.page-hero{text-align:center;background:var(--hero-bg);border-bottom:1px solid var(--line);padding:80px 0 70px;position:relative}.page-hero h1{font-family:var(--font-instrument-serif), serif;letter-spacing:-.02em;max-width:18ch;margin:16px auto 22px;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:1.04}.page-hero h1 .accent-i{color:var(--accent);font-style:italic}.page-hero p{color:var(--text-soft);opacity:.85;max-width:640px;margin:0 auto;font-size:17px;line-height:1.65}.compare{grid-template-columns:1fr 1fr;gap:22px;margin-top:36px;display:grid}.compare .col{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:18px;padding:32px 28px}.compare .col h3{font-family:var(--font-instrument-serif), serif;letter-spacing:-.01em;margin:0 0 18px;font-size:26px;font-weight:400}.compare .col.legacy h3{color:var(--danger)}.compare .col.zt h3{color:var(--accent)}.compare ul{margin:0;padding:0;list-style:none}.compare li{color:#cdd6e3;border-bottom:1px solid #ffffff0a;gap:11px;padding:8px 0;font-size:14.5px;font-weight:300;line-height:1.5;display:flex}.compare li:last-child{border-bottom:none}.compare li:before{content:"";border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.compare .legacy li:before{background:var(--danger);box-shadow:0 0 6px #f3988980}.compare .zt li:before{background:var(--accent);box-shadow:0 0 6px #97c7fd8c}.ref-stack{border:1px solid var(--line);background:#06070e;border-radius:24px;margin-top:24px;padding:36px 28px}.ref-row{border-bottom:1px solid #ffffff0d;grid-template-columns:220px 1fr;gap:24px;padding:18px 0;display:grid}.ref-row:last-child{border-bottom:none}.ref-row h4{font-family:var(--font-instrument-serif), serif;color:var(--accent);letter-spacing:-.005em;margin:0;font-size:22px;font-style:italic;font-weight:400}.ref-row .desc{color:#cdd6e3;font-size:14.5px;font-weight:300;line-height:1.6}.ref-row .desc .tech{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft);background:#97c7fd12;border:1px solid #97c7fd2e;border-radius:999px;margin:8px 8px 0 0;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.chain{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:24px;display:grid;position:relative}.chain .step{background:var(--bg-card);text-align:center;border:1px solid #ffffff0d;border-radius:14px;padding:18px 14px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative}.chain .step:hover{border-color:#97c7fd40;transform:translateY(-3px);box-shadow:0 24px 48px -20px #000000f2,0 0 28px -10px #97c7fd29,inset 0 1px #ffffff14}.chain .step .n{font-family:var(--font-instrument-serif), serif;color:var(--accent);font-size:28px;font-style:italic;line-height:1}.chain .step .t{letter-spacing:.04em;color:#dde1ec;margin-top:8px;font-size:12.5px;font-weight:500}.chain .step .d{color:var(--muted);margin-top:6px;font-size:11.5px;font-weight:300;line-height:1.4}.compliance{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.compliance .c{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:14px;padding:22px 20px}.compliance .c .fw{font-family:var(--font-instrument-serif), serif;color:var(--accent);margin:0 0 6px;font-size:22px;font-weight:400}.compliance .c .label{letter-spacing:.18em;text-transform:uppercase;color:var(--sub);margin-bottom:10px;font-size:11px;font-weight:500}.compliance .c p{color:#cdd6e3;margin:0;font-size:13.5px;font-weight:300;line-height:1.55}.phases{padding:30px 0 10px;position:relative}.phase{border-bottom:1px solid #ffffff0d;grid-template-columns:80px 1fr;gap:24px;padding:24px 0;display:grid}.phase:last-child{border-bottom:none}.phase .num{font-family:var(--font-instrument-serif), serif;color:var(--accent);font-size:54px;font-style:italic;line-height:1}.phase h4{font-family:var(--font-instrument-serif), serif;color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:400}.phase .meta{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:500;display:inline-block}.phase p{color:#cdd6e3;margin:0;font-size:14.5px;font-weight:300;line-height:1.6}.compare .col,.compliance .c{box-shadow:0 16px 32px -20px #000000e6,inset 0 1px #ffffff0e}.ref-stack{box-shadow:0 30px 66px -38px #000000f2,inset 0 1px #ffffff0a}@media (max-width:980px){.chain{grid-template-columns:repeat(3,1fr)}.compliance{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.compare,.ref-row,.phase{grid-template-columns:1fr}}@media (max-width:560px){.chain{grid-template-columns:repeat(2,1fr)}}