*{box-sizing:border-box}
:root{--blue:#0b4f8a;--blue2:#0d6fb8;--light:#f5f9fd;--border:#dbe8f4;--text:#17324d;--muted:#5f7488}
body{margin:0;font-family:Arial,sans-serif;background:#fff;color:var(--text);line-height:1.6}
a{color:var(--blue);text-decoration:none}.container{width:min(1140px,92%);margin:auto}
.header{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--border)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.brand{display:flex;align-items:center;gap:4px}.brand img{height:112px;width:auto}.tm{color:var(--blue);font-size:14px;font-weight:700;align-self:flex-start;margin-top:10px}
nav a{margin-left:26px;color:var(--text);font-weight:600}nav a:hover{color:var(--blue2)}
.hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,#f7fbff 0%,#edf6fd 52%,#e8f3fc 100%);padding:70px 0 76px;border-bottom:1px solid var(--border);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 34%,rgba(255,255,255,.34),rgba(255,255,255,0) 36%),linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.82) 42%,rgba(247,251,255,0) 68%);z-index:0;pointer-events:none}.hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-170px;height:270px;background:radial-gradient(ellipse at center,rgba(255,255,255,.8),rgba(255,255,255,0) 68%);z-index:1;pointer-events:none}.hero-visual{position:absolute;z-index:-1;right:0;top:0;width:62%;height:100%;overflow:hidden}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;filter:saturate(1.03);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 28%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 28%,#000 100%)}.hero-layout{position:relative;z-index:2;width:min(1140px,92%);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:30px;align-items:center;min-height:500px}.hero-content{max-width:670px}.hero h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.06;margin:0 0 20px;color:#123b60}.hero h1 span{color:var(--blue2)}.hero p{font-size:1.15rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 22px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-block;border:none;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{background:#083c69}.secondary{border:1px solid var(--blue);color:var(--blue);background:rgba(255,255,255,.92)}
.stats{padding:34px 0;background:#fff}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;box-shadow:0 5px 18px rgba(17,67,107,.06)}.card h3{color:var(--blue);margin-top:0}
.section{padding:82px 0}.section h2{font-size:2.3rem;color:var(--blue);margin-bottom:22px}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start}.about-box{background:var(--light);border:1px solid var(--border);border-radius:14px;padding:22px;display:grid;gap:14px}.about-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:17px}.about-item span{display:block;color:var(--muted);margin-top:5px}.alt{background:var(--light)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service{background:#fff;border:1px solid var(--border);border-radius:14px;padding:27px;overflow:hidden;box-shadow:0 5px 18px rgba(17,67,107,.05)}.service h3{color:var(--blue);margin:0 0 8px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.contact-form{background:var(--light);border:1px solid var(--border);border-radius:14px;padding:24px;display:grid;gap:15px}.contact-form input,.contact-form textarea{width:100%;padding:13px 15px;border-radius:8px;border:1px solid #cbdbe8;background:#fff;color:var(--text);font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #b8d7ee;border-color:var(--blue2)}
.footer{background:#f1f7fc;border-top:1px solid var(--border);padding:42px 0;text-align:center}.footer-logo{height:150px;width:auto;margin-bottom:18px}.copy{color:#70859a;margin-top:16px}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(37,211,102,.3);z-index:20}.whatsapp svg{width:31px;height:31px}
@media(max-width:860px){.grid-4,.grid-2,.about,.contact,.hero-layout{grid-template-columns:1fr}.hero{padding:48px 0 48px;min-height:720px;align-items:flex-start}.hero-visual{top:auto;bottom:0;right:0;width:100%;height:52%;z-index:0}.hero-visual img{object-position:right center;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 38%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 18%,#000 38%,#000 100%)}.hero::before{background:linear-gradient(180deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.92) 42%,rgba(247,251,255,0) 72%)}.hero-layout{gap:20px;min-height:0}.hero h1{font-size:2.6rem}.hero p{font-size:1.05rem}nav a{margin-left:12px;font-size:.9rem}.brand img{height:54px}}