.reveal{opacity:1}.hero{padding:4.5rem 0 5rem;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(800px 420px at 18% 0%, var(--brand-soft), transparent 60%), radial-gradient(720px 420px at 88% 8%, var(--accent-soft), transparent 58%);position:absolute;inset:0}.hero-grid-lines{z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 72%)}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;display:grid}.hero h1{letter-spacing:-.035em;text-wrap:balance;margin:1.25rem 0;font-size:clamp(2.5rem,4.4vw,3.75rem);font-weight:800;line-height:1.02}.hero h1 .grad{background:linear-gradient(100deg, var(--brand), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.sub{font-size:var(--text-lg);color:var(--text-secondary);max-width:48ch;margin:0 0 2rem;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:.75rem;display:flex}.hero-fine{font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.hero-trust{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:1rem;margin-top:2rem;display:flex}.hero-trust .logos{align-items:center;gap:1rem;display:flex}.mockup{perspective:1600px}.mockup-card{border-radius:var(--r-xl);border:1px solid var(--border-strong);background:var(--surface-1);box-shadow:var(--shadow-xl), var(--glow-brand);overflow:hidden;transform:rotate(-1.2deg)}.mk-winbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.mk-winbar .dots{gap:5px;display:flex}.mk-winbar .dots i{background:var(--surface-3);border-radius:50%;width:9px;height:9px}.mk-winbar .url{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono);margin-left:.5rem}.mockup-body{grid-template-columns:1.2fr 1fr;gap:.75rem;padding:1rem;display:grid}.mm-pl{flex-direction:column;gap:.5rem;display:flex}.mm-step{align-items:center;gap:.625rem;font-size:.75rem;display:flex}.mm-node{border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.mm-panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:.75rem}.mm-kpi{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.float-badge{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--text-xs);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.mock-spin{animation:1.4s linear infinite spin}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat{text-align:center;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);padding:1.5rem}.stat .big{font-size:var(--text-4xl);letter-spacing:-.03em;background:linear-gradient(100deg, var(--brand), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.stat .lbl{font-size:var(--text-sm);margin-top:.375rem;font-weight:600}.stat .desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:.25rem}.prob-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.prob{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);padding:1.5rem}.prob .pic{border-radius:var(--r-md);background:var(--error-soft);width:44px;height:44px;color:var(--error);place-items:center;margin-bottom:1rem;display:grid}.prob h3{font-size:var(--text-lg);letter-spacing:-.01em;margin:0 0 .5rem;font-weight:600}.prob p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.55}.pipe-flow{align-items:stretch;gap:0;padding:1rem 0;display:flex;overflow-x:auto}.pipe-node{text-align:center;flex:1;min-width:130px;padding:0 .5rem;position:relative}.pipe-node .ic{border-radius:var(--r-lg);border:1px solid var(--border-strong);background:var(--surface-1);width:52px;height:52px;color:var(--brand);transition:all var(--d-mid);place-items:center;margin:0 auto .75rem;display:grid}.pipe-node.lit .ic{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--glow-brand)}.pipe-node .n{font-size:var(--text-sm);font-weight:600}.pipe-node .c{font-size:var(--text-xs);color:var(--text-muted);margin-top:.25rem}.pipe-node:not(:last-child):after{content:"";background:var(--border-strong);height:2px;position:absolute;top:26px;left:calc(50% + 38px);right:calc(38px - 50%)}.pipe-node.lit:not(:last-child):after{background:var(--brand)}.pipe-circuit{padding:.5rem 0 .25rem;overflow-x:auto}.pipe-circuit-in{min-width:720px;height:272px;position:relative}.pipe-track{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pipe-track rect{fill:none;vector-effect:non-scaling-stroke}.pipe-track .tk-base{stroke:var(--border-strong);stroke-width:2px}.pipe-track .tk-flow{stroke:var(--brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:13 87;filter:drop-shadow(0 0 5px var(--brand));animation:4.5s linear infinite pipe-race}@keyframes pipe-race{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.pipe-grid{z-index:1;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;left:0;right:0}.pipe-grid.top{top:0}.pipe-grid.bottom{top:158px}.pipe-grid .pipe-node .n{white-space:nowrap}.pipe-grid .pipe-node:after{content:none}.pipe-grid.bottom>:first-child{grid-column:1}.pipe-grid.bottom>:nth-child(2){grid-column:4/6;justify-self:center}.pipe-grid.bottom>:nth-child(3){grid-column:8}.pipe-node.loop .ic{background:var(--surface-1);color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px -3px var(--accent)}.pipe-loopback{font-size:var(--text-sm);color:var(--brand);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-weight:600;display:flex}.pipe-loopback svg{color:var(--accent);animation:6s linear infinite reverse spin}@media (prefers-reduced-motion:reduce){.pipe-track .tk-flow,.pipe-loopback svg{animation:none}}.feat-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.feat{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);transition:border-color var(--d-fast), transform var(--d-fast);padding:1.75rem;position:relative;overflow:hidden}.feat:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feat.spotlight{background:linear-gradient(120deg, var(--surface-1), color-mix(in srgb, var(--accent) 8%, var(--surface-1)));border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.feat .fic{border-radius:var(--r-md);background:var(--brand-soft);width:48px;height:48px;color:var(--brand);place-items:center;margin-bottom:1.125rem;display:grid}.feat.spotlight .fic{background:var(--accent-soft);color:var(--accent)}.feat h3{font-size:var(--text-xl);letter-spacing:-.01em;margin:0 0 .5rem;font-weight:600}.feat p{font-size:var(--text-sm);color:var(--text-secondary);max-width:52ch;margin:0;line-height:1.6}.feat .badge{margin-bottom:.875rem}.cmp-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.cmp{border-collapse:collapse;width:100%;min-width:720px}.cmp th,.cmp td{text-align:center;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);padding:.875rem 1rem}.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--text-secondary);font-weight:450}.cmp thead th{color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.cmp thead th.us{color:var(--brand)}.cmp .uscol{background:var(--brand-soft);position:relative}.cmp tbody tr:last-child td{border-bottom:none}.cmp .yes{color:var(--success)}.cmp .no{color:var(--text-muted)}.cmp-ushead{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.how-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.how{padding:1.5rem}.how .num{font-size:var(--text-5xl);letter-spacing:-.04em;color:var(--surface-3);font-weight:800;line-height:1}.how h3{font-size:var(--text-lg);margin:.5rem 0;font-weight:600}.how p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.55}.how .time{font-size:var(--text-xs);color:var(--brand);align-items:center;gap:.375rem;margin-top:.625rem;font-weight:600;display:inline-flex}.tst-track{scroll-snap-type:x mandatory;gap:1.25rem;padding-bottom:1rem;display:flex;overflow-x:auto}.tst{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);flex:0 0 380px;padding:1.75rem}.tst .stars{color:#fbbf24;gap:3px;margin-bottom:1rem;display:flex}.tst blockquote{font-size:var(--text-lg);letter-spacing:-.01em;margin:0 0 1.25rem;line-height:1.5}.tst .who{align-items:center;gap:.75rem;display:flex}.tst .av{color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.tst .nm{font-weight:600;font-size:var(--text-sm)}.tst .ch{font-size:var(--text-xs);color:var(--text-muted)}.tst .gr{text-align:right;margin-left:auto}.tst .gr .b{color:var(--success);font-weight:700}.tst .gr .l{color:var(--text-muted);font-size:.625rem}.price-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.25rem;display:grid}.pcard{border:1.5px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);padding:1.75rem;position:relative}.pcard.pop{border-color:var(--brand);box-shadow:var(--glow-brand)}.pcard .pop-badge{background:var(--brand);color:#fff;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;font-size:.625rem;font-weight:700;position:absolute;top:-11px;left:1.75rem}.pcard .pn{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.pcard .pp{font-size:var(--text-4xl);letter-spacing:-.03em;margin:.5rem 0 .25rem;font-weight:800}.pcard .pp small{font-size:var(--text-base);color:var(--text-muted);font-weight:400}.pcard .ptag{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:1.25rem}.pcard ul{flex-direction:column;gap:.625rem;margin:1.25rem 0;padding:0;list-style:none;display:flex}.pcard li{font-size:var(--text-sm);color:var(--text-secondary);align-items:flex-start;gap:.5rem;display:flex}.pcard li svg{color:var(--brand);flex:none;margin-top:2px}.faq{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-q{cursor:pointer;font-size:var(--text-lg);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;font-weight:500;display:flex}.faq-q .chev{color:var(--text-muted);transition:transform var(--d-fast);flex:none}.faq-item.open .faq-q .chev{transform:rotate(180deg)}.faq-a{max-height:0;transition:max-height var(--d-mid) var(--ease-out);overflow:hidden}.faq-item.open .faq-a{max-height:320px}.faq-a p{font-size:var(--text-base);color:var(--text-secondary);max-width:64ch;margin:0 0 1.25rem;line-height:1.6}.cta-strip{text-align:center;border-radius:var(--r-2xl);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);background:radial-gradient(600px 300px at 50% 0%, var(--brand-soft), transparent 70%), var(--surface-1);padding:4.5rem 2rem;position:relative;overflow:hidden}.cta-strip h2{font-size:var(--text-4xl);letter-spacing:-.03em;text-wrap:balance;margin:0 0 1rem;font-weight:800}@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.mockup{display:none}.stats,.prob-grid,.how-grid,.price-grid,.feat-grid{grid-template-columns:1fr}.feat.spotlight{grid-column:span 1}}
