.audio-main{padding-top:65px;padding-bottom:95px}.audio-heading{margin-bottom:55px;max-width:840px}.audio-heading .eyebrow{color:#e3c27f}.audio-heading h1{font-size:clamp(48px,6vw,84px);font-weight:350;letter-spacing:-.055em;margin:12px 0 20px;line-height:1.08}.audio-heading>p:last-child{color:#aeb9c9;font-size:18px}.plugin-collection{display:grid;gap:32px}.plugin-module{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(255px,1fr);align-items:center;gap:45px;border:1px solid #343738;border-radius:18px;padding:52px 38px 38px;background:radial-gradient(ellipse at 20% 35%,#9c551114,transparent 65%),#101213;overflow:hidden}.plugin-module:nth-child(2){background:radial-gradient(ellipse at 20% 35%,#428c9017,transparent 65%),#101213}.plugin-art{position:relative;padding-bottom:15%;min-width:0;isolation:isolate}.plugin-original{width:100%;height:auto;display:block;position:relative;z-index:1;filter:drop-shadow(0 15px 16px #0008)}.plugin-reflection{position:absolute;left:0;top:100%;margin-top:-15%;width:100%;height:auto;transform:scaleY(-.65);transform-origin:center top;opacity:.24;pointer-events:none;mask-image:linear-gradient(to top,#000,transparent 80%);-webkit-mask-image:linear-gradient(to top,#000,transparent 80%)}.plugin-copy .eyebrow{font-size:10px;color:#a4abb5;letter-spacing:2px;margin-bottom:18px}.plugin-copy h2{font-size:clamp(30px,3vw,45px);font-weight:400;letter-spacing:-1.4px}.plugin-tagline{color:#b5bcc7;margin:12px 0 24px;font-size:15px}.free-download{font-size:22px;font-weight:400;margin:0 0 17px;color:#f0e6cf}.download-formats{display:flex;flex-wrap:wrap;gap:10px}.format-button{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:48px;padding:12px 17px;border:1px solid #60605b;border-radius:6px;background:#1c2022;color:#eeeae2;font:400 15px/1.2 'Avenir Next',sans-serif;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.format-button:hover{background:#efcd6e;color:#171610;border-color:#efcd6e}.format-button:focus-visible{outline:2px solid #efcd6e;outline-offset:4px}.download-note{font-size:12px;color:#a3acb6;margin:14px 0 0}.audio-page:not(.applications-page) .header a[aria-current=page]:after{transform:scaleX(1);opacity:1}.audio-page:not(.applications-page) .header a[aria-current=page]{color:#fff0d9}.plugin-page-link{margin-top:20px}#download-dialog{max-width:480px;width:calc(100% - 40px)}#download-dialog h2{font-size:34px}#download-dialog>p:not(.eyebrow){color:#bfc6ce}#selected-download{padding-right:25px}.audio-page:not(.applications-page) .header nav{order:3;flex-basis:100%}
@media(max-width:1000px){.plugin-module{grid-template-columns:1fr;gap:8px;padding:30px}.plugin-art{max-width:950px;width:100%;margin:auto}.plugin-copy{padding-bottom:8px}.plugin-copy h2{font-size:36px}.audio-heading{margin-bottom:32px}}
@media(max-width:650px){.audio-main{padding-top:35px;padding-bottom:55px}.audio-heading>p:last-child{font-size:16px}.plugin-module{padding:22px 16px;gap:20px;border-radius:12px}.plugin-copy h2{font-size:30px}.free-download{font-size:21px}.download-formats{display:grid;grid-template-columns:1fr 1fr}.format-button{font-size:14px;padding:12px;gap:12px}.audio-page:not(.applications-page) .header nav{order:5}}
@media(prefers-reduced-motion:reduce){.format-button{transition:none}}
/* Application modules share the plugin page frame, typography and actions. */
.app-module{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;background:radial-gradient(ellipse at 25% 40%,#638c2015,transparent 65%),#101213}
.app-art{max-width:390px;width:100%;justify-self:center;padding-bottom:15%}.app-art .plugin-original{border-radius:22%;border:1px solid #626c4c55}.app-art .plugin-reflection{border-radius:22%;opacity:.15}.app-description{font-size:17px;line-height:1.8;max-width:440px}.android-download{min-width:240px;border-color:#a58f56;background:#efcd6e;color:#171610}.android-download:hover{background:#ffe29a}.applications-page .download-formats{grid-template-columns:1fr}
@media(max-width:1000px){.app-module{grid-template-columns:1fr;gap:25px}.app-art{max-width:330px}.app-description{max-width:none}}
@media(max-width:650px){.app-art{max-width:260px}.app-description{font-size:16px}.android-download{min-width:0;width:100%}}
.audio-page:not(.applications-page) .header nav a[aria-current="page"]{color:var(--nav-color)}

a.format-button{text-decoration:none;display:inline-flex;align-items:center;gap:.75rem}

.plugin-description{font-size:14px;line-height:1.7;color:#aeb9c9;margin:0 0 24px}.plugin-module:has(#plugin-comp76){background:radial-gradient(ellipse at 20% 35%,#428c9017,transparent 65%),#101213}.plugin-module:has(#plugin-smart-chain){background:radial-gradient(ellipse at 20% 35%,#54d9d117,transparent 65%),#101213}

/* Full-resolution plugin previews, without affecting the application artwork. */
.plugin-zoom-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:#fff;cursor:zoom-in;border-radius:8px}
.plugin-zoom-trigger:focus-visible{outline:2px solid #efcd6e;outline-offset:8px}
.zoom-hint{position:absolute;right:8px;bottom:8px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff65;border-radius:50%;background:#0b1014d9;font:300 24px/1 sans-serif;box-shadow:0 3px 16px #0008;pointer-events:none}
.plugin-zoom-trigger:hover .zoom-hint{color:#efcd6e;border-color:#efcd6e}
html.plugin-zoom-open{overflow:hidden}
#plugin-zoom{box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:90px 4vw 40px;border:0;border-radius:0;background:transparent;overflow:auto;color:#f1eee8}
#plugin-zoom[open]{display:flex;align-items:center;justify-content:center}
#plugin-zoom::backdrop{background:#05070bd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.zoom-toolbar{position:absolute;top:20px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}
#plugin-zoom h2{font-size:16px;font-weight:400;letter-spacing:.04em;margin:0;color:#d2d7dd}
.zoom-close{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #ffffff65;border-radius:50%;background:#171c23;color:white;font:300 34px/1 sans-serif;cursor:pointer}
.zoom-close:hover{background:#efcd6e;color:#111;border-color:#efcd6e}
.zoom-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 28px #0009)}
@media(max-width:650px){#plugin-zoom{padding:85px 12px 30px}.zoom-toolbar{left:18px;right:18px}.zoom-hint{width:28px;height:28px;right:4px;bottom:4px}}

/* WHO PAYS? promotional module: illustration with separate, translatable copy. */
.whopays-module .whopays-art{max-width:600px;padding-bottom:0}.whopays-art .plugin-original{border-radius:14px;border-color:#ffd34d30}.whopays-module .apple-coming{color:#efcd6e}.whopays-module .app-description{line-height:1.7}

.maker-link{color:inherit;text-decoration:none}.maker-link:hover{text-decoration:underline}.maker-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Keep each plugin support button centered directly below its artwork. */
.plugin-visual{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.plugin-visual>.plugin-art{width:100%}.plugin-visual>.module-support{flex:none;margin:8px auto 0;max-width:100%}
@media(max-width:1000px){.plugin-visual{margin-bottom:20px}}

/* Align product names with artwork and omit redundant maker numbering. */
.audio-page:not(.applications-page) .plugin-module{align-items:start}.audio-page:not(.applications-page) .plugin-copy{padding-top:0}.audio-page:not(.applications-page) .plugin-copy h2{margin:0 0 18px;line-height:1.08}

/* Bring coffee actions closer while preserving room for reflections. */
.plugin-visual{gap:4px}.plugin-visual>.plugin-art{padding-bottom:11%}.plugin-visual .plugin-reflection{margin-top:-11%}.plugin-visual>.module-support{margin-top:4px}

/* Reflections extend below artwork, fading before the coffee action. */
.audio-page:not(.applications-page) .plugin-visual .plugin-reflection{top:100%;margin-top:-11%;transform:scaleY(-1);transform-origin:center;opacity:.48;filter:blur(.35px);mask-image:linear-gradient(to top,#000 0%,transparent 34%);-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 34%)}

/* Align each mirrored panel with its visible lower edge, not its transparent canvas. */
.audio-page:not(.applications-page) .plugin-visual>.plugin-art{padding-bottom:0}
.audio-page:not(.applications-page) .plugin-art .plugin-zoom-trigger{aspect-ratio:var(--panel-ratio);overflow:hidden}
.audio-page:not(.applications-page) .plugin-art .plugin-original{position:absolute;top:var(--panel-top);left:0;width:100%;height:auto;filter:none}
.audio-page:not(.applications-page) .plugin-reflection-frame{position:relative;width:100%;height:clamp(26px,5vw,58px);margin-top:4px;overflow:hidden;opacity:.4;pointer-events:none;mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}
.audio-page:not(.applications-page) .plugin-visual .plugin-reflection-frame .plugin-reflection{display:block;position:relative;left:auto;top:auto;margin-top:var(--mirror-top);width:100%;height:auto;transform:scaleY(-1);transform-origin:center;opacity:1;filter:blur(.35px);mask-image:none;-webkit-mask-image:none}
img[src*="plates-cutout-v2.png"]{clip-path:inset(9.4% .7% 12.7% .7% round 1.3% / 3.8%)}

/* Equal cards and artwork stages; preserve panel proportions and mirror baselines. */
.audio-page:not(.applications-page) .plugin-collection{grid-auto-rows:1fr}
.audio-page:not(.applications-page) .plugin-module{height:100%;box-sizing:border-box}
.audio-page:not(.applications-page) .plugin-art .plugin-zoom-trigger{aspect-ratio:3.2}
.audio-page:not(.applications-page) .plugin-art .plugin-original{top:auto;bottom:0;margin-bottom:var(--mirror-top)}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-smart-chain) .plugin-zoom-trigger{aspect-ratio:var(--panel-ratio)}
.audio-page:not(.applications-page) .plugin-reflection-frame{height:58px;margin-top:4px}
@media(max-width:650px){.audio-page:not(.applications-page) .plugin-reflection-frame{height:30px}}

/* Per-panel alignment in external CSS, compatible with the site CSP. */


/* Per-panel alignment in external CSS, compatible with the site CSP. */
.audio-page:not(.applications-page) .plugin-module:has(#plugin-plates) .plugin-art{--panel-ratio:2169/565;--panel-top:-12.035398%;--mirror-top:-4.241586%}


.audio-page:not(.applications-page) .plugin-module:has(#plugin-01) .plugin-art{--panel-ratio:2169/555;--panel-top:-12.072072%;--mirror-top:-4.748732%}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-02) .plugin-art{--panel-ratio:3344/1020;--panel-top:-3.921569%;--mirror-top:-1.734450%}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-plates) .plugin-art{--panel-ratio:2169/565;--panel-top:-12.035398%;--mirror-top:-4.241586%}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-comp76) .plugin-art{--panel-ratio:4096/876;--panel-top:0.000000%;--mirror-top:0.000000%}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-niv73) .plugin-art{--panel-ratio:2012/485;--panel-top:-26.804124%;--mirror-top:-8.300199%}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-smart-chain) .plugin-art{--panel-ratio:1608/732;--panel-top:0%;--mirror-top:0%}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-smart-chain) .plugin-reflection-frame{opacity:.52}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-smart-chain) .plugin-reflection{filter:blur(.25px)}

/* Application art remains in normal flow; rack-specific cropping is plugins-only. */
.applications-page .plugin-collection{grid-auto-rows:1fr}
.applications-page .app-module{align-items:center;align-content:center;height:100%;box-sizing:border-box;row-gap:24px}
.applications-page .app-art{padding-bottom:0}
.applications-page .app-art .plugin-original{position:relative;top:auto;bottom:auto;margin:0;width:100%;height:auto}
.applications-page .app-reflection-frame{height:48px;overflow:hidden;margin-top:4px;opacity:.22;mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}
.applications-page .app-reflection-frame .plugin-reflection{display:block;position:relative;top:auto;left:auto;margin:0;width:100%;height:auto;transform:scaleY(-1);transform-origin:center;opacity:1;mask-image:none;-webkit-mask-image:none}
.applications-page .app-module>.module-support{margin-top:0}
@media(max-width:650px){.applications-page .app-module{row-gap:20px}.applications-page .app-reflection-frame{height:30px}}

/* Crumble keeps its complete taller face within the same artwork stage. */
.audio-page:not(.applications-page) .plugin-module:has(#plugin-crumble) .plugin-art{--mirror-top:0%;--panel-ratio:960/610}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-crumble) .plugin-original{height:100%;width:auto;max-width:100%;left:50%;transform:translateX(-50%);bottom:0;margin:0}
.audio-page:not(.applications-page) .plugin-module:has(#plugin-crumble) .plugin-reflection-frame .plugin-reflection{width:49.180328%;margin:0 auto}

/* Plugin category selector */
.plugin-categories{display:flex;gap:clamp(32px,6vw,80px);margin:0 0 38px;align-items:center}
.plugin-categories[hidden],.plugin-collection>.plugin-module[hidden]{display:none!important}
.plugin-categories button{position:relative;border:0;background:none;color:#aeb9bf;padding:14px 2px;font:300 clamp(21px,3vw,30px)/1.3 inherit;font-family:inherit;font-size:clamp(21px,3vw,30px);font-weight:300;letter-spacing:.12em;cursor:pointer;transition:color .2s}
.plugin-categories button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:currentColor;opacity:0;transition:opacity .2s;box-shadow:0 0 12px currentColor}
.plugin-categories button:hover,.plugin-categories button[aria-pressed="true"]{color:#efd078}
.plugin-categories button[data-plugin-category="modern"]:hover,.plugin-categories button[data-plugin-category="modern"][aria-pressed="true"]{color:#8bd7ef}
.plugin-categories button:hover::after,.plugin-categories button[aria-pressed="true"]::after{opacity:1}
.plugin-categories button:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:2px}

.app-categories button{text-transform:uppercase;font-size:clamp(17px,3vw,30px)}
.app-categories{gap:clamp(24px,6vw,80px)}
.app-categories button[data-app-category="software"]:hover,.app-categories button[data-app-category="software"][aria-pressed="true"]{color:#8bd7ef}
#application-list[hidden],#software-list[hidden]{display:none!important}
.software-empty{border:1px solid #343839;border-radius:24px;padding:clamp(28px,5vw,60px);margin-bottom:60px}
.software-empty h2{font-weight:300;font-size:clamp(28px,4vw,42px);margin-top:0}
.software-empty p{color:#b9c3cb;line-height:1.7}

/* Folder Pop: preview of the actual included folder icons. */
.folder-pop-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;width:100%;max-width:600px;justify-self:center}
.folder-pop-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 14px #0008)}
.folder-pop-module .app-description{font-size:16px;line-height:1.7}
.folder-pop-module .folder-pop-status{color:#d8c398}
.folder-pop-module .download-formats{display:grid;grid-template-columns:1fr}
.folder-pop-module .format-button{min-width:0}