:root{--primary:#2563eb;--primary-dark:#1746b2;--navy:#0b1736;--ink:#172033;--muted:#64748b;--soft:#f4f7fb;--line:#e5eaf2;--white:#fff;--shadow:0 18px 50px rgba(15,35,80,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}
.topbar{background:var(--navy);color:#dce6ff;font-size:13px}.topbar-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#fff}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px rgba(0,0,0,.05)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--primary),#6d8cff);color:white;display:grid;place-items:center;font:800 24px Poppins;box-shadow:0 8px 20px rgba(37,99,235,.25)}.brand strong{display:block;font:800 18px Poppins;color:var(--navy);line-height:1.1}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav-links>a{position:relative}.nav-links>a:hover,.nav-links>a.active{color:var(--primary)}.nav-cta{background:var(--primary);color:#fff!important;padding:11px 18px;border-radius:10px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(110deg,#071535 0%,#10285c 55%,#1c4db6 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-130px;top:30px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(75,135,255,.25),transparent 35%)}.hero-content{position:relative;z-index:2}.hero-copy{max-width:730px;color:white;padding:70px 0}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:800;color:var(--primary);margin-bottom:10px}.hero .eyebrow{color:#9fc0ff}.hero h1{font:800 clamp(44px,6vw,76px)/1.08 Poppins;margin:10px 0 22px;letter-spacing:-2px}.hero h1 span{color:#74a1ff}.hero p{font-size:18px;color:#d7e1f7;max-width:650px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:13px 22px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--navy)}.btn-outline{border:1px solid #cbd5e1;color:var(--primary);background:white}.btn-outline:hover{border-color:var(--primary);background:#f4f7ff}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;color:#d5e2ff;font-size:12px;font-weight:600}
.quick-actions{background:#fff;box-shadow:var(--shadow);position:relative;z-index:5}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>a{padding:22px 20px;display:flex;gap:13px;align-items:center;border-right:1px solid var(--line)}.quick-grid>a:last-child{border:0}.quick-grid>a>span{font-size:25px;color:var(--primary)}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:14px}.quick-grid small{color:var(--muted);font-size:12px}
.section{padding:90px 0}.section-soft{background:var(--soft)}.section-heading{max-width:700px}.section-heading.center{text-align:center;margin:0 auto 45px}.section-heading h2{font:800 clamp(29px,4vw,43px)/1.15 Poppins;color:var(--navy);margin:4px 0 16px;letter-spacing:-.8px}.section-heading p{color:var(--muted);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:27px;background:white;transition:.25s;box-shadow:0 5px 20px rgba(15,35,80,.035)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d0dcff}.service-icon{width:54px;height:54px;border-radius:15px;background:#eef4ff;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.service-card h3{font:700 18px Poppins;margin:0 0 8px}.service-card p{color:var(--muted);font-size:13px;min-height:66px;margin:0 0 18px}.service-card span,.text-link{color:var(--primary);font-weight:700;font-size:13px}
.about-preview{padding:100px 0;background:#fbfcff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.image-panel{height:460px;background:linear-gradient(135deg,#dbe8ff,#f4f7ff);border-radius:30px;position:relative;display:grid;place-items:center;overflow:hidden}.image-placeholder{text-align:center;color:#1d4ed8;font:800 46px/1.05 Poppins;letter-spacing:2px}.image-placeholder small{font:500 12px Inter;letter-spacing:1px;color:#64748b}.experience-badge{position:absolute;right:25px;bottom:25px;background:white;border-radius:17px;padding:15px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.experience-badge strong{font:800 30px Poppins;color:var(--primary)}.experience-badge span{font-size:11px;color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.features>div{background:white;border:1px solid var(--line);padding:28px;border-radius:18px}.features span{font:800 13px Poppins;color:var(--primary)}.features h3{font:700 17px Poppins;margin:13px 0 7px}.features p{font-size:13px;color:var(--muted);margin:0}
.request-banner{background:linear-gradient(110deg,#0b1736,#1d4ed8);color:#fff;padding:55px 0}.request-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.request-banner h2{font:700 30px Poppins;margin:2px 0 5px}.request-banner p{color:#d5e2ff;margin:0}.request-banner .eyebrow{color:#9fc0ff}.request-banner.compact{margin-top:50px;border-radius:24px;padding:35px 40px}.partners{padding-top:75px}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.partner-grid>div{padding:25px;border:1px solid var(--line);border-radius:18px;background:white}.partner-grid small{display:block;color:var(--primary);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-bottom:12px}.partner-grid strong{display:block;font-size:13px;margin:5px 0}
.page-hero{background:linear-gradient(115deg,#071535,#1e4db2);color:white;padding:85px 0}.page-hero h1{font:800 52px Poppins;margin:0 0 8px}.page-hero p{color:#d7e1f7;margin:0;max-width:650px}.page-hero .eyebrow{color:#9fc0ff}
.story-card{background:var(--soft);border-radius:24px;padding:38px}.story-card span{color:var(--primary);font:800 14px Poppins}.story-card h3{font:700 20px Poppins;margin:5px 0}.story-card p{color:var(--muted);font-size:14px}.story-card hr{border:0;border-top:1px solid var(--line);margin:28px 0}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mission-grid>div{background:white;border-radius:18px;padding:25px;border:1px solid var(--line)}.mission-grid b{font:700 17px Poppins}.mission-grid p{color:var(--muted);font-size:13px}.profile{background:var(--soft);padding:35px;border-radius:24px;display:flex;gap:30px}.profile-avatar{width:90px;height:90px;border-radius:25px;background:linear-gradient(135deg,var(--primary),#6d8cff);display:grid;place-items:center;color:white;font:800 25px Poppins;flex:none}.profile h2{font:800 28px Poppins;margin:0}.profile p{color:var(--muted)}
.service-details{display:grid;gap:25px}.service-detail{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:38px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 25px rgba(15,35,80,.04)}.detail-icon{width:80px;height:80px;border-radius:22px;background:#eef4ff;display:grid;place-items:center;font-size:35px}.service-detail h2{font:800 30px Poppins;margin:0 0 18px}.service-detail ul{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.service-detail li{font-size:14px;color:#4d5d75}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.download-card{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px;border:1px solid var(--line);border-radius:19px}.download-number{font:800 18px Poppins;color:#9aa8bd}.download-card h3{font:700 17px Poppins;margin:0 0 5px}.download-card p{color:var(--muted);font-size:12px;margin:0 0 15px}.download-note{display:block;color:#8a5a00;font-size:10px;margin-top:8px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.contact-info h2,.form-card h2{font:800 32px Poppins;margin:4px 0 15px}.contact-item{padding:17px 0;border-bottom:1px solid var(--line)}.contact-item b{font-size:13px}.contact-item p{margin:5px 0;color:var(--muted);font-size:14px}.contact-item a{color:var(--primary)}.form-card{padding:35px;border-radius:24px;background:var(--soft)}.form-intro{font-size:13px;color:var(--muted)}form label{display:block;font-size:12px;font-weight:700;margin:15px 0}input,select,textarea{display:block;width:100%;border:1px solid #d5ddea;border-radius:10px;padding:13px;margin-top:7px;font:14px Inter;background:white}textarea{resize:vertical}.form-note{display:block;color:#7b8798;font-size:10px;margin-top:13px}.map-section{padding:0 0 90px}.map-placeholder{background:linear-gradient(135deg,#0b1736,#1e4db2);border-radius:25px;padding:55px;text-align:center;color:#fff}.map-placeholder>span{font-size:35px}.map-placeholder h2{font:700 26px Poppins;margin:10px 0 5px}.map-placeholder p{color:#d5e2ff}
.footer{background:#071126;color:#b8c5db;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1.2fr;gap:60px;padding-bottom:45px}.footer-brand strong{color:#fff}.footer h4{color:white;font:700 15px Poppins;margin:0 0 15px}.footer-grid a:not(.brand){display:block;color:#b8c5db;font-size:13px;margin:7px 0}.footer p{font-size:13px;max-width:350px}.copyright{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:11px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#19a95b;color:#fff;font-size:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:60}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:118px;left:4%;right:4%;background:#fff;border-radius:15px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}.quick-grid,.service-grid,.features,.partner-grid,.mission-grid{grid-template-columns:repeat(2,1fr)}.two-col,.contact-grid{grid-template-columns:1fr;gap:45px}.service-detail{grid-template-columns:70px 1fr}.service-detail ul{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:580px}}
@media(max-width:600px){.topbar-inner{font-size:10px}.topbar-inner span:last-child{display:none}.navbar{height:76px}.nav-links{top:112px}.hero h1{font-size:45px}.hero-copy{padding:50px 0}.hero p{font-size:15px}.hero-trust{gap:10px}.quick-grid,.service-grid,.features,.partner-grid,.mission-grid,.download-grid{grid-template-columns:1fr}.quick-grid>a{border-right:0;border-bottom:1px solid var(--line)}.section{padding:65px 0}.image-panel{height:340px}.page-hero{padding:60px 0}.page-hero h1{font-size:40px}.service-detail{grid-template-columns:1fr;padding:25px}.detail-icon{width:60px;height:60px;font-size:27px}.service-detail h2{font-size:25px}.request-inner{flex-direction:column;align-items:flex-start}.request-banner.compact{padding:28px 22px}.profile{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:30px}.map-placeholder{padding:40px 20px}}
