@charset "UTF-8";

:root {
  --orange: #ff5a18;
  --orange-hot: #ff6a24;
  --cream: #f4eee4;
  --cream-2: #e8ddcf;
  --ink: #0b0a09;
  --charcoal: #141210;
  --stone: #9b9085;
  --line: rgba(15, 12, 10, .16);
  --line-dark: rgba(255, 246, 235, .14);
  --container: min(1480px, calc(100vw - 80px));
  --display: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ease: cubic-bezier(.22, .75, .15, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: var(--sans); line-height: 1.45; overflow-x: clip; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
img, video, canvas, svg { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0; }
button { color: inherit; }
.container { width: var(--container); margin-inline: auto; }
.section-dark { color: var(--cream); background: var(--ink); }
.section-cream { color: var(--ink); background: var(--cream); }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 999; padding: 12px 18px; background: var(--orange); color: white; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; }
h2 { max-width: 1100px; margin-bottom: 24px; font-family: var(--display); font-size: clamp(54px, 6.8vw, 118px); font-weight: 900; letter-spacing: -.07em; line-height: .9; }
.button { display: inline-flex; min-height: 58px; align-items: center; justify-content: center; padding: 0 27px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; transition: transform .35s var(--ease), background-color .25s, color .25s, border-color .25s; }
.button:hover { transform: translateY(-3px); }
.button--small { min-height: 46px; padding-inline: 20px; }
.button--orange { color: white; background: var(--orange); box-shadow: 0 14px 40px rgba(255, 90, 24, .22); }
.button--orange:hover { background: #ff7134; }
.button--dark { color: white; background: var(--ink); }
.button--cream { color: var(--ink); background: var(--cream); }
.button--ghost { color: inherit; border-color: currentColor; background: rgba(255,255,255,.02); }
.button--ghost:hover { color: var(--ink); background: var(--cream); }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; padding: 18px 0; color: var(--cream); transition: padding .4s var(--ease), color .4s; }
.header-inner { width: var(--container); min-height: 62px; margin: auto; padding: 0 14px 0 18px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; border: 1px solid transparent; border-radius: 999px; transition: background .4s, border-color .4s, box-shadow .4s, backdrop-filter .4s; }
.site-header.is-scrolled { padding-top: 10px; color: var(--ink); }
.site-header.is-scrolled .header-inner { background: rgba(244,238,228,.9); border-color: rgba(20,15,10,.1); box-shadow: 0 18px 50px rgba(0,0,0,.14); backdrop-filter: blur(20px); }
.brand { display: inline-flex; align-items: center; gap: 8px; font-family: var(--display); font-size: 18px; font-weight: 900; letter-spacing: -.06em; }
.brand img { width: 36px; height: 36px; object-fit: contain; }
.desktop-nav { display: flex; justify-content: center; gap: clamp(14px, 1.6vw, 30px); font-size: 12px; font-weight: 700; }
.desktop-nav a { position: relative; display: inline-flex; min-height: 32px; align-items: center; }
.desktop-nav a::after { content: ""; position: absolute; right: 0; bottom: -7px; left: 0; height: 1px; background: var(--orange); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease); }
.desktop-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.header-actions { grid-column: 3; display: flex; align-items: center; gap: 15px; }
.text-action, .language-switch button, .menu-toggle { padding: 0; border: 0; background: transparent; cursor: pointer; }
.text-action { display: inline-flex; min-height: 32px; align-items: center; font-size: 12px; font-weight: 800; }
.language-switch { display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 900; }
.language-switch button { display: inline-flex; min-width: 24px; min-height: 32px; align-items: center; justify-content: center; opacity: .45; }
.language-switch button.is-active { color: var(--orange); opacity: 1; }
.menu-toggle { display: none; width: 42px; height: 42px; align-items: center; justify-content: center; flex-direction: column; gap: 7px; }
.menu-toggle span { width: 22px; height: 2px; background: currentColor; transition: transform .3s; }
.mobile-menu { display: none; }

