:root{--primary:#2563eb;--secondary:#7c3aed;--dark:#0f172a;--muted:#64748b;--light:#f8fafc;--white:#fff;--shadow:0 20px 60px rgba(15,23,42,.12);--radius:24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background:#f8fafc;color:var(--dark);overflow-x:hidden}.top-bg{position:fixed;inset:0;background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.18),transparent 30%),radial-gradient(circle at 90% 20%,rgba(124,58,237,.18),transparent 30%);z-index:-1}.site-header{width:min(1180px,92%);margin:18px auto 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6);border-radius:999px;box-shadow:var(--shadow);position:sticky;top:14px;z-index:99}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark);font-weight:900;font-size:20px}.brand-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.navbar{display:flex;gap:28px}.navbar a{text-decoration:none;color:#334155;font-weight:700;font-size:14px}.navbar a:hover{color:var(--primary)}.header-btn,.btn{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:800;transition:.3s}.header-btn,.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.28)}.btn.secondary{background:#fff;color:var(--dark);border:1px solid #e2e8f0}.btn:hover,.header-btn:hover{transform:translateY(-3px)}.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--dark)}.section{width:min(1180px,92%);margin:auto;padding:86px 0}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;min-height:calc(100vh - 90px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:900;background:#eff6ff;padding:9px 14px;border-radius:999px;margin-bottom:18px}.hero h1,.section-title h2,.about-card h2,.contact-wrap h2{font-size:clamp(36px,5vw,68px);line-height:1.04;letter-spacing:-2.5px}.hero h1{max-width:720px}.hero-text{font-size:18px;color:var(--muted);margin:22px 0 28px;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-tags{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-tags span{background:#fff;border:1px solid #e2e8f0;padding:10px 14px;border-radius:999px;font-weight:800;color:#334155}.hero-tags i{color:#22c55e}.hero-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(18px);border-radius:32px;padding:26px;box-shadow:var(--shadow)}.analytics-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:28px;padding:26px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;font-weight:700}.analytics-card h2{font-size:58px;margin:20px 0 4px}.analytics-card p{color:#cbd5e1}.bar{height:10px;background:#334155;border-radius:99px;margin-top:22px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#a78bfa);border-radius:99px}.floating{animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mini-card{background:#fff;border-radius:20px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 10px 35px rgba(15,23,42,.08)}.mini-card i{font-size:30px;color:var(--primary);margin-bottom:16px}.mini-card strong,.mini-card small{display:block}.mini-card small{color:var(--muted);margin-top:5px}.stats-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-box{background:#fff;border-radius:22px;text-align:center;padding:30px;box-shadow:var(--shadow);border:1px solid #e2e8f0}.stat-box h3{font-size:42px;color:var(--primary)}.stat-box p{color:var(--muted);font-weight:700}.section-title{text-align:center;max-width:720px;margin:0 auto 46px}.section-title h2{font-size:clamp(34px,4vw,52px)}.section-title p{color:var(--muted);font-size:17px;margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;padding:34px;border-radius:var(--radius);box-shadow:0 14px 45px rgba(15,23,42,.08);border:1px solid #e2e8f0;transition:.35s}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.service-card i{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:var(--primary);font-size:28px;margin-bottom:22px}.service-card h3{font-size:22px;margin-bottom:10px}.service-card p{color:var(--muted)}.about-card,.contact-wrap{display:grid;grid-template-columns:1fr .85fr;gap:40px;background:#fff;border-radius:32px;padding:48px;box-shadow:var(--shadow);border:1px solid #e2e8f0}.about-card p,.contact-wrap p{color:var(--muted);font-size:17px;margin:18px 0}.check-list{list-style:none;margin-top:22px}.check-list li{margin:14px 0;font-weight:800;color:#334155}.check-list i{color:#22c55e;margin-right:8px}.process-box{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:28px;padding:28px}.process-box h3{font-size:26px;margin-bottom:18px}.process-step{display:flex;gap:14px;background:#fff;padding:16px;border-radius:16px;margin:12px 0}.process-step span{color:var(--primary);font-weight:900}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{position:relative;background:#fff;border-radius:var(--radius);padding:34px;border:1px solid #e2e8f0;box-shadow:0 14px 45px rgba(15,23,42,.08)}.price-card.featured{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;transform:scale(1.03)}.badge{position:absolute;top:18px;right:18px;background:#facc15;color:#111827;padding:7px 12px;border-radius:999px;font-weight:900;font-size:12px}.price-card h3{font-size:26px}.price{font-size:42px;font-weight:900;margin:18px 0}.price span{font-size:14px;color:var(--muted)}.featured .price span{color:#cbd5e1}.price-card ul{list-style:none;margin:20px 0}.price-card li{margin:12px 0;color:inherit}.testimonial{max-width:760px;margin:auto;text-align:center;background:#fff;border-radius:30px;padding:42px;box-shadow:var(--shadow);border:1px solid #e2e8f0}.testimonial p{font-size:22px;color:#334155}.testimonial h4{margin-top:18px;font-size:20px}.stars{color:#f59e0b;margin-top:12px}.contact-section{padding-bottom:70px}.contact-info{display:flex;align-items:center;gap:12px;margin:16px 0;font-weight:800}.contact-info i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eff6ff;color:var(--primary)}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #e2e8f0;border-radius:16px;padding:16px;font:inherit;outline:none;background:#f8fafc}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary);background:#fff}.form-note{font-weight:800;color:#16a34a;margin:0!important}footer{text-align:center;padding:24px;background:#0f172a;color:#cbd5e1}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:32px;text-decoration:none;box-shadow:0 18px 40px rgba(34,197,94,.35);z-index:100}.reveal{opacity:0;transform:translateY(28px);transition:.75s ease}.reveal.active{opacity:1;transform:translateY(0)}@media(max-width:980px){.header-btn{display:none}.menu-toggle{display:block}.navbar{position:absolute;top:74px;left:0;right:0;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow);display:none;flex-direction:column}.navbar.active{display:flex}.hero,.about-card,.contact-wrap{grid-template-columns:1fr}.stats-wrap,.service-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-header{width:94%;border-radius:22px}.brand{font-size:17px}.section{padding:58px 0}.hero{gap:30px}.hero-actions{flex-direction:column}.btn{justify-content:center}.mini-grid,.stats-wrap,.service-grid,.pricing-grid{grid-template-columns:1fr}.about-card,.contact-wrap{padding:26px}.price-card.featured{transform:none}.hero h1,.section-title h2,.about-card h2,.contact-wrap h2{letter-spacing:-1px}.whatsapp{width:54px;height:54px}}
