/* Concept: "signal through the noise". A deep warm-ink stage, one orange signal colour that marks the money, and real product screens as the heroes.
   Layout: wide asymmetric hero over a floating dashboard; alternating dense and airy bands; one light band (FAQ) for rhythm. */
:root{
  --ink:#0A0908; --ink-1:#0F0E0D; --ink-2:#151412; --ink-3:#1D1B19;
  --line:#28251F; --line-2:#3A3630;
  --fg:#F6F4F1; --fg-2:#BDB6AF; --fg-3:#857E77;
  --sig:#FD3B1F; --sig-2:#FF7352; --sig-3:#C4230A; --sig-glow:rgb(253 59 31 / .38);
  --mint:#46C08A; --rose:#F0605A;
  --paper:#F3F1ED; --paper-ink:#121110; --paper-2:#67615B; --paper-line:#DDD8D1;
  --logo:#FFFFFF; --logo-dark:#0A0A0A;
  --app-bg:#F6EFE8; --frame:#141311; --frame-line:#2A2724; --frame-dot:#3A3632; --frame-url:#201E1C; --chip:#0C0B0A; --chip-fg:#F1EFEA; --ok:#3FB27F;
  --viz-bg:#100F0E; --viz-line:#2B2825; --viz-row:#181716; --viz-chip:#1E1D1B;
  --glass:rgb(255 255 255 / .04); --glass-2:rgb(255 255 255 / .06); --glass-line:rgb(255 255 255 / .08); --grid:rgb(255 255 255 / .035);
  --shadow:rgb(0 0 0 / .95); --form-bg:rgb(18 17 16 / .82);
  --qt-f-bg:#F6F4F1; --qt-f-fg:#121110; --qt-f-2:#67615B; --note-fg:#FFC1B4; --err:#FF9C8F;
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --body:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --gl:max(clamp(16px,4.2vw,64px),env(safe-area-inset-left,0px));
  --gr:max(clamp(16px,4.2vw,64px),env(safe-area-inset-right,0px));
  color-scheme:dark;
}
:root[data-theme="light"]{
  --ink:#F6F4F0; --ink-1:#FFFFFF; --ink-2:#F3F0EB; --ink-3:#E9E5DF;
  --line:#E4DFD7; --line-2:#D2CBC1;
  --fg:#141210; --fg-2:#4F4943; --fg-3:#847C74;
  --sig-glow:rgb(253 59 31 / .3);
  --paper:#141210; --paper-ink:#F6F4F1; --paper-2:#A8A099; --paper-line:#2E2A26;
  --logo:#0A0A0A;
  --frame:#ECE8E2; --frame-line:#DDD7CF; --frame-dot:#CDC6BC; --frame-url:#F8F6F2;
  --viz-bg:#FAF8F5; --viz-line:#E4DFD7; --viz-row:#FFFFFF; --viz-chip:#F1EEE9;
  --glass:rgb(20 18 16 / .035); --glass-2:rgb(20 18 16 / .05); --glass-line:rgb(20 18 16 / .1); --grid:rgb(20 18 16 / .05);
  --shadow:rgb(70 45 25 / .35); --form-bg:rgb(255 255 255 / .88);
  --qt-f-bg:#141210; --qt-f-fg:#F6F4F1; --qt-f-2:#A8A099; --note-fg:#B3260E; --err:#C42A12;
  color-scheme:light;
}
html{transition:background-color .5s var(--ease)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:9999}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{background:var(--ink)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
[hidden]{display:none!important}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--sig);color:var(--ink)}
:focus-visible{outline:2px solid var(--sig);outline-offset:3px;border-radius:8px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{padding-left:var(--gl);padding-right:var(--gr);max-width:1480px;margin-inline:auto;width:100%}
.band{padding-block:clamp(96px,14vh,168px);position:relative}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--fg-2);margin:0}
.kicker::before{content:"";width:18px;height:1px;background:var(--sig)}
.h2{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:600;font-size:clamp(2.4rem,5.2vw,5.2rem);line-height:.95;letter-spacing:-.045em;margin:0;text-wrap:balance}
.h3{font-family:var(--display);font-variation-settings:"opsz" 48;font-weight:600;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.05;letter-spacing:-.03em;margin:0}
.sig{background:linear-gradient(95deg,var(--sig-2),var(--sig) 45%,var(--sig-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(1.06rem,1.35vw,1.26rem);color:var(--fg-2);max-width:54ch;margin:0;text-wrap:pretty}
.head{display:grid;gap:20px;max-width:920px;margin-bottom:clamp(44px,7vh,80px)}
.head-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 64px;align-items:end;margin-bottom:clamp(44px,7vh,80px)}
@media (max-width:900px){.head-split{grid-template-columns:1fr}}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.wi{display:inline-block;will-change:transform}

/* buttons */
.btn{--bg:var(--sig);--fg-b:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 26px;border-radius:999px;background:var(--bg);color:var(--fg-b);text-decoration:none;font-weight:600;font-size:15.5px;letter-spacing:-.005em;border:0;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap;isolation:isolate;box-shadow:0 14px 40px -14px var(--sig-glow),inset 0 1px 0 rgb(255 255 255 / .25)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120px circle at var(--bx,50%) var(--by,50%),rgb(255 255 255 / .35),transparent 70%);opacity:0;transition:opacity .3s}
.btn:hover::before{opacity:1}
.btn svg{width:16px;height:16px;transition:transform .5s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn.ghost{--bg:transparent;--fg-b:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--fg-3)}
.btn.dark{--bg:var(--ink);--fg-b:var(--fg);box-shadow:0 14px 40px -14px rgb(0 0 0 / .5)}
.btn.wide{width:100%}
.link{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:border-color .3s}
.link:hover{border-color:var(--sig)}

