/* eets.in · EETS Partner home page. Night service: warm dark, chilli light, paper receipts. */
/* Fonts are self-hosted (fontsource, SIL OFL). */
@font-face{font-family:'Fraunces';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/fraunces-latin-standard-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/fraunces-latin-ext-standard-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:italic;font-display:swap;font-weight:100 900;src:url(fonts/fraunces-latin-standard-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:italic;font-display:swap;font-weight:100 900;src:url(fonts/fraunces-latin-ext-standard-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(fonts/bricolage-grotesque-latin-standard-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(fonts/bricolage-grotesque-latin-ext-standard-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/jetbrains-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/jetbrains-mono-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/jetbrains-mono-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --night:#0E0B09; --night2:#15110E; --card:#1C1713; --card2:#241E19; --line:rgba(245,240,232,.10); --line2:rgba(245,240,232,.18);
  --paper:#F5F0E8; --paper2:#EDE5D8; --ink:#1A1612; --ink2:#3A332B; --mut:#B9AE9F; --mut2:#8A7F72; --pmut:#6E6458; --pline:#E2D8C9;
  --chilli:#D9381E; --ember:#FF6A47; --saffron:#E89A1F; --leaf:#2E9E66; --need:#D9381E; --forest:#FFFFFF; --accink:#D9381E; --leafsoft:#E1F2E8; --cooksoft:#FCEFD8; --needsoft:#FBE3DC;
  --f-d:"Fraunces",ui-serif,Georgia,serif; --f-b:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif; --f-m:"JetBrains Mono",ui-monospace,monospace;
  --r:22px; --pad:clamp(16px,5vw,72px); --max:1240px;
  --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--paper);font:400 17px/1.6 var(--f-b);font-optical-sizing:auto;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--paper);color:var(--ink);padding:8px 14px;border-radius:10px}
.skip:focus{left:8px}
.mono{font-family:var(--f-m);font-variant-numeric:tabular-nums}
.display{font-family:var(--f-d);font-weight:600;letter-spacing:-.012em;word-spacing:.06em;line-height:1.02;font-variation-settings:"opsz" 120}
.display em{font-style:italic;font-weight:500;color:var(--ember)}
.paper .display em{color:var(--chilli)}

/* film grain + scroll progress */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.progress{position:fixed;inset:0 0 auto;height:3px;z-index:80}
.progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--chilli),var(--saffron))}

/* nav */
.nav{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:70;width:min(calc(100% - 24px),var(--max));display:flex;align-items:center;gap:20px;
  padding:10px 10px 10px 18px;border-radius:999px;background:rgba(21,17,14,.55);border:1px solid var(--line);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  transition:background .4s,border-color .4s,top .4s}
.nav.solid{background:rgba(14,11,9,.82);border-color:var(--line2)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:800 19px/1 var(--f-b);letter-spacing:-.01em;white-space:nowrap}
.brand sup{font-size:.5em;margin-left:-6px;opacity:.7}
.brand em{font-style:normal;color:var(--ember);font-weight:700}
.mark{display:inline-grid;grid-template-columns:repeat(3,5px);gap:3px;align-items:end;height:18px}
.mark i{display:block;width:5px;border-radius:3px;background:var(--ember);animation:eq 1.6s var(--ease) infinite}
.mark i:nth-child(1){height:9px}.mark i:nth-child(2){height:18px;animation-delay:.2s;background:var(--paper)}.mark i:nth-child(3){height:13px;animation-delay:.4s}
@keyframes eq{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.55)}}
.links{display:flex;gap:4px;margin-left:auto}
.links a{text-decoration:none;font-size:15px;color:var(--mut);padding:8px 12px;border-radius:999px;transition:color .2s,background .2s}
.links a:hover,.links a.on{color:var(--paper);background:rgba(245,240,232,.07)}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:transparent;cursor:pointer;position:relative}
.menu-btn i{position:absolute;left:13px;right:13px;height:2px;background:var(--paper);border-radius:2px;transition:transform .3s var(--ease)}
.menu-btn i:first-child{top:17px}.menu-btn i:last-child{top:25px}
.menu-btn[aria-expanded=true] i:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded=true] i:last-child{transform:translateY(-4px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:65;background:rgba(14,11,9,.96);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:90px 28px 40px}
.drawer[hidden]{display:none}
.drawer a{font:600 34px/1.25 var(--f-d);text-decoration:none;opacity:0;transform:translateY(14px);animation:rise .6s var(--ease) forwards}
.drawer a:nth-child(2){animation-delay:.05s}.drawer a:nth-child(3){animation-delay:.1s}.drawer a:nth-child(4){animation-delay:.15s}.drawer a:nth-child(5){animation-delay:.2s}.drawer a:nth-child(6){animation-delay:.25s}
.drawer .btn{margin-top:22px;font:700 18px/1 var(--f-b);animation-delay:.3s}

/* buttons */
.btn{--bg:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:999px;font:700 16px/1 var(--f-b);text-decoration:none;
  border:1px solid transparent;background:var(--bg);cursor:pointer;white-space:nowrap;transition:transform .35s var(--spring),box-shadow .35s,background .25s,color .25s;will-change:transform;position:relative;isolation:isolate;overflow:hidden}
.btn-sm{min-height:40px;padding:0 18px;font-size:14.5px}
.btn-lg{min-height:56px;padding:0 28px;font-size:17px}
.btn-cta{--bg:var(--chilli);color:#fff;box-shadow:0 10px 30px -10px rgba(217,56,30,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn-cta:hover::before{transform:translateX(120%)}
.btn-cta:hover{box-shadow:0 16px 40px -10px rgba(217,56,30,.85)}
.btn-ghost{border-color:var(--line2);color:var(--paper)}
.btn-ghost:hover{background:rgba(245,240,232,.07)}
.paper .btn-ghost{border-color:var(--pline);color:var(--ink)}
.btn-ink{--bg:var(--ink);color:var(--paper)}
.play{width:26px;height:26px;border-radius:50%;background:var(--paper);position:relative}
.play::after{content:"";position:absolute;left:10px;top:8px;border-left:9px solid var(--ink);border-top:5px solid transparent;border-bottom:5px solid transparent}

/* reveal helpers */
@keyframes rise{to{opacity:1;transform:none}}
.rise{opacity:0;transform:translateY(22px);animation:rise 1s var(--ease) forwards;animation-delay:var(--d,0s)}
.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--rd,0s)}
.reveal.in{opacity:1;transform:none}

