:root{--bg:#050608;--text:#fff;--em1:#00F5A0;--em2:#00D4FF;--em-glow:rgba(0,245,160,0.4);--font:'Oswald',sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background-color:var(--bg);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}.container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.ribbons{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;opacity:0;transition:opacity .5s ease}.ribbons.loaded{opacity:1}.ribbon{position:absolute;top:50%;left:50%;width:150vw;height:50vh;background:linear-gradient(90deg,var(--em1),var(--em2),var(--em1));background-size:200% 100%;filter:blur(80px);opacity:.15;transform:translate(-50%,-50%) rotate(-15deg);animation:flow 10s linear infinite}.ribbon:nth-child(2){transform:translate(-50%,-50%) rotate(15deg);animation:flow 15s linear infinite reverse;opacity:.1}@keyframes flow{0%{background-position:100% 0}100%{background-position:-100% 0}}.latency-badge{position:absolute;top:clamp(1rem,3vh,2rem);right:clamp(1rem,3vw,2rem);font-size:clamp(0.6rem,2vw,0.75rem);letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.6);display:flex;align-items:center;gap:clamp(4px,1vw,8px);z-index:10;opacity:0;transition:opacity .5s ease}.latency-badge.loaded{opacity:1}.latency-badge::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background-color:var(--em1);box-shadow:0 0 5px var(--em1);animation:pulse 3s infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1;box-shadow:0 0 10px var(--em1)}}.main-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:95%;max-width:800px;z-index:2;margin-top:-2vh}.logo{position:absolute;top:clamp(1rem,3vh,2rem);left:clamp(1rem,3vw,2rem);width:50px;height:50px;max-width:50px;max-height:50px;object-fit:contain;z-index:10;opacity:0;transition:opacity .5s ease}.logo.loaded{opacity:1}h1{font-size:clamp(1.8rem,7vw,5.5rem);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:-1px;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,0.5);opacity:0;transition:opacity .5s ease}h1.loaded{opacity:1}.subheadline{font-size:clamp(0.9rem,3vw,1.25rem);font-weight:400;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto clamp(1.5rem,4vh,2.5rem);line-height:1.4;opacity:0;transition:opacity .5s ease}.subheadline.loaded{opacity:1}.phone-silhouette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(220px,40vw,400px);height:clamp(440px,75vh,800px);border-radius:clamp(20px,4vw,40px);border:2px solid rgba(255,255,255,0.05);background:linear-gradient(180deg,rgba(255,255,255,0.03) 0,rgba(0,0,0,0) 100%);box-shadow:inset 0 0 20px rgba(255,255,255,0.02),0 20px 50px rgba(0,0,0,0.5);z-index:-1;opacity:0;transition:opacity .5s ease}.phone-silhouette.loaded{opacity:1}.phone-silhouette::before{content:'';position:absolute;top:clamp(5px,1vh,10px);left:50%;transform:translateX(-50%);width:30%;height:clamp(10px,2vh,20px);background:rgba(0,0,0,0.8);border-radius:0 0 10px 10px}.cta-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .5s ease;transform:translateY(20px);width:100%;max-width:100vw}.cta-wrapper.loaded{opacity:1;transform:translateY(0)}.cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:clamp(0.8rem,2vh,1.25rem) clamp(1.2rem,4vw,3rem);font-size:clamp(0.9rem,4vw,1.5rem);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:1px;color:#000;background:var(--em1);border-radius:50px;text-decoration:none;box-shadow:0 0 30px var(--em-glow),inset 0 2px 5px rgba(255,255,255,0.5);transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer;max-width:90vw}.cta::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:skewX(-20deg);transition:left .5s ease}.cta:hover{transform:scale(1.05);box-shadow:0 0 50px rgba(0,245,160,0.6),inset 0 2px 5px rgba(255,255,255,0.8)}.cta:hover::before{left:200%}.cta:focus{outline:3px solid #fff;outline-offset:4px}.safety-lock{display:flex;align-items:center;gap:8px;margin-top:1rem;font-size:.85rem;color:rgba(255,255,255,0.5);cursor:default;transition:color .3s ease}.safety-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .3s ease}.safety-lock:hover{color:var(--em1)}.safety-lock:hover svg{fill:currentColor;stroke:currentColor}.safety-caption{opacity:0;transition:opacity .3s ease;font-weight:400;letter-spacing:.5px}.safety-lock:hover .safety-caption{opacity:1}.ticker{position:absolute;bottom:clamp(1rem,3vh,2rem);left:clamp(1rem,3vw,2rem);height:4.5em;overflow:hidden;font-size:.85rem;color:rgba(255,255,255,0.4);z-index:10;pointer-events:none;opacity:0;transition:opacity .5s ease}.ticker.loaded{opacity:1}.ticker-content{animation:scrollUp 9s steps(3,end) infinite}.ticker-item{height:1.5em;line-height:1.5em;white-space:nowrap}@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-4.5em)}}.shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);background-size:200% 100%;animation:shimmer 1s infinite linear;z-index:999;border-radius:inherit}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton{position:absolute;inset:0;background:var(--bg);z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.skeleton-phone{width:clamp(220px,40vw,400px);height:clamp(440px,75vh,800px);border-radius:clamp(20px,4vw,40px);background:rgba(255,255,255,0.02);position:relative;overflow:hidden}.skeleton-cta{width:clamp(260px,80vw,350px);height:clamp(50px,8vh,70px);border-radius:50px;background:rgba(255,255,255,0.05);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}