:root{--bg:#080d13;--surface:#0e1520;--text:#e8ecf1;--text-secondary:#8b95a5;--accent:#00c9a7;--accent-glow:#00e5c0;--badge-bg:#0a1e18;--badge-border:#00c9a740;--dot-color:#1a2740;--dot-glow:#00c9a7;--phone-body:#1a2232;--phone-screen:#0f1824;--grid-opacity:.5}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:28px 28px;opacity:var(--grid-opacity);transition:opacity .8s ease}.grid-glow{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle 180px at 50% 50%,rgba(0,201,167,.12) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.grid-glow.active{opacity:1}.page{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;max-width:1100px;height:100vh;padding:clamp(12px,2.5vh,28px) clamp(16px,3vw,40px);gap:clamp(20px,4vw,56px)}.phone-section{flex:0 0 auto;display:flex;align-items:center;justify-content:center;animation:phoneEntrance .7s cubic-bezzier(.22,1,.36,1) both;animation-delay:.1s}@keyframes phoneEntrance{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.phone-section{animation:phoneEntranceReduced .5s ease both;animation-delay:.05s}@keyframes phoneEntranceReduced{from{opacity:0}to{opacity:1}}}.phone-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.phone-device{width:clamp(150px,22vw,220px);height:clamp(260px,38vw,380px);background:var(--phone-body);border-radius:clamp(18px,2.5vw,28px);border:2px solid #1e2a3a;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px rgba(0,201,167,.04);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.phone-screen{width:calc(100% - clamp(12px,1.6vw,18px));height:calc(100% - clamp(12px,1.6vw,18px));background:var(--phone-screen);border-radius:clamp(12px,1.6vw,20px);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.phone-notch{position:absolute;top:clamp(6px,1vw,10px);left:50%;transform:translateX(-50%);width:clamp(40px,6vw,70px);height:clamp(14px,2vw,22px);background:#1a2232;border-radius:99px;z-index:2}.phone-status-bar{position:absolute;top:clamp(4px,.6vw,8px);left:clamp(10px,1.4vw,16px);right:clamp(10px,1.4vw,16px);display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:clamp(7px,1vw,10px);color:#4a5568;letter-spacing:.5px}.phone-content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,14px);padding-top:clamp(20px,3vw,30px)}.phone-lock-icon{width:clamp(32px,5vw,52px);height:clamp(38px,6vw,62px);position:relative;transition:transform .4s cubic-bezzier(.34,1.56,.64,1),opacity .35s ease}.phone-lock-icon .lock-svg,.phone-lock-icon .check-svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s ease,transform .4s cubic-bezzier(.34,1.56,.64,1)}.phone-lock-icon .lock-svg{opacity:1;transform:scale(1)}.phone-lock-icon .check-svg{opacity:0;transform:scale(.6)}.phone-lock-icon.unlocked .lock-svg{opacity:0;transform:scale(.6)}.phone-lock-icon.unlocked .check-svg{opacity:1;transform:scale(1)}.phone-label{font-size:clamp(9px,1.2vw,12px);color:#4a5568;letter-spacing:.3px;text-align:center}.unlock-badge{position:absolute;bottom:clamp(-8px,-1vw,-14px);right:clamp(-8px,-1vw,-14px);width:clamp(36px,5.5vw,54px);height:clamp(36px,5.5vw,54px);background:var(--badge-bg);border:2px solid var(--badge-border);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;transition:transform .25s cubic-bezzier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 20px rgba(0,201,167,.08);cursor:default}.unlock-badge.pressed{transform:scale(.88);box-shadow:0 2px 8px rgba(0,0,0,.5),0 0 28px rgba(0,201,167,.18)}.unlock-badge svg{width:clamp(16px,2.4vw,24px);height:clamp(16px,2.4vw,24px);pointer-events:none}.content-section{flex:1 1 auto;display:flex;flex-direction:column;gap:clamp(10px,1.6vh,18px);min-width:0}.header-row{display:flex;align-items:center;gap:10px;margin-bottom:clamp(2px,.4vh,6px)}.logo-img{height:clamp(28px,4vh,38px);width:auto;display:block}.latency-badge{display:inline-flex;align-items:center;gap:6px;font-size:clamp(10px,1.3vw,12px);color:#00c9a7;background:rgba(0,201,167,.08);border:1px solid rgba(0,201,167,.2);border-radius:99px;padding:5px 12px;white-space:nowrap;letter-spacing:.2px}.latency-dot{width:7px;height:7px;border-radius:50%;background:#00c9a7;flex-shrink:0;box-shadow:0 0 6px rgba(0,201,167,.5)}h1{font-size:clamp(22px,3.4vw,40px);font-weight:700;line-height:1.15;color:#fff;letter-spacing:-.4px;max-width:540px}.hero-p{font-size:clamp(13px,1.5vw,17px);color:var(--text-secondary);line-height:1.55;max-width:480px}.status-dots-row{display:flex;align-items:center;gap:clamp(8px,1.2vw,14px);flex-wrap:wrap}.status-dot{width:clamp(28px,3.5vw,40px);height:clamp(28px,3.5vw,40px);border-radius:50%;background:#151d2a;border:2px solid #1e2a3a;display:flex;align-items:center;justify-content:center;transition:border-color .5s ease,background .5s ease,box-shadow .5s ease;flex-shrink:0}.status-dot.filled{border-color:#00c9a7;background:rgba(0,201,167,.1);box-shadow:0 0 14px rgba(0,201,167,.18)}.status-dot svg{width:clamp(10px,1.3vw,14px);height:clamp(10px,1.3vw,14px);opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .4s cubic-bezzier(.34,1.56,.64,1)}.status-dot.filled svg{opacity:1;transform:scale(1)}.status-dot-label{font-size:clamp(9px,1.1vw,11px);color:var(--text-secondary);letter-spacing:.2px}.cta-wrapper{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#080d13;font-weight:700;font-size:clamp(14px,1.6vw,17px);padding:clamp(12px,1.6vh,16px) clamp(22px,3vw,32px);border-radius:12px;text-decoration:none;letter-spacing:.1px;transition:transform .2s cubic-bezzier(.34,1.56,.64,1),box-shadow .25s ease,background .2s ease;box-shadow:0 4px 20px rgba(0,201,167,.25),0 1px 3px rgba(0,0,0,.3);position:relative;cursor:pointer;border:none;outline:none;min-height:clamp(44px,5.6vh,56px);white-space:nowrap;animation:ctaPulse .6s ease 1.4s both}@keyframes ctaPulse{0%{box-shadow:0 4px 20px rgba(0,201,167,.25),0 1px 3px rgba(0,0,0,.3)}40%{box-shadow:0 6px 32px rgba(0,201,167,.5),0 2px 6px rgba(0,0,0,.35);transform:scale(1.03)}100%{box-shadow:0 4px 20px rgba(0,201,167,.25),0 1px 3px rgba(0,0,0,.3);transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cta-button{animation:none}}.cta-button:hover{transform:scale(1.04);box-shadow:0 8px 32px rgba(0,201,167,.4),0 2px 8px rgba(0,0,0,.4);background:#00e5c0}.cta-button:active{transform:scale(.97);box-shadow:0 2px 10px rgba(0,201,167,.2),0 1px 2px rgba(0,0,0,.4);transition:transform .1s ease,box-shadow .1s ease}.cta-button:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 8px rgba(0,201,167,.25),0 8px 32px rgba(0,201,167,.5)}.cta-arrow{width:clamp(14px,1.6vw,18px);height:clamp(14px,1.6vw,18px);flex-shrink:0;transition:transform .2s ease}.cta-button:hover .cta-arrow{transform:translateX(3px)}.cta-microcopy{font-size:clamp(10px,1.2vw,12px);color:var(--text-secondary);letter-spacing:.2px}.supporting-text{font-size:clamp(10px,1.1vw,12px);color:#5a6678;line-height:1.5;max-width:420px}.carrier-row{display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);flex-wrap:wrap;margin-top:clamp(2px,.4vh,8px)}.carrier-item{font-size:clamp(9px,1.1vw,11px);color:#3a4558;letter-spacing:.3px;padding:4px 10px;background:rgba(255,255,255,.02);border-radius:6px;border:1px solid rgba(255,255,255,.04);white-space:nowrap}@media(max-width:768px){.page{flex-direction:column;gap:clamp(10px,1.8vh,20px);padding:clamp(8px,1.5vh,16px) clamp(12px,3vw,20px);justify-content:center}.phone-section{order:1}.content-section{order:2;align-items:center;text-align:center}h1{text-align:center;max-width:100%}.hero-p{text-align:center;max-width:100%}.cta-wrapper{align-items:center}.supporting-text{text-align:center;max-width:100%}.status-dots-row{justify-content:center}.carrier-row{justify-content:center}.header-row{justify-content:center;flex-wrap:wrap}.phone-device{width:clamp(110px,30vw,160px);height:clamp(190px,52vw,280px);border-radius:clamp(14px,3vw,20px)}.phone-screen{border-radius:clamp(8px,1.8vw,14px)}.unlock-badge{width:clamp(28px,7vw,42px);height:clamp(28px,7vw,42px);bottom:clamp(-6px,-1.5vw,-10px);right:clamp(-6px,-1.5vw,-10px)}.unlock-badge svg{width:clamp(12px,3vw,18px);height:clamp(12px,3vw,18px)}.cta-button{min-height:56px;width:100%;max-width:340px;justify-content:center}.carrier-row{gap:6px}.carrier-item{font-size:clamp(8px,1.8vw,10px);padding:3px 8px}}@media(max-width:380px){.page{gap:6px;padding:6px 10px}.phone-device{width:90px;height:158px;border-radius:12px}.phone-screen{border-radius:7px}.unlock-badge{width:26px;height:26px;bottom:-5px;right:-5px}.unlock-badge svg{width:10px;height:10px}h1{font-size:18px}.hero-p{font-size:11px}.cta-button{font-size:13px;padding:10px 18px;min-height:48px;border-radius:10px}.carrier-row{gap:4px}.carrier-item{padding:2px 6px;font-size:8px}}@media(max-height:640px) and (max-width:768px){.phone-device{width:80px;height:140px;border-radius:10px}.phone-screen{border-radius:6px}.unlock-badge{width:22px;height:22px;bottom:-4px;right:-4px}.unlock-badge svg{width:9px;height:9px}h1{font-size:16px}.hero-p{font-size:10px}.cta-button{font-size:12px;padding:8px 16px;min-height:42px}.page{gap:4px;padding:4px 8px}.status-dot{width:22px;height:22px}.status-dot svg{width:8px;height:8px}}