/* Hero */
.hero { position: relative; min-height: 100svh; color: var(--cream); background: #090806; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 15%, rgba(255,93,25,.15), transparent 35%), linear-gradient(100deg,#090806 0 36%,#16100c 100%); }
.hero-grid { position: relative; z-index: 2; min-height: 100svh; padding: 154px 0 100px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 28px; align-items: center; }
.hero-content { position: relative; z-index: 3; min-width: 0; }
.hero h1 { margin: 0 0 30px; font-family: var(--display); font-size: clamp(64px, 6.3vw, 116px); font-weight: 900; letter-spacing: -.078em; line-height: .8; }
.hero h1 span { display: block; white-space: nowrap; }
.hero h1 .accent-line { color: var(--orange); }
.hero-copy { max-width: 610px; margin-bottom: 34px; color: #cec2b6; font-size: clamp(17px, 1.25vw, 21px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.trust-line { display: flex; align-items: center; gap: 10px; margin: 24px 0 0; color: #a99f95; font-size: 12px; font-weight: 700; }
.trust-line > span:first-child { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 6px rgba(255,90,24,.12); }
.hero-visual { min-width: 0; perspective: 1400px; }
.hero-scene { position: relative; aspect-ratio: 1.16; min-height: 590px; border: 1px solid rgba(255,255,255,.1); border-radius: 36px; background: linear-gradient(155deg,#30190e 0,#120d0a 42%,#080706 100%); box-shadow: 0 60px 120px rgba(0,0,0,.45); overflow: hidden; transform-style: preserve-3d; isolation: isolate; }
.route-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .8; }
.scene-sun { position: absolute; top: 8%; right: 12%; width: 31%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 40% 35%,#ffc18f,#ff5a18 42%,rgba(255,73,4,.1) 68%,transparent 70%); filter: blur(.2px); opacity: .75; }
.scene-haze { position: absolute; inset: 0; z-index: 6; background: linear-gradient(180deg, transparent 30%, rgba(255,104,39,.07) 55%, rgba(5,4,3,.5)); pointer-events: none; }
.city-layer { position: absolute; right: -3%; bottom: 19%; left: -3%; display: flex; align-items: flex-end; gap: 2%; transform-style: preserve-3d; }
.city-layer i { position: relative; display: block; flex: 1; height: 190px; background: linear-gradient(120deg,#3a2a20,#17120e); border-top: 2px solid rgba(255,170,110,.18); box-shadow: inset -14px 0 25px rgba(0,0,0,.24); clip-path: polygon(0 17%,50% 0,100% 17%,100% 100%,0 100%); }
.city-layer i::after { content: ""; position: absolute; inset: 38% 17% auto; height: 10px; background: repeating-linear-gradient(90deg,#ffac65 0 7px,transparent 7px 23px); filter: drop-shadow(0 0 8px #ff6a24); opacity: .45; }
.city-layer--back { bottom: 30%; z-index: -1; opacity: .48; transform: translateZ(-120px) scale(1.2); filter: blur(1px); }
.city-layer--back i { height: 250px; background: #18120e; }
.city-layer--front { z-index: 2; transform: translateZ(30px); }
.city-layer .tower { height: 390px; flex: .4; clip-path: polygon(10% 9%,38% 9%,50% 0,62% 9%,90% 9%,90% 100%,10% 100%); }
.city-layer .restaurant { flex: 1.25; background: linear-gradient(135deg,#69402b,#24170f); }
.city-layer .restaurant b { position: absolute; left: 50%; bottom: 16%; padding: 8px 11px; color: #e6d3c0; border: 1px solid rgba(255,255,255,.18); font: 700 8px/1 var(--sans); letter-spacing: .13em; transform: translateX(-50%); }
.duomo { position: absolute; left: 45%; bottom: 40%; z-index: 1; width: 170px; height: 260px; transform: translateX(-50%) translateZ(-40px); }
.duomo .dome { position: absolute; top: 25px; left: 12%; width: 76%; height: 120px; border-radius: 55% 55% 12% 12%; background: repeating-linear-gradient(90deg,#7a3924 0 10px,#9d4d2c 10px 19px); box-shadow: inset 0 12px 30px rgba(255,167,89,.22); clip-path: polygon(50% 0,66% 10%,86% 38%,100% 100%,0 100%,14% 38%,34% 10%); }
.duomo .drum { position: absolute; left: 5%; bottom: 0; width: 90%; height: 125px; background: repeating-linear-gradient(90deg,#c8a88b 0 22px,#41332a 22px 26px,#846b59 26px 47px,#362b24 47px 52px); clip-path: polygon(4% 10%,96% 10%,100% 100%,0 100%); }
.duomo .lantern { position: absolute; top: 0; left: 45%; width: 10%; height: 35px; background: #d7ae8b; }
.road-plane { position: absolute; right: -15%; bottom: -10%; left: -15%; z-index: 5; height: 46%; background: linear-gradient(170deg,#292725,#0c0b0a 65%); border-top: 1px solid rgba(255,255,255,.09); transform: rotateX(58deg) translateZ(20px); transform-origin: bottom; }
.road-line { position: absolute; top: 35%; right: 8%; left: 4%; height: 6px; background: linear-gradient(90deg,transparent,var(--orange),transparent); border-radius: 99px; box-shadow: 0 0 25px var(--orange); transform: rotate(-8deg); }
.rider-vehicle { position: absolute; z-index: 8; width: 340px; transform-origin: 50% 100%; filter: drop-shadow(0 24px 24px rgba(0,0,0,.4)); }
.rider-vehicle svg { overflow: visible; }
.hero-rider { right: 4%; bottom: 3.5%; width: 42%; max-width: 360px; transform: rotateZ(-1.5deg) translateZ(90px); animation: riderFloat 4.2s cubic-bezier(.45,0,.25,1) infinite; }
.rider-vehicle .wheel { transform-box: fill-box; transform-origin: center; animation: wheelSpin 2.1s linear infinite; }
.order-pulse { position: absolute; top: 24%; left: 16%; z-index: 10; display: flex; align-items: center; gap: 12px; padding: 10px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; color: white; background: rgba(12,8,5,.58); backdrop-filter: blur(12px); box-shadow: 0 15px 40px rgba(0,0,0,.35); font-size: 11px; }
.order-pulse span { width: 10px; height: 10px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 7px rgba(255,90,24,.16); animation: pulse 1.8s infinite; }
.scene-status { position: absolute; right: 23px; bottom: 22px; z-index: 12; display: flex; gap: 12px; align-items: center; padding: 13px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; color: white; background: rgba(14,11,9,.7); backdrop-filter: blur(16px); }
.scene-status .status-dot { width: 8px; height: 8px; border-radius: 50%; background: #65d68b; box-shadow: 0 0 12px #65d68b; }
.scene-status small, .scene-status strong { display: block; }
.scene-status small { margin-bottom: 3px; color: #8f877f; font-size: 7px; letter-spacing: .14em; }
.scene-status strong { font-size: 11px; }
.scene-vignette { position: absolute; inset: 0; z-index: 20; border-radius: inherit; box-shadow: inset 0 0 100px rgba(0,0,0,.6); pointer-events: none; }
.hero-bottom { position: absolute; right: 3vw; bottom: 24px; left: 3vw; z-index: 3; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; color: #776f68; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.hero-bottom i { height: 1px; background: rgba(255,255,255,.12); }

/* Reversible cinematic opening prototype */
.hero-cinematic { min-height: 320svh; overflow: visible; --cinematic-progress: 0; --video-progress: 0; --hold-progress: 0; --transition-progress: 0; --order-signal-progress: 0; --order-signal-dock: 0; --dashboard-progress: 0; --dashboard-card-progress: 0; --copy-progress: 0; --copy-opacity: 1; --copy-offset: 0px; --route-progress: 0; --media-scale: 1; --video-brightness: 1; --dashboard-scale: .9; --dashboard-offset: 10vh; --dashboard-rotate: 5deg; }
.hero-cinematic::before { display: none; }
.hero-pin { position: sticky; top: 0; height: 100svh; overflow: hidden; background: #090806; isolation: isolate; }
.cinematic-media, .cinematic-video, .cinematic-fallback, .cinematic-grade { position: absolute; inset: 0; width: 100%; height: 100%; }
.cinematic-media { z-index: 0; background: #090806; transform: scale(var(--media-scale)); transform-origin: 50% 60%; will-change: transform; }
.cinematic-video { z-index: 2; max-width: none; object-fit: cover; object-position: center; opacity: 0; filter: saturate(.94) contrast(1.04) brightness(var(--video-brightness)); transition: opacity .35s ease; }
.hero-cinematic.is-video-ready .cinematic-video { opacity: 1; }
.cinematic-fallback { z-index: 1; opacity: 1; transition: opacity .35s ease; }
.hero-cinematic.is-video-ready .cinematic-fallback { opacity: 0; }
.cinematic-fallback .hero-scene { width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; border: 0; border-radius: 0; }
.cinematic-grade { z-index: 3; background: linear-gradient(90deg,rgba(7,6,5,.94) 0,rgba(7,6,5,.79) 25%,rgba(7,6,5,.25) 48%,rgba(7,6,5,.04) 70%),linear-gradient(0deg,rgba(7,6,5,.72),transparent 32%,rgba(7,6,5,.16)); pointer-events: none; }
.hero-cinematic .hero-grid { z-index: 6; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); }
.hero-cinematic .hero-content { max-width: 700px; opacity: var(--copy-opacity); transform: translate3d(0,var(--copy-offset),0); pointer-events: auto; }
.hero-cinematic.is-in-view .hero-content { animation: none; }
.hero-cinematic .hero-visual { visibility: hidden; pointer-events: none; }
.hero-cinematic h1 { font-size: clamp(62px,5.5vw,102px); text-shadow: 0 14px 50px rgba(0,0,0,.48); }
.cinematic-route { position: absolute; right: 6vw; bottom: 12vh; left: 7vw; z-index: 7; height: 3px; opacity: var(--route-progress); transform: rotate(-2deg) scaleX(var(--route-progress)); transform-origin: left center; background: linear-gradient(90deg,transparent 0,var(--orange) 15%,#ffb080 54%,var(--orange) 84%,transparent); border-radius: 99px; box-shadow: 0 0 11px rgba(255,90,24,.8),0 0 32px rgba(255,90,24,.48); pointer-events: none; }
.cinematic-route::before,.cinematic-route::after,.cinematic-route i { content:""; position:absolute; top:50%; width:13px; height:13px; border:3px solid #fff3e8; border-radius:50%; background:var(--orange); box-shadow:0 0 0 7px rgba(255,90,24,.12),0 0 24px var(--orange); transform:translate(-50%,-50%) }
.cinematic-route::before { left: 15%; }.cinematic-route i { left: 55%; }.cinematic-route::after { left: 85%; }
.cinematic-route span { position:absolute; right:14%; bottom:16px; color:#ffd2ba; font-size:8px; font-weight:900; letter-spacing:.18em; white-space:nowrap; }
.cinematic-order-signal { position:absolute; top:50%; left:50%; z-index:9; width:min(310px,24vw); padding:22px 24px; display:grid; grid-template-columns:1fr auto; gap:7px 18px; color:var(--cream); border:1px solid rgba(255,90,24,.64); border-radius:17px; background:rgba(21,18,15,.94); box-shadow:0 30px 80px rgba(0,0,0,.54),inset 3px 0 var(--orange); opacity:calc(var(--order-signal-progress) * (1 - var(--order-signal-dock))); transform:translate3d(-50%,calc(-50% + (1 - var(--order-signal-progress)) * 28px - var(--order-signal-dock) * 90px),0) scale(calc(.92 + var(--order-signal-progress) * .08 - var(--order-signal-dock) * .08)); pointer-events:none; }
.cinematic-order-signal span { grid-column:1/-1; color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.16em; }
.cinematic-order-signal strong { font-size:28px; line-height:1; }
.cinematic-order-signal small { align-self:end; color:#b7aba0; font-size:11px; }
.cinematic-dashboard { position: absolute; top: 50%; left: 50%; z-index: 8; width: min(1180px,82vw); opacity: var(--dashboard-progress); transform: translate3d(-50%,calc(-45% + var(--dashboard-offset)),0) scale(var(--dashboard-scale)) perspective(1400px) rotateX(var(--dashboard-rotate)); transform-origin: 50% 100%; pointer-events: none; }
.dashboard-stack--cinematic { height: min(650px,70vh); }
.dashboard-stack--cinematic .dash-main { border-color:rgba(255,255,255,.22);background:rgba(24,21,18,.96);box-shadow:0 60px 140px rgba(0,0,0,.68),0 0 0 1px rgba(255,90,24,.08) }
.dashboard-stack--cinematic .dash-back { background:#3c291d }
.dashboard-stack--cinematic .order-card.hot { opacity:var(--dashboard-card-progress); transform:translateY(calc((1 - var(--dashboard-card-progress)) * 18px)); }
.cinematic-meter { position:absolute;right:3vw;bottom:54px;z-index:9;display:flex;align-items:center;gap:14px;color:#b9aca1;font-size:8px;font-weight:900;letter-spacing:.17em }
.cinematic-meter i { width:70px;height:1px;background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.18)) }
.cinematic-meter strong { min-width:24px;color:var(--orange);font-size:10px }

/* Story journey */
.section-intro { padding: 150px 0 80px; }
.section-intro h2 { max-width: 1050px; }
.section-intro > p:last-child { max-width: 560px; color: #aba198; font-size: 18px; }
.journey { padding-bottom: 140px; }
.journey-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(360px, .65fr); gap: 7vw; align-items: start; }
.journey-visual-wrap { position: sticky; top: 110px; }
.journey-visual { position: relative; aspect-ratio: 1.45; overflow: hidden; border: 1px solid var(--line-dark); border-radius: 30px; background: radial-gradient(circle at 25% 25%,#372011,#16100c 42%,#090806 78%); perspective: 1200px; }
.journey-caption { position: absolute; right: 22px; bottom: 20px; z-index: 10; display: flex; gap: 18px; font-size: 8px; letter-spacing: .14em; }.journey-caption small { color: #8e847c; }.journey-caption strong { color: var(--orange); }
.journey-visual { --journey-drift: 0; aspect-ratio: 16 / 9; background: #100b08; isolation: isolate; perspective: none; box-shadow: 0 36px 90px rgba(0,0,0,.34); }
.journey-frame-stack,.journey-frame,.journey-frame-picture,.journey-frame-picture img { position: absolute; inset: 0; width: 100%; height: 100%; }
.journey-frame-stack { z-index: 1; overflow: hidden; }
.journey-frame { margin: 0; opacity: 0; transform: scale(1.045) translate3d(0,12px,0); transition: opacity .9s cubic-bezier(.22,.68,.26,1), transform 1.25s cubic-bezier(.22,.68,.26,1), filter .9s ease; will-change: opacity,transform; }
.journey-frame-picture { display: block; }
.journey-frame-picture img { display: block; object-fit: cover; object-position: center; filter: saturate(.94) contrast(1.025); }
.journey-frame.is-outgoing { z-index: 1; opacity: .18; transform: scale(1.025) translate3d(0,-5px,0); filter: brightness(.7); }
.journey-frame.is-current { z-index: 2; opacity: 1; transform: scale(1.012) translate3d(0,calc(var(--journey-drift) * -8px),0); filter: brightness(1); }
.journey-shade { position: absolute; inset: 0; z-index: 4; background: linear-gradient(180deg,rgba(7,5,4,.1),transparent 36%,rgba(7,5,4,.2)),linear-gradient(90deg,rgba(7,5,4,.12),transparent 28%,transparent 76%,rgba(7,5,4,.08)); pointer-events: none; }
.journey-caption { z-index: 5; padding: 9px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 99px; background: rgba(8,6,5,.56); box-shadow: 0 10px 30px rgba(0,0,0,.22); backdrop-filter: blur(10px); }
.journey-step-picture { display: none; }
.journey-steps { padding-bottom: 25vh; }
.journey-step { min-height: 64vh; display: grid; grid-template-columns: 48px 1fr; gap: 26px; align-content: center; border-top: 1px solid var(--line-dark); opacity: .28; transition: opacity .5s, transform .65s cubic-bezier(.22,.68,.26,1); transform: translateY(8px); }
.journey-step:last-of-type { border-bottom: 1px solid var(--line-dark); }
.journey-step.is-active { opacity: 1; transform: none; }
.journey-step > span { color: var(--orange); font-size: 11px; font-weight: 900; }
.journey-step h3 { margin-bottom: 15px; font-family: var(--display); font-size: clamp(32px, 3vw, 54px); letter-spacing: -.055em; line-height: .94; }
.journey-step p { max-width: 410px; margin: 0; color: #a59a90; font-size: 17px; }
.journey-steps > .button { margin-top: 40px; }

/* Film */
.order-film { padding: 0 0 120px; }
.film-frame { position: relative; width: min(1760px, calc(100vw - 40px)); height: min(80vw, 900px); min-height: 620px; margin: 0 auto; overflow: hidden; border-radius: 30px; background: #130e0b; isolation: isolate; }
.film-frame video { width: 100%; height: 100%; object-fit: cover; }
.film-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,4,3,.86),rgba(5,4,3,.28) 56%,rgba(5,4,3,.12)), linear-gradient(0deg,rgba(5,4,3,.7),transparent 45%); }
.film-copy { position: absolute; top: 50%; left: clamp(30px,6vw,110px); width: min(620px, 48vw); transform: translateY(-50%); }
.film-copy h2 { font-size: clamp(56px,6vw,110px); }
.film-copy > p:last-child { max-width: 520px; color: #c0b6ac; font-size: 17px; }
.film-control { position: absolute; right: 40px; bottom: 35px; display: flex; align-items: center; gap: 12px; padding: 9px 14px 9px 9px; color: white; border: 1px solid rgba(255,255,255,.25); border-radius: 99px; background: rgba(0,0,0,.32); backdrop-filter: blur(10px); cursor: pointer; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.play-icon { display: grid; width: 34px; height: 34px; place-items: center; padding-left: 2px; border-radius: 50%; background: var(--orange); font-size: 10px; }
.film-time { position: absolute; right: 220px; bottom: 43px; left: 40px; display: grid; grid-template-columns: auto auto 1fr auto auto; align-items: center; gap: 9px; color: #a89d94; font-size: 8px; }
.film-time input { width: 100%; height: 24px; margin: 0; cursor: pointer; accent-color: var(--orange); }
.film-time input:focus-visible { outline: 2px solid var(--cream); outline-offset: 3px; }
.film-skip { min-width: 34px; min-height: 34px; padding: 0 5px; color: #d8cec5; border: 1px solid rgba(255,255,255,.22); border-radius: 99px; background: rgba(0,0,0,.28); cursor: pointer; font-size: 8px; font-weight: 900; }
.film-skip:focus-visible { outline: 2px solid var(--cream); outline-offset: 2px; }
.film-secondary-controls { position: absolute; right: 218px; bottom: 35px; display: flex; gap: 8px; }
.film-icon-control { display: grid; width: 42px; height: 42px; place-items: center; color: white; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(0,0,0,.32); backdrop-filter: blur(10px); cursor: pointer; }
.film-icon-control:focus-visible { outline: 2px solid var(--cream); outline-offset: 2px; }
.film-icon-control:disabled { opacity: .4; cursor: not-allowed; }
.film-status { position: absolute; top: 22px; right: 22px; z-index: 4; margin: 0; padding: 9px 12px; color: white; border: 1px solid rgba(255,255,255,.2); border-radius: 99px; background: rgba(0,0,0,.5); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: opacity .25s; }
.film-status[data-state="ready"] { opacity: 0; }
.film-status[data-state="loading"],.film-status[data-state="error"] { opacity: 1; }
.film-status[data-state="error"] { color: #ffd8c5; border-color: rgba(255,90,24,.6); }

/* Problem */
.problem { padding: 160px 0; overflow: hidden; }
.problem-grid { display: grid; grid-template-columns: .9fr .7fr; gap: 9vw; }
.problem h2 { max-width: 700px; }
.problem-copy { padding-top: 66px; }
.problem-copy > p { color: #665e57; font-size: 22px; line-height: 1.55; }
.problem blockquote { margin: 48px 0 0; padding: 25px 0 25px 28px; border-left: 3px solid var(--orange); font-family: var(--display); font-size: 25px; letter-spacing: -.03em; line-height: 1.25; }
.control-stage {
  --control-progress: 0;
  --route-progress: 0;
  --route-dash: 1;
  --system-progress: .12;
  --payoff-progress: 0;
  --core-opacity: .42;
  --stream-progress: 0;
  --stream-x: 0%;
  --input-shift: 0px;
  --system-shift: 28px;
  --payoff-shift: 14px;
  position: relative;
  isolation: isolate;
  grid-column: 1/-1;
  min-height: 620px;
  margin-top: 70px;
  padding: 34px;
  display: grid;
  grid-template-columns: minmax(0,.72fr) minmax(230px,.58fr) minmax(360px,1fr);
  gap: 12px;
  color: var(--cream);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 36px;
  background: radial-gradient(circle at 44% 52%,rgba(255,90,24,.09),transparent 20%),linear-gradient(135deg,#1a1613 0%,#0b0908 72%);
  box-shadow: 0 40px 100px rgba(57,34,20,.18);
  overflow: hidden;
}
.control-stage::before { content:""; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.45) 65%,transparent); }
.control-stage::after { content:""; position:absolute; top:51%; left:28%; z-index:-1; width:51%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,90,24,.18) 46%,rgba(255,90,24,.42) 68%,transparent); }
.control-zone { position:relative; z-index:2; min-width:0; }
.control-zone-label { min-height:46px; display:flex; align-items:flex-start; gap:11px; color:#8f8379; }
.control-zone-label > span { display:grid; width:25px; height:25px; place-items:center; border:1px solid rgba(255,255,255,.15); border-radius:50%; color:var(--orange); font-size:8px; font-weight:900; }
.control-zone-label div { display:grid; gap:2px; }
.control-zone-label strong { color:#eee5da; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.control-zone-label small { font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.control-paths { position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; }
.control-paths path { fill:none; vector-effect:non-scaling-stroke; }
.control-paths__track path { stroke:rgba(244,238,228,.12); stroke-width:1; stroke-dasharray:5 8; }
.control-paths__active path { stroke:var(--orange); stroke-width:1.8; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:var(--route-dash); opacity:var(--route-progress); }
.control-paths__active .control-paths__output { stroke-width:3; opacity:var(--system-progress); }
.control-inputs { padding:6px 14px 6px 2px; }
.channel-stack { min-height:490px; display:flex; flex-direction:column; justify-content:center; gap:17px; }
.channel-cluster { display:flex; align-items:center; gap:8px; width:max-content; max-width:100%; min-width:0; transform:translate3d(var(--input-shift),var(--jitter-y,0),0); transition:opacity .55s var(--ease),transform .55s var(--ease); }
.channel-cluster:nth-child(1){--jitter-y:-9px}.channel-cluster:nth-child(2){--jitter-y:7px;margin-left:34px}.channel-cluster:nth-child(3){--jitter-y:-5px;margin-left:13px}.channel-cluster:nth-child(4){--jitter-y:9px;margin-left:49px}.channel-cluster:nth-child(5){--jitter-y:-3px;margin-left:24px}
.control-stage[data-phase="control"] .channel-cluster { opacity:.58; }
.channel-node,.channel-signal { min-width:0; border:1px solid rgba(255,255,255,.11); box-shadow:0 10px 22px rgba(0,0,0,.14); }
.channel-node { display:flex; align-items:center; gap:9px; width:146px; max-width:100%; padding:7px 11px 7px 7px; border-radius:99px; color:#171310; background:#e8e0d6; }
.channel-node i { flex:0 0 24px; display:grid; width:24px; height:24px; place-items:center; color:#d7cec4; border-radius:50%; background:#2a2521; font-style:normal; font-size:9px; font-weight:900; }
.channel-node b { overflow:hidden; font-size:10px; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.channel-signal { display:flex; align-items:center; justify-content:space-between; gap:8px; width:112px; min-height:30px; padding:6px 8px; border-radius:8px; color:#aa9e94; background:rgba(31,27,24,.8); }
.channel-signal::before { content:""; flex:0 0 4px; width:4px; height:4px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 3px rgba(255,90,24,.1); }
.channel-signal span { overflow:hidden; font-size:7px; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }
.channel-signal strong { margin-left:auto; color:#eee5db; font-size:8px; white-space:nowrap; }
.control-router { min-height:540px; padding:6px 8px; border-block:1px solid rgba(255,255,255,.07); background:linear-gradient(90deg,transparent,rgba(255,90,24,.035) 42%,rgba(255,90,24,.018) 70%,transparent); }
.control-router .control-zone-label { position:absolute; top:6px; left:10px; right:10px; }
.merge-corridor { position:absolute; inset:78px -18px 52px -28px; z-index:1; overflow:visible; }
.merge-rails { position:absolute; top:50%; left:0; width:58%; height:1px; }
.merge-rails > i { --rail-y:0px; --rail-opacity:.4; position:absolute; top:0; left:0; width:100%; height:1px; background:linear-gradient(90deg,rgba(244,238,228,.16),rgba(255,90,24,.72)); opacity:var(--rail-opacity); transform:translateY(var(--rail-y)); }
.merge-rails > i::before { content:""; position:absolute; top:-2px; left:0; width:5px; height:5px; border-radius:50%; background:#91857b; }
.merge-rails > i > b { --pulse-x:0%; --pulse-opacity:0; position:absolute; top:50%; left:var(--pulse-x); width:7px; height:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(255,90,24,.11); opacity:var(--pulse-opacity); transform:translate(-50%,-50%); }
.merge-junction { position:absolute; top:50%; left:54%; width:32px; height:94px; display:grid; align-content:center; gap:8px; transform:translate(-50%,-50%); }
.merge-junction::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:linear-gradient(transparent,rgba(255,90,24,.65),transparent); }
.merge-junction i { position:relative; z-index:1; width:32px; height:3px; border-radius:9px; background:var(--orange); opacity:var(--route-progress); transform:scaleX(var(--route-progress)); }
.single-stream { position:absolute; top:50%; left:68%; right:0; height:3px; border-radius:9px; background:linear-gradient(90deg,var(--orange),rgba(255,90,24,.78)); opacity:var(--system-progress); transform:translateY(-50%); }
.single-stream::after { content:""; position:absolute; top:50%; right:0; width:8px; height:8px; border-radius:50%; background:var(--orange); transform:translate(50%,-50%); }
.single-stream b { position:absolute; top:50%; left:var(--stream-x); width:9px; height:9px; border:2px solid #17110d; border-radius:50%; background:#fff3e7; opacity:var(--stream-progress); transform:translate(-50%,-50%); }
.control-core { position:absolute; top:50%; left:55%; z-index:3; width:174px; padding:14px; color:var(--cream); border:1px solid rgba(255,90,24,.5); border-inline-width:3px; border-radius:18px; background:#171310; box-shadow:0 18px 38px rgba(0,0,0,.28); opacity:var(--core-opacity); transform:translate(-50%,-50%) scale(var(--core-scale,.96)); }
.control-core::before,.control-core::after { content:""; position:absolute; top:50%; width:28px; height:2px; background:var(--orange); }.control-core::before{right:100%}.control-core::after{left:100%}
.control-stage[data-phase="merge"] .control-core,.control-stage[data-phase="control"] .control-core { box-shadow:0 20px 44px rgba(87,29,8,.34); }
.control-core__mark { display:flex; align-items:center; gap:9px; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.11); }.control-core__mark span { flex:0 0 36px; display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:var(--orange); }.control-core__mark img { width:25px; height:25px; object-fit:contain; }.control-core__mark b { font-size:10px; letter-spacing:.14em; }
.control-core ol { margin:10px 0 0; padding:0; display:grid; gap:6px; list-style:none; counter-reset:core-step; }.control-core li { display:flex; align-items:center; gap:7px; color:#b8aaa0; font-size:7px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; counter-increment:core-step; }.control-core li::before { content:"0" counter(core-step); color:var(--orange); font-size:6px; }
.control-output { padding:6px 0 6px 6px; }
.control-ledger { position:absolute; top:64px; right:0; bottom:0; left:0; padding:20px 22px; border:1px solid rgba(255,255,255,.13); border-left:3px solid var(--orange); border-radius:24px; background:rgba(245,237,226,.97); box-shadow:0 28px 70px rgba(0,0,0,.28); opacity:var(--system-progress); transform:translate3d(var(--system-shift),0,0); }
.control-ledger__head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:17px; border-bottom:1px solid rgba(18,14,11,.14); color:#171310; }
.control-ledger__head div { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:5px 8px; }.control-ledger__head small { grid-column:1/-1; color:#7f746b; font-size:8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }.control-ledger__head strong { font:900 27px/1 var(--display); letter-spacing:-.05em; }.control-order-value { color:#7e7268; font-size:11px; font-variant-numeric:tabular-nums; }
.control-order-state { padding:7px 10px; color:white; border-radius:99px; background:#191512; font-size:8px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.control-order-state em{font-style:normal}.control-order-state .state-complete{display:none}.control-stage[data-order-state="complete"] .control-order-state{background:var(--orange)}.control-stage[data-order-state="complete"] .state-active{display:none}.control-stage[data-order-state="complete"] .state-complete{display:inline}
.control-ledger ol { position:relative; margin:14px 0 0; padding:0; list-style:none; }.control-ledger ol::before { content:""; position:absolute; top:21px; bottom:21px; left:56px; width:1px; background:rgba(18,14,11,.14); }
.control-ledger li { --status-progress:.18; position:relative; display:grid; grid-template-columns:42px 14px 1fr 21px; align-items:center; gap:8px; min-height:43px; color:#191512; border-bottom:1px solid rgba(18,14,11,.08); opacity:var(--status-progress); transform:translateX(var(--status-shift,8px)); }
.control-ledger time { color:#887c71; font-size:8px; font-variant-numeric:tabular-nums; }.control-status-dot { position:relative; z-index:1; display:block; width:9px; height:9px; border:2px solid #f5ede3; border-radius:50%; background:var(--orange); box-shadow:0 0 0 1px rgba(18,14,11,.22); transform:scale(var(--status-progress)); }.control-ledger li span { font-size:11px; font-weight:760; }.control-ledger li i { display:grid; width:19px; height:19px; place-items:center; color:white; border-radius:50%; background:#1f1b17; font-style:normal; font-size:9px; opacity:var(--status-progress); transform:scale(var(--status-progress)); }
.control-ledger li:last-child { border-bottom:0; }.control-ledger li:last-child i { background:var(--orange); }
.control-payoff { margin-top:12px; padding-top:13px; display:grid; gap:2px; color:#171310; border-top:2px solid var(--orange); opacity:var(--payoff-progress); transform:translateY(var(--payoff-shift)); }
.control-payoff span { font-size:9px; font-weight:850; letter-spacing:.14em; }.control-payoff strong { color:var(--orange); font:900 20px/1 var(--display); letter-spacing:-.04em; }.control-payoff small { margin-top:5px; color:#7c7067; font-size:8px; }

/* Chapters */
.chapter { min-height: 92svh; display: flex; align-items: center; padding: 130px 0; overflow: hidden; }
.chapter-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 7vw; align-items: center; }
.chapter-copy h2 { font-size: clamp(65px,7vw,124px); }
.chapter-copy > p:not(.eyebrow) { max-width: 470px; color: inherit; opacity: .68; font-size: 19px; }
.chapter--sell { color: white; background: var(--orange); }.chapter--sell .eyebrow { color: var(--ink); }.chapter--manage { color: var(--cream); background: #100e0c; }.chapter--grow { color: var(--ink); background: #d9cabb; }
.round-link { display: grid; width: 62px; aspect-ratio: 1; margin-top: 42px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 21px; transition: color .2s,background .2s,transform .3s; }.round-link:hover { color: var(--orange); background: var(--ink); transform: rotate(45deg); }
.chapter-visual { position: relative; min-height: 600px; display: grid; place-items: center; perspective: 1200px; }
.chapter-phone { position: relative; z-index: 2; width: 295px; height: 570px; padding: 45px 26px; color: var(--ink); border: 10px solid #171411; border-radius: 48px; background: #f6f1e8; box-shadow: 45px 45px 0 rgba(49,16,2,.16),0 60px 100px rgba(0,0,0,.24); transform: rotateY(-13deg) rotateX(4deg); }.chapter-phone::before { content:"";position:absolute;top:13px;left:38%;width:24%;height:8px;border-radius:8px;background:#171411}.chapter-phone > span { color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.14em}.chapter-phone .dish-orb{width:100%;aspect-ratio:1;margin:26px 0;border-radius:50%;background:url('/public/assets/food/pizza.webp') 65% center/cover;box-shadow:0 22px 50px rgba(0,0,0,.2)}.chapter-phone b,.chapter-phone small{display:block}.chapter-phone b{font:900 30px/1 var(--display);letter-spacing:-.05em}.chapter-phone small{margin-top:10px;color:#736a61}
.order-energy { position:absolute;inset:0; }.order-energy i{position:absolute;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 0 0 12px rgba(255,255,255,.12)}.order-energy i:nth-child(1){top:18%;left:14%;animation:float 3s ease-in-out infinite}.order-energy i:nth-child(2){top:64%;right:6%;animation:float 4s ease-in-out infinite .5s}.order-energy i:nth-child(3){bottom:7%;left:27%;animation:float 3.4s ease-in-out infinite 1s}
.dashboard-stack { position:relative;width:100%;height:550px;perspective:1300px; }.dash-window{position:absolute;inset:5% 0 4% 4%;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:#201d1a;box-shadow:0 45px 90px rgba(0,0,0,.48)}.dash-back{transform:translate(55px,-40px) rotateY(-8deg);background:#35261c}.dash-main{z-index:2;overflow:hidden;transform:rotateY(-7deg)}.dash-main header{height:62px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-dark);font-size:10px;font-weight:900;letter-spacing:.13em}.dash-main header i{width:30px;height:30px;border-radius:50%;background:var(--orange)}.dash-columns{height:calc(100% - 62px);display:grid;grid-template-columns:150px 1fr}.dash-columns aside{padding:32px 20px;border-right:1px solid var(--line-dark)}.dash-columns aside b,.dash-columns aside span{display:block;margin-bottom:24px;font-size:11px}.dash-columns aside b{color:var(--orange)}.dash-columns main{padding:32px}.order-card{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:17px;padding:22px;border:1px solid var(--line-dark);border-radius:14px;background:#171411}.order-card span{grid-column:1/-1;color:#877d74;font-size:8px;font-weight:900;letter-spacing:.12em}.order-card b{font-size:23px}.order-card small{color:#b3a79d}.order-card.hot{border-color:rgba(255,90,24,.55);box-shadow:inset 3px 0 var(--orange)}
.growth-network{position:relative;width:min(590px,100%);aspect-ratio:1;display:grid;place-items:center}.restaurant-node{position:relative;z-index:4;width:170px;aspect-ratio:1;display:grid;place-items:center;border-radius:30% 30% 20% 20%;color:white;background:var(--orange);box-shadow:0 35px 70px rgba(105,50,20,.26);transform:rotate(45deg)}.restaurant-node span{font-size:10px;font-weight:900;letter-spacing:.14em;transform:rotate(-45deg)}.growth-network>i{position:absolute;left:50%;top:50%;width:44%;height:1px;background:linear-gradient(90deg,var(--orange),transparent);transform-origin:0;transform:rotate(calc(var(--i)*60deg))}.growth-network>i b{position:absolute;right:0;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--orange);animation:pulse 2.3s infinite calc(var(--i)*.2s)}.growth-ring{position:absolute;inset:8%;border:1px dashed rgba(20,15,10,.22);border-radius:50%;animation:spin 28s linear infinite}

/* Product */
.product { padding: 160px 0; overflow: hidden; }
.product-copy { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end }.product-copy .eyebrow{grid-column:1/-1}.product-copy h2{margin:0}.product-copy>p:last-child{max-width:520px;color:#a99f96;font-size:18px}
.device-universe{position:relative;height:790px;margin-top:90px;perspective:1500px}.device{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#161310;box-shadow:0 55px 100px rgba(0,0,0,.5)}.desktop-device{left:5%;top:5%;width:72%;aspect-ratio:1.55;border-radius:23px;transform:rotateX(4deg) rotateY(7deg)}.device-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--line-dark)}.device-bar>span{width:8px;height:8px;border-radius:50%;background:#625a53}.device-bar b{margin-left:auto;color:#766d66;font-size:7px;letter-spacing:.13em}.partner-ui{height:calc(100% - 46px);display:grid;grid-template-columns:78px 1fr}.partner-ui aside{padding:19px;display:flex;flex-direction:column;gap:24px;border-right:1px solid var(--line-dark)}.partner-ui aside img{width:36px}.partner-ui aside i{width:31px;height:7px;border-radius:7px;background:#4b443e}.partner-ui main{padding:34px}.partner-ui header small,.partner-ui header strong{display:block}.partner-ui header small{color:var(--orange);font-size:8px;letter-spacing:.12em}.partner-ui header strong{margin-top:7px;font:900 30px/1 var(--display);letter-spacing:-.05em}.ui-tabs{display:flex;gap:8px;margin:30px 0 20px}.ui-tabs span{padding:8px 10px;border:1px solid var(--line-dark);border-radius:99px;color:#8d837a;font-size:8px}.ui-tabs .active{color:white;background:var(--orange);border-color:var(--orange)}.partner-ui article{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;margin:10px 0;padding:18px;border:1px solid var(--line-dark);border-radius:12px}.partner-ui article b{font-size:16px}.partner-ui article span{color:#9d9289;font-size:10px}.partner-ui article em{padding:7px 9px;color:var(--orange);border:1px solid rgba(255,90,24,.4);border-radius:99px;font-size:7px;font-style:normal}.tablet-device{right:5%;top:14%;z-index:3;width:27%;aspect-ratio:.72;border:9px solid #201c19;border-radius:28px;transform:rotateY(-14deg) rotateZ(3deg)}.mini-map{position:absolute;inset:0;background:#ded1c1;background-image:linear-gradient(rgba(50,39,30,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,39,30,.1) 1px,transparent 1px);background-size:38px 38px}.mini-map svg{position:absolute;inset:0;width:100%;height:100%}.mini-map path{fill:none;stroke:var(--orange);stroke-width:8;stroke-linecap:round;stroke-dasharray:10 12}.mini-map i{position:absolute;z-index:2;width:22px;height:22px;border:6px solid white;border-radius:50%;background:var(--orange);box-shadow:0 4px 12px rgba(0,0,0,.2)}.mini-map i:first-child{left:7%;bottom:11%}.mini-map i:nth-child(2){right:2%;top:7%}.mini-map span{position:absolute;right:10px;bottom:12px;left:10px;padding:12px;color:white;border-radius:12px;background:var(--ink);text-align:center;font-size:8px;font-weight:900}.phone-device{right:24%;bottom:2%;z-index:4;width:18%;aspect-ratio:.51;padding:40px 17px 20px;color:var(--ink);border:8px solid #2b2723;border-radius:37px;background:var(--cream);transform:rotateY(-11deg) rotateZ(-4deg)}.phone-notch{position:absolute;top:8px;left:36%;width:28%;height:8px;border-radius:8px;background:#1a1714}.phone-device>small{color:var(--orange);font-size:8px;font-weight:900}.phone-hero-food{aspect-ratio:1;margin:18px 0;border-radius:18px;background:url('/public/assets/food/burger.webp') center/cover}.phone-device>b,.phone-device>span{display:block}.phone-device>b{font:900 21px/1 var(--display);letter-spacing:-.04em}.phone-device>span{margin-top:8px;color:#6f665e;font-size:9px}.progress-line{height:6px;margin-top:18px;border-radius:8px;background:linear-gradient(90deg,var(--orange) 62%,#d8cec2 62%)}.asset-note{margin:0;color:#625b55;font-size:8px;letter-spacing:.13em}

/* Food */
.food{padding:160px 0}.food-heading{display:grid;grid-template-columns:1fr .55fr;gap:70px;align-items:end;margin-bottom:80px}.food-heading h2{margin:0}.food-heading>p{color:#655d56;font-size:18px}.food-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:280px;gap:16px}.food-card{position:relative;overflow:hidden;border-radius:20px;color:white;background:#18120e;isolation:isolate;cursor:default}.food-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.food-card:hover img,.food-card:focus img{transform:scale(1.06)}.food-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%)}.food-card>span{position:absolute;top:20px;left:20px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.14em}.food-card h3{position:absolute;right:22px;bottom:20px;left:22px;z-index:2;margin:0;font:900 clamp(28px,3vw,52px)/.9 var(--display);letter-spacing:-.06em}.food-card>i{position:absolute;right:20px;top:20px;z-index:2;color:var(--orange);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em;opacity:0;transform:translateY(8px);transition:.3s}.food-card:hover>i,.food-card:focus>i{opacity:1;transform:none}.food-card--1{grid-column:span 7;grid-row:span 2}.food-card--2{grid-column:span 5}.food-card--3{grid-column:span 5}.food-card--4{grid-column:span 4}.food-card--5{grid-column:span 4}.food-card--missing{grid-column:span 4;background:var(--orange);}.food-card--missing::before{content:"";position:absolute;width:130%;height:150%;left:-30%;top:-50%;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 80px rgba(255,255,255,.04)}.food-card--missing h3{font-size:clamp(25px,2.2vw,40px)}.food-card--missing>i{color:white;opacity:.65;transform:none}.missing-route{position:absolute;right:15%;top:16%;width:14px;height:14px;border:4px solid white;border-radius:50%;box-shadow:0 0 0 9px rgba(255,255,255,.16)}

/* Visual refinement: a quieter, consistent photographic family */
.food{padding:135px 0}.food-heading{margin-bottom:68px}.food-card{box-shadow:0 18px 40px rgba(53,35,22,.08)}.food-card--1 img{object-position:68% center}.food-card--2 img{object-position:69% center}.food-card--3 img{object-position:72% center}.food-card--4 img,.food-card--5 img{object-position:center}.food-card:hover img,.food-card:focus img{transform:scale(1.045)}.food-gradient{background:linear-gradient(0deg,rgba(9,6,4,.8) 0,rgba(9,6,4,.22) 44%,transparent 70%),linear-gradient(90deg,rgba(9,6,4,.2),transparent 35%)}

/* Delivery */
.delivery{padding:160px 0;overflow:hidden}.delivery-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}.delivery-copy h2{font-size:clamp(56px,6vw,106px)}.delivery-copy>p:not(.eyebrow){max-width:480px;color:#a89d94;font-size:18px}.delivery-labels{display:flex;align-items:center;gap:14px;margin-top:38px;font-size:8px;font-weight:900;letter-spacing:.12em}.delivery-labels i{color:var(--orange);font-style:normal}.delivery-world{position:relative;aspect-ratio:1.25;border:1px solid var(--line-dark);border-radius:34px;background:#181411;overflow:hidden;transform:rotateX(3deg)}.delivery-canvas{position:absolute;inset:0;width:100%;height:100%}.map-blocks{position:absolute;inset:0;transform:rotate(-9deg) scale(1.16)}.map-blocks i{position:absolute;width:24%;height:19%;background:linear-gradient(135deg,#3c3028,#201a16);border:1px solid rgba(255,255,255,.08);box-shadow:inset -15px -15px 25px rgba(0,0,0,.3);transform:skewY(7deg)}.map-blocks i:nth-child(1){left:3%;top:8%}.map-blocks i:nth-child(2){left:34%;top:4%;height:28%}.map-blocks i:nth-child(3){right:3%;top:12%;height:36%}.map-blocks i:nth-child(4){left:5%;bottom:8%;height:30%}.map-blocks i:nth-child(5){left:40%;bottom:5%;height:21%}.map-blocks i:nth-child(6){right:4%;bottom:2%;width:27%;height:31%}.delivery-world>svg{position:absolute;inset:0;width:100%;height:100%}.delivery-world>svg path{fill:none;stroke:var(--orange);stroke-width:7;stroke-linecap:round;stroke-dasharray:14 15;filter:drop-shadow(0 0 8px var(--orange));animation:dash 12s linear infinite}.map-pin{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;color:white;font-size:8px;font-weight:900;letter-spacing:.1em}.map-pin b{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--orange);box-shadow:0 0 0 10px rgba(255,90,24,.12)}.pin-restaurant{left:7%;bottom:17%}.pin-customer{right:7%;top:12%}.pin-customer b{color:var(--ink);background:var(--cream);box-shadow:0 0 0 10px rgba(244,238,228,.1)}.map-rider{right:19%;bottom:29%;width:220px;transform:rotate(-14deg)}

/* Commission */
.commission{position:relative;min-height:100svh;display:flex;align-items:center;padding:120px 0;color:var(--cream);background:#160b06;overflow:hidden;isolation:isolate}.commission::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 46%,rgba(255,90,24,.34),transparent 30%),linear-gradient(120deg,#0d0907,#251008 70%,#0c0907)}.commission-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.commission-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:center}.commission-sculpture{position:relative;height:710px;display:flex;align-items:center;perspective:1100px;font-family:var(--display);font-weight:900;letter-spacing:-.12em;line-height:.75}.percent-number{font-size:clamp(280px,33vw,640px);color:var(--orange);text-shadow:-1px -1px 0 #ff995d,15px 18px 0 #b63000,30px 36px 50px rgba(0,0,0,.65);transform:rotateY(12deg) rotateX(-4deg)}.percent-sign{position:absolute;right:0;top:19%;font-size:clamp(140px,14vw,280px);color:#ff8c51;text-shadow:8px 10px 0 #a92b00,20px 25px 35px rgba(0,0,0,.45);transform:rotateY(-12deg)}.percent-shadow{position:absolute;left:10%;bottom:0;color:transparent;font-size:240px;text-shadow:0 0 45px rgba(255,70,5,.35);transform:scaleY(.2) skewX(-32deg);opacity:.45}.commission-copy{position:relative;z-index:3}.commission-copy>small{display:block;color:#c9b9ac;font-size:12px;font-weight:900;letter-spacing:.2em}.commission-copy h2{margin:4px 0 0;color:var(--orange);font-size:clamp(90px,10vw,180px)}.commission-copy>strong{display:block;margin-top:-5px;font:900 clamp(24px,2.5vw,40px)/1 var(--display);letter-spacing:-.04em}.simple-lines{margin:48px 0}.simple-lines span{display:block;padding:13px 0;border-bottom:1px solid var(--line-dark);font-size:15px}.commission .button{color:var(--ink)}

.commission-copy h2{font-size:clamp(72px,5.8vw,106px)}

/* Why */
.why{padding:170px 0;overflow:hidden}.why h2{max-width:920px}.benefit-orbit{position:relative;min-height:690px;margin-top:90px}.benefit-core{position:absolute;top:50%;left:50%;z-index:3;width:220px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:white;background:var(--ink);box-shadow:0 0 0 50px rgba(255,90,24,.09);transform:translate(-50%,-50%)}.benefit-core img{width:88px}.benefit-core span{margin-top:-55px;font-size:11px;font-weight:900;letter-spacing:.13em}.benefit-orbit article{position:absolute;width:230px;padding:19px;border-top:1px solid var(--line);background:rgba(244,238,228,.7)}.benefit-orbit article span{color:var(--orange);font-size:9px;font-weight:900}.benefit-orbit article p{margin:13px 0 0;font:900 23px/1 var(--display);letter-spacing:-.04em}.benefit-orbit article:nth-of-type(1){left:2%;top:12%}.benefit-orbit article:nth-of-type(2){left:30%;top:1%}.benefit-orbit article:nth-of-type(3){right:2%;top:12%}.benefit-orbit article:nth-of-type(4){right:0;top:52%}.benefit-orbit article:nth-of-type(5){right:19%;bottom:1%}.benefit-orbit article:nth-of-type(6){left:22%;bottom:0}.benefit-orbit article:nth-of-type(7){left:0;top:55%}

/* Florence */
.florence-story{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.florence-media{position:absolute;inset:0}.florence-media video{width:100%;height:100%;object-fit:cover}.florence-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,5,.92),rgba(7,6,5,.52) 55%,rgba(7,6,5,.23)),linear-gradient(0deg,rgba(7,6,5,.76),transparent 45%)}.florence-canvas{position:absolute;inset:0;width:100%;height:100%}.florence-copy{position:relative;z-index:3;padding:140px 0}.florence-copy h2{max-width:780px}.florence-copy>p:not(.eyebrow){max-width:610px;color:#c0b5ab;font-size:20px;line-height:1.6}.coordinates{display:flex;align-items:center;gap:20px;width:min(520px,100%);margin-top:60px;color:#9c9289;font-size:10px;font-weight:900;letter-spacing:.17em}.coordinates i{flex:1;height:1px;background:var(--orange)}

/* Onboarding */
.onboarding{padding:160px 0;overflow:hidden}.onboarding h2{max-width:1040px}.onboard-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:110px}.onboard-flow>svg{position:absolute;top:16px;left:0;width:100%;height:130px}.onboard-flow>svg path{fill:none;stroke:rgba(255,90,24,.44);stroke-width:2;stroke-dasharray:7 8}.onboard-flow article{position:relative;z-index:2;padding-top:5px}.onboard-flow article>span{display:block;color:var(--orange);font-size:11px;font-weight:900}.onboard-flow article i{display:block;width:19px;height:19px;margin:45px 0 55px;border:5px solid var(--cream);border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px var(--orange),0 0 0 12px rgba(255,90,24,.1)}.onboard-flow h3{max-width:250px;font:900 28px/1.05 var(--display);letter-spacing:-.05em}

/* FAQ */
.faq{padding:160px 0}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.faq h2{font-size:clamp(55px,6vw,100px)}.faq-list{border-top:1px solid var(--line-dark)}.faq-item{border-bottom:1px solid var(--line-dark)}.faq-item h3{margin:0}.faq-item button{width:100%;padding:29px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--cream);border:0;background:transparent;text-align:left;cursor:pointer;font-size:20px;font-weight:750}.faq-item button i{position:relative;flex:0 0 34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.faq-item button i::before,.faq-item button i::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1px;background:var(--orange);transform:translate(-50%,-50%);transition:transform .3s}.faq-item button i::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item button[aria-expanded="true"] i::after{transform:translate(-50%,-50%) rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.faq-answer p{min-height:0;overflow:hidden;max-width:700px;margin:0;color:#a59a91;font-size:16px;line-height:1.7}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding-bottom:30px}

/* Form */
.partner-form{padding:160px 0}.form-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.form-copy h2{font-size:clamp(60px,7vw,115px)}.form-copy>p:not(.eyebrow){max-width:460px;color:#6b625b;font-size:18px}.form-route{display:flex;align-items:center;gap:13px;margin-top:50px;color:#796f67;font-size:8px;font-weight:900;letter-spacing:.13em}.form-route i{width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(255,90,24,.1)}.form-route i:nth-of-type(2){background:var(--ink);box-shadow:none}.partner-form form{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px;align-content:start}.partner-form label{position:relative;display:block}.partner-form label span{position:absolute;top:18px;left:0;color:#796f66;font-size:11px;font-weight:700;pointer-events:none;transition:.2s}.partner-form input,.partner-form textarea{width:100%;padding:35px 0 12px;border:0;border-bottom:1px solid #9e9388;border-radius:0;outline:0;background:transparent;resize:vertical}.partner-form input:focus,.partner-form textarea:focus{border-color:var(--orange)}.partner-form label:focus-within span{color:var(--orange)}.partner-form .full{grid-column:1/-1}.partner-form .button{margin-top:17px;border:0;cursor:pointer}.form-note{margin:0;color:#80766d;font-size:10px}.form-success{display:flex;align-items:center;gap:13px;padding:17px;color:#236d40;border:1px solid #8bc79e;border-radius:12px;background:#dff0e3}.form-success strong{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:white;background:#3c9b5b}.partner-form input[aria-invalid="true"]{border-color:#c43d2d}.partner-form input[aria-invalid="true"]+span{color:#c43d2d}

/* Final */
.form-status{display:flex;align-items:center;gap:13px;padding:17px;color:#5c2b12;border:1px solid rgba(255,90,24,.5);border-radius:12px;background:#ffe5d5}.form-status strong{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:white;background:var(--orange);font-family:serif;font-style:italic}.form-error{margin:0;padding:12px 14px;color:#8d2418;border-left:3px solid #c43d2d;background:#f8ded7}.partner-form input[aria-invalid="true"],.partner-form textarea[aria-invalid="true"]{border-color:#c43d2d}

.final-cta{position:relative;min-height:94svh;display:flex;align-items:center;overflow:hidden}.final-copy{position:relative;z-index:5;text-align:center}.final-copy .eyebrow{justify-content:center}.final-copy h2{max-width:1100px;margin-inline:auto;font-size:clamp(65px,8.2vw,145px)}.final-copy>p{color:#b8aea5;font-size:21px}.final-copy>div{display:flex;justify-content:center;gap:12px;margin-top:42px}.final-city{position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,#4b1d0a,#15100c 50%,#070605 86%)}.final-city>i{position:absolute;bottom:0;left:calc(var(--i)*9% - 4%);width:12%;height:calc(18% + (var(--i)*17px));background:linear-gradient(110deg,#2d211a,#110e0b);clip-path:polygon(0 15%,50% 0,100% 15%,100% 100%,0 100%)}.final-city>i::after{content:"";position:absolute;inset:35% 15%;background:repeating-linear-gradient(90deg,#ff9b50 0 5px,transparent 5px 17px);opacity:.36}.city-glow{position:absolute;left:50%;bottom:-20%;width:80%;height:55%;border-radius:50%;background:rgba(255,81,8,.2);filter:blur(90px);transform:translateX(-50%)}.final-city>svg{position:absolute;inset:auto 0 0;width:100%;height:60%}.final-city>svg path{fill:none;stroke:var(--orange);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 18px var(--orange));stroke-dasharray:12 16;animation:dash 15s linear infinite}.final-rider{left:7%;bottom:4%;width:330px;opacity:.52;transform:rotate(-4deg)}

/* Footer */
.site-footer{padding:75px 0 35px;color:var(--cream);background:#050504;border-top:1px solid var(--line-dark)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:65px}.brand--footer{font-size:28px}.brand--footer img{width:48px;height:48px}.footer-grid>div:first-child>p{max-width:320px;margin-top:22px;color:#827a72}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:9px 17px;font-size:12px}.site-footer nav a{display:inline-flex;min-height:32px;align-items:center}.site-footer nav a:hover{color:var(--orange)}.footer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-actions button,.footer-legal button{display:inline-flex;min-height:32px;align-items:center;padding:0;color:#b0a69e;border:0;background:transparent;cursor:pointer;font-size:12px}.footer-actions button:hover,.footer-legal button:hover{color:var(--orange)}.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:30px;border-top:1px solid var(--line-dark)}.footer-legal span{margin-left:auto;color:#5f5954;font-size:10px}

.toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:380px;padding:16px 19px;color:white;border-left:3px solid var(--orange);border-radius:10px;background:#1e1a17;box-shadow:0 18px 50px rgba(0,0,0,.3);font-size:13px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}.toast.is-visible{opacity:1;transform:none}.context-cursor{position:fixed;left:0;top:0;z-index:300;width:72px;height:72px;display:grid;place-items:center;color:white;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(15,12,10,.42);backdrop-filter:blur(7px);font-size:7px;font-weight:900;letter-spacing:.12em;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .2s,transform .2s}.context-cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.reveal{animation:revealIn .9s var(--ease) both}.reveal--delay{animation-delay:.18s}

@keyframes revealIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes riderFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
@keyframes wheelSpin{to{rotate:360deg}}
@keyframes pulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.15);opacity:1}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dash{to{stroke-dashoffset:-180}}

/* Adaptive rendering tiers */
html[data-render-tier="medium"] .scene-haze,html[data-render-tier="medium"] .commission-noise{display:none}html[data-render-tier="medium"] .rider-vehicle .wheel{animation-duration:4s}html[data-render-tier="low"] .route-canvas,html[data-render-tier="low"] .delivery-canvas,html[data-render-tier="low"] .florence-canvas{display:none}html[data-render-tier="low"] .hero-scene{background:url('/public/assets/video/ORDER_DELIVERY_VIDEO_POSTER.svg') center/cover}html[data-render-tier="low"] .scene-sun,html[data-render-tier="low"] .city-layer,html[data-render-tier="low"] .duomo,html[data-render-tier="low"] .road-plane{display:none}

@media (max-width: 1240px) {
  :root{--container:min(1120px,calc(100vw - 48px))}
  .desktop-nav{display:none}.header-actions>.text-action{display:none}.menu-toggle{display:flex}.mobile-menu{position:fixed;top:90px;right:24px;left:24px;padding:25px;color:var(--cream);border:1px solid var(--line-dark);border-radius:22px;background:rgba(13,11,9,.97);box-shadow:0 30px 70px rgba(0,0,0,.4)}.mobile-menu.is-open{display:block}.mobile-menu nav{display:grid;gap:20px}.mobile-menu a{font-size:18px;font-weight:800}.mobile-menu .button{margin-top:6px;font-size:11px}.site-header.is-scrolled .mobile-menu{color:var(--cream)}
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero h1{font-size:clamp(62px,6.6vw,88px)}.hero-scene{min-height:520px}.hero-rider{right:4%;width:42%}.journey-layout{grid-template-columns:1.2fr .8fr;gap:40px}.problem-grid{gap:5vw}.chapter-grid{grid-template-columns:.8fr 1.2fr}.device-universe{height:680px}.benefit-orbit article{width:200px}.benefit-orbit article p{font-size:20px}
  .control-stage{grid-template-columns:minmax(0,.68fr) minmax(210px,.56fr) minmax(330px,1fr);padding:28px;gap:10px}.channel-stack{gap:15px}.channel-cluster:nth-child(2){margin-left:22px}.channel-cluster:nth-child(3){margin-left:8px}.channel-cluster:nth-child(4){margin-left:34px}.channel-cluster:nth-child(5){margin-left:16px}.channel-node{width:135px}.channel-signal{width:98px}.control-router{padding-inline:6px}.control-router .control-zone-label{left:8px;right:8px}.control-ledger{padding:18px 20px}
}

@media (max-width: 900px) {
  :root{--container:calc(100vw - 40px)}
  h2{font-size:clamp(50px,12vw,88px)}
  .hero-cinematic{min-height:100svh}.hero-cinematic .hero-pin{position:relative;height:auto;min-height:100svh;overflow:hidden}.hero-cinematic .cinematic-media,.hero-cinematic .cinematic-dashboard,.hero-cinematic .cinematic-order-signal,.hero-cinematic .cinematic-route,.hero-cinematic .cinematic-meter{display:none}.hero-cinematic .hero-visual{visibility:visible;pointer-events:auto}.hero-cinematic .hero-content{opacity:1;transform:none}
  .hero-grid{display:block;padding-top:150px}.hero-content{max-width:700px}.hero h1{font-size:clamp(64px,12vw,105px)}.hero-visual{margin-top:65px}.hero-scene{min-height:0;aspect-ratio:1.15}.hero-bottom{display:none}
  .journey-layout{display:block}.journey-visual-wrap{display:none}.journey-steps{margin-top:0;padding-bottom:0}.journey-step{min-height:0;grid-template-columns:40px 1fr;gap:12px 16px;align-content:start;padding:0 0 58px;border-top:0;opacity:1;transform:none;background:none}.journey-step-picture{display:block;grid-column:1/-1;aspect-ratio:16/9;margin:0 0 14px;overflow:hidden;border:1px solid var(--line-dark);border-radius:24px;background:#100b08}.journey-step-picture img{display:block;width:100%;height:100%;object-fit:cover}.journey-step>div{padding:0;background:none;backdrop-filter:none;border-radius:0}.journey-step:last-of-type{border-bottom:0}.journey-steps>.button{position:relative;z-index:1;margin-top:4px}
  .film-frame{width:calc(100vw - 24px);height:760px;min-height:0}.film-copy{width:70vw}.problem-grid,.product-copy,.food-heading,.delivery-grid,.faq-grid,.form-grid{grid-template-columns:1fr}.problem-copy{padding-top:0}.chapter{min-height:auto}.chapter-grid{grid-template-columns:1fr}.chapter-visual{min-height:520px}.chapter-copy h2{font-size:clamp(62px,12vw,100px)}.product-copy>p:last-child,.food-heading>p{max-width:560px}.device-universe{height:640px}.desktop-device{left:0;width:85%}.tablet-device{right:0;width:31%}.phone-device{right:18%;width:22%}.food-grid{grid-auto-rows:240px}.food-card--1{grid-column:span 12}.food-card--2,.food-card--3,.food-card--4,.food-card--5,.food-card--missing{grid-column:span 6}.delivery-copy{max-width:650px}.delivery-world{margin-top:30px}.commission-grid{grid-template-columns:1fr}.commission-sculpture{height:420px;justify-content:center}.percent-number{font-size:min(55vw,460px)}.percent-sign{right:8%;top:8%}.commission-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.commission-copy .eyebrow{grid-column:1/-1}.commission-copy>small,.commission-copy h2,.commission-copy>strong{grid-column:1}.commission-copy .simple-lines{grid-column:2;grid-row:2/6;margin:0}.commission-copy .button{grid-column:1;margin-top:35px}.benefit-orbit{min-height:820px}.benefit-core{width:180px}.benefit-orbit article:nth-of-type(2){left:38%}.onboard-flow{grid-template-columns:1fr 1fr}.onboard-flow>svg{display:none}.onboard-flow article{border-top:1px solid var(--line);padding-top:18px}.onboard-flow article i{margin:25px 0}.faq-grid{gap:55px}.form-grid{gap:60px}.final-rider{width:260px}.footer-grid{grid-template-columns:1fr 1fr}.footer-actions{grid-column:2}.footer-legal{grid-column:1/-1}
  .control-stage{--route-progress:1;--route-dash:0;--system-progress:1;--payoff-progress:1;--core-opacity:1;--stream-progress:1;--stream-x:88%;--input-shift:0px;--system-shift:0px;--payoff-shift:0px;min-height:0;padding:26px;grid-template-columns:1fr;gap:26px;border-radius:28px}.control-paths{display:none}.control-inputs{padding:0}.channel-stack{min-height:0;margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.channel-cluster,.channel-cluster:nth-child(n){--jitter-y:0;width:auto;margin:0;display:grid;gap:6px;transform:none;opacity:1}.channel-cluster:nth-child(5){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.channel-node,.channel-signal{width:100%}.control-router{min-height:250px;padding:0;border-inline:0;border-block:1px solid rgba(255,255,255,.09)}.control-router .control-zone-label{top:20px;left:0;right:auto}.merge-corridor{inset:68px 3% 22px}.merge-rails{left:0;width:54%}.merge-junction{left:52%}.single-stream{left:65%;right:0}.control-core{left:53%;width:160px;opacity:1;transform:translate(-50%,-50%)}.control-output{min-height:550px;padding:0}.control-ledger{top:54px;left:0;padding:20px;opacity:1;transform:none}
}

@media (max-width: 600px) {
  :root{--container:calc(100vw - 28px)}
  .site-header{padding-top:10px}.header-inner{min-height:56px;padding:0 7px 0 12px}.brand{font-size:15px}.brand img{width:32px;height:32px}.header-actions{gap:9px}.header-actions>.button{display:none}.language-switch{font-size:10px}.mobile-menu{top:76px;right:14px;left:14px}
  .hero-grid{padding:112px 0 70px}.hero .eyebrow{max-width:300px}.hero h1{font-size:clamp(45px,12.3vw,60px);line-height:.88;letter-spacing:-.065em}.hero h1 span{white-space:nowrap}.hero-copy{font-size:16px}.hero-actions .button{width:100%}.hero-visual{margin-top:34px}.hero-scene{aspect-ratio:.94;border-radius:24px}.scene-sun{width:48%;right:4%}.duomo{left:58%;bottom:39%;width:120px;height:200px}.city-layer i{height:140px}.city-layer--back i{height:190px}.road-plane{height:40%}.hero-rider{right:-2%;bottom:4%;width:58%}.order-pulse{top:18%;left:7%}.scene-status{right:13px;bottom:12px}
  .section-intro{padding:110px 0 60px}.section-intro>p:last-child{font-size:16px}.journey{padding-bottom:90px}.journey-step{grid-template-columns:32px 1fr;gap:10px 12px;padding-bottom:46px}.journey-step-picture{margin-bottom:10px;border-radius:19px}.journey-step h3{font-size:31px}.journey-step p{font-size:14px}
  .order-film{padding-bottom:80px}.film-frame{height:680px;border-radius:22px}.film-frame video{object-position:center}.film-overlay{background:linear-gradient(0deg,rgba(5,4,3,.92),rgba(5,4,3,.15) 70%)}.film-copy{top:auto;right:22px;bottom:128px;left:22px;width:auto;transform:none}.film-copy h2{font-size:53px}.film-copy>p:last-child{font-size:14px}.film-time{right:22px;bottom:76px;left:22px}.film-control{right:22px;bottom:22px}.film-secondary-controls{right:auto;bottom:22px;left:22px}
  .problem,.product,.food,.delivery,.why,.onboarding,.faq,.partner-form{padding:105px 0}.problem-copy>p{font-size:18px}.problem blockquote{font-size:21px}
  .control-stage{margin-top:48px;padding:18px;gap:22px;border-radius:24px}.control-zone-label strong{font-size:9px}.channel-stack{gap:11px 9px}.channel-node{width:100%;padding:7px 9px 7px 7px}.channel-node i{flex-basis:24px;width:24px;height:24px}.channel-node b{font-size:9px}.channel-signal{width:100%;padding:6px 8px}.channel-signal span{font-size:7px}.channel-signal strong{font-size:8px}.control-router{min-height:232px}.merge-corridor{inset:65px 0 16px}.control-core{width:148px;padding:12px;border-radius:16px}.control-core__mark span{flex-basis:32px;width:32px;height:32px}.control-core__mark img{width:23px;height:23px}.control-output{min-height:535px}.control-ledger{padding:16px;border-radius:20px}.control-ledger ol::before{left:51px}.control-ledger li{grid-template-columns:38px 12px 1fr 20px;gap:7px;min-height:42px}.control-ledger li span{font-size:10px}.control-payoff strong{font-size:18px}
  .chapter{padding:100px 0}.chapter-copy h2{font-size:56px}.chapter-visual{min-height:430px}.chapter-phone{width:230px;height:450px;padding:39px 21px;border-radius:38px}.chapter-phone b{font-size:24px}.dashboard-stack{height:400px}.dash-window{inset:5% 0 4%}.dash-columns{grid-template-columns:70px 1fr}.dash-columns aside{padding:22px 10px}.dash-columns aside span,.dash-columns aside b{font-size:8px}.dash-columns main{padding:18px}.order-card{grid-template-columns:1fr;padding:13px}.order-card small{display:none}.growth-network{width:390px}.restaurant-node{width:130px}
  .product-copy{gap:10px}.device-universe{height:520px;margin-top:55px}.desktop-device{width:100%;aspect-ratio:1.05}.partner-ui{grid-template-columns:52px 1fr}.partner-ui aside{padding:10px}.partner-ui main{padding:16px}.partner-ui header strong{font-size:22px}.partner-ui article{grid-template-columns:1fr auto;padding:12px}.partner-ui article span{display:none}.tablet-device{top:49%;width:36%}.phone-device{right:18%;bottom:-3%;width:31%}.asset-note{margin-top:25px;line-height:1.5}
  .food-heading{gap:20px;margin-bottom:45px}.food-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.food-card{flex:0 0 82vw;height:clamp(430px,115vw,500px);scroll-snap-align:center}.food-card--missing{flex-basis:72vw}.food-card h3{font-size:36px}.delivery-world{aspect-ratio:.86}.map-rider{right:4%;bottom:30%;width:180px}.delivery-labels{gap:8px;flex-wrap:wrap}
  .commission{padding:82px 0}.commission-sculpture{height:270px}.percent-number{font-size:62vw}.percent-sign{font-size:28vw}.commission-copy{display:block}.commission-copy .simple-lines{margin:32px 0}.commission-copy h2{font-size:82px}.commission-copy .button{width:100%;margin-top:5px}
  .benefit-orbit{min-height:auto;margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefit-core{position:relative;top:auto;left:auto;grid-column:1/-1;width:150px;margin:0 auto 35px;transform:none}.benefit-orbit article,.benefit-orbit article:nth-of-type(n){position:relative;inset:auto;width:auto;padding:16px;background:#ebe2d7}.benefit-orbit article:last-of-type{grid-column:1/-1}.benefit-orbit article p{font-size:17px}
  .florence-story{min-height:820px}.florence-overlay{background:linear-gradient(0deg,rgba(7,6,5,.96),rgba(7,6,5,.2))}.florence-copy{padding-top:310px}.florence-copy>p:not(.eyebrow){font-size:17px}.onboard-flow{grid-template-columns:1fr;gap:20px;margin-top:60px}.onboard-flow h3{font-size:24px}.faq-item button{font-size:16px}.partner-form form{grid-template-columns:1fr}.partner-form form>*{grid-column:1}.final-cta{min-height:860px}.final-copy h2{font-size:55px}.final-copy>p{font-size:17px}.final-copy>div{flex-direction:column}.final-city>i{width:18%;left:calc(var(--i)*12% - 12%)}.final-rider{left:-10%;width:220px}.footer-grid{grid-template-columns:1fr;gap:40px}.site-footer nav{grid-template-columns:1fr 1fr}.footer-actions{grid-column:1}.footer-legal{grid-column:1;gap:18px}.footer-legal span{width:100%;margin-left:0}.context-cursor{display:none}
}

@media (hover:none), (pointer:coarse){.context-cursor{display:none}.magnetic{transform:none!important}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-cinematic{min-height:100svh}.hero-cinematic .hero-pin{position:relative;height:auto;min-height:100svh}.hero-cinematic .cinematic-media,.hero-cinematic .cinematic-dashboard,.hero-cinematic .cinematic-order-signal,.hero-cinematic .cinematic-route,.hero-cinematic .cinematic-meter{display:none}.hero-cinematic .hero-visual{visibility:visible;pointer-events:auto}.hero-cinematic .hero-content{opacity:1;transform:none}.journey-visual-wrap{position:relative;top:auto}.journey-steps{margin-top:0}.journey-step{min-height:auto;padding:45px 0}.journey-frame:not(:first-child){display:none}.control-stage{--route-progress:1!important;--route-dash:0!important;--system-progress:1!important;--payoff-progress:1!important;--core-opacity:1!important;--stream-progress:1!important;--stream-x:88%!important;--input-shift:0px!important;--system-shift:0px!important;--payoff-shift:0px!important}.control-stage .channel-cluster{opacity:1!important}.route-canvas,.delivery-canvas,.florence-canvas{display:none}.order-film video,.florence-media video{display:none}.film-frame,.florence-media{background:url('/public/assets/video/ORDER_DELIVERY_VIDEO_POSTER.svg') center/cover no-repeat}}

html[data-render-tier="low"] .hero-cinematic{min-height:100svh}html[data-render-tier="low"] .hero-cinematic .hero-pin{position:relative;height:auto;min-height:100svh}html[data-render-tier="low"] .hero-cinematic .cinematic-media,html[data-render-tier="low"] .hero-cinematic .cinematic-dashboard,html[data-render-tier="low"] .hero-cinematic .cinematic-order-signal,html[data-render-tier="low"] .hero-cinematic .cinematic-route,html[data-render-tier="low"] .hero-cinematic .cinematic-meter{display:none}html[data-render-tier="low"] .hero-cinematic .hero-visual{visibility:visible;pointer-events:auto}html[data-render-tier="low"] .hero-cinematic .hero-content{opacity:1;transform:none}