/* preloader */
.pre{position:fixed;inset:0;z-index:200;background:var(--ink);display:grid;place-items:center;animation:preOut .4s 2.6s forwards}
@keyframes preOut{to{opacity:0;visibility:hidden}}
.pre svg{width:72px;height:72px;color:var(--sig)}
.pre g{transform-origin:330.5px 133.25px;animation:spin 1.1s var(--ease) infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* chrome */
.bar{position:fixed;z-index:60;left:0;right:0;top:0;padding-top:calc(env(safe-area-inset-top,0px) + 16px);pointer-events:none}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bar a,.bar button{pointer-events:auto}
.brand{display:block;line-height:0;color:var(--logo);padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--ink) 64%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--glass-line)}
.brand svg{width:90px;height:auto}
.bar-r{display:flex;align-items:center;gap:10px}
.bar .btn{min-height:50px;padding:0 20px;font-size:14.5px;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.theme-btn{width:50px;height:50px;flex:none;border-radius:50%;border:1px solid var(--glass-line);background:color-mix(in srgb,var(--ink) 64%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;display:grid;place-items:center;position:relative;overflow:hidden;color:var(--fg);transition:border-color .3s}
.theme-btn:hover{border-color:var(--sig)}
.theme-btn svg{grid-area:1/1;width:20px;height:20px;transition:transform .7s var(--ease),opacity .4s}
.theme-btn .t-sun{color:var(--sig)}
:root[data-theme="light"] .theme-btn .t-sun,:root:not([data-theme="light"]) .theme-btn .t-moon{transform:translateY(130%) rotate(90deg);opacity:0}
.menu-btn{height:50px;display:flex;align-items:center;gap:12px;padding:0 6px 0 18px;border-radius:999px;border:1px solid var(--glass-line);background:color-mix(in srgb,var(--ink) 64%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.mb-l{position:relative;overflow:hidden;height:14px;min-width:42px;text-align:left}
.mb-l b{display:block;font-weight:500;line-height:14px;height:14px;transition:transform .6s var(--ease)}
.menu-open .mb-l b{transform:translateY(-100%)}
.mb-i{width:38px;height:38px;border-radius:50%;background:var(--fg);display:grid;place-items:center;position:relative;transition:transform .6s var(--ease),background .3s}
.menu-btn:hover .mb-i{transform:rotate(90deg);background:var(--sig)}
.mb-i i{position:absolute;width:15px;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .6s var(--ease)}
.mb-i i:first-child{transform:translateY(-3px)}.mb-i i:last-child{transform:translateY(3px)}
.menu-open .mb-i i:first-child{transform:rotate(45deg)}.menu-open .mb-i i:last-child{transform:rotate(-45deg)}
.prog{position:fixed;z-index:61;left:0;right:0;top:0;height:2px;pointer-events:none}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--sig-3),var(--sig),var(--sig-2));transform-origin:left;transform:scaleX(0)}
.mcta{display:none}
@media (max-width:760px){
  .bar .btn{display:none}
  .brand svg{width:78px}
  .mcta{display:flex;position:fixed;z-index:58;left:0;right:0;bottom:0;padding:12px var(--gr) calc(env(safe-area-inset-bottom,0px) + 12px) var(--gl);background:color-mix(in srgb,var(--ink) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
  .past-hero .mcta{transform:none}
  .menu-open .mcta,.at-demo .mcta{transform:translateY(110%)}
}

/* menu */
.menu{position:fixed;inset:0;z-index:55;background:var(--ink-1);clip-path:inset(0 0 100% 0);visibility:hidden;display:grid;grid-template-rows:1fr auto;padding-block:calc(env(safe-area-inset-top,0px) + 110px) calc(env(safe-area-inset-bottom,0px) + 28px);overflow-y:auto}
.menu::before{content:"";position:absolute;right:-10%;top:-20%;width:60vw;aspect-ratio:1;background:radial-gradient(closest-side,var(--sig-glow),transparent 70%);pointer-events:none}
.menu ol{list-style:none;margin:0;padding:0;counter-reset:m;display:grid;align-content:center}
.menu li{overflow:hidden;border-top:1px solid var(--line)}
.menu li:last-child{border-bottom:1px solid var(--line)}
.menu li a{display:grid;grid-template-columns:56px 1fr auto;align-items:baseline;gap:16px;text-decoration:none;padding-block:10px;font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:600;font-size:clamp(2rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.045em;transition:color .3s,padding .5s var(--ease)}
.menu li a::before{counter-increment:m;content:"0" counter(m);font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--fg-3);font-weight:400}
.menu li a small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:400}
.menu li a:hover{color:var(--sig);padding-left:14px}
.menu .mi{display:block}
.menu-foot{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;color:var(--fg-3);margin-top:32px}
@media (max-width:560px){.menu li a{grid-template-columns:40px 1fr}.menu li a small{display:none}}

/* ---------- HERO ---------- */
.hero{position:relative;padding-top:calc(env(safe-area-inset-top,0px) + 150px);overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-bg::before{content:"";position:absolute;left:50%;top:52%;width:min(1500px,130vw);aspect-ratio:1.6;translate:-50% 0;background:radial-gradient(closest-side,rgb(253 59 31 / .30),rgb(253 59 31 / .08) 45%,transparent 72%);filter:blur(10px)}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 25%,transparent 75%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:32px 64px;align-items:end}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);color:var(--fg-2);font-size:13.5px;margin-bottom:28px}
.pill b{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;font-weight:500;color:var(--ink);background:var(--sig);border-radius:999px;padding:3px 8px}
.hero h1{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:600;font-size:clamp(3.1rem,7.4vw,7.6rem);line-height:.9;letter-spacing:-.055em;margin:0;text-wrap:balance}
.hero-side{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:10px;min-width:0}
.hero-side .lead{color:var(--fg-2)}
.capture{display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);transition:border-color .3s,background .3s}
.capture:focus-within{border-color:var(--sig);background:var(--glass-2)}
.capture input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:var(--fg);font:inherit;font-size:16px;padding:0 16px}
.capture input::placeholder{color:var(--fg-3)}
.capture input:focus{outline:none}
.capture .btn{min-height:48px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--fg-3);font-size:13.5px}
.trust span{display:inline-flex;align-items:center;gap:7px}
.trust svg{width:15px;height:15px;color:var(--sig)}
.hero-stage{width:100%;padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(72px,10vh,140px);perspective:2000px;position:relative;z-index:2}
.hero-tilt{position:relative;transform-origin:50% 0;transform:rotateX(14deg) scale(.95)}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,11vw,4.6rem)}}
@media (max-width:520px){.capture{flex-direction:column;border-radius:22px;padding:8px}.capture input{min-height:48px}.capture .btn{width:100%}}
.hco{position:absolute;z-index:8;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:rgb(16 15 14 / .78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgb(255 255 255 / .09);color:#F6F4F1;font-size:14px;line-height:1.3;box-shadow:0 30px 60px -28px rgb(0 0 0 / .95);max-width:270px}
.hco i{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,var(--sig-2),var(--sig) 50%,var(--sig-3));display:grid;place-items:center;flex:none;color:var(--ink)}
.hco i svg{width:16px;height:16px}
.hco small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:2px}
@media (max-width:860px){.hco{display:none}.hero-tilt{transform:none}}

