/* =============================================================
   150 — The Science page styles
   ============================================================= */

/* ---- 1 · HERO ---- */
.shero{min-height:96svh;display:flex;align-items:center;padding-top:clamp(110px,13vh,170px)}
/* hero text starts at the section padding, aligned with the nav logo (like home) —
   the centered maxw inner drifted right of it on wide screens */
.shero .sec__inner{max-width:none;margin:0;width:100%;grid-template-columns:1.15fr 0.85fr;gap:clamp(48px,6vw,110px)}  /* width:100% — the flex parent shrink-wrapped the inner, holding the helix off the right edge */
.shero__copy{max-width:720px}
.shero__viz{width:100%;max-width:600px;justify-self:end}
.shero__h1{font-size:clamp(44px,6vw,88px);line-height:1.02;margin:.3em 0 .7em}  /* matched to the other hero headlines */
.shero__h1 em{font-style:italic;color:var(--sand)}
.shero__viz{position:relative;min-height:clamp(360px,46vh,520px)}
/* full-bleed portrait: reaches the section's top/right edges, melts into the
   black toward the left and bottom — one continuous environment (m29) */
.shero__rings{position:absolute;top:0;right:0;bottom:0;width:64%;z-index:1;color:#A4AC8A;opacity:.4;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 44%);mask:linear-gradient(90deg,transparent 0,#000 44%)}
.shero__helix{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:var(--sand);z-index:2}  /* reach the viz right edge (aligned to the Apply button) */
.shero__call{position:absolute;display:flex;flex-direction:column;z-index:3;line-height:1.1}
.shero__call b{font-size:1.5rem;color:var(--oat)}
.shero__call .mono{font-size:10px;color:var(--muted)}
/* leader line from each callout to its helix point — warm, ending in a glowing telemetry dot (m29) */
.shero__call::before{content:"";position:absolute;width:1px;height:26px;background:linear-gradient(var(--sand),rgba(205,187,163,.15));opacity:.8;left:0}
.shero__call::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--sand);left:-2px;
  box-shadow:0 0 8px 1px rgba(233,201,160,.85),0 0 3px rgba(233,201,160,.95);animation:dot-glow-pulse 2.8s ease-in-out infinite}
.shero__call--top{top:2%;left:42%}.shero__call--top::before{bottom:-28px;left:0}.shero__call--top::after{bottom:-31px}
.shero__call--bl{bottom:14%;left:4%}.shero__call--bl::before{top:-28px;left:0}.shero__call--bl::after{top:-31px}
.shero__call--br{bottom:18%;left:64%}.shero__call--br::before{top:-28px;left:0}.shero__call--br::after{top:-31px}
.shero__ticks{position:absolute;left:0;right:0;bottom:-2%;color:var(--sand);opacity:.5;z-index:1}
@media (max-width:860px){.shero__viz{min-height:340px;margin-top:1.5em}.shero__rings{width:100%;opacity:.22}}

/* ---- 2 · TRIAD ---- */
.triad__lede{max-width:58ch;margin:1.2em auto 0;text-align:center}
.triad__panels{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);margin-top:3em;text-align:left}
.triad__card{padding:22px 22px 18px;display:flex;flex-direction:column;gap:16px}
.triad__card>.mono-label em{font-style:normal;color:var(--muted)}
.triad__cardviz{display:flex;gap:16px;align-items:center;flex:1}
.triad__cardviz--center{flex-direction:column;justify-content:center;position:relative}
.triad__dna{width:48px;flex:none;color:var(--tan)}
.triad__rows{flex:1;display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:.04em}
.triad__rows li{display:grid;grid-template-columns:1fr 70px;gap:8px;align-items:center;color:var(--muted);text-transform:uppercase}
.whisker{position:relative;height:1px;background:var(--rule)}
.whisker i{position:absolute;top:50%;left:38%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--tan)}
.triad__burst{width:140px;height:140px;color:var(--tan);position:relative}
.triad__bignum{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center}
.triad__bignum .num{font-size:40px;color:var(--fg)}
.triad__legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.triad__legend li{display:flex;align-items:center;gap:6px}.triad__legend i{width:7px;height:7px;border-radius:50%}
.triad__age{display:flex;flex-direction:column}
.triad__age .num{font-size:40px;color:var(--fg)}
.triad__adv{font-family:var(--mono);font-size:9px;color:var(--olive);letter-spacing:.04em;margin-top:4px}
.triad__foot{opacity:.7;margin-top:auto}
.triad__sum{display:inline-flex;align-items:center;gap:16px;margin-top:2.4em;border:1px solid var(--accent);
  border-radius:14px;padding:16px 28px;background:color-mix(in srgb,var(--tan) 8%,transparent)}
.triad__sum .num{font-size:44px;color:var(--fg)}
.triad__sumorb{width:30px;height:30px;color:var(--tan)}
.triad__sum>span{display:flex;flex-direction:column;text-align:left}
@media (max-width:860px){.triad__panels{grid-template-columns:1fr}}

