@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');
:root { --blue:#0A2463; --blue-mid:#1a3a7c; --blue-light:#1e4fd8; --yellow:#FFD600; --yellow-dark:#e6c000; --white:#ffffff; --gray-light:#f4f6fb; --gray:#8892a4; --text:#0d1b3e; }
*{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}
nav{position:fixed;top:0;width:100%;z-index:1000;background:var(--blue);padding:0 6%;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 2px 24px rgba(10,36,99,0.2)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none} .nav-logo img{height:54px;width:auto} .nav-logo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--white)} .nav-logo-text span{color:var(--yellow)}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none} .nav-links a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s} .nav-links a:hover,.nav-links a.active{color:var(--yellow)}
.nav-cta{background:var(--yellow)!important;color:var(--blue)!important;font-weight:700!important;padding:0.45rem 1.4rem;border-radius:6px;transition:background 0.2s!important} .nav-cta:hover{background:var(--yellow-dark)!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none} .hamburger span{display:block;width:24px;height:2px;background:white;border-radius:2px;transition:all 0.3s}
.btn-primary{background:var(--yellow);color:var(--blue);font-family:'Syne',sans-serif;font-weight:700;font-size:0.95rem;padding:0.85rem 2rem;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 20px rgba(255,214,0,0.3);display:inline-block} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,214,0,0.45)}
.btn-outline{background:transparent;color:var(--white);font-family:'Syne',sans-serif;font-weight:600;font-size:0.95rem;padding:0.85rem 2rem;border-radius:8px;text-decoration:none;border:1.5px solid rgba(255,255,255,0.35);transition:all 0.2s;display:inline-block} .btn-outline:hover{border-color:var(--yellow);background:rgba(255,214,0,0.08);color:var(--yellow)}
section{padding:90px 6%} .section-label{font-size:0.75rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue-light);margin-bottom:0.6rem} .section-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.9rem,3.5vw,2.8rem);color:var(--text);line-height:1.15;margin-bottom:1rem} .section-title span{color:var(--blue-light)} .section-desc{color:var(--gray);font-size:1rem;line-height:1.8;max-width:540px} .section-center{text-align:center} .section-center .section-desc{margin:0 auto}
.trust-strip{background:var(--yellow);padding:16px 6%;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap} .trust-item{display:flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-weight:700;font-size:0.82rem;color:var(--blue)}
footer{background:var(--blue);padding:64px 6% 28px} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem} .footer-brand p{color:rgba(255,255,255,0.5);font-size:0.87rem;line-height:1.8;max-width:260px;margin-top:0.8rem} .footer-col h4{font-family:'Syne',sans-serif;font-weight:700;color:var(--white);font-size:0.9rem;margin-bottom:1rem} .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.6rem} .footer-col ul li a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:0.85rem;transition:color 0.2s} .footer-col ul li a:hover{color:var(--yellow)} .footer-col ul li{color:rgba(255,255,255,0.5);font-size:0.85rem} .footer-divider{border:none;border-top:1px solid rgba(255,255,255,0.1);margin-bottom:1.5rem} .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem} .footer-bottom p{color:rgba(255,255,255,0.35);font-size:0.82rem} .footer-bottom-links{display:flex;gap:1.5rem} .footer-bottom-links a{color:rgba(255,255,255,0.35);font-size:0.82rem;text-decoration:none;transition:color 0.2s} .footer-bottom-links a:hover{color:var(--yellow)}
.whatsapp-btn{position:fixed;bottom:28px;right:28px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.45);text-decoration:none;font-size:1.8rem;animation:wabounce 2.5s ease infinite;transition:transform 0.2s} .whatsapp-btn:hover{transform:scale(1.12);animation:none} @keyframes wabounce{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.fade-up{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease} .fade-up.visible{opacity:1;transform:translateY(0)} .delay-1{transition-delay:0.1s} .delay-2{transition-delay:0.2s} .delay-3{transition-delay:0.3s} .delay-4{transition-delay:0.4s}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:640px){nav{padding:0 5%} .nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--blue);flex-direction:column;padding:1.5rem 5%;gap:1.2rem;border-top:1px solid rgba(255,255,255,0.1)} .nav-links.open{display:flex} .hamburger{display:flex} section{padding:60px 5%} .footer-grid{grid-template-columns:1fr} .trust-strip{gap:1.2rem}}