/* sections */
section{position:relative;padding:clamp(80px,12vw,160px) var(--pad)}
.paper{background:var(--paper);color:var(--ink)}
.sec-head{max-width:860px;margin:0 auto clamp(40px,6vw,80px);text-align:center}
.sec-head h2{font-size:clamp(40px,7vw,92px);margin:10px 0 18px}
.sub{color:var(--mut);font-size:clamp(17px,1.6vw,20px);max-width:640px;margin:0 auto}
.paper .sub{color:var(--pmut)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font:600 13px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
.paper .eyebrow{color:var(--chilli)}

/* glows */
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
.g1{width:60vw;height:60vw;max-width:900px;max-height:900px;right:-12vw;top:-18vw;background:radial-gradient(circle,rgba(217,56,30,.55),transparent 65%);animation:drift 14s ease-in-out infinite alternate}
.g2{width:40vw;height:40vw;left:-14vw;bottom:-10vw;background:radial-gradient(circle,rgba(232,154,31,.28),transparent 65%);animation:drift 18s ease-in-out infinite alternate-reverse}
.g3{width:70vw;height:50vw;left:15vw;top:10%;background:radial-gradient(circle,rgba(217,56,30,.45),transparent 65%)}
@keyframes drift{to{transform:translate(-6vw,6vw) scale(1.12)}}

/* ============================================================ HERO */
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,4vw,60px);padding-top:120px;padding-bottom:80px;overflow:hidden;max-width:none}
.hero>.hero-copy,.hero>.hero-stage{position:relative;z-index:1}
.final>.glow{position:absolute}
.hero-copy{max-width:640px;justify-self:end}
.ribbon{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid rgba(255,106,71,.35);background:rgba(217,56,30,.12);text-decoration:none;font-size:14px;color:var(--paper)}
.ribbon b{white-space:nowrap;background:var(--chilli);color:#fff;padding:5px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ribbon i{font-style:normal;transition:transform .3s}
.ribbon:hover i{transform:translateX(4px)}
.hero h1{font-size:clamp(52px,6.6vw,108px);margin:26px 0 24px}
.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}
.hero h1 .word{display:inline-block;transform:translateY(110%) rotate(4deg);transform-origin:0 100%;animation:word 1.2s var(--ease) forwards;animation-delay:var(--d)}
@keyframes word{to{transform:none}}
.hero h1 .accent em{background:linear-gradient(100deg,var(--ember),var(--saffron) 60%,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:sheen 6s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}
.lede{font-size:clamp(17px,1.5vw,20px);color:var(--mut);max-width:560px;margin:0 0 32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.cta-row.center{justify-content:center}
.proof{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,auto);gap:10px 28px;justify-content:start;color:var(--mut2);font-size:14px}
.proof b{display:block;color:var(--paper);font:600 22px/1.2 var(--f-d)}
.hero-stage{height:min(78vh,720px);min-height:420px;perspective:1600px}
.scroll-cue{position:absolute;left:50%;bottom:22px;width:26px;height:42px;border:1.5px solid var(--line2);border-radius:20px;transform:translateX(-50%)}
.scroll-cue i{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--paper);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* fixed-size canvases scaled to fit (JS sets --s) */
.fit{position:relative;width:100%}
.fit>.canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--s,1));transform-origin:50% 50%}
.hero-stage>.canvas{width:640px;height:600px}
.stage>.canvas{width:760px;height:560px}

