*{box-sizing:border-box;margin:0;padding:0}
:root{--eh-home-font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body,body.eh-home-platform-page{font-family:var(--eh-home-font);background:#fff;color:#0a0a0a;overflow-x:hidden}
.eh-home-platform{font-family:var(--eh-home-font)}
.eh-browse-platform{font-family:var(--eh-home-font)}
#eh-home-platform:not(.is-ready),
#eh-browse-platform:not(.is-ready){min-height:100vh;background:#fff}
#eh-home-platform:not(.is-ready) .footer-section,
#eh-browse-platform:not(.is-ready) .footer-section{visibility:hidden}
.eh-platform-site-nav{position:sticky;top:0;z-index:200;background:#fff}
[data-eh-platform-nav]:empty{min-height:56px;background:#fff;border-bottom:1px solid rgba(15,20,25,.06)}
/* Presenter top bar */
/* ── PRESENTER SHELL — inspired by website hero photography ───────────────── */
/* Top bar: aerial ocean — deep #0c3545 rolling into dark forest #062d1e       */
.pbar{background:linear-gradient(135deg,#062118 0%,#0c3545 45%,#062d1e 100%);
  padding:11px 18px;display:flex;justify-content:space-between;align-items:center;
  position:sticky;top:0;z-index:200;gap:8px;flex-wrap:wrap;
  border-bottom:2px solid #1a9aad}
.pbar-logo{font-size:15px;font-weight:800;color:#fff;letter-spacing:-0.4px;white-space:nowrap}
/* Badge: vivid harbor teal, fully saturated — pops on dark */
.ch-badge{font-size:11px;padding:4px 13px;border-radius:99px;font-weight:700;
  background:#1a9aad;color:#fff;white-space:nowrap;
  box-shadow:0 0 12px rgba(26,154,173,0.5)}
.pbar-btns{display:flex;gap:6px;align-items:center}
.pbtn{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.82);
  border:1px solid rgba(255,255,255,0.2);border-radius:7px;
  padding:5px 13px;font-size:11px;cursor:pointer;font-family:inherit;
  white-space:nowrap;transition:all .18s}
.pbtn:hover{background:#1a9aad;color:#fff;border-color:#1a9aad}
.pbtn.on{background:#f97316;color:#fff;border-color:#f97316}
/* Chapter strip: rocket launch night sky */
.chstrip{background:#040912;border-bottom:2px solid #f97316;
  padding:7px 15px;display:flex;gap:5px;overflow-x:auto}
.chpip{padding:4px 11px;border-radius:99px;font-size:10px;font-weight:600;
  cursor:pointer;white-space:nowrap;
  border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.3);
  background:transparent;transition:all .18s}
.chpip.curr{border-color:#f97316;color:#f97316;
  background:rgba(249,115,22,0.15);
  box-shadow:0 0 8px rgba(249,115,22,0.3)}
.chpip.done{color:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.04)}
/* Context panel: underwater cave with light ray — dark with vivid accent */
.ctx{background:linear-gradient(90deg,#040d20 0%,#071428 100%);
  border-bottom:1px solid rgba(26,154,173,0.4);
  padding:12px 18px;display:flex;align-items:flex-start;gap:12px}
.ctx-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;font-weight:800;
  color:#1a9aad;white-space:nowrap;margin-top:2px;flex-shrink:0}
.ctx-text{font-size:12.5px;color:rgba(255,255,255,0.82);line-height:1.65;flex:1}
.ctx-toggle{background:rgba(26,154,173,0.15);border:1px solid rgba(26,154,173,0.4);
  border-radius:5px;color:#1a9aad;font-size:10px;padding:3px 9px;
  cursor:pointer;flex-shrink:0;font-family:inherit;transition:all .18s}
.ctx-toggle:hover{background:#1a9aad;color:#fff}
/* Video bar: sunset — warm orange bleeding into deep ocean teal */
.vbar{background:linear-gradient(135deg,#062d1e 0%,#0c3545 50%,#1a2a0a 100%);
  border-top:2px solid #1a9aad;
  padding:10px 16px;display:flex;justify-content:space-between;
  align-items:center;position:sticky;bottom:0;z-index:200;gap:10px}
.vbtn{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.85);
  border:1px solid rgba(255,255,255,0.18);border-radius:8px;
  padding:9px 16px;font-size:13px;font-weight:600;
  cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .18s}
.vbtn:hover{background:#1a9aad;color:#fff;border-color:#1a9aad}
.vbtn:disabled{opacity:.3;cursor:default}
.vplay{background:#f97316;color:#fff;border:none;border-radius:50%;
  width:40px;height:40px;font-size:17px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:all .18s;box-shadow:0 0 16px rgba(249,115,22,0.5)}
.vplay:hover{background:#C2592F;box-shadow:0 0 24px rgba(249,115,22,0.7)}
.vcenter{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}
.vbar-prog{width:100%;height:3px;background:rgba(255,255,255,0.12);
  border-radius:99px;overflow:hidden}
.vbar-fill{height:100%;background:#f97316;border-radius:99px;transition:width .4s}
.vbar-info{display:flex;justify-content:space-between;width:100%;
  font-size:9px;color:rgba(255,255,255,0.38)}
/* Index overlay: deep ocean night */
.idx-ov{position:fixed;top:0;left:0;right:0;bottom:0;
  background:#040912;z-index:500;overflow-y:auto;padding:22px 16px}
.idx-ch{background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:13px;padding:15px;margin-bottom:9px;cursor:pointer;transition:all .18s}
.idx-ch:hover{background:rgba(26,154,173,0.12);border-color:#1a9aad}
.idx-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.idx-pill{font-size:10px;padding:2px 8px;border-radius:99px;
  background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.45);
  cursor:pointer;transition:all .15s}
.idx-pill:hover{background:#1a9aad;color:#fff}
/* Break screens */
.brk{background:#040912;min-height:calc(100vh - 120px);
  display:flex;flex-direction:column}
.brk-vis{width:100%;height:220px;display:block;overflow:hidden;flex-shrink:0}
.brk-body{flex:1;padding:28px 22px;max-width:680px}
/* Intro screens */
.intro{background:#040912;min-height:calc(100vh - 120px);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:40px 24px;text-align:center;
  position:relative;overflow:hidden}
.intro-logo{font-size:clamp(34px,7vw,56px);font-weight:800;color:#fff;
  letter-spacing:-2px;margin-bottom:6px}
.intro-tag{font-size:clamp(14px,3vw,20px);color:#1a9aad;
  margin-bottom:28px;font-weight:400}
.intro-btn{background:linear-gradient(135deg,#0d9488,#1a9aad);color:#fff;
  border:none;border-radius:10px;padding:14px 34px;font-size:15px;
  font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;
  box-shadow:0 4px 28px rgba(26,154,173,0.5)}
.intro-btn:hover{transform:translateY(-2px);
  box-shadow:0 8px 36px rgba(26,154,173,0.65)}
.intro-sec{background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:13px 15px}
.brk{background:#0a1e2e;min-height:calc(100vh - 120px);display:flex;flex-direction:column}
.brk-vis{width:100%;height:220px;display:block;overflow:hidden;flex-shrink:0}
.brk-body{flex:1;padding:28px 22px;max-width:680px}
/* Intro screens */
.intro{background:#071e2e;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;position:relative;overflow:hidden}
.intro-logo{font-size:clamp(34px,7vw,56px);font-weight:800;color:#fff;letter-spacing:-2px;margin-bottom:6px}
.intro-tag{font-size:clamp(14px,3vw,20px);color:#9FE1CB;margin-bottom:28px;font-weight:400}
.intro-btn{background:#0d9488;color:#fff;border:none;border-radius:10px;padding:14px 32px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;box-shadow:0 4px 24px rgba(13,148,136,0.4)}
.intro-btn:hover{background:#5DCAA5;transform:translateY(-1px);box-shadow:0 6px 32px rgba(13,148,136,0.5)}
.intro-sec{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:13px 15px;backdrop-filter:blur(4px)}
/* Existing demo page styles */
.nav{background:rgba(255,255,255,0.97);border-bottom:1px solid #E6EBE8;padding:13px 22px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:15px;font-weight:800;letter-spacing:-0.3px;color:#0a0a0a}
.portal-pill{font-size:11px;padding:4px 13px;border-radius:99px;font-weight:600}
.track-chip{font-size:10px;padding:3px 9px;border-radius:99px;font-weight:600}
.hero{padding:40px 22px 26px;max-width:720px}
.h1{font-size:clamp(28px,5.5vw,46px);font-weight:800;line-height:1.06;letter-spacing:-1.6px;color:#0a0a0a}
.h1g{font-size:clamp(24px,5vw,42px);font-weight:800;line-height:1.06;letter-spacing:-1.3px;color:#8a8a8a;margin-top:4px}
.vis{width:100%;height:200px;display:block;overflow:hidden}
.stats-row{display:flex;padding:22px 0;border-top:1px solid #E6EBE8;border-bottom:1px solid #E6EBE8}
.stat{flex:1;text-align:center;padding:0 10px;border-right:1px solid #E6EBE8}
.stat:last-child{border-right:none}
.sn{font-size:clamp(26px,5vw,46px);font-weight:800;letter-spacing:-2px;color:#0a0a0a;line-height:1}
.sl{font-size:11px;color:#9ca3af;margin-top:5px;line-height:1.45;padding:0 4px}
.content{padding:22px 22px}
.slabel{font-size:16px;font-weight:800;color:#0a0a0a;margin-bottom:5px}
.ssub{font-size:14px;color:#8a8a8a;line-height:1.65;margin-bottom:18px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px 17px}
.card2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.prow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:6px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}
.bv{background:#E6EFDF;color:#2E7C7E}.bc{background:#F4ECD6;color:#A98A3D}.bn{background:#F2DED7;color:#C8443D}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vcard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;cursor:pointer;transition:border-color .15s}
.vcard:hover{border-color:#0d9488}.vcard.sel{border-color:#0d9488;background:#E9F2EF}
.pgcards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pcrd{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px;text-align:center;cursor:pointer}
.pcrd.ap{border:2px solid #236A86;background:#E7EEEF}.pcrd.at{border:2px solid #0d9488;background:#E9F2EF}
.rhead{background:#085041;border-radius:12px;padding:22px;color:#fff;margin-bottom:14px}
.gtrack{height:5px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin-top:3px}
.gfill{height:100%;border-radius:99px;background:#0d9488}
.sta{width:100%;padding:13px 15px;border-radius:10px;font-size:14px;border:1.5px solid #e5e7eb;resize:none;height:72px;font-family:inherit;color:#0a0a0a;line-height:1.5}
.btnd{background:#0a0a0a;color:#fff;border:none;border-radius:8px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;width:100%;margin-top:10px}
.btno{background:#fff;color:#0a0a0a;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;width:100%;margin-top:8px}
.ltick{background:#F4ECD6;border:1px solid #c9bd92;border-radius:8px;padding:9px 14px;font-size:12px;color:#A98A3D;display:flex;align-items:center;gap:8px;margin-bottom:16px}
.ldot{width:8px;height:8px;border-radius:50%;background:#C8443D;animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes liveBlip{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}100%{transform:translateY(-14px);opacity:0}}@keyframes dataFlow{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}100%{transform:scale(1);opacity:.6}}@keyframes barShimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}.lstream{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,#F4ECD6 0%,#F4ECD6 60%,#F6EFE2 100%);border:1px solid #c9bd92;border-radius:10px;font-size:11px;color:#A98A3D;margin-bottom:14px;position:relative;overflow:hidden}.lstream::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#C8443D;animation:pulse 1.5s ease-in-out infinite}.lstream .lbadge{display:inline-flex;align-items:center;gap:6px;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#C8443D}.lstream .lbadge::before{content:"";width:7px;height:7px;border-radius:50%;background:#C8443D;animation:dataFlow 1.4s ease-in-out infinite}.lstream .lcount{font-weight:800;color:#0a0a0a;font-variant-numeric:tabular-nums}.lstream .ltime{color:#9ca3af;font-size:10px;margin-left:auto;font-variant-numeric:tabular-nums}.lstream .lblip{position:absolute;top:6px;font-size:10px;font-weight:800;color:#2E7C7E;animation:liveBlip 1.6s ease-out;pointer-events:none}.cohrow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.cohtab{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:9px 10px;cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}.cohtab:hover{border-color:#9ca3af}.cohtab.on-h{background:#E6EFDF;border-color:#B6D8C2;box-shadow:0 0 0 1px #B6D8C2 inset}.cohtab.on-m{background:#F4ECD6;border-color:#c9bd92;box-shadow:0 0 0 1px #c9bd92 inset}.cohtab.on-l{background:#F2DED7;border-color:#E0A89C;box-shadow:0 0 0 1px #E0A89C inset}.cohtab .ctlabel{font-size:11px;font-weight:800;color:#0a0a0a;letter-spacing:-0.2px;line-height:1.2}.cohtab .ctcount{font-size:10px;color:#6b7280;margin-top:2px}.cohtab.on-h .ctlabel{color:#2E7C7E}.cohtab.on-m .ctlabel{color:#A98A3D}.cohtab.on-l .ctlabel{color:#C8443D}.vchook{font-size:11px;color:#374151;line-height:1.5;font-style:italic;border-top:1px solid #f3f4f6;padding-top:7px;margin-top:7px}.vchip{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;padding:2px 7px;border-radius:99px;letter-spacing:0.4px;text-transform:uppercase}.vchip-h{background:#E6EFDF;color:#2E7C7E}.vchip-m{background:#F4ECD6;color:#A98A3D}.vchip-l{background:#F2DED7;color:#C8443D}.vchip-h::before{content:"●";font-size:8px}.vchip-m::before{content:"●";font-size:8px}.vchip-l::before{content:"●";font-size:8px}
.sfnote{background:#E6EFDF;border:1px solid #BFD8CE;border-radius:8px;padding:11px 14px;font-size:12px;color:#2E7C7E;margin-top:13px}
.pednote{background:#E7EEEF;border:1px solid #AEC2CC;border-radius:8px;padding:10px 13px;font-size:12px;color:#1E3A5F;margin-bottom:13px}
.profchip{display:inline-flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:99px;padding:5px 14px;font-size:12px;color:#6b7280;margin-bottom:16px}
.sigrow{padding:16px 22px;display:flex;align-items:center;gap:14px}
.sigline{flex:1;height:1px;background:#e5e7eb}
.study-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:10px}
.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prog-bar{height:4px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:8px 0}
.prog-fill{height:100%;border-radius:99px;background:#0d9488}
.consent-section{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:12px}
.consent-head{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.consent-row{padding:10px 16px;border-top:1px solid #E6EBE8;display:flex;align-items:flex-start;gap:12px}
.lock-badge{background:#f3f4f6;color:#6b7280;font-size:10px;padding:2px 8px;border-radius:99px;font-weight:600;white-space:nowrap}
.toggle{width:36px;height:20px;border-radius:99px;position:relative;transition:background .2s;flex-shrink:0;border:none;cursor:pointer}
.toggle.on{background:#0d9488}.toggle.off{background:#d1d5db}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s}
.toggle.on::after{left:19px}
.cat-card{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;overflow:hidden}
.cat-card.opted-out{opacity:.5;border-style:dashed}
.cat-head{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.cat-body{padding:12px 14px;border-top:1px solid #E6EBE8;background:#fafaf9}
.q-row{margin-bottom:12px}
.q-label{font-size:12px;color:#374151;font-weight:600;margin-bottom:5px;display:flex;justify-content:space-between}
.slider{width:100%;accent-color:#0d9488}
.q-val{font-size:12px;color:#0d9488;font-weight:700}
.yes-no{display:flex;gap:8px}
.yn-btn{padding:6px 18px;border-radius:99px;border:1px solid #e5e7eb;font-size:12px;cursor:pointer;font-family:inherit;background:#fff}
.yn-btn.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.mandatory-tag{background:#F2DED7;color:#C8443D;font-size:10px;padding:2px 8px;border-radius:99px;font-weight:600}
.opt-btn{font-size:11px;padding:4px 10px;border-radius:99px;border:1px solid #e5e7eb;cursor:pointer;font-family:inherit;background:#fff;color:#6b7280}
.opt-btn.active{background:#F2DED7;color:#C8443D;border-color:#E0A89C}
.upload-zone{border:2px dashed #d1d5db;border-radius:12px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:12px;background:#fafaf9}
.rec-dot{width:10px;height:10px;border-radius:50%;background:#C8443D;animation:pulse 1s ease-in-out infinite}
.thumb-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.thumb{width:62px;height:46px;border-radius:6px;background:#0a0a0a;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}
.thumb-day{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:8px;color:rgba(255,255,255,0.6)}
.wearable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.wear-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px;text-align:center}
.wear-val{font-size:20px;font-weight:800;color:#0a0a0a;line-height:1}
.wear-lbl{font-size:10px;color:#9ca3af;margin-top:3px}
.wear-delta{font-size:11px;font-weight:600;margin-top:4px}
.up{color:#2E7C7E}.dn{color:#C8443D}
.lab-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #E6EBE8;font-size:13px}
.lab-row:last-child{border-bottom:none}
.tier-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.tier-card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fff;position:relative}
.tier-card.pop{border:2px solid #0d9488;background:#EFF5F2}
.tier-pop-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#0d9488;color:#fff;font-size:10px;font-weight:700;padding:3px 12px;border-radius:99px;white-space:nowrap}
.tier-price{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-1px;color:#0a0a0a;line-height:1}
.tier-name{font-size:13px;font-weight:700;color:#0a0a0a;margin-bottom:4px}
.tier-per{font-size:11px;color:#9ca3af}
.tier-feat{font-size:11px;color:#374151;padding:5px 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;gap:6px}
.tier-feat:last-child{border-bottom:none}
.ck{color:#0d9488;font-weight:700;flex-shrink:0}.cx{color:#d1d5db;flex-shrink:0}
.tier-cta{width:100%;margin-top:14px;padding:11px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;border:none}
.tier-cta.free{background:#f3f4f6;color:#374151}
.tier-cta.std{background:#0d9488;color:#fff}
.tier-cta.pro{background:#0a0a0a;color:#fff}
.fam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.fam-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;cursor:pointer}
.fam-card:hover{border-color:#0d9488}.fam-card.active{border:2px solid #0d9488;background:#E9F2EF}
.fam-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;margin:0 auto 8px}
.fam-name{font-size:13px;font-weight:700;color:#0a0a0a}
.fam-sub{font-size:10px;color:#9ca3af;margin-top:2px}
.fam-portal{font-size:10px;padding:2px 8px;border-radius:99px;margin-top:5px;display:inline-block;font-weight:600}
.dataset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dataset-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px}
.access-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}
.ab-acad{background:#DCE3E3;color:#236A86}.ab-ind{background:#F4ECD6;color:#A98A3D}.ab-ent{background:#F0E4E9;color:#9E4D6E}
.dchip{font-size:10px;padding:2px 7px;border-radius:99px;font-weight:500;display:inline-block;margin:2px 2px 0 0}
.dc-g{background:#E7EEEF;color:#1E3A5F}.dc-b{background:#E9F2EF;color:#0f6e56}.dc-w{background:#F4ECD6;color:#A98A3D}
.dc-e{background:#F0E4E9;color:#9E4D6E}.dc-l{background:#E6EFDF;color:#2E7C7E}.dc-o{background:#F2DED7;color:#C8443D}
.sec-layer{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:7px;background:#fff}
.sec-num{width:26px;height:26px;border-radius:50%;background:#0a0a0a;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.prohib{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#F2DED7;border:1px solid #E0A89C;border-radius:7px;margin-bottom:5px;font-size:12px;color:#C8443D;font-weight:600}
.arch-box{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#f9fafb;text-align:center;flex:1}
.disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.disc-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff}
.disc-pct{font-size:22px;font-weight:800;color:#0d9488;line-height:1}
.lic-row{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;background:#fff}
.lic-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}
.schema-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #f3f4f6;font-size:12px}
.schema-row:last-child{border-bottom:none}
.proto-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:13px;color:#374151}
.proto-num{width:20px;height:20px;border-radius:50%;background:#0d9488;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}

.ctx{background:#071e2e;border-bottom:1px solid rgba(13,148,136,0.3);padding:12px 16px;display:flex;align-items:flex-start;gap:12px}
.ctx-label{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:#5DCAA5;white-space:nowrap;margin-top:2px;flex-shrink:0}
.ctx-text{font-size:12px;color:rgba(255,255,255,0.78);line-height:1.65;flex:1}
.ctx-toggle{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:5px;color:rgba(255,255,255,0.45);font-size:10px;padding:3px 8px;cursor:pointer;flex-shrink:0;font-family:inherit;transition:all .15s}
.ctx-toggle:hover{background:rgba(93,202,165,0.2);color:#5DCAA5;border-color:rgba(93,202,165,0.4)}

/* ── de-tell override (content only; banners untouched) ── */
.card,.card2,.vcard,.pcrd,.rhead,.study-card,.dataset-card,.fam-card,.tier-card,
.disc-card,.wear-card,.cohtab,.arch-box,.lic-row,.sec-layer,.consent-section,
.cat-card,.prow,.intro-sec,.sfnote,.pednote,.lstream,.ltick,.upload-zone{
  border-radius:3px !important; box-shadow:none !important;
  background:#F2F8F6 !important; border-color:rgba(15,20,25,0.12) !important}
.badge,.dchip,.vchip,.portal-pill,.track-chip,.access-badge,.lock-badge,.profchip,
.fam-portal,.tier-pop-badge,.mandatory-tag,.opt-btn,.yn-btn{
  border-radius:2px !important}
.bv,.bc,.bn,.ab-acad,.ab-ind,.ab-ent,.vchip-h,.vchip-m,.vchip-l,
.dc-g,.dc-b,.dc-w,.dc-e,.dc-l,.dc-o{background:transparent !important;
  box-shadow:inset 0 0 0 1px rgba(15,20,25,0.14) !important}
.sec-num,.proto-num{border-radius:2px !important;background:#0E2E54 !important}
.btnd,.tier-cta.pro,.yn-btn.active{background:#0A2540 !important}
.tier-cta.std,.gfill,.prog-fill,.toggle.on{background:#2E7C7E !important}
.gtrack,.prog-bar,.gfill,.prog-fill{border-radius:1px !important}
.slider{accent-color:#2E7C7E !important}
.ck{color:#2E7C7E !important}
.vcard:hover,.fam-card:hover,.vcard.sel,.fam-card.active,.pcrd.at{
  border-color:#2E7C7E !important;background:#F2F8F6 !important}
.intro-btn{background:#2E7C7E !important;box-shadow:none !important}
.tier-card.pop{border:1px solid #2E7C7E !important;background:#F2F8F6 !important}

/* ── Home / browse site navigation ───────────────────────────── */
.eh-home-nav{background:#fff;border-bottom:1px solid rgba(15,20,25,0.06);position:sticky;top:0;z-index:200}
.eh-home-nav__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 22px}
.eh-home-nav__left{display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-width:0}
.eh-home-nav__logo,.eh-home-nav__logo--static{font-size:17px;font-weight:800;letter-spacing:-0.5px;color:#0a0a0a;text-decoration:none}
.eh-home-nav__logo--static{cursor:default}
.eh-home-nav__logo sup{font-size:9px;font-weight:400}
.eh-home-nav__links{display:flex;gap:16px;font-size:12px;font-weight:500;flex-wrap:wrap}
.eh-home-nav__links a{color:#5b656d;text-decoration:none}
.eh-home-nav__links a:hover{color:#0a0a0a}
.eh-home-nav__link--active{color:#0a0a0a;font-weight:600}
.eh-home-nav__link--muted{color:#5b656d;cursor:default}
.eh-home-nav__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.eh-home-nav__cta{display:flex;gap:8px;align-items:center;flex-shrink:0}
.eh-home-nav__cta .eh-profile-menu{flex-shrink:0}
.eh-home-nav__sign-in{background:none;border:none;font-size:12px;color:#5b656d;font-weight:600;text-decoration:none}
.eh-home-nav__btn{background:#2E7C7E;color:#fff;border:none;border-radius:3px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block;white-space:nowrap}

/* Platform mobile nav (hamburger) */
.eh-platform-nav__menu-btn{display:none;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;margin:0;border:1px solid rgba(15,20,25,0.12);border-radius:999px;background:#fff;color:#0a0a0a;cursor:pointer;flex-shrink:0;transition:border-color .15s ease,box-shadow .15s ease}
.eh-platform-nav__menu-btn:hover,.eh-platform-site-nav.is-mobile-nav-open .eh-platform-nav__menu-btn{border-color:rgba(46,124,126,.45);box-shadow:0 4px 14px rgba(46,124,126,.1)}
.eh-platform-nav__menu-icon{display:block;flex-shrink:0;color:#0a0a0a}
.eh-platform-nav__menu-icon line,.eh-platform-nav__menu-icon path{stroke:#0a0a0a}
.eh-home-nav .eh-profile-menu__avatar--icon svg path,.eh-home-nav .eh-profile-menu__avatar--icon svg circle,.eh-home-nav .eh-profile-menu__avatar--icon svg line{stroke:#5c6b69}
.eh-platform-nav__backdrop{display:none;pointer-events:none}
.eh-platform-nav__mobile-panel{display:none;pointer-events:none}
.eh-platform-nav__mobile-inner{display:flex;flex-direction:column;gap:2px}
.eh-platform-nav__mobile-section{display:flex;flex-direction:column;gap:2px}
.eh-platform-nav__mobile-section--muted{padding-top:6px;margin-top:4px;border-top:1px solid rgba(15,20,25,.06)}
.eh-platform-nav__mobile-section--cta{padding-top:8px;margin-top:6px;border-top:1px solid rgba(15,20,25,.06);gap:6px}

/* ── Home landing hero ───────────────────────────────────────── */
.eh-home-hero{position:relative;background:linear-gradient(135deg,#062118 0%,#0c3545 45%,#062d1e 100%);padding:46px 22px 50px;text-align:center;overflow:hidden}
.eh-home-hero__bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0.55}
.eh-home-hero__content{position:relative;z-index:1;max-width:680px;margin:0 auto}
.eh-home-hero__eyebrow{font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#2E7C7E;margin:0 0 14px}
.eh-home-hero__h1{font-size:clamp(30px,6vw,48px);font-weight:800;color:#fff;letter-spacing:-2px;line-height:1.05;margin:0 0 6px;padding:0}
.eh-home-hero__h1g{font-size:clamp(24px,5vw,38px);font-weight:800;color:#2E7C7E;letter-spacing:-1.5px;line-height:1.05;margin:0 0 26px;padding:0}
.eh-home-hero__search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:3px;padding:5px 5px 5px 18px;box-shadow:0 12px 40px rgba(0,0,0,0.35);margin:0 0 14px;text-align:left}
.eh-home-hero__search-icon{font-size:15px;color:#8E8E8E;flex-shrink:0;line-height:1}
.eh-home-hero__search-input{flex:1;min-width:0;font-size:14px;padding:11px 0;color:#0a0a0a;background:transparent;border:none;outline:none;font-family:inherit}
.eh-home-hero__search-input::placeholder{color:#8E8E8E}
.eh-home-hero__search-clear{background:none;border:none;font-size:18px;color:#8E8E8E;cursor:pointer;padding:0 4px;line-height:1;font-family:inherit;flex-shrink:0}
.eh-home-hero__search-btn{background:#2E7C7E;color:#fff;border:none;border-radius:3px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0}
.eh-home-hero__hint{background:rgba(13,148,136,0.16);border:1px solid rgba(13,148,136,0.42);border-radius:3px;padding:8px 12px;margin-bottom:14px;font-size:11px;color:rgba(255,255,255,0.92);text-align:left}
.eh-home-hero__hint strong{color:#5FC9C2}
.eh-home-hero__chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 0 22px}
.eh-home-hero__chips-label{font-size:10px;color:rgba(255,255,255,0.5);align-self:center;margin-right:4px}
.eh-home-hero__note{font-size:11px;color:rgba(255,255,255,0.58);margin:0}

.eh-home-portal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:10px}
.eh-home-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}

/* ── Responsive layout ───────────────────────────────────────── */
@media (max-width:900px){
  .eh-home-portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eh-home-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vgrid,.pgcards,.fam-grid,.tier-grid,.disc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wearable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cohrow{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  .eh-home-nav{overflow:visible}
  .eh-home-nav__inner{padding:12px 16px}
  .eh-home-nav__links{display:none}
  .eh-home-nav__left{gap:0;min-width:0;flex:1}
  .eh-home-nav__btn--desktop,.eh-home-nav__sign-in--desktop{display:none !important}
  .eh-platform-nav__menu-btn{display:inline-flex}
  .eh-platform-nav__backdrop{display:block;position:fixed;inset:0;background:rgba(8,19,40,.32);z-index:199;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
  .eh-platform-site-nav.is-mobile-nav-open .eh-platform-nav__backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .eh-platform-nav__mobile-panel{display:block;position:absolute;left:12px;right:12px;top:calc(100% + 6px);z-index:201;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);pointer-events:none;transition:max-height .34s cubic-bezier(.4,0,.2,1),opacity .24s ease,transform .24s ease,padding .34s ease;border-radius:14px;border:1px solid rgba(15,20,25,.08);background:#fff;box-shadow:0 16px 40px rgba(8,19,40,.14);padding:0}
  .eh-platform-site-nav.is-mobile-nav-open .eh-platform-nav__mobile-panel{max-height:22rem;opacity:1;transform:translateY(0);padding:8px;pointer-events:auto}
  .eh-platform-nav__mobile-link{display:flex;align-items:center;min-height:44px;padding:.7rem .85rem;font-size:14px;font-weight:600;color:#0f172a;text-decoration:none;border-radius:10px;transition:background .15s ease,color .15s ease}
  a.eh-platform-nav__mobile-link:active,a.eh-platform-nav__mobile-link:hover{background:rgba(46,124,126,.08);color:#0d4f57}
  .eh-platform-nav__mobile-link--active{background:rgba(46,124,126,.1);color:#0d4f57;font-weight:700}
  .eh-platform-nav__mobile-link--muted{color:#8e8e8e;font-size:13px;font-weight:500;min-height:38px;cursor:default}
  .eh-platform-nav__mobile-link--cta{background:#2e7c7e;color:#fff !important;justify-content:center;font-weight:700;box-shadow:0 4px 14px rgba(46,124,126,.22)}
  a.eh-platform-nav__mobile-link--cta:hover,a.eh-platform-nav__mobile-link--cta:active{background:#256566;color:#fff !important}
  .eh-platform-nav__mobile-section--cta .eh-platform-nav__mobile-link:not(.eh-platform-nav__mobile-link--cta){color:#5b656d;font-weight:600}
  .eh-home-hero{padding:44px 18px 40px}
  .eh-home-hero__h1g{margin-bottom:22px}
  .eh-home-hero__search{flex-wrap:wrap;padding:8px 10px 8px 14px}
  .eh-home-hero__search-btn{width:100%;margin-top:4px}
  .eh-home-portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .eh-home-portal-grid>div{padding:10px 4px !important}
  .eh-home-portal-grid>div>div{font-size:10px !important;line-height:1.25 !important}
  .eh-home-steps-grid{grid-template-columns:1fr}
  .hero{padding:32px 18px 22px}
  .content{padding:18px 16px}
  .stats-row{padding:18px 0}
  .stat{padding:0 6px;min-width:0}
  .sl{font-size:10px;line-height:1.35}
  .sigrow{padding:14px 16px;gap:10px}
  .vgrid,.pgcards,.pgrid,.card2,.study-grid,.dataset-grid,.fam-grid,.tier-grid,.disc-grid,.wearable-grid,.cohrow{grid-template-columns:1fr}
  .prow{flex-direction:column;align-items:flex-start;gap:8px}
  .prow>div:last-child{align-self:stretch;justify-content:space-between}
  .schema-row{grid-template-columns:1fr;gap:4px}
  .nav{padding:12px 16px}
  .pbar,.ctx,.vbar{padding-left:14px;padding-right:14px}
  .brk-body,.intro{padding-left:18px;padding-right:18px}
}

@media (max-width:400px){
  .eh-home-nav__btn{padding:7px 11px;font-size:11px}
}