@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --canvas:#080f14;
  --canvas-2:#0b141c;
  --surface:#0e1a24;
  --surface-2:#12232f;
  --text:#f4f6f8;
  --muted:#9fb0bd;
  --muted-2:#738694;
  --cyan:#5cc8ff;
  --blue:#1e3a8a;
  --violet:#7c3aed;
  --gold:#f5c542;
  --gold-2:#d39c20;
  --line:#20313d;
  --line-soft:rgba(132,166,188,.18);
  --max:1180px;
  --serif:'DM Serif Display', Georgia, serif;
  --sans:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--canvas)}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 8%, rgba(30,58,138,.18), transparent 28rem),
    radial-gradient(circle at 90% 14%, rgba(124,58,237,.10), transparent 30rem),
    var(--canvas);
  font-family:var(--sans);
  line-height:1.6;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:
    linear-gradient(rgba(92,200,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,200,255,.025) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 85%);
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,textarea{font:inherit}
::selection{background:rgba(92,200,255,.2);color:#fff}

.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.section{padding:108px 0;position:relative}
.section.compact{padding:78px 0}
.section-rule{border-top:1px solid var(--line)}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:18px
}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.display{
  font-family:var(--serif);font-weight:400;letter-spacing:-.035em;
  line-height:.96;font-size:clamp(3.5rem,9vw,8.6rem);margin:0
}
.h1{font-family:var(--serif);font-size:clamp(3rem,7vw,6.2rem);font-weight:400;line-height:.98;letter-spacing:-.03em;margin:0}
.h2{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.8rem);font-weight:400;line-height:1;letter-spacing:-.025em;margin:0}
.h3{font-family:var(--serif);font-size:clamp(1.6rem,2.5vw,2.3rem);font-weight:400;line-height:1.05;margin:0}
.lede{font-size:clamp(1.08rem,2vw,1.34rem);color:#c6d0d7;max-width:760px}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.cyan{color:var(--cyan)}
.kicker{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}

.nav-wrap{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(8,15,20,.82);
  border-bottom:1px solid rgba(132,166,188,.12)
}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand img{width:34px;height:34px}
.brand-type{display:flex;align-items:baseline;gap:8px}
.brand-qe{font-family:var(--serif);font-size:1.9rem;color:var(--gold);line-height:1}
.brand-name{font-family:var(--serif);font-size:1.15rem;letter-spacing:.02em}
.nav-links{display:flex;align-items:center;gap:22px;font-size:.84rem;color:#c5ced5}
.nav-links a{position:relative;padding:29px 0 25px}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:1px;background:var(--gold);transition:.25s ease}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{right:0}
.nav-cta{border:1px solid rgba(245,197,66,.55);padding:10px 15px!important;border-radius:999px;color:var(--gold)!important}
.nav-cta::after{display:none}
.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:1.35rem}

.hero{min-height:calc(100svh - 78px);display:grid;align-items:center;padding:70px 0 82px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero .display span{display:block}
.hero-sub{font-size:clamp(1.18rem,2vw,1.48rem);max-width:690px;color:#c5d0d7;margin:28px 0 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--line);
  background:transparent;color:var(--text);font-weight:600;font-size:.9rem;transition:.25s ease
}
.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 12px 32px rgba(0,0,0,.22)}
.btn.primary{background:var(--gold);color:#13120b;border-color:var(--gold)}
.btn.secondary{border-color:rgba(92,200,255,.38);color:#dff6ff}
.hero-note{margin-top:42px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.84rem}
.hero-note::before{content:"";width:50px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}

.orbit{
  position:relative;aspect-ratio:1;min-height:460px;
  display:grid;place-items:center
}
.orbit::before,.orbit::after{
  content:"";position:absolute;border-radius:50%;
  border:1px solid rgba(92,200,255,.19)
}
.orbit::before{width:78%;height:78%;animation:spin 26s linear infinite}
.orbit::after{width:54%;height:54%;border-color:rgba(245,197,66,.23);animation:spin-rev 18s linear infinite}
.orbit-core{
  width:34%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;
  background:radial-gradient(circle at 42% 35%,rgba(92,200,255,.23),rgba(14,26,36,.88) 52%,rgba(8,15,20,.8));
  border:1px solid rgba(92,200,255,.3);
  box-shadow:0 0 70px rgba(30,58,138,.35)
}
.orbit-core img{width:55%}
.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px rgba(92,200,255,.8)}
.node.gold-node{background:var(--gold);box-shadow:0 0 22px rgba(245,197,66,.7)}
.n1{top:8%;left:48%}.n2{right:8%;top:46%}.n3{bottom:12%;left:18%}.n4{top:28%;left:14%}
.orbit-label{position:absolute;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#94adbd}
.ol1{top:4%;left:58%}.ol2{right:-2%;top:52%}.ol3{bottom:5%;left:5%}.ol4{top:24%;left:-2%}

@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}

.editorial-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:78px;align-items:start}
.statement{font-family:var(--serif);font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;letter-spacing:-.03em;margin:0}
.statement em{font-style:normal;color:var(--gold)}
.big-question{padding:26px 0;border-block:1px solid var(--line);font-family:var(--serif);font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02}
.big-question .old{color:#667987;text-decoration:line-through;text-decoration-thickness:1px}
.big-question .new{color:var(--text)}

.evolution{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;position:relative}
.evolution::before{content:"";position:absolute;top:27px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,var(--gold),var(--cyan),var(--violet),var(--cyan))}
.evo{position:relative;padding:62px 24px 0 0}
.evo-dot{position:absolute;top:20px;left:0;width:15px;height:15px;border-radius:50%;background:var(--canvas);border:3px solid var(--gold);box-shadow:0 0 0 5px var(--canvas)}
.evo:nth-child(2) .evo-dot,.evo:nth-child(4) .evo-dot{border-color:var(--cyan)}
.evo:nth-child(3) .evo-dot{border-color:var(--violet)}
.evo strong{display:block;font-family:var(--serif);font-size:1.75rem;font-weight:400;margin-bottom:8px}
.evo p{margin:0;color:var(--muted);font-size:.92rem;max-width:210px}

.intelligence-map{
  min-height:540px;position:relative;margin-top:46px;
  border:1px solid var(--line);background:radial-gradient(circle at center,rgba(30,58,138,.16),transparent 50%);
  overflow:hidden
}
.intelligence-map::before{
  content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:42px 42px;mask-image:radial-gradient(circle,black,transparent 72%)
}
.qi-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;
  border:1px solid rgba(245,197,66,.5);
  box-shadow:0 0 80px rgba(245,197,66,.10), inset 0 0 50px rgba(245,197,66,.06);
  font-family:var(--serif);font-size:1.55rem
}
.qi-node{position:absolute;width:160px;padding:18px;border-left:1px solid var(--cyan);background:linear-gradient(90deg,rgba(92,200,255,.08),transparent)}
.qi-node strong{display:block;font-size:.84rem;text-transform:uppercase;letter-spacing:.09em}
.qi-node span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
.qn1{left:8%;top:16%}.qn2{right:7%;top:16%}.qn3{left:7%;bottom:14%}.qn4{right:6%;bottom:14%}
.qn5{left:50%;top:7%;transform:translateX(-50%);border-color:var(--gold)}.qn6{left:50%;bottom:7%;transform:translateX(-50%);border-color:var(--violet)}

