:root{--navy:#0a1f44;--navy2:#102f68;--blue:#4fa8ef;--sky:#eef7ff;--teal:#19b7aa;--ink:#152033;--muted:#66758b;--line:#dbe6f2;--white:#fff;--soft:#f7fbff;--shadow:0 24px 70px rgba(10,31,68,.14);--radius:24px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}.topbar{background:#071a38;color:#dbeaff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{color:#fff}.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,31,68,.08)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;object-fit:contain}.brand-text strong{display:block;color:var(--navy);font-size:20px;letter-spacing:.02em}.brand-text small{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:24px;font-weight:650;font-size:14px}.navlinks a:not(.btn){padding:29px 0;position:relative}.navlinks a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--teal));transition:.25s}.navlinks a:hover:after{right:0}.menu{position:relative}.dropdown{position:absolute;top:62px;left:-18px;width:270px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.menu:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block!important;padding:10px 12px!important;border-radius:10px;color:var(--ink)!important}.dropdown a:hover{background:var(--soft)}.dropdown a:after{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 20px;font-weight:800;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--navy2),#1c6fc2);color:#fff;box-shadow:0 10px 28px rgba(28,111,194,.25)}.btn-outline{border-color:#b8cbe0;color:var(--navy);background:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-lg{padding:16px 24px;border-radius:14px}.mobile-toggle{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#edf7ff 50%,#f7fffe 100%)}.hero:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(79,168,239,.20),transparent 66%);right:-100px;top:-130px}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(25,183,170,.12),transparent 68%);left:-120px;bottom:-170px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;min-height:760px;padding:82px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#1766aa;background:#e7f4ff;border:1px solid #d4ebff;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(25,183,170,.12)}h1,h2,h3{line-height:1.12;margin:0;color:var(--navy);letter-spacing:-.03em}h1{font-size:clamp(48px,6vw,78px);max-width:830px;margin:20px 0 22px}.gradient{background:linear-gradient(100deg,#143f84,#2e91d6,#18a99d);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:20px;color:#526178;max-width:700px;margin:0 0 28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#41506a}.hero-proof span{display:flex;align-items:center;gap:7px}.tick{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dcf7f2;color:#087f72;font-weight:900}.product-stage{position:relative}.browser{background:#fff;border:1px solid #d6e4f1;border-radius:24px;box-shadow:0 28px 80px rgba(13,45,90,.20);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.browser-top{height:44px;background:#f5f8fc;border-bottom:1px solid #e1e9f2;display:flex;align-items:center;padding:0 14px;gap:7px}.browser-top i{width:10px;height:10px;border-radius:50%;background:#cbd7e4}.browser-top b{margin-left:8px;font-size:12px;color:#5f6f83}.browser img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.float-card{position:absolute;background:rgba(255,255,255,.96);border:1px solid #dce8f3;border-radius:16px;box-shadow:0 15px 42px rgba(10,31,68,.15);padding:14px 16px;animation:float 5s ease-in-out infinite}.fc1{left:-42px;top:90px}.fc2{right:-20px;bottom:70px;animation-delay:1.6s}.float-card small{display:block;color:var(--muted);font-size:11px}.float-card strong{display:block;color:var(--navy);font-size:17px}.float-card em{font-style:normal;color:#16877c;font-size:11px}@keyframes float{50%{transform:translateY(-8px)}}
.logo-band{border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5;background:#fff}.logo-band .container{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:20px 0}.logo-band b{color:#67768c;font-size:13px;margin-right:14px}.pill{border:1px solid #dce8f3;background:#fbfdff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800;color:#24415f}.section{padding:100px 0}.section.alt{background:var(--soft)}.section.dark{background:linear-gradient(135deg,#071a38,#0e2f66 68%,#0c4a65);color:#fff}.section.dark h2,.section.dark h3{color:#fff}.section.dark p{color:#c9d7ea}.section-head{max-width:760px;margin-bottom:44px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-size:clamp(36px,4.4vw,56px);margin:14px 0 16px}.section-head p{font-size:18px;color:#627187;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(10,31,68,.10);border-color:#bad8f2}.card .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e5f4ff,#e8fbf8);color:#165e9c;font-weight:900;margin-bottom:18px}.card h3{font-size:22px;margin-bottom:10px}.card p{color:#69788c;margin:0 0 15px}.card .link{font-weight:850;color:#1768ad}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.metric{border-left:2px solid #2d86cd;padding-left:18px}.metric strong{font-size:36px;color:var(--navy);display:block}.metric span{color:var(--muted);font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.flow{display:flex;align-items:center;gap:0;overflow-x:auto;padding:18px 0}.flow-step{min-width:130px;text-align:center}.flow-step i{width:58px;height:58px;margin:auto;border-radius:18px;display:grid;place-items:center;background:#e9f5ff;color:#1b6cae;font-style:normal;font-weight:900}.flow-step b{display:block;font-size:13px;margin-top:10px;color:var(--navy)}.arrow{color:#8eabc3;padding:0 4px}.screenshot-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.screenshot-card img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.screenshot-card .caption{padding:18px 20px}.screenshot-card .caption b{display:block;color:var(--navy)}.screenshot-card .caption span{color:var(--muted);font-size:13px}.showcase-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px}.showcase-stack{display:grid;gap:24px}.benefit{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px}.benefit span{display:inline-grid;width:34px;height:34px;border-radius:10px;place-items:center;background:rgba(79,168,239,.18);color:#a9ddff;font-weight:900;margin-bottom:14px}.benefit h3{font-size:20px;margin-bottom:8px}.cta{background:linear-gradient(135deg,#0a1f44,#164d88 58%,#158d89);color:#fff;padding:70px 0}.cta h2{color:#fff;font-size:clamp(34px,4vw,52px)}.cta p{color:#d6e7f6;font-size:18px;max-width:720px}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px}.page-hero{background:linear-gradient(135deg,#f6fbff,#eef8ff);padding:90px 0 74px;border-bottom:1px solid #e3edf6}.page-hero .container{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.page-hero h1{font-size:clamp(44px,5.4vw,66px);margin:14px 0 18px}.page-hero p{font-size:19px;color:#5b6c80}.page-visual{background:#fff;border:1px solid #dce7f1;border-radius:22px;padding:14px;box-shadow:var(--shadow)}.page-visual img{border-radius:14px;aspect-ratio:16/9;object-fit:cover;object-position:top}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-item{display:flex;gap:11px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.feature-item b{color:#0b8176}.feature-item span{font-weight:700;color:#34445b}.footer{background:#06162f;color:#cbd8e9;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:44px}.footer h4{color:#fff;margin:0 0 16px}.footer a{display:block;margin:8px 0;color:#cbd8e9}.footer .brand{margin-bottom:14px}.footer .brand strong{color:#fff}.footer p{max-width:360px}.footer-contact{margin-top:16px}.footer-contact a{font-weight:700;color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.floating{position:fixed;right:20px;bottom:20px;z-index:999;display:flex;flex-direction:column;gap:10px}.floating a{box-shadow:0 12px 32px rgba(0,0,0,.2)}.whatsapp{background:#1e9f6e;color:#fff}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#2478bc}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px}.contact-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff}.contact-card h3{margin-bottom:14px}.contact-line{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf2f7}.contact-line:last-child{border:0}.contact-line small{display:block;color:var(--muted)}.contact-line b{color:var(--navy)}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}.form label{font-size:12px;font-weight:800;color:#506074}.form input,.form select,.form textarea{width:100%;border:1px solid #cfdbe7;border-radius:11px;padding:13px 14px;font:inherit;margin-top:6px}.form textarea{min-height:130px;resize:vertical}.note{font-size:12px;color:#78879a}.seo-note{padding:12px 14px;border-radius:12px;background:#f3f8fd;color:#617086;font-size:12px;margin-top:14px}.reveal{opacity:0;transform:translateY(16px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.navlinks{display:none}.mobile-toggle{display:block}.navlinks.open{display:flex;position:absolute;left:0;right:0;top:82px;flex-direction:column;align-items:stretch;background:#fff;padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.navlinks.open a{padding:9px 0!important}.dropdown{position:static;width:auto;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.menu.open .dropdown{display:block}.hero-grid,.page-hero .container,.two-col,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:64px 0;min-height:auto}.product-stage{max-width:820px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.fc1{left:8px}.fc2{right:8px}}@media(max-width:680px){.container{width:min(100% - 26px,var(--max))}.topbar .container{flex-direction:column;gap:2px}.nav-inner{height:72px}.brand img{width:50px;height:50px}.navlinks.open{top:72px}.hero-grid{gap:36px}.hero-actions,.cta-box{align-items:stretch;flex-direction:column}.btn-lg{width:100%}.grid-3,.grid-4,.metric-row,.footer-grid,.feature-list{grid-template-columns:1fr}.section{padding:74px 0}.browser{transform:none}.float-card{display:none}.copyright{flex-direction:column}.flow-step{min-width:112px}.page-hero{padding:64px 0 56px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}