:root{--bg:#F6F1E4;--text:#1F2A33;--surface:#FFFDF4;--sky:#41B6E6;--grass:#7FC242;--sun:#FFD166;--cta:#FF6B3D;--cta-shadow:#D95228;--bg-wash-1:#E3F3FC;--bg-wash-2:#EAF6DF}*,*::before,*::after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100vh;font-family:'Nunito',sans-serif;color:var(--text);background-color:var(--bg);overflow-x:hidden}.bg-layer{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,var(--bg-wash-1) 0,transparent 50%),radial-gradient(circle at 20% 80%,var(--bg-wash-2) 0,transparent 50%)}.bg-grid{width:100%;height:100%;opacity:.4}.grid-line{stroke:var(--sky);stroke-width:1;fill:none;opacity:.3;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawGrid 3s ease-out forwards}.grid-arc{stroke:var(--grass);stroke-width:2;fill:none;stroke-dasharray:50 150;stroke-dashoffset:0;animation:traceArc 10s linear infinite}.layout{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:24px 20px;position:relative}.left-col{display:flex;flex-direction:column;z-index:2;flex:1}.header{display:flex;align-items:center;gap:12px;margin-bottom:3vh}.logo{height:clamp(32px,5vw,48px);width:auto;object-fit:contain}.sig-pulse{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.sig-dot{width:8px;height:8px;background:var(--grass);border-radius:50%}.sig-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--grass);animation:sigPing 2s cubic-bezier(0,0,.2,1) infinite}h1{font-family:'Fredoka',sans-serif;font-weight:600;font-size:clamp(28px,6vw,48px);line-height:1.15;margin:0 0 16px 0;letter-spacing:-.02em}.supporting{font-size:clamp(16px,2.5vw,20px);line-height:1.5;margin:0 0 32px 0;max-width:540px;opacity:.9}.cta-area{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;padding-bottom:16px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cta);color:var(--surface);text-decoration:none;font-family:'Fredoka',sans-serif;font-weight:600;font-size:clamp(18px,2.5vw,22px);padding:16px 32px;border-radius:100px;box-shadow:0 8px 0 var(--cta-shadow),0 15px 20px rgba(255,107,61,.3);position:relative;transition:transform .2s,box-shadow .2s;animation:ctaFloat 4s ease-in-out infinite,ctaGlow 3s ease-in-out infinite}.cta-btn::before{content:'';position:absolute;top:4px;left:10%;width:80%;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0,transparent 100%);border-radius:100px;pointer-events:none}.cta-btn:hover,.cta-btn:focus{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 0 var(--cta-shadow),0 20px 25px rgba(255,107,61,.4);outline:none}.cta-btn:focus-visible{outline:3px solid var(--text);outline-offset:4px}.cta-btn:active{transform:translateY(4px);box-shadow:0 4px 0 var(--cta-shadow),0 5px 10px rgba(255,107,61,.3)}.cta-spark{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cta-sub{font-size:14px;opacity:.7;margin:16px 0 0 0;font-weight:600}.live-pill{display:flex;align-items:center;gap:6px;background:rgba(255,253,244,.8);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;color:var(--text);margin-top:16px;opacity:0;animation:fadeInUp .5s ease forwards 1s}.live-dot{width:6px;height:6px;background:var(--grass);border-radius:50%;animation:blink 3s infinite 1.5s}.right-col{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;margin:40px 0}.centerpiece{width:100%;max-width:320px;aspect-ratio:1;background:var(--surface);border-radius:32px;box-shadow:0 20px 40px rgba(31,42,51,.08),inset 0 0 0 2px rgba(255,255,255,.5);position:relative;overflow:hidden;animation:cpFloat 6s ease-in-out infinite}.map-svg{width:100%;height:100%;display:block}.radar-sweep{transform-origin:50% 50%;animation:sweep 4s linear infinite}.ping-ring{transform-origin:75% 25%;animation:teleportPing 3s cubic-bezier(0,0,.2,1) infinite}.route-ping{animation:routePing 4s ease-in-out infinite}.route-ping:nth-child(2){animation-delay:1s}.route-ping:nth-child(3){animation-delay:2s}.unlock-trio{display:flex;gap:12px;margin-top:20px}.trio-tag{background:var(--surface);padding:8px 16px;border-radius:12px;font-size:14px;font-weight:700;color:var(--sky);box-shadow:0 4px 12px rgba(31,42,51,.05);opacity:0;transform:translateY(10px);animation:slideUpFade .5s ease forwards}.trio-tag:nth-child(1){animation-delay:.6s;color:var(--sky)}.trio-tag:nth-child(2){animation-delay:.8s;color:var(--cta)}.trio-tag:nth-child(3){animation-delay:1s;color:var(--sun)}footer{text-align:center;padding:24px;font-size:14px;opacity:.6;font-weight:700;margin-top:auto}@keyframes drawGrid{to{stroke-dashoffset:0}}@keyframes traceArc{0%{stroke-dashoffset:200;opacity:0}10%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:-200;opacity:0}}@keyframes sigPing{75%,100%{transform:scale(2.5);opacity:0}}@keyframes ctaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ctaGlow{0%,100%{box-shadow:0 8px 0 var(--cta-shadow),0 15px 20px rgba(255,107,61,.2)}50%{box-shadow:0 8px 0 var(--cta-shadow),0 15px 30px rgba(255,107,61,.5)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,90%,100%{opacity:1}95%{opacity:0}}@keyframes cpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes teleportPing{0%{transform:scale(.5);opacity:1}100%{transform:scale(3);opacity:0}}@keyframes routePing{0%,100%{opacity:.4}50%{opacity:1;transform:scale(1.2)}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:768px){.layout{flex-direction:row;align-items:center;padding:40px}.left-col{flex:1.2;padding-right:40px}.right-col{flex:1;margin:0}.header{margin-bottom:6vh}.cta-area{margin-top:40px}.centerpiece{max-width:400px}h1{font-size:clamp(40px,4.5vw,56px)}}@media(max-width:430px){.right-col{margin:24px 0 16px 0;order:-1}.centerpiece{max-width:60vw;border-radius:24px}.left-col{order:2}.header{margin-bottom:16px;justify-content:center}.logo{height:28px}h1{text-align:center;font-size:28px}.supporting{text-align:center;font-size:16px;margin-bottom:24px}.cta-area{align-items:center}.cta-btn{width:100%;font-size:18px}.unlock-trio{flex-wrap:wrap;justify-content:center}.layout{padding:16px}}