/* sources marquee */
.src{border-block:1px solid var(--line);padding-block:26px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.src p{margin:0;text-align:center;color:var(--fg-3)}
.mq{display:flex;width:max-content;will-change:transform}
.mq-t{display:flex}
.mq span{font-family:var(--display);font-variation-settings:"opsz" 48;font-weight:500;font-size:clamp(1.3rem,2.2vw,1.9rem);letter-spacing:-.03em;color:var(--fg-2);padding-right:1.4em;display:inline-flex;align-items:center;gap:1.4em;white-space:nowrap}
.mq span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--sig)}
.mq-mask{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}

/* ---------- PAIN ---------- */
.pains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pain{position:relative;padding:26px 24px 22px;border-radius:24px;background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:290px;overflow:hidden;min-width:0}
.pain::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgb(253 59 31 / .14),transparent);pointer-events:none}
.pain q{quotes:none;font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:500;font-size:clamp(1.2rem,1.55vw,1.5rem);line-height:1.22;letter-spacing:-.02em;color:var(--fg);text-wrap:pretty}
.pain .who{display:flex;align-items:center;gap:10px;color:var(--fg-3)}
.pain .who i{width:30px;height:30px;border-radius:50%;background:var(--ink-3);border:1px solid var(--line-2);display:grid;place-items:center;font-style:normal;color:var(--fg-2);font-family:var(--mono);font-size:11px}
@media (max-width:1100px){.pains{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pains{grid-template-columns:1fr}.pain{min-height:0}}
.gap{margin-top:clamp(56px,9vh,110px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.gap .h3{font-size:clamp(1.8rem,3vw,3rem)}
.receipt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
.rc{border-radius:22px;padding:22px;border:1px solid var(--line);background:var(--ink-2);display:grid;gap:14px;align-content:start;min-width:0}
.rc.zm{background:linear-gradient(160deg,rgb(253 59 31 / .16),var(--ink-2) 55%);border-color:rgb(253 59 31 / .35)}
.rc .mono{color:var(--fg-3)}
.rc .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px;border-top:1px solid var(--line);min-width:0}
.rc .row span{color:var(--fg-2);font-size:14.5px}
.rc .row b{font-family:var(--display);font-variation-settings:"opsz" 48;font-weight:600;font-size:clamp(1.2rem,1.8vw,1.6rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.rc .row.big{flex-direction:column;align-items:flex-start;gap:4px}
.rc .row.big b{font-size:clamp(2rem,3.2vw,3rem);color:var(--sig)}
.rc .row.dim b{color:var(--fg-2);font-size:clamp(1.05rem,1.4vw,1.25rem)}
.okchip{display:inline-flex;align-self:start;justify-self:start;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--mint);background:rgb(70 192 138 / .12);border-radius:999px;padding:4px 10px}
@media (max-width:980px){.gap{grid-template-columns:1fr}}
@media (max-width:560px){.receipt{grid-template-columns:1fr}}

/* ---------- HOW ---------- */
.how-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.how-line{position:absolute;z-index:1;left:45px;right:calc((100% - 32px) / 3 - 45px);top:44px;height:2px;background:var(--line-2);pointer-events:none}
.how-line i{position:absolute;inset:0;background:linear-gradient(90deg,var(--sig-3),var(--sig),var(--sig-2));transform-origin:left;transform:scaleX(1)}
.st{position:relative;border-radius:26px;background:var(--ink-1);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:22px;min-width:0}
.st-n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:2px solid var(--sig);color:var(--fg);font-family:var(--mono);font-size:13px;position:relative;z-index:2;box-shadow:0 0 0 8px var(--ink-1)}
.st p{margin:8px 0 0;color:var(--fg-2)}
.viz{margin-top:auto;border:1px solid var(--viz-line);border-radius:18px;background:var(--viz-bg);padding:14px;font-size:13px;min-height:180px;display:grid;gap:8px;align-content:start}
.conn{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;border:1px solid var(--viz-line);background:var(--viz-row)}
.conn b{flex:1;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conn em{font-style:normal;font-size:11px;font-weight:600;border-radius:99px;padding:2px 9px;color:var(--mint);background:rgb(70 192 138 / .13)}
.conn .dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgb(70 192 138 / .16)}
.segs{display:flex;flex-wrap:wrap;gap:4px;font-family:var(--mono);font-size:12px}
.segs span{display:grid;gap:5px;justify-items:center}
.segs b{padding:6px 9px;border-radius:8px;background:var(--viz-chip);border:1px solid var(--viz-line);font-weight:500}
.segs span:first-child b{background:var(--sig);color:var(--ink);border-color:transparent}
.segs small{font-family:var(--body);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.segs i{font-style:normal;color:var(--fg-3);padding-top:6px}
.seeline{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:11px;border:1px solid var(--viz-line);background:var(--viz-row);font-variant-numeric:tabular-nums}
.seeline span{color:var(--fg-3)} .seeline b{font-weight:600}
.seeline.hot{border-color:rgb(253 59 31 / .45);background:linear-gradient(90deg,rgb(253 59 31 / .12),var(--viz-row))} .seeline.hot b{color:var(--sig)}
@media (max-width:900px){.how-rail{grid-template-columns:1fr}.how-line{display:none}}

/* ---------- app screens engine ---------- */
.frame{position:relative;border-radius:20px;background:var(--app-bg);box-shadow:0 80px 160px -70px var(--shadow),0 0 0 1px var(--glass-line),0 0 120px -40px rgb(253 59 31 / .35);overflow:hidden;isolation:isolate;transform-style:preserve-3d}
.frame-bar{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;background:var(--frame);border-bottom:1px solid var(--frame-line)}
.frame-bar i{width:10px;height:10px;border-radius:50%;background:var(--frame-dot);flex:none}
.frame-bar span{margin:0 auto;font-family:var(--mono);font-size:11px;color:var(--fg-3);background:var(--frame-url);border-radius:7px;padding:4px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.frame-bar b{width:51px;flex:none}
.scr{position:relative;width:100%;overflow:hidden;background:var(--app-bg);perspective:1400px}
.scr .base{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}
.scr .ly{position:absolute;background-image:var(--img);background-repeat:no-repeat;backface-visibility:hidden}
.scr .cv{position:absolute;transform-origin:100% 50%;transform:scaleX(0)}
.scr .sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .55) 50%,transparent 70%);transform:translateX(-120%);mix-blend-mode:soft-light}
.scr .hl{position:absolute;border:2px solid var(--sig);border-radius:16px;box-shadow:0 0 0 6px rgb(253 59 31 / .16),0 18px 40px -16px rgb(253 59 31 / .55);pointer-events:none;opacity:0;z-index:5}
.scr .tagc{position:absolute;z-index:6;pointer-events:none;opacity:0;display:inline-flex;align-items:center;gap:8px;background:var(--chip);color:var(--chip-fg);font-family:var(--body);font-size:13px;font-weight:500;line-height:1.25;padding:8px 13px;border-radius:999px;box-shadow:0 14px 30px -12px rgb(0 0 0 / .6);white-space:nowrap}
.scr .tagc::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sig);flex:none}
.scr .mk{position:absolute;border-radius:999px;pointer-events:none;opacity:0;z-index:4}
.scr .mk.on{opacity:1;animation:mkPulse 1.8s ease-out infinite}
@keyframes mkPulse{0%{box-shadow:0 0 0 0 rgb(63 178 127 / .55)}100%{box-shadow:0 0 0 14px rgb(63 178 127 / 0)}}
@media (max-width:600px){.scr .tagc{display:none}}


