:root { color-scheme: dark; --gold:#f3b54b; --ink:#f6f2eb; --muted:#aeb8c1; --deep:#03101a; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#020a11; }
body { margin:0; color:var(--ink); background:#020a11; }
.skip { position:fixed; top:-4rem; left:1rem; z-index:20; padding:.7rem 1rem; color:#081019; background:var(--gold); }
.skip:focus { top:1rem; }
.desktop-site { position:relative; width:min(100%,1178px); margin:0 auto; line-height:0; }
.desktop-site > img { display:block; width:100%; height:auto; }
.anchor { position:absolute; left:0; width:1px; height:1px; }
.experience-anchor { top:36%; }
.player-anchor { top:52%; }
.buy-anchor { top:73%; }
.hotspot { position:absolute; z-index:3; display:block; padding:0; border:0; border-radius:.35rem; background:transparent; cursor:pointer; }
.hotspot:focus-visible { outline:3px solid #fff; outline-offset:3px; background:rgba(243,181,75,.14); }
.nav-home { left:35%; top:1.2%; width:4.2%; height:3.2%; }
.nav-experience { left:40.3%; top:1.2%; width:7.1%; height:3.2%; }
.nav-player { left:48.1%; top:1.2%; width:4.4%; height:3.2%; }
.nav-trial { left:53.1%; top:1.2%; width:5.9%; height:3.2%; }
.nav-buy { left:60.3%; top:1.2%; width:3.8%; height:3.2%; }
.nav-support { left:65%; top:1.2%; width:6%; height:3.2%; }
.professional { left:84.5%; top:1.1%; width:11.2%; height:3.2%; }
.hero-trial { left:7.8%; top:24%; width:21.7%; height:3.9%; }
.hero-buy { left:31.3%; top:24%; width:13.7%; height:3.9%; }
.overview { left:7.7%; top:30.7%; width:19%; height:4.6%; }
.experience-button { left:2.7%; top:66%; width:23.5%; height:3.6%; }
.learn-more { left:57.1%; top:64.2%; width:15.2%; height:3.9%; }
.player-preview-label { position:absolute; left:81.1%; top:70.25%; z-index:3; padding:.25rem .52rem; color:#f3c56c; background:rgba(2,10,17,.94); border:1px solid rgba(243,181,75,.68); border-radius:.25rem; font-size:clamp(.46rem,.55vw,.62rem); font-weight:800; line-height:1; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; pointer-events:none; }
.download-buy { left:38.5%; top:81.7%; width:10.2%; height:3.6%; }
.usb-unavailable { left:85.4%; top:84.6%; width:11.1%; height:3.4%; cursor:not-allowed; }

.mobile-site { max-width:680px; margin:0 auto; background:linear-gradient(#06141f,#020a11); }
.mobile-site header { position:sticky; top:0; z-index:5; padding:1rem 1.2rem; background:rgba(2,10,17,.94); border-bottom:1px solid #33424c; }
.wordmark { display:grid; color:#fff; letter-spacing:.12em; text-decoration:none; }
.wordmark span, footer span { color:var(--gold); }
.wordmark small, footer small { display:block; color:var(--muted); font-size:.68rem; letter-spacing:.05em; }
.mobile-hero, .mobile-player, .mobile-buy { padding:4.5rem 1.3rem; }
.mobile-hero { min-height:650px; background:radial-gradient(circle at 80% 18%,rgba(243,181,75,.2),transparent 34%),linear-gradient(145deg,#06131d,#020910); }
.kicker { color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-size:.73rem; font-weight:800; }
h1,h2,h3 { margin:.3rem 0 1rem; font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.03; }
h1 { font-size:clamp(3.1rem,15vw,5.4rem); }
h2 { font-size:2.4rem; }
h3 { font-size:1.6rem; }
p { color:#c2cbd2; line-height:1.55; }
.mobile-hero > small { display:block; color:#d6b671; margin-top:1rem; }
.gold-button,.outline-button,.disabled-button { display:flex; width:100%; min-height:52px; align-items:center; justify-content:center; margin-top:1rem; padding:.7rem 1rem; border-radius:.3rem; font:800 .9rem/1 inherit; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; }
.gold-button { border:1px solid var(--gold); color:#0c1115; background:linear-gradient(130deg,#ffd77c,var(--gold)); }
.outline-button { border:1px solid #d6dde1; color:#fff; background:#06111a; }
.disabled-button { border:1px solid #65727a; color:#89939a; background:#111a20; cursor:not-allowed; }
.mobile-features { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid #34434e; }
.mobile-features article { min-height:220px; padding:2rem 1rem; text-align:center; border-right:1px solid #34434e; border-bottom:1px solid #34434e; }
.mobile-features article:nth-child(even) { border-right:0; }
.mobile-features b { color:var(--gold); font-size:2rem; }
.mobile-features h2 { margin:.5rem 0; font-size:1.25rem; }
.mobile-features p { margin:0; font-size:.9rem; }
.mobile-player { background:#071722; }
.mobile-player img { display:block; width:100%; margin-top:2rem; border:1px solid #364550; border-radius:.6rem; }
.player-preview-note { margin:.8rem 0 0; color:#d6b671; font-size:.82rem; text-align:center; }
.mobile-buy > h2,.mobile-buy > .kicker { text-align:center; }
.mobile-buy article { margin-top:1.3rem; padding:1.5rem; border:1px solid #45515a; border-radius:.6rem; background:#081823; }
.mobile-buy article:first-of-type { border-color:#8f6b27; }
.mobile-site footer { padding:2.5rem 1.2rem; text-align:center; border-top:1px solid #34434e; text-transform:uppercase; letter-spacing:.1em; }
dialog { width:min(90vw,510px); padding:2rem; color:#fff; background:#071722; border:1px solid #826323; border-radius:.7rem; box-shadow:0 24px 80px #000; }
dialog::backdrop { background:rgba(0,5,9,.84); backdrop-filter:blur(5px); }
dialog .close { float:right; border:0; color:#9eabb4; background:transparent; font-size:2rem; cursor:pointer; }
dialog .outline-button { cursor:pointer; }
dialog .outline-button[hidden] { display:none; }
.trial-compatibility { margin:1rem 0 -.35rem; color:#d6b671; font-size:.86rem; letter-spacing:.04em; text-align:center; }
.trial-compatibility[hidden] { display:none; }
#fidelity-dialog { width:min(94vw,940px); max-height:94vh; padding:clamp(.65rem,1.5vw,1rem); overflow:visible; background:#000; border:2px solid #d99a32; }
#fidelity-dialog .close { position:absolute; top:.55rem; right:.8rem; z-index:2; float:none; }
.fidelity-badge-image { display:block; width:min(100%,860px); max-height:88vh; margin:auto; object-fit:contain; }
.visually-hidden { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width:759px) {
  .desktop-site { display:none; }
  .mobile-site:not([hidden]) { display:block; }
}
@media (min-width:760px) {
  .mobile-site { display:none !important; }
}
@media (max-width:440px) {
  .mobile-features { grid-template-columns:1fr; }
  .mobile-features article { min-height:0; border-right:0; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }