@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#15171b;--surface:#1c1f24;--surface-hover:#242830;--text:#eeedf0;--muted:#9c9da8;--border:#30333a;--accent:#bda8ff;--button:#f0edf4;--button-text:#17171a}html[data-theme="light"]{color-scheme:light;--bg:#f8f8fa;--surface:#fff;--surface-hover:#f0eff5;--text:#23232b;--muted:#6d6d7b;--border:#e5e5ed;--accent:#7051c5;--button:#25242b;--button-text:#fff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);transition:background .2s}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:'DM Sans',Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.015em;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,6vw,92px);gap:16px}.brand{font-size:20px;font-weight:700;letter-spacing:-.05em}.brand-mark{color:var(--accent);font-size:23px;vertical-align:-1px;margin-right:7px}.brand-dot{color:var(--accent)}nav{display:flex;gap:17px;align-items:center}nav .navlink{font-size:14px;color:var(--muted);transition:color .15s}nav .navlink.selected,nav .navlink:hover{color:var(--text)}.iconbutton{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,transform .15s}.iconbutton:hover{color:var(--accent);transform:translateY(-1px)}.iconbutton.sound-enabled{color:var(--accent)}.sound-waves{opacity:.25}.sound-enabled .sound-waves{opacity:1}.sun-icon{display:none}html[data-theme="light"] .sun-icon{display:block}html[data-theme="light"] .moon-icon{display:none}.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 165px);padding:50px 22px 95px;text-align:center}.hero-inner{max-width:900px;animation:appear .5s ease both}.eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:600}.pulse{display:inline-block;width:8px;height:8px;background:#8acbac;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #8acbac70}.hero h1,.about-intro h1{font-weight:500;line-height:1.15;letter-spacing:-.062em;font-size:clamp(48px,6vw,82px);margin:20px 0 13px}.highlight{color:var(--accent)}.subtitle{font-size:clamp(16px,1.65vw,20px);line-height:1.7;color:var(--muted);max-width:630px;margin:0 auto}.hero-actions{margin-top:33px}.primary-button{display:inline-flex;align-items:center;gap:24px;border-radius:10px;padding:13px 20px;background:var(--button);color:var(--button-text);font-size:14px;font-weight:600}.primary-button:hover{color:var(--button-text);opacity:.85}.about-layout{width:min(910px,calc(100% - 48px));margin:75px auto 105px;flex:1}.about-intro h1{font-size:clamp(47px,5vw,66px);margin:16px 0 24px}.about-intro>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:790px;margin:0 0 19px}.about-intro strong{color:var(--text);font-weight:600}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:50px}.info-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:15px;min-height:180px}.info-heading{display:flex;align-items:center;gap:9px}.card-icon{color:var(--accent);font-size:22px}.info-card h2{font-size:14px;font-weight:600;margin:0}.info-card .value{font-size:21px;margin:19px 0 7px;font-weight:600}.info-card .value.track{font-size:19px}.info-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.info-card p a{text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;padding:20px clamp(24px,6vw,92px) 27px;border-top:1px solid var(--border)}.footer-star{color:var(--accent);margin-left:8px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.topbar{padding:20px 22px}.brand{font-size:18px}nav{gap:9px}.hero{min-height:calc(100dvh - 128px);padding-bottom:65px}.hero h1{font-size:clamp(45px,10vw,66px)}.about-layout{margin:45px auto 60px}.details{grid-template-columns:1fr}.info-card{min-height:auto}.about-intro>p:not(.eyebrow){font-size:15px}footer{flex-direction:column;padding:20px 22px;gap:8px}}