:root{--bg:#06060d;--teal:#00e5cc;--teal-glow:rgba(0,229,204,0.35);--violet:#7c3aed;--violet-glow:rgba(124,58,237,0.4);--gray:#b0b5c0;--white:#fff;--border-subtle:rgba(255,255,255,0.07);--border-teal:rgba(0,229,204,0.3);--font-display:'Orbitron',sans-serif;--font-body:'Inter',sans-serif;--reticle-size:clamp(220px,30vmin,300px);--phone-w:clamp(90px,13vmin,130px);--phone-h:clamp(155px,22vmin,220px)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;background:var(--bg);color:var(--white);font-family:var(--font-body);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:space-between;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,229,204,0.015) 2px,rgba(0,229,204,0.015) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,229,204,0.015) 2px,rgba(0,229,204,0.015) 3px);background-size:40px 40px}header{width:100%;display:flex;justify-content:center;padding:clamp(12px,2vh,20px) 16px 0;flex-shrink:0;z-index:10}header img{height:clamp(28px,4vmin,38px);width:auto;display:block}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:700px;padding:clamp(8px,1.5vh,20px) 16px;gap:clamp(8px,1.4vh,16px);z-index:5}.schematic-container{position:relative;width:var(--reticle-size);height:var(--reticle-size);flex-shrink:0;cursor:default;margin-bottom:clamp(4px,0.8vh,10px)}.reticle{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1.5px solid var(--border-teal);transform:translate(-50%,-50%);box-shadow:0 0 18px var(--teal-glow),inset 0 0 8px rgba(0,229,204,0.08);pointer-events:none}.reticle::before,.reticle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.reticle::before{width:calc(100%+28px);height:1px;background:linear-gradient(90deg,transparent 0,var(--teal) 15%,var(--teal) 85%,transparent 100%);opacity:.6}.reticle::after{width:1px;height:calc(100%+28px);background:linear-gradient(0deg,transparent 0,var(--teal) 15%,var(--teal) 85%,transparent 100%);opacity:.6}.reticle-dots{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.reticle-dots::before,.reticle-dots::after{content:'';position:absolute;border-radius:50%;background:var(--teal);width:5px;height:5px;box-shadow:0 0 6px var(--teal-glow)}.reticle-dots::before{top:-16px;left:50%;transform:translateX(-50%)}.reticle-dots::after{bottom:-16px;left:50%;transform:translateX(-50%)}.reticle-dots-inner{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.reticle-dots-inner::before,.reticle-dots-inner::after{content:'';position:absolute;border-radius:50%;background:var(--teal);width:5px;height:5px;box-shadow:0 0 6px var(--teal-glow)}.reticle-dots-inner::before{top:50%;left:-16px;transform:translateY(-50%)}.reticle-dots-inner::after{top:50%;right:-16px;transform:translateY(-50%)}.phone-body{position:absolute;top:50%;left:50%;width:var(--phone-w);height:var(--phone-h);transform:translate(-50%,-50%);background:rgba(10,12,20,0.85);border:1px solid rgba(0,229,204,0.25);border-radius:clamp(10px,1.5vmin,16px);box-shadow:0 0 22px rgba(0,229,204,0.12),inset 0 0 30px rgba(0,229,204,0.04);overflow:hidden;pointer-events:none}.phone-screen{position:absolute;top:6%;left:7%;width:86%;height:78%;background:rgba(0,10,15,0.6);border-radius:clamp(4px,0.6vmin,8px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:clamp(3px,0.5vmin,6px);padding:clamp(4px,0.7vmin,8px)}.app-icon{border-radius:clamp(2px,0.35vmin,5px);background:rgba(255,255,255,0.06);transition:background .3s ease}.app-icon.highlight{background:rgba(0,229,204,0.22);box-shadow:0 0 6px rgba(0,229,204,0.18)}.app-icon.dim{background:rgba(255,255,255,0.03)}.phone-notch{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:30%;height:2.5%;background:rgba(0,229,204,0.2);border-radius:0 0 20px 20px}.phone-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,229,204,0.015) 3px,rgba(0,229,204,0.015) 4px);pointer-events:none;border-radius:inherit}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,2.8vw,1.75rem);text-align:center;letter-spacing:.03em;color:var(--white);line-height:1.2;text-transform:uppercase;max-width:95%}.subtitle{font-family:var(--font-body);font-weight:400;font-size:clamp(0.8rem,1.5vw,0.95rem);color:var(--gray);text-align:center;max-width:520px;line-height:1.45;letter-spacing:.01em}.feature-chips{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,10px);justify-content:center;align-items:center}.feature-chip{font-family:var(--font-body);font-weight:400;font-size:clamp(0.68rem,1.2vw,0.78rem);color:var(--gray);background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:4px;padding:clamp(6px,0.8vh,9px) clamp(10px,1.5vw,14px);letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.feature-chip.visible{opacity:1;transform:translateY(0)}.feature-chip::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,204,0.12),transparent);transition:left .5s ease;pointer-events:none}.feature-chip.data-stream::after{left:120%}.feature-chip.ping{border-color:rgba(0,229,204,0.5);box-shadow:0 0 16px rgba(0,229,204,0.2),0 0 32px rgba(0,229,204,0.08)}.cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:clamp(2px,0.4vh,6px)}.cta-button{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:clamp(0.9rem,1.8vw,1.1rem);letter-spacing:.05em;text-transform:uppercase;color:#06060d;background:var(--teal);border:none;border-radius:3px;padding:clamp(12px,1.6vh,16px) clamp(24px,4vw,36px);cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:background .2s ease,color .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 0 20px rgba(0,229,204,0.3),0 4px 16px rgba(0,0,0,0.4);outline:none;-webkit-tap-highlight-color:transparent;user-select:none;z-index:1}.cta-button::before{content:'';position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transition:left .35s ease;pointer-events:none;z-index:2}.cta-button:hover{background:var(--violet);color:#fff;box-shadow:0 0 28px var(--violet-glow),0 6px 20px rgba(0,0,0,0.5)}.cta-button:hover::before{left:120%}.cta-button:active{transform:scale(0.96) translateY(2px);box-shadow:0 0 12px rgba(0,229,204,0.2),0 2px 8px rgba(0,0,0,0.5);transition:transform .08s ease,box-shadow .08s ease}.cta-button:focus-visible{outline:3px solid var(--teal);outline-offset:4px;box-shadow:0 0 24px rgba(0,229,204,0.5),0 0 0 8px rgba(0,229,204,0.1)}.cta-microcopy{font-family:var(--font-body);font-size:clamp(0.62rem,1vw,0.72rem);color:rgba(176,181,192,0.7);letter-spacing:.02em;text-align:center}footer{width:100%;display:flex;justify-content:center;align-items:center;padding:clamp(8px,1.2vh,14px) 16px;flex-shrink:0;z-index:10}.security-badge{font-family:var(--font-body);font-weight:400;font-size:clamp(0.6rem,0.9vw,0.7rem);color:rgba(255,255,255,0.55);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid rgba(124,58,237,0.35);border-radius:20px;background:rgba(124,58,237,0.06)}.security-badge::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px var(--violet-glow)}.security-badge.pulse-once{animation:badgePulse .7s ease-out 1}@keyframes badgePulse{0%{box-shadow:0 0 0 0 var(--violet-glow);border-color:rgba(124,58,237,0.7)}50%{box-shadow:0 0 20px var(--violet-glow),0 0 40px rgba(124,58,237,0.25);border-color:rgba(124,58,237,0.9)}100%{box-shadow:0 0 0 0 transparent;border-color:rgba(124,58,237,0.35)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.reticle{animation:reticleRotate 28s linear infinite}.reticle-dots,.reticle-dots-inner{animation:reticleRotate 28s linear infinite}.phone-body.glitch-active{animation:glitchShake .25s steps(3) 1}@keyframes reticleRotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes glitchShake{0%,100%{transform:translate(-50%,-50%) translate(0,0)}25%{transform:translate(-50%,-50%) translate(-2px,1px)}50%{transform:translate(-50%,-50%) translate(2px,-1px)}75%{transform:translate(-50%,-50%) translate(-1px,-1px)}}.phone-body.glitch-active .phone-screen{animation:glitchColor .25s steps(3) 1}@keyframes glitchColor{0%,100%{box-shadow:inset 0 0 30px rgba(0,229,204,0.04)}33%{box-shadow:inset 3px 0 20px rgba(0,229,204,0.15),inset -2px 0 20px rgba(124,58,237,0.15)}66%{box-shadow:inset -3px 0 20px rgba(124,58,237,0.15),inset 2px 0 20px rgba(0,229,204,0.15)}}}@media(prefers-reduced-motion:reduce){.reticle,.reticle-dots,.reticle-dots-inner{animation:none}.phone-body.glitch-active{animation:none}.phone-body.glitch-active .phone-screen{animation:none}.feature-chip{opacity:1;transform:translateY(0);transition:opacity .15s ease}.feature-chip::after{display:none}.cta-button::before{display:none}.security-badge.pulse-once{animation:none}}@media(pointer:coarse){.schematic-container{cursor:default}.phone-body.glitch-active{animation:none}.phone-body.glitch-active .phone-screen{animation:none}}@media(max-width:480px){.feature-chips{flex-direction:column;gap:5px}.feature-chip{white-space:normal;text-align:center;padding:7px 12px}}@media(max-height:620px){.schematic-container{--reticle-size:clamp(150px,26vmin,200px);--phone-w:clamp(60px,10vmin,90px);--phone-h:clamp(105px,17vmin,150px);margin-bottom:2px}h1{font-size:clamp(0.9rem,2.2vw,1.1rem)}.subtitle{font-size:clamp(0.65rem,1.2vw,0.75rem);max-width:400px}.feature-chip{font-size:clamp(0.58rem,1vw,0.65rem);padding:4px 8px}.cta-button{padding:9px 18px;font-size:clamp(0.72rem,1.4vw,0.85rem)}main{gap:4px;padding:4px 12px}}