/* Landing-only design. Existing shop screens retain style.css. */
@font-face{font-family:"Anek Latin";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(fonts/anek-latin.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:"Anek Latin";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(fonts/anek-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Anek Devanagari";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(fonts/anek-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}

/* Tokens: the app's own palette in light; dark only when the visitor chooses it. */
body[data-route="landing"],body.lp-page{
  --paper:#f7f8f4;--card:#fdfefb;--ink:#202923;--muted:#657067;--line:#dde2d9;
  --accent:#315b42;--accent-soft:#e2eadb;--on-accent:#fff;--warn:#b4532f;--warn-soft:#f7e4d9;
  --lp-font:"Anek Latin","Anek Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;
  padding-bottom:0;font-family:var(--lp-font);font-size:17px;line-height:1.6
}
html[data-theme="dark"] body[data-route="landing"]{
  --paper:#151713;--card:#1e211b;--ink:#ebe7dc;--muted:#a0a597;--line:#33372f;
  --accent:#86bb92;--accent-soft:#25332a;--on-accent:#10170f;--warn:#e08a66;--warn-soft:#3a251c;
  color-scheme:dark
}
body[data-route="landing"] h1,body[data-route="landing"] h2,body[data-route="landing"] h3,.lp-page :is(h1,h2,h3){letter-spacing:-.03em;line-height:1.08;text-wrap:balance;font-weight:650}
html[lang="hi"] body[data-route="landing"] :is(h1,h2,h3),html[lang="mr"] body[data-route="landing"] :is(h1,h2,h3){letter-spacing:0;line-height:1.3}
html[lang="hi"] body[data-route="landing"],html[lang="mr"] body[data-route="landing"]{line-height:1.7}
body[data-route="landing"] p{max-width:none}

/* Header: shared element, landing-only extras */
.landing-only{display:none!important}
body[data-route="landing"] .landing-only{display:revert!important}
body[data-route="landing"] .lp-btn.landing-only{display:inline-flex!important}
body:not([data-route="landing"]) .public-nav{display:none}
img.brand-mark{display:block;object-fit:cover;background:none}
body[data-route="landing"] .site-header{position:sticky;top:0;z-index:20;height:auto;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
body[data-route="landing"] .header-inner{max-width:1120px;height:68px;padding:0 24px;gap:24px;justify-content:flex-start}
body[data-route="landing"] .brand{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
body[data-route="landing"] .brand-mark{width:30px;height:30px;border-radius:8px}
.brand-to{color:var(--accent)}
html[data-theme="dark"] body[data-route="landing"] .brand-mark{box-shadow:0 0 0 1px var(--line)}
body[data-route="landing"] .public-nav{gap:24px;margin-right:auto;font-size:15px}
body[data-route="landing"] .public-nav a{color:var(--muted)}
body[data-route="landing"] .public-nav a:hover{color:var(--ink);text-decoration:none}
body[data-route="landing"] .header-actions{gap:8px}
body[data-route="landing"] #lang{appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:999px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23657067' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 10px center/12px;color:var(--ink);font-size:14px;padding:8px 30px 8px 14px;min-height:38px;max-width:none}
html[data-theme="dark"] body[data-route="landing"] #lang{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23a0a597' stroke-width='1.4'/%3E%3C/svg%3E")}
.lp-icon-btn{place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted)}
body[data-route="landing"] .lp-icon-btn.landing-only{display:grid!important}
.lp-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#lpTheme .lp-sun{display:none}
html[data-theme="dark"] #lpTheme .lp-sun{display:block}
html[data-theme="dark"] #lpTheme .lp-moon{display:none}
body[data-route="landing"] #lpMenuBtn.landing-only{display:none!important}
.lp-menu{display:none}

/* Buttons */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer}
.lp-btn:hover{opacity:.9}
.lp-btn.lp-ghost{background:transparent;color:var(--ink)}
.lp-btn.lp-ghost:hover{background:var(--accent-soft);opacity:1}
.lp-btn.lp-sm{min-height:40px;padding:0 16px;font-size:15px}
.lp-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Page structure */
#landing{padding-bottom:0}
#landing [id]{scroll-margin-top:80px}
.lp-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.lp-section{padding:104px 0}
.lp-rule{border-top:1px solid var(--line)}
.lp-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:14px;font-weight:600;color:var(--accent);letter-spacing:0}
.lp-eyebrow::before{content:"";width:22px;height:1.5px;background:currentColor}
#landing h2{font-size:clamp(28px,4.2vw,46px)}
.lp-lead{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:58ch!important;margin-top:18px}
.lp-center{text-align:center}.lp-center .lp-eyebrow{justify-content:center}.lp-center .lp-lead{margin-inline:auto}
.lp-tag{display:inline-block;margin-bottom:14px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--warn-soft);color:var(--warn)}

/* Illustration system: one ink line, paper fills, one accent */
.lp-ill{display:block;width:100%;height:auto;overflow:visible}
.lp-ill text{font-family:var(--lp-font)}
.lp-ill .ln{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lp-ill .lt{fill:none;stroke:var(--line);stroke-width:1.4;stroke-linecap:round}
.lp-ill .so{fill:none;stroke:var(--on-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lp-ill .fc{fill:var(--card)}.lp-ill .fp{fill:var(--paper)}.lp-ill .fa{fill:var(--accent)}.lp-ill .fs{fill:var(--accent-soft)}.lp-ill .fw{fill:var(--warn-soft)}.lp-ill .fi{fill:var(--ink)}
.lp-ill .sa{stroke:var(--accent)}.lp-ill .sw{stroke:var(--warn)}
.lp-ill .tx{fill:var(--ink)}.lp-ill .tm{fill:var(--muted)}.lp-ill .ta{fill:var(--accent)}.lp-ill .tw{fill:var(--warn)}.lp-ill .to{fill:var(--on-accent)}.lp-ill .tp{fill:var(--paper)}
.lp-ill .lp-dash{stroke-dasharray:4 5}
@media (prefers-reduced-motion:no-preference){
  .lp-blink{animation:lp-blink 1.1s steps(1) infinite}
  .lp-wave{animation:lp-wave 1.8s ease-out infinite}
  .lp-w2{animation-delay:.3s}
}
@keyframes lp-blink{50%{opacity:0}}
@keyframes lp-wave{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

/* 1. Hero */
.lp-hero{padding:72px 0 64px}
.lp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;grid-template-areas:"top duel" "bottom duel";column-gap:56px;align-items:center}
.lp-hero-top{grid-area:top;align-self:end}
.lp-hero-bottom{grid-area:bottom;align-self:start}
.lp-duel{grid-area:duel;display:grid;grid-template-columns:1fr 1fr;gap:18px}
#landing h1{font-size:clamp(38px,5.4vw,66px);max-width:none}
.lp-line{display:block}
.lp-nw{white-space:nowrap}
#landing h1 s{font-size:.72em;font-weight:500;color:var(--warn);text-decoration-thickness:.07em;vertical-align:.1em;margin-right:.12em}
.lp-paid{color:var(--accent)}
.lp-hero .lp-lead{margin-top:22px}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.lp-trustline{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-radius:12px;background:var(--accent-soft);font-size:15px;font-weight:500;max-width:50ch!important}
.lp-trustline svg{width:20px;height:20px;flex:none;margin-top:2px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-apps{margin-top:22px;font-size:13px;color:var(--muted)}
.lp-app-logos{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:10px}
.lp-app-logos img{height:22px;width:auto;filter:grayscale(1);opacity:.7}
.lp-app-logos .lp-lg-g,.lp-app-logos .lp-lg-p{height:34px;margin:-6px 0}
.lp-app-logos .lp-lg-a{height:19px;margin-top:4px}
.lp-pp{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:#5a5a5a}
html[data-theme="dark"] .lp-app-logos img{filter:grayscale(1) brightness(2.2)}
html[data-theme="dark"] .lp-pp{color:#bbb}
.lp-duel figure{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.lp-chip{align-self:center;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted)}
.lp-chip.lp-good{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.lp-result{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:500;background:var(--card);border:1px solid var(--line)}
.lp-result b{font-weight:700;white-space:nowrap}
.lp-bad b{color:var(--warn)}.lp-ok b{color:var(--accent)}

/* 2. Business types */
.lp-biz{padding:0 0 64px}
.lp-biz p{font-size:14px;font-weight:600;color:var(--muted);text-align:center;margin:0 0 16px}
.lp-biz ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lp-biz li{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:15px;font-weight:500;white-space:nowrap}
.lp-biz svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* 3. Petrol pump */
.lp-analogy{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin-top:56px}
.lp-analogy figure{margin:0;padding:28px 28px 22px;background:var(--card);border:1px solid var(--line);border-radius:20px}
.lp-analogy figcaption{margin-top:16px;font-weight:600;font-size:16px;text-align:center;line-height:1.35}
.lp-analogy figcaption span{display:block;font-weight:400;color:var(--muted);font-size:15px;margin-top:4px}
.lp-eq{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:26px;font-weight:600}

/* 4. Trust */
.lp-trust{background:var(--card);border-block:1px solid var(--line)}
.lp-flow{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;margin-top:56px}
.lp-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 18px;border-radius:20px;border:1.5px solid var(--ink);background:var(--paper)}
.lp-node svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-node b{font-size:18px;line-height:1.25}.lp-node span{font-size:14px;color:var(--muted);line-height:1.35}
.lp-bank{border-color:var(--accent);background:var(--accent-soft)}
.lp-bank svg{color:var(--accent)}
.lp-pipe{position:relative;height:2px;background:var(--accent);margin:0 6px}
.lp-pipe::after{content:"";position:absolute;right:-2px;top:-6px;border:7px solid transparent;border-left:11px solid var(--accent);border-right:0}
.lp-pipe span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;font-weight:700;font-size:18px;color:var(--accent)}
.lp-pipe small{position:absolute;left:50%;top:12px;transform:translateX(-50%);white-space:nowrap;font-size:13px;color:var(--muted)}
.lp-us{grid-column:1;position:relative;margin-top:44px;display:flex;gap:12px;align-items:center;padding:16px;border:1.5px dashed var(--muted);border-radius:16px}
.lp-us::before{content:"";position:absolute;left:50%;top:-45px;height:44px;border-left:1.5px dashed var(--muted)}
.lp-us img{width:34px;height:34px;border-radius:8px;flex:none}
.lp-us b{display:block;font-size:16px}.lp-us span{font-size:14px;color:var(--muted);line-height:1.4;display:block}
.lp-checks{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-checks li{display:flex;gap:10px;font-size:15px;line-height:1.45;padding-top:16px;border-top:1px solid var(--line)}
.lp-checks svg,.lp-incl svg{width:20px;height:20px;flex:none;margin-top:1px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 5. Features */
.lp-swipe{display:none;margin-top:10px;font-size:13px;color:var(--muted)}
.lp-feats{display:grid;gap:20px;margin-top:56px}
.lp-feat{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:36px;background:var(--card);border:1px solid var(--line);border-radius:24px}
.lp-feat:nth-child(even) .lp-feat-art{order:2}
.lp-feat-art{background:var(--paper);border-radius:16px;padding:26px}
#landing .lp-feat h3{font-size:clamp(22px,2.6vw,30px)}
.lp-feat p{color:var(--muted);margin-top:14px}
.lp-feat .lp-fine{font-size:14px;margin-top:12px;opacity:.85}

/* 6. Your number */
.lp-number .lp-wrap{max-width:860px}
.lp-mad{margin-top:40px;font-size:clamp(22px,3vw,32px);font-weight:500;line-height:2.1;letter-spacing:-.01em}
html[lang="hi"] .lp-mad,html[lang="mr"] .lp-mad{letter-spacing:0}
.lp-stepper{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;padding:3px;border-radius:999px;border:1.5px solid var(--ink);background:var(--card);line-height:1}
.lp-stepper button{width:38px;height:38px;padding:0;border-radius:50%;border:0;background:var(--accent-soft);color:var(--accent);font-size:22px;font-weight:600;display:grid;place-items:center}
.lp-stepper output{min-width:2.6em;text-align:center;font-weight:700;font-size:.9em}
.lp-verdict{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:clamp(20px,2.4vw,26px);font-weight:500}
.lp-verdict strong{color:var(--warn);font-size:1.5em;font-weight:700;letter-spacing:-.02em}
.lp-verdict small{display:block;margin-top:10px;font-size:15px;color:var(--muted);font-weight:400}

/* 7. How to start */
.lp-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:56px 0 0;counter-reset:lp-step}
.lp-step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 22px 26px}
.lp-step .lp-ill{background:var(--paper);border-radius:14px;padding:12px}
#landing .lp-step h3{font-size:20px;margin-top:22px;display:flex;gap:10px;align-items:baseline}
.lp-step h3::before{counter-increment:lp-step;content:counter(lp-step);display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:14px;letter-spacing:0}
.lp-step p{color:var(--muted);margin-top:8px;font-size:16px}
.lp-steps-cta{margin-top:36px}

/* 8. Payment links */
.lp-soon-wrap{padding-top:0}
.lp-soon{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:48px;border-radius:28px;background:var(--accent-soft)}
.lp-soon-art{max-width:290px;justify-self:center}
.lp-who{margin-top:14px;font-size:15px;color:var(--muted)}
.lp-soon .lp-btn{margin-top:28px}

/* 9. Pricing */
.lp-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px;margin:56px auto 0}
.lp-plan{position:relative;padding:30px;border-radius:22px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column}
.lp-best{border:1.5px solid var(--ink)}
.lp-badge{position:absolute;top:-13px;right:22px;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--accent);color:var(--on-accent)}
#landing .lp-plan h3{font-size:18px;color:var(--muted);font-weight:600;letter-spacing:0}
.lp-price{margin-top:12px;display:flex;align-items:baseline;gap:6px}
.lp-price b{font-size:52px;letter-spacing:-.04em;line-height:1}
.lp-price span{color:var(--muted);font-size:16px}
.lp-total{font-size:15px;margin-top:10px}
.lp-total s{color:var(--muted)}
.lp-fun{align-self:flex-start;margin:10px 0 24px;font-size:14px;padding:4px 10px;border-radius:8px;background:var(--paper);color:var(--muted)}
.lp-plan .lp-btn{margin-top:auto}
.lp-sub{margin-top:10px;align-self:center;border:0;background:none;padding:6px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}
.lp-sub:hover{color:var(--ink)}
.lp-incl{max-width:820px;margin:28px auto 0;text-align:center}
.lp-incl p{font-size:14px;font-weight:600;color:var(--muted)}
.lp-incl ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:15px}
.lp-incl li{display:flex;gap:8px}
.lp-fineprint{max-width:820px!important;margin:20px auto 0;text-align:center;font-size:14px;color:var(--muted)}

/* 10. FAQ + final */
.lp-faq{max-width:760px;margin:48px auto 0}
.lp-faq details{border-bottom:1px solid var(--line)}
.lp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-weight:600;font-size:18px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--muted);transition:transform .2s}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq p{padding:0 0 22px;color:var(--muted);max-width:62ch!important}
.lp-final h2{max-width:18ch;margin-inline:auto}
.lp-final .lp-btn{margin-top:32px}

/* Footer */
.lp-foot{max-width:1120px;margin:0 auto;padding:56px 24px 48px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;border-top:1px solid var(--line);font-size:15px}
body[data-route="landing"] #publicFooter{padding-bottom:96px}
.lp-foot .brand{font-size:20px}
.lp-foot h2{margin:0 0 14px;font-size:13px!important;font-weight:600;color:var(--muted);letter-spacing:0!important;line-height:1.3!important}
.lp-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lp-foot a{text-decoration:none}.lp-foot a:hover{text-decoration:underline}
.lp-foot .lp-muted{color:var(--muted);margin-top:12px;font-size:14px}
.lp-pill{white-space:nowrap;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--warn-soft);color:var(--warn);margin-left:6px;vertical-align:1px}