/* ---------- PIVOT TABLE (shown exactly as in the app) ---------- */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.ptab{border-top:1px solid var(--line);overflow:hidden;isolation:isolate}
.ptab::before{content:"";position:absolute;z-index:-1;left:50%;top:58%;width:min(1600px,150vw);aspect-ratio:1.7;translate:-50% -50%;background:radial-gradient(closest-side,rgb(253 59 31 / .34),rgb(253 59 31 / .09) 48%,transparent 72%);pointer-events:none}
.pt-stage{perspective:2200px;position:relative}
.pt-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pt-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:var(--sig);color:#fff;font-weight:600;font-size:14px;box-shadow:0 18px 40px -16px var(--sig-glow)}
.pt-badge i{width:26px;height:26px;border-radius:50%;background:rgb(255 255 255 / .2);display:grid;place-items:center}
.pt-badge svg{width:14px;height:14px}
.pt-live{display:inline-flex;align-items:center;gap:8px;color:var(--fg-2)}
.pt-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgb(70 192 138 / .18);animation:live 1.8s ease-in-out infinite}
@keyframes live{50%{box-shadow:0 0 0 8px rgb(70 192 138 / 0)}}
.pt-ring{position:relative;border-radius:24px;padding:3px;background:conic-gradient(from var(--ang),rgb(253 59 31 / .15),var(--sig) 18%,#FF9A80 26%,rgb(253 59 31 / .15) 40%,rgb(253 59 31 / .15) 60%,var(--sig) 78%,rgb(253 59 31 / .15));animation:ring 6s linear infinite;box-shadow:0 0 0 1px rgb(253 59 31 / .25),0 0 160px -30px rgb(253 59 31 / .65),0 90px 160px -70px var(--shadow);transform-origin:50% 0}
@keyframes ring{to{--ang:360deg}}
.pt-ring>.frame{border-radius:21px;box-shadow:none}
.pt-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:var(--app-bg)}
.pt-shot{display:block;width:100%;aspect-ratio:1884 / 969;background:var(--img) 0 0 / 100% 100% no-repeat}
.pt-hint{display:none;color:var(--fg-3);margin:12px 0 0;align-items:center;gap:8px}
.pt-hint svg{width:16px;height:16px;color:var(--sig)}
.pt-legend{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-top:28px}
.pt-col{border-radius:16px;border:1px solid var(--line);background:var(--ink-1);padding:14px 12px;display:grid;gap:6px;align-content:start;min-width:0}
.pt-col b{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;font-weight:500;color:var(--fg)}
.pt-col span{font-size:13px;line-height:1.4;color:var(--fg-2)}
.pt-col.key{border-color:rgb(253 59 31 / .5);background:linear-gradient(180deg,rgb(253 59 31 / .14),var(--ink-1))}
.pt-col.key b{color:var(--sig-2)}
.pt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.pt-fact{display:flex;gap:14px;align-items:flex-start;border-radius:18px;border:1px solid var(--line);padding:18px;background:var(--ink-1)}
.pt-fact em{font-style:normal;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgb(253 59 31 / .14);color:var(--sig-2);font-family:var(--mono);font-size:12px}
.pt-fact b{display:block;font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:600;font-size:1.08rem;letter-spacing:-.02em;margin-bottom:2px}
.pt-fact p{margin:0;color:var(--fg-2);font-size:14.5px;line-height:1.45}
@media (max-width:1180px){.pt-legend{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:860px){.pt-facts{grid-template-columns:1fr}}
@media (max-width:760px){
  .pt-shot{width:920px;max-width:none}
  .pt-hint{display:flex}
  .pt-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.pt-ring{animation:none}}

/* ---------- PIVOT -> WINNERS ---------- */
.pivot{padding-block:clamp(80px,12vh,140px);border-top:1px solid var(--line)}
.pivot-in{display:grid;gap:28px}
.pv-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 56px;align-items:end}
.psteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pstep{border-top:2px solid var(--line);padding-top:14px;color:var(--fg-3);transition:color .4s,border-color .4s}
.pstep b{display:block;font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:600;font-size:1.12rem;letter-spacing:-.02em;color:inherit;margin:5px 0 4px}
.pstep p{margin:0;font-size:14px;line-height:1.45}
.pstep.on{color:var(--fg);border-color:var(--sig)}
.pstep .mono{font-size:10.5px}
.pv-stage{display:grid;gap:18px;width:100%}
.pv-zoom{position:relative;transform-origin:0 0}
.pv-view{position:relative;overflow:hidden}
.pv-screens{position:relative;aspect-ratio:1884 / 969;background:var(--app-bg)}
.pv-screens .scr{position:absolute;left:0;width:100%}
.pv-screens [data-s="pivot"]{top:0;opacity:0}
.pv-screens [data-s="winners"]{bottom:0}
.app-cursor{position:absolute;left:92%;top:96%;width:26px;height:26px;z-index:9;opacity:0;pointer-events:none;filter:drop-shadow(0 6px 10px rgb(0 0 0 / .35))}
.ripple{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;border:3px solid var(--sig);z-index:8;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2)}
.scan{position:absolute;left:0;right:0;height:22%;top:-22%;z-index:7;pointer-events:none;background:linear-gradient(180deg,transparent,rgb(253 59 31 / .22),transparent);opacity:0}
.pv-cap{display:flex;align-items:flex-start;gap:14px;min-height:56px}
.pv-cap b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--sig);color:var(--ink);display:grid;place-items:center;font-family:var(--mono);font-weight:500}
.pv-cap span{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.45;max-width:72ch;padding-top:5px;color:var(--fg)}
.pv-replay{display:none;justify-self:start;background:transparent;border:1px solid var(--line-2);color:var(--fg);border-radius:999px;padding:8px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
@media (max-width:899px){.pv-replay{display:inline-flex}.pv-head{grid-template-columns:1fr}}
@media (max-width:640px){.psteps{grid-template-columns:1fr}}
@media (min-width:900px) and (min-height:620px){
  .pivot{padding-block:48px 24px}
  .pivot-in{gap:18px}
  .pv-stage{max-width:max(640px,calc((100svh - 380px) * 1.94));margin-inline:auto}
}

/* ---------- TOUR ---------- */
.tour{border-top:1px solid var(--line)}
.tour-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,4vw,72px);align-items:start}
.tour-steps{display:grid;min-width:0}
.tstep{min-height:74vh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-block:24px;opacity:.28;transition:opacity .6s var(--ease);min-width:0}
.tstep.on{opacity:1}
.tstep .mono{color:var(--sig)}
.tstep .h3{font-size:clamp(1.9rem,3vw,3.1rem);line-height:.98;letter-spacing:-.04em;text-wrap:balance}
.tstep p{margin:0;color:var(--fg-2);max-width:44ch}
.tstep ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tstep li{border:1px solid var(--line-2);border-radius:999px;padding:6px 13px;font-size:13px;color:var(--fg)}
.tslot{display:none}
.tour-stage{position:sticky;top:calc(env(safe-area-inset-top,0px) + 13vh)}
.tour-screens{position:relative;aspect-ratio:1876 / 972;background:var(--app-bg)}
.tour-screens .scr{position:absolute;left:0;top:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s}
.tour-screens .scr.on{opacity:1;visibility:visible}
.tour-dots{display:flex;gap:8px;margin-top:18px}
.tour-dots i{height:3px;flex:1;border-radius:3px;background:var(--line);transition:background .4s}
.tour-dots i.on{background:var(--sig)}
@media (max-width:979px){
  .tour-grid{grid-template-columns:minmax(0,1fr)}
  .tour-stage{display:none}
  .tstep{min-height:0;opacity:1;padding-block:30px;border-top:1px solid var(--line)}
  .tslot{display:block;margin-top:12px}
}

