*{box-sizing:border-box}:root{color:#10151c;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#10151c;background:#f7f8fa}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #aeb6ff}main{width:min(1440px,100%);margin:auto;padding:18px clamp(16px,3vw,42px) 64px}header{border-bottom:1px solid #e4e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:62px;display:flex}.brand{text-align:left;color:inherit;background:0 0;border:0;flex:none;align-items:center;gap:11px;padding:0;display:flex}.mark{border:2px solid #111;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand strong{font-size:17px;display:block}.brand small{color:#69717d;margin-top:1px;font-size:11px;display:block}nav{gap:4px;display:flex}nav button,.filters button{color:#68717d;background:0 0;border:0;border-radius:9px;padding:9px 13px}.active{color:#fff!important;background:#111!important}.hero{max-width:900px;padding:clamp(58px,9vw,120px) 0 clamp(38px,6vw,70px)}.eyebrow{letter-spacing:.12em;color:#66707d;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:15px 0;font-size:clamp(42px,7vw,82px);line-height:.98}.hero h1 em{color:#5662d9;font-style:normal}.hero p{color:#68717d;max-width:720px;font-size:clamp(16px,2vw,19px);line-height:1.6}.filters{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #e5e8ed;border-radius:18px;min-height:260px;padding:22px;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #17203312}.card .icon{margin-bottom:28px;font-size:31px}.card>span{text-transform:uppercase;letter-spacing:.1em;color:#737c88;font-size:11px;font-weight:750}.card h2{margin:7px 0;font-size:20px}.card p{color:#69727e;min-height:65px;font-size:14px;line-height:1.55}.card button{background:0 0;border:0;padding:0;font-weight:700}.lab-page{padding:clamp(22px,4vw,42px) 0}.back{color:#68717d;background:0 0;border:0;margin-bottom:25px;padding:0}.pill{text-transform:uppercase;letter-spacing:.1em;color:#5662d9;font-size:11px;font-weight:800}.lab-head h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(34px,6vw,62px)}.lab-head p{color:#68717d;max-width:720px;line-height:1.55}.lab-stage,.bio-lab,.chem-lab{background:#fff;border:1px solid #e2e6eb;border-radius:20px;margin-top:28px;overflow:hidden;box-shadow:0 8px 35px #17203308}.visual{aspect-ratio:16/8;width:100%;min-height:360px;position:relative}.visual canvas{width:100%;height:100%;display:block}.controls{border-top:1px solid #e8ebef;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px;display:grid}.control{color:#68717d;gap:9px;font-size:12px;display:grid}.control span{justify-content:space-between;gap:12px;display:flex}.control b{color:#111}.control input{accent-color:#5662d9;width:100%;min-height:24px}.readout{color:#68717d;border-top:1px solid #e8ebef;padding:14px 20px;font-size:13px;line-height:1.5}.readout b{color:#111}.learn{padding:25px 2px}.learn h2{font-size:20px}.learn p{color:#68717d;max-width:720px;line-height:1.6}.bio-visual{background:#fff}.science-svg{aspect-ratio:800/460;width:100%;height:auto;min-height:0;display:block}.science-svg text{fill:#68717d;font-family:Inter,system-ui,sans-serif;font-size:14px}.diagram-title{letter-spacing:.08em;font-weight:800;fill:#5662d9!important;font-size:12px!important}.vessel{fill:none;stroke:#5662d9;stroke-width:8px;stroke-linecap:round;stroke-dasharray:14 12}.organ{fill:#f3dfe1;stroke:#111;stroke-width:4px}.septum{stroke:#111;stroke-width:5px}.chamber-zone{fill:none;stroke:#b6bdc7;stroke-width:2px}.chamber-left,.chamber-right{fill:#fff;stroke:#111;stroke-width:2px}.valve{fill:#5662d9;stroke:#111;stroke-width:2px}@keyframes flow{0%{stroke-dashoffset:90px}to{stroke-dashoffset:0}}.airway{fill:none;stroke:#5662d9;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.lung{fill:#eef0ff;stroke:#111;stroke-width:4px}.bronchi{fill:none;stroke:#5662d9;stroke-width:5px}.alveoli{fill:#fff;stroke:#5662d9;stroke-width:3px}.dendrite,.axon,.terminal{fill:none;stroke:#111;stroke-width:5px;stroke-linecap:round}.soma{fill:#eef0ff;stroke:#111;stroke-width:4px}.nucleus{fill:#5662d9;stroke:#111;stroke-width:3px}.myelin{fill:none;stroke:#5662d9;stroke-width:14px;stroke-linecap:round;stroke-dasharray:22 10}.impulse{fill:#111;stroke:#fff;stroke-width:3px}.cell-membrane{fill:#f3f5ff;stroke:#111;stroke-width:5px}.mito{fill:#fff;stroke:#5662d9;stroke-width:3px}.org-dot{fill:#5662d9}.chloroplast{fill:#e6eedf;stroke:#5662d9;stroke-width:3px}.vacuole{fill:#fff;stroke:#5662d9;stroke-width:3px}.clickable{cursor:pointer}.organelle-buttons{border-top:1px solid #e8ebef;flex-wrap:wrap;gap:8px;padding:15px 20px;display:flex}.organelle-buttons button,.mode-switch button{color:#68717d;background:#fff;border:1px solid #dfe3e8;border-radius:9px;padding:8px 11px}.organelle-buttons .selected,.mode-switch .selected{color:#fff;background:#111;border-color:#111}.organelle-info{color:#68717d;border-top:1px solid #e8ebef;padding:14px 20px;font-size:13px}.organelle-info b{color:#111}.stem{fill:none;stroke:#111;stroke-width:9px;stroke-linecap:round}.leaf{fill:#e6eedf;stroke:#5662d9;stroke-width:4px}.sun{fill:#f4df8b;stroke:#111;stroke-width:3px}.input-arrow,.output-arrow{fill:none;stroke:#5662d9;stroke-width:3px}.mode-switch{border-top:1px solid #e8ebef;grid-template-columns:auto auto minmax(180px,1fr);align-items:center;gap:12px;padding:18px 20px;display:grid}.shell{fill:none;stroke:#cfd5dc;stroke-width:2px}.electron{fill:#5662d9;stroke:#111;stroke-width:1px}.atom-a,.atom-b{fill:#eef0ff;stroke:#111;stroke-width:4px}.valence{fill:#5662d9}.bond{stroke:#5662d9;stroke-width:7px;stroke-linecap:round}.transfer{stroke:#111;stroke-width:5px;stroke-dasharray:8 7}.beaker{fill:#eef0ff;stroke:#111;stroke-width:4px}.electrode{stroke:#111;stroke-width:14px}.cation{fill:#5662d9;stroke:#111;stroke-width:2px}.anion{fill:#fff;stroke:#111;stroke-width:2px}.bubble{fill:none;stroke:#5662d9;stroke-width:3px}.reaction-box{fill:#f7f8fa;stroke:#111;stroke-width:3px}.reactant{fill:#fff;stroke:#5662d9;stroke-width:2px}.collision{fill:#5662d9;stroke:#111;stroke-width:2px}.phbar{fill:#eef0ff;stroke:#111;stroke-width:3px}.phmarker{stroke:#111;stroke-width:4px}@media (width<=1024px){main{padding-inline:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual{min-height:320px}.science-svg{aspect-ratio:800/480}}@media (width<=760px){main{padding:12px 14px 42px}header{min-height:56px}.brand small,nav{display:none}.hero{padding:52px 0 30px}.hero h1{font-size:clamp(40px,13vw,58px)}.filters{gap:5px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow:auto}.filters button{white-space:nowrap}.grid{grid-template-columns:1fr;gap:12px}.card{min-height:0;padding:19px}.card .icon{margin-bottom:18px}.card p{min-height:0}.lab-page{padding-top:20px}.lab-head h1{font-size:clamp(34px,11vw,48px)}.lab-stage,.bio-lab,.chem-lab{border-radius:16px;margin-top:18px}.visual{aspect-ratio:4/3;min-height:0}.controls{grid-template-columns:1fr;gap:15px;padding:16px}.control input{min-height:30px}.readout{padding:13px 16px}.science-svg{aspect-ratio:4/3}.science-svg text{font-size:16px}.diagram-title{font-size:12px!important}.organelle-buttons{padding:12px 14px}.mode-switch{grid-template-columns:1fr 1fr;padding:14px}.mode-switch .control{grid-column:1/-1}.learn{padding:20px 2px}}@media (width<=390px){main{padding-inline:11px}.hero h1{font-size:39px}.science-svg text{font-size:18px}.card,.lab-stage,.bio-lab,.chem-lab{border-radius:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}