:root{--bg: #070a08;--text: #eef3ec;--muted: #8e998f;--faint: #5d675e;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .07);--accent: #8bd035;--accent-ink: #0b1405;--accent-soft: rgba(139, 208, 53, .12);--accent-line: rgba(139, 208, 53, .38);--accent-glow: rgba(139, 208, 53, .3);--danger: #ff5a5a;--font: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.muted{color:var(--muted)}::selection{background:var(--accent);color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-weight:700;transition:filter .14s ease-out,border-color .14s ease-out,transform .14s ease-out;white-space:nowrap}.btn:hover{border-color:#ffffff47;transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 10px 34px var(--accent-glow)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.big{height:54px;padding:0 26px;font-size:16px;border-radius:14px}.nav{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:18px max(24px,calc((100vw - var(--max)) / 2));transition:background .18s ease-out,border-color .18s ease-out;border-bottom:1px solid transparent}.nav.solid{background:#070a08d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.logo{display:flex;align-items:center;gap:10px}.logo img{width:34px;height:34px;filter:drop-shadow(0 0 14px var(--accent-glow))}.logo b{font-size:18px;font-weight:800;letter-spacing:.06em}.nav nav{display:flex;gap:26px;margin-left:auto}.nav nav a{color:var(--muted);font-weight:700;font-size:14px;transition:color .14s ease-out}.nav nav a:hover{color:var(--text)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px max(24px,calc((100vw - var(--max)) / 2)) 90px;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/og.png) center / cover no-repeat;opacity:.32;filter:saturate(.9)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 600px at 78% 30%,rgba(139,208,53,.16),transparent 60%),linear-gradient(90deg,var(--bg) 18%,rgba(7,10,8,.72) 55%,rgba(7,10,8,.4)),linear-gradient(0deg,var(--bg) 2%,transparent 40%)}.hero-in{max-width:680px}.hero-mark{position:absolute;right:max(-60px,calc((100vw - var(--max)) / 2 - 120px));top:50%;width:min(560px,46vw);transform:translateY(-46%);opacity:.9;filter:drop-shadow(0 0 80px var(--accent-glow));z-index:-1;animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translateY(-50%)}}.status{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:20px;border:1px solid var(--line-strong);background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:13px;color:var(--muted)}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.status.on{color:var(--accent);border-color:var(--accent-line)}.status.on .dot{background:var(--accent);animation:pulse 1.8s ease-out infinite}.status.off{color:var(--danger)}.status.off .dot{background:var(--danger)}@keyframes pulse{0%{box-shadow:0 0 #8bd03580}to{box-shadow:0 0 0 12px #8bd03500}}h1{margin:26px 0 18px;font-size:clamp(44px,7vw,86px);line-height:.98;font-weight:800;letter-spacing:-.035em}h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 60px var(--accent-glow)}.lead{margin:0;max-width:560px;font-size:19px;color:#c3ccc2}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.metrics{display:grid;grid-template-columns:repeat(4,auto);gap:34px;margin-top:54px;padding-top:26px;border-top:1px solid var(--line);width:max-content;max-width:100%}.metrics b{display:block;font-family:var(--mono);font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.metrics span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section{padding:110px max(24px,calc((100vw - var(--max)) / 2))}.head{margin-bottom:44px}.kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h2{margin:10px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.025em}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{position:relative;padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#161d17b3,#0a0d0bb3);transition:border-color .18s ease-out,transform .18s ease-out;overflow:hidden}.feature:hover{border-color:var(--accent-line);transform:translateY(-3px)}.feature.big{grid-row:span 2;background:radial-gradient(120% 90% at 100% 0%,rgba(139,208,53,.22),transparent 60%),linear-gradient(160deg,#17221a,#0a0e0b);border-color:var(--accent-line)}.feature.wide{grid-column:span 2}.feature .ico{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:18px;margin-bottom:20px}.feature.big .ico,.feature.wide .ico{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 26px var(--accent-glow)}.feature h3{margin:0 0 8px;font-size:20px;font-weight:800}.feature.big h3{font-size:28px}.feature p{margin:0;color:var(--muted)}.feature.big p{font-size:16px;color:#b9c3b8}.feature .link{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:var(--accent);font-weight:800}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps li{display:flex;gap:18px;padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.steps .n{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-family:var(--mono);font-weight:700;font-size:18px}.steps h3{margin:4px 0 6px;font-size:18px;font-weight:800}.steps p{margin:0;color:var(--muted)}.steps a{color:var(--accent);font-weight:700}.changes{display:grid;gap:12px}.change{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:24px 26px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}.change.empty{display:block;color:var(--muted);text-align:center}.change .when{color:var(--muted);font-size:13px;font-weight:700}.change .tag{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.change h3{margin:0 0 6px;font-size:18px;font-weight:800}.change p{margin:0;color:#b9c3b8;white-space:pre-line}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq details{padding:20px 24px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}.faq details[open]{border-color:var(--accent-line)}.faq summary{cursor:pointer;font-weight:800;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";color:var(--accent);font-family:var(--mono);font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{margin:12px 0 0;color:var(--muted)}.final{position:relative;text-align:center;padding:120px 24px 130px;overflow:hidden}.final:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(600px 300px at 50% 60%,rgba(139,208,53,.18),transparent 70%)}.final img{width:110px;filter:drop-shadow(0 0 40px var(--accent-glow))}.final .cta{justify-content:center}.foot{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:28px max(24px,calc((100vw - var(--max)) / 2));border-top:1px solid var(--line);color:var(--muted);font-size:13px}@media (max-width: 960px){.nav nav{display:none}.nav .btn{margin-left:auto}.hero-mark{opacity:.18;width:80vw;right:-20vw}.metrics{grid-template-columns:repeat(2,auto);gap:22px 40px}.features,.steps,.faq{grid-template-columns:1fr}.feature.big{grid-row:auto}.feature.wide{grid-column:auto}.change{grid-template-columns:1fr;gap:10px}.section{padding:80px 20px}}