/* ---------- FEATURES ---------- */
.fgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.fc{grid-column:span 3;position:relative;border-radius:22px;padding:22px;background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);display:grid;gap:12px;align-content:start;overflow:hidden;min-width:0;transition:border-color .4s var(--ease),transform .5s var(--ease)}
.fc.w2{grid-column:span 6}
.fc:hover{border-color:rgb(253 59 31 / .45);transform:translateY(-4px)}
.fc::before{content:"";position:absolute;inset:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgb(253 59 31 / .13),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.fc:hover::before{opacity:1}
.fc .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgb(253 59 31 / .12);color:var(--sig);border:1px solid rgb(253 59 31 / .22)}
.fc .ic svg{width:19px;height:19px}
.fc h4{margin:4px 0 0;font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:600;font-size:1.18rem;letter-spacing:-.02em}
.fc p{margin:0;color:var(--fg-2);font-size:15px;line-height:1.5}
.fc .g{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);position:absolute;right:20px;top:24px}
.fc.w2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
.fc.w2>:not(.mv){grid-column:1}
.fc.w2>.mv{grid-column:2;grid-row:1 / span 3;align-self:center}
.mv{display:grid;gap:6px;font-size:12.5px}
.mv .r{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--viz-row);border:1px solid var(--viz-line);font-variant-numeric:tabular-nums;min-width:0}
.mv .r span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-2)}
.mv .r b{font-weight:600}
.mv .r.l1{margin-left:16px}.mv .r.l2{margin-left:32px;border-color:rgb(253 59 31 / .45)}
.mv .r.l2 b{color:var(--sig)}
.mv .n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:10px;background:var(--ink-3);flex:none}
.mv .r:first-child .n{background:var(--sig);color:var(--ink)}
.mv .sb{display:block;width:60px;height:5px;border-radius:5px;background:var(--line-2);overflow:hidden;flex:none}
.mv .sb i{display:block;height:100%;background:linear-gradient(90deg,var(--sig-3),var(--sig));border-radius:5px}
@media (max-width:620px){.fc.w2{grid-template-columns:1fr}.fc.w2>.mv,.fc.w2>:not(.mv){grid-column:auto;grid-row:auto;margin-top:6px}}
@media (max-width:1100px){.fc{grid-column:span 6}.fc.w2{grid-column:span 12}}
@media (max-width:620px){.fc,.fc.w2{grid-column:span 12}}

