:root{--navy:#061B46;--blue:#0078D4;--cyan:#20B8FF;--text:#071A3D;--muted:#66758E;--line:#DCE8F7;--soft:#F4F8FD;--shadow:0 24px 70px rgba(6,27,70,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 1px 18px rgba(0,0,0,.06)}
.navbar{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.logo img{height:60px}nav{display:flex;gap:22px;align-items:center}nav a{font-weight:800;color:var(--navy);font-size:14px}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;padding:11px 18px;border-radius:999px}.menu{display:none;border:0;background:none;font-size:31px;color:var(--navy)}
.hero{min-height:760px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(32,184,255,.24),transparent 29%),linear-gradient(135deg,#F9FCFF,#EDF6FF 48%,#fff)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(6,27,70,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(6,27,70,.055) 1px,transparent 1px);background-size:54px 54px}
.hero-inner{max-width:1240px;margin:auto;min-height:760px;padding:70px 22px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative}
.kicker{display:inline-block;color:var(--blue);font-weight:900;letter-spacing:2.6px;text-transform:uppercase;font-size:13px;margin-bottom:14px}h1{font-size:64px;line-height:1.04;letter-spacing:-2.4px;color:var(--navy);margin:0 0 22px}h2{font-size:43px;line-height:1.14;color:var(--navy);letter-spacing:-1.2px;margin:0 0 18px}.lead,.hero p{font-size:20px;color:var(--muted);max-width:760px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:900;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 12px 28px rgba(0,120,212,.26)}
.hero-card{min-height:470px;border-radius:34px;background:linear-gradient(145deg,var(--navy),#0A357D);box-shadow:var(--shadow);position:relative;overflow:hidden;padding:40px;color:#fff}.hero-card h3{position:absolute;left:40px;right:40px;bottom:46px;color:#fff;font-size:30px;line-height:1.18;margin:0}.hero-card p{position:absolute;left:40px;right:40px;bottom:22px;color:#CFE8FF;font-size:16px}.orb{position:absolute;right:-100px;top:-85px;width:390px;height:390px;border-radius:50%;border:2px solid rgba(32,184,255,.55);animation:spin 18s linear infinite}.orb:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--cyan);left:80px;top:105px;box-shadow:110px 62px 0 #fff,55px 225px 0 #0078D4,210px 185px 0 #20B8FF}.lines{position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(32,184,255,.22),transparent 30%);animation:flow 6s ease-in-out infinite alternate}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{to{transform:translateX(30px) translateY(-16px)}}
.stats{background:var(--navy);color:#fff}.stats-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:34px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.08)}.stat strong{display:block;color:#5BC2FF;font-size:34px}.stat span{color:#D7EAFF}
.section{padding:96px 22px}.container{max-width:1240px;margin:auto}.section-head{max-width:850px;margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:0 12px 38px rgba(6,27,70,.08);transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card .icon{font-size:32px;margin-bottom:12px}.card h3{margin:0 0 10px;color:var(--navy);font-size:23px}.card p{color:var(--muted);margin:0}
.dark{background:linear-gradient(135deg,var(--navy),#072D72);color:#fff}.dark h2,.dark h3{color:#fff}.dark .lead,.dark p{color:#D5E9FF}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:26px}.step b{display:block;color:#fff;font-size:20px;margin:5px 0}.step span{color:#63C7FF;font-weight:900;font-size:24px}
.brands{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.brand-box{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:90px;display:flex;align-items:center;justify-content:center;font-weight:950;color:var(--navy);letter-spacing:1px;box-shadow:0 10px 28px rgba(6,27,70,.07)}
.cta{background:radial-gradient(circle at 85% 20%,rgba(32,184,255,.26),transparent 28%),linear-gradient(135deg,var(--navy),#092F72);color:#fff;text-align:center;border-radius:34px;padding:64px 30px;box-shadow:var(--shadow)}.cta h2{color:#fff}.cta p{color:#D7EAFF}.contact-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}.contact-links a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 18px;color:#fff;font-weight:900}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;display:grid;gap:14px;box-shadow:var(--shadow)}input,textarea,select{width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;font:inherit}textarea{min-height:130px}
.footer{background:#041433;color:#CBDCF2;padding:34px 22px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:90;background:#25D366;color:#fff;border-radius:999px;padding:14px 18px;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.page-hero{padding:90px 22px;background:linear-gradient(135deg,#F9FCFF,#EDF6FF)}.page-hero .container{max-width:1000px}.page-hero h1{font-size:54px}
@media(max-width:880px){.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 7%;box-shadow:0 20px 38px rgba(0,0,0,.09)}body.nav-open nav{display:flex}.logo img{height:50px}.hero-inner,.split,.contact-grid{grid-template-columns:1fr}.hero,.hero-inner{min-height:auto}.hero-inner{padding:58px 22px}h1{font-size:42px}.page-hero h1{font-size:40px}h2{font-size:32px}.cards,.steps,.stats-inner,.brands{grid-template-columns:1fr}.hero-card{min-height:340px}.hero-card h3{font-size:24px}.whatsapp{left:18px;right:18px;text-align:center}}