
:root{--p:#19aae7;--ice:#7fd3f5;--dk:#02101a;--sec:#0a1c27;--g:#2a2f3a;--l:#f2f2f2;--t:#d6dde2}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 'Wix Madefor Text',system-ui,sans-serif;background:var(--dk);color:var(--t)}
a{color:var(--p)}a:hover{color:var(--ice)}img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:Archivo,system-ui,sans-serif;font-stretch:125%;text-transform:uppercase;color:#fff;line-height:1.08;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,7vw,3.6rem);font-weight:800}h2{font-size:clamp(1.5rem,4.5vw,2.3rem);font-weight:750}h3{font-size:1.1rem;font-weight:700}
.w{max-width:1200px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
.eb{font:500 11px/1.4 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--p);margin:0 0 14px;display:block}
header.top{position:sticky;top:0;z-index:50;background:rgba(2,16,26,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.hd{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.logo img{display:block;height:22px;width:auto;max-width:100%}
footer .logo img{height:22px}
@media(max-width:700px){.logo{min-width:0;flex-shrink:1}.logo img,footer .logo img{height:20px}}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}nav a{color:#fff;text-decoration:none;font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em}
nav a[aria-current]{color:var(--p)}
.mt{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;height:40px;padding:0 12px;font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:900px){.mt{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--dk);border-bottom:1px solid rgba(255,255,255,.1)}nav.o{display:block}nav ul{flex-direction:column;gap:0;padding:8px 20px}nav li a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;font:600 14px 'Wix Madefor Text',sans-serif;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border:1px solid transparent;transition:.3s;cursor:pointer}
.bp{background:var(--p);color:#000}.bp:hover{background:var(--ice);color:#000}
.bo{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}.bo:hover{border-color:var(--p);color:var(--p)}
.bs{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;padding:120px 0 56px;background:var(--sec) center/cover no-repeat}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(2,16,26,.95),rgba(2,16,26,.55) 60%,rgba(2,16,26,.35))}
.hero .w{position:relative}.hero p.lead{font-size:1.12rem;max-width:620px;color:#e8eef2}
.ph{padding:64px 0 36px;background:linear-gradient(var(--sec),var(--dk));border-bottom:1px solid rgba(255,255,255,.06)}
.ph p{max-width:760px;font-size:1.08rem}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.1);margin-top:36px;border:1px solid rgba(255,255,255,.1)}
.stats div{background:rgba(2,16,26,.85);padding:16px}.stats small{display:block;font:500 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.16em;color:#8aa0ae}.stats strong{color:#fff;font:700 1.05rem Archivo,sans-serif;font-stretch:125%;text-transform:uppercase}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}
section{padding:64px 0}section.alt{background:var(--sec)}
.g{display:grid;gap:18px}@media(min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.g4{grid-template-columns:repeat(4,1fr)}}
.c{border:1px solid rgba(255,255,255,.1);padding:24px;background:rgba(255,255,255,.02)}
.c .n{font:500 11px 'IBM Plex Mono',monospace;color:var(--p);letter-spacing:.16em;display:block;margin-bottom:10px}
.c .pr{font:500 12px 'IBM Plex Mono',monospace;color:#fff;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:14px;text-transform:uppercase;letter-spacing:.1em}
.c ul{padding-left:18px;margin:.4em 0}
.split{display:grid;gap:32px;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
.split img{width:100%;aspect-ratio:4/3;object-fit:cover}
details{border-bottom:1px solid rgba(255,255,255,.12);padding:16px 0}summary{cursor:pointer;color:#fff;font-weight:600;font-size:1.05rem}details p{margin:.7em 0 0}
.cta{background:var(--p);color:#000;padding:48px 0}.cta h2{color:#000}.cta .btn.bo{color:#000;border-color:rgba(0,0,0,.4)}.cta .bp{background:#000;color:#fff}
.ph-img{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#0a1c27,#0a1c27 12px,#0e2433 12px,#0e2433 24px);display:flex;align-items:center;justify-content:center;color:#6f8796;font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em;text-align:center;padding:12px;border:1px dashed rgba(255,255,255,.15)}
.gal{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media(min-width:900px){.gal{grid-template-columns:repeat(3,1fr)}}.gal img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.gi{margin:0}.gi a{display:block;cursor:zoom-in}.gi figcaption{font-size:13px;opacity:.8;padding:6px 0}.gslot .ph-img{aspect-ratio:4/3}
.gf{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.gf button{background:transparent;color:#fff;border:1px solid #3a4652;padding:8px 14px;font:inherit;cursor:pointer}.gf button[aria-pressed=true]{background:var(--p);color:#000;border-color:var(--p)}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}.lb figure{margin:0;max-width:92vw;text-align:center;color:#fff}.lb img{max-width:92vw;max-height:82vh;object-fit:contain}.lb button{position:absolute;background:none;border:0;color:#fff;font-size:44px;cursor:pointer;padding:10px 16px}.lbx{top:8px;right:8px}.lbp{left:4px}.lbn{right:4px}
.bac{position:relative;aspect-ratio:4/3;overflow:hidden}.bac img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bac input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.bal,.bar{position:absolute;top:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:3px 8px}.bal{left:8px}.bar{right:8px}
figcaption{font-size:.85rem;color:#8aa0ae;padding:6px 0}
form label{display:block;font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:16px 0 6px}
input,select,textarea{width:100%;background:#061722;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;font:inherit}input:focus,select:focus,textarea:focus,a:focus-visible,.btn:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.note{border-left:3px solid var(--p);background:rgba(25,170,231,.08);padding:12px 16px;margin:18px 0;font-size:.95rem}
.ph-tag{background:#3b2f00;color:#ffd84d;padding:0 4px;font-family:'IBM Plex Mono',monospace;font-size:.9em}
footer{background:#000;padding:52px 0 28px;font-size:.92rem;border-top:1px solid rgba(255,255,255,.08)}footer h3{font-size:.85rem}footer ul{list-style:none;padding:0;margin:0}footer li{margin:4px 0}
footer .lg{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;color:#7d909c;font-size:.82rem}
.preview{background:#ffd84d;color:#000;text-align:center;font:600 12px 'IBM Plex Mono',monospace;padding:6px;letter-spacing:.06em}
.crumb{font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.crumb a{color:#8aa0ae;text-decoration:none}
