.mv2-spatial-page{
    --sp-bg:#f4f7fb;
    --sp-card:#fff;
    --sp-line:#dde7ee;
    --sp-line2:#edf2f5;
    --sp-ink:#173f5f;
    --sp-text:#587287;
    --sp-muted:#8295a2;
    --sp-blue:#0b78d0;
    --sp-cyan:#2f9bc6;
    --sp-green:#3f9876;
    --sp-orange:#e78b39;
    --sp-shadow:0 6px 20px rgba(31,72,107,.055);
    background:var(--sp-bg)
}
.sp-page{padding:14px 0 36px;color:var(--sp-ink)}
.sp-shell{width:min(1180px,calc(100% - 34px));margin:0 auto}
.sp-card{border:1px solid var(--sp-line);border-radius:12px;background:#fff;box-shadow:var(--sp-shadow)}
.sp-hero{position:relative;overflow:hidden;padding:30px;background:
radial-gradient(circle at 92% 0,rgba(47,155,198,.12),transparent 28%),
radial-gradient(circle at 0 100%,rgba(11,120,208,.08),transparent 28%),
linear-gradient(135deg,#fff,#fbfdff)}
.sp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.sp-kicker{display:inline-flex;align-items:center;gap:7px;color:#527f9a;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.sp-hero h1{margin:8px 0 0;font-size:38px;line-height:1.08;letter-spacing:-.9px;color:var(--sp-ink)}
.sp-lead{max-width:700px;margin:12px 0 0;color:var(--sp-text);font-size:11px;line-height:1.7}
.sp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.sp-btn{min-height:38px;padding:0 13px;border:1px solid #d7e2ea;border-radius:8px;background:#fff;color:#456b82;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:8.5px;font-weight:850;text-decoration:none}
.sp-btn:hover{color:var(--sp-blue);border-color:#aad0e8;background:#f9fcff}
.sp-btn.is-primary{color:#fff;border-color:transparent;background:linear-gradient(180deg,#1183e9,#0870d2)}
.sp-hero-visual{padding:13px;border:1px solid #dfe8ee;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(31,72,107,.07)}
.sp-diagram{min-height:260px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px;border:1px solid #e6edf2;border-radius:9px;background:#f9fcfe}
.sp-diagram-node{padding:12px 14px;border:1px solid #dce7ed;border-radius:9px;background:#fff;color:#3f657b;font-size:9px;font-weight:850}
.sp-diagram-node b{color:var(--sp-blue)}
.sp-diagram-arrow{text-align:center;color:#8ba2b0}
.sp-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.sp-stat{padding:14px;border:1px solid var(--sp-line);border-radius:10px;background:#fff;box-shadow:var(--sp-shadow)}
.sp-stat span,.sp-stat strong,.sp-stat small{display:block}
.sp-stat span{font-size:7px;color:#8497a4;text-transform:uppercase;letter-spacing:.05em}
.sp-stat strong{margin-top:4px;color:#315e79;font-size:22px}.sp-stat small{margin-top:2px;color:#899aa5;font-size:7.5px}
.sp-section{margin-top:12px}.sp-section-card{padding:18px}
.sp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}
.sp-section-head span{font-size:7.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#7b919f}
.sp-section-head h2{margin:3px 0 0;color:#315b75;font-size:19px}.sp-section-head p{margin:4px 0 0;color:#7b909e;font-size:8.5px;line-height:1.55}
.sp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.sp-feature{padding:15px;border:1px solid #e2eaf0;border-radius:10px;background:#fff}
.sp-feature i{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#edf7ff;color:var(--sp-blue);font-size:16px}
.sp-feature h3{margin:9px 0 0;color:#315d77;font-size:10px}.sp-feature p{margin:4px 0 0;color:#718796;font-size:8px;line-height:1.55}
.sp-filter{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;align-items:end}
.sp-field label{display:block;margin-bottom:5px;color:#637d8e;font-size:7.5px;font-weight:850}
.sp-field input,.sp-field select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d7e2e9;border-radius:8px;background:#fff;color:#31566f;font:inherit;font-size:9px}
.sp-table-wrap{overflow:auto}.sp-table{width:100%;border-collapse:collapse;font-size:8.4px;color:#536f82}.sp-table th,.sp-table td{padding:9px 10px;border-bottom:1px solid var(--sp-line2);text-align:left;vertical-align:top;white-space:nowrap}.sp-table th{background:#f7fafc;color:#647f91;font-size:7.5px;text-transform:uppercase}.sp-table td.wrap{white-space:normal}.sp-table strong{color:#315d77}.sp-table small{color:#8a9aa5}.sp-table a{color:#2d7da7;text-decoration:none}
.sp-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sp-kv>div{padding:10px;border:1px solid #e4ebf0;border-radius:8px;background:#f9fbfd}.sp-kv span,.sp-kv strong{display:block}.sp-kv span{font-size:7px;color:#8596a3;text-transform:uppercase}.sp-kv strong{margin-top:3px;color:#355e78;font-size:9px}
.sp-map-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:10px}.sp-map-panel{padding:14px}.sp-map{height:680px;border-radius:10px;overflow:hidden;background:#dfe7ec;border:1px solid var(--sp-line)}
.sp-map-panel h2{margin:0;color:#315b75;font-size:12px}.sp-map-panel p{margin:4px 0 0;color:#8093a0;font-size:8px;line-height:1.55}
.sp-layer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--sp-line2);font-size:8px;color:#5f7a8c}
.sp-note{padding:11px;border:1px solid #dce7ed;border-radius:9px;background:#f8fbfd;color:#718695;font-size:8px;line-height:1.55}
.sp-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf6fb;color:#4d7186;font-size:7px;font-weight:850}
@media(max-width:950px){.sp-hero-grid,.sp-map-layout{grid-template-columns:1fr}.sp-hero-visual{display:none}.sp-feature-grid{grid-template-columns:1fr 1fr}.sp-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sp-shell{width:calc(100% - 22px)}.sp-hero{padding:21px}.sp-hero h1{font-size:30px}.sp-feature-grid,.sp-filter,.sp-kv{grid-template-columns:1fr}.sp-map{height:520px}}
