/* Homepage voice engine and shared parent-brand lockup. */
.brand-parent{letter-spacing:.12px;font-size:10.5px;white-space:nowrap}
.hero-description{max-width:640px}
.hero-visual.sonic-console{--voice-accent:#c0ff63;height:614px;width:100%;max-width:760px;margin:0 auto;isolation:isolate}
.sonic-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font:500 10px/1.5 var(--heading);letter-spacing:1.4px;color:#8a9984;padding:10px 4px 0}
.sonic-topline>span:first-child{display:flex;align-items:center;gap:9px;color:#c2cbbd}.sonic-topline .status-dot{background:var(--voice-accent)}
.sonic-field{height:266px;position:relative;overflow:hidden;margin-top:8px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--voice-accent) 5%,transparent),transparent 65%)}
.sonic-field #voiceCanvas{position:absolute;inset:0;width:100%;height:100%;filter:none;z-index:2;pointer-events:none}
.sonic-ring{position:absolute;border:1px solid color-mix(in srgb,var(--voice-accent) 16%,transparent);width:242px;height:242px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 20px #a1c97303,0 0 0 40px #a1c97302;transition:border-color .4s}
.sonic-ring-inner{width:210px;height:210px;border-style:dashed;opacity:.5;box-shadow:none;animation:sonic-orbit 70s linear infinite}
.sonic-axis{position:absolute;top:49%;font:10px var(--heading);letter-spacing:2px;color:#6a7e5f;z-index:3;background:var(--bg);padding:5px}.axis-left{left:0}.axis-right{right:0}
.sonic-word{position:absolute;bottom:16px;left:0;width:100%;text-align:center;letter-spacing:2.5px;font:9px var(--heading);color:#829672}
.sonic-copy{text-align:center;max-width:560px;margin:5px auto 18px;min-height:111px}
.sonic-kicker{display:block;color:var(--voice-accent);font:500 10px var(--heading);letter-spacing:2px;margin-bottom:10px;transition:color .3s}
.sonic-copy h2{font-size:clamp(22px,1.8vw,30px);line-height:1.22;letter-spacing:-1px;margin:0 0 9px;font-weight:500}
.sonic-copy p{font-size:14px;line-height:1.6;color:#96a18f;max-width:480px;margin:0 auto;text-wrap:pretty}
.sonic-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sonic-mode{display:flex;align-items:center;gap:10px;border:1px solid #293225;border-radius:7px;min-height:49px;padding:10px 13px;text-align:left;background:linear-gradient(120deg,#151c1399,#0b100b);font-size:13px;line-height:1.3;color:#a4afa0;transition:color .2s,border-color .2s,background .2s,transform .2s,box-shadow .2s}
.sonic-mode:hover,.sonic-mode:focus-visible{border-color:var(--voice-accent);color:#f0f4ec;transform:translateY(-2px);box-shadow:0 6px 23px #0004}
.sonic-mode[aria-pressed=true]{background:color-mix(in srgb,var(--voice-accent) 9%,#0b100b);border-color:color-mix(in srgb,var(--voice-accent) 65%,transparent);color:#eff7e9;box-shadow:inset 0 0 20px color-mix(in srgb,var(--voice-accent) 3%,transparent)}
.mode-symbol{font-size:22px;color:var(--voice-accent);flex-shrink:0;line-height:1}.mode-index{margin-left:auto;font:10px var(--heading);opacity:.5}
.sonic-console .engine-player{position:relative;inset:auto;margin-top:14px;padding:11px 13px;border-color:#263023;background:#10160eee;border-radius:7px;gap:11px}
.sonic-console .player-name{font-size:13px}.sonic-console .player-sub{font-size:10px}.sonic-console .mini-wave{max-width:100px}.sonic-console .player-time{font-size:11px}.sonic-note{text-align:center;font-size:10px;color:#819076;line-height:1.5;margin:10px 0 0}
.compatibility{display:block;padding:36px 0 25px;min-height:0}.compat-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.compat-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#8a9c7b}.compat-heading h2{font-size:28px;line-height:1.15;margin:10px 0 0;letter-spacing:-1px}.compat-heading>p{font-size:15px;color:#8e9d84;margin:0}
.app-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;filter:none;margin:0}
.app-tile{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:18px 8px 14px;border:1px solid #252e22;background:linear-gradient(150deg,#151c1399,#0b100b);border-radius:8px;min-height:131px;overflow:hidden;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s}
.app-tile:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--app-color) 13%,transparent),transparent 80%);opacity:0;transition:opacity .24s}
.app-tile:hover,.app-tile:focus-visible{transform:translateY(-5px);border-color:var(--app-color);box-shadow:0 8px 25px color-mix(in srgb,var(--app-color) 10%,transparent);background:#141d12}.app-tile:hover:before,.app-tile:focus-visible:before{opacity:1}
.app-tile-icon{font:600 24px var(--heading);line-height:1;height:26px;color:#9aa591;transition:color .25s,transform .25s,filter .25s}.app-tile:hover .app-tile-icon,.app-tile:focus-visible .app-tile-icon{color:var(--app-color);transform:scale(1.12);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--app-color) 45%,transparent))}
.app-tile strong{font:500 15px var(--heading);color:#cbd3c5;letter-spacing:-.3px;z-index:1;white-space:nowrap;transition:color .25s}.app-tile:hover strong,.app-tile:focus-visible strong{color:#f5f8f1}.app-tile-type{font-size:10px;color:#7c8b72;line-height:1}.app-tile-arrow{position:absolute;top:7px;right:9px;font-size:13px;color:var(--app-color);opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.app-tile:hover .app-tile-arrow,.app-tile:focus-visible .app-tile-arrow{opacity:1;transform:none}
.compat-note{margin:17px 0 0;font-size:11px;color:#7f8d75;max-width:850px;line-height:1.6}
@keyframes sonic-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(min-width:1800px){.hero-visual.sonic-console{height:664px}.sonic-field{height:305px}.sonic-ring{width:274px;height:274px}.sonic-ring-inner{width:242px;height:242px}.sonic-mode{min-height:56px;font-size:15px}.sonic-copy p{font-size:15px}.sonic-topline{font-size:12px}.sonic-console .player-name{font-size:15px}.sonic-note{font-size:11px}.app-tile{min-height:146px}.app-tile strong{font-size:17px}}
@media(max-width:1200px){.sonic-copy h2{font-size:24px}.sonic-mode{font-size:12px;padding-inline:10px;gap:7px}.mode-index{display:none}.app-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.app-tile{min-height:118px}.compat-heading>p{font-size:14px}.sonic-topline{font-size:9px;letter-spacing:1px}.sonic-copy{min-height:121px}}
@media(max-width:1000px){.hero-visual.sonic-console{max-width:620px;height:auto;padding-bottom:0}.sonic-topline{text-align:left;font-size:10px}.sonic-copy{min-height:0;margin-bottom:20px}.sonic-field{height:260px}.sonic-mode{font-size:14px;min-height:54px}.sonic-note{font-size:11px}.sonic-console .engine-player{margin-top:14px}.hero-description{max-width:580px}.sonic-console .player-sub{font-size:11px}.compatibility{padding-top:33px}}
@media(max-width:600px){.brand-parent{font-size:9px}.hero-visual.sonic-console{margin-top:18px}.sonic-topline{font-size:8px;letter-spacing:.8px}.sonic-field{height:227px;margin-top:6px}.sonic-ring{width:200px;height:200px}.sonic-ring-inner{width:172px;height:172px}.sonic-copy{margin-top:4px;min-height:122px}.sonic-copy h2{font-size:25px;letter-spacing:-.9px;max-width:320px;margin:0 auto 10px}.sonic-copy p{font-size:13px;max-width:330px;padding-inline:5px}.sonic-mode{font-size:11px;gap:7px;padding:9px;min-height:51px}.mode-symbol{font-size:20px}.sonic-console .mini-wave{display:none}.sonic-console .player-time{margin-left:auto}.sonic-note{font-size:9px}.compat-heading{display:block;text-align:left}.compat-heading h2{font-size:28px}.compat-heading>p{font-size:13px;margin-top:12px}.app-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-tile{min-height:114px}.app-tile strong{font-size:16px}.app-tile-type{font-size:11px}.compat-note{font-size:10px;text-align:left}.compat-heading .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sonic-ring-inner{animation:none}.app-tile,.app-tile-icon,.app-tile-arrow,.sonic-mode{transition:none}.app-tile:hover,.app-tile:focus-visible,.sonic-mode:hover,.sonic-mode:focus-visible{transform:none}}

.app-tile-icon{display:grid;place-items:center}.app-tile-icon svg{width:28px;height:28px}.app-tile:active{transform:translateY(-2px) scale(.98)}
.hero-visual.sonic-console{height:auto;min-height:614px}
@media(min-width:1800px){.hero-visual.sonic-console{min-height:664px}}
@media(max-width:1000px){.hero-visual.sonic-console{min-height:0}}

/* Pure black canvas, neutral surfaces, and a voice-track waveform. */
:root{--bg:#000;--surface:#090909;--surface2:#121212;--line:#252525}
html,body,main{background:#000}
.header{background:#000f;border-color:#202020;backdrop-filter:none}
.announcement,.mobile-nav,.language-menu,dialog{background:#000;border-color:#252525}
.sonic-field{background:none}
.sonic-ring,.visual-grid,.cta-grid{display:none}
.sonic-word{color:#888}
.sonic-topline{min-height:38px}
.sonic-status{display:flex;align-items:center;gap:12px}
#heroRotation{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #333;border-radius:4px;font-size:13px;line-height:1;color:#ccc;background:#080808;letter-spacing:0}
#heroRotation:hover{border-color:#aaa;color:#fff}
.sonic-mode{position:relative;overflow:hidden;background:#080808;border-color:#292929;color:#aaa}
.sonic-mode[aria-pressed=true]{background:#0b0b0b;box-shadow:none}
.sonic-mode[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:0;width:var(--cycle-progress,0%);height:2px;background:var(--voice-accent)}
.sonic-console .engine-player{background:#080808;border-color:#292929}
.feature-card,.app-tile,.button-secondary,.app-window,.browser-mini,.extension-popup,.concept-panel,.extension-concept-panel,.product-window,.language-menu button:hover{background:#090909;border-color:#292929}
.app-tile:hover,.app-tile:focus-visible,.feature-card:hover{background:#101010}
.app-tile:before{display:none}
.shield-art,.enhance-art,.extension-art,.desktop-illustration,.extension-browser-visual,.product-visual,.journal-art,.final-cta{background-color:#000;background-image:none}
.product-ambient,.engine-halo{display:none}
.app-sidebar,.app-main,.app-topbar,.app-bottom,.product-routing,.product-window-bar,.browser-toolbar,.app-panel,.float-label{background:#090909;border-color:#292929}
.sonic-copy{min-height:121px}
@media(max-width:1000px){.sonic-copy{min-height:111px}}
@media(max-width:600px){.sonic-status{gap:6px}#heroRotation{width:28px;height:28px}.sonic-copy{min-height:135px}.sonic-topline{font-size:7px;letter-spacing:.6px}}

/* Home is an explicit entry, with a current-page indication in both menus. */
.mobile-nav a[aria-current=page]{color:var(--green)}