@font-face{font-family:Montserrat;src:url("assets/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/Montserrat-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
:root{color-scheme:dark;font-family:Montserrat,Arial,sans-serif;font-synthesis:none;--blue:#00b4ff;--silver:#c9d4e6;--ink:#050a12}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;color:#f5f8fd;min-width:280px;background:var(--ink);line-height:1.65}
::selection{background:var(--blue);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #fff;outline-offset:6px}
.skip-link{position:absolute;top:-100px;left:20px;z-index:5;padding:12px 20px;background:var(--blue);color:var(--ink)}
.skip-link:focus{top:16px}
.scene{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:var(--ink)}
.scene img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.91}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,18,.28),rgba(5,10,18,.05) 24%,rgba(5,10,18,.55) 52%,rgba(5,10,18,.95) 91%),linear-gradient(90deg,rgba(5,10,18,.22),transparent 25%,transparent 75%,rgba(5,10,18,.22))}
.page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.topbar{width:min(1440px,calc(100% - 96px));margin-inline:auto;padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid rgba(201,212,230,.16)}
.brand-label{font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.location{font-size:.62rem;color:var(--silver);letter-spacing:.15em;text-transform:uppercase}
.location::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:10px;vertical-align:middle;box-shadow:0 0 14px rgba(0,180,255,.8)}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(960px,calc(100% - 48px));margin-inline:auto;text-align:center;padding:clamp(140px,18vh,210px) 0 48px}
.logo{display:block;width:clamp(230px,25vw,325px);max-width:100%;height:auto;object-fit:contain;padding:8px;margin:0 auto 27px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.9))}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#a6dff5;text-transform:uppercase;letter-spacing:.25em;font-size:.59rem;font-weight:600;margin:0 0 20px}
.eyebrow::before,.eyebrow::after{content:"";height:1px;width:28px;background:rgba(0,180,255,.65)}
h1{font-size:clamp(2.55rem,5.3vw,5rem);line-height:1.1;font-weight:600;letter-spacing:-.055em;margin:0 0 21px;text-wrap:balance;text-shadow:0 4px 24px #050a12}
h1 span{color:var(--blue)}
.intro{font-size:clamp(.95rem,1.25vw,1.08rem);color:#d8e2ed;max-width:560px;margin:0 0 8px;text-wrap:balance}
.description{font-size:.81rem;color:#a9bacb;margin:0;max-width:530px;text-wrap:balance}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;font-weight:600;font-size:.72rem;min-height:48px;padding:13px 23px;border:1px solid var(--blue);background:var(--blue);color:#03111d;transition:background .18s,border-color .18s;white-space:nowrap;border-radius:3px}
.button:hover{background:#75d8ff;border-color:#75d8ff}
.button .arrow{font-size:1.1rem;line-height:1;font-weight:400}
.button.secondary{border-color:#3a5c76;background:rgba(7,20,33,.78);color:#e2edf6}
.button.secondary:hover{background:#102e45;border-color:#6db6dc}
.tagline{font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:#8cabc2;margin:36px 0 0;text-wrap:balance}
footer{width:min(1440px,calc(100% - 96px));margin-inline:auto;border-top:1px solid rgba(201,212,230,.14);padding:21px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.57rem;letter-spacing:.07em;color:#859bb0}
footer p{margin:0}
.pillars{display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.15em;font-size:.54rem;color:#a8bfd3}
.pillars span+span::before{content:"/";color:#38779e;margin-right:14px}
@media(min-width:1600px){main{padding-top:clamp(190px,22vh,280px)}}
@media(max-width:600px){.topbar{width:calc(100% - 40px);padding:22px 0;gap:12px}.brand-label{font-size:.52rem;letter-spacing:.13em}.location{font-size:.5rem;letter-spacing:.07em}.location::before{margin-right:7px;width:4px;height:4px}main{width:calc(100% - 40px);padding-top:145px;padding-bottom:40px;justify-content:flex-start}.scene img{height:760px;object-position:50% 0;object-fit:cover}.scene::after{background:linear-gradient(180deg,rgba(5,10,18,.16),rgba(5,10,18,.06) 19%,rgba(5,10,18,.58) 42%,#050a12 80%)}.logo{width:245px;max-width:88%;margin-bottom:27px}.eyebrow{font-size:.5rem;letter-spacing:.2em;gap:10px;margin-bottom:17px}.eyebrow::before,.eyebrow::after{width:19px}h1{font-size:clamp(2.45rem,10.4vw,3.6rem);max-width:460px;margin-bottom:19px}.intro{font-size:.92rem;max-width:330px}.description{font-size:.75rem;max-width:320px;margin-top:3px}.actions{margin-top:26px;gap:11px;width:100%}.button{font-size:.67rem;padding:13px 17px;min-height:47px;gap:18px}.tagline{font-size:.5rem;letter-spacing:.1em;margin-top:29px;max-width:290px}footer{width:calc(100% - 40px);padding:19px 0 22px;flex-direction:column;gap:12px;font-size:.52rem}.pillars{font-size:.49rem}}
@media(max-width:350px){.topbar{align-items:flex-start;flex-direction:column;gap:5px}main{padding-top:110px}.logo{width:220px}.actions{flex-direction:column}.button{width:100%}h1{font-size:2.4rem}.location{letter-spacing:.12em}}
@media(max-height:700px) and (min-width:601px){main{padding-top:70px;padding-bottom:35px}.logo{width:230px;margin-bottom:20px}h1{font-size:3.4rem}.tagline{margin-top:24px}.topbar{padding-block:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}