/* V3 production refinements: readable diagrams, transparent identity, cinematic footage. */
body{font-family:"Source Sans 3",Arial,sans-serif;font-size:17px;line-height:1.6}
h1,h2,h3,.font-serif{font-family:Fraunces,Georgia,serif;text-wrap:balance}
p{text-wrap:pretty}
#header{background:#fdfcf8;border-bottom:1px solid #1b43321a;backdrop-filter:none}
#header svg{height:40px;width:30px;flex-shrink:0}
#header a:first-child{flex-shrink:0}
#header a:first-child .font-serif{white-space:nowrap}
#hero{height:auto;min-height:760px;padding-top:145px;padding-bottom:100px}
#hero-title{letter-spacing:-.045em;line-height:1.04;max-width:1050px}
#hero-stats{font-variant-numeric:tabular-nums}
#lead .wf,#callout-text .wf{opacity:1!important}
#intro-image{grid-column:1/-1}
#intro-image>div:first-child{aspect-ratio:16/9;border-radius:20px;background:#10221c}
#seminar-light{width:100%;height:100%;object-fit:contain;display:block}
#intro-image>div:nth-child(2){bottom:22px;right:22px;box-shadow:none}
#venn{grid-column:1/-1;margin-top:16px}
.inquiry-bridge{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:28px;border-top:1px solid #1b433226;border-bottom:1px solid #1b433226;padding:32px 0}
.bridge-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#726184}
.inquiry-bridge h3{font-size:30px;color:#1b4332;margin:8px 0}
.inquiry-bridge p{font-size:16px;color:#526158}
.bridge-mark{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:#1b4332;color:#ffb703;font-size:28px}
#venn>div:last-child{gap:64px;margin-top:24px}
#stack article{position:relative;top:auto;box-shadow:none;border:1px solid #1b433214}
#stack{display:grid;gap:28px}
#stack>article+article{margin-top:0}
svg{overflow:visible}
svg text{font-family:"Source Sans 3",Arial,sans-serif}
#orbit,#constellation,#loop{max-height:380px;min-width:0}
#orbit>g text{font-size:14px}
#ring-card{border:1px solid #1b43321a;box-shadow:none}
.seminar-dial{position:relative;max-width:420px;margin:auto}
#ring-hand,#ring>circle:last-child{visibility:hidden}
#ring-time{font-size:clamp(36px,5vw,52px)}
#ring-label{max-width:145px;margin:6px auto 0;font-size:11px;line-height:1.4}
#phase-list button{min-height:64px;text-align:left;transition:background .2s ease}
#phase-list button[aria-pressed=true]{background:#fff;border-left:3px solid #1b4332}
#phase-list button:hover{background:#ffffffa6}
#phase-detail{min-height:165px}
#matrix table{line-height:1.5}
#matrix th:first-child{width:40%}
#matrix td{padding:16px 9px}
#matrix{scrollbar-width:thin}
.comparison-hint{font-size:12px;color:#526158;margin:0 0 20px;max-width:260px}
#radar{min-width:0}
#standard svg{max-width:210px}
#chat{line-height:1.55}
#chat>div{align-items:flex-start}
#chat span[aria-hidden]{flex-shrink:0}
a,button{touch-action:manipulation}
@media(min-width:1280px){main>section{padding-left:72px;padding-right:48px}}
@media(max-width:767px){
 body{font-size:16px}
 #header>div{padding-left:18px;padding-right:18px;gap:12px}
 #header a:first-child .font-serif{font-size:18px}
 #header svg{width:24px;height:34px}
 #hero{min-height:680px;padding-bottom:80px}
 #hero-title{font-size:clamp(48px,10vw,72px)}
 #hero-stats{gap:25px;margin-top:40px}
 main>section:not(#hero){padding-top:72px;padding-bottom:72px}
 #lead{font-size:29px;line-height:1.35}
 #intro>div.mt-20{margin-top:36px;gap:28px}
 #intro-image>div:first-child{border-radius:12px}
 #intro-image>div:nth-child(2){position:relative;right:auto;bottom:auto;padding:16px 0;background:transparent;border:0}
 .inquiry-bridge{grid-template-columns:1fr;gap:20px;padding:26px 0}
 .inquiry-bridge h3{font-size:26px}
 .bridge-mark{height:32px;width:32px;font-size:22px}
 #venn>div:last-child{gap:20px}
 #stack article{padding:26px 20px;gap:26px;border-radius:18px}
 #stack h3{font-size:29px;line-height:1.15}
 #constellation text{font-size:14px}
 #p-disagree svg{min-height:220px}
 #radar-card,#matrix,#airtime,#networks{padding:24px 18px;border-radius:18px}
 #radar{height:360px}
 #difference table{font-size:13px}
 #standard{padding:32px 22px;border-radius:18px}
 #ring-card{padding:24px 20px}
 #phase-detail{min-height:190px}
 #certainty .uppercase{letter-spacing:.04em}
 #footer{padding:48px 24px}
}
@media(max-width:420px){#header a[href="#cta"]{display:none}#header>div{justify-content:space-between}#hero-title{font-size:49px}#hero-stats .text-xs{font-size:10px}}