:root{--ink:#0b0b16;--bg:#0e0e1a;--panel:#15151f;--panel-2:#1c1c2a;--line:#2a2a3c;--text:#ececf4;--muted:#9a9ab0;--purple:#7a3cf6;--purple-2:#5b24b9;--pink:#fea9c6;--ok:#3ecf8e;--warn:#ffb454;--err:#ff5c7c;--diamond-1:#ffd1e3;--diamond-2:#ff8fbc;--diamond-3:#ff6aa5;--radius:10px;--radius-lg:16px;--maxw:1080px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--brand-grad:linear-gradient(100deg, var(--purple) 0%, var(--diamond-3) 55%, var(--pink) 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(60rem 40rem at 15% -8%,#7a3cf638,#0000 60%),radial-gradient(50rem 38rem at 100% 0,#fea9c629,#0000 55%);background-repeat:no-repeat;background-attachment:fixed;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}p{margin:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.brand{letter-spacing:.2px;align-items:center;gap:9px;font-size:18px;font-weight:700;display:inline-flex}.brand-icon{flex:none;width:26px;height:26px}.brand-mark{white-space:nowrap}.brand-mark .bm-w{color:#fff}.brand-mark .bm-g{background:linear-gradient(90deg, #fff 0%, var(--pink) 100%);color:#0000;background-clip:text}.brand-mark .bm-p{color:var(--pink)}.btn{border-radius:var(--radius);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:transform .12s,filter .12s,background .12s,border-color .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--brand-grad);box-shadow:0 8px 26px -12px #7a3cf6e6}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{color:var(--text);border-color:var(--line);background:#ffffff08}.btn-ghost:hover{border-color:var(--pink);background:#ffffff0f}.btn-sm{padding:8px 15px;font-size:14px}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b0b16b8;position:sticky;top:0}.site-header .wrap{align-items:center;gap:20px;height:62px;display:flex}.nav-links{align-items:center;gap:28px;margin-left:auto;display:flex}.nav-links a.nav-link{color:var(--muted);font-size:14px;font-weight:500;transition:color .12s}.nav-links a.nav-link:hover{color:var(--text)}@media (width<=720px){.nav-links .nav-link{display:none}}.hero{text-align:center;padding:96px 0 72px}.eyebrow{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--ok);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #3ecf8e2e}.hero h1{max-width:15ch;margin:0 auto;font-size:clamp(38px,6vw,66px)}.grad-text{background:var(--brand-grad);color:#0000;background-clip:text}.hero .sub{max-width:60ch;color:var(--muted);margin:22px auto 0;font-size:clamp(16px,2.2vw,20px)}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.hero .cta-note{color:var(--muted);margin-top:16px;font-size:13px}.hero-frame{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--panel-2), var(--panel));max-width:940px;margin:56px auto 0;overflow:hidden;box-shadow:0 40px 120px -50px #7a3cf699}.hero-frame .chrome{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:7px;padding:12px 16px;display:flex}.hero-frame .chrome i{background:var(--line);border-radius:999px;width:11px;height:11px;display:inline-block}.hero-frame .chrome i:first-child{background:#ff5f57}.hero-frame .chrome i:nth-child(2){background:#febc2e}.hero-frame .chrome i:nth-child(3){background:#28c840}.hero-frame .chrome .url{font-family:var(--font-mono);color:var(--muted);margin-left:12px;font-size:12px}.hero-stage{aspect-ratio:16/8.5;background:radial-gradient(50rem 30rem at 50% -20%, #7a3cf640, transparent 60%), var(--ink);place-items:center;padding:30px;display:grid}.stage-slide{aspect-ratio:16/9;border:1px solid var(--line);background:linear-gradient(155deg,#12132a 0%,#0a0a16 100%);border-radius:12px;flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:620px;padding:42px;display:flex;box-shadow:0 20px 60px -30px #000}.stage-slide .kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);font-size:12px}.stage-slide .st-title{letter-spacing:-.02em;font-size:clamp(22px,3.2vw,34px);font-weight:700}.stage-slide .st-bar{background:var(--line);border-radius:999px;height:9px}.stage-slide .st-bar.a{background:var(--brand-grad);width:78%}.stage-slide .st-bar.b{width:55%}section{padding:84px 0}.section-head{text-align:center;max-width:62ch;margin:0 auto 52px}.section-head .tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);font-size:12px}.section-head h2{margin-top:12px;font-size:clamp(28px,4vw,42px)}.section-head p{color:var(--muted);margin-top:16px;font-size:17px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.feature-grid{grid-template-columns:1fr}}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#1c1c2a99,#15151f99);padding:26px 24px;transition:transform .15s,border-color .15s}.card:hover{border-color:#fea9c680;transform:translateY(-3px)}.card .ic{background:#7a3cf624;border:1px solid #7a3cf659;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:16px;font-size:20px;display:grid}.card h3{font-size:18px;font-weight:650}.card p{color:var(--muted);margin-top:9px;font-size:14.5px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin:0 auto;display:grid}@media (width<=900px){.pricing-grid{grid-template-columns:1fr;max-width:420px}}.plan{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;padding:30px 28px;display:flex;position:relative}.plan.featured{background:linear-gradient(var(--panel), var(--panel)) padding-box, var(--brand-grad) border-box;border-color:#0000;box-shadow:0 30px 90px -50px #7a3cf6e6}.plan .badge{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--brand-grad);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;right:22px}.plan .name{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:600}.plan .price{align-items:baseline;gap:8px;margin-top:14px;display:flex}.plan .price .amount{letter-spacing:-.03em;font-size:46px;font-weight:700}.plan .price .per{color:var(--muted);font-size:15px}.plan .price-note{color:var(--muted);min-height:18px;margin-top:6px;font-size:13px}.plan ul{gap:12px;margin:22px 0 26px;padding:0;list-style:none;display:grid}.plan li{color:var(--text);align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.plan li .check{color:var(--ok);flex:none;margin-top:1px}.plan li.muted,.plan li.muted .check{color:var(--muted)}.plan .btn{width:100%;margin-top:auto}.placeholder{outline-offset:3px;border-radius:6px;outline:1px dashed #fea9c699}.cta-band{text-align:center}.cta-band .inner{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(40rem 20rem at 50% 120%, #fea9c629, transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel));padding:56px 32px}.cta-band h2{font-size:clamp(26px,4vw,40px)}.cta-band p{max-width:52ch;color:var(--muted);margin:14px auto 28px;font-size:17px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:40px 0;font-size:14px}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.site-footer .foot-links{gap:22px;margin-left:auto;display:flex}.site-footer a:hover{color:var(--text)}