/* ---------- INTEGRATIONS ---------- */
.int{border-top:1px solid var(--line)}
.int-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4vw,72px);align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chips span{border:1px solid var(--line-2);border-radius:999px;padding:8px 15px;font-size:14px;color:var(--fg);background:rgb(255 255 255 / .02)}
@media (max-width:900px){.int-in{grid-template-columns:1fr}}

/* ---------- WHO ---------- */
.who-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wc{position:relative;border-radius:28px;padding:clamp(24px,2.6vw,36px);background:var(--ink-1);border:1px solid var(--line);display:flex;flex-direction:column;gap:18px;min-height:460px;overflow:hidden;min-width:0}
.wc.hot{background:linear-gradient(170deg,rgb(253 59 31 / .2),var(--ink-1) 60%);border-color:rgb(253 59 31 / .35)}
.wc .pre-t{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:700;font-size:clamp(3.6rem,6vw,6rem);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.4px var(--fg-2)}
.wc .pre-t em{font-style:normal;-webkit-text-stroke:0;color:var(--sig)}
.wc p{margin:0;color:var(--fg-2)}
.wc ul{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:10px}
.wc li{display:flex;gap:10px;font-size:15px;line-height:1.4}
.wc li svg{width:18px;height:18px;flex:none;color:var(--sig);margin-top:1px}
@media (max-width:980px){.who-g{grid-template-columns:1fr}.wc{min-height:0}}

