:root{color-scheme:dark;--bg:#080a10;--ink:#f5f1e8;--muted:#aaa7a0;--gold:#d9b76e;--line:#272b35;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 76% 5%,#1d2234 0,transparent 34rem),var(--bg);line-height:1.65}
header,main,footer{width:min(1040px,calc(100% - 40px));margin:auto}
header{min-height:88px;display:flex;align-items:center;justify-content:space-between}
.skip-link{position:fixed;top:8px;left:8px;z-index:10;transform:translateY(-160%);background:var(--ink);color:var(--bg);padding:.6rem 1rem;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.brand{color:var(--ink);text-decoration:none;letter-spacing:.21em;font-size:.82rem;font-weight:750}
.hero{min-height:70vh;padding:12vh 0 10vh;display:flex;flex-direction:column;justify-content:center}
.eyebrow{margin:0 0 1rem;color:var(--gold);letter-spacing:.2em;font-size:.72rem;font-weight:750}
h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}
h1{font-size:clamp(4rem,12vw,8.5rem);line-height:.83;margin:0 0 2rem;max-width:900px}
h2{font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.02;margin:.1em 0 .6em}
.lead{max-width:620px;margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem)}
audio{display:block;width:min(620px,100%);margin:2.6rem 0 .55rem;accent-color:var(--gold)}
.preview-meta{display:flex;gap:.6rem;flex-wrap:wrap;color:var(--muted);font-size:.76rem;letter-spacing:.03em}
.audio-status{min-height:1.6em;color:#ffbd9b}
.product{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(64px,10vw,110px) 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:clamp(42px,8vw,100px);align-items:end}
.product p,.app-note p{max-width:620px;color:var(--muted)}
.purchase{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.purchase strong{font-family:Georgia,serif;font-size:2.3rem;font-weight:400}
button{font:inherit;border:1px solid var(--gold);background:var(--gold);color:#111;padding:.85rem 1.15rem;border-radius:99px;cursor:pointer;font-weight:680}
button:disabled{cursor:not-allowed;opacity:.5}
.purchase small{color:var(--muted);max-width:290px}
.app-note{padding:clamp(72px,12vw,140px) 0;max-width:800px}
.install-button{padding:.45rem .8rem;background:transparent;color:var(--gold);font-size:.78rem}
footer{padding:30px 0 60px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
.footer-line{display:flex;align-items:center;justify-content:space-between;gap:24px}
footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
footer a{color:var(--muted);text-underline-offset:4px}
.legal-details{margin-top:26px}
.legal-details details{border-top:1px solid var(--line);padding:13px 0}
.legal-details summary{cursor:pointer;color:var(--ink);font-weight:650}
.legal-details details>div{max-width:760px;padding:6px 0 10px}
button:focus-visible,a:focus-visible,audio:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){header,main,footer{width:min(100% - 28px,1040px)}header{min-height:74px}.hero{min-height:auto;padding:12vh 0 11vh}h1{font-size:clamp(3.6rem,20vw,6rem)}.product{grid-template-columns:1fr;padding:64px 0}.purchase button{width:100%}.app-note{padding:80px 0}.footer-line{align-items:flex-start;flex-direction:column}footer nav{justify-content:flex-start;gap:14px}p,summary,strong{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.legal-page{max-width:760px;padding:12vh 0 18vh}.legal-page h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,9vw,6rem);font-weight:400;line-height:.95;margin:.25em 0 .7em}.legal-page h2{font-size:1rem;letter-spacing:.12em;margin:3rem 0 .8rem;text-transform:uppercase}.legal-page p{color:var(--muted);line-height:1.8}.legal-page a{color:var(--gold)}