.expansion-section{padding-block:100px;border-top:1px solid var(--line);scroll-margin-top:100px}.expansion-section .eyebrow{margin-bottom:18px}.expansion-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.expansion-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;margin:0}.expansion-heading>p{max-width:430px;color:var(--muted);line-height:1.8;margin:0}.expansion-feature{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:center;padding:28px;background:#181d20;border:1px solid #3b4247;border-radius:12px}.expansion-cover{border-radius:7px;width:100%;aspect-ratio:1;object-fit:cover}.expansion-feature h3{font-size:36px;letter-spacing:-1px;margin:14px 0 20px}.expansion-feature p{color:var(--muted);line-height:1.8;max-width:590px}.expansion-label{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}.expansion-facts{display:flex;gap:28px;margin:25px 0;font-size:13px;color:#d6dadd}.expansion-facts span+span{border-left:1px solid var(--line);padding-left:28px}.expansion-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.expansion-feature .expansion-requires{font-size:12px;margin:19px 0 0}.expansion-card-demo{width:100%;max-width:500px;margin-top:20px}.expansion-card-demo[hidden]{display:none}.expansion-page{padding-block:35px 80px}.expansion-breadcrumb{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:32px}.expansion-breadcrumb a:hover{color:var(--gold)}.expansion-masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.expansion-masthead img{width:140px}.expansion-masthead p{font-size:10px;letter-spacing:2px;line-height:1.8;color:var(--muted);text-align:right;margin:0}.expansion-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px}.expansion-demo{margin:0;border:1px solid #384046;border-radius:10px;overflow:hidden;background:#0d1012}.expansion-demo>img{width:100%;aspect-ratio:2;object-fit:cover}.expansion-audio{padding:22px 24px}.expansion-audio-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.expansion-audio-heading strong{font-size:14px}.expansion-audio-heading span{font-size:11px;letter-spacing:1px;color:var(--muted)}.expansion-audio audio{width:100%;display:block;height:42px}.expansion-demo figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.expansion-title-block{display:grid;grid-template-columns:126px 1fr;gap:26px;margin:32px 0}.expansion-title-block img{width:126px;border-radius:6px}.expansion-title-block .eyebrow{font-size:10px;letter-spacing:2px;margin:7px 0 12px}.expansion-title-block h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.4px;margin:0 0 15px;font-weight:700}.expansion-subtitle{font-weight:700;color:#dac397;margin:0 0 9px;font-size:15px}.expansion-description{color:var(--muted);font-size:14px;line-height:1.9;margin:0}.expansion-purchase{border-block:1px solid var(--line);padding:25px 0;margin:28px 0}.expansion-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.expansion-price-label{font-size:11px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:6px}.expansion-price{font-size:25px;font-weight:700}.expansion-purchase p{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0 0}.expansion-callout{border:1px solid #635337;border-left:3px solid var(--gold);padding:24px;border-radius:6px;background:#efbb5904;margin-block:28px}.expansion-callout .eyebrow{font-size:10px;margin-bottom:12px}.expansion-callout p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 15px}.expansion-callout a{font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}.expansion-section-title{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}.expansion-presets{margin-top:45px}.expansion-preset-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.expansion-preset-heading>span{font-size:12px;color:var(--muted)}.expansion-preset-tools{display:flex;gap:16px;align-items:center;margin-bottom:20px}.expansion-preset-tools label{font-size:12px;color:var(--muted);flex-shrink:0}.expansion-preset-tools input{min-width:0;width:100%;border:1px solid #3b4247;background:#1b2024;color:var(--text);padding:12px 15px;border-radius:5px}.expansion-preset-list{list-style:none;padding:0;margin:0;columns:3;column-gap:25px;user-select:text}.expansion-preset-list li{display:flex;align-items:baseline;gap:9px;break-inside:avoid;border-top:1px solid #ffffff12;padding:11px 0;font-size:11px;line-height:1.55;color:#cbd0d4}.expansion-preset-list li[hidden]{display:none}.expansion-preset-list b{font-size:9px;font-weight:400;min-width:29px;text-align:center;border:1px solid #46515a;border-radius:2px;padding:1px 4px;color:#c8d0d5}.expansion-preset-status{font-size:12px;color:var(--muted);min-height:18px}.expansion-install{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.expansion-install p,.expansion-install li{font-size:14px;line-height:1.9;color:var(--muted)}.expansion-install ol{padding-left:22px}.expansion-sidebar>p{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:0 0 17px}.expansion-apex-card{padding:24px;border:1px solid #384046;border-radius:8px;background:#191e22}.expansion-apex-card>img{width:130px;margin:5px 0 25px}.expansion-apex-card h2{font-size:21px;line-height:1.3}.expansion-apex-card p{font-size:13px;line-height:1.8;color:var(--muted)}.expansion-apex-card .button{width:100%;margin-top:12px;font-size:12px}.expansion-details{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:8px}.expansion-details h2{font-size:14px;margin:0 0 20px}.expansion-details dl{margin:0;font-size:12px;line-height:1.6}.expansion-details dt{color:var(--muted);margin-top:15px}.expansion-details dd{margin:3px 0 0}.expansion-preview-note{padding:11px 18px;text-align:center;background:#292319;color:#e3c48b;font-size:12px;line-height:1.6;border-bottom:1px solid #655237}.expansion-footer-links{display:flex;gap:25px;font-size:12px;color:var(--muted)}.expansion-page~.site-footer{margin-top:20px}.expansion-home-nav{overflow-x:auto}.expansion-page a:hover{color:var(--gold)}.expansion-page .button.gold:hover{color:#141719}
.expansion-demo>img,.expansion-cover,.expansion-title-block>img{height:auto}
@media(max-width:1100px){.site-header nav{gap:20px}.expansion-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.expansion-preset-list{columns:2}.expansion-feature{grid-template-columns:280px 1fr;gap:32px}.expansion-facts{gap:15px}.expansion-facts span+span{padding-left:15px}}
@media(max-width:760px){.expansion-layout{grid-template-columns:1fr}.expansion-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:20px}.expansion-sidebar>p{grid-column:1/-1;margin:0}.expansion-details{margin:0}.expansion-section{padding-block:60px}.expansion-heading{display:block}.expansion-heading>p{margin-top:22px}.expansion-feature{grid-template-columns:220px 1fr;gap:25px;padding:20px}.expansion-feature h3{font-size:28px}.expansion-facts{flex-wrap:wrap;gap:12px}.expansion-facts span+span{border:0;padding:0}.expansion-feature p{font-size:14px}.expansion-actions{gap:9px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;column-gap:22px;row-gap:14px}.expansion-footer-links{flex-wrap:wrap}}
@media(max-width:540px){.expansion-feature{grid-template-columns:1fr;gap:25px}.expansion-feature>a{max-width:100%}.expansion-feature h3{font-size:29px}.expansion-title-block{grid-template-columns:78px 1fr;gap:18px}.expansion-title-block img{width:78px}.expansion-title-block h1{font-size:30px}.expansion-title-block .eyebrow{margin-top:0}.expansion-description{font-size:13px}.expansion-purchase-row{align-items:flex-start;flex-direction:column}.expansion-purchase-row .button{width:100%}.expansion-sidebar{grid-template-columns:1fr}.expansion-preset-list{columns:1}.expansion-preset-list li{font-size:13px}.expansion-masthead p{font-size:8px;letter-spacing:1px}.expansion-masthead img{width:110px}.expansion-audio{padding:18px 15px}.expansion-audio-heading{align-items:flex-start;flex-direction:column;gap:6px}.expansion-preset-heading{align-items:flex-start;flex-direction:column;gap:10px}.expansion-preset-tools{align-items:flex-start;flex-direction:column;gap:10px}.expansion-actions .button{flex:1}.expansion-page{padding-top:25px}.expansion-breadcrumb{font-size:11px;flex-wrap:wrap}}

