:root{--ink:#17110d;--ink-2:#1f1611;--ink-3:#2a1e16;--surface:#1f1710;--surface-2:#271d13;--amber:#f0a23c;--amber-deep:#d9842a;--ember:#d97a2a;--cream:#f5ecdc;--cream-2:#efe6d6;--cream-dim:#b6a489;--text:#f4e9da;--muted:#bcaa97;--muted-2:#8c7c6b;--rose:#e8927c;--line:rgba(240,162,60,.18);--line-soft:rgba(245,236,220,.08);--maxw:1080px;--r:18px;--shadow:0 24px 60px -28px rgba(0,0,0,.7)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--font-hanken),system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-fraunces),Georgia,serif;font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.muted{color:var(--cream-dim)}.serif-it{font-style:italic;font-weight:500;color:var(--amber)}.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);display:inline-block;margin-bottom:18px}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--amber),var(--ember));color:#1a1208;font-weight:700;font-size:16px;font-family:inherit;padding:16px 30px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 10px 30px -10px rgba(240,162,60,.6);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(240,162,60,.7)}.btn:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.micro{font-size:14px;color:var(--cream-dim);margin-top:14px}nav{position:sticky;top:0;z-index:30;background:rgba(23,17,13,.72);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.nav-in{justify-content:space-between;height:70px}.logo,.nav-in{display:flex;align-items:center}.logo{gap:10px;font-family:var(--font-fraunces),serif;font-weight:600;font-size:20px}.logo .dot{width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px 2px rgba(240,162,60,.8)}.nav-cta{font-size:14px;padding:11px 20px}.hero{position:relative;padding:96px 0 84px;text-align:center;overflow:hidden}.glow{position:absolute;left:50%;top:-60px;transform:translateX(-50%);width:760px;max-width:120vw;height:560px;background:radial-gradient(closest-side,rgba(240,162,60,.22),rgba(240,162,60,.05) 55%,transparent 72%);pointer-events:none;z-index:0}.hero .wrap{position:relative;z-index:1}.hero h1{font-size:clamp(34px,6vw,62px);max-width:16ch;margin:0 auto 22px}.hero p.sub{font-size:clamp(17px,2.2vw,21px);color:var(--cream-dim);max-width:52ch;margin:0 auto 30px}.player{margin:46px auto 0;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:flex;align-items:center;gap:16px;text-align:left;box-shadow:0 20px 50px -28px rgba(0,0,0,.8)}.play{flex:0 0 auto;width:50px;height:50px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(180deg,var(--amber),var(--ember));color:#1a1208;display:grid;place-items:center;transition:transform .15s}.play:hover{transform:scale(1.06)}.play:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.play svg{width:18px;height:18px}.pl-meta{flex:1;min-width:0}.pl-title{font-weight:600;font-size:15px}.pl-sub{font-size:13px;color:var(--cream-dim)}.wave{display:flex;align-items:center;gap:3px;height:34px;margin-top:8px}.wave i{display:block;width:3px;border-radius:3px;background:var(--amber);opacity:.55;height:30%}.wave i:nth-child(3n){height:80%}.wave i:nth-child(4n){height:55%}.wave i:nth-child(5n){height:100%;opacity:.85}.wave i:nth-child(7n){height:40%}.playing .wave i{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.15)}}section.block{padding:86px 0;border-top:1px solid var(--line-soft)}.head{text-align:center;max-width:60ch;margin:0 auto 54px}.head h2{font-size:clamp(28px,4.4vw,44px);margin-bottom:14px}.head p{color:var(--cream-dim);font-size:18px}.head-left{text-align:left;max-width:none;margin:0 0 48px}.head-left p{max-width:54ch}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.col{background:var(--surface);border:1px solid var(--line-soft);border-radius:22px;padding:34px 30px}.col.win{border-color:var(--amber);background:linear-gradient(180deg,rgba(240,162,60,.07),var(--surface));position:relative}.col h3{font-size:23px;margin-bottom:22px}.col.win h3{color:var(--amber)}.tag{position:absolute;top:-13px;left:30px;background:var(--amber);color:#1a1208;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;font-family:var(--font-hanken),sans-serif}.li{display:flex;gap:13px;align-items:flex-start;padding:11px 0;font-size:15.5px}.li+.li{border-top:1px solid var(--line-soft)}.cmp-ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:1px;font-size:13px;font-weight:700}.cmp-ic.no{background:rgba(245,236,220,.08);color:var(--cream-dim)}.cmp-ic.yes{background:rgba(240,162,60,.18);color:var(--amber)}.col.muted-col .li{color:var(--cream-dim)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 auto}.step{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:26px 0 0}.step .num{font-family:var(--font-fraunces),serif;font-size:40px;font-weight:600;color:var(--amber);line-height:1;display:block;margin-bottom:14px;font-style:italic}.step h3{font-size:20px;margin-bottom:8px}.step p{font-size:15px;color:var(--cream-dim)}.mom{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.mom h2{font-size:clamp(28px,4.4vw,44px);margin-bottom:22px;max-width:14ch}.mom p{color:var(--cream-dim);font-size:17px;margin-bottom:16px}.mom .eyebrow{margin-bottom:14px}.ember-art{aspect-ratio:1/1;border-radius:24px;border:1px solid var(--line);background:radial-gradient(120% 120% at 30% 20%,rgba(240,162,60,.28),transparent 50%),radial-gradient(120% 120% at 80% 90%,rgba(217,122,42,.3),transparent 55%),var(--surface);position:relative;overflow:hidden;display:grid;place-items:center}.ember-art .bars{display:flex;align-items:center;gap:6px;height:46%}.ember-art .bars i{width:6px;border-radius:6px;background:linear-gradient(180deg,var(--amber),var(--ember));opacity:.85;height:30%}.ember-art .bars i:nth-child(odd){height:70%}.ember-art .bars i:nth-child(3n){height:100%}.ember-art .bars i:nth-child(5n){height:48%}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:20px;padding:28px 26px}.card .ci{width:44px;height:44px;border-radius:13px;background:rgba(240,162,60,.14);display:grid;place-items:center;margin-bottom:18px}.card .ci svg{width:22px;height:22px;color:var(--amber)}.card h3{font-size:18px;margin-bottom:8px}.card p{font-size:14.5px;color:var(--cream-dim)}.final{text-align:center;padding:96px 0;position:relative;overflow:hidden}.final .glow{top:auto;bottom:-120px;height:420px}.final h2{font-size:clamp(30px,5vw,50px);max-width:18ch;margin:0 auto 26px}.final h2,.pricepill{position:relative;z-index:1}.pricepill{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font-size:14px;color:var(--cream-dim);border:1px solid var(--line);border-radius:999px;padding:9px 18px}.pricepill b{color:var(--cream)}footer{border-top:1px solid var(--line-soft);padding:34px 0;text-align:center;color:var(--cream-dim);font-size:13.5px}.rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}.topbar{background:var(--ink-3);border-bottom:1px solid var(--line-soft);font-size:.82rem;color:var(--muted)}.topbar .wrap{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.55rem 24px;text-align:center}.topbar strong{color:var(--text);font-weight:600}section{padding:84px 0}.sec-head{text-align:center;max-width:46ch;margin:0 auto 52px}.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:.7rem 0}.sec-head p{color:var(--muted)}.light{background:var(--cream)}.light,.light h2,.light h3{color:var(--ink)}.light .sec-head p{color:#6b5d4d}.light .eyebrow{color:var(--amber-deep)}.chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:36px}.chip{padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .18s}.chip:hover{color:var(--text)}.chip.active,.chip:hover{border-color:var(--amber)}.chip.active{background:var(--amber);color:#2a1402}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 auto}.play-btn{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;flex:0 0 auto;background:linear-gradient(180deg,var(--amber),var(--amber-deep));color:#2a1402;display:grid;place-items:center;box-shadow:0 8px 24px -8px rgba(240,162,60,.6);transition:transform .15s}.play-btn:hover{transform:scale(1.05)}.gcard{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:stretch;min-height:188px}.gcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.gcard-meta{min-width:0}.gcard .play-btn{width:50px;height:50px}.gcard .gt{font-family:var(--font-fraunces),Georgia,serif;font-weight:600;font-size:1.32rem;line-height:1.12;letter-spacing:-.01em}.gcard .gs{font-size:.84rem;color:var(--muted-2);margin-top:5px}.gcard .mini{margin-top:auto;width:100%;display:flex;gap:3px;align-items:flex-end;height:44px}.gcard .mini i{flex:1;height:30%;background:var(--amber);opacity:.4;border-radius:2px}.gcard .mini i:nth-child(2n){height:62%}.gcard .mini i:nth-child(3n){height:92%}.gcard .mini i:nth-child(4n){height:46%}.gcard .mini i:nth-child(5n){height:76%}.gcard.playing .mini i{animation:wv 1s ease-in-out infinite;opacity:.9}@keyframes wv{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.depo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:880px;margin:0 auto}.depo{margin:0;background:var(--surface);border:1px solid var(--line-soft);border-radius:20px;padding:28px 26px}.depo blockquote{margin:0 0 16px;font-family:var(--font-fraunces),Georgia,serif;font-size:1.15rem;line-height:1.45;font-style:italic;color:var(--cream)}.depo figcaption{font-size:.88rem;color:var(--cream-dim);font-weight:600}.depo figcaption span{font-weight:400;color:var(--muted-2)}.trust-line{text-align:center;margin-top:34px;font-size:.9rem;color:var(--cream-dim);letter-spacing:.02em}@media(max-width:780px){.depo-grid{grid-template-columns:1fr}}.occ-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.occ{border-radius:14px;padding:18px;display:flex;flex-direction:row;align-items:center;gap:14px;background:var(--ink-2);border:1px solid var(--line-soft)}.occ .ico{font-size:1.5rem;flex:0 0 auto;line-height:1}.occ h3{font-family:var(--font-hanken),system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:0}.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feat{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:16px;padding:30px 26px}.feat .fi{font-size:1.7rem;line-height:1;margin-bottom:16px}.feat h3{font-size:1.2rem;margin-bottom:.4rem}.feat p{color:var(--muted);font-size:.96rem}.faq{max-width:760px;margin:0 auto}.qa{border-bottom:1px solid var(--line-soft)}.qa button{width:100%;text-align:left;background:none;border:0;color:var(--text);font-family:var(--font-fraunces),serif;font-size:1.18rem;font-weight:500;padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center}.qa .ic{flex:0 0 auto;color:var(--amber);transition:transform .25s}.qa.open .ic{transform:rotate(45deg)}.qa .ans{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted)}.qa .ans p{padding-bottom:22px}.light .qa{border-bottom-color:rgba(23,17,13,.12)}.light .qa button{color:var(--ink)}.light .qa .ans{color:#6b5d4d}.totop{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:var(--amber);color:#2a1402;display:none;place-items:center;box-shadow:0 10px 24px -8px rgba(240,162,60,.6);z-index:70}.totop.show{display:grid}@media(max-width:780px){.compare,.grid3,.mom{grid-template-columns:1fr}.mom{gap:32px}.ember-art{max-width:340px;margin:0 auto}section.block{padding:64px 0}}@media(max-width:980px){.feats,.genre-grid{grid-template-columns:repeat(2,1fr)}.occ-rail{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feats,.steps{grid-template-columns:1fr}.genre-grid,.occ-rail{grid-template-columns:repeat(2,1fr)}.genre-grid{gap:10px}.gcard{min-height:0;padding:12px 14px}.gcard-top{align-items:center}.gcard .gt{font-size:1.02rem;line-height:1.15}.gcard .gs{font-size:.74rem;margin-top:2px}.gcard .play-btn{width:38px;height:38px}.gcard .play-btn svg{width:14px;height:14px}.gcard .mini{display:none}.gcard.playing .mini{display:flex;height:10px;margin-top:10px;gap:2px}}@media(prefers-reduced-motion:reduce){.rv{transition:none}*{animation:none!important;scroll-behavior:auto!important}}