.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 24px 32px;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:820px}.hero h1{font-size:clamp(2.8rem,8vw,5.2rem);font-weight:800;margin:0 0 20px}.hero-viz{position:relative;width:100%;max-width:1000px;height:104px;margin:8px auto 12px}.hero-viz:before{content:"";position:absolute;inset:-12% 6%;background:radial-gradient(52% 62% at 50% 50%,rgba(109,75,216,.2),transparent 72%);pointer-events:none}#hero-canvas{position:absolute;inset:0;width:100%;height:100%}.lead{font-size:clamp(1.05rem,2.2vw,1.32rem);color:var(--text-dim);max-width:640px;margin:0 auto 30px;text-wrap:balance}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.install-pill{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.92rem}.install-pill .dollar{color:var(--text-muted)}.copy-label{display:inline-block;text-align:center}.install-pill svg{width:15px;height:15px;opacity:.7}.copied{color:var(--ok)!important}.section{padding-block:68px}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head p{font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;color:var(--violet);margin-bottom:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative}.step-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#9d7bff1f;border:1px solid var(--border-strong);color:var(--violet-bright);font-weight:700;font-size:.9rem;margin-bottom:14px}.step h3{margin-bottom:6px}.step p{font-size:.95rem;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{transition:transform .2s var(--ease),border-color .2s}.feature:hover{transform:translateY(-3px);border-color:var(--violet-deep)}.feature .ic{font-size:1.4rem;margin-bottom:10px}.feature h3{font-size:1.02rem;margin-bottom:5px}.feature p{font-size:.92rem;margin:0}.code-wrap{max-width:760px;margin:0 auto}.code-block{background:#08060d;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--border)}.code-bar .d{width:11px;height:11px;border-radius:50%;background:#2a2438}.code-bar .name{margin-left:8px;font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.code-block pre{margin:0;padding:18px 20px;overflow-x:auto;font-size:.88rem;line-height:1.7}.code-block .k{color:var(--pink)}.code-block .s{color:var(--ok)}.code-block .f{color:var(--teal)}.code-block .c{color:var(--text-muted)}.arch{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;max-width:900px;margin:0 auto}.arch-node{text-align:center;padding:22px 16px}.arch-node .t{font-weight:700;margin-bottom:4px}.arch-node .d{font-size:.85rem;color:var(--text-muted);margin:0}.arch-arrow{color:var(--violet);font-size:1.3rem;opacity:.7}.arch-note{text-align:center;max-width:620px;margin:26px auto 0;font-size:.92rem;color:var(--text-muted)}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:block;transition:transform .2s var(--ease),border-color .2s}.tool-card:hover{transform:translateY(-3px);border-color:var(--violet-deep)}.tool-card h3{color:var(--text);margin-bottom:5px}.tool-card p{font-size:.92rem;margin:0}.tool-card .arrow{color:var(--violet-bright);font-weight:700}.cta-final{text-align:center;padding:80px 24px}.cta-final h2{margin-bottom:18px}@media(max-width:760px){.steps,.features,.tools{grid-template-columns:1fr}.arch{grid-template-columns:1fr;justify-items:center;gap:4px}.arch-node{padding:14px 16px}.arch-arrow{transform:rotate(90deg);line-height:1}}