/* Generated from the approved brand resource by sync-brand.mjs. */
:root {
  --ink:#18211B;
  --supporting-green:#65856B;
  --light-green:#EDF3EE;
  --mint:#C5E4CA;
  --canvas:#FFFFFF;
  --charcoal:#231F20;
  --secondary-cream:#F4EEE5;
  --secondary-sand:#E8DFD2;
  --secondary-warm-brown:#2C2824;
  --secondary-muted:#635B54;
  --secondary-separator:#D8CFC2;
  --secondary-on-dark:#EEE5D9;
  --secondary-label-on-dark:#DACDBD;
  --secondary-section-border:#8D8072;
}

@font-face{font-family:"Open Sauce Sans";src:url("/assets/open-sauce-sans-400-normal.woff2?v=6a56250cbd07") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sauce Sans";src:url("/assets/open-sauce-sans-600-normal.woff2?v=2697adb9f238") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sauce Sans";src:url("/assets/open-sauce-sans-700-normal.woff2?v=d19cbced189f") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sauce Sans";src:url("/assets/open-sauce-sans-800-normal.woff2?v=b82b00179b14") format("woff2");font-weight:800;font-style:normal;font-display:swap}
:root {
  --muted:#59635c; --line:#e2e7e2; --outline:#7d887f; --paper:#f6f8f6;
  --radius-control:0; --radius-panel:4px; --radius-dialog:8px; --radius-support:12px; --radius-badge:999px;
  --radius-card:24px;
  color-scheme:light; font-family:"Open Sauce Sans",Arial,sans-serif; font-synthesis:none; color:var(--charcoal); background:var(--canvas);
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-block-start:110px; }
body { margin:0; font-size:16px; line-height:1.5; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-weight:700; }
h1,h2 { text-wrap:balance; }
h1 { line-height:1.06; letter-spacing:-.04em; }
h2 { line-height:1.13; letter-spacing:-.03em; }
h3 { line-height:1.3; letter-spacing:-.02em; }
p { color:var(--muted); line-height:1.75; }
p strong { color:var(--charcoal); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { color:inherit; }
img { display:block; max-width:100%; height:auto; }
svg { display:block; max-width:100%; }
:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
[hidden] { display:none!important; }
[lang="ar"] { font-family:Tahoma,Arial,sans-serif; letter-spacing:normal; }
.wrap { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; inset-block-start:10px; inset-inline-start:16px; z-index:100; padding:14px 20px; border-radius:var(--radius-control); background:var(--ink); color:#fff; translate:0 -160%; }
.skip-link:focus { translate:0; outline-color:#fff; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:56px; min-width:44px; padding:15px 28px; border:1px solid var(--ink); border-radius:var(--radius-control); background:var(--ink); color:#fff; font-size:16px; font-weight:600; line-height:1.5; transition:background .18s,translate .18s; }
.button:hover { background:#2b392f; translate:0 -2px; }
.button-small { min-height:48px; padding:12px 22px; font-size:16px; gap:22px; }
.button-outline { background:transparent; border-color:var(--outline); color:var(--ink); }
.button-outline:hover { background:var(--paper); }
.button span { flex-shrink:0; }
.text-link,.card-link,.back-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; min-width:44px; padding-block:10px; color:var(--ink); font-size:16px; font-weight:600; line-height:1.5; }
.text-link:hover,.card-link:hover,.back-link:hover { text-decoration:underline; text-underline-offset:5px; }
.text-link span,.card-link span { transition:translate .18s; }
.text-link:hover span,.card-link:hover span { translate:2px -2px; }
.eyebrow { color:var(--ink); font-size:16px; line-height:1.5; margin-block-end:22px; }
.highlight { position:relative; isolation:isolate; white-space:normal; }
.highlight::after { content:""; position:absolute; inset-inline:-.025em; inset-block-end:.055em; z-index:-1; height:.18em; background:var(--mint); border-radius:var(--radius-panel); rotate:-2deg; }
.sketch,.sketch-icon { width:100%; height:auto; }
/* Large illustration fills are quiet; mint stays on small confirmation details. */
[data-sketch] [fill="#c5e4ca"] { fill:var(--light-green); }
[data-sketch="chart"] [fill="#c5e4ca"] { fill:var(--supporting-green); }
[data-sketch="spark"] [fill="#c5e4ca"],
.sk-phone-confirm [fill="#c5e4ca"],.sk-receipt-stamp [fill="#c5e4ca"] { fill:var(--mint); }
.visual-stage.menu-stage { background:var(--light-green); }

/* Shared navigation */
.site-header { position:sticky; inset-block-start:0; z-index:50; border-block-end:1px solid var(--line); background:rgb(255 255 255 / 97%); }
.header-inner { display:flex; align-items:center; gap:36px; min-height:90px; }
.brand { display:inline-flex; align-items:center; min-height:52px; min-width:44px; flex-shrink:0; }
.brand img { width:160px; height:auto; direction:ltr; }
.desktop-nav { display:flex; align-items:center; gap:28px; margin-inline-start:24px; font-weight:600; }
.desktop-nav>a { position:relative; display:flex; align-items:center; justify-content:center; min-height:48px; min-width:44px; padding-block:12px; font-size:16px; }
.desktop-nav>a::after { content:""; position:absolute; inset-inline:0; inset-block-end:6px; height:3px; border-radius:0; background:transparent; }
.desktop-nav>a:hover::after { background:var(--line); }
.desktop-nav>a[aria-current="page"]::after { background:var(--mint); }
.header-actions { display:flex; align-items:center; gap:24px; margin-inline-start:auto; }
.sign-in { display:flex; align-items:center; min-height:48px; min-width:44px; font-size:16px; }
.sign-in:hover { text-decoration:underline; text-underline-offset:4px; }
.mobile-menu { display:none; }

/* Home */
.home-hero { position:relative; isolation:isolate; min-height:720px; padding-block:80px 40px; text-align:center; }
.home-hero>:not(.hero-art,.hero-spark) { position:relative; z-index:1; }
.home-hero .eyebrow { margin-block-end:22px; }
.home-hero h1 { max-width:760px; margin-inline:auto; font-size:clamp(84px,8.2vw,118px); line-height:1.02; }
.hero-description { font-size:20px; line-height:1.6; max-width:500px; }
.home-hero .hero-description { margin:26px auto 0; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-block-start:28px; }
.home-hero .hero-actions { justify-content:center; }
.hero-note { font-size:16px; margin-block-start:18px; }
.hero-art { position:absolute; z-index:0; pointer-events:none; }
.hero-art-chef { width:220px; inset-inline-start:1%; inset-block-start:210px; rotate:-7deg; }
.hero-art-phone { width:207px; inset-inline-end:1%; inset-block-start:156px; rotate:12deg; }
.scribble-note { display:block; font-size:16px; font-style:italic; line-height:1.5; margin-block-start:4px; }
.hero-spark { position:absolute; z-index:0; width:60px; inset-inline-start:16%; inset-block-start:72px; }
.scroll-cue { display:inline-flex; align-items:center; justify-content:center; min-height:44px; gap:14px; margin-block-start:48px; font-size:16px; }
.scroll-cue:hover { text-decoration:underline; text-underline-offset:4px; }
.benefits { padding-block-start:34px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-block-end:44px; }
.section-heading h2 { font-size:clamp(34px,3.4vw,43px); }
.section-heading .eyebrow { margin-block-end:18px; }
.section-heading>p:not(.eyebrow) { font-size:16px; max-width:320px; padding-block-end:4px; }
.section-heading:has(>.eyebrow) { display:block; }
.section-heading:has(>.eyebrow)>p:last-child:not(.eyebrow) { max-width:660px; padding:0; margin-block-start:18px; font-size:16px; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.benefit-card { border:1px solid var(--line); border-radius:var(--radius-card); background:var(--paper); overflow:hidden; }
.benefit-photo { position:relative; aspect-ratio:1.16; overflow:hidden; background:var(--paper); }
.benefit-photo img { width:100%; height:100%; object-fit:cover; transition:scale .2s; }
.benefit-card:hover .benefit-photo img { scale:1.025; }
.photo-tag { position:absolute; inset-inline-start:20px; inset-block-start:20px; padding:7px 12px; border:1px solid var(--line); border-radius:var(--radius-badge); background:rgb(255 255 255 / 96%); font-size:16px; line-height:1.5; }
.benefit-copy { padding:28px 28px 22px; }
.benefit-copy h3 { font-size:23px; }
.benefit-copy p { margin-block-start:14px; font-size:16px; line-height:1.75; }
.card-link { min-height:48px; margin-block-start:14px; font-size:16px; }
.device-strip { display:flex; justify-content:space-between; align-items:center; gap:24px; border-block-end:1px solid var(--line); padding-block:44px; margin-block-start:20px; }
.device-strip>p { font-size:16px; color:var(--ink); }
.device-strip>div { display:flex; flex-wrap:wrap; gap:38px; }
.device-strip span { font-size:16px; color:var(--muted); }
.chapter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:100px; align-items:center; padding-block:100px; }
.chapter-spacing { padding-block:100px; }
.chapter-copy { min-width:0; }
.chapter-copy h2 { font-size:clamp(40px,4.7vw,58px); margin-block-end:28px; }
.chapter-copy>p:not(.eyebrow) { font-size:16px; line-height:1.8; max-width:500px; margin-block-end:20px; }
.chapter-copy .text-link { margin-block-start:6px; }
.chapter-copy ul { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:14px; }
.chapter-copy li { position:relative; padding-inline-start:26px; font-size:16px; line-height:1.75; color:var(--muted); }
.chapter-copy li::before { content:"✓"; position:absolute; inset-inline-start:0; color:var(--ink); }
.chapter-reverse .visual-stage { order:-1; }
.story-links { display:flex; flex-wrap:wrap; gap:6px 26px; }
.visual-stage { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; min-height:510px; padding:62px 36px 58px; border-radius:var(--radius-panel); background:var(--paper); overflow:hidden; }
.scene-label { position:absolute; inset-inline:24px; inset-block-start:26px; text-align:center; font-size:16px; line-height:1.5; }
.demo-label { position:absolute; inset-inline:24px; inset-block-end:18px; color:var(--muted); font-size:16px; line-height:1.5; text-align:center; }
.menu-stage::before { content:""; position:absolute; width:320px; height:320px; background:var(--mint); opacity:.42; border-radius:50%; }
.menu-mockup { position:relative; width:285px; max-width:100%; background:#fff; border:6px solid var(--ink); border-radius:var(--radius-support); padding:18px; rotate:-7deg; }
.mockup-top { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.mockup-top span:first-child { font-size:31px; font-weight:600; letter-spacing:-.07em; }
.mockup-top span:last-child { font-size:16px; white-space:nowrap; }
.mockup-tagline { font-size:16px; margin-block-start:3px; }
.menu-tabs { display:flex; align-items:center; gap:9px; justify-content:space-between; margin-block:22px 16px; font-size:16px; }
.menu-tabs>span:first-child { padding:5px 8px; background:var(--mint); border-radius:var(--radius-control); white-space:nowrap; }
.menu-dish { background:var(--paper); border-radius:var(--radius-panel); padding:8px 10px 12px; margin-block-end:10px; }
.menu-dish .sketch-icon { height:130px; }
.dish-label { display:block; font-size:16px; line-height:1.5; font-weight:600; }
.dish-description { display:block; color:var(--muted); font-size:16px; line-height:1.5; margin-block-start:4px; }
.menu-product { display:flex; justify-content:space-between; gap:12px; padding-block:12px; border-block-end:1px solid var(--line); font-size:16px; }
.mockup-footer { color:var(--muted); text-align:center; font-size:16px; margin-block-start:16px; }
.scene-note { position:absolute; inset-inline-end:24px; inset-block-start:48%; font-size:16px; font-style:italic; line-height:1.5; rotate:8deg; }
.scene-note .sketch-icon { width:48px; margin:14px auto 0; }
.kitchen-stage { padding-inline:46px; }
.order-board { position:relative; width:430px; max-width:100%; padding:20px; border:2px solid var(--ink); border-radius:var(--radius-panel); background:#fff; rotate:-4deg; }
.board-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.board-top strong { font-size:16px; letter-spacing:-.03em; }
.board-top span { font-size:16px; color:var(--muted); }
.board-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-block-start:24px; }
.board-columns>div>p { color:var(--ink); font-size:16px; margin-block-end:10px; }
.order-slip { padding:16px 13px; border:1px solid var(--line); border-radius:var(--radius-panel); background:var(--paper); }
.order-slip>span:first-child { font-size:16px; color:var(--muted); }
.order-slip>strong { display:block; font-size:16px; margin-block:8px 12px; }
.order-slip>p { font-size:16px; line-height:1.8; margin-block-end:18px; }
.order-state { display:inline-block; padding:4px 8px; border-radius:var(--radius-badge); background:var(--mint); font-size:16px; }
.board-chef { position:absolute; width:170px; height:170px; inset-inline-end:-12px; inset-block-end:42px; }
.setup-section { padding-block-start:64px; }
.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; list-style:none; padding:0; margin:48px 0 0; }
.steps li { position:relative; border-block-start:1px solid var(--line); padding-block-start:30px; }
.step-number { display:grid; place-items:center; width:44px; height:44px; border-radius:var(--radius-badge); background:var(--paper); font-size:16px; margin-block-end:24px; }
.steps .sketch-icon { position:absolute; width:90px; height:90px; inset-inline-end:0; inset-block-start:20px; }
.steps h3 { font-size:24px; margin-block:44px 16px; }
.steps p { font-size:16px; max-width:320px; }
.home-plans { background:var(--paper); padding-block:100px; margin-block:24px 0; }
.home-plans-inner { display:grid; grid-template-columns:1fr; gap:48px; }
.home-plans h2 { font-size:clamp(40px,4.7vw,58px); }
.home-plans-inner>div:first-child>p:not(.eyebrow) { font-size:16px; margin-block:26px 30px; max-width:430px; }
.plan-preview { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding-block:20px; min-width:0; }
.plan-preview>div { padding:32px 24px; border:1px solid var(--line); border-radius:var(--radius-panel); background:#fff; rotate:-5deg; }
.plan-preview>div:nth-child(2) { background:var(--mint); rotate:6deg; }
.plan-preview>div>span { font-size:20px; font-weight:600; }
.plan-preview strong { display:block; font-size:44px; font-weight:600; letter-spacing:-.07em; margin-block:26px 18px; white-space:nowrap; }
.plan-preview small { font-size:16px; letter-spacing:0; font-weight:400; margin-inline-start:4px; }
.plan-preview p { font-size:16px; line-height:1.7; color:var(--ink); }
.plan-spark { position:absolute; width:90px; height:90px; inset-inline-start:-32px; inset-block-start:-54px; }

/* Features and illustrative product scenes */
.page-hero { padding-block:88px 78px; text-align:center; }
.page-hero h1 { font-size:clamp(60px,6.5vw,92px); max-width:1050px; margin-inline:auto; }
.page-hero>p:not(.eyebrow) { max-width:650px; margin:26px auto 0; font-size:18px; line-height:1.75; }
.page-hero>.button { margin-block-start:30px; }
.page-hero .hero-actions { justify-content:center; }
.detail-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:center; padding-block:78px 104px; }
.detail-hero h1 { font-size:clamp(58px,5.5vw,80px); line-height:1.09; }
.detail-hero .eyebrow { margin-block-end:18px; }
.detail-hero .hero-description { font-size:18px; margin-block-start:24px; }
.detail-hero .hero-actions { gap:22px; }
.detail-hero .visual-stage { min-height:550px; }
.back-link { font-size:16px; margin-block-end:24px; }
[dir="rtl"] .back-link>span { scale:-1 1; }
.feature-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding-block-end:100px; }
.feature-tile { display:block; border:1px solid var(--line); border-radius:var(--radius-panel); overflow:hidden; background:#fff; }
.tile-visual { position:relative; display:grid; place-items:center; height:300px; padding:36px; background:var(--paper); }
.tile-visual .sketch-icon { width:225px; height:225px; transition:rotate .18s,translate .18s; }
.tile-arrow { position:absolute; display:grid; place-items:center; inset-block-start:28px; inset-inline-end:28px; width:44px; height:44px; border:1px solid var(--line); border-radius:var(--radius-control); background:#fff; font-size:21px; }
.tile-copy { padding:36px; }
.tile-copy .eyebrow { font-size:16px; margin-block-end:20px; }
.tile-copy h2 { font-size:38px; margin-block-end:22px; }
.tile-copy>p:not(.eyebrow) { font-size:16px; line-height:1.75; max-width:460px; }
.tile-copy>.text-link { margin-block-start:20px; }
.feature-tile:hover .tile-visual .sketch-icon { rotate:-4deg; translate:0 -4px; }
.feature-tile:hover .text-link,.related-card:hover .text-link { text-decoration:underline; text-underline-offset:5px; }
.feature-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px; }
.feature-point { border-block-start:1px solid var(--line); padding-block-start:28px; }
.feature-point>.sketch-icon { width:110px; height:110px; margin-block:-4px 22px; }
.feature-point h3 { font-size:24px; margin-block-end:16px; }
.feature-point p { font-size:16px; line-height:1.8; max-width:350px; }
.related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.related-card { display:block; padding:30px; border:1px solid var(--line); border-radius:var(--radius-panel); }
.related-card>.sketch-icon { width:105px; height:105px; }
.related-card h3 { font-size:23px; margin-block:18px 14px; }
.related-card p { font-size:16px; line-height:1.75; }
.related-card>.text-link { font-size:16px; margin-block-start:18px; }
.demo-window { position:relative; width:430px; max-width:100%; border:2px solid var(--ink); border-radius:var(--radius-panel); background:#fff; overflow:hidden; rotate:-3deg; }
.demo-phone { width:300px; border-width:6px; border-radius:var(--radius-support); }
.demo-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; border-block-end:1px solid var(--line); padding:18px 20px; font-size:16px; font-weight:600; line-height:1.5; }
.demo-bar>.sketch-icon { width:36px; height:36px; flex-shrink:0; }
.demo-phone .demo-bar { font-size:16px; padding-inline:16px; }
.demo-body { padding:25px; font-size:16px; }
.demo-body h3 { font-size:27px; line-height:1.2; letter-spacing:-.045em; margin-block:16px 22px; }
.demo-body p { font-size:16px; line-height:1.7; margin-block-start:12px; }
.demo-badge { display:inline-flex; padding:5px 8px; background:var(--mint); border-radius:var(--radius-badge); font-size:16px; line-height:1.5; font-weight:600; color:var(--ink); }
.demo-row { display:flex; justify-content:space-between; align-items:baseline; gap:14px; font-size:16px; line-height:1.5; padding-block:8px; }
.demo-row strong { font-weight:600; }
.demo-row>:last-child { text-align:end; }
.demo-categories { gap:7px; font-size:16px; margin-block-end:16px; }
.demo-categories>span { padding:5px 7px; background:var(--paper); border-radius:var(--radius-control); white-space:nowrap; }
.demo-categories>span:first-child { background:var(--mint); }
.demo-phone .demo-body { padding:20px 18px; }
.demo-phone .demo-body h3 { font-size:24px; margin-block:14px 18px; }
.demo-menu-item { display:flex; align-items:center; gap:12px; }
.demo-menu-item>.sketch-icon { width:76px; height:76px; flex-shrink:0; }
.demo-menu-item>div { min-width:0; }
.demo-menu-item strong { font-size:16px; line-height:1.5; }
.demo-menu-item p { font-size:16px; line-height:1.5; margin-block:6px 8px; }
.demo-menu-item .demo-badge { font-size:16px; padding:4px 6px; }
.demo-rule { height:1px; background:var(--line); margin-block:12px; }
.demo-footer { border:1px solid var(--line); background:var(--paper); border-radius:var(--radius-control); padding:12px; min-height:44px; margin-block-start:20px; text-align:center; font-size:16px; line-height:1.5; font-weight:600; }
.demo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:18px; }
.demo-ticket { min-width:0; border:1px solid var(--line); border-radius:var(--radius-panel); padding:14px; background:var(--paper); }
.demo-ticket .demo-row { flex-wrap:wrap; font-size:16px; gap:6px; margin-block-end:12px; padding:0; }
.demo-ticket .demo-badge { font-size:16px; }
.demo-ticket p { font-size:16px; }
.demo-ticket small { font-size:16px; color:var(--muted); }
.demo-ticket .demo-footer { background:var(--mint); padding:8px; min-height:35px; font-size:16px; }
.demo-chart { height:12px; background:var(--paper); border-radius:var(--radius-panel); margin-block:4px 18px; overflow:hidden; }
.demo-chart>span { display:block; height:100%; background:var(--supporting-green); border-radius:var(--radius-panel); transform-origin:left; }
.demo-chart .bar-long { width:86%; }
.demo-chart .bar-medium { width:64%; }
.demo-chart .bar-short { width:42%; }
[dir="rtl"] .demo-chart>span { transform-origin:right; }
.demo-body .demo-note { font-size:16px; margin-block-start:20px; }
.demo-translation[dir="rtl"] { text-align:start; }
.demo-translation[dir="rtl"] h3 { font-size:25px; }
.demo-step { display:flex; align-items:start; gap:15px; padding-block:16px; }
.demo-step+.demo-step { border-block-start:1px solid var(--line); }
.demo-step>span { display:grid; place-items:center; width:32px; height:32px; border-radius:var(--radius-badge); background:var(--paper); font-size:16px; flex-shrink:0; }
.demo-step strong { font-size:16px; line-height:1.5; }
.demo-step p { font-size:16px; margin-block-start:6px; }

/* Pricing, company, and contact */
.pricing-section { background:var(--paper); padding-block:64px 78px; }
.pricing-heading { text-align:center; }
.pricing-heading h2 { font-size:48px; }
.pricing-heading>p { font-size:17px; margin-block-start:16px; }
.billing-toggle { display:none; width:fit-content; max-width:100%; gap:4px; border:1px solid var(--line); border-radius:var(--radius-control); background:#fff; padding:5px; margin:32px auto 40px; }
.billing-toggle[data-ready] { display:flex; }
.billing-toggle label { position:relative; cursor:pointer; }
.billing-toggle input { appearance:none; position:absolute; inset:0; width:100%; height:100%; margin:0; cursor:pointer; border-radius:var(--radius-control); }
.billing-toggle label>span { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 24px; border-radius:var(--radius-control); font-size:16px; line-height:1.5; }
.billing-toggle input:checked+span { background:var(--ink); color:#fff; }
.billing-toggle input:focus-visible { outline-offset:2px; }
.billing-toggle small { padding:4px 7px; border-radius:var(--radius-badge); background:var(--mint); color:var(--ink); font-size:16px; white-space:nowrap; }
.pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:950px; margin-inline:auto; }
.plan { padding:40px; border:1px solid var(--line); border-radius:var(--radius-panel); background:#fff; }
.plan-pro { border-color:var(--outline); }
.plan-label { font-size:16px; margin-block-end:18px; }
.plan-top { display:flex; justify-content:space-between; align-items:start; gap:14px; }
.plan-badge { padding:5px 10px; border-radius:var(--radius-badge); background:var(--mint); font-size:16px; line-height:1.5; white-space:nowrap; }
.plan h3 { font-size:34px; margin-block-end:14px; }
.plan-description { font-size:16px; }
.plan-price { display:flex; align-items:baseline; gap:8px; color:var(--ink); margin-block-start:30px; }
.plan-price strong { font-size:72px; font-weight:600; line-height:1.1; letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.plan-price .currency { font-size:30px; }
.plan-price>span:last-child { color:var(--muted); font-size:16px; }
.billing-note { font-size:16px; min-height:24px; margin-block-start:8px; }
.plan>.button { width:100%; justify-content:space-between; margin-block-start:30px; gap:14px; padding-inline:24px; }
.plan-features { list-style:none; padding:26px 0 0; margin:26px 0 0; border-block-start:1px solid var(--line); display:grid; gap:14px; }
.plan-features li { display:flex; align-items:start; gap:12px; font-size:16px; line-height:1.6; }
.plan-features li::before { content:"✓"; font-weight:600; }
.plan>.text-link { font-size:16px; margin-block-start:18px; }
.pricing-footnote { max-width:680px; margin:28px auto 0; text-align:center; font-size:16px; }
.comparison { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:var(--radius-panel); }
.comparison table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:16px; }
.comparison th,.comparison td { padding:20px 22px; border-block-end:1px solid var(--line); text-align:center; overflow-wrap:break-word; }
.comparison th:first-child { width:48%; text-align:start; }
.comparison thead th { background:var(--paper); font-weight:600; }
.comparison tbody th { font-weight:400; }
.comparison tbody td { color:var(--muted); }
.comparison tr:last-child>* { border-block-end:0; }
.about-statement { text-align:center; border-block:1px solid var(--line); }
.about-statement h2 { font-size:clamp(44px,5.4vw,68px); max-width:1050px; margin:26px auto 0; }
.sketch-large { width:270px; height:270px; }
.sketch-small { position:absolute; width:110px; height:110px; inset-inline-end:35px; inset-block-end:78px; rotate:12deg; }
.visual-note { position:absolute; inset-inline:24px; inset-block-end:26px; text-align:center; font-size:16px; font-style:italic; line-height:1.5; color:var(--ink); }
.contact-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; padding-block-end:20px; }
.contact-card { position:relative; min-width:0; padding:42px; border-radius:var(--radius-panel); background:var(--paper); overflow:hidden; }
.contact-sketch { width:140px; height:140px; margin-block:-12px 28px; }
.contact-card h2 { font-size:40px; margin-block-end:22px; }
.contact-card>p:not(.eyebrow,.contact-note,.contact-address) { font-size:16px; max-width:430px; }
.contact-card>.button { margin-block-start:28px; }
.contact-card>.text-link { display:flex; width:fit-content; margin-block-start:18px; }
.contact-address { margin-block-start:12px; }
.contact-address a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; font-size:16px; }
.contact-address a:hover { text-decoration:underline; text-underline-offset:4px; }
.contact-card .contact-note { max-width:350px; font-size:16px; line-height:1.7; margin-block-start:16px; }
.not-found { min-height:650px; padding-block:64px 72px; text-align:center; }
.not-found-art { width:min(400px,100%); margin:0 auto 28px; color:var(--ink); }
.not-found-art svg { display:block; width:100%; height:auto; }
.not-found-code { margin-block-end:12px; color:var(--muted); font-size:14px; font-weight:600; }
.not-found h1 { font-size:clamp(40px,5vw,64px); }
.not-found-description { margin:20px auto 0; max-width:520px; font-size:18px; line-height:1.7; text-wrap:pretty; }
.not-found-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:16px; margin-block-start:32px; }
.not-found-actions .button { width:256px; }
.not-found-support { margin-block-start:20px; font-size:16px; }
.not-found-support a { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); font-weight:600; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:540px) {
  .not-found { min-height:0; padding-block:40px 48px; }
  .not-found-art { width:min(280px,100%); margin-block-end:24px; }
  .not-found-description { font-size:16px; }
  .not-found-description br { display:none; }
  .not-found-actions { flex-direction:column; align-items:stretch; gap:12px; margin-block-start:24px; }
  .not-found-actions .button { width:100%; }
}

/* Prices stay close to the introduction on the pricing page. */
.page-hero.pricing-hero { padding-block:56px 40px; }
.page-hero.pricing-hero h1 { font-size:clamp(54px,5.7vw,78px); }
.page-hero.pricing-hero .eyebrow { margin-block-end:18px; }
.page-hero.pricing-hero>p:not(.eyebrow) { margin-block-start:20px; font-size:17px; line-height:1.6; }
[data-page="pricing"] .pricing-section { padding-block-start:40px; }
[data-page="pricing"] .pricing-heading>p { margin-block-start:0; }
[data-page="pricing"] .billing-toggle { margin:24px auto 32px; }

/* Native disclosure controls and shared footer */
.faq-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:100px; border-block-start:1px solid var(--line); }
.faq-intro h2,.faq-section>.section-heading h2 { font-size:46px; }
.faq-intro>p:not(.eyebrow) { font-size:16px; margin-block:22px 8px; }
.faq-intro>.text-link { margin-block-start:16px; }
.faq-section>.section-heading { display:block; margin:0; align-self:start; }
.faq-list { min-width:0; }
.faq-list details { border-block-end:1px solid var(--line); }
.faq-list details:first-child { border-block-start:1px solid var(--line); }
.faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:24px; list-style:none; cursor:pointer; min-height:86px; padding-block:24px; font-size:17px; font-weight:600; line-height:1.5; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; border-radius:var(--radius-control); background:var(--paper); font-size:22px; line-height:1; font-weight:400; }
.faq-list details[open]>summary::after { content:"−"; }
.faq-plus { display:none; }
.faq-list details>p { padding-block-end:25px; padding-inline-end:48px; font-size:16px; line-height:1.8; }
.faq-list details>p>a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; text-decoration:underline; text-underline-offset:4px; }
.final-cta { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); align-items:center; gap:60px; padding:68px; border-radius:var(--radius-panel); background:var(--paper); margin-block:72px 80px; overflow:hidden; }
.final-cta h2 { font-size:clamp(42px,4.7vw,58px); max-width:580px; }
.final-cta .eyebrow { margin-block-end:22px; }
.final-cta .hero-actions { margin-block-start:30px; }
.returning { color:var(--ink); font-size:16px; margin-block-start:24px; }
.returning a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; text-decoration:underline; text-underline-offset:4px; }
.cta-sketch { width:285px; max-width:100%; justify-self:center; }
.site-footer { padding-block:20px 26px; }
.footer-top { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:60px; padding-block-end:40px; }
.footer-brand>p { font-size:16px; line-height:1.7; margin-block-start:24px; }
.footer-top nav { display:flex; flex-direction:column; align-items:start; }
.footer-top nav h2 { font-size:16px; line-height:1.5; letter-spacing:0; margin-block-end:16px; }
.footer-top nav>a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; font-size:16px; line-height:1.5; color:var(--muted); }
.footer-top nav>a:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-wordmark { width:100%; margin-block:36px 56px; }
.footer-wordmark img { width:100%; height:auto; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; border-block-start:1px solid var(--line); padding-block-start:18px; color:var(--muted); font-size:16px; }
.footer-bottom p { font-size:16px; }
.footer-bottom>a { display:inline-flex; align-items:center; gap:12px; min-height:44px; min-width:44px; }

