:root{--navy:#03132d;--navy2:#061d40;--cyan:#22c2ff;--white:#fff;--muted:rgba(255,255,255,.72)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--navy);font-family:Arial,Helvetica,sans-serif}a,button{-webkit-tap-highlight-color:transparent}.landing{position:fixed;inset:0;background:radial-gradient(circle at 50% 0,rgba(64,134,205,.24),transparent 35%),linear-gradient(180deg,#071f49,#03132d 65%,#020914);opacity:0;transition:opacity .4s ease}.site-ready .landing{opacity:1}
/* Splash */
.splash{position:fixed;inset:0;z-index:50;overflow:hidden;color:#fff;background:linear-gradient(180deg,#8fd2fa 0,#e7f7ff 39%,#54b5e8 50%,#096ca9 68%,#02294f 86%,#01152d 100%);transition:opacity .85s ease,visibility .85s ease}.splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-sky{position:absolute;inset:0 0 48%;background:radial-gradient(circle at 85% 5%,rgba(255,255,255,.95),rgba(255,255,255,.15) 18%,transparent 37%)}.splash-water{position:absolute;left:-8%;right:-8%;bottom:-5%;height:60%;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.45),transparent 20%),repeating-radial-gradient(ellipse at 50% -30%,transparent 0 31px,rgba(255,255,255,.14) 33px 35px,transparent 37px 54px),linear-gradient(180deg,rgba(54,176,234,.62),#08679e 28%,#033d70 58%,#011a38);animation:waterBreath 5s ease-in-out infinite alternate}.splash-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));text-align:center}.float-scene{position:relative;width:min(78vw,620px);height:min(43vh,430px);display:grid;place-items:center}.logo-float{position:relative;width:min(72vw,560px);z-index:3;animation:floatLogo 3.2s ease-in-out infinite}.float-logo{display:block;width:100%;filter:drop-shadow(0 18px 18px rgba(0,40,85,.22))}.float-reflection{position:absolute;left:7%;top:87%;width:86%;opacity:.24;transform:scaleY(-.62);transform-origin:top;filter:blur(2px);-webkit-mask-image:linear-gradient(#0009,transparent 82%);mask-image:linear-gradient(#0009,transparent 82%)}.ripple{position:absolute;left:50%;top:78%;width:54%;height:10%;border:2px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;animation:ripple 3s ease-out infinite}.r2{animation-delay:1s}.r3{animation-delay:2s}.splash h1{margin:0;font-size:clamp(1.25rem,3vw,2.25rem);font-weight:400;text-shadow:0 2px 12px rgba(0,25,55,.28)}.loading-dots{display:flex;gap:11px;margin-top:20px}.loading-dots i{width:12px;height:12px;border-radius:50%;background:#55d8ff;animation:dot 1.2s ease-in-out infinite}.loading-dots i:first-child{background:#fff}.loading-dots i:nth-child(2){animation-delay:.16s}.loading-dots i:nth-child(3){animation-delay:.32s}.splash-powered{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:5px}.splash-powered span{font-size:.85rem}.splash-powered img{display:block;width:min(48vw,250px);max-height:82px;object-fit:contain}.skip-splash{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));padding:8px 14px;border:1px solid #ffffff70;border-radius:999px;color:#fff;background:#052b5680;backdrop-filter:blur(8px)}
/* Desktop exact mockup */
.desktop-landing{position:absolute;inset:0;display:grid;place-items:center}.desktop-frame{position:relative;width:min(100vw,calc(100dvh * 1672 / 941));aspect-ratio:1672/941;overflow:hidden;background:#061a38;box-shadow:0 22px 70px #0006}.desktop-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.desktop-countdown{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.desktop-number{fill:var(--cyan);font:700 68px Arial,Helvetica,sans-serif;letter-spacing:-2px;filter:url(#glow)}.desktop-zone{position:absolute;z-index:5;border-radius:15px}.desktop-zone:focus-visible,.desktop-zone:hover{outline:2px solid #3cd1ff99;background:#22c2ff12}.zone-mt{left:20.5%;top:81.4%;width:22.8%;height:12.7%}.zone-wa{left:45.3%;top:81.4%;width:21.8%;height:12.7%}.zone-email{left:68.1%;top:81.4%;width:29.2%;height:12.7%}
.mobile-landing{display:none}
@keyframes floatLogo{0%,100%{transform:translateY(6px) rotate(-.2deg)}50%{transform:translateY(-14px) rotate(.3deg)}}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:.45}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes dot{0%,100%{opacity:.5;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-4px) scale(1.08)}}@keyframes waterBreath{from{transform:translateY(0) scaleX(1)}to{transform:translateY(5px) scaleX(1.025)}}
/* Full-screen mobile design */
@media (max-width:767px),(max-aspect-ratio:4/5){
  .desktop-landing{display:none}.mobile-landing{position:absolute;inset:0;display:flex;flex-direction:column;min-height:100dvh;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));isolation:isolate}.mobile-landing:before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 50% 7%,rgba(98,168,235,.31),transparent 26%),linear-gradient(180deg,#082550 0%,#061b3a 48%,#020c1b 100%)}.mobile-rig{position:absolute;z-index:-2;right:-19vw;top:19%;width:102vw;max-height:61%;object-fit:contain;opacity:.68}.mobile-wave{position:absolute;z-index:-1;left:-24vw;bottom:15%;width:90vw;opacity:.55}.mobile-glow{position:absolute;z-index:-3;left:50%;top:-9%;width:85vw;height:38vh;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(151,205,255,.28),transparent 68%);filter:blur(14px)}.mobile-brand{height:17dvh;min-height:112px;display:flex;justify-content:center;align-items:center}.mobile-brand img{width:min(67vw,300px);max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px #0004)}.mobile-main{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-height:0;padding-top:1dvh}.mobile-main h1{margin:0;max-width:94vw;font-size:clamp(1.55rem,7.7vw,2.15rem);line-height:1.05;letter-spacing:-.035em;color:#fff;text-shadow:0 3px 18px #001128}.mobile-main h1 span{color:var(--cyan)}.mobile-line{width:58px;height:3px;margin:10px 0 9px;border-radius:99px;background:var(--cyan);box-shadow:0 0 14px #22c2ff70}.mobile-main>p{margin:0 0 13px;color:var(--muted);font-size:clamp(.72rem,3.2vw,.9rem)}.mobile-countdown{width:100%;max-width:500px;display:grid;grid-template-columns:repeat(4,1fr);padding:13px 6px 11px;border:1px solid #51d5ff88;border-radius:17px;background:linear-gradient(180deg,#082b59e8,#04142de8);box-shadow:0 13px 28px #0005,inset 0 0 0 1px #3cbdf520,0 0 22px #22c2ff20;backdrop-filter:blur(7px)}.mobile-countdown div{position:relative;min-width:0}.mobile-countdown div:not(:last-child):after{content:"";position:absolute;right:0;top:9%;height:73%;width:1px;background:#b2e9ff35}.mobile-countdown strong{display:block;color:var(--cyan);font-size:clamp(1.65rem,8.8vw,2.55rem);line-height:1;font-weight:800;letter-spacing:-.06em;text-shadow:0 0 13px #22c2ff40}.mobile-countdown span{display:block;margin-top:6px;color:#fff;text-transform:uppercase;font-size:clamp(.52rem,2.4vw,.7rem)}.mobile-notice{width:100%;max-width:470px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:7px 4px;color:#fff;text-align:left}.bell{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #47d3ff99;border-radius:50%;background:#05254ee6;color:var(--cyan);font-size:1.5rem;transform:rotate(45deg)}.mobile-notice strong{display:block;font-size:clamp(.7rem,3.1vw,.87rem);line-height:1.2}.mobile-notice small{display:block;margin-top:4px;color:var(--muted);font-size:clamp(.62rem,2.7vw,.76rem)}.mobile-footer{margin-top:auto;padding-top:8px;border-top:1px solid #bfeaff30;background:linear-gradient(180deg,transparent,#020b18a8);position:relative;z-index:2}.developer-card{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:0 auto 8px;color:#fff;text-decoration:none;font-size:.63rem}.developer-card img{width:126px;height:44px;object-fit:contain}.mobile-contact-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:7px}.mobile-contact-row a{min-width:0;display:flex;align-items:center;gap:7px;padding:8px 7px;border:1px solid #3ccfff38;border-radius:12px;background:#051c3bd9;color:#fff;text-decoration:none;font-size:clamp(.58rem,2.6vw,.72rem);box-shadow:0 7px 16px #0003}.mobile-contact-row a span:last-child{min-width:0;overflow-wrap:anywhere}.mobile-contact-row small{display:block;margin-bottom:2px;color:#a8d9f1;font-size:.52rem}.contact-icon{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #39ceff80;border-radius:50%;color:var(--cyan);font-weight:700}
}
@media (max-width:360px){.mobile-brand{height:15dvh}.mobile-main h1{font-size:1.45rem}.mobile-countdown{padding-inline:3px}.mobile-contact-row{grid-template-columns:1fr}.mobile-contact-row a{padding:6px}.developer-card{margin-bottom:5px}}
@media (max-height:670px) and (max-width:767px){.mobile-brand{height:14dvh;min-height:84px}.mobile-main{padding-top:0}.mobile-main>p{margin-bottom:8px}.mobile-countdown{padding-top:9px;padding-bottom:8px}.mobile-notice{margin-top:6px}.mobile-footer{padding-top:5px}.developer-card{margin-bottom:3px}.developer-card img{height:36px}.mobile-contact-row a{padding-top:5px;padding-bottom:5px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}