*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0B6E7F;color:#FFF;font-family:'Archivo',sans-serif;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;position:relative}h1{font-family:'Archivo Black',sans-serif}.bg-pattern{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:-1;opacity:0;background-image:radial-gradient(circle at center,transparent 45%,#0A5D6B 46%,#0A5D6B 49%,transparent 50%),radial-gradient(circle at center,transparent 65%,#0A5D6B 66%,#0A5D6B 68%,transparent 69%);background-size:120px 120px;background-position:0 0,60px 60px;animation:fadePattern 1.2s ease-in forwards,driftPattern 20s linear infinite}header{padding:20px;display:flex;align-items:center}header img{height:32px;width:auto}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px;max-width:1200px;margin:0 auto;width:100%}h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.1;text-transform:uppercase;margin-bottom:2rem;letter-spacing:-4px;transform:scale(0.95);animation:headlineSettle .6s cubic-bezier(0.25,1,0.5,1) forwards;width:100%}.word-glow{display:inline-block;animation:brandPulse 1.5s ease-out .6s}.content-row{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.content-row{flex-direction:row;justify-content:space-between;align-items:flex-end}}.supporting{font-size:clamp(1.1rem,2vw,1.5rem);color:#B8E6ED;line-height:1.4;max-width:450px}.cta-group{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}@media(max-width:767px){.cta-group{flex-direction:column;align-items:flex-start}}.cta-wrapper{display:flex;flex-direction:column;align-items:flex-start;position:relative}.live-pulse{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dot{width:10px;height:10px;background-color:#FF4D4D;border-radius:50%;animation:pulseTwice 1s ease-out 2 forwards}.live-pulse .label{font-size:.85rem;color:#B8E6ED;font-weight:600;opacity:0;animation:fadeIn .5s ease-in 1.5s forwards}.cta-btn{display:inline-flex;align-items:center;background:#FFF;color:#0B6E7F;text-decoration:none;font-weight:600;font-size:1.125rem;padding:16px 32px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:transform .2s,box-shadow .2s;position:relative}.cta-btn:focus-visible{outline:3px solid #FF4D4D;outline-offset:3px}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.3)}.cta-btn::before{content:'';position:absolute;left:-20px;width:8px;height:8px;background:#FF4D4D;border-radius:50%;animation:steadyPulse 2s infinite}.under-cta{font-size:.875rem;color:#B8E6ED;margin-top:12px}.phone-mockup{width:120px;height:240px;background:#042A33;border:3px solid #FFF;border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 10px 20px rgba(0,0,0,0.3)}.phone-mockup .live-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;background:#FF4D4D;border-radius:50%;animation:steadyPulse 2s infinite}.frame{border-radius:8px;background:rgba(255,255,255,0.05);flex:1;display:flex;justify-content:center;align-items:center;opacity:0}.front-cam{animation:fadeIn .5s ease-in .8s forwards}.back-cam{animation:fadeIn .5s ease-in 1.2s forwards}.history-strip{height:30px;display:flex;gap:4px;opacity:0;transform:translateY(20px);animation:slideUp .5s ease-out 1.6s forwards}.thumb{flex:1;background:rgba(255,255,255,0.2);border-radius:4px}.scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(184,230,237,0.8);box-shadow:0 0 8px #B8E6ED;animation:sweep 6s linear infinite 2s;opacity:0;z-index:2}footer{padding:20px;text-align:center;color:#B8E6ED;font-size:.875rem}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes headlineSettle{to{letter-spacing:normal;transform:scale(1)}}@keyframes brandPulse{0%{color:#FFF;text-shadow:none}50%{color:#B8E6ED;text-shadow:0 0 20px #B8E6ED}100%{color:#FFF;text-shadow:none}}@keyframes fadePattern{to{opacity:.3}}@keyframes driftPattern{to{transform:translateX(60px)}}@keyframes pulseTwice{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}100%{transform:scale(1);opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes steadyPulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}html,body{max-width:100%;overflow-x:clip}