.hi-page{--hi-ink:#18372e;--hi-teal:#527d5d;--hi-deep:#143b30}
.hi-hero{position:relative;overflow:hidden;padding:clamp(3rem,6vw,6.5rem) 0;background:linear-gradient(128deg,#143b30 0%,#194b3a 58%,#285a41 100%);color:#f5fbff}
.hi-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 78% 30%,#d5bd84 0,transparent 28%),radial-gradient(circle at 3% 90%,#739d75 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:#d5bd84}
.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:#d5bd84}
.hi-hero .lead{color:#cbd8cb;max-width:64ch}.hi-hero .btn-primary{background:#d5bd84;color:#143b30;border-color:#d5bd84}.hi-hero .btn-secondary{background:transparent;border-color:#73927b;color:#fff}
.hi-note{font-size:.86rem;color:#bfd1c1;margin:1.25rem 0 0;max-width:57ch}
.hi-graphic{position:relative;isolation:isolate;border:1px solid #74997bb3;border-radius:22px;padding:1.2rem;background:linear-gradient(145deg,#244c3aed,#143b30e8);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:#9aba82;top:-60px;right:8%}.hi-glow-b{background:#d5bd84;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:#bfd1c1}.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 #789a7c99;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:#d5bd84}
.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:#d5bd841c;border:1px solid #d5bd848c;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:#e2cd98}
.hi-tags{justify-content:space-between;margin-top:1.4rem;color:#b7c9b9;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:var(--accent)}.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:var(--accent-soft);color:var(--accent);font-size:.68rem;padding:.28rem .45rem}.hi-subtle-link{font-size:.8rem;color:var(--muted)}
.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:#143b30;box-shadow:0 24px 48px #091a2718}.hi-workflow-title{color:#d5bd84;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:#d5bd84;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 var(--accent);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:var(--accent)}.hi-disclaimer{border-left:3px solid var(--accent);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:var(--surface);border-color:var(--border-strong)}.hi-chipline span{background:#173940;color:#9ddad2}.hi-implemented{background:#17433d;color:#a2e9d5}.hi-prototype{background:#493a25;color:#f6d99a}}
/* Onshore research-workspace preview */
.hi-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.hi-showcase-grid .shot:first-child{grid-column:1/-1}
.hi-showcase-grid .shot{min-width:0;margin:0}
.hi-showcase-grid img{display:block;width:100%;height:auto}
.hi-showcase-note{margin-top:1.5rem;color:var(--ink-2);font-size:.92rem;max-width:86ch}
@media(max-width:780px){.hi-showcase-grid{grid-template-columns:1fr}.hi-showcase-grid .shot:first-child{grid-column:auto}}

/* Editorial headings follow the shared portfolio identity. */
.hi-hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}
.hi-hero h1 em{font-style:italic}
.hi-hero .btn-primary:hover{background:#ead4a1;color:#143b30}
.hi-hero .btn-secondary:hover{background:#28523f;color:#fff}