/* A pale studio surface separates the three extended pages from the main panel. */
#more.pages-intro,.spot.spot-simple,.pages-extras { --paper:#edf2f5;--paper-2:#c4ced5;--muted:#a8b6c0;--amber:#a8cce8;--line:rgba(168,204,232,.17);background:#0e1013;color:var(--paper); }
#more.pages-intro { height:170svh;padding:0;position:relative; }
#more.pages-intro::before { display:none; }
.pages-divider-pin { position:sticky;top:0;height:100svh;min-height:590px;display:flex;flex-direction:column;justify-content:center;overflow:clip;padding:85px 0 55px; }
#more .sec-head { margin:0;text-align:center; }
#more h2 { color:#edf2f5;font-size:clamp(40px,5.7vw,80px);line-height:1.04;letter-spacing:-.03em; }
.pages-fan { width:min(1300px,100%);height:clamp(300px,34vw,470px);position:relative;margin:12px auto 0;isolation:isolate; }
.pages-fan figure { position:absolute;left:50%;top:-12px;width:44%;margin:0;transform-origin:center; }
.pages-fan img { display:block;width:100%;height:auto;filter:drop-shadow(0 30px 24px rgba(18,29,38,.2)); }
.pages-fan figcaption { color:#b8c8d4;text-align:center;font-size:12px;letter-spacing:.08em;line-height:1.5;margin-top:-13%; }
.pages-fan-mod { z-index:1;transform:translate(-126%,0%) scale(.92); }
.pages-fan-fx { z-index:2;transform:translate(26%,0%) scale(.92); }
.pages-fan-seq { z-index:3;transform:translate(-50%,0%) scale(1.04); }
.spot.spot-simple .spot-pin { background:none;padding:78px 0; }
.spot.spot-simple h2,.pages-extras h4 { color:#edf2f5; }
.spot.spot-simple .eyebrow { color:#a8cce8; }
.spot.spot-simple .spot-intro,.pages-extras .extra p { color:#c4ced5; }
.spot.spot-simple .spot-tags li { color:#b8c8d4;border-color:rgba(168,204,232,.19);background:rgba(255,255,255,.035); }
.spot.spot-simple .spot-window { overflow:visible;filter:drop-shadow(0 24px 22px rgba(21,34,43,.18)); }
.spot.spot-simple .frame img,.spot.spot-simple .card-screens { filter:brightness(.96) contrast(1.04) saturate(.9); }
.pages-extras .extra { background:rgba(255,255,255,.035);box-shadow:none; }
.pages-extras .extra::before { background:linear-gradient(90deg,transparent,rgba(55,83,104,.22),transparent); }
.pages-extras .extra svg { color:#a8cce8;stroke:#a8cce8;background:transparent;box-shadow:none; }
#more ::selection,.spot-simple ::selection,.pages-extras ::selection { background:#385e79;color:#fff; }
@media(max-width:860px){
 #more.pages-intro { height:115svh;padding:0; }
 .pages-divider-pin { height:72svh;min-height:460px;padding:76px 0 60px; }
 #more h2 { font-size:clamp(35px,9vw,60px); }
 .pages-fan { height:clamp(230px,53vw,390px);margin-top:35px; }
 .pages-fan figure { width:44%; }
 .pages-fan-mod { transform:translate(-126%,0%) scale(.88); }
 .pages-fan-fx { transform:translate(26%,0%) scale(.88); }
 .pages-fan-seq { transform:translate(-50%,0%) scale(1.04); }
 .pages-fan figcaption { font-size:10px;letter-spacing:0;margin-top:1%; }
 .spot.spot-simple .spot-pin { padding:46px 0; }
 .pages-extras { padding-bottom:64px; }
}
@media(prefers-reduced-motion:reduce){
 #more.pages-intro { height:auto; }
 .pages-divider-pin { position:relative;height:auto;min-height:0;padding:85px 0 55px; }
}

/* Match the neutral graphite surface of the recorded hardware section. */
#more.pages-intro::after,.spot.spot-simple::after,.pages-extras::after { display:none; }
@media(max-width:860px){.pages-fan figcaption { font-size:9px; }.pages-fan-mod figcaption,.pages-fan-fx figcaption { margin-top:7%; }}

/* Neutral graphite testimonial cards and secondary labels. */
.testimonial-card,.testimonial-card.is-active { background:#1a2026; }
.testimonial-card:not(.is-active) { background:rgba(35,44,52,.82); }
.testimonial-role,.testimonial-placeholder { color:#aab9c4; }
.testimonial-person img { filter:grayscale(1); }

/* Bridge the expanded panels into the individual page walkthroughs. */
.pages-overview { width:min(900px,calc(100% - 48px));margin:0 auto;text-align:center;color:#b8c8d4;font-size:clamp(15px,1.5vw,19px);line-height:1.65;text-wrap:pretty; }
@media(max-width:860px){ .pages-overview { font-size:14px;line-height:1.55; }.pages-divider-pin { min-height:560px; }.pages-fan { height:clamp(175px,40vw,320px); } }

@media(min-width:861px){ .pages-divider-pin { padding-bottom:100px; } }

@media(min-width:861px){ .pages-overview { margin-top:24px;font-size:17px;line-height:1.5; } }