*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--magenta:#ff2d95;--cyan:#00e5ff;--bg:#06060f;--bg2:#0a0a16;--text:#f0f0f5;--text2:#b0b0c0;--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.08);--glow-magenta:rgba(255,45,149,0.35);--glow-cyan:rgba(0,229,255,0.3)}html,body{height:100dvh;overflow:hidden;font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body{display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 30%,#0d0d22 0,#06060f 55%,#020208 100%)}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(38deg,transparent,transparent 3px,rgba(255,255,255,0.008) 3px,rgba(255,255,255,0.008) 6px),repeating-linear-gradient(-52deg,transparent,transparent 3px,rgba(255,255,255,0.006) 3px,rgba(255,255,255,0.006) 6px);opacity:.7}#particlesCanvas{position:fixed;inset:0;z-index:1;pointer-events:none}.scan-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;background:transparent;animation:scanReveal 1.4s ease-in-out .1s forwards;opacity:0}.scan-overlay::before{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);box-shadow:0 0 20px var(--glow-cyan),0 0 60px var(--glow-magenta);top:0;animation:scanLine 1.4s ease-in-out .1s forwards}@keyframes scanLine{0%{top:-2px}85%{top:100%}100%{top:100%;opacity:0}}@keyframes scanReveal{0%{opacity:1}80%{opacity:1}100%{opacity:0}}.top-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(12px,3vw,20px);background:rgba(6,6,15,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);min-height:44px;flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:8px}.top-bar-left img{width:28px;height:28px;border-radius:6px;flex-shrink:0}.top-bar-left span{font-weight:700;font-size:clamp(13px,2vw,15px);letter-spacing:-0.3px;color:var(--text);white-space:nowrap}.top-bar-right{display:flex;align-items:center;gap:14px}.connection-indicator{display:flex;align-items:center;gap:6px;font-size:clamp(10px,1.5vw,11px);color:var(--text2);white-space:nowrap}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);position:relative;flex-shrink:0;box-shadow:0 0 8px var(--glow-cyan)}.conn-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--cyan);opacity:0;animation:connWave 4s ease-in-out infinite}@keyframes connWave{0%{inset:-4px;opacity:.7}50%{inset:-10px;opacity:0}100%{inset:-4px;opacity:0}}.timer-display{font-weight:700;font-size:clamp(12px,1.8vw,14px);color:var(--magenta);letter-spacing:1px;font-variant-numeric:tabular-nums;font-family:'Inter',monospace;opacity:.85;white-space:nowrap;text-shadow:0 0 12px var(--glow-magenta)}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(10px,2.5vh,24px) clamp(16px,4vw,32px);z-index:2;position:relative;gap:clamp(6px,1.5vh,14px);min-height:0}h1{font-weight:700;font-size:clamp(22px,5.5vw,42px);line-height:1.15;text-align:center;letter-spacing:-0.6px;background:linear-gradient(135deg,#fff 0,#e0e0f0 40%,var(--cyan) 70%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:90vw;text-shadow:none;filter:drop-shadow(0 0 18px rgba(200,210,255,0.25))}.subtitle{font-size:clamp(11px,2.2vw,14px);text-align:center;color:var(--text2);font-weight:400;letter-spacing:.2px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:6px 16px;white-space:nowrap;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mockup-container{position:relative;flex-shrink:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:clamp(2px,1vh,8px) 0}.phone-mockup{width:clamp(100px,22vw,140px);aspect-ratio:9/19;background:linear-gradient(160deg,#1a1a2e 0,#0d0d1a 40%,#1a1a2e 100%);border-radius:clamp(14px,3vw,22px);padding:clamp(3px,0.8vw,5px);position:relative;box-shadow:0 0 30px rgba(0,229,255,0.12),0 0 60px rgba(255,45,149,0.08),0 20px 50px rgba(0,0,0,0.5);border:1.5px solid rgba(255,255,255,0.1);animation:floatPhone 6s ease-in-out infinite;transform-origin:center center}@keyframes floatPhone{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6px) rotate(0.5deg)}50%{transform:translateY(-2px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-0.5deg)}}.phone-notch{position:absolute;top:clamp(6px,1.5vw,10px);left:50%;transform:translateX(-50%);width:30%;height:clamp(2px,0.5vw,3px);background:rgba(255,255,255,0.2);border-radius:0 0 6px 6px;z-index:2}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#0a0a18 0,#0f0f22 30%,#0a0a18 60%,#0f0f22 100%);border-radius:clamp(10px,2.2vw,17px);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.phone-screen-content{text-align:center;position:relative;z-index:2;padding:10px}.phone-screen-content .eye-icon{display:block;margin:0 auto 6px;opacity:.9}.phone-screen-content .demo-text{font-size:clamp(7px,1.5vw,10px);font-weight:700;color:#fff;letter-spacing:.3px;line-height:1.3}.phone-screen-content .demo-text-sub{font-size:clamp(5.5px,1.2vw,8px);color:rgba(255,255,255,0.5);margin-top:2px}.privacy-gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(6,6,15,0.55) 55%,rgba(6,6,15,0.85) 75%,rgba(6,6,15,0.95) 100%);pointer-events:none;z-index:3;border-radius:inherit}.privacy-side-blur{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:inherit;background:linear-gradient(90deg,rgba(6,6,15,0.9) 0,transparent 18%,transparent 82%,rgba(6,6,15,0.9) 100%)}.phone-glare{position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.04) 0,transparent 40%,transparent 60%,rgba(255,255,255,0.02) 100%)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:clamp(12px,2vh,15px) clamp(28px,6vw,40px);font-size:clamp(14px,2.8vw,17px);font-weight:700;color:#fff;text-decoration:none;border-radius:50px;background:linear-gradient(135deg,var(--cyan) 0,#00b8d4 25%,var(--magenta) 75%,#e91e63 100%);background-size:200% 200%;box-shadow:0 4px 28px rgba(0,229,255,0.25),0 8px 50px rgba(255,45,149,0.2);letter-spacing:.1px;position:relative;z-index:10;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:ctaPulseSoft 3.5s ease-in-out .6s 1;flex-shrink:0;white-space:nowrap;min-height:44px}.cta-button:hover{transform:scale(1.04);box-shadow:0 6px 36px rgba(0,229,255,0.4),0 10px 60px rgba(255,45,149,0.3)}.cta-button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:50px}.cta-button:active{transform:scale(0.97)}@keyframes ctaPulseSoft{0%{box-shadow:0 4px 28px rgba(0,229,255,0.25),0 8px 50px rgba(255,45,149,0.2)}12%{box-shadow:0 6px 40px rgba(0,229,255,0.5),0 12px 70px rgba(255,45,149,0.4);transform:scale(1.03)}24%{box-shadow:0 4px 28px rgba(0,229,255,0.25),0 8px 50px rgba(255,45,149,0.2);transform:scale(1)}36%{box-shadow:0 6px 40px rgba(0,229,255,0.5),0 12px 70px rgba(255,45,149,0.4);transform:scale(1.03)}48%{box-shadow:0 4px 28px rgba(0,229,255,0.25),0 8px 50px rgba(255,45,149,0.2);transform:scale(1)}100%{box-shadow:0 4px 28px rgba(0,229,255,0.25),0 8px 50px rgba(255,45,149,0.2);transform:scale(1)}}.benefit-chips{display:flex;flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);justify-content:center;flex-shrink:0}.benefit-chip{font-size:clamp(10px,1.6vw,12px);color:var(--text2);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:5px 12px;white-space:nowrap;letter-spacing:.1px;transition:border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.benefit-chip:hover{border-color:rgba(255,255,255,0.2);box-shadow:0 0 14px rgba(255,45,149,0.1)}.benefit-chip .chip-icon{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px}.activity-feed{font-size:clamp(9px,1.4vw,11px);color:var(--text2);text-align:center;opacity:.8;letter-spacing:.2px;flex-shrink:0;animation:fadeInUp .8s ease 1.8s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.activity-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:5px;vertical-align:middle;box-shadow:0 0 6px var(--glow-cyan);animation:activityPulse 3s ease-in-out infinite}@keyframes activityPulse{0%,100%{opacity:.5}50%{opacity:1}}.footer-minimal{flex-shrink:0;text-align:center;padding:6px;z-index:2;opacity:.4;font-size:clamp(9px,1.3vw,10px);color:var(--text2);letter-spacing:.3px}@media(min-width:768px){.phone-mockup{width:clamp(120px,16vw,160px)}h1{max-width:600px}.subtitle{font-size:14px}.mockup-container{margin:4px 0}}@media(max-height:600px){.phone-mockup{width:clamp(70px,18vw,90px)}h1{font-size:clamp(17px,4vw,22px)}.cta-button{padding:10px 22px;font-size:13px}.subtitle{padding:4px 12px;font-size:10px}.benefit-chip{font-size:9px;padding:4px 10px}.top-bar{min-height:36px;padding:6px 12px}}@media(min-height:900px){.phone-mockup{width:clamp(130px,20vw,170px)}main{gap:clamp(8px,2vh,20px)}}