.spatial-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 38%,#7d26d9 0,transparent 22%),radial-gradient(circle at 88% 65%,#0798b5 0,transparent 25%),linear-gradient(140deg,#02070b,#0b1b28)}.spatial-hero:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 82% 50%,transparent 0 34px,rgba(255,255,255,.06) 35px 36px);mask-image:linear-gradient(90deg,transparent 35%,#000)}.spatial-hero>div{position:relative;z-index:1}.spatial-nav{position:sticky;top:0;z-index:25;display:flex;overflow:auto;padding:0 6vw;background:#061219;border-bottom:1px solid #29434b}.spatial-nav a{white-space:nowrap;padding:16px 20px;color:#c2d1d5;font-size:10px;font-weight:900;letter-spacing:.1em;border-bottom:2px solid transparent}.spatial-nav a:hover,.spatial-nav a.active{color:#fff;background:#0a2630;border-color:#b6d532}.architecture{max-width:1180px;margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#29434b}.layer{background:#06151b;color:#fff;padding:25px}.layer b{display:block;color:#c8e847;font-size:24px}.layer span{color:#bfd0d5;font-size:10px;letter-spacing:.1em}.spatial-flow{max-width:1180px;margin:55px auto 0}.spatial-flow button{width:100%;display:grid;grid-template-columns:50px 1fr 25px;gap:16px;align-items:center;padding:21px 4px;border:0;border-top:1px solid #d4e1df;background:transparent;color:#10232a;text-align:left;font:inherit;cursor:pointer}.spatial-flow button b{color:#0798b5}.spatial-flow button strong{font-size:19px}.spatial-flow button i{font-style:normal;font-size:20px}.spatial-flow .flow-answer{display:none;padding:0 45px 27px 66px;color:#526a72;line-height:1.75}.spatial-flow button.open+.flow-answer{display:block}.product-grid{max-width:1180px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid #d4e1df;padding:28px;min-height:220px}.product small{color:#0798b5;font-weight:900}.product h3{margin:45px 0 10px}.product p{color:#536b73;line-height:1.65;font-size:14px}.spatial-dark{background:#031016;color:#fff}.spatial-dark .intro h2{color:#fff}.spatial-dark .intro>p{color:#c9d8dc}.scenario-grid{max-width:1180px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario{padding:29px;background:#09222b;border:1px solid #294a55;min-height:230px}.scenario b{color:#c8e847}.scenario h3{margin:48px 0 10px;color:#fff}.scenario p{color:#c3d3d7;line-height:1.65;font-size:14px}.tech-tags{max-width:1180px;margin:42px auto 0;display:flex;flex-wrap:wrap;gap:10px}.tech-tags span{padding:12px 15px;background:#fff;border:1px solid #d4e1df;color:#10232a;font-size:12px;font-weight:800}.spatial-form{display:grid;gap:12px}.spatial-form label{font-size:10px;letter-spacing:.12em;color:#d7e4e7;font-weight:900}.spatial-form select,.spatial-form input{padding:14px;background:#0a222b;color:#fff;border:1px solid #58717a}.spatial-form input::placeholder{color:#adc0c5}.spatial-summary{display:none;padding:18px;background:#12323d;border-left:3px solid #c8e847;color:#fff;font-size:13px;line-height:1.6}.spatial-summary.show{display:block}.spatial-btn{padding:14px;background:transparent;color:#fff;border:1px solid #8aa0a7;font-weight:900;cursor:pointer}.spatial-btn:hover{background:#c8e847;color:#071014}.spatial-faq{max-width:1180px;margin:45px auto 0}.spatial-faq button{width:100%;display:flex;justify-content:space-between;gap:20px;padding:21px 5px;border:0;border-top:1px solid #d4e1df;background:transparent;color:#10232a;font:inherit;font-weight:800;text-align:left;cursor:pointer}.spatial-faq .answer{display:none;padding:0 45px 25px 5px;color:#536b73;line-height:1.7}.spatial-faq button.open+.answer{display:block}@media(max-width:850px){.architecture{grid-template-columns:1fr 1fr}.product-grid,.scenario-grid{grid-template-columns:1fr}.spatial-nav{padding:0}.spatial-flow .flow-answer{padding-left:0}}