:root{
  --bg:#09090f;--panel:#12121a;--text:#f6f7fb;--muted:#a7adc0;--primary:#7c3aed;--secondary:#00d4ff;--line:rgba(255,255,255,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top, rgba(124,58,237,.18), transparent 30%),var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font:inherit}
.container{width:min(1180px,92vw);margin:auto}.section{padding:96px 0}.section-tag,.eyebrow{display:inline-flex;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:#d6d6f5;background:rgba(255,255,255,.03);font-size:.85rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,9,15,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.main-nav{display:flex;gap:24px;color:var(--muted)}
.logo{display:flex;align-items:center;gap:12px;font-weight:700}.logo-mark,.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 16px 40px rgba(124,58,237,.25)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:16px;border:1px solid transparent;transition:.25s ease;font-weight:600;cursor:pointer}
.btn-sm{padding:11px 16px;font-size:.92rem}.btn-primary{background:linear-gradient(135deg,var(--primary),#5b21b6);color:white;box-shadow:0 18px 40px rgba(124,58,237,.28)}.btn-outline{border-color:var(--line);background:rgba(255,255,255,.03);color:#fff}.btn:hover{transform:translateY(-2px)}
.hero{position:relative;padding:80px 0 70px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,212,255,.18),transparent 22%),radial-gradient(circle at 80% 30%,rgba(124,58,237,.2),transparent 22%),linear-gradient(180deg,transparent,rgba(255,255,255,.02))}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;margin:18px 0 20px;max-width:11ch}.hero p{font-size:1.08rem;color:var(--muted);max-width:60ch}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 32px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:620px}.hero-stats div{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:18px}.hero-stats strong{display:block;font-size:1.35rem}
.glass,.service-card,.feature-card,.diff-box,.testimonial-card,.form-card,.cta-box{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 60px rgba(0,0,0,.22)}
.device-card{padding:24px;transform:perspective(1000px) rotateY(-10deg) rotateX(3deg)}
.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.section-head{max-width:760px;margin:0 auto 36px;text-align:center}.section-head h2{font-size:clamp(1.9rem,4vw,3.2rem);margin:16px 0 0}
.feature-grid,.services-grid,.differentials-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr);margin-top:24px}.card-grid{grid-template-columns:repeat(3,1fr)}
.service-card{padding:28px}.service-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(124,58,237,.18);font-size:1.35rem;margin-bottom:18px}.text-link{color:#d8c8ff;font-weight:700}
.differentials-grid{grid-template-columns:repeat(4,1fr)}.diff-box{padding:26px}
.portfolio-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter-btn{padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.filter-btn.active{background:var(--primary)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-item{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);min-height:320px}.portfolio-item img{width:100%;height:100%;object-fit:cover}.portfolio-overlay{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(180deg,transparent,rgba(9,9,15,.92))}
.testimonial-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{padding:28px}.stars{color:#ffd469}
.cta-band{padding-top:20px}.cta-box{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-list{display:grid;gap:12px;margin:24px 0}.contact-list div{padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:flex;justify-content:space-between;gap:10px}
.form-card{padding:28px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:600;margin:8px 0}input,select,textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#10101a;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}
.map-embed iframe{width:100%;height:280px;border:0;border-radius:24px;filter:grayscale(1) invert(.92) hue-rotate(180deg)}
.site-footer{padding:32px 0 48px;border-top:1px solid var(--line);background:rgba(255,255,255,.02)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.site-footer h4{margin-top:0}.site-footer a,.site-footer span,.site-footer p{display:block;color:var(--muted);margin:.35rem 0}
.whatsapp-float{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#12b669,#25d366);box-shadow:0 16px 35px rgba(37,211,102,.35);z-index:60;font-size:1.5rem}
.alert{padding:14px 16px;border-radius:16px;margin-bottom:14px}.alert-success{background:rgba(20,184,122,.12);border:1px solid rgba(20,184,122,.26)}.alert-error{background:rgba(255,93,122,.12);border:1px solid rgba(255,93,122,.26)}.w-full{width:100%}.text-center{text-align:center}.legal{min-height:100vh;display:grid;place-items:center}
.modal{position:fixed;inset:0;background:rgba(2,2,8,.78);display:none;align-items:center;justify-content:center;padding:18px;z-index:80}.modal.show{display:flex}.modal-content{width:min(920px,100%);background:#10101a;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative}.modal-content img{width:100%;max-height:62vh;object-fit:cover}.modal-body{padding:26px}.modal-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.4);color:#fff;font-size:1.4rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}.fade-right{transform:translateX(-32px)}.zoom-in{transform:scale(.92)}
@media (max-width:980px){.hero-grid,.two-col,.contact-grid,.footer-grid,.cta-box,.card-grid,.testimonial-track,.portfolio-grid,.differentials-grid{grid-template-columns:1fr}.hero-stats,.feature-grid,.grid-2{grid-template-columns:1fr}.main-nav{display:none}}

.logo-image{height:42px;width:auto;max-width:180px;object-fit:contain;display:block}.footer-logo .logo-image{height:38px}