:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08090d;color:#f7f2e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 4%,rgba(143,88,255,.24),transparent 32rem),radial-gradient(circle at 82% 8%,rgba(52,211,153,.14),transparent 28rem),#08090d}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand{font-size:24px;font-weight:800;letter-spacing:-.04em}.nav-links{display:flex;gap:18px;color:#b8b2c7;font-size:14px}.intro{min-height:72vh;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}.section-label{margin:0 0 14px;color:#a9ffcb;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:740px;margin-bottom:22px;font-size:clamp(52px,8vw,104px);line-height:.92;letter-spacing:-.07em}.lede{max-width:640px;color:#c8c1d8;font-size:20px;line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:0 20px;font-weight:750;font-size:14px}.button.primary{background:#f7f2e9;color:#0d0d12}.button.secondary{border:1px solid rgba(255,255,255,.18);color:#f7f2e9}.offer-card{border:1px solid rgba(255,255,255,.12);background:#fff1;box-shadow:0 30px 100px #0000006b;padding:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.offer-card span,.component-card p{color:#a9ffcb;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.offer-card strong{display:block;margin:18px 0 12px;font-size:36px;line-height:1;letter-spacing:-.05em}.offer-card p,.component-card small,.notes p{color:#b8b2c7;line-height:1.6}.category-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.category-strip span{border:1px solid rgba(255,255,255,.12);padding:9px 13px;color:#dad5e7;font-size:13px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.component-card{border:1px solid rgba(255,255,255,.12);background:#ffffff0b;padding:18px}.preview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;min-height:190px;margin-bottom:18px}.preview-grid span{background:linear-gradient(135deg,rgba(255,255,255,.18),transparent),#8f58ff33}.preview-grid span:first-child{grid-row:span 2}.component-card h2{margin-bottom:10px;font-size:24px;letter-spacing:-.04em}.notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px}.notes>div{border-top:1px solid rgba(255,255,255,.12);padding-top:22px}code{color:#a9ffcb}@media (max-width: 860px){.topbar,.nav-links,.actions{align-items:flex-start;flex-direction:column}.intro,.catalog,.notes{grid-template-columns:1fr}.intro{min-height:auto;padding:70px 0 40px}}