*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#2251f8;--brand-light:#4b6eff;--brand-glow:#2251f859;--brand-subtle:#2251f814;--black:#0a0a0f;--gray-900:#111118;--gray-400:#9090a8;--white:#fff}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{z-index:1000;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:all .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0f;padding:.85rem 2rem}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--gray-400);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-cta{background:var(--brand);border-radius:8px;padding:.55rem 1.25rem;color:var(--white)!important;font-weight:600!important;transition:background .2s,transform .2s,box-shadow .2s!important}.nav-cta:hover{box-shadow:0 4px 20px var(--brand-glow);transform:translateY(-1px);background:var(--brand-light)!important}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-gradient{background:radial-gradient(80% 60% at 50% -10%,#2251f840 0%,#0000 70%),radial-gradient(60% 40% at 80% 80%,#2251f81a 0%,#0000 60%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;animation:20s ease-in-out infinite alternate grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 80%)}@keyframes grid-drift{0%{transform:perspective(1000px)rotateX(0)translateY(0)}to{transform:perspective(1000px)rotateX(3deg)translateY(-20px)}}.hero-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}.hero-orb-1{background:var(--brand);width:500px;height:500px;top:-100px;left:-100px}.hero-orb-2{background:#6c8fff;width:350px;height:350px;animation-delay:-4s;bottom:0;right:-50px}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.97)}}.hero-content{z-index:1;max-width:860px;position:relative}.hero-badge{color:var(--brand-light);letter-spacing:.04em;text-transform:uppercase;opacity:0;background:#2251f81f;border:1px solid #2251f84d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;animation:.8s forwards fade-up;display:inline-flex}.hero-badge-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot}.hero-title{letter-spacing:-.04em;opacity:0;margin-bottom:1.5rem;font-size:clamp(2.5rem,7vw,5rem);font-weight:900;line-height:1.05;animation:.8s .15s forwards fade-up}.hero-title .highlight{background:linear-gradient(135deg, var(--brand) 0%, #7fa0ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--gray-400);opacity:0;max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.7;animation:.8s .3s forwards fade-up}.hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;animation:.8s .45s forwards fade-up;display:flex}.btn-primary{background:var(--brand);color:var(--white);border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.btn-primary:hover{box-shadow:0 8px 30px var(--brand-glow);transform:translateY(-2px)}.btn-primary:hover:after{opacity:1}.btn-secondary{color:var(--white);background:0 0;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)}.wa-status-badge{opacity:0;border:1px solid;border-radius:100px;align-items:center;gap:.5rem;margin-top:2rem;padding:.45rem 1.1rem .45rem .75rem;font-size:.82rem;font-weight:600;transition:background .4s,border-color .4s,color .4s;animation:.8s .75s forwards fade-up;display:inline-flex}.wa-status-checking{color:var(--gray-400);background:#78788c1a;border-color:#78788c40}.wa-status-active{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.wa-status-inactive{color:#f87171;background:#ef44441a;border-color:#ef44444d}.wa-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.wa-status-checking .wa-status-dot{background:var(--gray-400);animation:1.2s ease-in-out infinite blink}.wa-status-active .wa-status-dot{background:#4ade80;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #4ade8099}.wa-status-inactive .wa-status-dot{background:#f87171}.wa-status-icon{opacity:.85;align-items:center;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (width<=600px){.nav-links{display:none}}