.hero .atlas-hero-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:24px;align-items:center;text-align:left}
.atlas-hero-copy{min-width:0}
.hero .atlas-hero-copy h1{margin:0;max-width:15ch;font-size:clamp(2.5rem,4.5vw,3.7rem)}
.hero .atlas-hero-copy .lede{margin:22px 0 0}
.atlas-hero-copy .hero-actions{justify-content:flex-start}
.atlas-hero-copy .badge{font-size:.65rem;letter-spacing:0;white-space:normal}
.atlas-graph{position:relative;min-width:0;width:100%;height:560px;border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at center,#18201677,transparent 70%)}
.atlas-graph canvas{display:block;width:100%;height:calc(100% - 54px);touch-action:pan-y}
.atlas-graph-caption{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted);pointer-events:none}
.atlas-graph-caption span:last-child{letter-spacing:0}
.atlas-graph-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 16px;border-top:1px solid var(--line-soft);background:var(--bg)}
.atlas-palettes,.atlas-motion{display:flex;align-items:center;gap:10px}
.atlas-palettes button{height:20px;width:20px;min-width:20px;border-radius:50%;border:3px solid var(--bg);outline:1px solid transparent;cursor:pointer}
.atlas-palettes button.active{outline-color:var(--faint)}
.atlas-palettes [data-palette="spectrum"]{background:conic-gradient(#f6df70,#c68aff,#55dfcf,#ff799e,#f6df70)}
.atlas-palettes [data-palette="neon"]{background:conic-gradient(#cdff52,#ff56c5,#44eaff,#cdff52)}
.atlas-palettes [data-palette="ocean"]{background:conic-gradient(#5bf5d4,#61b7ff,#b396ff,#5bf5d4)}
.atlas-palettes span{font-size:12px;color:var(--muted)}
.atlas-motion button{border:0;background:transparent;color:var(--faint);font:inherit;font-size:12px;cursor:pointer;padding:5px 0}
.atlas-motion button span{color:var(--accent-hi);margin-left:4px}
.atlas-graph [data-fallback]{position:absolute;inset:40% 24px auto;text-align:center;color:var(--faint)}
@media(max-width:900px){.hero .atlas-hero-layout{grid-template-columns:1fr;text-align:center;gap:36px}.hero .atlas-hero-copy h1{margin:0 auto}.hero .atlas-hero-copy .lede{margin:22px auto 0}.atlas-hero-copy .hero-actions{justify-content:center}.atlas-graph{height:520px;max-width:650px;margin:auto}}
@media(max-width:480px){.atlas-graph{height:440px}.atlas-graph-caption{font-size:9px;left:12px;right:12px}.atlas-graph-controls{padding:10px}.atlas-palettes,.atlas-motion{gap:6px}.atlas-palettes span{display:none}.atlas-motion button{font-size:12px}}