/* ---- 3 · INDIAN BODY ---- */
/* distinct band: deeper field + a hard rule up top (screen review) */
.indianbody{border-top:1px solid var(--rule)}
.indianbody__head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:start}
.indianbody__head .statement{margin:.3em 0 .6em}
/* the "150 is calibrated for your biology" lead line (m31) */
.indianbody__lead{font-family:var(--sans);font-weight:460;font-size:clamp(.98rem,1.4vw,1.12rem);color:var(--fg);margin-top:.9em;line-height:1.45}
.indianbody__lead b{color:var(--ember);font-weight:500}
.indianbody__points{list-style:none;margin-top:1.5em;display:flex;flex-direction:column;gap:16px}
.indianbody__points li{display:flex;gap:14px;align-items:flex-start}
.ib__ic{width:38px;height:38px;flex:none;border:1px solid var(--rule);border-radius:50%;padding:9px;color:var(--ember)}
.indianbody__points b{display:block;color:var(--fg);font-size:.98rem}
.indianbody__points span{font-size:.86rem;color:var(--muted)}
.indianbody__charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(32px,6vw,88px)}
.riskchart{border:1px solid var(--panel-line);border-radius:12px;padding:14px;background:var(--panel)}
.riskchart figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.riskchart__x{display:block;text-align:center;margin-top:4px;opacity:.6}
.indianbody__scale{margin-top:2.6em;padding:24px clamp(20px,4vw,48px)}
.calib{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:14px;position:relative}
.calib__bar{grid-column:1/-1;color:var(--fg)}
.calib__node{position:absolute;left:50%;top:0;transform:translate(-50%,-30%);font-size:34px;color:var(--ember);
  background:var(--bg);padding:0 10px;border:1px solid var(--ember);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;
  box-shadow:0 0 18px 2px color-mix(in srgb,var(--ember) 28%,transparent),inset 0 0 10px color-mix(in srgb,var(--ember) 14%,transparent);
  animation:calib-glow 3s ease-in-out infinite}
@keyframes calib-glow{0%,100%{box-shadow:0 0 14px 1px color-mix(in srgb,var(--ember) 22%,transparent),inset 0 0 8px color-mix(in srgb,var(--ember) 12%,transparent)}50%{box-shadow:0 0 26px 5px color-mix(in srgb,var(--ember) 38%,transparent),inset 0 0 12px color-mix(in srgb,var(--ember) 20%,transparent)}}
.calib__end{display:flex;flex-direction:column;font-size:.8rem}
.calib__end--r{text-align:right}
.calib__end b{font-family:var(--sans);font-size:.86rem;color:var(--muted)}
.calib__end span{font-size:.76rem;color:var(--muted);opacity:.8}
.indianbody__note{display:flex;align-items:center;gap:14px;margin-top:2em;border:1px solid var(--rule);border-radius:999px;padding:14px 24px;max-width:760px;margin-left:auto;margin-right:auto}
.ib__seal{width:30px;height:30px;flex:none;color:var(--ember)}
.indianbody__note p{font-size:.92rem;color:var(--muted)}.indianbody__note b{color:var(--fg)}
@media (max-width:860px){.indianbody__head{grid-template-columns:1fr}.calib{grid-template-columns:1fr}.calib__node{position:static;transform:none;margin:0 auto}}

/* ---- 4 · OPTIMAL ---- */
.optimal__copy .statement em{color:var(--tan)}
.optimal__copy .statement{margin-bottom:.6em}   /* the body copy sat flush against the headline */
.optimal__scale{display:flex;align-items:center}
.oscale{position:relative;width:100%;padding:60px 0 40px}
.oscale__track{color:var(--fg)}
.oscale__lim{position:absolute;top:64px;font-size:11px;color:var(--muted)}
.oscale__lim{left:-2%}.oscale__lim--r{left:auto;right:-2%}
.oscale__normal{position:absolute;left:18%;top:54px;width:34%;height:28px;background:rgba(86,80,64,.18);border:1px solid var(--rule);border-radius:4px;display:grid;place-items:start center}
.oscale__normal .mono-label{position:absolute;top:-22px;font-size:9px}
.oscale__optimal{position:absolute;left:80%;top:40px;display:flex;flex-direction:column;align-items:center;gap:6px}
/* the focal OPTIMAL TARGET dot — warm ember with a breathing glow (m32) */
.oscale__optimal::after{content:"";width:18px;height:18px;border-radius:50%;background:var(--ember);order:1;
  box-shadow:0 0 22px 6px color-mix(in srgb,var(--ember) 55%,transparent),0 0 8px 2px color-mix(in srgb,var(--ember) 75%,transparent);
  animation:opt-glow 2.6s ease-in-out infinite}
