:root{--bg:#0a0a0c;--bg2:#15171f;--card:#15171f;--card2:#1b1e28;--line:#2a2d38;--text:#f1e9dc;--cream:#e8d9c5;--muted:#9aa0ae;--blue:#6b8cff;--blue2:#4f6ff5;--green:#22c55e;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--muted);line-height:1.7;font-size:16px}
h1,h2,h3,h4,.logo,.btn,.stat b,.node{font-family:Outfit,Inter,sans-serif}
h1,h2,h3,h4{color:var(--cream);margin:0;line-height:1.15;font-weight:700}
a{color:var(--blue)}img,svg,iframe{max-width:100%}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.blue{color:var(--blue)}b,strong{color:var(--cream);font-weight:600}
header{position:sticky;top:0;z-index:20;background:rgba(10,10,12,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-size:1.9rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}
.logo small{font-size:.9rem;color:var(--blue);font-weight:600;margin-left:4px}
nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
nav ul a{color:var(--muted);text-decoration:none;font-size:.95rem}nav ul a:hover{color:#fff}
.btn{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-size:1rem;transition:.2s}
.btn-primary{background:linear-gradient(180deg,#7d9bff,var(--blue2));color:#fff;box-shadow:0 0 24px rgba(107,140,255,.45),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-primary:hover{box-shadow:0 0 36px rgba(107,140,255,.7);transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--line);color:var(--cream);background:var(--card)}.btn-ghost:hover{border-color:var(--muted)}
.btn-sm{padding:10px 20px;font-size:.9rem}
.hero{padding:120px 0 90px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 20% 30%,rgba(107,140,255,.10),transparent 70%);pointer-events:none}
.hero .inner{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;position:relative}
.tagline{display:inline-flex;gap:14px;padding:8px 18px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.85rem;color:var(--cream);font-weight:600;margin-bottom:32px}
.tagline i{color:var(--line);font-style:normal}
.hero .product{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:300;color:var(--blue);letter-spacing:-1px;margin-bottom:40px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--cream);font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#7a7f8c}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.3rem);letter-spacing:-.5px;margin-bottom:22px}
.hero p.lead{font-size:1.15rem;margin:0 0 34px;max-width:500px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.video{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);aspect-ratio:16/9}
.video iframe{width:100%;height:100%;border:0;display:block}
.statsbar{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:38px 20px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}
.stat b{display:block;font-size:1.7rem;color:var(--blue);font-weight:700}.stat span{font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
section{padding:110px 0}section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{color:var(--cream);font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:.75rem;margin:0 0 18px}
h2{font-size:clamp(2rem,4.2vw,2.9rem);margin-bottom:18px;letter-spacing:-.5px}
.sub{font-size:1.15rem;max-width:660px;margin:0 0 56px}
.tc{text-align:center}.tc .sub{margin-left:auto;margin-right:auto}
.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:38px}
.card h3{font-size:1.3rem;margin:22px 0 12px}.card p{margin:0}
.icon{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--card2);display:grid;place-items:center;color:var(--cream)}
.icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.checks{list-style:none;padding:0;margin:26px 0 0}.checks li{display:flex;gap:14px;margin-bottom:18px}
.checks li::before{content:"✓";color:var(--cream);font-weight:700;flex-shrink:0}.checks.green li::before{color:var(--green)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.panel h4{font-size:1.1rem;margin-bottom:6px}
.flowbox{background:#0d0e12;border:1px solid var(--line);border-radius:14px;padding:28px 18px;margin:22px 0}
.flow{display:flex;align-items:center;justify-content:center;gap:6px}
.node{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--muted)}
.node .box{width:56px;height:56px;border-radius:12px;background:var(--card2);border:1px solid var(--line);display:grid;place-items:center;color:var(--cream)}
.node .box svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8}
.node.y{color:var(--blue)}.node.y .box{border-color:var(--blue);box-shadow:0 0 22px rgba(107,140,255,.4)}
.dots{display:flex;gap:4px;margin-bottom:22px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--green)}.dots i.r{background:#ef4444}
hr.sep{border:0;border-top:1px solid var(--line);margin:24px 0}
.status{display:flex;align-items:center;gap:12px;margin:18px 0 12px;font-size:.9rem;color:var(--cream);font-weight:600}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--green);background:rgba(34,197,94,.1);color:#fff;font-size:.85rem}
.badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.badge.bad{border-color:#ef4444;background:rgba(239,68,68,.1)}.badge.bad::before{background:#ef4444;box-shadow:0 0 8px #ef4444}
.mono{font-family:"Fira Code",ui-monospace,monospace;font-size:.85rem;color:var(--green)}
.acc{max-width:760px;margin:0 auto}
.acc details{border-bottom:1px solid var(--line);padding:22px 0}.acc summary{cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:1.15rem;color:var(--cream);list-style:none;display:flex;justify-content:space-between}
.acc summary::after{content:"⌄";color:var(--muted)}.acc details[open] summary::after{content:"⌃"}
.acc details p{margin:12px 0 0}
.price{max-width:560px;margin:0 auto;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--blue);border-radius:24px;padding:44px;text-align:center;box-shadow:0 0 60px rgba(107,140,255,.15)}
.price .amount{font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:700;color:var(--cream);line-height:1;margin:14px 0 4px}.price .amount small{font-size:1.1rem;color:var(--muted);font-weight:500}
.price .vat{font-size:.9rem;margin:0 0 28px}
.price ul{list-style:none;padding:0;margin:0 0 30px;text-align:left}
.price li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;color:var(--cream)}.price li::before{content:"✓";color:var(--green);font-weight:700}
.price .note{font-size:.85rem;margin-top:16px}
.compare{width:100%;border-collapse:collapse;margin-top:40px;font-size:.95rem}
.compare th,.compare td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.compare th{color:var(--cream);font-family:Outfit,sans-serif}
.compare td.yes{color:var(--green);font-weight:600}.compare td.no{color:#f87171}
.cta{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:28px;padding:90px 40px;text-align:center}
.cta h2{color:var(--blue);font-size:clamp(2.2rem,5vw,3.4rem)}.cta .sub{margin-bottom:40px}.cta .fine{font-size:.85rem;margin-top:22px}
form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}
input,select,textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:#0d0e12;color:#fff;font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
footer{border-top:1px solid var(--line);padding:70px 0 50px;font-size:.9rem}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
footer .logo{font-size:1.7rem}footer h4{font-size:.8rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px}
footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:10px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:#fff}
.prose{max-width:760px;padding:60px 0}.prose h2{font-size:1.5rem;margin-top:40px}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
@media(max-width:900px){.hero .inner,.split,.g2,.g3,.row,footer .cols{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.hero{padding:70px 0 60px}section{padding:80px 0}.burger{display:block}nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);flex-direction:column;padding:24px;border-bottom:1px solid var(--line);align-items:flex-start}nav ul.open{display:flex}.flow{flex-wrap:wrap}}