:root{--bg: #060810;--bg-soft: #0a0d17;--surface: rgba(13, 17, 30, .68);--surface-solid: #0c101b;--text: #f5f7fb;--muted: #8d94a8;--faint: #50566a;--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .06);--blue: #75b5ff;--cyan: #18d8ff;--violet: #b47cff;--pink: #ff4f9e;--adenine: #15d8ff;--thymine: #ff4f9e;--green: #93ffca;--display: "DM Serif Display", serif;--sans: "Syne", sans-serif;--mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:auto}body{min-height:100%;background:radial-gradient(circle at 65% 20%,rgba(89,75,180,.08),transparent 26rem),radial-gradient(circle at 20% 72%,rgba(68,138,212,.07),transparent 30rem),var(--bg);color:var(--text);font-family:var(--mono);overflow-x:hidden;cursor:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}a,button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#cursor-dot,#cursor-follower,#cursor-label{position:fixed;top:0;left:0;pointer-events:none;z-index:1000}#cursor-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 18px #98ddffcc;transform:translate(-50%,-50%)}#cursor-follower{width:42px;height:42px;border:1px solid rgba(150,201,255,.38);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color .3s ease}#cursor-follower:before,#cursor-follower:after{content:"";position:absolute;inset:8px;border:1px solid rgba(154,127,255,.16);border-radius:inherit}#cursor-follower:after{inset:14px;border-color:#81e5ff33}#cursor-label{transform:translate(18px,16px);color:#eff3ffb8;font-size:.55rem;letter-spacing:.18em;white-space:nowrap;mix-blend-mode:screen}body.cursor-active #cursor-follower{width:58px;height:58px;border-color:#88deffb3}body.cursor-active #cursor-label{color:#fff}.hud-nav{position:fixed;inset:1.5rem 1.7rem auto;display:flex;align-items:center;justify-content:space-between;z-index:50;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;mix-blend-mode:screen}.hud-logo span{color:var(--cyan)}.hud-status{display:flex;align-items:center;gap:.55rem;color:#d8ddeb94}.pulse-dot{width:6px;height:6px;border-radius:999px;background:var(--green);box-shadow:0 0 14px #93ffcab3;animation:pulse 1.8s ease-in-out infinite}.hud-scroll{position:fixed;right:1.7rem;bottom:1.7rem;z-index:40;display:flex;align-items:center;gap:.7rem;color:#d7dcea6b;font-size:.55rem;letter-spacing:.16em;transform:rotate(-90deg) translate(50%);transform-origin:right center}.scroll-line{width:50px;height:1px;background:linear-gradient(90deg,#ffffff1a,#8dbeffb8)}.hud-counter{position:fixed;top:1.45rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:baseline;gap:.45rem;font-size:.62rem;letter-spacing:.14em;color:#eff3ff9e;mix-blend-mode:screen}#scroll-current{min-width:2ch;color:#fff;font-family:var(--sans);font-size:.95rem;letter-spacing:-.03em}.hud-counter-divider{color:#adb5c857}.dna-pin{position:fixed;top:0;left:0;width:1px;height:1px;z-index:25;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .4s ease}.dna-pin.visible{opacity:1}.pin-target{position:absolute;width:5px;height:5px;top:0;left:0;border-radius:50%;background:#fff;box-shadow:0 0 16px #7bdaffcc,0 0 34px #8b71ff59;transform:translate(-50%,-50%)}.pin-line{position:absolute;left:0;width:1px;background:linear-gradient(180deg,#e0f1ffd9,#78abff1a);transform:translate(-50%)}.dna-pin[data-side=above] .pin-line{bottom:0;height:75px}.dna-pin[data-side=below] .pin-line{top:0;height:75px;background:linear-gradient(180deg,#78abff1a,#e0f1ffd9)}.pin-box{position:absolute;min-width:170px;padding:.75rem .95rem;border:1px solid rgba(157,199,255,.24);background:linear-gradient(180deg,#111624ed,#0a0d17d1);box-shadow:0 20px 70px #0000007a,inset 0 1px #ffffff0d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dna-pin[data-side=above] .pin-box{left:50%;bottom:75px;transform:translate(-50%)}.dna-pin[data-side=below] .pin-box{left:50%;top:75px;transform:translate(-50%)}.pin-tag{display:block;margin-bottom:.35rem;color:var(--cyan);font-size:.5rem;letter-spacing:.15em}.pin-box strong{display:block;font-family:var(--sans);font-size:.9rem;letter-spacing:-.02em;white-space:nowrap}.pin-box em{color:var(--blue);font-style:normal}.dna-pin[data-kind=adenine] .pin-target{background:var(--adenine);box-shadow:0 0 18px #15d8fff2,0 0 36px #15d8ff5c}.dna-pin[data-kind=thymine] .pin-target{background:var(--thymine);box-shadow:0 0 18px #ff4f9ef2,0 0 36px #ff4f9e52}.dna-pin[data-kind=adenine] .pin-line{background:linear-gradient(180deg,#15d8fff2,#15d8ff0f)}.dna-pin[data-kind=thymine] .pin-line{background:linear-gradient(180deg,#ff4f9e0f,#ff4f9ef2)}.dna-pin[data-kind=adenine] .pin-tag,.dna-pin[data-kind=adenine] .pin-box em{color:var(--adenine)}.dna-pin[data-kind=thymine] .pin-tag,.dna-pin[data-kind=thymine] .pin-box em{color:var(--thymine)}.dna-pin[data-kind=adenine] .pin-box{border-color:#15d8ff6b}.dna-pin[data-kind=thymine] .pin-box{border-color:#ff4f9e6b}.inspector-modal{position:fixed;right:1.5rem;bottom:1.5rem;width:min(380px,calc(100vw - 2rem));padding:1.35rem;border:1px solid rgba(142,194,255,.22);background:#0a0e18d6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0d;z-index:80;transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}.inspector-modal.hidden{opacity:0;transform:translateY(20px);pointer-events:none}#modal-close{position:absolute;top:.65rem;right:.75rem;width:30px;height:30px;border:1px solid var(--line-soft);background:#ffffff05;color:var(--text);font-size:1.2rem;cursor:pointer}.inspector-modal h3{margin:0 2rem .7rem 0;font-family:var(--sans);font-size:1.25rem}.inspector-modal p{margin-bottom:1rem;color:var(--muted);font-size:.76rem;line-height:1.75}#canvas-container{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:1;transition:opacity .5s ease}#canvas-container canvas{display:block;width:100%;height:100%}body.scene-resting #canvas-container{opacity:.48}#app{position:relative;z-index:2}.step{position:relative;min-height:100svh;display:flex;align-items:center;padding:10rem 7vw}.step.align-right{justify-content:flex-end}.step.align-center{justify-content:center;text-align:center}.hero-step{align-items:flex-end;padding-bottom:13vh}.hero-copy{width:min(760px,100%)}.eyebrow,.section-kicker,.video-topline,.video-caption,.micro-note{text-transform:uppercase;letter-spacing:.16em;font-size:.56rem}.hero-copy h1{margin:1.2rem 0 1rem;font-family:var(--display);font-size:clamp(4.8rem,13vw,10rem);font-weight:400;letter-spacing:-.065em;line-height:.78}.accent-dot{color:var(--blue)}.hero-copy>p{max-width:560px;color:#b2b8c8;font-size:clamp(.78rem,1vw,.96rem);line-height:1.9}.hero-meta{display:flex;gap:1.5rem;margin-top:2rem;color:#adb5c875;font-size:.5rem;letter-spacing:.14em}.glass-card{width:min(560px,100%);padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#0d111da8,#090c146b);box-shadow:0 30px 100px #00000075,inset 0 1px #ffffff0a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.glass-card h2,.post-section h2,.post-footer h2{margin-bottom:1.15rem;font-family:var(--sans);font-size:clamp(2rem,5vw,2.8rem);line-height:.9;font-weight:800;letter-spacing:-.06em;text-transform:uppercase;overflow-wrap:anywhere}.glass-card p,.stages-header p,.editorial-copy p,.experience-copy p,.stage-card p{color:var(--muted);font-size:.8rem;line-height:1.85}.badge{display:inline-block;margin-bottom:1rem;color:#8cd3ffc2;font-size:.55rem;letter-spacing:.16em}.micro-note{color:#b1bbcf70}.card-rule{height:1px;margin:1.4rem 0 .85rem;background:linear-gradient(90deg,rgba(130,185,255,.36),transparent)}.center-card{text-align:center}.center-card p{max-width:530px;margin:0 auto 1.6rem}.cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.9rem 1.5rem;border:1px solid rgba(168,203,255,.32);border-radius:999px;background:#ffffff05;color:var(--text);font-size:.65rem;letter-spacing:.16em;cursor:pointer;transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease}.cta-btn:hover{transform:translateY(-2px);background:#79afff1f;border-color:#9dcfff99;box-shadow:0 16px 40px #597fff26}.video-step{align-items:flex-start;padding-top:4vh;padding-bottom:11vh}.video-section{width:min(1280px,100%);margin:0 auto}.video-topline{display:flex;justify-content:space-between;gap:1rem;color:#b3bcd06b;margin-bottom:1rem}.video-reveal-container{width:100%;transform-origin:center}.video-frame{position:relative;min-height:min(70vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#0a0d14;box-shadow:0 40px 120px #0000008c}.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;filter:saturate(.9) contrast(1.05) brightness(.84)}.video-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#03050905,#04060a0f 38%,#04060ae0),radial-gradient(circle at 74% 30%,rgba(112,124,255,.13),transparent 26%)}.video-grain{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.4) .6px,transparent .6px);background-size:4px 4px;mix-blend-mode:soft-light}.video-text-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;width:min(760px,92%);min-height:min(70vh,760px);padding:clamp(1.5rem,5vw,4rem)}.video-text-content h2{max-width:720px;margin-bottom:1rem;font-family:var(--display);font-size:clamp(2.5rem,6vw,5.6rem);font-weight:400;line-height:.92;letter-spacing:-.035em;text-transform:none}.video-text-content p{max-width:560px;margin-bottom:1.5rem;color:#e7ecf6b3;font-size:clamp(.76rem,1vw,.92rem);line-height:1.85}.video-caption{display:grid;grid-template-columns:.5fr 1fr;gap:1.5rem;padding-top:.85rem;color:#adb5c866}.video-caption p{color:#adb5c88a;font-size:.63rem;line-height:1.55}.post-section,.post-footer{position:relative;z-index:3;width:min(1280px,calc(100% - 14vw));margin:0 auto;padding:10rem 0}.post-section:before,.post-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 75%)}.section-kicker{color:#89d2ffa3}.editorial-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;margin-top:3.5rem}.display-index{display:inline-block;font-size:clamp(3rem,8vw,8rem);color:#699bff8a;font-family:var(--display);line-height:.8}.editorial-copy{max-width:820px}.editorial-lead{margin-bottom:1.8rem;color:#f2f3f8!important;font-family:var(--display);font-size:clamp(2rem,4vw,4.3rem)!important;line-height:.98!important;letter-spacing:-.02em}.stages-header{display:grid;grid-template-columns:1.3fr .7fr;gap:4vw;align-items:end;margin-top:3.5rem}.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:3.5rem;border:1px solid var(--line-soft);background:var(--line-soft)}.stage-card{min-height:360px;padding:2rem;background:#090c14d6;position:relative}.stage-card.featured{background:radial-gradient(circle at 80% 20%,rgba(126,119,255,.14),transparent 22rem),#0b0f19e6}.stage-number{display:block;margin-bottom:4rem;color:#a7b4d057;font-size:.62rem}.stage-card h3{margin-bottom:.9rem;font-family:var(--sans);font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.05em;line-height:.95}.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:3.5rem}.experience-copy{max-width:570px}.experience-copy .display-index{margin-bottom:2rem}.text-link{display:inline-block;margin-top:1.5rem;color:#eef2ff;font-size:.62rem;letter-spacing:.14em;text-decoration:none;border-bottom:1px solid rgba(238,242,255,.25);padding-bottom:.35rem}.metric-stack{border-top:1px solid var(--line-soft)}.metric-row{display:grid;grid-template-columns:minmax(100px,.55fr) 1fr;gap:1.5rem;align-items:end;padding:1.25rem 0;border-bottom:1px solid var(--line-soft)}.metric-row strong{font-family:var(--display);font-size:clamp(2.6rem,5vw,5rem);font-weight:400;line-height:.82;letter-spacing:-.04em}.metric-row span{color:var(--muted);font-size:.62rem;line-height:1.5}.post-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;min-height:52vh;padding-bottom:4rem}.post-footer h2{max-width:920px;margin-top:1.25rem;font-family:var(--display);font-weight:400;text-transform:none;font-size:clamp(3rem,8vw,8rem);letter-spacing:-.045em;line-height:.83}.footer-meta{display:flex;flex-direction:column;gap:.5rem;color:#aab1c36b;font-size:.54rem;letter-spacing:.12em;white-space:nowrap}#scientific-preloader{position:fixed;inset:0;background:#060810;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Geist,monospace,-apple-system,sans-serif;color:#72d8ff;pointer-events:none}.preloader-inner{text-align:center}.preloader-counter{font-size:4.5rem;font-weight:200;letter-spacing:-.04em;color:#fff;margin-bottom:.75rem;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(114,216,255,.4)}.preloader-status{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:#72d8ff;opacity:.75}.preloader-bar-track{width:220px;height:2px;background:#72d8ff1f;margin:1.75rem auto 0;position:relative;overflow:hidden;border-radius:2px}.preloader-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#15d8ff,#ff4f9e);box-shadow:0 0 10px #15d8ff}.hero-reveal-text{opacity:0;transform:translateY(30px)}@media(max-width:980px){.hud-nav{inset-inline:1rem}.hud-status{display:none}.hud-counter{top:1rem}.hud-scroll{display:none}.step{padding-inline:6vw}.hero-step{min-height:92svh}.editorial-grid,.stages-header,.experience-layout{grid-template-columns:1fr;gap:2rem}.stage-grid{grid-template-columns:1fr}.post-section,.post-footer{width:min(900px,calc(100% - 12vw))}.post-footer{flex-direction:column;align-items:flex-start;min-height:48vh}.footer-meta{flex-direction:row;flex-wrap:wrap}}@media(max-width:700px){body{cursor:auto}#cursor-dot,#cursor-follower,#cursor-label{display:none}.step{min-height:auto;padding:7.5rem 5vw}.hero-step{min-height:86svh;padding-bottom:8rem;align-items:flex-end}.hero-copy h1{font-size:clamp(4rem,22vw,7rem)}.hero-meta{flex-direction:column;gap:.45rem}.glass-card{padding:1.35rem}.glass-card h2,.post-section h2,.post-footer h2{font-size:clamp(2rem,12vw,4rem)}.video-step{padding-top:4.5rem;padding-bottom:7rem}.video-topline{flex-direction:column;gap:.35rem}.video-frame{min-height:72svh}.video-text-content{width:100%;min-height:72svh;padding:1.35rem}.video-text-content h2{font-size:clamp(2.4rem,12vw,4.8rem)}.video-caption{grid-template-columns:1fr;gap:.6rem}.dna-pin .pin-box{min-width:140px;max-width:min(190px,68vw);padding:.65rem .75rem}.pin-box strong{font-size:.75rem}.post-section,.post-footer{width:calc(100% - 10vw);padding:7rem 0}.editorial-lead{font-size:clamp(1.8rem,9vw,3rem)!important}.stage-card{min-height:300px;padding:1.4rem}.metric-row{grid-template-columns:.7fr 1fr;gap:1rem}.post-footer{min-height:42vh}}@media(pointer:coarse){*{cursor:auto!important}.cta-btn{cursor:pointer!important}}@keyframes pulse{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-link-static{cursor:default;opacity:.62}@media(max-width:700px){.hud-counter{left:auto;right:5vw;transform:none;top:1rem}.glass-card h2,.post-section h2,.post-footer h2{font-size:30px}}