*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}
:root{--navy:#06264b;--navy2:#0b355d;--gold:#b98437;--gold2:#d6a657;--cream:#f4ede2}
body{font-family:Montserrat,Arial,sans-serif;color:var(--navy);background:
radial-gradient(circle at 28% 44%,rgba(255,249,235,.98) 0 16%,rgba(244,235,220,.94) 35%,rgba(218,225,228,.88) 66%,rgba(170,194,211,.88) 100%)}
.hero{height:100%;display:grid;place-items:center;position:relative;z-index:5}
#network{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#cursorGlow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:2;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,216,142,.28),rgba(255,229,178,.08) 36%,transparent 68%);filter:blur(8px)}
.map{position:fixed;inset:0;z-index:0;opacity:.13;background-image:
radial-gradient(ellipse at 18% 25%,rgba(17,57,90,.65) 0 2px,transparent 3px),
radial-gradient(ellipse at 65% 22%,rgba(17,57,90,.45) 0 2px,transparent 3px);
background-size:31px 23px,43px 31px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.sun{position:fixed;left:-8vw;top:35%;width:34vw;height:34vw;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(255,239,193,.95) 0,rgba(236,190,107,.28) 25%,transparent 68%);filter:blur(5px)}
.globe{position:fixed;width:50vw;height:50vw;min-width:580px;min-height:580px;left:-19vw;bottom:-21vw;border-radius:50%;z-index:2;overflow:hidden;transform-style:preserve-3d;border:1px solid rgba(183,132,55,.25);box-shadow:inset -30px 0 80px rgba(5,37,71,.45),0 0 55px rgba(183,132,55,.12);background:radial-gradient(circle at 65% 32%,#31546d 0,#153a5a 36%,#061f3e 70%)}
.globe-grid{position:absolute;inset:0;border-radius:50%;opacity:.35;background:
repeating-radial-gradient(ellipse at center,transparent 0 40px,rgba(219,172,89,.32) 42px,transparent 44px),
repeating-linear-gradient(65deg,transparent 0 72px,rgba(219,172,89,.20) 73px,transparent 75px)}
.globe-light{position:absolute;inset:-20%;background:radial-gradient(circle at 72% 23%,rgba(255,224,155,.8),transparent 27%);mix-blend-mode:screen}
.content{text-align:center;width:min(900px,88vw);position:relative;z-index:6;transform-style:preserve-3d;will-change:transform;transition:transform .12s linear}
.logo-box{width:min(245px,31vw);margin:0 auto 7px;position:relative;transform:translateZ(45px);animation:logoIn 1.35s cubic-bezier(.16,1,.3,1) both}
.logo{width:100%;display:block;filter:drop-shadow(0 13px 19px rgba(30,48,61,.16))}
.logo-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,213,124,.42),transparent 68%);filter:blur(23px);animation:pulse 4s ease-in-out infinite}
.logo-shine{position:absolute;top:0;bottom:0;left:-25%;width:18%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);mix-blend-mode:screen;animation:sweep 5s 1s ease-in-out infinite}
.company{font-size:clamp(9px,1.05vw,14px);letter-spacing:.48em;font-weight:500;margin:7px 0 21px;color:#203b56;opacity:0;animation:up .8s .45s forwards}
h1{font-size:clamp(34px,5.1vw,74px);line-height:.99;letter-spacing:.075em;font-weight:300;margin:0;color:#092d54;text-shadow:0 3px 18px rgba(255,255,255,.6)}
h1 span,h1 strong{display:block;opacity:0;animation:up 1s forwards}
h1 span:nth-child(1){animation-delay:.58s}h1 span:nth-child(2){animation-delay:.72s}
h1 strong{font-weight:300;color:#a97732;font-size:.84em;animation-delay:.86s}
.tag{margin:22px 0 28px;font-size:clamp(10px,1.05vw,14px);letter-spacing:.20em;color:#29435c;opacity:0;animation:up .9s 1s forwards}
.tag b{font-weight:400;color:#b17d31;margin:0 13px}
.soon{display:flex;align-items:center;justify-content:center;gap:23px;opacity:0;animation:up .9s 1.12s forwards}
.soon i{display:block;width:82px;height:1px;background:linear-gradient(90deg,transparent,#ad792d);transition:.4s}
.soon i:last-child{transform:scaleX(-1)}
.soon span{font-size:12px;letter-spacing:.48em;color:#9e6d29;padding-left:.48em;transition:.45s cubic-bezier(.16,1,.3,1);cursor:default}
.soon:hover span{letter-spacing:.68em;color:#7b501a;text-shadow:0 0 18px rgba(190,135,55,.35)}
.soon:hover i{width:112px}
.waves{position:fixed;left:-10%;right:-10%;bottom:-6%;height:28%;z-index:3;pointer-events:none;transform:rotate(-1deg)}
.wave{position:absolute;left:-5%;width:110%;height:52%;border-radius:50%;border-top:9px solid rgba(7,39,75,.92);filter:drop-shadow(0 -3px 2px rgba(255,255,255,.55));animation:wave 8s ease-in-out infinite}
.w1{bottom:0;transform:rotate(2deg);border-top-width:22px}.w2{bottom:35px;transform:rotate(-2deg);border-top:6px solid rgba(190,139,57,.85);animation-delay:-2s}.w3{bottom:70px;transform:rotate(3deg);border-top:3px solid rgba(255,255,255,.85);animation-delay:-4s}
.hint{position:fixed;right:25px;bottom:20px;z-index:8;font-size:8px;letter-spacing:.25em;color:rgba(7,39,75,.46)}.hint span{color:#a87631}
@keyframes logoIn{from{opacity:0;transform:translateY(22px) scale(.86) translateZ(45px);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1) translateZ(45px);filter:blur(0)}}
@keyframes up{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes sweep{0%,55%{left:-25%;opacity:0}65%{opacity:1}78%{left:112%;opacity:0}100%{left:112%;opacity:0}}
@keyframes pulse{50%{transform:scale(1.13);opacity:.7}}@keyframes wave{50%{transform:translateX(2.5%) rotate(1deg) scaleY(1.12)}}
@media(max-width:700px){.globe{left:-70vw;bottom:-25vw}.logo-box{width:min(235px,58vw)}.company{letter-spacing:.30em}.tag{letter-spacing:.09em}.tag b{margin:0 6px}.soon i{width:42px}.soon{gap:12px}.soon span{letter-spacing:.34em}.waves{height:20%}.hint{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.content{transform:none!important}}