.split-worlds{display:grid;grid-template-columns:1fr 1px 1fr;gap:52px;margin-top:52px;align-items:stretch}
.world{padding:28px 0}
.world-line{background:linear-gradient(transparent,var(--line),transparent)}
.world h3{font-family:var(--serif);font-size:clamp(2.1rem,4vw,3.7rem);line-height:1;margin:0 0 20px}
.world ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.world li{color:var(--muted);padding-left:20px;position:relative}
.world li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.world:last-child li::before{background:var(--gold)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.card{
  min-height:280px;padding:28px;border:1px solid var(--line);position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(18,35,47,.72),rgba(8,15,20,.55));
  transition:.3s ease
}
.card::after{content:"";position:absolute;inset:auto -40% -45% 20%;height:180px;background:radial-gradient(circle,rgba(92,200,255,.12),transparent 60%)}
.card:hover{transform:translateY(-6px);border-color:rgba(92,200,255,.35)}
.card .num{font-family:var(--serif);font-size:3rem;color:rgba(245,197,66,.6);line-height:1}
.card h3{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:52px 0 12px}
.card p{color:var(--muted);margin:0;font-size:.93rem}
.card .tag{position:absolute;bottom:24px;left:28px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}

.lab-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:44px}
.lab-panel{border:1px solid var(--line);min-height:390px;padding:34px;background:linear-gradient(155deg,rgba(18,35,47,.62),rgba(8,15,20,.35));position:relative;overflow:hidden}
.lab-panel.large{min-height:500px}
.lab-panel .trace{position:absolute;inset:0;opacity:.35;background:radial-gradient(circle at 70% 30%,rgba(124,58,237,.16),transparent 30%),radial-gradient(circle at 40% 70%,rgba(92,200,255,.12),transparent 35%)}
.lab-panel h3{position:relative;font-family:var(--serif);font-weight:400;font-size:2.2rem;margin:0 0 10px}
.lab-panel p{position:relative;color:var(--muted);max-width:550px}
.lab-meta{position:absolute;left:34px;right:34px;bottom:28px;display:flex;justify-content:space-between;color:var(--muted-2);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

.quote-band{padding:120px 0;text-align:center}
.quote-band blockquote{font-family:var(--serif);font-size:clamp(3rem,6vw,6.4rem);line-height:.97;letter-spacing:-.035em;margin:0 auto;max-width:1100px}
.quote-band cite{display:block;margin-top:28px;font-style:normal;color:var(--gold);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}

.page-hero{padding:110px 0 78px;border-bottom:1px solid var(--line)}
.page-hero .h1{max-width:940px}
.page-hero .lede{margin-top:25px}
.page-index{display:grid;grid-template-columns:220px 1fr;gap:70px}
.side-index{position:sticky;top:110px;align-self:start}
.side-index a{display:block;padding:9px 0;color:var(--muted);font-size:.83rem;border-bottom:1px solid rgba(132,166,188,.08)}
.side-index a:hover{color:var(--text)}
.prose{max-width:800px}
.prose h2{font-family:var(--serif);font-size:2.5rem;font-weight:400;margin:70px 0 16px}
.prose h3{font-size:1.15rem;margin-top:34px}
.prose p{color:#bdc8d0;font-size:1.02rem}
.prose .pull{font-family:var(--serif);font-size:2rem;line-height:1.12;color:var(--text);border-left:2px solid var(--gold);padding-left:24px;margin:42px 0}
.prose ul{color:#bdc8d0}

.timeline{margin-top:46px}
.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}
.timeline-item .when{color:var(--gold);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.timeline-item h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;margin:0 0 8px}
.timeline-item p{color:var(--muted);margin:0}

.publication{display:grid;grid-template-columns:140px 1fr auto;gap:28px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}
.publication .year{font-family:var(--serif);font-size:2rem;color:var(--gold)}
.publication h3{font-size:1.05rem;margin:0 0 8px}
.publication p{color:var(--muted);margin:0;font-size:.9rem}
.publication .type{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}

.connect-box{border:1px solid var(--line);padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:42px;background:linear-gradient(145deg,rgba(18,35,47,.55),rgba(8,15,20,.4))}
.form{display:grid;gap:15px}
.form label{font-size:.78rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.form input,.form textarea{
  width:100%;background:#0a1218;border:1px solid var(--line);color:var(--text);
  padding:13px 14px;outline:none
}
.form input:focus,.form textarea:focus{border-color:var(--cyan)}
.form textarea{min-height:150px;resize:vertical}
.form-note{font-size:.78rem;color:var(--muted-2)}

.footer{border-top:1px solid var(--line);padding:45px 0 54px}
.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:40px}
.footer-brand p{color:var(--muted);max-width:430px;font-size:.88rem}
.footer h4{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.footer a{display:block;color:var(--muted);font-size:.86rem;margin:7px 0}
.footer a:hover{color:var(--text)}
.footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid rgba(132,166,188,.08);display:flex;justify-content:space-between;color:var(--muted-2);font-size:.75rem}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width: 980px){
  .nav-links{position:fixed;left:20px;right:20px;top:88px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px;background:#0b151d;border:1px solid var(--line);box-shadow:0 25px 80px rgba(0,0,0,.4)}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 8px}
  .nav-links a::after{display:none}
  .menu-btn{display:block}
  .hero-grid,.editorial-grid,.lab-grid,.connect-box{grid-template-columns:1fr}
  .hero{min-height:auto}
  .orbit{min-height:380px;max-width:620px;margin-inline:auto;width:100%}
  .evolution{grid-template-columns:1fr 1fr;gap:40px 20px}
  .evolution::before{display:none}
  .evo{padding-top:42px}
  .cards{grid-template-columns:1fr 1fr}
  .page-index{grid-template-columns:1fr}
  .side-index{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .section{padding:78px 0}
  .nav{height:68px}
  .brand-name{font-size:1rem}.brand-qe{font-size:1.6rem}
  .hero{padding-top:46px}
  .hero-grid{gap:25px}
  .orbit{min-height:310px}
  .orbit-label{display:none}
  .evolution,.cards{grid-template-columns:1fr}
  .evo{padding-left:28px;padding-top:0}
  .evo-dot{left:0;top:7px}
  .split-worlds{grid-template-columns:1fr;gap:12px}.world-line{height:1px}
  .intelligence-map{min-height:620px}
  .qi-core{width:140px;height:140px;font-size:1.3rem}
  .qi-node{width:135px;padding:12px}
  .qn1{left:4%;top:10%}.qn2{right:2%;top:22%}.qn3{left:2%;bottom:22%}.qn4{right:3%;bottom:9%}
  .qn5{top:3%}.qn6{bottom:2%}
  .publication{grid-template-columns:70px 1fr}.publication .type{grid-column:2}
  .timeline-item{grid-template-columns:1fr;gap:8px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px}
  .connect-box{padding:26px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}


/* ===== V2 additions ===== */
.proof-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  margin-top:44px;
  background:rgba(10,18,24,.48);
}
.proof-item{
  padding:24px 26px;
  border-right:1px solid var(--line);
}
.proof-item:last-child{border-right:0}
.proof-item strong{
  display:block;
  font-family:var(--serif);
  font-size:1.45rem;
  font-weight:400;
  margin-bottom:5px;
}
.proof-item span{
  color:var(--muted);
  font-size:.82rem;
}
.identity-band{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:60px;
  align-items:center;
  border-block:1px solid var(--line);
  padding:70px 0;
}
.identity-mark{
  min-height:330px;
  display:grid;
  place-items:center;
  position:relative;
}
.identity-mark::before,
.identity-mark::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(92,200,255,.16);
}
.identity-mark::before{width:280px;height:280px}
.identity-mark::after{width:205px;height:205px;border-color:rgba(245,197,66,.22)}
.identity-mark img{width:128px;position:relative;z-index:2}
.identity-copy .role{
  color:var(--gold);
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.identity-copy h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.5rem,5vw,4.8rem);
  line-height:1;
  letter-spacing:-.025em;
  margin:0 0 22px;
}
.identity-copy p{color:#bdc8d0;max-width:760px}

.feature-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:42px;
}
.feature-panel{
  padding:32px;
  min-height:260px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(18,35,47,.62),rgba(8,15,20,.4));
  position:relative;
}
.feature-panel h3{
  font-family:var(--serif);
  font-size:2rem;
  font-weight:400;
  margin:12px 0 12px;
}
.feature-panel p{color:var(--muted);max-width:560px}
.feature-panel a{
  position:absolute;
  bottom:28px;
  left:32px;
  color:var(--cyan);
  font-size:.82rem;
  font-weight:600;
}

