:root{--bg:#EAF4F4;--surface:#FFF;--text:#1A3C40;--accent:#FF6B35;--secondary:#2EC4B6;--highlight:#FFD166;--path:#B8E0D2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Nunito',system-ui,sans-serif;color:var(--text);background:var(--bg) radial-gradient(circle at center,#FFF 0,#EAF4F4 100%);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.bg-pattern{position:absolute;inset:-200px;z-index:0;opacity:.6;animation:drift 30s linear infinite;pointer-events:none}@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(100px,100px)}}.visual-sig{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:800px;height:100%;z-index:1;pointer-events:none}header{width:100%;padding:20px;display:flex;justify-content:flex-start;position:relative;z-index:10}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 15px 20px;position:relative;text-align:center;z-index:10;width:100%}#device-badge{background:var(--surface);border:1px solid var(--path);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;color:var(--secondary);box-shadow:0 4px 10px rgba(46,196,182,.15);margin-bottom:12px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;display:inline-block}h1{font-family:'Baloo 2',system-ui,sans-serif;font-size:clamp(1.8rem,5vw,3rem);line-height:1.15;color:var(--text);margin-bottom:8px}.supporting-line{font-size:clamp(.95rem,2.5vw,1.1rem);max-width:550px;margin:0 auto 20px;opacity:.9}.center-wrapper{position:relative;margin:15px 0 25px;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px}.phone{width:280px;height:160px;background:var(--surface);border-radius:24px;box-shadow:0 20px 40px rgba(26,60,64,.15),inset 0 0 0 6px #F8FBFB;transform:rotate(2deg);position:relative;overflow:hidden}.phone svg{width:100%;height:100%;position:absolute;top:0;left:0}.joystick{position:absolute;bottom:10px;left:10px;width:40px;height:40px;background:rgba(255,255,255,.95);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.15);border:2px solid var(--secondary);display:flex;align-items:center;justify-content:center}.joystick::after{content:'';width:16px;height:16px;background:var(--secondary);border-radius:50%}.joystick::before{content:'';position:absolute;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="%232EC4B6"><path d="M12 2l3 3h-6zm0 20l-3-3h6zM2 12l3-3v6zm20 0l-3 3v-6z"/></svg>') center/cover;opacity:.8}.teleport-pin{position:absolute;top:45px;left:210px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.radar{position:absolute;width:30px;height:30px;border:2px solid var(--secondary);border-radius:50%;animation:radarExpand 2s infinite;pointer-events:none;z-index:1}@keyframes radarExpand{0%{transform:scale(.2);opacity:1}75%,100%{transform:scale(2.5);opacity:0}}.sparkle{position:absolute;top:-8px;right:-8px;color:var(--highlight);font-size:12px;font-family:sans-serif;animation:twinkle 1.5s infinite alternate}@keyframes twinkle{0%{transform:scale(.8);opacity:.5}100%{transform:scale(1.2);opacity:1}}#route-anim{animation:drawRoute 4s infinite}@keyframes drawRoute{0%{stroke-dashoffset:250}25%,100%{stroke-dashoffset:0}}#route-dot{animation:drawDot 4s infinite}@keyframes drawDot{0%,25%{stroke-dashoffset:0;opacity:0}26%{opacity:1;stroke-dashoffset:0}45%{stroke-dashoffset:-250;opacity:1}46%,100%{opacity:0;stroke-dashoffset:-250}}.feature-label{position:absolute;font-size:.75rem;font-weight:700;color:var(--text);background:rgba(255,255,255,.95);padding:4px 10px;border-radius:12px;box-shadow:0 4px 12px rgba(26,60,64,.1);white-space:nowrap;z-index:5;pointer-events:none}.fl-left{top:-10px;left:-20px;transform:rotate(-4deg);color:var(--accent)}.fl-right{bottom:-10px;right:-20px;transform:rotate(3deg);color:var(--secondary)}.cta-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:10px}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--surface);font-family:'Baloo 2',system-ui,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;padding:12px 32px;border-radius:30px;transition:transform .2s,background .2s;animation:ctaGlow 1.5s infinite;position:relative;z-index:10}.cta-button:hover{transform:scale(1.05);background:#ff7a4a}.cta-button:focus-visible{outline:3px solid var(--text);outline-offset:4px}.cta-button svg{width:20px;height:20px;fill:currentColor}@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,107,53,.5)}50%{box-shadow:0 0 20px 8px rgba(255,107,53,.15)}}.under-cta{font-size:.9rem;color:var(--text);margin-top:8px;opacity:.85;font-weight:700}.cta-feature{font-size:.75rem;color:var(--accent);font-weight:700;margin-top:6px}footer{padding:15px;text-align:center;font-size:.85rem;color:var(--text);opacity:.6;font-weight:700;z-index:10;position:relative}@media(max-width:768px){header{justify-content:center;padding:15px}.visual-sig{display:none}.fl-left{top:-25px;left:50%;transform:translateX(-50%) rotate(0)}.fl-right{bottom:-25px;right:50%;transform:translateX(50%) rotate(0)}.center-wrapper{margin:30px 0}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}