/* ---------- COMPARE ---------- */
.cmp-wrap{overflow-x:auto;border-radius:26px;border:1px solid var(--line);background:var(--ink-1)}
.cmp{width:100%;min-width:720px;border-collapse:collapse}
.cmp th,.cmp td{padding:17px 20px;text-align:center;border-bottom:1px solid var(--line);font-size:15px}
.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--fg)}
.cmp thead th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:400;padding-block:20px;vertical-align:bottom}
.cmp .us{background:rgb(253 59 31 / .07);position:relative}
.cmp thead .us svg{width:104px;height:auto;color:var(--logo);display:block;margin:0 auto}
.cmp tr:last-child td{border-bottom:0}
.cmp .y,.cmp .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%}
.cmp .y{background:var(--sig);color:var(--ink)}
.cmp .n{background:var(--ink-3);color:var(--fg-3)}
.cmp .p{display:inline-grid;place-items:center;border:1px solid var(--line-2);color:var(--fg-3);font-size:11px;padding:0 10px;border-radius:99px;height:26px;font-family:var(--mono);white-space:nowrap}
.cmp svg.i{width:14px;height:14px}
@media (max-width:700px){
  .cmp-wrap{overflow:visible;border:0;background:transparent;display:grid}
  .cmp{min-width:0;display:block}
  .cmp thead{display:none}
  .cmp tbody{display:grid;gap:10px}
  .cmp tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;background:var(--ink-1);overflow:hidden}
  .cmp td{border:0;padding:12px 8px;display:grid;justify-items:center;gap:8px;align-content:start}
  .cmp td:first-child{grid-column:1/-1;padding:16px 16px 4px;font-weight:500;justify-items:start;text-align:left}
  .cmp td[data-l]::before{content:attr(data-l);font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);text-align:center}
  .cmp td.us[data-l]::before{color:var(--sig)}
}

/* ---------- PROOF ---------- */
.note{display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;border:1px dashed rgb(253 59 31 / .5);color:var(--note-fg);background:rgb(253 59 31 / .06);margin-bottom:18px;font-size:14px}
.note svg{width:18px;height:18px;color:var(--sig);flex:none}
.quotes{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}
.qt{margin:0;border-radius:26px;padding:58px 28px 28px;background:var(--ink-1);border:1px solid var(--line);display:flex;flex-direction:column;gap:22px;position:relative;min-width:0}
.qt.f{background:var(--qt-f-bg);color:var(--qt-f-fg);border-color:transparent}
.qt .tag{position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:99px;border:1px dashed currentColor;opacity:.55}
.qt .res{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:700;font-size:clamp(2.6rem,4vw,4.2rem);line-height:.85;letter-spacing:-.05em;color:var(--sig-3)}
.qt .res small{display:block;font-family:var(--body);font-size:14px;font-weight:400;letter-spacing:0;color:var(--qt-f-2);margin-top:10px}
.qt blockquote{margin:0;font-size:1.1rem;line-height:1.5;text-wrap:pretty}
.qt.f blockquote{font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:500;font-size:clamp(1.3rem,1.8vw,1.65rem);line-height:1.22;letter-spacing:-.02em}
.qt .by{display:flex;align-items:center;gap:12px;margin-top:auto}
.qt .by i{width:42px;height:42px;border-radius:50%;border:1.5px dashed currentColor;opacity:.45;flex:none}
.qt .by b{display:block;font-weight:600}
.qt .by small{display:block;color:var(--fg-3);font-size:13px}
.qt.f .by small{color:var(--qt-f-2)}
@media (max-width:980px){.quotes{grid-template-columns:1fr}}

/* ---------- FAQ (light band) ---------- */
.faq{background:var(--paper);color:var(--paper-ink)}
.faq .kicker{color:var(--paper-2)} .faq .lead{color:var(--paper-2)}
.faq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq-g .head{position:sticky;top:calc(env(safe-area-inset-top,0px) + 120px);margin:0}
.qa{border-top:1px solid var(--paper-line)}
.qa:last-child{border-bottom:1px solid var(--paper-line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;background:transparent;border:0;cursor:pointer;text-align:left;font-family:var(--display);font-variation-settings:"opsz" 36;font-weight:600;font-size:clamp(1.12rem,1.55vw,1.42rem);line-height:1.2;letter-spacing:-.02em;color:var(--paper-ink)}
.qa button i{width:36px;height:36px;border-radius:50%;border:1px solid var(--paper-line);flex:none;position:relative;transition:background .3s,border-color .3s}
.qa button i::before,.qa button i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;transition:transform .45s var(--ease)}
.qa button i::after{transform:rotate(90deg)}
.qa.open button i{background:var(--sig);border-color:var(--sig);color:var(--ink)}
.qa.open button i::after{transform:rotate(0)}
.qa .ans{overflow:hidden;height:0}
.qa .ans p{margin:0;padding:0 60px 26px 0;color:var(--paper-2);max-width:62ch}
@media (max-width:860px){.faq-g{grid-template-columns:1fr}.faq-g .head{position:static}.qa .ans p{padding-right:0}}

