:root{--navy:#05246b;--blue:#064bc4;--yellow:#ffe448;--coral:#ff704f;--cream:#fff9e9;--muted:#46597b;--line:#dfe3df;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:var(--cream);font-family:Manrope,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fredoka,Manrope,sans-serif;font-weight:600;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(56px,6.5vw,100px);font-weight:700}h2{font-size:clamp(36px,4.5vw,68px)}h3{font-size:24px}.container{width:min(1400px,calc(100% - 100px));margin-inline:auto}.section{padding-block:85px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 28px;background:var(--yellow);color:var(--navy);border-radius:999px;font-family:Fredoka,Manrope,sans-serif;font-size:19px;font-weight:600;box-shadow:0 8px 22px #00236d0d;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.button:hover{transform:translateY(-4px);background:#fff080;box-shadow:0 12px 24px #001e6933}.button-small{padding:13px 23px;font-size:16px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:800}.text-link span{transition:transform .25s}.text-link:hover span{transform:translateX(4px)}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.skip-link{position:absolute;top:-100px;left:12px;padding:12px;background:var(--cream);z-index:100}.skip-link:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:var(--blue);color:#fff;transition:box-shadow .3s}.header.scrolled{box-shadow:0 4px 24px #00153c29}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:112px}.brand{display:inline-block;position:relative;font-family:Fredoka,Manrope,sans-serif;font-weight:700;font-size:clamp(34px,4.2vw,65px);letter-spacing:-.065em;line-height:1;white-space:nowrap}.brand-crown{position:absolute;color:var(--yellow);font-family:serif;font-size:34px;line-height:1;top:-25px;left:24%;transform:rotate(-8deg)}.header-location{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:700}.navigation{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500;margin-left:45px}.navigation a{position:relative;padding-block:10px}.navigation a::after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s}.navigation a:hover::after{transform:scaleX(1)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 65% 70%,#0b63dc,var(--blue) 70%);overflow:hidden;color:var(--yellow)}.hero-photo{position:absolute;width:68%;height:112%;right:-6%;bottom:-6%;object-fit:contain;object-position:right bottom;z-index:-1;animation:photo-in 1.2s var(--ease) both;filter:drop-shadow(0 14px 25px #001d6e30)}.hero-inner{position:relative;min-height:540px;display:flex;align-items:center;padding-block:48px 80px}.hero-copy{width:54%;max-width:750px}.hero h1{position:relative;padding-bottom:28px}.hero h1::after{content:'';position:absolute;height:12px;width:34%;right:18%;bottom:0;background:var(--coral);border-radius:100% 100% 40% 40%;transform:rotate(-5deg);transform-origin:left;animation:underline-in .7s var(--ease) .5s both}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:26px}.hero-note{font-size:16px;font-weight:600;color:#fff;margin-top:19px}.hero::after{content:'';position:absolute;bottom:-1px;left:-2%;height:33px;width:104%;background:var(--cream);border-radius:50% 50% 0 0/70% 70% 0 0;transform:rotate(1deg);z-index:2}.product-section{position:relative;isolation:isolate;overflow:hidden;padding:25px 0 95px;background:var(--cream)}.product-layout{display:grid;grid-template-columns:.95fr 3fr;gap:35px;align-items:start}.product-heading{padding-top:50px}.product-heading h2{position:relative;font-weight:700;padding-bottom:32px}.product-heading h2::after{content:'';position:absolute;bottom:9px;left:4%;height:9px;width:45%;background:var(--coral);border-radius:100%;transform:rotate(-8deg)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-image{display:block;position:relative;height:260px;border-radius:36% 22% 19% 24%/22% 25% 19% 20%;overflow:hidden;background:#8bd0ff;transform:rotate(-3deg);transition:transform .5s var(--ease)}.product-image:hover{transform:rotate(0) translateY(-6px)}.crushed-image{background:var(--coral);border-radius:35% 25% 20% 18%/25% 20% 17% 22%;transform:rotate(4deg)}.cube-image{background:var(--yellow);border-radius:50% 50% 17% 18%/30% 30% 17% 22%;transform:rotate(-2deg)}.product-image img{height:100%;width:100%;object-fit:contain;transition:transform .6s var(--ease)}.product-image:hover img{transform:scale(1.06)}.product-copy{padding-top:22px}.product-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-title h3{font-size:22px;font-weight:600}.product-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d6edff;flex-shrink:0;font-family:system-ui;font-size:19px;transition:transform .25s}.product-title:hover>span{transform:translateX(4px)}.product-copy p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:9px}.product-waves{position:absolute;width:110%;height:150px;left:-5%;bottom:-110px;background:var(--blue);border-radius:50% 45% 0 0;transform:rotate(-3deg);z-index:-1}.product-waves::before{content:'';position:absolute;left:2%;bottom:40px;background:var(--yellow);width:28%;height:150px;border-radius:50% 50% 0 0;transform:rotate(12deg);z-index:-1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px}.how-section{background:var(--blue);color:#fff}.how-section .eyebrow,.how-section .step-number{color:var(--yellow)}.how-section .section-heading>p,.how-section .step p{color:#e1edff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.step{border-top:1px solid #ffffff40;padding-top:24px}.step-number{display:block;font-family:Fredoka,sans-serif;font-size:48px;font-weight:600;letter-spacing:-.05em;margin-bottom:16px}.step h3{font-size:26px}.step p{font-size:13px;margin-top:13px}.business{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.business-copy .eyebrow{margin-bottom:18px}.business-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:24px}.business-copy .button{margin-top:28px}.feature{display:flex;gap:23px;border-bottom:1px solid var(--line);padding-block:25px}.feature>span{font-family:Fredoka,sans-serif;font-size:24px;color:var(--blue);font-weight:600}.feature h3{font-size:25px}.feature p{font-size:13px;color:var(--muted);margin-top:8px}.coverage-section{background:#e4f3ff}.cities{display:grid;grid-template-columns:1fr 1fr;gap:28px}.city{position:relative;overflow:hidden;background:#cce9ff;border-radius:26px;padding:35px}.city:nth-child(2){background:#ffe984}.city>*:not(.city-circle){position:relative;z-index:1}.city h3{font-size:52px;margin-top:20px}.city p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:12px}.city .text-link{margin-top:30px;color:var(--blue)}.city-circle{position:absolute;width:260px;height:260px;border:35px solid #ffffff40;border-radius:50%;right:-120px;bottom:-100px}.order-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--blue);color:var(--yellow);border-radius:35px;padding:56px 64px}.order-panel .eyebrow{color:#e7efff;margin-bottom:18px}.order-panel h2{font-size:clamp(38px,5vw,70px)}.order-panel p:not(.eyebrow){font-size:14px;color:#fff;margin-top:20px}.order-actions{position:relative;z-index:1}.order-actions p{text-align:center;font-size:11px!important}.order-orbit{position:absolute;width:400px;height:400px;right:-120px;top:-140px;border:1px solid #ffffff29;border-radius:50%;z-index:-1;animation:orbit-breathe 8s ease-in-out infinite}.order-orbit::after{content:'';position:absolute;inset:50px;border:1px solid #ffffff29;border-radius:50%}.footer{background:var(--blue);color:#fff;padding-block:42px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{font-size:36px}.footer .brand-crown{font-size:22px;top:-15px}.footer p{font-size:11px;color:#e1edff}.hero-enter{animation:enter .9s var(--ease) both;animation-delay:var(--delay,0ms)}.reveal{opacity:1;transform:none}.reveal.pending{opacity:0;transform:translateY(24px)}.reveal.visible{transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms);opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-in{from{opacity:0;transform:translateY(30px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes underline-in{from{transform:rotate(-5deg) scaleX(0)}to{transform:rotate(-5deg) scaleX(1)}}@keyframes orbit-breathe{50%{transform:scale(1.08)}}
@media(min-width:1600px){.hero-inner{min-height:630px}.product-image{height:290px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.navigation{gap:20px;margin-left:15px}.header-inner{gap:20px;min-height:95px}.header-location{display:none}.hero-inner{min-height:490px}.hero-copy{width:57%}.product-layout{grid-template-columns:.8fr 3fr;gap:22px}.products{gap:20px}.product-image{height:210px}.product-heading h2{font-size:46px}.product-title h3{font-size:19px}.business{gap:50px}}
@media(max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.section{padding-block:60px}.header-inner{min-height:88px;gap:12px}.brand{font-size:36px}.brand-crown{font-size:22px;top:-17px}.header-order{margin-left:auto;font-size:12px;padding:12px 15px;gap:7px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #ffffff55;border-radius:8px;background:transparent;width:42px;height:42px;padding:10px;flex-shrink:0}.menu-toggle span{height:2px;background:#fff;width:20px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.navigation{display:none;position:absolute;top:88px;left:0;margin:0;width:100%;padding:16px 20px 24px;background:var(--blue);border-bottom:1px solid #ffffff40;flex-direction:column;align-items:stretch;gap:4px;font-size:14px}.navigation.open{display:flex}.navigation a{padding:10px}.hero-inner{display:block;min-height:720px;padding-top:20px;padding-bottom:350px}.hero-copy{width:100%;max-width:570px}.hero h1{font-size:clamp(53px,9.5vw,75px);padding-bottom:20px}.hero h1::after{height:8px;width:38%;right:12%}.hero-photo{width:110%;height:430px;right:-13%;bottom:8px;object-position:right bottom}.hero-actions{margin-top:22px}.hero-actions .button{font-size:16px;padding:14px 24px}.hero-note{font-size:13px;margin-top:16px}.hero::after{height:22px}.product-section{padding-top:20px;padding-bottom:70px}.product-layout{grid-template-columns:1fr;gap:30px}.product-heading{padding-top:0}.product-heading h2{font-size:46px}.product-heading br{display:none}.product-heading h2::after{width:100px;height:7px;left:15px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-image{height:170px}.product-title h3{font-size:19px}.product-title{align-items:start;gap:6px}.product-title>span{width:24px;height:24px;font-size:16px}.product-copy p{font-size:11px}.section-heading{display:block}.section-heading>p{max-width:430px;margin-top:18px}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.step{display:grid;grid-template-columns:60px 1fr;gap:8px 16px;padding-top:20px}.step-number{grid-row:span 2;margin:0;font-size:36px}.step p{margin:0}.business{grid-template-columns:1fr;gap:24px}.cities{grid-template-columns:1fr;gap:20px}.city{padding:30px}.order-panel{padding:35px 26px;flex-direction:column;align-items:flex-start;gap:28px}.order-actions p{text-align:left}.footer-inner{flex-wrap:wrap;justify-content:flex-start;gap:24px}.footer .brand{width:100%}.footer p:last-child{margin-left:auto}}
@media(max-width:520px){.products{grid-template-columns:1fr;gap:32px}.product-card{max-width:370px;width:100%;margin:auto}.product-image{height:270px}.product-title h3{font-size:26px}.product-title>span{width:32px;height:32px;font-size:19px}.product-copy p{font-size:13px}.product-copy{padding-top:16px}.product-heading h2{font-size:44px}.hero-inner{min-height:690px}.hero-photo{height:360px}.hero-copy{position:relative;z-index:1}.product-layout{gap:15px}}
@media(max-width:380px){.header-order{font-size:11px;padding:10px 12px}.header-inner{gap:9px}.brand{font-size:30px}.hero h1{font-size:47px}.hero-inner{min-height:670px}.hero-photo{height:330px}.footer p:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
.brand-crown{width:34px;height:29px;top:-24px}
.chat-icon{width:25px;height:25px;flex-shrink:0}
.button-small .chat-icon{width:21px;height:21px}
.hero::after{transform:none;left:0;width:100%;border-radius:55% 35% 0 0/80% 40% 0 0}
@media(max-width:760px){.brand-crown{width:25px;height:22px;top:-19px}.button-small .chat-icon{width:17px;height:17px}}
.footer .brand-crown{width:24px;height:20px;top:-17px}
@media(max-width:520px){.hero-inner{min-height:620px}.hero-photo{height:370px;width:125%;right:-20%}}
@media(max-width:380px){.hero-inner{min-height:600px}.hero-photo{height:340px}}
/* Give the wordmark clear letter shapes and breathing room. */
.brand{font-family:Manrope,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;font-size:clamp(32px,3.8vw,54px)}
.brand-crown{left:27%;top:-25px}
.chat-icon{display:block;overflow:visible;stroke-width:1.7}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rotating-tagline{display:block;min-height:1.03em}
#hero-tagline{display:inline-block;transition:opacity .3s ease,transform .3s var(--ease),filter .3s ease}
#hero-tagline.leaving{opacity:0;transform:translateY(-14px);filter:blur(3px)}
#hero-tagline.arriving{opacity:0;transform:translateY(14px);filter:blur(3px);transition:none}
.hero h1{font-size:clamp(52px,6vw,92px)}
@media(max-width:760px){.brand{font-size:32px}.brand-crown{top:-19px}.hero h1{font-size:clamp(45px,8.8vw,67px)}.header-order{font-family:Manrope,sans-serif;font-size:11px;font-weight:800}}
@media(max-width:380px){.brand{font-size:27px}.hero h1{font-size:39px}.header-order{padding:10px;gap:6px}.hero-inner{min-height:630px}}
@media(prefers-reduced-motion:reduce){#hero-tagline{opacity:1;filter:none;transform:none}}
.header-location,.hero-note{display:flex;align-items:center;gap:8px}
.location-icon{display:block;width:20px;height:20px;flex-shrink:0;color:currentColor}
.header-location .location-icon{width:16px;height:16px}
@media(max-width:1100px){.header-location{display:none}}
@media(min-width:951px) and (max-width:1100px){.header-location{display:flex;font-size:11px}.header-inner{gap:16px}.navigation{gap:18px;margin-left:0}.header-order{font-size:14px;padding:12px 18px}}
/* Packaging-style wordmark: clear sans-serif letterforms with a forward slant. */
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-style:italic;letter-spacing:-.02em;font-size:clamp(34px,4vw,58px);line-height:1.12}
.brand-crown{left:29%;transform:rotate(-8deg);top:-24px}
.footer .brand{font-size:36px}
@media(max-width:760px){.brand{font-size:34px}.brand-crown{top:-18px}}
@media(max-width:380px){.brand{font-size:28px}}

/* Keep the entire product cutout inside the desktop hero. */
@media(min-width:761px){.hero-photo{width:64%;height:calc(100% - 28px);right:0;bottom:14px;object-fit:contain;object-position:right center}}
.button,.button-label{text-align:center}
.button-label{display:block;min-width:0}
@media(max-width:760px){.header-order{justify-content:center;align-items:center;text-align:center}.header-order .button-label{flex:1;text-align:center}}
/* Mobile: let the hero copy and photography determine their own height. */
@media(max-width:760px){
 .hero{display:flex;flex-direction:column}
 .hero-inner{order:0;min-height:0;padding-top:22px;padding-bottom:18px}
 .hero-photo{order:1;position:relative;z-index:0;right:auto;bottom:auto;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;margin:0;filter:none}
 .hero-copy{width:100%;max-width:none}
 .header-inner{gap:12px}
 .header-order{min-height:48px;font-size:12px;line-height:1.45}
 .brand{display:inline-flex;align-items:center;min-height:44px}
 .brand-crown{top:-12px}
 .menu-toggle{width:44px;height:44px}
 .product-title{min-height:44px;align-items:center}
 .text-link{min-height:44px}
 .product-copy p,.step p,.feature p,.city p:not(.eyebrow){font-size:14px}
 .footer p{font-size:12px}
}
@media(max-width:380px){
 .header-inner{gap:8px}
 .header-order{font-size:11px;padding:9px 10px}
 .brand{font-size:27px}
 .hero-inner{min-height:0}
 .hero h1{font-size:39px}
 .product-heading h2{font-size:39px;line-height:1.08}
}

/* Contrast the rotating phrase with the fixed yellow headline. */
#hero-tagline{color:#fff}