:root{color-scheme:light;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px)}body{margin:0;font:14px system-ui,sans-serif}img{max-width:100%}[hidden]{display:none!important}


/* Concepto: sitio oscuro y cálido como la app. El plato manda: crece con el scroll, y el día se recorre de desayuno a postres en una fila horizontal. */
:root{
  --bg:#120D0A; --surface:#1E1612; --surface2:#2A1F18; --line:#3A2C22;
  --fg:#FFF6EC; --muted:#C9B8A8; --accent:#EC6504; --accent-ink:#1A0F0A; --accent-text:#FF8A3D;
  --gold:#F5B83D; --ok:#6CE69A; --warn:#FF8A66;
  --display:'Bricolage Grotesque',system-ui,sans-serif; --body:'DM Sans',system-ui,sans-serif;
  --gutter-l:max(16px,env(safe-area-inset-left,0px)); --gutter-r:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){
  --bg:#FFF8F0; --surface:#FFFFFF; --surface2:#F6EADB; --line:#E6D3BE;
  --fg:#1A0F0A; --muted:#5E4B3F; --accent:#EC6504; --accent-ink:#1A0F0A; --accent-text:#B34D00;
  --gold:#8A5A00; --ok:#1B7A44; --warn:#B4381C; color-scheme:light}}
:root[data-theme="light"]{
  --bg:#FFF8F0; --surface:#FFFFFF; --surface2:#F6EADB; --line:#E6D3BE;
  --fg:#1A0F0A; --muted:#5E4B3F; --accent:#EC6504; --accent-ink:#1A0F0A; --accent-text:#B34D00;
  --gold:#8A5A00; --ok:#1B7A44; --warn:#B4381C; color-scheme:light}
:root{color-scheme:dark}
*{box-sizing:border-box}
html{scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--body);padding-left:0;padding-right:0}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:1160px;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
section{padding-block:96px}
.eyebrow{font:700 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin-bottom:16px;display:block}
h2{font-size:clamp(2rem,4.6vw,3.5rem);max-width:18ch}
.lead{font-size:1.125rem;color:var(--muted);max-width:56ch;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:30px;background:var(--accent);color:var(--accent-ink);font:700 16px var(--body);text-decoration:none;border:0;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--fg);border:1.5px solid var(--line)}
.btn.ghost:hover{border-color:var(--fg);filter:none}

/* progreso y cabecera */
.progress{position:fixed;left:0;top:env(safe-area-inset-top,0px);height:3px;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);z-index:60}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:50}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
header.top.scrolled{border-color:var(--line)}
.nav{display:flex;align-items:center;gap:24px;min-height:68px}
.nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav .brand img.ic{height:34px;width:auto}
.nav .brand img.wm{height:26px;width:auto}
.nav ul{display:flex;gap:22px;list-style:none;margin:0 0 0 auto;padding:0}
.nav ul a{font-weight:500;color:var(--muted);text-decoration:none;padding:10px 4px}
.nav ul a:hover{color:var(--fg)}
.nav .btn{min-height:44px;padding:0 20px;font-size:15px}