.signal-list{
  display:grid;
  gap:0;
  margin-top:36px;
}
.signal-row{
  display:grid;
  grid-template-columns:125px 1fr auto;
  gap:28px;
  padding:24px 0;
  border-top:1px solid var(--line);
  align-items:start;
}
.signal-row .signal-type{
  color:var(--gold);
  font-size:.76rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.signal-row h3{
  margin:0 0 7px;
  font-family:var(--serif);
  font-size:1.65rem;
  font-weight:400;
}
.signal-row p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}
.signal-row .signal-action{
  color:var(--cyan);
  font-size:.8rem;
  white-space:nowrap;
}

.contact-options{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:30px;
}
.contact-option{
  padding:22px;
  border:1px solid var(--line);
}
.contact-option strong{
  display:block;
  font-family:var(--serif);
  font-size:1.35rem;
  font-weight:400;
  margin-bottom:5px;
}
.contact-option span{
  color:var(--muted);
  font-size:.82rem;
}

.credibility-note{
  border-left:2px solid var(--gold);
  padding:18px 0 18px 22px;
  color:#c7d0d6;
  max-width:760px;
  margin-top:30px;
}

@media (max-width:980px){
  .proof-strip{grid-template-columns:1fr 1fr}
  .proof-item:nth-child(2){border-right:0}
  .proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .identity-band{grid-template-columns:1fr}
  .feature-row{grid-template-columns:1fr}
}
@media (max-width:640px){
  .proof-strip{grid-template-columns:1fr}
  .proof-item{border-right:0;border-bottom:1px solid var(--line)}
  .proof-item:last-child{border-bottom:0}
  .signal-row{grid-template-columns:1fr;gap:8px}
  .signal-row .signal-action{margin-top:4px}
  .contact-options{grid-template-columns:1fr}
}


/* ===== V3 Visual System ===== */
:root{
  --gold-soft:#ffc94d;
  --panel:#09131c;
}

.hero-v3{
  min-height:calc(100svh - 78px);
  position:relative;
  display:grid;
  align-items:stretch;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero-v3::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg,#080f14 0%,rgba(8,15,20,.97) 34%,rgba(8,15,20,.74) 52%,rgba(8,15,20,.05) 82%),
    linear-gradient(0deg,#080f14 0%,transparent 28%);
  z-index:1;
  pointer-events:none;
}
.hero-v3-art{
  position:absolute; inset:0 0 0 36%;
  width:64%; height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.94;
}
.hero-v3 .container{
  position:relative; z-index:2;
  display:grid; align-items:center;
}
.hero-v3-copy{
  max-width:690px;
  padding:82px 0 94px;
}
.hero-v3 .display{
  font-size:clamp(3.6rem,7.3vw,7.7rem);
}
.hero-v3 .display .line-2{
  color:var(--gold);
  font-size:.78em;
}
.hero-v3 .hero-sub{
  max-width:650px;
}
.hero-v3-tagline{
  margin-top:20px;
  color:var(--gold);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.visual-frame{
  border:1px solid rgba(245,197,66,.22);
  background:#091119;
  box-shadow:0 24px 80px rgba(0,0,0,.22);
  overflow:hidden;
}
.visual-frame img,.visual-frame svg{width:100%;height:100%;object-fit:cover}

.full-visual{
  margin-top:44px;
  border:1px solid var(--line);
  border-radius:0;
  overflow:hidden;
  background:#091119;
}
.full-visual img,.full-visual svg{width:100%;display:block}

.art-feature{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  min-height:420px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(18,35,47,.62),rgba(8,15,20,.45));
  overflow:hidden;
}
.art-feature.reverse{grid-template-columns:1.12fr .88fr}
.art-feature-media{position:relative;min-height:360px;overflow:hidden}
.art-feature-media img{width:100%;height:100%;object-fit:cover}
.art-feature-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 55%,rgba(8,15,20,.92));
}
.art-feature.reverse .art-feature-media::after{
  background:linear-gradient(270deg,transparent 55%,rgba(8,15,20,.92));
}
.art-feature-copy{
  padding:54px;
  display:flex; flex-direction:column; justify-content:center;
  position:relative;z-index:2;
}
.art-feature-copy h3{
  font-family:var(--serif);
  font-size:clamp(2.2rem,4vw,4rem);
  line-height:1;
  font-weight:400;
  margin:10px 0 18px;
}
.art-feature-copy p{color:var(--muted);max-width:590px}
.art-feature-copy .btn{align-self:flex-start;margin-top:14px}

