:root{color-scheme:dark;--bg:#08080a;--surface:#131316;--surface-2:#1e1e22;--hairline:#2a2a2f;--ink:#f6f3ec;--ink-muted:#b8b4aa;--ink-faint:#7e7a71;--accent:#b9d466;--accent-deep:#9bb84f;--ink-on-accent:#111806;--danger:#dd7767;--max:1180px;--nav-height:76px;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 80% 12%,#b9d4661f,#0000 26rem),linear-gradient(#08080a 0%,#101012 58%,#08080a 100%);margin:0;font-size:17px;line-height:1.65}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#f6f3ec09 1px,#0000 1px);background-size:100% 42px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 65%)}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{z-index:10;background:var(--accent);color:var(--ink-on-accent);border-radius:999px;padding:.65rem 1rem;font-weight:800;transition:transform .18s;position:absolute;top:1rem;left:1rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer{width:min(var(--max), calc(100% - 2rem));margin-inline:auto}.site-header{min-height:var(--nav-height);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{letter-spacing:0;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.site-header nav,.site-footer nav{flex-wrap:wrap;align-items:center;gap:clamp(.75rem,2vw,1.5rem);display:flex}.site-header nav a,.site-footer nav a{color:var(--ink-muted);font-size:.95rem;text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{color:var(--ink)}.hero{width:min(var(--max), calc(100% - 2rem));min-height:calc(100svh - var(--nav-height));grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:center;gap:clamp(2rem,7vw,6rem);margin-inline:auto;padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,8vw,6rem);display:grid}.hero-copy{max-width:760px}.context-line{color:var(--accent);margin:0 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-style:italic}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:0;text-wrap:balance;margin:0;line-height:.98}h1{max-width:11ch;font-size:clamp(3.4rem,8.6vw,6rem);font-weight:900}h2{max-width:13ch;font-size:clamp(2.2rem,5vw,4.3rem);font-weight:900}h3{font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:850}.lead{max-width:68ch;color:var(--ink-muted);text-wrap:pretty;margin:1.5rem 0 0;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.15rem;font-weight:850;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:var(--ink-on-accent)}.button.primary:hover{background:var(--accent-deep)}.button.secondary{border:1px solid var(--hairline);color:var(--ink)}.button.secondary:hover{border-color:var(--ink-faint)}.listening-scene{place-items:center;min-height:590px;display:grid;position:relative}.phone-shell{background:linear-gradient(145deg,#26262c,#09090b 62%);border:1px solid #303036;border-radius:28px;width:min(100%,360px);padding:10px}.app-preview{background:var(--bg);border:1px solid #17171a;border-radius:20px;flex-direction:column;min-height:690px;padding:1rem;display:flex;overflow:hidden}.cover-plate{background:linear-gradient(#08080a33,#08080adb),radial-gradient(circle at 50% 68%,#b9d4663d,#0000 34%),linear-gradient(135deg,#151618,#34321f 54%,#08080a);border-radius:8px;align-items:flex-start;min-height:360px;padding:1.15rem;display:flex}.cover-plate span{max-width:9ch;color:var(--ink);font-size:2.25rem;font-weight:900;line-height:.96}.now-playing{padding-top:1.4rem}.now-playing p,.now-playing strong{margin:0}.now-playing p{color:var(--ink-muted);font-size:.92rem}.now-playing strong{margin-top:.2rem;font-size:1.35rem;line-height:1.15;display:block}.play-row{justify-content:center;align-items:center;gap:1.6rem;margin-top:auto;padding-top:2.25rem;display:flex}.skip{border:1px solid var(--hairline);width:44px;height:44px;color:var(--ink-muted);border-radius:999px;place-items:center;font-size:.82rem;font-weight:800;display:grid}.play-dot{background:var(--accent);border-radius:999px;width:74px;height:74px;position:relative}.play-dot:after{content:"";border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:19px solid var(--ink-on-accent);width:0;height:0;position:absolute;top:24px;left:30px}.progress{background:var(--surface-2);border-radius:999px;height:5px;margin-top:2rem;overflow:hidden}.progress span{background:var(--accent);width:58%;height:100%;display:block}.teacher-strip{border:1px solid var(--hairline);color:var(--ink);background:var(--surface);border-radius:8px;margin-top:1rem;padding:.9rem}.app-mark{border:1px solid var(--hairline);border-radius:22px;position:absolute;top:clamp(1rem,8vw,5rem);right:clamp(0rem,3vw,2rem)}.band{padding:clamp(4rem, 9vw, 8rem) max(1rem, calc((100% - var(--max)) / 2))}.intro-band{border-block:1px solid var(--hairline);background:#0d0d10;grid-template-columns:minmax(0,.8fr) minmax(300px,1fr);gap:clamp(2rem,6vw,5rem);display:grid}.section-heading p,.store-note p{max-width:68ch;color:var(--ink-muted)}.feature-rows{background:var(--hairline);border:1px solid var(--hairline);gap:1px;display:grid}.feature-rows article{background:#0d0d10;grid-template-columns:9rem minmax(0,1fr);align-items:start;gap:1.5rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid}.feature-rows span{color:var(--accent);font-weight:850}.feature-rows p{color:var(--ink-muted);margin:0}.collections-band{background:linear-gradient(180deg, #b9d4660a, transparent 18rem), var(--bg)}.section-heading.wide{grid-template-columns:minmax(0,.78fr) minmax(300px,.72fr);align-items:end;gap:clamp(1.5rem,5vw,4rem);display:grid}.section-heading.wide .context-line{grid-column:1/-1;margin-bottom:-.5rem}.section-heading.wide p:not(.context-line){margin:0}.collection-list{border-top:1px solid var(--hairline);margin-top:clamp(2rem,5vw,3.5rem)}.collection-row{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);gap:clamp(1rem,4vw,3rem);padding:clamp(1.1rem,3vw,1.5rem) 0;display:grid}.collection-row span,.policy-links span{color:var(--accent);font-size:.95rem;font-weight:800}.collection-row p{color:var(--ink-muted);margin:0}.policy-band{background:var(--surface);border-block:1px solid var(--hairline);grid-template-columns:minmax(0,.85fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,5rem);display:grid}.policy-links{align-content:start;gap:.85rem;display:grid}.policy-links a{border:1px solid var(--hairline);background:var(--bg);border-radius:8px;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.policy-links a:hover{border-color:var(--ink-faint)}.policy-links strong{color:var(--ink);line-height:1.35}.legal-page{width:min(820px,100% - 2rem);margin-inline:auto;padding:clamp(3rem,7vw,6rem) 0 clamp(5rem,9vw,8rem)}.legal-page h1{max-width:12ch;margin-bottom:1.5rem}.legal-page h2{max-width:none;margin-top:2.4rem;font-size:clamp(1.55rem,3vw,2.25rem)}.legal-page p,.legal-page li{color:var(--ink-muted)}.legal-page a{color:var(--accent);font-weight:750}.legal-page ul{padding-left:1.2rem}.support-page section{border-top:1px solid var(--hairline);margin-top:2.2rem;padding-top:.5rem}.site-footer{color:var(--ink-muted);justify-content:space-between;align-items:flex-start;gap:2rem;padding:2rem 0 2.5rem;display:flex}.site-footer strong{color:var(--ink)}.site-footer p{margin:.25rem 0 0}@media (width<=860px){.hero,.intro-band,.section-heading.wide,.policy-band{grid-template-columns:1fr}.hero{min-height:auto}h1{max-width:10ch}.listening-scene{min-height:auto}.phone-shell{width:min(100%,330px)}.app-preview{min-height:610px}.cover-plate{min-height:300px}.app-mark{border-radius:16px;width:82px;height:82px;top:0;right:calc(50% - 150px)}}@media (width<=620px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav{justify-content:space-between;width:100%}.hero{padding-top:2rem}.hero-actions,.button{width:100%}.feature-rows article,.collection-row{grid-template-columns:1fr;gap:.5rem}.site-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}