@keyframes opt-glow{
  0%,100%{box-shadow:0 0 16px 4px color-mix(in srgb,var(--ember) 45%,transparent),0 0 6px 1px color-mix(in srgb,var(--ember) 70%,transparent)}
  50%{box-shadow:0 0 32px 10px color-mix(in srgb,var(--ember) 60%,transparent),0 0 13px 3px color-mix(in srgb,var(--ember) 85%,transparent)}
}
.oscale__optimal .mono-label{order:0}
.oscale__zone{order:2;font-size:10px;text-align:center;color:var(--ember);border:1px solid var(--rule);border-radius:4px;padding:5px 8px;margin-top:6px}
@media (max-width:860px){.oscale__normal{width:40%}}

/* ---- 5 · STANDARD ---- */
.standard__rows{margin-top:3em;display:flex;flex-direction:column;max-width:860px;margin-left:auto;margin-right:auto}
.srow{display:grid;grid-template-columns:1fr auto 1.3fr auto;align-items:center;gap:clamp(16px,4vw,50px);padding:22px 6px;border-top:1px solid var(--rule);text-align:left}
.srow:last-child{border-bottom:1px solid var(--rule)}
.srow__old{display:flex;align-items:center;gap:14px;opacity:.5}
.srow__old b{font-family:var(--sans);font-size:1.4rem;font-weight:380}
.srow__old em{font-style:italic;font-size:.8rem;color:var(--muted)}
.srow__oic,.srow__nic{width:34px;height:34px;flex:none}
.srow__oic{color:var(--muted)}
.srow__arr{color:var(--tan)}
.srow__new{display:flex;align-items:center;gap:14px}
.srow__new b{font-family:var(--sans);font-size:1.55rem;font-weight:420;color:var(--fg)}
.srow__new em{font-style:italic;font-size:.82rem;color:var(--muted)}
.srow__nic{color:var(--tan)}
.srow__check{width:30px;height:30px;color:var(--olive);justify-self:end}
.standard__btn{margin-top:2.4em}
@media (max-width:720px){.srow{grid-template-columns:1fr auto;gap:14px}.srow__arr,.srow__check{display:none}.srow__new{grid-column:1/-1}}

/* ---- 6 · END CTA ---- */
.endcta__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.endcta__copy .statement{margin:.3em 0}
.endcta__bigmark{display:flex;justify-content:flex-end;color:var(--sand)}
.endcta__bigmark .logo__num{font-family:var(--serif);font-weight:300}
.endcta__signal{display:flex;align-items:center;gap:0;max-width:var(--maxw);margin:2.4em auto 0}
.endcta__sigline{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--sand))}
.endcta__ekg{flex:1;height:40px;color:var(--sand)}
@media (max-width:860px){.endcta__inner{grid-template-columns:1fr}.endcta__bigmark{justify-content:flex-start;margin-top:1em}}

/* endcta big mark = the OFFICIAL 150 wordmark (was a hand-set serif "15" + generic orb) */
.endcta__bigmark .logo-wm{height:clamp(96px,12vw,170px);width:auto;color:#DDE3C8;
  filter:drop-shadow(0 0 14px rgba(164,172,138,.35))}

/* ============================================================
   FULL LIGHT REBRAND (client review round 2) — Science
   ============================================================ */
/* hero: same warm landing field as home/programme */
.shero{--fg:#1E2A1C;
  background:
    radial-gradient(46% 68% at 72% 46%, rgba(216,206,164,.5), rgba(216,206,164,0) 70%),
    radial-gradient(58% 78% at 10% 6%, rgba(164,172,138,.28), transparent 62%),
    linear-gradient(118deg,#F8F6EF 0%,#EFEDE2 55%,#E5E3D4 100%)}
.shero__helix{color:#5F6849}
/* the three-A tagline speaks up */
.shero__aaa{font-size:clamp(18px,1.6vw,23px);letter-spacing:.02em;color:#4C5443;font-weight:460}
.shero__aaa em{font-style:normal;color:#90966E}

/* page-wide authority: forest statements, logo-green accents, readable body */
body[data-page="science"] .statement{color:#22301F}
body[data-page="science"] .statement em{color:#90966E}
body[data-page="science"] .body{font-size:clamp(16px,1.15vw,18px);color:#4C5443}
/* the dark scisig section keeps its own light-on-dark tokens */
.scisig .statement{color:#F4F2EF}
.scisig .statement em{color:#A4AC8A}
.scisig .body{color:#B7BDA8}

/* light glass nav (hero is light now) */
body[data-page="science"] .nav{color:#22271F}
body[data-page="science"] .nav__link{opacity:.85;font-weight:460}
body[data-page="science"] .nav--solid{background:rgba(246,244,238,.55);
  backdrop-filter:blur(20px) saturate(1.2);
  -webkit-backdrop-filter:blur(20px) saturate(1.2);
  border-bottom:1px solid rgba(34,39,31,.08)}
body[data-page="science"] .nav__apply:hover{background:#2E3B2A}
body[data-page="science"] .nav__apply:hover span{color:#F5F4EF}

/* light endcta */
.endcta__bigmark .logo-wm{color:#757C5C;filter:none}
.shero__call b{color:#22301F}
.shero__call::before{background:linear-gradient(#757C5C,rgba(117,124,92,.15))}
.shero__call::after{background:#757C5C;box-shadow:none;animation:none}