html,body{height:auto;overflow-x:clip;overflow-y:auto;background:#030405;color:#f5f7fa;scroll-behavior:smooth}
body{--ink:#f5f7fa;--ink-soft:#b4bbc5}
#story{position:relative;height:100svh;min-height:640px;overflow:hidden;overscroll-behavior:auto;background:#030405}
#story .copy-stage{z-index:3}
/* Let the complete models extend beyond the old playback-controls boundary. */
#story .stage-layout{overflow:visible}
@media(min-width:901px){
 #story{min-height:100svh}
 #story .visual{max-width:calc((100svh - 205px)*1.8)}
}
#story .copy .amp-label{position:absolute;left:0;top:-29px;margin:0;font:700 14px/1.2 var(--f-l);letter-spacing:.16em;text-transform:uppercase;color:#72b6e9}
#story .copy .scar{font:700 14px/1.4 var(--f-l);letter-spacing:.1em;text-transform:uppercase;color:#72b6e9;margin-top:16px}
#story .copy .acts{margin-top:22px}
#story .copy .cta1{border-radius:2px;min-height:44px;height:auto;white-space:normal;padding:12px 18px;font-size:14px}
#story .visual>canvas:first-of-type{z-index:1}
#story .screen-layer{z-index:2}#story .report-pieces{z-index:3;pointer-events:none}
#story .platforms{z-index:4}
#story .ads-lines{position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:0;transition:opacity .25s}#story .ads-lines.active{opacity:1}
#story .ads-lines text{paint-order:stroke;stroke:#030405;stroke-width:12px;stroke-linejoin:round}
#story .site-links{display:flex;gap:24px;font-size:12px;color:#b4bbc5}
#story .header-actions{display:flex;align-items:center;gap:20px;font-size:12px}
#story .header-actions .cta1{border-radius:30px;font-size:13px;height:38px}
#story .scene-nav{gap:1px}#story .scene-nav button{padding:14px 3px}#story .scene-nav button span{width:13px}#story .scene-nav button[aria-current] span{width:24px}
#story .skip-story{position:absolute;right:6%;bottom:104px;z-index:6;font:11px/1.3 var(--f-b);color:#a5b4c5;text-underline-offset:4px}
#story .error-state{color:#f4caca}
#story .loading .retry{border:1px solid #8bafcd;background:transparent;padding:10px 20px;border-radius:3px}
.approved-content{display:block;position:relative;inset:auto;background:#030405;color:#f5f7fa;scroll-margin-top:24px}
.C .approved-content h2,.C .approved-content h3,.C .approved-content .nm,.C .approved-content .tq blockquote{color:#f5f7fa}
.C .approved-content .lab,.C .approved-content .num{color:#72b6e9}
.C .approved-content .st p,.C .approved-content .stm,.C .approved-content .tq p,.C .approved-content .faq p{color:#b4bbc5}
.C .approved-content .faq details{border-color:#ffffff24}
/* Dark client bar from apodcastgeek.com, scoped to this preview. */
.C .approved-content .brands{background:linear-gradient(180deg,#ffffff05 0%,#ffffff0d 50%,#ffffff05 100%),#060810;border-radius:0;border-color:rgba(55,138,221,.1);padding:48px 0}
.C .approved-content .brands .bh{color:#556677;font:400 12px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:2px;margin:0 0 32px}
.C .approved-content .brands .bm{mask-image:none;-webkit-mask-image:none}
.C .approved-content .brands .bt{gap:64px;animation-duration:30s}
.C .approved-content .brands .bdup{gap:64px;padding-right:64px}
.C .approved-content .brands .bl{height:28px;max-height:28px;margin:0;filter:brightness(0) invert(1);opacity:.5}
.C .approved-content .brands .bl:hover{opacity:.8}
.C .approved-content .brands .bl.sm{height:22px;max-height:22px}
.C .approved-content .brands .bl.lg{height:38px;max-height:38px}
.C .approved-content .brands .bl.x2{height:56px;max-height:56px}
.C .approved-content .brands .bl.xl{height:84px;max-height:84px}
.C .approved-content .brands .bl.syn{height:29px;max-height:29px}
.C .approved-content .brands .bl.syn,.C .approved-content .brands .bl.sun{filter:none;opacity:.7}

.C .pop{background:#06101f;color:#f5f7fa}.C .pop h2,.C .pop .gst,.C .pop .nm{color:#f5f7fa}.C .pop .g2,.C .pop .cap{color:#b4bbc5}.C .pop .x{color:#fff}.C .pop .plogo{filter: drop-shadow(0 0 1px white);}
.C .pop .gst .iw{background-color:transparent}
.apg-paired-footer .apg-footer-apg{filter: drop-shadow(0 0 1px white);}
.preview-return{display:block;text-align:center;margin:42px auto;color:#9ac9ed;font:14px var(--f-b)}
@media(max-width:900px){
 #story{min-height:620px}#story .site-links{display:none}#story .header-actions{gap:10px;font-size:10px}#story .header-actions .cta1{font-size:10px;height:34px;padding:0 12px}
 #story header{left:6%;right:6%}#story .logo{width:128px}
 #story .story-controls{grid-template-columns:1fr auto;row-gap:4px}
 #story .scene-nav{grid-column:1/-1;justify-content:center;order:2}#story .scene-nav button{padding:8px 3px;min-height:28px}#story .scene-nav button span{width:17px}#story .scene-nav button[aria-current] span{width:26px}
 #story .instruction{grid-column:auto;font-size:9px;max-width:165px}#story .controls{justify-self:end}#story .controls #play{font-size:9px;padding:0 10px}
 #story .skip-story{bottom:119px;font-size:10px}
 #story .copy .acts{margin-top:16px}#story .copy .cta1{font-size:12px;padding:10px 13px}
 #story .copy .scar{font-size:12px;margin-top:12px}
 .approved-content{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}}

.C .approved-content .audit,.C .approved-content .tq,.C .gtee{background:#101216}
#homepage-scorecard p{color:#b4bbc5}.home-scorecard-link{background:#101216;color:#72b6e9}
@media(max-width:900px){#story{min-height:100svh}#story .visual{width:min(100vw,calc((100svh - 470px)*1.333));bottom:-3%}}
@media(max-width:900px) and (max-height:700px){#story .copy .lead{font-size:14px;line-height:1.5;margin-top:14px}#story .copy .who{font-size:13px;margin-top:10px}}
#story.ready .loading{opacity:0;pointer-events:none}
#story .logo{padding:0}

#story .copy[data-scene="8"] .hl{max-width:390px}
@media(min-width:721px){.C .approved-content .how .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}}
#story header{position:fixed;left:0;right:0;top:0;height:92px;padding:22px 5.8%;background:#030405f2;backdrop-filter:blur(12px);z-index:30}
.approved-content{scroll-margin-top:112px}
@media(max-width:900px){#story header{height:85px;padding:20px 6%}.approved-content{scroll-margin-top:100px}}

/* One continuous spotlight, present behind every scene. */
#story{background:#000}#story .visual{isolation:isolate}
#story .light{inset:-25% -5% -5%;background:radial-gradient(ellipse 45% 60% at 50% 48%,#bcdcf22e 0%,#7295b414 50%,transparent 80%);filter:blur(12px);opacity:1}
#story .visual:after{content:'';position:absolute;z-index:5;inset:-15% 0 0;pointer-events:none;background:conic-gradient(from 154deg at 50% -30%,transparent 0deg,#cfe6ff0b 9deg,#e4f2ff10 18deg,transparent 32deg);filter:blur(18px);mask-image:linear-gradient(#000,transparent 92%)}
#story .floor{left:8%;right:8%;top:78%;height:18%;background:radial-gradient(ellipse,#aac7e333,transparent 68%);filter:blur(12px)}
#story .media-layer{z-index:2}#story .screen-layer{z-index:3}#story .report-pieces{z-index:4}

/* Approved spotlight v3: clear black gap above the controls. */
#story .floor { display: none; }
#story .story-error{position:absolute;z-index:10;left:7%;right:7%;bottom:36px;color:#f4caca;font:13px/1.5 var(--f-b)}
#story .light {
  mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 75%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 75%);
}
#story .visual::after {
  mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 73%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 73%);
}