/* Nomad shop · design direction E ("Pro"): Apple calm + FabFilter audio craft. Dark only, on purpose.
   No inline styles or scripts anywhere (CSP default-src 'self'). Fonts are local (Geist, OFL-1.1). */
@font-face{font-family:"Geist";src:url("/assets/fonts/geist.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/assets/fonts/geist-mono.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
 color-scheme:dark;
 --bg:#0B0C10; --card:#1C1D23; --line:#2A2C33; --dim:#9A9DA6; --text:#F5F5F7;
 --gold:#DEC7A5; --gold-hi:#F1DDBA; --blue:#7DB0FF; --blue-deep:#2F6BFF; --violet:#8B6CFF;
 --p-ink:#141412; --p-paper:#F7F5F0;
 --sans:"Geist",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
 --mono:"Geist Mono",ui-monospace,Menlo,monospace;
 --gut:clamp(16px,4vw,56px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{padding-inline:var(--gut)}
.wrap-inner{max-width:1120px;margin-inline:auto;width:calc(100% - 2 * var(--gut))}

.testbar{text-align:center;padding:8px 16px;background:#2a2417;color:var(--gold);font:600 11px var(--mono);letter-spacing:.12em}
.testbar span{letter-spacing:0;font-weight:400;margin-left:10px;color:#cbb994}
.testbar[hidden]{display:none}

.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;font-size:13px;color:#c9ccd3;position:relative;z-index:3}
.nav a{text-decoration:none}
.nav .mk{display:flex;align-items:center;gap:5px;color:var(--text);font-weight:600;white-space:nowrap}
.nav .mk img{border-radius:6px}
.nav .mk .mk-shop{margin-left:1px;font-weight:400;opacity:.62}
.nav nav{display:flex;gap:26px}
.nav nav a:hover{color:var(--text)}
.nav .acc{border:1px solid #3a3c44;border-radius:8px;padding:6px 12px;white-space:nowrap}

.hero{position:relative;height:clamp(520px,78vh,760px);display:grid;align-content:end;padding-bottom:clamp(36px,6vw,70px)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,16,.85) 0%,rgba(11,12,16,0) 22%,rgba(11,12,16,0) 55%,rgba(11,12,16,.92) 100%);pointer-events:none}
.hero-txt{position:relative;z-index:2;display:grid;gap:12px;max-width:900px}
/* Keep the hero text calm over the sound landscape */
.hero::before{content:"";position:absolute;left:0;bottom:0;width:min(900px,90%);height:70%;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 25% 70%,rgba(11,12,16,.72),transparent 70%)}
.pname{margin:0;font-weight:300;font-size:clamp(64px,10vw,140px);line-height:.9;letter-spacing:-.05em}
.pname b{font-weight:650}
.pname sup{font-size:.3em;font-weight:400;color:var(--gold);letter-spacing:0;vertical-align:super;margin-left:.05em}
.tag{margin:0;font-size:clamp(19px,2.2vw,26px);color:var(--gold);font-weight:500;letter-spacing:-.01em}
.tag span{color:#c9ccd3;font-weight:400}
.fn{text-decoration:none;color:var(--dim);font-size:.7em;vertical-align:super;margin-left:1px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.meta{margin:0;font-size:12.5px;color:#8d9099}

/* Buttons in Paul's colour: shiny black (ink #141412) with a lacquer highlight and a fine champagne edge. */
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(222,199,165,.38);border-radius:40px;padding:12px 24px;font:600 15px var(--sans);cursor:pointer;
 background:linear-gradient(180deg,#34332e 0%,#1b1a17 46%,#141412 54%,#0a0a09 100%);color:#F7F5F0;text-decoration:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.6),0 10px 28px -10px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.5);
 transition:transform .15s,box-shadow .15s,border-color .15s}
.btn:hover{transform:translateY(-1px);border-color:rgba(222,199,165,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.6),0 14px 34px -12px rgba(222,199,165,.35),0 0 0 1px rgba(0,0,0,.5)}
.btn:active{transform:translateY(0);background:linear-gradient(180deg,#141412,#1b1a17)}
.btn.light{background:linear-gradient(180deg,#fff,#ece9e2);color:#141412;border-color:rgba(255,255,255,.6)}
.btn.dark{border-color:rgba(255,255,255,.14)}
.btn.gold{background:linear-gradient(180deg,#f1ddba 0%,#dec7a5 50%,#c9ae86 100%);color:#17120a;border-color:rgba(255,255,255,.35)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.link{background:none;border:0;padding:0;font:inherit;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.sec{padding-block:clamp(70px,10vw,130px) 0}
.center{text-align:center;display:grid;justify-items:center;gap:14px}
.h{margin:0;font-weight:650;font-size:clamp(40px,6.4vw,84px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.h .g{background:linear-gradient(90deg,var(--gold-hi),var(--gold) 40%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.p{margin:0;max-width:52ch;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--dim)}

.analyzer{margin-top:48px;margin-bottom:0;background:linear-gradient(180deg,#202128,#16171c);border:1px solid #33353d;border-radius:18px;box-shadow:0 50px 120px -50px rgba(139,108,255,.45),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.an-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #2c2e35;font:500 11px var(--mono);color:#a7aab3;flex-wrap:wrap}
.an-bar .lg{font:600 13px var(--sans);color:var(--text);margin-right:8px}
.an-bar .lg span{color:var(--gold)}
.chip{border:1px solid #3a3c44;border-radius:6px;padding:3px 8px}
.chip.on{border-color:var(--gold);color:var(--gold)}
.an-bar .rt{margin-left:auto;display:flex;gap:10px;align-items:center}
.led{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.an{position:relative;aspect-ratio:16/6.2}
.an canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.an-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #2c2e35}
.an-foot div{padding:12px 14px;border-right:1px solid #2c2e35;display:grid;gap:3px}
.an-foot div:last-child{border-right:0}
.an-foot span{font:500 10.5px var(--mono);color:#80838c;letter-spacing:.06em;text-transform:uppercase}
.an-foot b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.an-foot b.g{color:var(--gold)}
.analyzer figcaption{padding:10px 14px;border-top:1px solid #2c2e35;font-size:12.5px;color:#7d8089;text-align:center}

.bento{margin-top:48px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.bx{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:26px;display:grid;gap:10px;align-content:space-between;min-height:220px;position:relative;overflow:hidden}
.bx.w4{grid-column:span 4}.bx.w2{grid-column:span 2}
.bx > *{position:relative}
.bx .k{font-size:14px;color:var(--dim)}
.bx .big{font-size:clamp(54px,7vw,96px);font-weight:650;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.bx .big.g{background:linear-gradient(90deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.bx .mid{display:block;font-size:clamp(28px,3vw,40px);font-weight:650;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.bx p{margin:0;font-size:14.5px;line-height:1.5;color:var(--dim)}
.bx.glow::before,.bx.blue::before{content:"";position:absolute;inset:auto -30% -60% -30%;height:90%}
.bx.glow::before{background:radial-gradient(ellipse at center,rgba(222,199,165,.22),transparent 65%)}
.bx.blue::before{background:radial-gradient(ellipse at center,rgba(47,107,255,.28),transparent 65%)}
.chip3{width:64px;height:64px;border-radius:14px;background:linear-gradient(145deg,#2b2d35,#15161a);border:1px solid #3a3c44;display:grid;place-items:center;font:600 13px var(--mono);color:var(--gold);box-shadow:0 0 0 6px rgba(222,199,165,.06)}

/* Paul's live text screen, rebuilt from the real app (paul_listens LiveDraft.swift, glass shipped in 0.3.34):
   thin material at 0.25+0.75·g (g 0.3), black tint 0.18 → 0.29 top to bottom, 1px white edge at 0.18, a soft glint,
   pure white text with a dark shadow, provisional words at 0.48. It rolls up from the bottom edge like a blind. */
.stage{margin-top:48px}
.live{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;max-width:100%;
 background:radial-gradient(60% 70% at 15% 20%,#5b3fb0 0%,transparent 60%),radial-gradient(55% 65% at 85% 30%,#1f5fd6 0%,transparent 60%),radial-gradient(60% 60% at 60% 95%,#b08a52 0%,transparent 65%),#0e0f14;
 border:1px solid #26272c;box-shadow:0 60px 140px -70px rgba(125,176,255,.45)}
.bd-win{position:absolute;inset:7% 9%;border-radius:16px;background:rgba(20,21,26,.82);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 90px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden}
.bd-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06);flex:none}
.bd-bar i{width:11px;height:11px;border-radius:50%;background:#3a3b40;display:block}
.bd-bar i:nth-child(1){background:#ff5f57}.bd-bar i:nth-child(2){background:#febc2e}.bd-bar i:nth-child(3){background:#28c840}
.bd-bar span{margin-left:12px;font:600 12px var(--sans);color:#a7a8ae}
.bd-chat{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px 18px;overflow:hidden}
.bd-chat p{margin:0;max-width:62%;padding:10px 14px;border-radius:18px;font:400 clamp(12px,1.35vw,15px)/1.35 var(--sans)}
.bd-chat .in{align-self:flex-start;background:#2c2d33;color:#e8e8ec;border-bottom-left-radius:6px}
.bd-chat .out{align-self:flex-end;background:linear-gradient(180deg,#3d8bff,#2f6bff);color:#fff;border-bottom-right-radius:6px}
.field{position:relative;display:flex;align-items:center;gap:2px;margin:0 14px 14px;background:#1d1e23;border:1px solid #34353b;border-radius:20px;padding:11px 46px 11px 16px;font:400 clamp(13px,1.4vw,16px) var(--sans);color:#ecebe8;min-height:44px;flex:none}
.field-ph{color:#6e6f75;display:none}
.field.empty .field-ph{display:inline}
.field.empty .field-text{display:none}
.field-send{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#2f6bff;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}
.caret{display:inline-block;width:1.5px;height:1.1em;background:#ecebe8;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.paulscreen{position:absolute;left:9%;right:9%;bottom:7%;z-index:2;border-radius:20px;padding:16px 22px 18px;display:grid;gap:clamp(18px,4.5vw,52px);
 background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.29)),rgba(36,36,40,.475);
 -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.45);
 clip-path:inset(100% 0 0 0 round 20px);transition:clip-path .42s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.paulscreen.up{clip-path:inset(0 0 0 0 round 20px)}
.paulscreen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:250% 100%;animation:glint 7s ease-in-out infinite}
@keyframes glint{0%,100%{background-position:120% 0}50%{background-position:-20% 0}}
.ps-top{display:flex;justify-content:space-between;align-items:center;gap:14px;opacity:.92}
.ps-top img{height:clamp(16px,2vw,22px);width:auto}
.ps-status{display:flex;align-items:center;gap:9px;font:600 clamp(8px,.85vw,10px) var(--sans);letter-spacing:.14em;white-space:nowrap}
.ps-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.ps-voice{color:var(--gold)}
.ps-state{color:rgba(255,255,255,.7)}
.ps-wave{display:flex;gap:2px;align-items:center;height:12px}
.ps-wave i{display:block;width:2px;height:3px;border-radius:1px;background:var(--gold);transition:height .08s}
.ps-text{margin:0;font:500 clamp(14px,1.75vw,19px)/1.4 var(--sans);min-height:1.4em;color:#fff;text-shadow:0 1px 2.5px rgba(0,0,0,.75)}
.ps-text .tmp{color:rgba(255,255,255,.48)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.paulscreen{background:rgba(30,30,34,.94)}}

/* Screenshot gallery: horizontal snap strip */
.gallery{margin-top:48px}
.gal-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;align-items:flex-start}
.shot{margin:0;flex:none;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;max-width:92vw}
.shot img{display:block;height:clamp(260px,44vw,560px);width:auto;max-width:92vw;object-fit:contain;object-position:left top}
.shot figcaption{padding:12px 16px;font-size:14px;color:var(--dim);width:0;min-width:100%}

.cmp{margin-top:48px;max-width:900px;border-top:1px solid var(--line)}
.cmp .r{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);font-size:15.5px;align-items:baseline}
.cmp .r.hd{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#80838c}
.cmp .r.hd .us{color:var(--gold)}
.cmp .r > span:first-child{color:var(--dim)}
.cmp .us{color:var(--text);font-weight:600}
.cmp .th{color:#6f727b}

.status{min-height:1.4em;margin:26px 0 0;text-align:center;color:var(--gold);font-size:14.5px}
.buy{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1000px){.buy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.buy{grid-template-columns:1fr}}
.teams{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(90deg,#1c1d23,#15161a);border:1px solid var(--line);border-radius:26px;padding:24px 28px}
.teams .nm{font-size:20px;font-weight:650;letter-spacing:-.02em}
.teams p{margin:6px 0 0;color:var(--dim);font-size:14.5px;max-width:52ch}
.teams-cta{display:flex;align-items:center;gap:16px}
.teams .req{font-size:22px;font-weight:650;letter-spacing:-.03em;color:var(--gold)}
.pl{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px;display:grid;gap:12px;align-content:start}
.pl.hot{background:linear-gradient(180deg,#24211b,#1c1d23 60%);border-color:#5b4d36;box-shadow:0 40px 100px -50px rgba(222,199,165,.45)}
.pl .nm{font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:8px;align-items:center}
/* Price tags: product logo, big tier name, audience line in gold */
.pl{position:relative;overflow:hidden}
.pl::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.06),transparent 35%)}
.pl-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px;margin-bottom:6px}
.pl-logo{height:24px;width:auto;opacity:.92}
.pl-badge{font:600 10.5px var(--mono);color:#1a1408;background:var(--gold);border-radius:20px;padding:3px 8px;letter-spacing:.06em}
.pl .tier{font-size:clamp(34px,3.4vw,44px);font-weight:700;letter-spacing:-.05em;line-height:.95}
.pl .aud{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.pl.hot .tier{background:linear-gradient(90deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.pl .nm b{font:600 10.5px var(--mono);color:#1a1408;background:var(--gold);border-radius:20px;padding:3px 8px;letter-spacing:.06em}
.pl .pr{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.pl .pr small{display:block;margin-top:6px;font-size:14px;color:var(--dim);font-weight:500;letter-spacing:0}
.pl p{margin:0;font-size:14.5px;color:var(--dim);line-height:1.5}
.pl .pr.req{font-size:34px;line-height:1.5}
.pl.contact{background:linear-gradient(180deg,#1c1d23,#15161a)}
.pl form,.pl > .btn{margin-top:4px;justify-self:start}
.also{margin-top:18px;text-align:center;font-size:14px;color:var(--dim);display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.also form{display:inline}

.flow{margin-top:56px}
.flow ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.flow li{font:500 13px var(--mono);border:1px solid var(--line);border-radius:30px;padding:8px 14px;color:#c9ccd3}
.flow li b{color:var(--gold);font-weight:600;margin-right:6px}

.foot{margin-top:72px;font-size:12px;line-height:1.6;color:#6f727b;border-top:1px solid var(--line);padding-block:16px 60px;display:grid;gap:8px}
.foot p{margin:0}
.foot b{color:#a7aab3;font-weight:600}
.foot a{color:#a7aab3}

/* "You're in" page */
.done{min-height:70vh;display:grid;place-items:center;padding-block:60px}
.done-card{max-width:560px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,44px);display:grid;gap:16px;position:relative;overflow:hidden}
.done-card::before{content:"";position:absolute;inset:-40% -20% auto auto;width:70%;height:120%;background:radial-gradient(circle,rgba(222,199,165,.2),transparent 60%)}
.done-card > *{position:relative}
.check{width:52px;height:52px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:#17120a;font-weight:800;font-size:24px}
.done-card h1{margin:0;font-size:clamp(36px,6vw,54px);letter-spacing:-.05em;font-weight:650;line-height:1}
.done-card p{margin:0;color:var(--dim);font-size:16px;line-height:1.55}
.done-card ol{margin:0;padding-left:20px;color:#c9ccd3;display:grid;gap:6px;font-size:15px}

@media (max-width:820px){
 .nav nav{display:none}
 .bento{grid-template-columns:1fr}
 .bx.w4,.bx.w2{grid-column:auto}
 .an{aspect-ratio:16/9}
 .an-foot{grid-template-columns:repeat(2,minmax(0,1fr))}
 .an-foot div:nth-child(2){border-right:0}
 .cmp .r{font-size:14px;gap:10px}
 .ps-wave,.ps-state{display:none}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .caret{animation:none}
 .btn{transition:none}
}

/* Shop home: categories and product cards */
.shop-hero{position:relative;min-height:clamp(420px,62vh,620px);display:grid;align-content:end;padding-bottom:clamp(36px,6vw,64px);overflow:hidden}
.shop-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.shop-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,16,.8),rgba(11,12,16,0) 30%,rgba(11,12,16,0) 55%,rgba(11,12,16,.92));pointer-events:none}
.shop-hero .hero-txt{position:relative;z-index:2;display:grid;gap:12px}
.cat{margin-top:clamp(56px,8vw,96px)}
.cat-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.cat-head h2{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;font-weight:650}
.cat-head p{margin:0;color:var(--dim);font-size:14.5px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.card{display:grid;gap:10px;align-content:start;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;text-decoration:none;min-height:200px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}
.card:hover{border-color:#44464e;transform:translateY(-2px)}
.card.live{background:linear-gradient(180deg,#24211b,#1c1d23 60%);border-color:#5b4d36}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-top b{font-size:22px;letter-spacing:-.03em;font-weight:650}
.card-tag{color:#c9ccd3;font-size:15px;line-height:1.45}
.card-foot{margin-top:auto;font-size:13.5px;color:var(--gold);font-weight:600}
.pill-live,.pill-soon{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:4px 9px;white-space:nowrap}
.pill-live{background:var(--gold);color:#17120a}
.pill-soon{border:1px solid #3a3c44;color:#a7aab3;display:inline-block}
.plats{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.plats span{font:500 11px var(--mono);border:1px solid #33353d;border-radius:6px;padding:2px 7px;color:#9a9da6}
.center .plats{justify-content:center}

/* waitlist, notes, faq, quotes, prose */
.waitlist{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.waitlist input[type=email]{min-width:min(320px,100%);border:1px solid #3a3c44;background:#141519;color:var(--text);border-radius:40px;padding:12px 18px;font:400 15px var(--sans)}
.small{font-size:13px;color:#7d8089;margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.notice{margin:18px auto 0;text-align:center;color:var(--gold)}
.notes{margin-top:56px;font-size:12px;line-height:1.6;color:#6f727b;display:grid;gap:8px}
.notes p{margin:0}
.faq{margin-top:48px;max-width:860px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 4px}
.faq summary{cursor:pointer;font-size:17px;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq p{color:var(--dim);line-height:1.6;margin:12px 0 0}
.quotes{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.quotes blockquote{margin:0;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:14px}
.quotes p{margin:0;font-size:17px;line-height:1.5}
.quotes footer{color:var(--dim);font-size:13.5px}
.prose{margin-top:48px;max-width:760px;color:#c9ccd3;line-height:1.65}
.prose h2{color:var(--text);font-size:28px;letter-spacing:-.03em}
.hero-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding-block:60px}
.hero-img{border-radius:22px;border:1px solid var(--line)}
@media (max-width:820px){.hero-image{grid-template-columns:1fr}.live{aspect-ratio:4/5}.bd-win{inset:4%}.paulscreen{left:4%;right:4%;bottom:4%}.bd-chat p{max-width:80%}}
@media (prefers-reduced-motion:reduce){.paulscreen{transition:none}.paulscreen::after{animation:none}}

/* Voice focus: two voices in, only yours out (or all, when switched) */
.vf{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:stretch}
.vf-lanes{display:grid;gap:14px;align-content:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px}
.lane{display:grid;gap:8px}
.lane .who{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.lane.other .who{color:#8b8d95}
.bars{display:flex;gap:3px;align-items:center;height:56px}
.bars i{flex:1;border-radius:2px;background:var(--gold);height:20%;animation:bar 1.3s ease-in-out infinite}
.lane.other .bars i{background:#5a5c63}
.bars i:nth-child(3n){animation-delay:-.4s}.bars i:nth-child(3n+1){animation-delay:-.9s}.bars i:nth-child(4n){animation-duration:1.7s}.bars i:nth-child(5n){animation-duration:.9s}
@keyframes bar{0%,100%{height:15%}50%{height:90%}}
.vf.mode-you .lane.other .bars{opacity:.35;transition:opacity .4s}
.vf-out{position:relative;border-radius:24px;padding:22px 24px;display:grid;gap:18px;align-content:start;overflow:hidden;
 background:radial-gradient(70% 90% at 90% 0%,rgba(91,63,176,.35),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(176,138,82,.25),transparent 60%),#14151a;border:1px solid var(--line)}
.vf-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.vf-head img{height:20px;width:auto}
.vf-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:3px;background:rgba(255,255,255,.04)}
.vf-toggle span{font:600 12px var(--sans);padding:6px 12px;border-radius:30px;color:#a7aab3;transition:all .3s}
.vf.mode-you .t-you,.vf.mode-all .t-all{background:var(--gold);color:#17120a}
.vf-text{margin:0;font:500 clamp(17px,1.9vw,22px)/1.45 var(--sans);color:#fff;text-shadow:0 1px 2.5px rgba(0,0,0,.6)}
.vf-text .ol{transition:opacity .4s,filter .4s}
.vf.mode-you .vf-text .ol{opacity:.0;filter:blur(4px)}
.vf-note{margin:0;font-size:13.5px;line-height:1.5;color:#c9b8ff;border:1px solid rgba(168,140,255,.35);background:rgba(120,90,220,.12);border-radius:12px;padding:10px 12px;transition:opacity .4s}
.vf-note b{display:block;font-weight:600;color:#b9a4ff;margin-bottom:2px}
.vf.mode-all .vf-note{opacity:.25}
@media (max-width:820px){.vf{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bars i{animation:none;height:50%}}

/* Feature list */
.feats{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.fg{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px}
.fg h3{margin:0 0 14px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.fg ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.fg li{display:grid;gap:3px}
.fn-name{font-size:16px;font-weight:600;letter-spacing:-.01em}
.fn-text{font-size:14px;line-height:1.45;color:var(--dim)}
.st{font:600 9.5px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:2px 7px;margin-left:6px;vertical-align:2px}
.st.lab{border:1px solid #4a4c55;color:#a7aab3}
.st.soon{background:rgba(125,176,255,.15);color:var(--blue)}

/* Languages */
.langs{margin-top:48px;display:grid;gap:14px}
.langs h3{margin:10px 0 0;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:10px}
.lang-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:grid;gap:4px}
.lang-card.soon{opacity:.7}
.lc-name{font-size:19px;font-weight:650;letter-spacing:-.02em}
.lc-native{font-size:13px;color:var(--dim)}
.lc-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--gold)}
.lc-meta .st{margin-left:0}
.lang-grid.mixed .lang-card{background:linear-gradient(135deg,#24211b,#1c1d23 60%);border-color:#5b4d36}
.lang-note{margin:4px 0 0;font-size:14px;color:var(--dim)}

/* ============ Sales experience (21 Oct 2026): "schwarz erzählen, weiß verkaufen" ============
   Product pages tell the story in the dark; buying happens in white sections (.sell) and on the light home (body.light).
   Everything works without JavaScript: radios + CSS :checked / :has. shop.js only mirrors the choice for older browsers. */
@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/bricolage-grotesque-300.woff2") format("woff2");font-weight:300;font-display:swap}

/* Light context: the home page and every selling section */
body.light,.sell{--bg:#F5F3EE;--card:#FFFFFF;--line:#E4DFD5;--dim:#6B6A64;--text:#141412;--soft:#FAF8F4;--gold-deep:#8A6E4B;color:var(--text)}
body.light{background:var(--bg);color-scheme:light}
.sell{color-scheme:light}
body.light .nav{color:#4c4a44}
body.light .nav .acc{border-color:#d9d3c7}
body.light .testbar{background:#F1E7D3;color:#6b5330}
body.light .testbar span{color:#7d6a4b}
body.light .foot{color:#8a877f;border-color:var(--line)}
body.light .foot a,body.light .foot b{color:#4c4a44}
body.light :focus-visible,.sell :focus-visible{outline-color:#141412}
.sell{background:#fff;margin-top:clamp(70px,10vw,130px);padding-block:clamp(48px,7vw,90px);border-block:1px solid #e9e5dc}
.sell + .sell{margin-top:0;border-top:0}
.sell .h .g{background:none;color:var(--gold-deep)}
.sell .p{color:var(--dim)}
.sell .status{color:var(--gold-deep)}
.sell-head{margin-bottom:28px}
.sell-home{margin-top:22px;background:transparent;border:0;padding-block:0}
.sell .btn.ghost,body.light .btn.ghost{background:#fff;color:#141412;border-color:#d9d3c7;box-shadow:none}
.sell .btn.ghost:hover,body.light .btn.ghost:hover{border-color:#141412}
.btn.wide{width:100%}
.btn.sm{padding:7px 15px;font-size:12.5px}
.badge{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#141412;color:var(--gold);border-radius:20px;padding:4px 9px;white-space:nowrap}
.trust{list-style:none;margin:0;padding:0;display:flex;gap:6px 16px;flex-wrap:wrap;font-size:12.5px;color:var(--dim)}
.trust li::before{content:"✓\00a0\00a0";color:var(--gold-deep);font-weight:700}
.sell .teams{background:var(--soft);border-color:var(--line);border-radius:18px;padding:16px 20px}
.sell .teams .nm{font-size:17px}
.sell .teams .req{color:var(--gold-deep);font-size:16px}
.sell .also{color:var(--dim)}
.sell .also .link,.sell .link{color:var(--gold-deep)}

/* Buy box A · classic: product image left; badge, name, text, Yearly/Monthly switch, price, Buy + Try free, trust */
.bbA{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:30px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 30px 70px -45px rgba(20,20,18,.35)}
.bb-media{align-self:start}
.bb-media .pimg{width:100%;border-radius:18px}
.bb-info{position:relative;display:grid;gap:14px;align-content:center;padding:6px 10px 6px 0}
.bb-title{margin:0;font-size:34px;letter-spacing:-.045em;font-weight:650;line-height:1.05}
.bb-title .lt{font-weight:300;color:var(--dim)}
.bb-info .desc{margin:0;color:#4c4a44;line-height:1.55}
.seg{display:inline-flex;justify-self:start;background:#F0EDE6;border-radius:30px;padding:3px;gap:2px}
.seg label{font:600 13px var(--sans);color:var(--dim);padding:7px 14px;border-radius:30px;cursor:pointer;user-select:none}
.seg em{font-style:normal;color:var(--gold-deep);font-size:11px;margin-left:4px}
.bb-ry:checked ~ .seg .seg-y,.bb-rm:checked ~ .seg .seg-m{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.bb-ry:focus-visible ~ .seg .seg-y,.bb-rm:focus-visible ~ .seg .seg-m{outline:2px solid #141412;outline-offset:2px}
.amt{display:none;gap:4px}
.bb-ry:checked ~ .bb-amounts .amt-y,.bb-rm:checked ~ .bb-amounts .amt-m{display:grid}
.amount{font-size:46px;font-weight:650;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.amount small{font-size:15px;color:var(--dim);font-weight:500;letter-spacing:0;margin-left:6px}
.price-note{font-size:13px;color:var(--dim)}
.buyrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* Buy box C · plan picker: screenshot left, plan rows as radio cards right; button and note follow the choice */
.bbC{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -45px rgba(20,20,18,.35)}
.bb-shot{background:linear-gradient(160deg,#16171c,#0b0c10);padding:28px;display:grid;align-content:center;gap:16px}
.bb-shot > img{width:100%;border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.bb-shot .cap{color:#c9ccd3;font-size:13px}
.bb-pick{padding:28px;display:grid;gap:12px;align-content:start}
.bb-pick h3{margin:0;font-size:28px;letter-spacing:-.045em;font-weight:650}
.opts{display:grid;gap:10px}
.opt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;background:var(--soft);transition:border-color .15s,box-shadow .15s}
.opt input{accent-color:#141412;width:18px;height:18px;margin:0}
.opt-t b{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:15.5px;font-weight:650}
.opt-t small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.opt .pr{font-weight:650;font-size:17px;letter-spacing:-.02em;text-align:right;white-space:nowrap}
.opt .pr small{display:block;font-weight:500;letter-spacing:0;font-size:12px;color:var(--dim)}
.opt:has(input:checked),.opt.on{border-color:#141412;background:#fff;box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}
.opts:has(input:checked) .opt.on:not(:has(input:checked)){border-color:var(--line);background:var(--soft);box-shadow:none}
.opt.soon{opacity:.55;cursor:default}
.opt:focus-within{outline:2px solid #141412;outline-offset:2px}
.bb-ctas > *,.bb-notes > *{display:none}
.bb-ctas > .on{display:flex}
.bb-notes > .on{display:block}
.bb-notes p{margin:0;font-size:13px;color:var(--dim);min-height:1.3em}
/* No JavaScript: the chosen row (1–8) picks its button and note. */
.bb-pick:has(.opts input:checked) .bb-ctas > .on,.bb-pick:has(.opts input:checked) .bb-notes > .on{display:none}
.bb-pick:has(.opts > :nth-child(1) input:checked) .bb-ctas > :nth-child(1),.bb-pick:has(.opts > :nth-child(2) input:checked) .bb-ctas > :nth-child(2),
.bb-pick:has(.opts > :nth-child(3) input:checked) .bb-ctas > :nth-child(3),.bb-pick:has(.opts > :nth-child(4) input:checked) .bb-ctas > :nth-child(4),
.bb-pick:has(.opts > :nth-child(5) input:checked) .bb-ctas > :nth-child(5),.bb-pick:has(.opts > :nth-child(6) input:checked) .bb-ctas > :nth-child(6),
.bb-pick:has(.opts > :nth-child(7) input:checked) .bb-ctas > :nth-child(7),.bb-pick:has(.opts > :nth-child(8) input:checked) .bb-ctas > :nth-child(8){display:flex}
.bb-pick:has(.opts > :nth-child(1) input:checked) .bb-notes > :nth-child(1),.bb-pick:has(.opts > :nth-child(2) input:checked) .bb-notes > :nth-child(2),
.bb-pick:has(.opts > :nth-child(3) input:checked) .bb-notes > :nth-child(3),.bb-pick:has(.opts > :nth-child(4) input:checked) .bb-notes > :nth-child(4),
.bb-pick:has(.opts > :nth-child(5) input:checked) .bb-notes > :nth-child(5),.bb-pick:has(.opts > :nth-child(6) input:checked) .bb-notes > :nth-child(6),
.bb-pick:has(.opts > :nth-child(7) input:checked) .bb-notes > :nth-child(7),.bb-pick:has(.opts > :nth-child(8) input:checked) .bb-notes > :nth-child(8){display:block}
/* Page editor: every button text and note can be edited, so all are shown. */
.nmd-editing .bb-ctas > *,.nmd-editing .bb-notes > *{display:flex !important}
.nmd-editing .amt{display:grid}

/* Product image tile: dark Nomad frame, real product picture, real logo bottom-left, type top-right, "//" bottom-right */
.pimg{--a:var(--tile-a,255,255,255);--b:var(--tile-b,255,255,255);position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden;background:#0C0D12;isolation:isolate;container-type:inline-size;color:#fff}
.pimg::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(80% 70% at 75% 95%,rgba(var(--b),.30),transparent 60%),radial-gradient(70% 60% at 10% 10%,rgba(var(--a),.18),transparent 65%)}
.pimg::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%)}
.pimg canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.5;display:block}
.pimg .obj{position:absolute;z-index:3;left:9%;right:9%;top:16%;bottom:24%}
.pimg .shade{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:6;background:linear-gradient(180deg,transparent,rgba(8,9,12,.92) 70%)}
.pimg .kind{position:absolute;right:6.5%;top:6.5%;z-index:8;font:600 2.3cqw var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--a));border:1px solid rgba(var(--a),.45);border-radius:20px;padding:.9cqw 2cqw;background:rgba(0,0,0,.35)}
.pimg .slash{position:absolute;right:6.5%;bottom:6.5%;z-index:8;font:700 3.2cqw var(--mono);letter-spacing:-.14em;color:rgba(255,255,255,.55)}
.pimg .logo{position:absolute;left:6.5%;bottom:6.5%;right:16%;z-index:8;display:flex;align-items:center;gap:2.6cqw}
.pimg .logo .lg{display:block;width:auto;height:auto;max-height:8cqw;max-width:42cqw;border-radius:0}
.pimg .logo .lg.inv{filter:invert(1)}
.pimg .logo .lg.icon{height:9cqw;max-height:none;border-radius:22%}
.pimg .logo .plus + .lg{max-width:30cqw;max-height:6cqw}
.pimg .logo .plus{color:rgba(255,255,255,.5);font:300 4cqw var(--sans)}
.pimg .wm{font:300 6.4cqw/1 var(--sans);letter-spacing:-.02em;color:#fff;white-space:nowrap}
.pimg .wm.brico{font-family:"Bricolage Grotesque",var(--sans)}
.pimg .wm-mark{display:inline-block;font-size:.72em;margin-left:.08em;color:rgb(var(--b));transform:rotate(-15deg)}
.pimg .photo{border-radius:2cqw;overflow:hidden;box-shadow:0 4cqw 9cqw rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.pimg .photo img{display:block;width:100%;height:100%;object-fit:cover}
.pimg.hero-image .obj{left:7%;right:7%;top:14%;bottom:28%}
.pimg .win{border-radius:1.6cqw;overflow:hidden;background:#15161b;box-shadow:0 4cqw 8cqw rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);transform:perspective(1400px) rotateY(-20deg) rotateX(8deg) rotateZ(-2deg);transform-origin:left center}
.pimg.hero-screenshot-window .obj{left:12%;right:-14%;top:16%;bottom:auto}
.pimg .win .bar{height:3.2cqw;display:flex;align-items:center;gap:.9cqw;padding:0 1.6cqw;background:#1d1e24;border-bottom:1px solid rgba(255,255,255,.06)}
.pimg .win .bar i{width:1.2cqw;height:1.2cqw;border-radius:50%;display:block;background:#ff5f57}
.pimg .win .bar i:nth-child(2){background:#febc2e}.pimg .win .bar i:nth-child(3){background:#28c840}
.pimg .win img{display:block;width:100%}
.pimg.hero-phones .obj{left:18%;right:6%;top:9%;bottom:12%}
.pimg .phone{position:absolute;width:42%;border-radius:5.5cqw;padding:1.1cqw;background:linear-gradient(160deg,#3a3b40,#121214);box-shadow:0 5cqw 9cqw rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.12)}
.pimg .phone img{display:block;width:100%;border-radius:4.6cqw}
.pimg .phone.a{left:0;top:4%;transform:rotate(-7deg)}
.pimg .phone.b{left:44%;top:0;transform:rotate(5deg)}
.pimg.hero-paul-glass .obj{left:9%;right:9%;top:24%;bottom:auto;perspective:1200px}
.pimg .glass{border-radius:3cqw;padding:3cqw 3.6cqw 3.4cqw;display:grid;gap:5cqw;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.29)),rgba(36,36,40,.475);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.25),0 4cqw 9cqw rgba(0,0,0,.55);transform:rotateX(8deg) rotateY(-10deg)}
.pimg .glass .top{display:flex;justify-content:space-between;align-items:center;gap:2cqw}
.pimg .glass .top img{height:4.6cqw;width:auto;opacity:.95}
.pimg .glass .st{display:flex;gap:1.4cqw;align-items:center;font:600 1.6cqw var(--sans);letter-spacing:.14em;white-space:nowrap}
.pimg .glass .st .w{display:flex;gap:.35cqw;align-items:center;height:2.4cqw}
.pimg .glass .st .w i{display:block;width:.35cqw;height:30%;border-radius:.2cqw;background:#DEC7A5}
.pimg .glass .st .w i:nth-child(2n){height:70%}.pimg .glass .st .w i:nth-child(3n){height:100%}.pimg .glass .st .w i:nth-child(5n){height:45%}
.pimg .glass .st .v{color:#DEC7A5}
.pimg .glass p{margin:0;color:#fff;font:500 3.6cqw/1.35 var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.75)}
.pimg .glass p .tmp{color:rgba(255,255,255,.48)}
.pimg.soon .soon-name{position:absolute;inset:0;z-index:4;display:grid;place-items:center;align-content:center;text-align:center;gap:2cqw;padding:8%}
.pimg.soon .soon-name b{color:#fff;font-size:10cqw;letter-spacing:-.05em;font-weight:650;line-height:1}
.pimg.soon .soon-name span{font:600 2.4cqw var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--a),.85)}

/* product_image block layouts (dark story sections) */
.pi-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(40px,7vw,90px) 0}
.pi-hero .pi-txt{display:grid;gap:14px}
.pi-hero .pname{font-size:clamp(52px,7.4vw,108px)}
.pi-hero .pimg{box-shadow:0 50px 120px -50px rgba(var(--b),.6)}
.pi-band{margin-top:clamp(56px,8vw,96px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pi-band h2,.pi-fig h2{margin:0 0 10px;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;font-weight:650;line-height:1.02}
.pi-band p,.pi-fig p{margin:0;color:var(--dim);font-size:17px;line-height:1.55}
.pi-fig{margin-top:clamp(56px,8vw,96px);margin-bottom:0;display:grid;gap:18px}
.pi-fig .pimg{aspect-ratio:16/9}
.pi-fig figcaption{max-width:62ch}
.pi-fig h2{font-size:clamp(22px,2.6vw,30px)}

/* Light home */
.home-head{padding-top:clamp(28px,5vw,60px);display:grid;gap:6px}
.home-head h1{margin:0;font-size:clamp(40px,6vw,72px);letter-spacing:-.055em;font-weight:650;line-height:1}
.home-head p{margin:0;color:var(--dim);font-size:clamp(16px,1.6vw,19px)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:clamp(36px,5vw,56px)}
.chips a{font-size:13.5px;border:1px solid var(--line);border-radius:20px;padding:7px 13px;color:var(--dim);text-decoration:none;background:#fff}
.chips a:hover{border-color:#141412;color:#141412}
.chips a.on{background:#141412;color:#fff;border-color:#141412}
/* Sections sit side by side in one 4-column grid; each spans as many columns as its cards need (span-1…4). */
body.light #products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px;margin-top:28px}
body.light .cat{margin:0;min-width:0;scroll-margin-top:16px}
body.light .cat.span-2{grid-column:span 2}body.light .cat.span-3{grid-column:span 3}body.light .cat.span-4{grid-column:span 4}
body.light .cat-head{display:grid;gap:2px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}
body.light .cat-head h2{font-size:19px;letter-spacing:-.025em}
body.light .cat-head p{font-size:13px}
body.light .cat:target .cat-head h2{text-decoration:underline;text-underline-offset:4px}
body.light .cards{display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));gap:16px}
body.light .span-2 .cards{--cols:2}body.light .span-3 .cards{--cols:3}body.light .span-4 .cards{--cols:4}
.btn.sm{white-space:nowrap}
.pcard{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;transition:transform .2s,box-shadow .2s;min-width:0}
.pcard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(0,0,0,.4)}
.pcard.wide{grid-column:span 2}
.pcard.wide .pimg{aspect-ratio:2/1}
.pcard-img{display:block}
.pcard .pimg{border-radius:0}
.pcard-body{padding:14px 16px 16px;display:grid;gap:4px;align-content:start}
.pcard-name{text-decoration:none}
.pcard-name b{font-size:16px;letter-spacing:-.02em}
.pcard .card-tag{margin:0;font-size:13px;color:var(--dim);line-height:1.45;min-height:2.9em}
.pcard-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}
.from{font-size:12.5px;color:var(--dim)}
.soonpill{font:600 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:20px;padding:3px 8px;white-space:nowrap}

/* Package picker: radio cards; the chosen package's parts with quantities; waitlist or mailto */
.pk-form{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.pk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px}
.pk-card{display:grid;gap:8px;align-content:start;border:1.5px solid var(--line);border-radius:18px;padding:14px;background:var(--soft);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pk-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.pk-card-t b{display:block;font-size:17px;letter-spacing:-.02em}
.pk-card-t small{display:block;color:var(--dim);font-size:13px;line-height:1.4;margin-top:2px}
.pk-dots{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
.pk-dots i{width:8px;height:8px;border-radius:2px;background:#141412;display:block}
.pk-dots s{width:6px}
.pk-price{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep)}
.pk-side{position:sticky;top:16px;display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 30px 70px -45px rgba(20,20,18,.35)}
.pk-detail{display:none}
.pk-h{margin:0 0 10px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep)}
.pk-comps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pk-comps li{display:grid;grid-template-columns:3.2em 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.pk-comps .qty{font:650 17px var(--sans);letter-spacing:-.02em}
.pk-comps .cn{font-weight:600}
.pk-comps .units{display:flex;gap:4px}
.pk-comps .units i{display:block;width:12px;height:12px;border-radius:3px;background:linear-gradient(180deg,#34332e,#0a0a09);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.pk-note{margin:0;font-size:13px;color:var(--dim)}
.pk-cta{display:grid;gap:10px}
.pk-cta input[type=email]{border:1px solid #d9d3c7;background:#fff;color:var(--text);border-radius:40px;padding:12px 18px;font:400 15px var(--sans);width:100%}
.pk-cta .btn{white-space:normal;text-align:center;gap:.3em;flex-wrap:wrap}
.pk-names > span,.pk-mails > a{display:none}
.pk-legend{margin-top:34px}
.pk-legend h3{margin:0 0 12px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.pk-legend dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.pk-legend dl > div{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--soft);display:grid;gap:4px;align-content:start}
.pk-legend img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:6px}
.pk-legend dt{font-weight:650}
.pk-legend dd{margin:0;font-size:13.5px;color:var(--dim);line-height:1.45}
/* The chosen package (1–8): highlighted card, its parts, its name in the button, its mail link. */
.pk-r:nth-of-type(1):checked ~ .pk-cards > :nth-child(1),.pk-r:nth-of-type(2):checked ~ .pk-cards > :nth-child(2),.pk-r:nth-of-type(3):checked ~ .pk-cards > :nth-child(3),.pk-r:nth-of-type(4):checked ~ .pk-cards > :nth-child(4),
.pk-r:nth-of-type(5):checked ~ .pk-cards > :nth-child(5),.pk-r:nth-of-type(6):checked ~ .pk-cards > :nth-child(6),.pk-r:nth-of-type(7):checked ~ .pk-cards > :nth-child(7),.pk-r:nth-of-type(8):checked ~ .pk-cards > :nth-child(8)
 {border-color:#141412;background:#fff;box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}
.pk-r:nth-of-type(1):focus-visible ~ .pk-cards > :nth-child(1),.pk-r:nth-of-type(2):focus-visible ~ .pk-cards > :nth-child(2),.pk-r:nth-of-type(3):focus-visible ~ .pk-cards > :nth-child(3),.pk-r:nth-of-type(4):focus-visible ~ .pk-cards > :nth-child(4),
.pk-r:nth-of-type(5):focus-visible ~ .pk-cards > :nth-child(5),.pk-r:nth-of-type(6):focus-visible ~ .pk-cards > :nth-child(6),.pk-r:nth-of-type(7):focus-visible ~ .pk-cards > :nth-child(7),.pk-r:nth-of-type(8):focus-visible ~ .pk-cards > :nth-child(8)
 {outline:2px solid #141412;outline-offset:2px}
.pk-r:nth-of-type(1):checked ~ .pk-side .pk-details > :nth-child(1),.pk-r:nth-of-type(2):checked ~ .pk-side .pk-details > :nth-child(2),.pk-r:nth-of-type(3):checked ~ .pk-side .pk-details > :nth-child(3),.pk-r:nth-of-type(4):checked ~ .pk-side .pk-details > :nth-child(4),
.pk-r:nth-of-type(5):checked ~ .pk-side .pk-details > :nth-child(5),.pk-r:nth-of-type(6):checked ~ .pk-side .pk-details > :nth-child(6),.pk-r:nth-of-type(7):checked ~ .pk-side .pk-details > :nth-child(7),.pk-r:nth-of-type(8):checked ~ .pk-side .pk-details > :nth-child(8){display:block}
.pk-r:nth-of-type(1):checked ~ .pk-side .pk-names > :nth-child(1),.pk-r:nth-of-type(2):checked ~ .pk-side .pk-names > :nth-child(2),.pk-r:nth-of-type(3):checked ~ .pk-side .pk-names > :nth-child(3),.pk-r:nth-of-type(4):checked ~ .pk-side .pk-names > :nth-child(4),
.pk-r:nth-of-type(5):checked ~ .pk-side .pk-names > :nth-child(5),.pk-r:nth-of-type(6):checked ~ .pk-side .pk-names > :nth-child(6),.pk-r:nth-of-type(7):checked ~ .pk-side .pk-names > :nth-child(7),.pk-r:nth-of-type(8):checked ~ .pk-side .pk-names > :nth-child(8){display:inline}
.pk-r:nth-of-type(1):checked ~ .pk-side .pk-mails > :nth-child(1),.pk-r:nth-of-type(2):checked ~ .pk-side .pk-mails > :nth-child(2),.pk-r:nth-of-type(3):checked ~ .pk-side .pk-mails > :nth-child(3),.pk-r:nth-of-type(4):checked ~ .pk-side .pk-mails > :nth-child(4),
.pk-r:nth-of-type(5):checked ~ .pk-side .pk-mails > :nth-child(5),.pk-r:nth-of-type(6):checked ~ .pk-side .pk-mails > :nth-child(6),.pk-r:nth-of-type(7):checked ~ .pk-side .pk-mails > :nth-child(7),.pk-r:nth-of-type(8):checked ~ .pk-side .pk-mails > :nth-child(8){display:inline-flex}
.nmd-editing .pk-detail{display:block;margin-bottom:12px}

@media (max-width:980px){
 .bbA,.bbC,.pk-form,.pi-hero,.pi-band{grid-template-columns:1fr}
 body.light #products{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.light .cat.span-3,body.light .cat.span-4{grid-column:span 2}
 body.light .span-3 .cards,body.light .span-4 .cards{--cols:2}
 .pk-side{position:static}
}
@media (max-width:560px){
 body.light #products{grid-template-columns:1fr}
 body.light .cat.span-2,body.light .cat.span-3,body.light .cat.span-4{grid-column:auto}
 body.light .cards{--cols:1 !important;grid-template-columns:1fr}
 .pcard.wide{grid-column:auto}
 .pcard.wide .pimg{aspect-ratio:1}
 .bbA{padding:14px;gap:18px}
 .bb-info{padding:0}
 .bb-pick,.bb-shot{padding:18px}
 .amount{font-size:38px}
 .opt{grid-template-columns:auto 1fr;}
 .opt .pr{grid-column:2;text-align:left}
 .pi-fig .pimg{aspect-ratio:4/3}
 /* Packages as a swipe strip, so the chosen package's parts stay close below */
 .pk-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
 .pk-card{scroll-snap-align:start}
}

/* ============ Shared bits of the selling sections (21 Oct 2026) ============ */
.pcard-name .byline{display:block;margin-top:1px;font-size:12px;font-weight:500;color:var(--dim);letter-spacing:0}
.pimg .logo .plus.by{font:600 2.1cqw var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap}
.pi-hero .pname{overflow-wrap:anywhere}
.sell:has(+ .sell){border-bottom:0;padding-bottom:clamp(36px,5vw,64px)}
.faq-h{margin:0 0 18px;font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.045em}
.sell-faq{padding-block:0 clamp(28px,4vw,48px)}
.sell-faq .faq{margin-top:0;border-top:0}
.sell-faq .faq details:first-of-type{border-top:1px solid var(--line)}
.sell-faq .faq details{border-color:var(--line)}
.sell-faq .faq p{color:var(--dim)}
.sell-band{padding-block:0 clamp(48px,7vw,90px)}
.sell-band .teams{margin-top:0}

/* ============ APOLLON SYSTEMS · hardware hero, device tiles, system configurator (21 Oct 2026) ============
   AudioCrypt look: near-black cards, fine hairlines, warm gold, product photos in soft light, small-caps eyebrows.
   Everything works without JavaScript: radios / checkboxes / a range input in one form; :checked and :has pick the
   stage scene, the dock and the summary entry of the chosen system (s1…s12) and programmes (p1…p12). */
.sh,.dt,.cfg-sec,.ap-sec{--ac-bg:#0A0A0B;--ac-card:#111113;--ac-card2:#161618;--ac-line:#2B2B30;--ac-line2:#3A3A41;--ac-gold:#C9A15A;--ac-gold-hi:#E6C995;
 --ac-text:#F3EEE7;--ac-dim:#AAA6A0;--ac-mute:#7C7872;--ac-ease:cubic-bezier(.2,.7,.2,1);color:var(--ac-text)}
.eyebrow{margin:0;font:600 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-gold,#C9A15A)}
/* AudioCrypt lockup: the real logo file (black on transparent, inverted on dark) + the model name */
.lk{display:inline-flex;align-items:center;gap:.42em;white-space:nowrap;max-width:100%}
.lk-logo{--lh:.86em;height:var(--lh);width:auto;flex:none;filter:invert(1);opacity:.96}
/* The AudioCrypt logo file has 178 of its 500 px as transparent space on the right: crop it everywhere */
img[src$="/audiocrypt-logo.png"]{aspect-ratio:322/70;object-fit:cover;object-position:left center}
.lk-model{overflow:hidden;text-overflow:ellipsis}

/* Series lockup: [AudioCrypt] × [Apollon], both real logo files */
.series{--sh:16px;display:inline-flex;align-items:center;gap:calc(var(--sh) * .75);line-height:1}
.series-ac{height:var(--sh);width:auto}
.series-ap{height:calc(var(--sh) * 1.1);width:auto}
.series-div{width:1px;height:calc(var(--sh) * 1.5);background:currentColor;opacity:.32}
.series-dark{color:#F3EEE7}.series-light{color:#141412}
.series-dark .series-ac{filter:invert(1)}
.pimg .logo .plus.div{width:1px;height:7cqw;background:rgba(255,255,255,.4)}
.series-light .series-ap{filter:invert(1)}
.sh-series .series{--sh:clamp(20px,2.2vw,26px)}
.sh-series{margin-bottom:10px}
.cfg-sum-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cfg-sum-h .series{--sh:12px;opacity:.9}
.pcard-name .by-series{display:flex;align-items:center;gap:8px;margin-top:4px}
.by-series .series{--sh:11px}

/* Hero */
.sh{position:relative;overflow:hidden;padding-block:clamp(48px,8vw,110px) clamp(40px,6vw,80px)}
.sh::before{content:"";position:absolute;inset:-20% -10% auto 35%;height:120%;background:radial-gradient(45% 45% at 55% 50%,rgba(201,161,90,.16),rgba(201,161,90,0) 70%);pointer-events:none}
.sh-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.sh-txt{display:grid;gap:16px;justify-items:start}
.sh-mark{height:clamp(22px,2.4vw,30px);width:auto;opacity:.92;margin-bottom:6px}
.sh-title{margin:0;font-weight:650;font-size:clamp(46px,6.6vw,96px);line-height:.92;letter-spacing:-.05em;text-wrap:balance}
.sh-by{margin:0;display:flex;align-items:center;gap:12px;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-dim)}
.sh-logo{height:22px;width:auto;filter:invert(1)}
.sh-text{margin:4px 0 0;max-width:44ch;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--ac-dim)}
.sh .ctas{margin-top:8px}
.sh-photo{position:relative;border-radius:26px;padding:1px;background:linear-gradient(160deg,rgba(201,161,90,.45),rgba(255,255,255,.05) 35%,rgba(255,255,255,.02) 70%,rgba(201,161,90,.25))}
.sh-photo::after{content:"";position:absolute;inset:auto 8% -30px;height:60px;background:radial-gradient(50% 50% at 50% 50%,rgba(201,161,90,.28),transparent 70%);filter:blur(10px);z-index:-1}
.sh-photo img{display:block;width:100%;border-radius:25px;box-shadow:0 60px 120px -50px rgba(0,0,0,.9)}
.btn.gold,.cfg-sec .btn.gold,.sh .btn.gold{background:linear-gradient(180deg,#EAD09F 0%,#C9A15A 55%,#A8823E 100%);color:#15100A;border-color:rgba(255,255,255,.28);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 34px -14px rgba(201,161,90,.6)}
.sh .btn.gold:hover,.cfg-sec .btn.gold:hover{border-color:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 40px -14px rgba(201,161,90,.75)}

/* What's inside: device tiles after audiocrypt.io/hardware */
.dt{padding-block:clamp(40px,6vw,80px) 0}
.dt-head{display:grid;gap:10px;margin-bottom:26px;max-width:640px}
.dt-head h2{margin:0;font-size:clamp(30px,3.8vw,48px);font-weight:650;letter-spacing:-.045em;line-height:1.02}
.dt-sub{margin:0;color:var(--ac-dim);font-size:16px;line-height:1.55}
.dt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dt-card{position:relative;display:flex;flex-direction:column;background:var(--ac-card);border:1px solid var(--ac-line);border-radius:16px;padding:22px;overflow:hidden;
 transition:transform .3s var(--ac-ease),border-color .3s,box-shadow .3s}
.dt-card:hover{transform:translateY(-3px);border-color:var(--ac-line2);box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.dt-card.wide{grid-column:span 2}
.dt-img{position:relative;height:210px;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;margin:-4px -4px 16px;border-radius:12px;
 background:radial-gradient(55% 60% at 50% 58%,rgba(255,255,255,.085),rgba(255,255,255,0) 72%)}
.dt-img img{grid-area:1/1;width:auto;height:auto;min-height:0;max-height:100%;max-width:88%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.75)) brightness(1.08);transition:opacity .35s var(--ac-ease),transform .5s var(--ac-ease)}
.dt-card:hover .dt-img img{transform:scale(1.03)}
.dt-card.wide .dt-img{height:auto;aspect-ratio:16/8;background:none;overflow:hidden}
.dt-card.wide .dt-img img{max-width:100%;width:100%;height:100%;object-fit:cover;border-radius:12px;filter:none}
.dt-r1:checked ~ .dt-img .i2,.dt-r2:checked ~ .dt-img .i1{opacity:0;transform:scale(.96)}
.dt-sw{position:absolute;top:16px;right:16px;display:flex;padding:3px;gap:2px;border-radius:30px;background:rgba(10,10,11,.75);border:1px solid var(--ac-line)}
.dt-sw label{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ac-dim);padding:6px 10px;border-radius:30px;cursor:pointer;transition:background .2s,color .2s}
.dt-sw label:hover{color:var(--ac-text)}
.dt-r1:checked ~ .dt-sw .l1,.dt-r2:checked ~ .dt-sw .l2{background:var(--ac-gold);color:#15100A}
.dt-r1:focus-visible ~ .dt-sw .l1,.dt-r2:focus-visible ~ .dt-sw .l2{outline:2px solid var(--ac-gold);outline-offset:2px}
.dt-txt{display:grid;gap:6px}
.dt-name{margin:2px 0 0;font-size:23px;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.dt-line{margin:0;color:var(--ac-dim);font-size:15px;line-height:1.5}
.dt-spec{margin:4px 0 0;font:500 11.5px var(--mono);letter-spacing:.04em;color:var(--ac-mute)}

/* Dark FAQ and contact band on the APOLLON page keep the same hairline look */
.theme-audiocrypt .faq{margin-top:clamp(56px,8vw,100px)}
.theme-audiocrypt .teams{background:linear-gradient(90deg,#141416,#0f0f10);border-color:#2B2B30}
.theme-audiocrypt .teams .req{color:#C9A15A}

/* ---------- configurator ---------- */
.cfg-sec{position:relative;margin-top:clamp(64px,9vw,120px);padding-block:clamp(56px,8vw,110px);border-top:1px solid var(--ac-line);
 background:radial-gradient(60% 40% at 50% 0%,rgba(201,161,90,.07),transparent 70%),linear-gradient(180deg,#0B0B0C,#08080A)}
.cfg-head{display:grid;justify-items:center;text-align:center;gap:12px;margin-bottom:clamp(28px,4vw,52px)}
.cfg-title{margin:0;font-size:clamp(34px,4.8vw,64px);font-weight:650;letter-spacing:-.05em;line-height:1;text-wrap:balance}
.cfg-lede{margin:0;max-width:56ch;color:var(--ac-dim);font-size:clamp(15.5px,1.4vw,18px);line-height:1.55}
.cfg{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,3.6vw,56px);align-items:start}
.cfg-in{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.cfg .na{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-gold)}
.cfg .m,.cfg .y{font-variant-numeric:tabular-nums}
.cfg-b-m:checked ~ * .y,.cfg-b-y:checked ~ * .m,.cfg-b-o:checked ~ * .m,.cfg-b-o:checked ~ * .y,.cfg-b-m:checked ~ * .o,.cfg-b-y:checked ~ * .o{display:none}
.cfg-l-mk1:checked ~ .cfg-main .cfg-line-hub,.cfg-l-hub:checked ~ .cfg-main .cfg-line-mk1{display:none}

/* Stage (left, sticky): the chosen system's photo, its devices as cut-outs with quantities, the top view */
.cfg-side{position:sticky;top:16px;display:grid;gap:12px;min-width:0}
.cfg-stage{position:relative;border:1px solid var(--ac-line);border-radius:24px;overflow:hidden;
 background:radial-gradient(90% 60% at 50% 0%,#1B1B1E,#0D0D0E 72%)}
.st-scene{display:none;grid-template-rows:auto auto auto}
.st-scene.on{display:grid}
.cfg:has(.cfg-opt .cfg-in:checked) .st-scene.on,.cfg:has(.cfg-opt .cfg-in:checked) .cfg-ss.on,.cfg:has(.cfg-opt .cfg-in:checked) .cfg-dk.on{display:none}
.cfg:has(.cfg-opt.s1 .cfg-in:checked) .st-scene.s1,.cfg:has(.cfg-opt.s1 .cfg-in:checked) .cfg-ss.s1,.cfg:has(.cfg-opt.s1 .cfg-in:checked) .cfg-dk.s1,
.cfg:has(.cfg-opt.s2 .cfg-in:checked) .st-scene.s2,.cfg:has(.cfg-opt.s2 .cfg-in:checked) .cfg-ss.s2,.cfg:has(.cfg-opt.s2 .cfg-in:checked) .cfg-dk.s2,
.cfg:has(.cfg-opt.s3 .cfg-in:checked) .st-scene.s3,.cfg:has(.cfg-opt.s3 .cfg-in:checked) .cfg-ss.s3,.cfg:has(.cfg-opt.s3 .cfg-in:checked) .cfg-dk.s3,
.cfg:has(.cfg-opt.s4 .cfg-in:checked) .st-scene.s4,.cfg:has(.cfg-opt.s4 .cfg-in:checked) .cfg-ss.s4,.cfg:has(.cfg-opt.s4 .cfg-in:checked) .cfg-dk.s4,
.cfg:has(.cfg-opt.s5 .cfg-in:checked) .st-scene.s5,.cfg:has(.cfg-opt.s5 .cfg-in:checked) .cfg-ss.s5,.cfg:has(.cfg-opt.s5 .cfg-in:checked) .cfg-dk.s5,
.cfg:has(.cfg-opt.s6 .cfg-in:checked) .st-scene.s6,.cfg:has(.cfg-opt.s6 .cfg-in:checked) .cfg-ss.s6,.cfg:has(.cfg-opt.s6 .cfg-in:checked) .cfg-dk.s6,
.cfg:has(.cfg-opt.s7 .cfg-in:checked) .st-scene.s7,.cfg:has(.cfg-opt.s7 .cfg-in:checked) .cfg-ss.s7,.cfg:has(.cfg-opt.s7 .cfg-in:checked) .cfg-dk.s7,
.cfg:has(.cfg-opt.s8 .cfg-in:checked) .st-scene.s8,.cfg:has(.cfg-opt.s8 .cfg-in:checked) .cfg-ss.s8,.cfg:has(.cfg-opt.s8 .cfg-in:checked) .cfg-dk.s8,
.cfg:has(.cfg-opt.s9 .cfg-in:checked) .st-scene.s9,.cfg:has(.cfg-opt.s9 .cfg-in:checked) .cfg-ss.s9,.cfg:has(.cfg-opt.s9 .cfg-in:checked) .cfg-dk.s9,
.cfg:has(.cfg-opt.s10 .cfg-in:checked) .st-scene.s10,.cfg:has(.cfg-opt.s10 .cfg-in:checked) .cfg-ss.s10,.cfg:has(.cfg-opt.s10 .cfg-in:checked) .cfg-dk.s10,
.cfg:has(.cfg-opt.s11 .cfg-in:checked) .st-scene.s11,.cfg:has(.cfg-opt.s11 .cfg-in:checked) .cfg-ss.s11,.cfg:has(.cfg-opt.s11 .cfg-in:checked) .cfg-dk.s11,
.cfg:has(.cfg-opt.s12 .cfg-in:checked) .st-scene.s12,.cfg:has(.cfg-opt.s12 .cfg-in:checked) .cfg-ss.s12,.cfg:has(.cfg-opt.s12 .cfg-in:checked) .cfg-dk.s12{display:grid}
.cfg:has(.cfg-opt .cfg-in:checked) .cfg-dk.on{display:none}
.cfg-dk{display:none;align-items:center;gap:14px;min-width:0}
.cfg-dk.on{display:flex}
.st-scene{animation:stIn .55s var(--ac-ease)}
@keyframes stIn{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}
.st-photo{position:relative;aspect-ratio:16/9;overflow:hidden}
@media (max-height:780px) and (min-width:981px){.st-photo{aspect-ratio:2/1}}
.st-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.st-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,14,.55) 0%,rgba(13,13,14,0) 30%,rgba(13,13,14,0) 55%,#0E0E0F 100%)}
.st-cap{position:absolute;left:22px;top:20px;right:22px;display:grid;gap:4px;z-index:2}
.st-k{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-gold)}
.st-name{font-size:clamp(22px,2.3vw,30px);font-weight:600;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.st-parts{position:relative;z-index:2;list-style:none;margin:-64px 0 0;padding:0 18px;display:flex;gap:10px;flex-wrap:wrap}
.st-parts li{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:8px 14px 8px 8px;border-radius:16px;
 background:rgba(17,17,19,.82);border:1px solid var(--ac-line2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.st-pic{grid-row:span 2;width:52px;height:52px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 55%,rgba(255,255,255,.12),rgba(255,255,255,.02) 75%)}
.st-pic img{max-width:44px;max-height:44px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.8)) brightness(1.15)}
.st-pic:empty::before{content:"";width:22px;height:14px;border:1.5px solid var(--ac-gold);border-radius:3px}
.st-x{font:700 17px var(--mono);color:var(--ac-gold-hi);letter-spacing:-.02em}
.st-n{font-size:12px;color:var(--ac-dim)}
.st-plan{margin:0;padding:10px 18px 16px}
.st-plan .dg{max-height:min(210px,26vh);margin-inline:auto}
/* The top view (SVG): gold hairlines on dark, tiny mono labels */
.dg{display:block;width:100%;height:auto;overflow:visible}
.dg-bench{fill:rgba(255,255,255,.025);stroke:rgba(243,238,231,.42);stroke-width:1}
.dg-sat,.dg-box{fill:#141416;stroke:rgba(243,238,231,.55);stroke-width:1}
.dg-amp{stroke:var(--ac-gold,#C9A15A)}
.dg-bm{fill:rgba(201,161,90,.1);stroke:var(--ac-gold,#C9A15A);stroke-width:1.1;stroke-dasharray:3 2.4}
.dg-bm.dg-opt{opacity:.45}
.dg-sub{fill:rgba(201,161,90,.06);stroke:var(--ac-gold,#C9A15A);stroke-width:1;stroke-dasharray:3 2.4}
.dg-ring{fill:none;stroke:rgba(201,161,90,.75);stroke-width:1}
.dg-dot{fill:var(--ac-gold,#C9A15A)}
.dg-wire{fill:none;stroke:rgba(201,161,90,.7);stroke-width:1;stroke-dasharray:1.5 2.5}
.dg-t{font:600 7.5px var(--mono);letter-spacing:.12em;fill:rgba(243,238,231,.78)}
.dg-dim{fill:rgba(243,238,231,.45)}
.dg-gold{fill:var(--ac-gold,#C9A15A)}
.dg-b{fill:#F3EEE7;font-size:8px}
.dg-k{fill:var(--ac-gold,#C9A15A);font-size:8.5px;letter-spacing:.18em}

/* Dock: chosen system + price + button (next to the stage; a bottom bar on phones) */
.cfg-dock{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 12px 12px 20px;border:1px solid var(--ac-line);border-radius:20px;
 background:rgba(17,17,19,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.cfg-dock-t{display:grid;min-width:0}
.cfg-dk-p{font-size:15px;font-weight:600;color:var(--ac-gold-hi);white-space:nowrap}
.cfg-dk-p small,.cfg-dk-live small{font-size:12px;font-weight:500;color:var(--ac-dim);margin-left:3px}
.cfg-dk-live{font-size:13px;color:var(--ac-dim)}
.cfg-dk-live b{color:var(--ac-gold-hi);font-size:15px}
/* Several rooms: the dock shows the total of all rooms instead of one system */
.cfg.multi .cfg-dk{display:none!important}
.cfg.multi .cfg-dk-live{display:grid}
.cfg-dk-k{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-dock .btn{flex:none;padding:12px 20px;font-size:14.5px}

/* Steps (right): airy, hairline-separated, numbered in gold */
.cfg-main{display:grid;min-width:0}
.cfg-step{display:grid;gap:16px;padding-block:26px;border-top:1px solid var(--ac-line)}
.cfg-step:first-child{border-top:0;padding-top:0}
.cfg-step-h{display:flex;align-items:center;gap:14px}
.cfg-n{font:600 11px var(--mono);letter-spacing:.12em;color:var(--ac-gold)}
.cfg-step-h h3{margin:0;font-size:clamp(21px,2vw,26px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.cfg-step-text{margin:-6px 0 0;color:var(--ac-dim);font-size:14.5px;line-height:1.55}
.cfg-mark{margin-left:auto;height:20px;width:auto;opacity:.85}

/* Wide segmented controls with two levels (label + sub-label) */
.cfg-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:5px;border-radius:20px;background:#0E0E10;border:1px solid var(--ac-line)}
.cfg-seg label{position:relative;display:grid;align-content:center;gap:3px;padding:16px 18px;border-radius:15px;cursor:pointer;user-select:none;color:var(--ac-dim);
 transition:background .25s var(--ac-ease),color .25s,box-shadow .25s,transform .12s}
.cfg-seg label:hover{background:#161618;color:var(--ac-text)}
.cfg-seg b{font-size:16px;font-weight:600;letter-spacing:-.01em;color:inherit}
.cfg-seg small{font-size:12.5px;line-height:1.4;color:var(--ac-mute)}
.cfg-bill label{grid-auto-flow:column;justify-content:center;align-items:center;gap:10px;padding:14px 18px;text-align:center}
.cfg-l-mk1:checked ~ .cfg-main .seg-mk1,.cfg-l-hub:checked ~ .cfg-main .seg-hub,.cfg-b-m:checked ~ .cfg-main .seg-m,.cfg-b-y:checked ~ .cfg-main .seg-y,.cfg-b-o:checked ~ .cfg-main .seg-o{
 background:linear-gradient(180deg,#1F1F22,#161618);color:var(--ac-text);box-shadow:inset 0 0 0 1px rgba(201,161,90,.6),inset 0 1px 0 rgba(255,255,255,.06),0 14px 30px -16px rgba(0,0,0,.9)}
.cfg-l-mk1:checked ~ .cfg-main .seg-mk1 small,.cfg-l-hub:checked ~ .cfg-main .seg-hub small{color:var(--ac-dim)}
.cfg-l-mk1:focus-visible ~ .cfg-main .seg-mk1,.cfg-l-hub:focus-visible ~ .cfg-main .seg-hub,.cfg-b-m:focus-visible ~ .cfg-main .seg-m,.cfg-b-y:focus-visible ~ .cfg-main .seg-y,.cfg-b-o:focus-visible ~ .cfg-main .seg-o{outline:2px solid var(--ac-gold);outline-offset:2px}
.cfg-save{display:none;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:#15100A;background:var(--ac-gold);border-radius:20px;padding:4px 8px}
.cfg:has(.cfg-opt.s1 .cfg-in:checked) .cfg-save.s1,
.cfg:has(.cfg-opt.s2 .cfg-in:checked) .cfg-save.s2,
.cfg:has(.cfg-opt.s3 .cfg-in:checked) .cfg-save.s3,
.cfg:has(.cfg-opt.s4 .cfg-in:checked) .cfg-save.s4,
.cfg:has(.cfg-opt.s5 .cfg-in:checked) .cfg-save.s5,
.cfg:has(.cfg-opt.s6 .cfg-in:checked) .cfg-save.s6,
.cfg:has(.cfg-opt.s7 .cfg-in:checked) .cfg-save.s7,
.cfg:has(.cfg-opt.s8 .cfg-in:checked) .cfg-save.s8,
.cfg:has(.cfg-opt.s9 .cfg-in:checked) .cfg-save.s9,
.cfg:has(.cfg-opt.s10 .cfg-in:checked) .cfg-save.s10,
.cfg:has(.cfg-opt.s11 .cfg-in:checked) .cfg-save.s11,
.cfg:has(.cfg-opt.s12 .cfg-in:checked) .cfg-save.s12{display:inline-block}

/* System cards: design B (slim, centred, airy), the top view on top, a gold state ring */
.cfg-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cfg-opt{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 18px 20px;border-radius:22px;cursor:pointer;
 background:linear-gradient(180deg,#141416,#0F0F10);border:1px solid var(--ac-line);
 transition:transform .3s var(--ac-ease),border-color .25s,box-shadow .3s var(--ac-ease)}
.cfg-opt:hover{border-color:var(--ac-line2);box-shadow:0 26px 50px -30px rgba(0,0,0,.95)}
.cfg-ring{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:1px solid var(--ac-line2);display:grid;place-items:center;transition:background .2s,border-color .2s}
.cfg-ring::after{content:"";width:7px;height:4px;border-left:1.6px solid #15100A;border-bottom:1.6px solid #15100A;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.cfg-opt:has(.cfg-in:checked),.cfg-opt.on{border-color:rgba(201,161,90,.85);background:radial-gradient(80% 60% at 50% 0%,rgba(201,161,90,.1),transparent 70%),linear-gradient(180deg,#17171A,#101011);
 box-shadow:0 0 0 1px rgba(201,161,90,.5),0 28px 60px -30px rgba(201,161,90,.35)}
.cfg-opts:has(.cfg-in:checked) .cfg-opt.on:not(:has(.cfg-in:checked)){border-color:var(--ac-line);background:linear-gradient(180deg,#141416,#0F0F10);box-shadow:none}
.cfg-opt:has(.cfg-in:checked) > .cfg-ring,.cfg-opt.on > .cfg-ring{background:var(--ac-gold);border-color:var(--ac-gold)}
.cfg-opt:has(.cfg-in:checked) > .cfg-ring::after,.cfg-opt.on > .cfg-ring::after{opacity:1}
.cfg-opts:has(.cfg-in:checked) .cfg-opt.on:not(:has(.cfg-in:checked)) > .cfg-ring{background:none;border-color:var(--ac-line2)}
.cfg-opts:has(.cfg-in:checked) .cfg-opt.on:not(:has(.cfg-in:checked)) > .cfg-ring::after{opacity:0}
.cfg-opt:has(.cfg-in:focus-visible),.cfg-pick:has(.cfg-in:focus-visible),.cfg-single:has(.cfg-in:focus-visible){outline:2px solid var(--ac-gold);outline-offset:3px}
.cfg-opt-dg{width:100%;max-width:250px;margin:2px 0 4px}
.cfg-opt-dg .dg-t{display:none}
.cfg-opt-name{font-size:21px;font-weight:600;letter-spacing:-.025em;margin-top:2px;max-width:100%}
.cfg-opt-line{font-size:13px;color:var(--ac-dim);line-height:1.5;max-width:36ch}
.cfg-opt-price{margin-top:4px;font-size:16px;font-weight:600;letter-spacing:-.01em}
.cfg-opt-price small,.cfg-pick-p small{font-size:12px;font-weight:500;color:var(--ac-dim);margin-left:3px}
.cfg-box{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--ac-line);width:100%}
.cfg-parts{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12.5px;color:var(--ac-dim)}
.cfg-opt .cfg-box{margin-top:6px}
.cfg-opt .cfg-parts{justify-content:center;font-size:12px}
.cfg-ss .cfg-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cfg-box .qty{color:var(--ac-gold-hi);font-weight:600;font-variant-numeric:tabular-nums}
.cfg-by{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--ac-text)}
.cfg-by-k{font:600 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-mute)}
.cfg-by .lk-logo{--lh:.82em}
.cfg-opt .cfg-by{justify-content:center}
.st-cap .cfg-by{font-size:13.5px;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.cfg-ss-desc{font-size:13.5px;line-height:1.5;color:var(--ac-dim)}
.cfg-dk-n{font-size:16px;font-weight:600;letter-spacing:-.01em}
.cfg-power{font-size:12px;color:var(--ac-dim)}
.cfg-power b{color:var(--ac-text)}
/* Wide, flat system cards (one per row): top view left, name + powered by + sentence in the middle, price right, parts below */
@media (min-width:641px){
 .cfg-opts{grid-template-columns:minmax(0,1fr);gap:10px}
 .cfg-opt{display:grid;grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"dg name price" "dg by price" "dg line line" "dg box box" "dg power power";
  align-items:center;text-align:left;gap:3px 20px;padding:16px 52px 16px 16px;border-radius:18px}
 .cfg-opt-dg{grid-area:dg;align-self:center;max-width:none;margin:0}
 .cfg-opt-name{grid-area:name;font-size:19px;margin:0}
 .cfg-opt .cfg-by{grid-area:by;justify-content:flex-start;font-size:12.5px}
 .cfg-opt-line{grid-area:line;max-width:none;font-size:13px;margin-top:2px}
 .cfg-opt-price{grid-area:price;align-self:start;margin:0;font-size:15px;text-align:right;white-space:nowrap}
 .cfg-opt .cfg-box{grid-area:box;display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;margin-top:6px;padding-top:8px}
 .cfg-opt .cfg-box{border-top:0;padding-top:0}
 .cfg-opt .cfg-box .cfg-k2{display:none}
 .cfg-opt .cfg-parts{justify-content:flex-start;gap:4px;font-size:11.5px}
 .cfg-opt .cfg-part{padding:2px 8px;border-radius:20px;border:1px solid var(--ac-line);white-space:nowrap}
 .cfg-opt .cfg-power{grid-area:power}
}

/* Rooms: a native range input, styled; the tick scale shows the value without JavaScript */
.cfg-rooms{display:grid;gap:6px;--fill:0%}
.cfg-range{-webkit-appearance:none;appearance:none;width:100%;height:36px;margin:0;background:transparent;cursor:pointer}
.cfg-range::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ac-gold) 0 var(--fill),#2B2B30 var(--fill))}
.cfg-range::-moz-range-track{height:6px;border-radius:6px;background:#2B2B30}
.cfg-range::-moz-range-progress{height:6px;border-radius:6px;background:var(--ac-gold)}
.cfg-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;border:1px solid rgba(255,255,255,.5);
 background:radial-gradient(circle at 50% 35%,#FFF6E4,#E6C995 45%,#B08A45);box-shadow:0 6px 18px -4px rgba(0,0,0,.9),0 0 0 6px rgba(201,161,90,.12);transition:transform .15s}
.cfg-range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:radial-gradient(circle at 50% 35%,#FFF6E4,#E6C995 45%,#B08A45);box-shadow:0 6px 18px -4px rgba(0,0,0,.9),0 0 0 6px rgba(201,161,90,.12)}
.cfg-range:active::-webkit-slider-thumb{transform:scale(1.08)}
.cfg-range:focus-visible{outline:none}
.cfg-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #0A0A0B,0 0 0 5px var(--ac-gold)}
.cfg-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #0A0A0B,0 0 0 5px var(--ac-gold)}
.cfg-ticks{display:flex;justify-content:space-between;padding-inline:9px;font:500 11px var(--mono);color:var(--ac-mute)}
.cfg-ticks span{width:20px;text-align:center}
/* HUB One: any mix of NetAmps per room (shown while the HUB One line is chosen) */
.cfg-na-box{display:grid;gap:14px;margin-top:6px;padding:20px;border-radius:20px;border:1px solid var(--ac-line);background:linear-gradient(180deg,var(--ac-card2),var(--ac-card))}
.cfg-r.cfg-l-mk1:checked ~ .cfg-main .cfg-na-box{display:none}
.cfg-na-h h4{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em}
.cfg-na-h p{margin:4px 0 0;font-size:13.5px;color:var(--ac-dim);line-height:1.5}
.cfg-na-list{display:grid;gap:8px}
.cfg-na{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 14px 14px 18px;border-radius:16px;border:1px solid var(--ac-line);background:rgba(10,10,11,.4);transition:border-color .25s,box-shadow .25s}
.cfg-na.on{border-color:rgba(201,161,90,.7);box-shadow:0 0 0 1px rgba(201,161,90,.35) inset}
.cfg-na-t{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:3px 10px;min-width:0}
.cfg-na-t b{font-size:16px;font-weight:600;letter-spacing:-.02em}
.cfg-na-o{justify-self:start;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-gold);padding:3px 8px;border:1px solid rgba(201,161,90,.4);border-radius:20px}
.cfg-na-t small{grid-column:1/-1;font-size:12.5px;color:var(--ac-dim);line-height:1.45}
.cfg-na-p{grid-column:1/-1;font-size:13px;color:var(--ac-gold-hi)}
.cfg-na-p small{color:var(--ac-dim);margin-left:2px}
.cfg-na-q{display:flex;align-items:center;gap:4px;padding:4px;border-radius:40px;border:1px solid var(--ac-line2);background:#0C0C0D}
.cfg-na-in,.cfg-dev-in{width:44px;height:36px;border:0;background:transparent;color:var(--ac-text);font:600 18px var(--sans,inherit);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.cfg-na-in::-webkit-inner-spin-button,.cfg-na-in::-webkit-outer-spin-button,.cfg-dev-in::-webkit-inner-spin-button,.cfg-dev-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cfg-na-in:focus-visible,.cfg-dev-in:focus-visible{outline:2px solid var(--ac-gold);outline-offset:2px;border-radius:8px}
.cfg-na-b{width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;font:500 20px/1 var(--sans,inherit);color:#15100A;background:linear-gradient(180deg,#E6C995,#C9A15A);transition:opacity .2s,transform .15s}
.cfg-na-b:first-of-type{color:var(--ac-text);background:#222226}
.cfg-na-b:hover:not(:disabled){transform:scale(1.06)}
.cfg-na-b:disabled{opacity:.3;cursor:default}
.cfg-na-b:focus-visible{outline:2px solid var(--ac-gold);outline-offset:2px}
.cfg-dev-h{margin-top:10px;padding-top:16px;border-top:1px solid var(--ac-line)}
.cfg-dev{grid-template-columns:56px 1fr auto;padding-left:10px}
.cfg-dev-pic{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 55%,rgba(255,255,255,.12),rgba(255,255,255,.02) 75%)}
.cfg-dev-pic img{max-width:46px;max-height:46px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.8)) brightness(1.15)}
.cfg-dev .cfg-na-t{grid-template-columns:1fr}
.cfg-ch{margin:8px 0 0;display:inline-block;padding:5px 10px;border-radius:20px;font:600 11px var(--mono);letter-spacing:.06em;color:var(--ac-gold-hi);border:1px solid rgba(201,161,90,.4)}
.cfg-ch.full{color:#15100A;background:var(--ac-gold);border-color:var(--ac-gold)}
.cfg-ch[hidden]{display:none}
.cfg-dep{display:block;font-size:11.5px;font-weight:500;color:var(--ac-dim)}
.cfg-na-p .cfg-dep{display:inline;margin-left:8px}
.cfg-na-p .cfg-dep::before{content:"· "}
/* Rooms: one tab per room (hardware + sound), the active room's head, the room list in the summary */
.cfg-roombar{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;margin-top:6px;scroll-snap-type:x proximity;scrollbar-width:thin}
.cfg-roombar[hidden],.cfg-roomhead[hidden],.cfg-roomlist[hidden],.cfg-stage-room[hidden],.cfg-roomcards[hidden],.cfg-next[hidden]{display:none}
.cfg-room{flex:0 0 auto;min-width:168px;max-width:220px;display:grid;gap:3px;text-align:left;padding:14px 16px;border-radius:16px;cursor:pointer;scroll-snap-align:start;
 font:inherit;color:var(--ac-text);background:linear-gradient(180deg,var(--ac-card2),var(--ac-card));border:1px solid var(--ac-line);transition:border-color .25s,transform .25s var(--ac-ease),box-shadow .25s}
.cfg-room:hover{border-color:var(--ac-line2)}
.cfg-room.on{border-color:var(--ac-gold);box-shadow:0 0 0 1px var(--ac-gold) inset,0 18px 40px -24px rgba(201,161,90,.55)}
.cfg-room:focus-visible{outline:2px solid var(--ac-gold);outline-offset:3px}
.cfg-room-k{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-room-s{font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-room-p{font-size:12.5px;color:var(--ac-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-room-tag{justify-self:start;margin-top:4px;padding:3px 8px;border-radius:20px;font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ac-dim);border:1px solid var(--ac-line2)}
.cfg-roomhead{position:sticky;top:12px;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;padding:14px 18px;border-radius:14px;
 background:rgba(24,21,15,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(201,161,90,.38);box-shadow:0 16px 36px -22px rgba(0,0,0,.9)}
.cfg-roomhead-t{margin:0;margin-right:auto;font-size:15px;color:var(--ac-dim)}
.cfg-roomhead-t b{color:var(--ac-gold-hi);font-weight:600}
.cfg-roomhead .cfg-room-tag{margin:0}
.cfg-link{font:600 13px var(--sans,inherit);color:var(--ac-text);background:transparent;border:1px solid var(--ac-line2);border-radius:30px;padding:8px 14px;cursor:pointer;transition:border-color .2s,background .2s}
.cfg-link:hover{border-color:var(--ac-gold);background:rgba(201,161,90,.08)}
.cfg-link:focus-visible{outline:2px solid var(--ac-gold);outline-offset:2px}
.cfg-roomlist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cfg-roomlist button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font:inherit;color:inherit;text-align:left;cursor:pointer;
 background:transparent;border:1px solid var(--ac-line);transition:border-color .2s,background .2s}
.cfg-roomlist button:hover{border-color:var(--ac-line2)}
.cfg-roomlist li.on button{border-color:rgba(201,161,90,.6);background:rgba(201,161,90,.06)}
.cfg-rl-k{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-rl-t{display:grid;min-width:0}
.cfg-rl-t b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-rl-t small{font-size:12px;color:var(--ac-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-rl-a{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.cfg-rl-a small{font-weight:400;color:var(--ac-dim);margin-left:3px}
.cfg-stage-room{position:absolute;z-index:3;top:16px;right:16px;padding:7px 12px;border-radius:30px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;
 color:#15100A;background:linear-gradient(180deg,#E6C995,#C9A15A);box-shadow:0 10px 24px -10px rgba(0,0,0,.9)}
/* Desktop with several rooms: the left column lists every room (the active one open), the stage photo steps aside */
.cfg-roomcards{display:grid;gap:10px}
.cfg-rc{display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"h dg" "s dg" "p dg";align-items:center;gap:2px 14px;width:100%;text-align:left;font:inherit;color:var(--ac-text);cursor:pointer;
 padding:12px 14px 12px 18px;border-radius:16px;background:linear-gradient(180deg,var(--ac-card2),var(--ac-card));border:1px solid var(--ac-line);transition:border-color .2s,box-shadow .2s,background .2s}
.cfg-rc:hover{border-color:var(--ac-line2)}
.cfg-rc:focus-visible{outline:2px solid var(--ac-gold);outline-offset:3px}
.cfg-rc.on{border-color:var(--ac-gold);box-shadow:0 0 0 1px var(--ac-gold) inset,0 20px 44px -30px rgba(201,161,90,.6);background:radial-gradient(90% 90% at 30% 0%,#1D1A14,#111113 75%)}
.cfg-rc-h{grid-area:h;display:flex;align-items:center;gap:8px;min-width:0}
.cfg-rc-h .cfg-room-tag{margin:0}
.cfg-rc-k{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-rc-a{margin-left:auto;font-size:13px;font-weight:600;color:var(--ac-gold-hi);white-space:nowrap;font-variant-numeric:tabular-nums}
.cfg-rc-a small{font-weight:400;color:var(--ac-dim);margin-left:3px}
.cfg-rc-a .na{font-size:9.5px}
.cfg-rc-s{grid-area:s;font-size:16px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-rc-p{grid-area:p;font-size:12.5px;color:var(--ac-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-rc-dg{grid-area:dg;display:block;opacity:.55;transition:opacity .2s}
.cfg-rc.on .cfg-rc-dg{opacity:1}
.cfg-rc-dg .dg{max-height:58px}
.cfg-rc-dg .dg-t{display:none}
.cfg-next{display:flex;justify-content:flex-end;padding-top:6px}
.cfg-next-b{font:600 15px var(--sans,inherit);color:#15100A;background:linear-gradient(180deg,#E6C995,#C9A15A);border:0;border-radius:40px;padding:14px 24px;cursor:pointer;
 box-shadow:0 14px 30px -14px rgba(201,161,90,.7);transition:transform .2s var(--ac-ease)}
.cfg-next-b:hover{filter:brightness(1.06)}
.cfg-next-b:focus-visible{outline:2px solid var(--ac-gold-hi);outline-offset:3px}
@media (min-width:981px){
 .cfg.multi .cfg-stage,.cfg.multi .cfg-roombar{display:none}
 .cfg.multi .cfg-side{max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}
}
@media (max-width:980px){.cfg-roomcards{display:none!important}.cfg-roomhead{top:0}}
.cfg-rooms-out{margin-left:auto;display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--ac-dim)}
.cfg-rooms-out[hidden]{display:none}
.cfg-rooms-out b{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--ac-gold-hi);font-variant-numeric:tabular-nums}

/* Programmes: three large toggle tiles; the third opens the chip grid Nr. 1–10 */
.cfg-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cfg-tiles .cfg-single{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;gap:16px}
.cfg-single .cfg-pick-t{flex:1}
.cfg-single .cfg-count{margin:0 34px 0 0}
.cfg-tile{position:relative;display:flex;flex-direction:column;gap:10px;min-height:168px;padding:18px 16px 16px;border-radius:20px;cursor:pointer;
 background:linear-gradient(180deg,#141416,#0F0F10);border:1px solid var(--ac-line);transition:transform .3s var(--ac-ease),border-color .25s,box-shadow .3s,opacity .25s}
.cfg-tile:hover,.cfg-chip:hover{transform:translateY(-2px);border-color:var(--ac-line2)}
.cfg-tile:active,.cfg-chip:active{transform:scale(.985)}
.cfg-pick-t{display:flex;flex-direction:column;gap:4px;padding-right:22px}
.cfg-tile .cfg-pick-t b{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.cfg-tile-k{order:-1;font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-pick-t small{font-size:12.5px;line-height:1.45;color:var(--ac-dim)}
.cfg-pick-p{margin-top:auto;font-size:14.5px;font-weight:600;white-space:nowrap}
.cfg-tick{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:6px;border:1px solid var(--ac-line2);display:grid;place-items:center;transition:background .2s,border-color .2s}
.cfg-tick::after{content:"";width:7px;height:4px;border-left:1.6px solid #15100A;border-bottom:1.6px solid #15100A;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.cfg-pick:has(.cfg-in:checked),.cfg-pick.on,.cfg-single:has(.cfg-in:checked){border-color:rgba(201,161,90,.85);background:radial-gradient(90% 70% at 100% 0%,rgba(201,161,90,.14),transparent 65%),linear-gradient(180deg,#17171A,#101011);box-shadow:0 0 0 1px rgba(201,161,90,.45),0 22px 44px -26px rgba(201,161,90,.4)}
.cfg-pick:has(.cfg-in:checked) > .cfg-tick,.cfg-pick.on > .cfg-tick,.cfg-single:has(.cfg-in:checked) > .cfg-tick{background:var(--ac-gold);border-color:var(--ac-gold)}
.cfg-pick:has(.cfg-in:checked) > .cfg-tick::after,.cfg-pick.on > .cfg-tick::after,.cfg-single:has(.cfg-in:checked) > .cfg-tick::after{opacity:1}
.cfg-count{font:600 11px var(--mono);letter-spacing:.12em;color:var(--ac-mute)}
.cfg-covered{display:none;color:var(--ac-gold) !important}
.cfg:has(.cfg-complete .cfg-in:checked) .cfg-single{opacity:.5}
.cfg:has(.cfg-complete .cfg-in:checked) .cfg-covered{display:block}
.cfg-chips{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;animation:stIn .4s var(--ac-ease)}
.cfg:has(.cfg-single-in:checked) .cfg-chips{display:grid}
.cfg:has(.cfg-complete .cfg-in:checked) .cfg-chips{display:none}
.cfg-chip{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;cursor:pointer;background:#111113;border:1px solid var(--ac-line);transition:transform .2s var(--ac-ease),border-color .2s,box-shadow .2s}
.cfg-chip .cfg-tick{top:12px;right:12px;width:18px;height:18px;border-radius:5px}
.cfg-chip-n{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-chip .cfg-pick-t b{font-size:14.5px;font-weight:600}
.cfg-chip .cfg-pick-t small{font-size:12px}
.cfg-chip .cfg-pick-p{font-size:13px}
.cfg-chip .cfg-pick-p:empty{display:none}

/* Summary: system lockup + small top view, today / then, one huge price, e-mail and the wide button */
.cfg-sum{position:relative;display:grid;gap:16px;margin-top:10px;padding:28px;border-radius:24px;border:1px solid var(--ac-line);overflow:hidden;
 background:radial-gradient(70% 50% at 100% 0%,rgba(201,161,90,.1),transparent 70%),linear-gradient(180deg,#141416,#0D0D0E);box-shadow:0 50px 100px -60px rgba(0,0,0,1)}
.cfg-sum::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(201,161,90,.9),transparent)}
.cfg-k,.cfg-k2{margin:0;font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-gold)}
.cfg-ss{display:none;gap:10px}
.cfg-ss.on{display:grid}
.cfg-ss-dg{display:block;max-width:220px;opacity:.9}
.cfg-ss-dg .dg-t{display:none}
.cfg-ss-name{font-size:clamp(24px,2.4vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.cfg-ss-line{color:var(--ac-dim);font-size:13.5px}
.cfg-money{margin:6px 0 0}
.cfg-money > div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;align-items:baseline;padding-top:14px;border-top:1px solid var(--ac-line)}
.cfg-money dt{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-mute)}
.cfg-money dd{margin:0;text-align:right;font-size:14.5px;line-height:1.45;color:var(--ac-text)}
.cfg-amount{font-size:clamp(44px,4.6vw,60px) !important;font-weight:600;letter-spacing:-.05em;line-height:1 !important;font-variant-numeric:tabular-nums;color:var(--ac-text) !important}
.cfg-amount small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--ac-dim);margin-left:6px}
.cfg-amount.na{line-height:1.1 !important}
.cfg-amount.na .na,.cfg-amount.na > span{font:600 30px var(--sans);letter-spacing:-.035em;text-transform:none;color:var(--ac-gold-hi)}
.cfg.js .cfg-ss .cfg-money{display:none}
.cfg-rooms-sum{margin:0;display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px solid var(--ac-line)}
.cfg-rooms-sum[hidden]{display:none}
.cfg-rooms-sum b{font-size:15px;font-weight:600}
.cfg-sum-progs{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--ac-line)}
.cfg-sum-progs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cfg-sum-progs li{display:none;font:600 12px var(--sans);background:rgba(201,161,90,.12);color:var(--ac-gold-hi);border:1px solid rgba(201,161,90,.35);border-radius:20px;padding:5px 11px}
.cfg-sum-progs li.on{display:inline-flex}
.cfg:has(.cfg-pick.p1 .cfg-in:checked) .cfg-sum-progs li.p1,
.cfg:has(.cfg-pick.p2 .cfg-in:checked) .cfg-sum-progs li.p2,
.cfg:has(.cfg-pick.p3 .cfg-in:checked) .cfg-sum-progs li.p3,
.cfg:has(.cfg-pick.p4 .cfg-in:checked) .cfg-sum-progs li.p4,
.cfg:has(.cfg-pick.p5 .cfg-in:checked) .cfg-sum-progs li.p5,
.cfg:has(.cfg-pick.p6 .cfg-in:checked) .cfg-sum-progs li.p6,
.cfg:has(.cfg-pick.p7 .cfg-in:checked) .cfg-sum-progs li.p7,
.cfg:has(.cfg-pick.p8 .cfg-in:checked) .cfg-sum-progs li.p8,
.cfg:has(.cfg-pick.p9 .cfg-in:checked) .cfg-sum-progs li.p9,
.cfg:has(.cfg-pick.p10 .cfg-in:checked) .cfg-sum-progs li.p10,
.cfg:has(.cfg-pick.p11 .cfg-in:checked) .cfg-sum-progs li.p11,
.cfg:has(.cfg-pick.p12 .cfg-in:checked) .cfg-sum-progs li.p12{display:inline-flex}
.cfg-none{font-size:13px;color:var(--ac-mute)}
.cfg:has(.cfg-pick .cfg-in:checked) .cfg-none,.cfg.has-progs .cfg-none{display:none}
.cfg-status{margin:0;padding:12px 14px;border-radius:12px;background:rgba(201,161,90,.1);border:1px solid rgba(201,161,90,.35);color:var(--ac-text);font-size:13.5px;line-height:1.45}
.cfg-cta{display:grid;gap:10px;padding-top:4px;scroll-margin-top:16px}
.cfg-cta input[type=email]{border:1px solid var(--ac-line2);background:#0A0A0B;color:var(--ac-text);border-radius:40px;padding:15px 20px;font:400 15px var(--sans);width:100%;transition:border-color .2s}
.cfg-cta input[type=email]::placeholder{color:var(--ac-mute)}
.cfg-cta input[type=email]:focus{border-color:var(--ac-gold);outline:none;box-shadow:0 0 0 3px rgba(201,161,90,.2)}
.cfg-cta .btn{padding:18px 24px;font-size:16.5px}
.btn.wide{width:100%}
.cfg-small{margin:0;font-size:12.5px;color:var(--ac-dim);line-height:1.45;text-align:center}
.cfg-sum .trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-top:14px;border-top:1px solid var(--ac-line);font-size:12.5px;color:var(--ac-dim)}
.cfg-sum .trust li::before{color:var(--ac-gold)}
.cfg-note{margin:0;font-size:12px;line-height:1.5;color:var(--ac-mute)}
.cfg-note::before{content:"i";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:7px;border-radius:50%;border:1px solid var(--ac-line2);font:600 10px var(--mono);vertical-align:1px}
.cfg :focus-visible,.dt :focus-visible,.sh :focus-visible{outline-color:var(--ac-gold)}

/* Header language switch (EN | DE) */
.nav-r{display:flex;align-items:center;gap:14px}
.nav .lang,.lang{display:flex;align-items:center;gap:6px;font:600 11px var(--mono);letter-spacing:.08em}
.lang a{text-decoration:none;opacity:.55;padding:4px 2px}
.lang a:hover,.lang a[aria-current]{opacity:1}
.lang-menu{position:relative}
.lang-menu summary{list-style:none;cursor:pointer;padding:4px 6px;border:1px solid currentColor;border-radius:8px;opacity:.75}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu nav{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;min-width:160px;max-height:60vh;overflow:auto;padding:6px;border-radius:12px;background:#15161B;border:1px solid #2B2B30;box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.lang-menu nav a{padding:8px 10px;border-radius:8px;font:500 13px var(--sans);letter-spacing:0;opacity:.8;color:#F3EEE7}
.lang-menu nav a:hover,.lang-menu nav a[aria-current]{background:#22232A;opacity:1}
.lang span{opacity:.3}

/* Home card: "powered by" + the AudioCrypt logo (black on the white card) */
.pcard-name .by-ac{display:flex;align-items:center;gap:6px}
.by-logo{height:11px;width:auto}

/* Page editor: every line, scene, summary entry and programme chip is shown so its text can be edited */
.nmd-editing .cfg .cfg-line-mk1,.nmd-editing .cfg .cfg-line-hub{display:flex}
.nmd-editing .cfg-ss,.nmd-editing .cfg .cfg-money{display:grid}
.nmd-editing .cfg-sum-progs li,.nmd-editing .cfg-save{display:inline-flex}
.nmd-editing .cfg-chips{display:grid}
.nmd-editing .cfg-covered{display:block}
.nmd-editing .cfg .cfg-side{position:relative;top:auto}

@media (max-width:980px){
 .sh-in{grid-template-columns:1fr}
 .dt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cfg{grid-template-columns:minmax(0,1fr);gap:20px}
 /* The stage goes on top (shorter), the dock becomes a bottom bar while the configurator is on screen */
 .cfg-side{display:contents}
 .cfg-stage{order:0}
 .cfg-main{order:1}
 .cfg-dock{order:2;position:sticky;bottom:0;z-index:5;margin-inline:calc(-1 * var(--gut));border-radius:18px 18px 0 0;border-bottom:0;
  padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:rgba(12,12,13,.92)}
 .st-photo{aspect-ratio:2/1}
 .st-plan{display:none}
 .st-parts{margin-top:-46px;padding-bottom:14px}
}
@media (max-width:640px){
 .dt-grid{grid-template-columns:1fr}
 .dt-card.wide{grid-column:auto}
 .dt-img{height:180px}
 .cfg-opts{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin-inline:-2px;scrollbar-width:none}
 .cfg-opts::-webkit-scrollbar{display:none}
 .cfg-opt{scroll-snap-align:start}
 .cfg-tiles{grid-template-columns:1fr}
 .cfg-tile{min-height:0}
 .cfg-seg label{padding:13px 12px}
 .cfg-seg b{font-size:14.5px}
 .cfg-seg small{font-size:11.5px}
 .cfg-sum{padding:20px}
 .cfg-sum .trust{grid-template-columns:1fr}
 .st-cap{left:16px;top:14px}
 .st-parts{padding-inline:12px;gap:6px}
 .st-parts li{padding:6px 10px 6px 6px;gap:0 8px}
 .st-pic{width:40px;height:40px}.st-pic img{max-width:34px;max-height:34px}
 .st-x{font-size:14px}.st-n{font-size:11px}
 .cfg-dk-n{font-size:14px}
 .cfg-dock .btn{padding:11px 16px;font-size:13.5px}
}
@media (max-width:420px){.cfg-chips{grid-template-columns:1fr}.st-n{display:none}}
@media (prefers-reduced-motion:reduce){
 .st-scene,.cfg-chips{animation:none}
 .cfg-opt,.cfg-tile,.cfg-chip,.cfg-seg label,.dt-card,.dt-img img{transition:none}
 .cfg-opt:hover,.cfg-tile:hover,.cfg-chip:hover,.dt-card:hover{transform:none}
 .dt-card:hover .dt-img img{transform:none}
}

/* ---------- Apollon programmes: a high-end audio data sheet (calm, precise, no animation) ---------- */
.ap-sec{position:relative;padding-block:clamp(80px,11vw,150px);background:linear-gradient(180deg,#0E0E0F 0%,#0A0A0B 100%);border-top:1px solid #1E1E21;border-bottom:1px solid #1E1E21}
.ap-head{display:grid;justify-items:center;text-align:center;gap:14px}
.ap-mark{width:min(260px,60vw);height:auto;margin-bottom:18px;opacity:.95}
.ap-title{margin:0;max-width:22ch;font-size:clamp(34px,4.6vw,60px);font-weight:600;letter-spacing:-.04em;line-height:1.05;color:var(--ac-text)}
.ap-accent{color:var(--ac-dim);font-weight:400}
.ap-lede{margin:4px 0 0;max-width:58ch;color:var(--ac-dim);font-size:clamp(16px,1.4vw,18px);line-height:1.6}
.ap-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(44px,6vw,76px);background:#26262A;border:1px solid #26262A;border-radius:22px;overflow:hidden}
.ap-card{display:grid;align-content:start;gap:16px;padding:clamp(28px,3.4vw,48px);background:#0F0F11}
.ap-plate{margin:0;display:flex;align-items:center;gap:18px;min-height:44px}
.ap-plate-logo{height:30px;width:auto}
.ap-plate-brand{font-size:22px;font-weight:300;letter-spacing:.28em;color:var(--ac-text)}
.ap-plate-div{width:1px;align-self:stretch;background:#3A3A41}
.ap-plate-model{font-size:44px;font-weight:300;letter-spacing:.12em;line-height:1;color:var(--ac-text)}
.ap-use{margin:6px 0 0;font-size:clamp(20px,1.9vw,24px);font-weight:500;letter-spacing:-.02em;color:var(--ac-text)}
.ap-text{margin:0;max-width:46ch;color:var(--ac-dim);font-size:15.5px;line-height:1.6}
.ap-specs{margin:8px 0 0;display:grid;border-top:1px solid #26262A}
.ap-specs div{display:grid;grid-template-columns:minmax(110px,.42fr) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #26262A}
.ap-specs dt{font:600 10.5px/1.9 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-mute)}
.ap-specs dd{margin:0;font-size:14.5px;color:var(--ac-text);font-variant-numeric:tabular-nums}
.ap-pack{margin:4px 0 0;display:grid;gap:3px;padding:14px 16px;border:1px solid #33302A;border-radius:12px;background:#141311}
.ap-pack b{font-size:14.5px;font-weight:600;color:var(--ac-gold-hi)}
.ap-pack span{font-size:13.5px;color:var(--ac-dim)}
.ap-list{margin-top:clamp(48px,7vw,84px)}
.ap-list-h{margin:0 0 6px;font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-mute)}
/* The ten frequencies: each one an object with its own signature trace, gold hairlines, number and length */
.ap-freqs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ap-freq{position:relative;display:grid;align-content:start;gap:10px;padding:18px 18px 20px;border-radius:16px;
 background:linear-gradient(180deg,#131315 0%,#0C0C0D 100%) padding-box,linear-gradient(180deg,rgba(230,201,149,.45),rgba(201,161,90,.08) 40%,rgba(201,161,90,.04) 70%,rgba(230,201,149,.25)) border-box;
 border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -40px rgba(0,0,0,.9);transition:box-shadow .4s,transform .4s var(--ac-ease)}
.ap-freq:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(201,161,90,.35),0 36px 70px -40px rgba(201,161,90,.35)}
.ap-freq-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px}
.ap-n{font:500 11px var(--mono);letter-spacing:.14em;color:var(--ac-gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.ap-len{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ac-mute);white-space:nowrap}
.ap-sig{display:block;width:100%;height:64px;margin:4px 0 6px;border-top:1px solid #1F1F22;border-bottom:1px solid #1F1F22}
.ap-sig-grid{stroke:#1D1D20;stroke-width:1;vector-effect:non-scaling-stroke}
.ap-sig-axis{stroke:#2A2A2E;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.ap-sig-line{fill:none;stroke:#F3EEE7;stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.7;transition:opacity .4s}
.ap-sig-field{opacity:.16;transition:opacity .4s}
.ap-sig-edge{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.75}
.ap-freq:hover .ap-sig-field,.ap-freq.on .ap-sig-field{opacity:.32}
.ap-tone{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;vertical-align:1px;box-shadow:0 0 10px currentColor;background:currentColor}
.ap-tone-1{color:#C9A15A}.ap-tone-2{color:#E8CF9E}.ap-tone-3{color:#C7774A}.ap-tone-4{color:#A9845A}.ap-tone-5{color:#F3EEE7}
.ap-tone-6{color:#D6A86A}.ap-tone-7{color:#B88A6E}.ap-tone-8{color:#E6C995}.ap-tone-9{color:#9C7A4C}.ap-tone-10{color:#D9B98C}
/* The Apollon field: how the system works, as a signal flow drawn in waves. Output (white) → A2H → room resonance
   (violet, with reflections) and bench module (gold) → heard and felt. Translucent layers, one colour each; a playhead
   runs across and leaves the part not yet reached dim; the wires carry a slow flowing dash */
.af{--af-out:#F3EEE7;--af-room:#9B86D6;--af-found:#C7774A;--af-bench:#C9A15A;margin:22px 0 18px;padding:0;border:1px solid #26262A;border-radius:20px;overflow:hidden;
 background:radial-gradient(70% 70% at 70% 15%,rgba(155,134,214,.08),transparent 60%),radial-gradient(70% 70% at 70% 95%,rgba(201,161,90,.08),transparent 60%),linear-gradient(180deg,#0E0E10,#09090A);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 50px 90px -60px rgba(0,0,0,.9)}
.af-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #1E1E21;font:600 10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ac-dim)}
.af-dot{width:7px;height:7px;border-radius:50%;background:var(--ac-gold);box-shadow:0 0 12px var(--ac-gold);animation:afPulse 2.4s ease-in-out infinite}
.af-t{color:var(--ac-text)}
.af-range{margin-left:auto;color:var(--ac-mute);letter-spacing:.12em}
.af-plot{position:relative;aspect-ratio:10/3;margin:10px 0 6px}
.af-svg,.af-live{position:absolute;inset:0;width:100%;height:100%;display:block}
.af-live{pointer-events:none;opacity:0;transition:opacity .5s}
.af.live .af-live{opacity:1}
.af.live .af-out{opacity:.12;transition:opacity .5s}
.af-zero{stroke:#232327;stroke-width:1;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}
.af-wire{fill:none;stroke-width:1.4;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
.af-wire-room{stroke:var(--af-room);stroke-opacity:.6}.af-wire-found{stroke:var(--af-found);stroke-opacity:.6}.af-wire-bench{stroke:var(--af-bench);stroke-opacity:.7}
.af-node{fill:#141416;stroke:#3A3A41;stroke-width:1;vector-effect:non-scaling-stroke}
.af-node-dot{stroke:var(--ac-gold);stroke-width:9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.af-end{stroke:#F3EEE7;stroke-width:10;stroke-linecap:round;vector-effect:non-scaling-stroke}
.af-end-ring{stroke:var(--af-room);stroke-opacity:.28;stroke-width:40;stroke-linecap:round;vector-effect:non-scaling-stroke}
.af-end-ring3{stroke:var(--af-found);stroke-opacity:.32;stroke-width:32;stroke-linecap:round;vector-effect:non-scaling-stroke}
.af-end-ring2{stroke:var(--af-bench);stroke-opacity:.45;stroke-width:22;stroke-linecap:round;vector-effect:non-scaling-stroke}
.af.anim.in .af-end-ring{animation:afRing 3s ease-in-out infinite}
.af-room,.af-found,.af-bench,.af-out{mix-blend-mode:screen}
.af-found .af-area{fill:url(#af-found-g)}
.af-found .af-edge{fill:none;stroke:var(--af-found);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.af-out .af-area{fill:var(--af-out);fill-opacity:.07}
.af-out .af-line{fill:none;stroke:var(--af-out);stroke-opacity:.85;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.af-room .af-area{fill:url(#af-room-g)}
.af-room .af-edge{fill:none;stroke:var(--af-room);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.af-room .af-echo{fill:none;stroke:var(--af-room);stroke-opacity:.3;stroke-width:1.2;vector-effect:non-scaling-stroke}
.af-bench .af-area{fill:url(#af-bench-g)}
.af-bench .af-edge{fill:none;stroke:var(--af-bench);stroke-width:2.4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.af-bench .af-glow{fill:none;stroke:var(--af-bench);stroke-opacity:.2;stroke-width:10;vector-effect:non-scaling-stroke}
.af-dim{fill:#0B0B0C;opacity:0;transform-box:view-box;transform-origin:100% 0}
.af-head-l{stroke:#F3EEE7;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transform-box:view-box}
.af-labels{position:absolute;inset:0;pointer-events:none}
.af-l{position:absolute;font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-dim);white-space:nowrap}
.af-l1{left:2%;top:4%;color:var(--af-out)}
.af-ld i{font-style:normal}
.af-l1 .af-ld{display:block;margin-top:5px;color:var(--ac-mute)}.af-l1 .af-ld i{display:none}
.af-l2{left:31.67%;top:63%;transform:translateX(-50%);color:var(--ac-gold)}
.af-l3{left:41.67%;top:3%;color:var(--af-room)}
.af-l4{left:41.67%;top:33%;color:var(--af-found)}
.af-l5{left:41.67%;top:94%;color:var(--af-bench)}
.af-l6{right:2.5%;top:61%;color:var(--af-out)}
.af-steps{list-style:none;margin:0;padding:12px 18px 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border-top:1px solid #1E1E21}
.af-steps li{display:flex;align-items:center;gap:8px;min-width:0;font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-dim)}
.af-steps li::before{content:"";flex:none;width:14px;height:3px;border-radius:2px;background:var(--c)}
.af-steps span{color:var(--ac-mute)}
.af-s-out{--c:var(--af-out)}.af-s-a2h{--c:var(--ac-gold)}.af-s-room{--c:var(--af-room)}.af-s-found{--c:var(--af-found)}.af-s-bench{--c:var(--af-bench)}
.af-note{margin:0;padding:12px 18px 14px;border-top:1px solid #1E1E21;font-size:12.5px;line-height:1.5;color:var(--ac-mute)}
/* It plays: the playhead runs, the part not yet reached stays dim, the wires flow (only in view, never with reduced motion) */
.af.anim.in .af-dim{opacity:.62;animation:afPlay 9s linear infinite}
.af.anim.in .af-head-l{opacity:.8;animation:afHead 9s linear infinite}
.af.anim.in .af-wire{animation:afFlow 1.4s linear infinite}
@keyframes afPlay{0%{transform:scaleX(1)}86%,100%{transform:scaleX(0)}}
@keyframes afHead{0%{transform:translateX(0);opacity:.8}86%{transform:translateX(1200px);opacity:.8}87%,100%{transform:translateX(1200px);opacity:0}}
@keyframes afFlow{to{stroke-dashoffset:-20}}
@keyframes afPulse{50%{opacity:.4}}
@keyframes afRing{50%{stroke-opacity:.12}}
@media (prefers-reduced-motion:reduce){.af-dot{animation:none}}
@media (max-width:1000px){.af-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.af{border-radius:14px}.af-plot{aspect-ratio:auto;height:200px}.af-l{font-size:8.5px;letter-spacing:.1em}.af-l3,.af-l4,.af-l5{left:40%}.af-l1 .af-ld,.af-l3 .af-ld,.af-l4 .af-ld{display:none}.af-l6{top:61%}.af-steps{grid-template-columns:1fr 1fr;gap:8px 12px}.af-steps li{font-size:9.5px}}
.ap-freq:hover .ap-sig-line,.ap-freq.on .ap-sig-line{opacity:1}
.ap-freq b{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ac-text)}
.ap-freq .ap-line{font-size:12.5px;line-height:1.5;color:var(--ac-dim)}
.ap-use-l{display:grid;gap:3px;padding-top:9px;border-top:1px solid #1F1F22;font-size:12px;line-height:1.45;color:var(--ac-text)}
.ap-use-l i{font:600 9.5px var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--ac-gold)}
@media (max-width:1100px){.ap-freqs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.ap-freqs{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-freq{padding:14px}}
.ap-note{margin:28px auto 0;text-align:center;font-size:12.5px;color:var(--ac-mute)}
@media (max-width:720px){.ap-duo{grid-template-columns:1fr}}

/* ---------- App pages (betterTV): hero with logo and TV-framed screen, text beside screenshots, card rows ---------- */
.ah{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(48px,8vw,110px) clamp(40px,6vw,80px)}
.ah-txt{display:grid;gap:18px;justify-items:start}
.ah-logo img{height:clamp(38px,4vw,52px);width:auto;display:block}
.ah-eyebrow,.fs-eyebrow{margin:0;font:600 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.ah-title{margin:0;font-size:clamp(46px,6.4vw,92px);font-weight:650;letter-spacing:-.05em;line-height:.98;color:var(--text)}
.ah-accent{display:block;color:var(--text)}
.ah-text{margin:0;max-width:30ch;font-size:clamp(18px,1.7vw,22px);line-height:1.45;color:#c9ccd3}
.ah-note{margin:0;font-size:13px;color:var(--dim,#8a8f98)}
.tvf{margin:0;display:grid;gap:14px}
.tvf-frame{padding:clamp(6px,.7vw,10px);border-radius:clamp(14px,1.6vw,22px);background:linear-gradient(180deg,#2A2E37,#171A20);border:1px solid #343944;
 box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03) inset}
.tvf-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:clamp(8px,1vw,14px);background:#0E1116}
.tvf figcaption{display:grid;gap:6px}
.tvf-k{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tvf-c{font-size:clamp(16px,1.5vw,20px);line-height:1.4;color:var(--text)}
.fs{padding-block:clamp(56px,8vw,110px);border-top:1px solid #1C1F25}
.fs-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,48px)}
.fs-title,.cr-title{margin:0;font-size:clamp(34px,4.6vw,62px);font-weight:650;letter-spacing:-.045em;line-height:1.02;color:var(--text)}
.fs-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.fs-flip .fs-body{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.fs-flip .fs-txt{order:2}
.fs-txt{display:grid;gap:16px}
.fs-sub{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:650;letter-spacing:-.03em;line-height:1.12;color:var(--text)}
.fs-p{margin:0;font-size:16.5px;line-height:1.6;color:#b4b8c0}
.fs-points{margin:6px 0 0;display:grid;gap:14px}
.fs-points dt{font-size:15.5px;font-weight:650;color:var(--text)}
.fs-points dd{margin:2px 0 0;font-size:15px;line-height:1.55;color:#b4b8c0}
.fs-note,.cr-note{margin:4px 0 0;font-size:13px;line-height:1.55;color:#8a8f98}
.cr{padding-block:clamp(56px,8vw,110px);border-top:1px solid #1C1F25}
.cr-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,44px)}
.cr-accent{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:500;letter-spacing:-.02em;color:var(--gold)}
.cr-text{margin:0;max-width:62ch;font-size:17px;line-height:1.6;color:#b4b8c0}
.cr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.cr-card{display:grid;align-content:start;gap:12px;padding:clamp(22px,2.4vw,32px);border-radius:20px;background:#171A21;border:1px solid #232733}
.cr-k{margin:0;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.cr-card h3{margin:0;font-size:clamp(21px,2vw,26px);font-weight:650;letter-spacing:-.03em;line-height:1.15;color:var(--text)}
.cr-card p:not(.cr-k){margin:0;font-size:15.5px;line-height:1.55;color:#b4b8c0}
.cr-statement{margin:clamp(24px,3vw,36px) 0 0;font-size:clamp(17px,1.6vw,20px);font-weight:500;color:var(--text)}
@media (max-width:900px){.ah,.fs-body,.fs-flip .fs-body{grid-template-columns:1fr}.fs-flip .fs-txt{order:0}}

/* ---------- Listening samples (Apollon Frequencies) ---------- */
.demo{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:9px 16px 9px 10px;border-radius:40px;border:1px solid rgba(230,201,149,.45);
 color:var(--ac-text,#F3EEE7);text-decoration:none;font:600 13px var(--sans);background:rgba(201,161,90,.06);transition:background .2s,border-color .2s}
.demo:hover{background:rgba(201,161,90,.14);border-color:rgba(230,201,149,.8)}
.demo:focus-visible{outline:2px solid #C9A15A;outline-offset:3px}
.demo-i{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#E6C995,#C9A15A);position:relative;flex:none}
.demo-i::after{content:"";position:absolute;left:8px;top:6px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #15100A}
.demo.playing .demo-i::after{left:7px;top:6px;width:8px;height:10px;border:0;border-left:3px solid #15100A;border-right:3px solid #15100A;box-sizing:border-box}
.demo-sm{padding:5px 11px 5px 6px;font-size:11.5px;gap:7px;margin-top:4px}
.demo-sm .demo-i{width:18px;height:18px}.demo-sm .demo-i::after{left:6.5px;top:4.5px;border-width:4.5px 0 4.5px 7px}
.demo-sm.playing .demo-i::after{left:5px;top:4.5px;width:8px;height:9px;border:0;border-left:3px solid #15100A;border-right:3px solid #15100A}
.demo-soon{justify-self:start;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac-mute,#7C7872)}
.demo-soon.demo-sm{font-size:9.5px;margin-top:6px}
.ap-more{margin:26px auto 0;text-align:center}
.ap-more a{color:var(--ac-gold-hi,#E6C995);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(230,201,149,.4)}
.ap-more a:hover{border-bottom-color:currentColor}

/* ---------- Editorial pages (Apollon Science): a calm trade magazine ---------- */
.ar-hero{display:grid;justify-items:center;text-align:center;gap:18px;padding-block:clamp(70px,11vw,150px) clamp(40px,6vw,80px)}
.ar-mark{width:min(240px,56vw);height:auto;margin-bottom:12px;opacity:.95}
.ar-eyebrow{margin:0;font:600 11.5px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.ar-title{margin:0;max-width:16ch;font-family:var(--sans);font-weight:650;font-size:clamp(52px,8vw,118px);line-height:.95;letter-spacing:-.05em;color:var(--text)}
.ar-dek{margin:6px 0 0;max-width:46ch;font-size:clamp(18px,1.8vw,23px);line-height:1.5;color:#c9ccd3}
.ar-meta{margin:0;font:500 12px var(--mono);letter-spacing:.08em;color:#8a8f98}
.ar-sec{padding-block:clamp(64px,9vw,120px);border-top:1px solid #1C1F25}
.ar-light{background:#F2EFE8;color:#1A1A1C;border-top:0}
.ar-in{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:start}
.ar-side{position:sticky;top:24px;display:grid;gap:18px}
.ar-n{margin:0;font:500 13px var(--mono);letter-spacing:.14em;color:var(--gold)}
.ar-light .ar-n{color:#9A7634}
.ar-h{margin:0;font-family:var(--sans);font-weight:600;font-size:clamp(34px,4.2vw,56px);line-height:1.02;letter-spacing:-.035em;color:var(--text)}
.ar-light .ar-h{color:#141416}
.ar-facts{margin:8px 0 0;display:grid;border-top:1px solid #2A2D35}
.ar-light .ar-facts{border-top-color:#D8D3C8}
.ar-facts div{display:grid;gap:3px;padding:12px 0;border-bottom:1px solid #2A2D35}
.ar-light .ar-facts div{border-bottom-color:#D8D3C8}
.ar-facts dt{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8a8f98}
.ar-light .ar-facts dt{color:#6F6A60}
.ar-facts dd{margin:0;font-size:16px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}
.ar-light .ar-facts dd{color:#141416}
.ar-body{display:grid;gap:18px;max-width:64ch}
.ar-body p{margin:0;font-size:clamp(16.5px,1.35vw,18.5px);line-height:1.7;color:#b9bdc6}
.ar-light .ar-body p{color:#3A3A3F}
.ar-body .ar-lede{font-size:clamp(20px,1.9vw,25px);line-height:1.5;color:var(--text)}
.ar-light .ar-body .ar-lede{color:#141416}
.ar-quote{margin:14px 0 0;padding:6px 0 6px 22px;border-left:2px solid var(--gold);font-family:var(--sans);font-weight:500;letter-spacing:-.02em;font-size:clamp(22px,2.4vw,32px);line-height:1.3;color:var(--text)}
.ar-light .ar-quote{color:#141416;border-left-color:#B08A45}
.ar-fig{margin-top:clamp(28px,4vw,48px)}
@media (max-width:900px){.ar-in{grid-template-columns:1fr}.ar-side{position:static}}

/* Explanatory figures: gold lines on graphite, calm motion once in view (.anim.in, set by shop.js) */
.sci-fig{margin:0;display:grid;gap:12px;padding:clamp(18px,2.6vw,32px);border-radius:22px;background:#0F1014;border:1px solid #23252C}
.ar-light .sci-fig{background:#141416;border-color:#141416}
.cr .sci-fig{margin-top:clamp(20px,3vw,32px)}
.sci-fig figcaption{font-size:13px;line-height:1.5;color:#8a8f98}
.sf{display:block;width:100%;height:auto;overflow:visible}
.sf-t{font:500 12px var(--sans);fill:#c9ccd3}
.sf-b{font-weight:600;fill:#F3EEE7}
.sf-dim{font:500 11px var(--mono);fill:#8a8f98}
.sf-k{font:600 10.5px var(--mono);letter-spacing:.14em;fill:#C9A15A}
.sf-gold-t{font:600 12px var(--mono);fill:#E6C995}
.sf-box{fill:#16181E;stroke:#3A3D47;stroke-width:1}
.sf-gold{stroke:#C9A15A}
.sf-flow{fill:none;stroke:#C9A15A;stroke-width:1.6;stroke-dasharray:3 7}
.sf-tag{fill:#1E1A12;stroke:#C9A15A;stroke-width:1}
.sf-tagt{font:700 11px var(--mono);letter-spacing:.12em;fill:#E6C995}
.sf-dev{fill:#1A1C22;stroke:#8E8A82;stroke-width:1}
.sf-dot{fill:#C9A15A}
.sf-ring{fill:none;stroke:#C9A15A;stroke-width:1.2}
.sf-wave{fill:none;stroke:#E6C995;stroke-width:1.4;stroke-linecap:round;opacity:.8}
.sf-benchtop{fill:#22252D;stroke:#A6A29A;stroke-width:1}
.sf-bm{fill:rgba(201,161,90,.14);stroke:#C9A15A;stroke-width:1;stroke-dasharray:3 2.5}
.sf-vib{fill:none;stroke:#C9A15A;stroke-width:1.3;stroke-linejoin:round;opacity:.85}
.sf-phase{fill:#16181E;stroke:#30333B}
.sf-phase.p2{fill:rgba(201,161,90,.14);stroke:rgba(201,161,90,.6)}
.sf-axis,.sf-tick{stroke:#3A3D47;stroke-width:1;fill:none}
.sf-curve{fill:none;stroke:#E6C995;stroke-width:2;stroke-linecap:round}
.sf-band{transform-box:fill-box;transform-origin:left center}
.sf-hear{fill:rgba(243,238,231,.08);stroke:rgba(243,238,231,.35)}
.sf-feel{fill:rgba(201,161,90,.16);stroke:rgba(201,161,90,.55)}
.sf-core{fill:rgba(201,161,90,.32);stroke:none}
.sf-res{stroke:#E6C995;stroke-width:1.5;stroke-dasharray:3 3}
.sf-ray{fill:none;stroke:#E6C995;stroke-width:1.4;stroke-linecap:round;opacity:.75}
.sf-arrow{fill:none;stroke:#C9A15A;stroke-width:1.6;stroke-linejoin:round}
.sf-fan{fill:rgba(243,238,231,.06);stroke:rgba(243,238,231,.3)}.sf-fan-w{fill:rgba(201,161,90,.12);stroke:rgba(201,161,90,.55)}
.sf-fader{fill:rgba(201,161,90,.35)}.sf-knob{fill:#E6C995;stroke:#0F1014;stroke-width:2}
.sf-b-room{fill:rgba(155,134,214,.2);stroke:rgba(155,134,214,.7)}.sf-b-found{fill:rgba(199,119,74,.24);stroke:rgba(199,119,74,.75)}.sf-b-bench{fill:rgba(201,161,90,.28);stroke:rgba(201,161,90,.8)}
/* motion (only once visible) */
.sci-fig.anim .sf-curve{stroke-dasharray:1;stroke-dashoffset:1}
.sci-fig.anim.in .sf-curve{transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}
.sci-fig.anim .sf-band{transform:scaleX(.02);opacity:0}
.sci-fig.anim.in .sf-band{transition:transform 1.6s cubic-bezier(.2,.7,.2,1),opacity .6s;transform:none;opacity:1}
.sci-fig.anim.in .sf-core{transition-delay:.5s}
.sci-fig.anim.in .sf-flow{animation:sfFlow 1.2s linear infinite}
.sci-fig.anim.in .sf-wave{animation:sfWave 2.4s ease-out infinite}
.sci-fig.anim.in .sf-wave.w1{animation-delay:.4s}.sci-fig.anim.in .sf-wave.w2{animation-delay:.8s}
.sci-fig.anim.in .sf-vib{animation:sfVib .9s ease-in-out infinite alternate}
.sci-fig.anim.in .sf-vib.v1,.sci-fig.anim.in .sf-vib.v3{animation-delay:-.45s}
.sci-fig.anim.in .sf-bench{animation:sfBench .18s linear infinite alternate}
@keyframes sfFlow{to{stroke-dashoffset:-20}}
@keyframes sfWave{0%{opacity:0;transform:translateX(-6px)}30%{opacity:.9}100%{opacity:0;transform:translateX(10px)}}
@keyframes sfVib{from{opacity:.25;transform:translateY(2px)}to{opacity:.95;transform:translateY(-2px)}}
@keyframes sfBench{from{transform:translateY(0)}to{transform:translateY(.8px)}}
@media (prefers-reduced-motion:reduce){.sci-fig .sf-flow,.sci-fig .sf-wave,.sci-fig .sf-vib,.sci-fig .sf-bench{animation:none!important}}
.ar-link{margin:4px 0 0}
.ar-link a{font-weight:600;color:var(--gold);text-decoration:none;border-bottom:1px solid currentColor}
.ar-light .ar-link a{color:#7A5A22}

/* ---------- Product data sheet (AudioCrypt style): logo + model, key figures, spec tables, drawing, notes ---------- */
.ds{padding-block:clamp(48px,8vw,110px);color:#F3EEE7}
.ds-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.ds-txt{display:grid;gap:18px;justify-items:start}
.ds-eyebrow{margin:0;font:600 11.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#C9A15A}
.ds-model{margin:0;display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);flex-wrap:wrap;font-size:clamp(48px,7vw,96px);font-weight:600;letter-spacing:-.04em;line-height:1}
.ds-logo{height:.42em;width:auto;filter:invert(1)}
.ds-text{margin:0;max-width:52ch;font-size:clamp(16.5px,1.5vw,19px);line-height:1.6;color:#B9B4AC}
.ds-photo{border-radius:24px;border:1px solid #2B2B30;background:radial-gradient(70% 70% at 50% 45%,#1C1C20,#0D0D0F 75%);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.ds-photo img{width:78%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.8)) brightness(1.08)}
.ds-keys{margin:clamp(36px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #2B2B30;border-bottom:1px solid #2B2B30}
.ds-keys div{display:grid;gap:6px;padding:20px 16px;border-left:1px solid #2B2B30}
.ds-keys div:first-child{border-left:0;padding-left:0}
.ds-keys dt{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7C7872}
.ds-keys dd{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.ds-keys b{font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-.03em;color:#F3EEE7;font-variant-numeric:tabular-nums}
.ds-keys dd span{font:600 12px var(--mono);color:#C9A15A}
.ds-groups{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px) clamp(28px,4vw,56px)}
.ds-group h2{margin:0 0 6px;font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#C9A15A}
.ds-group dl{margin:0;border-top:1px solid #2B2B30}
.ds-group dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid #222226}
.ds-group dt{font-size:14px;color:#AAA6A0}
.ds-group dd{margin:0;font:500 14px var(--mono);color:#F3EEE7;font-variant-numeric:tabular-nums}
.ds-drawing{margin-top:clamp(24px,3vw,40px)}
/* Numbered sections, as in the AudioCrypt product data sheets */
.ds-sec{margin-top:clamp(56px,8vw,110px)}
.ds-alliance{margin:0 0 clamp(24px,3vw,40px);display:flex;align-items:center;justify-content:flex-end;gap:14px;font:600 10.5px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#7C7872}
.ds-alliance i{width:1px;height:18px;background:#3A3A41}
.ds-alliance img{height:18px;width:auto;opacity:.9}
.ds-strap{margin:0;padding-top:14px;border-top:1px solid #2B2B30;font:600 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#C9A15A}
.ds-index{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #2B2B30}
.ds-index a{display:grid;gap:6px;padding:14px 16px 0 0;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#AAA6A0;text-decoration:none}
.ds-index a span{color:#C9A15A}
.ds-index a:hover{color:#F3EEE7}
.ds-sec{scroll-margin-top:80px}
@media (max-width:640px){.ds-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 0}.ds-alliance{justify-content:flex-start}}
.ds-sec-k{margin:0 0 12px;display:flex;gap:12px;font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#7C7872}
.ds-sec-k span{color:#C9A15A}
.ds-sec-h{margin:0 0 clamp(20px,3vw,36px);font-size:clamp(30px,4vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1.08;color:#F3EEE7}
.ds-idea{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.ds-idea p{margin:0;font-size:15.5px;line-height:1.7;color:#B9B4AC}
.ds-idea .ds-lead{font-size:clamp(19px,1.9vw,24px);line-height:1.45;color:#F3EEE7}
.ds-body{margin:0;max-width:78ch;font-size:16px;line-height:1.7;color:#B9B4AC}
.ds-hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,56px)}
.ds-hl li{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;padding:18px 0;border-top:1px solid #26262A}
.ds-hl-n{grid-row:span 2;font:600 11px/1.9 var(--mono);color:#C9A15A}
.ds-hl h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:#F3EEE7}
.ds-hl p{margin:0;font-size:14.5px;line-height:1.6;color:#AAA6A0}
.ds-views{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-bottom:clamp(20px,3vw,32px)}
.ds-views-1{--n:1}.ds-views-2{--n:2}.ds-views-3{--n:3}.ds-views-4{--n:4}
.ds-views figure{margin:0;display:grid;gap:10px}
.ds-view{border-radius:18px;border:1px solid #2B2B30;background:radial-gradient(70% 70% at 50% 45%,#202024,#0D0D0F 78%);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.ds-view img{max-width:82%;max-height:82%;width:auto;height:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.8)) brightness(1.15)}
.ds-views-1 .ds-view{aspect-ratio:16/9}.ds-views-1 .ds-view img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;filter:none}
.ds-views figcaption{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7C7872}
@media (max-width:640px){.ds-views{grid-template-columns:minmax(0,1fr)}}
.ds-cols{margin-top:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.ds-cols h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#F3EEE7}
.ds-cols p{margin:0;font-size:14.5px;line-height:1.6;color:#AAA6A0}
.ds-sec .ds-groups{margin-top:0}
@media (max-width:760px){.ds-idea,.ds-hl,.ds-cols{grid-template-columns:minmax(0,1fr)}}
.ds-notes{margin:clamp(28px,4vw,48px) 0 0;padding:0;list-style:none;display:grid;gap:10px}
.ds-notes li{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:#B9B4AC}
.ds-notes li::before{content:"";position:absolute;left:0;top:.65em;width:10px;height:1px;background:#C9A15A}
.sf-body{fill:#16181E;stroke:#A6A29A;stroke-width:1.2}
.sf-mount{fill:none;stroke:#C9A15A;stroke-width:1;stroke-dasharray:4 4}
.sf-coil{fill:none;stroke:#3A3D47;stroke-width:1}
.sf-hole{fill:#0F1014;stroke:#C9A15A;stroke-width:1.2}
.sf-dim-l{fill:none;stroke:#8a8f98;stroke-width:1}
.sf-fin{fill:none;stroke:#6E6A63;stroke-width:2;stroke-linecap:round}
.sf-term{fill:#C9A15A}
@media (max-width:980px){.ds-keys{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-keys div:nth-child(4){border-left:0;padding-left:0}.ds-keys div:nth-child(n+4){border-top:1px solid #2B2B30}}
@media (max-width:760px){.ds-head,.ds-groups{grid-template-columns:1fr}.ds-photo{order:-1;max-width:420px}}
@media (max-width:480px){.ds-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-keys div{border-left:0;padding-left:0}.ds-keys div:nth-child(n+3){border-top:1px solid #2B2B30}}
/* Print: the data sheet on white paper */
@media print{
 body:has(.ds){background:#fff!important}
 body:has(.ds) .nav,body:has(.ds) .foot,body:has(.ds) .testbar,body:has(.ds) .ctas,body:has(.ds) #notify{display:none!important}
 .ds{color:#111;padding-block:0}.ds-model,.ds-keys b,.ds-group dd{color:#111}.ds-logo{filter:none}.ds-text,.ds-group dt,.ds-notes li{color:#333}
 .ds-photo{background:#fff;border-color:#ddd}.ds-keys,.ds-keys div,.ds-group dl,.ds-group dl div{border-color:#ccc}
 .sci-fig{background:#fff;border-color:#ccc}.sf-b{fill:#111}.sf-body{fill:#f4f4f4;stroke:#333}
}
.dt-link{margin:10px 0 0}
.dt-link a{font:600 12px var(--mono);letter-spacing:.08em;color:var(--ac-gold-hi,#E6C995);text-decoration:none;border-bottom:1px solid rgba(230,201,149,.4)}
.dt-link a:hover{border-bottom-color:currentColor}
.sf-port{fill:none;stroke:#C9A15A;stroke-width:2.5;stroke-linecap:round}

/* Brand header (AudioCrypt shop): the white AudioCrypt logo leads, "powered by // Nomad Code Labs Shop" follows small */
.nav .mk-brand{display:flex;align-items:center;flex:none}
.mk-logo{height:20px;width:auto;filter:invert(1);display:block}
.foot .mk-by{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8a8f98;text-decoration:none}
.foot .mk-by:hover{color:var(--text)}
.mk-by img{border-radius:4px;opacity:.85}
.mk-by-k{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6f747d}
.mk-by .mk-shop{opacity:.7}
@media (max-width:640px){