/* ---------- CTA ---------- */
.cta{position:relative;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;z-index:-1;left:50%;top:40%;width:min(1400px,140vw);aspect-ratio:1.5;translate:-50% -50%;background:radial-gradient(closest-side,rgb(253 59 31 / .38),rgb(253 59 31 / .1) 45%,transparent 72%)}
.cta-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.cta-big{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:700;font-size:clamp(3.4rem,9vw,9.6rem);line-height:.82;letter-spacing:-.06em;margin:0 0 26px}
.cta-big .cw{display:inline-block;white-space:nowrap}
.cta-big .ch{display:inline-block}
.cta-big .ch.hot{color:var(--sig)}
.gets{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.gets li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.4}
.gets li svg{width:22px;height:22px;flex:none;background:var(--sig);color:var(--ink);border-radius:50%;padding:4px}
.reassure{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:14px;color:var(--fg-3)}
.reassure span{display:inline-flex;gap:8px;align-items:center}
.reassure svg{width:16px;height:16px;color:var(--sig)}
.form{border-radius:30px;padding:clamp(22px,3vw,38px);background:var(--form-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-line);box-shadow:0 50px 100px -50px var(--shadow)}
.fs-top{display:flex;justify-content:space-between;color:var(--fg-3);margin-bottom:12px}
.fbar{height:4px;border-radius:9px;background:var(--line);overflow:hidden;margin-bottom:26px}
.fbar i{display:block;height:100%;width:33.3%;background:linear-gradient(90deg,var(--sig-3),var(--sig),var(--sig-2));transition:width .6s var(--ease)}
.fstep{display:none;border:0;padding:0;margin:0}
.fstep.on{display:block;animation:fin .6s var(--ease)}
@keyframes fin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fstep h3{margin:0 0 18px;font-family:var(--display);font-variation-settings:"opsz" 48;font-weight:600;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.08;letter-spacing:-.03em}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:0 18px;border-radius:16px;border:1px solid var(--line-2);background:var(--ink-2);cursor:pointer;font-weight:500;transition:border-color .3s,background .3s}
.choice span::after{content:"";width:18px;height:18px;border-radius:50%;border:1.5px solid var(--fg-3);flex:none;transition:all .3s}
.choice input[type=checkbox]+span::after{border-radius:6px}
.choice input:checked+span{border-color:var(--sig);background:rgb(253 59 31 / .1)}
.choice input:checked+span::after{background:var(--sig);border-color:var(--sig);box-shadow:inset 0 0 0 3px var(--ink-2)}
.choice input:focus-visible+span{outline:2px solid var(--sig);outline-offset:2px}
.choices.tools{grid-template-columns:repeat(3,minmax(0,1fr))}
.choices.tools .choice span{min-height:50px;font-size:14px;padding:0 14px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fields label{display:grid;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);min-width:0}
.fields label.full{grid-column:1/-1}
.fields input{font:inherit;font-family:var(--body);font-size:16px;letter-spacing:0;text-transform:none;color:var(--fg);background:var(--ink-2);border:1px solid var(--line-2);border-radius:14px;padding:15px 14px;width:100%;min-width:0;transition:border-color .3s}
.fields input:focus{outline:none;border-color:var(--sig)}
.fields input[aria-invalid=true]{border-color:var(--rose)}
.factions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.fback{background:transparent;border:0;color:var(--fg-3);cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.fback:hover{color:var(--fg)}
.fnote{margin:14px 0 0;color:var(--fg-3);font-size:13.5px;min-height:1.4em}
.fnote.err{color:var(--err)}.fnote.ok{color:var(--sig-2)}
.fdone svg.big{width:56px;height:56px;color:var(--sig);margin-bottom:16px}
@media (max-width:900px){.cta-g{grid-template-columns:1fr}}
@media (max-width:520px){.choices,.fields{grid-template-columns:1fr}.choices.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.factions .btn{width:100%}.btn{white-space:normal;text-align:center}}

/* ---------- FOOTER ---------- */
.foot{border-top:1px solid var(--line);padding-block:clamp(64px,10vh,110px) calc(env(safe-area-inset-bottom,0px) + 100px)}
.foot-g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.foot-g svg.logo{width:124px;height:auto;color:var(--logo);display:block;margin-bottom:18px}
.foot-g h4{margin:0 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:400}
.foot-g ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-g a{text-decoration:none;color:var(--fg-2);transition:color .3s}
.foot-g a:hover{color:var(--sig)}
.foot-g p{color:var(--fg-3);margin:0;max-width:36ch}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--fg-3);border-top:1px solid var(--line);padding-top:18px;margin-top:56px}
@media (max-width:760px){.foot-g{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-g>div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}