/* Mobile sticky CTA */
.lp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);display:none;transform:translateY(110%);transition:transform .25s}
.lp-sticky .lp-btn{width:100%}
.lp-sticky.lp-show{transform:none}

/* Tablet */
@media (max-width:900px){
  .lp-hero{padding:36px 0 56px}
  .lp-hero-grid{grid-template-columns:1fr;grid-template-areas:"top" "duel" "bottom";row-gap:28px}
  .lp-hero .lp-lead{margin-top:0}
  .lp-duel{gap:10px;max-width:440px;width:100%;margin-inline:auto}
  .lp-duel figure{gap:8px}
  /* Phones show only the top of each phone illustration. */
  .lp-duel .lp-ill{overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
  .lp-result{flex-direction:column;align-items:flex-start;gap:0;font-size:13px;padding:8px 12px}
  .lp-chip{font-size:12px;padding:3px 10px}
}
@media (max-width:860px){
  body[data-route="landing"] .public-nav{display:none}
  body[data-route="landing"] .header-inner{gap:8px}
  body[data-route="landing"] .brand{margin-right:auto}
  body[data-route="landing"] #lpTheme.landing-only,body[data-route="landing"] .lp-header-cta.landing-only{display:none!important}
  body[data-route="landing"] #lpMenuBtn.landing-only{display:grid!important}
  body[data-route="landing"] .lp-menu:not([hidden]){display:grid;gap:2px;padding:8px 16px 16px;border-top:1px solid var(--line);background:var(--paper)}
  .lp-menu a:not(.lp-btn),.lp-menu-theme,.lp-menu-signin{padding:12px 4px;font-size:17px;text-decoration:none;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink)}
  .lp-menu-theme{color:var(--muted)}
  .lp-menu .lp-btn{margin-top:12px}
  .lp-steps{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .lp-feat{grid-template-columns:1fr;gap:22px;padding:20px}
  .lp-feat:nth-child(even) .lp-feat-art{order:0}
  .lp-soon{grid-template-columns:1fr;padding:28px 20px;gap:28px}
  .lp-checks{grid-template-columns:1fr 1fr}
  .lp-sticky{display:block}
}

/* Phone: each section fits about one screen */
@media (max-width:640px){
  body[data-route="landing"] .header-inner{padding:0 16px;height:60px}
  body[data-route="landing"] .brand{font-size:19px;gap:8px}
  body[data-route="landing"] #lang{font-size:13px;padding:7px 26px 7px 12px;min-height:36px;background-position:right 8px center}
  .lp-wrap{padding:0 16px}
  .lp-section{padding:56px 0}
  .lp-eyebrow{margin-bottom:12px;font-size:13px}
  .lp-lead{margin-top:12px}
  .lp-biz{padding-bottom:48px}
  .lp-biz ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 32px),transparent)}
  .lp-biz ul::-webkit-scrollbar{display:none}
  .lp-biz li{scroll-snap-align:start;font-size:14px}
  .lp-analogy{gap:8px;margin-top:28px}
  .lp-analogy figure{padding:12px 10px 14px;border-radius:14px}
  .lp-analogy figcaption{margin-top:8px;font-size:14px}
  .lp-analogy figcaption span{font-size:12px}
  .lp-eq{width:30px;height:30px;font-size:18px}
  .lp-flow{grid-template-columns:1fr 76px 1fr;margin-top:28px}
  .lp-node{padding:14px 8px;gap:6px;border-radius:14px}
  .lp-node svg{width:30px;height:30px}
  .lp-node b{font-size:14px}.lp-node span{font-size:12px}
  .lp-pipe{margin:0 4px}
  .lp-pipe span{font-size:15px;bottom:8px}
  .lp-pipe small{white-space:normal;width:68px;text-align:center;font-size:11px;line-height:1.25;top:8px}
  .lp-us{grid-column:1/-1;margin-top:14px;padding:12px}
  .lp-us::before{display:none}
  .lp-checks{grid-template-columns:1fr;gap:0;margin-top:20px}
  .lp-checks li{padding:10px 0;font-size:14px}
  /* Features: swipeable cards with the next one peeking in */
  .lp-swipe{display:block}
  .lp-feats{margin:28px -16px 0;padding:0 16px 6px;gap:12px;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}
  .lp-feats::-webkit-scrollbar{display:none}
  .lp-feat{scroll-snap-align:start;align-content:start;padding:14px 14px 20px;border-radius:18px;gap:16px}
  .lp-feat-art{padding:12px;border-radius:12px}
  .lp-feat p{margin-top:8px;font-size:15px}
  .lp-tag{margin-bottom:8px}
  .lp-mad{margin-top:24px;line-height:2.3}
  .lp-stepper button{width:34px;height:34px;font-size:20px}
  .lp-verdict{margin-top:18px;padding-top:18px}
  .lp-steps{margin-top:28px;gap:10px}
  .lp-step{display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:center;padding:12px;border-radius:16px}
  .lp-step .lp-ill{padding:6px;border-radius:10px}
  #landing .lp-step h3{margin-top:0;font-size:17px;gap:8px}
  .lp-step h3::before{width:22px;height:22px;font-size:12px}
  .lp-step p{font-size:14px;margin-top:4px;line-height:1.45}
  .lp-steps-cta{margin-top:24px}
  .lp-soon-art{max-width:190px}
  .lp-soon .lp-btn{margin-top:18px}
  .lp-plans{grid-template-columns:1fr;margin-top:32px;gap:18px}
  .lp-plan{padding:20px}
  .lp-price b{font-size:44px}
  .lp-fun{margin-bottom:18px}
  .lp-sub{margin-top:4px}
  .lp-incl{text-align:left;margin-top:22px}
  .lp-incl ul{flex-direction:column;gap:6px;font-size:14px}
  .lp-faq{margin-top:24px}
  .lp-faq summary{font-size:16px;padding:16px 0}
  .lp-final .lp-btn{margin-top:24px}
  .lp-foot{grid-template-columns:1fr 1fr;padding:40px 16px 32px}
  .lp-foot>div:first-child{grid-column:1/-1}
}

