/* ============================================================
   POL Home — sections below the hero
   Warm-paper / charcoal rhythm, editorial asymmetry,
   instrument-readout motif carried through.
   ============================================================ */
.sec{position:relative;padding:104px 48px}
.sec-inner{max-width:1240px;margin:0 auto}
.sec-paper{background:var(--paper);color:var(--charcoal)}
.sec-dark{background:var(--deep);color:var(--paper)}
.sec-charcoal{background:var(--charcoal);color:var(--paper)}
.sec h2{font-family:"Archivo",sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.0;margin:0}
.sec h3{font-family:"Archivo",sans-serif;font-weight:700;letter-spacing:-.01em;margin:0}
.sec p{margin:0;text-wrap:pretty}
.eyebrow-rule{display:flex;align-items:center;gap:14px;font-family:"IBM Plex Mono",monospace;
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage)}
.eyebrow-rule::before{content:"";width:34px;height:1px;background:var(--orange)}

/* ---- credibility ticker --------------------------------- */
.cred{background:var(--charcoal);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
  overflow:hidden;padding:0}
.cred .track{display:flex;width:max-content;animation:credslide 34s linear infinite}
@keyframes credslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cred .track{animation:none}}
.cred .it{display:flex;align-items:center;gap:14px;padding:18px 30px;white-space:nowrap;
  font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.12em;color:rgba(246,244,240,.82)}
.cred .it b{color:var(--orange);font-weight:600}
.cred .it .sep{color:var(--sage);opacity:.7}

/* ---- blindspot ------------------------------------------ */
.blind-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;margin-top:46px;align-items:start}
.blind-lead{font-family:"Inter",sans-serif;font-size:19px;line-height:1.65;color:var(--charcoal)}
.blind-lead p+p{margin-top:20px}
.blind-lead .dim{color:rgba(50,47,47,.62)}
.consequences{border-top:2px solid var(--charcoal);padding-top:8px}
.cons{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line-light)}
.cons .n{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--orange);padding-top:5px}
.cons h3{font-size:21px;color:var(--charcoal)}
.cons p{font-family:"Inter",sans-serif;font-size:15px;line-height:1.55;color:rgba(50,47,47,.66);margin-top:7px}

/* ---- keystones (system) --------------------------------- */
.sys-head{max-width:760px}
.sys-head h2{font-size:clamp(34px,4.4vw,56px);margin-top:26px}
.sys-head p{font-family:"Inter",sans-serif;font-size:18px;line-height:1.6;color:rgba(246,244,240,.72);margin-top:24px;max-width:60ch}
.keys{margin-top:72px;display:flex;flex-direction:column;gap:0}
.key{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  padding:54px 0;border-top:1px solid var(--line-dark)}
.key:nth-child(even) .key-media{order:2}
.key-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-dim)}
.key-eyebrow b{color:var(--orange);font-weight:600}
.key h3{font-size:30px;margin:14px 0 0;color:var(--paper)}
.key-body{font-family:"Inter",sans-serif;font-size:15.5px;line-height:1.62;color:rgba(246,244,240,.72);margin-top:18px}
.key-body p+p{margin-top:12px}
.key-list{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.key-list li{position:relative;padding-left:22px;font-family:"Inter",sans-serif;font-size:14.5px;line-height:1.5;color:rgba(246,244,240,.78)}
.key-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border:1px solid var(--sage);border-radius:1px}
.key .btn-primary{margin-top:26px}
.key-media{position:relative;height:340px;border-radius:4px;overflow:hidden;background:#15110f}
/* uniform house grade so the varied-quality clips match across keystones */
.key-vid{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.9) contrast(1.06) brightness(1.03) sepia(.06) hue-rotate(-4deg)}
/* keystone 02 source has baked-in pillarbox; scale up to crop the black sides */
.key-vid--crop{transform:scale(1.24);transform-origin:center}
.key-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 60px 12px rgba(20,17,17,.45);
  background:linear-gradient(180deg,rgba(34,30,30,.18),transparent 24%,transparent 78%,rgba(34,30,30,.28))}

/* image placeholder reused from pol.css .ph — local tag styling */
.ph .ph-tag2{position:absolute;top:14px;left:14px;z-index:3;font-family:"IBM Plex Mono",monospace;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);
  border:1px solid rgba(255,127,0,.5);padding:4px 8px;border-radius:2px}
.ph .ph-note3{position:absolute;left:16px;bottom:16px;right:16px;z-index:3;
  font-family:"IBM Plex Mono",monospace;font-size:11px;line-height:1.55;color:rgba(246,244,240,.6)}

/* ---- stats band ----------------------------------------- */
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);
  border:1px solid var(--line-dark)}
