:root{--bg:#08110d;--panel:#0d1913;--panel-2:#12241a;--ink:#f2f7f1;--muted:#9caea1;--line:rgba(214,255,226,.16);--green:#20d878;--lime:#a9f53b;--mint:#d8ff8c;--dark:#07100b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.5}a{color:inherit}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20;background:rgba(8,17,13,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px}.brand img{width:31px;height:31px;object-fit:contain;border-radius:8px}.brand span{display:flex;flex-direction:column;line-height:1}.brand small{font-size:8px;letter-spacing:1.5px;color:var(--green);margin-top:5px}.main-nav{display:flex;gap:30px;color:#9fb0a4;font-size:13px}.main-nav a{text-decoration:none;transition:color .2s}.main-nav a:hover,.main-nav .active{color:#fff}.header-cta{border:1px solid rgba(216,255,226,.45);border-radius:999px;padding:10px 17px;text-decoration:none;font-size:12px}.header-cta span,.text-link span,.button span,.feature a span,.download-row>strong{font-size:17px}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:22px}.hero{min-height:700px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:82px 5vw 98px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#81a08b;font-weight:700;margin:0 0 22px}.hero h1,.section h2{font-size:clamp(55px,7vw,104px);line-height:.94;letter-spacing:-4px;margin:0 0 25px}.hero h1 span,.section h2 em{font-style:normal;color:var(--lime)}.hero-text{max-width:480px;font-size:18px;color:#b4c4b8}.hero-actions{display:flex;align-items:center;gap:25px;margin:34px 0 42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 23px;border-radius:7px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid transparent}.button-green{background:var(--green);color:#06100a;box-shadow:0 12px 35px rgba(32,216,120,.22);transition:transform .2s,box-shadow .2s}.button-green:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(32,216,120,.4)}.text-link{text-decoration:none;border-bottom:1px solid rgba(216,255,226,.5);padding-bottom:4px;font-size:13px}.hero-proof{display:flex;gap:18px;align-items:center}.hero-proof div{display:flex;flex-direction:column;gap:4px}.hero-proof b{font-size:18px}.hero-proof small{color:#789080;font-size:10px}.hero-proof i{width:1px;height:30px;background:var(--line)}.hero-visual{height:520px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 52% 50%,rgba(32,216,120,.23),transparent 46%);border:1px solid rgba(216,255,226,.08);border-radius:10px;overflow:hidden}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(160,255,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(160,255,190,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,black 24%,black 76%,transparent)}.drawing-card{position:relative;z-index:2;width:min(470px,76%);background:#e9f5e9;color:#14251a;border-radius:8px;padding:17px;box-shadow:28px 30px 0 rgba(0,0,0,.25),0 20px 70px rgba(28,217,119,.2);transform:rotate(-4deg)}.card-label{font-size:9px;letter-spacing:1.5px;color:#47705a}.floorplan{height:260px;margin:14px 0;background:#d9eadb;position:relative;border:1px solid #95b99d}.wall{position:absolute;background:#1c5937}.wall-a{left:12%;top:18%;width:76%;height:7px}.wall-b{left:12%;top:18%;width:7px;height:65%}.wall-c{right:12%;top:18%;width:7px;height:65%}.wall-d{left:12%;bottom:17%;width:76%;height:7px}.door{position:absolute;border:2px solid #2d8754;border-bottom:0;border-radius:50% 50% 0 0}.door-a{left:31%;top:18%;width:42px;height:42px}.door-b{right:23%;bottom:17%;width:40px;height:40px}.measure{position:absolute;color:#1a9b57;font-size:11px;font-weight:700}.measure-a{top:8%;left:43%}.measure-b{bottom:7%;left:48%}.card-footer{display:flex;justify-content:space-between;font-size:11px;color:#50705b}.tool-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#ecf7ea;color:#18341f;padding:13px 15px;border-radius:7px;box-shadow:0 12px 25px rgba(0,0,0,.3);font-size:10px}.tool-chip b{font-size:20px;color:#159b53}.chip-top{top:66px;right:6%}.chip-bottom{bottom:68px;left:5%}.cursor-ring{position:absolute;width:60px;height:60px;border:1px solid var(--lime);border-radius:50%;right:22%;bottom:23%;box-shadow:0 0 0 12px rgba(169,245,59,.08)}.ticker{display:flex;justify-content:space-between;gap:25px;overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:17px 5vw;color:#aac0ae;font-size:11px;letter-spacing:1px}.ticker span:before{content:"✦";color:var(--lime);margin-right:14px}.section{max-width:1440px;margin:auto;padding:125px 5vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.section-lead{max-width:480px;font-size:21px;color:#a8b9ad;align-self:end}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:0}.feature{min-height:345px;padding:24px;border-radius:8px;display:flex;flex-direction:column}.feature-dark{background:#142119}.feature-green{background:#158f52;color:#06100a}.feature-lime{background:var(--lime);color:#07120a}.feature-outline{border:1px solid rgba(216,255,226,.28);background:#0b1711}.feature-index{font-size:10px;letter-spacing:1px;opacity:.65}.feature-icon{font-size:46px;margin:54px 0 20px}.feature h3{font-size:21px;margin:0 0 8px}.feature p{font-size:13px;opacity:.78;max-width:220px}.feature a{margin-top:auto;text-decoration:none;font-size:12px;font-weight:800}.workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.workflow-copy>p:not(.eyebrow){color:#a8b9ad;font-size:17px;max-width:420px;margin:28px 0}.screen-card{background:#dcebdc;color:#173322;border-radius:9px;padding:14px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.screen-top{display:flex;align-items:center;justify-content:space-between;color:#5c7865;font-size:10px;padding:2px 5px 12px}.screen-top b{font-size:19px}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;border-radius:50%;background:#66b27b}.screen-body{display:grid;grid-template-columns:42px 1fr 100px;min-height:340px;background:#c6dec9;border-radius:5px;overflow:hidden}.side-tools{display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:18px;background:#b3d0b8;color:#2c6842;font-size:19px}.cad-canvas{position:relative;background-image:linear-gradient(rgba(37,111,65,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(37,111,65,.12) 1px,transparent 1px);background-size:24px 24px}.cad-lines{position:absolute;height:4px;background:#287e49}.line-1{left:14%;top:27%;width:70%}.line-2{left:14%;top:72%;width:70%}.line-3{left:24%;top:27%;height:45%;width:4px}.cad-room{position:absolute;border:4px solid #287e49}.room-1{left:20%;top:35%;width:32%;height:31%}.room-2{right:15%;top:35%;width:25%;height:31%}.cad-dimension{position:absolute;left:32%;top:19%;font-size:11px;color:#159b53}.dim-2{left:58%;top:74%}.screen-info{display:flex;flex-direction:column;gap:13px;padding:18px 12px;background:#d8e9d9;color:#4e6e58;font-size:10px}.screen-info b{font-size:12px;color:#173322}.download-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.download-copy>p:last-child{color:#a8b9ad;max-width:410px;margin-top:28px}.download-list{border-top:1px solid var(--line)}.download-row{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:18px;text-decoration:none;border-bottom:1px solid var(--line);padding:24px 0}.download-row.featured{background:var(--green);color:#06100a;padding:25px 18px;border-radius:7px;border-bottom:0;margin-top:12px}.row-icon{width:37px;height:37px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:17px}.download-row b{display:block;font-size:17px}.download-row small{display:block;color:#82a18c;font-size:11px;margin-top:4px}.featured small{color:#185b37}.download-row>strong{font-size:20px}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:45px;padding-bottom:45px}.stats-band>div{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:5px}.stats-band b{font-size:36px;color:var(--lime)}.stats-band span{font-size:11px;color:#89a28e}.faq-section{padding-top:70px}.faq-section h2{margin-bottom:42px}.faq-list{border-top:1px solid var(--line);max-width:920px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:18px;font-weight:700;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--lime);font-size:24px;font-weight:400}.faq-list p{color:#a8b9ad;max-width:650px;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;color:#789080;font-size:11px}.site-footer p{margin:0}@media(max-width:850px){.site-header{padding:0 20px}.main-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:70px 20px 70px}.hero-visual{height:430px}.section{padding:86px 20px}.intro,.workflow,.download-section{grid-template-columns:1fr;gap:42px}.feature-grid{grid-template-columns:1fr 1fr;padding-top:0}.stats-band{grid-template-columns:1fr 1fr;padding-top:25px}.site-footer{padding:24px 20px;display:grid;grid-template-columns:1fr;gap:10px}.screen-body{grid-template-columns:38px 1fr 80px}}@media(max-width:500px){.hero h1,.section h2{font-size:57px;letter-spacing:-3px}.hero-text{font-size:16px}.hero-proof{gap:11px}.hero-proof b{font-size:15px}.hero-visual{height:370px}.drawing-card{width:87%}.tool-chip{display:none}.feature-grid,.stats-band{grid-template-columns:1fr}.feature{min-height:290px}.screen-body{grid-template-columns:34px 1fr 66px;min-height:260px}.screen-info{padding:12px 7px;font-size:9px}.download-row{grid-template-columns:40px 1fr 20px;gap:12px}.download-row b{font-size:15px}}.page-intro{max-width:1440px;margin:auto;padding-top:110px;padding-bottom:92px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(55px,7vw,104px);line-height:.94;letter-spacing:-4px;margin:0 0 25px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:60px}.guide-list{max-width:980px;padding-top:35px}.guide-list article{border-top:1px solid var(--line);padding:38px 0 48px}.guide-list article:last-child{border-bottom:1px solid var(--line)}.guide-list h2{font-size:clamp(32px,4vw,56px);margin:12px 0}.guide-list p{color:#a8b9ad;max-width:680px;font-size:17px}@media(max-width:850px){.page-intro{padding:85px 20px 70px}.platform-grid{grid-template-columns:1fr 1fr;padding-top:0}.guide-list{padding-top:0}}@media(max-width:500px){.platform-grid{grid-template-columns:1fr}.guide-list article{padding:30px 0 38px}}
.hero-visual{background:#101c16;box-shadow:0 24px 60px rgba(0,0,0,.2)}.cad-workspace{width:100%;height:100%;display:block;object-fit:contain;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.35)}#download .download-row:not(.featured){display:none}
.hero{position:relative;isolation:isolate}.hero-copy,.hero-visual{position:relative;z-index:2}.hero-effects{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.hero-effects:before{content:"CAD VIEWER";position:absolute;right:-7%;top:12%;font-size:clamp(150px,22vw,340px);font-weight:900;letter-spacing:-.08em;line-height:.8;color:var(--lime);opacity:.035;white-space:nowrap;transform:rotate(-8deg)}.hero-effects:after{content:"DWG  /  DXF  /  3D";position:absolute;left:4%;bottom:9%;font-size:clamp(28px,4vw,66px);font-weight:800;letter-spacing:.16em;color:var(--green);opacity:.055;white-space:nowrap;transform:rotate(-4deg)}.beam{position:absolute;display:block;background:var(--lime);opacity:.1;filter:blur(.2px);box-shadow:0 0 70px rgba(169,245,59,.18)}.beam-left{left:-15%;top:-25%;width:210px;height:145%;transform:rotate(17deg);animation:beam-drift 12s ease-in-out infinite}.beam-right{right:-14%;top:-28%;width:260px;height:155%;transform:rotate(-17deg);opacity:.13;animation:beam-drift-reverse 15s ease-in-out infinite}.scan-line{position:absolute;left:0;right:0;top:18%;height:1px;background:rgba(169,245,59,.38);box-shadow:0 0 18px rgba(169,245,59,.45);animation:scan-sweep 8s linear infinite}.orbit-line{position:absolute;border:1px solid rgba(169,245,59,.18);border-radius:50%;transform:rotate(-16deg);animation:orbit-breathe 9s ease-in-out infinite}.orbit-one{width:58vw;height:17vw;right:-14%;top:17%}.orbit-two{width:46vw;height:13vw;left:-14%;bottom:11%;animation-delay:-3s}.ticker{position:relative;z-index:3}@keyframes beam-drift{0%,100%{transform:translateX(0) rotate(17deg)}50%{transform:translateX(35px) rotate(19deg)}}@keyframes beam-drift-reverse{0%,100%{transform:translateX(0) rotate(-17deg)}50%{transform:translateX(-28px) rotate(-19deg)}}@keyframes scan-sweep{0%{transform:translateY(-10vh);opacity:0}15%,80%{opacity:.75}100%{transform:translateY(66vh);opacity:0}}@keyframes orbit-breathe{0%,100%{opacity:.18;transform:rotate(-16deg) scale(1)}50%{opacity:.42;transform:rotate(-12deg) scale(1.04)}}@media(max-width:850px){.hero-effects:before{right:-28%;top:19%;font-size:150px}.hero-effects:after{left:2%;bottom:6%;font-size:24px}.beam-left{left:-29%;width:150px}.beam-right{right:-28%;width:170px}.orbit-one{width:105vw;height:34vw;right:-30%}.orbit-two{width:92vw;height:28vw;left:-30%}}@media(prefers-reduced-motion:reduce){.beam,.scan-line,.orbit-line{animation:none}.scan-line{display:none}}
.hero-visual{height:auto;aspect-ratio:1200/760;min-height:0}
