@charset "UTF-8";
:root{--ink:#eef5fb;--muted:#91a2b0;--dim:#5d7080;--blue:#4c89ff;--cyan:#91c8ff;--line:#344957;--dark:#09141d;--panel:#122230;--font:"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:var(--dark);color:var(--ink);font:16px/1.75 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9ac6ff;outline-offset:5px}.skip{position:fixed;top:-80px;left:16px;background:#fff;color:#111;padding:10px 14px;z-index:100}.skip:focus{top:12px}.eyebrow{color:#78a7e9;font-size:10px;letter-spacing:.17em;font-weight:600;margin:0 0 25px}.primary{display:inline-flex;align-items:center;justify-content:center;background:#edf5ff;color:#0b1420;border:1px solid #edf5ff;border-radius:2px;padding:14px 20px;font-size:12px;font-weight:650;letter-spacing:.03em;transition:transform .25s,background .25s}.primary:hover{transform:translateY(-2px);background:#fff}.primary:disabled{opacity:.55;cursor:wait;transform:none}

.header{position:fixed;top:0;left:0;right:0;height:74px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #ffffff12;background:#070b10a8;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand img{width:36px;height:36px}.brand>span{font-size:20px;font-weight:650;line-height:1.05;letter-spacing:.08em}.brand small{display:block;margin-top:6px;color:#758595;font-size:7px;font-weight:500;letter-spacing:.16em}.header nav{display:flex;align-items:center;gap:25px;color:#a8b4bf;font-size:11px}.header nav>a{transition:color .2s}.header nav>a:hover{color:#fff}.motion-toggle{border:0;background:transparent;color:#91a2b1;padding:7px 0;font-size:10px}.motion-toggle:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#5aa1ff;box-shadow:0 0 10px #4d91ff}.motion-toggle:hover{color:#fff}.nav-download{border:1px solid #546474;padding:9px 14px;color:#eaf2f8!important}.menu-toggle{display:none}

.immersive-story{height:520vh;position:relative;background:#070b10}.scene-sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;isolation:isolate}.scene-sticky:after{content:"";position:absolute;inset:0;z-index:-1;background:#070b10}.scene-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 58% 45%,transparent 12%,#070b103d 50%,#070b10e8 100%)}#experience-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.scene-layer,.chapter-copy,.orbit-cards,.scene-workspace,.story-progress,.scroll-cue{position:absolute;z-index:2}.hero-copy{left:7vw;top:50%;width:min(620px,44vw);transform:translateY(-45%);transition:opacity .15s}.hero-copy h1{font-size:clamp(60px,7vw,112px);font-weight:450;line-height:1.1;letter-spacing:-.065em;margin-bottom:32px}.hero-copy h1 span{color:#a9bfd5}.hero-copy>p:not(.eyebrow){color:#9eabb7;font-size:15px;line-height:2.1;max-width:480px}.hero-actions{display:flex;align-items:center;gap:28px;margin:34px 0 20px}.hero-actions>a:last-child{font-size:12px;color:#b7c3cd;border-bottom:1px solid #4a5b6b;padding-bottom:5px}.hero-copy>small{color:#5f7080;font-size:9px;letter-spacing:.08em}.story-progress{right:31px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#667685;font:9px/1 Consolas,monospace}.story-progress div{width:1px;height:180px;background:#31404d;position:relative}.story-progress i{display:block;position:absolute;left:-1px;top:0;width:3px;height:0;background:#7eb4ff;box-shadow:0 0 12px #4d91ff}.scroll-cue{left:34px;bottom:29px;color:#647484;font:9px/1 Consolas,monospace;letter-spacing:.14em;writing-mode:vertical-rl}.chapter-copy{left:7vw;top:18%;width:390px;opacity:0;transform:translateY(30px);pointer-events:none}.chapter-index{color:#6e86a0;font:10px/1 Consolas,monospace}.chapter-kicker{font-size:9px;letter-spacing:.18em;color:#607183;margin:19px 0 13px}.chapter-copy h2{font-size:30px;line-height:1.45;font-weight:500;letter-spacing:-.04em}.orbit-cards{inset:0;perspective:1100px;pointer-events:none}.orbit-card{position:absolute;width:330px;min-height:190px;padding:26px;text-align:left;color:#dce7f0;background:#121a23d9;border:1px solid #6e88a338;border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 30px 80px #0008;opacity:0;pointer-events:none;transform-style:preserve-3d;transition:border-color .25s,background .25s}.orbit-card:hover{border-color:#8fbaff80;background:#172431ef}.orbit-card span{display:block;color:#6e8daa;font:9px/1 Consolas,monospace;letter-spacing:.11em}.orbit-card strong{display:block;font-size:22px;font-weight:500;margin:38px 0 7px;letter-spacing:-.03em}.orbit-card p{font-size:11px;color:#8293a2;margin:0}.orbit-card em{display:block;font-style:normal;font-size:9px;color:#8ab9f8;margin-top:20px;letter-spacing:.05em}.card-docs{left:16%;top:43%}.card-vision{right:11%;top:23%}.card-tools{left:13%;bottom:11%}.card-agents{right:14%;bottom:15%}.scene-workspace{inset:0;opacity:0;pointer-events:none}.workspace-frame{position:absolute;left:5vw;top:16%;width:min(72vw,1140px);background:#dfe4e8;border:1px solid #9bacb9;border-radius:18px;overflow:hidden;box-shadow:0 50px 120px #000b;transform-origin:50% 50%}.frame-top{height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#42505b;font-size:9px;letter-spacing:.06em}.workspace-frame img{width:100%;height:auto}.workspace-callout{position:absolute;right:5vw;bottom:8%;width:290px;padding:24px 0;border-top:1px solid #53677a}.workspace-callout span{color:#7191b1;font:9px/1 Consolas,monospace}.workspace-callout h2{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:18px 0 8px}.workspace-callout p{font-size:11px;color:#8999a6;margin:0}

.section{width:min(1220px,calc(100% - 96px));margin:0 auto;padding:130px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(38px,4.5vw,66px);line-height:1.25;letter-spacing:-.05em;font-weight:500}.section h2 span{color:#718292}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:80px}.section-head .eyebrow{grid-column:1/-1;margin-bottom:0}.section-head h2{margin:0}.section-head>p:last-child{color:var(--muted);font-size:14px;max-width:430px;margin-bottom:12px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #40505d;border-bottom:1px solid #40505d}.workflow-grid article{min-height:250px;padding:30px 28px}.workflow-grid article+article{border-left:1px solid #263440}.workflow-grid span{color:#6891bc;font:10px/1 Consolas,monospace}.workflow-grid h3{font-size:19px;font-weight:500;margin:58px 0 13px}.workflow-grid p{font-size:12px;color:var(--muted);margin:0}.control-section{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.control-visual{position:relative;overflow:hidden;min-height:610px;background:#0d141b;border:1px solid #263542}.control-visual img{position:absolute;width:130%;max-width:none;height:100%;object-fit:cover;left:-12%;top:0}.control-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#080e14d9)}.control-visual span{position:absolute;left:22px;bottom:18px;z-index:1;color:#778896;font-size:9px}.control-copy h2{font-size:48px}.control-list{margin-top:45px;border-top:1px solid #33434f}.control-list article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #263541}.control-list b{color:#6387aa;font:10px/1.8 Consolas,monospace;font-weight:400}.control-list h3{font-size:16px;font-weight:500;margin:0 0 6px}.control-list p{font-size:12px;color:var(--muted);margin:0}.download-section{display:grid;grid-template-columns:1fr 440px;gap:110px;align-items:center}.download-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.release{display:flex;align-items:center;gap:14px;margin-top:38px}.release img{width:50px;height:50px}.release>span{font-size:18px;font-weight:600}.release small{display:block;color:#687988;font-size:9px;font-weight:400;margin-top:5px;letter-spacing:.08em}.download-card{background:#0e161e;border:1px solid #344653;border-radius:16px;padding:32px;box-shadow:0 40px 90px #0006}.download-card>p{display:flex;justify-content:space-between;color:#6f8394;font:9px/1 Consolas,monospace;letter-spacing:.07em}.download-card h3{font-size:27px;font-weight:500;margin:33px 0 26px}.primary.wide{width:100%;justify-content:space-between}.download-card>small{display:block;color:#71818e;font-size:10px;line-height:1.9;margin-top:22px}.checksum{border-top:1px solid #2b3b47;margin-top:24px;padding-top:18px;color:#8494a1;font-size:10px}.checksum summary{cursor:pointer}.checksum code{display:block;overflow-wrap:anywhere;font-size:9px;margin:14px 0}.checksum div{display:flex;gap:15px}.checksum button,.checksum a{background:transparent;border:1px solid #3b4f5f;color:#b4c2cc;border-radius:2px;padding:6px 9px;font-size:9px}.checksum #copy-status{display:block;margin-top:8px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq details{border-bottom:1px solid #2a3945;padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px;color:#6883a0}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);font-size:12px;line-height:2;margin:15px 0 0}.message-section{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.message-section>div>p:not(.eyebrow){color:var(--muted);font-size:14px}.message-section>div>small{display:block;color:#687885;font-size:10px;max-width:390px;line-height:2;margin-top:30px}.message-form{border-top:1px solid #344653;padding-top:28px}.message-form label{display:block;font-size:11px;color:#aebac3}.message-form label>span{color:#667986;font-size:9px;margin-left:5px}.message-form input:not([type=checkbox]),.message-form textarea{display:block;width:100%;margin-top:9px;background:#0c131a;border:1px solid #2d3d49;border-radius:3px;color:#eef5fb;padding:12px;font-size:12px}.message-form textarea{resize:vertical;min-height:150px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.consent{display:flex!important;gap:9px;margin-top:18px;align-items:flex-start}.consent input{margin-top:5px;accent-color:#4e8fff}.consent span{font-size:10px!important;line-height:1.8}.submit-row{display:flex;align-items:center;gap:18px;margin-top:24px}.submit-row p{margin:0;color:#8da0ae;font-size:11px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{min-height:120px;border-top:1px solid var(--line);padding:34px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#677886;font-size:10px}footer .brand>span{font-size:18px}footer p{margin:0}

.feature-dialog{width:min(620px,calc(100% - 40px));color:#eaf2f8;background:#0d151d;border:1px solid #526b80;border-radius:18px;padding:40px;box-shadow:0 50px 140px #000c}.feature-dialog::backdrop{background:#020406d9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:20px;background:transparent;border:0;color:#8fa0ad;font-size:11px}.feature-dialog>p:first-of-type{color:#6994bd;font:10px/1 Consolas,monospace}.feature-dialog h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:27px 0 15px}.feature-dialog>p{color:#9aabb7;font-size:13px}.feature-dialog ul{padding-left:20px;color:#c4d0d9;font-size:12px;line-height:2.1}.dialog-link{display:inline-block;border-bottom:1px solid #5a7690;margin-top:20px;font-size:11px;padding-bottom:5px}.feature-dialog[open]{animation:dialogIn .28s ease-out}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:1050px){.header{padding-inline:24px}.hero-copy{left:6vw;width:55vw}.hero-copy h1{font-size:72px}.chapter-copy{left:6vw}.orbit-card{width:290px}.card-docs,.card-tools{left:8%}.card-vision,.card-agents{right:7%}.section{width:calc(100% - 64px)}.control-section{gap:55px}.download-section{gap:60px}.workspace-frame{width:78vw;left:3vw}.workspace-callout{right:3vw}}
@media(max-width:720px){html{scroll-padding-top:64px}.header{height:64px;padding:0 18px}.brand img{width:32px;height:32px}.brand>span{font-size:18px}.brand small{font-size:6px}.menu-toggle{display:block;background:transparent;border:1px solid #40515f;color:#c3cfd8;padding:7px 10px;border-radius:2px;font-size:10px}.header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#080d12ee;border-bottom:1px solid #2d3a45;padding:10px 18px 18px;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:13px 5px}.nav-download{margin-top:7px;text-align:center}.immersive-story{height:440vh}.scene-sticky{min-height:580px}.scene-vignette{background:linear-gradient(180deg,#070b101a,#070b10a6 58%,#070b10 100%)}.hero-copy{left:22px;right:22px;top:19%;width:auto;transform:none}.hero-copy h1{font-size:49px;line-height:1.16;margin-bottom:23px}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:350px}.hero-actions{gap:18px;margin:25px 0 16px}.hero-actions .primary{padding:11px 14px}.hero-actions>a:last-child{font-size:10px}.scroll-cue{display:none}.story-progress{right:12px}.story-progress div{height:120px}.chapter-copy{left:22px;top:13%;width:280px}.chapter-copy h2{font-size:24px}.orbit-card{width:calc(100% - 70px);min-height:145px;padding:20px;border-radius:13px}.orbit-card strong{font-size:18px;margin:26px 0 6px}.orbit-card em{margin-top:13px}.card-docs,.card-tools{left:22px}.card-vision,.card-agents{right:22px}.card-docs{top:36%}.card-vision{top:43%}.card-tools{bottom:17%}.card-agents{bottom:9%}.scene-workspace{display:flex;flex-direction:column;justify-content:center;padding:72px 18px 20px}.workspace-frame{position:relative;left:auto;top:auto;width:100%;border-radius:10px}.frame-top{height:30px;padding-inline:10px;font-size:7px}.workspace-callout{position:relative;right:auto;bottom:auto;width:100%;margin-top:26px;padding:18px 3px}.workspace-callout h2{font-size:25px}.section{width:calc(100% - 40px);padding:82px 0}.section h2{font-size:36px}.section-head,.control-section,.download-section,.faq-section,.message-section{grid-template-columns:1fr;gap:44px}.section-head{margin-bottom:45px}.section-head .eyebrow{grid-column:auto}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article{min-height:210px;padding:24px 18px}.workflow-grid article:nth-child(3){border-left:0;border-top:1px solid #263440}.workflow-grid article:nth-child(4){border-top:1px solid #263440}.workflow-grid h3{margin-top:38px}.control-visual{min-height:400px;order:2}.control-copy{order:1}.control-copy h2{font-size:36px}.download-section{grid-template-columns:1fr}.download-card{padding:25px}.faq-section{gap:24px}.message-section{gap:35px}.form-row{grid-template-columns:1fr}.submit-row{align-items:flex-start;flex-direction:column}.feature-dialog{padding:32px 24px}.feature-dialog h2{font-size:28px}footer{padding:28px 20px;flex-wrap:wrap}footer p{width:100%;order:3}}
@media(max-width:380px){.hero-copy h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column}.orbit-card{width:calc(100% - 52px)}.card-docs,.card-tools{left:16px}.card-vision,.card-agents{right:16px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article+article{border-left:0;border-top:1px solid #263440}}
html.motion-reduced{scroll-behavior:auto}html.motion-reduced *,html.motion-reduced *:before,html.motion-reduced *:after{transition:none!important;animation:none!important}html.motion-reduced .immersive-story{height:auto}html.motion-reduced .scene-sticky{position:relative;height:900px}html.motion-reduced .hero-copy{opacity:1!important}html.motion-reduced .chapter-copy,html.motion-reduced .orbit-cards,html.motion-reduced .scene-workspace,html.motion-reduced .story-progress,html.motion-reduced .scroll-cue{display:none!important}html.motion-reduced .motion-toggle:before{background:#6d7882;box-shadow:none}

/* 沉浸式场景 V4：强化流体雕塑、玻璃屏幕与内容卡片之间的空间层次。 */
.scene-vignette{background:radial-gradient(circle at 54% 48%,transparent 4%,#05080d24 43%,#05080dc9 88%,#05080df5 100%),linear-gradient(90deg,#05080d75 0,transparent 48%,#05080d30 100%)}
.orbit-card{background:linear-gradient(145deg,#18222dde,#0a1018d9);border-color:#9fc8ee42;box-shadow:inset 0 1px #d8ecff18,0 28px 90px #000b;backdrop-filter:blur(24px) saturate(1.35)}
.orbit-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#94dfff12,transparent 35%,#d85cff12 72%,transparent)}
.orbit-card strong,.orbit-card p,.orbit-card em,.orbit-card span{position:relative;z-index:1}

/* 全站空间叙事 V6：同一 WebGL 场景贯穿所有内容，正文以半透明工程面板承载。 */
body.marketing{background:#05080d}
#experience-canvas{position:fixed!important;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.header{z-index:50;background:#070b10b8;backdrop-filter:blur(18px) saturate(1.2)}
main,footer{position:relative;z-index:1}
.immersive-story{background:transparent}
.scene-sticky:after{background:linear-gradient(180deg,#05080d1a,#05080d00 70%,#05080d9e)}
.section{position:relative;isolation:isolate;min-height:78vh;margin:14vh auto;padding:92px 64px;border:1px solid #7390aa29;border-radius:28px;background:linear-gradient(135deg,#0a1119e8,#070c12c9 58%,#0a1018df);box-shadow:inset 0 1px #d9efff0b,0 46px 130px #0008;backdrop-filter:blur(18px) saturate(1.12);overflow:hidden}
.section:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 0,#3978c615,transparent 35%),linear-gradient(115deg,transparent 45%,#914cff08 72%,transparent)}
.section:nth-of-type(odd):after{background:radial-gradient(circle at 0 100%,#8c4cff12,transparent 36%),linear-gradient(245deg,transparent 42%,#3caeff08 76%,transparent)}
.section-head{margin-bottom:64px}
.section .eyebrow{color:#789fca}
.workflow-grid article{background:#0b121aaa;transition:background .25s,border-color .25s,transform .25s}
.workflow-grid article:hover{background:#101d29d9;transform:translateY(-5px)}
.agent-section{display:grid;grid-template-columns:1.25fr .9fr;gap:68px;align-items:center;min-height:88vh;padding:40px}
.agent-visual{position:relative;min-height:610px;overflow:hidden;border:1px solid #6684a238;border-radius:20px;background:#060a10}
.agent-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.agent-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 46%,#070c12d9 100%),linear-gradient(180deg,transparent 65%,#05080dc7)}
.agent-visual span{position:absolute;z-index:1;left:20px;bottom:17px;color:#9aa9b5;font-size:9px;letter-spacing:.05em}
.agent-copy{padding:40px 28px 40px 0}
.agent-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2;max-width:510px}
.agent-copy h2{font-size:clamp(38px,4vw,60px);margin:20px 0 24px}
.agent-roles{margin-top:38px;border-top:1px solid #334552}
.agent-roles article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #263742}
.agent-roles b{color:#75a7dc;font:10px/1.7 Consolas,monospace;font-weight:400}
.agent-roles h3{font-size:15px;font-weight:500;margin:0 0 6px}
.agent-roles p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}
.control-visual,.download-card,.message-form input:not([type=checkbox]),.message-form textarea{background-color:#080e15d9}
footer{background:#05080de6;backdrop-filter:blur(16px)}
html[data-site-scene="agents"] .header,html[data-site-scene="message"] .header{border-bottom-color:#7c58ff35}
html.cinematic-ready:not(.motion-reduced) .section{opacity:var(--section-opacity,1);transform:translate3d(0,var(--section-shift,0),0) scale(var(--section-scale,1));will-change:transform,opacity}

@media(max-width:980px){.section{width:calc(100% - 48px);padding:70px 38px}.agent-section{grid-template-columns:1fr;gap:30px}.agent-visual{min-height:470px}.agent-copy{padding:10px 8px 30px}}
@media(max-width:720px){.section{width:calc(100% - 24px);min-height:auto;margin:9vh auto;padding:62px 22px;border-radius:20px}.agent-section{padding:12px}.agent-visual{min-height:390px;border-radius:14px}.agent-visual:after{background:linear-gradient(180deg,transparent 45%,#05080de8)}.agent-copy{padding:20px 12px 34px}.agent-copy h2{font-size:34px}.agent-roles{margin-top:28px}}
.workspace-frame{box-shadow:0 0 0 1px #b9d8ef40,0 55px 150px #000e,0 0 90px #316cff1f}
@media(max-width:720px){.scene-vignette{background:linear-gradient(180deg,#05080d12 0,#05080d62 48%,#05080ded 86%,#05080d 100%)}.orbit-card{backdrop-filter:blur(16px) saturate(1.2)}}

/* 三维工程管线 V8：五个真实几何场景沿同一空间轴连续展开。 */
.immersive-story{height:620vh}
.scene-vignette{background:radial-gradient(circle at 56% 46%,transparent 2%,#04080d1f 38%,#04080dac 80%,#04080df2 100%),linear-gradient(90deg,#04080d8f 0,transparent 45%,#04080d32 100%)}
.chapter-copy{transition:opacity .2s ease,transform .2s ease}
.chapter-copy h2{min-height:88px}
.orbit-card{width:340px;min-height:184px}
.card-chassis{right:9%;top:46%}
.card-brake{left:12%;bottom:14%}
.card-rig{right:10%;top:34%}
.card-docs{left:13%;bottom:13%}
.card-agents{right:12%;bottom:14%}
html.no-webgl-scene #experience-canvas{display:none}
html.no-webgl-scene .scene-sticky{background:radial-gradient(circle at 72% 44%,#164776 0,#0a1827 24%,#05080d 65%)}
html.no-webgl-scene .chapter-copy,html.no-webgl-scene .orbit-cards,html.no-webgl-scene .story-progress{display:none}

@media(max-width:1050px){
  .card-chassis,.card-rig,.card-agents{right:6%}
  .card-brake,.card-docs{left:7%}
}
@media(max-width:720px){
  .immersive-story{height:540vh}
  .chapter-copy h2{min-height:70px}
  .orbit-card{width:calc(100% - 70px);min-height:145px}
  .card-chassis,.card-rig,.card-agents{right:22px;left:auto;top:auto;bottom:11%}
  .card-brake,.card-docs{left:22px;right:auto;top:auto;bottom:11%}
}
@media(max-width:380px){
  .orbit-card{width:calc(100% - 52px)}
  .card-chassis,.card-rig,.card-agents{right:16px}
  .card-brake,.card-docs{left:16px}
}

/* 单向空间旅程 V11：八个独立场景沿页面深度依次穿越，已经过的节点不再返回。 */
.cinematic-media{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;perspective:1200px;perspective-origin:56% 48%;transition:opacity .55s ease;background:radial-gradient(circle at 70% 42%,#173c6066 0,transparent 39%),radial-gradient(circle at 34% 76%,#3518432e 0,transparent 34%),#05090e}
html.photoreal-ready .cinematic-media{opacity:1}
html.photoreal-ready #experience-canvas{opacity:0;visibility:hidden;transition:opacity .32s ease}
html.photoreal-ready .scene-workspace{visibility:hidden!important;opacity:0!important}
.journey-camera{position:absolute;inset:0;transform-style:preserve-3d}
.journey-node{position:absolute;left:50%;top:50%;width:min(74vw,1240px);margin:0 0 0 -37vw;translate:0 -50%;opacity:0;visibility:hidden;transform-style:preserve-3d;transform-origin:50% 50%;backface-visibility:hidden}
.journey-node.is-near{will-change:transform,opacity}
.journey-node>img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}
.journey-node figcaption{position:absolute;left:4%;bottom:5%;padding:12px 15px;border-left:2px solid #5ba5ff;background:#07101bc4;color:#dce8f3;box-shadow:0 14px 38px #0007}
.journey-node figcaption span{display:block;margin-bottom:6px;color:#79a8d7;font:9px/1.2 Consolas,monospace;letter-spacing:.12em}
.journey-node figcaption strong{font-size:15px;font-weight:500;letter-spacing:.03em}
.node-vehicle{width:min(82vw,1460px);margin-left:-41vw}
.node-brake,.node-rig,.node-evidence,.node-ecu{width:min(64vw,1040px);margin-left:-32vw}
.node-finale{width:min(78vw,1320px);margin-left:-39vw}
.journey-panel{width:min(68vw,1120px);margin-left:-34vw;padding:9px;border:1px solid #80baff4a;border-radius:18px;background:#101a24e8;box-shadow:0 34px 100px #000b,0 0 0 1px #ffffff0a inset;overflow:hidden}
.journey-panel>img{height:min(58vh,680px);max-height:58vh;border-radius:10px;object-fit:cover}
.journey-panel-top{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#71869a;font:8px/1 Consolas,monospace;letter-spacing:.12em}
.journey-panel-top i,.journey-panel-top i:before,.journey-panel-top i:after{display:block;width:5px;height:5px;border-radius:50%;background:#4e93da;box-shadow:-10px 0 #27445e,10px 0 #a76838;content:""}
.journey-panel-top i:before,.journey-panel-top i:after{display:none}
.journey-track{position:absolute;left:58%;top:-20%;width:1px;height:160%;opacity:.45;background:linear-gradient(180deg,transparent,#76b8ff 18%,#3278bd 68%,transparent);box-shadow:0 0 22px #56a7ff80;transform-origin:50% 50%}
.journey-track:before{content:"";position:absolute;inset:0 -30vw;background:repeating-radial-gradient(circle at 50% 25%,#8bc8ff 0 1px,transparent 2px 84px);opacity:.45}
.cinematic-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#8bc7ff12 1px,transparent 1px),linear-gradient(90deg,#8bc7ff12 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 100%)}
.cinematic-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 0 47%,#64b3ff20 47.1% 47.25%,transparent 47.35% 100%)}
.cinematic-scan{position:absolute;inset:-20% 0;opacity:0;background:radial-gradient(circle at 75% 42%,#65b9ff25 0 2px,transparent 3px),radial-gradient(circle at 64% 58%,#ff994726 0 2px,transparent 3px);background-size:190px 170px,230px 210px;mask-image:linear-gradient(90deg,transparent 14%,#000 42%,#000 92%,transparent)}
.section{background:linear-gradient(135deg,#0a1119df,#070c12c9 58%,#0a1018dc);backdrop-filter:none}
.section>*:not(.section-scenery){position:relative;z-index:2}
.section-scenery{position:absolute!important;z-index:0!important;inset:0;overflow:hidden;pointer-events:none;opacity:.24;mask-image:linear-gradient(90deg,transparent 18%,#000 58%,#000 100%)}
.section-scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091018 5%,transparent 60%),linear-gradient(0deg,#091018b8,transparent 45%)}
.section-scenery img{position:absolute;right:-8%;bottom:-14%;width:62%;max-width:none}
.evidence-section .section-scenery{opacity:.32}
.evidence-section .section-scenery img{width:58%;right:-7%;bottom:-9%}
.section-scenery-vehicle{opacity:.35;mask-image:linear-gradient(90deg,transparent 4%,#000 42%,#000)}
.section-scenery-vehicle img{width:68%;right:-9%;bottom:-16%}
.control-visual{background:radial-gradient(circle at 52% 48%,#173a5b 0,#0a121a 58%,#05090d 100%)}
.control-visual:after{background:linear-gradient(180deg,transparent 58%,#080e14e6),linear-gradient(90deg,#0710193d,transparent 44%)}
.control-boundary-map{position:absolute;inset:13% 10% 17%;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:center;padding:15%;border:1px solid #6795bd52;border-radius:50%;background:radial-gradient(circle,#32689059 0 19%,transparent 20%),repeating-radial-gradient(circle,#78b9ed26 0 1px,transparent 2px 22%)}
.control-boundary-map:before,.control-boundary-map:after{content:"";position:absolute;left:50%;top:50%;background:#73b7ed30;transform:translate(-50%,-50%)}
.control-boundary-map:before{width:82%;height:1px}.control-boundary-map:after{width:1px;height:82%}
.control-boundary-map strong,.control-boundary-map span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:66px;padding:10px;border:1px solid #78b9ed3d;background:#08131ecf;color:#b9d5e9;font-size:11px;font-weight:500;letter-spacing:.04em}
.control-boundary-map strong{position:absolute;left:50%;top:50%;width:120px;min-height:60px;border-color:#77b9ef7d;color:#e3f2ff;transform:translate(-50%,-50%)}

@media(max-width:980px){
  .journey-node{width:82vw;margin-left:-41vw}
  .node-vehicle,.node-finale{width:96vw;margin-left:-48vw}
  .journey-panel{width:82vw;margin-left:-41vw}
  .section-scenery img{width:78%;opacity:.8}
}

@media(max-width:720px){
  html.photoreal-ready #experience-canvas{opacity:0}
  .cinematic-grid{background-size:42px 42px;opacity:.16}
  .cinematic-media{perspective:900px;perspective-origin:53% 45%}
  .journey-node,.journey-panel{top:49%;width:112vw;margin-left:-56vw}
  .node-vehicle,.node-finale{width:132vw;margin-left:-66vw}
  .journey-node>img{max-height:60vh}
  .journey-panel>img{height:48vh;max-height:48vh}
  .journey-node figcaption{left:12%;bottom:0;padding:9px 11px}
  .journey-node figcaption strong{font-size:12px}
  .section{background:linear-gradient(145deg,#0a1119eb,#070c12de)}
  .section-scenery{opacity:.14!important;mask-image:linear-gradient(180deg,transparent 18%,#000 60%,#000)}
  .section-scenery img{width:118%;right:-54%;left:auto;bottom:-8%}
  .control-boundary-map{inset:12% 6% 18%;padding:17% 10%;gap:9px}
  .control-boundary-map strong,.control-boundary-map span{min-height:56px;font-size:9px}
}

html.motion-reduced .journey-node,html.motion-reduced .cinematic-scan{will-change:auto}
html.cinematic-ready:not(.motion-reduced) .section{will-change:auto}
.orbit-card{backdrop-filter:none}

/* 驭远开放式版面 V13：去除卡片墙，改用深海蓝、钛灰与空间光带组织内容。 */
body.marketing{background:#09141d}
.header{background:#0a1721d9;border-bottom-color:#89b7d61f}
.cinematic-media{background:radial-gradient(circle at 68% 34%,#244b665e 0,transparent 38%),radial-gradient(circle at 26% 76%,#5c483238 0,transparent 34%),linear-gradient(145deg,#0e202c 0,#09141d 48%,#101b23 100%)}
.scene-sticky:after{background:linear-gradient(180deg,#0b18221f,#0b182200 68%,#09141d9c)}
.scene-vignette{background:radial-gradient(circle at 58% 45%,transparent 8%,#09141d24 53%,#09141dcf 100%),linear-gradient(90deg,#09141d70,transparent 52%,#0e1e2838)}
.section{width:min(1320px,calc(100% - 112px));min-height:72vh;margin:6vh auto;padding:130px 20px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.section:after{inset:0 calc(50% - 50vw);background:linear-gradient(100deg,#142b3959 0,transparent 39%,#6f54311f 76%,transparent 100%)}
.section:nth-of-type(odd):after{background:linear-gradient(250deg,#1d3b5052 0,transparent 42%,#17344738 72%,transparent 100%)}
.section-head{margin-bottom:72px}
.workflow-grid{gap:0;border-top:1px solid #7291a65c;border-bottom:1px solid #7291a65c}
.workflow-grid article{position:relative;min-height:235px;background:transparent!important;transition:color .25s}
.workflow-grid article:before{content:"";position:absolute;left:27px;top:-4px;width:7px;height:7px;border-radius:50%;background:#83bfff;box-shadow:0 0 18px #5ea8ff}
.workflow-grid article:hover{background:transparent!important;transform:none;color:#fff}
.orbit-card{padding:18px 0 18px 24px;background:transparent;border:0;border-left:1px solid #8ac6f17a;border-radius:0;box-shadow:none}
.orbit-card:hover{background:transparent;border-color:#b8dcf4;color:#fff}
.orbit-card:before{display:none}
.journey-node figcaption{background:linear-gradient(90deg,#0b1b27bd,transparent);box-shadow:none}
.journey-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.journey-panel-top{display:none}
.journey-panel>img{border-radius:0}
.agent-section{grid-template-columns:1.35fr .85fr;gap:72px;padding-inline:0}
.agent-visual{min-height:640px;border:0;border-radius:0;background:transparent;overflow:visible;mask-image:radial-gradient(ellipse 88% 80% at 48% 50%,#000 54%,transparent 100%)}
.agent-visual:after{background:linear-gradient(90deg,transparent 62%,#0b1a24c2 100%),linear-gradient(180deg,transparent 72%,#0b1a2494)}
.agent-visual span{left:8px;color:#b0c1cd}
.control-visual{border:0;background:transparent;overflow:visible}
.control-visual:after{background:radial-gradient(circle at 50% 50%,#2c59723d,transparent 66%)}
.control-boundary-map{border:0;background:radial-gradient(circle,#497d9d47 0 18%,transparent 19%),repeating-radial-gradient(circle,#9ac8e525 0 1px,transparent 2px 22%)}
.download-card{background:linear-gradient(145deg,#132632e8,#0d1b25e8);border-color:#7398ad57;box-shadow:0 32px 90px #06101966}
.message-form input:not([type=checkbox]),.message-form textarea{background:#10222ddb;border-color:#55778c5c}
footer{background:#0a1721e8;border-top-color:#6c8aa03b}

@media(max-width:980px){
  .section{width:calc(100% - 56px);padding:100px 12px}
  .agent-section{grid-template-columns:1fr;gap:42px}
  .agent-visual{min-height:520px;mask-image:radial-gradient(ellipse 92% 84% at 50% 48%,#000 56%,transparent 100%)}
}

@media(max-width:720px){
  .section{width:calc(100% - 30px);margin:5vh auto;padding:78px 4px;background:transparent}
  .section:after{inset:0 calc(50% - 50vw)}
  .workflow-grid article{min-height:190px;padding:25px 16px}
  .workflow-grid article:before{left:15px}
  .agent-section{padding-inline:0}
  .agent-visual{min-height:380px;border-radius:0}
}

/* 产品界面与材质系统 V14：首屏保持深海蓝，核心产品区切换为钛银工作台质感。 */
#workspace,#product-scenes,#agents{margin:0 auto;color:#112235}
#workspace:after,#product-scenes:after,#agents:after{
  background:
    radial-gradient(circle at 12% 18%,#ffffffed 0,transparent 32%),
    radial-gradient(circle at 88% 76%,#aec6d25c 0,transparent 36%),
    repeating-linear-gradient(118deg,#ffffff00 0 42px,#ffffff24 43px 44px),
    linear-gradient(135deg,#eef2f3 0,#d9e1e4 46%,#c8d4d9 100%);
  box-shadow:inset 0 1px #fff,inset 0 -1px #8fa3ad7a
}
#workspace{padding-top:150px;padding-bottom:112px}
#product-scenes{padding-top:112px;padding-bottom:150px}
#agents{padding-top:140px;padding-bottom:150px}
#workspace .eyebrow,#product-scenes .eyebrow,#agents .eyebrow{color:#245fae}
#workspace h2 span,#product-scenes h2 span,#agents h2 span{color:#60788a}
#workspace .section-head>p:last-child,#product-scenes .section-head>p:last-child,#agents .agent-copy>p:not(.eyebrow){color:#52697a}
#workspace .workflow-grid{border-color:#7e949f8f}
#workspace .workflow-grid article+article{border-color:#9aabb37a}
#workspace .workflow-grid article:before{background:#226fe0;box-shadow:0 0 16px #4d91ff80}
#workspace .workflow-grid article:hover{color:#0b1723}
#workspace .workflow-grid span{color:#2869b9}
#workspace .workflow-grid p{color:#546979}
#product-scenes h2{font-size:clamp(38px,4vw,58px)}

.product-surfaces{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:86px 38px;align-items:start}
.product-surface{position:relative;margin:0;min-width:0}
.product-surface-agent{grid-column:1/-1}
.product-surface-document{grid-column:1/8}
.product-surface-vision{grid-column:6/-1;margin-top:145px}
.product-surface img{width:100%;height:auto;border:1px solid #8da1ad75;border-radius:4px;background:#f5f7f8;box-shadow:0 34px 80px #344b5d29,0 2px 8px #5e71802b;transition:transform .45s ease,box-shadow .45s ease}
.product-surface:hover img{transform:translateY(-8px);box-shadow:0 42px 100px #344b5d38,0 3px 10px #5e718032}
.product-surface figcaption{display:grid;grid-template-columns:1fr auto;gap:9px 28px;align-items:end;padding:18px 2px 0;color:#17304a;border-top:1px solid #90a2ab66}
.product-surface figcaption span{grid-column:1/-1;color:#2b65ab;font:10px/1.2 Consolas,monospace;letter-spacing:.13em}
.product-surface figcaption strong{font-size:17px;font-weight:600;letter-spacing:-.02em}
.product-surface figcaption small{color:#657b8b;font-size:10px}

#agents .agent-copy h2{color:#112235}
#agents .agent-roles{border-top-color:#8da0aa8c}
#agents .agent-roles article{border-bottom-color:#9aabb379}
#agents .agent-roles b{color:#2169be}
#agents .agent-roles h3{color:#112235}
#agents .agent-roles p{color:#52697a}
#agents .agent-visual{filter:drop-shadow(0 36px 45px #334a5c38)}
#agents .agent-visual:after{background:linear-gradient(90deg,transparent 64%,#d5dee2bd 100%),linear-gradient(180deg,transparent 74%,#d5dee296)}
#agents .agent-visual span{color:#203b51;text-shadow:0 1px 2px #fff}

#control{margin:0 auto;color:#edf5fa}
#control:after{
  background:
    radial-gradient(circle at 22% 44%,#2f587061 0,transparent 35%),
    radial-gradient(circle at 82% 18%,#9a784b24 0,transparent 34%),
    repeating-linear-gradient(116deg,#ffffff00 0 54px,#b9d4e40a 55px 56px),
    linear-gradient(135deg,#172d3a 0,#0c1b25 58%,#132631 100%);
  box-shadow:inset 0 1px #cbe0ec24,inset 0 -1px #02060880
}
#control .control-copy h2 span{color:#8ca5b6}
#control .control-list{border-top-color:#6681936b}
#control .control-list article{border-bottom-color:#49637366}
#control .control-list p{color:#9eb0bc}

@media(max-width:980px){
  #workspace,#product-scenes,#agents,#control{width:calc(100% - 56px)}
  .product-surfaces{gap:64px 28px}
  .product-surface-document{grid-column:1/9}
  .product-surface-vision{grid-column:5/-1;margin-top:90px}
}

@media(max-width:720px){
  #workspace,#product-scenes,#agents,#control{width:calc(100% - 30px);margin:0 auto;padding-top:82px;padding-bottom:82px}
  .product-surfaces{display:block}
  .product-surface+.product-surface{margin-top:58px}
  .product-surface-vision{margin-top:58px}
  .product-surface img{border-radius:2px;box-shadow:0 20px 48px #344b5d2c}
  .product-surface:hover img{transform:none}
  .product-surface figcaption{grid-template-columns:1fr;padding-top:14px}
  .product-surface figcaption span{grid-column:auto}
  .product-surface figcaption strong{font-size:15px}
  #agents .agent-visual{filter:drop-shadow(0 24px 34px #334a5c32)}
}

/* 全站材质连续性 V15：首屏之后保持同一套浅金属色域，避免暗—白—暗的分段感。 */
body.marketing{background:#d8e1e4}
#workspace,#product-scenes,#agents,#control,#download,#faq,#message{margin:0 auto}
#workspace:before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);right:calc(50% - 50vw);top:-190px;height:190px;pointer-events:none;background:linear-gradient(180deg,#09141d00 0,#243843a8 32%,#9aaab2d9 68%,#eef2f3 100%)}

#control{color:#14283a}
#control:after{
  background:
    radial-gradient(circle at 18% 46%,#eaf2f5d9 0,transparent 34%),
    radial-gradient(circle at 84% 24%,#a9c0cb66 0,transparent 36%),
    repeating-linear-gradient(116deg,#ffffff00 0 54px,#ffffff24 55px 56px),
    linear-gradient(135deg,#d9e3e7 0,#bdcbd1 56%,#aebfc7 100%);
  box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #879ca67a
}
#control .eyebrow{color:#245fae}
#control .control-copy h2{color:#14283a}
#control .control-copy h2 span{color:#5d7485}
#control .control-list{border-top-color:#8398a382}
#control .control-list article{border-bottom-color:#91a3ac70}
#control .control-list b{color:#2269bb}
#control .control-list h3{color:#14283a}
#control .control-list p{color:#526979}
#control .control-boundary-map{background:radial-gradient(circle,#5b8eb052 0 18%,transparent 19%),repeating-radial-gradient(circle,#3e779d33 0 1px,transparent 2px 22%)}
#control .control-boundary-map strong,#control .control-boundary-map span{border-color:#5f829878;background:#e9f0f3d6;color:#18364b;box-shadow:0 8px 28px #435d6d1f}
#control .control-visual span{color:#405c6e}

#download,#faq,#message{color:#142638;padding-top:125px;padding-bottom:125px}
#download:after{
  background:
    radial-gradient(circle at 86% 24%,#fff9ebd9 0,transparent 32%),
    repeating-linear-gradient(118deg,#ffffff00 0 52px,#ffffff24 53px 54px),
    linear-gradient(135deg,#e8e6df 0,#d8d9d5 52%,#c8d2d4 100%);
  box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #9caaa978
}
#faq:after{
  background:
    radial-gradient(circle at 12% 78%,#ffffffd6 0,transparent 34%),
    repeating-linear-gradient(118deg,#ffffff00 0 56px,#ffffff20 57px 58px),
    linear-gradient(135deg,#dfe7e8 0,#d3dde0 48%,#c3d1d7 100%);
  box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #92a5ae73
}
#message:after{
  background:
    radial-gradient(circle at 82% 22%,#edf6fad9 0,transparent 34%),
    repeating-linear-gradient(118deg,#ffffff00 0 58px,#ffffff1f 59px 60px),
    linear-gradient(135deg,#d8e3e7 0,#c8d7dc 54%,#b7c9d0 100%);
  box-shadow:inset 0 1px #ffffffcf,inset 0 -1px #8299a477
}
#download .eyebrow,#faq .eyebrow,#message .eyebrow{color:#245fae}
#download h2,#faq h2,#message h2{color:#142638}
#download h2 span,#faq h2 span,#message h2 span{color:#617786}
#download .download-copy>p:not(.eyebrow),#faq .faq p,#message>div>p:not(.eyebrow),#message>div>small{color:#526979}
#faq .faq details{border-bottom-color:#8fa2ab7a}
#faq .faq summary{color:#172d3e}
#faq .faq summary:after{color:#2b68ae}
#message .message-form{border-top-color:#8299a584}
#message .message-form label{color:#263f50}
#message .message-form label>span{color:#627887}
#message .message-form input:not([type=checkbox]),#message .message-form textarea{background:#f6f8f8dc;border-color:#8298a579;color:#142638;box-shadow:inset 0 1px 2px #60788712}
#message .message-form input::placeholder,#message .message-form textarea::placeholder{color:#7c8e99}
#message .submit-row p{color:#526979}

footer{background:#afc0c7;color:#304b5c;border-top-color:#7f959f80;box-shadow:inset 0 1px #e9f0f2}
footer .brand>span{color:#102536}
footer .brand small{color:#506978}

/* 分区背景必须无缝衔接；滚动动效由内部素材承担，禁止整块缩放露出底层场景。 */
html.cinematic-ready:not(.motion-reduced) .section{opacity:1;transform:none}

@media(max-width:720px){
  #workspace,#product-scenes,#agents,#control,#download,#faq,#message{width:calc(100% - 30px);margin:0 auto;padding-top:82px;padding-bottom:82px}
  #workspace:before{top:-120px;height:120px}
}

/* 驭远首屏品牌场景 V16：工作台、Agent 轨迹与汽车工程对象共同构成首屏素材。 */
.node-vehicle{width:min(92vw,1560px);margin-left:-46vw}
.hero-product-composite{position:relative;width:100%;height:min(72vh,770px);isolation:isolate}
.hero-product-composite:before{content:"";position:absolute;z-index:-1;right:3%;top:2%;width:66%;height:74%;background:radial-gradient(ellipse,#4f8db445 0,transparent 69%);filter:blur(26px)}
.hero-product-ui{position:absolute;z-index:0;right:2%;top:0;width:58%;height:auto;border:1px solid #9cc5df69;background:#e7edf0;box-shadow:0 32px 90px #000b,0 0 0 1px #d8efff14 inset;opacity:.82;transform:perspective(1200px) rotateY(-8deg) rotateZ(1.2deg);transform-origin:80% 50%;filter:saturate(.8) brightness(.86)}
.hero-product-vehicle{position:absolute;z-index:2;right:-2%;bottom:-2%;width:82%;height:auto;max-width:none;filter:drop-shadow(0 38px 34px #000a)}
.hero-agent-map{position:absolute;z-index:3;right:45%;top:12%;width:160px;display:grid;gap:8px;color:#dcecff;font:9px/1.2 Consolas,monospace;letter-spacing:.05em}
.hero-agent-map span{position:relative;padding:9px 11px 9px 24px;border-left:1px solid #68b1ee9c;background:linear-gradient(90deg,#0b2638e8,#0b26381a);box-shadow:0 8px 18px #0004}
.hero-agent-map span:before{content:"";position:absolute;left:9px;top:50%;width:5px;height:5px;border-radius:50%;background:#72c5ff;box-shadow:0 0 12px #59b8ff;transform:translateY(-50%)}
.hero-agent-map i{position:absolute;left:10px;top:18px;width:1px;height:116px;background:linear-gradient(#75c7ff,transparent);opacity:.7}
.node-vehicle figcaption{left:42%;bottom:3%}

@media(max-width:1050px){
  .node-vehicle{width:104vw;margin-left:-52vw}
  .hero-product-ui{right:-2%;width:64%}
  .hero-product-vehicle{right:-8%;width:90%}
  .hero-agent-map{right:46%;top:10%}
}

@media(max-width:720px){
  .node-vehicle{width:138vw;margin-left:-69vw}
  .hero-product-composite{height:58vh}
  .hero-product-ui{right:-9%;top:3%;width:88%;opacity:.62;transform:perspective(900px) rotateY(-7deg) rotateZ(1deg)}
  .hero-product-vehicle{right:-24%;bottom:0;width:132%}
  .hero-agent-map{display:none}
  .node-vehicle figcaption{left:14%;bottom:2%}
}