*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0b0e13;--bg-surface:#141820;--bg-card:#1a1e28;--text-primary:#f0f2f5;--text-secondary:#a8b2c1;--text-tertiary:#6b7280;--accent:#0ef0c8;--accent-deep:#00b89c;--accent-glow:rgba(14,240,200,0.25);--accent-glow-strong:rgba(14,240,200,0.45);--border-subtle:rgba(255,255,255,0.06);--border-mid:rgba(255,255,255,0.1);--danger:#f87171;--radius-xl:clamp(18px,2.4vw,28px);--radius-lg:clamp(12px,1.6vw,20px);--radius-md:clamp(8px,1vw,12px);--font-mono:'SF Mono','Fira Code','Consolas',monospace}html{height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',system-ui,-apple-system,sans-serif;font-weight:400;background:var(--bg-deep);color:var(--text-primary);height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='46' viewBox='0 0 40 46'%3E%3Cpath d='M20 0l20 11.5v23L20 46 0 34.5v-23z' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:40px 46px;background-position:center}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(14,240,200,0.04) 0,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(14,240,200,0.02) 0,transparent 50%);pointer-events:none;z-index:0}.session-bar{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:100;border-radius:0 2px 2px 0;animation:sessionShrink 300s linear forwards;box-shadow:0 0 8px var(--accent-glow);width:100%}@keyframes sessionShrink{0%{width:100%}100%{width:2%}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vh,14px) clamp(14px,2.5vw,28px);flex-shrink:0;position:relative;z-index:10;gap:12px}.logo-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-wrap img{height:clamp(26px,3.5vh,36px);width:auto;display:block}.secure-badge{display:flex;align-items:center;gap:7px;font-size:clamp(10px,1.2vw,12px);color:var(--text-secondary);letter-spacing:.3px;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:6px 14px;flex-shrink:0}.secure-badge svg{width:13px;height:13px;flex-shrink:0;animation:padlockPulse 3s ease-in-out infinite}@keyframes padlockPulse{0%,100%{opacity:.7}50%{opacity:1}}.secure-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px var(--accent-glow);animation:dotPulse 2.5s ease-in-out infinite}@keyframes dotPulse{0%,100%{box-shadow:0 0 4px var(--accent-glow)}50%{box-shadow:0 0 14px var(--accent-glow-strong)}}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(6px,1vh,16px) clamp(14px,3vw,32px);position:relative;z-index:5;gap:clamp(10px,1.8vh,20px);min-height:0}.hero-panel{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius-xl);padding:clamp(18px,3vh,32px) clamp(16px,3vw,36px);position:relative;width:100%;max-width:640px;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.03);overflow:visible}.hero-panel::before{content:'';position:absolute;inset:-1px;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,rgba(14,240,200,0.2),transparent 40%,transparent 60%,rgba(14,240,200,0.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.tick-marks{position:absolute;inset:-8px;pointer-events:none;z-index:3}.tick{position:absolute;width:14px;height:1px;background:var(--accent);opacity:0;animation:tickBlink 4s ease-in-out infinite}.tick::after{content:attr(data-label);position:absolute;font-family:var(--font-mono);font-size:8px;color:var(--accent);opacity:.7;white-space:nowrap;letter-spacing:.5px}.tick-top{top:-1px}.tick-top::after{top:-14px;left:50%;transform:translateX(-50%)}.tick-bottom{bottom:-1px}.tick-bottom::after{bottom:-14px;left:50%;transform:translateX(-50%)}.tick-left{left:-1px;width:1px;height:14px}.tick-left::after{left:-42px;top:50%;transform:translateY(-50%)}.tick-right{right:-1px;width:1px;height:14px}.tick-right::after{right:-42px;top:50%;transform:translateY(-50%)}.tick:nth-child(1){top:18%;left:-1px;width:1px;height:14px;animation-delay:0s}.tick:nth-child(1)::after{left:-44px;top:50%;transform:translateY(-50%);content:'40.7°'}.tick:nth-child(2){top:55%;left:-1px;width:1px;height:14px;animation-delay:.6s}.tick:nth-child(2)::after{left:-44px;top:50%;transform:translateY(-50%);content:'40.6°'}.tick:nth-child(3){top:82%;left:-1px;width:1px;height:14px;animation-delay:1.2s}.tick:nth-child(3)::after{left:-44px;top:50%;transform:translateY(-50%);content:'40.5°'}.tick:nth-child(4){top:-1px;left:22%;width:14px;height:1px;animation-delay:.3s}.tick:nth-child(4)::after{top:-14px;left:50%;transform:translateX(-50%);content:'74.0°'}.tick:nth-child(5){top:-1px;left:58%;width:14px;height:1px;animation-delay:.9s}.tick:nth-child(5)::after{top:-14px;left:50%;transform:translateX(-50%);content:'74.1°'}.tick:nth-child(6){top:18%;right:-1px;width:1px;height:14px;animation-delay:.4s}.tick:nth-child(6)::after{right:-44px;top:50%;transform:translateY(-50%);content:'40.7°'}.tick:nth-child(7){top:62%;right:-1px;width:1px;height:14px;animation-delay:1s}.tick:nth-child(7)::after{right:-44px;top:50%;transform:translateY(-50%);content:'40.6°'}.tick:nth-child(8){bottom:-1px;left:35%;width:14px;height:1px;animation-delay:.7s}.tick:nth-child(8)::after{bottom:-14px;left:50%;transform:translateX(-50%);content:'74.0°'}.tick:nth-child(9){bottom:-1px;left:72%;width:14px;height:1px;animation-delay:1.4s}.tick:nth-child(9)::after{bottom:-14px;left:50%;transform:translateX(-50%);content:'74.1°'}@keyframes tickBlink{0%,100%{opacity:.15}25%{opacity:.9}50%{opacity:.3}75%{opacity:.7}}h1{font-size:clamp(1.4rem,3.6vw,2.6rem);font-weight:700;letter-spacing:-0.5px;line-height:1.15;color:#fff;margin-bottom:clamp(6px,1vh,12px);position:relative;z-index:4;text-shadow:0 0 30px rgba(14,240,200,0.15)}.hero-sub{font-size:clamp(0.85rem,1.5vw,1.05rem);color:var(--text-secondary);line-height:1.4;margin-bottom:clamp(14px,2.2vh,22px);position:relative;z-index:4;max-width:480px;margin-left:auto;margin-right:auto}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-deep);color:#fff;font-weight:700;font-size:clamp(0.95rem,1.6vw,1.15rem);letter-spacing:.2px;padding:clamp(13px,2vh,17px) clamp(28px,5vw,44px);border-radius:50px;text-decoration:none;cursor:pointer;border:none;position:relative;z-index:4;transition:all .25s ease;box-shadow:0 0 0 0 rgba(14,240,200,0.5),0 4px 20px rgba(0,0,0,0.4);animation:ctaGlow 2.8s ease-in-out infinite;-webkit-tap-highlight-color:transparent;outline:none}.cta-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px rgba(14,240,200,0.2)}.cta-btn:hover{background:#00cfa8;box-shadow:0 0 30px rgba(14,240,200,0.35),0 6px 28px rgba(0,0,0,0.5);transform:translateY(-1px)}.cta-btn:active{transform:scale(0.97);transition:transform .1s ease}@keyframes ctaGlow{0%,100%{box-shadow:0 0 8px rgba(14,240,200,0.25),0 4px 20px rgba(0,0,0,0.4)}50%{box-shadow:0 0 22px rgba(14,240,200,0.5),0 4px 24px rgba(0,0,0,0.5)}}.cta-arrow{display:inline-block;transition:transform .25s ease;font-size:1.1em}.cta-btn:hover .cta-arrow{transform:translateX(3px)}.benefits-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vw,18px);margin-top:clamp(10px,1.6vh,18px);position:relative;z-index:4}.benefit-item{display:flex;align-items:center;gap:6px;font-size:clamp(0.7rem,1.1vw,0.82rem);color:var(--text-secondary);white-space:nowrap;letter-spacing:.2px}.benefit-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 5px var(--accent-glow)}.preview-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(12px,2vh,20px) clamp(14px,2.5vw,24px);width:100%;max-width:560px;position:relative;z-index:4;box-shadow:0 4px 24px rgba(0,0,0,0.4);min-height:clamp(70px,11vh,110px);display:flex;align-items:center;overflow:hidden}.preview-label{font-size:clamp(0.68rem,1vw,0.78rem);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px;font-weight:700}.preview-content{width:100%}.skeleton{display:flex;flex-direction:column;gap:8px;width:100%}.skel-line{height:clamp(10px,1.5vh,14px);border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.skel-line:nth-child(1){width:65%}.skel-line:nth-child(2){width:45%}.skel-line:nth-child(3){width:55%}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.preview-real{display:none;font-family:var(--font-mono);font-size:clamp(0.75rem,1.2vw,0.9rem);color:var(--text-primary);letter-spacing:.3px;line-height:1.5}.preview-real.visible{display:block}.preview-real .addr-line{color:var(--text-secondary);font-size:.9em;margin-bottom:2px}.preview-real .coord-line{color:var(--accent);font-weight:700;font-size:1.05em}.preview-real .meta-line{color:var(--text-tertiary);font-size:.8em;margin-top:2px}.ticker-wrap{width:100%;max-width:560px;overflow:hidden;position:relative;z-index:4;height:clamp(22px,3vh,30px);display:flex;align-items:center;flex-shrink:0}.ticker-track{display:flex;gap:28px;animation:tickerScroll 18s linear infinite;white-space:nowrap;will-change:transform}.ticker-item{font-size:clamp(0.65rem,1vw,0.75rem);color:var(--text-tertiary);letter-spacing:.3px;flex-shrink:0;animation:tickerFade 6s ease-in-out infinite;font-family:var(--font-mono)}.ticker-item:nth-child(1){animation-delay:0s}.ticker-item:nth-child(2){animation-delay:1.2s}.ticker-item:nth-child(3){animation-delay:2.4s}.ticker-item:nth-child(4){animation-delay:3.6s}.ticker-item:nth-child(5){animation-delay:4.8s}.ticker-item:nth-child(6){animation-delay:1.8s}.ticker-item:nth-child(7){animation-delay:3s}.ticker-item:nth-child(8){animation-delay:4.2s}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes tickerFade{0%,100%{opacity:.35}50%{opacity:.85}}.ticker-dot{color:var(--accent);margin:0 2px;font-size:.6em;vertical-align:middle}.footer-mini{text-align:center;padding:clamp(4px,0.8vh,10px) clamp(10px,2vw,20px);flex-shrink:0;position:relative;z-index:5;font-size:clamp(0.6rem,0.85vw,0.7rem);color:var(--text-tertiary);letter-spacing:.3px}.footer-mini a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-mini a:hover{color:var(--accent)}.footer-sep{margin:0 8px;opacity:.4}@media(max-width:480px){.benefits-row{gap:6px 10px}.benefit-item{font-size:.68rem;gap:4px}.benefit-dot{width:4px;height:4px}.tick{display:none}.tick:nth-child(1),.tick:nth-child(4),.tick:nth-child(6),.tick:nth-child(8){display:block}.hero-panel{padding:16px 14px;border-radius:16px}.preview-card{padding:10px 14px;border-radius:12px;min-height:60px}.secure-badge{padding:4px 10px;font-size:10px;gap:4px}.secure-badge svg{width:10px;height:10px}}@media(max-height:680px){.hero-panel{padding:12px 16px}h1{font-size:clamp(1.2rem,2.8vw,1.6rem);margin-bottom:4px}.hero-sub{font-size:.78rem;margin-bottom:10px}.cta-btn{padding:10px 24px;font-size:.9rem}.benefits-row{margin-top:8px;gap:6px}.preview-card{min-height:55px;padding:8px 14px}.ticker-wrap{height:20px}}