/* devices (drawn in CSS) */
.dev{position:absolute;background:linear-gradient(145deg,#2c2621,#0c0a08);border-radius:34px;padding:10px;box-shadow:0 50px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.12)}
.dev .scr{width:100%;height:100%;border-radius:25px;overflow:hidden;position:relative;font-size:12px;line-height:1.35}
.scr.light{background:var(--paper);color:var(--ink)}
.scr.night{background:#120F0C;color:var(--paper)}
.phone{width:200px;height:410px;border-radius:36px}
.phone .scr{padding:30px 12px 12px;border-radius:28px}
.phone::before{content:"";position:absolute;top:18px;left:50%;width:56px;height:16px;margin-left:-28px;border-radius:10px;background:#0c0a08;z-index:2}
.tablet{width:540px;height:370px;border-radius:30px;padding:12px}
.tablet .scr{padding:16px;border-radius:20px}

/* hero composition */
.h-tab{left:70px;top:90px;transform:rotateY(-16deg) rotateX(8deg) rotateZ(1deg);transform-style:preserve-3d;animation:flyin 1.6s var(--ease) .3s backwards}
.h-phone{left:0;top:250px;width:190px;height:390px;transform:rotate(-6deg);animation:flyin 1.6s var(--ease) .55s backwards}
.h-kot{right:-14px;top:0;animation:flyin 1.4s var(--ease) .9s backwards}
.h-ring{left:200px;top:22px;animation:pop .8s var(--spring) 1.6s backwards}
.h-rcpt{right:28px;top:360px;animation:flyin 1.4s var(--ease) 1.1s backwards}
@keyframes flyin{from{opacity:0;filter:blur(14px);translate:0 60px}to{opacity:1;filter:none;translate:0 0}}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
[data-depth]{transition:translate .2s linear}

/* tablet UI */
.tb-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.tb-top>b{font:700 18px/1 var(--f-d)}
.tb-sum{margin-left:auto;color:var(--pmut);font-size:12px}
.scr.night .tb-sum{color:var(--mut)}
.tb-sum b{color:var(--ink)}
.scr.night .tb-sum b{color:var(--paper)}
.pill{font:600 10px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:rgba(127,127,127,.15)}
.pill.live{background:var(--leafsoft);color:var(--leaf);display:inline-flex;align-items:center;gap:5px}
.pill.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf);animation:blink 1.4s infinite}
.pill.soon{background:rgba(232,154,31,.18);color:var(--saffron)}
@keyframes blink{50%{opacity:.25}}
.grid-t{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stage .grid-t{grid-template-columns:repeat(3,1fr)}
.t{border-radius:12px;padding:10px;min-height:64px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--pline);background:#FFFDF9}
.t b{font:700 16px/1 var(--f-d)}
.t span{font-size:11px;color:var(--pmut)}
.t.eat{background:var(--ink);color:var(--paper);border-color:var(--ink)}.t.eat span{color:var(--mut)}
.t.cook{background:var(--cooksoft);border-color:#F2D9A8}.t.cook span{color:#7A4A06}
.t.ready{background:var(--leafsoft);border-color:#BFE3CC}.t.ready span{color:var(--leaf)}
.t.need{background:var(--chilli);color:#fff;border-color:var(--chilli);animation:need 1.6s ease-in-out infinite}.t.need span{color:#FFE2DA}
@keyframes need{0%,100%{box-shadow:0 0 0 0 rgba(217,56,30,.55)}50%{box-shadow:0 0 0 8px rgba(217,56,30,0)}}

/* phone UI */
.ph-head{margin-bottom:10px}
.ph-head small{display:block;color:var(--pmut);font-size:10px;letter-spacing:.04em}
.ph-head b{display:block;font:700 18px/1.15 var(--f-d)}
.ph-head .lang{display:inline-block;margin-top:5px;font-size:9.5px;color:var(--pmut);border:1px solid var(--pline);border-radius:99px;padding:2px 7px}
.mi{display:grid;grid-template-columns:10px 1fr auto 22px;align-items:center;gap:7px;padding:8px 0;border-bottom:1px dashed var(--pline)}
.mi>i{width:10px;height:10px;border:1.5px solid var(--leaf);border-radius:2px;position:relative}
.mi>i::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--leaf)}
.mi>i.nv{border-color:#A0341E}.mi>i.nv::after{background:#A0341E}
.mi b{display:block;font-size:12.5px}.mi small{color:var(--pmut);font-size:10px}
.mi>span{font:600 11.5px var(--f-m)}
.mi em{font-style:normal;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-weight:700;background:var(--ink);color:var(--paper);font-size:11px}
.mi em.add{background:transparent;border:1px solid var(--pline);color:var(--ink)}
.cart{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:14px;background:var(--chilli);color:#fff;font-size:11.5px}
.cart b{font-weight:700}
.toast{position:absolute;left:10px;right:10px;top:40%;padding:12px;border-radius:14px;background:var(--ink);color:var(--paper);box-shadow:0 20px 40px -10px rgba(0,0,0,.5)}
.toast b{display:block;font:700 14px var(--f-d)}.toast small{color:var(--mut);font-size:10.5px}

/* tickets, chips, receipts */
.kot{position:absolute;width:200px;padding:14px;border-radius:14px;background:#FFFDF9;color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);font-size:12px;border-top:4px solid var(--saffron)}
.kot-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.kot-h b{font:700 15px var(--f-m)}.kot-h span{font-size:10.5px;opacity:.65}
.kot p,.tk p,.mini p{margin:4px 0;font-size:12.5px}.kot p b,.tk p b,.mini p b{display:inline-block;min-width:16px;font-family:var(--f-m)}
.kot p small,.tk p small{display:block;padding-left:20px;color:var(--chilli);font-size:10px}
.kot-s{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.chip{display:inline-flex;font:600 10px/1 var(--f-m);letter-spacing:.05em;text-transform:uppercase;padding:5px 8px;border-radius:99px}
.chip.cook{background:var(--cooksoft);color:#7A4A06}.chip.ready{background:var(--leafsoft);color:var(--leaf)}.chip.need{background:var(--chilli);color:#fff}
.chip.sm{padding:4px 6px;font-size:9px}
.ring-badge{position:absolute;display:flex;gap:10px;align-items:center;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(28,23,19,.85);backdrop-filter:blur(10px);border:1px solid var(--line2);box-shadow:0 20px 40px -10px rgba(0,0,0,.6)}
.ring-badge b{display:block;font-size:13px}.ring-badge small{color:var(--mut);font-size:11px}
.bell{width:34px;height:34px;border-radius:50%;background:var(--chilli);position:relative;animation:ring 2.4s ease-in-out infinite}
.bell::before,.bell::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--chilli);animation:wave 2.4s ease-out infinite}
.bell::after{animation-delay:.5s}
@keyframes ring{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-14deg)}10%,20%,30%{transform:rotate(14deg)}}
@keyframes wave{from{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}
.receipt{position:absolute;width:200px;color:#2a241f;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));
  --tooth:radial-gradient(circle at 6px 0,transparent 5px,#000 5.5px) -6px 100%/12px 7px repeat-x}
.receipt .r-in{background:#FBF8F2;padding:16px 16px 22px;font:500 11px/1.5 var(--f-m);-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 7px) no-repeat,var(--tooth);mask:linear-gradient(#000,#000) top/100% calc(100% - 7px) no-repeat,var(--tooth)}
.r-name{display:block;text-align:center;font:700 14px var(--f-m);letter-spacing:.1em}
.r-in>small{display:block;text-align:center;font-size:9.5px;opacity:.6;margin-bottom:8px}
.r-l{display:flex;justify-content:space-between;gap:10px;padding:2px 0}
.r-l.mut{opacity:.6}
.r-l.tot{border-top:1px dashed #b9ad9c;margin-top:6px;padding-top:7px;font-weight:700;font-size:13px}
.r-thx{display:block;text-align:center;margin-top:8px;font-size:9.5px;opacity:.6}
.h-rcpt .r-in{animation:printout 2.2s steps(14) 1.4s both}
@keyframes printout{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}

/* marquee */
.marquee{border-block:1px solid var(--line);padding:22px 0;overflow:hidden;background:var(--night2)}
.mq-track{display:flex;gap:28px;width:max-content;animation:mq 38s linear infinite;font:500 clamp(22px,3vw,34px)/1 var(--f-d);white-space:nowrap}
.mq-track span:nth-of-type(odd){font-style:italic;color:var(--mut)}
.mq-track i{font-style:normal;color:var(--chilli);font-size:.6em;align-self:center}
@keyframes mq{to{transform:translateX(-50%)}}

/* ============================================================ STORY */
.story{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start}
.stage-wrap{position:sticky;top:max(90px,calc(50svh - 300px));display:flex;flex-direction:column;justify-content:center}
.stage{flex:none;aspect-ratio:760/560;width:100%;border-radius:32px;background:radial-gradient(120% 90% at 50% 20%,#2a1d16,#120e0b 70%);border:1px solid var(--line);overflow:hidden;box-shadow:inset 0 0 120px rgba(0,0,0,.6)}
.stage::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 100%,rgba(217,56,30,.25),transparent);pointer-events:none}
.dots{list-style:none;display:flex;gap:8px;justify-content:center;padding:0;margin:16px 0 0}
.dots li{width:8px;height:8px;border-radius:99px;background:var(--line2);transition:width .5s var(--ease),background .5s}
.dots li.on{width:34px;background:var(--ember)}
.clock{position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:var(--paper);z-index:5}
.cl-dot{width:10px;height:10px;border-radius:50%;background:var(--chilli);box-shadow:0 0 0 4px rgba(217,56,30,.25);animation:blink 1s infinite}
.cl-t.tick{animation:tick .5s var(--ease)}
@keyframes tick{from{opacity:0;transform:translateY(-10px)}}
.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.96) translateY(20px);filter:blur(8px);transition:opacity .7s var(--ease),transform .9s var(--ease),filter .7s,visibility 0s .9s}
.scene.on{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .7s var(--ease) .1s,transform .9s var(--ease) .1s,filter .7s .1s,visibility 0s}
.dev.big.phone{width:230px;height:470px;left:265px;top:50px}
.dev.big.tablet{width:620px;height:420px;left:70px;top:80px}
/* s1 */
.qr-card{position:absolute;left:560px;top:150px;width:150px;padding:14px;border-radius:18px;background:#FFFDF9;color:var(--ink);text-align:center;transform:rotate(6deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.qr-card b{display:block;font:700 22px/1 var(--f-d);margin-top:8px}.qr-card small{color:var(--pmut);font-size:11px}
.qr{aspect-ratio:1;width:100%;border-radius:8px;
  background:
   radial-gradient(circle at 50% 50%,#FFFDF9 0 12%,transparent 13%),
   linear-gradient(90deg,var(--ink) 50%,transparent 0) 0 0/14px 14px,
   linear-gradient(var(--ink) 50%,transparent 0) 0 0/14px 14px;
  background-blend-mode:normal,difference,normal;-webkit-mask:repeating-conic-gradient(#000 0 25%,#0008 0 50%) 0 0/21px 21px;mask:repeating-conic-gradient(#000 0 25%,#0008 0 50%) 0 0/21px 21px;position:relative;outline:6px solid var(--ink);outline-offset:-6px}
.qr.sm{width:64px;flex:none}
.on .a1 em,.on .a2 em{animation:bump .5s var(--spring) both}
.on .a1 em{animation-delay:.8s}.on .a2 em{animation-delay:1.3s}
@keyframes bump{from{transform:scale(0)}}
.on .a3{animation:rise-in .6s var(--ease) 1.8s both}
@keyframes rise-in{from{opacity:0;transform:translateY(30px)}}
.on .a4{animation:toast 4s var(--ease) 2.8s both}
@keyframes toast{0%{opacity:0;transform:translateY(20px) scale(.9)}12%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
.s1 .toast{opacity:0}
/* s2 */
.sheet{position:absolute;right:16px;top:58px;width:250px;padding:14px;border-radius:16px;background:#FFFDF9;box-shadow:-30px 0 60px -20px rgba(0,0,0,.35),0 0 0 1px var(--pline);transform:translateX(120%)}
.sheet small{display:block;color:var(--chilli);font-weight:700;font-size:11px;margin-bottom:8px}
.sheet .r-l{font-size:12px;border-bottom:1px dashed var(--pline);padding:6px 0}
.sheet-b{display:flex;gap:8px;margin-top:12px;align-items:center}
.btn-s{flex:1;white-space:nowrap;text-align:center;padding:9px 8px;border-radius:10px;font-weight:700;font-size:11.5px}
.btn-s.ghost{border:1px solid var(--pline)}.btn-s.go{background:var(--leaf);color:#fff;flex:1.6}
.on .sheet{animation:sheet .8s var(--ease) .9s forwards}
@keyframes sheet{to{transform:none}}
.on .btn-s.go{animation:press 2.6s var(--ease) 2.4s both}
@keyframes press{0%,30%{transform:none}38%{transform:scale(.92)}46%,100%{transform:none;box-shadow:0 0 0 4px rgba(46,158,102,.3)}}
.waves{position:absolute;left:258px;top:232px;width:20px;height:20px}
.waves i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--ember);opacity:0}
.on .waves i{animation:wave 2s ease-out infinite}
.on .waves i:nth-child(2){animation-delay:.6s}.on .waves i:nth-child(3){animation-delay:1.2s}
/* s3 */
.kds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tk{background:#1F1915;border:1px solid var(--line2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px;min-height:300px}
.tk .kot-h{flex-direction:column;align-items:flex-start;gap:3px}
.tk .chip{margin-top:auto;align-self:flex-start}
.tk.late{border-color:var(--chilli);background:linear-gradient(#3a1810,#1F1915)}
.tk.late .kot-h span{color:var(--ember);opacity:1}
.tk.move{border-color:var(--saffron)}
.on .tk{animation:rise-in .6s var(--ease) both}
.on .tk:nth-child(2){animation-delay:.15s}.on .tk:nth-child(3){animation-delay:.3s}.on .tk:nth-child(4){animation-delay:.45s}
.chip.st{display:inline-block;position:relative;height:20px;overflow:hidden;padding:0;background:none}
.chip.st i{font-style:normal;display:block;padding:5px 8px;border-radius:99px;line-height:1}
.chip.st i:nth-child(1){background:var(--chilli);color:#fff}.chip.st i:nth-child(2){background:var(--cooksoft);color:#7A4A06}.chip.st i:nth-child(3){background:var(--leafsoft);color:var(--leaf)}
.on .chip.st i{animation:states 5s var(--ease) 1s infinite}
@keyframes states{0%,25%{transform:translateY(0)}33%,58%{transform:translateY(-20px)}66%,100%{transform:translateY(-40px)}}
/* s4 */
.li{font-size:12.5px;padding:9px 0;border-bottom:1px dashed var(--pline);align-items:center}
.add-line{opacity:0}
.on .add-line{animation:rise-in .6s var(--ease) .9s forwards}
.add-line{color:var(--chilli);font-weight:700}
.pad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}
.pad span{text-align:center;padding:10px 0;border-radius:10px;background:var(--paper2);font-weight:700}
.dev.mini{width:170px;height:230px;left:540px;top:250px;border-radius:26px;padding:8px}
.dev.mini .scr{padding:22px 12px 12px;border-radius:19px}
.dev.mini::before{display:none}
.on .dev.mini{animation:flyin .9s var(--ease) 1.6s both}
/* s5 */
.pos{width:250px;height:430px;left:255px;top:96px;border-radius:30px;padding:12px;background:linear-gradient(160deg,#3a332c,#14110e)}
.pos .scr{padding:16px 14px;border-radius:20px}
.pos-slot{position:absolute;left:30px;right:30px;top:-6px;height:10px;border-radius:6px;background:#0a0807;z-index:3}
.pos .ph-head b{font-size:30px;font-family:var(--f-m)}
.upi{display:flex;gap:10px;align-items:center;margin:14px 0;padding:10px;border-radius:14px;background:#FFFDF9;border:1px solid var(--pline)}
.upi b{display:block;font-size:12.5px}.upi small{color:var(--pmut);font-size:10px}
.split{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.split span{text-align:center;padding:9px 0;border-radius:10px;border:1px solid var(--pline);font-weight:700;font-size:10.5px}
.split span.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.receipt.print{left:25px;bottom:calc(100% - 6px);width:200px;z-index:2;filter:drop-shadow(0 -10px 30px rgba(0,0,0,.4))}
.receipt.print .r-in{transform:translateY(100%)}
.on .receipt.print .r-in{animation:feed 2.8s steps(18) 1s forwards}
@keyframes feed{to{transform:none}}
.s5 .receipt.print{overflow:hidden;height:260px;display:flex;align-items:flex-end}
.pdf-chip{position:absolute;left:530px;top:330px;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:#FFFDF9;color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.pdf-chip b{display:block;font-size:13px}.pdf-chip small{color:var(--pmut);font-size:10.5px}
.pdf{display:grid;place-items:center;width:36px;height:44px;border-radius:6px;background:var(--chilli);color:#fff;font:700 10px var(--f-m)}
.on .pdf-chip{animation:flyin .9s var(--ease) 3.2s both}
/* s6 */
.laptop{background:none;box-shadow:none;padding:0;left:60px;top:70px;width:640px;height:440px}
.laptop .lid{width:600px;height:390px;margin:0 auto;border-radius:20px;padding:12px;background:linear-gradient(145deg,#2c2621,#0c0a08);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.laptop .lid .scr{padding:18px;border-radius:10px}
.laptop .base{height:18px;margin-top:-2px;border-radius:0 0 18px 18px;background:linear-gradient(#3a332c,#14110e);box-shadow:0 40px 60px -20px rgba(0,0,0,.8)}
.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{padding:12px;border-radius:14px;background:#1F1915;border:1px solid var(--line)}
.kpi small{color:var(--mut);font-size:10.5px}.kpi b{display:block;font-size:22px;margin:4px 0}.kpi span{font-size:10px;color:var(--mut)}
.kpi .up{color:#5fd39a}
.bars{grid-column:span 2;display:flex;align-items:flex-end;gap:7px;height:150px;padding:12px;border-radius:14px;background:#1F1915;border:1px solid var(--line)}
.bars i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--ember),var(--chilli));transform-origin:bottom;transform:scaleY(0)}
.on .bars i{animation:grow .9s var(--ease) forwards}
.on .bars i:nth-child(2){animation-delay:.05s}.on .bars i:nth-child(3){animation-delay:.1s}.on .bars i:nth-child(4){animation-delay:.15s}.on .bars i:nth-child(5){animation-delay:.2s}.on .bars i:nth-child(6){animation-delay:.25s}.on .bars i:nth-child(7){animation-delay:.3s}.on .bars i:nth-child(8){animation-delay:.35s}.on .bars i:nth-child(9){animation-delay:.4s}.on .bars i:nth-child(10){animation-delay:.45s}.on .bars i:nth-child(11){animation-delay:.5s}
@keyframes grow{to{transform:scaleY(1)}}
.log{padding:12px;border-radius:14px;background:#1F1915;border:1px solid var(--line);font-size:10.5px}
.log small{color:var(--mut)}.log p{margin:6px 0;color:var(--mut)}.log b{color:var(--paper)}

/* steps */
.steps{display:flex;flex-direction:column}
.step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .6s var(--ease)}
.step.on{opacity:1}
.t-stamp{color:var(--ember);font-size:15px;letter-spacing:.1em}
.step h3{font:600 clamp(30px,3.4vw,46px)/1.05 var(--f-d);letter-spacing:-.02em;margin:14px 0 16px}
.step p{color:var(--mut);font-size:clamp(16px,1.3vw,19px);margin:0;max-width:480px}

/* ============================================================ DEVICES */
.dev-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dcard{position:relative;padding:28px;border-radius:var(--r);background:#FFFDF9;border:1px solid var(--pline);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.dcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(26,22,18,.35)}
.dcard h3{font:600 26px/1.1 var(--f-d);margin:6px 0 10px}
.dcard p{color:var(--pmut);margin:0 0 14px}
.dcard ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.dcard li{font:500 12px/1 var(--f-m);padding:7px 10px;border-radius:99px;background:var(--paper);border:1px solid var(--pline)}
.tag{font:600 11px/1 var(--f-m)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)!important;margin:18px 0 0!important}
.tag.soon{color:#B06F06!important}
.dcard.wide{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-items:center;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dcard.wide .d-ico{grid-row:span 4;width:120px;height:120px}
.dcard.wide p{color:var(--mut)}
.dcard.wide li{background:rgba(245,240,232,.06);border-color:var(--line2)}
.d-ico{width:64px;height:64px;border-radius:18px;background:var(--paper);border:1px solid var(--pline);display:grid;place-items:center}
.dcard.wide .d-ico{background:rgba(245,240,232,.06);border-color:var(--line2)}
.d-ico span{display:block;position:relative;border:2.5px solid var(--ink);transition:transform .5s var(--spring)}
.dcard:hover .d-ico span{transform:rotate(-6deg) scale(1.08)}
.ic-phone{width:20px;height:34px;border-radius:5px}
.ic-tab{width:38px;height:28px;border-radius:5px}
.ic-kds{width:38px;height:26px;border-radius:4px}.ic-kds::after{content:"";position:absolute;left:4px;right:4px;top:5px;height:4px;background:var(--chilli);border-radius:2px;box-shadow:0 7px 0 var(--saffron)}
.ic-pos{width:24px;height:34px;border-radius:6px 6px 4px 4px}.ic-pos::before{content:"";position:absolute;left:3px;right:3px;top:-9px;height:9px;border:2px solid var(--ink);border-bottom:0;background:#FBF8F2}
.ic-print{width:36px;height:22px;border-radius:5px;margin-top:8px}.ic-print::before{content:"";position:absolute;left:6px;right:6px;top:-11px;height:9px;border:2px solid var(--ink);border-bottom:0}
.ic-qr{width:30px;height:30px;border-radius:3px;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0 0/10px 10px}
.ic-win{width:64px;height:44px;border-radius:6px;border-color:var(--paper)!important;background:linear-gradient(var(--ember),var(--ember)) 50% 50%/2px 100% no-repeat,linear-gradient(var(--ember),var(--ember)) 50% 50%/100% 2px no-repeat}
.ic-win::after{content:"";position:absolute;left:-12px;right:-12px;bottom:-12px;height:6px;border-radius:0 0 6px 6px;background:var(--paper)}
.spot{--mx:50%;--my:50%}
.spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(217,56,30,.12),transparent 40%)}
.spot:hover::after{opacity:1}

/* ============================================================ FEATURES */
.bento{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:16px}
.b{position:relative;padding:26px;border-radius:var(--r);background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);overflow:hidden;transition:border-color .4s,transform .5s var(--ease)}
.b:hover{border-color:rgba(255,106,71,.35);transform:translateY(-4px)}
.b h3{font:600 23px/1.15 var(--f-d);margin:0 0 10px;letter-spacing:-.01em}
.b p{color:var(--mut);margin:0;font-size:15.5px}
.b-xl{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}
.b-xl h3{font-size:clamp(28px,3vw,40px)}
.b-tall{grid-row:span 2}
.b-wide{grid-column:span 2}
.sync{position:relative;margin-top:auto;padding-top:30px;height:200px}
.node{position:absolute;padding:9px 14px;border-radius:99px;background:rgba(245,240,232,.06);border:1px solid var(--line2);font:600 12px var(--f-m)}
.node:nth-child(1){left:4%;top:40%}.node:nth-child(2){right:4%;top:22%}.node:nth-child(3){left:36%;bottom:4%}.node:nth-child(4){right:10%;bottom:12%}
.sync::before{content:"";position:absolute;left:50%;top:55%;width:70px;height:70px;margin:-35px;border-radius:50%;background:radial-gradient(circle,var(--chilli),transparent 70%);animation:breathe 2.6s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.5);opacity:.5}}
.pulse-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--saffron);box-shadow:0 0 16px var(--saffron);offset-path:path("M 40 110 C 160 20, 300 20, 420 70 S 300 190, 200 175 S 60 160, 40 110");animation:orbit 6s linear infinite}
@keyframes orbit{to{offset-distance:100%}}
.audit{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:8px}
.audit li{font:500 12px/1.4 var(--f-m);color:var(--mut);padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.25);border-left:3px solid var(--chilli)}
.audit b{color:var(--paper);margin-right:6px}

/* ============================================================ OFFER */
.offer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center}
.offer-copy h2{font-size:clamp(42px,6vw,84px);margin:14px 0 30px}
.offer-steps{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:18px}
.offer-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;font-size:17px;color:var(--pmut)}
.offer-steps b{color:var(--ink)}
.offer-steps .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 18px var(--f-d);background:var(--ink);color:var(--paper)}
.offer-steps li:last-child .n{background:var(--chilli)}
.countdown{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:28px}
.countdown small{font:600 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--pmut)}
.cd{display:flex;gap:8px}
.cd span{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:10px 6px;border-radius:14px;background:var(--ink);color:var(--mut);font:500 10px var(--f-m);text-transform:uppercase;letter-spacing:.08em}
.cd b{font:600 26px/1.1 var(--f-m);color:var(--paper)}
.offer-receipt{display:flex;flex-direction:column;align-items:center;gap:18px}
.plan-tabs{display:inline-flex;padding:5px;border-radius:99px;background:var(--paper2);border:1px solid var(--pline)}
.plan-tabs button{border:0;background:none;padding:10px 18px;border-radius:99px;font:700 14px var(--f-b);color:var(--pmut);cursor:pointer;transition:background .3s,color .3s}
.plan-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.receipt.big{position:relative;width:min(100%,380px);transform:rotate(-2deg);filter:drop-shadow(0 40px 50px rgba(26,22,18,.3))}
.receipt.big .r-in{padding:30px 28px 38px;font-size:13.5px;background:#FFFDF9}
.receipt.big .r-name{font-size:18px}
.receipt.big .r-in>small{font-size:11px;margin-bottom:16px}
.receipt.big .r-l{padding:5px 0}
.receipt.big .r-l.tot{font-size:18px;color:var(--chilli)}
.big-l{margin-top:10px;padding:12px!important;border-radius:10px;background:var(--paper);align-items:baseline}
.big-l b{font-size:26px}
.barcode{height:44px;margin-top:16px;background:repeating-linear-gradient(90deg,#2a241f 0 2px,transparent 2px 4px,#2a241f 4px 5px,transparent 5px 8px,#2a241f 8px 11px,transparent 11px 12px)}
.receipt.big.in .r-in{animation:printout 1.6s steps(16) both}
[data-plan-price],[data-plan-pm]{display:inline-block}
.swap{animation:swap .5s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(8px)}}

/* ============================================================ PRICING */
.plans{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{position:relative;padding:34px 28px;border-radius:28px;background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.plan.top{background:linear-gradient(170deg,#3a1a10,#1d1410 60%);border-color:rgba(255,106,71,.45);transform:translateY(-14px);box-shadow:0 40px 80px -40px rgba(217,56,30,.6)}
.plan.top.reveal.in{transform:translateY(-14px)}
.badge{position:absolute;top:18px;right:18px;font:600 11px/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:99px;background:var(--chilli);color:#fff}
.plan h3{font:600 30px/1 var(--f-d);margin:0}
.for{color:var(--mut);margin:8px 0 22px;font-size:15px}
.price{margin:0;display:flex;align-items:baseline;gap:6px}
.price b{font:600 52px/1 var(--f-d);letter-spacing:-.02em}
.price span{color:var(--mut)}
.pm{margin:10px 0 22px;font-size:14px;color:var(--mut);padding:10px 12px;border-radius:12px;background:rgba(232,154,31,.1);border:1px solid rgba(232,154,31,.25)}
.pm b{color:var(--saffron);white-space:nowrap}
.plan ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:rgba(46,158,102,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.5L13 6.5' fill='none' stroke='%235fd39a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.plan .btn{margin-top:auto}
.fine{max-width:760px;margin:40px auto 0;text-align:center;color:var(--mut2);font-size:14px}

/* ============================================================ START */
.go{list-style:none;padding:0;max-width:var(--max);margin:0 auto 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:go}
.go li{padding:28px;border-top:2px solid var(--ink);position:relative}
.big-n{display:block;font:500 72px/1 var(--f-d);color:transparent;-webkit-text-stroke:1.5px var(--chilli);margin-bottom:18px}
.go h3{font:600 24px/1.15 var(--f-d);margin:0 0 10px}
.go p{color:var(--pmut);margin:0;font-size:15.5px}
.ask{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(28px,4vw,50px);border-radius:32px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;overflow:hidden}
.ask::before{content:"";position:absolute;right:-10%;top:-60%;width:60%;height:200%;background:radial-gradient(circle,rgba(217,56,30,.45),transparent 60%);pointer-events:none}
.ask h3{font-size:clamp(30px,4vw,48px);margin:0 0 6px}
.ask p{margin:0;color:var(--mut)}
.ask-b{display:flex;gap:12px;flex-wrap:wrap;position:relative}

/* ============================================================ FAQ */
.qs{max-width:860px;margin:0 auto;border-top:1px solid var(--line2)}
details{border-bottom:1px solid var(--line2)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;font:600 clamp(19px,2vw,24px)/1.3 var(--f-d)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);background:linear-gradient(var(--paper),var(--paper)) 50%/12px 1.5px no-repeat,linear-gradient(var(--paper),var(--paper)) 50%/1.5px 12px no-repeat;transition:transform .4s var(--ease),background-color .3s}
details[open] summary::after{transform:rotate(135deg);background-color:var(--chilli);border-color:var(--chilli)}
details p{margin:0;padding:0 50px 26px 4px;color:var(--mut);font-size:16.5px;animation:rise-in .5s var(--ease)}

/* ============================================================ FINAL + FOOTER */
.final{text-align:center;overflow:hidden;padding-block:clamp(110px,16vw,220px)}
.final>:not(.glow){position:relative}
.final h2{font-size:clamp(46px,8vw,120px);margin:0 auto 20px;max-width:1000px}
.final .sub{margin-bottom:34px}
.foot{padding:50px var(--pad) 40px;border-top:1px solid var(--line);color:var(--mut2);font-size:14px}
.foot-top{max-width:var(--max);margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}
.foot nav a{text-decoration:none;color:var(--mut)}.foot nav a:hover{color:var(--paper)}
.foot>p{max-width:var(--max);margin:0 auto}


.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ============================================================ PAINS */
.pain-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pain{position:relative;padding:26px 22px 22px;border-radius:var(--r);background:#FFFDF9;border:1px solid var(--pline);display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.pain:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(26,22,18,.35)}
.pain .hurt{margin:0;font:italic 500 19px/1.35 var(--f-d);color:var(--pmut);position:relative;padding-bottom:14px;border-bottom:1px dashed var(--pline)}
.pain .fix{margin:0;color:var(--ink2);font-size:15.5px}
.pain .fix b{display:block;color:var(--ink);font-size:16.5px;margin-bottom:4px}
.pain .fix::before{content:"";display:inline-block;width:22px;height:22px;border-radius:50%;margin:0 0 8px;background:var(--chilli) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.5l3 3 6-6.5' fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}

/* ============================================================ SIGNATURE */
.signature{background:radial-gradient(120% 80% at 50% 0%,#2a1d16,var(--night2) 60%)}
.sig-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sig{min-width:0;padding:22px;border-radius:28px;background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.sig h3{margin:8px 0 0;font:600 27px/1.1 var(--f-d);letter-spacing:-.01em}
.sig p{margin:0;color:var(--mut);font-size:15.5px}
.sig-vis{position:relative;height:230px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid var(--line);overflow:hidden}
/* floors */
.fl-tabs{position:absolute;left:14px;right:14px;top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:12px;background:rgba(245,240,232,.06);font:600 11px/1 var(--f-b)}
.fl-tabs span{position:relative;z-index:1;text-align:center;padding:8px 2px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-ink{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 20px)/4);border-radius:9px;background:var(--chilli);animation:flink 8s var(--ease) infinite}
@keyframes flink{0%,22%{transform:translateX(0)}25%,47%{transform:translateX(calc(100% + 4px))}50%,72%{transform:translateX(calc(200% + 8px))}75%,97%{transform:translateX(calc(300% + 12px))}100%{transform:translateX(0)}}
.fl-tabs span:nth-child(1){animation:fltxt 8s infinite}.fl-tabs span:nth-child(2){animation:fltxt 8s infinite 2s}.fl-tabs span:nth-child(3){animation:fltxt 8s infinite 4s}.fl-tabs span:nth-child(4){animation:fltxt 8s infinite 6s}
@keyframes fltxt{0%,22%{color:var(--forest)}25%,100%{color:var(--mut)}}
.fl-maps{position:absolute;left:14px;right:14px;top:62px;bottom:14px}
.fl-map{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;opacity:0;animation:flmap 8s infinite}
.fl-map.m2{animation-delay:2s}.fl-map.m3{animation-delay:4s;grid-template-columns:repeat(5,1fr)}.fl-map.m4{animation-delay:6s;grid-template-columns:repeat(2,1fr)}
@keyframes flmap{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:none}25%,100%{opacity:0}}
.fl-map b{border-radius:10px;border:1.5px dashed rgba(245,240,232,.25)}
.fl-map b.eat{background:#0E0B09;border:1.5px solid rgba(255,106,71,.35)}.fl-map b.cook{background:var(--saffron);border-color:transparent}
.fl-map b.ready{background:var(--leaf);border-color:transparent}.fl-map b.need{background:var(--need);border-color:transparent;animation:need 1.6s ease-in-out infinite}
/* QR + NFC */
.tent{position:absolute;left:24px;top:30px;width:120px;padding:12px;border-radius:14px;background:#FFFDF9;color:var(--ink);text-align:center;transform:rotate(-4deg);box-shadow:0 30px 50px -20px rgba(0,0,0,.6)}
.tent .qr{outline-width:5px;outline-offset:-5px}
.tent span{display:block;font:700 18px/1 var(--f-d);margin-top:8px}
.nfc{position:absolute;right:-12px;top:-12px;width:36px;height:36px;border-radius:50%;background:var(--chilli);display:grid;place-items:center}
.nfc em{position:absolute;border:2px solid var(--forest);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg)}
.nfc em:nth-child(1){width:8px;height:8px}.nfc em:nth-child(2){width:15px;height:15px}.nfc em:nth-child(3){width:22px;height:22px}
.tapper{position:absolute;right:30px;top:40px;width:80px;height:150px;border-radius:18px;background:linear-gradient(145deg,#2c2621,#0c0a08);padding:6px;box-shadow:0 30px 50px -20px rgba(0,0,0,.7);animation:tap 3.2s var(--ease) infinite}
.tapper span{display:block;height:100%;border-radius:13px;background:#F5F0E8 linear-gradient(#FF6A47,#FF6A47) 50% 18%/60% 8px no-repeat}
@keyframes tap{0%,100%{transform:translate(0,0) rotate(8deg)}35%,55%{transform:translate(-52px,6px) rotate(0)}}
.tap-waves{position:absolute;left:152px;top:44px;width:30px;height:30px}
.tap-waves i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--chilli);opacity:0;animation:tw 3.2s ease-out infinite}
.tap-waves i:nth-child(2){animation-delay:.2s}.tap-waves i:nth-child(3){animation-delay:.4s}
@keyframes tw{0%,34%{opacity:0;transform:scale(.6)}40%{opacity:.9}70%,100%{opacity:0;transform:scale(2.6)}}
/* voice */
.voice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}
.mic{width:56px;height:56px;border-radius:50%;background:var(--chilli);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(255,106,71,.5);animation:micp 2s ease-out infinite}
.mic span{width:14px;height:22px;border-radius:8px;border:3px solid var(--forest);position:relative}
.mic span::after{content:"";position:absolute;left:50%;bottom:-9px;width:2px;height:6px;margin-left:-1px;background:var(--forest)}
@keyframes micp{0%{box-shadow:0 0 0 0 rgba(255,106,71,.5)}70%,100%{box-shadow:0 0 0 18px rgba(255,106,71,0)}}
.wave{display:flex;gap:4px;align-items:center;height:26px}
.wave i{width:4px;height:100%;border-radius:2px;background:var(--saffron);animation:wv 1s ease-in-out infinite}
.wave i:nth-child(2n){animation-delay:.15s}.wave i:nth-child(3n){animation-delay:.3s}.wave i:nth-child(4n){animation-delay:.45s}
@keyframes wv{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.said{margin:0;font-size:12.5px;color:var(--paper);white-space:nowrap;overflow:hidden;border-right:2px solid var(--chilli);width:0;animation:type 6s steps(36) infinite}
@keyframes type{0%{width:0}45%,85%{width:36ch}100%{width:36ch;opacity:0}}
.parsed{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.parsed span{font:600 12px/1 var(--f-b);padding:8px 10px;border-radius:10px;background:#FFFDF9;color:var(--ink);opacity:0;animation:pop2 6s infinite}
.parsed span:nth-child(2){animation-delay:.25s}
.parsed b{font-family:var(--f-m);margin-right:4px}
@keyframes pop2{0%,50%{opacity:0;transform:translateY(8px)}56%,90%{opacity:1;transform:none}100%{opacity:0}}

/* ============================================================ COMPARE */
.compare{background:var(--night2)}
.cmp-wrap{max-width:var(--max);margin:0 auto;overflow-x:auto;border-radius:24px;border:1px solid var(--line);background:linear-gradient(170deg,var(--card2),var(--card))}
.cmp{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;font-size:14.5px}
.cmp th,.cmp td{padding:15px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp thead th{font:600 16px/1.2 var(--f-d);color:var(--paper);vertical-align:bottom;background:rgba(0,0,0,.18)}
.cmp thead small,.cmp td small{display:block;font:400 12px/1.4 var(--f-b);color:var(--mut2);margin-top:4px}
.cmp tbody th{font-weight:600;color:var(--paper);width:22%;position:sticky;left:0;background:#1F1915;z-index:1}
.cmp td{color:var(--mut)}
.cmp .us{background:rgba(255,106,71,.09);color:var(--paper);border-left:1px solid rgba(255,106,71,.35);border-right:1px solid rgba(255,106,71,.35)}
.cmp thead .us{background:var(--chilli);color:var(--forest);border-radius:0}
.cmp thead .us small{color:rgba(255,255,255,.82)}
.brand-sm{font:700 17px/1.1 var(--f-b)}.brand-sm sup{font-size:.5em}
.cmp i{display:inline-block;width:16px;height:16px;border-radius:50%;margin:0 8px -3px 0;flex:none}
.cmp i.y{background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.6-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.cmp i.p{background:transparent;border:2px solid var(--saffron);box-sizing:border-box;background:linear-gradient(90deg,var(--saffron) 50%,transparent 50%)}
.cmp i.n{background:rgba(228,87,46,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5l5 5M10.5 5.5l-5 5' fill='none' stroke='%23E4572E' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat}
.compare .fine{max-width:860px}
.swipe{display:none;margin:12px auto 0;max-width:var(--max);font-size:12px;color:var(--mut2);text-align:right}
@media (max-width:900px){.swipe{display:block}}

@media (max-width:1100px){.pain-grid{grid-template-columns:repeat(2,1fr)}.sig-grid{grid-template-columns:1fr 1fr}.sig-grid .sig:last-child{grid-column:span 2}}
@media (max-width:620px){.pain-grid,.sig-grid{grid-template-columns:minmax(0,1fr)}.sig-grid .sig:last-child{grid-column:auto}.pain .hurt{font-size:18px}.cmp{font-size:13.5px}.cmp tbody th{width:auto;min-width:130px}}


/* ============================================================ DEMO */
.demo{background:var(--night2);overflow:hidden}
.demo>.glow{position:absolute}
.demo-grid{position:relative;z-index:1;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}
.demo-copy h2{font-size:clamp(40px,6vw,80px);margin:10px 0 18px}
.demo-copy .sub{color:var(--mut);font-size:18px;max-width:520px;margin:0 0 28px}
.demo-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.demo-points li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line)}
.demo-points b{font:600 21px/1.1 var(--f-d);color:var(--chilli);min-width:130px}
.demo-points span{color:var(--mut)}
.demo-form{padding:clamp(22px,3vw,34px);border-radius:28px;background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid var(--line2);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.df-body{display:grid;gap:14px}
.f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.fld{display:grid;gap:7px;font-size:14px;font-weight:600;color:var(--paper)}
.fld i{font-style:normal;font-weight:400;color:var(--mut2)}
.fld input,.fld textarea{width:100%;box-sizing:border-box;font:400 16px/1.4 var(--f-b);color:var(--paper);background:rgba(0,0,0,.22);border:1px solid var(--line2);border-radius:14px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical;min-height:84px}
.fld input::placeholder,.fld textarea::placeholder{color:var(--mut2);opacity:.8}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--chilli);box-shadow:0 0 0 3px rgba(255,106,71,.22)}
.fld input[aria-invalid=true]{border-color:var(--need);box-shadow:0 0 0 3px rgba(228,87,46,.22)}
.fld-sm{max-width:140px}
.demo-form .hint{color:var(--mut2);font-size:12.5px;margin-top:-6px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.df-err{margin:0;padding:11px 14px;border-radius:12px;background:rgba(228,87,46,.14);border:1px solid rgba(228,87,46,.4);color:#FFD2C4;font-size:14.5px}
.demo-form .btn{width:100%;margin-top:4px}
.demo-form .btn[disabled]{opacity:.7;cursor:progress}
.df-fine{color:var(--mut2);font-size:12.5px;text-align:center}
.df-fine a{color:var(--mut)}
.df-done{text-align:center;padding:30px 10px;outline:none}
.df-done h3{font-size:clamp(28px,3.4vw,40px);margin:18px 0 10px}
.df-done h3 em{color:var(--chilli)}
.df-done p{color:var(--mut);margin:0 auto;max-width:380px}
.tick{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--chilli);animation:tickpop .6s var(--spring) both}
.tick::after{content:"";width:22px;height:12px;border-left:3.5px solid var(--forest);border-bottom:3.5px solid var(--forest);transform:translateY(-3px) rotate(-45deg)}
@keyframes tickpop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.ask .btn-ghost{border-color:var(--line2);color:var(--paper)}
.ask-b{display:flex;gap:12px;flex-wrap:wrap}
/* offer switched off from the console */
.no-offer [data-offer-only]{display:none!important}
@media (max-width:900px){.demo-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.f2{grid-template-columns:minmax(0,1fr)}.demo-points li{flex-direction:column;gap:2px}.demo-points b{min-width:0}.fld-sm{max-width:none}}

/* ============================================================ RESPONSIVE */
@media (max-width:1100px){
  .links{display:none}.menu-btn{display:block}.nav .btn-sm{margin-left:auto}
  .bento{grid-template-columns:repeat(2,1fr)}
  .go{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:110px;text-align:left}
  .hero-copy{justify-self:start}
  .hero-stage{height:auto;aspect-ratio:640/600;min-height:0;margin-top:10px}
  .scroll-cue{display:none}
  .proof{grid-template-columns:repeat(2,auto)}
  .story{grid-template-columns:1fr;gap:0}
  .stage-wrap{top:64px;height:auto;z-index:2;padding:10px 0 12px;background:var(--night);box-shadow:0 24px 24px -6px var(--night)}
  .stage{flex:none;aspect-ratio:760/560;width:100%}
  .dots{margin-top:10px}
  .step{min-height:68vh;justify-content:flex-start;padding-top:22px}
  .dev-grid{grid-template-columns:repeat(2,1fr)}
  .offer-grid{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr;max-width:480px}
  .plan.top,.plan.top.reveal.in{transform:none}
}
@media (max-width:620px){
  body{font-size:16px}
  .nav{padding:8px 8px 8px 14px;gap:10px}
  .nav .btn-sm{padding:0 12px;font-size:13px;min-height:38px}
  .nav .btn-sm span{display:none}
  .brand{font-size:17px}
  .hero h1{font-size:clamp(46px,14vw,64px)}
  .cta-row .btn{flex:1 1 100%}
  .dev-grid,.bento,.go{grid-template-columns:1fr}
  .b-xl,.b-wide,.b-tall{grid-column:auto;grid-row:auto}
  .dcard.wide{grid-template-columns:1fr}
  .dcard.wide .d-ico{grid-row:auto;width:80px;height:80px;margin-bottom:6px}
  .cd span{min-width:56px}
  details p{padding-right:4px}
  .ask{flex-direction:column;align-items:stretch}
  .ask-b .btn{flex:1 1 100%}
  .step{min-height:60vh}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  .grain{display:none}
  .reveal{opacity:1;transform:none}
}
.h-phone .mi small{display:none}
.h-phone .mi{padding:9px 0}
[hidden]{display:none!important}