*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0e;background-image:radial-gradient(circle at 50% 50%,rgba(0,255,157,0.05) 0,transparent 70%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;letter-spacing:-.5px;position:relative}.progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:transparent;z-index:1000}.progress-fill{height:100%;background:#00ff9d;width:0;animation:progress 10s linear forwards;box-shadow:0 0 10px #00ff9d}header{display:flex;justify-content:space-between;align-items:center;padding:24px;width:100%;z-index:10;flex-shrink:0;animation:fadeUp .5s ease-out forwards;opacity:0}.logo img{height:32px;width:auto}.status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#00ff9d;background:rgba(0,255,157,.1);padding:6px 12px;border-radius:99px}.pulse{width:8px;height:8px;background:#00ff9d;border-radius:50%;animation:pulse 1.5s infinite}main{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 24px;width:100%}.hero-text{flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;animation:fadeUp .5s ease-out .2s forwards;opacity:0}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:12px;margin-right:-12px;padding:8px 16px;background:rgba(0,255,157,.1);color:#00ff9d;border-radius:99px;border:1px solid rgba(0,255,157,.2)}h1{font-size:clamp(36px,8vw,64px);font-weight:700;line-height:1.1;background:linear-gradient(90deg,#00ff9d,#00d17f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.visual{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:16px 0;animation:fadeUp .5s ease-out .4s forwards;opacity:0;perspective:1000px}.glass-card{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:flex;justify-content:center;align-items:center;transition:transform .1s ease-out;height:100%}.mockup{height:clamp(120px,30vh,280px);aspect-ratio:9/19.5;background:#fff;border-radius:24px;border:8px solid #1a1a24;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0a0a0e,0 20px 40px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.screen-content{position:absolute;inset:0;background:#f4f4f5;display:flex;flex-direction:column;padding:12px;gap:8px;animation:screenGlitch 4s infinite}.line{height:8px;background:#e4e4e7;border-radius:4px;width:100%}.line.short{width:60%}.privacy-overlay{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;animation:privacyOn 4s infinite}.eye-icon{width:50%;height:auto;color:#00ff9d;filter:drop-shadow(0 0 15px rgba(0,255,157,.8)) drop-shadow(0 0 5px rgba(255,255,255,.5))}.hero-action{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;animation:fadeUp .5s ease-out .3s forwards;opacity:0}.trust-stack{display:flex;flex-direction:column;gap:12px;align-items:center}.users{display:flex;align-items:center;gap:12px;font-size:14px;color:#a1a1aa}.avatars{display:flex}.avatars span{width:24px;height:24px;border-radius:50%;background:#1a1a24;border:2px solid #0a0a0e;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px}.avatars span:first-child{margin-left:0;background:#00d17f}.securing{display:flex;align-items:center;gap:12px;font-size:14px;color:#fff}.skeleton{display:flex;gap:4px}.skeleton span{width:20px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;animation:shimmer 1.5s infinite}.skeleton span:nth-child(2){animation-delay:.2s}.skeleton span:nth-child(3){animation-delay:.4s}.check{display:none;color:#00ff9d;font-weight:700}.cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#00ff9d,#00d17f);color:#0a0a0e;font-weight:700;font-size:18px;text-decoration:none;padding:0 32px;min-height:64px;border-radius:99px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 24px rgba(0,255,157,.2);transition:transform .8s cubic-bezier(.68,-.55,.265,1.55),box-shadow .3s ease,scale .2s;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cta:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 32px rgba(0,255,157,.4)}.cta:active{scale:.9;box-shadow:0 0 32px #00ff9d}.cta:focus-visible{outline:3px solid #00ff9d;outline-offset:4px}.ticker-wrap{flex-shrink:0;text-align:center;padding:8px 0 16px;font-size:12px;color:#a1a1aa;animation:fadeUp .5s ease-out .6s forwards;opacity:0}.ticker{transition:opacity .3s ease}@media(min-width:993px){main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px;align-content:center;padding:0 48px;max-width:1400px;margin:0 auto}.hero-text{grid-column:1;grid-row:1;align-self:end;align-items:flex-start;text-align:left}.badge{align-self:flex-start}.visual{grid-column:2;grid-row:1 / span 2;padding:0}.glass-card{padding:32px}.mockup{height:auto;width:clamp(180px,20vw,280px);border-width:12px;border-radius:40px}.screen-content{padding:20px;gap:12px}.line{height:12px;border-radius:6px}.hero-action{grid-column:1;grid-row:2;align-self:start;align-items:flex-start;margin-top:24px}.trust-stack{align-items:flex-start}.cta{width:auto}.ticker-wrap{position:absolute;bottom:24px;left:48px;padding:0;text-align:left}}@media(max-height:600px){body{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden}main{padding-bottom:24px}}@keyframes progress{to{width:100%}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes fadeUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background:rgba(255,255,255,.2)}50%{background:#00ff9d}100%{background:rgba(255,255,255,.2)}}@keyframes screenGlitch{0%,40%{filter:blur(0) hue-rotate(0);transform:scale(1)}45%{filter:blur(4px) hue-rotate(90deg);transform:scale(1.05) skewX(2deg)}50%,100%{filter:blur(10px);transform:scale(1.1)}}@keyframes privacyOn{0%,45%{opacity:0}50%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.privacy-overlay{opacity:1}.screen-content{opacity:0}.pulse{opacity:1}.skeleton{display:none}.check{display:block}}