.visual-pillar-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:38px;
}
.visual-pillar{
  padding:24px 18px;
  border:1px solid var(--line);
  background:rgba(9,19,28,.72);
  min-height:205px;
}
.visual-pillar .glyph{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid currentColor;
  margin-bottom:28px;
}
.visual-pillar:nth-child(1){color:#b68cff}
.visual-pillar:nth-child(2){color:#5cc8ff}
.visual-pillar:nth-child(3){color:#53e0c4}
.visual-pillar:nth-child(4){color:#f5c542}
.visual-pillar:nth-child(5){color:#b68cff}
.visual-pillar strong{
  display:block;color:var(--text);font-family:var(--serif);
  font-size:1.25rem;font-weight:400;margin-bottom:8px
}
.visual-pillar span{color:var(--muted);font-size:.78rem}

.page-art-hero{
  min-height:500px;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-art-hero img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.54
}
.page-art-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#080f14 0%,rgba(8,15,20,.92) 42%,rgba(8,15,20,.46) 72%,#080f14 100%),
             linear-gradient(0deg,#080f14 0%,transparent 40%);
}
.page-art-hero .container{position:relative;z-index:2;padding-top:105px;padding-bottom:85px}
.page-art-hero .h1{max-width:900px}
.page-art-hero .lede{max-width:720px}

.v3-credibility{
  border-block:1px solid var(--line);
  background:rgba(8,15,20,.7);
}
.v3-credibility .container{
  display:grid;grid-template-columns:repeat(5,1fr)
}
.v3-proof{
  padding:22px 18px;border-right:1px solid var(--line)
}
.v3-proof:last-child{border-right:0}
.v3-proof strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.25rem}
.v3-proof span{color:var(--muted);font-size:.78rem}

@media (max-width:980px){
  .hero-v3-art{inset:0 0 0 22%;width:78%;opacity:.72}
  .hero-v3::before{background:linear-gradient(90deg,#080f14 0%,rgba(8,15,20,.96) 46%,rgba(8,15,20,.45) 75%,rgba(8,15,20,.15) 100%),linear-gradient(0deg,#080f14 0%,transparent 35%)}
  .art-feature,.art-feature.reverse{grid-template-columns:1fr}
  .art-feature-media::after,.art-feature.reverse .art-feature-media::after{background:linear-gradient(0deg,#080f14 0%,transparent 52%)}
  .visual-pillar-row{grid-template-columns:1fr 1fr}
  .v3-credibility .container{grid-template-columns:1fr 1fr}
  .v3-proof:nth-child(even){border-right:0}
}
@media (max-width:640px){
  .hero-v3{min-height:730px}
  .hero-v3-art{inset:270px 0 0 0;width:100%;height:460px;opacity:.58;object-position:60% center}
  .hero-v3::before{background:linear-gradient(180deg,#080f14 0%,rgba(8,15,20,.98) 43%,rgba(8,15,20,.38) 72%,#080f14 100%)}
  .hero-v3-copy{padding:50px 0 420px}
  .hero-v3 .display{font-size:clamp(3.3rem,15vw,5rem)}
  .visual-pillar-row{grid-template-columns:1fr}
  .art-feature-copy{padding:32px 24px}
  .page-art-hero{min-height:560px}
  .page-art-hero .container{padding-top:76px}
  .v3-credibility .container{grid-template-columns:1fr}
  .v3-proof{border-right:0;border-bottom:1px solid var(--line)}
  .v3-proof:last-child{border-bottom:0}
}


/* ===== V3.2 image quality and fit refinements ===== */
.hero-v3{
  min-height:clamp(700px, 92svh, 920px);
}
.hero-v3::before{
  background:
    linear-gradient(90deg,#080f14 0%,rgba(8,15,20,.97) 32%,rgba(8,15,20,.82) 48%,rgba(8,15,20,.28) 72%,rgba(8,15,20,.08) 100%),
    linear-gradient(0deg,#080f14 0%,transparent 24%);
}
.hero-v3-art{
  inset:0 0 0 40%;
  width:60%;
  object-position:68% center;
  opacity:.96;
  filter:saturate(1.03) contrast(1.02);
}
.hero-v3-copy{
  max-width:720px;
  padding:92px 0 108px;
}
.hero-v3 .hero-sub{
  max-width:620px;
  font-size:clamp(1.12rem,1.9vw,1.42rem);
}

.art-feature{
  grid-template-columns:.96fr 1.04fr;
  min-height:470px;
}
.art-feature.reverse{
  grid-template-columns:1.04fr .96fr;
}
.art-feature-media{
  min-height:420px;
  background:#071018;
}
.art-feature-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.01);
}
.art-feature-media::after{
  background:linear-gradient(90deg,transparent 54%,rgba(8,15,20,.80) 85%,rgba(8,15,20,.96) 100%);
}
.art-feature.reverse .art-feature-media::after{
  background:linear-gradient(270deg,transparent 54%,rgba(8,15,20,.80) 85%,rgba(8,15,20,.96) 100%);
}
.art-feature-copy{
  padding:58px 54px;
}
.art-feature-copy p{
  font-size:1rem;
  max-width:540px;
}
.full-visual{
  margin-top:48px;
  box-shadow:0 22px 60px rgba(0,0,0,.18);
}
.visual-pillar{
  min-height:220px;
}
.page-art-hero{
  min-height:560px;
}
.page-art-hero img{
  opacity:.62;
  object-position:center center;
}
.page-art-hero::after{
  background:linear-gradient(90deg,#080f14 0%,rgba(8,15,20,.90) 40%,rgba(8,15,20,.54) 72%,#080f14 100%),linear-gradient(0deg,#080f14 0%,transparent 36%);
}

@media (max-width:980px){
  .hero-v3-art{
    inset:0 0 0 26%;
    width:74%;
    object-position:62% center;
    opacity:.84;
  }
  .hero-v3::before{
    background:
      linear-gradient(90deg,#080f14 0%,rgba(8,15,20,.97) 44%,rgba(8,15,20,.62) 72%,rgba(8,15,20,.18) 100%),
      linear-gradient(0deg,#080f14 0%,transparent 28%);
  }
  .art-feature,.art-feature.reverse{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .art-feature-media{
    min-height:300px;
  }
  .art-feature-media::after,
  .art-feature.reverse .art-feature-media::after{
    background:linear-gradient(0deg,#080f14 0%,rgba(8,15,20,.55) 34%,transparent 70%);
  }
  .art-feature-copy{
    padding:34px 28px 36px;
  }
}

@media (max-width:640px){
  .hero-v3{
    min-height:760px;
  }
  .hero-v3-art{
    inset:290px 0 0 0;
    width:100%;
    height:430px;
    object-position:60% center;
    opacity:.66;
  }
  .hero-v3::before{
    background:linear-gradient(180deg,#080f14 0%,rgba(8,15,20,.98) 44%,rgba(8,15,20,.52) 72%,#080f14 100%);
  }
  .hero-v3-copy{
    padding:48px 0 400px;
    max-width:100%;
  }
  .art-feature-media{
    min-height:250px;
  }
  .page-art-hero{
    min-height:520px;
  }
  .page-art-hero img{
    object-position:center center;
    opacity:.52;
  }
}


/* ===== V3.3 — Intelligence-first visual system ===== */
.section-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:end;
}
.section-intro .lede{margin:0}

.qi-pillar-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:46px;
}
.qi-pillar{
  min-height:250px;
  padding:26px 22px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(18,35,47,.58),rgba(8,15,20,.72));
  position:relative;
  overflow:hidden;
}
.qi-pillar::after{
  content:"";
  position:absolute;
  inset:auto -40% -50% 15%;
  height:170px;
  background:radial-gradient(circle,rgba(92,200,255,.12),transparent 65%);
}
.qi-pillar .icon{
  width:52px;height:52px;
  margin-bottom:34px;
}
.qi-pillar .icon svg{width:100%;height:100%}
.qi-pillar h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:1.35rem;
  margin:0 0 10px;
}
.qi-pillar p{
  color:var(--muted);
  font-size:.82rem;
  margin:0;
}
.qi-pillar .micro{
  position:absolute;
  left:22px;bottom:18px;
  color:var(--muted-2);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.qi-pillar:nth-child(1){color:#b68cff}
.qi-pillar:nth-child(2){color:#5cc8ff}
.qi-pillar:nth-child(3){color:#53e0c4}
.qi-pillar:nth-child(4){color:#f5c542}
.qi-pillar:nth-child(5){color:#b68cff}

.signature-block{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:0;
  border:1px solid var(--line);
  overflow:hidden;
  min-height:470px;
  background:#091119;
}
.signature-image{position:relative;overflow:hidden}
.signature-image img{
  width:100%;height:100%;object-fit:cover;object-position:center;
}
.signature-image::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 58%,#091119 100%);
}
.signature-copy{
  padding:60px 58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.signature-copy h3{
  font-family:var(--serif);
  font-size:clamp(2.5rem,4vw,4.3rem);
  line-height:1;
  font-weight:400;
  margin:8px 0 20px;
}
.signature-copy p{
  color:var(--muted);
  max-width:600px;
}

.editorial-explore{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:42px;
  border-top:1px solid var(--line);
}
.explore-item{
  min-height:330px;
  padding:30px 28px 34px 0;
  border-right:1px solid var(--line);
  position:relative;
}
.explore-item + .explore-item{padding-left:28px}
.explore-item:last-child{border-right:0}
.explore-item .num{
  font-family:var(--serif);
  font-size:3.2rem;
  color:rgba(245,197,66,.55);
}
.explore-item h3{
  font-family:var(--serif);
  font-size:2rem;
  font-weight:400;
  margin:42px 0 12px;
}
.explore-item p{color:var(--muted);max-width:340px}
.explore-item a{
  position:absolute;
  left:0;bottom:24px;
  color:var(--cyan);
  font-size:.8rem;font-weight:600
}
.explore-item + .explore-item a{left:28px}

.signal-rail{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-block:1px solid var(--line);
  margin-top:42px;
}
.signal-cell{
  padding:22px 22px 24px;
  border-right:1px solid var(--line);
}
.signal-cell:last-child{border-right:0}
.signal-cell .label{
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--gold);
}
.signal-cell strong{
  display:block;
  margin-top:8px;
  font-family:var(--serif);
  font-weight:400;
  font-size:1.35rem;
}
.signal-cell span{
  display:block;color:var(--muted);font-size:.78rem;margin-top:6px
}

@media (max-width:980px){
  .section-intro{grid-template-columns:1fr;gap:20px}
  .qi-pillar-grid{grid-template-columns:1fr 1fr}
  .signature-block{grid-template-columns:1fr}
  .signature-image{min-height:330px}
  .signature-image::after{background:linear-gradient(0deg,#091119 0%,transparent 45%)}
  .editorial-explore{grid-template-columns:1fr}
  .explore-item,.explore-item + .explore-item{
    padding:28px 0 70px;border-right:0;border-bottom:1px solid var(--line)
  }
  .explore-item:last-child{border-bottom:0}
  .explore-item + .explore-item a,.explore-item a{left:0}
  .signal-rail{grid-template-columns:1fr 1fr}
  .signal-cell:nth-child(2){border-right:0}
}
@media (max-width:640px){
  .qi-pillar-grid{grid-template-columns:1fr}
  .signature-copy{padding:34px 24px}
  .signal-rail{grid-template-columns:1fr}
  .signal-cell{border-right:0;border-bottom:1px solid var(--line)}
  .signal-cell:last-child{border-bottom:0}
}


/* ===== V3.4 — live visual polish ===== */

/* Five pillars: improve headline/paragraph balance */
.qi-pillars-section .section-intro{
  grid-template-columns:.88fr 1.12fr;
  gap:54px;
  align-items:center;
}

.qi-pillars-section .h2{
  font-size:clamp(2.25rem,4.35vw,4.25rem);
  line-height:.98;
  max-width:690px;
}

.qi-pillars-section .section-intro .lede{
  max-width:650px;
  margin-top:-10px;
  line-height:1.62;
  font-size:clamp(1.02rem,1.7vw,1.22rem);
}

/* Pull cards closer to the message above */
.qi-pillars-section .qi-pillar-grid{
  margin-top:34px;
  gap:14px;
}

/* Give cards more presence without making them heavier */
.qi-pillars-section .qi-pillar{
  min-height:276px;
  padding:30px 26px 26px;
  background:
    linear-gradient(180deg,rgba(17,34,46,.74),rgba(8,15,20,.78));
  border-color:rgba(132,166,188,.24);
}

.qi-pillars-section .qi-pillar .icon{
  width:48px;
  height:48px;
  margin-bottom:30px;
}

.qi-pillars-section .qi-pillar h3{
  font-size:1.48rem;
  line-height:1.08;
  margin-bottom:12px;
}

.qi-pillars-section .qi-pillar p{
  font-size:.79rem;
  line-height:1.58;
  max-width:215px;
  color:#aebbc4;
}

.qi-pillars-section .qi-pillar .micro{
  bottom:20px;
  font-size:.64rem;
  letter-spacing:.11em;
}

/* Slightly more intentional spacing around this entire section */
.qi-pillars-section{
  padding-top:96px;
  padding-bottom:102px;
}

/* Refine the evolution / convergence visuals as premium technical panels */
.full-visual{
  border-color:rgba(132,166,188,.22);
  background:#081017;
}

.full-visual img{
  display:block;
}

/* Slightly calmer credibility strip */
.v3-credibility .container{
  min-height:82px;
}
.v3-proof{
  padding-top:20px;
  padding-bottom:20px;
}
.v3-proof strong{
  font-size:1.18rem;
}
.v3-proof span{
  line-height:1.45;
}

/* More premium rhythm for the signature block */
.signature-copy{
  padding:56px 56px;
}
.signature-copy p{
  line-height:1.65;
}

/* Responsive polish */
@media (max-width:980px){
  .qi-pillars-section .section-intro{
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }
  .qi-pillars-section .section-intro .lede{
    margin-top:0;
    max-width:720px;
  }
  .qi-pillars-section .qi-pillar{
    min-height:250px;
  }
  .qi-pillars-section .qi-pillar p{
    max-width:none;
  }
}

@media (max-width:640px){
  .qi-pillars-section{
    padding-top:74px;
    padding-bottom:78px;
  }
  .qi-pillars-section .h2{
    font-size:clamp(2.35rem,12.5vw,3.7rem);
  }
  .qi-pillars-section .qi-pillar-grid{
    margin-top:28px;
  }
  .qi-pillars-section .qi-pillar{
    min-height:230px;
    padding:26px 22px 24px;
  }
  .qi-pillars-section .qi-pillar h3{
    font-size:1.42rem;
  }
}


/* ===== V4 — flagship content system ===== */
.content-hero{
  padding:106px 0 84px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 78% 22%,rgba(92,200,255,.10),transparent 28rem),
    radial-gradient(circle at 88% 38%,rgba(124,58,237,.08),transparent 22rem);
}
.content-hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:70px;
  align-items:end;
}
.content-hero .h1{max-width:890px}
.content-hero .lede{margin-top:24px}
.hero-thesis{
  border-left:1px solid var(--gold);
  padding:18px 0 18px 28px;
  color:#c7d0d6;
  max-width:520px;
  font-family:var(--serif);
  font-size:clamp(1.45rem,2.5vw,2.25rem);
  line-height:1.12;
}

.definition{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:54px;
  border-top:1px solid var(--line);
  padding:34px 0;
}
.definition .term{
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding-top:5px;
}
.definition .meaning{
  font-family:var(--serif);
  font-size:clamp(1.55rem,3vw,2.5rem);
  line-height:1.15;
  color:var(--text);
  max-width:900px;
}

.operating-model{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:46px;
  border:1px solid var(--line);
}
.model-step{
  padding:28px 22px 30px;
  min-height:240px;
  position:relative;
  border-right:1px solid var(--line);
  background:linear-gradient(180deg,rgba(17,34,46,.58),rgba(8,15,20,.68));
}
.model-step:last-child{border-right:0}
.model-step .step-no{
  font-family:var(--serif);
  font-size:2.8rem;
  color:rgba(245,197,66,.38);
}
.model-step h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:1.45rem;
  margin:30px 0 9px;
}
.model-step p{color:var(--muted);font-size:.8rem;line-height:1.55}

.architecture{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:46px;
}
.arch-layer{
  display:grid;
  grid-template-columns:190px 1fr 240px;
  gap:28px;
  align-items:center;
  border:1px solid var(--line);
  padding:24px 28px;
  background:rgba(10,19,27,.62);
}
.arch-layer .layer{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.7rem;
}
.arch-layer strong{
  font-family:var(--serif);
  font-size:1.42rem;
  font-weight:400;
}
.arch-layer span{
  color:var(--muted);
  font-size:.8rem;
  text-align:right;
}

.question-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:40px;
}
.question-card{
  border:1px solid var(--line);
  padding:30px;
  min-height:210px;
  background:linear-gradient(145deg,rgba(18,35,47,.52),rgba(8,15,20,.5));
}
.question-card .q{
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.question-card h3{
  font-family:var(--serif);
  font-size:1.85rem;
  font-weight:400;
  margin:20px 0 12px;
}
.question-card p{color:var(--muted);margin:0}

.experiment-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:42px;
}
.experiment{
  border:1px solid var(--line);
  padding:30px;
  min-height:330px;
  position:relative;
  background:
    radial-gradient(circle at 85% 20%,rgba(124,58,237,.10),transparent 15rem),
    linear-gradient(150deg,rgba(17,34,46,.62),rgba(8,15,20,.56));
}
.status{
  display:inline-flex;
  border:1px solid rgba(92,200,255,.28);
  color:var(--cyan);
  padding:5px 9px;
  font-size:.65rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.experiment h3{
  font-family:var(--serif);
  font-size:2rem;
  font-weight:400;
  margin:28px 0 14px;
}
.experiment p{color:var(--muted);max-width:550px}
.hypothesis{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:.82rem;
  color:#c5ced5;
}
.hypothesis strong{color:var(--gold)}

.article-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:42px;
}
.article-card{
  border:1px solid var(--line);
  min-height:350px;
  padding:28px;
  position:relative;
  background:linear-gradient(145deg,rgba(17,34,46,.58),rgba(8,15,20,.55));
}
.article-card .category{
  color:var(--cyan);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.article-card h3{
  font-family:var(--serif);
  font-size:2rem;
  line-height:1.04;
  font-weight:400;
  margin:45px 0 14px;
}
.article-card p{color:var(--muted)}
.article-card .read{
  position:absolute;
  left:28px;
  bottom:26px;
  color:var(--gold);
  font-size:.78rem;
  font-weight:600;
}
.article-card:hover{border-color:rgba(92,200,255,.36)}

.article-shell{
  display:grid;
  grid-template-columns:220px minmax(0,760px) 1fr;
  gap:56px;
}
.article-aside{
  position:sticky;
  top:110px;
  align-self:start;
}
.article-meta{
  display:grid;
  gap:18px;
  font-size:.76rem;
  color:var(--muted);
}
.article-meta strong{
  display:block;
  color:var(--text);
  font-weight:600;
  margin-top:3px;
}
.article-body{
  max-width:760px;
}
.article-body .standfirst{
  font-family:var(--serif);
  font-size:clamp(1.7rem,3vw,2.45rem);
  line-height:1.15;
  color:#e8edf0;
  margin:0 0 46px;
}
.article-body h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:2.25rem;
  line-height:1.05;
  margin:64px 0 20px;
}
.article-body h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:1.55rem;
  margin:38px 0 14px;
}
.article-body p,.article-body li{
  color:#bac6ce;
  font-size:1rem;
  line-height:1.8;
}
.article-body blockquote{
  border-left:2px solid var(--gold);
  margin:42px 0;
  padding:10px 0 10px 24px;
  font-family:var(--serif);
  font-size:1.8rem;
  line-height:1.2;
  color:var(--text);
}
.article-body code{
  color:var(--cyan);
  background:#0b151d;
  padding:2px 5px;
}
.article-related{
  align-self:start;
  border-left:1px solid var(--line);
  padding-left:28px;
}
.article-related h4{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  margin:0 0 18px;
}
.article-related a{
  display:block;
  padding:15px 0;
  border-top:1px solid var(--line);
  color:#c6d0d7;
  font-size:.84rem;
}

.topic-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:30px;
}
.topic-cloud span{
  border:1px solid var(--line);
  padding:8px 11px;
  font-size:.72rem;
  color:var(--muted);
}

.speaking-feature{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
  margin-top:42px;
}
.speaking-panel{
  border:1px solid var(--line);
  padding:34px;
  background:rgba(10,19,27,.65);
}
.speaking-panel h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:2.1rem;
  margin:12px 0 14px;
}
.speaking-panel p{color:var(--muted)}

.credibility-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:38px;
}
.credibility-card{
  border-top:1px solid var(--line);
  padding:24px 24px 24px 0;
}
.credibility-card strong{
  display:block;
  font-family:var(--serif);
  font-size:1.55rem;
  font-weight:400;
}
.credibility-card span{
  color:var(--muted);
  font-size:.8rem;
}

.page-cta{
  border:1px solid var(--line);
  padding:52px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:42px;
  align-items:center;
  background:
    radial-gradient(circle at 90% 50%,rgba(92,200,255,.09),transparent 22rem),
    rgba(9,18,25,.72);
}
.page-cta h2{
  font-family:var(--serif);
  font-size:clamp(2.2rem,4vw,4rem);
  font-weight:400;
  line-height:1;
  margin:0;
}
.page-cta p{color:var(--muted)}

@media(max-width:1050px){
  .content-hero-grid,.article-shell,.speaking-feature,.page-cta{grid-template-columns:1fr}
  .article-aside{position:static}
  .article-related{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}
  .operating-model{grid-template-columns:1fr 1fr}
  .model-step{border-bottom:1px solid var(--line)}
  .architecture .arch-layer{grid-template-columns:140px 1fr}
  .arch-layer span{text-align:left;grid-column:2}
}
@media(max-width:760px){
  .definition{grid-template-columns:1fr;gap:10px}
  .operating-model,.question-grid,.experiment-grid,.article-grid,.credibility-grid{grid-template-columns:1fr}
  .model-step{border-right:0}
  .architecture .arch-layer{grid-template-columns:1fr;gap:8px}
  .arch-layer span{grid-column:auto}
  .page-cta{padding:32px 24px}
}


/* ===== V5 production ===== */
.skip-link{
  position:fixed;
  left:16px;
  top:-60px;
  z-index:9999;
  background:var(--gold);
  color:#111;
  padding:10px 14px;
  font-weight:700;
  transition:top .2s ease;
}
.skip-link:focus{top:16px}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}

.footer-social{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(132,166,188,.08);
}
.footer-social a{
  color:var(--gold);
  font-size:.8rem;
  font-weight:600;
}

.publication .type a{
  color:var(--cyan);
  font-weight:600;
}
.publication .type a:hover{text-decoration:underline}

/* Keep editorial statements dramatic but bounded on large desktops */
@media(min-width:1100px){
  .section-intro .h2,
  .editorial-grid .statement{
    max-width:720px;
  }
}

/* Reduce accidental overflow from long editorial words */
.h1,.h2,.h3,.display,.statement,.article-card h3,.publication h3{
  overflow-wrap:anywhere;
}

/* Production small-screen refinements */
@media(max-width:640px){
  .content-hero{padding-top:76px;padding-bottom:58px}
  .content-hero-grid{gap:30px}
  .hero-thesis{padding-left:20px}
  .publication{grid-template-columns:62px 1fr}
  .publication .type{grid-column:2}
  .article-body p,.article-body li{font-size:.97rem}
}


/* ===== V5.1 production asset integration ===== */
.production-hero-visual{
  border:1px solid rgba(132,166,188,.22);
  background:#081017;
  overflow:hidden;
  position:relative;
  min-height:330px;
}
.production-hero-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
.production-hero-caption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  padding:10px 12px;
  border-left:2px solid var(--gold);
  background:rgba(8,15,20,.76);
  backdrop-filter:blur(8px);
  color:#c9d2d8;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:1050px){
  .production-hero-visual{min-height:290px}
  .production-hero-visual img{min-height:290px}
}
@media(max-width:640px){
  .production-hero-visual{min-height:230px}
  .production-hero-visual img{min-height:230px}
  .production-hero-caption{font-size:.62rem}
}

/* ===== V5.2 editorial wave ===== */
.experiment-link{
  display:block;
  color:inherit;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.experiment-link:hover{
  transform:translateY(-3px);
  border-color:rgba(92,200,255,.35);
  background:rgba(12,24,34,.86);
}
.experiment-link .read{
  display:inline-block;
  margin-top:18px;
  color:var(--gold);
  font-size:.78rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.article-grid{
  align-items:stretch;
}


/* ===== V5.4 content completion ===== */
.qi-pillar-link{
  display:block;
  color:inherit;
  text-decoration:none;
  position:relative;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.qi-pillar-link:hover{
  transform:translateY(-4px);
  border-color:rgba(92,200,255,.38);
  background:rgba(12,24,34,.92);
}
.pillar-read{
  display:inline-block;
  margin-top:16px;
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.qi-deep-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
}
.qi-deep-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(132,166,188,.18);
  background:rgba(12,24,34,.58);
  color:inherit;
  text-decoration:none;
}
.qi-deep-links a strong{color:var(--text)}
.qi-deep-links a span{color:var(--gold);font-size:.78rem}

.talk-stack{
  display:grid;
  gap:18px;
}
.talk-detail{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:28px;
  padding:34px;
  border:1px solid rgba(132,166,188,.18);
  background:rgba(12,24,34,.58);
}
.talk-index{
  font-family:var(--serif);
  font-size:2.6rem;
  color:var(--gold);
  line-height:1;
}
.talk-main h3{
  margin:8px 0 14px;
  font-family:var(--serif);
  font-size:clamp(1.8rem,3vw,2.7rem);
}
.talk-thesis{
  max-width:900px;
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.7;
}
.talk-columns{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:36px;
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(132,166,188,.12);
}
.talk-columns h4{
  margin:0 0 8px;
  color:var(--gold);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.talk-columns p,.talk-columns li{
  color:var(--muted);
  line-height:1.65;
}
.talk-columns ul{padding-left:18px;margin-top:8px}

@media(max-width:800px){
  .qi-deep-links{grid-template-columns:1fr}
  .talk-detail{grid-template-columns:1fr;padding:24px}
  .talk-columns{grid-template-columns:1fr;gap:20px}
}

/* ===== V5.5 grammar / typography fix ===== */
.hero-v3 .display > span{display:block}


/* ===== V5.7 Books & Media ===== */
.footer-social{display:flex;flex-wrap:wrap;gap:18px}
.book-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.book-card{display:grid;grid-template-columns:minmax(110px,.55fr) 1fr;gap:20px;padding:18px;border:1px solid var(--line-soft);background:rgba(12,24,34,.58);color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease}
.book-card:hover{transform:translateY(-4px);border-color:rgba(245,197,66,.42)}
.book-card img{width:100%;aspect-ratio:.7;object-fit:cover;border-radius:8px;box-shadow:0 14px 38px rgba(0,0,0,.28)}
.book-card-copy span{color:var(--gold);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.book-card-copy h3{font-family:var(--serif);font-size:1.35rem;line-height:1.05;margin:10px 0}
.book-card-copy p{color:var(--muted);font-size:.86rem;line-height:1.55}
.book-card-copy strong{color:var(--cyan);font-size:.76rem}
.books-hero-stack{position:relative;min-height:520px;perspective:1100px}
.books-hero-stack img{position:absolute;width:44%;max-width:245px;border-radius:14px;box-shadow:0 34px 70px rgba(0,0,0,.42);transform-origin:center bottom}
.books-hero-stack img:nth-child(1){left:7%;top:72px;transform:rotate(-10deg)}
.books-hero-stack img:nth-child(2){left:31%;top:20px;z-index:2;transform:rotate(-1deg)}
.books-hero-stack img:nth-child(3){left:55%;top:76px;transform:rotate(10deg)}
.book-series-list{display:grid;gap:58px}
.book-feature{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:64px;align-items:center;padding:48px;border:1px solid var(--line-soft);background:rgba(12,24,34,.48)}
.book-feature:nth-child(even){grid-template-columns:1.3fr minmax(240px,.7fr)}
.book-feature:nth-child(even) .book-cover-wrap{order:2}
.book-cover-wrap img{width:min(100%,340px);margin:auto;border-radius:15px;box-shadow:0 35px 90px rgba(0,0,0,.38)}
.book-number{color:var(--gold);font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.book-copy h2{font-family:var(--serif);font-size:clamp(2.3rem,4.8vw,4.6rem);line-height:.98;margin:14px 0}
.book-subtitle{color:#d4dde3;font-size:1.08rem;max-width:700px}
.book-copy > p:not(.book-subtitle){color:var(--muted);max-width:720px}
.book-theme{display:inline-block;margin-top:12px;padding:6px 10px;border:1px solid var(--line-soft);color:var(--cyan);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.media-callout{display:grid;grid-template-columns:1.45fr .55fr;gap:50px;align-items:center;padding:48px;border:1px solid var(--line-soft);background:radial-gradient(circle at 85% 45%,rgba(124,58,237,.18),transparent 23rem),rgba(12,24,34,.58)}
.media-play{display:grid;place-items:center;gap:24px}
.play-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(92,200,255,.4);box-shadow:0 0 0 22px rgba(92,200,255,.025),0 0 80px rgba(124,58,237,.15)}
.play-ring span{display:block;margin-left:7px;color:var(--gold);font-size:2rem}
.home-media-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
.series-panel,.youtube-panel{display:grid;gap:26px;padding:34px;border:1px solid var(--line-soft);background:rgba(12,24,34,.58);color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease}
.series-panel{grid-template-columns:1fr 1.2fr}.youtube-panel{align-content:center}
.series-panel:hover,.youtube-panel:hover{transform:translateY(-4px);border-color:rgba(92,200,255,.38)}
.series-panel h3,.youtube-panel h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;margin:10px 0 14px}
.series-panel p,.youtube-panel p{color:var(--muted)}
.series-mini-covers{position:relative;min-height:285px}
.series-mini-covers img{position:absolute;width:42%;max-width:145px;border-radius:7px;box-shadow:0 15px 38px rgba(0,0,0,.35)}
.series-mini-covers img:nth-child(1){left:0;top:38px;transform:rotate(-8deg)}
.series-mini-covers img:nth-child(2){left:27%;top:4px;z-index:2}
.series-mini-covers img:nth-child(3){left:54%;top:38px;transform:rotate(8deg)}
@media(max-width:980px){.book-card-grid{grid-template-columns:1fr}.book-card{grid-template-columns:160px 1fr}.books-hero-stack{min-height:430px}.book-feature,.book-feature:nth-child(even){grid-template-columns:1fr;gap:32px;padding:34px}.book-feature:nth-child(even) .book-cover-wrap{order:0}.media-callout,.home-media-grid{grid-template-columns:1fr}}
@media(max-width:640px){.book-card{grid-template-columns:105px 1fr;padding:14px}.books-hero-stack{min-height:350px}.books-hero-stack img{width:46%}.book-feature{padding:24px}.series-panel{grid-template-columns:1fr}.series-mini-covers{min-height:250px}.media-callout{padding:28px}}


/* ===== V5.7.1 Publications editorial redesign ===== */

.publication-hero{
  padding-bottom:72px;
}
.publication-ledger{
  align-self:stretch;
  min-height:390px;
  padding:36px;
  border:1px solid rgba(132,166,188,.16);
  background:
    radial-gradient(circle at 80% 20%,rgba(124,58,237,.12),transparent 17rem),
    rgba(9,19,27,.62);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.publication-ledger-label{
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.15em;
  font-weight:700;
}
.publication-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid rgba(132,166,188,.12);
  border-left:1px solid rgba(132,166,188,.12);
  margin:28px 0;
}
.publication-stat-grid div{
  min-height:112px;
  padding:20px;
  border-right:1px solid rgba(132,166,188,.12);
  border-bottom:1px solid rgba(132,166,188,.12);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.publication-stat-grid strong{
  font-family:var(--serif);
  color:var(--text);
  font-size:2.4rem;
  line-height:1;
  font-weight:400;
}
.publication-stat-grid span{
  color:var(--muted);
  font-size:.72rem;
  margin-top:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.publication-ledger blockquote{
  margin:0;
  color:#d7e0e6;
  font-family:var(--serif);
  font-size:1.25rem;
  line-height:1.35;
}

.compact-intro{
  margin-bottom:38px;
}
.publication-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);
  gap:22px;
}
.publication-series-feature,
.publication-video-feature{
  border:1px solid rgba(132,166,188,.16);
  background:rgba(11,23,32,.5);
}
.publication-series-feature{
  padding:42px;
}
.publication-series-feature h3,
.publication-video-feature h3{
  font-family:var(--serif);
  font-size:clamp(2rem,3.4vw,3.4rem);
  line-height:1.02;
  margin:12px 0 16px;
}
.publication-series-feature > p,
.publication-video-feature p{
  color:var(--muted);
  line-height:1.7;
}
.publication-book-list{
  list-style:none;
  padding:0;
  margin:30px 0 26px;
  border-top:1px solid rgba(132,166,188,.12);
}
.publication-book-list li{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(132,166,188,.12);
}
.publication-book-list li > span{
  color:var(--gold);
  font-family:var(--serif);
  font-size:1.25rem;
}
.publication-book-list strong{
  display:block;
  color:var(--text);
  font-size:.98rem;
  margin-bottom:5px;
}
.publication-book-list small{
  color:var(--muted);
  line-height:1.45;
}
.text-link{
  color:var(--cyan);
  text-decoration:none;
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.03em;
}
.text-link:hover{
  text-decoration:underline;
}
.publication-video-feature{
  padding:34px;
  color:inherit;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:100%;
  background:
    radial-gradient(circle at 70% 22%,rgba(92,200,255,.10),transparent 14rem),
    radial-gradient(circle at 30% 100%,rgba(124,58,237,.15),transparent 18rem),
    rgba(11,23,32,.54);
  transition:transform .2s ease,border-color .2s ease;
}
.publication-video-feature:hover{
  transform:translateY(-3px);
  border-color:rgba(92,200,255,.38);
}
.publication-video-mark{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:auto;
  border:1px solid rgba(92,200,255,.35);
  color:var(--gold);
  font-size:1.2rem;
  box-shadow:0 0 48px rgba(124,58,237,.12);
}

.external-publication-list{
  border-top:1px solid rgba(132,166,188,.16);
}
.external-publication-row{
  display:grid;
  grid-template-columns:90px minmax(0,1fr) 52px;
  gap:28px;
  align-items:start;
  padding:28px 0;
  border-bottom:1px solid rgba(132,166,188,.16);
  color:inherit;
  text-decoration:none;
  transition:padding-left .2s ease,background .2s ease;
}
.external-publication-row:hover{
  padding-left:10px;
  background:linear-gradient(90deg,rgba(92,200,255,.035),transparent 60%);
}
.external-year{
  color:var(--gold);
  font-family:var(--serif);
  font-size:1.35rem;
}
.external-copy h3{
  margin:7px 0 8px;
  color:var(--text);
  font-family:var(--serif);
  font-size:clamp(1.35rem,2.3vw,2rem);
  line-height:1.12;
}
.external-copy p{
  margin:0;
  max-width:820px;
  color:var(--muted);
  line-height:1.55;
}
.external-arrow{
  color:var(--cyan);
  font-size:1.35rem;
  justify-self:end;
}

.editorial-library-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.editorial-library-group{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:22px;
  padding:30px;
  border-top:1px solid rgba(132,166,188,.18);
  background:rgba(11,23,32,.26);
}
.library-index{
  color:var(--gold);
  font-family:var(--serif);
  font-size:1.55rem;
  opacity:.85;
}
.library-content > h3{
  margin:7px 0 24px;
  color:var(--text);
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.5vw,2.45rem);
  line-height:1.05;
}
.library-link-list{
  border-top:1px solid rgba(132,166,188,.12);
}
.library-link-list a{
  display:block;
  padding:16px 4px;
  border-bottom:1px solid rgba(132,166,188,.12);
  color:inherit;
  text-decoration:none;
  transition:padding-left .2s ease;
}
.library-link-list a:hover{
  padding-left:10px;
}
.library-link-list span{
  display:block;
  color:#dfe6eb;
  font-weight:650;
  line-height:1.3;
}
.library-link-list small{
  display:block;
  color:var(--muted);
  margin-top:5px;
  line-height:1.4;
}

.publication-lab-bridge{
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:end;
  padding:42px;
  border-left:2px solid var(--gold);
  background:rgba(11,23,32,.45);
}
.publication-lab-bridge .h2{
  max-width:760px;
  margin:10px 0 12px;
}
.publication-lab-bridge .lede{
  max-width:720px;
}

@media(max-width:980px){
  .publication-feature-grid,
  .editorial-library-grid{
    grid-template-columns:1fr;
  }
  .publication-video-feature{
    min-height:330px;
  }
}
@media(max-width:720px){
  .publication-ledger{
    min-height:auto;
    padding:26px;
  }
  .publication-stat-grid div{
    min-height:92px;
    padding:16px;
  }
  .publication-series-feature,
  .publication-video-feature{
    padding:26px;
  }
  .external-publication-row{
    grid-template-columns:62px 1fr;
    gap:16px;
  }
  .external-arrow{
    display:none;
  }
  .editorial-library-group{
    grid-template-columns:1fr;
    gap:12px;
    padding:24px;
  }
  .publication-lab-bridge{
    grid-template-columns:1fr;
    align-items:start;
    padding:28px;
  }
}


/* ===== V5.7.2 direct Amazon links ===== */
.book-amazon-link{
  display:inline-block;
  margin-top:9px;
  color:var(--gold);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.05em;
  text-decoration:none;
  text-transform:uppercase;
}
.book-amazon-link:hover{
  color:var(--cyan);
  text-decoration:underline;
}