:root{--bg:#0b1020;--bg2:#111833;--txt:#e8ecff;--mut:#9aa4c7;--a:#0794c2;--b:#8b5cf6;--c:#2ec4f0;--r:18px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:min(1140px,92%);margin:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:99}
:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:.3s}
.nav.scrolled{background:rgba(11,16,32,.85);backdrop-filter:blur(12px);box-shadow:0 2px 20px #0006}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;gap:.5rem;align-items:center;font-size:1.3rem}.brand b{color:var(--a)}
#menu{display:flex;gap:1.5rem;align-items:center}#menu a:not(.btn):hover{color:var(--c)}
.menu-btn{display:none;background:none;border:0;cursor:pointer}.menu-btn span{display:block;width:26px;height:2px;background:#fff;margin:6px 0;transition:.3s}
.btn{display:inline-block;padding:.85rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,var(--a),var(--b));font-weight:600;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0794c255}
.btn-ghost{background:transparent;border:1px solid #ffffff40}.btn-sm{padding:.5rem 1.1rem}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:70px}
.hero-in{position:relative;z-index:1}
h1{font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.1;margin:.6rem 0 1rem}
h2{font-size:clamp(1.7rem,3.5vw,2.6rem);line-height:1.2;margin-bottom:1rem}
.grad{background:linear-gradient(90deg,var(--c),var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:sh 6s linear infinite}
@keyframes sh{to{background-position:200%}}
.lead{font-size:1.2rem;color:var(--mut);max-width:640px}
.tag{color:var(--c);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700}
.center{text-align:center}
.cta{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}
.pills{display:flex;gap:.6rem;list-style:none;flex-wrap:wrap}.pills li{padding:.3rem .9rem;border:1px solid #ffffff25;border-radius:999px;color:var(--mut);font-size:.9rem}
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:fl 12s ease-in-out infinite alternate}
.b1{width:420px;height:420px;background:var(--a);top:-80px;right:-80px}.b2{width:360px;height:360px;background:var(--b);bottom:-100px;left:-60px;animation-delay:-6s}
@keyframes fl{to{transform:translate(-60px,50px) scale(1.15)}}
.section{padding:6rem 0}.alt{background:var(--bg2)}
.section p{color:var(--mut);margin-bottom:.8rem}
.grid2{display:grid;gap:3rem;align-items:center}
.cards3{display:grid;gap:1rem}.mini{padding:1.2rem;border-radius:var(--r);background:#ffffff08;border:1px solid #ffffff14;display:flex;flex-direction:column}.mini span{color:var(--mut)}
.products{display:grid;gap:1.5rem;margin-top:2.5rem}
.card{padding:2rem;border-radius:var(--r);background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid #ffffff14;transition:transform .3s,border-color .3s}
.card:hover{transform:translateY(-6px);border-color:var(--a)}
.ico{font-size:2.2rem}.card h3{font-size:1.5rem;margin:.5rem 0 .2rem}.sub{color:var(--c)!important}
.card ul{margin:1rem 0 1rem 1.1rem;color:var(--mut)}.price b{color:var(--txt)}
.link{color:var(--a);font-weight:600}.link:hover{color:var(--c)}
.grid4{display:grid;gap:1.2rem;margin-top:2.5rem}
.feat{padding:1.6rem;border-radius:var(--r);background:#ffffff08;border-left:3px solid var(--a)}.feat h3{margin-bottom:.4rem}
.checks{list-style:none;display:grid;gap:.8rem}.checks li{padding-left:2rem;position:relative}.checks li::before{content:"✓";position:absolute;left:0;color:var(--c);font-weight:700}
.contact{text-align:center;padding:3.5rem 1.5rem;border-radius:28px;background:linear-gradient(135deg,#0794c222,#8b5cf622);border:1px solid #ffffff1a}.contact .cta{justify-content:center}
.footer{background:#070b17;padding:3rem 0 1.5rem;color:var(--mut)}
.foot{display:grid;gap:2rem}.foot div{display:flex;flex-direction:column;gap:.4rem}.foot strong{color:var(--txt)}.foot a:hover{color:var(--c)}
.copy{text-align:center;margin-top:2rem;font-size:.85rem}
.wa-float{position:fixed;right:1.2rem;bottom:1.2rem;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 8px 25px #0007;z-index:60;animation:pu 2.5s infinite}
@keyframes pu{50%{box-shadow:0 0 0 12px #25d36600}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}.products{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:2fr 1fr 1fr}}
@media(min-width:1000px){.grid4{grid-template-columns:repeat(4,1fr)}}
@media(max-width:759px){.menu-btn{display:block}#menu{position:fixed;top:70px;right:0;left:0;flex-direction:column;background:var(--bg2);padding:1.5rem;transform:translateY(-130%);transition:.3s}#menu.open{transform:none}.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
.logo{display:inline-flex;background:#fff;border-radius:10px;padding:3px}.logo img{display:block}
.plogo{background:#fff;border-radius:14px;height:104px;display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:.5rem}.plogo img{max-height:80px;width:auto;max-width:100%;height:auto}