/* ================= brand tokens (spec 1.2) ================= */
:root{
  --apg-blue-dark:#174488;
  --apg-blue:#1D68A9;
  --apg-blue-light:#4F98CE;
  --black:#000000;
  --white:#FFFFFF;
  --navy-deep:#06101F;
  --navy:#0A1A33;
  --bg-light:#F4F9FF;
  --apg-gradient:linear-gradient(90deg,#174488 0%,#1D68A9 55%,#4F98CE 100%);
  --apg-gradient-v:linear-gradient(180deg,#174488 0%,#1D68A9 55%,#4F98CE 100%);
  --ink:var(--black);
  --ink-soft:rgba(0,0,0,.68);
  --ease-expo:cubic-bezier(.16,1,.3,1);
  --f-h:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --f-b:"Open Sans","Helvetica Neue",Arial,sans-serif;
  --f-l:"Rajdhani","Arial Narrow",sans-serif;
  /* v9 type scale */
  --t-film:clamp(30px,3.4vw,52px);
  --t-sec:clamp(28px,3vw,44px);
  --t-lead:clamp(16px,1.25vw,18px);
  --t-fig:clamp(36px,3.6vw,56px);
  /* visible height under the sticky header (JS keeps --hdh exact) */
  --avail:calc(100vh - var(--hdh,76px));
}
*{box-sizing:border-box}
html{background:var(--white);-webkit-text-size-adjust:100%;scrollbar-color:var(--apg-blue-dark) var(--bg-light)}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.55 var(--f-b);-webkit-font-smoothing:antialiased;caret-color:var(--apg-blue-dark)}
::selection{background:var(--apg-blue-dark);color:var(--white)}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--apg-blue-dark);outline-offset:3px}
h1,h2,h3,p,ul,blockquote{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3{font-family:var(--f-h);text-wrap:balance}
p,li,blockquote{text-wrap:pretty}
[hidden]{display:none!important}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lab{font-family:var(--f-l);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:15px;line-height:1.2}
.num,.fv,.n{font-variant-numeric:tabular-nums;white-space:nowrap}

/* slider-dot bar motif (spec 1.2) */
.bar{position:relative;height:5px;border-radius:5px;background:var(--apg-gradient)}
.dot{display:block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4F98CE,#174488)}
.bar .dot{position:absolute;top:50%;left:9px;transform:translate(-50%,-50%)}
.bar .dot.end{left:calc(100% - 9px)}
.bar.glow{box-shadow:0 0 16px rgba(31,104,169,.5)}
.bar.glow .dot{box-shadow:0 0 20px rgba(79,152,206,.6)}


/* ================= header (shared) ================= */
.hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 3%;height:var(--hh);background:var(--white)}
.logo{display:block;flex:none;padding:8px 0}
.logo img{width:140px;height:auto}
.ft .logo img{filter: drop-shadow(0 0 1px white);}
.hsteps,.rhead,.pbar{display:none}
.ctas{margin-left:auto;display:flex;align-items:center;gap:24px}
.cta1{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;background:var(--apg-blue-dark);color:var(--white);font:600 16px/1 var(--f-b);text-decoration:none;white-space:nowrap;transition:background-color .18s ease,transform .14s ease}
.cta1:hover{background:var(--navy)}
.cta1:active{transform:scale(.98)}
.cta2{display:inline-flex;align-items:center;min-height:44px;font:600 16px/1.2 var(--f-b);white-space:nowrap;transition:color .18s ease,background-color .18s ease,transform .14s ease}
.cta2:active{transform:scale(.98)}

/* ================= film (shared) ================= */
main{display:block}
.scene{position:relative;container-type:inline-size;width:min(100%,calc(var(--avail) * 1.5));aspect-ratio:3/2;margin:0 auto 6vh}
.scene.w{width:min(100%,calc(var(--avail) * 16 / 9));aspect-ratio:16/9}
.stage{position:absolute;inset:0}
.stage>img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.txt,.ctr{position:absolute;z-index:3}
.txt{left:4%;top:9%}
.hl .in{display:block}
.lead,.who{font:400 var(--t-lead)/1.45 var(--f-b);margin-top:16px;max-width:44ch}
.who{margin-top:8px;color:var(--ink-soft);max-width:40ch}
.scar{margin-top:14px;color:var(--apg-blue-dark)}
.num{margin:0}
.scr{position:absolute;background:var(--black);overflow:hidden}
.scr video{width:100%;height:100%}
.arc2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* film overlay colours sampled from the whitened n4 cubes (film content, not UI) */
.arc2 use{fill:#58585c}
.cl{position:absolute;display:flex;align-items:center;white-space:nowrap;transform:translate(-6px,-50%);line-height:1;z-index:2}
.cl .cd{flex:none;width:11px;height:11px;border-radius:50%;background:var(--white);border:2px solid var(--black)}
.cl .ln{flex:none;width:4cqw;height:2px;background:var(--black);margin-right:10px}

/* scene 1: hero + breakdown, one pinned scrubbed move */
.hero{position:relative;height:var(--avail);display:flex;align-items:center;justify-content:center;margin:0 0 6vh;background:var(--white);overflow:hidden}
.hero .box{position:relative;width:min(100%,calc(var(--avail) * 16 / 9));aspect-ratio:16/9;container-type:inline-size}
.hero .stage{overflow:hidden}
.hero .bd,.hero .bd-still{width:100%;height:100%;object-fit:contain;background:var(--white)}
.C .hero .t1{left:4%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;max-width:40%}
.C .hero .t1 .lead{max-width:30ch}
.C .hero .t2{left:4%;top:9%;max-width:40%}
.js .hero .t2{opacity:0;visibility:hidden}
.hero .b2{margin-top:0}
.hero.still{height:auto;flex-direction:column;overflow:visible}
.hero.still .t2{opacity:1;visibility:visible}

.cover{width:100%;height:auto;border-radius:0}

/* guarantee */
.gtee{margin:0 auto 6vh}
.gtee .bar{display:none}
.g-in{max-width:760px;margin:0 auto}
.g-h{font-family:var(--f-l)}
.g-st{font:800 clamp(22px,2.2vw,32px)/1.3 var(--f-h);letter-spacing:-.015em;color:var(--black);margin-top:20px;text-wrap:pretty}
.g-2{font:400 clamp(16px,1.15vw,17px)/1.55 var(--f-b);color:var(--ink-soft);max-width:62ch;margin-top:28px}


/* ================= after the film (shared) ================= */
.af{max-width:1248px;margin:0 auto 120px;padding:0 24px}
.af h2{font-size:var(--t-sec);line-height:1.05;letter-spacing:-.025em;margin-bottom:36px}
.steps{position:relative}
.steps .rl{display:none}
.st{position:relative}
.st .sdot,.st .sb{display:none}
.st p{margin-top:8px}
.audit .stm{max-width:44ch}
.audit .stm p{font:600 18px/1.4 var(--f-b)}
.audit .stm p+p{margin-top:12px}
.act{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:32px}
.act p{font:400 17px/1.4 var(--f-b)}
.tqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tq{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--bg-light);border-top:5px solid var(--apg-blue-dark);border-radius:2px;padding:28px 26px 24px}
.tq blockquote{font:400 16px/1.55 var(--f-b);color:var(--black)}
.tq figcaption{display:flex;align-items:center;gap:14px}
.av{flex:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#4F98CE,#174488);color:var(--white);font:800 18px/1 var(--f-h);letter-spacing:.02em}
.av.ph{position:relative;overflow:hidden;background:var(--white);box-shadow:0 0 0 1px rgba(23,68,136,.18)}
.av.ph img{position:absolute;max-width:none;width:calc(var(--z) * 100%);height:auto;left:calc(50% - var(--fx) * var(--z) * 100%);top:calc(50% - var(--fy) * var(--z) * 100%)}
.who-t{display:flex;flex-direction:column;min-width:0}
.nm{font:600 16px/1.3 var(--f-b);color:var(--black)}
.rl2{font:400 14px/1.4 var(--f-b);color:var(--ink-soft)}
@media (max-width:1100px){.tqs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq .q{font:600 18px/1.4 var(--f-b)}
.faq .a{margin-top:6px}
.faq .a+.q{margin-top:28px}
.ft{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px;background:var(--navy-deep);color:var(--white);padding:64px 3%;font-size:14px;line-height:1.45}
.ft a{text-decoration:none}
.ft a:hover{text-decoration:underline}
.ft .links{display:flex;gap:24px}
.ft .logo img{width:160px}
.ft .fbar{display:none}

/* =====================================================================
   Direction C: Masthead (spec 2)
   ===================================================================== */
.C{--hh:72px}
.C .hsteps{display:flex;flex:1;justify-content:center;gap:28px;color:var(--ink-soft)}
.C .hsteps span{font-size:16px}
.C .hsteps .on{color:var(--apg-blue-dark)}
.C .ctas{margin-left:0}
.C .pbar{display:block;position:absolute;left:0;right:0;bottom:0;border-radius:0}
.C .pbar .dot{left:clamp(9px,var(--p,0%),calc(100% - 9px))}
.C .cta2{color:var(--black);text-decoration:underline;text-decoration-color:var(--apg-blue-dark);text-decoration-thickness:2px;text-underline-offset:.2em}
.C .cta2:hover{color:var(--apg-blue)}
.C .cta1{border-radius:2px}
@media (max-width:1320px){.C .hsteps{display:none}.C .ctas{margin-left:auto}}

.C .hl{font:800 var(--t-film)/1.02 var(--f-h);letter-spacing:-.03em;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.C .txt{max-width:60%}
.C .s10 .txt{top:72%;width:50%;max-width:none}
.C .s10 .hl{position:absolute;left:0;right:0;bottom:100%;margin:0}
.C .s3 .lead{max-width:40ch}
.C .s4 .txt{top:8%;max-width:36%}
.C .s4 .lead{max-width:26ch}
.C .s6 .lead{max-width:40ch}
.C .s8 .txt{max-width:40%}
.C .s8 .lead{max-width:30ch}
.s8cap{position:absolute;z-index:3;left:4%;bottom:5%;font:400 14px/1.45 var(--f-b);color:var(--ink-soft)}
.C .ctr{left:4%;bottom:16%;display:flex;flex-direction:column;max-width:44%}
.C .s5 .ctr{max-width:30%}
.C .lbl{order:-1;margin-bottom:6px;color:var(--apg-blue)}
.C .num{font:800 var(--t-fig)/1 var(--f-h);letter-spacing:-.03em;color:var(--apg-blue-dark)}
.C .cl{font-family:var(--f-l);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:15px;color:var(--apg-blue-dark)}

/* scene 8: the report window (a recording of the real report) */
.win{position:absolute;left:49.69%;top:19.70%;width:31.56%;height:56.94%;z-index:2;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:var(--navy-deep);box-shadow:0 18px 40px rgba(6,16,31,.28);transform:scale(1.04);transform-origin:50% 50%}
.win .wb{flex:none;display:flex;align-items:center;gap:6px;height:22px;padding:0 10px;background:var(--navy)}
.win .wb i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}
.win video{flex:1;min-height:0;width:100%;object-fit:cover;object-position:50% 0;background:var(--navy-deep)}

/* scene 7: the navy spread, sized to fit one screen */
.pc{--ch:clamp(200px,calc(var(--avail) * .36),320px);background:var(--navy-deep);color:var(--white);padding:clamp(32px,5vh,56px) 6%;margin:0 0 6vh}
.pc h2{font:800 var(--t-sec)/1.05 var(--f-h);letter-spacing:-.025em;max-width:70%;overflow:hidden;padding-bottom:.1em;margin-bottom:calc(clamp(24px,4vh,40px) - .1em)}
.pc .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:start}
.pc .book{grid-column:1 / span 4}
.pc .yt{grid-column:5 / span 8}
.pc .cover{width:auto;height:var(--ch)}
.pc .gl{color:var(--apg-blue-light)}
.pc .book .gl{margin-top:16px}
.sshot{margin:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.sshot img{width:100%;height:auto}
.pc .amz{margin-top:10px;background:var(--white);padding:10px 12px;width:calc(var(--ch) * 386 / 499);border-radius:6px}
.pc .ytshot{margin-top:24px}
.pc .cap{font:400 14px/1.45 var(--f-b);color:rgba(255,255,255,.72);margin-top:14px}
.pc .figs{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;column-gap:40px;margin-top:12px}
.pc .figs li{display:flex;flex-direction:column}
.pc .fv{font:800 clamp(26px,2.4vw,38px)/1.05 var(--f-h);letter-spacing:-.02em}
.pc .fu{font:400 16px/1.3 var(--f-b);color:var(--apg-blue-light);margin-top:4px}
.pc .rb{margin-top:clamp(24px,4vh,40px)}
.js:not(.rm) .C .pc .figs li{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-expo),transform .6s var(--ease-expo)}
.js:not(.rm) .C .pc.on .figs li{opacity:1;transform:none}
.pc .figs li:nth-child(2){transition-delay:90ms}
.pc .figs li:nth-child(3){transition-delay:180ms}
.pc .figs li:nth-child(4){transition-delay:270ms}

.C .gtee{max-width:1248px;background:var(--bg-light);border-radius:2px;padding:clamp(64px,10vh,104px) 5%}
.C .g-h{color:var(--apg-blue)}

.C .how .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:44px}
.C .how .steps .rl{display:block;position:absolute;left:0;right:0;top:0}
.C .st{text-align:center}
.C .st .sdot{display:block;position:absolute;left:50%;top:-50.5px;transform:translateX(-50%)}
.C .st h3{font-family:var(--f-l);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:16px;line-height:1.2;color:var(--apg-blue-dark)}
.C .audit{max-width:none;background:var(--bg-light);padding:64px max(6%,calc((100% - 1200px) / 2))}
.C .ft{padding-top:72px}
.C .ft .fbar{display:block;position:absolute;left:0;right:0;top:0;border-radius:0}


/* ================= v12: one pinned film from mic to mic, text in its own column ================= */
.film.run{position:relative}
.film .pin{position:sticky;top:var(--hdh,72px);height:var(--avail);overflow:hidden;background:var(--white)}
.film .frame{position:relative;height:100%;display:grid;grid-template-columns:30% 66% 4%;align-items:center}
.film .tcol{position:relative;height:100%}
.film .tb{position:absolute;left:clamp(20px,4.4vw,72px);right:4%;top:50%;transform:translateY(-50%)}
.film .scene.w{width:min(100%,calc(var(--avail) * 16 / 9));aspect-ratio:16/9;margin:0;justify-self:end}
.film .stage{-webkit-mask-image:linear-gradient(to right,transparent,#000 2.5%,#000 97.5%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 2.5%,#000 97.5%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.film .fv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;background:var(--white)}
.film .fv.on{opacity:1}
.ov{position:absolute;inset:0;z-index:2;pointer-events:none}
.os{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:var(--navy-deep);opacity:0;display:none;will-change:transform,opacity}
.os video{width:100%;height:100%}
.os img{display:block;width:100%;height:100%}
.tl{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none}
.tl .tld circle{fill:#fff;stroke:#1D68A9;stroke-width:3;filter:url(#tlg);transform-box:fill-box;transform-origin:center}
.js .film.run [data-win]{visibility:hidden}
.film .tb .hl{font-size:clamp(24px,2.4vw,40px)}
/* impact words: a light blue marker sweeps in behind them once the headline has built */
.hl .iw{background:linear-gradient(rgba(79,152,206,.45),rgba(79,152,206,.45)) left 62%/0% 34% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em .2em;margin:0 -.06em;transition:background-size .6s cubic-bezier(.16,1,.3,1)}
.hl.lit .iw,.stilly .hl .iw,html:not(.js) .hl .iw{background-size:100% 34%;transition:none}
.hl.lit .iw{transition:background-size .6s cubic-bezier(.16,1,.3,1) .1s}
@media (prefers-reduced-motion:reduce){.hl .iw{background-size:100% 34%;transition:none}}
.film .tb .lead,.film .tb .who{max-width:34ch}
.tb .dz{position:absolute;pointer-events:none;display:none}
.tb .ctr{position:static;display:flex;flex-direction:column;margin-top:28px;max-width:none}
.tb .acts{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.tb .rcap{margin-top:14px;font:400 14px/1.45 var(--f-b);color:var(--ink-soft);max-width:36ch}
.pbtn{cursor:pointer;border:0}
/* platform labels: the v11 style, heavier and easier to read */
.C .cl{font-family:var(--f-l);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(13px,1.15vw,18px);color:var(--navy);-webkit-text-stroke:.4px var(--navy);text-shadow:0 0 6px #fff,0 0 3px #fff,0 0 1px #fff}
.C .cl .dzt{display:flex;align-items:center}
.film .cl,.stilly .cl{transform:translate(0,-50%)!important}
.cl .dz{position:absolute;pointer-events:none;display:none}
.C .cl .ln{width:calc(2cqw + 14px);height:3px;background:var(--navy);margin-right:10px}
.stilly{position:relative}

/* free audit with Dave */
.C .audit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);column-gap:56px;align-items:center}
.C .audit h2{grid-column:1}
.C .audit .stm,.C .audit .act{grid-column:1}
.C .audit .ph{grid-column:2;grid-row:1 / span 3;margin:0;border-radius:4px;overflow:hidden}
.C .audit .ph img{width:100%;height:auto}
/* pop-up card */
.scrim{position:fixed;inset:0;z-index:90;background:rgba(6,16,31,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .28s ease}
.scrim.on{opacity:1;pointer-events:auto}
.pop{position:fixed;z-index:91;left:50%;top:50%;width:min(1120px,94vw);max-height:88vh;overflow:auto;border-radius:16px;padding:36px 40px;background:var(--navy-deep);color:var(--white);display:none;transform:translate(-50%,-50%) scale(.96);opacity:0;transition:transform .32s var(--ease-expo),opacity .2s ease}
.pop.on{display:block}
.pop.in{transform:translate(-50%,-50%) scale(1);opacity:1}
.pop .x{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:var(--white);font:400 26px/44px var(--f-b);cursor:pointer}
.pop .x:hover{background:rgba(255,255,255,.2)}
.pop h2{font:800 clamp(22px,2.2vw,30px)/1.1 var(--f-h);letter-spacing:-.02em;padding-right:52px}
.pop .gl{color:var(--apg-blue-light);margin-top:20px}
.pop .grid{display:grid;grid-template-columns:30% 1fr;gap:28px;margin-top:20px;align-items:start}
.pop img{height:auto}
.pop .cover{width:100%;border-radius:4px}
.pop .amz{background:var(--white);padding:8px 10px;border-radius:6px;margin-top:10px}
.pop .figs{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;column-gap:28px;margin-top:10px}
.pop .figs li{display:flex;flex-direction:column}
.pop .fv{font:800 clamp(20px,2vw,30px)/1.05 var(--f-h);letter-spacing:-.02em}
.pop .fu{font-size:14px;color:var(--apg-blue-light)}
.pop .yt{margin-top:16px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.pop .cap{font-size:13px;color:rgba(255,255,255,.7);margin-top:12px}
.pop .gst{font:800 clamp(20px,2vw,28px)/1.3 var(--f-h);margin-top:18px}
.pop .gst:first-child{margin-top:0;padding-right:52px}
.pop .gst .iw{background:linear-gradient(#1D68A9,#1D68A9) left 66%/0% 40% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em .2em;margin:0 -.06em;transition:background-size .6s cubic-bezier(.16,1,.3,1) .25s}
.pop.in .gst .iw{background-size:100% 40%}
@media (prefers-reduced-motion:reduce){.pop .gst .iw{background-size:100% 40%;transition:none}}
.pop .plogo{display:block;width:150px;height:auto;margin:30px 0 0 auto;filter:drop-shadow(0 0 1px white)}
.pop .ads{display:grid;grid-template-columns:1fr 52%;gap:24px;align-items:start;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.pop .figs.f3{grid-template-columns:1fr;row-gap:10px}
.pop .ads .g2{font-size:14px;margin-top:14px}
.pop .ads .yt{margin-top:0}
.pop .g2{color:rgba(255,255,255,.75);margin-top:18px;max-width:60ch}
@media (max-width:720px){
  .C .audit{grid-template-columns:1fr}
  .C .audit .ph{grid-column:1;grid-row:auto;margin-top:28px}
  .pop{padding:28px 22px}
  .pop .grid{grid-template-columns:1fr}
  .pop .figs{grid-template-columns:repeat(2,auto);row-gap:10px}
  .pop .ads{grid-template-columns:1fr}
  .pop .figs.f3{grid-template-columns:repeat(2,auto)}
}

/* ================= mobile (under 720px) ================= */
@media (max-width:720px){
  body{font-size:16px}
  .hd{padding:0 16px;gap:12px}
  .C{--hh:64px}
  .logo img{width:120px}
  .cta2.hdr{display:none}
  .cta1.hdr{white-space:normal;text-align:center;line-height:1.15;font-size:14px;height:auto;min-height:44px;padding:6px 14px;max-width:180px}
  .ctas{margin-left:auto!important}

  .C .hd{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:14px}
  .C .hsteps{display:flex;order:3;flex:0 0 100%;justify-content:space-between;gap:0}
  .C .hsteps span{font-size:14px;letter-spacing:.08em}

  .scene,.scene.w{width:100%;aspect-ratio:auto;display:flex;flex-direction:column;margin-bottom:48px}
  .stage{position:relative;inset:auto;aspect-ratio:3/2;order:2}
  .scene.w .stage{aspect-ratio:16/9}
  .scene .txt,.scene .ctr{position:static;max-width:none!important;width:auto!important;margin:0;padding:0 20px}
  .scene .txt{order:1;margin-bottom:16px}
  .scene .ctr{order:3;margin-top:12px}
  .scene .hl,.C .s10 .hl{position:static}
  .hl br{display:none!important}
  .lead,.who{max-width:none!important}
  .C .hl{font-size:clamp(26px,7.4vw,30px)}
  .C .num{font-size:36px}
  .cl{font-size:12px!important;letter-spacing:.02em!important;transform:translate(-4px,-50%);white-space:normal;max-width:22%;line-height:1.05}
  .cl .ln{width:2cqw!important;margin-right:4px!important}
  .cl .cd{width:9px!important;height:9px!important;border-width:1.5px!important}

  .hero{align-items:stretch}
  .hero .box{width:100%;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:center}
  .hero .stage{position:relative;inset:auto;aspect-ratio:16/9;order:2}
  .hero .tx{order:1;display:grid;padding:0 20px;margin-bottom:16px}
  .C .hero .t1,.C .hero .t2{position:static;display:block;max-width:none;grid-area:1/1;align-self:start}
  .hero.still .tx{display:block}

  .s8 .stage{aspect-ratio:auto}
  .s8 .stage>img{display:none}
  .win{position:relative;left:auto;top:auto;width:auto;height:auto;margin:0 20px;transform:none}
  .win video{flex:none;height:auto;aspect-ratio:880/1000}
  .s8cap{position:static;order:5;margin:12px 20px 0}

  .pc{padding:48px 20px}
  .pc h2{max-width:none}
  .pc .grid{grid-template-columns:1fr;row-gap:32px}
  .pc .book,.pc .yt{grid-column:auto}
  .pc{--ch:260px}
  .pc .figs{grid-template-columns:repeat(2,auto);row-gap:14px}
  .pc .fv{font-size:28px}
  .gtee,.C .gtee{margin:0 20px 48px;padding:48px 24px}

  .af{padding:0 20px;margin-bottom:80px}
  .C .how .steps{grid-template-columns:1fr;padding:0 0 0 44px;gap:28px}
  .C .how .steps .rl{left:0;right:auto;top:0;bottom:0;width:5px;height:auto;background:var(--apg-gradient-v)}
  .C .st{text-align:left}
  .C .st .sdot{left:-50.5px;top:2px;transform:none}
  .C .audit{padding:48px 20px}
  .tqs{grid-template-columns:1fr;gap:16px}
  .tq{padding:24px 20px 22px}
  .ft{padding:48px 20px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* logo bar from the current site: the brands we have produced podcasts for, scrolling left on a loop */
.brands{margin:0 0 120px;padding:56px 0 52px;border-top:1px solid rgba(10,26,51,.08);border-bottom:1px solid rgba(10,26,51,.08);overflow:hidden}
.brands .bh{text-align:center;color:var(--apg-blue-dark);margin:0 0 28px}
.brands .bm{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brands .bt{display:flex;align-items:center;width:max-content;animation:bmq 40s linear infinite}
.brands .bt:hover{animation-play-state:paused}
.brands .bdup{display:flex;align-items:center}
.brands .bl{height:28px;width:auto;margin:0 32px;object-fit:contain;filter:brightness(0);opacity:.5;transition:opacity .3s}
.brands .bl:hover{opacity:.85}
.brands .bl.sm{height:22px}.brands .bl.lg{height:38px}.brands .bl.x2{height:56px}.brands .bl.xl{height:84px;margin:-14px 20px}.brands .bl.rx{height:46px}.brands .bl.syn{height:29px}
.brands .bl.nf{filter:grayscale(1) contrast(1.1);opacity:.65}
@keyframes bmq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.brands .bt{animation:none;flex-wrap:wrap;justify-content:center;width:auto;row-gap:24px;padding:0 20px}.brands .bdup{display:none}.brands .bm{-webkit-mask-image:none;mask-image:none}}
@media (max-width:720px){.brands{padding:40px 0}.brands .bl{margin:0 20px;height:22px}.brands .bl.x2{height:42px}.brands .bl.xl{height:60px;margin:-10px 14px}.brands .bl.rx{height:34px}.brands .bl.lg{height:30px}}

.legacy-home-anchor{display:block;height:0;scroll-margin-top:var(--hdh,72px)}#free-audit{scroll-margin-top:var(--hdh,72px)}.C .film.run *,.C .stilly *{box-shadow:none!important;text-shadow:none!important}.C .film.run .tl circle,.C .stilly .tl circle{filter:none!important}

 #hd.apg-site-header{--f-b:"Open Sans","Helvetica Neue",Arial,sans-serif;--f-l:"Rajdhani","Arial Narrow",sans-serif;--apg-blue-dark:#174488;--black:#000;--white:#fff;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 3%;height:72px;min-height:0;width:100%;margin:0;border:0;background:#fff;color:#000;box-shadow:none;flex-shrink:0;font:400 17px/1.55 var(--f-b);-webkit-font-smoothing:antialiased}
 #hd.apg-site-header,#hd.apg-site-header *{box-sizing:border-box}
 #hd.apg-site-header .logo{display:block;flex:none;padding:8px 0;margin:0;border:0;background:none;color:#000;text-decoration:none}
 #hd.apg-site-header .logo img{display:block;width:140px;max-width:100%;height:auto;margin:0;filter:none}
 #hd.apg-site-header .hsteps{display:flex;flex:1;justify-content:center;align-items:center;gap:28px;margin:0;padding:0;color:rgba(0,0,0,.68)}
 #hd.apg-site-header .hsteps span{font:700 16px/1.2 var(--f-l);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;margin:0;padding:0}
 #hd.apg-site-header .hsteps .on{color:#174488}
 #hd.apg-site-header .ctas{display:flex;align-items:center;padding:0}
 #hd.apg-site-header .home-strategy-call{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;width:auto;flex:none;order:initial;grid-column:auto;grid-row:auto;margin:0;border:0;background:#174488;color:#fff;font:600 14px/1 var(--f-b);text-decoration:none;transition:background-color .18s ease}
 #hd.apg-site-header .home-strategy-call:hover{background:#0A1A33}
 #hd.apg-site-header .home-client-login{margin:0;order:initial;grid-column:auto;grid-row:auto;justify-self:auto;background:#fff}
 #hd.apg-site-header .pbar{display:block;position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:0;background:linear-gradient(90deg,#174488 0%,#1D68A9 55%,#4F98CE 100%)}
 #hd.apg-site-header .pbar .dot{display:block;position:absolute;top:50%;left:clamp(9px,var(--p,0%),calc(100% - 9px));width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#4F98CE,#174488)}
 #hd.apg-site-header .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 #hd.apg-site-header .home-site-links{display:flex;align-items:center;gap:24px;margin-left:auto;flex:none}
 #hd.apg-site-header .home-site-links a,#hd.apg-site-header .home-client-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:600 14px/1.2 var(--f-b);color:var(--black);text-decoration:none;white-space:nowrap}
 #hd.apg-site-header .home-site-links a:hover,#hd.apg-site-header .home-client-login:hover{color:var(--apg-blue-dark);text-decoration:underline;text-underline-offset:4px}
 #hd.apg-site-header a:focus-visible{outline:2px solid var(--apg-blue-dark);outline-offset:4px}
 #hd.apg-site-header .ctas{gap:16px;margin-left:0;flex:none}
 #hd.apg-site-header .home-client-login{padding:0 12px;border:1px solid var(--apg-blue-dark);border-radius:6px;color:var(--apg-blue-dark)}
 #hd.apg-site-header .home-strategy-call{border-radius:8px;font-size:14px;white-space:nowrap;max-width:none;height:44px;padding:0 18px}
 @media(min-width:1100px) and (max-width:1679px){#hd.apg-site-header{gap:20px;padding-inline:2%}#hd.apg-site-header .hsteps{display:flex;gap:14px}#hd.apg-site-header .hsteps span{font-size:12px;letter-spacing:.08em}#hd.apg-site-header .home-site-links{gap:18px}}
 @media(min-width:721px) and (max-width:1099px){#hd.apg-site-header{height:auto;min-height:100px;flex-wrap:wrap;gap:8px 16px;padding-block:10px 14px}#hd.apg-site-header .hsteps{display:flex;order:4;flex:0 0 100%;justify-content:center;gap:28px}#hd.apg-site-header .hsteps span{font-size:12px}#hd.apg-site-header .home-site-links{gap:18px}#hd.apg-site-header .logo img{width:128px}}
 @media(max-width:720px){#hd.apg-site-header{height:auto;padding:12px 20px 17px;display:grid;grid-template-columns:1fr auto;gap:8px 12px}#hd.apg-site-header .logo{grid-column:1;grid-row:1}#hd.apg-site-header .logo img{width:128px}#hd.apg-site-header .hsteps span{font-size:10px;letter-spacing:.02em}#hd.apg-site-header .pbar{height:3px}#hd.apg-site-header .pbar .dot{width:12px;height:12px}#hd.apg-site-header .home-site-links{grid-column:1 / -1;grid-row:2;margin:0;gap:28px;justify-content:center}#hd.apg-site-header .ctas{grid-column:2;grid-row:1;display:grid;grid-template-columns:auto auto;gap:8px;margin:0!important;align-self:start}#hd.apg-site-header .home-site-links a{font-size:13px}#hd.apg-site-header .home-client-login{padding-inline:8px;font-size:13px}#hd.apg-site-header .home-strategy-call{font-size:13px;padding-inline:10px}#hd.apg-site-header .hsteps{grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;gap:0}}
 @media(max-width:370px){#hd.apg-site-header .ctas{grid-column:1 / -1;grid-row:2;justify-content:end}#hd.apg-site-header .home-site-links{grid-column:2;grid-row:1;gap:10px}#hd.apg-site-header .home-site-links a{font-size:12px}#hd.apg-site-header .logo{padding-block:0}#hd.apg-site-header .hsteps{grid-row:3}#hd.apg-site-header{padding-top:10px;padding-bottom:14px}}
 @media(max-width:370px){#hd.apg-site-header{column-gap:8px;padding-inline:16px}#hd.apg-site-header .home-site-links{gap:10px}}

#homepage-scorecard{margin-top:28px;padding-top:24px;border-top:1px solid #cbd9e8;max-width:44ch}#homepage-scorecard p{font:400 16px/1.6 var(--f-b);color:#31425a;margin:0 0 14px}.home-scorecard-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #174488;border-radius:8px;color:#174488;background:#fff;font:600 15px/1.4 var(--f-b);text-decoration:none}.home-scorecard-link:hover{background:#e8f1fc}.home-scorecard-link:focus-visible{outline:3px solid #174488;outline-offset:4px}