/* SolarCompute Live Network V2 — public architecture page only */
.network-architecture{font-family:'Space Grotesk',sans-serif;color:#14202b;background:#f5f3ee}
.network-architecture *{box-sizing:border-box}
.network-architecture .container{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.na-hero{background:radial-gradient(ellipse at 90% 10%,#233448 0%,#0b1220 42%,#071019 100%);color:#f6f2e9;padding:105px 0 95px}
.na-hero-inner{max-width:1180px}
.na-eyebrow{color:#d89b2b;font-weight:700;letter-spacing:.16em;font-size:.77rem;margin:0 0 18px;text-transform:uppercase}
.na-hero h1{font-size:clamp(2.7rem,5.7vw,5.5rem);line-height:1.07;letter-spacing:-.055em;max-width:900px;margin:0 0 26px;color:#fff}
.na-hero h1 em{font-style:normal;color:#f5b841}
.na-lead{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.8;max-width:760px;color:#d2d9e0}
.na-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.na-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:9px;font-weight:700;text-decoration:none!important;transition:transform .15s ease}
.na-btn:hover{transform:translateY(-2px)}
.na-btn-gold{background:#d89b2b;color:#071019!important}
.na-btn-outline{border:1px solid #6b7785;color:#fff!important;background:transparent}
.na-note{font-size:.85rem;color:#aab7c4;margin-top:24px}
.na-section{padding:88px 0}
.na-section h2{font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.16;letter-spacing:-.035em;max-width:900px;margin:0 0 20px}
.na-intro{max-width:870px;font-size:1.08rem;line-height:1.8;margin:0 0 34px}
.na-light{background:#f5f3ee;color:#16232e}
.na-dark{background:#0b1220;color:#f5f3ee}
.na-dark .na-intro,.na-dark .na-future p{color:#c6d0da}
.na-warm{background:#eae6dc;color:#16232e}
.na-grid{display:grid;gap:18px;margin-top:34px}
.na-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.na-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.na-card{background:#fff;border:1px solid #d9dfe3;border-radius:15px;padding:30px;box-shadow:0 10px 28px rgba(9,19,30,.045)}
.na-card h3,.na-future h3{font-size:1.3rem;margin:8px 0 12px;color:inherit}
.na-card p,.na-future p{font-size:.98rem;line-height:1.75;margin:0;color:#536170}
.na-index{font-size:.74rem;letter-spacing:.12em;font-weight:700;color:#a36b0f}
.na-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}
.na-flow>div{padding:27px 22px;border:1px solid #394453;background:#131e2d;border-radius:14px}
.na-flow span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d89b2b;color:#071019;font-weight:700}
.na-flow h3{font-size:1.17rem;margin:18px 0 8px}
.na-flow p{color:#c6d0da;line-height:1.65;font-size:.93rem;margin:0}
.na-principle{margin:27px 0 0;color:#f5b841;font-weight:700;letter-spacing:.02em}
.na-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.na-split p:not(.na-eyebrow){font-size:1.05rem;line-height:1.85;margin:0 0 18px}
.na-future{border:1px solid #384656;border-radius:15px;padding:30px;background:#131e2d}
.na-future span{font-size:.84rem;font-weight:700;color:#f5b841}
.na-final{background:#071019;color:#fff}
.na-final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.na-final h2{max-width:650px}
.na-final p:not(.na-eyebrow){color:#c6d0da;line-height:1.75}
@media(max-width:850px){.na-grid-3,.na-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.na-split{grid-template-columns:1fr;gap:16px}.na-final-inner{display:block}}
@media(max-width:560px){.na-hero{padding:75px 0}.na-section{padding:64px 0}.na-grid-3,.na-grid-2,.na-flow{grid-template-columns:1fr}.na-card,.na-future{padding:24px}}