
:root{--bg:#0f1419;--bg2:#151b23;--card:#161d26;--tx:#e6e9ee;--mut:#98a2b3;--ac:#22d3ee;--ac2:#0891b2;--am:#f59e0b;--rd:#ef4444;--ln:#263040}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.w{max-width:1200px;margin:0 auto;padding:0 28px}
.mono{font-family:inherit}
h1{font-size:60px;line-height:1.06;letter-spacing:-2px;font-weight:700}h2{font-size:40px;line-height:1.15;letter-spacing:-1.2px;margin-bottom:14px;font-weight:700}h3{font-size:18px;font-weight:600}
.grad{color:var(--ac)}
.eye{font-size:14px;font-weight:600;color:var(--ac);margin-bottom:10px;display:block}
.lead{color:var(--mut);font-size:18.5px;max-width:640px}
section{padding:100px 0}.c{text-align:center}.c .lead{margin:0 auto}.alt{background:var(--bg2);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.btn{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:600;border:1px solid var(--ln);font-size:15.5px}
.bp{background:var(--ac);color:#062a33;border-color:var(--ac)}.bp:hover{background:#67e8f9}.bg{background:var(--bg2)}.bg:hover{border-color:#3a4658}
.glass{background:var(--card);border:1px solid var(--ln);border-radius:14px}
nav{position:sticky;top:0;z-index:9;background:rgba(15,20,25,.92);border-bottom:1px solid var(--ln)}
nav .w{display:flex;align-items:center;height:66px;gap:34px}.logo{font-weight:700;font-size:20px;display:flex;align-items:center;gap:9px;letter-spacing:-.4px}
.logo i{width:26px;height:26px;border-radius:7px;background:var(--ac);display:grid;place-items:center;font-style:normal;font-size:14px}
.logo b{color:var(--ac)}nav ul{display:flex;gap:28px;list-style:none;color:var(--mut);font-size:15px}nav .r{margin-left:auto;display:flex;gap:12px}nav .btn{padding:9px 16px}
.hero{padding:76px 0 90px;background:radial-gradient(700px 400px at 78% 40%,rgba(34,211,238,.06),transparent 70%)}.hero .w{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center}
.hero p.lead{margin:22px 0 32px}.cta{display:flex;gap:12px;flex-wrap:wrap}.small{margin-top:20px;color:var(--mut);font-size:14px}
.dash{overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--ln);font-size:12.5px;color:var(--mut);background:var(--bg2)}.bar s{width:10px;height:10px;border-radius:50%;background:#2c3644;display:block}.bar span{margin-left:10px}.bar em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;background:#263040;color:#c7cfdb;padding:2px 9px;border-radius:6px}
.db{padding:18px}.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.kp div{border:1px solid var(--ln);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--mut)}.kp b{display:block;font-size:22px;color:var(--tx)}
.ai{border:1px solid var(--ln);background:var(--bg2);border-left:3px solid var(--ac);border-radius:10px;padding:12px 14px;font-size:13.5px;margin-bottom:14px}.ai b{color:var(--ac);font-size:12px;display:block;margin-bottom:3px}
.spark{height:50px;margin-bottom:10px}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--mut);font-weight:500;padding:7px 6px;border-bottom:1px solid var(--ln)}td{padding:8px 6px;border-bottom:1px solid #1e2631}
.sku{display:flex;align-items:center;gap:10px;font-weight:500;font-size:12.5px}.th{width:30px;height:30px;border-radius:7px;background:#222b37;display:grid;place-items:center;font-size:17px;flex:none}
.p{font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}
.ok{color:#4ade80;background:rgba(34,197,94,.13)}.so{color:#fbbf24;background:rgba(245,158,11,.14)}.on{color:#fb923c;background:rgba(249,115,22,.15)}.lt{color:#f87171;background:rgba(239,68,68,.16)}
.chan{padding:40px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:var(--bg2)}.chan p{text-align:center;color:var(--mut);font-size:14.5px;margin-bottom:18px}
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.badges span{font-weight:600;font-size:14.5px;padding:9px 16px;border:1px solid var(--ln);border-radius:10px;background:var(--card);display:flex;align-items:center;gap:8px}.badges span i{width:10px;height:10px;border-radius:3px;display:block}
.wm{margin-top:46px;padding:30px}.wm svg{width:100%;height:auto;display:block}
.sw{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:14px;color:var(--mut);align-items:center}.sw span{display:flex;align-items:center;gap:8px;color:var(--tx);border:1px solid var(--ln);padding:6px 14px;border-radius:99px}.sw i{width:30px;height:16px;border-radius:99px;background:var(--ac);position:relative;display:block}.sw i:after{content:"";position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px;text-align:left}.card{padding:24px}.card .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px;font-size:20px;background:#222b37}.card p{color:var(--mut);font-size:14.5px;margin-top:6px}
.two{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.chk{list-style:none;margin-top:22px}.chk li{padding:7px 0 7px 28px;position:relative}.chk li:before{content:"✓";position:absolute;left:4px;color:var(--ac);font-weight:700}
.chat{padding:22px}.q{margin-left:auto;max-width:76%;background:#123540;border:1px solid #1d5566;padding:10px 14px;border-radius:12px 12px 4px 12px;margin-bottom:12px;font-size:14.5px}
.a{max-width:90%;background:var(--bg2);border:1px solid var(--ln);padding:12px 15px;border-radius:12px 12px 12px 4px;margin-bottom:12px;font-size:14.5px}.a code{font:inherit;font-weight:600;color:#cff4fb}.a .acts{display:flex;gap:8px;margin-top:12px}.a .acts span{font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid var(--ln)}.a .acts span:first-child{background:var(--ac);color:#062a33;border-color:var(--ac);font-weight:600}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;text-align:left}.step{padding:28px}.step .ill{height:96px;border-radius:10px;background:var(--bg2);border:1px solid var(--ln);margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:30px}.step .ill small{font-size:13px;color:var(--mut)}.step b{font-size:13px;color:var(--ac);display:block;margin-bottom:6px}.step p{color:var(--mut);margin-top:6px}
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px;text-align:left}.pr{padding:28px;position:relative}.pr.f{border:1px solid var(--ac)}
.pop{position:absolute;top:-11px;left:24px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--ac);color:#062a33}
.amt{font-size:42px;font-weight:700;letter-spacing:-1.2px;margin:8px 0 0}.amt small{font-size:15px;color:var(--mut);font-weight:400}.usd{font-size:13px;color:var(--mut)}
.pr ul{list-style:none;margin:18px 0 24px;font-size:14.5px;color:#c2c9d4}.pr li{padding:8px 0;border-bottom:1px solid var(--ln)}.pr .btn{width:100%;text-align:center}
.inc{margin-top:28px;display:flex;justify-content:center;gap:26px;flex-wrap:wrap;color:var(--mut);font-size:14.5px}.inc span:before{content:"✓ ";color:var(--ac);font-weight:700}
.ag{padding:52px;display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}.ag .lead{margin:10px 0 24px;font-size:17px}
.port{padding:16px;font-size:14px;background:var(--bg2)}.port h4{font-size:12px;color:var(--mut);font-weight:600;margin-bottom:6px}.port div{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--ln)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:left}
.faq{max-width:820px;margin:40px auto 0;text-align:left}details{border-bottom:1px solid var(--ln);padding:20px 0}summary{font-weight:600;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--mut);font-size:22px}details[open] summary:after{content:"–"}details p{color:var(--mut);margin-top:10px}
.final{padding:80px 40px;text-align:center}.final p{color:var(--mut);font-size:18px;margin:6px 0 28px}
footer{border-top:1px solid var(--ln);padding:60px 0 32px;font-size:14px;color:var(--mut);margin-top:40px;background:#0c1015}.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}footer h4{color:var(--tx);margin-bottom:12px;font-size:14px}footer li{list-style:none;margin:8px 0}
.legal{border-top:1px solid var(--ln);margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.legal div a{margin-left:20px}
@media(max-width:980px){.hero .w,.two,.ag{grid-template-columns:1fr}.grid,.prices{grid-template-columns:1fr 1fr}.steps,.trust,.fg{grid-template-columns:1fr}nav ul{display:none}h1{font-size:42px}h2{font-size:32px}.ag{padding:28px}}
@media(max-width:560px){.grid,.prices,.kp{grid-template-columns:1fr}nav .r .bg{display:none}}
.badges{gap:12px}.badges .lg{background:#f4f6f8;color:#1f2937;border:0;border-radius:10px;height:48px;padding:0 16px;display:flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px}.badges .lg img{height:22px;width:auto;display:block}.badges .lg img.mlogo{height:36px;width:75px}.badges .lg img.wl{height:20px;width:auto}.badges .lg{padding:0 13px!important}.badges{gap:9px!important}.badges{gap:10px}.badges .lg{padding:0 14px}.badges .lg .txt{font-weight:700;letter-spacing:-.3px;color:#1f2937;font-size:16px}
.logo svg{flex:none;display:block}
/* Site-wide additions */
.page-hero{padding:72px 0 48px}
.page-hero h1{font-size:44px;letter-spacing:-1.4px;max-width:820px}
.page-hero .lead{margin-top:14px}
.prose{max-width:760px;margin:0 auto;padding:0 0 80px;color:var(--mut);font-size:17px;line-height:1.7}
.prose.wide{max-width:900px}
.prose h2{color:var(--tx);font-size:28px;margin:42px 0 12px;letter-spacing:-.6px}
.prose h3{color:var(--tx);font-size:20px;margin:28px 0 10px}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 16px 22px}
.prose li{margin:6px 0}
.prose a{color:var(--ac);text-decoration:underline;text-underline-offset:3px}
.prose table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:15px}
.prose th,.prose td{border:1px solid var(--ln);padding:10px 12px;text-align:left}
.prose th{background:var(--bg2);color:var(--tx);font-weight:600}
.prose code{background:var(--bg2);padding:2px 6px;border-radius:4px;font-size:14px}
.prose blockquote{border-left:3px solid var(--ac);padding:8px 16px;margin:16px 0;color:var(--mut);background:var(--bg2);border-radius:0 8px 8px 0}
.prose .draft-note{background:#1a1510;border:1px solid #5b3a1a;color:#fbbf24;padding:12px 14px;border-radius:10px;margin:0 0 24px;font-size:14px}
.prose .placeholder{background:#1a1510;border:1px dashed #a16207;color:#fbbf24;padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:13px}
.breadcrumb{color:var(--mut);font-size:14px;margin-bottom:18px}
.breadcrumb a:hover{color:var(--ac)}
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 40px;text-align:left}
.grid-cards.two{grid-template-columns:repeat(2,1fr)}
.grid-cards .glass{padding:22px}
.grid-cards h3{margin-bottom:8px;color:var(--tx)}
.grid-cards p{color:var(--mut);font-size:15px;margin:0}
.grid-cards a.card-link{display:block;transition:border-color .15s}
.grid-cards a.card-link:hover{border-color:var(--ac)}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:rgba(34,211,238,.12);color:var(--ac);margin-bottom:10px}
.tag.soon{background:rgba(245,158,11,.12);color:var(--am)}
.cta-band{text-align:center;padding:64px 0;border-top:1px solid var(--ln)}
.cta-band h2{margin-bottom:10px}
.cta-band .cta{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0;text-align:left}
.prices .pr{padding:24px;position:relative}
.prices .pr.f{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}
.prices .amt{font-size:36px;font-weight:700;letter-spacing:-1px;color:var(--tx);margin:8px 0 4px}
.prices .usd{color:var(--mut);font-size:13px;margin-bottom:14px}
.prices ul{list-style:none;margin:14px 0 0;padding:0;color:var(--mut);font-size:14.5px}
.prices li{padding:6px 0;border-top:1px solid var(--ln)}
.prices .badge{position:absolute;top:-10px;right:16px;background:var(--ac);color:#062a33;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}
.faq details{background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:16px 18px;margin:10px 0;text-align:left}
.faq summary{cursor:pointer;font-weight:600;color:var(--tx);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary{margin-bottom:8px;color:var(--ac)}
.faq p{color:var(--mut);font-size:15px;margin:0}
.help-list{display:grid;gap:10px;max-width:800px;margin:0 auto 40px;text-align:left}
.help-list a{display:block;padding:14px 16px;background:var(--card);border:1px solid var(--ln);border-radius:10px;color:var(--tx)}
.help-list a:hover{border-color:var(--ac)}
.help-list span{display:block;color:var(--mut);font-size:14px;margin-top:4px}
.compare-table{overflow-x:auto;margin:24px 0}
.note-check{font-size:13px;color:var(--am);margin-top:8px}
footer{border-top:1px solid var(--ln);padding:48px 0 32px;color:var(--mut);font-size:14px;background:var(--bg2)}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:28px;margin-bottom:36px}
footer h4{color:var(--tx);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
footer ul{list-style:none}footer li{margin:8px 0}footer a:hover{color:var(--ac)}
footer .legal{border-top:1px solid var(--ln);padding-top:20px;font-size:13px;line-height:1.6}
.mobile-toggle{display:none;background:none;border:1px solid var(--ln);color:var(--tx);border-radius:8px;padding:8px 10px;margin-left:auto}
@media(max-width:980px){
  h1{font-size:40px}.page-hero h1{font-size:34px}h2{font-size:30px}
  .prices,.grid-cards{grid-template-columns:1fr 1fr}
  footer .cols{grid-template-columns:1fr 1fr}
  nav ul,.nav-cta{display:none}
  nav ul.open{display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;background:var(--bg);padding:16px 28px 24px;border-bottom:1px solid var(--ln);gap:14px}
  .mobile-toggle{display:inline-block}
  .hero .w{grid-template-columns:1fr !important}
}
@media(max-width:640px){
  .prices,.grid-cards,.grid-cards.two{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr}
  .w{padding:0 18px}
  section{padding:64px 0}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
