:root{
  --bg:#0f1017;
  --bg2:#12131c;
  --panel:#151720;
  --panel2:#181a24;
  --text:#f4f1ec;
  --muted:#a8a8b2;
  --faint:#6e707c;
  --accent:#ff7803;
  --accent2:#ffb56e;
  --line:rgba(255,255,255,.09);
  --line2:rgba(255,120,3,.22);
  --glow:rgba(255,120,3,.18);
  --shadow:0 28px 80px rgba(0,0,0,.35);
  --radius:28px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 50% -10%, rgba(255,120,3,.05), transparent 34%),
    linear-gradient(180deg,#0d0e14 0%,#0f1017 42%,#101118 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; opacity:.22; z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, black, transparent 75%);
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.section{padding:120px 0}
.section-dark{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025),rgba(255,255,255,.012));border-block:1px solid rgba(255,255,255,.035)}
.nav-shell{
  width:min(var(--max),calc(100% - 48px)); margin:24px auto 0;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px 14px 12px; border:1px solid rgba(255,255,255,.08);
  background:rgba(15,16,23,.7); backdrop-filter:blur(18px); border-radius:22px;
  position:sticky; top:18px; z-index:20; box-shadow:0 16px 48px rgba(0,0,0,.22);
}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em}
.brand img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,120,3,.18))}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{padding:10px 13px;border-radius:12px;color:#bfc0c9;font-size:13px}
.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.05);color:var(--text)}
.nav-links .nav-x{color:var(--accent);font-weight:700}
.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:23px}
.ambient{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;filter:blur(110px);opacity:.11;z-index:-1}
.ambient-a{left:-240px;top:5vh;background:var(--accent)}
.ambient-b{right:-260px;top:32vh;background:#bf8cff}
.hero{min-height:calc(100vh - 110px);padding-top:84px;padding-bottom:100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#cfcfd5;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px rgba(255,120,3,.8);animation:pulse 2s infinite}
.hero h1{font-size:clamp(56px,7.5vw,108px);line-height:.93;letter-spacing:-.055em;margin:24px 0}
.hero h1 span,.page-title span,.split-heading span{color:var(--accent)}
.hero-lead{font-size:19px;line-height:1.65;color:#b8b8c2;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 19px;border-radius:15px;font-size:13px;font-weight:700;border:1px solid transparent;transition:.25s}
.btn-primary{background:var(--accent);color:#16100c;box-shadow:0 12px 30px rgba(255,120,3,.18)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,120,3,.28)}
.btn-ghost{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#ecebf1}
.btn-ghost:hover{background:rgba(255,255,255,.05)}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}
.hero-meta div{border-top:1px solid var(--line);padding-top:12px}
.hero-meta span{display:block;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.hero-meta strong{font-size:12px;color:#dfdfe5}
.hero-orbit{min-height:580px;display:grid;place-items:center;position:relative}
.orbit-ring{position:absolute;border:1px solid rgba(255,120,3,.16);border-radius:50%;animation:spin 24s linear infinite}
.ring-1{width:290px;height:290px}
.ring-2{width:420px;height:420px;animation-duration:36s;animation-direction:reverse}
.ring-3{width:560px;height:560px;animation-duration:50s}
.orbit-core{width:190px;height:190px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,rgba(255,120,3,.08),rgba(18,19,28,.9) 66%);display:grid;place-items:center;position:relative;box-shadow:0 0 90px rgba(255,120,3,.12)}
.orbit-core img{width:105px;opacity:.94}
.orbit-label{position:absolute;bottom:-64px;text-align:center;line-height:1.45;font-size:9px;letter-spacing:.24em;color:#7b7d88}
.orbit-node{position:absolute;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(15,16,23,.72);color:#d6d6dd;font-size:9px;letter-spacing:.14em;box-shadow:0 8px 26px rgba(0,0,0,.2)}
.node-a{top:26%;left:10%}.node-b{top:8%;right:7%}.node-c{bottom:14%;right:11%}.node-d{bottom:8%;left:9%}
.section-kicker{color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}
.split-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
.split-heading h2{font-size:clamp(38px,4.5vw,67px);line-height:1;letter-spacing:-.045em;margin:0}
.split-heading p{color:#92949e;line-height:1.7;max-width:440px;margin:0}
.lifecycle{display:grid;grid-template-columns:repeat(11,auto);align-items:center;gap:12px;margin-top:54px;padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:22px;overflow:auto}
.life-step{min-width:135px;padding:16px 12px}
.life-step span{color:var(--accent);font-size:10px;letter-spacing:.15em}
.life-step b{display:block;font-size:16px;margin-top:5px}
.life-step small{color:#797b86;font-size:11px;line-height:1.35}
.life-arrow{color:#535560;font-size:18px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.feature-card,.breakthrough,.remaining-card,.team-role{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));padding:26px;min-height:220px;position:relative;overflow:hidden}
.feature-card:before,.breakthrough:before,.remaining-card:before,.team-role:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,120,3,.04),transparent 42%);pointer-events:none}
.card-no{font-size:11px;color:var(--accent);letter-spacing:.15em}
.feature-card h3,.breakthrough h3,.remaining-card h3,.team-role h3{font-size:21px;letter-spacing:-.025em;margin:42px 0 12px}
.feature-card p,.breakthrough p,.remaining-card p,.team-role p{margin:0;color:#8f919c;line-height:1.65;font-size:14px}
.comparison-table,.benchmark-table{margin-top:50px;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.compare-head,.compare-row,.bench-head,.bench-row{display:grid;grid-template-columns:1fr 1.3fr 1.45fr;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line)}
.compare-head,.bench-head{background:rgba(255,255,255,.03);color:#72747e;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.compare-row:last-child,.bench-row:last-child{border-bottom:0}
.compare-row b,.bench-row b{font-size:13px;color:#e6e5eb}
.compare-row span,.bench-row span{font-size:13px;color:#878995}
.compare-row strong,.bench-row strong{font-size:13px;color:var(--accent);font-weight:600}
.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.number-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#12131a}
.number-card strong{font-size:41px;letter-spacing:-.05em;color:var(--accent);display:block}
.number-card span{display:block;color:#83858f;font-size:12px;line-height:1.5;margin-top:8px}
.breakthrough-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.breakthrough{min-height:265px}
.breakthrough-top{display:flex;justify-content:space-between;align-items:center}
.tag{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line)}
.tag.verified{color:var(--accent);border-color:rgba(255,120,3,.25);background:rgba(255,120,3,.06)}
.tag.caveat{color:#b6b7c0;background:rgba(255,255,255,.03)}
.tag.audit{color:#d4c1ff;border-color:rgba(212,193,255,.18);background:rgba(212,193,255,.05)}
.tag.harden{color:#f2c6ff;border-color:rgba(242,198,255,.18);background:rgba(242,198,255,.05)}
.tag.organism{color:#9bc9ff;border-color:rgba(155,201,255,.18);background:rgba(155,201,255,.05)}
.tag.level3{color:#bff2c6;border-color:rgba(191,242,198,.18);background:rgba(191,242,198,.04)}
.current-tag{color:var(--accent);border-color:rgba(255,120,3,.25);background:rgba(255,120,3,.06)}
.aleph-name{display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:center;margin-top:40px}
.aleph-glyph{font-family:Georgia,serif;font-size:220px;line-height:.75;color:var(--accent);text-shadow:0 0 60px rgba(255,120,3,.16)}
.aleph-name h2{font-size:clamp(42px,5vw,74px);line-height:.97;letter-spacing:-.05em;margin:0 0 28px}
.aleph-name p{max-width:690px;color:#90929d;line-height:1.8}
.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:50px}
.mini-label{font-size:10px;letter-spacing:.15em;color:#777984;text-transform:uppercase}
.big-percent{font-size:112px;line-height:.9;letter-spacing:-.07em;color:var(--accent);margin:16px 0 18px}
.big-percent span{font-size:.35em;vertical-align:top;letter-spacing:0}
.progress-copy p{color:#8f919c;line-height:1.7;max-width:520px}
.text-link{display:inline-block;margin-top:8px;color:var(--accent);font-size:13px}
.progress-visual{display:grid;place-items:center}
.progress-ring{width:330px;height:330px;border-radius:50%;background:conic-gradient(var(--accent) 0deg 47deg, rgba(255,255,255,.06) 47deg 360deg);display:grid;place-items:center;box-shadow:0 0 80px rgba(255,120,3,.08)}
.progress-ring-inner{width:288px;height:288px;border-radius:50%;background:#12131a;border:1px solid var(--line);display:grid;place-items:center;align-content:center}
.progress-ring-inner strong{font-size:64px;letter-spacing:-.06em}
.progress-ring-inner span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#6d6f7a}
.progress-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px;color:#777984;font-size:10px}
.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}
.dot.done{background:var(--accent)}.dot.partial{background:#8e93a7}.dot.future{background:#4b4e5b}
.remaining-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.remaining-card{min-height:210px}
.remaining-card>span,.team-role>span{font-size:10px;color:var(--accent);letter-spacing:.14em}
.remaining-card h3{margin-top:38px}
.bench-head,.bench-row{grid-template-columns:1.1fr 1.15fr 1.55fr}
.small-note{color:#666874;font-size:10px;line-height:1.6;margin-top:16px}
.vision-banner{border:1px solid rgba(255,120,3,.16);border-radius:28px;background:radial-gradient(circle at 0 0,rgba(255,120,3,.09),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));padding:42px;display:flex;align-items:end;justify-content:space-between;gap:28px}
.vision-banner h2{font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:12px 0 0}
.footer{padding:34px 0 48px;border-top:1px solid var(--line);width:min(var(--max),calc(100% - 48px));margin:auto}
.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.13em}
.footer-brand img{width:24px}.footer-links{display:flex;gap:18px;margin-top:22px;color:#868894;font-size:12px}.footer-links a:hover{color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;color:#565864;font-size:10px;margin-top:40px}
.page-hero{padding:110px 0 70px}
.page-title{font-size:clamp(56px,7.2vw,100px);line-height:.92;letter-spacing:-.06em;margin:20px 0}
.page-lead{font-size:18px;line-height:1.7;max-width:760px;color:#90929d}
.timeline{position:relative;margin-top:24px}
.timeline:before{content:"";position:absolute;left:144px;top:0;bottom:0;width:1px;background:linear-gradient(var(--line2),rgba(255,120,3,.04))}
.timeline-item{display:grid;grid-template-columns:120px 50px 1fr;gap:24px;position:relative;padding:34px 0}
.time-mark{font-size:10px;letter-spacing:.14em;color:#777984;text-transform:uppercase;padding-top:9px}
.time-line{position:relative}
.time-line:before{content:"";position:absolute;left:25px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(255,120,3,.4)}
.time-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.time-card h3{font-size:27px;letter-spacing:-.03em;margin:16px 0 10px}.time-card p{color:#8e909b;line-height:1.7}
.time-card.highlight{border-color:rgba(255,120,3,.25);background:radial-gradient(circle at 10% 10%,rgba(255,120,3,.07),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))}
.timeline-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.timeline-metrics span{font-size:10px;color:#b7b8c0;border:1px solid var(--line);padding:7px 9px;border-radius:999px}
.code-flow{padding:16px;border-radius:14px;background:#0d0e13;border:1px solid var(--line);color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow:auto}
.muted{color:#676975!important}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
.method-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#12131a}.method-card>b{font-size:32px;color:var(--accent)}.method-card h3{margin:18px 0 8px}.method-card p{margin:0;color:#858793;line-height:1.6;font-size:13px}.method-status{display:inline-block;margin-top:18px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.method-status.strong{color:var(--accent)}.method-status.partial{color:#aeb1bd}.method-status.future{color:#666975}
.method-result{margin-top:18px;border:1px solid rgba(255,120,3,.18);border-radius:20px;padding:24px;display:grid;gap:7px;background:rgba(255,120,3,.03)}.method-result span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#777984}.method-result strong{font-size:40px;color:var(--accent)}.method-result small{color:#6f717b;line-height:1.55}
.team-card{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02))}
.team-avatar{height:220px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,120,3,.09),rgba(255,255,255,.02));border:1px solid var(--line)}
.team-avatar img{width:132px}.team-info h2{font-size:42px;letter-spacing:-.045em;margin:14px 0 6px}.role{color:var(--accent)!important}.team-info p{color:#8d8f9a;line-height:1.7}.team-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--accent)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.team-role{min-height:220px}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}
.contact-copy{border:1px solid var(--line);border-radius:24px;padding:28px;background:#12131a}
.contact-block{padding:20px 0;border-bottom:1px solid var(--line)}.contact-block:last-of-type{border-bottom:0}.contact-block>span{display:block;color:#6f717c;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.email-big{display:block;font-size:21px;margin-top:10px;color:#ecebf0}.email-big:hover{color:var(--accent)}
.contact-note{margin-top:16px;padding:17px 0 0;border-top:1px solid var(--line)}.contact-note b{font-size:12px}.contact-note p{color:#858793;font-size:12px;line-height:1.6}
.contact-form{border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.contact-form label{display:block;font-size:11px;color:#8e909b;margin-bottom:16px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0d0e14;color:var(--text);padding:14px 15px;outline:none;font:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(255,120,3,.4);box-shadow:0 0 0 4px rgba(255,120,3,.05)}
.contact-form button{margin-top:6px}.form-note,.form-status{font-size:10px;color:#636570;line-height:1.5}.form-status{color:var(--accent);min-height:16px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1050px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-orbit{min-height:460px}.feature-grid,.breakthrough-grid{grid-template-columns:repeat(2,1fr)}.number-grid{grid-template-columns:repeat(2,1fr)}.remaining-grid{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:780px){
  .container,.nav-shell,.footer{width:min(var(--max),calc(100% - 28px))}
  .nav-toggle{display:block}.nav-links{display:none;position:absolute;left:12px;right:12px;top:62px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(15,16,23,.97);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{width:100%;text-align:center}.hero{padding-top:50px}.hero h1{font-size:60px}.hero-meta,.split-heading,.progress-layout,.aleph-name,.team-card,.contact-layout{grid-template-columns:1fr}.hero-orbit{min-height:430px}.ring-3{width:380px;height:380px}.ring-2{width:310px;height:310px}.ring-1{width:230px;height:230px}.lifecycle{grid-template-columns:repeat(11,135px)}.feature-grid,.breakthrough-grid,.remaining-grid,.team-grid,.method-grid,.number-grid{grid-template-columns:1fr}.compare-head,.compare-row,.bench-head,.bench-row{grid-template-columns:1fr;gap:7px}.compare-head span:nth-child(2),.bench-head span:nth-child(2){margin-top:10px}.compare-row,.bench-row{padding:18px 16px}.page-hero{padding-top:74px}.timeline:before{display:none}.timeline-item{grid-template-columns:1fr;gap:10px}.time-line{display:none}.time-card{margin-top:2px}.time-mark{padding:0}.vision-banner{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.big-percent{font-size:86px}.progress-ring{width:280px;height:280px}.progress-ring-inner{width:238px;height:238px}.team-avatar{height:180px}.team-info h2{font-size:34px}
}


/* ============================================================
   CINEMATIC RESEARCH EXPERIENCE
   ============================================================ */
.research-page{background:#080a10}
.research-section{scroll-margin-top:90px}
.cinematic-hero{min-height:calc(100vh - 105px);padding:0 0 18px;position:relative;overflow:hidden}
.cinematic-video-wrap{position:relative;min-height:calc(100vh - 130px);overflow:hidden;border:1px solid rgba(255,120,3,.13);border-radius:28px;background:#050609;box-shadow:0 35px 120px rgba(0,0,0,.45)}
.cinematic-video{width:100%;height:100%;min-height:calc(100vh - 130px);object-fit:cover;display:block;transform:scale(var(--hero-scale,1.015)) translateY(var(--hero-shift,0));transition:transform .1s linear;filter:saturate(.8) contrast(1.08) brightness(.72)}
.video-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent 20%,rgba(3,4,7,.26) 65%,rgba(3,4,7,.82) 100%),linear-gradient(180deg,rgba(3,4,7,.35),transparent 25%,transparent 72%,rgba(3,4,7,.92))}
.video-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:screen;animation:grainShift .25s steps(2) infinite}
.hero-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;padding:28px}
.hero-center .eyebrow{justify-content:center}
.hero-center h1{font-size:clamp(58px,8vw,118px);line-height:.9;letter-spacing:-.065em;margin:20px 0 18px;text-shadow:0 8px 40px rgba(0,0,0,.5)}
.hero-center h1 span{color:var(--accent)}
.hero-center p{max-width:680px;color:#c3c4ca;font-size:17px;line-height:1.65}
.hero-signal{position:absolute;top:24px;font-size:9px;letter-spacing:.16em;color:#858792;border:1px solid rgba(255,255,255,.08);background:rgba(5,6,9,.35);backdrop-filter:blur(10px);padding:8px 10px;border-radius:999px;z-index:2}
.signal-top-left{left:24px}.signal-top-right{right:24px;color:var(--accent)}
.signal-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 13px rgba(255,120,3,.8);margin-right:7px}
.hero-bottom{position:absolute;bottom:22px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;z-index:2}
.video-control{justify-self:start;display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.10);color:#bfc0c8;background:rgba(5,6,9,.48);backdrop-filter:blur(12px);padding:10px 12px;border-radius:12px;cursor:pointer;font:inherit;font-size:10px}.video-control:hover,.video-control.on{border-color:rgba(255,120,3,.25);color:var(--accent)}
.control-icon{color:var(--accent)}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:6px;color:#858791;font-size:9px;letter-spacing:.16em}.scroll-cue b{color:var(--accent);font-size:18px;animation:scrollBounce 1.6s ease-in-out infinite}
.video-time{justify-self:end;color:#757781;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.hero-copyline{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;align-items:center;padding:12px;color:#5f616c;font-size:8px;letter-spacing:.16em}.hero-copyline i{width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.65}
.research-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:end;margin-top:32px}
.research-intro h2,.emotion-header h2,.relationship-hero h2{font-size:clamp(43px,5.8vw,78px);line-height:.95;letter-spacing:-.055em;margin:0}.research-intro h2 span,.emotion-header h2 span,.relationship-hero h2 span{color:var(--accent)}
.research-intro p,.emotion-header>p,.relationship-hero>p{color:#8f919c;line-height:1.75;font-size:14px}
.live-brain{position:relative;min-height:760px;margin-top:54px;border:1px solid rgba(255,120,3,.14);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(255,120,3,.07),transparent 40%),#0c0e14;overflow:hidden;transform:translateY(var(--brain-shift,0));transition:transform .15s linear}
.brain-video{position:absolute;left:50%;top:50%;width:min(54%,690px);height:54%;transform:translate(-50%,-50%);border-radius:24px;overflow:hidden;border:1px solid rgba(255,120,3,.18);box-shadow:0 0 100px rgba(255,120,3,.08),0 26px 90px rgba(0,0,0,.4);z-index:2}
.brain-video video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75) contrast(1.12) brightness(.68)}
.brain-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,6,9,.45))}
.brain-label{position:absolute;bottom:12px;left:12px;font-size:8px;color:#8a8c96;letter-spacing:.14em}
.brain-orbit{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.09);background:rgba(10,11,16,.76);backdrop-filter:blur(9px);border-radius:999px;color:#aeb0b8;font-size:8px;letter-spacing:.13em;z-index:3;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:nodeFloat 4.5s ease-in-out infinite}
.orbit-a{left:12%;top:22%;animation-delay:.2s}.orbit-b{right:12%;top:18%;animation-delay:.55s}.orbit-c{left:7%;top:49%;animation-delay:.9s}.orbit-d{right:8%;top:48%;animation-delay:1.2s}.orbit-e{left:17%;bottom:19%;animation-delay:1.6s}.orbit-f{right:16%;bottom:20%;animation-delay:1.9s}.orbit-g{left:41%;bottom:8%;animation-delay:2.2s}.orbit-h{right:37%;top:7%;animation-delay:2.6s}
.brain-energy{position:absolute;inset:0;width:100%;height:100%;z-index:1}.brain-energy ellipse{fill:none;stroke:rgba(255,120,3,.13);stroke-width:1}.brain-energy path{fill:none;stroke:rgba(255,120,3,.22);stroke-width:2;stroke-dasharray:6 13;animation:dashFlow 9s linear infinite}.brain-energy path:nth-child(2){animation-direction:reverse}
.brain-caption{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);text-align:center;z-index:3}.brain-caption span{font-size:9px;color:var(--accent);letter-spacing:.18em}.brain-caption p{margin:7px 0 0;color:#70727d;font-size:11px}
.architecture-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.architecture-triad article{padding:24px;border:1px solid var(--line);border-radius:20px;background:#12131a}.architecture-triad span{color:var(--accent);font-size:9px}.architecture-triad h3{font-size:20px;margin:18px 0 7px}.architecture-triad p{margin:0;color:#7e808b;font-size:12px;line-height:1.6}
.emotion-header{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-top:30px}
.emotion-stage{min-height:650px;position:relative;margin-top:48px;border:1px solid rgba(255,120,3,.12);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(255,120,3,.08),transparent 36%),#0e1016;overflow:hidden}
.emotion-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(255,120,3,.15),rgba(13,14,19,.96) 70%);border:1px solid rgba(255,120,3,.28);box-shadow:0 0 70px rgba(255,120,3,.11);z-index:3}
.emotion-core span{font-size:15px;letter-spacing:.15em;color:var(--accent);font-weight:700}.emotion-core small{color:#676a76;font-size:8px;margin-top:4px}.heart-beat{font-size:46px;color:var(--accent);line-height:1;margin-top:9px;animation:heartPulse 1.4s ease-in-out infinite}
.emotion-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,120,3,.15);border-radius:50%;display:grid;place-items:start center;color:#737580;font-size:8px;letter-spacing:.13em;padding-top:12px}.emotion-ring.ring-1{width:250px;height:250px}.emotion-ring.ring-2{width:350px;height:350px}.emotion-ring.ring-3{width:470px;height:470px}.emotion-ring.ring-4{width:590px;height:590px}.emotion-ray{position:absolute;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#70727d;letter-spacing:.06em}.ray-1{left:8%;top:22%}.ray-2{right:8%;top:50%}.ray-3{left:18%;bottom:17%}.truth-lock{position:absolute;right:26px;bottom:26px;padding:13px 14px;border:1px solid rgba(255,120,3,.16);background:rgba(7,8,12,.58);border-radius:14px}.truth-lock span{display:block;font-size:8px;color:#6c6f79;letter-spacing:.14em}.truth-lock b{display:block;margin-top:4px;font-size:11px;color:var(--accent);letter-spacing:.05em}
.research-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.research-panel{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.panel-index{font-size:9px;color:var(--accent);letter-spacing:.15em}.research-panel h3{font-size:23px;margin:16px 0 9px}.research-panel p{color:#858792;font-size:13px;line-height:1.7}
.free-time-matrix{position:relative;min-height:560px;margin-top:50px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(255,120,3,.07),transparent 36%),#11131a;overflow:hidden}
.free-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#0f1017;border:1px solid rgba(255,120,3,.28);box-shadow:0 0 60px rgba(255,120,3,.09);z-index:4;text-align:center}.free-core img{width:55px}.free-core span{display:block;margin-top:7px;color:var(--accent);font-size:10px;letter-spacing:.13em}.free-core small{color:#646772;font-size:7px;margin-top:4px}
.free-node{position:absolute;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(8,9,13,.8);font-size:9px;letter-spacing:.13em;color:#afb0b8;z-index:3;animation:nodeFloat 5s ease-in-out infinite}.free-node.node-a{left:22%;top:18%}.free-node.node-b{right:21%;top:18%;animation-delay:.7s}.free-node.node-c{left:12%;top:50%;animation-delay:1.2s}.free-node.node-d{right:12%;top:50%;animation-delay:1.8s}.free-node.node-e{left:25%;bottom:17%;animation-delay:2.4s}.free-node.node-f{right:24%;bottom:17%;animation-delay:3s}
.free-line{position:absolute;left:50%;top:50%;width:43%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,120,3,.25),transparent);transform-origin:left center}.free-line:after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(255,120,3,.7);animation:flowDot 3s linear infinite}.l1{transform:translateY(-110px) rotate(214deg)}.l2{transform:translateY(-75px) rotate(326deg)}.l3{transform:translateY(0) rotate(185deg)}.l4{transform:translateY(0) rotate(355deg)}.l5{transform:translateY(75px) rotate(145deg)}.l6{transform:translateY(110px) rotate(35deg)}
.awareness-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:45px}.awareness-step{padding:18px;border:1px solid var(--line);border-radius:17px;background:#12131a}.awareness-step.active{border-color:rgba(255,120,3,.28);box-shadow:0 0 32px rgba(255,120,3,.05)}.awareness-step span{font-size:9px;color:var(--accent)}.awareness-step b{display:block;font-size:14px;margin:6px 0 4px}.awareness-step small{font-size:9px;color:#6f717c;line-height:1.45}.awareness-flow i{font-style:normal;color:#4f515c}
.relevance-orbit{position:relative;min-height:480px;margin-top:30px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(255,120,3,.08),transparent 40%),#101219;overflow:hidden}.relevance-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#0f1017;border:1px solid rgba(255,120,3,.26);z-index:3}.relevance-core img{width:46px}.relevance-core span{font-size:8px;letter-spacing:.12em;color:var(--accent);margin-top:7px}.rel{position:absolute;border:1px solid rgba(255,255,255,.08);background:rgba(9,10,14,.76);border-radius:999px;padding:9px 11px;color:#8d8f99;font-size:8px;letter-spacing:.13em;animation:nodeFloat 5s ease-in-out infinite}.rel-1{left:16%;top:26%}.rel-2{right:16%;top:22%;animation-delay:.5s}.rel-3{left:9%;top:55%;animation-delay:1s}.rel-4{right:10%;top:56%;animation-delay:1.5s}.rel-5{left:22%;bottom:19%;animation-delay:2s}.rel-6{right:22%;bottom:19%;animation-delay:2.5s}
.world-warning,.reality-note,.deep-change,.safety-disclaimer{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:17px 19px;border:1px solid rgba(255,120,3,.14);border-radius:18px;background:rgba(255,120,3,.025)}.world-warning p,.reality-note p,.deep-change p,.safety-disclaimer p{margin:0;color:#7b7d87;font-size:11px;line-height:1.6}.world-warning strong,.deep-change strong{color:#dddce2}
.cinematic-memory{position:relative}.memory-thread{position:absolute;left:49px;top:24px;bottom:24px;width:1px;background:linear-gradient(var(--line2),rgba(255,120,3,.03));z-index:0}.memory-tier{position:relative;z-index:1;background:#12131a}.tier-1{margin-left:14px}.tier-2{margin-left:55px}.tier-3{margin-left:96px}.tier-4{margin-left:137px}.memory-equation{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#12131a;color:#858792;font-size:9px;letter-spacing:.12em}.memory-equation b{color:#4e505b}.memory-equation strong{color:var(--accent)}
.memory-hero{max-width:820px;margin-top:30px}.memory-hero h2{font-size:clamp(43px,5.7vw,74px);line-height:.96;letter-spacing:-.055em;margin:0}.memory-hero h2 span{color:var(--accent)}.memory-hero p{color:#858793;line-height:1.7}
.presence-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.presence-panels article{padding:23px;border:1px solid var(--line);border-radius:20px;background:#12131a}.presence-panels article>span{color:var(--accent);font-size:9px}.presence-panels h3{font-size:20px;margin:15px 0 8px}.presence-panels p{color:#838590;font-size:12px;line-height:1.62}.presence-code{margin-top:18px;padding-top:13px;border-top:1px solid var(--line);font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6d707b}
.identity-hero{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:18px;margin:42px 0 26px;text-align:center}.identity-hero h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;line-height:1}.identity-hero span{font-size:30px;color:var(--accent)}.identity-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.identity-column{padding:30px;border:1px solid var(--line);border-radius:24px;background:#12131a}.identity-column.highlight{border-color:rgba(255,120,3,.2);background:linear-gradient(180deg,rgba(255,120,3,.05),rgba(255,255,255,.02))}.identity-column>span{font-size:9px;color:var(--accent);letter-spacing:.15em}.identity-column h3{font-size:28px;margin:17px 0 8px}.identity-column p{color:#838590;font-size:13px;line-height:1.7}.identity-chip{display:inline-flex;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#777984;font-size:9px;margin-top:9px}.identity-equation{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;border:1px solid var(--line);border-radius:20px;padding:20px;color:#797b85;font-size:10px;letter-spacing:.12em}.identity-equation b{color:#4f515c}.identity-equation strong{color:var(--accent)}
.self-improve-lab{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;margin-top:48px}.lab-column{min-height:190px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#12131a;position:relative;overflow:hidden}.lab-column.current{border-color:rgba(255,255,255,.08)}.lab-column.shadow{border-color:rgba(255,120,3,.23);box-shadow:0 0 34px rgba(255,120,3,.05)}.lab-column.decision{border-color:rgba(191,242,198,.12)}.lab-column span{font-size:9px;color:#777984;letter-spacing:.14em}.lab-column b{display:block;font-size:28px;margin-top:13px}.lab-column small{display:block;color:#70727d;font-size:9px;margin-top:4px}.lab-bars{display:flex;align-items:end;gap:7px;height:58px;margin-top:22px}.lab-bars i{display:block;width:14px;border-radius:4px 4px 0 0;background:rgba(255,120,3,.35);animation:barPulse 2.6s ease-in-out infinite}.lab-bars i:nth-child(1){height:25%;animation-delay:.1s}.lab-bars i:nth-child(2){height:48%;animation-delay:.3s}.lab-bars i:nth-child(3){height:73%;animation-delay:.5s}.lab-bars i:nth-child(4){height:56%;animation-delay:.7s}.lab-bars i:nth-child(5){height:88%;animation-delay:.9s}.lab-connector{text-align:center;color:#666975;font-size:10px}.lab-connector b{display:block;color:var(--accent);font-size:20px}.lab-connector small{font-size:8px;letter-spacing:.08em}.verify-ring{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(191,242,198,.28);color:#bff2c6;font-size:22px;margin-top:22px;box-shadow:0 0 24px rgba(191,242,198,.05)}
.improve-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px}.improve-flow i{font-style:normal;color:#4f515c}.improve-stage{min-width:140px;padding:17px 14px;border:1px solid var(--line);border-radius:16px;background:#12131a}.improve-stage.active{border-color:rgba(255,120,3,.3)}.improve-stage span{font-size:9px;color:var(--accent)}.improve-stage b{display:block;font-size:14px;margin-top:4px}.improve-stage small{color:#6c6e79;font-size:9px}
.relationship-hero{max-width:900px;margin-top:30px}.relationship-hero h2{font-size:clamp(47px,5.8vw,80px)}.relationship-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.relationship-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#12131a}.relationship-card span{font-size:9px;color:var(--accent)}.relationship-card h3{font-size:19px;margin:18px 0 8px}.relationship-card p{color:#80828d;font-size:12px;line-height:1.62}
.relationship-contrast{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:14px;margin-top:18px}.contrast-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#12131a}.contrast-card.active{border-color:rgba(255,120,3,.18);background:rgba(255,120,3,.035)}.contrast-card span{font-size:8px;letter-spacing:.15em;color:#757782}.contrast-card strong{display:block;margin-top:14px;font-size:20px;letter-spacing:-.02em}.contrast-card p{color:#7d7f89;font-size:11px;line-height:1.6}.contrast-arrow{display:grid;place-items:center;color:var(--accent);font-size:22px}
.grand-finish{padding-bottom:120px}.grand-video{height:min(78vh,820px);min-height:560px;border:1px solid rgba(255,120,3,.16);border-radius:30px;overflow:hidden;position:relative;background:#050609;box-shadow:0 34px 130px rgba(0,0,0,.42)}.grand-video video{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1) brightness(.65)}.grand-video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.86),rgba(4,5,8,.2) 55%,rgba(4,5,8,.55)),linear-gradient(180deg,rgba(4,5,8,.15),transparent 50%,rgba(4,5,8,.75))}
.grand-video-text{position:absolute;left:6%;top:50%;transform:translateY(-50%)}.grand-video-text h2{font-size:clamp(50px,7vw,100px);line-height:.9;letter-spacing:-.055em;margin:16px 0}.grand-video-text strong{color:var(--accent)}.grand-corner{position:absolute;right:22px;bottom:20px;color:#727480;font-size:9px;letter-spacing:.13em}
.final-research-copy{max-width:860px;margin:38px auto 0;text-align:center}.final-research-copy>p{font-size:21px;line-height:1.65;color:#a5a7b0}.final-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
@keyframes grainShift{0%,100%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}
@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes heartPulse{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.12);opacity:1}}
@keyframes flowDot{from{left:0}to{left:100%}}
@keyframes barPulse{0%,100%{opacity:.45;transform:scaleY(.85)}50%{opacity:1;transform:scaleY(1)}}
@media (max-width:1050px){
  .research-intro,.emotion-header{grid-template-columns:1fr}
  .architecture-triad,.relationship-grid{grid-template-columns:repeat(2,1fr)}
  .presence-panels{grid-template-columns:repeat(2,1fr)}
  .awareness-flow{grid-template-columns:1fr}
  .awareness-flow i{display:none}
  .self-improve-lab{grid-template-columns:1fr}
  .lab-connector{padding:3px}
  .relationship-contrast{grid-template-columns:1fr}
  .contrast-arrow{transform:rotate(90deg)}
}
@media (max-width:780px){
  .cinematic-video-wrap,.cinematic-video{min-height:74vh}
  .hero-center h1{font-size:55px}.hero-center p{font-size:15px}
  .hero-signal{display:none}.hero-bottom{grid-template-columns:1fr auto}.video-time{display:none}
  .hero-copyline{justify-content:flex-start;overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-inline:0}
  .live-brain{min-height:820px}
  .brain-video{width:82%;height:39%}
  .brain-orbit{font-size:7px;padding:7px 9px}
  .orbit-a{left:4%;top:8%}.orbit-b{right:4%;top:12%}.orbit-c{left:3%;top:33%}.orbit-d{right:3%;top:35%}.orbit-e{left:4%;bottom:28%}.orbit-f{right:4%;bottom:28%}.orbit-g{left:38%;bottom:9%}.orbit-h{right:27%;top:3%}
  .brain-caption{width:85%}
  .architecture-triad,.research-prose-grid,.presence-panels,.identity-split,.relationship-grid{grid-template-columns:1fr}
  .emotion-stage{min-height:560px}.emotion-ring.ring-4{width:500px;height:500px}.emotion-ring.ring-3{width:390px;height:390px}.emotion-ring.ring-2{width:290px;height:290px}.emotion-ring.ring-1{width:210px;height:210px}.emotion-ray{display:none}
  .free-time-matrix{min-height:510px}.free-core{width:145px;height:145px}.free-node.node-a{left:10%;top:13%}.free-node.node-b{right:10%;top:13%}.free-node.node-c{left:4%;top:50%}.free-node.node-d{right:4%;top:50%}.free-node.node-e{left:11%;bottom:13%}.free-node.node-f{right:11%;bottom:13%}
  .memory-thread{left:31px}.tier-1,.tier-2,.tier-3,.tier-4{margin-left:10px}.memory-tier{grid-template-columns:40px 1fr}.tier-state{grid-column:2;justify-self:start;margin-top:6px}.memory-tier{padding:18px}
  .identity-hero{grid-template-columns:1fr}.identity-hero span{transform:rotate(90deg);font-size:20px}
  .grand-video{height:70vh;min-height:470px}.grand-video-text{left:7%;right:5%}.grand-video-text h2{font-size:54px}.final-research-copy>p{font-size:17px}
}
'''
css_path.write_text(css, encoding="utf-8")

# Verify the media and HTML assets exist.
assert (root / "research.html").exists()
assert video_dest.exists()
assert "aleph-research.mp4" in (root / "research.html").read_text(encoding="utf-8")
assert "cinematic-hero" in (root / "styles.css").read_text(encoding="utf-8")

zip_path = Path("/mnt/data/ALEPH-website-cinematic-research.zip")
with zipfile.ZipFile(zip_path, "w", zipfile.ZIP_DEFLATED) as z:
    for p in root.rglob("*"):
        if p.is_file():
            z.write(p, p.relative_to(root))

print("Created:", zip_path)
print("Video size:", round(video_dest.stat().st_size/1024/1024, 1), "MB")
print("Cinematic research page:", root / "research.html")
/* Seamless cinematic Research page */
body.research-page{
  background:#000 !important;
  background-image:none !important;
}
body.research-page:before{opacity:.06 !important}
body.research-page .ambient{display:none}
body.research-page .nav-shell{
  background:rgba(0,0,0,.58);
  border-color:rgba(255,255,255,.055);
}
body.research-page .cinematic-hero{
  background:#000;
}
body.research-page .cinematic-video-wrap{
  min-height:calc(100vh - 105px);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#000;
}
body.research-page .cinematic-video{
  min-height:calc(100vh - 105px);
}
body.research-page .video-vignette{
  background:
    radial-gradient(circle at 50% 45%,transparent 18%,rgba(0,0,0,.12) 56%,rgba(0,0,0,.84) 100%),
    linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 69%,rgba(0,0,0,.92));
}
body.research-page .hero-signal{
  background:rgba(0,0,0,.24);
  border-color:rgba(255,255,255,.055);
}
body.research-page .video-control{
  background:rgba(0,0,0,.24);
  border-color:rgba(255,255,255,.07);
}
body.research-page .hero-copyline{
  background:#000;
  border-color:rgba(255,255,255,.02);
}
body.research-page .live-brain,
body.research-page .emotion-stage,
body.research-page .free-time-matrix,
body.research-page .relevance-orbit{
  border-color:rgba(255,255,255,.025);
  box-shadow:none;
}
body.research-page .brain-video{
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.research-page .brain-video-echo{
  background:radial-gradient(circle at 50% 50%,rgba(255,120,3,.055),transparent 35%),#000;
}
body.research-page .grand-video{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#000;
}
body.research-page .grand-video-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.16) 58%,rgba(0,0,0,.62)),
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 50%,rgba(0,0,0,.82));
}
/* Hide the duplicate in-page video surface; the hero + final cinematic film remain. */
body.research-page .brain-video-echo{display:none}

/* Explicitly keep the user's requested orange visible across Research UI. */
body.research-page .section-kicker,
body.research-page .research-title span,
body.research-page .research-intro h2 span,
body.research-page .emotion-header h2 span,
body.research-page .relationship-hero h2 span,
body.research-page .brain-caption span,
body.research-page .truth-lock b,
body.research-page .awareness-step span,
body.research-page .panel-index,
body.research-page .identity-column>span,
body.research-page .identity-equation strong,
body.research-page .grand-video-text strong{
  color:#ff7803 !important;
}

/* FINAL RESEARCH BLACK-BACKGROUND OVERRIDE */
body.research-page,
body.research-page main,
body.research-page .research-section,
body.research-page .section-dark,
body.research-page .cinematic-hero,
body.research-page .hero-copyline,
body.research-page .grand-finish{
  background:#000 !important;
  background-image:none !important;
}

body.research-page .live-brain,
body.research-page .emotion-stage,
body.research-page .free-time-matrix,
body.research-page .relevance-orbit,
body.research-page .brain-video,
body.research-page .grand-video{
  background:#000 !important;
}

body.research-page .live-brain{
  border-color:rgba(255,255,255,.025);
}

body.research-page .brain-video{
  display:block !important;
  width:min(54%,690px);
  height:54%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  position:absolute;
  overflow:hidden;
  border:0;
  border-radius:0;
  box-shadow:none;
  z-index:2;
}

body.research-page .brain-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.75) contrast(1.12) brightness(.68);
}

body.research-page .brain-video-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.42)),
    radial-gradient(circle at 50% 50%,transparent 28%,rgba(0,0,0,.48) 100%);
}

body.research-page .brain-label{
  position:absolute;
  bottom:12px;
  left:12px;
  font-size:8px;
  color:#8a8c96;
  letter-spacing:.14em;
}

/* Keep the three film moments visually seamless with the black page. */
body.research-page .cinematic-video-wrap{
  background:#000 !important;
}
body.research-page .cinematic-video{
  background:#000;
}
body.research-page .grand-video{
  background:#000 !important;
}

/* No tinted "page" wash behind the footer or final sections. */
body.research-page .footer{
  background:#000;
}

/* Orange-only accent token on Research page. */
body.research-page{
  --accent:#ff7803;
}

/* RESEARCH PAGE — BLACK CANVAS + GLASS SYSTEM
   The canvas stays pure black while cards retain the original premium glass language. */
body.research-page,
body.research-page main,
body.research-page .section,
body.research-page .section-dark,
body.research-page .grand-finish,
body.research-page .cinematic-hero,
body.research-page .hero-copyline{
  background:#000 !important;
  background-image:none !important;
}

body.research-page:before{
  display:none !important;
}

/* Eliminate accidental full-width tinted slabs; only intentional glass surfaces carry tint. */
body.research-page .section-dark{
  border-block:0 !important;
}

/* Shared glass surface for Research-only cards/panels. */
body.research-page .architecture-triad article,
body.research-page .research-panel,
body.research-page .free-time-matrix,
body.research-page .awareness-step,
body.research-page .memory-tier,
body.research-page .presence-panels article,
body.research-page .identity-column,
body.research-page .relationship-card,
body.research-page .contrast-card,
body.research-page .self-improve-lab .lab-column,
body.research-page .identity-equation,
body.research-page .memory-equation,
body.research-page .world-warning,
body.research-page .reality-note,
body.research-page .deep-change,
body.research-page .safety-disclaimer{
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 52%,rgba(255,120,3,.018)),
    rgba(12,13,18,.66) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 50px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}

/* Memory tiers get a consistent glass body instead of looking like four offset blocks. */
body.research-page .cinematic-memory{
  padding:6px 0 0;
}
body.research-page .cinematic-memory .memory-thread{
  opacity:.55;
}
body.research-page .cinematic-memory .memory-tier{
  margin-left:0 !important;
  position:relative;
}
body.research-page .cinematic-memory .tier-1{transform:translateX(0)}
body.research-page .cinematic-memory .tier-2{transform:translateX(16px)}
body.research-page .cinematic-memory .tier-3{transform:translateX(32px)}
body.research-page .cinematic-memory .tier-4{transform:translateX(48px)}
body.research-page .cinematic-memory .memory-tier:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(100deg,rgba(255,120,3,.026),transparent 38%);
}

/* Glass navigation/footer remain transparent rather than blue-grey. */
body.research-page .nav-shell,
body.research-page .footer{
  background:rgba(0,0,0,.64) !important;
  border-color:rgba(255,255,255,.055);
}

/* Video frames are deliberately borderless; glass lives around them. */
body.research-page .cinematic-video-wrap,
body.research-page .brain-video,
body.research-page .grand-video{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#000 !important;
}

/* Keep the hero/footer films visually fused to the black canvas. */
body.research-page .video-vignette{
  background:
    radial-gradient(circle at 50% 45%,transparent 17%,rgba(0,0,0,.14) 56%,rgba(0,0,0,.86) 100%),
    linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 69%,rgba(0,0,0,.94));
}
body.research-page .grand-video-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.16) 58%,rgba(0,0,0,.62)),
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 50%,rgba(0,0,0,.84));
}

/* Glass pills/nodes also match the new canvas. */
body.research-page .hero-signal,
body.research-page .video-control,
body.research-page .brain-orbit,
body.research-page .free-node,
body.research-page .rel,
body.research-page .emotion-ring,
body.research-page .final-orbit{
  background:rgba(10,11,15,.62) !important;
  border-color:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 28px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Large animated stages stay clean and black at the page level, with only the
   central object and energy lines visible. */
body.research-page .live-brain,
body.research-page .emotion-stage,
body.research-page .relevance-orbit,
body.research-page .free-time-matrix{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,120,3,.045),transparent 38%),
    rgba(4,5,7,.72) !important;
  border:1px solid rgba(255,255,255,.04) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 28px 90px rgba(0,0,0,.25) !important;
  backdrop-filter:blur(10px);
}

/* Final architecture glass stays premium without reintroducing the old blue wash. */
body.research-page .final-architecture{
  background:
    radial-gradient(circle,rgba(255,120,3,.055),transparent 42%),
    rgba(7,8,11,.58) !important;
  border-color:rgba(255,255,255,.045) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 30px 100px rgba(0,0,0,.3) !important;
}

/* Orange remains the only warm accent. */
body.research-page{
  --accent:#ff7803 !important;
}

/* ============================================================
   FINAL RESEARCH GLASS: PURE BLACK + TRANSPARENT
   Glass is now only a surface/boundary treatment.
   It does not introduce a second dark colour over the page.
   ============================================================ */

body.research-page,
body.research-page main,
body.research-page .section,
body.research-page .section-dark,
body.research-page .research-section,
body.research-page .cinematic-hero,
body.research-page .hero-copyline,
body.research-page .grand-finish,
body.research-page .footer{
  background:#000 !important;
  background-image:none !important;
}

/* Remove the tinted glass fills that caused visible slabs/artifacts. */
body.research-page .architecture-triad article,
body.research-page .research-panel,
body.research-page .awareness-step,
body.research-page .memory-tier,
body.research-page .presence-panels article,
body.research-page .identity-column,
body.research-page .relationship-card,
body.research-page .contrast-card,
body.research-page .self-improve-lab .lab-column,
body.research-page .identity-equation,
body.research-page .memory-equation,
body.research-page .world-warning,
body.research-page .reality-note,
body.research-page .deep-change,
body.research-page .safety-disclaimer,
body.research-page .final-architecture{
  background:rgba(0,0,0,.10) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 16px 48px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(18px) saturate(108%);
  -webkit-backdrop-filter:blur(18px) saturate(108%);
}

/* Glass must not paint a dark rectangle over content. */
body.research-page .architecture-triad article:before,
body.research-page .research-panel:before,
body.research-page .memory-tier:before,
body.research-page .identity-column:before,
body.research-page .relationship-card:before{
  display:none !important;
}

/* Large animated surfaces: black glass, not dark-blue panels. */
body.research-page .live-brain,
body.research-page .emotion-stage,
body.research-page .free-time-matrix,
body.research-page .relevance-orbit{
  background:rgba(0,0,0,.14) !important;
  border:1px solid rgba(255,255,255,.035) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015),
    0 24px 80px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Keep the central video completely clear against the black field. */
body.research-page .brain-video{
  background:#000 !important;
}
body.research-page .brain-video video{
  background:#000 !important;
}

/* Keep the glass nodes visible without adding visible fill. */
body.research-page .hero-signal,
body.research-page .video-control,
body.research-page .brain-orbit,
body.research-page .free-node,
body.research-page .rel,
body.research-page .emotion-ring,
body.research-page .final-orbit{
  background:rgba(0,0,0,.18) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015),
    0 8px 24px rgba(0,0,0,.14) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Memory stack: no artificial offsets or stacked slabs. */
body.research-page .cinematic-memory{
  position:relative;
  padding:0;
}
body.research-page .cinematic-memory .memory-thread{
  left:28px;
  top:28px;
  bottom:28px;
  opacity:.35;
}
body.research-page .cinematic-memory .memory-tier{
  margin:10px 0 !important;
  transform:none !important;
  position:relative;
  z-index:2;
  min-height:0;
}
body.research-page .cinematic-memory .tier-1,
body.research-page .cinematic-memory .tier-2,
body.research-page .cinematic-memory .tier-3,
body.research-page .cinematic-memory .tier-4{
  margin-left:0 !important;
}

/* Private-time matrix: keep the structure visible, but never fill it with
   a separate panel colour. */
body.research-page .free-time-matrix{
  background:transparent !important;
  border-color:rgba(255,255,255,.04) !important;
}
body.research-page .free-core{
  background:rgba(0,0,0,.28) !important;
}
body.research-page .free-node{
  background:rgba(0,0,0,.14) !important;
}

/* Relevance / emotion stages stay transparent black. */
body.research-page .emotion-stage,
body.research-page .relevance-orbit{
  background:transparent !important;
}
body.research-page .emotion-core,
body.research-page .relevance-core{
  background:rgba(0,0,0,.28) !important;
}

/* Black glass for the self-improvement lab and relationship contrast. */
body.research-page .self-improve-lab .lab-column,
body.research-page .contrast-card{
  background:rgba(0,0,0,.12) !important;
}
body.research-page .sandbox-screen{
  background:rgba(0,0,0,.18) !important;
}

/* Important: don't let section-wide backdrop effects cover the page. */
body.research-page .section-dark{
  position:relative;
  isolation:isolate;
}
body.research-page .section-dark:before,
body.research-page .section-dark:after{
  display:none !important;
}

/* Keep the orange crisp against the black glass. */
body.research-page{
  --accent:#ff7803 !important;
}
body.research-page .section-kicker,
body.research-page .research-title span,
body.research-page .research-intro h2 span,
body.research-page .emotion-header h2 span,
body.research-page .relationship-hero h2 span,
body.research-page .brain-caption span,
body.research-page .truth-lock b,
body.research-page .awareness-step span,
body.research-page .panel-index,
body.research-page .identity-column>span,
body.research-page .identity-equation strong,
body.research-page .grand-video-text strong{
  color:#ff7803 !important;
}

/* Mobile keeps all glass surfaces flush and non-overlapping. */
@media (max-width:780px){
  body.research-page .cinematic-memory .memory-tier{
    margin:10px 0 !important;
    transform:none !important;
  }
}

/* ============================================================
   HOMEPAGE REDESIGN — VIDEO FIRST + ALEPH IDENTITY
   ============================================================ */
body.home-page{
  background:#000;
}
body.home-page:before{opacity:.11}
body.home-page .ambient-a,
body.home-page .ambient-b{
  opacity:.055;
}
.home-nav{
  position:fixed;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  width:min(var(--max),calc(100% - 48px));
  margin:0;
  z-index:50;
  background:rgba(0,0,0,.22);
  border-color:rgba(255,255,255,.08);
  transition:background .35s,border-color .35s,box-shadow .35s;
}
.home-nav.home-nav-scrolled{
  background:rgba(8,9,12,.84);
  border-color:rgba(255,255,255,.09);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.landing-cinematic{
  width:100%;
  height:100svh;
  min-height:680px;
  position:relative;
  background:#000;
  overflow:hidden;
}
.landing-cinematic-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#000;
  filter:none !important;
}
.landing-cinematic-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),transparent 28%,transparent 72%,rgba(0,0,0,.62)),
    radial-gradient(circle at 50% 50%,transparent 34%,rgba(0,0,0,.42) 100%);
}
.landing-enter{
  position:absolute;
  z-index:4;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:#858792;
  font-size:9px;
  letter-spacing:.17em;
}
.landing-enter b{
  color:#ff7803;
  font-size:19px;
  line-height:1;
  animation:scrollBounce 1.6s ease-in-out infinite;
}
.home-intro{
  min-height:680px;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:78px;
  align-items:center;
}
.home-intro-mark{
  width:240px;
  height:240px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle,rgba(255,120,3,.12),rgba(0,0,0,.5) 64%);
  border:1px solid rgba(255,120,3,.22);
  box-shadow:0 0 90px rgba(255,120,3,.08);
}
.home-intro-mark img{width:126px;filter:drop-shadow(0 0 24px rgba(255,120,3,.15))}
.home-intro-copy h1{
  font-size:clamp(48px,6.1vw,88px);
  line-height:.93;
  letter-spacing:-.06em;
  margin:18px 0;
}
.home-intro-copy h1 span{color:#ff7803}
.home-lead{font-size:18px;line-height:1.72;color:#9698a2;max-width:780px}
.home-intro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.principle-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:55px;
  align-items:end;
}
.principle-eyebrow{
  color:#696b75;
  font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.06em;
  margin-bottom:18px;
}
.principle-hero h2{
  font-size:clamp(43px,5.7vw,78px);
  line-height:.95;
  letter-spacing:-.055em;
  margin:0;
}
.principle-hero h2 span{color:#ff7803}
.principle-hero>p{color:#858792;font-size:14px;line-height:1.78;margin:0}
.home-lifecycle{
  display:grid;
  grid-template-columns:repeat(11,auto);
  gap:9px;
  align-items:center;
  margin-top:48px;
  padding:16px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px;
  background:rgba(0,0,0,.18);
}
.home-lifecycle>div{
  min-width:135px;
  padding:15px 12px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:15px;
  background:rgba(255,255,255,.015);
}
.home-lifecycle span{display:block;color:#ff7803;font-size:9px}
.home-lifecycle b{display:block;margin:6px 0 4px;font-size:14px}
.home-lifecycle small{display:block;color:#6e707a;font-size:9px;line-height:1.4}
.home-lifecycle i{font-style:normal;color:#4b4d58}
.home-split{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:58px;
  align-items:end;
}
.home-split h2{
  margin:0;
  font-size:clamp(42px,5vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}
.home-split h2 span{color:#ff7803}
.home-split p{color:#858792;line-height:1.75;font-size:14px;margin:0}
.home-pillars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:38px;
}
.home-pillar{
  min-height:310px;
  padding:25px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  background:rgba(0,0,0,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.pillar-icon{font-size:25px;color:#ff7803}
.home-pillar>span{display:block;margin-top:22px;font-size:9px;letter-spacing:.14em;color:#72747f}
.home-pillar h3{font-size:21px;line-height:1.1;letter-spacing:-.025em;margin:11px 0}
.home-pillar p{font-size:12px;line-height:1.7;color:#7f818c}
.home-organism{overflow:hidden}
.organism-header{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:48px;
  align-items:end;
}
.organism-header h2{
  margin:0;
  font-size:clamp(45px,5.6vw,76px);
  line-height:.95;
  letter-spacing:-.055em;
}
.organism-header h2 span{color:#ff7803}
.organism-header p{margin:0;color:#858792;line-height:1.75;font-size:14px}
.organism-map{
  min-height:600px;
  margin-top:45px;
  position:relative;
  border:1px solid rgba(255,255,255,.045);
  border-radius:28px;
  background:radial-gradient(circle at 50% 50%,rgba(255,120,3,.05),transparent 36%),rgba(0,0,0,.18);
  overflow:hidden;
}
.organism-map:before,
.organism-map:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:370px;
  height:370px;
  border-radius:50%;
  border:1px solid rgba(255,120,3,.13);
  animation:spin 32s linear infinite;
}
.organism-map:after{
  width:510px;
  height:510px;
  animation-direction:reverse;
  animation-duration:47s;
  border-color:rgba(255,255,255,.06);
}
.organism-core{
  position:absolute;
  left:50%;
  top:50%;
  width:170px;
  height:170px;
  transform:translate(-50%,-50%);
  z-index:4;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:50%;
  background:rgba(0,0,0,.68);
  border:1px solid rgba(255,120,3,.28);
  box-shadow:0 0 70px rgba(255,120,3,.1);
}
.organism-core img{width:65px}
.organism-core span{margin-top:8px;font-size:17px;font-weight:800;letter-spacing:.17em}
.organism-core small{color:#666875;font-size:7px;letter-spacing:.13em;margin-top:5px}
.organism-node{
  position:absolute;
  z-index:5;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:rgba(0,0,0,.45);
  color:#9698a2;
  font-size:8px;
  letter-spacing:.13em;
  backdrop-filter:blur(10px);
  box-shadow:0 10px 28px rgba(0,0,0,.15);
  animation:nodeFloat 4.5s ease-in-out infinite;
}
.on-1{left:13%;top:20%}.on-2{left:7%;top:50%;animation-delay:.4s}.on-3{left:16%;bottom:18%;animation-delay:.8s}.on-4{left:39%;bottom:8%;animation-delay:1.2s}
.on-5{right:13%;top:20%;animation-delay:1.6s}.on-6{right:7%;top:50%;animation-delay:2s}.on-7{right:16%;bottom:18%;animation-delay:2.4s}.on-8{right:32%;top:7%;animation-delay:2.8s}
.organism-trace{
  position:absolute;
  z-index:2;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,120,3,.24),transparent);
  transform-origin:left center;
}
.trace-1{width:42%;left:10%;top:32%;transform:rotate(14deg)}.trace-2{width:42%;left:10%;bottom:30%;transform:rotate(-18deg)}.trace-3{width:42%;right:10%;top:32%;transform:rotate(166deg)}.trace-4{width:42%;right:10%;bottom:30%;transform:rotate(194deg)}
.organism-foot{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:15px;
  color:#676974;
  font-size:8px;
  letter-spacing:.14em;
}
.organism-foot span::before{content:"•";color:#ff7803;margin-right:7px}
.time-layout{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:end;
}
.time-counter{
  font-size:96px;
  line-height:.8;
  letter-spacing:-.07em;
  color:#ff7803;
}
.time-layout h2{
  margin:22px 0 0;
  font-size:clamp(42px,5vw,72px);
  line-height:.95;
  letter-spacing:-.055em;
}
.time-layout h2 span{color:#ff7803}
.time-copy p{color:#858792;line-height:1.75;font-size:14px}
.time-copy .text-link{color:#ff7803;font-size:12px}
.time-strip{
  margin-top:42px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:11px;
  flex-wrap:wrap;
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:18px;
  color:#737580;
  font-size:8px;
  letter-spacing:.11em;
  background:rgba(0,0,0,.16);
}
.time-strip i{color:#4b4d56;font-style:normal}
.time-strip strong{color:#ff7803}
.current-heading{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:46px;
  align-items:end;
}
.current-heading h2{
  margin:0;
  font-size:clamp(44px,5.4vw,76px);
  line-height:.95;
  letter-spacing:-.055em;
}
.current-heading h2 span{color:#ff7803}
.current-heading p{margin:0;color:#858792;font-size:14px;line-height:1.75}
.current-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:38px;
}
.current-card{
  padding:25px;
  min-height:180px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  background:rgba(0,0,0,.15);
}
.current-card>span{display:block;color:#ff7803;font-size:27px;letter-spacing:-.03em}
.current-card>small{display:block;margin-top:2px;color:#6e707b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.current-card p{margin:26px 0 0;color:#7f818c;font-size:11px;line-height:1.6}
.milestone-banner{
  margin-top:16px;
  padding:28px;
  border:1px solid rgba(255,120,3,.18);
  border-radius:24px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  background:linear-gradient(120deg,rgba(255,120,3,.035),rgba(0,0,0,.12));
}
.milestone-banner h3{font-size:29px;letter-spacing:-.035em;margin:15px 0 8px}.milestone-banner p{max-width:760px;margin:0;color:#80828c;font-size:12px;line-height:1.7}
.aleph1-home{
  display:grid;
  grid-template-columns:270px 1fr;
  gap:70px;
  align-items:center;
  padding:45px;
  border:1px solid rgba(255,120,3,.15);
  border-radius:30px;
  background:radial-gradient(circle at 12% 50%,rgba(255,120,3,.065),transparent 30%),rgba(0,0,0,.12);
}
.aleph1-mark{
  width:225px;
  height:225px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,120,3,.22);
  background:rgba(0,0,0,.35);
  box-shadow:0 0 90px rgba(255,120,3,.07);
}
.aleph1-mark img{width:120px}
.aleph1-copy h2{font-size:clamp(40px,4.8vw,66px);line-height:.97;letter-spacing:-.05em;margin:13px 0}.aleph1-copy h2 span{color:#ff7803}.aleph1-copy p{color:#858792;line-height:1.75;font-size:14px;max-width:720px}
.mini-label{color:#6a6c76;font-size:9px;letter-spacing:.15em}
.aleph1-stat{display:flex;align-items:center;gap:14px;margin-top:26px}.aleph1-stat strong{font-size:48px;letter-spacing:-.05em;color:#ff7803}.aleph1-stat span{color:#777984;font-size:10px;max-width:190px;line-height:1.4}
.home-news{
  padding:38px;
  border:1px solid rgba(255,120,3,.18);
  border-radius:28px;
  background:radial-gradient(circle at 88% 10%,rgba(255,120,3,.06),transparent 30%),rgba(0,0,0,.12);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
}
.home-news h2{font-size:clamp(34px,4.4vw,62px);line-height:.98;letter-spacing:-.05em;margin:14px 0 9px}.home-news p{max-width:760px;color:#81838e;line-height:1.7;font-size:13px}
.home-final{text-align:center;padding-top:150px;padding-bottom:140px}
.final-logo{width:120px;height:120px;border-radius:50%;margin:0 auto 35px;display:grid;place-items:center;border:1px solid rgba(255,120,3,.2);background:rgba(0,0,0,.3);box-shadow:0 0 65px rgba(255,120,3,.08)}
.final-logo img{width:62px}
.home-final h2{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.06em;margin:16px 0}
.home-final h2 span{color:#ff7803}
.home-final>p{max-width:760px;margin:0 auto;color:#858792;font-size:15px;line-height:1.75}
.home-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}
@media (max-width:1050px){
  .home-intro{grid-template-columns:1fr;gap:36px}.home-intro-mark{width:190px;height:190px}.home-intro-mark img{width:98px}
  .principle-hero,.home-split,.organism-header,.time-layout,.current-heading{grid-template-columns:1fr}
  .home-pillars,.current-grid{grid-template-columns:repeat(2,1fr)}
  .aleph1-home{grid-template-columns:1fr}
}
@media (max-width:780px){
  .home-nav{width:calc(100% - 28px);top:12px}
  .landing-cinematic{min-height:100svh}
  .home-intro{min-height:auto;padding-top:86px}
  .home-intro-copy h1{font-size:53px}
  .home-lead{font-size:15px}
  .home-pillars,.current-grid{grid-template-columns:1fr}
  .home-lifecycle{grid-template-columns:repeat(11,135px);overflow:auto}
  .organism-map{min-height:640px}
  .organism-node{font-size:7px;padding:7px 9px}
  .on-1{left:5%;top:16%}.on-2{left:3%;top:49%}.on-3{left:7%;bottom:17%}.on-4{left:35%;bottom:6%}
  .on-5{right:4%;top:16%}.on-6{right:3%;top:49%}.on-7{right:7%;bottom:17%}.on-8{right:19%;top:6%}
  .organism-core{width:145px;height:145px}.organism-core img{width:54px}
  .organism-map:before{width:290px;height:290px}.organism-map:after{width:420px;height:420px}
  .milestone-banner,.home-news{align-items:flex-start;flex-direction:column}
  .aleph1-home{padding:25px}.aleph1-mark{width:180px;height:180px}.aleph1-mark img{width:92px}
  .time-counter{font-size:80px}
}

/* ============================================================
   HOMEPAGE — RESTORED FULL-VISION CONTENT
   ============================================================ */
.home-expanded{scroll-margin-top:90px}
.home-comparison,.benchmark-home-table{margin-top:42px;border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;background:rgba(0,0,0,.10)}
.home-comparison>div,.benchmark-home-table>div{display:grid;grid-template-columns:1fr 1.22fr 1.42fr;gap:20px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}
.home-comparison>div:last-child,.benchmark-home-table>div:last-child{border-bottom:0}
.home-comparison-head,.benchmark-home-head{background:rgba(255,255,255,.02);color:#666874;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.home-comparison .row-label,.benchmark-home-table b{color:#e2e1e7;font-size:12px;font-weight:700}
.home-comparison span,.benchmark-home-table span{color:#7e808b;font-size:12px;line-height:1.5}
.home-comparison strong,.benchmark-home-table strong{color:#ff7803;font-size:12px;line-height:1.5;font-weight:600}
.home-breakthrough-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.expanded-stat{padding:25px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:rgba(0,0,0,.12)}
.expanded-stat strong{display:block;color:#ff7803;font-size:38px;letter-spacing:-.05em}.expanded-stat span{display:block;color:#737580;font-size:10px;line-height:1.55;margin-top:8px}
.home-breakthrough-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:15px}
.expanded-card{min-height:260px;padding:25px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:rgba(0,0,0,.12);position:relative}
.expanded-no{position:absolute;right:20px;top:20px;color:#555762;font-size:9px}
.expanded-card h3{font-size:21px;margin:38px 0 9px;letter-spacing:-.025em}.expanded-card p{color:#7d7f89;font-size:12px;line-height:1.68}
.name-section{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:center;margin-top:38px}
.aleph-symbol{font-family:Georgia,serif;font-size:220px;color:#ff7803;line-height:.7;text-shadow:0 0 65px rgba(255,120,3,.08)}
.name-section h2{font-size:clamp(44px,5.2vw,74px);line-height:.97;letter-spacing:-.055em;margin:0 0 24px}.name-section h2 span{color:#ff7803}.name-section p{max-width:720px;color:#858792;font-size:14px;line-height:1.75}
.completion-header{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:end;margin-top:34px}.completion-header h2{font-size:clamp(38px,4.6vw,68px);line-height:.97;letter-spacing:-.05em;margin:0 0 15px}.completion-header h2 span{color:#ff7803}.completion-header p{max-width:650px;color:#82848f;font-size:13px;line-height:1.7}.completion-percent{font-size:106px;line-height:.82;letter-spacing:-.07em;color:#ff7803;margin-top:15px}.completion-percent span{font-size:.4em;vertical-align:top}
.completion-meter{height:5px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:38px}.completion-meter span{display:block;height:100%;border-radius:999px;background:#ff7803;box-shadow:0 0 20px rgba(255,120,3,.4)}
.completion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.completion-card{min-height:205px;padding:24px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:rgba(0,0,0,.12)}.completion-card span{color:#ff7803;font-size:9px;letter-spacing:.14em}.completion-card h3{font-size:19px;margin:25px 0 8px}.completion-card p{color:#7d7f89;font-size:11px;line-height:1.65}
.benchmark-caveat{margin-top:15px;color:#646671;font-size:10px;line-height:1.6}.benchmark-home-table b{font-size:12px}
.latest-home-expanded{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:34px;border:1px solid rgba(255,120,3,.18);border-radius:26px;background:radial-gradient(circle at 5% 0,rgba(255,120,3,.05),transparent 35%),rgba(0,0,0,.12)}
.latest-home-expanded h2{font-size:clamp(32px,4.3vw,58px);line-height:.98;letter-spacing:-.05em;margin:15px 0 8px}.latest-home-expanded p{margin:0;color:#81838e;font-size:13px;line-height:1.65}
@media (max-width:1050px){.home-breakthrough-stats,.home-breakthrough-grid{grid-template-columns:repeat(2,1fr)}.name-section,.completion-header{grid-template-columns:1fr}.completion-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:780px){
  .home-comparison>div,.benchmark-home-table>div{grid-template-columns:1fr;gap:6px}
  .home-breakthrough-stats,.home-breakthrough-grid,.completion-grid{grid-template-columns:1fr}
  .name-section{grid-template-columns:1fr;gap:35px}.aleph-symbol{font-size:155px}
  .completion-percent{font-size:82px}
  .latest-home-expanded{align-items:flex-start;flex-direction:column}
}

/* ============================================================
   RESEARCH PAGE — FINAL PADDING + NATURAL VIDEO BRIGHTNESS
   ============================================================ */

/* The "Free time" interactive surface should be compact and content-led,
   not a giant padded glass slab. */
body.research-page .free-time-matrix{
  min-height:400px !important;
  height:400px !important;
  margin-top:38px !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.035) !important;
  overflow:hidden;
}

body.research-page .free-core{
  width:150px !important;
  height:150px !important;
  background:rgba(0,0,0,.24) !important;
}

body.research-page .free-node{
  padding:8px 11px !important;
  font-size:8px !important;
}

/* Bring the surrounding free-time nodes inward so they read as one coherent
   interactive diagram instead of floating at the extreme edges. */
body.research-page .free-time-matrix .node-a{left:27% !important;top:20% !important}
body.research-page .free-time-matrix .node-b{right:27% !important;top:20% !important}
body.research-page .free-time-matrix .node-c{left:17% !important;top:52% !important}
body.research-page .free-time-matrix .node-d{right:17% !important;top:52% !important}
body.research-page .free-time-matrix .node-e{left:30% !important;bottom:17% !important}
body.research-page .free-time-matrix .node-f{right:30% !important;bottom:17% !important}

body.research-page .free-time-matrix .l1,
body.research-page .free-time-matrix .l2,
body.research-page .free-time-matrix .l3,
body.research-page .free-time-matrix .l4,
body.research-page .free-time-matrix .l5,
body.research-page .free-time-matrix .l6{
  width:31% !important;
}

/* Keep every ALEPH video on the Research page at native brightness/contrast.
   Do not dim the footage because it is already visually dark. */
body.research-page .cinematic-video,
body.research-page .brain-video video,
body.research-page .grand-video video{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  background:#000 !important;
}

/* The overlays remain subtle enough that they do not act like a brightness
   filter over the actual footage. */
body.research-page .video-vignette{
  background:
    linear-gradient(180deg,rgba(0,0,0,.025),transparent 32%,transparent 72%,rgba(0,0,0,.40)) !important;
}
body.research-page .brain-video-overlay{
  background:
    linear-gradient(180deg,transparent,rgba(0,0,0,.18)),
    radial-gradient(circle at 50% 50%,transparent 34%,rgba(0,0,0,.24) 100%) !important;
}
body.research-page .grand-video-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.10) 58%,rgba(0,0,0,.34)),
    linear-gradient(180deg,rgba(0,0,0,.05),transparent 50%,rgba(0,0,0,.46)) !important;
}

@media (max-width:780px){
  body.research-page .free-time-matrix{
    min-height:390px !important;
    height:390px !important;
  }
  body.research-page .free-time-matrix .node-a{left:9% !important;top:14% !important}
  body.research-page .free-time-matrix .node-b{right:9% !important;top:14% !important}
  body.research-page .free-time-matrix .node-c{left:5% !important;top:49% !important}
  body.research-page .free-time-matrix .node-d{right:5% !important;top:49% !important}
  body.research-page .free-time-matrix .node-e{left:11% !important;bottom:13% !important}
  body.research-page .free-time-matrix .node-f{right:11% !important;bottom:13% !important}
  body.research-page .free-time-matrix .l1,
  body.research-page .free-time-matrix .l2,
  body.research-page .free-time-matrix .l3,
  body.research-page .free-time-matrix .l4,
  body.research-page .free-time-matrix .l5,
  body.research-page .free-time-matrix .l6{
    width:42% !important;
  }
}

/* ============================================================
   RESEARCH — FINAL CINEMATIC BLEND + FRONT-LAYER GRAPHICS
   ============================================================ */

/* 1. The large "Free time" glass container is removed visually.
   Its content remains: core, nodes and animated orange connections. */
body.research-page .free-time-matrix{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  min-height:360px !important;
  height:360px !important;
}
body.research-page .free-time-matrix:before,
body.research-page .free-time-matrix:after{
  display:none !important;
}
body.research-page .free-core{
  background:rgba(0,0,0,.20) !important;
  border-color:rgba(255,120,3,.35) !important;
  box-shadow:0 0 70px rgba(255,120,3,.10) !important;
}
body.research-page .free-node{
  background:rgba(0,0,0,.12) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012),0 8px 24px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.research-page .free-line{
  background:linear-gradient(90deg,transparent,rgba(255,120,3,.34),transparent) !important;
  z-index:1 !important;
}
body.research-page .free-line:after{
  background:#ff7803 !important;
  box-shadow:0 0 16px rgba(255,120,3,.85) !important;
}
body.research-page .free-time-matrix .node-a{left:27% !important;top:16% !important}
body.research-page .free-time-matrix .node-b{right:27% !important;top:16% !important}
body.research-page .free-time-matrix .node-c{left:17% !important;top:52% !important}
body.research-page .free-time-matrix .node-d{right:17% !important;top:52% !important}
body.research-page .free-time-matrix .node-e{left:30% !important;bottom:12% !important}
body.research-page .free-time-matrix .node-f{right:30% !important;bottom:12% !important}

/* 2. Make the central ALEPH footage feel embedded in the architecture.
   The video is behind the orange geometry, with soft alpha fading at the
   rectangular edges so its natural black pixels dissolve into the page. */
body.research-page .live-brain{
  isolation:isolate;
  background:#000 !important;
}
body.research-page .brain-video{
  z-index:1 !important;
  width:min(62%,760px) !important;
  height:58% !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  background:transparent !important;
  -webkit-mask-image:radial-gradient(ellipse 73% 65% at 50% 50%,#000 44%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.58) 70%,transparent 88%);
  mask-image:radial-gradient(ellipse 73% 65% at 50% 50%,#000 44%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.58) 70%,transparent 88%);
}
body.research-page .brain-video video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  filter:none !important;
  opacity:1 !important;
  background:#000 !important;
  -webkit-mask-image:radial-gradient(ellipse 78% 68% at 50% 50%,#000 43%,rgba(0,0,0,.94) 61%,rgba(0,0,0,.60) 73%,transparent 94%);
  mask-image:radial-gradient(ellipse 78% 68% at 50% 50%,#000 43%,rgba(0,0,0,.94) 61%,rgba(0,0,0,.60) 73%,transparent 94%);
}
body.research-page .brain-video-overlay{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(ellipse 70% 60% at 50% 50%,transparent 45%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.78) 96%) !important;
}

/* 3. Bring every orange architecture line ABOVE the video. */
body.research-page .brain-energy{
  z-index:4 !important;
  pointer-events:none !important;
  mix-blend-mode:screen !important;
}
body.research-page .brain-energy ellipse{
  stroke:rgba(255,120,3,.32) !important;
  stroke-width:1.15 !important;
}
body.research-page .brain-energy path{
  stroke:rgba(255,120,3,.48) !important;
  stroke-width:2.2 !important;
  filter:drop-shadow(0 0 5px rgba(255,120,3,.18));
}
body.research-page .brain-orbit{
  z-index:6 !important;
}
body.research-page .brain-caption{
  z-index:7 !important;
}
body.research-page .brain-video + .brain-orbit{
  z-index:6 !important;
}
body.research-page .brain-orbit{
  background:rgba(0,0,0,.16) !important;
  border-color:rgba(255,255,255,.07) !important;
  box-shadow:0 0 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.014) !important;
}

/* 4. Let the outer orange rings visually cross the video instead of being
   clipped or disappearing behind it. */
body.research-page .live-brain .brain-energy{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:4 !important;
}

/* 5. Keep the page itself completely black. */
body.research-page,
body.research-page main,
body.research-page .research-section,
body.research-page .section-dark{
  background:#000 !important;
}

/* 6. Mobile: preserve the blend and prevent a hard rectangular video edge. */
@media (max-width:780px){
  body.research-page .free-time-matrix{
    min-height:340px !important;
    height:340px !important;
  }
  body.research-page .free-time-matrix .node-a{left:9% !important;top:12% !important}
  body.research-page .free-time-matrix .node-b{right:9% !important;top:12% !important}
  body.research-page .free-time-matrix .node-c{left:5% !important;top:50% !important}
  body.research-page .free-time-matrix .node-d{right:5% !important;top:50% !important}
  body.research-page .free-time-matrix .node-e{left:11% !important;bottom:11% !important}
  body.research-page .free-time-matrix .node-f{right:11% !important;bottom:11% !important}
  body.research-page .brain-video{
    width:82% !important;
    height:42% !important;
    -webkit-mask-image:radial-gradient(ellipse 78% 68% at 50% 50%,#000 38%,rgba(0,0,0,.90) 62%,transparent 94%);
    mask-image:radial-gradient(ellipse 78% 68% at 50% 50%,#000 38%,rgba(0,0,0,.90) 62%,transparent 94%);
  }
}

/* ============================================================
   RESEARCH FREE-TIME DIAGRAM — CLEAN LAYOUT OVERRIDE
   The previous pill-like containers were a consequence of the
   matrix retaining a large panel geometry. This section is now
   an open diagram on the black canvas: no panel, no padded box,
   no backdrop, only the nodes, core and animated connections.
   ============================================================ */

body.research-page .free-time-matrix{
  position:relative !important;
  display:block !important;
  width:min(100%,980px) !important;
  height:290px !important;
  min-height:290px !important;
  margin:40px auto 0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}

body.research-page .free-time-matrix::before,
body.research-page .free-time-matrix::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

body.research-page .free-time-matrix .free-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:138px !important;
  height:138px !important;
  margin:0 !important;
  padding:0 !important;
  background:rgba(0,0,0,.16) !important;
  border:1px solid rgba(255,120,3,.34) !important;
  border-radius:50% !important;
  box-shadow:0 0 55px rgba(255,120,3,.07) !important;
  z-index:10 !important;
}

body.research-page .free-time-matrix .free-core img{
  width:48px !important;
}
body.research-page .free-time-matrix .free-core span{
  font-size:9px !important;
  letter-spacing:.13em !important;
}
body.research-page .free-time-matrix .free-core small{
  font-size:6px !important;
}

/* Compact node geometry, always anchored within the diagram. */
body.research-page .free-time-matrix .free-node{
  position:absolute !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:7px 10px !important;
  background:rgba(0,0,0,.12) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  border-radius:999px !important;
  color:#9b9da6 !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  box-shadow:none !important;
  z-index:12 !important;
}

/* Exact positions intentionally form a small halo around ALEPH. */
body.research-page .free-time-matrix .node-a{left:20% !important;top:10% !important}
body.research-page .free-time-matrix .node-b{right:20% !important;top:10% !important}
body.research-page .free-time-matrix .node-c{left:10% !important;top:47% !important}
body.research-page .free-time-matrix .node-d{right:10% !important;top:47% !important}
body.research-page .free-time-matrix .node-e{left:24% !important;bottom:8% !important}
body.research-page .free-time-matrix .node-f{right:24% !important;bottom:8% !important}

/* The lines remain visible, but they never become rectangular surfaces. */
body.research-page .free-time-matrix .free-line{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  height:1px !important;
  width:34% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,transparent,rgba(255,120,3,.30),transparent) !important;
  box-shadow:none !important;
  z-index:4 !important;
  transform-origin:left center !important;
}
body.research-page .free-time-matrix .free-line::after{
  width:4px !important;
  height:4px !important;
  top:-2px !important;
  background:#ff7803 !important;
  box-shadow:0 0 13px rgba(255,120,3,.78) !important;
}

/* No hidden container from the reveal system should produce a visual slab. */
body.research-page .free-time-matrix.reveal{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* On small screens, shrink the diagram but preserve the same open layout. */
@media (max-width:780px){
  body.research-page .free-time-matrix{
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    margin-top:30px !important;
  }
  body.research-page .free-time-matrix .free-core{
    width:122px !important;
    height:122px !important;
  }
  body.research-page .free-time-matrix .node-a{left:9% !important;top:8% !important}
  body.research-page .free-time-matrix .node-b{right:9% !important;top:8% !important}
  body.research-page .free-time-matrix .node-c{left:3% !important;top:47% !important}
  body.research-page .free-time-matrix .node-d{right:3% !important;top:47% !important}
  body.research-page .free-time-matrix .node-e{left:11% !important;bottom:8% !important}
  body.research-page .free-time-matrix .node-f{right:11% !important;bottom:8% !important}
  body.research-page .free-time-matrix .free-line{width:37% !important}
}

/* FINAL: FREE-TIME DIAGRAM IS AN OPEN CANVAS — NO GLASS BOX */
body.research-page .free-time-matrix,
body.research-page .free-time-matrix::before,
body.research-page .free-time-matrix::after{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

body.research-page .free-time-matrix{
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:980px !important;
  height:300px !important;
  min-height:300px !important;
  margin:34px auto 0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body.research-page .free-time-matrix > *{
  box-shadow:none !important;
}

body.research-page .free-time-matrix .free-core{
  background:rgba(0,0,0,.14) !important;
  border:1px solid rgba(255,120,3,.34) !important;
  box-shadow:0 0 55px rgba(255,120,3,.07) !important;
}

body.research-page .free-time-matrix .free-node{
  background:rgba(0,0,0,.08) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  box-shadow:none !important;
}

body.research-page .free-time-matrix .free-line{
  background:linear-gradient(90deg,transparent,rgba(255,120,3,.30),transparent) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* ============================================================
   ABSOLUTE FIX: PRIVATE TIME / FREE-TIME DIAGRAM
   A new scoped class replaces the legacy matrix entirely.
   No inherited panel background, border, padding, radius or
   glass effect can leak into this one area.
   ============================================================ */

body.research-page .aleph-free-diagram{
  position:relative !important;
  display:block !important;
  width:min(100%,980px) !important;
  height:320px !important;
  min-height:320px !important;
  margin:36px auto 0 !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}

body.research-page .aleph-free-diagram::before,
body.research-page .aleph-free-diagram::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

body.research-page .aleph-free-diagram .aleph-free-node{
  position:absolute !important;
  display:block !important;
  width:max-content !important;
  height:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:7px 10px !important;
  background:rgba(0,0,0,.10) !important;
  border:1px solid rgba(255,255,255,.055) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  color:#9496a0 !important;
  font:8px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  letter-spacing:.12em !important;
  z-index:8 !important;
}

body.research-page .aleph-free-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:138px !important;
  height:138px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  border-radius:50% !important;
  background:rgba(0,0,0,.18) !important;
  border:1px solid rgba(255,120,3,.34) !important;
  box-shadow:0 0 55px rgba(255,120,3,.07) !important;
  z-index:10 !important;
  text-align:center !important;
}

body.research-page .aleph-free-core img{
  width:48px !important;
  height:auto !important;
  margin:0 !important;
}
body.research-page .aleph-free-core span{
  display:block !important;
  margin-top:7px !important;
  color:#ff7803 !important;
  font:9px/1 ui-sans-serif,system-ui,sans-serif !important;
  letter-spacing:.13em !important;
}
body.research-page .aleph-free-core small{
  display:block !important;
  margin-top:5px !important;
  color:#646772 !important;
  font:6px/1 ui-sans-serif,system-ui,sans-serif !important;
}

body.research-page .aleph-free-link{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:33% !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(90deg,transparent,rgba(255,120,3,.30),transparent) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform-origin:left center !important;
  z-index:3 !important;
}
body.research-page .aleph-free-link::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:-2px !important;
  width:4px !important;
  height:4px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ff7803 !important;
  box-shadow:0 0 13px rgba(255,120,3,.78) !important;
  animation:flowDot 3s linear infinite !important;
}

body.research-page .afn-create{left:21% !important;top:9% !important}
body.research-page .afn-play{right:21% !important;top:9% !important}
body.research-page .afn-explore{left:11% !important;top:47% !important}
body.research-page .afn-learn{right:11% !important;top:47% !important}
body.research-page .afn-rest{left:25% !important;bottom:8% !important}
body.research-page .afn-wonder{right:25% !important;bottom:8% !important}

body.research-page .afl-1{transform:translateY(-72px) rotate(212deg) !important}
body.research-page .afl-2{transform:translateY(-72px) rotate(328deg) !important}
body.research-page .afl-3{transform:translateY(0) rotate(187deg) !important}
body.research-page .afl-4{transform:translateY(0) rotate(353deg) !important}
body.research-page .afl-5{transform:translateY(72px) rotate(148deg) !important}
body.research-page .afl-6{transform:translateY(72px) rotate(32deg) !important}

@media (max-width:780px){
  body.research-page .aleph-free-diagram{
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    margin-top:30px !important;
  }
  body.research-page .aleph-free-core{
    width:120px !important;
    height:120px !important;
  }
  body.research-page .aleph-free-core img{width:43px !important}
  body.research-page .afn-create{left:9% !important;top:7% !important}
  body.research-page .afn-play{right:9% !important;top:7% !important}
  body.research-page .afn-explore{left:3% !important;top:47% !important}
  body.research-page .afn-learn{right:3% !important;top:47% !important}
  body.research-page .afn-rest{left:11% !important;bottom:7% !important}
  body.research-page .afn-wonder{right:11% !important;bottom:7% !important}
  body.research-page .aleph-free-link{width:36% !important}
}

/* ============================================================
   ALEPH GLOBAL GRAPH / DOT GRID
   ============================================================ */
html, body{background:#000 !important}
body{position:relative;isolation:isolate}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-30;
  pointer-events:none;
  opacity:.40;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle,rgba(255,255,255,.11) 0 1px,transparent 1.25px);
  background-size:56px 56px,56px 56px,56px 56px;
  background-position:0 0,0 0,0 0;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.55) 70%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.55) 70%,transparent 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-29;
  pointer-events:none;
  opacity:.18;
  background:
    radial-gradient(circle at 52% 35%,rgba(255,120,3,.07),transparent 33%),
    linear-gradient(115deg,transparent 35%,rgba(255,120,3,.045) 50%,transparent 65%);
  animation:alephGridBreath 11s ease-in-out infinite;
}
body .grid-particle{
  position:fixed;
  width:4px;
  height:4px;
  margin:0;
  border-radius:50%;
  background:#ff7803;
  box-shadow:0 0 10px rgba(255,120,3,.72),0 0 24px rgba(255,120,3,.18);
  z-index:-20;
  pointer-events:none;
}
body .grid-particle::after{
  content:"";
  position:absolute;
  pointer-events:none;
  filter:blur(.15px);
}
body .grid-particle[data-direction="right"]::after{
  width:25px;height:1px;right:3px;top:50%;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(255,120,3,.58),transparent);
}
body .grid-particle[data-direction="left"]::after{
  width:25px;height:1px;left:3px;top:50%;
  transform:translateY(-50%) rotate(180deg);
  background:linear-gradient(90deg,rgba(255,120,3,.58),transparent);
}
body .grid-particle[data-direction="down"]::after{
  width:1px;height:25px;left:50%;top:3px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(255,120,3,.58),transparent);
}
body .grid-particle[data-direction="up"]::after{
  width:1px;height:25px;left:50%;bottom:3px;
  transform:translateX(-50%);
  background:linear-gradient(0deg,rgba(255,120,3,.58),transparent);
}
@keyframes alephGridBreath{0%,100%{opacity:.14;transform:translateX(-1%)}50%{opacity:.22;transform:translateX(1%)}}

/* Research: the grid stays behind the two framed/hero videos. */
body.research-page .cinematic-video-wrap,
body.research-page .grand-video,
body.research-page .brain-video{
  background:#000 !important;
}
body.research-page .cinematic-video,
body.research-page .brain-video video,
body.research-page .grand-video video{
  z-index:2;
}

/* Research central feathered video: orange orbital grid remains in front,
   while the global graph grid stays behind the video. */
body.research-page .live-brain{
  position:relative;
  isolation:isolate;
}
body.research-page .live-brain::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:min(76%,920px);
  aspect-ratio:1.55;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,120,3,.22);
  border-radius:50%;
  z-index:4;
  pointer-events:none;
  box-shadow:0 0 55px rgba(255,120,3,.045);
}
body.research-page .live-brain::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:min(69%,835px);
  aspect-ratio:1.6;
  transform:translate(-50%,-50%);
  border:1px dashed rgba(255,120,3,.22);
  border-radius:50%;
  z-index:5;
  pointer-events:none;
  animation:researchOrbitPulse 4.5s ease-in-out infinite;
}
body.research-page .research-orbit-dot{
  position:absolute;
  width:5px;height:5px;
  margin:-2.5px 0 0 -2.5px;
  border-radius:50%;
  z-index:7;
  background:#ff7803;
  box-shadow:0 0 12px rgba(255,120,3,.85),0 0 26px rgba(255,120,3,.18);
  pointer-events:none;
}
body.research-page .brain-energy{
  z-index:6 !important;
  pointer-events:none !important;
  mix-blend-mode:screen !important;
}
body.research-page .brain-orbit,
body.research-page .brain-caption{
  z-index:8 !important;
}
@keyframes researchOrbitPulse{
  0%,100%{opacity:.52;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:.9;transform:translate(-50%,-50%) scale(1.012)}
}
@media(max-width:780px){
  body::after{background-size:38px 38px,38px 38px,38px 38px}
  body.research-page .live-brain::before{width:94%}
  body.research-page .live-brain::after{width:84%}
}

/* Smooth-moving grid particles: fixed-axis alignment, soft directional trail. */
body .grid-particle{
  transform:translate(-2px,-2px);
  will-change:left,top;
}
body .grid-particle::after{
  opacity:.78;
}

/* Particles appear immediately; randomized phase provides natural distribution. */
body .grid-particle{
  opacity:.82 !important;
  animation:none !important;
  transition:none !important;
}