:root{--ink:#06101d;--panel:#0b1929;--line:rgba(255,255,255,.13);--text:#f4f8fb;--muted:#9fb1c4;--mint:#42e5c5;--blue:#738bff;--amber:#ffc96b;--red:#ff6f78;--sans:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans)}body{overflow:hidden}.slide{position:absolute;inset:0;min-height:100vh;padding:4.7vh 5vw 8vh;opacity:0;visibility:hidden;transform:translateX(4%);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .45s;background:radial-gradient(circle at 72% 48%,rgba(51,92,127,.16),transparent 34%),linear-gradient(145deg,#06101d,#071523)}.slide.active{opacity:1;visibility:visible;transform:none}.slide-head{display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:.72rem;letter-spacing:.2em}.slide-head span{color:var(--mint);font-weight:800}.slide-head p{margin:0}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:700;letter-spacing:.04em}.brand-mark{display:inline-grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.72rem;background:linear-gradient(135deg,var(--mint),var(--blue));color:#04111d;font-weight:900}.opening{overflow:hidden}.opening-copy{position:absolute;left:7vw;top:23vh;z-index:2}.eyebrow{color:var(--mint);font-size:.72rem;font-weight:800;letter-spacing:.28em;margin:0 0 2rem}.opening h1{font-size:clamp(3rem,5.2vw,5.6rem);line-height:1;margin:0;letter-spacing:.04em}.opening h2{font-size:clamp(1.35rem,2.2vw,2.25rem);font-weight:500;margin:1.2rem 0;color:#c9d8e8}.support{font-size:1.05rem;color:var(--muted);margin-top:2.2rem;padding-left:1.2rem;border-left:2px solid var(--mint)}.molecule-hero{position:absolute;right:3vw;top:13vh;width:46vw;height:72vh;filter:drop-shadow(0 0 40px rgba(82,221,210,.16))}.molecule-canvas{width:100%;height:100%;display:block}.qr-card{position:absolute;z-index:5;left:7vw;bottom:9vh;display:flex;align-items:center;gap:1rem;padding:.78rem 1rem;background:rgba(11,25,41,.82);border:1px solid rgba(66,229,197,.35);border-radius:1rem;color:var(--text);text-decoration:none;backdrop-filter:blur(15px)}.qr{background:#fff;width:72px;height:72px;padding:5px;border-radius:.45rem}.qr img,.qr canvas{width:100%!important;height:100%!important}.qr-card strong,.qr-card span,.qr-card em{display:block}.qr-card strong{font-size:.92rem}.qr-card span{font-size:.72rem;color:#b9c8d7;margin-top:.2rem}.qr-card em{font-style:normal;color:var(--mint);font-size:.68rem;margin-top:.38rem}.ambient i{position:absolute;border-radius:50%;background:var(--mint);opacity:.25;animation:float 7s ease-in-out infinite}.ambient i:nth-child(1){width:7px;height:7px;left:42%;top:16%}.ambient i:nth-child(2){width:4px;height:4px;left:91%;top:70%;animation-delay:-2s}.ambient i:nth-child(3){width:5px;height:5px;left:54%;top:80%;animation-delay:-3s}.ambient i:nth-child(4){width:3px;height:3px;left:35%;top:69%;animation-delay:-1s}.ambient i:nth-child(5){width:6px;height:6px;left:80%;top:13%;animation-delay:-4s}@keyframes float{50%{transform:translateY(-18px);opacity:.65}}
.bridge-title,.platform-title,.closing-title{text-align:center;margin:5vh auto 3.5vh}.bridge-title h2,.platform-title h2,.closing-title h2{font-size:clamp(2rem,3.2vw,3.6rem);margin:.2rem}.bridge-title p,.platform-title p,.closing-title p{color:var(--muted);margin:.7rem}.science-bridge{display:flex;align-items:center;justify-content:center;gap:2.5vw;margin:5vh auto}.science-bridge article{width:21vw;padding:2.3rem 2rem;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:1.4rem;text-align:center}.science-bridge .chem{transform:scale(1.08);background:linear-gradient(145deg,rgba(66,229,197,.14),rgba(115,139,255,.11));border-color:rgba(66,229,197,.5);box-shadow:0 0 50px rgba(66,229,197,.08)}.science-bridge b,.science-bridge strong,.science-bridge small{display:block}.science-bridge b{font-size:.65rem;letter-spacing:.22em;color:var(--muted)}.science-bridge strong{font-size:2rem;margin:.7rem}.science-bridge small{color:#b8c5d2}.bridge-arrow{color:var(--mint);font-size:2rem}.concept-orbit{position:relative;margin:5.5vh auto 0;width:56vw;height:10vh;border-top:1px solid rgba(115,139,255,.35);display:flex;justify-content:space-around;padding-top:1.5rem;color:#b7c6d5}.concept-orbit i{position:absolute;top:-.7rem;background:var(--ink);padding:0 .8rem;color:var(--blue);font-style:normal;font-size:.65rem;letter-spacing:.2em}
.split-approach{display:grid;grid-template-columns:.7fr 1.3fr;gap:2vw;margin:7vh auto 3vh;max-width:90vw}.split-approach article{padding:2.3rem;border-radius:1.5rem;border:1px solid var(--line);min-height:39vh}.split-approach p{letter-spacing:.2em;font-size:.65rem;color:var(--muted)}.split-approach h3{font-size:2rem;margin:.65rem 0 2rem}.old-way{opacity:.65;background:rgba(255,255,255,.02)}.formula-cloud{display:flex;gap:.8rem;filter:blur(.25px)}.formula-cloud span{padding:1rem;border:1px dashed #647386;border-radius:.6rem}.old-way small{display:block;margin-top:2.2rem;color:var(--muted)}.new-way{background:linear-gradient(145deg,rgba(66,229,197,.12),rgba(115,139,255,.09));border-color:rgba(66,229,197,.35)!important}.learning-flow{display:flex;align-items:center;justify-content:space-between}.learning-flow span{text-align:center;font-size:1rem}.learning-flow small{display:block;color:var(--muted);font-size:.63rem;margin-top:.3rem}.learning-flow i{color:var(--mint);font-style:normal}.three-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.2rem}.three-values span{font-size:.8rem;color:#d8e5ee;border-top:1px solid var(--line);padding-top:.9rem}.why blockquote{position:absolute;left:0;right:0;bottom:8.5vh;text-align:center;font-size:1.35rem;line-height:1.65;margin:0;color:#edf9f6}.why blockquote:before{content:'“';color:var(--mint);font-size:2rem}
.lab-shell{position:relative;height:72vh;margin-top:3.5vh;border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;background:#081726;box-shadow:0 22px 80px rgba(0,0,0,.28)}.lab-top{height:9%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--line)}.live-dot{font-size:.65rem;color:var(--mint);letter-spacing:.15em}.live-dot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:.5rem;box-shadow:0 0 10px var(--mint)}.lab-stage{position:absolute;left:0;top:9%;bottom:0;width:72%;background:radial-gradient(circle,rgba(23,78,105,.35),transparent 65%)}#saltCanvas{width:100%;height:100%;display:block}.stage-labels{position:absolute;left:1rem;bottom:1rem;display:flex;gap:.5rem}.stage-labels span{background:rgba(5,14,24,.72);border:1px solid var(--line);padding:.45rem .7rem;border-radius:2rem;font-size:.65rem}.lab-panel{position:absolute;right:0;top:9%;bottom:0;width:28%;padding:2rem 1.5rem;background:rgba(10,25,42,.94);border-left:1px solid var(--line)}.lab-panel p{color:#c6d4e1}.lab-panel label{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:2rem}.lab-panel input{width:100%;accent-color:var(--mint);margin:1rem 0 2rem}.observation{padding:1rem;border-left:2px solid var(--mint);background:rgba(66,229,197,.06)}.observation small,.observation strong{display:block}.observation small{color:var(--mint);font-size:.6rem;letter-spacing:.15em}.observation strong{font-size:.85rem;margin-top:.5rem}.lab-panel button{width:100%;margin-top:1.5rem;padding:.75rem;border:1px solid var(--line);background:transparent;color:white;border-radius:.6rem}.macro-card,.micro-card{position:absolute;left:2%;top:13%;padding:.75rem 1rem;background:rgba(7,17,29,.84);border:1px solid var(--line);border-radius:.8rem;display:flex;gap:.8rem}.micro-card{top:auto;bottom:5%}.macro-card small,.macro-card strong,.micro-card small,.micro-card strong{display:block}.macro-card small,.micro-card small{color:var(--muted);font-size:.55rem;letter-spacing:.18em}.macro-card strong,.micro-card strong{font-size:.72rem;margin-top:.2rem}.macro-card>span,.micro-card>span{color:var(--mint);font-size:1.5rem}
.device-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:2.5vw;margin:3vh auto;max-width:91vw}.device{height:48vh;border-radius:1.25rem;border:1px solid var(--line);overflow:hidden;background:#f5f8fb;color:#152333;box-shadow:0 25px 55px rgba(0,0,0,.25)}.device-bar{height:12%;background:#0d2134;color:white;display:flex;align-items:center;padding:0 1rem;gap:1rem;font-size:.7rem}.device-bar b{color:var(--mint);font-size:.9rem}.device-bar i{margin-left:auto;font-style:normal;color:#adbdcc}.device-body{display:grid;grid-template-columns:24% 76%;height:88%}.device-body aside{background:#eaf0f4;padding:1.2rem .8rem;display:flex;flex-direction:column;gap:1.2rem;font-size:.65rem;color:#66717c}.device-body aside b{color:#152333}.device-body main{padding:1.2rem}.device-body main>p{font-weight:700;margin:.2rem 0 1rem}.child-card{display:flex;align-items:center;gap:.65rem;background:white;border-radius:.8rem;padding:1rem;box-shadow:0 4px 18px rgba(22,45,62,.06)}.avatar{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#c7f4eb}.child-card div strong,.child-card div small{display:block}.child-card div small{color:#7a8994;font-size:.6rem}.child-card>b{margin-left:auto;color:#178b75;font-size:.6rem}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.mini-grid button{padding:1rem .3rem;border:1px solid #d9e2e8;background:white;border-radius:.7rem;color:#314350;font-size:.65rem}.mini-grid i{font-style:normal;color:#ef5962}.student-ui .device-body{grid-template-columns:20% 80%}.lesson-card{height:22vh;display:grid;grid-template-columns:55% 45%;overflow:hidden;border-radius:.9rem;background:linear-gradient(135deg,#102d43,#0c5360);color:white}.lesson-card>div{padding:1.2rem}.lesson-card small,.lesson-card strong,.lesson-card span{display:block}.lesson-card small{color:var(--mint);font-size:.55rem;letter-spacing:.15em}.lesson-card strong{font-size:1.05rem;margin:.6rem 0}.lesson-card span{font-size:.65rem;color:#c7d7e1}.lesson-card button{margin-top:1rem;border:0;background:var(--mint);padding:.5rem .8rem;border-radius:.4rem}.tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem}.tool-row span{border:1px solid #dde5ea;border-radius:.6rem;padding:.65rem;font-size:.6rem}.platform-message{text-align:center;color:#c5d2dc;margin:2vh}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin:4vh auto;max-width:70vw}.option-grid article{padding:2rem 2.5rem;border:1px solid var(--line);border-radius:1.3rem;background:rgba(255,255,255,.025)}.option-grid article:first-child{border-color:rgba(66,229,197,.35)}.option-icon{font-size:2rem;color:var(--mint)}.option-grid small{display:block;color:var(--muted);letter-spacing:.18em;margin-top:.8rem}.option-grid h3{font-size:1.6rem;margin:.6rem 0}.option-grid strong{color:var(--mint);font-size:.8rem}.option-grid ul{padding:0;list-style:none;color:#becbd5;font-size:.8rem;line-height:2}.option-grid li:before{content:'—';margin-right:.5rem;color:#60778b}.final-cta{display:flex;align-items:center;justify-content:center;gap:4rem;margin-top:3vh}.final-cta span{color:var(--muted);font-size:.6rem;letter-spacing:.2em}.final-cta h2{margin:.3rem 0;font-size:1.5rem}.cta-rule{width:1px;height:3rem;background:var(--line)}.deck-nav{position:fixed;z-index:20;bottom:2.4vh;right:4vw;display:flex;align-items:center;gap:.7rem;background:rgba(8,19,32,.75);border:1px solid var(--line);border-radius:2rem;padding:.35rem .5rem;backdrop-filter:blur(12px)}.deck-nav button{border:0;color:white;background:transparent;width:2rem;height:2rem;border-radius:50%;cursor:pointer}.deck-nav button:hover{background:rgba(255,255,255,.1)}#dots{display:flex;gap:.35rem}#dots button{width:6px;height:6px;background:#536578;padding:0}#dots button.active{width:20px;border-radius:5px;background:var(--mint)}#counter{font-size:.6rem;color:var(--muted);margin:0 .3rem}
/* Glucose explorer */.glucose-page{overflow:auto;min-height:100svh;background:radial-gradient(circle at 50% 36%,#15364a 0,#081522 48%,#050d16 100%)}.glucose-app{min-height:100svh;max-width:740px;margin:auto;padding:env(safe-area-inset-top) 1rem env(safe-area-inset-bottom)}.glucose-app>header{height:64px;display:flex;align-items:center;justify-content:space-between}.glucose-app>header a{color:white;text-decoration:none;display:flex;align-items:center;gap:.55rem}.glucose-app .brand-mark{width:2rem;height:2rem;border-radius:.6rem}.glucose-app>header button{width:2rem;height:2rem;border:1px solid var(--line);border-radius:50%;background:transparent;color:white}.molecule-info{display:flex;align-items:end;justify-content:space-between;padding:.8rem .2rem 1rem}.molecule-info p{font-size:.62rem;letter-spacing:.18em;color:var(--mint);margin:0 0 .5rem}.molecule-info h1{font-size:1.65rem;margin:0}.molecule-info h1 span{font-size:1rem;color:var(--muted);font-weight:500}.molecule-info>strong{color:#dfeaff;font-size:1.15rem}.viewer-wrap{position:relative;height:min(58svh,540px);min-height:360px;border:1px solid var(--line);border-radius:1.5rem;background:radial-gradient(circle,rgba(76,122,146,.24),rgba(5,14,24,.36) 60%);overflow:hidden;touch-action:none}.viewer-wrap canvas{width:100%;height:100%;display:block}.viewer-hint{position:absolute;left:50%;top:1rem;transform:translateX(-50%);white-space:nowrap;background:rgba(3,11,18,.65);padding:.45rem .75rem;border-radius:2rem;color:#b6c6d3;font-size:.7rem;transition:opacity .4s}.viewer-hint span{color:var(--mint)}.atom-key{position:absolute;left:50%;bottom:.9rem;transform:translateX(-50%);display:flex;gap:.85rem;padding:.45rem .7rem;border-radius:2rem;background:rgba(3,11,18,.67);font-size:.6rem;color:#c3d1dc}.atom-key i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.carbon{background:#5c6874}.oxygen{background:#f05c66}.hydrogen{background:#f5f8fb}.viewer-controls{display:flex;gap:.55rem;margin:.8rem 0;align-items:center}.viewer-controls button{min-height:42px;border:1px solid var(--line);background:rgba(10,25,40,.72);color:#c7d4de;border-radius:.7rem;padding:0 .8rem}.segmented{display:flex;flex:1;border:1px solid var(--line);border-radius:.7rem;padding:3px;background:rgba(10,25,40,.72)}.segmented button{flex:1;border:0;background:transparent;min-height:34px;padding:0 .35rem;font-size:.68rem}.segmented button.active{background:#1c3a4f;color:white;box-shadow:inset 0 0 0 1px rgba(66,229,197,.25)}.toggle span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#566778;margin-right:.3rem}.toggle.on span{background:var(--mint);box-shadow:0 0 8px var(--mint)}.reset{font-size:.7rem}.challenge{display:flex;align-items:center;gap:.8rem;border:1px solid rgba(66,229,197,.25);background:rgba(66,229,197,.06);border-radius:1rem;padding:.8rem 1rem;margin-bottom:1rem}.challenge span{font-size:.55rem;letter-spacing:.15em;color:var(--mint)}.challenge strong{font-size:.85rem;flex:1}.challenge button{border:0;background:var(--mint);color:#04131a;border-radius:.5rem;padding:.55rem .7rem;font-size:.68rem;font-weight:700}
@media(max-width:700px){.deck-nav{right:1rem}.slide{padding:3vh 1.2rem 9vh}.opening-copy{left:1.4rem;top:16vh}.opening h1{font-size:2.6rem}.molecule-hero{right:-24vw;top:31vh;width:95vw;height:45vh;opacity:.72}.qr-card{left:1.3rem;bottom:11vh}.science-bridge{gap:.4rem}.science-bridge article{width:29vw;padding:1.4rem .4rem}.bridge-arrow{font-size:1rem}.concept-orbit{width:90vw}.split-approach{grid-template-columns:1fr;margin-top:3vh}.split-approach article{min-height:auto;padding:1rem}.why blockquote{font-size:1rem}.device-grid{grid-template-columns:1fr}.device{height:32vh}.parent-ui{display:none}.platform-title,.bridge-title,.closing-title{margin:3vh auto 2vh}.option-grid{max-width:100%;grid-template-columns:1fr}.option-grid article{padding:1rem}.option-grid ul{display:none}.lab-stage{width:100%;bottom:32%}.lab-panel{left:0;right:0;top:auto;width:100%;height:32%;padding:1rem}.observation{display:none}.lab-panel p{display:none}.lab-panel label{margin-top:0}.macro-card,.micro-card{display:none}}
@media(max-height:650px) and (min-width:800px){.slide{padding-top:3vh}.bridge-title,.platform-title,.closing-title{margin:2vh auto}.science-bridge{margin:3vh auto}.science-bridge article{padding:1.5rem}.split-approach{margin-top:3vh}.option-grid{margin:2vh auto}.device-grid{margin:1vh auto}.device{height:52vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.fullscreen-toggle{position:fixed;z-index:100;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:grid;place-items:center;width:2.55rem;height:2.55rem;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:.78rem;background:rgba(7,19,31,.72);color:#edf7fb;box-shadow:0 8px 28px rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.fullscreen-toggle:hover{background:rgba(18,42,61,.9);border-color:rgba(66,229,197,.46);transform:translateY(-1px)}.fullscreen-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.fullscreen-toggle span{position:relative;width:1rem;height:1rem;background:linear-gradient(currentColor,currentColor) left top/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left top/1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) right top/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) right top/1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) left bottom/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) right bottom/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1.5px 6px no-repeat}.fullscreen-toggle.active span{background:linear-gradient(currentColor,currentColor) left 4px top 4px/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left 4px top 4px/1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) right 4px top 4px/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) right 4px top 4px/1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) left 4px bottom 4px/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left 4px bottom 4px/1.5px 6px no-repeat,linear-gradient(currentColor,currentColor) right 4px bottom 4px/6px 1.5px no-repeat,linear-gradient(currentColor,currentColor) right 4px bottom 4px/1.5px 6px no-repeat}.fullscreen-fallback body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}@media(max-width:700px){.fullscreen-toggle{width:2.35rem;height:2.35rem;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right))}}
.brand{gap:.8rem;font-size:inherit;font-weight:inherit;letter-spacing:normal}.brand-logo{display:block;width:auto;height:3rem;object-fit:contain}.brand>div{display:flex;flex-direction:column}.brand>div>span{font-size:1.18rem;font-weight:750;letter-spacing:.04em}.brand small{margin-top:.18rem;color:#aebdcc;font-size:.58rem;font-weight:500;letter-spacing:.08em}.brand small b{color:#d98455;font-weight:850}.glucose-app>header .brand-logo{height:2.6rem}.glucose-app>header a>span{display:flex;flex-direction:column}.glucose-app>header a small{color:#9fb1c4;font-size:.5rem;letter-spacing:.025em;margin-top:.12rem}
.opening>.brand{gap:.95rem}.opening>.brand .brand-logo{height:3.65rem}.opening>.brand>div>span{font-size:1.6rem}.opening>.brand small{margin-top:.22rem;font-size:.74rem}
@media(max-width:700px){.opening>.brand{gap:.85rem}.opening>.brand .brand-logo{height:3.35rem}.opening>.brand>div>span{font-size:1.45rem}.opening>.brand small{font-size:.72rem;letter-spacing:.055em}}

/* Final Q&A scene */
.qa-closing{overflow:hidden}.qa-layout{width:min(1040px,86vw);height:72vh;margin:2vh auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.qa-copy{max-width:560px}.qa-kicker{display:block;color:var(--mint);font-size:.68rem;font-weight:700;letter-spacing:.24em;margin-bottom:1.2rem}.qa-copy h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.98;margin:0;letter-spacing:-.04em}.qa-copy h3{font-size:clamp(1.9rem,3vw,3rem);font-weight:500;color:#c8d7e2;margin:1rem 0 0}.qa-rule{width:4rem;height:2px;background:linear-gradient(90deg,var(--mint),var(--blue));margin:2rem 0}.qa-copy p{max-width:34rem;color:#b8c8d4;font-size:clamp(.9rem,1.2vw,1.08rem);line-height:1.7;margin:0}.qa-qr-frame{justify-self:center;margin:0;padding:1rem;border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 55px rgba(66,229,197,.07)}.qa-qr{display:block;width:auto;height:min(57vh,570px);max-width:36vw;object-fit:contain}
@media(max-width:700px){.qa-layout{width:92vw;height:auto;margin:4vh auto 0;grid-template-columns:1fr;gap:1.2rem;text-align:center}.qa-copy{margin:auto}.qa-kicker{margin-bottom:.7rem}.qa-copy h2{font-size:2.2rem}.qa-copy h3{font-size:1.5rem;margin-top:.45rem}.qa-rule{margin:1rem auto}.qa-copy p{font-size:.78rem;line-height:1.45}.qa-qr-frame{padding:.65rem;border-radius:1rem}.qa-qr{height:min(43vh,420px);max-width:82vw}}
@media(max-height:650px) and (min-width:800px){.qa-layout{height:68vh}.qa-qr{height:min(60vh,470px)}.qa-copy h2{font-size:3.5rem}.qa-rule{margin:1.2rem 0}}

/* Guided Ice Ih mini-lesson */
.ice-shell{position:relative;height:74vh;margin-top:2vh;border:1px solid var(--line);border-radius:1.45rem;overflow:hidden;background:radial-gradient(circle at 45% 42%,rgba(32,104,139,.25),transparent 50%),#071522;box-shadow:0 22px 80px rgba(0,0,0,.28)}.ice-top{height:15%;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 1.4rem;border-bottom:1px solid var(--line)}.ice-top small,.ice-top strong{display:block}.ice-top small{color:var(--mint);font-size:.58rem;letter-spacing:.18em}.ice-top strong{margin-top:.3rem;font-size:.9rem}.ice-tabs{display:flex;gap:.45rem}.ice-tabs button,.ice-actions button{border:1px solid var(--line);border-radius:2rem;background:rgba(5,16,28,.72);color:#acbdca;padding:.55rem .9rem;font:inherit;font-size:.68rem;cursor:pointer}.ice-tabs button.active{color:#061522;background:var(--mint);border-color:var(--mint);font-weight:750}.ice-visual{position:absolute;left:0;right:0;top:15%;bottom:9%;touch-action:none}.ice-visual canvas{display:block;width:100%;height:100%;cursor:grab}.ice-visual canvas:active{cursor:grabbing}.ice-badge{position:absolute;left:1.4rem;top:1.3rem;width:min(390px,34vw);padding:1rem 1.15rem;border-left:2px solid var(--mint);background:linear-gradient(90deg,rgba(5,16,28,.9),rgba(5,16,28,.5),transparent)}.ice-badge span{color:var(--mint);font-size:.56rem;letter-spacing:.2em}.ice-badge h2{font-size:clamp(1.25rem,2vw,2rem);line-height:1.15;margin:.45rem 0}.ice-badge p{color:#bdcbd5;font-size:.76rem;line-height:1.5;margin:0}.ice-key{position:absolute;left:1.4rem;bottom:1rem;display:flex;gap:1rem;color:#aebfcb;font-size:.62rem}.ice-key span{display:flex;align-items:center;gap:.35rem}.ice-key i{display:inline-block;width:.7rem;height:.7rem;border-radius:50%}.ice-o{background:#ef5962}.ice-h{background:#edf4f7}.ice-key .ice-hbond{width:1.2rem;height:0;border-radius:0;border-top:1px dashed #69d8c8}.ice-actions{position:absolute;right:1.3rem;bottom:1rem;display:flex;gap:.4rem}.ice-qr-card{position:absolute;right:1.3rem;top:calc(15% + 1.1rem);z-index:3;display:flex;align-items:center;gap:.75rem;padding:.65rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(5,16,28,.85);color:white;text-decoration:none;backdrop-filter:blur(10px)}#iceQrcode{width:84px;height:84px;overflow:hidden;background:#fff;padding:4px}#iceQrcode img,#iceQrcode canvas{display:block;width:100%!important;height:100%!important}.ice-qr-card b,.ice-qr-card small{display:block}.ice-qr-card b{font-size:.67rem}.ice-qr-card small{color:#9fb1be;font-size:.55rem;margin-top:.25rem}.ice-flow{position:absolute;left:0;right:0;bottom:0;height:9%;display:flex;align-items:center;justify-content:center;gap:1.1rem;border-top:1px solid var(--line);color:#9eb0bd;font-size:.6rem;letter-spacing:.08em}.ice-flow span:last-child{color:var(--mint);font-weight:750}.ice-flow i{color:#4b687b;font-style:normal}.ice-mobile{min-height:100svh}.ice-mobile .ice-mobile-head{padding:.7rem 0 1rem}.ice-mobile .ice-mobile-head small{display:block;color:var(--mint);font-size:.64rem;letter-spacing:.16em}.ice-mobile .ice-mobile-head h1{font-size:1.75rem;margin:.35rem 0}.ice-mobile .ice-mobile-head p{margin:0;color:#aebfcb;font-size:.78rem}.ice-mobile .ice-shell{height:calc(100svh - 150px);min-height:570px;margin:0}.ice-mobile .ice-top{height:auto;min-height:88px;display:block;padding:1rem}.ice-mobile .ice-top>div:first-child{display:none}.ice-mobile .ice-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.ice-mobile .ice-tabs button{padding:.55rem .3rem;font-size:.58rem}.ice-mobile .ice-visual{top:88px;bottom:0}.ice-mobile .ice-badge{left:.75rem;top:.75rem;width:calc(100% - 1.5rem);padding:.75rem;background:rgba(5,16,28,.75)}.ice-mobile .ice-badge h2{font-size:1.2rem}.ice-mobile .ice-badge p{font-size:.68rem}.ice-mobile .ice-key{left:.75rem;bottom:3.4rem;gap:.6rem;font-size:.52rem}.ice-mobile .ice-actions{right:.75rem;bottom:.65rem}.ice-mobile .ice-flow,.ice-mobile .ice-qr-card{display:none}
@media(max-width:700px){.ice-shell{height:74vh}.ice-top{height:22%;display:block;padding:.7rem}.ice-top>div:first-child{display:none}.ice-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:100%;align-items:center}.ice-tabs button{padding:.5rem .25rem;font-size:.56rem}.ice-visual{top:22%;bottom:0}.ice-badge{left:.7rem;top:.65rem;width:70vw;padding:.65rem}.ice-badge h2{font-size:1.08rem}.ice-badge p{font-size:.62rem}.ice-key{display:none}.ice-actions{right:.6rem;bottom:.6rem}.ice-qr-card{right:.6rem;top:auto;bottom:.6rem;padding:.35rem}#iceQrcode{width:58px;height:58px}.ice-qr-card span{display:none}.ice-flow{display:none}}

/* Ice viewer interaction repair */
.ice-visual>canvas{position:absolute;inset:0;z-index:0;touch-action:none;pointer-events:auto}.ice-badge,.ice-key{z-index:1;pointer-events:none}.ice-actions,.ice-qr-card{pointer-events:auto}.ice-qr-card{top:auto;bottom:4.25rem}

/* Ice lesson: separated macro illustration and Three.js interaction regions. */
.ice-content{position:absolute;inset:15% 0 9%;display:grid;grid-template-columns:minmax(220px,28%) minmax(0,72%);min-height:0}.ice-observe{position:relative;display:flex;flex-direction:column;min-width:0;padding:1.2rem 1.25rem 1rem;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(15,48,70,.72),rgba(5,16,28,.5))}.ice-observe>span{color:var(--mint);font-size:.56rem;letter-spacing:.2em}.ice-observe h2{font-size:clamp(1.15rem,1.75vw,1.75rem);line-height:1.12;margin:.45rem 0}.ice-observe>p{color:#bdcbd5;font-size:.73rem;line-height:1.5;margin:0}.ice-illustration{flex:1;min-height:130px;color:#bdf7ed;display:grid;place-items:center;filter:drop-shadow(0 0 20px rgba(66,229,197,.18));pointer-events:none}.ice-illustration svg{display:block;width:min(90%,220px);height:min(100%,220px)}.ice-illustration[data-state=inside] svg,.ice-illustration[data-state=float] svg{fill:rgba(117,206,238,.08);stroke:#a9e7f2;stroke-width:3;stroke-linejoin:round}.ice-viewer-panel{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:radial-gradient(circle at 50% 42%,rgba(32,104,139,.25),transparent 58%)}.ice-viewer-stage{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;cursor:grab}.ice-viewer-stage:active{cursor:grabbing}.ice-viewer-stage canvas{display:block;width:100%;height:100%;touch-action:none}.ice-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.5rem .85rem;border-top:1px solid var(--line);background:rgba(5,16,28,.68)}.ice-viewer-toolbar .ice-key,.ice-viewer-toolbar .ice-actions{position:static}.ice-observe .ice-qr-card{position:static;margin-top:.8rem;align-self:flex-start;padding:.45rem;backdrop-filter:none}.ice-observe #iceQrcode{width:58px;height:58px}.ice-observe .ice-qr-card b{font-size:.6rem}.ice-observe .ice-qr-card small{font-size:.5rem}
@media(max-width:700px){.ice-mobile .ice-shell{height:calc(100svh - 150px)}.ice-mobile .ice-content{inset:88px 0 0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.ice-mobile .ice-observe{display:block;padding:.65rem .8rem;border-right:0;border-bottom:1px solid var(--line)}.ice-mobile .ice-observe h2{font-size:1rem;margin:.25rem 0}.ice-mobile .ice-observe p{font-size:.62rem}.ice-mobile .ice-viewer-panel{min-height:0}.ice-mobile .ice-viewer-toolbar{padding:.4rem .6rem}.ice-mobile .ice-key{display:flex;position:static;gap:.55rem;font-size:.5rem}.ice-lesson .ice-content{inset:22% 0 0;grid-template-columns:1fr}.ice-lesson .ice-observe{display:none}.ice-lesson .ice-viewer-toolbar .ice-key{display:none}.ice-lesson .ice-viewer-panel{grid-column:1}.ice-lesson .ice-viewer-toolbar{justify-content:flex-end}}
.ice-viewer-toolbar{min-height:70px;padding:.4rem .85rem}.ice-viewer-toolbar .ice-qr-card{position:static;margin-left:auto;padding:.35rem;backdrop-filter:none}.ice-viewer-toolbar #iceQrcode{width:54px;height:54px}.ice-viewer-toolbar .ice-qr-card b{font-size:.58rem}.ice-viewer-toolbar .ice-qr-card small{font-size:.48rem}
.hero-explorer{filter:none;display:flex;flex-direction:column;padding:1rem 1.2rem 1.1rem;border-radius:1.35rem;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 50% 43%,rgba(66,229,197,.09),transparent 46%);touch-action:none}.hero-explorer canvas{width:100%;flex:1;min-height:0;display:block}.explorer-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:2}.explorer-head small,.explorer-head strong{display:block}.explorer-head small{color:var(--mint);font-size:.55rem;letter-spacing:.16em}.explorer-head strong{font-size:1rem;margin-top:.32rem}.explorer-head select{border:1px solid var(--line);background:#0a1a2a;color:#e8f1f6;padding:.55rem .7rem;border-radius:.55rem;font:inherit;font-size:.72rem}.structure-note{position:absolute;left:1.2rem;bottom:1.2rem;margin:0;color:#aebdca;font-size:.68rem}.explorer-actions{display:flex;gap:.45rem;z-index:2}.hero-explorer .explorer-actions{position:absolute;right:1.2rem;bottom:1rem}.explorer-actions button{border:1px solid var(--line);background:rgba(7,19,31,.82);color:#b7c6d2;border-radius:.55rem;padding:.55rem .7rem;font-size:.65rem}.explorer-actions button.active{color:var(--mint);border-color:rgba(66,229,197,.4)}
.explore-page{overflow:auto;min-height:100svh;background:radial-gradient(circle at 50% 42%,#15364a 0,#081522 45%,#050d16 100%)}.explore-app{min-height:100svh;max-width:760px;margin:auto;padding:env(safe-area-inset-top) 1rem env(safe-area-inset-bottom)}.explore-app>header{height:64px;display:flex;align-items:center}.explore-app>header a{display:flex;align-items:center;gap:.6rem;color:white;text-decoration:none}.explore-app>header .brand-logo{height:2.6rem}.explore-app>header a>span{display:flex;flex-direction:column}.explore-app>header a small{font-size:.5rem;color:#9fb1c4;margin-top:.12rem}.mobile-explorer-title p{font-size:.6rem;letter-spacing:.17em;color:var(--mint);margin:1rem 0 .35rem}.mobile-explorer-title h1{font-size:1.7rem;margin:0 0 1.2rem}.mobile-explorer>.explorer-head{align-items:flex-end}.mobile-explorer>.explorer-head>div small{color:#aebdca;letter-spacing:0;line-height:1.4;margin-top:.3rem;max-width:240px}.mobile-canvas-wrap{position:relative;height:min(58svh,540px);min-height:360px;margin-top:1rem;border:1px solid var(--line);border-radius:1.4rem;overflow:hidden;background:radial-gradient(circle,rgba(71,122,145,.2),transparent 66%);touch-action:none}.mobile-canvas-wrap canvas{width:100%;height:100%;display:block}.mobile-canvas-wrap p{position:absolute;left:50%;bottom:.9rem;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:.66rem;color:#adbdca;background:rgba(4,13,21,.65);border-radius:2rem;padding:.42rem .7rem}.mobile-explorer>.atom-key{position:static;transform:none;justify-content:center;width:max-content;margin:.75rem auto}.mobile-explorer>.explorer-actions{justify-content:center;margin-bottom:1rem}.mobile-explorer>.explorer-actions button{min-width:112px;min-height:42px;font-size:.72rem}
@media(max-width:700px){.hero-explorer{right:-5vw;top:34vh;width:58vw;height:37vh;opacity:1;padding:.7rem}.hero-explorer .explorer-head small,.hero-explorer .structure-note{display:none}.hero-explorer .explorer-head strong{font-size:.72rem}.hero-explorer .explorer-head{align-items:flex-start}.hero-explorer .explorer-head select{font-size:.6rem;padding:.35rem}.hero-explorer .explorer-actions{right:.6rem;bottom:.55rem}.hero-explorer .explorer-actions button{padding:.4rem;font-size:.55rem}}
.hero-explorer{border:0;border-radius:0;background:transparent}
.mobile-explorer>.explorer-actions button{min-width:96px}
.title-structure-row{display:flex;align-items:center;gap:.7rem}.structure-2d{display:block;width:104px;height:52px;flex:0 0 auto;opacity:.84;pointer-events:none}.structure-2d canvas{display:block;width:100%;height:100%}.hero-explorer .structure-2d{width:112px;height:52px;opacity:.9}.hero-explorer .title-structure-row strong{white-space:nowrap}.mobile-explorer .title-structure-row{gap:.55rem}.mobile-explorer .structure-2d{width:104px;height:52px}@media(max-width:700px){.hero-explorer .structure-2d{display:block;width:56px;height:30px;opacity:.86}.hero-explorer .title-structure-row{gap:.25rem}.hero-explorer .explorer-head{gap:.25rem}.hero-explorer .explorer-head select{max-width:66px}}
.hero-explorer{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0;touch-action:auto}.hero-viewer{min-height:0;touch-action:none}.hero-viewer>canvas{width:100%;height:100%;display:block}.hero-support{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:.5rem 1rem .75rem}.hero-meta>small{display:block;color:var(--mint);font-size:.55rem;letter-spacing:.16em}.hero-meta>strong{display:block;font-size:1rem;margin-top:.32rem}.hero-meta .structure-note{position:static;margin:.25rem 0 0;color:#aebdca;font-size:.68rem}.hero-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.hero-controls select{border:1px solid var(--line);background:#0a1a2a;color:#e8f1f6;padding:.45rem .65rem;border-radius:.55rem;font:inherit;font-size:.68rem}.hero-explorer .explorer-actions{position:static}.hero-explorer .explorer-actions button{padding:.45rem .6rem}
@media(max-width:700px){.hero-explorer{right:-5vw;top:34vh;width:58vw;height:37vh;padding:0}.hero-support{grid-template-columns:1fr;gap:.25rem;padding:.25rem .55rem .45rem}.hero-meta>small,.hero-meta .structure-note{display:none}.hero-meta>strong{font-size:.7rem}.hero-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:.25rem}.hero-controls select{max-width:68px;padding:.3rem;font-size:.55rem}.hero-explorer .explorer-actions{gap:.2rem}.hero-explorer .explorer-actions button{padding:.3rem;font-size:.5rem}}

/* Intro-wide quiet brand chrome. */
.intro-brand-chrome{position:absolute;z-index:8;left:5vw;top:3.2vh;display:flex;align-items:center;gap:.48rem;pointer-events:none}.intro-brand-chrome img{width:auto;height:2rem}.intro-brand-chrome span,.intro-brand-chrome b,.intro-brand-chrome small{display:block}.intro-brand-chrome b{font-size:.78rem;letter-spacing:.03em}.intro-brand-chrome small{margin-top:.08rem;color:#9fb1c4;font-size:.48rem;letter-spacing:.035em}.intro-site-chrome{position:absolute;z-index:8;right:4.5vw;bottom:7.2vh;color:#8fa4b4;font-size:.62rem;font-weight:650;letter-spacing:.1em;pointer-events:none}.slide:not(.opening)>.slide-head{margin-left:13.5rem}.qa-email{display:inline-block;margin-top:1rem;color:var(--mint);font-size:.82rem;text-decoration:none;letter-spacing:.04em}

/* Final Ice lesson refinement: two stories, enlarged QR, unambiguous bonds. */
.ice-tabs{flex-wrap:nowrap}.ice-actions button.active{color:var(--mint);border-color:rgba(66,229,197,.52)}.ice-key .ice-covalent{width:1.2rem;height:0;border-radius:0;border-top:3px solid #ddebF1}.ice-observe .ice-qr-card{position:static;margin-top:.65rem;align-self:stretch;padding:.55rem;background:rgba(5,16,28,.76)}.ice-observe #iceQrcode{width:108px;height:108px;flex:0 0 108px;padding:6px}.ice-observe .ice-qr-card b{font-size:.68rem}.ice-observe .ice-qr-card small{font-size:.55rem}.ice-viewer-toolbar{min-height:52px}.ice-illustration svg{animation:ice-story-in .3s ease both}.ice-illustration[data-state=float] svg{fill:none;stroke:none}.ice-illustration[data-state=float] .glass-rim{fill:rgba(210,247,255,.08);stroke:#b9edf5;stroke-width:3}.ice-illustration[data-state=float] .glass-body{fill:rgba(177,229,240,.035);stroke:#9edce8;stroke-width:3;stroke-linejoin:round}.ice-illustration[data-state=float] .water-fill{fill:url(#glass-water)}.ice-illustration[data-state=float] .water-line{fill:rgba(151,239,248,.2);stroke:#74dbe8;stroke-width:3}.ice-illustration[data-state=float] .ice-block{fill:url(#glass-ice);stroke:#e4fbff;stroke-width:2.5;stroke-linejoin:round}.ice-illustration[data-state=float] .ice-back{opacity:.8}.ice-illustration[data-state=float] .ice-edge{fill:none;stroke:rgba(189,239,248,.72);stroke-width:1.6;stroke-linejoin:round}.ice-illustration[data-state=float] .glass-highlight{fill:none;stroke:rgba(235,253,255,.62);stroke-width:3;stroke-linecap:round}.ice-illustration[data-state=float] .glass-base{fill:rgba(106,192,211,.1);stroke:#8fd5e2;stroke-width:2}.ice-illustration[data-state=float] .water-bubble{fill:rgba(211,250,255,.55);stroke:none}@keyframes ice-story-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.ice-observe>.ice-tabs{display:grid;grid-template-columns:1fr;gap:.38rem;margin-bottom:.7rem}.ice-observe>.ice-tabs button{width:100%;padding:.45rem .55rem;text-align:left;font-size:.62rem}.ice-top{justify-content:flex-start}
@media(max-width:700px){.intro-brand-chrome{display:none}.intro-site-chrome{right:1rem;bottom:6.8vh;font-size:.52rem}.slide:not(.opening)>.slide-head{margin-left:0}.ice-tabs{grid-template-columns:repeat(2,1fr)}.ice-mobile .ice-tabs{grid-template-columns:repeat(2,1fr)}.ice-mobile .ice-viewer-toolbar{min-height:58px}.ice-mobile .ice-actions button{min-height:38px;padding:.45rem .65rem}.ice-mobile .ice-mobile-head h1{font-size:1.45rem}.ice-lesson .ice-viewer-toolbar{justify-content:space-between}.ice-lesson .ice-actions{margin-left:auto}}
@media(max-width:700px){.ice-mobile .ice-content{inset:0}.ice-mobile .ice-observe>.ice-tabs{grid-template-columns:repeat(2,1fr);margin-bottom:.5rem}.ice-lesson .ice-content{grid-template-rows:auto minmax(0,1fr)}.ice-lesson .ice-observe{display:block;padding:.5rem .65rem}.ice-lesson .ice-observe .ice-illustration,.ice-lesson .ice-observe .ice-qr-card,.ice-lesson .ice-observe>p{display:none}.ice-lesson .ice-observe h2{font-size:.9rem;margin:.2rem 0}.ice-lesson .ice-observe>.ice-tabs{grid-template-columns:repeat(2,1fr);margin-bottom:.35rem}.ice-lesson .ice-observe>span{font-size:.48rem}}

/* Teacher — concise presentation adaptation of lexchem.org/teacher. */
.teacher-slide{overflow:hidden;background:radial-gradient(circle at 22% 47%,rgba(66,229,197,.12),transparent 31%),radial-gradient(circle at 80% 36%,rgba(115,139,255,.1),transparent 34%),linear-gradient(145deg,#06101d,#071523)}.teacher-layout{width:min(1180px,88vw);height:72vh;margin:2vh auto 0;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.45fr);gap:clamp(2.5rem,5vw,5.5rem);align-items:center}.teacher-portrait-wrap{position:relative;margin:0;align-self:stretch;min-height:0;border-radius:1.6rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0c1c2b;box-shadow:0 30px 80px rgba(0,0,0,.32)}.teacher-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:32% 22%}.teacher-portrait-wrap:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,13,22,.92))}.teacher-portrait-wrap figcaption{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.35rem}.teacher-portrait-wrap strong,.teacher-portrait-wrap span{display:block}.teacher-portrait-wrap strong{font-size:clamp(1.55rem,2.2vw,2.3rem)}.teacher-portrait-wrap span{margin-top:.4rem;color:#b9cbd7;font-size:.82rem}.teacher-story{min-width:0}.teacher-kicker{display:block;color:var(--mint);font-size:.65rem;font-weight:750;letter-spacing:.22em}.teacher-story h2{font-size:clamp(2.7rem,4.3vw,4.8rem);line-height:1;margin:.55rem 0 .8rem;letter-spacing:-.04em}.teacher-family{color:#9fb1c4;font-size:.82rem;margin:0 0 1.35rem}.teacher-credentials{display:grid;grid-template-columns:1fr 1.2fr;gap:.8rem}.teacher-credentials p{min-height:7.4rem;margin:0;padding:1.15rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.025)}.teacher-credentials b,.teacher-credentials span{display:block}.teacher-credentials b{color:var(--mint);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.teacher-credentials span{margin-top:.65rem;color:#d7e3ea;font-size:.86rem;line-height:1.45}.teacher-story blockquote{margin:1rem 0;padding:1rem 1.1rem;border-left:2px solid var(--mint);background:linear-gradient(90deg,rgba(66,229,197,.09),transparent);font-size:1.03rem;line-height:1.45;color:#edf8f5}.teacher-story blockquote small{display:block;margin-bottom:.35rem;color:#94a9b8;font-size:.55rem;letter-spacing:.16em}.teacher-local{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding-top:.85rem;border-top:1px solid var(--line)}.teacher-local>div>small{display:block;color:var(--mint);font-size:.58rem;font-weight:750;letter-spacing:.16em}.teacher-local p{margin:.35rem 0;color:#b9c8d2;font-size:.73rem;line-height:1.45}.teacher-local em{display:block;color:#8399aa;font-size:.64rem;font-style:normal}.teacher-qr-link{display:flex;align-items:center;gap:.65rem;color:white;text-decoration:none}.teacher-qr-link>div{width:78px;height:78px;padding:5px;border-radius:.55rem;background:white;overflow:hidden}.teacher-qr-link canvas,.teacher-qr-link img{display:block;width:100%!important;height:100%!important}.teacher-qr-link b,.teacher-qr-link small{display:block}.teacher-qr-link b{font-size:.66rem}.teacher-qr-link small{margin-top:.25rem;color:#9fb1c4;font-size:.55rem}
@media(max-width:700px){.teacher-slide{overflow:auto}.teacher-layout{width:92vw;height:auto;margin:2.2vh auto 10vh;grid-template-columns:1fr;gap:1rem;align-items:start}.teacher-portrait-wrap{width:100%;height:29vh;min-height:190px}.teacher-portrait{object-position:32% 25%}.teacher-portrait-wrap figcaption{left:1rem;bottom:.85rem}.teacher-portrait-wrap strong{font-size:1.45rem}.teacher-portrait-wrap span{font-size:.7rem}.teacher-story{text-align:left}.teacher-kicker{font-size:.52rem}.teacher-story h2{font-size:2.15rem;margin:.35rem 0}.teacher-family{font-size:.68rem;margin-bottom:.75rem}.teacher-credentials{grid-template-columns:1fr 1fr;gap:.5rem}.teacher-credentials p{min-height:0;padding:.75rem}.teacher-credentials b{font-size:.52rem}.teacher-credentials span{font-size:.67rem;margin-top:.4rem}.teacher-story blockquote{margin:.65rem 0;padding:.7rem .8rem;font-size:.76rem}.teacher-local{grid-template-columns:1fr auto;gap:.65rem;padding-top:.6rem}.teacher-local p{font-size:.61rem;line-height:1.35}.teacher-local em{font-size:.55rem}.teacher-qr-link{display:block;text-align:center}.teacher-qr-link>div{width:64px;height:64px;margin:auto}.teacher-qr-link span{display:none}}
@media(max-height:650px) and (min-width:800px){.teacher-layout{height:68vh}.teacher-story h2{font-size:3.2rem}.teacher-credentials p{min-height:6rem;padding:.85rem}.teacher-story blockquote{margin:.7rem 0;padding:.75rem}.teacher-portrait-wrap figcaption{bottom:1rem}}

/* Teacher simplification: one portrait, one open text column, one map. */
.teacher-layout{grid-template-columns:minmax(330px,.86fr) minmax(0,1.5fr);gap:clamp(2rem,4vw,4.5rem)}.teacher-portrait-wrap{border:0;border-radius:1.25rem;box-shadow:none;background:transparent}.teacher-portrait{object-position:32% 22%}.teacher-portrait-wrap:after{inset:54% 0 0}.teacher-story{height:100%;display:flex;flex-direction:column;justify-content:center}.teacher-story h2{font-size:clamp(2.5rem,3.8vw,4.2rem);margin:.4rem 0 .45rem}.teacher-family{margin-bottom:.85rem}.teacher-credentials{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.6rem 0}.teacher-credentials p{min-height:0;margin:0;padding:.24rem 0;border:0;border-radius:0;background:none}.teacher-credentials b{color:#eef7f8;font-size:.78rem;letter-spacing:0;text-transform:none}.teacher-credentials span{margin:0;color:#aebfcb;font-size:.73rem}.teacher-story blockquote{margin:.7rem 0;padding:.65rem 0 .65rem 1rem;background:none;font-size:.88rem}.teacher-local{position:relative;display:block;padding:0;border:0;min-height:0}.teacher-map-wrap{position:relative;margin:0}.teacher-map{display:block;width:100%;height:min(29vh,285px);object-fit:cover;object-position:center;border-radius:.9rem}.teacher-map-wrap figcaption{position:absolute;left:.7rem;bottom:.55rem;padding:.28rem .48rem;border-radius:.35rem;background:rgba(5,16,28,.82);color:#d8e5eb;font-size:.52rem}.teacher-qr-link{position:absolute;right:.65rem;bottom:.55rem;padding:.4rem;border-radius:.65rem;background:rgba(5,16,28,.84);backdrop-filter:blur(8px)}.teacher-qr-link>div{width:62px;height:62px}.teacher-qr-link span{display:none}
@media(max-width:700px){.teacher-layout{width:92vw;grid-template-columns:1fr;gap:.65rem}.teacher-portrait-wrap{height:24vh;min-height:160px}.teacher-portrait-wrap:after{inset:45% 0 0}.teacher-portrait{object-position:32% 25%}.teacher-story{height:auto}.teacher-story h2{font-size:1.9rem}.teacher-credentials{padding:.4rem 0}.teacher-credentials b{font-size:.68rem}.teacher-credentials span{font-size:.61rem}.teacher-story blockquote{margin:.45rem 0;padding:.45rem 0 .45rem .7rem;font-size:.7rem}.teacher-map{height:25vh;min-height:180px;border-radius:.7rem}.teacher-map-wrap figcaption{font-size:.5rem;max-width:70%}.teacher-qr-link{right:.45rem;bottom:.45rem}.teacher-qr-link>div{width:54px;height:54px}}
@media(max-height:650px) and (min-width:800px){.teacher-story h2{font-size:2.8rem}.teacher-map{height:26vh}.teacher-story blockquote{margin:.45rem 0;padding:.45rem 0 .45rem .8rem}}

/* Parent + Student Experience preview — isolated presentation data and interactions. */
.experience-slide{overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(66,229,197,.1),transparent 32%),radial-gradient(circle at 24% 72%,rgba(115,139,255,.08),transparent 30%),linear-gradient(145deg,#06101d,#071523)}.experience-heading{width:min(1180px,88vw);margin:2.1vh auto 1.8vh;display:flex;align-items:end;justify-content:space-between;gap:2rem}.experience-heading small{display:block;color:var(--mint);font-size:.6rem;font-weight:800;letter-spacing:.2em}.experience-heading h2{margin:.4rem 0 0;font-size:clamp(2rem,3.25vw,3.45rem);line-height:1.03;letter-spacing:-.035em}.experience-heading>p{max-width:340px;margin:0 0 .2rem;color:#9fb1c4;font-size:.78rem;line-height:1.45;text-align:right}.parent-demo,.student-demo{position:relative;width:min(1180px,88vw);height:65vh;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:rgba(6,17,29,.78);box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden}.parent-demo{display:grid;grid-template-columns:28% 72%}.parent-steps{padding:1rem;background:linear-gradient(155deg,rgba(13,40,59,.96),rgba(8,24,39,.92));border-right:1px solid var(--line)}.parent-steps button{position:relative;width:100%;display:flex;align-items:center;gap:.8rem;margin:0 0 .7rem;padding:1rem;border:1px solid transparent;border-radius:.85rem;background:transparent;color:#9fb1c4;text-align:left;cursor:pointer}.parent-steps button:after{content:'';position:absolute;left:1.55rem;top:calc(100% + 1px);width:1px;height:.72rem;background:rgba(255,255,255,.14)}.parent-steps button:last-child:after{display:none}.parent-steps button.active{color:white;border-color:rgba(66,229,197,.36);background:rgba(66,229,197,.08)}.parent-steps i{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem;border-radius:50%;background:#1a3345;color:#8ea4b4;font-size:.75rem;font-style:normal;font-weight:800}.parent-steps button.active i{background:var(--mint);color:#061722}.parent-steps b,.parent-steps small{display:block}.parent-steps b{font-size:.82rem}.parent-steps small{margin-top:.2rem;color:#7890a2;font-size:.58rem}.parent-steps button.active small{color:#a9c8ca}.parent-window{position:relative;min-width:0;background:#eef4f7;color:#132534}.demo-appbar{height:11%;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;background:white;border-bottom:1px solid #dce5ea;color:#657683;font-size:.65rem}.demo-mini-brand{display:flex;align-items:center;gap:.55rem;color:#173044}.demo-mini-brand img{width:28px;height:28px;object-fit:contain}.demo-mini-brand b{font-size:.78rem}.parent-screen{position:absolute;inset:11% 0 0;display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;padding:1.5rem;opacity:0;visibility:hidden;transform:translateX(2%);transition:.24s ease}.parent-screen.active{opacity:1;visibility:visible;transform:none}.parent-welcome,.child-form,.course-list{align-self:center}.parent-welcome>small,.child-form>small,.course-list>small,.child-summary>small,.course-confirm>small{color:#168671;font-size:.58rem;font-weight:850;letter-spacing:.16em}.parent-screen h3{margin:.4rem 0 .55rem;color:#132b3c;font-size:clamp(1.45rem,2.1vw,2rem)}.parent-welcome>p,.child-form>p{max-width:430px;color:#657785;font-size:.76rem;line-height:1.5}.parent-status{display:flex;align-items:center;gap:.75rem;margin-top:1.6rem;padding:1rem;border-radius:.85rem;background:white;box-shadow:0 8px 24px rgba(31,61,78,.08)}.status-check{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#d9f5ee;color:#14856f;font-weight:900}.parent-status b,.parent-status small{display:block}.parent-status b{font-size:.78rem}.parent-status small{margin-top:.2rem;color:#82909a;font-size:.6rem}.parent-visual-card,.child-summary,.course-confirm{align-self:stretch;padding:1.3rem;border-radius:1rem;background:linear-gradient(145deg,#0d2d41,#0d4d55);color:white;box-shadow:0 18px 45px rgba(16,55,72,.2)}.parent-visual-card{display:flex;flex-direction:column;justify-content:center}.parent-visual-card>span{color:#7aedd8;font-size:.55rem;letter-spacing:.16em}.parent-visual-card>strong{margin:.55rem 0;font-size:1.45rem}.parent-visual-card p{color:#bed1d7;font-size:.7rem;line-height:1.5}.parent-screen button{border:0;border-radius:.6rem;background:#173f51;color:white;padding:.68rem .85rem;font:inherit;font-size:.68rem;font-weight:750;cursor:pointer}.parent-visual-card button,.child-summary button{align-self:flex-start;margin-top:1rem;background:var(--mint);color:#09202a}.child-form label{display:block;margin:.75rem 0;color:#526573;font-size:.62rem;font-weight:700}.child-form input,.child-form select{display:block;width:100%;margin-top:.35rem;padding:.72rem;border:1px solid #d6e1e7;border-radius:.55rem;background:white;color:#142b3b;font:inherit;font-size:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.child-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.avatar-large{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:1rem;border-radius:50%;background:linear-gradient(135deg,var(--mint),#89a9ff);color:#09202a;font-size:1rem;font-weight:900}.child-summary>strong{margin:.3rem 0 .15rem;font-size:1.55rem}.child-summary>p{margin:0;color:#bdd1d8;font-size:.72rem}.child-summary>div{width:100%;margin-top:1.2rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.17)}.child-summary>div span,.child-summary>div b{display:block}.child-summary>div span{color:#87a4b0;font-size:.56rem}.child-summary>div b{margin-top:.25rem;font-size:.72rem}.course-choice{width:100%;display:flex;align-items:center;justify-content:space-between;margin:.65rem 0;padding:1rem!important;border:1px solid #d8e2e8!important;background:white!important;color:#223845!important;text-align:left!important}.course-choice.active{border-color:#26ad94!important;box-shadow:0 0 0 2px rgba(38,173,148,.1)}.course-choice span b,.course-choice span small{display:block}.course-choice span b{font-size:.72rem}.course-choice span small{margin-top:.25rem;color:#7a8994;font-size:.56rem}.course-choice i{color:#168671;font-size:.58rem;font-style:normal}.course-confirm{display:flex;flex-direction:column;justify-content:center}.course-confirm h3{color:white;font-size:1.25rem}.course-confirm dl{margin:.5rem 0}.course-confirm dl>div{display:grid;grid-template-columns:72px 1fr;gap:.7rem;padding:.58rem 0;border-top:1px solid rgba(255,255,255,.14)}.course-confirm dt{color:#83a4ae;font-size:.55rem}.course-confirm dd{margin:0;font-size:.67rem}.course-confirm em{color:#84a6b0;font-size:.55rem;font-style:normal}.course-confirm button{align-self:flex-start;margin-top:.7rem;background:rgba(255,255,255,.1)}
.student-demo{display:grid;grid-template-columns:28% 72%}.student-home{padding:1.15rem;background:linear-gradient(155deg,#0b293e,#0a1d2f)}.student-profile{display:flex;align-items:center;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.student-profile>span{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:linear-gradient(135deg,var(--mint),#91a7ff);color:#06202a;font-size:.75rem;font-weight:900}.student-profile small,.student-profile b,.student-profile em{display:block}.student-profile small{color:#78dac8;font-size:.5rem;letter-spacing:.14em}.student-profile b{margin-top:.15rem;font-size:.78rem}.student-profile em{color:#8fa4b2;font-size:.55rem;font-style:normal}.student-home nav{margin-top:1rem}.student-home nav button{width:100%;display:flex;align-items:center;gap:.65rem;margin:.35rem 0;padding:.7rem;border:0;border-radius:.7rem;background:transparent;color:#9fb2c0;text-align:left}.student-home nav button.active{background:rgba(66,229,197,.09);color:white}.student-home nav i{color:#5c7a8b;font-size:.52rem;font-style:normal}.student-home nav b,.student-home nav small{display:block}.student-home nav b{font-size:.7rem}.student-home nav small{margin-top:.12rem;color:#7190a1;font-size:.53rem}.student-entry{margin-top:1.1rem;padding:1rem;border:1px solid rgba(66,229,197,.28);border-radius:.9rem;background:rgba(66,229,197,.06)}.student-entry small,.student-entry strong,.student-entry p{display:block}.student-entry small{color:var(--mint);font-size:.5rem;letter-spacing:.15em}.student-entry strong{margin:.45rem 0;font-size:.84rem;line-height:1.25}.student-entry p{margin:0;color:#91a8b7;font-size:.56rem}.student-entry button{width:100%;margin-top:.8rem;padding:.62rem;border:0;border-radius:.55rem;background:var(--mint);color:#08212a;font-size:.6rem;font-weight:850;cursor:pointer}.learning-environment{position:relative;min-width:0;background:#eef4f7;color:#132534}.learning-topbar{height:11%;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;background:white;border-bottom:1px solid #dce5ea}.learning-topbar small,.learning-topbar strong{display:block}.learning-topbar small{color:#178a73;font-size:.5rem;letter-spacing:.14em}.learning-topbar strong{margin-top:.12rem;font-size:.78rem}.learning-topbar>button{display:none;width:2rem;height:2rem;border:0;border-radius:50%;background:#e7eef2;color:#405765;font-size:1.15rem}.learning-progress{height:12%;min-height:58px;display:grid;grid-template-columns:repeat(6,1fr);padding:.5rem 1rem;background:#f7fafb;border-bottom:1px solid #dfe7eb}.learning-progress button{position:relative;border:0;background:transparent;color:#8797a2;font-size:.55rem;cursor:pointer}.learning-progress button:after{content:'';position:absolute;left:62%;right:-38%;top:15px;height:1px;background:#d3dee3}.learning-progress button:last-child:after{display:none}.learning-progress i,.learning-progress span{display:block}.learning-progress i{position:relative;z-index:1;width:1.75rem;height:1.75rem;margin:0 auto .2rem;display:grid;place-items:center;border-radius:50%;background:#dce6ea;color:#768994;font-style:normal;font-weight:800}.learning-progress button.active{color:#173c48;font-weight:800}.learning-progress button.active i{background:var(--mint);color:#08232a}.learning-workspace{height:77%;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;padding:1rem}.student-molecule{position:relative;min-width:0;border-radius:1rem;background:radial-gradient(circle at 50% 45%,#17465a,#0b2335 67%);overflow:hidden;touch-action:none}.student-molecule>canvas{display:block;width:100%;height:100%}.student-molecule-meta{position:absolute;left:1rem;top:.85rem;color:white}.student-molecule-meta strong{display:block;font-size:.78rem}.student-molecule-meta p{margin:.25rem 0 0;color:#a9c0cb;font-size:.55rem}.student-molecule>select{position:absolute;right:.8rem;top:.75rem;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;background:#0b2739;color:white;padding:.4rem;font-size:.58rem}.student-molecule-actions{position:absolute;left:50%;bottom:.7rem;transform:translateX(-50%);display:flex;gap:.35rem}.student-molecule-actions button{border:1px solid rgba(255,255,255,.16);border-radius:.5rem;background:rgba(6,20,31,.76);color:#d3e0e5;padding:.45rem .58rem;font-size:.55rem}.student-molecule-actions button.active{color:var(--mint);border-color:rgba(66,229,197,.42)}.learning-card{align-self:stretch;padding:1.1rem;border-radius:1rem;background:white;box-shadow:0 12px 32px rgba(31,61,78,.08)}.learning-card>small{color:#178a73;font-size:.54rem;font-weight:850;letter-spacing:.15em}.learning-card h3{margin:.5rem 0;color:#142d3e;font-size:1.3rem;line-height:1.12}.learning-card>p{color:#617481;font-size:.68rem;line-height:1.48}.learning-prompt{margin:1rem 0;padding:.75rem;border-left:2px solid #28b79a;background:#eef9f6}.learning-prompt span,.learning-prompt b{display:block}.learning-prompt span{color:#178a73;font-size:.5rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.learning-prompt b{margin-top:.35rem;font-size:.66rem;line-height:1.4}.learning-card>button{width:100%;margin-top:.35rem;padding:.7rem;border:0;border-radius:.55rem;background:#143e50;color:white;font-size:.62rem;font-weight:800;cursor:pointer}
@media(max-width:700px){.experience-slide{overflow:auto}.experience-heading{width:92vw;margin:1.8vh auto 1.2vh;display:block}.experience-heading h2{font-size:1.72rem}.experience-heading>p{max-width:none;margin:.45rem 0 0;text-align:left;font-size:.66rem}.parent-demo,.student-demo{width:92vw;height:auto;min-height:72vh;margin-bottom:11vh;border-radius:.9rem}.parent-demo{display:block}.parent-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:.5rem;border-right:0;border-bottom:1px solid var(--line)}.parent-steps button{display:block;margin:0;padding:.55rem .35rem;text-align:center}.parent-steps button:after{display:none}.parent-steps i{width:1.6rem;height:1.6rem;margin:0 auto .3rem}.parent-steps small{display:none}.parent-window{min-height:58vh}.demo-appbar{height:52px;padding:0 .75rem}.parent-screen{inset:52px 0 0;grid-template-columns:1fr;gap:.7rem;padding:.75rem;overflow:auto}.parent-visual-card,.child-summary,.course-confirm{min-height:210px}.parent-welcome{padding-top:.4rem}.parent-screen h3{font-size:1.35rem}.course-choice{padding:.75rem!important}.student-demo{display:block;background:#eef4f7}.student-home{min-height:72vh;padding:1rem}.student-home nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.student-home nav button{display:block;padding:.6rem .35rem;text-align:center}.student-home nav i{display:none}.student-entry{margin-top:1rem}.learning-environment{position:absolute;inset:0;z-index:4;min-height:72vh;opacity:0;visibility:hidden;transform:translateX(4%);transition:.25s ease}.learning-environment.revealed{opacity:1;visibility:visible;transform:none}.learning-topbar>button{display:block}.learning-progress{overflow-x:auto;grid-template-columns:repeat(6,minmax(70px,1fr))}.learning-workspace{height:calc(72vh - 110px);grid-template-columns:1fr;grid-template-rows:48% 52%;padding:.65rem}.student-molecule-meta{left:.7rem;top:.65rem}.student-molecule>select{right:.55rem;top:.55rem}.learning-card{padding:.8rem;overflow:auto}.learning-card h3{font-size:1.05rem}.learning-prompt{margin:.7rem 0}.intro-site-chrome{display:none}}
@media(max-height:650px) and (min-width:800px){.experience-heading{margin-top:1vh}.parent-demo,.student-demo{height:64vh}.parent-steps button{padding:.72rem}.parent-screen{padding:1rem}.learning-workspace{padding:.7rem}.learning-card h3{font-size:1.05rem}.learning-prompt{margin:.6rem 0}}

/* Student Home opens into the larger learning environment. */
.student-demo{display:block}.student-home{width:100%;height:100%;display:grid;grid-template-columns:.72fr .9fr 1.38fr;gap:1.2rem;align-items:center;padding:1.5rem 1.7rem}.student-profile{align-self:start;padding-top:.35rem}.student-home nav{margin:0}.student-home nav button{padding:.85rem}.student-entry{margin:0;padding:1.5rem}.student-entry strong{font-size:1.2rem}.student-entry p{font-size:.66rem}.student-entry button{margin-top:1.2rem;padding:.78rem;font-size:.67rem}.learning-environment{position:absolute;inset:0;z-index:4;opacity:0;visibility:hidden;transform:translateX(2%);transition:opacity .25s ease,transform .25s ease,visibility .25s}.learning-environment.revealed{opacity:1;visibility:visible;transform:none}.learning-topbar>button{display:grid;place-items:center;cursor:pointer}
@media(max-width:700px){.student-home{display:block;min-height:72vh;padding:1rem}.student-home nav{margin-top:1rem}.student-entry{margin-top:1rem;padding:1rem}.student-entry strong{font-size:.84rem}.student-entry p{font-size:.56rem}.student-entry button{margin-top:.8rem;padding:.62rem;font-size:.6rem}}

/* Evergreen four-slide LexChem introduction refresh. */
.legacy-preview{display:none!important}.wordmark{white-space:nowrap}.wordmark>*:first-child{color:inherit}.wordmark>*:last-child{color:#cb6137}.brand .wordmark{font-size:1.55rem}.intro-brand-chrome .wordmark{display:flex}.intro-brand-chrome .wordmark span{display:inline}.intro-brand-chrome .wordmark span:last-child{color:#cb6137}.opening-copy{top:20vh;max-width:44vw}.opening h1{font-size:clamp(3.25rem,5vw,5.75rem)}.opening h2{font-size:clamp(1.45rem,2vw,2.35rem)}.support{font-size:clamp(1.05rem,1.3vw,1.25rem)}
.home-actions{position:absolute;z-index:7;left:7vw;bottom:8vh;width:min(570px,42vw);display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.home-action{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.72rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(9,24,39,.9);color:white;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.home-action:hover{transform:translateY(-2px);border-color:rgba(203,97,55,.68);background:rgba(13,34,52,.96)}.home-action>span:nth-child(2){min-width:0}.home-action strong,.home-action small{display:block}.home-action strong{font-size:.88rem;line-height:1.2}.home-action small{margin-top:.3rem;color:#aebfcb;font-size:.65rem;line-height:1.35}.home-action>i{color:#d27449;font-size:1rem;font-style:normal}.qr-with-logo{position:relative;display:block;flex:0 0 auto;padding:7px;border-radius:.55rem;background:white}.home-action-qr{width:76px;height:76px}.qr-with-logo>span,.qr-with-logo canvas,.qr-with-logo>span>img{display:block;width:100%!important;height:100%!important}.qr-with-logo>img{position:absolute;left:50%;top:50%;width:18%!important;height:18%!important;transform:translate(-50%,-50%);object-fit:contain;background:#fff;border:2px solid #fff;border-radius:2px}
.viewer-hint{position:absolute;z-index:4;left:50%;top:.65rem;right:auto;bottom:auto;width:max-content;height:auto;transform:translateX(-50%);padding:.25rem 0;border:0;border-radius:0;background:transparent;color:rgba(224,238,244,.72);font-size:.62rem;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 4px rgba(4,14,24,.9)}.hero-viewer,.ice-viewer-stage{position:relative}.hero-viewer:before,.hero-viewer:after,.ice-viewer-stage:before,.ice-viewer-stage:after{content:none!important;display:none!important}.hero-viewer,.hero-viewer>canvas{background:transparent;border:0;border-radius:0;box-shadow:none;filter:none}.touch-hint{display:none}
.deck-nav{gap:.55rem;padding:.42rem .58rem}.deck-nav button{width:2.65rem;height:2.65rem;font-size:1.2rem}.deck-nav button[hidden]{display:none}.side-nav{position:fixed;z-index:19;top:50%;width:3rem;height:4.6rem;transform:translateY(-50%);border:1px solid rgba(255,255,255,.12);background:rgba(7,20,33,.5);color:rgba(255,255,255,.72);font-size:1.55rem;cursor:pointer;backdrop-filter:blur(8px);transition:color .18s ease,background .18s ease,border-color .18s ease}.side-nav:hover,.side-nav:focus-visible{color:#fff;background:rgba(13,41,58,.9);border-color:rgba(66,229,197,.42)}.side-nav[hidden]{display:none}.side-prev{left:0;border-radius:0 1rem 1rem 0}.side-next{right:0;border-radius:1rem 0 0 1rem}#counter{font-size:.72rem;min-width:2.5rem;text-align:center}
.final-cta{display:block;margin:0;overflow:hidden}.final-layout{width:min(1120px,86vw);min-height:70vh;margin:3vh auto 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.final-copy{max-width:600px}.final-kicker{display:block;color:var(--mint)!important;font-size:.72rem!important;font-weight:800;letter-spacing:.22em!important}.final-copy h2{margin:.85rem 0 1.1rem;font-size:clamp(3rem,4.5vw,5rem);line-height:1.02;letter-spacing:-.045em}.final-copy>p{max-width:700px;margin:0;color:#b9c8d3;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.65}.final-contact{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}.final-contact small{display:block;color:#7891a3!important;font-size:.64rem!important;font-weight:800;letter-spacing:.18em!important}.final-contact a{display:inline-block;margin-top:.45rem;color:#fff;font-size:1.15rem;text-decoration-color:#cb6137;text-underline-offset:.25rem}.final-actions{display:grid;gap:1rem}.final-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1.15rem;border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:white;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.final-action:hover{transform:translateX(4px);border-color:rgba(203,97,55,.6)}.final-action>span:nth-child(2){min-width:0}.final-action small,.final-action strong,.final-action em{display:block}.final-action small{color:#d27a50!important;font-size:.62rem!important;font-weight:800;letter-spacing:.18em!important}.final-action strong{margin-top:.35rem;font-size:1.25rem}.final-action em{margin-top:.35rem;color:#a7bac7;font-size:.8rem;font-style:normal;text-decoration:underline;text-underline-offset:.2rem}.final-action>i{color:#d27449;font-size:1.35rem;font-style:normal}.final-qr{width:118px;height:118px;padding:9px}
.teacher-story h2{font-size:clamp(2.75rem,4vw,4.45rem)}.teacher-family{font-size:1rem}.teacher-credentials b{font-size:1rem}.teacher-credentials span{font-size:.92rem;line-height:1.55}.teacher-story blockquote{font-size:1.05rem;line-height:1.55}.teacher-map-wrap figcaption{font-size:.72rem}.ice-observe h2{font-size:clamp(2rem,2.8vw,2.9rem)}.ice-observe p{max-width:700px;font-size:1rem;line-height:1.6}
@media(max-width:700px){
  .slide{padding:2.5vh 1rem 9vh}.opening{overflow:auto}.opening>.brand{position:relative;z-index:8}.brand .wordmark{font-size:1.42rem}.opening-copy{position:relative;left:auto;top:auto;z-index:5;max-width:none;margin-top:5vh}.opening h1{font-size:clamp(2.65rem,12vw,3.55rem)}.opening h2{font-size:1.35rem;line-height:1.25;margin:.75rem 0}.support{margin-top:1rem;font-size:1rem}.molecule-hero,.hero-explorer{position:absolute;right:-2vw;top:34vh;width:64vw;height:34vh}.home-actions{left:1rem;right:1rem;bottom:10vh;width:auto;grid-template-columns:1fr;gap:.55rem}.home-action{min-height:58px;padding:.75rem 1rem;grid-template-columns:minmax(0,1fr) auto}.home-action-qr{display:none}.home-action strong{font-size:.9rem}.home-action small{font-size:.7rem}.touch-hint{display:inline}.desktop-hint{display:none}.viewer-hint{bottom:.45rem;font-size:.55rem}.hero-viewer .viewer-hint{display:none}
  .side-nav{top:auto;bottom:2.5vh;width:2.55rem;height:2.55rem;transform:none;border-radius:50%;font-size:1rem}.side-prev{left:.65rem}.side-next{right:.65rem}.deck-nav{left:50%;right:auto;bottom:2.2vh;transform:translateX(-50%)}.deck-nav button{width:2.35rem;height:2.35rem}.deck-nav #prev,.deck-nav #next{display:none!important}#counter{font-size:.7rem}
  .ice-lesson{overflow:auto}.ice-shell{height:80vh;margin-top:1.5vh}.ice-lesson .ice-content{inset:19% 0 0}.ice-top{height:19%}.ice-viewer-stage .viewer-hint{bottom:.6rem}.ice-actions button{min-height:40px}.teacher-slide{overflow:auto}.teacher-layout{margin-top:2vh;margin-bottom:12vh}.teacher-story h2{font-size:2.2rem}.teacher-family{font-size:.82rem}.teacher-credentials b{font-size:.78rem}.teacher-credentials span{font-size:.72rem}.teacher-story blockquote{font-size:.8rem}.teacher-map-wrap figcaption{font-size:.58rem}
  .final-cta{overflow:auto}.final-layout{width:92vw;min-height:auto;margin:5vh auto 12vh;grid-template-columns:1fr;gap:1.6rem}.final-copy{text-align:left}.final-copy h2{font-size:2.65rem;margin:.55rem 0 .75rem}.final-copy>p{font-size:1rem;line-height:1.55}.final-contact{margin-top:1rem;padding-top:.9rem}.final-contact a{font-size:1rem}.final-actions{gap:.7rem}.final-action{grid-template-columns:minmax(0,1fr) auto;min-height:76px;padding:1rem}.final-qr{display:none}.final-action strong{font-size:1.05rem}.final-action em{font-size:.76rem;overflow-wrap:anywhere}
}
@media(max-height:700px) and (min-width:701px){.home-actions{bottom:7vh}.opening-copy{top:18vh}.final-layout{min-height:67vh;margin-top:1vh}.final-qr{width:94px;height:94px}.teacher-map{height:22vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient{display:none}}
.qr-with-logo{padding:12px}.home-action-qr{width:86px;height:86px}.qr-with-logo>img{width:15%!important;height:15%!important}.final-qr{width:128px;height:128px;padding:14px}
@media(max-width:700px){.hero-viewer .viewer-hint,.ice-viewer-stage .viewer-hint{display:block;top:.55rem;bottom:auto;font-size:.58rem}.hero-controls select{min-height:44px}.hero-explorer .explorer-actions button{min-width:44px;min-height:44px;padding:.4rem .5rem;font-size:.56rem}.side-nav{top:50%;bottom:auto;width:2.55rem;height:3.6rem;transform:translateY(-50%);border-radius:0}.side-prev{left:0;border-radius:0 .8rem .8rem 0}.side-next{right:0;border-radius:.8rem 0 0 .8rem}}

/* Final-page hierarchy: balanced heading, primary CTAs, then contact. */
.final-layout{width:min(1120px,86vw);min-height:68vh;margin:4vh auto 0;grid-template-columns:minmax(0,1fr) minmax(460px,1fr);grid-template-areas:"copy actions" "contact contact";grid-template-rows:1fr auto;column-gap:clamp(2.5rem,5vw,5rem);row-gap:1.35rem}.final-copy{grid-area:copy;align-self:center;max-width:520px}.final-copy h2{margin:.75rem 0 1rem;font-size:clamp(2.625rem,3.6vw,3.25rem);line-height:1.14;letter-spacing:-.025em}.final-copy>p{max-width:520px;font-size:clamp(1.125rem,1.45vw,1.25rem);line-height:1.65}.final-actions{grid-area:actions;align-self:center;gap:1.1rem}.final-action{min-height:154px;gap:1.3rem;padding:1.2rem 1.3rem}.final-action strong{font-size:clamp(1.3rem,1.8vw,1.55rem);line-height:1.25}.final-action p{margin:.45rem 0 0;color:#bccbd5;font-size:1rem;line-height:1.5}.final-action em{display:inline-block;width:max-content;margin-top:.65rem;color:#f0f5f7;font-size:.9rem;font-weight:700;text-decoration-color:#cb6137}.final-contact{grid-area:contact;display:flex;align-items:center;justify-content:center;gap:1rem;margin:0;padding:1.05rem 0 0;border-top:1px solid var(--line)}.final-contact small{color:#a9bac6!important;font-size:.88rem!important;letter-spacing:.08em!important}.final-contact a{margin:0;color:#fff;font-size:1.05rem;font-weight:650;text-decoration-color:#cb6137}
.final-copy h2 .wordmark{display:inline-flex;align-items:baseline;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:baseline}.final-copy h2 .wordmark>span{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit}.final-copy h2 .wordmark>span:last-child{color:#cb6137}
@media(max-width:700px){.final-layout{width:92vw;min-height:auto;margin:4vh auto 12vh;display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "actions" "contact";grid-template-rows:auto;gap:1rem}.final-copy{max-width:none}.final-kicker{font-size:.62rem!important}.final-copy h2{margin:.45rem 0 .65rem;font-size:clamp(2rem,9vw,2.4rem);line-height:1.18}.final-copy>p{font-size:1rem;line-height:1.55}.final-actions{gap:.65rem}.final-action{min-height:92px;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.9rem 1rem}.final-action strong{font-size:1.16rem}.final-action p{margin:.3rem 0 0;font-size:.86rem;line-height:1.4}.final-action em{margin-top:.45rem;font-size:.82rem}.final-action>i{font-size:1.1rem}.final-contact{justify-content:flex-start;flex-wrap:wrap;gap:.45rem .8rem;padding-top:.85rem}.final-contact small{font-size:.8rem!important}.final-contact a{font-size:1rem}}

/* Ice lesson: compact editorial hierarchy that keeps the complete story visible. */
.ice-lesson .ice-shell{height:min(76vh,760px);min-height:540px}.ice-lesson .ice-content{inset:14% 0 8%}.ice-lesson .ice-top{height:14%;padding-block:.55rem}.ice-lesson .ice-flow{height:8%}.ice-lesson .ice-observe{padding:.8rem 1.1rem .75rem}.ice-lesson .ice-observe>.ice-tabs{gap:.32rem;margin-bottom:.45rem}.ice-lesson .ice-observe>.ice-tabs button{padding:.38rem .55rem;font-size:.68rem}.ice-lesson .ice-observe>span{font-size:.68rem}.ice-lesson .ice-illustration{flex:0 1 112px;min-height:78px;margin:.2rem 0}.ice-lesson .ice-illustration svg{width:min(82%,160px);height:min(100%,160px)}.ice-lesson .ice-observe h2{font-size:clamp(2.5rem,3vw,3rem);line-height:1.08;margin:.35rem 0 .45rem;letter-spacing:-.025em}.ice-lesson .ice-observe>p{max-width:32rem;font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.5;margin:0}.ice-lesson .ice-observe .ice-qr-card{margin-top:.55rem;padding:.42rem}.ice-lesson .ice-observe #iceQrcode{width:78px;height:78px;flex-basis:78px;padding:5px}.ice-lesson .ice-observe .ice-qr-card b{font-size:.75rem}.ice-lesson .ice-observe .ice-qr-card small{font-size:.68rem;line-height:1.35}
@media(max-height:820px) and (min-width:701px){.ice-lesson .ice-shell{height:76vh;min-height:0}.ice-lesson .ice-content{inset:13% 0 7%}.ice-lesson .ice-top{height:13%}.ice-lesson .ice-flow{height:7%}.ice-lesson .ice-observe{padding:.65rem 1rem .55rem}.ice-lesson .ice-observe>.ice-tabs{margin-bottom:.32rem}.ice-lesson .ice-illustration{flex-basis:86px;min-height:58px;margin:.1rem 0}.ice-lesson .ice-illustration svg{width:min(72%,130px);height:min(100%,130px)}.ice-lesson .ice-observe h2{font-size:clamp(2.5rem,3vw,2.75rem);margin:.25rem 0 .35rem}.ice-lesson .ice-observe>p{font-size:1rem;line-height:1.45}.ice-lesson .ice-observe .ice-qr-card{margin-top:.4rem}.ice-lesson .ice-observe #iceQrcode{width:68px;height:68px;flex-basis:68px}}
@media(max-width:700px){.ice-lesson{overflow:auto}.ice-lesson .ice-shell{height:auto;min-height:calc(100svh - 7rem);margin-bottom:6rem;overflow:visible}.ice-lesson .ice-content{position:relative;inset:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(52svh,1fr)}.ice-lesson .ice-top{height:auto;min-height:62px;padding:.75rem 1rem}.ice-lesson .ice-observe{display:block;padding:.75rem 1rem .85rem}.ice-lesson .ice-observe>.ice-tabs{margin-bottom:.5rem}.ice-lesson .ice-observe>.ice-tabs button{min-height:44px;padding:.55rem;font-size:.72rem;text-align:center}.ice-lesson .ice-observe>span{font-size:.65rem}.ice-lesson .ice-observe .ice-illustration,.ice-lesson .ice-observe .ice-qr-card{display:none}.ice-lesson .ice-observe h2{font-size:clamp(1.75rem,8.2vw,2.25rem);line-height:1.12;margin:.35rem 0 .5rem}.ice-lesson .ice-observe>p{display:block;font-size:1rem;line-height:1.5}.ice-lesson .ice-viewer-panel{min-height:52svh}.ice-lesson .ice-viewer-toolbar{min-height:58px}.ice-lesson .ice-flow{display:none}}

/* Mobile-first content and navigation refinements. */
.mobile-cta-label,.mobile-swipe-hint{display:none}.final-layout{display:flex;min-height:68vh;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center}.final-copy{max-width:780px}.final-copy h2{white-space:nowrap}.final-contact{width:min(680px,100%);justify-content:center}
@media(max-width:700px){.opening .support{display:none}.desktop-cta-label{display:none}.mobile-cta-label{display:inline}.home-action small{display:none}.home-action{grid-template-columns:minmax(0,1fr) auto;min-height:52px}.side-nav{display:none!important}.deck-nav{padding:.32rem .55rem}.deck-nav #dots button{min-width:8px;min-height:8px}.mobile-swipe-hint{position:absolute;z-index:12;top:5.4rem;right:1rem;display:flex;align-items:center;gap:.4rem;padding:.38rem .55rem;border:1px solid rgba(255,255,255,.13);border-radius:2rem;background:rgba(8,24,38,.72);color:#b9ccd7;font-size:.68rem;line-height:1;pointer-events:none;backdrop-filter:blur(8px);transition:opacity .35s ease,transform .35s ease}.mobile-swipe-hint b{color:var(--mint);font-size:1rem}.mobile-swipe-hint.dismissed{opacity:0;transform:translateY(-6px)}.final-layout{width:92vw;min-height:72vh;margin:2vh auto 10vh;display:flex;gap:1.35rem;text-align:left;align-items:flex-start}.final-copy h2{white-space:normal;font-size:clamp(2rem,9vw,2.4rem)}.final-contact{width:100%;justify-content:flex-start}.ice-lesson .ice-observe .ice-qr-card{display:none!important}}

/* Final page: a quiet, single-action close. */
.final-cta>.slide-head{visibility:hidden}.final-cta .final-layout{width:min(1080px,86vw);min-height:76vh;margin:1vh auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2rem,5vh,3.5rem);text-align:center}.final-cta .final-copy{max-width:900px}.final-cta .final-copy h2{margin:0;font-size:clamp(2.75rem,4vw,3.5rem);font-weight:750;line-height:1.16;letter-spacing:-.025em;white-space:nowrap}.final-cta .final-copy>p{max-width:none;margin:1.4rem 0 0;color:#c6d3dd;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.55;letter-spacing:.06em}.final-mail{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:1rem;padding:.65rem 1rem;color:#90cdf7;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:500;text-decoration:none;border-radius:.8rem;transition:color .2s ease,background .2s ease,transform .2s ease}.final-mail>span:last-child{border-bottom:1px solid currentColor}.final-mail:hover,.final-mail:focus-visible{color:#b8e2ff;background:rgba(91,173,235,.08);transform:translateY(-2px)}.send-mail-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:#7dc7ff;font-size:2.35rem;line-height:1;filter:drop-shadow(0 0 9px rgba(54,157,255,.45))}.final-cta.active .send-mail-icon{animation:send-mail-in .8s cubic-bezier(.2,.85,.25,1) .18s both}@keyframes send-mail-in{0%{opacity:0;transform:translate(-16px,7px) rotate(-9deg)}65%{opacity:1;transform:translate(3px,-2px) rotate(2deg)}100%{opacity:1;transform:none}}
@media(max-width:700px){.final-cta{overflow:hidden}.final-cta .intro-brand-chrome{display:flex;left:1rem;top:1rem}.final-cta .intro-brand-chrome img{height:1.85rem}.final-cta .intro-brand-chrome small{display:none}.final-cta .final-layout{width:calc(100vw - 2rem);min-height:78svh;margin:3vh auto 9vh;gap:2rem;text-align:center;align-items:center}.final-cta .final-copy h2{font-size:clamp(2rem,9.2vw,2.75rem);line-height:1.2;white-space:normal}.final-cta .final-copy>p{margin-top:1rem;font-size:clamp(1rem,4.7vw,1.2rem);line-height:1.6;letter-spacing:.025em}.final-mail{width:100%;min-height:56px;gap:.75rem;padding:.65rem .5rem;font-size:clamp(1.05rem,5.4vw,1.35rem)}.send-mail-icon{width:2.5rem;height:2.5rem;font-size:2rem}}

/* Final-page contact choices: email first, WeChat as a quiet secondary path. */
.final-contacts{display:flex;align-items:center;justify-content:center;gap:clamp(3rem,8vw,7rem);width:min(850px,100%)}.final-contacts .final-mail{flex:1 1 420px}.final-mail>span:last-child{font:inherit;color:inherit;letter-spacing:inherit}.wechat-card{flex:0 0 auto;margin:0;padding:1rem 1rem 1.15rem;border:1px solid rgba(203,97,55,.22);border-radius:1rem;background:#f8fafb;box-shadow:0 10px 28px rgba(0,0,0,.14);color:#172331}.wechat-card figcaption{margin:0 0 .75rem;color:#172331;font-size:.95rem;font-weight:700;letter-spacing:.02em}.wechat-card figcaption .wordmark{display:inline-flex;color:#172331}.wechat-card figcaption .wordmark span{font:inherit;color:inherit;letter-spacing:inherit}.wechat-card figcaption .wordmark span:last-child{color:#cb6137}.wechat-card img{display:block;width:170px;height:auto;margin:0 auto;object-fit:contain;filter:none;opacity:1;border:0;border-radius:0}.final-cta.active .wechat-card{animation:wechat-card-in .65s ease-out .3s both}@keyframes wechat-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:700px){.final-cta{overflow:auto}.final-cta .final-layout{min-height:auto;margin:5.25rem auto 6.5rem;gap:1.35rem}.final-cta .final-copy h2{font-size:clamp(1.9rem,8.5vw,2.45rem)}.final-cta .final-copy>p{margin-top:.7rem}.final-contacts{flex-direction:column;gap:1.15rem;width:100%}.final-contacts .final-mail{flex:0 0 auto}.wechat-card{padding:.75rem .8rem .9rem}.wechat-card figcaption{margin-bottom:.55rem;font-size:.9rem}.wechat-card img{width:180px;max-width:60vw}}
@media(max-height:700px) and (max-width:700px){.final-cta .final-layout{margin-top:4.5rem;gap:1rem}.final-cta .final-copy h2{font-size:1.85rem}.final-cta .final-copy>p{margin-top:.45rem;font-size:.95rem}.wechat-card{padding:.6rem .7rem .7rem}.wechat-card figcaption{margin-bottom:.4rem}.wechat-card img{width:160px}}
@media(prefers-reduced-motion:reduce){.final-cta.active .wechat-card{animation:none!important}}