@charset "UTF-8";
:root{--ink:#16324f;--sky:#72c8f1;--mist:#dce8ee;--ivory:#eeeae3;--muted:#4c677d;--line:#16324f26;--gutter:clamp(24px,5vw,88px);--song:"Orbit Song","Noto Serif SC","SimSun","Songti SC",serif;--kai:"Orbit Kai","KaiTi","STKaiti",serif;--desk:0;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--mist);font-family:var(--kai);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #245e86;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:var(--song);font-weight:400}em{font-style:normal;color:#517a99}::selection{background:#72c8f1;color:#16324f}.skip-link{position:fixed;top:-80px;left:24px;z-index:100;padding:14px;background:var(--ink);color:#fff}.skip-link:focus{top:15px}.eyebrow,.micro,.edition,.hero-eyebrow,.workflow-count,.value-index,.map-caption,.idea-footnote,.future-label,.viewer-note{font-family:Arial,var(--kai);font-size:10px;letter-spacing:.13em}.micro{letter-spacing:.02em;font-size:12px;color:var(--muted)}.site-header{position:fixed;inset:0 0 auto;height:90px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid transparent;transition:background .35s}.site-header.scrolled{background:#dce8eede;backdrop-filter:blur(20px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:21px;letter-spacing:.03em;font-weight:800}.brand small{display:block;font-family:var(--song);font-size:11px;font-weight:400;letter-spacing:.35em;margin-top:4px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{border-bottom:1px solid transparent;padding:7px 0}.site-header nav a:hover{border-color:var(--ink)}.nav-download{display:flex;align-items:center;gap:22px;font-family:Arial,sans-serif;font-size:11px;padding:12px 18px;border:1px solid #16324f44;border-radius:99px}.nav-download svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.3}.nav-download:hover{background:var(--ink);color:#eff6fa}.cursor-glow{position:fixed;inset:0 auto auto 0;width:580px;height:580px;pointer-events:none;z-index:9;border-radius:50%;background:radial-gradient(circle at 50% 50%,#458aca45 0,#659dc031 18%,#827bca26 34%,transparent 67%);mix-blend-mode:multiply;opacity:0;transition:opacity .4s;will-change:transform;contain:strict}.hero-section{min-height:720px;height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 49% 45%,#eeeae3 0,#e4e8e8 35%,#d5e5ee 68%,#a9cde1 100%)}.hero-orbit{position:absolute;left:50%;top:50%;width:136vw;height:136vw;transform:translate(-50%,-50%) rotate(-5deg);background:linear-gradient(135deg,#749bb7,#153b62 62%,#83c7e9);mask:url(assets/orbit-symbol.webp) center/contain no-repeat;-webkit-mask:url(assets/orbit-symbol.webp) center/contain no-repeat;opacity:.19}.hero-axis{position:absolute;width:120%;height:1px;left:-10%;top:56%;background:linear-gradient(90deg,transparent,#16324f24,transparent);transform:rotate(-26deg)}.hero-node{width:18px;height:18px;background:var(--sky);border-radius:50%;position:absolute;top:22%;right:13%;box-shadow:0 0 35px #72c8f175}.hero-eyebrow{position:absolute;top:23%;width:100%;text-align:center;font-size:9px;letter-spacing:.28em}.hero-center{position:absolute;top:42%;width:100%;transform:translateY(-27%);text-align:center}.brand-reveal{position:relative;background:transparent;font-family:Arial,sans-serif;font-weight:900;line-height:.92;font-size:clamp(115px,20vw,350px);letter-spacing:-.072em;padding:0 .05em 0 0;width:100%;isolation:isolate}.word-en{display:block;transition:opacity 1.6s,filter 1.6s,transform 1.6s}.word-cn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--song);font-weight:400;font-size:.65em;letter-spacing:.22em;padding-left:.22em;opacity:0;filter:blur(20px);transform:translateY(15px);transition:opacity 2s,filter 2s,transform 2s}.brand-reveal.is-revealed .word-en{opacity:.09;filter:blur(1px);transform:scale(.99)}.brand-reveal.is-revealed .word-cn{opacity:1;filter:blur(0);transform:none}.hero-tagline{font-family:var(--song);font-size:clamp(19px,1.7vw,29px);letter-spacing:.27em;margin-top:31px}.hero-tagline span{margin-left:1.3em}.reveal-invite{display:inline-block;margin-top:23px;font-size:12px;color:var(--muted);letter-spacing:.08em}.reveal-invite span{margin-left:8px}.hero-download{position:absolute;left:50%;bottom:15.5%;transform:translateX(-50%);width:310px;z-index:12;scroll-margin-top:190px}.install-button{display:flex;align-items:center;gap:16px;padding:17px 21px;border:1px solid #9db8c880;border-radius:99px;background:linear-gradient(135deg,#173953,#284e68);color:#f0f6f8;box-shadow:0 10px 25px #264e6525;transition:transform .3s,box-shadow .3s;font-family:var(--kai);font-size:17px}.install-button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #264e653c}.install-button small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.14em;margin-top:6px;opacity:.67}.download-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d4e7f62f;border-radius:50%}.download-icon svg{width:20px;height:20px;stroke:#d6edf8;stroke-width:1.15}.download-arrow{margin-left:auto;font-family:Arial,sans-serif;font-size:18px}.download-details{display:flex;justify-content:center;align-items:center;gap:12px;font-family:Arial,var(--kai);font-size:8px;color:var(--muted);margin-top:13px}.download-details button{background:none;padding:0;font-size:10px}.hero-bottom{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:14px;line-height:1.8}.hero-bottom p span{font-size:11px;color:var(--muted)}.scroll-cue{font-size:12px;display:flex;gap:26px;align-items:center}.scroll-cue span{font-family:Arial,sans-serif;font-size:26px}.edition{line-height:1.9;text-align:right;font-size:8px;color:var(--muted)}
.scroll-scene{position:relative}.scene-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}.section-top{position:absolute;top:118px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;z-index:5}.desk-section{height:270svh;background:#e9eff4}.desk-stage{background:radial-gradient(ellipse at 52% 65%,#d6e9f4,#edf1f4 64%)}.desk-copy{position:absolute;top:21%;left:var(--gutter);z-index:5}.desk-copy h2{font-size:clamp(40px,4.4vw,78px);line-height:1.25;font-weight:500;letter-spacing:-.05em}.desk-copy h2 em,.camera-heading em{font-style:normal;color:#517a99}.desk-copy p{font-size:13px;line-height:1.9;margin-top:24px;max-width:340px;color:var(--muted)}.desk-world{position:absolute;top:29%;left:22%;width:76%;height:65%;perspective:1300px;transform:translateY(calc((1 - var(--desk)) * 100px)) scale(calc(.58 + var(--desk) * .42));opacity:calc(.16 + var(--desk) * .84);transform-origin:55% 20%;clip-path:circle(calc(14% + var(--desk) * 105%) at 54% 26%);will-change:transform,clip-path}.desk-surface{position:absolute;left:3%;right:3%;top:37%;height:69%;background:linear-gradient(130deg,#eaf5fb,#c2d6e4 65%,#dce7ee);transform:rotateX(53deg) rotateZ(-3deg);border:1px solid #b1cadb;border-radius:24px;box-shadow:0 22px 0 #b6c8d6,0 44px 60px #8ba6b250;overflow:hidden}.surface-line{height:100%;width:100%;background:repeating-linear-gradient(0deg,transparent 0 69px,#92b2ca25 70px 71px),repeating-linear-gradient(90deg,transparent 0 89px,#92b2ca25 90px 91px)}.surface-orbit{position:absolute;inset:5% 20%;background:#52789517;mask:url(assets/orbit-symbol.webp) center/contain no-repeat}.desk-screen{position:absolute;width:49%;left:37%;top:0;height:260px;background:#edf4f8;border:7px solid #304457;border-radius:14px;box-shadow:0 24px 70px #52789522;transform:rotateY(-12deg) rotateX(5deg);z-index:3}.screen-bar{display:flex;align-items:center;gap:6px;height:33px;background:#dce9f1;padding:4px 12px;font-size:8px;border-bottom:1px solid #aac6d9}.screen-bar b{font-size:8px;letter-spacing:.05em}.screen-bar>span{margin-left:auto;font-size:7px}.screen-content{padding:18px 24px}.screen-kicker{font-size:8px;letter-spacing:.06em;color:var(--muted)}.screen-content h3{font-size:26px;font-weight:500;margin-top:8px}.screen-content p{font-size:8px;color:var(--muted);margin-top:6px}.screen-plan{display:flex;gap:10px;margin-top:17px}.screen-plan>div{flex:1;background:#dceaf3;padding:12px 8px;border-radius:6px;display:flex;flex-direction:column;gap:5px;font-size:9px}.screen-plan i{height:3px;width:20px;background:var(--sky);margin-bottom:2px}.screen-plan b{font-weight:400;font-size:8px;color:var(--muted)}.monitor-foot{position:absolute;bottom:-69px;left:43%;height:62px;width:16%;background:linear-gradient(90deg,#90a2b1,#b6c6d2);z-index:-1}.monitor-foot:after{content:"";position:absolute;bottom:0;left:-65%;width:230%;height:10px;background:#b8c9d4;border-radius:50%}.desk-card{position:absolute;width:25%;padding:22px 20px;background:rgba(250,252,253,.92);border:1px solid #c8d9e5;border-radius:12px;box-shadow:0 20px 40px #5b7d981c;z-index:4;transform:translateY(calc((1 - var(--appear,0)) * 70px)) rotateY(-8deg);opacity:var(--appear,0)}.desk-card small{display:block;font-size:8px;letter-spacing:.15em;color:var(--muted)}.desk-card b{display:block;font-weight:500;font-size:14px;line-height:1.5;margin-top:17px}.desk-card p{font-size:9px;color:var(--muted);margin-top:7px}.card-symbol{position:absolute;right:15px;top:17px;font-size:20px;color:#459ec9}.card-one{top:44%;left:8%;transform:translateY(calc((1 - var(--appear,0)) * 70px)) rotate(-6deg)}.card-two{top:58%;left:38%;transform:translateY(calc((1 - var(--appear,0)) * 70px)) rotate(3deg)}.card-three{top:46%;left:68%;transform:translateY(calc((1 - var(--appear,0)) * 70px)) rotate(7deg)}.mini-people{display:flex;align-items:center;margin-top:18px}.mini-people i{font-size:8px;font-style:normal;background:#c9e8f8;border:2px solid #f6fbfd;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;margin-right:-5px}.mini-people span{font-size:8px;margin-left:12px;color:var(--muted)}.mini-thumbs{display:flex;gap:6px;margin-top:17px}.mini-thumbs i{height:26px;flex:1;background:linear-gradient(135deg,#c9e8f8 50%,#87adc8 51%);border-radius:3px}.mini-thumbs i:nth-child(2){background:linear-gradient(45deg,#b7caca 50%,#80a3b0 51%)}.mini-progress{margin-top:25px;height:4px;background:#d4e2eb;border-radius:4px}.mini-progress i{display:block;height:100%;width:75%;background:#68bfe8}.projector{position:absolute;left:6%;top:31%;width:100px;height:60px;background:linear-gradient(#e5edf2,#a6bccd);border-radius:12px 12px 18px 18px;transform:rotate(-9deg);box-shadow:8px 15px 25px #56708622;z-index:3}.projector>span{position:absolute;right:-9px;top:18px;width:32px;height:32px;border-radius:50%;border:8px solid #718fa6;background:#bddff2}.projector>i{position:absolute;top:12px;left:10px;width:36px;height:25px;border-radius:4px;background:repeating-linear-gradient(0deg,#788fa122 0 2px,transparent 2px 4px)}.projector-beam{position:absolute;left:12%;top:12%;width:50%;height:39%;background:linear-gradient(20deg,#91d2f25c,transparent);clip-path:polygon(0 86%,100% 0,100% 85%);filter:blur(2px);opacity:calc(var(--desk) * .5);z-index:1}.scene-bottom{position:absolute;bottom:29px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.04em;color:var(--muted);align-items:center;z-index:5}.scene-progress{height:1px;width:25%;background:#16324f22}.scene-progress i{display:block;height:100%;width:calc(var(--desk) * 100%);background:var(--ink)}

.desk-section{height:235svh;background:#dce8ee}.desk-stage{background:radial-gradient(ellipse at 52% 65%,#c9e0ec,#dfe8ed 64%)}.desk-copy h2{font-family:var(--song);letter-spacing:.015em;font-weight:400}.desk-copy p{font-size:16px;line-height:1.9;max-width:340px}.desk-card b{font-family:var(--song);font-weight:400}.desk-card p{font-size:11px}.screen-content h3{font-family:var(--song)}.screen-content p{font-size:10px}.scene-bottom{font-family:Arial,var(--kai)}
.statement-section{padding:100px var(--gutter);background:linear-gradient(130deg,#e0e9ed,#d1e2ea)}.statement-marker{display:flex;align-items:center;gap:20px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.18em}.orbit-line{width:44px;height:21px;border:1px solid #6994b3;border-radius:50%;transform:rotate(-28deg);position:relative}.orbit-line:after{content:"";position:absolute;right:0;top:-4px;width:6px;height:6px;background:var(--sky);border-radius:50%}.idea-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;margin-top:45px}.statement{font-family:var(--song);font-size:clamp(33px,4.25vw,74px);line-height:1.45;letter-spacing:.02em}.statement span{color:#517a99}.idea-copy>p{font-size:17px;line-height:1.95;color:var(--muted);margin-top:29px}.idea-footnote{display:block;margin-top:32px;font-size:9px;letter-spacing:.07em;color:var(--muted)}.campus-map{aspect-ratio:520/430;position:relative;width:100%;max-width:560px;margin:auto}.campus-map svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#5980a350;stroke-width:1}.campus-map svg path{stroke-dasharray:2 6}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px;font-family:var(--song);font-size:16px}.map-node{position:absolute;padding:13px 17px;background:#e4eef0eb;border:1px solid #94b4c650;border-radius:2px;font-family:var(--song);font-size:16px;box-shadow:0 8px 20px #16324f08}.map-node i{width:5px;height:5px;border-radius:50%;display:inline-block;background:#549ec5;margin-right:8px}.map-node small{display:block;font-family:var(--kai);font-size:12px;color:var(--muted);margin-top:7px;padding-left:13px}.map-node-one{left:0;top:24%}.map-node-two{right:0;top:12%}.map-node-three{left:5%;bottom:12%}.map-node-four{right:0;bottom:14%}.map-caption{position:absolute;bottom:-6px;left:0;width:100%;text-align:center;font-size:8px;color:var(--muted)}.map-traveler{fill:#72c8f1;stroke:none;transform-origin:260px 215px;animation:map-orbit 18s linear infinite}@keyframes map-orbit{from{transform:rotate(0deg) translateX(190px)}to{transform:rotate(360deg) translateX(190px)}}
.experience-section{height:340svh;background:#d7e4ea}.experience-stage{background:linear-gradient(120deg,#dce8ed,#d0e0e8);--flow-drift:0px}.workflow-composition{position:absolute;left:var(--gutter);right:0;top:23%;bottom:18%;display:grid;grid-template-columns:33% 1fr;align-items:center;isolation:isolate}.workflow-copy{position:relative;z-index:2;padding-right:20px}.workflow-count{font-size:10px;color:#517a99}.workflow-copy h2{font-size:clamp(32px,3.5vw,63px);line-height:1.3;letter-spacing:.01em;margin:21px 0 32px}.workflow-copy h3{font-size:clamp(18px,1.7vw,28px);letter-spacing:.02em}.workflow-copy p{font-size:16px;line-height:1.95;margin-top:19px;color:var(--muted)}.step-tag{display:block;font-size:11px;color:var(--muted);margin-top:22px}.text-button{display:inline-flex;gap:27px;align-items:center;padding:8px 0;background:none;border-bottom:1px solid #16324f50;font-size:13px}.workflow-copy>.text-button{margin-top:28px}.workflow-image-area{height:100%;position:relative;display:flex;align-items:center;overflow:hidden;padding:12px 0 12px 2%;transform:translateY(var(--flow-drift));transition:opacity .24s,transform .35s}.workflow-image-area.changing{opacity:.12}.workflow-image-area img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:left center;filter:saturate(.63);opacity:.93;mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent)}.image-blend{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#d7e5eb 0,transparent 4%,transparent 96%,#d0e0e8),linear-gradient(0deg,#d2e1e9 0,transparent 7%,transparent 93%,#d4e2e9)}.workflow-image-label{position:absolute;right:var(--gutter);bottom:0;font-size:12px;letter-spacing:.06em;color:var(--muted)}.workflow-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:5%;display:flex;align-items:center;justify-content:space-between;gap:35px}.viewer-controls{display:flex;gap:0;flex:1;max-width:650px;border-bottom:1px solid var(--line)}.viewer-controls button{background:none;flex:1;display:flex;align-items:center;gap:17px;padding:14px 0;border-bottom:1px solid transparent;font-size:15px;color:var(--muted)}.viewer-controls button span{font-family:Arial;font-size:9px;color:#6e91a7}.viewer-controls button.active{color:var(--ink);border-color:var(--ink)}.viewer-note{font-size:9px;line-height:1.85;letter-spacing:0;color:var(--muted)}
.vision-section{padding:100px var(--gutter) 0;background:#dde7e9}.vision-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}.vision-copy h2{font-size:clamp(31px,3.8vw,65px);line-height:1.4;margin-top:31px;letter-spacing:.01em}.vision-copy p{font-size:17px;line-height:1.95;color:var(--muted);margin-top:25px}.future-label{display:block;font-size:9px;letter-spacing:.02em;color:var(--muted);margin-top:22px}.vision-picture{overflow:hidden}.vision-picture img{width:100%;height:clamp(270px,29vw,430px);object-fit:cover;object-position:66% center;border-radius:2px}.vision-picture figcaption{font-family:Arial,var(--kai);font-size:8px;letter-spacing:.1em;text-align:right;margin-top:12px;color:var(--muted)}.value-rows{margin-top:70px}.value-row{display:grid;grid-template-columns:21% 34% 1fr;gap:4%;align-items:start;border-top:1px solid var(--line);padding:40px 0}.value-index{font-size:9px;color:var(--muted);padding-top:10px}.value-row h3{font-size:clamp(25px,2.3vw,41px);line-height:1.5}.value-row p{font-size:16px;line-height:1.9;color:var(--muted)}.value-row>div>span{display:block;font-size:10px;margin-top:16px;color:#648298}.value-row .text-button{margin-top:16px}.closing-line{padding:58px 0 62px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.closing-line>span{font-size:14px;color:var(--muted)}.closing-line p{font-family:var(--song);font-size:clamp(24px,2.5vw,43px)}.closing-line a{font-size:13px}.closing-line a span{margin-left:22px}
.site-footer{padding:20px var(--gutter) 25px;background:#cddde4}.footer-rule{width:45%;max-width:620px;height:1px;background:var(--ink);opacity:.3;margin:0 auto}.footer-top{display:flex;align-items:center;gap:38px;padding:48px 0}.footer-top p{font-size:15px;color:var(--muted)}.back-top{margin-left:auto;width:40px;height:40px;border:1px solid #16324f40;border-radius:50%;display:grid;place-items:center;font-family:Arial;font-size:20px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:10px 0 60px}.footer-columns>div{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.footer-columns h3{font-size:17px;margin-bottom:7px}.footer-columns a,.footer-columns button{font-size:14px;color:var(--muted);line-height:1.7}.footer-columns button,.footer-bottom button{padding:0;background:none;text-align:left}.footer-columns a:hover,.footer-columns button:hover,.footer-bottom button:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px;color:var(--muted);gap:12px}.footer-bottom>div{display:flex;gap:20px}.footer-bottom button{font-size:10px;color:var(--muted)}.copyright{text-align:center;font-family:Arial,var(--kai);font-size:10px}.footer-motto{text-align:right;font-family:Arial;font-size:7px;letter-spacing:.1em}.reveal{opacity:1}.js-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.js-enabled .reveal.visible{opacity:1;transform:none}dialog{border:1px solid #9eb8c8;background:#e7eff2;color:var(--ink);border-radius:12px;padding:32px;width:680px;max-width:calc(100vw - 32px);max-height:85svh;box-shadow:0 30px 90px #16324f30}dialog::backdrop{background:#16324f66;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-family:Arial;font-size:9px;letter-spacing:.1em;padding-bottom:25px}.dialog-top button{background:none;font-family:Arial;font-size:26px;padding:0 4px}.dialog-top+h2{font-size:28px;line-height:1.5;margin-bottom:20px}#dialog-content{font-size:16px;line-height:1.95;color:var(--muted)}#dialog-content p+p{margin-top:16px}#dialog-content h3{font-size:20px;color:var(--ink);margin:24px 0 12px}#dialog-content ol{padding-left:22px}#dialog-content code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere;display:block;padding:15px;background:#d8e5ec;margin:16px 0}#dialog-content a{text-decoration:underline}#info-dialog.image-dialog{width:1250px}#dialog-content .dialog-image{width:100%;height:auto;margin-top:16px}.noscript-note{padding:20px;background:#c9e0ec;font-size:14px}html:not(.js-enabled) .desk-world{--desk:1;clip-path:none;opacity:1}html:not(.js-enabled) .desk-card{--appear:1}
@media(min-width:1900px){.desk-screen{height:330px}.screen-content{padding:28px 35px}.screen-content h3{font-size:34px}.screen-plan>div{padding:18px 12px;font-size:12px}.screen-content p,.screen-kicker{font-size:11px}.desk-card b{font-size:19px}.desk-card p{font-size:12px}.desk-card{padding:30px}.desk-card small{font-size:10px}}
@media(max-width:1050px){.site-header nav{gap:23px}.desk-copy h2{font-size:44px}.desk-copy p{font-size:14px;max-width:285px}.desk-world{left:12%;width:86%;top:40%;height:55%}.desk-screen{height:225px}.screen-content{padding:13px 17px}.desk-card{padding:18px 13px}.desk-card b{font-size:12px}.desk-card p{font-size:9px}.screen-content h3{font-size:22px}.idea-layout{gap:2%}.statement{font-size:37px}.idea-copy>p,.vision-copy p{font-size:15px}.map-node{font-size:13px;padding:10px 12px}.workflow-copy p{font-size:14px}.workflow-copy h2{font-size:35px}.workflow-copy h3{font-size:21px}.workflow-composition{grid-template-columns:36% 1fr}.value-row{grid-template-columns:18% 35% 1fr;gap:3%}.value-row p{font-size:15px}.footer-motto{display:none}.footer-bottom{grid-template-columns:1fr 1fr}.copyright{text-align:right}}
@media(max-width:680px){:root{--gutter:24px}.site-header{height:76px}.site-header nav{display:none}.brand{font-size:18px;gap:5px}.brand img{width:34px;height:34px}.brand small{font-size:9px}.nav-download{font-size:9px;gap:15px;padding:10px 14px}.hero-section{min-height:690px;height:100svh}.hero-orbit{width:235vw;height:235vw;transform:translate(-50%,-50%) rotate(-15deg);opacity:.18}.hero-eyebrow{top:26%;font-size:7px;letter-spacing:.16em}.hero-center{top:43%;transform:translateY(-22%)}.brand-reveal{font-size:24vw}.word-cn{font-size:.85em}.hero-tagline{font-size:19px;letter-spacing:.15em;margin-top:27px}.hero-tagline span{margin-left:.9em}.reveal-invite{font-size:11px;margin-top:24px}.hero-download{bottom:17%;width:280px}.install-button{font-size:16px;padding:16px 20px}.hero-bottom{bottom:27px}.hero-bottom p{font-size:12px}.hero-bottom p span{font-size:10px}.edition{display:none}.scroll-cue{font-size:10px;gap:15px}.hero-node{width:15px;height:15px;top:20%;right:10%}.scene-sticky{min-height:0}.section-top{top:106px}.section-top .micro{display:none}.eyebrow{font-size:8px}.desk-section{height:210svh}.desk-copy{top:22%;left:24px}.desk-copy h2{font-size:38px}.desk-copy p{font-size:13px;margin-top:18px;max-width:330px}.desk-world{top:47%;left:-18%;width:133%;height:44%;transform-origin:60% 15%}.desk-screen{width:48%;height:185px;left:43%;border-width:5px;border-radius:8px}.screen-bar{padding:3px 7px;height:26px}.screen-bar img{width:18px;height:18px}.screen-bar b{font-size:6px}.screen-bar>span{font-size:6px}.screen-content{padding:12px}.screen-content h3{font-size:18px;margin-top:5px}.screen-content p,.screen-kicker{font-size:6px}.screen-plan{gap:5px;margin-top:11px}.screen-plan>div{padding:7px 5px;font-size:7px}.screen-plan b{font-size:6px}.desk-card{width:26%;padding:15px 10px;border-radius:7px}.desk-card b{font-size:9px;margin-top:14px}.desk-card p{font-size:7px}.desk-card small{font-size:5px}.card-symbol{font-size:13px;top:10px;right:8px}.card-one{left:10%;top:53%}.card-two{left:40%;top:68%}.card-three{left:69%;top:55%}.mini-thumbs{margin-top:12px}.mini-thumbs i{height:20px}.mini-people{margin-top:12px}.mini-people i{font-size:6px;width:20px;height:20px}.mini-people span{font-size:6px;margin-left:9px}.mini-progress{margin-top:19px}.projector{left:16%;top:36%;transform:scale(.6) rotate(-9deg)}.scene-bottom{bottom:25px;font-size:7px;gap:15px}.scene-progress{width:20%}.statement-section{padding:70px 24px 60px}.statement-marker{font-size:8px}.idea-layout{grid-template-columns:1fr;gap:25px;margin-top:35px}.statement{font-size:35px;letter-spacing:0}.idea-copy>p{font-size:15px;line-height:1.85;margin-top:22px}.idea-footnote{font-size:8px;margin-top:23px}.campus-map{max-width:410px;margin-top:10px}.map-node{font-size:13px;padding:9px 11px}.map-node small{font-size:10px}.map-center{font-size:13px}.map-center img{width:40px;height:40px}.map-caption{font-size:7px}.experience-section{height:340svh}.workflow-composition{top:21%;left:24px;right:24px;bottom:20%;display:flex;flex-direction:column;gap:22px;align-items:stretch}.workflow-copy{padding:0}.workflow-copy h2{font-size:30px;margin:15px 0 20px}.workflow-copy h2 br{display:none}.workflow-copy h2 em{margin-left:.3em}.workflow-copy h3{font-size:22px}.workflow-copy p{font-size:14px;line-height:1.8;margin-top:12px}.workflow-count{font-size:8px}.step-tag{font-size:9px;margin-top:12px}.workflow-copy>.text-button{font-size:11px;margin-top:13px}.workflow-image-area{height:auto;min-height:0;flex:1;padding:0;overflow:visible}.workflow-image-area img{max-height:100%;width:100%;mask-image:linear-gradient(#000 90%,transparent);-webkit-mask-image:linear-gradient(#000 90%,transparent)}.image-blend{display:none}.workflow-image-label{display:none}.workflow-bottom{bottom:5%;display:block}.viewer-controls{gap:15px}.viewer-controls button{font-size:13px;gap:9px;padding:10px 0}.viewer-controls button span{font-size:8px}.viewer-note{font-size:8px;margin-top:13px;line-height:1.8}.vision-section{padding:70px 24px 0}.vision-intro{grid-template-columns:1fr;gap:30px}.vision-copy h2{font-size:35px;margin-top:24px}.vision-copy p{font-size:15px;margin-top:22px}.future-label{font-size:8px;line-height:1.8}.vision-picture img{height:270px}.vision-picture figcaption{font-size:7px}.value-rows{margin-top:42px}.value-row{grid-template-columns:1fr;padding:30px 0;gap:15px}.value-index{font-size:8px;padding:0}.value-row h3{font-size:28px}.value-row p{font-size:15px}.value-row>div>span{font-size:9px;line-height:1.7}.closing-line{display:grid;grid-template-columns:1fr auto;padding:38px 0;gap:16px}.closing-line>span{font-size:11px;grid-column:1/-1}.closing-line p{font-size:25px}.closing-line a{font-size:10px}.closing-line a span{margin-left:10px}.site-footer{padding-top:12px}.footer-rule{width:60%}.footer-top{padding:35px 0;gap:18px}.footer-top p{font-size:12px}.back-top{width:30px;height:30px;font-size:15px}.footer-columns{grid-template-columns:1fr 1fr;gap:36px 22px;padding:5px 0 37px}.footer-columns>div{gap:12px}.footer-columns h3{font-size:16px;margin-bottom:3px}.footer-columns a,.footer-columns button{font-size:13px}.footer-bottom{grid-template-columns:1fr;text-align:center;padding-top:20px;gap:20px}.footer-bottom>div{justify-content:center}.copyright{text-align:center;font-size:9px}.footer-bottom button{font-size:10px}dialog{padding:24px}.dialog-top+h2{font-size:25px}#dialog-content{font-size:15px}}
@media(max-height:760px) and (min-width:681px){.hero-eyebrow{top:21%}.hero-center{top:40%}.brand-reveal{font-size:18vw;max-height:220px}.hero-tagline{margin-top:22px}.hero-download{bottom:14%}.hero-section{min-height:680px}.workflow-copy h2{margin:15px 0 24px}.workflow-copy p{font-size:14px}.scene-sticky{min-height:0}}
@media(hover:none),(pointer:coarse){.cursor-glow{display:none}}html.reduced{scroll-behavior:auto}html.reduced .cursor-glow{display:none}html.reduced .desk-section{height:auto}html.reduced .desk-stage{position:relative}html.reduced .desk-world{--desk:1;transform:none;clip-path:none;opacity:1}html.reduced .desk-card{--appear:1}html.reduced .experience-section{height:auto}html.reduced .experience-stage{position:relative}html.reduced .scene-progress i{width:100%}html.reduced .reveal{opacity:1;transform:none}html.reduced *,html.reduced *:before,html.reduced *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-glow{display:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Unified entry, morph transition and exit choreography. */
.ui-icon{display:inline-block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.download-arrow .ui-icon{width:18px;height:18px}.reveal-invite .ui-icon{width:12px;height:12px}.back-top .ui-icon{width:16px;height:16px}.card-symbol .ui-icon{width:20px;height:20px}.scroll-cue .ui-icon{width:24px;height:24px}.motion-unit{transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .8s cubic-bezier(.22,1,.36,1),filter .7s;transition-delay:var(--motion-delay,0ms)}.js-enabled .motion-unit{opacity:0;translate:0 24px;filter:blur(3px)}.js-enabled .motion-unit.motion-in{opacity:1;translate:0 0;filter:blur(0)}.scene-unit{opacity:var(--scene-visibility,1);translate:0 var(--scene-shift,0px);transition:opacity .12s linear,translate .2s linear}.hero-center{animation:hero-arrive 1.3s cubic-bezier(.22,1,.36,1) both}.hero-eyebrow{animation:hero-arrive 1.3s .12s both}.hero-download{animation:hero-arrive 1.2s .25s both}.hero-bottom{animation:hero-arrive 1.2s .35s both}@keyframes hero-arrive{from{opacity:0;translate:0 22px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}a,button{transition:scale .25s cubic-bezier(.22,1,.36,1),color .25s,background .25s,box-shadow .25s,opacity .25s;transform-origin:center}a:hover,button:hover{scale:1.025}a:active,button:active{scale:.97}.brand-reveal:hover{scale:1.008}.brand-reveal:active{scale:.993}.nav-download,.install-button{transition:scale .25s,background .3s,box-shadow .3s,transform .3s}.text-button .ui-icon,.closing-line a .ui-icon,.nav-download .ui-icon,.install-button .download-arrow{transition:translate .3s,rotate .3s}a:hover .ui-icon,button:hover .ui-icon{translate:2px -2px}.install-button:hover .download-arrow{translate:3px -3px}.viewer-controls button{transition:scale .25s,color .25s,border-color .35s,background .25s}.viewer-controls button:hover{background:#bdd8e233}.desk-card>*{transition:opacity .5s,translate .7s;opacity:var(--appear,0);translate:0 calc((1 - var(--appear,0)) * 10px)}.desk-screen,.desk-surface,.projector,.projector-beam{transition:filter .5s,border-radius .7s}.desk-screen{border-radius:calc(14px + (1 - var(--desk)) * 28px)}.vision-picture img{transition:scale 1.2s cubic-bezier(.22,1,.36,1),filter 1s;scale:1.04}.vision-picture.motion-in img{scale:1}.vision-picture:hover img{scale:1.02}.map-node{transition:opacity .7s,translate .8s,box-shadow .3s,scale .3s}.map-node:hover{scale:1.035;box-shadow:0 10px 24px #16324f13}dialog[open]::backdrop{animation:backdrop-in .3s ease both}dialog.closing::backdrop{animation:backdrop-out .18s ease both}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{to{opacity:0}}html.reduced .motion-unit{opacity:1;translate:none;filter:none}html.reduced .scene-unit{opacity:1;translate:none}html.reduced a,html.reduced button{scale:1!important}

.hero-center,.hero-eyebrow,.hero-download,.hero-bottom{animation-fill-mode:backwards}.campus-map svg{position:relative;z-index:0}

/* Revision 4: content flows in separate rows so the download never covers copy. */
.header-actions{display:flex;align-items:center;gap:12px}
.nav-pricing{background:#edf5f755;border:1px solid #16324f26;border-radius:99px;padding:12px 21px;font-size:13px;line-height:17px}
.nav-pricing:hover{background:#ffffff80;box-shadow:0 4px 16px #16324f0a}
.hero-section{height:auto;min-height:max(680px,100svh);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(18px,2.8svh,30px);padding:clamp(128px,18svh,176px) var(--gutter) 32px;isolation:isolate}
.hero-orbit,.hero-axis,.hero-node{z-index:-1}
.hero-eyebrow,.hero-center,.hero-download,.hero-bottom{position:relative;inset:auto;width:auto;transform:none;animation:none;z-index:1}
.hero-eyebrow{text-align:center;font-size:9px}
.hero-center{align-self:center;padding:12px 0}
.brand-reveal{font-size:clamp(115px,min(20vw,28svh),350px);max-height:none}
.hero-tagline{margin-top:24px}
.reveal-invite{margin-top:19px;line-height:1.7}
.hero-download{justify-self:center;width:310px;scroll-margin-top:150px}
.download-details{flex-wrap:wrap;line-height:1.6;row-gap:8px}
.hero-bottom{min-height:43px;gap:24px}
.social-links{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}
.social-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #16324f2c;border-radius:50%;background:#e7f0f433;color:#36566d;transition:background .25s,color .25s,translate .25s}
.social-icon:hover{color:#173953;background:#eff7f980;translate:0 -2px}
.social-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#info-dialog.pricing-dialog{width:780px;min-height:380px;background:radial-gradient(ellipse at 75% 90%,#d2e4ee,#edf3f5 70%)}
#info-dialog.pricing-dialog #dialog-content{min-height:220px}
.camera-canvas-shell:focus-visible{outline:2px solid #5a8aa4;outline-offset:-14px;border-radius:24px}
@media(max-width:1050px){.site-header nav{gap:20px}.header-actions{gap:9px}.nav-pricing{padding:11px 17px}}
@media(max-width:680px){
 .header-actions{gap:8px}.nav-pricing{padding:10px 16px;font-size:12px;line-height:15px}
 .nav-download{padding:10px 14px;gap:12px}
 .hero-section{min-height:max(690px,100svh);gap:24px;padding:125px 24px 27px}
 .hero-center{padding:10px 0}.hero-eyebrow{font-size:7px}
 .brand-reveal{font-size:24vw}.hero-tagline{font-size:19px;margin-top:27px}
 .reveal-invite{font-size:11px;margin-top:24px}
 .hero-download{width:280px}.hero-bottom{gap:18px}.hero-bottom p{flex-shrink:0}
 .social-links{gap:8px}.social-icon{width:32px;height:32px}
 #info-dialog.pricing-dialog{min-height:340px}
}
/* Short desktop windows use natural scenes instead of an oversized sticky stage. */
@media(max-height:620px){
 .scroll-scene{height:auto!important}.scene-sticky{position:relative;height:680px}
 .desk-world{--desk:1;clip-path:none;opacity:1}.desk-card{--appear:1}
 .workflow-composition{top:160px;bottom:130px}.workflow-bottom{bottom:34px}
}

@media(max-height:620px) and (max-width:680px){.scene-sticky{height:760px}.workflow-composition{top:150px;bottom:180px}.workflow-bottom{bottom:30px}.desk-world{top:47%;height:44%}}