.pillars { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.pillars article { min-height: 410px; padding: 2.2rem; border-right: 1px solid var(--line); }
.pillars article:last-child { border-right: 0; }
.pillars .icon { width: 46px; height: 46px; margin-bottom: 2.3rem; display: grid; place-items: center; border-radius: 12px; background: #102331; color: var(--blue); font: 600 1.25rem var(--mono); }
.pillars h3 { margin: .75rem 0 0; font: 700 1.45rem/1.2 var(--display); letter-spacing: -.03em; }
.pillars article > p:not(.label) { color: var(--muted); }
.pillars ul, .plans ul { margin: 1.5rem 0 0; padding: 0; display: grid; gap: .7rem; list-style: none; }
.pillars li, .plans li { position: relative; padding-left: 1.35rem; color: #cbd5e1; font-size: .84rem; }
.pillars li::before, .plans li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 800; }
.replace { margin-top: 1.4rem; padding: 1.35rem 1.5rem; display: grid; grid-template-columns: 1fr auto 1fr; gap: 2rem; align-items: center; border: 1px solid var(--line); border-radius: 15px; background: #09131e; }
.replace div { display: flex; flex-direction: column; }
.replace span { color: var(--faint); font: 600 .6rem var(--mono); letter-spacing: .1em; }
.replace strong { color: var(--muted); font-size: .84rem; }
.replace > b { color: #405269; }
.replace .after span { color: var(--blue); }
.replace .after strong { color: var(--ink); }

.operator { max-width: 1320px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 5rem; align-items: center; }
.operator blockquote { max-width: 680px; margin: 2rem 0 1rem; padding-left: 1.2rem; border-left: 2px solid var(--blue); color: var(--muted); font-size: 1.08rem; }
.operator aside { padding: 2.2rem; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, #0a1622, #07111a); }
.operator aside h3 { margin: .7rem 0 1.8rem; font: 700 1.65rem/1.2 var(--display); letter-spacing: -.035em; }
.operator aside ul { margin: 0; padding: 0; display: grid; gap: 0; list-style: none; }
.operator aside li { padding: 1rem 0; display: grid; gap: .2rem; border-top: 1px solid var(--line); }
.operator aside li span { color: var(--faint); font-size: .76rem; }
.operator aside li strong { color: #dbe6f2; font-size: .88rem; }

.telemetry { max-width: 1100px; text-align: center; }
.telemetry-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: .8rem; }
.telemetry-grid div { min-height: 150px; padding: 1.2rem .75rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }
.telemetry-grid strong { color: var(--ink); font: 800 clamp(1.8rem,3vw,2.5rem)/1 var(--display); font-variant-numeric: tabular-nums; }
.telemetry-grid span { margin-top: .6rem; color: var(--faint); font-size: .76rem; }
.hint { max-width: 620px; margin: 1.6rem auto 0; color: var(--faint); font-size: .8rem; }

.proof { max-width: 1120px; }
.proof-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.proof-grid article { min-height: 210px; padding: 1.6rem; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); }
.proof-grid strong { color: var(--blue); font: 800 1.7rem var(--display); letter-spacing: -.035em; }
.proof-grid b { margin-top: .2rem; color: var(--ink); font-size: .82rem; }
.proof-grid p { margin-top: auto; color: var(--muted); font-size: .78rem; }
.proof-links { margin-top: 1.8rem; display: flex; justify-content: center; flex-wrap: wrap; gap: .6rem 2rem; }
.proof-links a { min-height: 44px; display: inline-flex; align-items: center; color: var(--blue-soft); font-size: .84rem; font-weight: 600; text-decoration: none; }

@media (max-width: 900px) { .pillars { grid-template-columns: 1fr; } .pillars article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); } .operator { grid-template-columns: 1fr; gap: 2.5rem; } .telemetry-grid { grid-template-columns: repeat(2,1fr); } .proof-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .pillars article { padding: 1.5rem; } .replace { grid-template-columns: 1fr; gap: .7rem; } .replace > b { transform: rotate(90deg); justify-self: start; } .operator aside { padding: 1.4rem; } .telemetry-grid, .proof-grid { grid-template-columns: 1fr; } .telemetry-grid div { min-height: 120px; } }