:root{--bg:#020d18;--panel:#071a2c;--blue:#19aaff;--cyan:#51d9ff;--gold:#e7b55d;--text:#edf7ff;--muted:#8199ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020d18;color:var(--text);font-family:"Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(20,92,140,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,92,140,.035) 1px,transparent 1px);background-size:42px 42px;z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}#particle-canvas{position:fixed;inset:0;z-index:-2}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:55px;position:absolute;width:100%;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:2px solid #d5eaf5;border-radius:50%;display:grid;place-items:center;font-size:9px}.brand b{font-size:19px}.brand small{display:block;color:#829bad;font-size:9px;margin-top:3px}.site-header nav{display:flex;justify-content:center;gap:45px;flex:1}.site-header nav a{font-size:14px;color:#b4c6d2;transition:.3s}.site-header nav a:hover{color:#fff;text-shadow:0 0 15px var(--cyan)}.header-cta{font-size:13px;color:var(--gold);border:1px solid #b88a45;padding:10px 24px}.menu-button,.mobile-menu{display:none}.hero{min-height:690px;padding:130px max(24px,calc((100vw - 1180px)/2)) 90px;display:grid;grid-template-columns:48% 52%;align-items:center;background:radial-gradient(circle at 72% 36%,rgba(0,122,203,.2),transparent 31%),linear-gradient(#020c16,#031524);overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;color:#77bce3;margin-bottom:22px}.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold);margin-right:10px;vertical-align:middle}.hero h1{font-size:49px;line-height:1.34;margin:0 0 18px;letter-spacing:-2px}.hero h1 span{color:var(--gold)}.hero-copy>p{max-width:560px;color:#91a7b8;font-size:15px;line-height:2}.hero-actions{display:flex;gap:14px;margin:29px 0}.button{border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;cursor:pointer;transition:.3s}.primary{background:linear-gradient(135deg,#f2ca7e,#c88a34);color:#18212a;font-weight:700;box-shadow:0 8px 25px rgba(213,152,58,.22)}.button:hover{transform:translateY(-2px)}.secondary{background:transparent;color:#dceaf3;border:1px solid #b88a45}.hero-tags{display:flex;gap:25px;font-size:10px;color:#82a2b8}.hero-visual{height:510px;position:relative;display:grid;place-items:center}.hero-visual img{width:125%;max-width:760px;mix-blend-mode:screen;animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(67,194,255,.24);border-radius:50%;animation:spin 14s linear infinite}.orbit.a{width:390px;height:390px}.orbit.b{width:470px;height:280px;transform:rotate(60deg);animation-direction:reverse}.scan-line{position:absolute;left:13%;right:9%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);z-index:2;animation:scan 4s linear infinite}.hero-visual label{position:absolute;padding:9px 12px;border-left:2px solid var(--cyan);background:#051a2ab5;font-size:8px;color:#6fa2c0}.hero-visual label b{color:#c8f2ff;font-size:13px}.data-a{left:4%;top:25%}.data-b{right:2%;bottom:24%}.metrics{position:relative;margin-top:-62px;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:#071d31ee;border:1px solid #285b78;border-radius:5px}.metrics div{text-align:center;padding:24px;position:relative}.metrics div+div:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:#7895a933}.metrics b{display:block;font-size:27px}.metrics small{font-size:13px}.metrics span{font-size:11px;color:#7892a5}.section{padding:100px 0}.section-heading{text-align:center;margin:0 auto 48px;max-width:760px}.section-heading em{font-size:10px;letter-spacing:4px;color:#4db7ed;font-style:normal}.section-heading h2{font-size:30px;margin:10px 0 12px}.section-heading p{color:#8098aa;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{background:linear-gradient(150deg,#0a2339cc,#04121fea);border:1px solid #3e789744;padding:24px 18px 18px;transition:.35s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);border-color:#49c2ff99;box-shadow:0 16px 45px #006fb629}.icon{width:34px;height:34px;border:1px solid #2c9ed8;border-radius:50%;display:grid;place-items:center;color:#61cdfb;font-size:12px;font-style:normal}.feature-card h3{font-size:17px;margin:15px 0 8px}.feature-card p{color:#718b9e;font-size:11px;line-height:1.8;height:60px}.feature-card>a{font-size:10px;color:#58bdec}.mini{height:130px;background:#071523;border:1px solid #46a0d433;margin:16px 0;position:relative;overflow:hidden}.before-after:before,.before-after:after{content:"";position:absolute;top:14px;bottom:13px;width:40%;left:7%;background:radial-gradient(ellipse,#765536,#211a17 68%);clip-path:polygon(26% 0,74% 0,86% 19%,78% 42%,93% 100%,7% 100%,22% 42%,14% 19%)}.before-after:after{left:auto;right:7%;background:repeating-linear-gradient(0deg,transparent 0 8px,#d6e8ec 9px 10px)}.multi{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px}.multi i{border:1px solid #1e6086;position:relative}.multi i:before{content:"";position:absolute;inset:16% 27%;border:1px solid #9dc6d9;border-radius:30% 30% 45% 45%}.dimension:before,.restore:before{content:"";position:absolute;inset:12px 28%;border:1px solid #a7cbdc;border-radius:24% 24% 42% 42%}.dimension:after{content:"128.36 mm";position:absolute;bottom:5px;left:36%;color:#5cb9e8;font-size:7px}.restore:before{right:52%;border-right-style:dashed}.restore:after{content:"";position:absolute;inset:12px 13% 12px 52%;border:1px dashed #a7cbdc;border-radius:24% 24% 42% 42%}
.workspace-section{background:linear-gradient(#06192a88,#020d1833)}.workspace{border:1px solid #479bcd52;background:#061522;box-shadow:0 20px 70px #0006;border-radius:8px;overflow:hidden}.workspace-top{height:43px;background:#0b1d2b;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 16px;font-size:9px;color:#70899b}.workspace-top span:nth-child(2){text-align:center}.workspace-top span:last-child{text-align:right}.workspace-body{height:430px;display:grid;grid-template-columns:120px 1.05fr 1.35fr 175px}.workspace aside{padding:15px 8px;border-right:1px solid #15354b;display:flex;flex-direction:column;gap:7px}.workspace aside b{font-size:10px;margin:4px 8px 10px}.workspace aside span{font-size:9px;color:#638196;padding:8px}.workspace aside .active{background:#0a3150;color:#72cefc}.model-view{position:relative;overflow:hidden;background:radial-gradient(circle,#0c314c,transparent 60%)}.model-view:before{content:"";position:absolute;inset:0;background:linear-gradient(#2c7ba71f 1px,transparent 1px),linear-gradient(90deg,#2c7ba71f 1px,transparent 1px);background-size:28px 28px}.model-view img{position:absolute;width:145%;left:-20%;top:3%;mix-blend-mode:screen}.drawing-views{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#15364d}.drawing-views i{background:#071724;position:relative}.drawing-views i:before{content:"";position:absolute;inset:14% 27%;border:1px solid #91b9ca;border-radius:24% 24% 40% 40%;background:repeating-radial-gradient(ellipse,transparent 0 8px,#6fabc659 9px 10px)}.drawing-views i:nth-child(2):before{inset:14% 37%}.drawing-views i:nth-child(3):before{inset:24%;border-radius:50%}.ai-panel{border-left:1px solid #15354b;padding:18px 15px;display:flex;flex-direction:column;gap:10px}.ai-panel h4{font-size:12px;margin:0}.ai-panel small,.ai-panel label{font-size:8px;color:#66859a}.ai-panel label b{float:right;color:#44d69d}.ai-panel button{border:0;background:#0d5584;color:#a8dcf4;font-size:8px;padding:7px}.progress{height:5px;background:#15364a}.progress i{display:block;width:87%;height:100%;background:linear-gradient(90deg,#0b70ac,#4fd6ff);animation:progress 3s ease-in-out infinite}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scene{border:1px solid #549bc338;background:#061827;overflow:hidden;border-radius:5px;transition:.35s}.scene:hover{transform:translateY(-6px);border-color:#e1ac53a6}.scene-img{height:170px;background-size:cover;background-position:center;position:relative}.dig{background-image:url('assets/brochure-overview.png');background-size:330%;background-position:8% 88%}.museum{background-image:url('assets/hardware-overview.png');background-size:290%;background-position:52% 78%}.pattern{background-image:url('assets/linework-overview.png');background-size:260%;background-position:78% 12%;filter:sepia(.4) brightness(.55)}.creative{background-image:url('assets/linework-overview.png');background-size:220%;background-position:15% 88%;filter:sepia(.7) brightness(.6)}.radar{position:absolute;width:55px;height:55px;border:1px solid var(--cyan);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #33b8f414,0 0 25px #33b8f48c;animation:pulse 2s infinite}.scene>div:last-child{padding:16px}.scene h3{font-size:15px;margin:0 0 7px}.scene p{font-size:10px;color:#6f899b;line-height:1.7;margin:0}.hardware-section{background:linear-gradient(transparent,#061c2ea6,transparent)}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hardware-card{border:1px solid #5c9ec352;background:linear-gradient(150deg,#091d2e,#05121f);padding:30px;position:relative;border-radius:7px;transition:.35s}.hardware-card:hover{transform:translateY(-8px)}.hardware-card.featured{border-color:var(--gold);box-shadow:0 0 35px #d6a04721}.hardware-card>em{position:absolute;right:0;top:0;background:var(--gold);color:#3a2a12;padding:5px 14px;font-size:10px;font-style:normal}.tier{font-size:20px;font-weight:700}.hardware-card h3{font-weight:400;color:#7896aa;font-size:12px;margin:5px 0}.device{height:150px;margin:15px 0;position:relative;background:radial-gradient(ellipse at center bottom,#1e5d7f66,transparent 60%)}.device b{position:absolute;left:17%;right:17%;bottom:20px;height:18px;background:linear-gradient(#253746,#0c131a);border-radius:3px;box-shadow:0 8px 15px #000}.scanner i{position:absolute;width:34px;height:72px;background:linear-gradient(90deg,#17242d,#405666,#121c24);top:28px;border-radius:5px}.scanner i:first-child{left:27%;transform:rotate(12deg)}.scanner i:nth-child(2){right:27%;transform:rotate(-12deg)}.scanner i:after,.lidar i:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#05111a;box-shadow:inset 0 0 0 4px #1d86b7,0 0 12px #2dbcfb;top:12px;left:7px}.microscope i{position:absolute;width:55px;height:90px;left:37%;top:12px;border:8px solid #314756;border-left:0;border-bottom:0;border-radius:0 25px 0 0}.lidar i{position:absolute;width:85px;height:48px;left:36%;top:34px;background:#293d49;border-radius:4px}.lidar i:after{width:29px;height:29px;right:8px;left:auto;top:9px}.hardware-card ul{list-style:none;padding:0;margin:0 0 22px;color:#8299a9;font-size:10px;line-height:2}.hardware-card li:before{content:"•";color:var(--gold);margin-right:7px}.hardware-card button{width:100%;padding:10px;background:transparent;border:1px solid #60798a;color:#b5c6d0}.featured button{border:0;background:linear-gradient(135deg,#edc77d,#bf8233);color:#231a0e;font-weight:700}.cta-section{height:330px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 80%,#c1772552,transparent 55%),linear-gradient(#081521,#201408);position:relative}.cta-section em{color:var(--gold);font-size:11px;letter-spacing:5px}.cta-section h2{font-size:33px;color:#f0c979;letter-spacing:4px;margin:10px}.cta-section p{font-size:12px;color:#987b52;margin-bottom:27px}footer{background:#061420;padding:55px 0 20px;border-top:1px solid #24343d}.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.3fr;gap:60px}.footer-grid>div:first-child p{color:#6f8696;font-size:11px;line-height:1.8;max-width:280px}.footer-grid h4{font-size:13px;margin:0 0 18px}.footer-grid>div:not(:first-child) a,.footer-grid>div:not(:first-child) p{display:block;color:#718899;font-size:10px;margin:10px 0}.copyright{border-top:1px solid #152d3e;margin-top:35px;padding-top:18px;color:#496477;font-size:9px;text-align:center}.video-modal{position:fixed;inset:0;background:#000d;backdrop-filter:blur(12px);z-index:100;display:none;align-items:center;justify-content:center}.video-modal.open{display:flex}.video-modal>div{width:min(720px,85vw);aspect-ratio:16/9;border:1px solid #235c7c;background:radial-gradient(circle,#0d3c5b,#03101a 65%);display:flex;flex-direction:column;align-items:center;justify-content:center}.video-modal>div>span{font-size:32px;color:var(--cyan)}.modal-close{position:absolute;right:30px;top:20px;background:none;border:0;color:white;font-size:42px}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@keyframes scan{0%{top:18%;opacity:0}10%,90%{opacity:1}100%{top:82%;opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.25);opacity:.35}}@keyframes progress{50%{width:96%}}
@media(max-width:900px){.site-header{height:66px;padding:0 18px;gap:12px}.brand{margin-right:auto}.brand-mark{width:31px;height:31px}.brand b{font-size:16px}.brand small{font-size:7px}.site-header nav{display:none}.header-cta{padding:8px 12px;font-size:11px}.menu-button{width:36px;height:36px;background:none;border:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px}.menu-button i{height:1px;background:#c9e4f2;width:100%}.mobile-menu{display:flex;position:fixed;left:12px;right:12px;top:72px;z-index:19;background:#051624f7;border:1px solid #17415c;padding:13px;flex-direction:column;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.3s}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu a{padding:12px;border-bottom:1px solid #498eb51f;font-size:13px}.hero{min-height:auto;padding:110px 20px 60px;display:flex;flex-direction:column;text-align:center}.eyebrow{font-size:9px}.hero h1{font-size:35px;line-height:1.35;letter-spacing:-1px}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions{justify-content:center}.button{padding:13px 18px;font-size:12px}.hero-tags{justify-content:center;gap:9px;flex-wrap:wrap;font-size:9px}.hero-visual{height:360px;width:100%;margin-top:18px}.hero-visual img{width:135%}.orbit.a{width:250px;height:250px}.orbit.b{width:310px;height:180px}.hero-visual label{font-size:6px}.data-a{left:1%}.data-b{right:0}.wrap{width:calc(100% - 32px)}.metrics{margin-top:-26px;grid-template-columns:1fr 1fr}.metrics div{padding:18px 8px}.metrics div:nth-child(3):before{display:none}.metrics div:nth-child(n+3){border-top:1px solid #74b2d426}.metrics b{font-size:20px}.section{padding:70px 0}.section-heading{margin-bottom:30px;padding:0 16px}.section-heading h2{font-size:24px}.section-heading p{font-size:12px;line-height:1.7}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:16px 12px}.feature-card h3{font-size:14px}.feature-card p{font-size:9px;height:66px}.mini{height:105px}.workspace{overflow-x:auto}.workspace-top,.workspace-body{width:850px}.workspace-body{height:390px}.scene-grid{grid-template-columns:1fr 1fr;gap:10px}.scene-img{height:135px}.scene h3{font-size:13px}.hardware-grid{grid-template-columns:1fr;max-width:500px}.hardware-card{padding:24px}.cta-section{height:290px;padding:20px}.cta-section h2{font-size:27px;letter-spacing:2px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{line-height:1.8}}
@media(max-width:480px){.header-cta{display:none}.hero h1{font-size:31px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-visual{height:315px}.hero-visual img{width:155%}.feature-card h3{font-size:13px}.feature-card p{height:75px}.mini{height:92px}.scene-img{height:120px}.scene>div:last-child{padding:12px}.scene p{font-size:9px}.footer-grid{gap:28px 18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Visual fidelity pass */
.hero{position:relative;border-bottom:1px solid #1b4058}.hero:before{content:"";position:absolute;inset:78px 0 0;background:linear-gradient(115deg,transparent 56%,#1385c60d 56.2%,transparent 56.4%),radial-gradient(circle at 75% 44%,#148fd326,transparent 28%);pointer-events:none}.hero-copy{position:relative;z-index:3}.hero-copy:before{content:"01 / INTELLIGENT DRAWING";position:absolute;left:0;top:-52px;color:#3d6d8b;font-size:8px;letter-spacing:2px}.hero h1{font-weight:800}.hero h1:after{content:"";display:block;width:64px;height:2px;margin-top:24px;background:linear-gradient(90deg,var(--gold),transparent)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid #2a9bd155;width:82%;height:72%;clip-path:polygon(0 0,18% 0,18% 1px,1px 1px,1px 18%,0 18%,0 0,100% 0,100% 18%,calc(100% - 1px) 18%,calc(100% - 1px) 1px,82% 1px,82% 0,100% 0,100% 100%,82% 100%,82% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 82%,100% 82%,100% 100%,0 100%,0 82%,1px 82%,1px calc(100% - 1px),18% calc(100% - 1px),18% 100%,0 100%)}.hero-visual:after{width:66%;height:58%;opacity:.5}.metrics{box-shadow:0 18px 55px #0008,0 0 45px #008bd119}.metrics b{font-weight:500}.section-heading h2:before,.section-heading h2:after{content:"";display:inline-block;width:90px;height:1px;vertical-align:middle;margin:0 22px;background:linear-gradient(90deg,transparent,#376f8f)}.section-heading h2:after{background:linear-gradient(90deg,#376f8f,transparent)}.feature-card{min-height:360px}.feature-card:after{content:"";position:absolute;width:30px;height:30px;right:-1px;top:-1px;border-top:1px solid #45c2ff;border-right:1px solid #45c2ff;opacity:.35}.feature-card:nth-child(1){border-top-color:#54cfff}.feature-card:nth-child(4){border-top-color:#d6a452}.workspace{position:relative;padding:14px;background:linear-gradient(145deg,#0b273d,#04121f);border-color:#378bb8;overflow:visible}.workspace-shot{display:block;width:100%;border:1px solid #163f5a;box-shadow:0 0 0 4px #020b12,0 25px 70px #000b}.workspace-glow{position:absolute;inset:12% 8%;background:#0da9ff24;filter:blur(55px)}.hud-corner{position:absolute;width:55px;height:55px;border-color:#52cfff;border-style:solid;z-index:2}.hud-corner.h1{left:-7px;top:-7px;border-width:2px 0 0 2px}.hud-corner.h2{right:-7px;bottom:-7px;border-width:0 2px 2px 0}.workspace-caption{position:absolute;right:28px;bottom:25px;background:#041522e8;border-left:2px solid #50cfff;padding:9px 15px;display:flex;flex-direction:column}.workspace-caption b{font-size:9px;letter-spacing:2px;color:#5ed3ff}.workspace-caption span{font-size:8px;color:#839cac;margin-top:4px}.scene{position:relative}.scene:after{content:"VIEW CASE →";position:absolute;right:13px;top:145px;font-size:7px;color:#e1b76c;opacity:0;transition:.3s}.scene:hover:after{opacity:1}.scene-img{filter:saturate(.76) contrast(1.05)}.hardware-card .device{background-image:url('assets/hardware-lineup.png');background-repeat:no-repeat;background-size:300% auto;height:180px}.hardware-card:nth-child(1) .device{background-position:0 52%}.hardware-card:nth-child(2) .device{background-position:50% 52%}.hardware-card:nth-child(3) .device{background-position:100% 52%}.device>*{display:none}.hardware-card{overflow:hidden}.hardware-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,#55c8ff10,transparent 70%);transform:translateX(-100%);transition:.7s}.hardware-card:hover:before{transform:translateX(100%)}.cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 47%,#d99c4430 47.2%,transparent 47.5%),linear-gradient(25deg,transparent 53%,#d99c4430 53.2%,transparent 53.5%);opacity:.55}.cta-section>div{position:relative;z-index:2}
@media(max-width:900px){.hero-copy:before{left:50%;transform:translateX(-50%);white-space:nowrap}.hero h1:after{margin:20px auto 0}.section-heading h2:before,.section-heading h2:after{width:35px;margin:0 9px}.workspace{overflow:hidden;padding:7px}.workspace-shot{width:135%;margin-left:-17.5%}.workspace-caption{right:10px;bottom:10px}.hardware-card .device{height:190px;background-size:300% auto}.scene:after{display:none}}
@media(max-width:480px){.hero{padding-top:102px}.hero h1{font-size:30px}.hero-copy>p{padding:0 5px}.hero-visual{margin-top:5px;height:300px}.hero-visual:before{width:100%;height:76%}.metrics{border-radius:10px}.section-heading h2:before,.section-heading h2:after{display:none}.feature-card{min-height:315px;border-radius:8px}.workspace-shot{width:170%;margin-left:-35%}.workspace-caption{position:relative;right:auto;bottom:auto;margin-top:8px;align-items:center;border-left:0;border-top:1px solid #2a779f;text-align:center}.hardware-card .device{height:165px}}