:root{--brand:#1456a0;--accent:#19a7a1;--page:#f3f7fc;--ink:#1e293b}
*{box-sizing:border-box} body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);padding-bottom:74px}
a{text-decoration:none} .site-nav{background:#fff;box-shadow:0 4px 22px rgba(15,23,42,.07)}
.navbar-brand{color:var(--brand)!important;letter-spacing:-.4px} .brand-mark{display:inline-grid;place-items:center;background:var(--brand);color:#fff;border-radius:12px;width:38px;height:38px;margin-right:7px}
.nav-link{font-weight:600;color:#475569!important;margin:0 4px} .nav-link.active,.nav-link:hover{color:var(--brand)!important}
.btn-brand{background:var(--brand);color:#fff;border:1px solid var(--brand);font-weight:700;border-radius:10px;padding:.72rem 1.2rem}
.btn-brand:hover{background:var(--accent);border-color:var(--accent);color:#172033}
.btn-outline-brand{border:1px solid var(--brand);color:var(--brand);font-weight:700;border-radius:10px;padding:.72rem 1.2rem}
.btn-outline-brand:hover{background:var(--brand);color:white}
.hero-section{background:linear-gradient(120deg,var(--page),#fff 70%);overflow:hidden}
.eyebrow{font-size:.76rem;letter-spacing:2px;font-weight:800;color:var(--brand)}
.hero-section h1{line-height:1.08;letter-spacing:-2px;color:#142238} .accent{color:var(--brand)}
.hero-section .lead,.page-hero .lead{color:#64748b;max-width:650px}
.trust-line{font-size:.88rem;color:#526174} .trust-line i{color:var(--accent)}
.hero-card{background:var(--brand);color:#fff;border-radius:28px;padding:42px;min-height:330px;box-shadow:0 22px 50px rgba(15,23,42,.16);position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-95px;bottom:-120px}
.hero-icon{font-size:4rem;color:var(--accent)} .hero-card p{color:rgba(255,255,255,.82)}
.hero-stat{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.25);margin-top:32px;padding-top:20px}
.hero-stat strong{font-size:2rem;color:var(--accent)} .hero-stat span{font-weight:700;letter-spacing:1px}
.section-heading h2{font-weight:800;letter-spacing:-1px;margin-top:10px} .section-heading p{color:#64748b}
.feature-card,.service-card,.form-card,.note-card{background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:28px;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.feature-card i{font-size:2rem;color:var(--brand)} .feature-card h5{font-weight:750;margin-top:16px} .feature-card p,.service-card p{color:#64748b;margin-bottom:0}
.cta-band{background:var(--brand);color:#fff;padding:42px 0} .cta-band p{color:rgba(255,255,255,.8)}
.page-hero{background:linear-gradient(120deg,var(--page),#fff);border-bottom:1px solid #edf1f5}
.page-hero h1{letter-spacing:-1.5px;margin-top:10px} .about-visual{min-height:330px;border-radius:26px;background:linear-gradient(140deg,var(--brand),var(--accent));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:12px}
.about-visual i{font-size:7rem} .about-visual span{letter-spacing:3px;font-size:.8rem;font-weight:800}
.service-card{height:100%;transition:transform .2s,box-shadow .2s} .service-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,23,42,.1)}
.service-icon{width:58px;height:58px;border-radius:16px;background:var(--page);display:grid;place-items:center;color:var(--brand);font-size:1.8rem;margin-bottom:20px}
.service-card h4{font-weight:800} .service-card a{display:inline-block;margin-top:18px;color:var(--brand);font-weight:750}
.contact-detail{display:flex;gap:16px;align-items:center;margin-top:24px} .contact-detail>i{width:48px;height:48px;display:grid;place-items:center;background:var(--page);color:var(--brand);font-size:1.35rem;border-radius:14px}
.contact-detail small{display:block;color:#64748b} .contact-detail a{font-weight:750;color:#1e293b}
.note-card{background:var(--page);box-shadow:none} .note-card p{color:#64748b;margin-top:8px}
.form-card h3{font-weight:800} .form-control,.form-select{padding:.78rem .9rem;border-color:#dbe2ea;border-radius:10px} .form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--brand) 15%,transparent)}
.site-footer{background:#111d2d;color:#fff} .site-footer p,.site-footer .small{color:#aebaca} .site-footer a{color:#fff}
.floating-actions{position:fixed;z-index:1050;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:7px;background:rgba(255,255,255,.96);border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 8px 28px rgba(15,23,42,.2);white-space:nowrap}
.floating-actions a{display:flex;align-items:center;gap:8px;padding:10px 17px;border-radius:999px;color:#fff;font-weight:750;font-size:.9rem}
.quick-whatsapp{background:#168b4c} .quick-call{background:var(--brand)} .floating-actions i{font-size:1.1rem}
@media(max-width:575px){.hero-card{padding:30px;min-height:280px} .hero-section h1{font-size:2.55rem} .floating-actions a{padding:10px 13px;font-size:.82rem} .floating-actions{bottom:10px} .cta-band{text-align:center}}