:root{--accent:#3ff3ff;--bg:#07111f;--card:#0d1d33;--text:#eef7ff;--muted:#aab7c4;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 34rem), var(--bg);min-height:100vh;margin:0}a{color:inherit}.hero,main{width:min(1120px,100% - 32px);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{letter-spacing:-.04em;font-size:1.3rem;font-weight:800;text-decoration:none}.brand span,em{color:var(--accent);font-style:normal}.nav__link{color:var(--muted);font-weight:700;text-decoration:none}.hero__content{gap:24px;padding:86px 0 72px;display:grid}.badge{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);width:fit-content;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;border-radius:999px;margin:0;padding:8px 12px;font-size:.82rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.085em;max-width:920px;margin-bottom:0;font-size:clamp(3.8rem,10vw,8.9rem);line-height:.86}h2{letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}h3{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:.98}.hero__lead,.workbench p,.closing p{max-width:720px;color:var(--muted);font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.5}.hero__actions,.palette{flex-wrap:wrap;gap:12px;display:flex}.button,.swatch{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:14px 20px;font-weight:800;transition:transform .2s,background .2s}.button:hover,.swatch:hover{transform:translateY(-2px)}.button--primary{background:var(--accent);color:#06101d;text-decoration:none}.button--ghost{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text)}.workbench{border:1px solid color-mix(in srgb, var(--text) 12%, transparent);background:color-mix(in srgb, var(--card) 72%, transparent);border-radius:32px;grid-template-columns:1.2fr .8fr;align-items:end;gap:28px;margin:24px 0;padding:28px;display:grid;box-shadow:0 24px 90px #00000047}.swatch{border:1px solid color-mix(in srgb, var(--swatch) 65%, transparent);background:color-mix(in srgb, var(--swatch) 18%, transparent);color:var(--text)}.swatch.is-active{background:var(--swatch);color:#07111f}.cards{gap:18px;margin:28px 0;display:grid}.card{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, white), var(--card));cursor:grab;border-radius:28px;gap:8px;padding:28px 28px 28px 64px;display:grid;position:relative}.card.is-dragging{opacity:.55}.card__handle{color:var(--accent);letter-spacing:-4px;font-weight:900;position:absolute;top:30px;left:26px}.card p{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:0;font-size:.78rem;font-weight:900}.card span:not(.card__handle){color:var(--muted);font-size:1.08rem;line-height:1.6}.closing{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--card) 85%, transparent));border-radius:34px;justify-items:start;gap:22px;margin:72px 0 48px;padding:44px;display:grid}@media (width<=760px){.workbench{grid-template-columns:1fr}h1{font-size:clamp(3.2rem,18vw,5.8rem)}.card{padding-left:28px}.card__handle{display:none}}