:root{--paper:#f8f8f2;--navy:#112e3b;--muted:#607471;--teal:#087f72;--teal-dark:#056459;--mint:#e9f1e9;--line:#dce4dc;--copper:#c7834d;--yellow:#f6d77a;--white:#fff;--radius:20px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:var(--navy);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,input,select,iframe{outline-offset:5px}:focus-visible{outline:3px solid var(--teal)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}p{line-height:1.9}button{color:inherit}::selection{background:#b7e4d7}button:disabled{cursor:wait;opacity:.6}.skip-link{position:fixed;top:-90px;right:20px;background:var(--navy);color:white;padding:14px;z-index:99}.skip-link:focus{top:8px}.site-header{height:104px;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1320px;height:100%;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:750;white-space:nowrap}.brand b{font-weight:450}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;color:var(--muted);margin-top:2px}.brand-mark{display:flex;align-items:center;justify-content:center;width:46px;height:49px;border-radius:14px 14px 5px 14px;background:var(--teal);color:white;font-size:35px;position:relative;line-height:1}.brand-mark>span{position:absolute;color:var(--yellow);font-size:25px;top:0;left:3px}.header-inner nav{display:flex;gap:32px;align-items:center;font-size:14px}.header-inner nav a{color:#516863;padding:12px 0;position:relative}.header-inner nav a[aria-current]{color:var(--navy);font-weight:700}.header-inner nav a[aria-current]:after{content:'';position:absolute;bottom:0;right:0;width:20px;height:3px;border-radius:3px;background:var(--teal)}.header-cta{font-size:13px;font-weight:650;display:flex;align-items:center;gap:20px;border:1px solid #bccfc6;border-radius:8px;padding:12px 18px}.header-cta:hover{background:var(--mint)}main{min-height:70vh}.page-wrap,#cv-screen{max-width:1320px;margin:auto;padding:0 44px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding:72px 0 62px}.eyebrow{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:9px;color:var(--teal);margin-bottom:20px}.eyebrow:before{content:'';height:7px;width:7px;border-radius:50%;background:currentColor}.hero h1{font-size:clamp(38px,4vw,57px);font-weight:740;line-height:1.55;letter-spacing:-1.7px}.hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero-text>p{font-size:16px;color:var(--muted);max-width:470px;margin:22px 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:650;border:1px solid transparent;transition:background .15s,transform .15s;line-height:1.6}.button:hover{transform:translateY(-1px)}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:var(--teal-dark)}.secondary{background:transparent;border-color:#b9c9bf}.secondary:hover{background:var(--mint)}.ghost{background:transparent;color:var(--teal);padding-inline:8px}.hero-footnote{font-size:11px!important;display:flex;gap:9px;align-items:center;margin-top:24px!important}.hero-footnote span{display:inline-block;border:1px solid #c7d6cc;border-radius:50%;height:18px;width:18px;text-align:center;line-height:16px;color:var(--teal)}.mini-lab{border:1px solid #cfdbce;border-radius:23px;background:#edf2e9;position:relative;overflow:hidden}.mini-lab:before,.simulation-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#789d8c33 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.mini-header,.mini-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;position:relative;font-size:11px;color:#5f766a}.mini-header>span:first-child{font-weight:700;color:var(--navy);display:flex;gap:8px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #087f7210}.mini-header>span:last-child{font-family:monospace;letter-spacing:1px}.mini-footer{border-top:1px solid #d5dfd1;background:#f6f8f1;gap:12px}.mini-footer b{font-weight:550;color:var(--navy)}.mini-footer a{color:var(--teal);white-space:nowrap}.mini-lab .experiment-svg{min-height:235px}.experiment-svg{display:block;width:100%;height:auto;position:relative;user-select:none;-webkit-user-select:none}.svg-caption{font:14px Tahoma,sans-serif;fill:#59736c;direction:rtl}.pole{font:700 21px Arial,sans-serif;fill:#fff}.meter-mark{font:13px Arial;fill:#527267}.magnet{cursor:grab;touch-action:none}.magnet:active{cursor:grabbing}.magnet-focus{visibility:hidden}.magnet:focus-visible{outline:none}.magnet:focus-visible .magnet-focus{visibility:visible}.sim-readout{display:flex;align-items:center;gap:8px;justify-content:center;position:relative;padding:4px 15px 17px;color:#4e6b61;font-size:12px;min-height:32px}.signal-value{font-family:monospace;background:#ffffff9c;border:1px solid #d7e3d5;border-radius:5px;padding:2px 8px;min-width:52px;text-align:center;font-size:11px}.status-dot{width:5px;height:5px;border-radius:50%;background:#8aa998}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;gap:32px}.value-item{display:flex;gap:17px;align-items:flex-start}.value-number{font-family:monospace;color:var(--copper);font-size:12px;padding-top:4px}.value-item h3{font-size:15px;font-weight:650;margin-bottom:5px}.value-item p{font-size:12px;color:var(--muted)}.home-section{padding:57px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.section-top h2{font-size:29px;font-weight:680;letter-spacing:-.5px}.section-top p{font-size:13px;color:var(--muted);margin-top:8px}.text-link{font-size:13px;font-weight:600;color:var(--teal);white-space:nowrap;display:inline-block}.text-link:hover{text-decoration:underline}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.experiment-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-visual{height:264px;position:relative;background:#eef3ed;display:flex;align-items:center;justify-content:center;padding:12px 30px}.chemistry-card .card-visual{background:#f2eee6}.card-visual .card-subject{position:absolute;right:22px;top:17px;border:1px solid #c5d6c9;background:#ffffff85;padding:5px 10px;border-radius:6px;font-size:11px;z-index:1}.card-visual .induction-sim,.card-visual .water-sim{width:100%;max-width:430px}.card-visual .experiment-svg{max-height:212px}.card-visual .sim-readout,.card-visual .atom-info{display:none}.card-content{padding:25px 28px}.card-content .card-meta{font:10px monospace;color:#769087;letter-spacing:1.4px;display:block;margin-bottom:12px;direction:ltr;text-align:right}.card-content h3{font-size:22px;font-weight:650}.card-content p{font-size:13px;color:var(--muted);margin:8px 0 20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e9;padding-top:18px}.card-bottom .tag{font-size:10px;color:#718477}.cv-banner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:var(--navy);color:#fff;border-radius:20px;padding:40px 45px;gap:30px;overflow:hidden;margin-bottom:66px}.cv-banner .eyebrow{color:#91ccb7;margin-bottom:12px}.cv-banner h2{font-size:30px;line-height:1.6;margin-bottom:12px}.cv-banner p{font-size:13px;color:#c0d0ca;max-width:390px;margin-bottom:22px}.cv-banner .primary{background:#e5eebd;color:var(--navy);border-color:#e5eebd}.paper-art{width:225px;background:#fffdfa;padding:23px;border-radius:7px;transform:rotate(-7deg);margin:0 auto -72px;box-shadow:12px 12px 0 #ffffff10;position:relative;min-height:260px}.paper-art .paper-circle{width:35px;height:35px;background:#bcd7cb;border-radius:50%;margin-left:auto}.paper-art .paper-name{height:10px;width:70%;background:#213c44;border-radius:3px;margin:14px 0 10px}.paper-line{height:4px;background:#e0e7df;border-radius:2px;margin:9px 0}.paper-line.short{width:65%}.paper-divider{height:2px;background:#b7cdc2;margin:20px 0}.paper-art .paper-check{position:absolute;right:-18px;top:47px;background:#dcecc0;color:var(--teal);font-size:23px;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;border:5px solid var(--navy)}.site-footer{max-width:1232px;margin:0 auto;border-top:1px solid var(--line);padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:21px;font-weight:650}.footer-brand span{font-size:10px;font-weight:400;display:block;color:var(--muted);margin-top:5px}.site-footer>p{font-size:11px;color:var(--muted)}.site-footer>div{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.release-tag{font-size:9px;border-right:1px solid var(--line);padding-right:15px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:49px 0 30px}.page-intro h1{font-size:38px;font-weight:680;letter-spacing:-.6px;line-height:1.5}.page-intro .eyebrow{margin-bottom:10px}.page-intro p{color:var(--muted);font-size:14px;margin-top:9px;max-width:650px}.library-filters{display:flex;gap:8px;padding:0 0 25px}.library-filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 24px;font-size:13px;min-height:44px}.library-filters button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.library-content{padding-bottom:65px}.library-note{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted);background:var(--mint);border-radius:12px;padding:20px 24px;margin-top:26px}.note-icon{font-size:23px;color:var(--teal)}.breadcrumbs{padding-top:30px;display:flex;gap:9px;color:var(--muted);font-size:11px}.breadcrumbs a:hover{text-decoration:underline}.lab-intro{padding-top:20px}.lab-intro h1{font-size:34px}.subject-pill{border:1px solid #cbdacb;border-radius:7px;padding:7px 13px;color:var(--teal);font-size:12px;white-space:nowrap}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;direction:ltr;padding-bottom:55px}.lab-grid>*{direction:rtl}.lab-canvas{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.lab-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);gap:15px}.lab-toolbar>span{font-size:11px;color:var(--muted)}.lab-controls{display:flex;gap:8px}.icon-button{border:1px solid #dce3d9;border-radius:7px;padding:9px 12px;background:transparent;font-size:11px;min-height:42px}.icon-button:hover{background:var(--mint)}.simulation-stage{position:relative;background:#edf3e9;padding:20px 14px 8px;min-height:360px;display:flex;align-items:center;justify-content:center}.simulation-stage>div{width:100%;max-width:850px}.simulation-stage.chemistry{background:#f2eee6}.lab-instruction{padding:19px 22px;font-size:13px;text-align:center;color:#49685e;line-height:1.8;background:#f9fbf5;border-top:1px solid #e2e9df}.nudge-controls{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;padding:0 10px 16px}.nudge-controls button{background:#ffffffa8;border:1px solid #cddbd0;border-radius:7px;font-size:11px;padding:9px 13px;min-height:42px}.nudge-controls span{font-size:10px;color:#657e72}.lab-aside{display:flex;flex-direction:column;gap:18px}.learning-card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px 23px}.learning-card .eyebrow{margin-bottom:16px;font-size:10px}.learning-card h2{font-size:20px;line-height:1.8;margin-bottom:12px}.learning-card p{font-size:12px;color:var(--muted)}.learning-card ol{padding-right:19px;margin:0;color:var(--muted);font-size:12px;line-height:2.1}.learning-card li+li{margin-top:10px}.learning-card h3{font-size:13px;margin-bottom:14px}.formula{direction:ltr;text-align:center;font:19px Georgia,serif;background:#edf4ec;padding:17px 10px;border-radius:9px;color:var(--teal);margin:20px 0 11px}.learning-note{font-size:10px!important;line-height:1.8!important}.lab-canvas:fullscreen{background:var(--paper);overflow:auto;display:flex;flex-direction:column}.lab-canvas:fullscreen .simulation-stage{flex:1}.lab-canvas:fullscreen .experiment-svg{max-height:70vh}.molecule-svg{touch-action:none;cursor:grab}.molecule-svg:active{cursor:grabbing}.atom{cursor:pointer}.atom:focus-visible{outline:none}.atom:focus-visible circle{stroke:#087f72;stroke-width:5}.atom-symbol{font:bold 24px Arial;pointer-events:none}.angle-label{font:15px Arial;fill:#648278}.atom-info{display:flex;position:relative;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#536d64;padding:5px 16px 20px}.atom-tag{direction:ltr;font:600 15px Arial;background:white;border:1px solid #d9e4da;border-radius:7px;padding:7px 12px;color:var(--teal)}.cv-intro{padding-top:39px}.cv-intro h1{font-size:30px}.cv-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:white;padding:16px 20px;border:1px solid var(--line);border-radius:14px}.template-label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.template-label select{background:#f6f8f2;border:1px solid var(--line);border-radius:7px;padding:11px 13px;color:var(--navy);min-width:165px}.cv-edit-actions,.cv-export-actions{display:flex;gap:10px;align-items:center}.privacy-note{font-size:11px;color:var(--muted);padding:14px 4px}.privacy-note>span:first-child{color:var(--teal);font-size:15px;vertical-align:middle;margin-left:6px}#draft-status{color:var(--teal);font-size:10px;margin-right:10px}.cv-frame-panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;margin-bottom:40px}#cv-frame{display:block;width:100%;height:calc(100vh - 265px);min-height:660px;border:0}.cv-mobile-tabs{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:var(--navy);color:white;border-radius:10px;padding:14px 23px;z-index:100;box-shadow:0 8px 28px #123b3933;font-size:13px;line-height:1.8}.not-found{text-align:center;padding:100px 20px}.not-found h1{font-size:36px}.not-found p{margin:20px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:calc(100vw - 32px);width:440px;background:var(--paper);color:var(--navy)}dialog::backdrop{background:#112e3b70}dialog h2{margin-bottom:12px}dialog p,dialog label{font-size:13px;color:var(--muted)}dialog label{display:block;margin:15px 0 6px}dialog input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;margin-bottom:18px;background:white}.noscript{padding:25px;text-align:center}
@media(min-width:1600px){.hero{padding-block:90px}.hero h1{font-size:60px}}
@media(max-width:1050px){.header-inner,.page-wrap,#cv-screen{padding-inline:28px}.hero{gap:28px;padding-block:45px}.hero h1{font-size:40px}.header-inner nav{gap:21px}.site-footer{margin-inline:28px}.lab-grid{grid-template-columns:minmax(0,1fr) 245px}.card-visual{padding-inline:12px}.cv-banner{padding:30px}.cv-topbar{flex-wrap:wrap}.hero-actions .button{padding-inline:14px;font-size:12px}}
@media(max-width:760px){.site-header{height:auto}.header-inner{padding:17px 20px 0;gap:16px;flex-wrap:wrap}.brand{font-size:23px}.brand-mark{width:40px;height:42px;font-size:30px}.brand small{font-size:9px}.header-cta{margin-right:auto;padding:9px 12px;font-size:11px;gap:11px}.header-inner nav{order:3;width:100%;justify-content:center;gap:37px;padding:0 0 6px;font-size:12px}.header-inner nav a{padding:10px 0}.page-wrap,#cv-screen{padding-inline:20px}.hero{grid-template-columns:1fr;padding:36px 0;gap:30px}.hero h1{font-size:39px;letter-spacing:-1px;line-height:1.5}.hero .eyebrow{font-size:11px;margin-bottom:15px}.hero-text>p{font-size:14px;margin:17px 0 22px}.hero-actions{gap:10px}.hero-actions .button{min-height:49px;padding:12px 17px;font-size:12px}.hero-footnote{margin-top:18px!important}.mini-lab{border-radius:16px}.mini-lab .experiment-svg{min-height:190px}.mini-header,.mini-footer{padding:15px 16px;font-size:10px}.mini-header{padding-bottom:3px}.mini-footer{gap:9px}.sim-readout{font-size:10px;padding-bottom:12px}.value-strip{grid-template-columns:1fr;gap:19px;padding-block:24px}.value-item{gap:16px}.value-item h3{font-size:14px}.value-item p{font-size:12px}.value-number{font-size:11px}.home-section{padding-block:34px}.section-top{align-items:flex-start;gap:15px}.section-top h2{font-size:25px}.section-top p{font-size:12px}.section-top>.text-link{font-size:11px;padding-top:8px}.experiment-grid{grid-template-columns:1fr;gap:20px}.card-visual{height:230px}.card-content{padding:22px}.card-content h3{font-size:21px}.card-content p{font-size:12px}.cv-banner{grid-template-columns:1fr;padding:29px 25px;position:relative;margin-bottom:35px}.cv-banner h2{font-size:25px;max-width:255px}.cv-banner p{max-width:275px}.paper-art{display:none}.site-footer{margin-inline:20px;flex-wrap:wrap;padding:25px 0;gap:17px}.site-footer>p{display:none}.site-footer>div{width:100%;gap:12px}.release-tag{margin-right:auto}.footer-brand{font-size:20px}.page-intro{padding:32px 0 25px;display:block}.page-intro h1{font-size:30px}.page-intro p{font-size:13px}.page-intro>.text-link{margin-top:17px}.library-filters{padding-bottom:22px}.library-filters button{padding-inline:19px;font-size:12px}.library-note{font-size:11px;padding:18px}.library-content{padding-bottom:35px}.breadcrumbs{padding-top:23px;font-size:10px}.lab-intro{padding-top:20px}.lab-intro h1{font-size:29px}.subject-pill{display:inline-block;margin-top:14px;font-size:11px}.lab-grid{display:flex;flex-direction:column;gap:22px;padding-bottom:30px}.lab-toolbar{padding:13px 14px;gap:7px;flex-wrap:wrap}.lab-controls{gap:6px}.icon-button{padding:8px 10px;font-size:10px}.lab-toolbar>span{font-size:10px}.simulation-stage{padding:12px 3px 6px;min-height:240px}.lab-instruction{padding:15px;font-size:11px}.lab-aside{display:grid;grid-template-columns:1fr;gap:14px}.learning-card{padding:22px}.learning-card h2{font-size:20px}.nudge-controls{gap:8px;flex-wrap:wrap;padding-bottom:12px}.nudge-controls span{order:3;width:100%;text-align:center;font-size:10px}.nudge-controls button{padding:9px 13px}.atom-info{font-size:10px;gap:7px}.atom-tag{font-size:12px;padding:6px 9px}.cv-intro h1{font-size:27px}.cv-topbar{padding:13px;gap:13px}.template-label{width:100%;justify-content:space-between;font-size:11px}.template-label select{flex:1;max-width:210px;min-width:0}.cv-edit-actions,.cv-export-actions{width:100%;flex-wrap:wrap;gap:8px}.cv-topbar .button{font-size:11px;padding:10px 12px;min-height:44px;flex:1}.cv-export-actions .ghost{flex-basis:100%}.cv-mobile-tabs{display:flex;border:1px solid var(--line);background:#edf2e8;padding:4px;border-radius:10px;margin-top:15px;gap:5px}.cv-mobile-tabs button{width:50%;border:0;padding:10px;min-height:44px;border-radius:7px;background:transparent;color:var(--muted);font-size:13px}.cv-mobile-tabs button[aria-selected=true]{color:var(--teal);background:white;box-shadow:0 1px 4px #123b3910;font-weight:700}.privacy-note{font-size:10px;line-height:1.9;padding-block:11px}.cv-frame-panel{border-radius:12px}#cv-frame{height:calc(100dvh - 180px);min-height:570px}.export-screen #cv-frame{height:calc(100dvh - 150px);min-height:650px}.export-screen .cv-mobile-tabs{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,.cv-intro,.cv-topbar,.privacy-note,.cv-mobile-tabs,.toast{display:none!important}#cv-screen{padding:0;max-width:none}.cv-frame-panel{border:0;margin:0}#cv-frame{height:100vh}body{background:white}}
.induction-sim .experiment-svg{touch-action:none}
.icon-button,.nudge-controls button{min-height:44px}