/* hero */
.hero{padding-block:48px 72px;overflow:clip}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.8rem,7.4vw,6rem);max-width:11ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .lead{max-width:44ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;color:var(--muted);font-size:14px;align-items:center}
.stores span.pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:20px;color:var(--fg);font-weight:500}
.stage{position:relative;aspect-ratio:1/1;max-width:540px;width:100%;margin-inline:auto}
.big-plate{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#FBEFE0 0 62%,#E4D2BD 63% 100%);box-shadow:0 40px 80px rgba(0,0,0,.45);will-change:transform}
.big-plate .food{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#FFC56E,#D9651F 55%,#7A2E0B);box-shadow:inset 0 -14px 30px rgba(0,0,0,.28)}
.chip{position:absolute;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.3);will-change:transform}
.chip b{font:800 28px/1 var(--display);color:var(--gold)}
.chip span{font-size:13px;color:var(--muted)}
.chip.c1{left:-2%;top:12%}.chip.c2{right:-2%;top:46%}.chip.c3{left:6%;bottom:6%}
.chip.c2 b{color:var(--ok)}
.sample-note{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}

/* historia del teléfono */
.story{background:var(--surface)}
.story-grid{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start;margin-top:56px}
.steps{display:flex;flex-direction:column}
.step{min-height:58vh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-block:32px;opacity:.5;transition:opacity .3s}
.step.on{opacity:1}
.step .n{font:800 14px var(--display);color:var(--accent-text);letter-spacing:.1em}
.step h3{font-size:clamp(1.6rem,3vw,2.4rem);max-width:16ch}
.step p{color:var(--muted);max-width:44ch;font-size:1.0625rem}
.phone-col{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));order:2}
.phone{width:300px;height:600px;margin-inline:auto;border-radius:44px;border:10px solid #000;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.scr{position:absolute;inset:0;padding:20px 16px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s;pointer-events:none;color:#FFF6EC;background:#120D0A}
.phone[data-step="1"] .s1,.phone[data-step="2"] .s2,.phone[data-step="3"] .s3,.phone[data-step="4"] .s4{opacity:1;transform:none}
.scr .row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.scr .hd{font:800 20px var(--display)}
.scr .mini-chip{padding:6px 12px;border-radius:16px;border:1.5px solid #4A3A2E;font-size:12px;font-weight:700;color:#E6D6C6}
.scr .mini-chip.on{background:#FFF6EC;color:#1A0F0A;border-color:#FFF6EC}
.hero-dish{height:230px;border-radius:22px;background:linear-gradient(150deg,#3A1A0C,#8A3B14);position:relative;overflow:hidden}
.hero-dish i{position:absolute;left:50%;top:26px;margin-left:-86px;width:172px;height:172px;border-radius:50%;background:radial-gradient(circle,#FBEFE0 0 62%,#E4D2BD 63% 100%)}
.hero-dish i::after{content:"";position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#FFC56E,#D9651F 55%,#7A2E0B)}
.price-big{font:800 30px var(--display);color:#F5B83D}
.mini-btn{height:46px;border-radius:23px;background:#EC6504;color:#1A0F0A;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;margin-top:auto}
.mini-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:16px;background:#1E1612}
.mini-card .m{width:46px;height:46px;border-radius:12px;background:linear-gradient(150deg,var(--ta),var(--tb));position:relative;flex:0 0 auto}
.mini-card .m::after{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--f1),var(--f2) 55%,var(--f3))}
.mini-card b{font-size:13px;display:block}.mini-card small{font-size:11px;color:#C9B8A8}
.pay{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1.5px solid #3A2C22;background:#1E1612;font-size:14px;font-weight:700}
.pay.on{border-color:#EC6504;background:#2A1B13}
.pay .rd{width:18px;height:18px;border-radius:9px;border:2px solid #8A7868;display:inline-block;flex:0 0 auto}
.pay.on .rd{border-color:#EC6504;background:radial-gradient(circle,#EC6504 0 45%,transparent 50%)}
.pin{display:flex;gap:8px;justify-content:center;margin:8px 0}
.pin span{width:48px;height:58px;border-radius:14px;background:#1E1612;border:1.5px solid #3A2C22;display:flex;align-items:center;justify-content:center;font:800 28px var(--display);color:#F5B83D}
.track-line{display:flex;flex-direction:column;gap:10px;font-size:13px}
.track-line div{display:flex;align-items:center;gap:10px;color:#C9B8A8}
.track-line div.done{color:#6CE69A}
.track-line i{width:10px;height:10px;border-radius:5px;background:currentColor;flex:0 0 auto}

/* fila horizontal por horario */
.rail{position:relative;padding-block:0}
.rail-pin{padding-block:96px}
.rail-head{display:flex;flex-wrap:wrap;gap:24px;align-items:end;justify-content:space-between}
.slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.slots span{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;border-radius:22px;border:1.5px solid var(--line);font-weight:700;font-size:15px;color:var(--muted);transition:all .25s}
.slots span.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.rail-viewport{margin-top:32px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:16px;scrollbar-width:thin}
.rail-track{display:flex;gap:20px;width:max-content;padding-inline:max(var(--gutter-l),calc((100vw - 1160px)/2 + 16px)) max(var(--gutter-r),16px)}
.dish{width:280px;flex:0 0 auto;scroll-snap-align:start;padding:16px;border-radius:24px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.dish .plate{aspect-ratio:1/1;border-radius:18px;background:linear-gradient(150deg,var(--ta),var(--tb));position:relative;margin-bottom:10px}
.dish .plate::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#FBEFE0 0 62%,#E4D2BD 63% 100%)}
.dish .plate-food{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--f1),var(--f2) 55%,var(--f3))}
.dish h3{font-size:1.25rem;line-height:1.15}
.dish-meta{font-size:14px;color:var(--muted)}
.dish-price{font:800 22px var(--display);color:var(--gold)}
.rail.pinned .rail-pin{position:sticky;top:calc(72px + env(safe-area-inset-top,0px));overflow:hidden;padding-block:24px}
.rail.pinned .rail-viewport{overflow:hidden;scroll-snap-type:none}
.rail.pinned .rail-track{will-change:transform}
.rail-note{font-size:13px;color:var(--muted);margin-top:8px}

/* pagos */
.pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.pay-card{padding:24px;border-radius:24px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-width:0}
.pay-card svg{color:var(--accent-text)}
.pay-card h3{font-size:1.25rem}
.pay-card p{color:var(--muted);font-size:15px}
.rate{margin-top:24px;padding:18px 22px;border-radius:18px;background:var(--surface2);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.rate b{font:800 24px var(--display);color:var(--gold)}
.rate span{color:var(--muted);font-size:14px}

/* negocios */
.biz{background:var(--surface)}
.biz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
.biz-card{padding:28px;border-radius:24px;background:var(--bg);border:1px solid var(--line);display:flex;gap:18px;min-width:0}
.biz-card svg{flex:0 0 auto;color:var(--accent-text)}
.biz-card h3{font-size:1.3rem;margin-bottom:6px}
.biz-card p{color:var(--muted);font-size:15px}
.biz-flow{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:40px;align-items:center;color:var(--muted);font-size:14px}
.biz-flow span{padding:8px 14px;border-radius:18px;background:var(--bg);border:1px solid var(--line);color:var(--fg);font-weight:500}
.biz-flow i{width:20px;height:2px;background:var(--line);margin:0 4px}

/* confianza */
.trust-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;margin-top:48px;align-items:start}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.checks li{display:flex;gap:14px}
.checks svg{flex:0 0 auto;color:var(--ok);margin-top:3px}
.checks b{display:block;margin-bottom:2px}
.checks span{color:var(--muted);font-size:15px}
.reviews{display:grid;gap:14px}
.review{margin:0;padding:22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.stars{display:flex;gap:2px;color:var(--gold)}
.review blockquote{margin:0;font-size:1.0625rem}
.review figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:14px}
.verified{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:700;font-size:13px}
.ex-note{font-size:12px;color:var(--muted)}

/* faq */
.faq{background:var(--surface)}
.faq-list{margin-top:40px;max-width:820px;display:flex;flex-direction:column;gap:10px}
.faq-item{border-radius:18px;background:var(--bg);border:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 22px;font-weight:700;font-size:1.0625rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary svg{flex:0 0 auto;transition:transform .2s}
.faq-item[open] summary svg{transform:rotate(180deg)}
.faq-item p{padding:0 22px 22px;color:var(--muted);max-width:64ch}

/* contacto */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.card{padding:28px;border-radius:24px;background:var(--surface);border:1px solid var(--line);min-width:0}
.card h3{font-size:1.5rem;margin-bottom:6px}
.card>p{color:var(--muted);font-size:15px;margin-bottom:18px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-weight:700;font-size:14px}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:400 16px var(--body)}
.field textarea{min-height:110px;resize:vertical}
.field .err{display:none;color:var(--warn);font-size:13px}
.field.bad .err{display:block}.field.bad input,.field.bad textarea,.field.bad select{border-color:var(--warn)}
.status{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--surface2);font-size:14px}
.copy{display:inline-flex;align-items:center;gap:8px;margin-top:6px;min-height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--line);background:transparent;color:var(--fg);font:700 14px var(--body);cursor:pointer}

/* legal */
.legal{background:var(--surface)}
.legal-grid{display:grid;grid-template-columns:260px 1fr;gap:40px;margin-top:40px;align-items:start}
.tablist{display:flex;flex-direction:column;gap:6px;position:sticky;top:calc(90px + env(safe-area-inset-top,0px))}
.tablist button{min-height:48px;padding:0 18px;text-align:left;border-radius:14px;border:1.5px solid transparent;background:transparent;color:var(--muted);font:500 15px var(--body);cursor:pointer}
.tablist button[aria-selected="true"]{background:var(--bg);color:var(--fg);border-color:var(--line);font-weight:700}
.legal-panel{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:32px;min-width:0}
.legal-panel h3{font-size:1.8rem;margin-bottom:10px}
.legal-panel h4{font-size:1.1rem;margin:24px 0 6px}
.legal-panel p{color:var(--muted);max-width:68ch}
.legal-panel p.draft{color:var(--gold);font-size:13px;font-weight:700}

/* resumen y pie */
.facts{background:var(--bg)}
.facts dl{display:grid;grid-template-columns:200px 1fr;gap:12px 32px;margin:32px 0 0;max-width:820px}
.facts dt{font-weight:700}.facts dd{margin:0;color:var(--muted)}
footer{border-top:1px solid var(--line);padding-block:56px calc(40px)}
.foot{display:flex;flex-wrap:wrap;gap:32px 64px;justify-content:space-between}
.foot img{height:36px;width:auto}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.foot a{color:var(--muted);text-decoration:none;padding:6px 0;display:inline-block}
.foot a:hover{color:var(--fg)}
.foot h4{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:var(--accent-text);font-family:var(--body)}
.fine{margin-top:40px;font-size:13px;color:var(--muted);max-width:80ch}

@media (max-width:900px){
  section{padding-block:64px}
  .rail-pin{padding-block:64px}
  .nav ul{display:none}.nav .btn{margin-left:auto}
  .hero-grid,.trust-grid,.contact-grid,.legal-grid{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr;gap:0}
  .steps{order:1}
  .phone-col{order:0;top:calc(72px + env(safe-area-inset-top,0px));z-index:5;background:var(--surface);padding-block:12px;height:332px;overflow:hidden}
  .phone{transform:scale(.52);transform-origin:top center;margin-bottom:-288px}
  .step{min-height:46vh}
  .pay-grid,.biz-grid{grid-template-columns:1fr}
  .tablist{position:static;flex-direction:row;flex-wrap:wrap}
  .facts dl{grid-template-columns:1fr;gap:4px}.facts dd{margin-bottom:14px}
  .chip.c1{left:0}.chip.c2{right:0}
}
@media (min-width:901px) and (max-width:1100px){.pay-grid{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scr,.step,.slots span,.faq-item summary svg{transition:none}.big-plate,.chip{transform:none!important}}
/* ===== v2: portada, vistas y Nosotros ===== */
[hidden]{display:none!important}
.hero{padding-block:40px 40px}
.hero h1{font-size:clamp(3rem,8vw,6.6rem);max-width:10ch}
.hero .lead{font-size:1.25rem;max-width:40ch;color:var(--fg);opacity:.86}
.store-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.store{display:block;width:176px;border-radius:14px;transition:transform .15s}
.store:hover{transform:translateY(-2px)}
.store svg{display:block;width:100%;height:auto}
.soon{margin-top:12px;font-size:13px;color:var(--muted)}
.stage{max-width:560px}
.photo{position:absolute;inset:3% 8% 9% 3%;border-radius:50%;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5);will-change:transform;background:var(--surface)}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-phone{position:absolute;right:0;bottom:0;width:36%;aspect-ratio:390/844;border-radius:26px;border:6px solid #000;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.55);background:#120D0A;will-change:transform}
.hero-phone img{width:100%;height:100%;object-fit:cover;display:block}
.chip.c1{left:-3%;top:10%}.chip.c2{right:-4%;top:34%}.chip.c3{left:2%;bottom:4%}
.stats{padding-block:0 8px}
.stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stats li{padding:18px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}
.stats b{font:800 1.6rem/1 var(--display);color:var(--gold)}
.stats span{font-size:14px;color:var(--muted)}
.scr{padding:0}
.scr img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.dish .plate{background:none;overflow:hidden}
.dish .plate::before{display:none}
.dish .plate img{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px}
.biz-photo{margin-top:40px;border-radius:28px;overflow:hidden;position:relative;aspect-ratio:21/9;background:var(--surface2)}
.biz-photo img{width:100%;height:100%;object-fit:cover;display:block}
.biz-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 28px 24px;background:linear-gradient(to top,rgba(10,6,4,.85),transparent);color:#FFF6EC;font:800 clamp(1.2rem,2.6vw,1.9rem)/1.1 var(--display);max-width:none}
.shots{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 18px;margin-top:40px;scroll-snap-type:x proximity;scrollbar-width:thin}
.shots figure{margin:0;flex:0 0 auto;width:210px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.shots img{width:100%;aspect-ratio:390/844;object-fit:cover;border-radius:26px;border:5px solid #000;display:block;background:#120D0A}
.shots figcaption{font-size:13px;color:var(--muted);text-align:center}
.final{text-align:center;position:relative;overflow:hidden}
.final h2{margin-inline:auto;max-width:14ch}
.final .lead{margin-inline:auto}
.final .store-row{justify-content:center}
.final .quick{margin-top:28px;font-size:15px;color:var(--muted)}
.final .quick a{color:var(--accent-text);font-weight:700}
.final-glow{position:absolute;inset:auto -10% -40% -10%;height:70%;background:radial-gradient(ellipse at 50% 100%,rgba(236,101,4,.28),transparent 65%);pointer-events:none}
.final .wrap{position:relative}
/* Nosotros */
.nos-hero{padding-block:56px 8px}
.nos-hero h1{font-size:clamp(2.4rem,6vw,4.4rem)}
.nos-hero .lead{margin-top:14px}
.nos{padding-block:32px 96px}
.nos-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start}
.nos-menu{position:sticky;top:calc(88px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.nos-menu h4{font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:14px 10px 6px}
.nos-menu h4:first-child{margin-top:4px}
.nos-menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:500;font-size:15px}
.nos-menu a:hover{color:var(--fg)}
.nos-menu a[aria-current="page"]{background:var(--bg);color:var(--fg);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}
.nos-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-weight:700;font-size:14px;margin-bottom:6px;min-height:44px}
.np{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:36px;min-width:0}
.np h2{font-size:clamp(1.8rem,3.4vw,2.6rem);max-width:none;margin-bottom:12px}
.np h4{font-size:1.1rem;margin:24px 0 6px}
.np p{color:var(--muted);max-width:68ch}
.np p.draft{color:var(--gold);font-size:13px;font-weight:700;margin-bottom:8px}
.np .faq-list{margin-top:24px;max-width:none}
.np .faq-item{background:var(--bg)}
.more-btn{margin-top:14px}
.np .contact-grid{grid-template-columns:1fr;margin-top:24px}
.np .card{background:var(--bg)}
.np dl{display:grid;grid-template-columns:180px 1fr;gap:12px 28px;margin:24px 0 0}
.np dt{font-weight:700}.np dd{margin:0;color:var(--muted)}
@media (max-width:900px){
  .stats ul{grid-template-columns:repeat(2,1fr)}
  .nav .desk{display:none}
  .burger{display:inline-flex!important}
  .hero{text-align:center}
  .hero h1,.hero .lead{margin-inline:auto}
  .hero .store-row{justify-content:center}
  .hero .store{width:min(60vw,220px)}
  .nos-grid{grid-template-columns:1fr}
  .nos-menu{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
  .nos-menu h4{width:100%}
  .nos-menu a{border:1px solid var(--line)}
  .np{padding:24px 20px}
  .np dl{grid-template-columns:1fr;gap:4px}.np dd{margin-bottom:12px}
  .store{width:min(46vw,176px)}
  .chip.c2{right:0}.chip.c1{left:0}
}

.burger{display:none;margin-left:auto;width:48px;height:48px;border-radius:24px;border:1.5px solid var(--line);background:transparent;color:var(--fg);align-items:center;justify-content:center;cursor:pointer}
.mnav{display:flex;flex-direction:column;gap:2px;padding:8px var(--gutter-r) 20px var(--gutter-l);border-top:1px solid var(--line);background:var(--bg);max-height:calc(100vh - 72px);overflow-y:auto}
.mnav a:not(.btn){display:flex;align-items:center;min-height:52px;padding:0 8px;font:700 18px var(--body);text-decoration:none;border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:16px;width:100%}
@media (min-width:901px){.mnav,.burger{display:none!important}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}