:root{color-scheme:dark;--bg:#05070c;--panel:#0b101b;--text:#f0f3fa;--muted:#8e98ab;--accent:#8cdaee;--line:rgba(169,193,220,.14);--font:'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}button{border:0}button,a,input,textarea,summary{outline-offset:5px}*:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}::selection{background:#337284;color:#fff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#080b11}::-webkit-scrollbar-thumb{background:#35404f;border-radius:8px}.wrap{width:min(1280px,calc(100% - 120px));margin-inline:auto}.section-anchor{scroll-margin-top:0}.skip-link{position:fixed;left:12px;top:-80px;background:white;color:#111;padding:12px;z-index:100}.skip-link:focus{top:8px}.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg)}#particle-canvas{width:100%;height:100%;display:block}.ambient-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#25426110,transparent 55%)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:86px;display:flex;align-items:center;gap:40px;padding:0 max(40px,calc((100vw - 1320px)/2));border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:#060910d9;backdrop-filter:blur(22px);border-bottom-color:var(--line);height:74px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand>span{font-size:21px;letter-spacing:.13em;font-weight:600;line-height:1.5}.brand small{font-size:8px;letter-spacing:.22em;display:block;font-weight:500;color:#bac5d8}.main-nav{display:flex;gap:34px;margin:auto;color:#a3adbf;font-size:13px}.main-nav a{position:relative;padding:14px 0;transition:color .2s}.main-nav a:after{position:absolute;content:'';left:0;right:0;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transition:.2s}.main-nav a:hover,.main-nav a.active{color:#edf9ff}.main-nav a.active:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 25px;border:1px solid transparent;border-radius:100px;font-size:13px;letter-spacing:.015em;white-space:nowrap;transition:background .25s,border-color .25s,transform .25s;line-height:1.5}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button-small{font-size:12px;padding:9px 17px;gap:16px;border-color:#77879b66;background:#0a111b80}.button-small:hover{border-color:var(--accent)}.button-primary{background:#edf4fb;color:#101824;font-weight:500}.button-primary:hover{background:#d4f2fc;box-shadow:0 0 24px #8bddff15}.button-glass{background:#11182755;backdrop-filter:blur(14px);border-color:#91aec73e;color:#cdd9e7}.button-glass:hover{border-color:#8cdaee99;background:#152b3f77}.menu-button{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;padding:11px}.menu-button span{display:block;height:1px;margin:5px 0;background:#ddd}.mobile-menu{position:fixed;top:74px;left:16px;right:16px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#0b111ef2;backdrop-filter:blur(25px);z-index:49;display:grid;gap:20px}.mobile-menu button{text-align:left;padding:0;background:none;color:var(--accent)}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;max-height:1120px;margin:0 auto;max-width:1720px;display:flex;align-items:center;padding:115px max(60px,calc((100% - 1280px)/2)) 125px}.hero-copy{z-index:3;position:relative;width:49%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:400;color:#8badc5;display:flex;align-items:center;gap:10px;margin-bottom:24px}.hero .eyebrow{letter-spacing:.1em;color:#a4d5e5}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #9ae3ff70}.hero h1{font-size:clamp(54px,5.3vw,82px);font-weight:700;line-height:1.22;letter-spacing:-.045em;white-space:nowrap}.hero h1>span{background:linear-gradient(105deg,#f3f7ff 8%,#c6e4ff 57%,#b9b6ed 97%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:16px;color:#a4adbd;line-height:2;margin-top:29px}.hero-actions{display:flex;gap:14px;margin-top:33px}.hero-note{font-size:12px;letter-spacing:.12em;color:#8e99aa;margin-top:29px}.hero-note i{font-style:normal;margin:0 12px;color:#516476}.hero-universe{position:absolute;left:43%;right:2%;top:15%;bottom:12%;z-index:2}.robot-sprite{background-image:url('assets/robots-atlas.png');background-size:400% 200%;background-repeat:no-repeat;aspect-ratio:1;mix-blend-mode:screen;filter:contrast(1.04);pointer-events:none}.robot-0{background-position:0 0}.robot-1{background-position:33.3333% 0}.robot-2{background-position:66.6667% 0}.robot-3{background-position:100% 0}.robot-4{background-position:0 100%}.robot-5{background-position:33.3333% 100%}.robot-6{background-position:66.6667% 100%}.robot-7{background-position:100% 100%}.hero-robot{position:absolute;width:47%;bottom:1%;left:11%;z-index:2;transform:rotate(-2deg);filter:contrast(1.06) drop-shadow(0 20px 28px #0009)}.hero-patrol{position:absolute;width:29%;bottom:5%;right:1%;filter:contrast(1.06);z-index:2}.hero-caption{position:absolute;display:flex;align-items:center;gap:11px;background:linear-gradient(130deg,#18233bdc,#101422cf);backdrop-filter:blur(15px);padding:12px 18px;border:1px solid #adbee225;border-radius:13px;font-size:13px;font-weight:400;color:#d9e5f2;box-shadow:0 8px 25px #0003;animation:float 6s ease-in-out infinite}.hero-caption i{width:4px;height:4px;background:#98e3ee;border-radius:50%;margin-left:8px}.caption-clean{top:15%;left:4%}.caption-human{top:1%;right:17%;animation-delay:-2s}.caption-patrol{right:0;top:42%;animation-delay:-4s}.small-icon{font-size:20px;color:#9acbed;line-height:1}.ground-line{position:absolute;left:9%;right:-3%;bottom:3%;height:1px;background:linear-gradient(90deg,transparent,#68bce340,transparent)}.universe-coordinate{position:absolute;bottom:-1%;left:25%;font-size:8px;color:#647588;letter-spacing:.3em}.hero-bottom{position:absolute;bottom:30px;left:max(60px,calc((100% - 1280px)/2));right:max(60px,calc((100% - 1280px)/2));display:flex;align-items:center;gap:25px}.scroll-cue{font-size:11px;color:#8b98ac;display:flex;align-items:center;gap:11px}.scroll-line{height:22px;width:13px;border:1px solid #6b7d9170;border-radius:10px;position:relative}.scroll-line:after{content:'';position:absolute;width:2px;height:5px;background:#b7d5e4;left:4.5px;top:4px;animation:scrollcue 2s infinite}.motion-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:5px 12px;border-radius:30px;background:#0c111d80;color:#8292a5;font-size:10px}.motion-toggle:hover{color:#d6e8f1}.hero-index{margin-left:auto;font-size:11px;letter-spacing:.18em;color:#556478}.hero-index b{color:#b8cadc;font-weight:400}.value-strip{display:flex;gap:50px;padding:24px 0;border-block:1px solid var(--line);font-size:13px;color:#b5c0d1;background:linear-gradient(90deg,#05070c00,#070b13bb,#05070c00)}.value-strip>span{white-space:nowrap}.value-strip i{font-style:normal;font-size:10px;color:#607d92;margin-right:13px}.value-strip .strip-caption{margin-left:auto;font-size:11px;color:#607083}
.robot-section{padding-top:122px;padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:39px}.section-heading .eyebrow{margin-bottom:17px}.section-heading h2,.approach-section h2{font-size:clamp(32px,3.1vw,47px);font-weight:600;letter-spacing:-.035em;line-height:1.4}.heading-dot{color:var(--accent);padding-left:7px}.section-lead{font-size:13px;color:var(--muted);line-height:1.95;margin-top:16px}.section-mark{font-size:42px;font-weight:400;color:#6f839c;line-height:1}.section-mark small{display:block;font-size:10px;letter-spacing:.1em;margin-top:12px;color:#7d8a9d}.robot-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{font-size:11px;padding:8px 16px;color:#8390a4;background:transparent;border-radius:30px;border:1px solid transparent;transition:.2s}.filter span{font-size:9px;opacity:.6;margin-left:7px}.filter.active{border-color:#6b9fb351;color:#d3f2ff;background:#12243180}.filter:hover{color:white}.filter-count{font-size:10px;color:#66768d;white-space:nowrap}.robot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.robot-card{position:relative;text-align:left;background:#070a11;padding:20px 22px 25px;overflow:hidden;min-width:0;transition:background .3s;isolation:isolate}.robot-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#80c9f51a,transparent 60%);opacity:0;transition:opacity .4s;z-index:-1}.robot-card:hover{background:#0c121d}.robot-card:hover:before{opacity:1}.robot-card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#62758e;letter-spacing:.15em}.robot-card-top .card-arrow{font-size:18px;color:#7e93a8;transition:transform .25s}.robot-card:hover .card-arrow{transform:translate(2px,-2px);color:#d4f1ff}.robot-card-art{position:relative;padding:10px 0 0}.robot-card .robot-sprite{width:100%;transition:transform .45s;transform:scale(.92)}.robot-card:hover .robot-sprite{transform:scale(1)}.robot-card-art:after{content:'';display:block;position:absolute;height:1px;bottom:10%;left:10%;right:10%;background:linear-gradient(90deg,transparent,#5a8aab44,transparent)}.robot-card h3{font-size:16px;font-weight:500;margin-top:7px}.robot-card p{font-size:11px;color:#8391a7;margin-top:8px}.robot-card .card-tag{display:inline-flex;font-size:8px;line-height:1.4;padding:3px 7px;border:1px solid #577b9859;border-radius:20px;color:#8dbacc;margin-top:15px}.card-spacer{display:block;height:29px}.discreet-note{display:flex;justify-content:space-between;font-size:10px;color:#546478;margin-top:20px;gap:20px}.discreet-note>span{color:#7f92a8;white-space:nowrap}
.campus-section{padding:100px 0 110px;position:relative;background:linear-gradient(180deg,#08111c70,#060a11b0);border-block:1px solid var(--line)}.campus-intro{text-align:right;margin-bottom:5px;color:#9ba9bb}.campus-layout{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:65px}.scene-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-bottom:30px}.scene-tabs button{white-space:nowrap;background:none;padding:12px 0;font-size:12px;color:#8192a8;border-bottom:1px solid transparent}.scene-tabs button[aria-selected=true]{color:#c5f0ff;border-color:var(--accent)}#scene-content{min-height:230px}#scene-content h3{font-size:24px;letter-spacing:-.03em;font-weight:500;margin-bottom:16px}#scene-content>p{font-size:12px;line-height:2;color:#8e9cb0;max-width:360px}.scene-devices{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.scene-device{font-size:10px;border:1px solid #6c8da135;background:#0c1c2966;padding:6px 10px;border-radius:5px;color:#a9cedf}.scene-device:hover{border-color:#91cce0}.scene-action{margin-top:27px;display:inline-flex;align-items:center;gap:24px;color:#bedfed;background:none;padding:0;font-size:11px}.campus-map{position:relative;aspect-ratio:1.35;border:1px solid #739db12b;background:radial-gradient(ellipse at 50% 55%,#152a3b55,#070e1780 75%);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 100px #02050b7a}.map-label{position:absolute;left:24px;top:20px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.14em;color:#8ba6bc;z-index:2;right:24px}.map-label small{margin-left:auto;font-size:9px;letter-spacing:0;color:#576b7e}.map-drawing{width:100%;height:100%;display:block}.map-road{fill:none;stroke:#477186;stroke-opacity:.3;stroke-width:12;stroke-linejoin:round}.map-route{fill:none;stroke:#8bdef3;stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:3 7;stroke-linecap:round;animation:route 16s linear infinite}.map-pin{display:flex;align-items:center;gap:7px;position:absolute;border:1px solid #6a9ab03d;background:#101b29e6;border-radius:6px;padding:8px 10px;font-size:10px;color:#8295a8;transition:.3s;z-index:2}.map-pin>span{width:5px;height:5px;border-radius:50%;background:#667a8d}.map-pin.active{color:#dcf7ff;border-color:#9be2f08f;background:#173044e6;box-shadow:0 0 20px #70d5ff10}.map-pin.active>span{background:#a5e9fb;box-shadow:0 0 12px #9ae5ff}.pin-classroom{left:20%;top:32%}.pin-roads{left:29%;top:59%}.pin-life{right:15%;top:34%}.pin-facilities{right:19%;bottom:23%}.map-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;color:#5f7487}
.approach-section{padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.approach-section h2 span{color:#b1d3e5}.approach-section .section-lead{font-size:12px;line-height:2.1;margin-top:22px}.approach-signature{margin-top:42px;display:flex;gap:10px;align-items:center;color:#acb9cc;font-size:12px}.approach-signature small{font-size:9px;color:#697c92;margin-left:14px}.process-list{position:relative;padding-left:28px}.process-list:before{content:'';position:absolute;left:0;top:25px;bottom:50px;width:1px;background:linear-gradient(#5ea0b77a,#41637a22)}.process-list details{position:relative;border-bottom:1px solid var(--line);padding:20px 0;background:#05091040}.process-list details:before{content:'';position:absolute;top:36px;left:-31px;width:5px;height:5px;border-radius:50%;background:#40627a;border:1px solid #90b6cd}.process-list details[open]:before{background:#c6efff;box-shadow:0 0 13px #78d4f4;border-color:#b5e8f8}.process-list summary{display:flex;list-style:none;align-items:center;cursor:pointer;gap:25px}.process-list summary::-webkit-details-marker{display:none}.process-number{font-size:22px;font-weight:300;color:#7f98af;font-variant-numeric:tabular-nums}.process-list summary>span:nth-child(2){font-size:16px;font-weight:500}.process-list summary small{display:block;font-size:8px;letter-spacing:.13em;color:#5e758a;margin-top:4px;font-weight:400}.process-list summary b{margin-left:auto;font-size:20px;color:#748da2;font-weight:300;transition:transform .2s}.process-list details[open] summary b{transform:rotate(45deg)}.process-list details>p{font-size:11px;color:#8b9bb0;line-height:2;margin:18px 0 2px 53px}
.contact-section{min-height:600px;display:flex;align-items:center;position:relative;border-top:1px solid var(--line);isolation:isolate}.contact-inner{padding-block:100px}.contact-section h2{font-size:clamp(42px,5vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1.25}.contact-section h2 span{background:linear-gradient(100deg,#e2edff,#b8c8ee);background-clip:text;-webkit-background-clip:text;color:transparent}.contact-section p:not(.eyebrow){color:#99abc0;font-size:14px;margin:25px 0 29px}.contact-caption{display:block;font-size:10px;color:#697e95;margin-top:22px}.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,#05070ccc)}.footer-top{display:flex;align-items:center;gap:35px;padding:38px 0}.footer-top .brand>span{font-size:17px}.footer-top .brand small{font-size:6px}.footer-top>p{font-size:11px;color:#74859a}.footer-top nav{margin-left:auto;display:flex;gap:25px;font-size:11px;color:#9ca9bc}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #a4c2e00a;font-size:9px;color:#5b6d82}.footer-bottom a{color:#9bafc0}.section-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:20px}.section-dots a{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:relative}.section-dots span{position:absolute;right:18px;white-space:nowrap;font-size:9px;color:#9bb0c4;opacity:0;transition:.2s;padding:3px 7px;border-radius:5px;background:#060b1599}.section-dots i{display:block;width:4px;height:4px;background:#4b6075;border-radius:50%;transition:.3s}.section-dots a.active i{background:#a4e5f6;box-shadow:0 0 10px #6fd7ff99}.section-dots a:hover span{opacity:1}.floating-contact{position:fixed;bottom:22px;right:22px;width:43px;height:43px;border:1px solid #90b1d336;background:#142235c2;border-radius:50%;backdrop-filter:blur(12px);z-index:20;display:grid;place-items:center;color:#bfd9ec;transition:.3s}.floating-contact:hover{border-color:#a3dbf1;transform:translateY(-3px)}.floating-contact svg{width:21px;height:21px}
dialog{color:var(--text);background:#0c121e;border:1px solid #9abddd36;border-radius:20px;max-height:90svh;padding:0;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#02050cba;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .25s ease-out}.dialog-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #a9bfdc22;border-radius:50%;font-size:22px;line-height:1;color:#bdcfe0;background:#162031c9;z-index:2}.dialog-close:hover{background:#243247}.robot-dialog{width:min(820px,calc(100% - 36px))}.robot-detail-layout{display:grid;grid-template-columns:.9fr 1.1fr}.robot-detail-art{display:flex;align-items:center;position:relative;background:radial-gradient(ellipse,#22314640,transparent 70%);padding:15px}.robot-detail-art .robot-sprite{width:100%}.robot-detail-copy{padding:52px 37px 36px 20px}.robot-detail-copy .eyebrow{font-size:9px;margin-bottom:12px}.robot-detail-copy h2{font-size:28px;font-weight:500}.robot-detail-copy .detail-scenes{color:#8cd4e5;font-size:12px;margin:12px 0 23px}.robot-detail-copy h3{font-size:11px;font-weight:500;color:#cad6e6;margin:20px 0 7px}.robot-detail-copy p{color:#8b9bb0;font-size:12px;line-height:1.9}.detail-condition{padding:13px 14px;border-left:2px solid #5988a8;background:#16233270;margin-top:10px}.detail-source{display:inline-block;font-size:10px;color:#9cc5de;margin:20px 0}.detail-note{font-size:9px!important;color:#5e758e!important}.detail-cta{margin-top:20px;font-size:11px;padding:11px 18px}.consult-dialog{width:min(590px,calc(100% - 30px));padding:38px}.consult-heading .eyebrow{font-size:9px;margin-bottom:14px}.consult-heading h2{font-size:26px;letter-spacing:-.035em;font-weight:500}.consult-heading>p:last-child{font-size:12px;color:#8d9fb5;margin:12px 0 28px}.field-label,legend{font-size:12px;color:#bfcee0;margin-bottom:9px;display:block}.field-label span,legend span{font-size:10px;color:#5f758c;margin-left:6px}input[type=text],#campus-name,textarea{display:block;width:100%;border:1px solid #62768e45;background:#080e18;color:#dce9f5;border-radius:8px;padding:11px 13px;font-size:12px;outline-offset:2px;resize:vertical}input::placeholder,textarea::placeholder{color:#4e627b}fieldset{border:0;padding:0;margin:23px 0}.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.needs-grid label{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #6b819b36;border-radius:7px;padding:9px 5px;font-size:11px;color:#91a4bb;cursor:pointer}.needs-grid input{accent-color:#9bdcf4;width:11px;height:11px;margin:0}.needs-grid label:has(input:checked){color:#cfedf9;background:#1a354670;border-color:#8bbbd66e}.form-explanation{font-size:10px;color:#647b94;line-height:1.8;margin:15px 0}.form-submit{width:100%;margin-top:4px}#form-error{font-size:11px;color:#e6b39c;min-height:20px}.result-badge{color:#b8e4dc;font-size:12px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.result-actions .button{font-size:11px;padding:11px 17px}.text-button{background:none;color:#91a4ba;font-size:11px;padding:7px}.text-button:hover{color:white}#result-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.9;color:#b4c7da;border:1px solid var(--line);background:#060d17;padding:18px;border-radius:10px;max-height:40svh;overflow:auto}#toast{position:fixed;left:50%;bottom:35px;z-index:100;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:11px 20px;border:1px solid #8bb5ce55;background:#192b3aef;border-radius:10px;font-size:12px;color:#d8eff8;transition:.25s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{padding:20px;text-align:center;color:#b8c5d2}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}
@keyframes float{50%{transform:translateY(-9px)}}@keyframes scrollcue{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:1}}@keyframes route{to{stroke-dashoffset:-100}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-universe{right:5%;left:43%}.hero-robot{width:44%}}
@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.site-header{padding-inline:32px;gap:25px}.main-nav{gap:24px}.hero{padding-inline:40px}.hero-bottom{left:40px;right:40px}.hero h1{font-size:58px}.hero-universe{left:44%;right:2%}.hero-robot{width:55%;left:2%}.hero-patrol{width:33%;right:-1%}.hero .button{padding:13px 20px;gap:14px}.hero-lead{font-size:14px}.hero-caption{font-size:11px;padding:10px 12px}.value-strip{gap:25px}.value-strip .strip-caption{font-size:10px}.campus-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.scene-tabs{gap:14px}.scene-tabs button{font-size:11px}.approach-section{gap:60px}.robot-card{padding-inline:17px}.robot-card h3{font-size:14px}.robot-card p{font-size:10px}.section-dots{right:13px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header,.site-header.scrolled{height:72px;padding-inline:24px}.brand>span{font-size:17px}.brand small{font-size:7px}.brand img{width:33px;height:33px}.main-nav{display:none}.header-contact{margin-left:auto}.menu-button{display:block}.hero{height:auto;min-height:960px;padding:142px 24px 80px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:64px;line-height:1.18}.hero-lead{font-size:14px;margin-top:21px}.hero .eyebrow{font-size:10px;margin-bottom:24px}.hero-actions{margin-top:25px}.hero-note{margin-top:21px;font-size:10px}.hero-universe{left:22%;right:3%;top:43%;bottom:9%}.hero-robot{width:48%;left:5%;bottom:0}.hero-patrol{width:29%;right:5%;bottom:4%}.caption-clean{top:24%;left:0}.caption-human{top:6%;right:8%}.caption-patrol{top:46%;right:-1%}.hero-bottom{left:24px;right:24px;bottom:23px}.value-strip{gap:0;justify-content:space-between;font-size:11px;padding:20px 0}.value-strip .strip-caption{display:none}.robot-section{padding-top:80px;padding-bottom:80px}.section-heading h2,.approach-section h2{font-size:36px}.section-mark{font-size:30px}.section-mark small{font-size:8px}.robot-grid{grid-template-columns:repeat(2,1fr)}.robot-card{padding:18px 22px 22px}.robot-card h3{font-size:17px}.robot-card p{font-size:11px}.filters{gap:2px}.filter{font-size:10px;padding:7px 11px}.filter-count{display:none}.discreet-note{font-size:9px}.discreet-note>span{display:none}.campus-section{padding-block:80px}.campus-layout{grid-template-columns:1fr;gap:20px}.scene-selector{display:grid;grid-template-columns:1fr}.scene-tabs{gap:30px;margin-bottom:20px}.scene-tabs button{font-size:12px}#scene-content{min-height:210px}#scene-content>p{max-width:none}.campus-map{max-width:650px;width:100%;margin:auto}.campus-intro{font-size:11px}.approach-section{grid-template-columns:1fr;gap:50px;padding-block:90px}.process-list{padding-left:24px}.process-list details:before{left:-27px}.approach-signature{margin-top:27px}.contact-section{min-height:530px}.contact-section h2{font-size:54px}.contact-section p:not(.eyebrow){font-size:12px}.section-dots{display:none}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{font-size:10px;margin-left:auto}.footer-top nav{margin-left:0;width:100%;font-size:10px;gap:25px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:12px}.footer-bottom>a{margin-left:auto}.floating-contact{bottom:16px;right:16px}.robot-detail-layout{grid-template-columns:1fr}.robot-detail-art{height:220px;justify-content:center}.robot-detail-art .robot-sprite{width:230px}.robot-detail-copy{padding:0 28px 28px}.robot-detail-copy h2{font-size:25px}.robot-detail-copy .eyebrow{display:none}.detail-scenes{margin-bottom:17px!important}.robot-detail-copy h3{margin-top:14px}.consult-dialog{padding:30px 24px}.consult-heading h2{font-size:23px}.needs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.site-header,.site-header.scrolled{padding-inline:18px;gap:10px}.header-contact{padding:8px 12px;font-size:10px;gap:8px}.brand>span{font-size:15px}.brand{gap:6px}.brand small{font-size:6px}.brand img{width:30px}.menu-button{width:34px;height:34px;padding:8px}.hero{min-height:880px;padding-top:128px}.hero h1{font-size:clamp(44px,12vw,58px)}.hero-lead{font-size:13px}.hero-actions{gap:10px}.hero .button{font-size:11px;padding:12px 17px;gap:12px}.hero-note{font-size:9px}.hero-universe{left:4%;right:2%;top:48%;bottom:10%}.hero-robot{width:55%;left:2%;bottom:0}.hero-patrol{width:32%;right:2%;bottom:3%}.hero-caption{font-size:10px;padding:8px 12px;gap:7px}.caption-clean{top:18%;left:2%}.caption-human{right:7%;top:2%}.caption-patrol{top:40%;right:0}.universe-coordinate{bottom:-3%;left:15%;font-size:7px}.hero-bottom{gap:15px}.hero-index{font-size:9px}.scroll-cue{font-size:9px}.motion-toggle{font-size:9px;padding:4px 9px}.value-strip{font-size:10px}.value-strip i{margin-right:6px;font-size:8px}.section-heading{gap:15px;margin-bottom:27px}.section-heading h2,.approach-section h2{font-size:30px}.section-mark{font-size:24px}.section-mark small{font-size:7px;letter-spacing:0}.section-lead{font-size:11px}.robot-section .eyebrow{font-size:9px}.robot-card{padding:15px 12px 18px}.robot-card h3{font-size:13px}.robot-card p{font-size:9px}.robot-card-top{font-size:8px}.robot-card .card-tag{font-size:7px}.filter{font-size:9px;padding:7px 9px}.filter span{display:none}.discreet-note{font-size:8px}.campus-intro{display:none}.scene-tabs{justify-content:space-between;gap:8px}.scene-tabs button{font-size:11px}#scene-content h3{font-size:22px}#scene-content>p{font-size:11px}.map-label{left:15px;right:15px;top:15px;font-size:7px;letter-spacing:.05em}.map-label small{font-size:7px}.map-pin{font-size:8px;padding:6px 7px;gap:5px}.map-bottom{left:15px;right:15px;bottom:12px;font-size:7px}.campus-map{aspect-ratio:1.2}.process-list summary>span:nth-child(2){font-size:15px}.process-list details>p{font-size:11px}.contact-section h2{font-size:46px}.contact-inner{padding-block:90px}.contact-section .eyebrow{font-size:9px}.contact-section{min-height:510px}.footer-top>p{width:100%;margin-left:0}.footer-bottom>span:nth-child(2){order:3;width:100%}.consult-dialog{padding:30px 20px}.consult-heading h2{font-size:21px}.consult-heading>p:last-child{font-size:11px}.result-actions{gap:8px}.result-actions .button{font-size:10px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Keep the live canvas inside the page stack and allow robot blacks to blend into it. */
body{position:relative;isolation:isolate}
.atmosphere{z-index:0}
main,.site-footer{position:relative}
.hero{isolation:auto}
.hero-universe{mix-blend-mode:screen}
.robot-0{clip-path:inset(0 7% 0 0)}