.hi-page{--hi-ink:#133247;--hi-teal:#13a9a8;--hi-deep:#0c2137}
.hi-hero{position:relative;overflow:hidden;padding:clamp(3rem,6vw,6.5rem) 0;background:linear-gradient(128deg,#091d2e 0%,#0d2b3c 58%,#103c43 100%);color:#f5fbff}
.hi-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 78% 30%,#67ecde 0,transparent 28%),radial-gradient(circle at 3% 90%,#2173aa 0,transparent 36%)}
.hi-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.hi-hero .breadcrumb,.hi-hero .breadcrumb a,.hi-hero .eyebrow{color:#9fd9da}
.hi-hero h1{font-size:clamp(2.5rem,5.6vw,5rem);line-height:1.07;letter-spacing:-.055em;color:#fff;margin:.6rem 0 1.2rem}
.hi-hero h1 em{font-style:normal;color:#8ee7dd}
.hi-hero .lead{color:#d5e6ed;max-width:64ch}.hi-hero .btn-primary{background:#a8ece0;color:#0c2632;border-color:#a8ece0}.hi-hero .btn-secondary{background:transparent;border-color:#70969f;color:#fff}
.hi-note{font-size:.86rem;color:#b5d0d6;margin:1.25rem 0 0;max-width:57ch}
.hi-graphic{position:relative;isolation:isolate;border:1px solid #507887b3;border-radius:22px;padding:1.2rem;background:linear-gradient(145deg,#183d50ed,#0c253ce8);box-shadow:0 30px 90px #0006;overflow:hidden}
.hi-glow{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(72px);z-index:-1}.hi-glow-a{background:#22c5bc;top:-60px;right:8%}.hi-glow-b{background:#4b80db;bottom:-60px;left:4%}
.hi-graphic-top,.hi-tags{display:flex;align-items:center;gap:.7rem;font:700 .64rem/1.4 ui-monospace,monospace;color:#c3dade;letter-spacing:.08em}.hi-graphic-top span:last-child{margin-left:auto;color:#76bbb9}.hi-led{width:7px;height:7px;border-radius:50%;background:#74e5c3;box-shadow:0 0 12px #5bd7c7}
.hi-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:2rem}.hi-node{display:grid;justify-items:center;text-align:center;padding:1rem .3rem;gap:.3rem;border:1px solid #56839a99;background:#ffffff0d;border-radius:12px}.hi-node strong{font-size:.84rem;color:#fff}.hi-node small{font-size:.63rem;color:#bed4db}.hi-symbol{font-size:1.7rem;color:#91e9df}
.hi-path{display:flex;justify-content:space-around;width:75%;margin:.25rem auto;height:30px}.hi-path span,.hi-path i{display:block;width:1px;height:100%;background:linear-gradient(#77c1bc,#51d2c7);position:relative}.hi-path i:after{content:"";position:absolute;bottom:0;left:-4px;width:9px;height:9px;transform:rotate(45deg);border-bottom:1px solid #68d9ce;border-right:1px solid #68d9ce}
.hi-engine{display:flex;align-items:center;gap:.85rem;background:#90ddd01c;border:1px solid #8ee7d78c;border-radius:14px;padding:1rem 1.2rem}.hi-engine strong{display:block;color:#fff;font-size:1rem}.hi-engine small{display:block;color:#b9dce0;margin-top:.2rem}.hi-engine-symbol{font-size:2rem;color:#a2efdf}
.hi-tags{justify-content:space-between;margin-top:1.4rem;color:#8fadb6;font-size:.58rem}
.hi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hi-domain{display:flex;flex-direction:column;gap:.8rem;box-shadow:0 5px 18px #14324e08;border:1px solid var(--border,#d9e3e7);border-radius:16px;padding:1.5rem;background:var(--surface,#fff)}.hi-domain h3{margin:0}.hi-domain p{margin:0;flex:1}.hi-domain-top{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.hi-icon{font-size:1.5rem;color:#128989}.hi-status{font-size:.7rem;border-radius:20px;padding:.26rem .55rem;font-weight:700}.hi-implemented{color:#116e62;background:#dbf3e9}.hi-prototype{color:#835c12;background:#fff0c7}
.hi-chipline{display:flex;gap:.35rem;flex-wrap:wrap}.hi-chipline span{border-radius:5px;background:#e7f3f4;color:#215865;font-size:.68rem;padding:.28rem .45rem}.hi-subtle-link{font-size:.8rem;color:var(--text-muted,#6c7e87)}
.hi-split{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,6vw,5rem);align-items:center}.hi-workflow{padding:1rem 1.35rem;border-radius:16px;background:#0c2336;box-shadow:0 24px 48px #091a2718}.hi-workflow-title{color:#75d6cc;font:700 .68rem ui-monospace,monospace;letter-spacing:.13em;padding:.5rem 0 1rem}.hi-workflow>div:not(.hi-workflow-title){display:flex;gap:1.15rem;padding:1rem 0;border-top:1px solid #ffffff26;color:#fff}.hi-workflow b{color:#64cec4;font:700 .8rem ui-monospace,monospace}.hi-workflow span strong{display:block;font-size:.94rem;font-weight:700;color:#f7fbff}.hi-workflow span small{display:block;color:#d3e3ea;margin-top:.3rem}
.hi-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hi-roadmap>div{border-top:3px solid #1bb5ae;padding:1.15rem .7rem .9rem}.hi-roadmap h3{font-size:1.1rem;margin:.5rem 0}.hi-roadmap p{font-size:.87rem}.hi-rno{font:700 .68rem ui-monospace,monospace;letter-spacing:.06em;color:#248b90}.hi-disclaimer{border-left:3px solid #148d89;background:var(--surface,#fff);margin-top:2rem;padding:1.2rem 1.4rem;border-radius:0 10px 10px 0;font-size:.9rem}
@media(max-width:900px){.hi-hero-grid,.hi-split{grid-template-columns:1fr}.hi-cards{grid-template-columns:1fr}.hi-roadmap{grid-template-columns:repeat(2,1fr)}.hi-graphic{max-width:650px}}
@media(max-width:520px){.hi-roadmap{grid-template-columns:1fr}.hi-hero h1{font-size:2.7rem}.hi-node small{display:none}}
@media(prefers-color-scheme:dark){.hi-domain,.hi-disclaimer{background:#142331;border-color:#315264}.hi-chipline span{background:#173940;color:#9ddad2}.hi-implemented{background:#17433d;color:#a2e9d5}.hi-prototype{background:#493a25;color:#f6d99a}}