@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--ink:#07111f;--muted:#536174;--line:#dce7f5;--blue:#155eef;--cyan:#00b7d8;--aqua:#e8faff;--soft:#f7fbff;--card:#fff;--shadow:0 24px 80px #081c4224;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#f5fbff 0,#fff 34%,#f8fbff 100%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{max-width:1180px;margin:0 auto;padding:92px 22px}.header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #155eef1a;justify-content:space-between;align-items:center;gap:24px;padding:16px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand img{width:152px;height:auto}.brand span{background:var(--aqua);color:#0b6f89;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-size:12px}.header nav{color:#334155;align-items:center;gap:22px;font-size:14px;font-weight:700;display:flex}.header nav a:hover{color:var(--blue)}.navCta{background:var(--ink);border-radius:999px;padding:11px 16px;box-shadow:0 10px 30px #07111f29;color:#fff!important}.hero{max-width:960px;min-height:auto;padding-top:72px;padding-bottom:48px;display:block}.heroText{max-width:900px}.eyebrow,.eyebrowText{color:var(--blue);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.hero h1,.section h2{letter-spacing:-.055em;color:#07111f;margin:18px 0;line-height:.96}.hero h1{font-size:clamp(46px,6.5vw,82px)}.lead{color:var(--muted);max-width:680px;font-size:20px;line-height:1.65}.heroActions{flex-wrap:wrap;gap:14px;margin:30px 0;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 18px 42px #155eef42}.button.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.button.big{padding:18px 26px;font-size:18px}.proofGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.proofGrid span{border:1px solid var(--line);color:#334155;background:#fff;border-radius:16px;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:800;display:flex}.proofGrid svg{color:#0aa7bf;min-width:18px}.heroPanel{min-height:520px;position:relative}.browserCard{box-shadow:var(--shadow);background:#fff;border:1px solid #155eef29;border-radius:32px;overflow:hidden}.mainPreview{transform:rotate(1.5deg)}.browserTop{background:#eef7ff;border-bottom:1px solid #dbeafe;align-items:center;gap:8px;height:46px;padding:0 16px;display:flex}.browserTop i{background:#93c5fd;border-radius:50%;width:11px;height:11px}.browserTop i:nth-child(2){background:#67e8f9}.browserTop i:nth-child(3){background:#22c55e}.browserTop span{color:#64748b;margin-left:12px;font-size:13px;font-weight:700}.previewContent{background:linear-gradient(135deg,#fff,#f0fbff);padding:24px}.miniHero{background:radial-gradient(circle at 30% 20%,#7dd3fc,#0000 34%),linear-gradient(135deg,#155eef,#00b7d8);border-radius:24px;height:220px}.miniLines{padding:26px 6px}.miniLines b,.miniLines span{background:#dbeafe;border-radius:999px;display:block}.miniLines b{width:82%;height:26px;margin-bottom:12px}.miniLines span{width:92%;height:12px;margin-bottom:9px}.miniLines span:last-child{width:68%}.miniButtons{gap:12px;display:flex}.miniButtons em{background:var(--ink);border-radius:999px;flex:1;height:42px}.miniButtons em:nth-child(2){background:#fff;border:1px solid #cbd5e1}.miniCards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.miniCards i{background:#fff;border:1px solid #dbeafe;border-radius:18px;height:88px}.floatingMetric{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:8px;padding:14px 16px;font-weight:900;display:flex;position:absolute;box-shadow:0 16px 40px #081c4221}.floatingMetric svg{color:var(--blue)}.floatingMetric.one{top:84px;left:-18px}.floatingMetric.two{bottom:78px;right:-18px}.sectionHead{text-align:center;max-width:790px;margin:0 auto 42px}.sectionHead.narrow{max-width:760px}.section h2{font-size:clamp(34px,4.5vw,58px)}.sectionHead p:not(.eyebrowText){color:var(--muted);font-size:18px;line-height:1.65}.caseGrid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.caseCard,.formatCard,.packageCard,.integrationPanel{border-radius:var(--radius);background:#fff;border:1px solid #155eef21;overflow:hidden;box-shadow:0 18px 60px #0f285014}.caseImage{aspect-ratio:1.42;background:#eaf6ff;display:block;overflow:hidden}.caseImage img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.caseCard:hover .caseImage img{transform:scale(1.035)}.caseBody{padding:24px}.caseMeta{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.caseBody h3,.formatCard h3{letter-spacing:-.03em;margin:10px 0 9px;font-size:24px}.caseBody p,.formatCard p,.integrationPanel p,.packageCard p,.step p,.finalCta p{color:var(--muted);line-height:1.65}.tags{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tags span{color:#0b6f89;background:var(--aqua);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.caseLink{color:var(--blue);align-items:center;gap:6px;font-weight:900;display:inline-flex}.formatGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.formatCard{padding:28px}.iconWrap{color:#fff;background:linear-gradient(135deg,#155eef,#00b7d8);border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.iconWrap svg{width:28px;height:28px}.formatCard ul{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.formatCard li{color:#334155;align-items:center;gap:8px;font-weight:700;display:flex}.formatCard li svg{color:#0aa7bf;width:18px;min-width:18px}.integrations{max-width:1220px}.integrationPanel{grid-template-columns:.85fr 1.15fr;align-items:center;gap:36px;padding:40px;display:grid}.integrationGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.integrationItem{background:#f8fbff;border:1px solid #e2efff;border-radius:18px;grid-template-columns:auto 1fr;gap:8px 12px;padding:17px;display:grid}.integrationItem svg{color:var(--blue);grid-row:span 2}.integrationItem strong{font-size:16px}.integrationItem span{color:var(--muted);font-size:13px;line-height:1.45}.processGrid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px}.step span{background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.step h3{margin:16px 0 6px}.packages{padding-top:40px}.packageCard{text-align:center;background:radial-gradient(circle at 0 0,#00b7d821,#0000 35%),#fff;padding:44px}.bigIcon{width:48px;height:48px;color:var(--blue)}.packageCard h2{max-width:850px;margin-left:auto;margin-right:auto}.packageCard p{max-width:850px;margin:0 auto 28px;font-size:18px}.packageBullets{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.packageBullets span{color:#334155;background:#f8fbff;border:1px solid #e2efff;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:800;display:flex}.packageBullets svg{color:#0aa7bf}.finalCta{color:#fff;background:linear-gradient(135deg,#07111f,#0a2e62);border-radius:36px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px;padding:52px;display:flex}.finalCta h2{color:#fff;margin:10px 0}.finalCta p{color:#cbd5e1;max-width:720px}.finalCta .eyebrowText{color:#67e8f9}footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:34px 22px}footer img{width:150px;margin:0 auto 10px}footer a{color:var(--blue);font-weight:900}.floatWhatsapp{color:#fff;z-index:50;background:#25d366;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;animation:1.8s ease-in-out infinite whatsappPulse;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #25d36661}.floatWhatsapp .whatsappIcon{fill:#fff;width:28px;height:28px}.floatWhatsapp:hover{transform:translateY(-1px);box-shadow:0 18px 46px #25d3667a}@keyframes whatsappPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (width<=900px){.header{padding:12px 16px}.header nav a:not(.navCta){display:none}.brand img{width:128px}.brand span{display:none}.hero{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:48px}.heroPanel{min-height:420px}.proofGrid,.formatGrid,.caseGrid,.integrationPanel,.processGrid,.packageBullets{grid-template-columns:1fr}.integrationPanel{padding:26px}.integrationGrid{grid-template-columns:1fr}.processGrid{gap:12px}.finalCta{border-radius:28px;flex-direction:column;align-items:flex-start;padding:34px 24px}.section{padding:62px 18px}.floatingMetric.two{right:6px}.floatingMetric.one{left:4px}.mainPreview{transform:none}.hero h1{font-size:46px}.lead{font-size:18px}.caseImage{aspect-ratio:1.25}.packageCard{padding:30px 20px}}@media (width<=520px){.heroActions .button{width:100%}.proofGrid span{font-size:12px}.heroPanel{min-height:360px}.miniHero{height:145px}.floatingMetric{padding:10px;font-size:12px}.section h2{font-size:34px}.hero h1{font-size:40px}.caseBody{padding:20px}.brand img{width:118px}.navCta{padding:10px 12px;font-size:13px}}
