/* Sonic Sprout · shared styles for the option 1 "Solar Sphere" pages */
:root{--ink:#14183A;--bg:#E8F7F2;--bg2:#D3EEF3;--accent:#FF5A2A;--accink:#FFFFFF;--line:#14183A29;--muted:#14183AA0;--soft:#14183AD2;--chipbg:#14183A14;--card:#FFFFFF8C;--glass:#FFFFFF73;
 --or1:#2A0E04;--or2:#FF4A10;--or3:#FF9A2E;--or4:#FFD45C;--blue:#2B5BFF;--black:#0A0A0A;--cream:#FFE9C9}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none;cursor:pointer}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.disp{font-family:"Inter Tight";font-weight:400;letter-spacing:-.035em;line-height:.95}
.mono{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.serif{font-family:"Bodoni Moda",serif;font-weight:430}
.muted{color:var(--muted)}
.grain::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
nav{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:22px 44px}
.wm{font-family:"Inter Tight";font-weight:600;font-size:13px;letter-spacing:.42em}
nav ul{display:flex;gap:4px;list-style:none;padding:5px;border-radius:99px;background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line)}
nav ul a{display:block;padding:9px 16px;border-radius:99px;font-size:13px;font-weight:400}
nav ul a.cur{background:var(--ink);color:var(--bg)}
nav.dark{color:#fff;--glass:#FFFFFF14;--line:#FFFFFF29}nav.dark ul a.cur{background:#fff;color:#0A0A0A}
.nr{display:flex;gap:16px;align-items:center}
.snd{display:flex;gap:8px;align-items:center}.eq{display:flex;gap:2px;align-items:flex-end;height:11px}.eq i{width:2px;background:currentColor;animation:eq 1.1s ease-in-out infinite}
@keyframes eq{0%,100%{height:3px}50%{height:11px}}
.pill{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:99px;font-family:"Inter Tight";font-weight:500;font-size:14px}
.pill.fill{background:var(--ink);color:var(--bg)}.pill.line{border:1px solid currentColor}.pill.acc{background:var(--accent);color:var(--accink)}
.sec{padding:120px 44px}
.eyebrow{display:flex;gap:12px;align-items:center;margin-bottom:28px}.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.h1{font-size:96px}.h2{font-size:72px}
.lead{font-size:19px;line-height:1.55;max-width:520px;color:var(--soft)}
footer{background:#0A0A0A;color:var(--cream);padding:90px 44px 36px}
footer .big{font-size:9.6vw;line-height:.85;letter-spacing:-.05em}
.frow{display:flex;justify-content:space-between;gap:20px;margin-top:50px;opacity:.75;flex-wrap:wrap}.legal{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:760px){
 nav{padding:16px 20px}nav ul,.nr .cta{display:none}
 .sec{padding:80px 20px}.h1{font-size:50px}.h2{font-size:42px}.lead{font-size:17px}
 footer{padding:60px 20px 30px}.frow{flex-direction:column}
}
