:root{--sp-purple:#3a2d4b;--sp-gold:#a28448;--sp-magenta:#a12fc3;--sp-ultramarine:#2c2e98;--sp-aqua:#70c9ec;--sp-teal:#45b084;--sp-sherpa:#185b7c;--sp-gold-light:#e3d3a6;--sp-ink:#2a2037;--sp-muted:#6b5f78;--sp-surface:color-mix(in srgb, var(--sp-purple) 5%, #fff);--sp-line:color-mix(in srgb, var(--sp-purple) 14%, #fff)}body{color:var(--sp-ink);background:#fff}main{max-width:960px}a{color:var(--sp-ultramarine)}.site-nav{border-bottom-color:var(--sp-line);margin-bottom:24px}.site-nav a{color:var(--sp-muted)}.site-nav a:hover{background:var(--sp-surface);color:var(--sp-purple)}.site-nav a:focus-visible{outline-color:var(--sp-ultramarine)}.site-nav a[aria-current=page]{background:var(--sp-surface);color:var(--sp-purple)}.site-nav .brand{color:var(--sp-purple);letter-spacing:.01em;font-weight:700}.site-nav .brand:before{content:"";background:var(--sp-gold);border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block;transform:rotate(45deg)}.hero{background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--sp-magenta) 38%, transparent), transparent 46%), radial-gradient(circle at 12% 110%, color-mix(in srgb, var(--sp-aqua) 26%, transparent), transparent 50%), linear-gradient(135deg, var(--sp-purple), color-mix(in srgb, var(--sp-purple) 55%, var(--sp-ultramarine)));color:#fff;box-shadow:0 18px 40px -18px color-mix(in srgb, var(--sp-purple) 70%, transparent);border-radius:20px;margin:8px 0 40px;padding:56px 40px 48px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg, var(--sp-gold), var(--sp-gold-light) 40%, transparent);border-radius:3px 3px 0 0;height:3px;position:absolute;inset:auto 40px 0}.hero-chips{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.hero-chips li{border:1px solid color-mix(in srgb, var(--sp-gold-light) 55%, transparent);color:var(--sp-gold-light);letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}.hero-chips code{font:inherit}.hero h1{color:#fff;letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.hero p{max-width:38rem;color:color-mix(in srgb, #fff 88%, var(--sp-purple));margin:0 0 28px;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.cta{border:1px solid #0000;border-radius:10px;padding:11px 24px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-block}.cta.primary{background:var(--sp-gold-light);color:var(--sp-purple)}.cta.primary:hover{background:#fff;transform:translateY(-1px)}.cta.ghost{color:#fff;border-color:#ffffff73}.cta.ghost:hover{background:#ffffff1f;border-color:#fff}.cta:focus-visible{outline:3px solid var(--sp-aqua);outline-offset:3px}h2{color:var(--sp-purple);margin:0 0 18px;padding-bottom:10px;font-size:1.3rem;position:relative}h2:after{content:"";background:var(--sp-gold);border-radius:3px;width:36px;height:3px;position:absolute;inset:auto auto 0 0}section{margin-bottom:44px}ul{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.features li{border:1px solid var(--sp-line);border-left:4px solid var(--sp-gold);background:var(--sp-surface);border-radius:4px 12px 12px 4px;padding:16px 18px;font-size:14px;line-height:1.6}.features li:nth-child(6n+2){border-left-color:var(--sp-magenta)}.features li:nth-child(6n+3){border-left-color:var(--sp-ultramarine)}.features li:nth-child(6n+4){border-left-color:var(--sp-aqua)}.features li:nth-child(6n+5){border-left-color:var(--sp-teal)}.features li:nth-child(6n+6){border-left-color:var(--sp-sherpa)}.features strong,.cards strong{color:var(--sp-purple);margin-bottom:2px;display:block}.cards a{box-sizing:border-box;border:1px solid var(--sp-line);height:100%;color:var(--sp-ink);border-radius:14px;padding:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.cards a:hover,.cards a:focus-visible{border-color:var(--sp-magenta);box-shadow:0 8px 22px -10px color-mix(in srgb, var(--sp-purple) 45%, transparent);transform:translateY(-2px)}.cards a:focus-visible{outline:2px solid var(--sp-ultramarine);outline-offset:2px}.cards span{color:var(--sp-muted);font-size:13px}.install ol{margin:0;padding-left:24px;font-size:14px;line-height:1.7}.install li{margin-bottom:14px;padding-left:4px}.install li::marker{color:var(--sp-gold);font-weight:700}.install li>strong{color:var(--sp-purple);display:block}.install h3{color:var(--sp-sherpa);margin:14px 0 2px;font-size:.92rem}.install pre{border-left:3px solid var(--sp-gold);background:color-mix(in srgb, var(--sp-purple) 88%, #000);color:#efe9f5;border-radius:8px;margin:6px 0 10px;padding:13px 16px;font:12.5px/1.6 ui-monospace,Cascadia Code,Consolas,monospace;overflow:auto}.install pre:focus-visible{outline:2px solid var(--sp-aqua);outline-offset:2px}.install :not(pre)>code{background:color-mix(in srgb, var(--sp-gold) 16%, #fff);color:var(--sp-purple);border-radius:4px;padding:1px 6px;font:.9em ui-monospace,Cascadia Code,Consolas,monospace}.download{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;display:flex}.download-btn{background:var(--sp-purple);color:#fff;border-radius:8px;padding:8px 18px;font-weight:600;text-decoration:none;transition:background-color .15s}.download-btn:hover{background:var(--sp-ultramarine)}.download-btn:focus-visible{outline:2px solid var(--sp-ultramarine);outline-offset:2px}.download-btn[aria-disabled=true]{background:var(--sp-line);color:var(--sp-muted);pointer-events:none}.download-note{color:var(--sp-muted);font-size:13px}.site-footer{border-top:1px solid var(--sp-line);color:var(--sp-muted);margin-top:8px;padding-top:18px;font-size:13px}.site-footer a{color:var(--sp-sherpa)}@media (width<=520px){.hero{padding:36px 22px 34px}.hero:after{inset-inline:22px}.cta{text-align:center;flex:100%}}@media (prefers-reduced-motion:reduce){.cta,.cards a,.download-btn{transition:none}.cta.primary:hover,.cards a:hover,.cards a:focus-visible{transform:none}}