@font-face{font-family:Rajdhani;src:url('/assets/rajdhani-semibold.ttf') format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:Inter;src:url('/assets/inter-regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--ink:#e9fbff;--muted:#a5c9da;--cyan:#37e5ff;--line:rgba(53,217,246,.48);--panel:rgba(3,20,33,.87);--edge:rgba(40,198,231,.25)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020b13;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}
a{color:inherit}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #f5d46d;outline-offset:4px}
.skip-link{position:absolute;z-index:20;left:1rem;top:-5rem;background:#041c2d;padding:.7rem 1rem}
.skip-link:focus{top:1rem}
.site-shell{overflow:hidden;background:radial-gradient(circle at 83% 18%,rgba(9,100,153,.14),transparent 34%),#020b13}
.topbar{position:absolute;z-index:5;top:0;left:0;right:0;max-width:1600px;margin:auto;display:flex;align-items:center;gap:2.2rem;padding:1.7rem clamp(1.1rem,3vw,3.5rem)}
.brand{text-decoration:none;display:inline-flex;align-items:center;gap:.95rem;min-width:0}
.brand-mark{display:flex;gap:.18rem;align-items:center;height:3.2rem;width:3.2rem;filter:drop-shadow(0 0 9px rgba(37,222,255,.7))}
.brand-mark span{display:block;height:2.5rem;width:.55rem;background:linear-gradient(#c8faff,#08bbff);clip-path:polygon(0 0,100% 15%,100% 86%,0 100%)}
.brand-mark span:nth-child(2){height:1.4rem;transform:skewY(-28deg);background:#71f1ff}
.brand-mark span:nth-child(3){transform:scaleX(-1)}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font:600 clamp(1.35rem,2.1vw,2.1rem)/.9 Rajdhani,Arial,sans-serif;letter-spacing:.07em;text-shadow:0 0 14px rgba(30,200,255,.7)}
.brand-copy small{margin-top:.42rem;color:#a1e5f7;font-size:.47rem;letter-spacing:.18em;white-space:nowrap}
.topnav{display:flex;gap:1.8rem;margin-left:auto}
.topnav a,.topbar-link{font:600 .9rem Rajdhani,Arial,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.13em}
.topnav a{color:#d0e9f1}.topnav a:hover,.topbar-link:hover{color:var(--cyan)}
.topnav a[aria-current="page"]{color:var(--cyan);text-decoration:underline;text-underline-offset:.45rem}
.topbar-link{border:1px solid var(--line);padding:.65rem .9rem;background:rgba(1,18,30,.65);white-space:nowrap}
.hero{position:relative;min-height:min(830px,100svh);display:flex;align-items:center;max-height:none;isolation:isolate}
.hero-art,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-art{background:url('/assets/hgn-gateway-twilight.png') center 43%/cover no-repeat;transform:scale(1.025)}
.hero-shade{background:linear-gradient(90deg,rgba(1,9,16,.91) 0%,rgba(1,12,23,.74) 35%,rgba(1,11,22,.13) 72%),linear-gradient(0deg,#020b13 0%,transparent 25%,rgba(0,6,12,.2) 80%)}
.hero-content{width:min(680px,100%);margin:8rem 0 6rem clamp(1.1rem,6vw,7rem);padding:1.7rem 0 2rem 1.35rem;border-left:2px solid var(--cyan)}
.eyebrow{font:600 .9rem Rajdhani,Arial,sans-serif;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase;margin:0 0 1rem}
.signal,.status-pulse{display:inline-block;width:.52rem;height:.52rem;border-radius:50%;background:#36f276;box-shadow:0 0 12px #36f276;margin-right:.35rem}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Rajdhani,Arial,sans-serif;text-transform:uppercase}
h1{font-size:clamp(3.8rem,8vw,8.2rem);line-height:.83;letter-spacing:.035em;margin-bottom:1.8rem;text-shadow:0 3px 22px rgba(0,0,0,.7)}
h1 span{color:#bff8ff;text-shadow:0 0 25px rgba(0,197,255,.88)}
.hero-lede{max-width:33rem;color:#d2e9f1;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1.1rem}
.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:.7rem 1.2rem;border:1px solid var(--cyan);font:600 1rem Rajdhani,Arial,sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(0 .6rem,.6rem 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%)}
.button-primary{background:linear-gradient(125deg,#04cafa,#64f5ff);color:#03121c;box-shadow:0 0 24px rgba(12,206,247,.52)}
.button-primary:hover{background:#d3fbff}
.button-ghost{background:rgba(1,18,31,.82);color:#baf5ff}.button-ghost:hover{background:#0a3448}
.hero-note{font-size:.78rem;color:#a4c5d4;max-width:30rem}
.hero-corner{position:absolute;right:clamp(1.1rem,3vw,3.5rem);bottom:3.2rem;display:flex;gap:2rem;align-items:end;color:#c5eefa;font:600 .65rem Rajdhani,Arial,sans-serif;letter-spacing:.24em;text-align:right}
.status-ribbon{max-width:1440px;margin:-1.9rem auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:#15738d;box-shadow:0 0 30px rgba(0,190,255,.2)}
.status-ribbon>span{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem .7rem;background:#041926;font:600 .82rem Rajdhani,Arial,sans-serif;letter-spacing:.12em;text-align:center}
.status-ribbon strong{color:var(--cyan)}
.section{max-width:1440px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1.1rem,3vw,3rem)}
.section-heading{max-width:780px;margin-bottom:2.2rem}.section-heading h2{font-size:clamp(2.5rem,4.8vw,4.8rem);line-height:.95;letter-spacing:.04em;margin-bottom:1rem}.section-heading>p:last-child,.release-heading>p{color:var(--muted);max-width:40rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feature-card,.release-card,details{position:relative;border:1px solid var(--edge);background:linear-gradient(145deg,rgba(5,33,48,.95),rgba(2,17,27,.96));box-shadow:inset 0 1px rgba(93,230,255,.1);clip-path:polygon(0 .7rem,.7rem 0,100% 0,100% calc(100% - .7rem),calc(100% - .7rem) 100%,0 100%)}
.feature-card{min-height:260px;padding:1.6rem}.feature-card::after,.release-card::after{content:"";position:absolute;top:0;left:0;width:34%;height:2px;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}
.feature-index{float:right;color:#5990a3;font:600 .9rem Rajdhani,Arial,sans-serif;letter-spacing:.2em}.feature-symbol{display:block;color:var(--cyan);font-size:2.5rem;margin:.4rem 0 1.5rem;text-shadow:0 0 18px rgba(29,203,246,.65)}
.feature-card h3{font-size:1.65rem;letter-spacing:.07em;margin-bottom:.5rem}.feature-card p{color:var(--muted);font-size:.93rem}
.release-section{max-width:none;background:linear-gradient(180deg,#031523,#010a12);border-block:1px solid rgba(28,170,213,.25)}
.release-section>*{max-width:1344px;margin-left:auto;margin-right:auto}.release-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.release-heading>p{max-width:26rem}
.release-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.release-card{padding:2rem;display:flex;flex-direction:column;min-height:430px}.release-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.platform-icon{font-size:3.5rem;line-height:1;color:var(--cyan);text-shadow:0 0 16px rgba(46,227,255,.6)}.release-badge{border:1px solid rgba(245,187,81,.6);color:#ffcf76;background:rgba(104,64,3,.18);padding:.35rem .55rem;font:600 .72rem Rajdhani,Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}.release-card h3{font-size:2.5rem;margin:.6rem 0 0}.release-card p{color:var(--muted);margin-bottom:1rem}.release-card ul{color:#cce8f1;padding-left:1.3rem;margin:0 0 1.6rem;font-size:.88rem}.release-card li{margin:.38rem 0}.release-card .button{margin-top:auto;width:100%}.button-disabled{border-color:#44788a;color:#9bbcc9;background:rgba(14,44,58,.65);cursor:not-allowed}.release-fineprint{font-size:.8rem;color:#80aabb;margin-top:1.4rem}
.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}details{clip-path:none}summary{cursor:pointer;list-style:none;padding:1.1rem 1.2rem;font:600 1.18rem Rajdhani,Arial,sans-serif;letter-spacing:.03em}summary::-webkit-details-marker{display:none}summary::after{content:"+";float:right;color:var(--cyan);font-size:1.4rem;line-height:1}details[open] summary::after{content:"−"}details p{padding:0 1.2rem 1.2rem;margin:0;color:var(--muted);font-size:.88rem}
.footer{border-top:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem clamp(1.1rem,3vw,3.5rem);color:#9abecd;font:600 .8rem Rajdhani,Arial,sans-serif;letter-spacing:.14em}.footer small{display:block;font-size:.6rem;margin-top:.3rem}.footer a{color:var(--cyan)}
@media(max-width:950px){.topbar{gap:1rem}.topnav{display:none}.topbar-link{margin-left:auto}.hero{min-height:700px}.hero-content{margin-left:clamp(1rem,4vw,3rem)}.status-ribbon{margin-inline:1rem}.release-heading{display:block}}
@media(max-width:700px){.topbar{padding:1rem}.brand-mark{width:2.3rem;height:2.5rem}.brand-mark span{height:2rem;width:.4rem}.brand-mark span:nth-child(2){height:1rem}.brand-copy strong{font-size:1.3rem}.brand-copy small{font-size:.4rem}.topbar-link{font-size:.7rem;padding:.55rem}.hero{min-height:720px;align-items:flex-end}.hero-art{background-position:62% center}.hero-shade{background:linear-gradient(0deg,#020b13 0%,rgba(1,8,17,.88) 12%,rgba(1,10,20,.42) 65%,rgba(1,9,18,.33) 100%)}.hero-content{width:auto;min-width:0;margin:8rem 1.1rem 7rem;padding:1rem 0 0 1rem}.hero-content h1{font-size:clamp(2.8rem,10vw,3.8rem);line-height:.9}.eyebrow{font-size:.75rem;letter-spacing:.12em}.hero-lede{font-size:.95rem}.hero-corner{display:none}.status-ribbon{grid-template-columns:1fr;margin-top:-2.8rem}.status-ribbon>span{justify-content:flex-start;padding:.7rem 1rem}.feature-grid,.release-grid,.question-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.release-card{min-height:390px}.section{padding:4.5rem 1.1rem}.footer{flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%}}
@media(max-width:400px){.brand-copy small{letter-spacing:.1em}.topbar-link{font-size:.64rem}.hero-content h1{font-size:clamp(2.55rem,10.4vw,3rem)}.hero-actions .button{width:100%}.release-badge{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.inner-page .topbar{position:relative;max-width:none;background:rgba(2,15,26,.96);border-bottom:1px solid var(--line)}
.page-intro{position:relative;isolation:isolate;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:4rem max(clamp(1.1rem,3vw,3.5rem),calc((100vw - 1344px)/2));border-bottom:1px solid var(--line)}
.page-intro-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03111de8 0%,#03111dc0 48%,#03111d55 100%),url('/assets/hgn-gateway-twilight.png') center 48%/cover no-repeat}
.page-intro h1{font-size:clamp(3.2rem,6vw,6rem);line-height:.9;margin-bottom:1rem}
.page-intro h1 span{color:#bff8ff;text-shadow:0 0 22px #08c9fbaa}
.page-intro>p:last-child{max-width:44rem;color:#d1e8f1;font-size:1.04rem}
.compact-section{padding-top:4.5rem;padding-bottom:4.5rem}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.channel-card{border:1px solid var(--edge);background:linear-gradient(145deg,#082635ef,#03111dee);padding:1.75rem;min-height:230px;box-shadow:inset 0 1px #80eaff1c}
.channel-card h3{font-size:2rem;letter-spacing:.04em;margin:.7rem 0 .6rem}
.channel-card p{color:var(--muted);margin:0;max-width:36rem}
.channel-tag{display:inline-block;border:1px solid #e6a848;color:#ffd484;background:#5c3e172f;padding:.25rem .6rem;font:600 .72rem Rajdhani,Arial,sans-serif;letter-spacing:.14em}
.channel-tag-full{border-color:#21dfcc;color:#a5fff1;background:#085d572f}
.release-fineprint a,.question-grid a{color:var(--cyan)}
@media(max-width:700px){.inner-page .topbar{flex-wrap:wrap}.inner-page .topnav{display:flex;order:3;width:100%;margin:0;gap:1.25rem;overflow-x:auto}.inner-page .topnav a{font-size:.8rem}.page-intro{min-height:310px;padding:3rem 1.1rem}.page-intro-art{background-position:60% center}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:auto}}
@media(min-width:701px) and (max-width:950px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.topbar{flex-wrap:wrap}.topnav{display:flex;order:3;width:100%;margin:0;gap:1.2rem;overflow-x:auto}.topnav a{font-size:.8rem}}
.legal-content{max-width:1050px;line-height:1.65;color:#d1e8f1}
.legal-content h2{color:#bff8ff;font-size:1.65rem;letter-spacing:.04em;margin:2rem 0 .45rem}
.legal-content p{color:#b9d4df;max-width:78ch}
.legal-content a{color:var(--cyan)}
.legal-notice{border:1px solid #daa853;background:#6b451c38;color:#ffe4ad;padding:1.2rem 1.4rem;margin-bottom:2rem}
.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 3rem}
.legal-card{display:block;border:1px solid var(--edge);background:linear-gradient(145deg,#082635ef,#03111dee);padding:1.5rem;text-decoration:none;color:#d9f6ff;min-height:220px}
.legal-card:hover{border-color:var(--cyan)}
.legal-card h2{margin:.5rem 0;color:#bff8ff}.legal-card p{font-size:.9rem}.legal-card>span:last-child{color:var(--cyan);font:600 .9rem Rajdhani,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.legal-grid{grid-template-columns:1fr}.legal-card{min-height:auto}}