.statband .st{background:var(--deep);padding:38px 28px}
.statband .st .v{font-family:"Archivo",sans-serif;font-weight:800;font-size:46px;letter-spacing:-.02em;color:var(--paper);line-height:1}
.statband .st .v b{color:var(--orange);font-weight:800}
.statband .st .l{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--sage-dim);margin-top:14px;line-height:1.4}

/* ---- who it's for --------------------------------------- */
.who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:50px}
.who-card{background:var(--white);border:1px solid var(--line-light);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column}
.who-card .ph{height:220px}
.who-card .who-img{width:100%;height:100%;object-fit:cover;display:block}
.who-card .who-body{padding:26px 26px 30px}
.who-card .who-tag{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sage)}
.who-card h3{font-size:23px;color:var(--charcoal);margin:10px 0 0}
.who-card p{font-family:"Inter",sans-serif;font-size:15px;line-height:1.58;color:rgba(50,47,47,.68);margin-top:12px}

/* ---- results / testimonials ----------------------------- */
.results-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.feat-quote{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;
  border:1px solid var(--line-dark);border-radius:4px;padding:48px;background:rgba(246,244,240,.02)}
.feat-quote .q{font-family:"Archivo",sans-serif;font-weight:600;font-size:25px;line-height:1.34;letter-spacing:-.01em;color:var(--paper)}
.feat-quote .q span{color:var(--orange)}
.feat-quote .who{margin-top:24px;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;color:var(--sage-dim)}
.feat-readout{display:flex;flex-direction:column;gap:1px;background:var(--line-dark);border-radius:4px;overflow:hidden}
.feat-readout .r{background:var(--deep);padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline}
.feat-readout .r .rl{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-dim)}
.feat-readout .r .rv{font-family:"Archivo",sans-serif;font-weight:800;font-size:24px;color:var(--paper)}
.feat-readout .r .rv b{color:var(--orange)}
.quotes{margin-top:28px;columns:3;column-gap:24px}
.quote{break-inside:avoid;margin-bottom:24px;border:1px solid var(--line-dark);border-radius:4px;padding:24px}
.quote p{font-family:"Inter",sans-serif;font-size:14.5px;line-height:1.6;color:rgba(246,244,240,.78)}
.quote .who{margin-top:16px;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--orange)}
.results-vary{margin-top:22px;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;color:var(--sage-dim)}

/* ---- closing CTA ---------------------------------------- */
.cta-band{background:var(--orange);color:var(--deep);text-align:center;padding:110px 48px}
.cta-band .eyebrow-rule{justify-content:center;color:var(--deep)}
.cta-band .eyebrow-rule::before,.cta-band .eyebrow-rule::after{background:rgba(34,30,30,.5)}
.cta-band h2{font-size:clamp(40px,6vw,82px);margin:26px auto 0;max-width:16ch}
.cta-band .sub{font-family:"Inter",sans-serif;font-size:19px;line-height:1.5;color:rgba(34,30,30,.82);margin:24px auto 0;max-width:48ch}
.cta-band .btn-dark{display:inline-flex;align-items:center;gap:12px;margin-top:38px;cursor:pointer;
  font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.04em;font-weight:600;
  background:var(--deep);color:var(--paper);padding:18px 30px;border-radius:2px;border:0}

/* ---- FAQ ------------------------------------------------- */
.faq{margin-top:46px;max-width:840px}
.faq details{border-bottom:1px solid var(--line-light);padding:22px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-family:"Archivo",sans-serif;font-weight:700;font-size:19px;color:var(--charcoal)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{font-family:"IBM Plex Mono",monospace;font-size:20px;color:var(--orange);flex:none}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq summary .pm{transition:transform .2s}
.faq p{font-family:"Inter",sans-serif;font-size:15.5px;line-height:1.62;color:rgba(50,47,47,.7);margin-top:14px;max-width:70ch}

/* ---- footer --------------------------------------------- */
.foot{background:var(--deep);color:var(--paper);padding:64px 48px 40px;border-top:1px solid var(--line-dark)}
.foot-top{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:36px}
.foot-top img{height:48px}
.foot-links{display:flex;gap:54px;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:11px}
.foot-col .h{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-dim);margin-bottom:4px}
.foot-col a{font-family:"Inter",sans-serif;font-size:14px;color:rgba(246,244,240,.72);text-decoration:none}
.foot-col a:hover{color:var(--paper)}
.foot-base{max-width:1240px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--line-dark);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;color:var(--sage-dim)}

@media (max-width:900px){
  .sec{padding:72px 24px}
  .blind-grid,.key,.feat-quote{grid-template-columns:1fr;gap:36px}
  .key:nth-child(even) .key-media{order:0}
  .statband,.who-grid{grid-template-columns:repeat(2,1fr)}
  .quotes{columns:1}
}