:root{--blue:#087cf0;--royal:#154bc8;--violet:#7029cf;--navy:#08133d;--ink:#11172c;--text:#5c647c;--line:#e6e9f2;--soft:#f5f7ff;--white:#fff;--display:"Space Grotesk",sans-serif;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--text);font-family:var(--sans);margin:0;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.site-header{align-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr auto 1fr;height:82px;padding:0 4.5vw;position:fixed;top:0;width:100%;z-index:100}
.brand{align-items:center;display:flex;font:700 27px var(--display);letter-spacing:-.06em;width:max-content}
.brand>img{display:block;flex:0 0 auto;height:44px;margin-right:7px;object-fit:contain;overflow:visible;width:53px}
.brand>span>span{color:var(--violet)}
nav{display:flex;gap:2.4vw}
nav a{color:#505875;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
nav a:hover{color:var(--violet)}
.header-actions{align-items:center;display:flex;gap:10px;justify-self:end}
.language,.menu{background:transparent;border:0;color:var(--ink);font-size:11px;font-weight:800}
.language span{color:var(--violet)}
.header-cta{background:var(--navy);border-radius:50px;color:#fff;font-size:11px;font-weight:800;padding:14px 19px}
.menu{display:none;width:42px}
.menu i{background:var(--ink);display:block;height:2px;margin:6px;width:22px}

.hero{height:max(760px,100vh);overflow:hidden;padding:82px 0 0;position:relative}
.hero-art{height:calc(100% - 82px);inset:82px 0 0;object-fit:cover;position:absolute;width:100%}
.hero-wash{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.9) 35%,rgba(255,255,255,.1) 66%,rgba(235,226,255,.22));inset:82px 0 0;position:absolute}
.hero-copy{left:7vw;max-width:670px;position:absolute;top:50%;transform:translateY(-43%);z-index:3}
.hero-kicker,.eyebrow{color:var(--royal);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.hero-kicker i{background:var(--blue);border-radius:50%;display:inline-block;height:7px;margin-right:9px;width:7px}
.hero h1,.section-heading h2,.experience h2,.live-order h2,.responsible h2,.feature-head h2,.launch h2{color:var(--ink);font:600 clamp(66px,7vw,126px)/.88 var(--display);letter-spacing:-.075em;margin:35px 0}
.hero h1 em,.section-heading h2 em,.experience h2 em,.live-order h2 em,.responsible h2 em,.feature-head h2 em,.launch h2 em{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero-lead{font-size:16px;line-height:1.8;max-width:570px}
.hero-actions{align-items:center;display:flex;gap:25px;margin-top:34px}
.primary{align-items:center;background:linear-gradient(105deg,var(--blue),var(--violet));border-radius:50px;box-shadow:0 15px 35px rgba(59,58,203,.25);color:#fff;display:flex;font-size:12px;font-weight:800;gap:30px;padding:18px 22px}
.primary b{font-size:18px}
.play{align-items:center;display:flex;gap:11px}
.play>i{align-items:center;border:1px solid var(--line);border-radius:50%;color:var(--violet);display:flex;font-size:10px;height:48px;justify-content:center;width:48px}
.play span{color:var(--ink);font-size:11px;font-weight:800}
.play small{color:var(--text);display:block;font-size:9px;font-weight:500;margin-top:4px}
.hero-proof{align-items:center;display:flex;gap:18px;margin-top:42px}
.faces{display:flex}
.faces i{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border:3px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:8px;font-style:normal;height:35px;justify-content:center;margin-left:-8px;width:35px}
.faces i:first-child{margin:0}
.hero-proof>span:last-child>b{color:var(--ink);font-size:12px}
.hero-proof>span:last-child>i{color:#ffb629;font-size:9px}
.hero-proof small{display:block;font-size:9px;margin-top:4px}
.floating-card{align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 18px 45px rgba(31,25,84,.15);display:flex;gap:10px;padding:12px 16px;position:absolute;z-index:4}
.floating-card p{margin:0}
.floating-card b,.floating-card small{display:block}
.floating-card b{color:var(--ink);font-size:10px}
.floating-card small{font-size:8px;margin-top:3px}
.mini-icon{align-items:center;background:#e8fbf3;border-radius:50%;color:#15a766;display:flex;height:29px;justify-content:center;width:29px}
.order-card{right:7vw;top:24%}
.tracking-card{bottom:21%;right:35%}
.pulse{background:var(--blue);border:5px solid #d9ecff;border-radius:50%;height:20px;width:20px}
.hero-scroll{align-items:center;bottom:24px;color:#858ca0;display:flex;font-size:7px;font-weight:800;gap:12px;left:7vw;letter-spacing:.16em;position:absolute;z-index:3}
.hero-scroll i{background:var(--line);height:1px;width:70px}

.hero-app-preview{animation:heroPhoneFloat 7s ease-in-out infinite;background:#0b1023;border:6px solid #11172c;border-radius:40px;box-shadow:0 35px 80px rgba(24,21,83,.32);height:540px;overflow:hidden;padding:6px;position:absolute;right:5.5vw;top:18%;transform:rotate(3deg);width:270px;z-index:6}
.hero-app-preview:before{background:#0b1023;border-radius:0 0 12px 12px;content:"";height:17px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:90px;z-index:3}
.hero-phone-top{color:#fff;display:flex;font-size:6px;justify-content:space-between;padding:4px 10px 7px}
.hero-phone-screen{background:#fff;border-radius:32px;height:497px;overflow:hidden;padding:20px 14px 12px;will-change:opacity,transform}
.hero-app-brand{align-items:center;display:flex}
.hero-app-brand img{height:27px;width:32px}
.hero-app-brand>b{color:var(--ink);font:700 16px var(--display);letter-spacing:-.06em}
.hero-app-brand>b span{color:var(--violet)}
.hero-app-brand>i{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;color:#fff;display:flex;font-size:6px;height:24px;justify-content:center;margin-left:auto;width:24px}
.hero-app-location{margin:14px 0 0}
.hero-app-location small,.hero-app-location b{display:block}
.hero-app-location small{font-size:5px;letter-spacing:.11em}
.hero-app-location b{color:var(--ink);font-size:8px;margin-top:3px}
.hero-app-search{background:#f2f4f9;border-radius:9px;color:var(--ink);font-size:11px;margin-top:11px;padding:9px}
.hero-app-search span{color:#9ca2b2;font-size:6px;margin-left:4px}
.hero-app-banner{background:linear-gradient(120deg,var(--royal),var(--violet));border-radius:13px;color:#fff;margin-top:10px;min-height:100px;padding:14px;position:relative}
.hero-app-banner small{font-size:5px;letter-spacing:.12em}
.hero-app-banner b{display:block;font:600 17px/1.08 var(--display);margin-top:8px}
.hero-app-banner>span{bottom:12px;position:absolute;right:13px}
.hero-app-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}
.hero-app-tabs>span{font-size:17px;text-align:center}
.hero-app-tabs small{color:var(--ink);display:block;font-size:5px;margin-top:3px}
.hero-app-near{display:flex;justify-content:space-between;margin:14px 0 8px}
.hero-app-near b{color:var(--ink);font-size:8px}
.hero-app-near small{color:var(--violet);font-size:6px}
.hero-store{align-items:center;border:1px solid var(--line);border-radius:10px;display:grid;gap:8px;grid-template-columns:37px 1fr auto;margin-top:6px;padding:7px}
.hero-store>i{align-items:center;background:#fff1ea;border-radius:8px;display:flex;font-size:17px;height:34px;justify-content:center}
.hero-store p{margin:0}
.hero-store p b,.hero-store p small{display:block}
.hero-store p b{color:var(--ink);font-size:7px}
.hero-store p small{font-size:5px;margin-top:3px}
.hero-store>span{color:var(--violet)}
.hero-app-nav{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;padding-top:8px}
.hero-app-nav i{color:#8d94a6;font-size:10px;font-style:normal;text-align:center}
.hero-app-nav i:first-child{color:var(--violet)}
.hero-app-nav small{display:block;font-size:4px;margin-top:2px}
@keyframes heroPhoneFloat{0%,100%{transform:rotate(3deg) translateY(0)}
50%{transform:rotate(2deg) translateY(-10px)}
}

.feature-dock{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:16px 0 0 16px;box-shadow:0 18px 45px rgba(33,41,143,.28);color:#fff;display:grid;gap:1px 10px;grid-template-columns:auto 1fr auto;padding:12px 14px;position:fixed;right:0;top:48%;transition:transform 1.35s cubic-bezier(.4,0,.2,1);z-index:90}
.feature-dock.collapsed{transform:translateX(calc(100% - 62px))}
.feature-dock b{font:700 20px var(--display);grid-row:1/3}
.feature-dock span{font-size:6px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.feature-dock i{font-style:normal;grid-column:3;grid-row:1/3}
.hero-feature-link{align-items:center;border-left:1px solid var(--line);display:flex;gap:9px;padding-left:18px}
.hero-feature-link b{background:var(--navy);border-radius:8px;color:#fff;font:700 12px var(--display);padding:7px}
.hero-feature-link span{color:var(--ink);font-size:9px;font-weight:800;white-space:nowrap}

.store-launch{align-items:center;display:flex;gap:12px;margin-top:20px}
.store-launch>small{color:#8d94a6;font-size:6px;font-weight:800;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}
.store-buttons{display:flex;gap:8px}
.store-button{align-items:center;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(8,124,240,.55),rgba(112,41,207,.55)) border-box;border:1px solid transparent;border-radius:11px;box-shadow:0 8px 24px rgba(38,40,108,.08);display:flex;gap:8px;min-width:132px;padding:7px 10px;transition:.25s}
.store-button:hover{box-shadow:0 12px 28px rgba(58,43,154,.16);transform:translateY(-2px)}
.store-button svg{height:25px;width:25px}
.apple-mark{fill:var(--ink)}
.store-button span small,.store-button span b{display:block}
.store-button span small{color:#8990a2;font-size:4px;font-weight:800;letter-spacing:.08em}
.store-button span b{color:var(--ink);font:600 11px var(--display);letter-spacing:-.03em;margin-top:2px}
.store-buttons-secondary{margin-top:18px}
.store-buttons-secondary .store-button{backdrop-filter:blur(16px);min-width:142px}
.store-buttons-dark .store-button{background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.92)) padding-box,linear-gradient(120deg,#3aa1ff,#8e4cff) border-box;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.launch-store-buttons{justify-content:center;margin:24px auto 6px}
@media(max-width:520px){
.store-buttons-secondary{flex-wrap:wrap}
.store-buttons-secondary .store-button{flex:1;min-width:128px}
.launch-store-buttons{width:100%}
}

.trust-strip{background:var(--navy);display:grid;grid-template-columns:repeat(4,1fr);padding:35px 6vw}
.trust-strip article{border-left:1px solid rgba(255,255,255,.14);padding:4px 30px}
.trust-strip b{color:#fff;display:block;font:600 25px var(--display)}
.trust-strip span{color:#8994be;font-size:8px;font-weight:700;letter-spacing:.08em}
.section{padding:130px 6vw}
.section-heading{display:grid;gap:5vw;grid-template-columns:1.25fr .75fr}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2{font-size:clamp(50px,6vw,104px);margin:0}
.section-heading>p:last-child{align-self:end;font-size:14px;line-height:1.8}
.category-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:80px}
.category{border-radius:28px;min-height:430px;overflow:hidden;padding:30px;position:relative;transition:.3s}
.category:hover{transform:translateY(-8px)}
.category>span{display:block;font-size:70px;margin:20px 0 55px}
.category small{font-size:8px;font-weight:800;position:absolute;right:28px;top:28px}
.category h3{color:var(--ink);font:600 27px var(--display);letter-spacing:-.04em;margin:0}
.category p{font-size:11px;line-height:1.6;min-height:40px}
.category a{color:var(--ink);font-size:9px;font-weight:800}
.category a b{color:var(--violet);float:right;font-size:16px}
.category-food{background:#fff0ea}
.category-grocery{background:#eaf8ef}
.category-liquor{background:#eeeaff}
.category-more{background:#eaf4ff}

.partner-showcase{background:#fff;overflow:hidden;padding:78px 0 58px}
.partner-heading{display:grid;gap:4vw;grid-template-columns:1.3fr .7fr;padding:0 6vw 34px}
.partner-heading .eyebrow{grid-column:1/-1}
.partner-heading h2{color:var(--ink);font:600 clamp(38px,4.4vw,70px)/.95 var(--display);letter-spacing:-.065em;margin:0}
.partner-heading h2 em{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.partner-heading>p:last-child{align-self:end;font-size:10px;line-height:1.65}
.partner-heading>p b{color:var(--violet);font:700 18px var(--display)}
.partner-rail{background:linear-gradient(90deg,#fff,#fafbff 15%,#fafbff 85%,#fff);border-block:1px solid var(--line);overflow:hidden;padding:3px 0}
.partner-rail+.partner-rail{border-top:0}
.partner-track{animation:partnerMarquee 100s linear infinite;display:flex;gap:0;width:max-content}
.partner-track.reverse{animation-direction:reverse;animation-duration:112s}
.partner-rail:hover .partner-track{animation-play-state:paused}
.partner-card{align-items:center;background:transparent;border-right:1px solid rgba(230,233,242,.8);display:grid;grid-template-rows:29px 8px;height:47px;justify-items:center;padding:4px 10px;width:126px}
.partner-logo{align-items:center;display:flex;height:27px;justify-content:center;max-width:108px}
.partner-logo img{height:21px;max-width:26px;object-fit:contain;width:auto}
.partner-logo strong{color:var(--ink);font:700 9px/1.05 var(--display);letter-spacing:-.025em;margin-left:6px;max-width:72px;text-align:left}
.partner-logo.fallback strong{background:linear-gradient(90deg,var(--royal),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:10px;margin:0;max-width:104px;text-align:center}
.partner-card>small{color:#a0a6b7;font-size:4px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.partner-note{color:#a0a6b7;font-size:5px;letter-spacing:.1em;margin:13px 6vw 0;text-align:right;text-transform:uppercase}
@keyframes partnerMarquee{to{transform:translateX(-50%)}
}

.partner-directory{border-block:1px solid var(--line);margin:30px 6vw 0}
.partner-directory summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:18px 2px}
.partner-directory summary::-webkit-details-marker{display:none}
.partner-directory summary small,.partner-directory summary b{display:block}
.partner-directory summary small{color:var(--blue);font-size:6px;font-weight:800;letter-spacing:.17em}
.partner-directory summary b{color:var(--ink);font:600 15px var(--display);margin-top:4px}
.partner-directory summary i{align-items:center;border:1px solid var(--line);border-radius:50%;color:var(--violet);display:flex;font-style:normal;height:30px;justify-content:center;transition:.25s;width:30px}
.partner-directory[open] summary i{background:var(--navy);border-color:var(--navy);color:#fff;transform:rotate(45deg)}
.partner-directory-intro{align-items:end;display:flex;justify-content:space-between;padding:5px 0 24px}
.partner-directory-intro p{font-size:10px;line-height:1.7;margin:0;max-width:620px}
.partner-directory-intro a{color:var(--ink);font-size:8px;font-weight:800}
.partner-directory-intro a b{color:var(--violet);margin-left:7px}
.partner-directory-grid{border-left:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:25px}
.partner-directory-grid article{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:74px;padding:13px}
.partner-directory-grid article>span{color:var(--blue);display:block;font-size:5px;font-weight:800}
.partner-directory-grid article>b{color:var(--ink);display:block;font:600 10px/1.2 var(--display);margin-top:7px}
.partner-directory-grid article>small{color:#a0a6b7;display:block;font-size:5px;margin-top:5px}

.experience{align-items:center;background:var(--soft);display:grid;gap:8vw;grid-template-columns:.9fr 1.1fr;overflow:hidden}
.experience h2,.live-order h2,.responsible h2{font-size:clamp(48px,5.7vw,96px)}
.experience-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:560px}
.steps{margin-top:42px}
.step{align-items:flex-start;background:transparent;border:0;border-top:1px solid var(--line);cursor:pointer;display:grid;gap:18px;grid-template-columns:35px 1fr;padding:20px 5px;text-align:left;width:100%}
.step>b{color:#adb3c4;font:600 11px var(--display)}
.step strong,.step small{display:block}
.step strong{color:var(--ink);font-size:14px}
.step small{font-size:10px;line-height:1.6;margin-top:6px}
.step.active>b{color:var(--blue)}
.step.active strong{color:var(--violet)}
.phone-stage{min-height:700px;position:relative}
.phone-glow{background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;filter:blur(60px);height:520px;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px}
.phone{background:#0b1023;border:8px solid #101528;border-radius:55px;box-shadow:0 45px 90px rgba(31,27,83,.25);height:660px;left:50%;overflow:hidden;padding:8px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(3deg);width:330px}
.phone:before{background:#0b1023;border-radius:0 0 15px 15px;content:"";height:22px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:110px;z-index:3}
.phone-top{color:#fff;display:flex;font-size:7px;justify-content:space-between;padding:5px 13px 8px}
.app-screen{background:#fff;border-radius:39px;height:605px;overflow:hidden;padding:28px 17px;position:relative}
.app-hello span,.app-hello b{display:block}
.app-hello span{font-size:7px}
.app-hello b{color:var(--ink);font-size:10px;margin-top:3px}
.app-profile{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;color:#fff;display:flex;font-size:8px;height:27px;justify-content:center;position:absolute;right:17px;top:25px;width:27px}
.app-search{background:#f3f5fa;border-radius:10px;color:var(--ink);font-size:13px;margin-top:18px;padding:11px}
.app-search span{color:#a2a7b5;font-size:8px;margin-left:6px}
.app-promo{background:linear-gradient(120deg,var(--royal),var(--violet));border-radius:15px;color:#fff;margin-top:14px;min-height:115px;padding:18px;position:relative}
.app-promo small{font-size:6px;letter-spacing:.13em}
.app-promo b{display:block;font:600 20px/1.05 var(--display);margin-top:10px}
.app-promo i{bottom:15px;font-style:normal;position:absolute;right:16px}
.app-categories{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}
.app-categories span{font-size:20px;text-align:center}
.app-categories small{color:var(--ink);display:block;font-size:6px;margin-top:5px}
.app-title{display:flex;justify-content:space-between;margin-top:20px}
.app-title b{color:var(--ink);font-size:11px}
.app-title small{color:var(--violet);font-size:7px}
.store-list{display:grid;gap:8px;margin-top:10px}
.store-list article{align-items:center;border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;padding:9px}
.store-list i{align-items:center;background:#fff1ea;border-radius:9px;display:flex;font-size:20px;height:42px;justify-content:center;width:50px}
.store-list p{margin:0}
.store-list b,.store-list small{display:block}
.store-list b{color:var(--ink);font-size:8px}
.store-list small{font-size:6px;margin-top:4px}
.phone-note{background:#fff;border-radius:14px;box-shadow:0 15px 40px rgba(31,27,83,.15);display:grid;gap:2px 8px;grid-template-columns:30px 1fr;padding:12px;position:absolute}
.phone-note i{align-items:center;background:#eef4ff;border-radius:50%;color:var(--blue);display:flex;grid-row:1/3;height:30px;justify-content:center}
.phone-note b{color:var(--ink);font-size:9px}
.phone-note small{font-size:7px}
.note-one{left:4%;top:24%}
.note-two{bottom:20%;right:0}

.live-order{align-items:center;background:var(--navy);display:grid;gap:8vw;grid-template-columns:.75fr 1.25fr;padding:130px 6vw}
.live-order h2{color:#fff}
.live-order-copy>p:last-child{color:#8f99bd;font-size:14px;line-height:1.8}
.route-card{background:#111b49;border:1px solid rgba(255,255,255,.1);border-radius:30px;overflow:hidden}
.route-map{height:390px;overflow:hidden;position:relative}
.route{border:1px solid rgba(106,126,205,.18);border-radius:40%;height:220px;position:absolute;transform:rotate(-15deg);width:600px}
.r1{left:-60px;top:-70px}
.r2{right:-220px;top:40px}
.r3{bottom:-130px;left:120px}
.route-map svg{height:100%;inset:0;position:absolute;width:100%}
.route-map path{fill:none;stroke:#6b39df;stroke-dasharray:7 9;stroke-width:4}
.shop-pin,.home-pin,.rider-pin{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute;z-index:2}
.shop-pin{background:var(--blue);height:35px;left:11%;top:72%;width:35px}
.home-pin{background:var(--violet);height:35px;right:9%;top:46%;width:35px}
.rider-pin{background:#fff;border:5px solid #cdd8ff;font-size:24px;height:54px;left:58%;top:30%;width:54px}
.route-status{align-items:center;background:#fff;display:grid;gap:12px;grid-template-columns:42px 1fr auto;padding:20px 25px}
.driver-avatar{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;color:#fff;display:flex;font-size:9px;height:42px;justify-content:center}
.route-status p{margin:0}
.route-status small,.route-status b{display:block}
.route-status small{font-size:6px;letter-spacing:.11em}
.route-status b{color:var(--ink);font-size:10px;margin-top:4px}
.route-status strong{color:var(--violet);font:600 25px var(--display)}
.route-progress{background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:20px 25px}
.route-progress i{background:#dfe3ed;height:3px}
.route-progress i.done,.route-progress i.live{background:linear-gradient(90deg,var(--blue),var(--violet))}
.route-progress span{font-size:6px;margin-top:8px}

.responsible{align-items:center;display:grid;gap:8vw;grid-template-columns:1fr 1fr}
.responsible-visual{align-items:center;background:linear-gradient(135deg,#101847,#322275);border-radius:35px;color:#fff;display:flex;flex-direction:column;height:600px;justify-content:center;overflow:hidden;position:relative}
.responsible-visual:before,.responsible-visual:after{border:1px solid rgba(255,255,255,.12);border-radius:50%;content:"";height:500px;position:absolute;width:500px}
.responsible-visual:after{height:350px;width:350px}
.responsible-visual span{font:600 140px var(--display);letter-spacing:-.08em;z-index:2}
.responsible-visual i{background:linear-gradient(90deg,var(--blue),var(--violet));height:5px;margin:20px;width:80px;z-index:2}
.responsible-visual b{font:600 20px/1.3 var(--display);text-align:center;z-index:2}
.responsible-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}
.responsible ul{display:grid;gap:12px 25px;grid-template-columns:1fr 1fr;list-style:none;margin-top:35px;padding:0}
.responsible li{border-top:1px solid var(--line);color:var(--ink);font-size:10px;padding-top:14px}
.responsible li:before{color:var(--blue);content:"✓";margin-right:8px}

.section-heading.center{display:block;text-align:center}
.section-heading.center h2{margin:30px auto;max-width:1000px}
.ecosystem{background:var(--soft)}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px}
.ecosystem-grid article{background:#fff;border-left:1px solid var(--line);min-height:400px;padding:28px;position:relative}
.ecosystem-grid article>span{font-size:45px}
.ecosystem-grid small{color:var(--blue);display:block;font-size:7px;font-weight:800;letter-spacing:.13em;margin-top:50px}
.ecosystem-grid h3{color:var(--ink);font:600 24px/1.1 var(--display);letter-spacing:-.04em}
.ecosystem-grid p{font-size:11px;line-height:1.7}
.ecosystem-grid article>b{bottom:28px;color:var(--violet);font-size:9px;position:absolute}

.features{background:#fff}
.feature-head{display:grid;gap:8vw;grid-template-columns:1.2fr .8fr}
.feature-head h2{font-size:clamp(50px,6vw,100px)}
.feature-head>p{align-self:end;font-size:14px;line-height:1.8}
.feature-tools{align-items:end;display:grid;gap:40px;grid-template-columns:1fr auto;margin-top:80px}
.feature-tools label{align-items:center;border-bottom:1px solid var(--line);display:flex}
.feature-tools label>span{color:var(--violet);font-size:25px}
.feature-tools input{border:0;color:var(--ink);font-size:16px;outline:0;padding:18px;width:100%}
.feature-result{text-align:right}
.feature-result b{color:var(--violet);display:block;font:600 30px var(--display)}
.feature-result span{font-size:6px;font-weight:800;letter-spacing:.12em}
.feature-filters{display:flex;gap:7px;margin-top:30px;overflow:auto;padding-bottom:10px}
.feature-filters button{background:#fff;border:1px solid var(--line);border-radius:30px;color:#5d657a;cursor:pointer;font-size:8px;font-weight:800;padding:11px 14px;white-space:nowrap}
.feature-filters button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.feature-groups{margin-top:40px}
.feature-group{border-top:1px solid var(--line)}
.feature-group summary{align-items:center;cursor:pointer;display:grid;gap:20px;grid-template-columns:45px 1fr auto;list-style:none;padding:24px 5px}
.feature-group summary::-webkit-details-marker{display:none}
.feature-group summary>span{color:var(--blue);font:600 10px var(--display)}
.feature-group summary h3{color:var(--ink);font:600 19px var(--display);margin:0}
.feature-group summary b{align-items:center;border:1px solid var(--line);border-radius:50%;color:var(--violet);display:flex;font-size:8px;height:31px;justify-content:center;width:31px}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);padding:0 0 30px 65px}
.feature-item{border-left:1px solid var(--line);min-height:130px;padding:18px}
.feature-item span{color:var(--blue);font-size:7px;font-weight:800}
.feature-item p{color:var(--ink);font-size:10px;line-height:1.6;margin:18px 0 0}
.feature-group.hidden,.feature-item.hidden{display:none}
.loading{color:var(--violet);font-size:11px;padding:40px}

.why-bringo{background:#070d2d;color:#aab2d0;display:grid;gap:9vw;grid-template-columns:.78fr 1.22fr;position:relative}
.why-bringo:before{background:radial-gradient(circle,rgba(8,124,240,.22),transparent 65%);content:"";height:620px;left:-240px;position:absolute;top:15%;width:620px}
.why-bringo-heading{align-self:start;position:sticky;top:125px;z-index:2}
.why-bringo .eyebrow{color:#65a8ff}
.why-bringo h2{color:#fff;font:600 clamp(48px,5.4vw,92px)/.92 var(--display);letter-spacing:-.07em;margin:30px 0 45px}
.why-bringo h2 em{background:linear-gradient(90deg,#39a3ff,#8b4cff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.why-bringo-promise{border-block:1px solid rgba(255,255,255,.12);display:grid;gap:9px 15px;grid-template-columns:25px 1fr;padding:20px 0}
.why-bringo-promise span{color:#6380d6;font-size:6px;font-weight:800}
.why-bringo-promise b{color:#fff;font:600 11px var(--display)}
.why-bringo-story{border-left:1px solid rgba(255,255,255,.12);padding-left:6vw}
.why-bringo-story>p{color:#aeb6d1;font-size:13px;line-height:1.95;margin:0;padding:22px 0}
.why-bringo-story>p+p{border-top:1px solid rgba(255,255,255,.07)}
.why-bringo-story>p strong{color:#fff}
.why-bringo-story>.story-statement{color:#fff;font:500 clamp(24px,2.6vw,42px)/1.16 var(--display);letter-spacing:-.045em;padding:48px 0}
.why-bringo-story>.story-statement:first-child{padding-top:0}
.retailer-brief{background:var(--soft)}
.retailer-brief-head{display:grid;gap:8vw;grid-template-columns:1.2fr .8fr}
.retailer-brief h2{color:var(--ink);font:600 clamp(48px,5.8vw,96px)/.92 var(--display);letter-spacing:-.07em;margin:30px 0 0}
.retailer-brief h2 em{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.retailer-brief-intro{align-self:end}
.retailer-brief-intro p{font-size:13px;line-height:1.8}
.retailer-brief-intro button{background:var(--navy);border:0;border-radius:50px;color:#fff;cursor:pointer;font-size:8px;font-weight:800;margin-top:18px;padding:14px 18px}
.retailer-brief-intro button b{color:#86aaff;margin-left:18px}
.retailer-chapters{border-top:1px solid var(--line);margin-top:65px}
.retailer-chapter{border-bottom:1px solid var(--line)}
.retailer-chapter summary{align-items:center;cursor:pointer;display:grid;gap:25px;grid-template-columns:45px 1fr 32px;list-style:none;padding:22px 3px}
.retailer-chapter summary::-webkit-details-marker{display:none}
.retailer-chapter summary>span{color:var(--blue);font:600 9px var(--display)}
.retailer-chapter summary h3{color:var(--ink);font:600 clamp(16px,1.6vw,24px) var(--display);letter-spacing:-.035em;margin:0}
.retailer-chapter summary>b{align-items:center;border:1px solid var(--line);border-radius:50%;color:var(--violet);display:flex;font-size:9px;height:32px;justify-content:center;transition:.25s;width:32px}
.retailer-chapter[open] summary>b{background:var(--navy);border-color:var(--navy);color:#fff;transform:rotate(45deg)}
.retailer-chapter-copy{color:#515a73;column-count:2;column-gap:6vw;padding:5px 55px 35px 70px}
.retailer-chapter-copy p,.retailer-chapter-copy li{font-size:10px;line-height:1.8}
.retailer-chapter-copy p{break-inside:avoid;margin:0 0 14px}
.retailer-chapter-copy strong{color:var(--ink)}
.retailer-chapter-copy ul{break-inside:avoid;margin:8px 0 18px;padding-left:16px}
.retailer-chapter-copy li::marker{color:var(--violet)}
.retailer-step{border-left:2px solid var(--blue);padding-left:12px}

.launch{background:linear-gradient(135deg,var(--royal),var(--violet));color:#fff;padding:130px 6vw;text-align:center}
.launch>img{filter:brightness(0) invert(1);height:80px;width:90px}
.launch .eyebrow{color:#cbd8ff}
.launch h2{color:#fff;font-size:clamp(60px,7vw,115px)}
.launch h2 em{background:none;color:#fff}
.launch>p:not(.eyebrow){color:#d9dcf4;font-size:14px}
.launch form{display:flex;margin:40px auto 15px;max-width:570px}
.launch input{border:0;border-radius:50px 0 0 50px;outline:0;padding:18px 24px;width:100%}
.launch button{background:var(--navy);border:0;border-radius:0 50px 50px 0;color:#fff;font-size:10px;font-weight:800;padding:0 24px;white-space:nowrap}
.launch>small{color:#c5caeb;font-size:8px}
footer{align-items:start;background:#050b25;color:#8590b5;display:grid;gap:5vw;grid-template-columns:1fr 1fr auto auto;padding:70px 5vw 35px}
.footer-brand{color:#fff}
.footer-brand img{filter:brightness(0) invert(1)}
footer p{font-size:10px;line-height:1.8}
footer div{display:flex;flex-direction:column;gap:10px}
footer div a{font-size:9px}
footer>small{border-top:1px solid rgba(255,255,255,.12);font-size:7px;grid-column:1/-1;letter-spacing:.1em;padding-top:25px}

@media(max-width:1100px){nav{background:#fff;display:flex;flex-direction:column;inset:82px 0 auto;opacity:0;padding:35px;pointer-events:none;position:fixed;transform:translateY(-15px);transition:.25s}
nav.open{opacity:1;pointer-events:auto;transform:none}
.header-cta,.language{display:none}
.menu{display:block}
.hero-copy{max-width:560px}
.hero-app-preview{right:2vw;transform:rotate(2deg) scale(.9)}
.order-card,.tracking-card{display:none}
.category-grid,.ecosystem-grid{grid-template-columns:1fr 1fr}
.experience,.responsible{grid-template-columns:1fr}
.experience-copy{order:1}
.phone-stage{min-height:720px}
.live-order{grid-template-columns:1fr}
.feature-list{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){.site-header{height:70px;padding:0 5vw}
.brand>img{height:38px;width:46px}
.brand{font-size:23px}
nav{inset:70px 0 auto}
.feature-dock{border-radius:12px 0 0 12px;top:auto;bottom:18px}
.feature-dock span{display:none}
.hero{height:1040px;padding-top:70px}
.hero-art{height:40%;inset:auto 0 0;object-position:75% center}
.hero-wash{background:linear-gradient(180deg,#fff 0%,#fff 55%,rgba(255,255,255,.25) 78%);inset:70px 0 0}
.hero-copy{left:6vw;right:6vw;top:105px;transform:none}
.hero h1{font-size:14vw}
.hero-lead{font-size:13px}
.hero-actions{align-items:flex-start;flex-direction:column}
.hero-feature-link{border-left:0;padding-left:0}
.store-launch{align-items:flex-start;flex-direction:column}
.store-launch>small{writing-mode:initial;transform:none}
.store-buttons{width:100%}
.store-button{min-width:0;width:50%}
.hero-proof{display:none}
.hero-app-preview{bottom:25px;height:405px;right:4vw;top:auto;transform:rotate(2deg);width:202px}
.hero-app-preview:before{height:12px;width:65px}
.hero-phone-screen{border-radius:24px;height:371px;padding:13px 10px}
.hero-app-brand img{height:20px;width:24px}
.hero-app-brand>b{font-size:12px}
.hero-app-location,.hero-app-search,.hero-app-tabs,.hero-app-near,.hero-store,.hero-app-nav{transform:scale(.76);transform-origin:top left;width:132%}
.hero-app-banner{min-height:76px;padding:10px}
.hero-app-banner b{font-size:13px}
.floating-card{display:none}
.trust-strip{grid-template-columns:1fr 1fr}
.trust-strip article{padding:15px}
.partner-showcase{padding:58px 0 45px}
.partner-heading{grid-template-columns:1fr;padding-bottom:28px}
.partner-heading h2{font-size:11vw}
.partner-card{width:112px}
.section{padding:90px 6vw}
.section-heading,.feature-head{grid-template-columns:1fr}
.section-heading h2{font-size:13vw}
.category-grid,.ecosystem-grid{grid-template-columns:1fr}
.category{min-height:360px}
.category>span{margin-bottom:35px}
.phone-stage{min-height:650px}
.phone{height:600px;transform:translate(-50%,-50%);width:300px}
.app-screen{height:545px}
.phone-note{display:none}
.live-order{padding:90px 6vw}
.route-map{height:280px}
.responsible-visual{height:430px}
.responsible-visual span{font-size:100px}
.responsible ul{grid-template-columns:1fr}
.ecosystem-grid article{min-height:330px}
.feature-tools{grid-template-columns:1fr}
.feature-result{text-align:left}
.feature-list{grid-template-columns:1fr;padding-left:0}
.feature-item{min-height:100px}
.feature-group summary{grid-template-columns:30px 1fr auto}
.launch form{flex-direction:column;gap:8px}
.launch input,.launch button{border-radius:50px;padding:17px}
.launch h2{font-size:15vw}
footer{grid-template-columns:1fr 1fr}
.footer-brand,footer p{grid-column:1/-1}
}

@media(max-width:700px){.partner-directory-intro{align-items:flex-start;flex-direction:column;gap:16px}
.partner-directory-grid{grid-template-columns:1fr 1fr}
.partner-directory-grid article{min-height:68px;padding:11px}
.retailer-brief-head{grid-template-columns:1fr}
.retailer-brief h2{font-size:12vw}
.retailer-chapters{margin-top:42px}
.retailer-chapter summary{gap:12px;grid-template-columns:28px 1fr 30px;padding:18px 2px}
.retailer-chapter-copy{column-count:1;padding:4px 8px 28px 40px}
.retailer-chapter-copy p,.retailer-chapter-copy li{font-size:11px}
}

@media(max-width:700px){.why-bringo{grid-template-columns:1fr}
.why-bringo-heading{position:relative;top:auto}
.why-bringo h2{font-size:13vw;margin-bottom:30px}
.why-bringo-story{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:35px 0 0}
.why-bringo-story>p{font-size:12px;padding:18px 0}
.why-bringo-story>.story-statement{font-size:8vw;padding:36px 0}
}


/* Readable editorial story — no sidebar treatment */
.why-bringo{display:block;padding-left:max(6vw,40px);padding-right:max(6vw,40px)}
.why-bringo:before{left:50%;top:-180px;transform:translateX(-50%)}
.why-bringo-heading{margin:0 auto;max-width:1050px;position:relative;text-align:center;top:auto}
.why-bringo h2{font-size:clamp(54px,6.5vw,112px);margin:28px auto 25px}
.why-bringo-lead{color:#aeb6d1;font-size:14px;line-height:1.8;margin:0 auto;max-width:650px}
.why-bringo-promise{display:flex;gap:15px;justify-content:center;margin:42px auto 0;max-width:760px}
.why-bringo-promise span{margin-left:22px}
.why-bringo-promise span:first-child{margin-left:0}
.why-bringo-story{border:0;margin:80px auto 0;max-width:1080px;padding:0}
.story-chapter{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.1);border-radius:26px;display:grid;gap:5vw;grid-template-columns:.42fr 1fr;margin:18px 0;overflow:hidden;padding:38px;position:relative}
.story-chapter:after{background:linear-gradient(180deg,var(--blue),var(--violet));content:"";height:0;left:0;position:absolute;top:0;transition:height 1.2s cubic-bezier(.2,.8,.2,1);width:3px}
.story-chapter.motion-visible:after{height:100%}
.story-chapter header{align-self:start;position:sticky;top:110px}
.story-chapter header span{color:#61a6ff;font-size:7px;font-weight:800;letter-spacing:.15em}
.story-chapter h3{color:#fff;font:600 clamp(24px,2.4vw,38px)/1.04 var(--display);letter-spacing:-.05em;margin:14px 0}
.story-chapter-copy{max-width:650px}
.story-chapter-copy p{border-top:1px solid rgba(255,255,255,.07);color:#b5bdd6;font-size:12px;line-height:1.85;margin:0;padding:20px 0}
.story-chapter-copy p:first-child{border-top:0;padding-top:0}
.story-chapter-copy p strong{color:#fff}
.story-chapter-copy .story-statement{color:#fff;font:500 clamp(20px,2vw,30px)/1.22 var(--display);letter-spacing:-.04em;padding:30px 0}
.story-chapter-copy .story-statement:first-child{padding-top:0}
.story-chapter:last-child{background:linear-gradient(135deg,rgba(8,124,240,.18),rgba(112,41,207,.2));text-align:left}

@media(max-width:700px){.why-bringo{padding-left:6vw;padding-right:6vw}
.why-bringo h2{font-size:13vw}
.why-bringo-lead{font-size:12px}
.why-bringo-promise{align-items:center;display:grid;grid-template-columns:24px 1fr;margin-top:30px;text-align:left}
.why-bringo-promise span{margin-left:0}
.why-bringo-story{margin-top:45px}
.story-chapter{display:block;padding:25px 20px}
.story-chapter header{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px;padding-bottom:16px;position:relative;top:auto}
.story-chapter h3{font-size:27px}
.story-chapter-copy p{font-size:12px}
.story-chapter-copy .story-statement{font-size:23px}
}


/* App-like motion system */
.phone{animation:showcasePhoneFloat 7.5s ease-in-out infinite;will-change:transform}
.phone-glow{animation:phoneGlowPulse 4.8s ease-in-out infinite}
.phone-note{animation:phoneNoteFloat 4s ease-in-out infinite}
.phone-note.note-two{animation-delay:-2s}
.app-profile{animation:profilePulse 3.2s ease-in-out infinite}
.app-promo i{animation:promoArrow 1.8s ease-in-out infinite}
.app-categories span{transition:transform .3s}
.app-categories span:hover{transform:translateY(-5px) scale(1.08)}
.store-list article{transition:box-shadow .3s,transform .3s}
.store-list article:hover{box-shadow:0 9px 24px rgba(42,49,112,.11);transform:translateX(5px)}
.route-card{will-change:opacity,transform}
.route-map svg path{animation:routeDash 16s linear infinite}
.rider-pin{animation:riderBounce 1.1s ease-in-out infinite alternate;box-shadow:0 12px 28px rgba(62,47,175,.2)}
.shop-pin,.home-pin{animation:mapPinPulse 2.8s ease-in-out infinite}
.home-pin{animation-delay:-1.4s}
.route-progress i.live{animation:progressLive 1.6s ease-in-out infinite}
.responsible-visual span{animation:ageFloat 5s ease-in-out infinite}
.responsible-visual:before{animation:complianceRing 10s linear infinite}
.responsible-visual:after{animation:complianceRing 8s linear infinite reverse}
.motion-ready{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .85s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms),transform .85s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms)}
.motion-ready.motion-visible{opacity:1;transform:none}
.category.motion-visible>span{animation:categoryIcon 4.2s ease-in-out infinite}
.ecosystem-grid article.motion-visible>span{display:inline-block;animation:categoryIcon 4.8s ease-in-out infinite}
.retailer-chapter[open] .retailer-chapter-copy{animation:chapterOpen .55s cubic-bezier(.2,.8,.2,1)}

@keyframes showcasePhoneFloat{0%,100%{transform:translate(-50%,-50%) rotate(3deg)}
50%{transform:translate(-50%,calc(-50% - 15px)) rotate(1.5deg)}
}
@keyframes phoneGlowPulse{0%,100%{opacity:.16;transform:translate(-50%,-50%) scale(.92)}
50%{opacity:.3;transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes phoneNoteFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-9px)}
}
@keyframes profilePulse{0%,100%{box-shadow:0 0 0 0 rgba(112,41,207,0)}
50%{box-shadow:0 0 0 7px rgba(112,41,207,.12)}
}
@keyframes promoArrow{0%,100%{transform:translateX(0)}
50%{transform:translateX(6px)}
}
@keyframes routeDash{to{stroke-dashoffset:-320}
}
@keyframes riderBounce{to{transform:translateY(-7px) rotate(3deg)}
}
@keyframes mapPinPulse{0%,100%{box-shadow:0 0 0 0 rgba(8,124,240,.28)}
50%{box-shadow:0 0 0 12px rgba(8,124,240,0)}
}
@keyframes progressLive{0%,100%{opacity:.45}
50%{opacity:1}
}
@keyframes ageFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
@keyframes complianceRing{to{transform:rotate(360deg)}
}
@keyframes categoryIcon{0%,100%{transform:translateY(0) rotate(0)}
50%{transform:translateY(-8px) rotate(2deg)}
}
@keyframes chapterOpen{from{opacity:0;transform:translateY(-12px)}
to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
.motion-ready{opacity:1;transform:none;transition:none}
}


/* Bringo CI correction: bright, clean, blue-to-violet and app-led */
.why-bringo{background:linear-gradient(180deg,#fff 0%,#f4f7ff 48%,#fff 100%);color:var(--text);isolation:isolate}
.why-bringo:before{background:radial-gradient(circle,rgba(8,124,240,.14),transparent 67%);height:760px;left:15%;top:-330px;width:760px;z-index:-1}
.why-bringo:after{background:radial-gradient(circle,rgba(112,41,207,.13),transparent 68%);content:"";height:720px;position:absolute;right:-320px;top:24%;width:720px;z-index:-1}
.why-bringo .eyebrow{color:var(--royal)}
.why-bringo h2{color:var(--ink)}
.why-bringo h2 em{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.why-bringo-lead{color:var(--text)}
.why-bringo-promise{border-color:var(--line)}
.why-bringo-promise span{color:var(--blue)}
.why-bringo-promise b{color:var(--ink)}
.why-bringo-heading:after{background:url("assets/bringo-mark.svg?v=2") center/contain no-repeat;content:"";display:block;height:78px;margin:36px auto 0;width:94px}
.story-chapter{background:rgba(255,255,255,.92);border:1px solid rgba(28,87,210,.12);box-shadow:0 22px 60px rgba(40,54,133,.09);color:var(--text)}
.story-chapter:nth-child(even){background:linear-gradient(135deg,#f7fbff,#f8f4ff)}
.story-chapter:before{background:linear-gradient(135deg,rgba(8,124,240,.08),rgba(112,41,207,.08));border-radius:50%;content:"";height:190px;position:absolute;right:-105px;top:-105px;width:190px}
.story-chapter:after{background:linear-gradient(180deg,var(--blue),var(--violet));width:4px}
.story-chapter header span{color:var(--blue)}
.story-chapter h3{color:var(--ink)}
.story-chapter-copy p{border-color:var(--line);color:#626a82}
.story-chapter-copy p strong{color:var(--ink)}
.story-chapter-copy .story-statement{color:var(--ink)}
.story-chapter:last-child{background:linear-gradient(120deg,var(--royal),var(--violet));border:0}
.story-chapter:last-child header span,.story-chapter:last-child h3,.story-chapter:last-child .story-chapter-copy p,.story-chapter:last-child .story-chapter-copy .story-statement{color:#fff}
.story-chapter:last-child .story-chapter-copy p{border-color:rgba(255,255,255,.18)}


/* Full-screen animated story panels */
.why-bringo-story{margin-left:calc(-1 * max(6vw,40px));max-width:none;width:100vw}
.story-chapter{align-items:center;border-left:0;border-radius:0;border-right:0;gap:8vw;grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);margin:0;min-height:82vh;padding:7vw;transform-origin:center}
.story-chapter:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(250px,.42fr)}
.story-chapter:nth-child(even) header{grid-column:2;grid-row:1}
.story-chapter:nth-child(even) .story-chapter-copy{grid-column:1;grid-row:1}
.story-chapter header{position:relative;top:auto}
.story-chapter h3{font-size:clamp(36px,4vw,72px)}
.story-chapter-copy{max-width:900px}
.story-chapter-copy p{font-size:clamp(13px,1vw,18px);line-height:1.85;padding:24px 0}
.story-chapter-copy .story-statement{font-size:clamp(28px,3vw,55px)}
.story-chapter:before{animation:storyOrb 8s ease-in-out infinite;height:360px;opacity:.75;right:-130px;top:-140px;width:360px}
.story-chapter:nth-child(even):before{animation-delay:-4s;left:-130px;right:auto}
.story-chapter.motion-visible header{animation:storyHeaderIn .95s cubic-bezier(.16,1,.3,1) both}
.story-chapter.motion-visible .story-chapter-copy p{animation:storyLineIn .85s cubic-bezier(.16,1,.3,1) both}
.story-chapter.motion-visible .story-chapter-copy p:nth-child(1){animation-delay:.14s}
.story-chapter.motion-visible .story-chapter-copy p:nth-child(2){animation-delay:.24s}
.story-chapter.motion-visible .story-chapter-copy p:nth-child(3){animation-delay:.34s}
.story-chapter.motion-visible .story-chapter-copy p:nth-child(4){animation-delay:.44s}
.story-chapter.motion-visible .story-chapter-copy p:nth-child(5){animation-delay:.54s}
.story-chapter.motion-visible .story-chapter-copy p:nth-child(6){animation-delay:.64s}
.story-chapter:after{animation:chapterAccent 3.8s ease-in-out infinite alternate;box-shadow:0 0 24px rgba(75,70,230,.35)}

@keyframes storyHeaderIn{from{opacity:0;transform:translateX(-45px)}
to{opacity:1;transform:none}
}
@keyframes storyLineIn{from{opacity:0;transform:translateY(28px)}
to{opacity:1;transform:none}
}
@keyframes storyOrb{0%,100%{transform:translate(0,0) scale(.9)}
50%{transform:translate(-35px,35px) scale(1.12)}
}
@keyframes chapterAccent{from{filter:hue-rotate(0);opacity:.55}
to{filter:hue-rotate(22deg);opacity:1}
}

@media(max-width:700px){.why-bringo-story{margin-left:-6vw;width:100vw}
.story-chapter,.story-chapter:nth-child(even){display:block;min-height:auto;padding:70px 7vw}
.story-chapter:nth-child(even) header,.story-chapter:nth-child(even) .story-chapter-copy{grid-column:auto;grid-row:auto}
.story-chapter h3{font-size:11vw}
.story-chapter-copy .story-statement{font-size:8vw}
.story-chapter:before{height:220px;width:220px}
}


/* Product motion belongs in the app, not in the copy */
.story-chapter,.story-chapter:nth-child(even){grid-template-columns:minmax(200px,.3fr) minmax(250px,.28fr) minmax(380px,.62fr)}
.story-chapter:nth-child(even) header{grid-column:3;grid-row:1}
.story-chapter:nth-child(even) .story-app-visual{grid-column:2;grid-row:1}
.story-chapter:nth-child(even) .story-chapter-copy{grid-column:1;grid-row:1}
.story-chapter.motion-visible header,.story-chapter.motion-visible .story-chapter-copy p{animation:none}
.story-app-visual{align-items:center;display:flex;justify-content:center;min-height:530px;position:relative}
.story-phone{animation:storyPhoneFloat 6.8s ease-in-out infinite;background:#0b1023;border:6px solid #10162c;border-radius:38px;box-shadow:0 32px 70px rgba(40,40,130,.22);height:485px;overflow:hidden;padding:6px;position:relative;transform:rotate(3deg);width:242px;z-index:2}
.story-chapter:nth-child(even) .story-phone{animation-delay:-3.4s;transform:rotate(-3deg)}
.story-phone:before{background:#0b1023;border-radius:0 0 12px 12px;content:"";height:15px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:76px;z-index:4}
.story-phone-top{color:#fff;display:flex;font-size:6px;justify-content:space-between;padding:4px 9px 7px}
.story-phone-screen{background:#fff;border-radius:29px;height:444px;overflow:hidden;padding:20px 13px;position:relative}
.story-phone-brand{align-items:center;display:flex}
.story-phone-brand img{height:26px;width:31px}
.story-phone-brand>b{color:var(--ink);font:700 14px var(--display);letter-spacing:-.05em}
.story-phone-brand>b span{color:var(--violet)}
.story-phone-brand>i{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;color:#fff;display:flex;font-size:5px;height:24px;justify-content:center;margin-left:auto;width:24px}
.story-app-location{margin-top:23px}
.story-app-location small,.story-app-location b{display:block}
.story-app-location small{color:#9097ab;font-size:5px;font-weight:800;letter-spacing:.13em}
.story-app-location b{color:var(--ink);font-size:10px;margin-top:5px}
.story-app-promo{animation:storyScreenSwap 5.5s ease-in-out infinite;background:linear-gradient(125deg,var(--blue),var(--violet));border-radius:15px;color:#fff;margin-top:17px;min-height:125px;padding:17px;position:relative}
.story-app-promo small{font-size:5px;letter-spacing:.13em}
.story-app-promo b{display:block;font:600 19px/1.08 var(--display);margin-top:13px;max-width:150px}
.story-app-promo>i{animation:storyAppIcon 2.6s ease-in-out infinite;bottom:15px;font-size:22px;font-style:normal;position:absolute;right:16px}
.story-app-progress{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin:18px 2px}
.story-app-progress i{background:#e5e8f1;border-radius:5px;height:4px;overflow:hidden;position:relative}
.story-app-progress i:after{animation:storyProgress 3.8s ease-in-out infinite;background:linear-gradient(90deg,var(--blue),var(--violet));content:"";inset:0;position:absolute;transform:translateX(-105%)}
.story-app-progress i:nth-child(2):after{animation-delay:.5s}
.story-app-progress i:nth-child(3):after{animation-delay:1s}
.story-app-card{align-items:center;border:1px solid var(--line);border-radius:13px;display:grid;gap:9px;grid-template-columns:38px 1fr auto;padding:10px}
.story-app-card>span{align-items:center;background:#eef4ff;border-radius:9px;color:var(--violet);display:flex;height:38px;justify-content:center}
.story-app-card p{border:0!important;margin:0!important;padding:0!important}
.story-app-card p b,.story-app-card p small{display:block}
.story-app-card p b{color:var(--ink);font-size:7px}
.story-app-card p small{color:#8f96a8;font-size:5px;margin-top:4px}
.story-app-card em{color:var(--violet);font-size:18px}
.story-app-nav{border-top:1px solid var(--line);bottom:17px;display:grid;grid-template-columns:repeat(3,1fr);left:14px;padding-top:10px;position:absolute;right:14px}
.story-app-nav i{color:#8f96a8;font-size:10px;font-style:normal;text-align:center}
.story-app-nav i:first-child{color:var(--violet)}
.story-app-nav small{display:block;font-size:4px;margin-top:3px}
.story-app-bubble{animation:storyBubble 4s ease-in-out infinite;background:#fff;border:1px solid rgba(44,71,180,.1);border-radius:14px;box-shadow:0 15px 40px rgba(37,45,118,.16);display:grid;gap:2px 8px;grid-template-columns:30px 1fr;padding:11px;position:absolute;right:-20px;top:58%;z-index:3}
.story-app-bubble>i{align-items:center;background:#edf5ff;border-radius:50%;color:var(--blue);display:flex;font-style:normal;grid-row:1/3;height:30px;justify-content:center}
.story-app-bubble b{color:var(--ink);font-size:8px;white-space:nowrap}
.story-app-bubble small{color:#8f96a8;font-size:5px}
.story-chapter:last-child .story-app-bubble{background:#fff}
.story-chapter:last-child .story-chapter-copy strong{color:#fff}

@keyframes storyPhoneFloat{0%,100%{transform:rotate(3deg) translateY(0)}
50%{transform:rotate(1deg) translateY(-14px)}
}
@keyframes storyScreenSwap{0%,78%,100%{transform:translateX(0);opacity:1}
84%{transform:translateX(-18px);opacity:.25}
90%{transform:translateX(18px);opacity:.25}
}
@keyframes storyAppIcon{0%,100%{transform:scale(1) rotate(0)}
50%{transform:scale(1.18) rotate(5deg)}
}
@keyframes storyProgress{0%{transform:translateX(-105%)}
55%,100%{transform:translateX(0)}
}
@keyframes storyBubble{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}

@media(max-width:1050px){.story-chapter,.story-chapter:nth-child(even){grid-template-columns:.55fr .45fr}
.story-chapter header,.story-chapter:nth-child(even) header{grid-column:1;grid-row:1}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{grid-column:2;grid-row:1/3}
.story-chapter-copy,.story-chapter:nth-child(even) .story-chapter-copy{grid-column:1;grid-row:2}
.story-app-bubble{right:-5px}
}

@media(max-width:700px){.story-chapter,.story-chapter:nth-child(even){display:flex;flex-direction:column}
.story-chapter header,.story-chapter:nth-child(even) header{order:1;width:100%}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{min-height:500px;order:2;width:100%}
.story-chapter-copy,.story-chapter:nth-child(even) .story-chapter-copy{order:3}
.story-app-bubble{right:0}
.story-phone{height:450px;width:225px}
.story-phone-screen{height:409px}
}


/* Slim Bringo balance: prominent app, compact readable copy */
.story-chapter,.story-chapter:nth-child(even){gap:5vw;grid-template-columns:minmax(190px,.24fr) minmax(300px,.34fr) minmax(340px,.42fr);min-height:760px;padding:6vw 8vw}
.story-chapter-copy{justify-self:start;max-width:570px;width:100%}
.story-chapter-copy p{font-size:clamp(12px,.82vw,15px);line-height:1.72;padding:15px 0}
.story-chapter-copy .story-statement{font-size:clamp(23px,2vw,38px);line-height:1.16;padding:22px 0}
.story-chapter h3{font-size:clamp(31px,3vw,54px)}
.story-app-visual{min-height:600px}
.story-phone{border-radius:43px;height:560px;width:280px}
.story-phone-screen{border-radius:33px;height:518px;padding:23px 15px}
.story-phone-brand img{height:30px;width:36px}
.story-phone-brand>b{font-size:16px}
.story-phone-brand>i{height:28px;width:28px}
.story-app-location{margin-top:27px}
.story-app-location b{font-size:11px}
.story-app-promo{min-height:145px;padding:20px}
.story-app-promo b{font-size:22px;max-width:180px}
.story-app-card{grid-template-columns:44px 1fr auto;padding:12px}
.story-app-card>span{height:44px}
.story-app-card p b{font-size:8px}
.story-app-card p small{font-size:6px}
.story-app-nav{bottom:19px}
.story-app-bubble{right:-5px}

@media(max-width:1200px){.story-chapter,.story-chapter:nth-child(even){gap:4vw;grid-template-columns:minmax(170px,.3fr) minmax(270px,.36fr) minmax(300px,.44fr);padding:6vw}
.story-phone{height:520px;width:260px}
.story-phone-screen{height:478px}
.story-chapter-copy{max-width:500px}
}

@media(max-width:900px){.story-chapter,.story-chapter:nth-child(even){grid-template-columns:.55fr .45fr}
.story-chapter header,.story-chapter:nth-child(even) header{grid-column:1;grid-row:1}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{grid-column:2;grid-row:1/3}
.story-chapter-copy,.story-chapter:nth-child(even) .story-chapter-copy{grid-column:1;grid-row:2}
.story-phone{height:470px;width:235px}
.story-phone-screen{height:428px}
.story-app-visual{min-height:520px}
}

@media(max-width:700px){.story-chapter,.story-chapter:nth-child(even){display:flex;min-height:auto;padding:65px 7vw}
.story-chapter-copy{max-width:520px}
.story-chapter-copy p{font-size:12px;line-height:1.7}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{min-height:490px}
.story-phone{height:450px;width:225px}
.story-phone-screen{height:409px;padding:20px 13px}
.story-app-promo{min-height:125px;padding:17px}
.story-app-promo b{font-size:19px}
}


/* Closed-by-default Bringo accordions */
.feature-group summary{grid-template-columns:42px 38px 1fr auto;padding:20px 5px}
.retailer-chapter summary{grid-template-columns:42px 38px 1fr 32px}
.accordion-icon{align-items:center;background:linear-gradient(135deg,#eef7ff,#f2ebff);border:1px solid rgba(50,89,211,.12);border-radius:11px;color:var(--violet);display:flex;font-size:15px;font-style:normal;height:34px;justify-content:center;overflow:hidden;position:relative;transition:background .3s,border-color .3s,color .3s,transform .3s;width:34px}
.accordion-icon:after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.9),transparent);content:"";height:150%;left:-100%;position:absolute;top:-25%;transform:rotate(18deg);width:45%}
.feature-group summary:hover .accordion-icon,.retailer-chapter summary:hover .accordion-icon{background:linear-gradient(135deg,var(--blue),var(--violet));border-color:transparent;color:#fff;transform:translateY(-2px) rotate(-3deg)}
.feature-group summary:hover .accordion-icon:after,.retailer-chapter summary:hover .accordion-icon:after{animation:accordionShine .8s ease forwards}
.feature-group[open] .accordion-icon,.retailer-chapter[open] .accordion-icon{animation:accordionIconLive 2.6s ease-in-out infinite;background:linear-gradient(135deg,var(--blue),var(--violet));border-color:transparent;color:#fff}
.feature-group[open] .feature-list,.retailer-chapter[open] .retailer-chapter-copy{animation:accordionContentIn .45s cubic-bezier(.2,.8,.2,1)}
.feature-group summary>b{transition:.3s}
.feature-group[open] summary>b{background:var(--navy);border-color:var(--navy);color:#fff}
.feature-group summary h3,.retailer-chapter summary h3{transition:color .25s}
.feature-group summary:hover h3,.retailer-chapter summary:hover h3{color:var(--violet)}

@keyframes accordionShine{to{left:150%}
}
@keyframes accordionIconLive{0%,100%{box-shadow:0 0 0 0 rgba(8,124,240,0);transform:scale(1)}
50%{box-shadow:0 0 0 7px rgba(8,124,240,.1);transform:scale(1.05)}
}
@keyframes accordionContentIn{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:none}
}

@media(max-width:700px){.feature-group summary{gap:10px;grid-template-columns:26px 32px 1fr auto}
.retailer-chapter summary{gap:9px;grid-template-columns:26px 32px 1fr 30px}
.accordion-icon{border-radius:9px;font-size:13px;height:30px;width:30px}
.feature-group summary h3,.retailer-chapter summary h3{font-size:14px}
}


/* Bringo live map */
.route-card{background:#fff;border:1px solid #dfe5f2;box-shadow:0 30px 75px rgba(19,37,99,.2)}
.route-map{background:#e9edf3;height:470px}
.route-map .city-map{display:block;height:100%;width:100%}
.route-map .city-map path{animation:none;fill:none;stroke:none}
.city-map .map-base{fill:#e9edf3}
.city-map .map-park{fill:#d8eadb}
.city-map .map-water{fill:#cfe8f4}
.city-map .map-blocks path{fill:#f5f2ec;stroke:#dedbd4;stroke-width:2}
.city-map .map-roads path{stroke:#fff;stroke-linecap:round;stroke-width:19}
.city-map .map-minor-roads path{stroke:#f9fafc;stroke-width:8}
.city-map .map-labels text{fill:#7d8493;font:700 8px var(--sans);letter-spacing:.1em}
.city-map .route-shadow{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:15}
.city-map .delivery-route{animation:mapRouteFlow 12s linear infinite;stroke:url("#routeGradient");stroke:#653ee5;stroke-dasharray:5 7;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}
.retailer-marker circle{fill:var(--blue);stroke:#fff;stroke-width:7}
.retailer-marker path{fill:#fff!important}
.retailer-marker text,.home-marker text{fill:#30384e;font:800 8px var(--sans);letter-spacing:.08em;text-anchor:middle}
.home-marker circle{fill:var(--violet);stroke:#fff;stroke-width:7}
.home-marker path{fill:#fff!important}
.delivery-car .car-halo{animation:carHaloPulse 1.8s ease-in-out infinite;fill:#fff;stroke:#d7e2ff;stroke-width:6}
.delivery-car .car-body path{fill:url("#carGradient");fill:#315ee8!important;stroke:#fff!important;stroke-width:1.5}
.delivery-car .car-body circle{fill:#0c173d;stroke:#fff;stroke-width:1.5}
.delivery-car .car-body text{fill:#fff;font:800 11px var(--display);text-anchor:middle}
.map-live-pill{align-items:center;background:rgba(255,255,255,.95);border:1px solid rgba(37,74,184,.1);border-radius:14px;box-shadow:0 16px 36px rgba(28,44,102,.16);display:grid;gap:0 10px;grid-template-columns:11px 1fr auto;left:20px;padding:11px 14px;position:absolute;top:18px;z-index:5}
.map-live-pill>i{animation:liveDot 1.5s ease-in-out infinite;background:#18b96d;border-radius:50%;height:8px;width:8px}
.map-live-pill span b,.map-live-pill span small{display:block}
.map-live-pill span b{color:var(--ink);font-size:6px;letter-spacing:.12em}
.map-live-pill span small{font-size:7px;margin-top:3px}
.map-live-pill strong{color:var(--violet);font:700 16px var(--display);margin-left:12px}
.route-status{border-top:1px solid var(--line)}
.route-progress i.live{background:linear-gradient(90deg,var(--blue),var(--violet))}

@keyframes mapRouteFlow{to{stroke-dashoffset:-240}
}
@keyframes carHaloPulse{0%,100%{opacity:.7;stroke-width:4}
50%{opacity:1;stroke-width:9}
}
@keyframes liveDot{0%,100%{box-shadow:0 0 0 0 rgba(24,185,109,.25)}
50%{box-shadow:0 0 0 7px rgba(24,185,109,0)}
}

@media(max-width:700px){.route-map{height:360px}
.map-live-pill{left:10px;right:10px;top:10px}
.map-live-pill strong{font-size:14px}
.city-map .map-labels text{font-size:10px}
.route-status{padding:16px}
.route-progress{padding:16px}
}

.route-map .city-map .route-shadow{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:15}
.route-map .city-map .delivery-route{animation:mapRouteFlow 12s linear infinite;stroke:#653ee5;stroke-dasharray:5 7;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}

.route-map .city-map .route-road-edge{stroke:#d8dde7;stroke-linecap:round;stroke-linejoin:round;stroke-width:31}
.route-map .city-map .route-road{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:27}
.route-map .city-map .route-shadow{stroke:#f4f6fb;stroke-width:13}


/* 16 Bringo feature-app blocks */
.feature-groups{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px}
.feature-group{background:linear-gradient(145deg,#fff,#f8faff);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 32px rgba(34,48,112,.06);min-height:230px;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
.feature-group:hover{border-color:rgba(45,92,223,.25);box-shadow:0 20px 42px rgba(34,48,112,.11);transform:translateY(-5px)}
.feature-group summary{align-content:start;display:grid;gap:15px;grid-template-columns:1fr auto;height:100%;padding:22px}
.feature-group summary>span{grid-column:1;color:var(--blue);font-size:7px;letter-spacing:.12em}
.feature-group summary>.accordion-icon{grid-column:1/-1;grid-row:2}
.feature-group summary>h3{align-self:end;font-size:17px;grid-column:1;grid-row:3;line-height:1.15;min-height:40px}
.feature-group summary>b{align-self:end;grid-column:2;grid-row:3}
.feature-group .accordion-icon{animation:featurePhoneFloat 5.5s ease-in-out infinite;background:linear-gradient(145deg,#fff,#eff4ff);border:4px solid var(--navy);border-radius:18px;color:var(--violet);font-size:35px;height:108px;justify-self:center;overflow:visible;width:66px}
.feature-group:nth-child(2n) .accordion-icon{animation-delay:-1.4s}
.feature-group:nth-child(3n) .accordion-icon{animation-delay:-2.8s}
.feature-group:nth-child(4n) .accordion-icon{animation-delay:-4.2s}
.feature-group .accordion-icon:before{background:var(--navy);border-radius:0 0 6px 6px;content:"";height:7px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:24px}
.feature-group .accordion-icon:after{animation:appScreenGlow 3.4s ease-in-out infinite;background:radial-gradient(circle,rgba(78,85,235,.23),transparent 68%);height:64px;inset:auto auto 8px 1px;left:1px;opacity:1;transform:none;width:56px;z-index:-1}
.feature-group summary:hover .accordion-icon{background:linear-gradient(150deg,#fff,#f2edff);border-color:var(--royal);color:var(--violet);transform:none}
.feature-group[open]{background:#fff;grid-column:1/-1;min-height:0;transform:none}
.feature-group[open] summary{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:16px;grid-template-columns:42px 62px 1fr auto;height:auto;padding:18px 22px}
.feature-group[open] summary>span{grid-column:1;grid-row:1}
.feature-group[open] summary>.accordion-icon{grid-column:2;grid-row:1}
.feature-group[open] summary>h3{grid-column:3;grid-row:1;min-height:0}
.feature-group[open] summary>b{grid-column:4;grid-row:1}
.feature-group[open] .accordion-icon{animation:openPhonePulse 2.6s ease-in-out infinite;border-radius:12px;font-size:22px;height:58px;width:36px}
.feature-group[open] .accordion-icon:before{height:4px;width:13px}
.feature-group[open] .feature-list{padding:16px 22px 30px}
.feature-group .feature-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin:4px;min-height:110px}
.feature-group .feature-item:hover{border-color:rgba(55,80,211,.25);box-shadow:0 10px 24px rgba(45,50,120,.07)}

@keyframes featurePhoneFloat{0%,100%{transform:translateY(0) rotate(2deg)}
50%{transform:translateY(-8px) rotate(-2deg)}
}
@keyframes appScreenGlow{0%,100%{opacity:.35;transform:scale(.85)}
50%{opacity:1;transform:scale(1.08)}
}
@keyframes openPhonePulse{0%,100%{box-shadow:0 0 0 0 rgba(8,124,240,0)}
50%{box-shadow:0 0 0 8px rgba(8,124,240,.09)}
}

@media(max-width:1050px){.feature-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:700px){.feature-groups{grid-template-columns:1fr 1fr}
.feature-group{border-radius:17px;min-height:205px}
.feature-group summary{gap:11px;padding:16px}
.feature-group .accordion-icon{font-size:28px;height:88px;width:54px}
.feature-group summary>h3{font-size:13px;min-height:34px}
.feature-group[open] summary{grid-template-columns:27px 42px 1fr auto;padding:14px}
.feature-group[open] .feature-list{padding:10px}
.feature-group .feature-item{margin:3px}
.feature-group[open] .accordion-icon{height:50px;width:31px}
}


/* Bringo lifestyle story layout */
@media(min-width:701px){.story-chapter,.story-chapter:nth-child(even){align-items:center;display:grid;gap:18px 7vw;grid-template-columns:minmax(420px,.56fr) minmax(340px,.44fr);grid-template-rows:auto 1fr;min-height:780px;padding:6vw 9vw}
.story-chapter header,.story-chapter:nth-child(even) header{align-self:end;grid-column:1;grid-row:1;margin:0;max-width:620px}
.story-chapter-copy,.story-chapter:nth-child(even) .story-chapter-copy{align-self:start;grid-column:1;grid-row:2;justify-self:start;max-width:650px}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{align-self:center;grid-column:2;grid-row:1/3;justify-self:center;min-height:610px;width:100%}
.story-chapter:nth-child(even) header{grid-column:2}
.story-chapter:nth-child(even) .story-chapter-copy{grid-column:2}
.story-chapter:nth-child(even) .story-app-visual{grid-column:1}
.story-chapter h3{font-size:clamp(38px,4vw,70px);max-width:600px}
.story-chapter-copy p{color:#48516a;font-size:clamp(13px,.95vw,17px);font-weight:500;line-height:1.72;padding:16px 0}
.story-chapter-copy .story-statement{color:var(--ink);font-size:clamp(25px,2.35vw,44px);font-weight:600;line-height:1.14;padding:23px 0}
.story-chapter:nth-child(odd){background:linear-gradient(115deg,#fff 0%,#f7faff 58%,#f2edff 100%)}
.story-chapter:nth-child(even){background:linear-gradient(245deg,#fff 0%,#f7faff 58%,#eef5ff 100%)}
.story-chapter:last-child{background:linear-gradient(120deg,var(--royal),var(--violet))}
.story-app-visual:after{background:linear-gradient(135deg,rgba(8,124,240,.13),rgba(112,41,207,.13));border-radius:50%;content:"";filter:blur(18px);height:430px;position:absolute;width:430px;z-index:0}
}

@media(min-width:701px) and (max-width:1050px){.story-chapter,.story-chapter:nth-child(even){gap:20px 4vw;grid-template-columns:minmax(330px,.54fr) minmax(280px,.46fr);padding:6vw}
.story-chapter h3{font-size:clamp(35px,5vw,56px)}
.story-phone{height:500px;width:250px}
.story-phone-screen{height:458px}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{min-height:550px}
}


/* Space-efficient Bringo lifestyle panels */
@media(min-width:1051px){.story-chapter{gap:18px 5vw;grid-template-columns:minmax(0,.62fr) minmax(320px,.38fr);min-height:720px;padding:70px 6vw}
.story-chapter:nth-child(even){grid-template-columns:minmax(320px,.38fr) minmax(0,.62fr)}
.story-chapter header,.story-chapter:nth-child(even) header{max-width:900px}
.story-chapter-copy,.story-chapter:nth-child(even) .story-chapter-copy{display:grid;gap:0 34px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}
.story-chapter-copy p{font-size:clamp(12px,.78vw,15px);line-height:1.65;padding:12px 0}
.story-chapter-copy .story-statement{font-size:clamp(22px,1.8vw,34px);grid-column:1/-1;line-height:1.12;padding:18px 0}
.story-chapter h3{font-size:clamp(37px,3.3vw,60px);line-height:.98;margin-bottom:6px}
.story-app-visual,.story-chapter:nth-child(even) .story-app-visual{min-height:570px}
.story-phone{height:540px;width:270px}
.story-phone-screen{height:498px}
.story-app-bubble{right:-8px}
.story-chapter:before{height:280px;width:280px}
}

.story-chapter-copy .story-statement{font-family:var(--display);font-size:clamp(31px,3vw,58px);font-weight:600;letter-spacing:-.06em;line-height:1.02}
.story-chapter-copy .story-statement strong{font:inherit}

@media(max-width:1050px){.story-chapter-copy .story-statement{font-size:clamp(28px,4.4vw,46px)}
}

@media(max-width:700px){.story-chapter-copy .story-statement{font-size:10vw;letter-spacing:-.055em}
}


/* Dedicated Bringo care standard */
.care-standard{background:linear-gradient(135deg,#fff 0%,#f5f9ff 58%,#f3ecff 100%);overflow:hidden;position:relative}
.care-standard:before{background:linear-gradient(135deg,rgba(8,124,240,.12),rgba(112,41,207,.12));border-radius:50%;content:"";height:520px;position:absolute;right:-250px;top:-260px;width:520px}
.care-heading{display:grid;gap:5vw;grid-template-columns:1.15fr .85fr;position:relative;z-index:2}
.care-heading .eyebrow{grid-column:1/-1}
.care-heading .eyebrow i{background:var(--blue);border-radius:50%;display:inline-block;height:7px;margin-right:8px;width:7px}
.care-heading h2{color:var(--ink);font:600 clamp(55px,6.6vw,112px)/.88 var(--display);letter-spacing:-.075em;margin:18px 0 0}
.care-heading h2 em{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.care-heading>p:last-child{align-self:end;color:#555f79;font-size:14px;font-weight:500;line-height:1.8;margin:0;max-width:650px}
.care-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;position:relative;z-index:2}
.care-grid article{background:rgba(255,255,255,.86);border:1px solid var(--line);min-height:315px;padding:28px;position:relative}
.care-grid article:first-child{border-radius:24px 0 0 24px}
.care-grid article:last-child{border-radius:0 24px 24px 0}
.care-grid article>span{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:18px;box-shadow:0 14px 30px rgba(57,59,188,.18);color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}
.care-grid article>small{color:var(--blue);display:block;font-size:6px;font-weight:800;letter-spacing:.15em;margin-top:45px}
.care-grid h3{color:var(--ink);font:600 24px/1.05 var(--display);letter-spacing:-.045em;margin:14px 0}
.care-grid p{font-size:10px;line-height:1.7}
.care-grid article.motion-visible>span{animation:categoryIcon 4.2s ease-in-out infinite}
.care-grid article:hover{background:#fff;box-shadow:0 24px 50px rgba(35,49,113,.1);transform:translateY(-7px)}

@media(max-width:900px){.care-heading{grid-template-columns:1fr}
.care-heading h2{font-size:12vw}
.care-grid{grid-template-columns:1fr 1fr}
.care-grid article:first-child{border-radius:22px 0 0}
.care-grid article:nth-child(2){border-radius:0 22px 0 0}
.care-grid article:nth-child(3){border-radius:0 0 0 22px}
.care-grid article:last-child{border-radius:0 0 22px}
.care-grid article{min-height:280px}
}

@media(max-width:700px){.care-heading h2{font-size:14vw}
.care-heading>p:last-child{font-size:12px}
.care-grid{grid-template-columns:1fr;margin-top:45px}
.care-grid article,.care-grid article:first-child,.care-grid article:nth-child(2),.care-grid article:nth-child(3),.care-grid article:last-child{border-radius:18px;margin-top:8px;min-height:240px}
.care-grid article>small{margin-top:30px}
}


/* Animated Bringo city marketplace */
.marketplace-motion{align-items:center;background:linear-gradient(115deg,#fff 0%,#fff 42%,#eef4ff 67%,#eee6ff 100%);display:grid;grid-template-columns:.86fr 1.14fr;min-height:780px;overflow:hidden;padding:90px 0 70px 7vw;position:relative}
.marketplace-copy{max-width:720px;position:relative;z-index:5}
.marketplace-copy .eyebrow i{background:var(--blue);border-radius:50%;display:inline-block;height:7px;margin-right:8px;width:7px}
.marketplace-copy h2{color:var(--ink);font:600 clamp(56px,6vw,106px)/.88 var(--display);letter-spacing:-.075em;margin:30px 0}
.marketplace-copy h2 em{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.marketplace-copy>p:not(.eyebrow){font-size:14px;font-weight:500;line-height:1.8;max-width:650px}
.marketplace-copy .primary{margin-top:30px;width:max-content}
.marketplace-visual{height:680px;overflow:hidden;position:relative}
.marketplace-visual:before{background:radial-gradient(circle,rgba(112,41,207,.2),transparent 68%);content:"";height:620px;position:absolute;right:-90px;top:20px;width:620px}
.marketplace-visual>img{animation:marketRiderFloat 6.5s ease-in-out infinite;bottom:-45px;height:720px;object-fit:cover;object-position:58% center;position:absolute;right:-80px;width:900px}
.speed-streak{animation:speedStreak 3.8s linear infinite;background:linear-gradient(90deg,transparent,var(--blue),var(--violet),transparent);border-radius:10px;height:4px;opacity:.32;position:absolute;right:5%;width:55%;z-index:2}
.s-one{top:35%}
.s-two{animation-delay:-1.2s;top:52%;width:70%}
.s-three{animation-delay:-2.4s;top:69%;width:45%}
.market-chip{align-items:center;animation:marketChipFloat 4.8s ease-in-out infinite;background:rgba(255,255,255,.95);border:1px solid rgba(52,71,173,.1);border-radius:15px;box-shadow:0 18px 40px rgba(30,40,115,.14);display:grid;gap:1px 9px;grid-template-columns:34px 1fr;padding:11px 14px;position:absolute;z-index:4}
.market-chip>i{align-items:center;background:linear-gradient(135deg,#edf6ff,#f2eaff);border-radius:10px;display:flex;font-style:normal;grid-row:1/3;height:34px;justify-content:center}
.market-chip b{color:var(--ink);font-size:9px}
.market-chip small{font-size:6px}
.chip-food{left:8%;top:20%}
.chip-market{animation-delay:-1.2s;right:8%;top:15%}
.chip-care{animation-delay:-2.4s;left:3%;top:62%}
.chip-more{animation-delay:-3.6s;right:6%;top:57%}
.marketplace-status{align-items:center;background:rgba(8,19,61,.94);border-radius:14px;bottom:35px;box-shadow:0 18px 45px rgba(18,28,91,.25);color:#fff;display:grid;gap:0 10px;grid-template-columns:10px 1fr;left:50%;padding:13px 17px;position:absolute;transform:translateX(-50%);z-index:5}
.marketplace-status>i{animation:liveDot 1.5s ease-in-out infinite;background:#35df9a;border-radius:50%;height:8px;width:8px}
.marketplace-status small,.marketplace-status b{display:block;white-space:nowrap}
.marketplace-status small{color:#8aa5ff;font-size:5px;letter-spacing:.13em}
.marketplace-status b{font-size:9px;margin-top:4px}

@keyframes marketRiderFloat{0%,100%{transform:translateY(0) rotate(.3deg)}
50%{transform:translateY(-12px) rotate(-.3deg)}
}
@keyframes marketChipFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@keyframes speedStreak{0%{opacity:0;transform:translateX(35%)}
35%{opacity:.35}
100%{opacity:0;transform:translateX(-95%)}
}

@media(max-width:1000px){.marketplace-motion{grid-template-columns:1fr;min-height:1150px;padding:90px 6vw 0}
.marketplace-copy{max-width:850px}
.marketplace-visual{height:650px}
.marketplace-visual>img{right:0;width:100%}
}

@media(max-width:700px){.marketplace-motion{min-height:1050px;padding-top:75px}
.marketplace-copy h2{font-size:14vw}
.marketplace-copy>p:not(.eyebrow){font-size:12px}
.marketplace-visual{height:570px}
.marketplace-visual>img{bottom:-10px;height:560px;right:-120px;width:760px}
.market-chip{transform:scale(.85)}
.chip-food{left:0}
.chip-market{right:0}
.chip-care{left:0}
.chip-more{right:0}
}


/* Full-screen reversed rider hero */
.marketplace-motion{display:block;height:100vh;min-height:760px;padding:0}
.marketplace-visual{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}
.marketplace-visual:before{background:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.72) 57%,rgba(255,255,255,.98) 76%);height:auto;inset:0;width:auto;z-index:2}
.marketplace-visual>img{animation:marketHeroDrift 9s ease-in-out infinite;bottom:0;height:100%;inset:0;max-width:none;object-fit:cover;object-position:center;position:absolute;right:auto;transform:scaleX(-1) scale(1.015);width:100%}
.marketplace-copy{left:auto;max-width:760px;position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:42%;z-index:6}
.marketplace-copy h2{font-size:clamp(58px,6vw,108px)}
.marketplace-copy>p:not(.eyebrow){max-width:660px}
.marketplace-visual .chip-food{left:5%;top:18%}
.marketplace-visual .chip-market{left:34%;right:auto;top:12%}
.marketplace-visual .chip-care{left:3%;top:64%}
.marketplace-visual .chip-more{left:39%;right:auto;top:58%}
.marketplace-status{left:25%}
.speed-streak{left:0;right:auto}
.s-one{width:38%}
.s-two{width:48%}
.s-three{width:34%}

@keyframes marketHeroDrift{0%,100%{transform:scaleX(-1) scale(1.015) translateX(0)}
50%{transform:scaleX(-1) scale(1.04) translateX(-8px)}
}

@media(max-width:1000px){.marketplace-motion{height:auto;min-height:1120px;padding:0}
.marketplace-copy{left:6vw;max-width:88%;right:6vw;top:85px;transform:none;width:auto}
.marketplace-copy h2{font-size:12vw}
.marketplace-visual{height:100%;inset:0}
.marketplace-visual:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 43%,rgba(255,255,255,.25) 69%)}
.marketplace-visual>img{height:58%;inset:auto -12% 0 auto;object-position:center;width:125%}
.marketplace-visual .chip-food{left:5%;top:55%}
.marketplace-visual .chip-market{left:auto;right:5%;top:58%}
.marketplace-visual .chip-care{left:4%;top:76%}
.marketplace-visual .chip-more{left:auto;right:4%;top:79%}
.marketplace-status{bottom:24px;left:50%}
}

@media(max-width:700px){.marketplace-motion{min-height:1050px}
.marketplace-copy{top:65px}
.marketplace-copy h2{font-size:14vw}
.marketplace-copy .primary{margin-top:20px}
.marketplace-visual>img{height:52%;width:140%}
.marketplace-visual .market-chip{transform:scale(.85)}
}


/* Time returned — dedicated animation */
.time-returned{align-items:center;background:linear-gradient(135deg,#08133d 0%,#111c57 55%,#382078 100%);color:#fff;display:grid;gap:8vw;grid-template-columns:1fr 1fr;min-height:760px;overflow:hidden}
.time-copy{position:relative;z-index:3}
.time-copy .eyebrow{color:#7fb5ff}
.time-copy .eyebrow i{background:#3aa1ff;border-radius:50%;display:inline-block;height:7px;margin-right:8px;width:7px}
.time-copy h2{color:#fff;font:600 clamp(58px,6vw,105px)/.88 var(--display);letter-spacing:-.075em;margin:30px 0}
.time-copy h2 em{background:linear-gradient(90deg,#3da7ff,#9a63ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.time-copy>p:not(.eyebrow){color:#c5cce4;font-size:15px;font-weight:500;line-height:1.8;max-width:620px}
.time-proof{border-block:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0;padding:20px 0}
.time-proof span{border-left:1px solid rgba(255,255,255,.12);padding-left:18px}
.time-proof span:first-child{border-left:0;padding-left:0}
.time-proof b,.time-proof small{display:block}
.time-proof b{font:600 30px var(--display)}
.time-proof small{color:#9ca8d0;font-size:7px;margin-top:5px}
.time-copy .primary{background:linear-gradient(105deg,#178cf7,#7b36dd);width:max-content}
.time-visual{height:620px;position:relative}
.time-visual:before{background:radial-gradient(circle,rgba(51,118,255,.25),transparent 68%);content:"";height:620px;inset:0;position:absolute;width:620px}
.time-orbit{animation:timeOrbitSpin 18s linear infinite;border:1px solid rgba(128,165,255,.22);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.orbit-one{height:500px;width:500px}
.orbit-two{animation-direction:reverse;animation-duration:13s;border-style:dashed;height:390px;width:390px}
.time-clock{align-items:center;background:linear-gradient(145deg,#fff,#edf4ff);border:10px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 35px 80px rgba(0,0,0,.25);display:flex;height:285px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:285px;z-index:2}
.time-clock:before{background:var(--violet);border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:4}
.clock-hand{background:linear-gradient(var(--blue),var(--violet));border-radius:8px;bottom:50%;left:calc(50% - 3px);position:absolute;transform-origin:bottom;width:6px}
.hand-hour{animation:clockHour 18s linear infinite;height:65px}
.hand-minute{animation:clockMinute 6s linear infinite;height:93px}
.time-clock>span{color:var(--ink);position:absolute;text-align:center;top:65%}
.time-clock small,.time-clock b,.time-clock em{display:block}
.time-clock small{color:#8d95a9;font-size:5px;letter-spacing:.13em}
.time-clock b{font:700 25px var(--display);margin-top:4px}
.time-clock em{color:var(--violet);font-size:6px;font-style:normal}
.time-node{align-items:center;animation:timeNodeFloat 4.5s ease-in-out infinite;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:15px;box-shadow:0 18px 45px rgba(0,0,0,.18);display:grid;gap:1px 9px;grid-template-columns:35px 1fr;padding:11px 14px;position:absolute;z-index:4}
.time-node>i{align-items:center;background:#eef4ff;border-radius:10px;display:flex;font-style:normal;grid-row:1/3;height:35px;justify-content:center}
.time-node b{color:var(--ink);font-size:8px}
.time-node small{color:#8991a7;font-size:6px}
.node-store{left:1%;top:18%}
.node-home{animation-delay:-1.5s;right:0;top:28%}
.node-family{animation-delay:-3s;bottom:13%;right:8%}
.time-courier{animation:timeCourierRoute 9s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));font-size:35px;left:10%;position:absolute;top:70%;z-index:5}

@keyframes timeOrbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes clockMinute{to{transform:rotate(360deg)}
}
@keyframes clockHour{to{transform:rotate(30deg)}
}
@keyframes timeNodeFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-9px)}
}
@keyframes timeCourierRoute{0%{left:8%;top:72%;transform:rotate(-12deg)}
45%{left:42%;top:17%;transform:rotate(10deg)}
75%{left:76%;top:37%;transform:rotate(18deg)}
100%{left:82%;top:68%;transform:rotate(4deg)}
}

@media(max-width:1000px){.time-returned{grid-template-columns:1fr}
.time-copy{order:-1}
.time-visual{height:580px;margin:auto;max-width:650px;width:100%}
}

@media(max-width:700px){.time-returned{gap:30px}
.time-copy h2{font-size:14vw}
.time-copy>p:not(.eyebrow){font-size:12px}
.time-visual{height:490px}
.time-visual:before{height:470px;width:470px}
.orbit-one{height:410px;width:410px}
.orbit-two{height:320px;width:320px}
.time-clock{height:230px;width:230px}
.time-node{transform:scale(.85)}
.node-store{left:0}
.node-home{right:0}
.node-family{right:0}
}


/* Animated family-time app */
.time-visual:before{background:radial-gradient(circle,rgba(67,115,255,.34),transparent 68%);height:600px;left:50%;top:50%;transform:translate(-50%,-50%);width:600px}
.family-phone{animation:familyPhoneFloat 7s ease-in-out infinite;background:#080f2c;border:7px solid #111936;border-radius:48px;box-shadow:0 42px 90px rgba(0,0,0,.34);height:600px;left:50%;overflow:hidden;padding:7px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:300px;z-index:3}
.family-phone:before{background:#080f2c;border-radius:0 0 14px 14px;content:"";height:20px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:96px;z-index:5}
.family-phone-top{color:#fff;display:flex;font-size:7px;justify-content:space-between;padding:5px 12px 9px}
.family-screen{background:#fff;border-radius:38px;height:548px;overflow:hidden;padding:26px 17px 15px;position:relative}
.family-brand{align-items:center;display:flex}
.family-brand img{height:31px;width:37px}
.family-brand>b{color:var(--ink);font:700 17px var(--display);letter-spacing:-.055em}
.family-brand>b span{color:var(--violet)}
.family-brand>i{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;color:#fff;display:flex;font-size:6px;height:29px;justify-content:center;margin-left:auto;width:29px}
.family-greeting{margin-top:25px}
.family-greeting small,.family-greeting b{display:block}
.family-greeting small{color:#9198aa;font-size:5px;letter-spacing:.13em}
.family-greeting b{color:var(--ink);font:600 17px var(--display);margin-top:5px}
.family-time-card{animation:familyCardCycle 5.6s ease-in-out infinite;background:linear-gradient(125deg,var(--blue),var(--violet));border-radius:17px;color:#fff;margin-top:16px;min-height:145px;padding:18px}
.family-time-card>small{font-size:5px;letter-spacing:.13em}
.family-time-card>b{display:block;font:700 38px var(--display);letter-spacing:-.05em;margin-top:9px}
.family-time-card>div{align-items:center;border-top:1px solid rgba(255,255,255,.22);display:grid;gap:7px;grid-template-columns:7px 1fr auto;margin-top:12px;padding-top:10px}
.family-time-card>div i{animation:liveDot 1.5s ease-in-out infinite;background:#5affbc;border-radius:50%;height:6px;width:6px}
.family-time-card>div span,.family-time-card>div strong{font-size:6px}
.family-live-title{display:flex;justify-content:space-between;margin:18px 0 8px}
.family-live-title b{color:var(--ink);font-size:9px}
.family-live-title small{color:var(--violet);font-size:6px}
.family-order-card,.family-plan{align-items:center;border:1px solid var(--line);border-radius:12px;display:grid;gap:9px;grid-template-columns:40px 1fr auto;padding:9px}
.family-order-card>i,.family-plan>span{align-items:center;background:#edf4ff;border-radius:9px;display:flex;font-size:18px;height:38px;justify-content:center}
.family-order-card p,.family-plan p{margin:0}
.family-order-card p b,.family-order-card p small,.family-plan p small,.family-plan p b{display:block}
.family-order-card p b,.family-plan p b{color:var(--ink);font-size:7px}
.family-order-card p small,.family-plan p small{font-size:5px;margin-top:3px}
.family-order-card>strong{color:#25b976}
.family-plan{animation:familyPlanPulse 3.2s ease-in-out infinite;background:#fbf8ff;margin-top:8px}
.family-plan>span{color:#e94c8a}
.family-plan>em{color:var(--violet);font-size:6px;font-style:normal}
.family-nav{border-top:1px solid var(--line);bottom:17px;display:grid;grid-template-columns:repeat(4,1fr);left:17px;padding-top:10px;position:absolute;right:17px}
.family-nav i{color:#8d94a6;font-size:10px;font-style:normal;text-align:center}
.family-nav i:first-child{color:var(--violet)}
.family-nav small{display:block;font-size:4px;margin-top:3px}
.family-float{animation:familyFloat 4.5s ease-in-out infinite;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:15px;box-shadow:0 18px 45px rgba(0,0,0,.22);display:grid;gap:2px 9px;grid-template-columns:34px 1fr;padding:12px 15px;position:absolute;z-index:5}
.family-float>i{align-items:center;background:linear-gradient(135deg,#eaf5ff,#f1eaff);border-radius:10px;color:var(--violet);display:flex;font-style:normal;grid-row:1/3;height:34px;justify-content:center}
.family-float b{color:var(--ink);font-size:8px;white-space:nowrap}
.family-float small{color:#8c94a8;font-size:6px}
.float-order{left:0;top:19%}
.float-time{animation-delay:-1.5s;bottom:13%;right:-3%}
.float-fresh{animation-delay:-3s;right:-5%;top:25%}

@keyframes familyPhoneFloat{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}
50%{transform:translate(-50%,calc(-50% - 14px)) rotate(-1deg)}
}
@keyframes familyCardCycle{0%,76%,100%{opacity:1;transform:translateX(0)}
84%{opacity:.25;transform:translateX(-18px)}
90%{opacity:.25;transform:translateX(18px)}
}
@keyframes familyPlanPulse{0%,100%{box-shadow:0 0 0 0 rgba(112,41,207,0)}
50%{box-shadow:0 0 0 7px rgba(112,41,207,.08)}
}
@keyframes familyFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}

@media(max-width:700px){.family-phone{height:500px;width:250px}
.family-screen{height:448px;padding:20px 14px}
.family-time-card{min-height:125px}
.family-time-card>b{font-size:31px}
.family-plan{display:none}
.family-nav{bottom:13px}
.family-float{transform:scale(.82)}
.float-order{left:-10px}
.float-time{right:-10px}
.float-fresh{right:-18px;top:28%}
}


/* Full-screen multi-brand showcase */
.partner-showcase{background:linear-gradient(145deg,#fff 0%,#f7faff 55%,#f4efff 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:90px 0 65px;position:relative}
.partner-showcase:before{background:radial-gradient(circle,rgba(8,124,240,.1),transparent 68%);content:"";height:620px;left:-260px;position:absolute;top:-200px;width:620px}
.partner-showcase:after{background:radial-gradient(circle,rgba(112,41,207,.1),transparent 68%);bottom:-300px;content:"";height:680px;position:absolute;right:-260px;width:680px}
.partner-heading,.partner-rail,.partner-directory,.partner-note{position:relative;z-index:2}
.partner-heading{padding-bottom:42px}
.partner-rail{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);padding:5px 0}
.partner-card{height:54px;grid-template-rows:34px 8px;width:138px}
.partner-logo{height:32px;max-width:118px}
.partner-logo img{height:24px;max-width:30px}
.partner-logo img.official-logo{height:26px;max-width:94px;width:auto}
.partner-logo.logo-only strong{display:none}
.partner-logo.logo-only img{max-width:105px}
.partner-logo strong{font-size:9px;max-width:78px}
.partner-track{animation-duration:92s}
.partner-track.reverse{animation-duration:104s}
.partner-directory{background:rgba(255,255,255,.55);border-radius:17px;padding:0 18px}
.partner-note{margin-top:14px}

@media(max-width:700px){.partner-showcase{min-height:100vh;padding:70px 0 45px}
.partner-heading{padding-bottom:30px}
.partner-card{height:49px;width:120px}
.partner-logo img.official-logo{max-width:84px}
.partner-directory{border-radius:0;margin-left:0;margin-right:0}
}