/* Nothing is hidden while scripts load. Motion runs only in visible scenes. */
.motion-scene { --motion-state:paused; }
.motion-scene.is-in-view { --motion-state:running; }
@view-transition { navigation:auto; }
::view-transition-old(root),::view-transition-new(root) { animation-duration:.16s; }

@media(max-width:1100px) {
  .header-inner { gap:28px; } .desktop-nav { gap:22px; } .header-actions { gap:18px; }
  .hero-art-chef { width:180px; inset-inline-start:0; } .hero-art-phone { width:170px; inset-inline-end:0; inset-block-start:180px; }
  .home-hero h1 { font-size:94px; } .hero-spark { width:50px; inset-inline-start:14%; }
  .benefit-grid { gap:18px; } .benefit-copy { padding:26px 22px 20px; } .benefit-copy h3 { font-size:21px; }
  .chapter { gap:60px; } .visual-stage { padding-inline:28px; } .scene-note { inset-inline-end:16px; font-size:16px; }
  .menu-stage .scene-note { display:none; }
  .board-chef { width:145px; height:145px; } .home-plans-inner { gap:60px; }
  .plan-preview>div { padding:28px 20px; } .plan-preview strong { font-size:39px; } .plan-preview small { font-size:16px; }
  .detail-hero { gap:44px; } .detail-hero h1 { font-size:62px; } .tile-copy h2 { font-size:34px; }
  .feature-points { gap:32px; } .feature-point h3 { font-size:22px; } .related-card { padding:24px; } .related-card h3 { font-size:21px; }
  .faq-section { gap:60px; } .final-cta { gap:36px; padding:52px; } .final-cta h2 { font-size:49px; } .footer-top { gap:36px; }
}
@media(max-width:800px) {
  .wrap { width:calc(100% - 40px); } html { scroll-padding-block-start:96px; }
  .header-inner { min-height:78px; gap:20px; } .brand img { width:160px; }
  .desktop-nav,.header-actions { display:none; }
  .mobile-menu { display:block; margin-inline-start:auto; }
  .mobile-menu>summary { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; min-width:94px; padding:10px 14px; border:1px solid var(--line); border-radius:var(--radius-control); list-style:none; cursor:pointer; font-size:16px; }
  .mobile-menu>summary::-webkit-details-marker { display:none; }
  .menu-lines { width:15px; height:8px; border-block:1.5px solid var(--ink); }
  .mobile-menu[open] .menu-lines { height:1px; border-block-end:0; }
  .mobile-menu nav { position:absolute; inset-inline:20px; inset-block-start:88px; display:flex; flex-direction:column; padding:16px 24px 24px; border:1px solid var(--line); border-radius:var(--radius-panel); background:#fff; box-shadow:0 8px 24px rgb(24 33 27 / 9%); }
  .mobile-menu nav>a { display:flex; align-items:center; min-height:52px; font-size:16px; }
  .mobile-menu nav>a[aria-current="page"] { font-weight:600; text-decoration:underline; text-decoration-color:var(--mint); text-decoration-thickness:3px; text-underline-offset:6px; }
  .mobile-menu nav>.button { justify-content:space-between; margin-block-start:10px; }
  .home-hero { min-height:660px; padding-block-start:64px; } .home-hero h1 { font-size:85px; }
  .hero-art-chef { width:145px; inset-block-start:260px; } .hero-art-phone { width:142px; inset-block-start:245px; }
  .scribble-note { font-size:16px; } .hero-description { font-size:18px; }
  .section-heading { gap:28px; } .section-heading h2 { font-size:36px; } .section-heading>p:not(.eyebrow) { font-size:16px; max-width:210px; }
  .benefit-grid { gap:14px; } .benefit-copy { padding:24px 18px 18px; } .benefit-copy h3 { font-size:19px; }
  .benefit-copy p { font-size:16px; } .card-link { font-size:16px; gap:8px; }
  .photo-tag { inset-inline-start:12px; inset-block-start:12px; font-size:16px; padding:6px 9px; }
  .device-strip { gap:20px; } .device-strip>div { gap:24px; }
  .chapter { gap:36px; padding-block:78px; } .chapter-spacing { padding-block:78px; }
  .chapter-copy h2 { font-size:39px; } .chapter-copy>p:not(.eyebrow) { font-size:16px; }
  .visual-stage { padding-inline:20px; } .scene-label { font-size:16px; }
  .menu-mockup { width:250px; padding:15px; } .scene-note { inset-inline-end:12px; inset-block-start:74%; }
  .order-board { padding:16px; } .board-top { align-items:start; } .board-top strong { font-size:16px; }
  .order-slip { padding:13px 10px; } .order-slip strong { font-size:16px; } .board-chef { width:130px; height:130px; }
  .steps { gap:30px; } .steps h3 { font-size:22px; } .steps p { font-size:16px; } .steps .sketch-icon { width:76px; height:76px; }
  .home-plans-inner { gap:42px; } .home-plans h2 { font-size:42px; } .plan-preview { gap:14px; }
  .plan-preview>div { padding:26px 16px; } .plan-preview strong { font-size:33px; } .plan-preview small { display:block; margin:4px 0 0; }
  .page-hero { padding-block:72px 64px; } .page-hero h1 { font-size:70px; } .page-hero>p:not(.eyebrow) { font-size:17px; max-width:600px; }
  .detail-hero { gap:36px; padding-block:64px 78px; } .detail-hero h1 { font-size:53px; } .detail-hero .hero-description { font-size:16px; }
  .detail-hero .hero-actions { gap:12px; } .detail-hero .button { padding-inline:20px; gap:18px; font-size:16px; } .detail-hero .text-link { font-size:16px; }
  .feature-directory { gap:24px; padding-block-end:78px; } .tile-visual { height:260px; padding:28px; }
  .tile-visual .sketch-icon { width:190px; height:190px; } .tile-copy { padding:28px; } .tile-copy h2 { font-size:31px; } .tile-copy>p:not(.eyebrow) { font-size:16px; }
  .feature-points { gap:26px; } .feature-point h3 { font-size:21px; } .feature-point p { font-size:16px; } .feature-point>.sketch-icon { width:95px; height:95px; }
  .related-links { gap:18px; } .related-card { padding:22px; } .related-card h3 { font-size:20px; } .related-card p { font-size:16px; }
  .related-card .text-link { font-size:16px; gap:8px; } .demo-body { padding:20px; } .demo-body h3 { font-size:25px; } .demo-row { font-size:16px; gap:10px; }
  .demo-grid { padding:14px; gap:10px; } .demo-ticket { padding:12px; } .demo-phone .demo-bar { font-size:16px; } .demo-phone .demo-body { padding-inline:15px; }
  .demo-menu-item { gap:8px; } .demo-menu-item>.sketch-icon { width:60px; height:60px; } .demo-categories { font-size:16px; gap:4px; } .demo-categories>span { padding-inline:5px; }
  .pricing-grid { gap:24px; } .plan { padding:30px; } .plan-price strong { font-size:65px; } .plan-top { gap:10px; } .plan-label { font-size:16px; }
  .plan>.button { padding-inline:18px; font-size:16px; } .contact-card { padding:34px; } .contact-card h2 { font-size:34px; } .contact-card>.button { padding-inline:22px; gap:18px; }
  .faq-section { gap:36px; } .faq-intro h2,.faq-section>.section-heading h2 { font-size:38px; } .faq-list summary { font-size:16px; gap:20px; }
  .faq-list details>p { font-size:16px; padding-inline-end:28px; } .final-cta { padding:42px; gap:28px; } .final-cta h2 { font-size:41px; }
  .final-cta .hero-actions { gap:16px; } .final-cta .button { padding-inline:22px; gap:18px; font-size:16px; } .final-cta .text-link { font-size:16px; }
  .footer-top { gap:24px; } .footer-top nav>a { font-size:16px; }
}
@media(max-width:700px) {
  .home-hero { min-height:760px; padding-block:48px 290px; } .home-hero h1 { font-size:clamp(65px,12vw,86px); }
  .home-hero .eyebrow { font-size:16px; margin-block-end:22px; } .home-hero .hero-description { font-size:18px; max-width:400px; margin-block-start:24px; }
  .home-hero .hero-actions { gap:20px; margin-block-start:24px; } .home-hero .button { padding-inline:24px; gap:20px; }
  .hero-note { font-size:16px; margin-block-start:18px; }
  .hero-art-chef { width:158px; inset-inline-start:10%; inset-block-start:auto; inset-block-end:66px; }
  .hero-art-phone { width:148px; inset-inline-end:10%; inset-block-start:auto; inset-block-end:72px; }
  .scribble-note { font-size:16px; } .hero-spark { width:44px; inset-inline-start:3%; inset-block-start:60px; }
  .home-hero .scroll-cue { position:absolute; inset-inline:0; inset-block-end:4px; margin:0; }
  .section-heading { align-items:start; flex-direction:column; gap:16px; margin-block-end:30px; }
  .section-heading h2 { font-size:36px; } .section-heading>p:not(.eyebrow) { font-size:16px; max-width:100%; }
  .benefits { padding-block-start:38px; } .benefit-grid { grid-template-columns:1fr; gap:26px; }
  .benefit-photo { aspect-ratio:1.4; } .benefit-copy { padding:28px 28px 22px; } .benefit-copy h3 { font-size:23px; }
  .benefit-copy p { font-size:16px; } .card-link { font-size:16px; gap:12px; } .photo-tag { inset-inline-start:18px; inset-block-start:18px; font-size:16px; padding:7px 12px; }
  .device-strip { align-items:start; flex-direction:column; gap:20px; padding-block:34px; } .device-strip>div { gap:24px; }
  .chapter { grid-template-columns:1fr; gap:38px; padding-block:66px; } .chapter-spacing { padding-block:66px; }
  .chapter .chapter-copy { order:-1; } .chapter-reverse .visual-stage { order:0; }
  .chapter-copy h2 { font-size:42px; margin-block-end:24px; } .chapter-copy>p:not(.eyebrow) { font-size:16px; max-width:560px; }
  .visual-stage { min-height:490px; padding:60px 28px 58px; } .scene-label { font-size:16px; }
  .menu-mockup { width:262px; padding:17px; } .scene-note { inset-inline-end:24px; inset-block-start:68%; font-size:16px; } .scene-note .sketch-icon { width:40px; }
  .board-chef { width:150px; height:150px; } .order-board { padding:20px; } .board-top strong { font-size:16px; }
  .order-slip { padding:16px 13px; } .order-slip strong { font-size:16px; }
  .setup-section { padding-block-start:36px; } .steps { grid-template-columns:1fr; gap:24px; margin-block-start:36px; }
  .steps li { padding:26px 108px 20px 0; } [dir="rtl"] .steps li { padding:26px 0 20px 108px; }
  .steps .step-number { margin-block-end:20px; } .steps .sketch-icon { width:90px; height:90px; inset-block-start:26px; }
  .steps h3 { font-size:22px; margin-block:16px; } .steps p { font-size:16px; max-width:none; }
  .home-plans { padding-block:66px; } .home-plans-inner { grid-template-columns:1fr; gap:56px; }
  .home-plans h2 { font-size:42px; max-width:500px; } .plan-preview { max-width:520px; width:100%; margin-inline:auto; gap:18px; }
  .plan-preview>div { padding:28px 24px; } .plan-preview strong { font-size:42px; margin-block:22px 16px; }
  .plan-preview small { display:inline; font-size:16px; margin-inline-start:4px; } .plan-preview p { font-size:16px; }
  .plan-spark { width:76px; height:76px; inset-inline-start:-12px; inset-block-start:-36px; }
  .page-hero { padding-block:58px 58px; } .page-hero h1 { font-size:clamp(48px,8.8vw,66px); }
  .page-hero>p:not(.eyebrow) { font-size:16px; max-width:540px; margin-block-start:24px; }
  .detail-hero { grid-template-columns:1fr; gap:40px; padding-block:48px 66px; } .detail-hero h1 { font-size:clamp(50px,8.2vw,66px); max-width:580px; }
  .detail-hero .hero-description { font-size:17px; max-width:540px; } .detail-hero .hero-actions { gap:20px; }
  .detail-hero .button { font-size:16px; min-height:56px; padding-inline:24px; } .detail-hero .text-link { font-size:16px; }
  .detail-hero .visual-stage { min-height:530px; } .back-link { margin-block-end:20px; }
  .feature-directory { grid-template-columns:1fr; gap:28px; padding-block-end:66px; } .tile-visual { height:280px; padding:32px; }
  .tile-visual .sketch-icon { width:210px; height:210px; } .tile-copy { padding:30px; } .tile-copy h2 { font-size:36px; } .tile-copy>p:not(.eyebrow) { font-size:16px; }
  .feature-points { grid-template-columns:1fr; gap:32px; } .feature-point { padding-block-start:24px; }
  .feature-point>.sketch-icon { width:100px; height:100px; margin-block-end:18px; } .feature-point h3 { font-size:23px; margin-block-end:14px; } .feature-point p { font-size:16px; max-width:540px; }
  .related-links { grid-template-columns:1fr; gap:20px; } .related-card { padding:28px; } .related-card>.sketch-icon { width:100px; height:100px; }
  .related-card h3 { font-size:24px; margin-block:16px; } .related-card p { font-size:16px; max-width:440px; } .related-card .text-link { font-size:16px; gap:12px; }
  .demo-window { rotate:-2deg; } .demo-body { padding:24px; } .demo-body h3 { font-size:27px; } .demo-row { font-size:16px; gap:14px; }
  .demo-grid { padding:18px; gap:12px; } .demo-ticket { padding:14px; } .demo-phone .demo-bar { font-size:16px; } .demo-phone .demo-body { padding-inline:18px; }
  .demo-menu-item { gap:12px; } .demo-menu-item>.sketch-icon { width:76px; height:76px; } .demo-categories { font-size:16px; gap:7px; } .demo-categories>span { padding-inline:7px; }
  .pricing-section { padding-block:48px 60px; } .pricing-heading h2 { font-size:40px; } .pricing-heading>p { font-size:16px; }
  .billing-toggle { margin-block:28px 34px; } .billing-toggle label>span { font-size:16px; padding-inline:20px; }
  .pricing-grid { grid-template-columns:1fr; max-width:480px; gap:24px; } .plan { padding:34px; } .plan h3 { font-size:34px; } .plan-label { font-size:16px; }
  .plan-price strong { font-size:68px; } .plan>.button { font-size:16px; padding-inline:24px; } .pricing-footnote { font-size:16px; max-width:420px; }
  .comparison table { font-size:16px; } .comparison th,.comparison td { padding:16px 12px; } .comparison th:first-child { width:44%; }
  .about-statement h2 { font-size:44px; } .sketch-large { width:260px; height:260px; }
  .sketch-small { width:95px; height:95px; inset-inline-end:24px; inset-block-end:80px; }
  .contact-options { grid-template-columns:1fr; gap:24px; } .contact-card { padding:36px; } .contact-card h2 { font-size:38px; }
  .contact-card>p:not(.eyebrow,.contact-note,.contact-address) { font-size:16px; } .contact-sketch { width:125px; height:125px; } .contact-card .contact-note { font-size:16px; }
  .faq-section { grid-template-columns:1fr; gap:30px; } .faq-intro h2,.faq-section>.section-heading h2 { font-size:40px; }
  .faq-list summary { font-size:16px; min-height:80px; padding-block:22px; } .faq-list details>p { font-size:16px; padding-inline-end:24px; }
  .final-cta { grid-template-columns:1fr; padding:36px 28px; gap:0; margin-block:64px 60px; } .final-cta h2 { font-size:42px; max-width:500px; }
  .final-cta .hero-actions { margin-block-start:26px; gap:18px; } .final-cta .button { font-size:16px; gap:20px; padding-inline:24px; } .final-cta .text-link { font-size:16px; }
  .cta-symbol,.cta-sketch { width:180px; max-width:65%; margin-block-start:32px; justify-self:end; } .returning { font-size:16px; }
  .footer-top { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 16px; padding-block-end:20px; }
  .footer-brand { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-block-end:12px; }
  .footer-brand>p { margin:0; font-size:16px; text-align:end; } .footer-top nav h2 { font-size:16px; } .footer-top nav>a { font-size:16px; }
  .footer-wordmark { margin-block:34px 30px; } .footer-bottom { font-size:16px; gap:4px 20px; } .footer-bottom p { font-size:16px; }
  .footer-bottom>p:nth-child(2) { display:none; }
}
@media(max-width:420px) {
  .hero-art-chef { width:144px; inset-inline-start:3%; } .hero-art-phone { width:136px; inset-inline-end:3%; }
  .home-hero .hero-actions { gap:18px; } .home-hero .button { padding-inline:22px; font-size:16px; gap:18px; } .home-hero .text-link { font-size:16px; }
  .hero-spark { width:35px; inset-inline-start:0; inset-block-start:40px; } .visual-stage { padding-inline:24px; } .scene-note { inset-inline-end:16px; font-size:16px; }
  .order-board { padding:16px; } .board-top strong { font-size:16px; } .board-columns { gap:10px; } .order-slip { padding:13px 10px; }
  .order-slip strong { font-size:16px; } .order-slip p { font-size:16px; } .board-chef { width:135px; height:135px; inset-block-end:38px; }
  .plan-preview>div { padding:24px 18px; } .plan-preview strong { font-size:37px; } .plan-preview small { display:block; margin:4px 0 0; } .plan-preview p { font-size:16px; }
  .demo-grid { grid-template-columns:1fr; } .demo-body { padding:20px; } .demo-phone .demo-body { padding-inline:14px; } .demo-phone .demo-bar { font-size:16px; }
  .demo-menu-item { gap:8px; } .demo-menu-item>.sketch-icon { width:60px; height:60px; } .demo-categories { gap:4px; font-size:16px; } .demo-categories>span { padding-inline:5px; }
  .demo-row { font-size:16px; gap:10px; } .plan { padding:30px; } .plan-top { gap:8px; } .plan-label { font-size:16px; } .plan-badge { font-size:16px; padding-inline:8px; }
  .contact-card { padding:30px; } .contact-card h2 { font-size:35px; } .final-cta h2 { font-size:38px; }
}
@media(max-width:380px) {
  .wrap { width:calc(100% - 32px); } .home-hero h1 { font-size:60px; } .home-hero .hero-description { font-size:17px; }
  .hero-art-chef { width:135px; inset-inline-start:1%; } .hero-art-phone { width:127px; inset-inline-end:1%; } .scribble-note { font-size:16px; }
  .section-heading h2 { font-size:32px; } .benefit-copy { padding:26px 24px 20px; } .photo-tag { inset-inline-start:14px; }
  .device-strip>div { gap:18px; } .device-strip span { font-size:16px; } .chapter-copy h2 { font-size:36px; } .visual-stage { padding-inline:20px; }
  .menu-mockup { width:240px; padding:14px; } .mockup-top span:first-child { font-size:29px; } .scene-note { font-size:16px; inset-inline-end:12px; }
  .steps li { padding-inline-end:96px; } [dir="rtl"] .steps li { padding-inline-end:0; padding-inline-start:96px; } .steps .sketch-icon { width:80px; height:80px; }
  .home-plans h2 { font-size:36px; } .plan-preview { gap:14px; } .plan-preview>div { padding:22px 16px; } .plan-preview strong { font-size:34px; }
  .page-hero h1 { font-size:46px; } .detail-hero h1 { font-size:48px; } .tile-copy { padding:26px; } .tile-copy h2 { font-size:32px; } .tile-visual { height:250px; }
  .billing-toggle label>span { padding-inline:16px; gap:8px; font-size:16px; } .billing-toggle small { font-size:16px; padding-inline:6px; }
  .plan { padding:26px; } .plan-price strong { font-size:63px; } .plan>.button { padding-inline:18px; font-size:16px; }
  .about-statement h2 { font-size:37px; } .sketch-large { width:230px; height:230px; } .sketch-small { width:85px; height:85px; inset-inline-end:12px; }
  .contact-card { padding:28px; } .contact-card h2 { font-size:32px; } .contact-card>.button { font-size:16px; padding-inline:18px; }
  .faq-intro h2,.faq-section>.section-heading h2 { font-size:36px; } .final-cta { padding:30px 24px; } .final-cta h2 { font-size:34px; }
  .final-cta .button { font-size:16px; padding-inline:21px; gap:18px; } .final-cta .text-link { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .button:hover,.benefit-card:hover .benefit-photo img,.feature-tile:hover .tile-visual .sketch-icon,.text-link:hover span,.card-link:hover span { translate:none; scale:none; rotate:none; }
  ::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
}
@media(max-width:700px) {
  .page-hero.pricing-hero { padding-block:36px 32px; }
  .page-hero.pricing-hero h1 { font-size:48px; }
  .page-hero.pricing-hero .eyebrow { margin-block-end:16px; }
  .page-hero.pricing-hero>p:not(.eyebrow) { margin-block-start:18px; font-size:16px; line-height:1.6; }
  [data-page="pricing"] .pricing-section { padding-block-start:28px; }
  [data-page="pricing"] .pricing-heading>p { font-size:16px; }
  [data-page="pricing"] .billing-toggle { margin-block:24px 28px; }
  [data-page="pricing"] .plan-price { margin-block-start:24px; }
}
@media(forced-colors:active) {
  .highlight::after { display:none; }
  .button,.photo-tag,.plan-badge,.step-number,.demo-badge { border:1px solid ButtonText; }
  .billing-toggle input:checked+span { outline:2px solid Highlight; }
  .faq-list summary::after { border:1px solid ButtonText; }
  .desktop-nav>a[aria-current="page"] { text-decoration:underline; }
}

/* Keep actions and reading text at the guide's 16 px default at every width. */
.button,.button-small,.text-link,.card-link,.back-link,.desktop-nav>a,.sign-in,
.final-cta .button,.final-cta .text-link,.detail-hero .button,.detail-hero .text-link,
.home-hero .button,.home-hero .text-link,.plan>.button,.contact-card>.button,
.benefit-copy p,.feature-point p,.related-card p,.related-card .text-link,
.chapter-copy>p,.chapter-copy li,.steps p,.faq-list details>p,
.contact-card>p:not(.contact-note,.contact-address),.faq-list summary { font-size:16px; }

/* Content cards share the curved silhouette; controls and inner UI stay crisp. */
.feature-tile,.related-card,.plan,.plan-preview>div,.contact-card,.final-cta { border-radius:var(--radius-card); }
.visual-stage { border-radius:var(--radius-support); }

.feature-menu>summary { display:flex; align-items:center; gap:8px; min-height:48px; padding-block:12px; cursor:pointer; list-style:none; font-size:16px; }
.feature-menu>summary::-webkit-details-marker { display:none; }
.feature-menu>summary>span { transition:transform .18s; }
.feature-menu[open]>summary>span { transform:rotate(180deg); }
.feature-menu>summary[data-current] { text-decoration:underline; text-decoration-color:var(--mint); text-decoration-thickness:3px; text-underline-offset:10px; }
.feature-menu-panel { position:absolute; inset-block-start:100%; inset-inline:40px; max-width:920px; margin-inline:auto; padding:32px; background:#fff; border:1px solid var(--line); border-block-start:4px solid var(--mint); border-radius:0 0 var(--radius-card) var(--radius-card); box-shadow:0 16px 32px rgb(24 33 27 / 8%); }
.feature-menu-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block-end:20px; border-block-end:1px solid var(--line); }
.feature-menu-heading h2 { font-size:28px; }
.feature-menu-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; padding-block-start:16px; }
.feature-menu-grid>a { display:flex; flex-direction:column; gap:8px; padding:20px; border-radius:var(--radius-support); }
.feature-menu-grid>a:hover,.feature-menu-grid>a:focus-visible { background:var(--paper); }
.feature-menu-grid strong { font-size:20px; }
.feature-menu-grid>a>span { color:var(--muted); font-size:16px; font-weight:400; }
@media(max-width:1100px) { .desktop-nav { margin-inline-start:0; gap:20px; } }
@media(prefers-reduced-motion:reduce) { .feature-menu>summary>span { transition:none; } }
@media(max-width:360px) { [data-page="contact"] .page-hero h1 { font-size:44px; } }

/* Main page actions stay prominent; all buttons have square corners. */
.button { border-radius:0; }
main .button,main .final-cta .button,main .detail-hero .button,
main .home-hero .button,main .plan>.button,main .contact-card>.button {
  min-height:64px;
  padding:18px 32px;
  font-size:18px;
  gap:24px;
}
@media(max-width:700px) {
  main .button,main .final-cta .button,main .detail-hero .button,
  main .home-hero .button,main .plan>.button,main .contact-card>.button {
    padding-inline:24px;
    gap:20px;
  }
}

/* Bigger reading scale, restrained surfaces, and a direct hover navigation. */
h1,h2 { font-weight:800; }
h1 { letter-spacing:-.035em; }
h2 { letter-spacing:-.025em; }
.home-hero h1 { max-width:900px; font-size:clamp(90px,9vw,130px); }
.page-hero h1 { font-size:clamp(64px,7.5vw,104px); }
.detail-hero h1 { font-size:clamp(62px,6vw,88px); }
.section-heading h2 { font-size:clamp(38px,4vw,52px); }
.benefit-copy h3,.feature-point h3,.related-card h3 { font-size:28px; }
.benefit-copy p,.chapter-copy>p,.chapter-copy li,.tile-copy>p,.feature-point p,
.related-card p,.steps p,.faq-list details>p,.contact-card>p,.plan-description,
.plan-features,.text-link,.card-link,.back-link,.returning { font-size:18px; line-height:1.65; }
.highlight::after,.menu-stage::before { display:none; }
.final-cta { background:var(--paper); }
.order-state,.demo-badge,.demo-footer,.demo-categories>span { background:#eef0ed; }
.desktop-nav>a[aria-current="page"]::after { background:var(--ink); }
.feature-menu>summary { position:relative; font-size:18px; min-height:56px; }
.feature-menu>summary::after { content:""; position:absolute; inset-inline:0; inset-block-end:7px; height:2px; background:var(--ink); transform:scaleX(0); transition:transform .18s; }
.feature-menu[open]>summary::after,.feature-menu>summary[data-current]::after { transform:scaleX(1); }
.feature-menu>summary[data-current] { text-decoration:none; }
.feature-menu-panel { max-width:1200px; padding:32px; border-block-start:1px solid var(--line); border-radius:0 0 20px 20px; box-shadow:0 18px 40px rgb(24 33 27 / 10%); }
.feature-menu-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0 0 24px; }
.feature-menu-grid>a { gap:12px; padding:20px 24px; border-radius:0; }
.feature-menu-grid>a+a { border-inline-start:1px solid var(--line); }
.feature-menu-grid strong { font-size:23px; line-height:1.25; font-weight:700; }
.feature-menu-grid>a>span { font-size:18px; line-height:1.6; }
.feature-menu-overview { display:flex; align-items:center; justify-content:space-between; min-height:56px; padding:16px 24px; border-block-start:1px solid var(--line); font-size:18px; }
.feature-menu-overview:hover { background:var(--paper); }
@media(max-width:1100px) { .feature-menu-grid { grid-template-columns:1fr 1fr; gap:12px; } .feature-menu-grid>a+a { border:0; } }
@media(max-width:700px) {
  .home-hero h1 { font-size:clamp(60px,12vw,86px); }
  .page-hero h1,.detail-hero h1 { font-size:clamp(48px,10vw,68px); }
  .section-heading h2 { font-size:38px; }
  .chapter-copy h2 { font-size:44px; }
  .contact-card>p,.related-card .text-link,.final-cta .text-link,.detail-hero .text-link { font-size:18px; }
  .billing-toggle label>span { font-size:18px; }
}
@media(max-width:360px) {
  .home-hero h1 { font-size:58px; }
  [data-page="contact"] .page-hero h1 { font-size:40px; }
  .chapter-copy h2,.section-heading h2 { font-size:36px; }
  .feature-menu-panel { inset-inline:16px; }
}
/* Focused local journeys share the marketing scale and component geometry. */
.local-form-section { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.local-entry { padding-block: 100px; }
.local-entry h1 { font-size: clamp(64px, 7vw, 104px); line-height: 1; }
.local-form-section p { font-size: 20px; line-height: 1.6; }
.preview-form { background: var(--paper, #F6F8F6); padding: 40px; border-radius: var(--radius-card); display: grid; gap: 24px; min-width: 0; }
.preview-form h2 { font-size: 40px; }
.preview-form label { display: grid; gap: 12px; font-size: 18px; font-weight: 600; }
.preview-form input, .preview-form textarea, .preview-form select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 64px; border: 1px solid #7D887F; border-radius: 0; background: var(--canvas); color: var(--charcoal); padding: 16px; font: inherit; font-weight: 400; }
.preview-form textarea { resize: vertical; }
.preview-form input:disabled { background: #EEF0ED; opacity: 1; }
.field-help { font-size: 16px; font-weight: 400; }
.preview-form .button { width: 100%; cursor: pointer; font-family: inherit; }
.preview-notice { margin-block: 32px; color: #59635C; }
.form-result { border-top: 1px solid #7D887F; padding-top: 24px; overflow-wrap: anywhere; }
.form-result p { white-space: pre-wrap; }
.form-result[hidden] { display: none; }
.local-help-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.local-copy { max-width: 960px; padding-bottom: 80px; }
.local-copy section { margin-bottom: 48px; }
.local-copy h2 { font-size: clamp(32px, 4vw, 48px); }
.local-copy p { font-size: 20px; line-height: 1.6; margin-block: 24px; }
.status-list { margin-block: 32px; }
.status-list > div { display: flex; justify-content: space-between; gap: 24px; padding-block: 24px; border-bottom: 1px solid #E2E7E2; font-size: 18px; }
@media (max-width: 800px) {
  .local-form-section, .local-help-grid { grid-template-columns: 1fr; gap: 32px; }
  .local-entry { padding-block: 48px; }
  .local-entry h1 { font-size: clamp(48px, 12vw, 76px); }
  .preview-form { padding: 24px; }
  .preview-form h2 { font-size: 32px; }
  .status-list > div { flex-direction: column; gap: 8px; }
}

/* About: warm neutral surfaces requested for the mission story, scoped to this page. */
/* Temporary comparison: use primary dark green for the mission section. */
body[data-page="about"] { --about-cream:var(--secondary-cream); --about-sand:var(--secondary-sand); --about-dark:var(--ink); --muted:var(--secondary-muted); --line:var(--secondary-separator); background:var(--about-cream); }
[data-page="about"] .site-header { background:color-mix(in srgb,var(--secondary-cream) 97%,transparent); }
[data-page="about"] .mobile-menu nav,[data-page="about"] .feature-menu-panel { background:var(--about-cream); }
[data-page="about"] main { overflow-wrap:break-word; }
[data-page="about"] .about-label { font-size:16px; font-weight:600; line-height:1.5; color:var(--charcoal); margin-block-end:24px; }
.about-mission-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:64px; align-items:center; padding-block:80px 96px; }
.about-mission-intro h1 { font-size:clamp(48px,5.3vw,76px); line-height:1.08; }
.about-mission-intro>p:not(.about-label) { font-size:18px; margin-block-start:24px; max-width:560px; }
.about-mission-intro .about-lead { color:var(--charcoal); font-size:22px!important; line-height:1.6; }
.about-mission-intro .text-link { margin-block-start:24px; }
.about-people-photo { margin:0; }
.about-people-photo img { width:100%; aspect-ratio:4/4.5; height:auto; object-fit:cover; object-position:58% center; border-radius:24px; }
.about-people-photo figcaption { font-size:16px; color:var(--muted); padding-block-start:16px; }
.about-purpose { background:var(--about-dark); color:var(--about-cream); padding-block:88px; scroll-margin-block-start:100px; }
.about-purpose-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:start; }
[data-page="about"] .about-purpose .about-label { color:var(--secondary-label-on-dark); }
.about-purpose h2 { font-size:clamp(36px,3.6vw,52px); }
.about-purpose .about-story p { color:var(--secondary-on-dark); }
.about-story p { font-size:18px; }
.about-story p+p { margin-block-start:24px; }
.about-everyday { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:80px; padding-block:104px; }
.about-menu-photo img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:24px; }
.about-everyday h2 { font-size:clamp(36px,3.6vw,52px); margin-block-end:28px; }
.about-principles { background:var(--about-sand); padding-block:80px; }
.about-principles h2 { font-size:clamp(36px,4vw,56px); }
.about-principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-block-start:48px; }
.about-principle-grid article { border-block-start:1px solid var(--secondary-section-border); padding-block-start:24px; }
.about-principle-grid h3 { font-size:24px; margin-block-end:16px; }
.about-principle-grid p { font-size:18px; }
.about-invitation { padding-block:88px 104px; }
.about-invitation>div { max-width:720px; }
.about-invitation h2 { font-size:clamp(40px,4.5vw,64px); }
.about-invitation p:not(.about-label) { font-size:18px; margin-block-start:24px; max-width:580px; }
@media(max-width:1000px) {
  .about-mission-hero { gap:36px; }
  .about-purpose-inner,.about-everyday { gap:48px; }
  .about-principle-grid { gap:24px; }
}
@media(max-width:800px) {
  .about-mission-hero,.about-purpose-inner,.about-everyday { grid-template-columns:1fr; gap:36px; }
  .about-mission-hero { padding-block:48px 64px; }
  .about-mission-intro h1 { font-size:clamp(44px,8vw,64px); }
  .about-people-photo img { aspect-ratio:4/3; }
  .about-purpose,.about-principles { padding-block:56px; }
  .about-everyday { padding-block:64px; }
  .about-everyday .about-menu-photo { order:2; }
  .about-menu-photo img { aspect-ratio:4/3; }
  .about-principle-grid { grid-template-columns:1fr; gap:32px; margin-block-start:36px; }
  .about-invitation { padding-block:64px; }
}
@media(forced-colors:active) {
  .about-purpose,.about-principles { background:Canvas; color:CanvasText; }
  .about-purpose .about-story p,[data-page="about"] .about-purpose .about-label { color:CanvasText; }
}

/* Home plans are meaningful choices, with full-width upright cards. */
.home-plans .home-plans-inner { grid-template-columns:1fr; gap:48px; }
.home-plans-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; }
.home-plans-heading p { max-width:540px; margin:24px 0 0; font-size:20px; line-height:1.6; }
.home-plans-heading>.button { flex-shrink:0; }
.home-plans .plan-preview { max-width:none; margin:0; padding:0; gap:24px; }
.home-plan { min-width:0; padding:40px; border:1px solid var(--line); border-radius:var(--radius-card); background:#fff; }
.home-plan-pro { background:#EDF3EE; }
.home-plan h3 { font-size:32px; font-weight:700; margin:0; }
.home-plans .home-plan-description { margin:16px 0 0; font-size:20px; line-height:1.6; }
.home-plans .home-plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:16px; margin:32px 0; }
.home-plans .home-plan-price strong { font-size:76px; font-weight:800; line-height:1; letter-spacing:-.035em; margin:0; }
.home-plan-price span { font-size:18px; }
.home-plan ul { list-style:none; margin:0 0 32px; padding:24px 0 0; border-top:1px solid #CAD5CD; display:grid; gap:12px; font-size:20px; line-height:1.5; }
.home-plan .text-link { font-size:18px; min-height:48px; }
@media(max-width:800px) {
 .home-plans-heading { align-items:flex-start; flex-direction:column; gap:28px; }
 .home-plan { padding:28px; }
 .home-plans .home-plan-price strong { font-size:64px; }
}
@media(max-width:600px) {
 .home-plans .plan-preview { grid-template-columns:1fr; gap:24px; }
 .home-plans .home-plans-inner { gap:32px; }
 .home-plans-heading p,.home-plans .home-plan-description,.home-plan ul { font-size:18px; }
}
/* Perception review: readable substance, grounded examples, deliberate hierarchy. */
.page-hero>p:not(.eyebrow),.detail-hero .hero-description { font-size:20px; line-height:1.65; }
.chapter-copy>p:not(.eyebrow),.tile-copy>p,.contact-card>p:not(.contact-note),.section-heading>p,.faq-intro>p { font-size:20px; line-height:1.65; }
main .text-link,main .card-link,.chapter-copy li,.steps p,.plan-features li { font-size:18px; line-height:1.65; }
.faq-list summary { font-size:20px; font-weight:600; }
.faq-list details>p { font-size:18px; line-height:1.7; }
.steps h3 { font-size:28px; font-weight:700; }
.demo-window,.menu-mockup,.order-board { rotate:0deg; }
.demo-window { width:500px; }
.demo-phone { width:340px; }
.visual-stage { padding:36px 32px 64px; }
.demo-label { inset-inline:20px; bottom:20px; }
.demo-window:not(.demo-phone) .demo-row,.demo-step strong { font-size:18px; }
.demo-body h3 { font-size:30px; letter-spacing:-.025em; }
.pricing-grid { max-width:1100px; gap:32px; }
.plan-price strong { font-size:80px; font-weight:800; letter-spacing:-.035em; }
.plan-price .currency { font-size:36px; }
.plan-price>span:last-child,.billing-note,.plan>.text-link { font-size:18px; }
.plan-pro { background:var(--light-green,#EDF3EE); }
.comparison table { font-size:18px; line-height:1.55; }
.final-cta { grid-template-columns:1fr; padding:56px; }
.final-cta h2 { max-width:760px; }
.local-form-section>div>h2 { font-size:clamp(40px,4.2vw,58px); font-weight:800; line-height:1.1; margin-bottom:24px; }
.contact-card .contact-note { font-size:18px; line-height:1.65; }
.footer-top nav h2 { font-size:20px; margin-bottom:16px; }
.footer-top nav>a { font-size:18px; min-height:48px; }
.footer-bottom p,.footer-bottom>a { font-size:16px; }
.local-help-grid .contact-card { display:flex; flex-direction:column; align-items:flex-start; }
.local-help-grid .contact-card>.button { margin-top:auto; }
[data-page=""] .page-hero { padding-bottom:40px; }
@media(max-width:800px) {
 .page-hero>p:not(.eyebrow),.page-hero.pricing-hero>p:not(.eyebrow),.detail-hero .hero-description,
 .chapter-copy>p:not(.eyebrow),.tile-copy>p,.contact-card>p:not(.contact-note),.section-heading>p,.faq-intro>p { font-size:18px; }
 .visual-stage { padding:28px 24px 64px; }
 .demo-phone { width:320px; }
 .final-cta { padding:36px 28px; }
 .plan-price strong { font-size:72px; }
 .faq-list summary { font-size:18px; }
}
@media(max-width:600px) {
 .footer-top { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
 .footer-top nav:last-child { grid-column:1 / -1; }
 .footer-top nav:last-child>a { width:fit-content; }
 .plan-price strong { font-size:68px; }
 .comparison th,.comparison td { padding:16px 10px; }
 .comparison th:first-child { width:44%; }
 .comparison table { font-size:16px; }
 .final-cta { padding:32px 24px; }
 .demo-body { padding:20px; }
 .demo-window:not(.demo-phone) .demo-row { font-size:16px; }
}
.home-hero .text-link,.faq-intro>p:not(.eyebrow) { font-size:18px; }
.tile-copy>p:not(.eyebrow),.section-heading>p:not(.eyebrow) { font-size:20px; }
.local-help-grid .contact-card { row-gap:24px; }
@media(max-width:800px) { .tile-copy>p:not(.eyebrow),.section-heading>p:not(.eyebrow) { font-size:18px; } }

/* Legal reading pages share the brand, with a quieter hierarchy for long copy. */
.legal-hero { padding-block:64px 48px; border-bottom:1px solid var(--line); }
.legal-hero h1 { max-width:1000px; font-size:clamp(40px,5vw,64px); }
.legal-hero>p:not(.eyebrow) { max-width:760px; margin-block-start:24px; font-size:18px; }
.legal-hero>p.legal-meta { font-size:14px; margin-block-start:20px; }
.legal-layout { display:grid; grid-template-columns:280px minmax(0,760px); gap:64px; padding-block:48px 80px; align-items:start; }
.legal-contents { padding:24px; background:var(--paper); border-radius:var(--radius-panel); }
.legal-contents h2 { font-size:20px; letter-spacing:-.02em; }
.legal-contents ol { list-style:none; margin:16px 0; padding:0; }
.legal-contents li>a { display:flex; align-items:center; min-height:44px; padding-block:10px; font-size:15px; line-height:1.5; text-decoration:underline; text-underline-offset:4px; }
.legal-contents .text-link { font-size:15px; }
.legal-copy { min-width:0; }
.legal-copy section { margin-block-end:40px; }
.legal-copy section:last-child { margin-block-end:0; }
.legal-copy h2 { font-size:24px; line-height:1.35; letter-spacing:-.02em; scroll-margin-block-start:120px; }
.legal-number { color:var(--muted); }
.legal-copy p,.legal-copy ul { margin-block:16px 0; font-size:17px; line-height:1.8; color:var(--charcoal); }
.legal-copy ul { padding-inline-start:24px; }
.legal-copy li+li { margin-block-start:12px; }
.legal-copy a:not(.text-link) { display:inline-block; min-height:44px; padding-block:6px; text-decoration:underline; text-underline-offset:4px; }
.legal-copy bdi { overflow-wrap:anywhere; }
@media(max-width:1000px) { .legal-layout { grid-template-columns:240px minmax(0,1fr); gap:32px; } }
@media(max-width:800px) {
  .legal-hero { padding-block:40px 32px; }
  .legal-layout { grid-template-columns:minmax(0,1fr); gap:40px; padding-block:32px 56px; }
  .legal-contents { padding:20px; }
  .legal-copy h2 { font-size:22px; }
  .legal-copy p,.legal-copy ul { font-size:16px; }
}

[data-page=""] main>.page-hero+.chapter-spacing { padding-block-start:48px; }
@media(max-width:700px) { [data-page=""] main>.page-hero+.chapter-spacing { padding-block-start:32px; } }

/* Static setup steps: useful symbols in the normal reading flow. */
.setup-steps.steps li { padding:32px 0 0; }
[dir="rtl"] .setup-steps.steps li { padding-inline:0; }
.setup-icon { display:block; width:40px; height:40px; color:var(--ink); margin-bottom:24px; }
.setup-steps.steps h3 { margin:0 0 16px; font-size:28px; line-height:1.25; }
.setup-steps.steps p { max-width:360px; font-size:18px; line-height:1.65; }
@media(max-width:700px) {
 .setup-steps.steps { gap:32px; }
 .setup-steps.steps li { padding-top:24px; }
 .setup-icon { width:32px; height:32px; margin-bottom:20px; }
 .setup-steps.steps h3 { font-size:26px; }
 .setup-steps.steps p { max-width:none; }
}

/* The silhouette stays still. Only the gesture, ink, or illustrated action moves. */
svg.sketch-animated { animation: none !important; }
.sketch-animated .sk-part { transform-box: view-box; }
.sketch-animated .sk-draw { stroke-dasharray: 1; stroke-dashoffset: 0; }
.sketch-animated .sk-phone-scan { opacity: 0; }
.sk-chef-serving { transform-origin: 126px 146px; }
.sk-chef-lid { transform-origin: 195px 143px; }
.sk-chef-eyes { transform-origin: 103px 110px; }
.sk-cloche-lid { transform-origin: 121px 164px; }
.sk-cloche-glint { transform-origin: 216px 86px; }
.sk-phone-confirm { transform-origin: 146px 168px; }
.sk-receipt-stamp { transform-origin: 151px 181px; }
.sk-plate-fork { transform-origin: 29px 201px; }
.sk-plate-knife { transform-origin: 213px 201px; }
.sk-plate-eyes { transform-origin: 120px 113px; }
.sk-plate-smile { transform-origin: 120px 137px; }
.sk-spark-first { transform-origin: 202px 57px; }
.sk-spark-second { transform-origin: 36px 190px; }
.sk-chart-bar-first { transform-origin: 72px 190px; }
.sk-chart-bar-second { transform-origin: 126px 190px; }
.sk-chart-bar-third { transform-origin: 180px 190px; }
.sk-tablet-bar-first { transform-origin: 139px 142px; }
.sk-tablet-bar-second { transform-origin: 176px 140px; }
.sk-menu-dish { transform-origin: 98px 137px; }

/* No-JS, offscreen, paused, and reduced-motion views retain the finished drawing.
   Animation declarations only exist while the scene is observed and playing. */
@media (prefers-reduced-motion: no-preference) {
  html[data-motion="playing"] .motion-scene.is-in-view .sk-chef-serving { animation: sk-serve 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-chef-lid { animation: sk-chef-reveal 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view :is(.sk-chef-eyes, .sk-plate-eyes) { animation: sk-blink 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-cloche-lid { animation: sk-lift-lid 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-cloche-glint { animation: sk-glint 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-steam { animation: sk-steam-rise 3s ease-out infinite both; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-steam-second { animation-delay: .7s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-steam-third { animation-delay: 1.4s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-phone-scan { animation: sk-phone-scan 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-phone-confirm { animation: sk-confirm 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-phone-check { animation: sk-confirm-ink 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-phone-signal { animation: sk-signal 3s ease-in-out infinite both; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-signal-second { animation-delay: .25s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-signal-third { animation-delay: .5s; }
  html[data-motion="playing"] .motion-scene.is-in-view :is(.sk-phone-line, .sk-tablet-line, .sk-menu-line) { animation: sk-write 6s ease-in-out infinite both; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-second { animation-delay: .3s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-third { animation-delay: .6s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-fourth { animation-delay: .9s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-fifth { animation-delay: 1.2s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-receipt-line { animation: sk-write 6s ease-in-out infinite both; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-2 { animation-delay: .3s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-3 { animation-delay: .6s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-4 { animation-delay: .9s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-line-5 { animation-delay: 1.2s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-receipt-stamp { animation: sk-stamp 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-receipt-check { animation: sk-stamp-ink 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-plate-fork { animation: sk-fork-gesture 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-plate-knife { animation: sk-knife-gesture 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-plate-smile { animation: sk-smile 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view :is(.sk-chart-bar, .sk-tablet-bar) { animation: sk-grow 6s cubic-bezier(.2,.65,.3,1) infinite both; }
  html[data-motion="playing"] .motion-scene.is-in-view :is(.sk-chart-bar-second, .sk-tablet-bar-second) { animation-delay: .35s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-chart-bar-third { animation-delay: .7s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-chart-trend { animation: sk-trend 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-chart-arrow { animation: sk-arrow 6s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view :is(.sk-spark-first, .sk-spark-second) { animation: sk-twinkle 5s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-spark-second { animation-delay: .8s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-scan-line { animation: sk-scan-sweep 4s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-scan-cell { animation: sk-scan-read 4s ease-in-out infinite; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-scan-cell-second { animation-delay: .35s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-scan-cell-third { animation-delay: .7s; }
  html[data-motion="playing"] .motion-scene.is-in-view .sk-menu-dish { animation: sk-dish-arrive 6s ease-in-out infinite; }
}

html[data-motion="paused"] .sketch-animated .sk-part { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .sketch-animated .sk-part { animation: none !important; }
}

@keyframes sk-serve {
  0%, 15%, 80%, 100% { transform: rotate(0); }
  32%, 60% { transform: rotate(-6deg); }
}
@keyframes sk-chef-reveal {
  0%, 26%, 76%, 100% { transform: translateY(0) rotate(0); }
  42%, 60% { transform: translateY(-9px) rotate(-4deg); }
}
@keyframes sk-lift-lid {
  0%, 18%, 82%, 100% { transform: translateY(0) rotate(0); }
  38%, 62% { transform: translateY(-16px) rotate(-5deg); }
}
@keyframes sk-blink {
  0%, 45%, 49%, 100% { transform: scaleY(1); }
  47% { transform: scaleY(.15); }
}
@keyframes sk-steam-rise {
  0% { transform: translateY(5px); opacity: 0; }
  24%, 55% { opacity: 1; }
  100% { transform: translateY(-12px); opacity: 0; }
}
@keyframes sk-glint {
  0%, 24%, 72%, 100% { transform: scale(1); opacity: 1; }
  45% { transform: scale(.7); opacity: .45; }
  58% { transform: scale(1.12); opacity: 1; }
}
@keyframes sk-phone-scan {
  0%, 10% { transform: translate(0, 0); opacity: 0; }
  16% { transform: translate(0, 0); opacity: .7; }
  42% { transform: translate(-4px, 43px); opacity: .7; }
  48%, 100% { transform: translate(-4px, 43px); opacity: 0; }
}
@keyframes sk-confirm {
  0%, 44% { opacity: 0; transform: scale(.8); }
  52% { opacity: 1; transform: scale(1.08); }
  60%, 94% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}
@keyframes sk-confirm-ink {
  0%, 50% { stroke-dashoffset: 1; }
  62%, 100% { stroke-dashoffset: 0; }
}
@keyframes sk-signal {
  0%, 100% { stroke-dashoffset: 1; opacity: .35; }
  32%, 72% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes sk-write {
  0%, 9% { stroke-dashoffset: 1; }
  25%, 87% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 1; }
}
@keyframes sk-stamp {
  0%, 40% { opacity: 0; transform: scale(1.2); }
  50% { opacity: 1; transform: scale(.93); }
  58%, 94% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}
@keyframes sk-stamp-ink {
  0%, 48% { stroke-dashoffset: 1; }
  65%, 100% { stroke-dashoffset: 0; }
}
@keyframes sk-fork-gesture {
  0%, 15%, 70%, 100% { transform: rotate(0); }
  30%, 50% { transform: rotate(7deg); }
  40%, 60% { transform: rotate(3deg); }
}
@keyframes sk-knife-gesture {
  0%, 15%, 70%, 100% { transform: rotate(0); }
  30%, 50% { transform: rotate(-7deg); }
  40%, 60% { transform: rotate(-3deg); }
}
@keyframes sk-smile {
  0%, 18%, 78%, 100% { transform: scaleY(1); }
  38%, 58% { transform: scaleY(1.25); }
}
@keyframes sk-grow {
  0%, 8% { transform: scaleY(.08); }
  38%, 82% { transform: scaleY(1); }
  100% { transform: scaleY(.08); }
}
@keyframes sk-trend {
  0%, 25% { stroke-dashoffset: 1; }
  55%, 87% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 1; }
}
@keyframes sk-arrow {
  0%, 48%, 100% { opacity: 0; }
  57%, 87% { opacity: 1; }
}
@keyframes sk-twinkle {
  0%, 18%, 72%, 100% { transform: scale(1); opacity: 1; }
  35% { transform: scale(.55); opacity: .45; }
  52% { transform: scale(1.1); opacity: 1; }
}
@keyframes sk-scan-sweep {
  0%, 100% { transform: translateY(-46px); opacity: .45; }
  50% { transform: translateY(46px); opacity: 1; }
}
@keyframes sk-scan-read {
  0%, 85%, 100% { fill: var(--light-green); }
  35%, 55% { fill: #fff; }
}
@keyframes sk-dish-arrive {
  0%, 18%, 80%, 100% { transform: scale(1); }
  40% { transform: scale(.85); }
  52%, 65% { transform: scale(1.07); }
}

/* The finished scene is the default: no script or motion preference needed. */
.flow-line { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; fill:none; stroke:var(--ink); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:.55; }
.flow-line path { stroke-dasharray:1; stroke-dashoffset:0; }
.flow-line-kitchen { opacity:.35; }
.menu-stage .flow-line { z-index:0; }
.menu-stage .menu-mockup { z-index:1; }
.menu-dish { transform-origin:50% 100%; }
.order-slip,.demo-ticket { transform-origin:50% 0; }
.visual-stage { perspective:1100px; }
.demo-chart[data-scroll-effect="bar"] { transform-origin:left; }
[dir="rtl"] .demo-chart[data-scroll-effect="bar"] { transform-origin:right; }
.sketch-icon { overflow:visible; }

@media(max-width:700px) {
  .flow-line { opacity:.3; }
}
@media(prefers-reduced-motion:reduce) {
  /* CSS remains authoritative even if a browser delays its JS media event. */
  [data-scroll-effect] { transform:none!important; clip-path:none!important; stroke-dashoffset:0!important; }
}

/* Approved white lockup retains its exact geometry on the dark footer. */
.site-footer-dark {
  --footer-copy: #d2dcd4;
  --footer-line: #3a473e;
  padding-block: 76px 28px;
  color: var(--paper);
  background: var(--ink);
}
.site-footer-dark .footer-top {
  gap: 64px;
  padding-block-end: 36px;
}
.site-footer-dark .footer-brand > p {
  color: var(--footer-copy);
  font-size: 16px;
  line-height: 1.75;
}
.site-footer-dark .footer-top nav h2 {
  color: var(--mint);
  font-size: 20px;
  font-weight: 600;
}
.site-footer-dark .footer-top nav > a {
  min-height: 48px;
  color: var(--footer-copy);
  font-size: 18px;
}
.site-footer-dark .footer-top nav > a:hover {
  color: #fff;
  text-decoration-color: var(--mint);
}
.site-footer-dark :focus-visible {
  outline: 3px solid var(--mint);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--ink);
}
.site-footer-dark .footer-wordmark {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin-block: 50px 58px;
  overflow: hidden;
}
.footer-signature-base {
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  clip-path: none;
}
/* Scroll fills mint from left to right over the fully visible white logo. */
.footer-signature-light {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: url('/assets/zeera-negative-logo.svg?v=approved-20261013');
  mask-image: url('/assets/zeera-negative-logo.svg?v=approved-20261013');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
.footer-signature-beam {
  position: absolute;
  inset: 0;
  background: #C5E4CA;
  clip-path: inset(0 100% 0 0);
}
.site-footer-dark .footer-bottom {
  padding-block-start: 20px;
  border-color: var(--footer-line);
  color: var(--footer-copy);
}
.site-footer-dark .footer-bottom p {
  color: var(--footer-copy);
}
.site-footer-dark .footer-bottom > a,
.site-footer-dark
.site-footer-dark .footer-bottom > a:hover {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: var(--mint);
  text-underline-offset: 5px;
}
[data-motion="paused"] .footer-signature-base {
  opacity: 1 !important;
  clip-path: none !important;
}
[data-motion="paused"] .footer-signature-light {
  opacity: 0 !important;
  animation: none;
}
@media (max-width: 1100px) {
  .site-footer-dark .footer-top { gap: 36px; }
}
@media (max-width: 700px) {
  .site-footer-dark { padding-block: 48px 24px; }
  .site-footer-dark .footer-top { gap: 28px 16px; padding-block-end: 18px; }
  .site-footer-dark .footer-brand { margin-block-end: 12px; }
  .site-footer-dark .footer-brand > p { font-size:16px; }
  .site-footer-dark .footer-top nav h2 { font-size:20px; }
  .site-footer-dark .footer-top nav > a { font-size:18px; }
  .site-footer-dark .footer-wordmark { margin-block: 40px 30px; }
  .site-footer-dark .footer-bottom { gap: 4px 20px; padding-block-start: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-signature-base { opacity: 1 !important; clip-path: none !important; }
  .footer-signature-light { opacity: 0 !important; animation: none; }
}
@media (forced-colors: active) {
  .site-footer-dark { border-block-start: 1px solid CanvasText; }
  .site-footer-dark :focus-visible { outline-color: Highlight; box-shadow: none; }
  .footer-signature-light { display: none; }
}

/* Original menu-wearing cast with proper hands on the approved white canvas. */
.cast-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.home-hero.wrap { width: 100%; max-width: none; min-height: 1020px; padding: 88px 24px 400px; background: #FFFFFF; overflow:clip; }
.home-hero .hero-description { color: #231F20; }
@media (max-width: 700px) { .home-hero.wrap { padding: 64px 20px 80px; } }
.home-hero>.hero-cast { position:absolute; left:50%; bottom:0; width:1440px; height:1020px; transform:translateX(-50%); z-index:0; overflow:hidden; pointer-events:none; container-type:size; }
.cast-member { position:absolute; left:0; top:0; width:var(--size); transform:translate(calc(var(--x) - var(--size) / 2 + var(--push-x,0px)),calc(100cqh - var(--bottom) - var(--size) * 116 / 90 + var(--push-y,0px))); }
.cast-walk,.cast-facing { display:block; }
.cast-facing { transform:scaleX(var(--facing,1)); }
.cast-head { transform-origin:44px 75px; }
.cast-right-arm { transform-origin:63px 49px; transform:rotate(var(--swing,0deg)); }
.cast-left-arm { transform-origin:25px 49px; transform:rotate(calc(var(--swing,0deg) * -1)); }
.cast-body { transform-origin:44px 86px; transform:translateY(var(--bob,0px)); }
.cast-eyes { transform-origin:60px 43px; }
.cast-gaze { transform:translate(var(--gaze-x,0px),var(--gaze-y,0px)); }
.cast-paper,.cast-phone { transform-origin:45px 47px; transition:opacity 160ms ease-out; }
.cast-phone { opacity:0; }
.is-phone .cast-paper { opacity:0; }
.is-phone .cast-phone { opacity:1; }
@media(prefers-reduced-motion:reduce) { .cast-paper,.cast-phone { transition:none; } }
.cast-member svg { display:block; width:100%; overflow:visible; }
@media(max-width:700px) {
  .home-hero.wrap { min-height:840px; padding-bottom:370px; }
}
/* Fixed scene fallback; viewport crops the scene. */
.cast-member:nth-child(1) { display:block;--x:420.8595311501995px;--bottom:449.80479149128206px;--size:116px;z-index:0; }
.cast-member:nth-child(2) { display:block;--x:1025.4407614497468px;--bottom:423.58494716117985px;--size:116px;z-index:0; }
.cast-member:nth-child(3) { display:block;--x:1211.2213091840968px;--bottom:626.753641952331px;--size:116px;z-index:0; }
.cast-member:nth-child(4) { display:block;--x:228.33127008471638px;--bottom:635.3167219874811px;--size:116px;z-index:0; }
.cast-member:nth-child(5) { display:block;--x:815.1042082896456px;--bottom:331.31510434117064px;--size:116px;z-index:0; }
.cast-member:nth-child(6) { display:block;--x:238.0275840656832px;--bottom:508.0646565617424px;--size:116px;z-index:0; }
.cast-member:nth-child(7) { display:block;--x:1209.9189434004948px;--bottom:494.2042179541093px;--size:116px;z-index:0; }
.cast-member:nth-child(8) { display:block;--x:653.609343231842px;--bottom:68.56659977510571px;--size:116px;z-index:0; }
.cast-member:nth-child(9) { display:block;--x:1185.4807928603143px;--bottom:302.5373568460345px;--size:116px;z-index:0; }
.cast-member:nth-child(10) { display:block;--x:1081.3095529418438px;--bottom:36.679391980171204px;--size:116px;z-index:0; }
.cast-member:nth-child(11) { display:block;--x:154.83666014783086px;--bottom:92.68103427067399px;--size:116px;z-index:0; }
.cast-member:nth-child(12) { display:block;--x:240.96897732429207px;--bottom:186.72735483199358px;--size:116px;z-index:0; }
.cast-member:nth-child(13) { display:block;--x:745.3069350700827px;--bottom:60.763742223381996px;--size:116px;z-index:0; }
.cast-member:nth-child(14) { display:block;--x:1214.1005105149002px;--bottom:62.58002861216664px;--size:116px;z-index:0; }
.cast-member:nth-child(15) { display:block;--x:1311.2989938061685px;--bottom:44.933764420449734px;--size:116px;z-index:0; }
.cast-member:nth-child(16) { display:block;--x:93.55514754764735px;--bottom:269.3304437659681px;--size:116px;z-index:0; }
.cast-member:nth-child(17) { display:block;--x:429.0413727533072px;--bottom:86.77431962266564px;--size:116px;z-index:0; }
.cast-member:nth-child(18) { display:block;--x:968.419755069539px;--bottom:126.6845093742013px;--size:116px;z-index:0; }
.cast-member:nth-child(19) { display:block;--x:929.2354880522937px;--bottom:301.66949766501784px;--size:116px;z-index:0; }
.cast-member:nth-child(20) { display:block;--x:1376px;--bottom:279.0792528986931px;--size:116px;z-index:0; }
.cast-member:nth-child(21) { display:block;--x:255.85042190663518px;--bottom:335.3400514163077px;--size:116px;z-index:0; }
.cast-member:nth-child(22) { display:block;--x:684.1454260032624px;--bottom:263.98917139321566px;--size:116px;z-index:0; }
.cast-member:nth-child(23) { display:block;--x:557.8393731337042px;--bottom:97.79491101205349px;--size:116px;z-index:0; }
.cast-member:nth-child(24) { display:block;--x:862.3418699037284px;--bottom:167.52524575963616px;--size:116px;z-index:0; }
.cast-member:nth-child(25) { display:block;--x:1292.4301593314856px;--bottom:196.33941120281816px;--size:116px;z-index:0; }
.cast-member:nth-child(26) { display:block;--x:285.9171522449702px;--bottom:41.842217694967985px;--size:116px;z-index:0; }
.cast-member:nth-child(27) { display:block;--x:428.74612151496115px;--bottom:228.58375771716237px;--size:116px;z-index:0; }
.cast-member:nth-child(28) { display:block;--x:884.5604996871205px;--bottom:17.237168725579977px;--size:116px;z-index:0; }
.cast-member:nth-child(29) { display:block;--x:1058.001612551138px;--bottom:165.20166094228625px;--size:116px;z-index:0; }
.cast-member:nth-child(30) { display:block;--x:1275.6231004636734px;--bottom:331.5952830091119px;--size:116px;z-index:0; }
.cast-member:nth-child(31) { display:block;--x:64px;--bottom:60.213312309235334px;--size:116px;z-index:0; }
.cast-member:nth-child(32) { display:block;--x:581.1518686126917px;--bottom:304.1128539554775px;--size:116px;z-index:0; }
.cast-member:nth-child(33) { display:block;--x:773.0100206416101px;--bottom:193.01000230759382px;--size:116px;z-index:0; }
.cast-member:nth-child(34) { display:block;--x:1094.7067715775222px;--bottom:311.6834340877831px;--size:116px;z-index:0; }
.cast-member:nth-child(35) { display:block;--x:1135.7760765563696px;--bottom:161.63984543457627px;--size:116px;z-index:0; }
.cast-member:nth-child(36) { display:block;--x:326.39387120716276px;--bottom:265.135053422302px;--size:116px;z-index:0; }

.cast-paper { stroke:#231F20; }
.cast-rest,.cast-travel { transition:opacity 180ms ease; }
.cast-rest { opacity:0; }
.cast-travel { opacity:1; }
@media(prefers-reduced-motion:reduce) { .cast-rest,.cast-travel { transition:none; } }

.home-hero .hero-actions a:not(.button) { background:#FFFFFF; }