@font-face{font-family:Roboto;src:url('assets/roboto-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-stretch:75% 100%;font-display:swap}
:root{color-scheme:dark;--night:#060d21;--navy:#0d2047;--blue:#2879ed;--cyan:#71d7ee;--red:#c5283b;--white:#f4f7fc;--muted:#a3b3cd;--line:rgba(130,170,222,.19);--ease:cubic-bezier(.22,.8,.25,1)}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--night);color:var(--white);font:16px/1.7 Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1}::selection{background:var(--cyan);color:var(--night)}:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 20px;background:#fff;color:var(--navy);transform:translateY(-170%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:80;pointer-events:none}.reading-progress span{display:block;height:100%;background:linear-gradient(90deg,#2367dc,var(--cyan),#ea6374);transform:scaleX(0);transform-origin:left}
.site-header{position:fixed;inset:17px 0 auto;z-index:50;transition:transform .4s var(--ease)}.navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:14px 20px 14px 28px;border:1px solid rgba(255,255,255,.65);border-radius:50px;background:rgba(255,255,255,.96);color:#11254a;box-shadow:0 10px 35px #02081735;transition:min-height .4s,padding .4s}.is-scrolled .navigation{min-height:68px;padding-block:10px;background:rgba(250,252,255,.96)}@supports(backdrop-filter:blur(14px)){.navigation{backdrop-filter:blur(14px)}}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{width:108px;height:auto}.brand-divider{height:34px;width:1px;background:#cbd4e1}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.3}.brand strong{font-size:21px;font-weight:800;letter-spacing:.02em}.brand small{margin-top:4px;font-size:9px;color:#576a84}.navigation-links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.navigation-links>a:not(.button){position:relative;padding-block:10px}.navigation-links>a:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}.navigation-links>a:hover:after,.navigation-links>a[aria-current]:after{transform:scaleX(1)}.menu-toggle{display:none}.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:56px;padding:16px 27px;border:1px solid transparent;border-radius:40px;background:var(--red);color:#fff;font-size:14px;font-weight:700;line-height:1.3;box-shadow:0 8px 24px #bd20342a;transition:transform .3s var(--ease),box-shadow .3s,background .3s}.button:before{content:'';position:absolute;inset:-100%;z-index:-1;background:linear-gradient(110deg,transparent 43%,#ffffff28 50%,transparent 57%);transform:translateX(-60%);transition:transform .8s var(--ease)}.button:hover:before{transform:translateX(60%)}.button:hover{transform:translateY(-3px);background:#d02c42;box-shadow:0 9px 30px #bd203445}.button .icon{width:20px;height:20px;transition:transform .3s}.button:hover .icon{transform:translateX(4px)}.button-small{min-height:43px;padding:13px 20px;font-size:12px;gap:12px}.button-ghost{background:#ffffff06;border-color:#ffffff44;box-shadow:none;color:#e6eefb}.button-ghost:hover{background:#ffffff10;border-color:var(--cyan);box-shadow:0 0 22px #59b2e118}.button-ghost>span{font-size:22px;line-height:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.7}.red-dash{width:19px;height:2px;background:#ed4c63}.section-index{color:#667fa8;margin-right:7px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:900px;background:linear-gradient(180deg,#071126,#060d21)}.hero-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(#4678ad12 1px,transparent 1px),linear-gradient(90deg,#4678ad12 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000 24%,#000 80%,transparent);animation:grid-drift 24s linear infinite}#connection-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-ambient{position:absolute;inset:2% -15% 12%;z-index:-2;background:radial-gradient(ellipse at 70% 20%,#187cad32,transparent 45%),radial-gradient(ellipse at 22% 40%,#245bbe24,transparent 45%);pointer-events:none}.hero-inner{padding-top:126px}.showcase-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.showcase-topline .eyebrow{font-size:9px;color:#a7bfdc;letter-spacing:.14em}.signal-dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.signal-dot:after{content:'';position:absolute;inset:-5px;border:1px solid #71d7ee88;border-radius:50%;animation:signal-pulse 3s ease-out infinite}#motion-toggle{display:flex;align-items:center;gap:7px;border:1px solid #9ac3f025;border-radius:24px;padding:5px 12px;background:#091a3480;color:#aabbd3;font-size:10px;line-height:1.5}#motion-toggle:hover{border-color:#72c0df88;color:#fff}#motion-toggle:disabled{cursor:default;opacity:.8}.motion-symbol{color:var(--cyan);font-size:11px}.classroom-showcase{position:relative;margin-inline:auto;max-width:1050px}#classroom-stage{position:relative;aspect-ratio:3.03;overflow:hidden;isolation:isolate;transform:perspective(1500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s var(--ease)}.classroom-photo,.photo-pan{position:absolute;inset:0;overflow:hidden}.photo-pan{transition:transform 1.7s var(--ease);transform:scale(1.02)}.photo-crop{position:absolute;top:50%;left:0;width:100%;aspect-ratio:1440/565;overflow:hidden;transform:translateY(-50%)}/* Approved screenshot crop only: x110,y360,w1440,h565. The crop remains closed while its parent moves. */.photo-crop>img{position:absolute;max-width:none;width:133.333333%;height:auto;left:-7.638889%;top:-63.716814%}#classroom-stage[data-view='1'] .photo-pan{transform:scale(1.17) translateX(-4%)}#classroom-stage[data-view='2'] .photo-pan{transform:scale(1.12) translate(2%,2%)}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060d21 0%,transparent 12%,transparent 88%,#060d21),linear-gradient(0deg,#060d21 0%,#060d2130 27%,transparent 58%,#060d21 100%)}.stage-shade:after{content:'';position:absolute;inset:0;opacity:.035;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#80b6da 4px)}.frame-corner{position:absolute;width:24px;height:24px;border-color:#71d7ee88;border-style:solid;border-width:0;pointer-events:none}.top-left{left:7%;top:9%;border-left-width:1px;border-top-width:1px}.top-right{right:7%;top:9%;border-right-width:1px;border-top-width:1px}.bottom-left{left:7%;bottom:14%;border-left-width:1px;border-bottom-width:1px}.bottom-right{right:7%;bottom:14%;border-right-width:1px;border-bottom-width:1px}.scan-beam{position:absolute;inset:5% auto 6% -10%;width:10%;background:linear-gradient(90deg,transparent,#65d0ed20);border-right:1px solid #9ce8f988;opacity:0;pointer-events:none}.is-switching .scan-beam{animation:scan-sweep 1s var(--ease)}.stage-index{position:absolute;left:8%;top:11%;font-size:8px;color:#d0e9fa;letter-spacing:.2em}.scene-annotation{position:absolute;display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s;color:white;pointer-events:none}.scene-annotation>span:last-child{display:flex;flex-direction:column;padding:10px 15px;border:1px solid #a4d4ef4d;background:#07172ce6;border-radius:3px;font-size:12px;font-weight:600;box-shadow:0 12px 30px #00122550}.scene-annotation>span>span{font-size:9px;color:#a1c2de;font-weight:400;letter-spacing:.02em}.annotation-room{left:16%;top:52%}.annotation-presence{left:49%;top:37%}.annotation-content{left:48%;top:37%}.annotation-target{position:relative;width:17px;height:17px;border:1px solid #b0eeff;border-radius:50%;background:#87dff333;box-shadow:0 0 20px #6dd7f733}.annotation-target:after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid #80d6f655;animation:signal-pulse 3s ease-out infinite}#classroom-stage[data-view='0'] .annotation-room,#classroom-stage[data-view='1'] .annotation-presence,#classroom-stage[data-view='2'] .annotation-content{opacity:1;transform:none}.showcase-controls{position:relative;display:flex;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:-9px auto 0;padding:5px;border:1px solid #6588b63d;border-radius:40px;background:#0c1b33d9;z-index:2}.showcase-controls button{display:flex;gap:8px;align-items:center;min-height:36px;padding:8px 17px;border:0;border-radius:30px;background:transparent;color:#9db3d0;font-size:11px;transition:color .3s,background .3s,box-shadow .3s}.showcase-controls button span{font-size:8px;color:#6a8ab0}.showcase-controls button[aria-pressed=true]{background:#1d48714f;box-shadow:inset 0 0 0 1px #68c7ec59;color:#e6f7ff}.showcase-controls button[aria-pressed=true] span{color:var(--cyan)}.showcase-controls button:hover{color:#fff}#scene-caption{margin-top:9px;min-height:19px;text-align:center;color:#99afcd;font-size:10px;letter-spacing:.025em}.hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:65px;align-items:center;padding-top:36px}.hero-copy .eyebrow{font-size:9px;margin-bottom:17px}h1{font-size:clamp(44px,4.8vw,70px);font-weight:900;letter-spacing:-.018em;line-height:1.02;font-variation-settings:'wdth' 75;text-transform:uppercase}.title-line{display:block;animation:title-arrive 1s var(--ease) both}.title-line+span{animation-delay:.14s}.accent-title{color:#6acbfa}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:29px}.hero-side{padding:3px 0 3px 26px;border-left:1px solid #6f93c845}.hero-side>p{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:#e6efff;margin-bottom:17px}.hero-description{font-size:14px;line-height:1.85;color:#b0c0d8;max-width:370px}.hero-acronym{display:block;max-width:345px;margin-top:22px;color:#84a0c6;font-size:8px;letter-spacing:.14em}.scroll-cue{display:flex;align-items:center;gap:13px;width:fit-content;margin:43px auto 25px;font-size:8px;letter-spacing:.17em;color:#8aa5c8}.scroll-cue>span:last-child{font-size:15px;color:var(--cyan)}.scroll-line{display:block;width:35px;height:1px;background:#6386b752;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:var(--cyan);animation:line-flow 2.5s ease-in-out infinite}
.section{padding-block:112px}h2{font-size:clamp(32px,3.2vw,47px);font-weight:650;letter-spacing:-.035em;line-height:1.14}h2 em{font-style:normal;font-weight:400;color:#89bcf4}.about{position:relative;overflow:hidden;background:linear-gradient(120deg,#0c1d3e,#0e254d);border-top:1px solid #30588a35;border-bottom:1px solid #30588a35}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.about-copy .eyebrow{margin-bottom:26px}.about-copy h2{margin-bottom:30px}.about-copy>p:not(.eyebrow){font-size:15px;color:#b3c3db;line-height:1.9;margin-top:16px}.about-signature{display:flex;align-items:center;gap:17px;margin-top:30px;color:#dce9ff;font-size:12px;line-height:1.7}.signature-rule{width:29px;height:2px;background:#e94b66}.spatial-diagram{position:relative;aspect-ratio:540/420;isolation:isolate}.spatial-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linejoin:round;stroke-linecap:round}.link-base{stroke:#5082b155;stroke-width:1}.link-flow{stroke:#8be4ff;stroke-width:1.5;stroke-dasharray:3 120;animation:link-flow 7s linear infinite}.floor-outline{stroke:#6bacdb55;fill:#3a75bd08}.floor-detail{stroke:#457caf22;stroke-width:1}.diagram-orbit{position:absolute;border:1px solid #5384b42a;border-radius:50%;z-index:-1}.orbit-one{inset:8% 14%;transform:rotate(-25deg) scaleY(.63)}.orbit-two{inset:0 8%;border-style:dashed;transform:rotate(20deg) scaleY(.7);animation:orbit-breathe 10s ease-in-out infinite alternate}.diagram-node{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 16px;background:#0b1e3e;border:1px solid #4d83b74a;border-radius:5px;box-shadow:0 12px 35px #020a2233;animation:float-node 6s ease-in-out infinite}.diagram-node strong{font-size:10px;color:#bcd7f6;font-weight:500}.diagram-node .icon{width:22px;height:22px;color:#80c7ef}.physical-node{left:0;top:61%}.online-node{right:0;top:61%;animation-delay:-3s}.diagram-core{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;justify-content:center;width:155px;height:155px;background:linear-gradient(145deg,#1c4065,#0c2142);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);color:#c7edff}.diagram-core:before{content:'';position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(160deg,#132f51,#0b1b35);z-index:-1}.diagram-core .icon{width:44px;height:44px;margin-bottom:10px;stroke-width:1.1}.diagram-core>span{font-size:12px;font-weight:600;letter-spacing:.09em}.diagram-core small{font-size:8px;margin-top:5px;color:#95b5d6}.diagram-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#779cc7;font-size:8px;letter-spacing:.17em}
.features{background:#080f25}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:47px}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;padding-bottom:4px;max-width:290px}.feature-primary{position:relative;isolation:isolate;overflow:hidden;display:flex;gap:24px;align-items:center;padding:32px 38px;border:1px solid #41689f48;border-radius:8px;background:linear-gradient(115deg,#123566,#101e3c);margin-bottom:24px}.feature-primary-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #69b0e849;transform:rotate(-8deg);background:#204a7233;border-radius:14px;flex-shrink:0}.feature-primary-icon .icon{width:36px;height:36px;color:#8ddcfc;transform:rotate(8deg);stroke-width:1.2}.feature-primary .eyebrow{font-size:8px;color:#86b8e8;margin-bottom:8px}.feature-primary h3{font-size:23px;font-weight:600;margin-bottom:9px}.feature-primary p{font-size:13px;color:#acc0da}.primary-outline{position:absolute;right:28px;top:50%;transform:translateY(-50%);z-index:-1;font-size:78px;font-weight:900;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #87c3ff12;pointer-events:none}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{position:relative;overflow:hidden;padding:35px 31px 39px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(140deg,#13274966,#0b142b00);transition:background .4s;isolation:isolate}.feature-card:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(250px circle at var(--px,50%) var(--py,40%),#3f8ac326,transparent);transition:opacity .35s}.feature-card:hover:before{opacity:1}.feature-number{position:absolute;top:33px;right:28px;font-size:10px;color:#58749c;letter-spacing:.08em}.feature-icon{color:#7ecbf0;margin-bottom:25px}.feature-icon .icon{width:31px;height:31px;stroke-width:1.3;transition:transform .4s var(--ease)}.feature-card:hover .feature-icon .icon{transform:translateY(-4px) rotate(-7deg)}.feature-card h3{font-size:18px;font-weight:550;line-height:1.35;margin-bottom:14px}.feature-card p{font-size:13px;color:#9cb0cd;line-height:1.85}.feature-card .feature-tag{color:#d0def1;font-size:12px;margin-bottom:9px}.feature-edge{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#409bde,var(--cyan),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.feature-card:hover .feature-edge{transform:scaleX(1)}
.how-it-works{background:#f4f7fb;color:#122952}.how-it-works h2{color:#112b57}.how-it-works h2 em{color:#316aaa}.how-it-works .eyebrow{color:#1a63ad}.how-it-works .section-heading>p{color:#5b718b}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:58px 0 0;position:relative}.steps:before{content:'';position:absolute;left:0;right:0;top:25px;border-top:1px solid #bdcee1}.steps li{position:relative}.step-number{position:relative;display:grid;place-items:center;width:49px;height:49px;border:1px solid #bdcee1;border-radius:50%;background:#f4f7fb;color:#1d5595;font-size:14px;margin-bottom:25px;transition:background .3s,color .3s,border .3s}.steps li:hover .step-number{background:#174f97;color:white;border-color:#174f97}.steps h3{font-size:16px;line-height:1.4;margin-bottom:13px;font-weight:600}.steps p{font-size:12px;color:#5b718b;line-height:1.8;max-width:210px}.research{background:#0d2043;border-top:1px solid #375a8533;border-bottom:1px solid #375a8533}.research-layout{display:flex;align-items:center;gap:48px;padding-block:70px}.research-brand{width:175px;flex-shrink:0;border-radius:9px;padding:17px;background:#f8fbff}.research-brand img{width:100%;height:auto}.research .eyebrow{font-size:9px;margin-bottom:16px}.research h2{font-size:30px;margin-bottom:17px;line-height:1.2}.research p:last-child{font-size:13px;line-height:1.9;max-width:495px;color:#a8bdd9}.research-label{margin-left:auto;padding-left:28px;border-left:1px solid #769bc733;font-size:29px;font-weight:300;letter-spacing:.05em}.research-label>span{display:block;margin-top:9px;font-size:8px;font-weight:500;letter-spacing:.1em;color:#8da8cf;white-space:nowrap}.final-cta{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding-block:100px 115px;background:radial-gradient(ellipse at 50% 100%,#15365b80,transparent 65%)}.final-cta .eyebrow{justify-content:center;font-size:9px;margin-bottom:28px}.final-cta h2{font-size:clamp(40px,5.6vw,76px);font-weight:650;line-height:1.05;margin-bottom:34px}.final-cta h2 em{font-weight:750;color:#78c6f5}.cta-rings{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.cta-rings>span{position:absolute;left:50%;top:50%;width:700px;height:700px;transform:translate(-50%,-20%) scaleY(.55);border:1px solid #628fc31c;border-radius:50%;animation:cta-breathe 7s ease-in-out infinite alternate}.cta-rings>span:nth-child(2){width:950px;height:950px;animation-delay:-2s}.cta-rings>span:nth-child(3){width:1200px;height:1200px;animation-delay:-4s}.site-footer{background:#f4f7fb;color:#12315d}.footer-layout{display:flex;gap:30px;align-items:center;min-height:133px;padding-block:30px}.footer-brand img{width:105px}.footer-brand strong{font-size:19px}.footer-brand small{font-size:8px}.footer-context{margin-left:auto;color:#506780;font-size:11px}.footer-context>span{display:block;font-size:10px;color:#607995}.back-to-top{display:flex;align-items:center;gap:14px;font-size:11px;color:#506780}.back-to-top span{font-size:19px}
.js [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.js [data-reveal].is-revealed{opacity:1;transform:none}.motion-paused *,.motion-paused *::before,.motion-paused *::after,.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}.hero-offscreen .hero *,.hero-offscreen .hero *::before,.hero-offscreen .hero *::after{animation-play-state:paused!important}.motion-paused #classroom-stage,.motion-paused .photo-pan{transition:none}.motion-paused .title-line{animation:none}.motion-paused [data-reveal]{transition-duration:0s}.motion-paused .scroll-line:after{transform:none}
@keyframes grid-drift{to{background-position:80px 80px}}@keyframes signal-pulse{0%{transform:scale(.7);opacity:.75}75%,100%{transform:scale(1.6);opacity:0}}@keyframes scan-sweep{0%{left:-10%;opacity:0}10%,75%{opacity:.8}100%{left:100%;opacity:0}}@keyframes title-arrive{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes line-flow{0%,15%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes link-flow{to{stroke-dashoffset:-492}}@keyframes orbit-breathe{to{transform:rotate(26deg) scaleY(.76)}}@keyframes float-node{50%{transform:translateY(-7px)}}@keyframes cta-breathe{to{transform:translate(-50%,-23%) scaleY(.58)}}
@media(min-width:1700px){.container{width:min(1360px,calc(100% - 120px))}.classroom-showcase{max-width:1140px}h1{font-size:87px}.hero-layout{gap:95px}.hero{min-height:980px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.brand{gap:12px}.brand img{width:90px}.brand strong{font-size:18px}.brand small{font-size:8px}.navigation-links{gap:20px;font-size:12px}.navigation{padding-inline:24px 16px}.hero-layout{gap:38px;grid-template-columns:1.3fr .8fr}h1{font-size:58px}.hero-actions .button{padding-inline:20px;gap:14px;font-size:12px}.hero-side>p{font-size:21px}.hero-description{font-size:13px}.hero{min-height:850px}.about-layout{gap:45px}.feature-card{padding:31px 24px}.research-layout{gap:30px}.research-brand{width:145px}.research-label{font-size:24px;padding-left:20px}.research p:last-child{font-size:12px}.research h2{font-size:26px}}
@media(max-width:850px){html{scroll-padding-top:115px}.container{width:calc(100% - 48px)}.site-header{top:13px}.navigation{min-height:70px;padding:14px 19px 14px 23px;position:relative;gap:15px}.brand img{width:92px}.brand strong{font-size:18px}.brand small{font-size:8px}.brand-divider{height:30px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:39px;height:39px;border:0;border-radius:50%;background:#112951;color:white;padding:11px;flex-shrink:0}.menu-toggle>span{width:17px;height:1.5px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.navigation-links{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;padding:17px 24px 22px;background:#fff;border:1px solid #d9e3f0;border-radius:20px;box-shadow:0 10px 30px #01061850;font-size:14px}.navigation-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px}.navigation-links>a:not(.button){padding:9px}.navigation-links>.button{align-self:flex-start;margin-top:7px}.navigation-links>a:not(.button):after{display:none}.hero-inner{padding-top:112px}.hero-layout{grid-template-columns:1fr;gap:29px;padding-top:34px}.hero-side{max-width:600px;border-left-width:2px;padding-left:20px;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:25px}.hero-side>p{margin:0;font-size:21px}.hero-acronym{grid-column:2;font-size:7px;margin-top:12px}h1{font-size:clamp(49px,8.2vw,69px)}.classroom-showcase{max-width:650px}.hero-actions .button{font-size:13px;padding-inline:24px}.hero{min-height:0}.hero-copy .eyebrow{font-size:8px}#classroom-stage{aspect-ratio:2.45}.scene-annotation>span:last-child{font-size:10px;padding:8px 11px}.scene-annotation>span>span{font-size:8px}.scene-annotation{gap:10px}.annotation-presence{left:44%}.annotation-content{left:43%}.stage-index{font-size:7px}.scroll-cue{margin-top:30px;margin-bottom:25px}.section{padding-block:80px}.about-layout{grid-template-columns:1fr;gap:35px}.spatial-diagram{width:min(470px,100%);margin-inline:auto;order:2}.about-copy{max-width:650px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:36px}.section-heading>p{font-size:14px;max-width:100%}h2{font-size:37px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-primary{padding:29px;gap:20px}.feature-primary h3{font-size:22px}.feature-primary p{font-size:12px}.primary-outline{font-size:68px}.steps{grid-template-columns:repeat(2,1fr);gap:40px 26px;margin-top:38px}.steps:before{display:none}.step-number{margin-bottom:20px}.steps h3{font-size:16px}.steps p{font-size:13px}.research-layout{flex-wrap:wrap;gap:29px}.research-label{display:none}.research-layout>div:nth-child(2){flex:1;min-width:240px}.research .eyebrow{font-size:8px}.research h2{font-size:28px}.research p:last-child{font-size:13px}.research-brand{width:150px}.final-cta h2{font-size:57px}.footer-layout{flex-wrap:wrap;padding-block:32px;gap:27px}.footer-context{margin-left:auto}.back-to-top{display:none}.footer-brand small{font-size:7px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.navigation{padding:12px 13px 12px 18px;min-height:65px}.site-header{top:12px}.brand{gap:10px}.brand img{width:75px}.brand-divider{height:27px}.brand strong{font-size:16px}.brand small{font-size:6px;margin-top:3px}.menu-toggle{width:35px;height:35px;padding:9px}.hero-inner{padding-top:104px}.showcase-topline .eyebrow{font-size:7px;letter-spacing:.07em;gap:8px}#motion-toggle{font-size:8px;padding:4px 8px;gap:5px}.motion-symbol{font-size:9px}.showcase-topline{gap:10px;margin-bottom:7px}#classroom-stage{aspect-ratio:1.7}.photo-crop{width:133%;left:-20%;aspect-ratio:1440/565}.classroom-photo{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.frame-corner{width:17px;height:17px}.top-left,.bottom-left{left:3%}.top-right,.bottom-right{right:3%}.stage-index{top:12%;left:5%;font-size:6px;letter-spacing:.12em}.scene-annotation{gap:8px}.scene-annotation>span:last-child{font-size:9px;padding:7px 9px}.scene-annotation>span>span{font-size:6px}.annotation-target{width:12px;height:12px}.annotation-target:after{inset:-5px}.annotation-room{left:10%;top:56%}.annotation-presence{left:38%;top:41%}.annotation-content{left:27%;top:41%}.showcase-controls{gap:2px;padding:4px;margin-top:-8px}.showcase-controls button{gap:5px;min-height:33px;font-size:9px;padding:7px 12px}.showcase-controls button span{font-size:7px}#scene-caption{font-size:8px;min-height:16px;margin-top:8px}.hero-layout{padding-top:28px;gap:26px}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:.075em;gap:7px;margin-bottom:15px}.red-dash{width:12px}h1{font-size:clamp(38px,11.7vw,59px);line-height:1.05;letter-spacing:-.028em}.hero-actions{gap:10px;margin-top:24px;flex-wrap:wrap}.hero-actions .button{min-height:48px;font-size:11px;gap:12px;padding:13px 17px}.hero-side{display:block;padding-left:16px;max-width:355px}.hero-side>p{font-size:19px;margin-bottom:11px}.hero-side>p br{display:none}.hero-description{font-size:12px;line-height:1.9}.hero-acronym{font-size:6px;margin-top:14px;letter-spacing:.11em}.scroll-cue{font-size:6px;margin:27px auto 21px;gap:10px}.section{padding-block:64px}h2{font-size:31px;line-height:1.15}.eyebrow{font-size:8px;letter-spacing:.11em}.about-copy .eyebrow{margin-bottom:21px}.about-copy h2{margin-bottom:23px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.95}.about-signature{font-size:11px;margin-top:24px}.about-layout{gap:24px}.diagram-node{padding:9px;gap:6px}.diagram-node strong{font-size:8px}.diagram-node .icon{width:18px;height:18px}.diagram-core{width:110px;height:110px}.diagram-core .icon{width:30px;height:30px;margin-bottom:7px}.diagram-core>span{font-size:9px}.diagram-core small{font-size:6px}.diagram-caption{font-size:6px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:12px}.feature-primary{padding:25px;gap:19px;flex-wrap:wrap;margin-bottom:18px}.feature-primary-icon{width:47px;height:47px;border-radius:10px}.feature-primary-icon .icon{width:27px;height:27px}.feature-primary>div:nth-child(2){flex-basis:100%}.feature-primary h3{font-size:21px;line-height:1.3}.feature-primary p{font-size:12px;line-height:1.85}.primary-outline{top:35px;transform:none;right:20px;font-size:61px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:29px 27px 31px}.feature-icon{margin-bottom:20px}.feature-card h3{font-size:19px}.feature-card p{font-size:12px}.feature-number{top:30px}.steps{gap:32px 24px}.step-number{width:43px;height:43px;font-size:12px;margin-bottom:18px}.steps h3{font-size:14px}.steps p{font-size:11px}.research-layout{padding-block:51px;gap:27px}.research-brand{width:142px;padding:15px}.research-layout>div:nth-child(2){flex-basis:100%;min-width:0}.research .eyebrow{font-size:7px}.research h2{font-size:28px}.research p:last-child{font-size:12px}.final-cta .eyebrow{font-size:7px;margin-bottom:23px}.final-cta h2{font-size:47px;margin-bottom:30px}.final-cta .button{min-height:51px;font-size:13px}.footer-layout{gap:23px;padding-block:28px}.footer-brand img{width:78px}.footer-brand strong{font-size:17px}.footer-brand small{font-size:6px}.footer-context{margin-left:0;flex-basis:100%;font-size:10px}.footer-context>span{font-size:9px}}
/* Core content only: preserve visual breathing room without decorative microcopy. */
.showcase-topline{justify-content:flex-end}.showcase-controls{margin-bottom:20px}.hero-layout{padding-bottom:64px}.hero{min-height:0}.hero-side{display:block}.about-copy h2{margin-bottom:25px}.feature-primary>div:nth-child(2){padding-block:5px}.research-layout{justify-content:center}.footer-layout{justify-content:space-between}.back-to-top{margin-left:auto}
@media(max-width:850px){.hero-layout{padding-bottom:45px}.hero-side{display:block}.spatial-diagram{margin-top:12px}}
@media(max-width:520px){.showcase-controls{margin-bottom:9px}.hero-layout{padding-bottom:40px}.feature-primary>div:nth-child(2){padding:0}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *:before,html:not(.motion-enabled) *:after{animation:none!important;transition:none!important}html:not(.motion-enabled).js [data-reveal]{opacity:1;transform:none}html:not(.motion-enabled) #classroom-stage{transform:none!important}html:not(.motion-enabled) .button:hover{transform:none}}

/* MMUVERSE public website identity. Existing classroom preview motion and Unity entry remain unchanged. */
@font-face{font-family:"ITC Avant Garde Gothic";src:url('assets/fonts/mmuverse-avant-book.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url('assets/fonts/mmuverse-avant-medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url('assets/fonts/mmuverse-avant-demi.otf') format('opentype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"ITC Avant Garde Gothic";src:url('assets/fonts/mmuverse-avant-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
body,button,input,select,textarea{font-family:"ITC Avant Garde Gothic",Roboto,Arial,sans-serif}h1,h2,h3{font-weight:700;letter-spacing:-.04em;font-variation-settings:normal}:root{--blue:#2866e3;--cyan:#ffda4a;--red:#c52b42}.navigation{border:2px solid #d8e2f4;border-radius:18px;background:white;backdrop-filter:none;box-shadow:0 5px 0 #071d4940}.is-scrolled .navigation{background:white}.brand strong{font-weight:700;letter-spacing:-.03em}.button{border-radius:11px;box-shadow:0 4px 0 #851b2c;font-weight:700}.navigation .button{background:#1554c9;box-shadow:0 4px 0 #0c3285}.hero{background:#10367f}.hero-ambient{background:radial-gradient(ellipse at 75% 20%,#2c6bd044,transparent 55%)}.stage-shade{background:linear-gradient(90deg,#10367f,transparent 12%,transparent 88%,#10367f),linear-gradient(0deg,#10367f,transparent 45%,transparent 65%,#10367f)}.accent-title{color:#ffdb4d}h1{font-weight:700}.hero-actions>.button:first-child{background:#ffd342;color:#1e3054;box-shadow:0 4px 0 #bf9517}.button-ghost{background:transparent;color:white;border-color:#a6c1f0;box-shadow:none}.hero-description{color:#e1ebff}.showcase-controls{background:#0d2d68;border-color:#5c86ca}.showcase-controls button[aria-pressed=true]{background:#ffd342;color:#213458;box-shadow:none}.showcase-controls button[aria-pressed=true] span{color:#213458}
.about{background:#edf4ff;color:#19345e}.about-copy>p:not(.eyebrow){color:#506783}.diagram-node{background:white;color:#203c67;border-color:#c3d4f0;box-shadow:0 4px 0 #cddaf0}.diagram-core{background:#1554c9;color:white}.diagram-orbit{border-color:#c8d8f0}.features{background:white;color:#18335e}.feature-primary{background:#1554c9;border-color:#1554c9;border-radius:18px;color:white}.feature-primary h3,.feature-primary p{color:white}.feature-grid{gap:16px;border:0}.feature-card{--feature:#c52b42;background:white;border:2px solid #dbe5f5;border-top:6px solid var(--feature);border-radius:17px;box-shadow:0 4px 0 #e0e8f5}.feature-card:nth-child(3n+2){--feature:#ffd342}.feature-card:nth-child(3n){--feature:#1554c9}.feature-card:hover{background:#f5f8ff}.feature-card h3{color:#19345e}.feature-card p{color:#526783}.feature-icon{background:var(--feature);color:white;border-radius:12px}.feature-card:nth-child(3n+2) .feature-icon{color:#233657}.feature-edge{background:var(--feature)}.how-it-works{background:#fff6d5}.step-number{background:#1554c9;color:white;border-color:#1554c9;font-weight:700}.research{background:#123d99}.research h2{color:white}.research p:last-child{color:#dce8ff}.final-cta{background:#c52b42}.final-cta h2{color:white}.final-cta h2 em{color:#ffdd51;font-style:normal}.final-cta .button{background:#ffd342;color:#203354;box-shadow:0 4px 0 #9c2432}.site-footer{background:#edf3ff}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #1548b6;outline-offset:4px}.hero :focus-visible,.research :focus-visible,.final-cta :focus-visible{outline-color:white}
/* Explicit light-section ink prevents dark-theme child colours from leaking through. */
.about,.features,.how-it-works,.site-footer{color:#19345e}.about h2,.features h2,.how-it-works h2,.how-it-works h3,.site-footer .brand strong{color:#19345e}.features .section-heading>p,.how-it-works .section-heading>p,.how-it-works .steps p,.site-footer .back-to-top,.site-footer .footer-context,.site-footer .footer-context>span,.site-footer .brand small{color:#50637d}.about .diagram-node strong{color:#203c67;font-weight:600}.about .diagram-node .icon{color:#1554c9}.about .diagram-caption,.about .about-signature{color:#4d6484}.about .diagram-core:before{background:#1554c9}.about .diagram-core small{color:#e6efff}.about .link-base{stroke:#8ba8d1}.about .link-flow{stroke:#1554c9}.about .floor-outline{stroke:#7499cf;fill:#1554c908}.about .floor-detail{stroke:#adc2e2}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}