@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Space+Grotesk:wght@400;600&display=swap";
.atom-page{color:#e9eef8;background:radial-gradient(circle at top,#1b1f3a 0%,#0a0c15 35%,#05060a 100%);min-height:100vh}.atom-hero{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);align-items:center;gap:40px;padding:60px 8vw 80px;display:grid}.atom-copy h1{margin-bottom:12px;font-family:Fraunces,serif;font-size:clamp(2.4rem,3vw,3.4rem)}.atom-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#7ad6ff;font-family:Space Grotesk,sans-serif;font-size:.75rem}.atom-subtitle{color:#c3cbe0;margin-bottom:28px;font-family:Space Grotesk,sans-serif;line-height:1.6}.atom-controls{gap:18px;font-family:Space Grotesk,sans-serif;display:grid}.atom-controls label{background:#0b101fcc;border:1px solid #7ad6ff40;border-radius:14px;gap:8px;padding:14px 16px;display:grid}.atom-controls input[type=range]{accent-color:#7ad6ff;width:100%}.atom-controls span{color:#fff;font-size:1.1rem}.atom-panel{background:linear-gradient(140deg,#131a2ff2,#090c14f2);border:1px solid #7ad6ff33;border-radius:26px;padding:18px;position:relative;box-shadow:0 20px 40px #00000073}.atom-canvas{border-radius:18px;width:100%;height:420px;display:block}.atom-legend{background:#060a12b3;border:1px solid #7ad6ff26;border-radius:16px;margin-top:16px;padding:14px 16px;font-family:Space Grotesk,sans-serif}.atom-legend h3{margin-bottom:10px;font-size:1rem}.atom-legend ul{gap:8px;list-style:none;display:grid}.atom-legend li{color:#ccd6f0;align-items:center;gap:10px;font-size:.92rem;display:flex}.legend-swatch{border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #0006}@media (max-width:900px){.atom-hero{grid-template-columns:1fr;padding:40px 6vw 60px}.atom-canvas{height:360px}}