*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1018;--bg2:#111927;--bg3:#1a2332;--ln:#253245;--tx:#f0f4f8;--mu:#8899a6;--mu2:#5c6d7e;--cy:#00d4aa;--cyA:rgba(0,212,170,.12);--gd:#ffb020;--gdA:rgba(255,176,32,.12);--rd:#ff4757;--rdA:rgba(255,71,87,.12);--gr:#00d68f;--grA:rgba(0,214,143,.12);--vi:#a78bfa;--font:Inter,system-ui,sans-serif;--mono:"JetBrains Mono",monospace}html{background:var(--bg);color:var(--tx);font:14px/1.5 var(--font);scroll-behavior:smooth}body{min-height:100vh;-webkit-font-smoothing:antialiased}a,button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;text-decoration:none}img{max-width:100%}.nav{display:flex;gap:24px;padding:0 32px;height:64px;background:rgba(11,16,24,.8);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.nav,.nav-logo{align-items:center}.nav-logo{display:inline-flex;font-size:20px;font-weight:800;letter-spacing:-.5px}.nav-logo>span{color:var(--cy)}.nav-links{display:flex;gap:24px;font-size:13px;color:var(--mu);font-weight:500;margin-left:24px}.nav-links a:hover{color:var(--tx)}.nav-cta{margin-left:auto;display:flex;gap:10px;align-items:center}.nav-cta .signin{padding:8px 16px;color:var(--mu);font-size:13px;font-weight:500}.nav-cta .signin:hover{color:var(--tx)}.nav-cta .start{padding:8px 18px;border-radius:8px;background:var(--cy);color:var(--bg);font-size:13px;font-weight:700}.hero{padding:80px 32px 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:1200px;height:600px;background:radial-gradient(ellipse,rgba(0,212,170,.18) 0,transparent 60%);pointer-events:none;z-index:0}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:14px;background:var(--cyA);color:var(--cy);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(0,212,170,.3);margin-bottom:24px;position:relative;z-index:2}.hero-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--cy);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:64px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin-bottom:24px;max-width:980px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.hero h1 .cy{color:var(--cy)}.hero p.lede{font-size:18px;color:var(--mu);line-height:1.55;max-width:680px;margin:0 auto 36px;position:relative;z-index:2}.hero p.lede b{color:var(--tx)}.hero-cta{display:flex;justify-content:center;gap:12px;margin-bottom:18px;position:relative;z-index:2}.hero-cta a,.hero-cta button{padding:14px 28px;border-radius:10px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.hero-cta .primary{background:var(--cy);color:var(--bg)}.hero-cta .primary svg{width:14px;height:14px}.hero-cta .secondary{background:var(--bg3);color:var(--tx);border:1px solid var(--ln)}.hero-cta .secondary:hover{border-color:var(--cy)}.hero-fine{font-size:12px;color:var(--mu2);position:relative;z-index:2}.hero-fine .dot{display:inline-block;margin:0 8px;color:var(--mu2)}.demo-frame{max-width:1100px;margin:48px auto 0;padding:0 32px;position:relative;z-index:2}.demo-card{background:var(--bg2);border:1px solid var(--ln);border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(0,212,170,.15)}.demo-top{padding:14px 20px;background:var(--bg3);border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px}.demo-dots{display:flex;gap:6px}.demo-dots span{width:10px;height:10px;border-radius:50%;background:var(--ln)}.demo-url{flex:1;text-align:center;font-size:12px;color:var(--mu);font-family:var(--mono)}.demo-body{display:grid;grid-template-columns:200px 1fr;gap:0}.demo-sb{background:var(--bg3);padding:18px 14px;border-right:1px solid var(--ln);min-height:380px}.demo-sb .sb-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;font-size:11px;color:var(--mu);margin-bottom:3px}.demo-sb .sb-item.active{background:var(--cyA);color:var(--cy);font-weight:700}.demo-sb .sb-item .ic{width:12px;height:12px;background:currentColor;border-radius:3px;opacity:.7}.demo-main{padding:24px;background:var(--bg)}.demo-card-row{background:var(--bg2);border:1px solid var(--ln);border-radius:12px;padding:16px;margin-bottom:10px;display:flex;align-items:center;gap:14px}.demo-card-row .tk{font-family:var(--mono);font-weight:800;font-size:14px;min-width:60px}.demo-card-row .nm{flex:1;font-size:12px;color:var(--mu)}.demo-card-row .pill{font-size:9px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.demo-card-row .pill.b{background:var(--grA);color:var(--gr)}.demo-card-row .pill.s{background:var(--rdA);color:var(--rd)}.demo-card-row .pill.w{background:var(--gdA);color:var(--gd)}.demo-card-row .score{font-family:var(--mono);font-weight:800;font-size:18px;min-width:36px;text-align:right}.demo-card-row .score.hi{color:var(--gr)}.demo-card-row .score.lo{color:var(--rd)}.demo-card-row .score.md{color:var(--gd)}.section{padding:80px 32px;border-top:1px solid var(--ln)}.section h2{font-size:42px;font-weight:800;letter-spacing:-.8px;text-align:center;margin-bottom:14px;line-height:1.1;max-width:880px;margin-left:auto;margin-right:auto}.section h2 .cy{color:var(--cy)}.section .sub{font-size:16px;color:var(--mu);text-align:center;max-width:640px;margin:0 auto 56px;line-height:1.55}.section .container{max-width:1200px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{background:var(--bg2);border:1px solid var(--ln);border-radius:18px;padding:32px;position:relative}.step-card .num{position:absolute;top:24px;right:24px;font-family:var(--mono);font-weight:800;font-size:48px;color:var(--ln);line-height:1}.step-card .ic{width:48px;height:48px;border-radius:12px;background:var(--cyA);color:var(--cy);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.step-card .ic svg{width:24px;height:24px}.step-card h3{font-size:20px;font-weight:800;margin-bottom:10px;letter-spacing:-.3px}.step-card p{font-size:14px;color:var(--mu);line-height:1.6}.step-card p b{color:var(--tx)}.factors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fac{padding:18px;background:var(--bg2);border:1px solid var(--ln);border-radius:14px}.fac .ico{width:32px;height:32px;border-radius:9px;background:var(--cyA);color:var(--cy);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.fac .ico svg{width:16px;height:16px}.fac h4{font-size:14px;font-weight:700;margin-bottom:4px}.fac p{font-size:12px;color:var(--mu);line-height:1.45}.bipolar-card{background:var(--bg2);border:1px solid var(--ln);border-radius:18px;padding:48px;text-align:center;max-width:920px;margin:0 auto}.bipolar-card .band{height:24px;border-radius:12px;display:flex;overflow:hidden;margin:32px 0 14px;position:relative}.bipolar-card .band .b1{background:var(--rd);width:44%}.bipolar-card .band .b2{background:var(--gd);width:20%}.bipolar-card .band .b3{background:var(--gr);width:36%}.bipolar-card .band-labels{display:grid;grid-template-columns:44% 20% 36%;font-size:13px;font-weight:700;font-family:var(--mono)}.bipolar-card .band-labels .l1{color:var(--rd);text-align:center}.bipolar-card .band-labels .l2{color:var(--gd);text-align:center}.bipolar-card .band-labels .l3{color:var(--gr);text-align:center}.bipolar-card .band-labels span small{display:block;font-size:11px;color:var(--mu);font-weight:500;margin-top:4px;font-family:var(--font)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto}.pr{background:var(--bg2);border:1px solid var(--ln);border-radius:18px;padding:32px;position:relative}.pr.feat{border-color:var(--cy)}.pr.feat:before{content:"Most popular";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--cy);color:var(--bg);font-size:10px;padding:4px 12px;border-radius:8px;letter-spacing:.5px}.pr h3,.pr.feat:before{font-weight:700;text-transform:uppercase}.pr h3{font-size:14px;color:var(--mu);letter-spacing:.4px;margin-bottom:14px}.pr .price{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.pr .price .num{font-size:42px;font-weight:800;font-family:var(--mono);line-height:1}.pr .price .cyc{font-size:14px;color:var(--mu);font-weight:500}.pr .save{font-size:12px;color:var(--gr);font-weight:700;font-family:var(--mono);margin-bottom:22px}.pr ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;font-size:13px;color:var(--mu)}.pr li{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.pr li svg{width:14px;height:14px;color:var(--gr);flex-shrink:0;margin-top:3px}.pr .cta,.pr li b{color:var(--tx)}.pr .cta{display:block;width:100%;padding:13px;border-radius:10px;font-weight:700;font-size:13px;text-align:center;background:var(--bg3);border:1px solid var(--ln)}.pr.feat .cta{background:var(--cy);color:var(--bg);border-color:var(--cy)}.final{padding:96px 32px;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,212,170,.08))}.final h2{font-size:48px;font-weight:800;letter-spacing:-1px;max-width:760px;margin:0 auto 18px}.final p{font-size:16px;color:var(--mu);max-width:560px;margin:0 auto 32px;line-height:1.55}.final button{padding:16px 32px;border-radius:12px;background:var(--cy);color:var(--bg);font-weight:800;font-size:15px}.foot{padding:40px 32px;border-top:1px solid var(--ln);text-align:center;font-size:12px;color:var(--mu)}.foot .links{display:flex;justify-content:center;gap:24px;margin-bottom:14px;font-weight:500}.foot .links a:hover{color:var(--tx)}.foot .copy{color:var(--mu2)}@media(max-width:1100px){.factors,.pricing-grid,.steps{grid-template-columns:1fr}.factors{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.demo-body{grid-template-columns:1fr}.demo-sb{display:none}}@media (max-width:768px){.nav{flex-wrap:wrap;padding:14px 18px;gap:10px}.nav-links{display:none}.nav-cta{margin-left:auto;gap:8px}.nav-cta .signin{font-size:12px}.nav-cta .start{padding:8px 12px;font-size:12px}.hero{padding:48px 18px 32px}.hero h1{font-size:clamp(28px,9vw,44px);line-height:1.1}.hero .lede{font-size:14px}.hero-cta{flex-direction:column;gap:10px;align-items:stretch}.hero-cta .primary,.hero-cta .secondary{width:100%;justify-content:center}.bipolar-labels,.factors,.pricing,.steps{grid-template-columns:1fr!important;gap:14px!important}.factors{grid-template-columns:1fr 1fr!important}.container,section{padding-left:18px!important;padding-right:18px!important}h2{font-size:26px!important}.product-demo{display:none}}@media (max-width:380px){.hero h1{font-size:24px}.factors{grid-template-columns:1fr!important}}