/* Soft category colours keep the short codes easy to scan on charcoal. */
.expansion-preset-list b{--badge-rgb:170,183,201;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:30px;padding:3px 6px;border:0;border-radius:5px;background:rgba(var(--badge-rgb),.14);color:rgb(var(--badge-rgb));font-size:10px;font-weight:700;letter-spacing:.35px;line-height:1.2}
.expansion-preset-list b[data-category="AC"]{--badge-rgb:186,223,104}
.expansion-preset-list b[data-category="AR"]{--badge-rgb:100,225,155}
.expansion-preset-list b[data-category="BA"]{--badge-rgb:244,211,94}
.expansion-preset-list b[data-category="BL"]{--badge-rgb:124,204,240}
.expansion-preset-list b[data-category="DR"]{--badge-rgb:238,172,118}
.expansion-preset-list b[data-category="FX"]{--badge-rgb:116,180,255}
.expansion-preset-list b[data-category="GT"]{--badge-rgb:218,189,126}
.expansion-preset-list b[data-category="HT"]{--badge-rgb:102,216,204}
.expansion-preset-list b[data-category="LD"]{--badge-rgb:255,137,150}
.expansion-preset-list b[data-category="PD"]{--badge-rgb:184,163,245}
.expansion-preset-list b[data-category="PL"]{--badge-rgb:115,216,228}
.expansion-preset-list b[data-category="PN"]{--badge-rgb:218,199,241}
.expansion-preset-list b[data-category="SC"]{--badge-rgb:234,152,213}
.expansion-preset-list b[data-category="SQ"]{--badge-rgb:255,182,111}
.expansion-preset-list b[data-category="ST"]{--badge-rgb:172,191,236}

