/* Theme for this product. Change these tokens to re-brand the page. */
:root{
  --brand:#C2410C;--brand-dark:#9A3412;--brand-soft:#FFF1E8;--accent:#FB923C;
  --ink:#1C1917;--ink-2:#3A332F;--muted:#6B625C;--bg:#FAF8F6;--surface:#FFFFFF;--line:#ECE5DF;
  --hero-bg:radial-gradient(900px 480px at 80% 10%, rgba(194,65,12,.38) 0%, rgba(194,65,12,0) 65%), #1C1917;--hero-ink:#FFFFFF;--hero-muted:rgba(255,255,255,.74);--dark:#1C1917;
  --font-head:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--font-body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--head-weight:700;--head-case:uppercase;--head-track:0.005em;
  --radius:8px;
}
/* ── Base ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--font-head);font-weight:var(--head-weight);text-transform:var(--head-case);letter-spacing:var(--head-track);line-height:1.08;margin:0;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.2vw,4.1rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h3{font-size:1.14rem;line-height:1.3;letter-spacing:0;text-transform:none;font-family:var(--font-body);font-weight:700}
p{margin:0}
.wrap{width:100%;max-width:1220px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section{padding-block:clamp(64px,9vw,112px)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.eyebrow{font:700 .78rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.head{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.head p:not(.eyebrow){color:var(--muted);font-size:1.08rem;margin-top:16px;max-width:62ch}
.ic{width:20px;height:20px;flex:none}
.badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}
.badge .ic{width:22px;height:22px}

/* ── Buttons ──────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;min-height:50px;padding:0 24px;border-radius:var(--radius);font:700 1rem/1 var(--font-body);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn .ic{width:18px;height:18px}
.btn-p{background:var(--brand);color:#fff;box-shadow:0 8px 24px -10px var(--brand)}
.btn-p:hover{background:var(--brand-dark);transform:translateY(-1px)}
.btn-g{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-g:hover{border-color:var(--ink)}
.btn.sm{min-height:42px;padding:0 18px;font-size:.92rem}

/* ── Nav ──────────────────────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--line)}
.navin{display:flex;align-items:center;gap:24px;min-height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--brand);color:#fff;font:800 1.2rem/1 var(--font-body)}
.logo b{display:block;font-size:1.1rem;line-height:1.1}
.logo small{display:block;color:var(--muted);font-size:.78rem;line-height:1.2}
.nav nav{margin-left:auto}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav nav a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--ink-2)}
.nav nav a:hover{background:var(--brand-soft);color:var(--brand-dark)}
.menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.menu span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s}
.menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ── Device frames ────────────────────────────────────────────────────── */
.zoom{all:unset;display:block;cursor:zoom-in;width:100%}
.zoom:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.phone{margin:0;padding:9px;border-radius:44px;background:#0d0f14;box-shadow:0 1px 0 1px #2a2d35 inset,0 30px 60px -24px rgba(16,20,30,.45),0 12px 24px -12px rgba(16,20,30,.25)}
.phone img{border-radius:35px;aspect-ratio:390/844;object-fit:cover;object-position:top;width:100%}
.browser{margin:0;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 40px 80px -36px rgba(16,20,30,.35),0 14px 28px -18px rgba(16,20,30,.2)}
.browser .bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:color-mix(in srgb,var(--surface) 92%,var(--ink));border-bottom:1px solid var(--line)}
.browser .bar span{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.browser .bar span:nth-child(2){background:#febc2e}
.browser .bar span:nth-child(3){background:#28c840}
.browser .bar em{margin-left:14px;flex:1;max-width:360px;font:500 .78rem/26px var(--font-body);font-style:normal;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser img{aspect-ratio:1440/900;width:100%}

/* ── Hero ─────────────────────────────────────────────────────────────── */
.hero{background:var(--hero-bg);color:var(--hero-ink);padding-block:clamp(48px,7vw,88px) clamp(48px,6vw,72px);position:relative;overflow:hidden}
.heroin{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,64px);align-items:center}
.hero .eyebrow{color:var(--accent)}
.hero h1 em{font-style:normal;color:var(--brand)}
.v-dark .hero h1 em{color:var(--accent)}
.lede{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--hero-muted);margin-top:22px;max-width:56ch}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.v-dark .hero .btn-g{color:var(--hero-ink);border-color:color-mix(in srgb,var(--hero-ink) 30%,transparent)}
.v-dark .hero .btn-g:hover{border-color:var(--hero-ink)}
.ticks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;color:var(--hero-muted);font-weight:500}
.ticks .ic{color:var(--brand);margin-top:3px}
.v-dark .ticks .ic{color:var(--accent)}
.stage{position:relative;padding:0 0 40px 0}
.stage .browser{margin-right:clamp(0px,6vw,64px)}
.stage .phone.float{position:absolute;right:0;bottom:-6px;width:clamp(150px,17vw,215px);transform:rotate(2deg)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(40px,5vw,64px) 0 0;border-top:1px solid color-mix(in srgb,var(--hero-ink) 14%,transparent)}
.stats div{padding:24px 20px 0 0}
.stats dt{font:var(--head-weight) clamp(1.7rem,2.6vw,2.2rem)/1.1 var(--font-head);text-transform:var(--head-case);color:var(--hero-ink);font-variant-numeric:tabular-nums}
.stats dd{margin:6px 0 0;color:var(--hero-muted);font-size:.93rem}

/* ── Why ──────────────────────────────────────────────────────────────── */
.band{background:var(--surface);border-bottom:1px solid var(--line)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.why h3{margin:18px 0 8px}
.why p{color:var(--muted)}

/* ── Journey ──────────────────────────────────────────────────────────── */
.jtabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.jtabs button{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:calc(var(--radius) + 4px);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s}
.jtabs button .ic{color:var(--brand)}
.jtabs b{display:block;font-size:.98rem}
.jtabs small{display:block;color:var(--muted);font-size:.82rem}
.jtabs button[aria-selected="true"]{border-color:var(--brand);background:var(--brand-soft)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,262px);gap:clamp(20px,2.4vw,32px);overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 28px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.rail:focus-visible{outline-offset:-2px}
.step{scroll-snap-align:start}
.step .n{font:var(--head-weight) .95rem/1 var(--font-head);color:var(--brand);margin:22px 0 8px;letter-spacing:.06em}
.step h3{margin-bottom:6px}
.step p:not(.n){color:var(--muted);font-size:.94rem}
.railnav{display:flex;gap:10px;justify-content:flex-end}
.railnav button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.railnav button:hover{border-color:var(--brand);color:var(--brand)}
.railnav .prev .ic{transform:rotate(180deg)}

/* ── Console tour ─────────────────────────────────────────────────────── */
.console{background:var(--dark);color:#fff}
.console .head p:not(.eyebrow){color:rgba(255,255,255,.72)}
.console .eyebrow{color:var(--accent)}
.tour{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.tlist{display:flex;flex-direction:column;gap:4px;position:sticky;top:96px}
.tlist button{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:0;background:transparent;color:rgba(255,255,255,.72);font:600 .96rem/1.2 var(--font-body);cursor:pointer;text-align:left}
.tlist button:hover{background:rgba(255,255,255,.06);color:#fff}
.tlist button[aria-selected="true"]{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.tlist .ic{width:18px;height:18px}
.console .browser{border-color:rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.tcopy{margin-top:22px;max-width:66ch}
.tcopy h3{font-size:1.25rem;margin-bottom:8px}
.tcopy p{color:rgba(255,255,255,.72)}

/* ── Features / included / plans ──────────────────────────────────────── */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.feat,.inc,.plan{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:26px}
.feat h3,.inc h3{margin:18px 0 8px}
.feat p,.inc p{color:var(--muted);font-size:.95rem}
.inc .tech{margin-top:14px;font-size:.84rem;color:var(--brand-dark);font-weight:600}
.stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.stack span{padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.88rem;font-weight:600;color:var(--ink-2)}
.included{background:var(--surface)}
.included .inc{background:var(--bg)}
.rules{background:var(--brand-soft)}
.rulesin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.rulesin > div p:not(.eyebrow){color:var(--ink-2);margin-top:16px}
.rules ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rules li{display:flex;gap:12px;background:var(--surface);border-radius:var(--radius);padding:16px 18px;font-weight:500;border:1px solid color-mix(in srgb,var(--brand) 14%,transparent)}
.rules li .ic{color:var(--brand);margin-top:2px}
.plan{display:flex;flex-direction:column;gap:10px;position:relative}
.plan h3{font-family:var(--font-head);font-size:1.5rem;text-transform:var(--head-case);font-weight:var(--head-weight)}
.plan > p{color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:10px 0 18px;display:grid;gap:10px;flex:1}
.plan li{display:flex;gap:10px;font-size:.95rem}
.plan li .ic{color:var(--brand);margin-top:3px;width:18px;height:18px}
.plan.hot{border:2px solid var(--brand);box-shadow:0 24px 48px -28px var(--brand)}
.plan .flag{position:absolute;top:-13px;left:24px;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}

/* ── FAQ ──────────────────────────────────────────────────────────────── */
.faqin{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,64px)}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-weight:700;font-size:1.05rem;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details p{color:var(--muted);padding:0 0 20px;max-width:68ch}

/* ── Contact ──────────────────────────────────────────────────────────── */
.contact{background:var(--hero-bg);color:var(--hero-ink)}
.v-light .contact{background:var(--dark);color:#fff}
.contactin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.contact .eyebrow{color:var(--accent)}
.contact h2 + p{margin-top:16px;color:rgba(255,255,255,.74);max-width:52ch}
.ticks.light li{color:rgba(255,255,255,.82)}
.ticks.light .ic{color:var(--accent)}
.form{background:var(--surface);color:var(--ink);border-radius:calc(var(--radius) + 8px);padding:clamp(22px,3vw,32px);display:grid;gap:16px;box-shadow:0 30px 70px -30px rgba(0,0,0,.5)}
.form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.form input,.form select{font:inherit;font-weight:400;min-height:48px;padding:0 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);width:100%}
.form input:focus,.form select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.form input[aria-invalid="true"]{border-color:#d92d20}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.note{font-size:.9rem;color:var(--muted);min-height:1.2em}
.note.ok{color:#067647;font-weight:600}
.note.err{color:#b42318;font-weight:600}

/* ── Footer & lightbox ────────────────────────────────────────────────── */
.foot{padding-block:36px;border-top:1px solid var(--line);background:var(--bg)}
.footin{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.88rem}
.lightbox{border:0;padding:0;background:transparent;max-width:min(96vw,1400px);max-height:94vh}
.lightbox::backdrop{background:rgba(8,10,16,.82);backdrop-filter:blur(4px)}
.lightbox img{max-height:90vh;width:auto;margin:auto;border-radius:16px}
.lightbox .close{position:fixed;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#111;cursor:pointer;display:grid;place-items:center}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:1060px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tour{grid-template-columns:1fr}
  .tlist{position:static;flex-direction:row;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  .tlist button{white-space:nowrap;flex:none}
  .tlist button[aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--accent)}
}
@media (max-width:920px){
  .nav nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--bg);border-bottom:1px solid var(--line);padding:8px max(20px,env(safe-area-inset-left,0px)) 16px}
  .nav nav.open{display:block}
  .nav ul{flex-direction:column}
  .nav .btn.sm{display:none}
  .menu{display:flex}
  .heroin{grid-template-columns:1fr}
  .stage{max-width:640px}
  .trio,.grid.three,.rulesin,.faqin,.contactin{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .grid,.rules ul,.row2{grid-template-columns:1fr}
  .stage .browser{margin-right:42px}
  .stage .phone.float{width:132px;bottom:-14px}
  .ctas .btn{flex:1 1 100%}
  .jtabs button{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ── Tested end to end (full E2E report) ──────────────────────────────── */
.tested{background:var(--surface);border-top:1px solid var(--line)}
.tstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 28px}
.tstats div{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:18px 20px}
.tstats dt{font:var(--head-weight) clamp(1.6rem,2.4vw,2.1rem)/1.1 var(--font-head);text-transform:var(--head-case);font-variant-numeric:tabular-nums}
.tstats dt.pass{color:#067647}
.tstats dd{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.tfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;position:sticky;top:72px;z-index:5;padding:10px 0;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tfilter button{font:600 .92rem/1 var(--font-body);padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.tfilter button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.tgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:36px 24px;align-items:start}
.tcase.wide{grid-column:span 2}
.tcase[hidden]{display:none}
.tcap{margin-top:16px}
.tmeta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.tn{color:var(--brand);font-family:var(--font-head);font-size:.95rem}
.tsurf{color:var(--muted)}
.tok{color:#067647;background:#e7f8ee;padding:3px 8px;border-radius:999px}
.tcap h3{font-size:1rem;margin-bottom:4px}
.tcap p:not(.tmeta){color:var(--muted);font-size:.9rem}
.checks{margin-top:56px;background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:clamp(20px,3vw,32px)}
.checks h3{font-family:var(--font-head);font-size:1.4rem;text-transform:var(--head-case);font-weight:var(--head-weight);margin-bottom:18px}
.checks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.checks li .ic{color:#067647;margin-top:2px;width:18px;height:18px}
.checks li.fail .ic{color:#b42318}
.checks .fine{margin-top:20px;color:var(--muted);font-size:.86rem}

/* ── Layout: center (Arogya) ──────────────────────────────────────────── */
.l-center .heroin{grid-template-columns:1fr;text-align:center;justify-items:center}
.l-center .hero .lede{margin-inline:auto}
.l-center .ctas{justify-content:center}
.l-center .ticks{grid-auto-flow:column;gap:22px;justify-content:center}
.l-center .stage.wide{position:relative;width:100%;max-width:1040px;padding:0 0 56px;margin-top:12px}
.l-center .stage.wide .browser{margin:0 9%}
.l-center .stage.wide .phone{position:absolute;bottom:0;width:clamp(120px,16vw,190px)}
.l-center .stage.wide .pl{left:0;transform:rotate(-3deg)}
.l-center .stage.wide .pr{right:0;transform:rotate(3deg)}
.l-center .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-top:0}
.l-center .stats div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.l-center .head{margin-inline:auto;text-align:center}
.l-center .head p:not(.eyebrow){margin-inline:auto}
.l-center .jtabs{justify-content:center}
.l-center .tour{grid-template-columns:1fr}
.l-center .tlist{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px}
.l-center .tlist button{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 14px}
.l-center .tlist button[aria-selected="true"]{box-shadow:none;background:var(--accent);border-color:var(--accent);color:var(--dark)}
.l-center .tview{max-width:1080px;margin:0 auto;width:100%}
.l-center .tcopy{margin-inline:auto;text-align:center}
.l-center .tfilter{justify-content:center}
.l-center .why{text-align:center}
.l-center .why .badge{margin:auto}

/* ── Layout: split (Sevak) ────────────────────────────────────────────── */
.l-split .hero h1{font-size:clamp(2.3rem,4.3vw,3.55rem)}
.l-center .ticks{grid-auto-columns:minmax(0,max-content)}
.l-center .ticks li{text-align:left}

/* Dark-variant nav (Pulse) */
.v-dark .nav{background:color-mix(in srgb,var(--dark) 90%,transparent);color:#fff}
.v-dark .nav.scrolled{border-bottom-color:rgba(255,255,255,.1)}
.v-dark .nav .logo small{color:rgba(255,255,255,.6)}
.v-dark .nav nav a{color:rgba(255,255,255,.82)}
.v-dark .nav nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.v-dark .menu{background:transparent;border-color:rgba(255,255,255,.22)}
.v-dark .menu span{background:#fff}
@media (max-width:920px){.v-dark .nav nav{background:var(--dark);border-bottom-color:rgba(255,255,255,.1)}}

/* ── Layout: bold (Pulse) ─────────────────────────────────────────────── */
.l-bold .hero h1{font-size:clamp(3rem,7vw,5.6rem);line-height:.95}
.l-bold .stage.fan{display:flex;justify-content:center;align-items:flex-end;padding:20px 0 30px}
.l-bold .stage.fan .phone{width:clamp(150px,15vw,205px);flex:none}
.l-bold .stage.fan .f0{transform:rotate(-8deg) translate(26px,22px)}
.l-bold .stage.fan .f1{z-index:2;transform:translateY(-12px);width:clamp(170px,17vw,230px);box-shadow:0 1px 0 1px #2a2d35 inset,0 40px 80px -20px rgba(194,65,12,.55)}
.l-bold .stage.fan .f2{transform:rotate(8deg) translate(-26px,22px)}
.l-bold .stats dt{font-size:clamp(2rem,3.4vw,2.8rem)}
.l-bold .head h2{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1}
.l-bold .why{border-top:3px solid var(--brand);padding-top:22px}
.l-bold .why .badge,.l-bold .feat .badge{border-radius:6px;background:var(--ink);color:var(--accent)}
.l-bold .feat,.l-bold .inc,.l-bold .plan{border-radius:6px}
.l-bold .step .n{font-size:1.6rem}
.l-bold .tn{font-size:1.15rem}

@media (max-width:920px){
  .tstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .checks ul{grid-template-columns:1fr}
  .l-center .ticks{grid-auto-flow:row;justify-items:start}
  .l-center .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .tcase.wide{grid-column:1 / -1}
  .tfilter{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .tfilter button{flex:none}
  .l-center .stage.wide .browser{margin:0}
  .l-center .stage.wide .phone{width:96px;bottom:-8px}
  .l-bold .stage.fan .phone{width:112px}
  .l-bold .stage.fan .f1{width:128px}
}