:root{color-scheme:dark;--ink:#f7f9ff;--muted:#9eafd0;--night:#050914;--night2:#0a1430;--glass:rgba(18,31,68,.58);--stroke:rgba(161,190,255,.18);--blue:#2477ff;--cyan:#71d8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(800px 500px at 85% -5%,rgba(40,103,255,.33),transparent 68%),radial-gradient(600px 500px at -10% 35%,rgba(0,229,255,.08),transparent 70%),linear-gradient(160deg,var(--night2),var(--night) 62%);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;line-height:1.5}.site-header,.site-footer{max-width:1180px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between}.site-header{position:sticky;top:16px;z-index:3;margin-top:16px;border:1px solid var(--stroke);border-radius:22px;background:rgba(10,18,43,.62);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 18px 60px rgba(0,0,0,.24)}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.025em}.header-link,.site-footer a{color:var(--muted);text-decoration:none}.header-link:hover,.site-footer a:hover{color:#fff}.hero{max-width:1180px;margin:0 auto;padding:112px 30px 128px;display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:center}.hero-copy{max-width:760px}.eyebrow{color:#8fa9d8;font-size:11px;font-weight:800;letter-spacing:.2em;margin:0 0 18px}.hero h1{font-size:clamp(52px,8vw,96px);line-height:.94;letter-spacing:-.075em;margin:0 0 28px}.lede{font-size:clamp(19px,2.2vw,25px);line-height:1.35;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-block;border-radius:999px;padding:13px 22px;text-decoration:none;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,#4b9aff,#0751e8);box-shadow:0 0 32px rgba(36,119,255,.32)}.secondary{border:1px solid var(--stroke);color:var(--muted);background:rgba(255,255,255,.04);backdrop-filter:blur(16px)}.moon-card{position:relative;padding:20px;border:1px solid rgba(175,208,255,.28);border-radius:42px;background:linear-gradient(145deg,rgba(31,59,125,.62),rgba(9,19,48,.7));backdrop-filter:blur(24px);box-shadow:inset 0 1px rgba(255,255,255,.16),0 28px 100px rgba(0,90,255,.22)}.moon-card:before{content:"";position:absolute;inset:16%;border-radius:50%;background:rgba(24,126,255,.25);filter:blur(50px)}.moon-card img{position:relative;display:block;width:100%;border-radius:29px}.content-section,.feature-section{max-width:1180px;margin:auto;padding:70px 30px}.content-section h2,.feature-section h2,.legal h1{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0 0 34px;max-width:760px}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sound-card{min-height:190px;padding:26px;border:1px solid var(--stroke);border-radius:26px;background:linear-gradient(145deg,rgba(24,43,91,.7),rgba(12,22,53,.5));backdrop-filter:blur(22px);box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .25s ease,border-color .25s ease}.sound-card:hover{transform:translateY(-4px);border-color:rgba(110,181,255,.48)}.featured-app{max-width:760px;padding:34px;background:linear-gradient(135deg,rgba(35,80,163,.72),rgba(12,22,53,.62));box-shadow:0 25px 80px rgba(0,83,255,.18),inset 0 1px rgba(255,255,255,.1)}.featured-app h3{font-size:32px}.coming-soon{border-top:1px solid var(--stroke)}.sound-icon{font-size:38px;color:#a1c4ff}.sound-card h3{margin:18px 0 5px;font-size:22px;letter-spacing:-.02em}.sound-card p,.feature-section>p{color:var(--muted);margin:0}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--stroke)}.feature-section>p{font-size:20px;align-self:end}.site-footer{border-top:1px solid var(--stroke);font-size:14px}.site-footer nav{display:flex;gap:18px}.legal{max-width:780px;margin:auto;padding:100px 30px 150px}.legal h2{margin-top:44px;font-size:24px;letter-spacing:-.02em}.legal p{color:var(--muted);font-size:18px}.legal a{color:#9bd7ff}@media(max-width:760px){.site-header{top:10px;margin:10px 14px 0;padding:17px 18px}.hero{grid-template-columns:1fr;padding:78px 22px 90px;gap:48px}.moon-card{max-width:285px}.content-section,.feature-section{padding:54px 22px}.sound-grid,.feature-section{grid-template-columns:1fr}.feature-section{gap:22px}.site-footer{padding:22px;align-items:flex-start;gap:18px;flex-direction:column}}