*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6a00;--primary-deep:#e05e00;--primary-dark:#b34a00;--secondary:#0d1b2a;--accent:#16a34a;--ink:#0d1b2a;--cream:#f6f8fa}body{background:var(--ink);color:var(--cream);font-family:Space Grotesk,sans-serif;overflow-x:hidden}h1,h2,h3,.logo{font-family:Sora,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent);color:#fff}.cartoon{filter:drop-shadow(0 30px 40px #00000059);width:230px;position:relative}.cartoon-svg{width:100%;height:auto;display:block}.wheel{transform-box:fill-box;transform-origin:50%;animation:.9s linear infinite paused wheel-spin}.driving .wheel{animation-play-state:running}.cartoon-svg .speed{opacity:0;transition:opacity .3s}.driving .cartoon-svg .speed{opacity:.75}@keyframes wheel-spin{to{transform:rotate(360deg)}}.cartoon-shadow{filter:blur(10px);background:#0000004d;border-radius:50%;width:76%;height:20px;position:absolute;bottom:-30px;left:12%}.phone{background:#fff;border:10px solid #0a1420;border-radius:40px;flex-shrink:0;width:264px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0006,0 0 0 2px #ffffff14}.phone-notch{z-index:3;background:#0a1420;border-radius:999px;width:84px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-screen{color:#111827;background:#f6f8fa;flex-direction:column;gap:10px;height:540px;padding:38px 12px 0;font-family:Space Grotesk,sans-serif;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;display:flex}.app-logo{align-items:center;gap:6px;display:flex}.app-logo-mark{color:#fff;background:#ff6a00;border-radius:7px;place-items:center;width:24px;height:24px;font-family:Sora,sans-serif;font-size:14px;font-weight:800;display:grid}.app-logo-text{color:#0d1b2a;font-family:Sora,sans-serif;font-size:15px;font-weight:800}.app-bell{font-size:13px}.app-search{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-size:10.5px}.app-promo{color:#fff;background:linear-gradient(135deg,#0d1b2a,#16354f);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.app-promo strong{max-width:130px;font-family:Sora,sans-serif;font-size:11.5px;line-height:1.3;display:block}.app-promo small{opacity:.75;margin:4px 0 8px;font-size:8.5px;display:block}.app-promo-cta{background:#ff6a00;border-radius:999px;padding:4px 12px;font-size:9px;font-weight:700;display:inline-block}.app-promo-icon{font-size:30px}.app-cats{justify-content:space-between;display:flex}.app-cat{flex-direction:column;align-items:center;gap:3px;display:flex}.app-cat span{background:#fff;border:1px solid #e5e7eb;border-radius:12px;place-items:center;width:36px;height:36px;font-size:15px;display:grid}.app-cat em{color:#6b7280;font-size:8px;font-style:normal}.app-deals-head{justify-content:space-between;align-items:baseline;display:flex}.app-deals-head strong{color:#0d1b2a;font-family:Sora,sans-serif;font-size:12.5px}.app-deals-head em{color:#ff6a00;font-size:9px;font-style:normal;font-weight:700}.app-deal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.app-deal-icon{background:#fff4e8;border-radius:9px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.app-deal-info{flex:1}.app-deal-info strong{color:#111827;font-size:10.5px;display:block}.app-deal-info em{color:#6b7280;font-size:8.5px;font-style:normal}.app-deal-buy{text-align:right}.app-deal-buy strong{color:#ff6a00;font-size:10px;display:block}.app-deal-buy span{color:#fff;background:#ff6a00;border-radius:6px;place-items:center;width:18px;height:18px;margin-top:2px;font-size:12px;font-weight:700;display:inline-grid}.app-nav{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:auto;margin-left:-12px;margin-right:-12px;padding:9px 22px 12px;font-size:14px;display:flex}.app-nav span{opacity:.45;filter:grayscale()}.app-nav span.active{opacity:1;filter:none}@media (width<=900px){.phone{border-width:8px;width:228px}.phone-screen{height:470px}}.hero{background:var(--primary);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.blinds{display:flex;position:absolute;inset:0}.slat{transform-origin:top;background:linear-gradient(90deg, var(--primary-deep) 0%, var(--primary) 45%, #ff8a33 55%, var(--primary-deep) 100%);border-right:1px solid #0000001f;flex:1}.nav{z-index:5;justify-content:space-between;align-items:center;padding:32px 56px;display:flex;position:relative}.logo{letter-spacing:-.04em;font-size:28px;font-weight:800}.nav-links{gap:36px;font-size:15px;display:flex}.nav-links a{opacity:.85;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-links .nav-cta{background:var(--secondary);color:#fff;opacity:1;border-radius:999px;padding:10px 22px;transition:transform .2s}.nav-links .nav-cta:hover{transform:scale(1.05)}.hero-inner{z-index:4;flex:1;justify-content:space-between;align-items:center;gap:40px;padding:0 8vw;display:flex;position:relative}.hero-copy{max-width:620px}.hero-copy h1{letter-spacing:-.03em;font-size:clamp(44px,6.5vw,88px);font-weight:800;line-height:1.04}.line{display:block;overflow:hidden}.line-inner{display:block}.cta{background:var(--secondary);color:#fff;letter-spacing:.18em;text-transform:uppercase;border-radius:999px;margin-top:44px;padding:16px 38px;font-size:14px;font-weight:700;display:inline-block}.hero-cans{align-items:center;gap:8px;padding-right:3vw;display:flex;position:relative}.hero-mascot{z-index:2;position:absolute;bottom:-40px;left:-130px}.hero-mascot .cartoon{width:200px}.hero-watermark{text-align:center;z-index:1;letter-spacing:-.02em;color:#ffffff14;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%;font-family:Sora,sans-serif;font-size:clamp(100px,16vw,230px);font-weight:800;position:absolute;top:30%;left:0}.scroll-hint{z-index:4;text-align:center;letter-spacing:.3em;text-transform:uppercase;opacity:.7;padding-bottom:26px;font-size:13px;position:relative}@media (width<=900px){.hero-inner{text-align:center;flex-direction:column;justify-content:flex-start;gap:56px;padding:24px 6vw 150px}.hero-copy h1{font-size:clamp(36px,10vw,56px)}.cta{margin-top:32px;padding:14px 32px}.hero-cans{padding:0}.hero-mascot{bottom:-26px;left:-48px}.hero-mascot .cartoon{width:130px}.hero-watermark{top:14%}.nav{padding:20px}.logo{font-size:22px}.nav-links{gap:14px;font-size:13px}.nav-links .nav-cta{padding:8px 14px}.scroll-hint{display:none}}.marquee{background:var(--accent);color:#fff;padding:22px 0;overflow:hidden}.marquee-track{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;gap:40px;width:max-content;font-family:Sora,sans-serif;font-size:22px;font-weight:700;display:flex}.marquee-track span{align-items:center;gap:40px;display:flex}.marquee-track em{opacity:.6;font-style:normal}.flavors{background:var(--cream);padding:120px 8vw}.flavors h2{color:var(--secondary);letter-spacing:-.03em;margin-bottom:64px;font-size:clamp(36px,5vw,64px);font-weight:800}.flavor-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.flavor-card{text-align:center;border-radius:28px;flex-direction:column;align-items:center;padding:40px 32px 36px;display:flex;overflow:hidden}.flavor-can{justify-content:center;align-items:center;width:100%;height:300px;margin-bottom:20px;display:flex;position:relative}.flavor-card.parking .flavor-can:after{content:"";border:2px dashed #ffffff59;border-top:none;border-radius:0 0 10px 10px;width:76%;height:48px;position:absolute;bottom:42px;left:12%}.flavor-card.parking .flavor-can:before{content:"P";color:#fff;background:#3b82f6;border-radius:7px;place-items:center;width:26px;height:26px;font-family:Sora,sans-serif;font-size:15px;font-weight:800;display:grid;position:absolute;top:14px;right:6px}.flavor-can .can{transform:scale(.72)}.flavor-card h3{margin-bottom:8px;font-size:26px;font-weight:700}.flavor-card p{opacity:.8;margin-bottom:24px;font-size:15px}.flavor-card button{background:var(--cream);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:999px;padding:14px 30px;font-size:13px;font-weight:700}.contact{background:var(--cream);padding:40px 8vw 140px}.contact-card{border-radius:32px;grid-template-columns:1fr 1.15fr;display:grid;overflow:hidden;box-shadow:0 40px 90px #0d1b2a29}.contact-left{background:var(--secondary);color:var(--cream);padding:64px 52px}.contact-left h2{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.08}.contact-left h2 .accent{color:var(--primary)}.contact-left p{opacity:.75;max-width:320px;margin-bottom:44px;font-size:15px}.contact-channels{flex-direction:column;gap:20px;display:flex}.channel{cursor:default;align-items:center;gap:16px;display:flex}.channel-icon{background:#ff6a0029;border-radius:15px;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.channel em{opacity:.65;font-size:12px;font-style:normal;display:block}.channel strong{font-size:15px}.contact-right{background:#fff;padding:64px 52px}.contact-right form{flex-direction:column;gap:18px;display:flex}.field span{color:var(--secondary);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field input,.field textarea{color:#111827;resize:none;background:#f6f8fa;border:2px solid #e5e7eb;border-radius:14px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:14.5px;transition:border-color .25s,box-shadow .25s,background .25s}.field input:focus,.field textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #ff6a0024}.contact-right button{background:var(--primary);color:#fff;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:999px;margin-top:6px;padding:16px;font-size:14px;font-weight:700}.contact-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex;overflow:hidden}.success-check{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:22px;font-size:38px;font-weight:800;display:grid}.contact-success h3{color:var(--secondary);margin-bottom:8px;font-size:26px}.contact-success p{color:#6b7280;max-width:300px;font-size:14.5px}.success-truck{width:150px;margin-top:34px}.success-truck .cartoon{width:150px}@media (width<=900px){.contact-card{grid-template-columns:1fr}.contact-left,.contact-right{padding:44px 30px}}.footer{background:var(--secondary);padding:120px 8vw 48px}.footer h2{letter-spacing:-.04em;margin-bottom:80px;font-size:clamp(48px,8vw,110px);font-weight:800}.footer-row{border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;display:flex}.footer-row .logo{font-size:22px;font-weight:800}.footer-links{gap:28px;font-size:14px;display:flex}.footer-links a{opacity:.85}.footer-links a:hover{opacity:1}.copy{opacity:.6;font-size:13px}
