:root {
  --bg: #06111b;
  --bg-deep: #020911;
  --surface: rgba(16, 34, 49, .62);
  --line: rgba(172, 211, 225, .22);
  --line-strong: rgba(175, 226, 241, .6);
  --text: #f0ece3;
  --muted: #96a2ab;
  --cyan: #b9eaf3;
  --amber: #dfa84c;
  --serif: "Noto Serif SC", "Songti SC", serif;
  --sans: "Noto Sans SC", "PingFang SC", sans-serif;
  --gutter: clamp(24px, 5.2vw, 80px);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg-deep);color:var(--text);font-family:var(--sans);font-weight:300;overflow-x:hidden} body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:20} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit} svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.site-header{height:92px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,rgba(2,9,17,.78),transparent)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:.04em}.brand i{width:1px;height:20px;background:rgba(255,255,255,.45)}.brand strong{font-weight:400;letter-spacing:.14em}.site-header nav{display:flex;gap:52px;height:100%;align-items:center}.site-header nav a{font-size:14px;letter-spacing:.12em;color:#c8c9c7;position:relative}.site-header nav a::after{content:"";position:absolute;height:1px;left:50%;right:50%;bottom:-16px;background:var(--amber);transition:.3s}.site-header nav a:hover::after,.site-header nav a.active::after{left:0;right:0}.header-cta{justify-self:end;border:1px solid rgba(223,168,76,.7);padding:12px 23px;color:#edc37a;font-size:14px;letter-spacing:.1em;transition:.3s}.header-cta:hover{background:var(--amber);color:#07111a}.menu-button{display:none;background:none;border:0}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(420px,41%) 1fr;padding-top:92px;background:radial-gradient(circle at 75% 30%,#162e41 0,transparent 44%),linear-gradient(110deg,#06131f,#020911)}.hero-copy{padding:clamp(130px,16vh,190px) 5vw 120px clamp(90px,11vw,168px);position:relative;z-index:2;background:linear-gradient(90deg,rgba(3,12,21,.98) 0%,rgba(4,14,23,.93) 78%,transparent)}.product-name{font-size:clamp(20px,2vw,30px);color:var(--amber);letter-spacing:.1em;margin-bottom:30px}.hero h1{font-family:var(--serif);font-size:clamp(46px,5.25vw,82px);font-weight:400;line-height:1.34;letter-spacing:.03em;margin:0;white-space:nowrap}.hero-copy>p{font-size:16px;line-height:2;color:#9da5ab;max-width:460px;margin:28px 0 36px}.hero-actions{display:flex;align-items:center;gap:42px}.primary-button{display:flex;align-items:center;justify-content:center;gap:48px;width:220px;height:66px;background:linear-gradient(135deg,#d59a3f,#edb65d);color:#0b1720;font-size:16px;letter-spacing:.12em;box-shadow:0 10px 38px rgba(223,168,76,.16);transition:.3s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 14px 42px rgba(223,168,76,.28)}.text-link{display:flex;align-items:center;gap:16px;color:#d8dcdd;font-size:15px;letter-spacing:.1em;border-bottom:1px solid var(--amber);padding:15px 2px}.hero-media{position:relative;min-width:0;overflow:hidden}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,21,.35),transparent 35%),linear-gradient(to top,rgba(2,9,17,.82),transparent 32%);pointer-events:none}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-glass-note{position:absolute;z-index:2;right:5%;bottom:14%;padding:18px 22px;border:1px solid rgba(196,234,243,.35);background:rgba(6,20,31,.52);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:5px}.hero-glass-note span{color:var(--cyan);font-size:11px;letter-spacing:.2em}.hero-glass-note strong{font-size:14px;font-weight:400;letter-spacing:.12em}.media-corner{position:absolute;z-index:3;width:45px;height:45px}.top-left{top:35px;left:30px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}.bottom-right{bottom:35px;right:30px;border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan)}.hero-index{position:absolute;z-index:4;left:28px;top:29%;display:flex;flex-direction:column;align-items:center;gap:18px;color:#4c5b67}.hero-index span{font-family:var(--serif);font-size:20px}.hero-index i{width:1px;height:70px;background:#485763}.hero-index em{font-style:normal;font-size:11px;writing-mode:vertical-rl;letter-spacing:.3em;color:#bac2c6}.scroll-cue{position:absolute;left:50%;bottom:24px;z-index:4;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;color:#88949c}.scroll-cue i{display:block;width:66px;height:1px;background:var(--amber)}.manifesto{height:570px;position:relative;padding:150px var(--gutter);overflow:hidden;background:linear-gradient(180deg,#07131f,#081723)}.manifesto-line{position:absolute;left:var(--gutter);right:var(--gutter);top:75px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.manifesto p{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(32px,4vw,60px);line-height:1.55;margin:0}.manifesto p span{color:#89959d}.system-orbit{position:absolute;width:600px;height:340px;right:-70px;bottom:-80px;border:1px solid rgba(169,223,238,.24);transform:skewY(-10deg);border-radius:50%}.system-orbit i{position:absolute;inset:12%;border:1px solid rgba(169,223,238,.16);border-radius:50%}.system-orbit i:nth-child(2){inset:28%}.system-orbit i:nth-child(3){inset:44%;background:rgba(223,168,76,.45);box-shadow:0 0 30px var(--amber)}.capabilities{padding:130px var(--gutter) 160px;background:radial-gradient(circle at 76% 60%,#142a3a 0,transparent 38%),#030b13}.section-heading{display:grid;grid-template-columns:170px 1fr;align-items:start;margin-bottom:70px}.section-number{font-family:var(--serif);font-size:130px;line-height:.8;color:#d9d2c4;border-right:1px solid var(--line);margin-right:42px}.section-heading h2{font-family:var(--serif);font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1.35;margin:-10px 0 14px}.section-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.capability-layout{display:grid;grid-template-columns:270px 1fr;gap:24px}.capability-list{list-style:none;margin:0;padding:0 24px 0 0;border-right:1px solid var(--line)}.capability-list button{width:100%;text-align:left;padding:15px 14px;border:0;border-left:1px solid transparent;background:transparent;color:#a7b0b6;font-size:13px;letter-spacing:.02em;cursor:pointer;display:grid;grid-template-columns:38px 1fr;transition:.25s}.capability-list button:hover{color:var(--text);background:rgba(255,255,255,.02)}.capability-list button.active{color:#edbd67;border-left-color:var(--amber);background:linear-gradient(90deg,rgba(223,168,76,.15),transparent)}.glass-panel{border:1px solid rgba(182,224,236,.45);background:linear-gradient(135deg,rgba(20,42,58,.7),rgba(4,16,26,.72));backdrop-filter:blur(18px);box-shadow:inset 0 0 35px rgba(180,232,245,.05),0 20px 70px rgba(0,0,0,.25)}.capability-stage{min-height:620px;display:grid;grid-template-columns:38% 1fr;position:relative;padding:52px 48px 76px;overflow:hidden}.capability-copy>span{font-size:12px;letter-spacing:.14em;color:var(--amber)}.capability-copy h3{font-family:var(--serif);font-size:34px;line-height:1.45;font-weight:400;margin:24px 0}.capability-copy>p{color:#a0aab0;font-size:14px;line-height:1.9;padding-bottom:28px;border-bottom:1px solid var(--line)}.capability-copy ul{list-style:none;margin:28px 0 0;padding:0}.capability-copy li{display:flex;gap:12px;margin:18px 0;color:#bdc6ca;font-size:13px}.capability-copy li::before{content:"";width:8px;height:8px;border:1px solid var(--amber);transform:rotate(45deg);margin-top:5px;flex:0 0 auto}.sensor-diagram{position:relative;min-height:460px}.digital-wall{position:absolute;left:19%;right:13%;top:21%;bottom:14%;border:1px solid rgba(189,232,243,.65);transform:perspective(900px) rotateY(-10deg);background:linear-gradient(145deg,rgba(43,86,106,.3),rgba(4,13,22,.2));overflow:hidden}.digital-wall::before,.digital-wall::after{content:"";position:absolute;inset:8%;border:1px solid rgba(185,231,243,.16)}.digital-wall::after{inset:18% 25%;border-color:rgba(223,168,76,.15)}.wall-landscape{position:absolute;left:12%;right:12%;top:24%;height:32%;border-bottom:1px solid rgba(185,231,243,.4)}.wall-landscape span{position:absolute;bottom:0;border-left:1px solid rgba(185,231,243,.45);border-top:1px solid rgba(185,231,243,.45);width:40%;height:65%;transform:rotate(45deg) skew(-12deg)}.wall-landscape span:nth-child(2){left:28%;height:90%}.wall-landscape span:nth-child(3){left:55%;height:50%}.touch-point{position:absolute;width:24px;height:24px;border:1px solid var(--amber);border-radius:50%;left:42%;top:56%;box-shadow:0 0 0 12px rgba(223,168,76,.08),0 0 24px rgba(223,168,76,.5)}.scan-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);top:20%;animation:scan 4s ease-in-out infinite}.sensor{position:absolute;left:44%;top:4%;width:70px;height:18px;border:1px solid var(--cyan)}.sensor i{position:absolute;width:1px;height:250px;top:17px;background:linear-gradient(var(--cyan),transparent);transform-origin:top;opacity:.35}.sensor i:first-child{left:12px;transform:rotate(13deg)}.sensor i:nth-child(2){left:35px}.sensor i:last-child{right:12px;transform:rotate(-13deg)}.learner{position:absolute;left:37%;bottom:2%;width:50px;height:130px}.learner i{position:absolute;width:30px;height:30px;border:1px solid #d5dde0;border-radius:50%;left:10px}.learner span{position:absolute;width:46px;height:72px;border:1px solid #d5dde0;border-radius:22px 22px 5px 5px;top:33px}.learner b{position:absolute;width:70px;height:1px;background:#d5dde0;top:64px;left:30px;transform:rotate(-30deg);transform-origin:left}.diagram-label{position:absolute;right:0;font-size:13px}.diagram-label::before{content:"";position:absolute;width:70px;height:1px;background:var(--line-strong);right:calc(100% + 12px);top:8px}.diagram-label small{display:block;color:#71808a;margin-top:5px}.label-a{top:30%}.label-b{top:51%}.label-c{bottom:13%}.stage-footer{position:absolute;left:0;right:0;bottom:0;height:58px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 48px;color:#d8b46c;font-size:13px;letter-spacing:.06em}.stage-footer i{width:18px;height:18px;border:1px solid var(--amber);transform:rotate(45deg);margin-right:18px}.modes{padding:100px var(--gutter) 130px;background:#08141e}.modes-intro{display:flex;align-items:flex-start;gap:90px;margin-bottom:70px}.modes-intro span{color:var(--amber);font-size:13px;letter-spacing:.2em;padding-top:18px}.modes-intro h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.4;margin:0}.mode-rail{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mode-rail article{padding:32px 24px 42px;border-right:1px solid var(--line);transition:.3s}.mode-rail article:last-child{border-right:0}.mode-rail article:hover{background:rgba(184,229,241,.05);transform:translateY(-8px)}.mode-rail strong{font-family:var(--serif);font-size:32px;font-weight:400;color:#56636c}.mode-rail h3{font-size:16px;font-weight:400;margin:36px 0 12px}.mode-rail p{font-size:12px;color:#82909a;line-height:1.7;margin:0}.scenarios{padding:140px var(--gutter) 160px;background:#020911}.scenarios .section-heading{grid-template-columns:210px 1fr}.scenario-browser{position:relative;padding-bottom:90px}.scenario-image-wrap{width:77%;height:610px;position:relative;overflow:hidden;border:1px solid var(--line)}.scenario-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,rgba(2,9,17,.5)),linear-gradient(to top,rgba(2,9,17,.72),transparent 45%);pointer-events:none}.scenario-image-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .8s}.scenario-image-wrap.changing img{opacity:0;transform:scale(1.025)}.image-progress{position:absolute;z-index:2;left:30px;bottom:30px;width:180px;height:2px;background:rgba(255,255,255,.2)}.image-progress span{display:block;height:100%;background:var(--amber);transition:width .35s}.scenario-detail{position:absolute;right:0;top:55px;width:37%;min-height:475px;padding:48px 45px;z-index:3;clip-path:polygon(0 0,92% 0,100% 8%,100% 92%,92% 100%,0 100%)}.scenario-detail>span{font-size:12px;letter-spacing:.16em;color:#aeb9bf}.scenario-detail h3{font-family:var(--serif);font-size:clamp(26px,2.5vw,39px);font-weight:400;line-height:1.5;margin:18px 0 28px}.scenario-detail ul{list-style:none;margin:0 0 24px;padding:0}.scenario-detail li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:#abb6bc;display:flex;gap:13px}.scenario-detail li::before{content:"";width:16px;height:16px;border:1px solid var(--cyan);border-radius:50%;flex:0 0 auto}.scenario-detail a{height:54px;border:1px solid rgba(223,168,76,.75);display:flex;align-items:center;justify-content:center;gap:45px;color:#e4b966;font-size:14px;margin-top:22px;transition:.3s}.scenario-detail a:hover{background:rgba(223,168,76,.12)}.scenario-tabs{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:#06111b;z-index:4}.scenario-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:24px 18px;color:#89959d;text-align:left;cursor:pointer;transition:.25s;white-space:nowrap}.scenario-tabs button:last-child{border-right:0}.scenario-tabs strong{font-family:var(--serif);font-size:28px;font-weight:400;margin-right:10px}.scenario-tabs button.active{color:var(--amber);box-shadow:inset 0 -2px var(--amber);background:linear-gradient(to top,rgba(223,168,76,.09),transparent)}.value{padding:150px var(--gutter);background:linear-gradient(180deg,#06121d,#0c1b28);position:relative;overflow:hidden}.value::after{content:"";position:absolute;width:580px;height:350px;border:1px solid rgba(180,229,243,.18);right:-120px;bottom:-160px;transform:rotate(-12deg) skewX(20deg)}.value>p{font-family:var(--serif);font-size:clamp(38px,4.2vw,64px);line-height:1.5;margin:0 0 90px}.value>p span{color:#89959d}.value-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:2}.value-grid>div{padding:35px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.value-grid strong{font-family:var(--serif);font-size:24px;font-weight:400}.value-grid span{font-size:12px;color:#7f8d96}.value-grid>a{display:flex;align-items:center;justify-content:center;gap:42px;color:#e9bd6c;background:rgba(223,168,76,.07);transition:.3s}.value-grid>a:hover{background:var(--amber);color:#07111a}footer{height:130px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#020911;border-top:1px solid rgba(255,255,255,.06)}footer p{font-size:12px;color:#6f7c84;letter-spacing:.06em}footer>span{justify-self:end;font-size:11px;color:#58656d}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes scan{0%,100%{top:18%;opacity:.2}50%{top:82%;opacity:.85}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.scenario-detail.glass-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
@media(max-width:1050px){.site-header nav{gap:26px}.hero{grid-template-columns:48% 1fr}.hero h1{font-size:52px}.hero-copy{padding-left:90px}.capability-layout{grid-template-columns:210px 1fr}.capability-stage{grid-template-columns:1fr;padding:38px}.sensor-diagram{min-height:360px}.capability-copy{max-width:580px}.mode-rail{grid-template-columns:repeat(3,1fr)}.mode-rail article:nth-child(3){border-right:0}.scenario-image-wrap{width:100%;height:540px}.scenario-detail{width:44%}.scenario-tabs{overflow-x:auto;grid-template-columns:repeat(6,210px)}}
@media(max-width:760px){:root{--gutter:20px}.site-header{height:70px;grid-template-columns:1fr auto;position:absolute}.site-header nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:6px;padding:12px}.menu-button span{display:block;width:25px;height:1px;background:#ddd}.site-header.open nav{display:flex;position:absolute;top:70px;left:0;right:0;height:auto;padding:26px var(--gutter);background:rgba(2,9,17,.96);flex-direction:column;align-items:flex-start}.hero{min-height:850px;display:block;padding-top:70px}.hero-copy{padding:82px 24px 44px;background:linear-gradient(to bottom,rgba(3,12,21,.98),rgba(3,12,21,.84),transparent)}.hero h1{font-size:45px;white-space:normal;line-height:1.35}.product-name{font-size:20px}.hero-media{height:370px;margin-top:-35px}.hero-actions{gap:22px}.primary-button{width:178px;height:57px;gap:25px}.hero-index,.scroll-cue,.hero-glass-note{display:none}.manifesto{height:440px;padding-top:110px}.manifesto p{font-size:31px}.system-orbit{width:380px}.capabilities,.scenarios{padding-top:95px;padding-bottom:110px}.section-heading,.scenarios .section-heading{grid-template-columns:1fr;margin-bottom:50px}.section-number{font-size:78px;border:0;margin:0 0 32px;color:#4d5963}.section-heading h2{font-size:36px}.capability-layout{grid-template-columns:1fr}.capability-list{display:flex;overflow-x:auto;border:0;padding:0 0 18px}.capability-list li{flex:0 0 210px}.capability-stage{min-height:760px;padding:30px 24px 65px}.capability-copy h3{font-size:28px}.sensor-diagram{min-height:330px}.diagram-label{display:none}.modes{padding:80px 20px}.modes-intro{display:block}.modes-intro span{display:block;margin-bottom:25px}.mode-rail{grid-template-columns:repeat(2,1fr)}.mode-rail article:nth-child(2n){border-right:0}.scenario-browser{padding-bottom:100px}.scenario-image-wrap{height:340px}.scenario-detail{position:relative;top:auto;width:calc(100% - 20px);margin:-50px 0 0 20px;padding:32px 25px;min-height:0}.scenario-detail h3{font-size:27px}.scenario-tabs{grid-template-columns:repeat(6,175px)}.scenario-tabs button{padding:20px 14px}.value{padding-top:100px}.value>p{font-size:35px;margin-bottom:60px}.value-grid{grid-template-columns:1fr}.value-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:24px}.value-grid>a{height:76px}footer{height:auto;padding:45px 20px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}footer>span{justify-self:auto}}

.scenario-image-wrap.scene-image-contain{background:#fff}
.scenario-image-wrap.scene-image-contain img{object-fit:contain;object-position:center}

html{scroll-padding-top:112px}
#intro,#capabilities,#scenarios,#contact{scroll-margin-top:112px}
.site-header{position:fixed;top:0;left:0}
.section-heading.section-heading-without-number,
.scenarios .section-heading.section-heading-without-number{grid-template-columns:1fr}
@media(max-width:760px){
  html{scroll-padding-top:84px}
  #intro,#capabilities,#scenarios,#contact{scroll-margin-top:84px}
  .site-header{position:fixed}
}