/* Standalone public pages (pricing) share the landing design. */
.lp-page{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
:where(.lp-page) *{box-sizing:border-box}
:where(.lp-page) a{color:inherit;text-underline-offset:4px}
.lp-page :focus-visible{outline:3px solid #497954;outline-offset:4px}
:where(.lp-page) :where(h1,h2,h3,p){margin:0}
.lp-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lp-skip:focus{position:fixed;left:16px;top:8px;z-index:40;padding:12px 20px;background:var(--card);border-radius:10px}
.lp-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lp-top .lp-wrap{display:flex;align-items:center;gap:24px;height:68px}
.lp-brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.lp-brand img{width:30px;height:30px;border-radius:8px}
.lp-to{color:var(--accent);font-weight:450}
.lp-links{display:flex;gap:24px;margin-right:auto;font-size:15px}
.lp-links a{color:var(--muted);text-decoration:none}
.lp-links a:hover,.lp-links a[aria-current=page]{color:var(--ink)}
.lp-page h1{font-size:clamp(38px,5.4vw,60px)}
.lp-page h2{font-size:clamp(24px,3vw,34px)}
.lp-page-intro{padding-top:72px}
.lp-page .lp-plan h2{font-size:18px;color:var(--muted);font-weight:600;letter-spacing:0}
.lp-page .lp-plans{text-align:left}
.lp-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.lp-notes article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
#main .lp-notes h2{font-size:19px;margin-bottom:10px;letter-spacing:-.01em}
.lp-notes p{color:var(--muted);font-size:15px;line-height:1.55}
.lp-notes p+p{margin-top:10px}
.lp-notes p:empty{display:none}
.lp-notes .lp-status{color:var(--ink);padding:10px 12px;border-radius:10px;background:var(--accent-soft)}
.lp-page .lp-foot h2{margin:0 0 14px}
@media (max-width:860px){.lp-links{display:none}.lp-brand{margin-right:auto}.lp-notes{grid-template-columns:1fr}}
@media (max-width:640px){.lp-top .lp-wrap{height:60px;gap:12px}.lp-brand{font-size:19px}.lp-page-intro{padding-top:44px}.lp-notes article{padding:18px}}

.lp-linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lp-signin-line{margin-top:14px;font-size:14px;color:var(--muted)}
.lp-signin-line[hidden],[data-signin][hidden]{display:none!important}
@media (max-width:860px){.lp-signin-line{display:none}}
.lp-menu-signin{color:var(--ink);font-weight:600}

/* Two-language header toggle. The hidden #lang select stays the source of truth for all existing language code. */
.site-header #lang{display:none!important}
.lang-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--card,transparent)}
.lang-toggle button{min-height:34px;padding:0 13px;border:0;border-radius:999px;background:none;color:var(--muted);font:600 13px/1 var(--font);cursor:pointer;white-space:nowrap}
.lang-toggle button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.lang-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:380px){.lang-toggle button{padding:0 10px;font-size:12px}}
@media(max-width:340px){.lang-toggle button[data-lang="en"]{font-size:0}.lang-toggle button[data-lang="en"]::after{content:"EN";font-size:12px}}
.lp-plan .lp-btn+.lp-btn{margin-top:10px}