:root{--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--text-hero:clamp(4rem,.5rem + 10vw,10rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--display:'Clash Display','Arial',sans-serif;--body:'Satoshi','Arial',sans-serif;--mono:'JetBrains Mono',monospace}
:root,[data-theme="light"]{--bg:#f5f4f7;--surface:#fff;--text:#1d1b25;--muted:#706c7b;--line:#dad8e0;--primary:#401fc7;--primary-hover:#32189a;--accent:#d7f05a;--accent-ink:#283000;--pink:#f1b6de;--lavender:#e7e1ff;--shadow:0 22px 70px rgba(64,31,199,.14)}[data-theme="dark"]{--bg:#111014;--surface:#1b1921;--text:#f0edf5;--muted:#aaa4b5;--line:#373340;--primary:#866ff0;--primary-hover:#a08df7;--accent:#d7f05a;--accent-ink:#283000;--pink:#925579;--lavender:#2a2444;--shadow:0 22px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:var(--text-base);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.skip-link{position:absolute;top:-5rem;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;z-index:20}.skip-link:focus{top:var(--space-4)}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,6vw,6.5rem);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--display);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-size:1.2rem}.accent{color:var(--primary)}nav{display:flex;gap:clamp(var(--space-6),4vw,var(--space-12));font-size:var(--text-sm);font-weight:700}nav a,.quiet-link{transition:color .2s ease}nav a:hover,.quiet-link:hover{color:var(--primary)}.theme-toggle{border:0;background:transparent;color:var(--muted);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.theme-icon{font-size:1.2rem;color:var(--primary)}
.hero{max-width:1320px;margin:auto;min-height:calc(100vh - 80px);padding:clamp(var(--space-12),8vw,var(--space-24)) clamp(1.25rem,6vw,6.5rem);display:grid;grid-template-columns: minmax(280px,.85fr) minmax(420px,1.15fr);gap:clamp(var(--space-8),8vw,var(--space-20));align-items:center}.eyebrow{font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-6)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:var(--space-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}h1,h2{font-family:var(--display);font-weight:600;line-height:.88;letter-spacing:-.05em;margin:0}h1{font-size:var(--text-hero);max-width:7ch}h1 em,h2 em{font-style:normal;color:var(--primary)}.lede{font-size:var(--text-lg);max-width:27ch;color:var(--muted);margin:var(--space-8) 0}.hero-actions{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);background:var(--primary);color:#fff;border:0;padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{background:var(--primary-hover);transform:translateY(-3px)}.button span{font-size:1.2em}.quiet-link{font-size:var(--text-sm);font-weight:700;color:var(--muted)}.quiet-link span{color:var(--primary);margin-left:var(--space-2)}
.hero-art{position:relative;min-height:500px;background:var(--lavender);overflow:hidden;border-radius:48% 52% 42% 58% / 50% 44% 56% 50%;isolation:isolate}.sun{position:absolute;width:65%;aspect-ratio:1;right:-12%;top:-15%;border-radius:50%;background:var(--accent)}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:50%;width:70%;aspect-ratio:1;left:15%;top:10%;transform:rotate(-22deg)}.orbit-two{width:90%;left:5%;top:-2%;transform:rotate(34deg)}.planet{position:absolute;width:45%;aspect-ratio:1;left:26%;top:29%;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:clamp(2rem,5vw,5rem);box-shadow:var(--shadow)}.planet:after{content:'';position:absolute;inset:10% -20%;border:2px solid var(--primary);border-radius:50%;transform:rotate(-25deg)}.spark{position:absolute;color:var(--primary);font-size:2rem}.spark-one{top:26%;left:12%}.spark-two{bottom:16%;right:12%;color:var(--accent-ink)}.code-card{position:absolute;left:7%;bottom:8%;width:min(300px,65%);padding:var(--space-4);background:#211f2c;color:#f1edf8;box-shadow:var(--shadow);transform:rotate(-5deg);font:var(--text-xs)/1.8 var(--mono)}.window-dots{display:flex;gap:5px;margin-bottom:var(--space-3)}.window-dots i{width:7px;height:7px;background:#f1b6de;border-radius:50%}.window-dots i:nth-child(2){background:var(--accent)}.window-dots i:nth-child(3){background:#8d79f1}.code-card code{white-space:nowrap}.code-card b{color:#8e889b;font-weight:400;margin-right:var(--space-3)}.code-card strong{color:var(--accent)}.code-card mark{background:transparent;color:#f1b6de}.art-note{position:absolute;right:8%;bottom:12%;font:var(--text-xs)/1.25 var(--mono);color:var(--primary);text-align:right}
.marquee{border-block:1px solid var(--line);padding:var(--space-4) 0;overflow:hidden;white-space:nowrap;font:700 var(--text-sm) var(--mono);letter-spacing:.08em}.marquee div{animation:slide 24s linear infinite}.marquee span{color:var(--primary);padding:0 var(--space-6)}@keyframes slide{to{transform:translateX(-25%)}}
.section{max-width:1180px;margin:auto;padding:clamp(var(--space-16),12vw,var(--space-24)) clamp(1.25rem,6vw,6.5rem)}.why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-8),10vw,var(--space-20))}.section-intro h2,.start h2,.closing h2{font-size:var(--text-2xl)}.why-content{position:relative;padding-top:var(--space-6);max-width:500px}.big-copy{font-size:var(--text-xl);font-weight:500;line-height:1.15;margin:0 0 var(--space-8)}.body-copy{color:var(--muted);max-width:37ch;margin:0}.side-note{display:block;margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--line);font:var(--text-xs)/1.4 var(--mono);color:var(--primary)}
.start{max-width:none;background:var(--accent);color:var(--accent-ink)}.start-panel{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-12);align-items:end}.start .eyebrow{color:color-mix(in srgb,var(--accent-ink) 65%,transparent)}.start h2{color:var(--accent-ink)}.start p:not(.eyebrow){max-width:28ch;margin:var(--space-6) 0 0}.hello-form{padding:var(--space-6);background:#f7f4e6}.hello-form label{display:block;font:var(--text-xs) var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#6c6b4d;margin-bottom:var(--space-3)}.input-row{display:flex;gap:var(--space-2)}input{min-width:0;flex:1;border:0;border-bottom:2px solid #b8b98b;background:transparent;padding:var(--space-3) 0;color:#242417;outline:none}input:focus{border-color:var(--primary)}.hello-form .button{background:var(--primary)}.hello-form small{display:block;color:#77785b;font-size:var(--text-xs);margin-top:var(--space-4)}.response{grid-column:2;font-family:var(--display);font-size:var(--text-lg);font-weight:600;color:var(--primary);min-height:1.5em}.closing{text-align:center}.closing h2{margin-bottom:var(--space-8)}.button-dark{background:var(--text);color:var(--bg)}.button-dark:hover{background:var(--primary)}.site-footer{display:flex;justify-content:space-between;gap:var(--space-6);padding:var(--space-8) clamp(1.25rem,6vw,6.5rem);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}.footer-brand{font-family:var(--display);font-weight:700;letter-spacing:.06em;color:var(--text)}.footer-brand span{color:var(--primary)}.site-footer p{margin:0}.footer-year{text-align:right}
@media (max-width:760px){.site-header{height:70px}.site-header nav{display:none}.theme-label{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:var(--space-12);gap:var(--space-12)}h1{font-size:clamp(4.5rem,22vw,8rem)}.hero-art{min-height:360px}.why{grid-template-columns:1fr;gap:var(--space-8)}.start-panel{grid-template-columns:1fr;gap:var(--space-8)}.response{grid-column:auto}.input-row{flex-direction:column}.input-row .button{width:100%}.site-footer{flex-wrap:wrap}.footer-year{margin-left:auto}.code-card{width:72%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.button{transition:none}}