/* A quieter preset library: one surface, compact rows and a clear sound overview. */
.expansion-presets{scroll-margin-top:35px}
.expansion-preset-heading{margin-bottom:20px}
.expansion-preset-heading .expansion-section-title{font-size:23px;letter-spacing:-.6px}
.expansion-category-bar{display:flex;gap:5px;height:4px;border-radius:2px;overflow:hidden}
.expansion-category-bar span{min-width:0;border-radius:2px}
.expansion-category-legend{display:flex;flex-wrap:wrap;gap:10px 17px;list-style:none;padding:0;margin:15px 0 24px}
.expansion-category-legend li{display:flex;align-items:center;gap:6px;font-size:12px;color:#cdd4df;line-height:1.6}
.expansion-category-legend i{width:6px;height:6px;flex:none;border-radius:50%}
.expansion-category-legend li>span{color:#9ba7b7;margin-left:1px;font-variant-numeric:tabular-nums}
.expansion-preset-tools{justify-content:space-between;margin:0 0 16px}
.expansion-preset-tools input{max-width:290px;padding:10px 14px;border-radius:9px;background:#191d22;border-color:#333d48;font-size:13px}
.expansion-preset-status:empty{display:none}
.expansion-preset-panel{padding:17px 19px;background:#1c2025;border:1px solid #383f48;border-radius:16px}
.expansion-preset-list{column-gap:24px}
.expansion-preset-list li{border:0;gap:10px;padding:5px 0;font-size:13px;line-height:1.5;color:#edf0f5;align-items:baseline}
.expansion-preset-list b{min-width:29px;padding:2px 5px;font-size:9px;border-radius:4px;letter-spacing:.3px;align-self:center}
.expansion-details{border-radius:14px;background:#1c2025;border-color:#383f48;padding:23px}
.expansion-details dl{display:grid;grid-template-columns:auto 1fr;gap:15px 20px;font-size:12px}
.expansion-details dt{margin:0;color:#a3adbb}
.expansion-details dd{text-align:right;margin:0;color:#edf0f5}
.expansion-apex-card{border-radius:14px;background:#191d22;border-color:#383f48}
@media(max-width:540px){.expansion-preset-panel{padding:15px}.expansion-preset-list li{padding-block:6px}.expansion-category-legend{gap:9px 14px}.expansion-preset-tools{flex-direction:row;align-items:center;gap:12px}.expansion-preset-tools input{flex:1;width:0;max-width:none}.expansion-details dl{gap:14px 20px}}

/* Softer humanist type for expansion pages and cards; use native system fonts. */
body:has(.expansion-page),.expansion-section{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
.expansion-description{font-size:15px;line-height:1.75}
.expansion-preset-list li{font-size:14px;line-height:1.55}
.expansion-title-block h1{font-weight:650;letter-spacing:-1.1px}
.expansion-section-title{font-weight:650}
.expansion-page input,.expansion-page button{font-family:inherit}
@media(max-width:540px){.expansion-description{font-size:14px}}

/* Gold transport controls on charcoal; native audio remains a no-script fallback. */
.expansion-audio-source{display:none!important}
.expansion-audio-player{display:flex;align-items:center;gap:14px;padding:12px 15px;border:1px solid #514630;border-radius:12px;background:#1b2024;color:#e6c78f;width:100%;margin-top:8px}
.expansion-audio-player[hidden]{display:none}
.expansion-audio-toggle{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--gold);color:#171b1e;font-size:13px}
.expansion-audio-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c6b38f}
.expansion-seek-label{flex:1;min-width:30px;display:flex;align-items:center}
.expansion-audio-seek{appearance:none;width:100%;margin:0;height:5px;border-radius:99px;background:linear-gradient(to right,var(--gold) var(--progress,0%),#45423b var(--progress,0%));cursor:pointer;accent-color:var(--gold)}
.expansion-audio-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid #f5d499}
.expansion-audio-seek::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid #f5d499}
.expansion-audio-mute{border:0;background:none;color:#c6b38f;font-size:11px;padding:8px 0;min-width:49px}
.expansion-audio-player .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:540px){.expansion-audio-player{gap:10px;padding:10px}.expansion-audio-time{font-size:10px}.expansion-audio-mute{font-size:10px;min-width:43px}.expansion-audio-toggle{width:32px;height:32px}}
.expansion-feature .expansion-card-price{font-size:28px;font-weight:650;color:var(--text);line-height:1.2;margin:22px 0 0}

.expansion-category-legend button{display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;padding:6px 0;font:inherit;cursor:pointer;transition:color .15s,border-color .15s}
.expansion-category-legend button>span{color:#9ba7b7;margin-left:1px;font-variant-numeric:tabular-nums}
.expansion-category-legend button:hover{color:var(--text)}
.expansion-category-legend button[aria-pressed="true"]{color:var(--text);border-bottom-color:var(--category-color)}

/* Approved category buttons and compact preset rows. */
.expansion-category-legend{gap:8px;margin:18px 0 24px}
.expansion-preset-list li{padding:3px 0}
.expansion-category-legend li{flex:1 1 auto}
.expansion-category-legend button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#1b2024;color:var(--muted);padding:10px 12px;font:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.expansion-category-legend button i{width:3px;height:12px;border-radius:2px}
.expansion-category-legend button>span{color:var(--text);margin-left:2px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.expansion-category-legend button:hover{color:var(--text);background:#242a2f;border-color:#667079}
.expansion-category-legend button[aria-pressed="true"]{color:var(--gold);border-color:var(--gold);background:#efbb5912}
.expansion-category-legend button[aria-pressed="true"]>span{color:var(--gold)}
@media(max-width:540px){.expansion-category-legend{gap:8px}.expansion-category-legend li{flex:1 1 40%}.expansion-category-legend button{padding:10px 12px}}

@media(max-width:540px){.expansion-preset-list li{padding-block:4px}}