/* Accent overrides from css/site.css */
:root{--paper: #e5eff6;--paper-2: #bcd5e7;--line: rgba(229,239,246,0.09);--amber: #a8cce8;--ember: #7caed3;--glow: 0 0 14px rgba(232,241,247,0.16);}
.tbc{outline: 1px dashed rgba(168,204,232,0.55);}
.tag{border: 1px dashed rgba(168,204,232,0.5);}
.ph{background:
    radial-gradient(120% 90% at 30% 20%, rgba(168,204,232,0.10), transparent 60%),
    linear-gradient(160deg, #1d1914, #100d0a);border: 1px dashed rgba(168,204,232,0.35);}
.ph::after{background: linear-gradient(to top right, transparent calc(50% - 0.5px), rgba(168,204,232,0.12) 50%, transparent calc(50% + 0.5px));}
.btn-primary{border-color: #4a6a83;background: linear-gradient(180deg, #c1dcef 0%, #a8cce8 28%, #8fbbd9 58%, #709fbe 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(38,54,67,.35), inset 0 0 0 1px rgba(219,232,242,.18), 0 1px 0 rgba(0,0,0,.45), 0 10px 22px -6px rgba(143,187,217,.45), 0 22px 44px -14px rgba(0,0,0,.6);}
.btn-primary:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -1px 0 rgba(38,54,67,.35), inset 0 0 0 1px rgba(219,232,242,.22), 0 1px 0 rgba(0,0,0,.45), 0 14px 28px -6px rgba(143,187,217,.55), 0 26px 50px -14px rgba(0,0,0,.6);}
.btn-primary:active{box-shadow: inset 0 2px 5px rgba(32,47,58,.35), inset 0 0 0 1px rgba(219,232,242,.12), 0 1px 0 rgba(0,0,0,.35);}
.nav .btn-primary.btn-sm{border-color: #4a6a83;background: linear-gradient(180deg, #c1dcef 0%, #a8cce8 28%, #8fbbd9 58%, #709fbe 100%);}
.nav{border: 1px solid rgba(192,215,233,.15);box-shadow: inset 0 1px 0 rgba(236,243,248,.045), 0 8px 26px -15px rgba(0,0,0,.8);}
.nav::before{background: linear-gradient(90deg, transparent, rgba(195,217,234,.3), transparent);}
.nav-mark{color: #e5eff6;}
.nav-links{border-left: 1px solid rgba(188,213,231,.16);}
.nav-links a:hover{color: #eff5f9;}
.hero{background: radial-gradient(140% 90% at 50% 0%, #151e24 0%, #140e09 45%, var(--ink) 80%);}
.leak-a{background: radial-gradient(circle, rgba(124,174,211,0.55), transparent 65%);}
.leak-b{background: radial-gradient(circle, rgba(168,204,232,0.42), transparent 65%);}
.leak-c{background: radial-gradient(circle, rgba(208,225,238,0.22), transparent 70%);}
.hero-word{background: linear-gradient(180deg, rgba(230,239,246,0.16) 0%, rgba(230,239,246,0.015) 90%);}
.hero-unit{box-shadow: -40px 60px 120px -30px rgba(0,0,0,0.9), 0 0 0 1px rgba(255,255,255,0.06), 0 0 140px -30px rgba(168,204,232,0.35);}
.hero-sweep{background: linear-gradient(100deg, transparent 35%, rgba(224,236,244,0.16) 48%, transparent 60%);}
.inside-glow{background:
    radial-gradient(60% 50% at 85% 10%, rgba(124,174,211,0.14), transparent 70%),
    radial-gradient(50% 60% at 0% 90%, rgba(168,204,232,0.08), transparent 70%);}
.hw-art{background: radial-gradient(80% 70% at 50% 40%, rgba(213,229,240,0.07), transparent 70%), linear-gradient(180deg, #1a1612, #110e0b);}
.hw-art img{filter: drop-shadow(0 0 6px rgba(232,241,247,0.35));}
.hw:hover .hw-art{box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 0 0 1px rgba(168,204,232,0.35), 0 20px 50px -20px rgba(168,204,232,0.35);}
.features{background:
    radial-gradient(70% 40% at 100% 30%, rgba(168,204,232,0.07), transparent 70%),
    radial-gradient(60% 40% at 0% 70%, rgba(124,174,211,0.07), transparent 70%),
    linear-gradient(180deg, var(--ink), var(--ink-2) 20%, var(--ink-2) 80%, var(--ink));}
.listen-glow{background:
  radial-gradient(50% 45% at 50% 30%, rgba(168,204,232,0.16), transparent 70%),
  radial-gradient(40% 40% at 10% 90%, rgba(124,174,211,0.10), transparent 70%);}
.deck{box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 0 1px rgba(0,0,0,0.6), 0 50px 100px -30px rgba(0,0,0,0.9), 0 0 120px -40px rgba(168,204,232,0.35);}
.deck-core{background: linear-gradient(180deg, #151e24, #191510);}
.deck-screen{color: #bed6e8;text-shadow: 0 0 8px rgba(158,194,221,0.55);}
.key-play{background: radial-gradient(circle at 50% 35%, #f0f5fa, #bbd4e7 70%, #95bcda);box-shadow: inset 0 1px 0 #fff, inset 0 -3px 0 rgba(50,73,90,0.35), 0 4px 0 #324859, 0 0 40px -6px rgba(168,204,232,0.7);}
.chip{background: linear-gradient(180deg, #151e24, #17130f);}
.chip.is-on{background: linear-gradient(180deg, #c1dcef 0%, #a8cce8 28%, #8fbbd9 58%, #709fbe 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(38,54,67,.35), 0 2px 0 #293b49, 0 0 22px -6px rgba(143,187,217,.6);}
.track.is-on{box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 0 0 1px rgba(168,204,232,0.45), 0 0 40px -12px rgba(168,204,232,0.5);}
.track-btn{background: linear-gradient(180deg, #3a332b, #151e24);}
.track.is-on .track-btn{background: radial-gradient(circle at 50% 35%, #f0f5fa, #b5d0e5);box-shadow: inset 0 1px 0 #fff, 0 3px 0 #324859, 0 0 20px -2px rgba(168,204,232,0.7);}
.specs{background:
  radial-gradient(60% 60% at 25% 50%, rgba(213,229,240,0.06), transparent 70%),
  linear-gradient(180deg, var(--ink), var(--ink-2));}
.buy-glow{background:
  radial-gradient(50% 50% at 70% 55%, rgba(168,204,232,0.20), transparent 70%),
  radial-gradient(40% 40% at 20% 40%, rgba(124,174,211,0.12), transparent 70%);}
.offer-lit{background: linear-gradient(180deg, rgba(207,224,238,0.55), rgba(168,204,232,0.18) 40%, rgba(168,204,232,0.06));box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 90px -20px rgba(168,204,232,0.55), 0 40px 80px -40px rgba(0,0,0,0.9);}
.offer-lit .offer-core{background: linear-gradient(180deg, #131b22, #140f0a);}
.faq{background: radial-gradient(50% 40% at 50% 100%, rgba(124,174,211,0.08), transparent 70%);}
.hero-unit.is-live .hero-img:not(.hero-halation){filter: drop-shadow(-22px 40px 46px rgba(0,0,0,0.8)) drop-shadow(0 0 60px rgba(168,204,232,0.14));}
.hero-unit.is-live .hero-sweep::before{background: linear-gradient(100deg, transparent 42%, rgba(227,237,245,0.30) 50%, transparent 58%);}
.fall img{filter: drop-shadow(0 0 6px rgba(172,202,226,0.45));}
.anno-unit .hero-img{filter: drop-shadow(0 50px 70px rgba(0,0,0,0.85)) drop-shadow(0 0 80px rgba(168,204,232,0.12));}
.anno-lines path{stroke: rgba(229,239,246,0.42);}
.anno-lines .ring{stroke: rgba(168,204,232,0.9);}
.anno-lines .dot{fill: #c1dcef;filter: drop-shadow(0 0 4px rgba(168,204,232,.9));}
.anno-lines .badge{stroke: rgba(168,204,232,.9);}
.anno-lines text{fill: #c1dcef;}
.anno-lines g.is-on path{stroke: #c1dcef;}
.beyond{background: radial-gradient(60% 40% at 50% 0%, rgba(168,204,232,0.06), transparent 70%);}
.hero:has(.hero-film) .hero-word{background: linear-gradient(180deg, rgba(230,239,246,0.22) 0%, rgba(230,239,246,0.03) 90%);}
.hero h1.hero-line{text-shadow: 0 0 18px rgba(232,241,247,0.18);}
.hero h1.hero-line{color: rgba(229,239,246,0.86);text-shadow: 0 0 12px rgba(232,241,247,0.2);}
.hero-price .now{color: #eaf2f8;text-shadow: 0 0 24px rgba(232,241,247,0.22);}
.hero-price s{color: rgba(229,239,246,0.45);}
.hero .hero-line{color: rgba(229,239,246,0.86);text-shadow: 0 0 12px rgba(232,241,247,0.2);}
.hero-ui .hero-img{filter: drop-shadow(0 40px 60px rgba(0,0,0,0.85)) drop-shadow(0 0 70px rgba(168,204,232,0.16));}
.hero-stack .hero-line{color: rgba(229,239,246,0.78);}
.btn-primary{color: #8fbbd9;border: 1px solid rgba(143,187,217,.9);}
.btn-primary .ofill{background: #8fbbd9;}
.btn-primary.is-fill{border-color: #8fbbd9;}
.btn-primary:hover{box-shadow: 0 1px 0 rgba(0,0,0,.45), 0 14px 28px -12px rgba(143,187,217,.45);}
.nav .btn-primary.btn-sm{color: #8fbbd9;border-color: rgba(143,187,217,.9);}
.hero-synthlist li{color: rgba(229,239,246,0.72);}
@media (max-width: 1100px){.hero-synthrun{color: rgba(229,239,246,.62);}}
.hw-grid .hw-art{background: radial-gradient(80% 70% at 50% 45%, rgba(236,243,248,0.07), transparent 70%), linear-gradient(180deg, #181513, #0f0d0b);}
.reels .hw-art{background: radial-gradient(80% 70% at 50% 45%, rgba(236,243,248,0.07), transparent 70%), linear-gradient(180deg, #181513, #0f0d0b);}
.spot-pin{background: radial-gradient(55% 60% at 70% 50%, rgba(168,204,232,0.08), transparent 70%);}
.spot-flip .spot-pin{background: radial-gradient(55% 60% at 30% 50%, rgba(168,204,232,0.08), transparent 70%);}
.spot-step::before{background: rgba(229,239,246,.18);}
.spot-step.on::before{background: #a8cce8;box-shadow: 0 0 10px rgba(168,204,232,.7);}
.spot-window{box-shadow: 0 0 0 7px rgba(255,255,255,0.03), 0 0 0 8px rgba(255,255,255,0.06), 0 50px 100px -30px rgba(0,0,0,0.9), 0 0 120px -40px rgba(168,204,232,0.35);}
.spot-dots i{background: rgba(229,239,246,.3);}
.spot[data-step="0"] .spot-dots i:nth-child(1), .spot[data-step="1"] .spot-dots i:nth-child(2),
.spot[data-step="2"] .spot-dots i:nth-child(3), .spot[data-step="3"] .spot-dots i:nth-child(4){background: #c1dcef;}
@media (max-width: 860px){.spot-step::before{background: rgba(168,204,232,.5);}}
.btn-primary{color: #f0f5fa;background:
    linear-gradient(180deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.06) 48%, rgba(255,255,255,0.02) 52%, rgba(255,255,255,0.08) 100%),
    rgba(20,29,35,0.28);box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.55),
    inset 0 -1px 0 rgba(255,255,255,0.10),
    inset 0 -14px 22px -14px rgba(197,218,235,0.35),
    inset 0 10px 18px -12px rgba(255,255,255,0.25),
    0 1px 0 rgba(0,0,0,0.35),
    0 14px 34px -14px rgba(0,0,0,0.75),
    0 0 40px -18px rgba(191,215,233,0.35);}
.btn-primary:hover, .btn-primary.is-fill{background:
    linear-gradient(180deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.09) 48%, rgba(255,255,255,0.04) 52%, rgba(255,255,255,0.12) 100%),
    rgba(23,33,41,0.24);box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    inset 0 -1px 0 rgba(255,255,255,0.14),
    inset 0 -16px 24px -14px rgba(197,218,235,0.5),
    inset 0 10px 18px -12px rgba(255,255,255,0.32),
    0 1px 0 rgba(0,0,0,0.35),
    0 20px 40px -14px rgba(0,0,0,0.8),
    0 0 56px -14px rgba(191,215,233,0.55);}
.story-glow{background:
  radial-gradient(50% 55% at 66% 52%, rgba(168,204,232,0.12), transparent 70%),
  radial-gradient(40% 40% at 10% 90%, rgba(124,174,211,0.08), transparent 70%);}
.story-unit .hero-img{filter: drop-shadow(0 50px 70px rgba(0,0,0,.85)) drop-shadow(0 0 80px rgba(168,204,232,.14));}
.drop-chip{background: linear-gradient(180deg, #f0f5fa, #cadeec);}
.drop-chip i{background:
  linear-gradient(90deg, #709fbe 0 12%, transparent 12% 22%, #709fbe 22% 40%, transparent 40% 50%, #709fbe 50% 62%, transparent 62% 72%, #709fbe 72% 90%, transparent 90%);}
.drop-ring{border: 2px solid rgba(193,220,239,.9);box-shadow: 0 0 calc(var(--k, .4) * 60px) rgba(193,220,239,.6), inset 0 0 calc(var(--k, .4) * 50px) rgba(193,220,239,.35);}
.osc-tag{color: #f0f5fa;border: 1px solid rgba(193,220,239,.7);box-shadow: 0 0 1.6em rgba(193,220,239,.35);}
.osc-tag b{color: #c1dcef;}
.osc-join{border: 1px solid rgba(193,220,239,.8);color: #c1dcef;box-shadow: 0 0 2em rgba(193,220,239,.45);}
.sp-img{background: radial-gradient(80% 80% at 50% 40%, #151e24, #120f0c);}
.story-progress i{background: rgba(229,239,246,.18);}
.story[data-step="0"] .story-progress i:nth-child(1), .story[data-step="1"] .story-progress i:nth-child(2),
.story[data-step="2"] .story-progress i:nth-child(3), .story[data-step="3"] .story-progress i:nth-child(4){background: #c1dcef;box-shadow: 0 0 8px rgba(193,220,239,.7);}
@media (max-width: 860px){.story-glow{background: radial-gradient(70% 40% at 50% 30%, rgba(168,204,232,0.12), transparent 70%);}}
.spot-engine .spot-window{background: radial-gradient(70% 70% at 50% 45%, #18232b, #120e0b);}
.xy-dot{background: radial-gradient(circle, #deeaf3 0 22%, rgba(193,220,239,.6) 34%, rgba(193,220,239,0) 70%);box-shadow: 0 0 calc(var(--k, .4) * 50px) rgba(193,220,239,.7);}
.chip{box-shadow: inset 0 0 0 1px rgba(229,239,246,.1);}
.chip:hover{box-shadow: inset 0 0 0 1px rgba(229,239,246,.24);}
.chip.is-on{background: #e5eff6;}
.trk.is-on{background: rgba(193,220,239,.06);box-shadow: inset 0 0 0 1px rgba(193,220,239,.35), 0 0 40px -18px rgba(193,220,239,.5);}
.trk.is-on .trk-play{background: #e5eff6;}
.extra{background:
    radial-gradient(120% 90% at 0% 0%, rgba(193,220,239,.07), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));}
.extra::before{background: linear-gradient(90deg, transparent, rgba(232,241,247,.35), transparent);}
.extra:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(193,220,239,.22), 0 30px 60px -30px rgba(0,0,0,.95), 0 0 50px -24px rgba(193,220,239,.4);}
.extra svg{stroke: #c1dcef;background: rgba(193,220,239,.08);box-shadow: inset 0 0 0 1px rgba(193,220,239,.2);}
.reels .hw-art{background:
    radial-gradient(90% 70% at 50% 42%, rgba(232,241,247,.06), transparent 70%),
    radial-gradient(120% 90% at 0% 0%, rgba(193,220,239,.06), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.008));}
.reels .hw-art::before{background: linear-gradient(90deg, transparent, rgba(232,241,247,.32), transparent);}
.reels .hw-art{background:
    radial-gradient(90% 70% at 50% 42%, rgba(232,241,247,.06), transparent 70%),
    radial-gradient(120% 90% at 0% 0%, rgba(193,220,239,.06), transparent 55%),
    linear-gradient(180deg, #1b1714, #110e0c);}
.suite-instrument{--instrument-line: rgba(229,239,246,.1);}
.suite-play:hover{background: #f0f5fa;}
.suite-all, .part-roll-btn{color: #c0d7e9;}
.suite-all{border: 1px solid #364e60;}
.suite-all:hover{background: #202f3a;color: #d5e4f0;}
.part-patch{color: #d0e1ee;}
.part-sound-arrow:hover{background: #1b2730;}
.part-roll-btn{color: #accbe2;}
.suite-status{color: #bbd4e7;}
.showcase, .testimonials{--warm-section-background: radial-gradient(ellipse at 2% 100%, rgba(63,91,112,.72), transparent 57%), radial-gradient(ellipse at 95% 0%, rgba(198,219,235,.88), transparent 54%), linear-gradient(115deg, #6188a6, #8cb6d7 53%, #6087a5);}
.testimonials{border-block: 1px solid rgba(208,226,239,.2);}
.showcase{border-top: 1px solid rgba(208,226,239,.2);}
.showcase h2{color: #151f26;}
.showcase-player{background: radial-gradient(ellipse at 50% 40%, #1d2933, var(--ink) 78%);}
.showcase-player::after{box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 0 0 1px rgba(229,239,246,.1);}
.showcase-play{background: rgba(229,239,246,.1);box-shadow: inset 0 0 0 1px rgba(229,239,246,.35), 0 8px 32px rgba(0,0,0,.2);}
.testimonials-head .eyebrow{color: #21303b;}
.testimonials-head h2{color: #151f26;}
.testimonials-note{color: #22313d;}
.testimonial-card{border: 1px solid rgba(202,221,236,.2);box-shadow: 0 20px 46px -24px rgba(19,27,33,.7), inset 0 1px 0 rgba(236,243,248,.05);}
.testimonial-card:not(.is-active){background: rgba(40,58,72,.65);}
.testimonial-person img{border: 1px solid rgba(187,212,231,.23);}
.testimonial-name{color: #e0ebf4;}
.testimonial-card blockquote p{color: #d9e7f2;}
.testimonial-quote-mark{color: rgba(160,195,222,.13);}
.testimonials-prev, .testimonials-next{border: 1px solid rgba(25,36,45,.38);color: #1d2933;background: rgba(188,213,232,.14);}
.testimonials-prev:hover, .testimonials-next:hover{border-color: #1d2933;background: rgba(214,229,241,.3);}
.testimonials-dots span{background: rgba(28,40,49,.38);}
.testimonials-dots [aria-current="true"] span{background: #1d2933;}
.hero-stack .btn-trial{color: #bcd5e7;border: 1px solid rgba(201,221,236,.24);}
.hero-stack .btn-trial:hover{border-color: rgba(201,221,236,.46);background: rgba(21,30,36,.75);}
/* Accent overrides from css/silver-rim.css */
.motion-control:hover{color: #e5eff6;}
.motion-control:focus-visible, .story-nav button:focus-visible{outline: 2px solid #e5eff6;}
.story-nav button::after{background: #d7e6f1;}
.story-nav button[aria-current="step"]{color: #e5eff6;}
/* Accent overrides from css/cinema.css */
.story-scroll-progress{background:rgba(214,229,241,.16);}
.story-scroll-progress span{background:#afcce3;}
/* Accent overrides from css/release-history.css */
.release-history{--amber:#3c566a;background:#dae8f2;}
.release-event{border-top:1px solid #3d586d;}
.is-scroll-story .release-timeline::before,.is-scroll-story .release-timeline::after{background:#98bedb;}
.is-scroll-story .release-event[aria-current=step]::after{box-shadow:0 0 0 5px rgba(60,86,106,.13);}
/* Accent overrides from css/built-by.css */

/* Accent overrides from css/purchase-dock.css */
.purchase-dock{border:1px solid rgba(192,215,233,.22);box-shadow:inset 0 1px 0 rgba(236,243,248,.08),0 12px 36px rgba(0,0,0,.45);}
.purchase-dock-cta{border:1px solid #a3c5df;background:linear-gradient(180deg,#afcce3,#89b5d6);box-shadow:inset 0 1px 0 rgba(237,243,249,.4);}
.purchase-dock-cta:hover{background:linear-gradient(180deg,#bad3e7,#9abfdc);box-shadow:inset 0 1px 0 rgba(237,243,249,.5),0 3px 12px rgba(168,204,232,.12);}
/* Accent overrides from css/loop-console.css */
.suite-instrument{--instrument-line:rgba(198,219,235,.15);}
.suite-instrument::before{border:1px solid rgba(202,222,236,.2);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(184,210,230,.025) 3px 4px);}
.suite-master::after{background:#a8cce8;}
.suite-play:hover{background:#e3edf5;box-shadow:inset 0 0 0 3px #e3edf5,inset 0 0 0 4px rgba(32,28,23,.3);}
.suite.is-playing .suite-play{background:#b2cee4;box-shadow:inset 0 0 0 3px #b2cee4,inset 0 0 0 4px rgba(32,28,23,.3);}
.suite-meta b{color:#d3e3f0;}
.suite-all{background:rgba(201,221,236,.045);}
.suite-all:hover{background:rgba(201,221,236,.1);color:#edf4f9;}
.suite .part-name{color:#cfe1ee;}
.suite .part-mute i{background:#a8cce8;box-shadow:0 0 6px rgba(168,204,232,.15);}
.suite .part-patch{color:#d5e5f0;}
.suite .part-sound-arrow{color:#bed6e8;}
.suite .part-sound-arrow:hover{color:#b3cfe4;background:rgba(198,219,235,.07);}
.suite .part-roll{box-shadow:inset 0 0 0 3px #1c1915,inset 0 0 0 4px rgba(198,219,235,.18);}
.suite .part-roll-btn{color:#a4c5df;}
.suite .part-roll-btn:hover{background:rgba(198,219,235,.07);color:#b3cfe4;}
.suite-status{color:#bed6e8;}
.suite-instrument button:focus-visible{outline-color:#bed6e8;}
/* Accent overrides from css/cinema-final.css */
.story-final .story-scroll-progress span{background:#afcce3;}
.xy-modes span.active{color:#e3edf5;}
.xy-demo-cursor path{fill:#eaf2f8;}
/* Accent overrides from css/smooth-scroll.css */

/* Accent overrides from css/listen-and-bundle.css */
body > .nav .nav-buy{color:#b9d2e6;}
body > .nav .nav-links a[aria-current="location"]{color:#eff5f9;}
.sound-preview:hover,.sound-preview[aria-pressed="true"]{background:#131b22;}
.sound-play{border:1px solid #47667e;}
.bundle-comparison{border-top:1px solid #324858;}
.bundle-ab button[aria-pressed="true"]{color:#bad3e7;background:#1f2d38;}
.bundle-progress{background:#2b3e4c;}
.bundle-progress::-webkit-progress-bar{background:#2b3e4c;}
.trial-download{border:1px solid #d8e6f1;background:#d8e6f1;color:#131b22;}
.trial-download:hover{background:#eff5f9;}
.offer-action{background:#d3e3ef;}
.offer-action:hover{background:#e5eff6;}
.offer-action:active{background:#bcd5e7;}
.trial-download{color:#d3e3ef;}
.trial-download:hover{background:#1a252e;}
/* Accent overrides from css/mobile.css */
.story-final + .pages-intro::before{background:linear-gradient(90deg,transparent,rgba(228,238,245,.14) 18%,rgba(228,238,245,.14) 82%,transparent);}
@media(max-width:860px){.mobile-feature-panel + .mobile-feature-panel{border-top:1px solid rgba(228,238,245,.08);}}
/* Accent overrides from css/hero-refresh.css */

/* Accent overrides from css/sticky-8443.css */
#features{--amber: #a8cce8;--ember: #7caed3;--glow: 0 0 14px rgba(232,241,247,0.16);}
:where(#features) .story-glow{background:
  radial-gradient(50% 55% at 66% 52%, rgba(168,204,232,0.12), transparent 70%),
  radial-gradient(40% 40% at 10% 90%, rgba(124,174,211,0.08), transparent 70%);}
:where(#features) .story-unit .hero-img{filter: drop-shadow(0 50px 70px rgba(0,0,0,.85)) drop-shadow(0 0 80px rgba(168,204,232,.14));}
.story:where(#features)[data-step="0"] .story-progress i:nth-child(1),.story:where(#features)[data-step="1"] .story-progress i:nth-child(2),.story:where(#features)[data-step="2"] .story-progress i:nth-child(3),.story:where(#features)[data-step="3"] .story-progress i:nth-child(4){background: #c1dcef;box-shadow: 0 0 8px rgba(193,220,239,.7);}
@media (max-width: 860px){:where(#features) .story-glow{background: radial-gradient(70% 40% at 50% 30%, rgba(168,204,232,0.12), transparent 70%);}}
:where(#features) .xy-dot{background: radial-gradient(circle, #deeaf3 0 22%, rgba(193,220,239,.6) 34%, rgba(193,220,239,0) 70%);box-shadow: 0 0 calc(var(--k, .4) * 50px) rgba(193,220,239,.7);}
:where(#features) .story-scroll-progress span{background:#afcce3;}
.story-final:where(#features) .story-scroll-progress span{background:#afcce3;}
:where(#features) .xy-modes span.active{color:#e3edf5;}
:where(#features) .xy-demo-cursor path{fill:#eaf2f8;}
#features{--cine-accent-glow: rgba(168,204,232,.55);}

/* Cool highlights sit against neutral graphite, matching the hero instrument. */
:root,#features { --amber:#a8cce8;--ember:#7caed3;--cine-accent:#a8cce8;--cine-accent-glow:rgba(168,204,232,.4); }
body > .nav { background:#11161c; }
.purchase-dock { background:linear-gradient(180deg,rgba(33,40,48,.96),rgba(13,17,22,.96));border-color:rgba(180,205,225,.22); }
.purchase-dock-cta { color:#111b24;border-color:#a8cce8;background:linear-gradient(180deg,#c1dcef,#98bdd9); }
.purchase-dock-cta:hover { background:linear-gradient(180deg,#d0e5f3,#aacfe8); }
.hero .hero-actions .btn-primary { background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.06) 48%,rgba(255,255,255,.02) 52%,rgba(255,255,255,.08)),rgba(21,28,36,.28); }
.hero .hero-actions .btn-primary:hover { background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.09) 48%,rgba(255,255,255,.04) 52%,rgba(255,255,255,.12)),rgba(24,33,43,.24); }
.sound-preview:hover,.sound-preview[aria-pressed="true"] { background:transparent; }
.sound-play { border-color:#526b80; }
.sound-timeline .sound-wave { fill:#708190; }
.sound-timeline .sound-wave-played { fill:var(--amber); }

/* Darker slate walkthrough and a cool studio backdrop. */
.showcase { --warm-section-background:radial-gradient(ellipse at 95% 0%,rgba(125,159,185,.28),transparent 60%),linear-gradient(115deg,#30475c,#466279 53%,#2c4055);border-top-color:rgba(168,204,232,.16); }
.showcase h2 { color:#edf4fa; }
.showcase-intro,.showcase-benefits { color:#dbe7f0; }
.inside { background:#0e1013; }
.inside-glow { background:radial-gradient(ellipse at 85% 10%,rgba(127,145,160,.035),transparent 65%); }
.inside-photo img { filter:grayscale(1) contrast(1.12) brightness(.78) blur(.6px); }
.inside-photo::after { content:"";position:absolute;inset:0;background:#96a8b6;mix-blend-mode:color;opacity:.10;pointer-events:none; }

/* A clear library-size note beneath the playable loop. */
.suite-presets { margin:25px auto 0;text-align:center;color:#dbe7f0;font-size:15px;line-height:1.5; }
.suite-presets strong { font-family:var(--display);font-weight:750;font-size:22px;color:var(--amber); }
.suite-presets + .suite-note { margin-top:9px; }

/* Neutral graphite synth cards, with a restrained cool reflection. */
.inside .reels .hw-art { background:radial-gradient(90% 70% at 50% 42%,rgba(212,223,232,.045),transparent 70%),linear-gradient(180deg,#1b1e22,#121518); }
.inside .reels .hw-art::before { background:linear-gradient(90deg,transparent,rgba(215,225,233,.22),transparent); }
.inside .hw:hover .hw-art { box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(180,197,210,.2),0 20px 50px -20px rgba(0,0,0,.7); }

/* Neutral metal and blue-grey displays for the playable loop studio. */
.suite-instrument { border-color:#505b65;background:linear-gradient(125deg,#20262c,#14191e 58%,#1a2026);box-shadow:inset 0 0 0 3px #0c1014,0 22px 55px -32px #000; }
.suite-registration,.suite-title,.suite-meta,.part-index { color:#9baab7; }
.suite-meta em { color:#657583; }
.suite-play { background:#d5e1ea;color:#18212a;box-shadow:inset 0 0 0 3px #d5e1ea,inset 0 0 0 4px rgba(23,32,41,.3); }
.suite .part-sound { background:rgba(7,12,17,.24);border-bottom-color:#4c5b67; }
.suite .part-synth { color:#a0afbb; }
.suite .part-roll { border-color:#586977;background:rgba(6,11,16,.48);box-shadow:inset 0 0 0 3px #171e25,inset 0 0 0 4px rgba(198,219,235,.18); }
.suite .part-roll::before,.suite .part-roll::after { background:#94a9ba; }
.suite .part.is-muted .part-name { color:#8596a4; }
.suite .part.is-muted .part-mute i { box-shadow:0 0 0 1px #8596a4; }
.suite-presets { margin:44px auto 0;padding-top:30px;border-top:1px solid rgba(168,204,232,.16);max-width:760px;font-family:var(--display);font-size:clamp(23px,3vw,36px);line-height:1.2;letter-spacing:-.025em; }
.suite-presets strong { font-size:clamp(42px,5vw,64px);margin-right:.12em;vertical-align:baseline; }
.suite-presets + .suite-note { margin-top:16px; }

#loop-studio.suite { background:#0e1013; }

/* Keep secondary text and navigation within the cool palette. */
:root { --muted:#9aafbf; }
body > .nav .nav-links a { color:#bdd0df; }
body > .nav .nav-links a:hover,body > .nav .nav-links a:focus-visible,body > .nav .nav-links a[aria-current="location"] { color:#eff5f9; }
body > .nav .nav-buy { color:#a8cce8; }
.quick-listen .sound-duration { color:#a8bfd1; }

/* Cool neutral purchase panels, matching the rest of the site. */
#buy.buy { background:#0e1013; }
#buy .offer { background:#303a43; }
#buy .offer-core,#buy .offer-lit .offer-core { background:#1a2026; }
#buy .offer-lit { background:linear-gradient(180deg,#70899c,#394b59 45%,#28353f); }
#buy .trial-strip { background:#1a2026;border-color:#3c4a56; }
#buy .trial-download { color:#d3e3ef;border-color:#708391; }
#buy .trial-download:hover { background:#25323c; }
#buy .trial-download:disabled { background:transparent;color:#8e9eab;border-color:#475661; }
#buy .offer-lit .offer-action { color:#142330; }
#buy .offer-action-price { color:inherit; }
.testimonial-name,.testimonial-card blockquote p { color:#e5eff6; }

/* Neutral charcoal carousel: no coloured glow or warm overlay. */
.inside .reels .hw-art { background:radial-gradient(90% 70% at 50% 42%,rgba(220,220,220,.035),transparent 70%),linear-gradient(180deg,#1d1e20,#131416); }
.inside .reels .hw-art::before { background:linear-gradient(90deg,transparent,rgba(225,225,225,.18),transparent); }
.inside .reels .hw-art::after { background:none; }
.inside .reels .hw-art img,.inside .hw:hover .hw-art img { filter:saturate(.72) drop-shadow(0 14px 18px rgba(0,0,0,.65)); }
.inside .hw:hover .hw-art { box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(195,195,195,.18),0 20px 50px -20px rgba(0,0,0,.7); }
