:root{--yellow:#ffd226;--blue:#00527d;--ink:#092d43;--soft:#f4f8fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 20px #002c4612}.brand img{width:165px;height:58px;object-fit:cover;object-position:50% 34%;border-radius:6px}nav{display:flex;gap:28px}nav a,footer a{text-decoration:none;color:var(--ink);font-weight:700;font-size:14px}#menu{display:none}.hero{min-height:670px;background:var(--yellow);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:70px 8vw;overflow:hidden}.tag,.heading span,.promo span{font-weight:900;text-transform:uppercase;letter-spacing:1.6px;font-size:12px;color:var(--blue)}h1{font-size:clamp(44px,5.5vw,82px);line-height:.95;margin:15px 0 22px;max-width:850px}h1 em{font-style:normal;color:var(--blue)}.heroText>p{font-size:20px;line-height:1.55;max-width:650px}.actions{display:flex;gap:12px;margin:32px 0}.primary,.secondary{padding:16px 22px;border-radius:10px;text-decoration:none;font-weight:900}.primary{background:var(--blue);color:#fff}.secondary{border:2px solid var(--blue);color:var(--blue)}.heroLogo{display:flex;justify-content:center}.heroLogo img{width:min(100%,560px);mix-blend-mode:multiply}.stats{display:flex;gap:38px;margin-top:48px}.stats div{display:flex;flex-direction:column}.stats b{font-size:28px;color:var(--blue)}.stats span{font-size:12px;font-weight:700}.section{padding:85px 8vw}.soft{background:var(--soft)}.heading{text-align:center;margin-bottom:38px}.heading h2{font-size:38px;margin:8px 0}.heading.row{text-align:left;display:flex;justify-content:space-between;align-items:end}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{padding:28px 20px;border:1px solid #dce8ed;border-radius:16px;cursor:pointer;transition:.2s}.category:hover{transform:translateY(-4px);box-shadow:0 15px 35px #003d5f15}.category i{font-style:normal;font-size:32px}.category h3{margin-bottom:5px}.category p{margin:0;color:#617783;font-size:13px}.search{display:flex;gap:8px}.search input,.search select{padding:13px;border:1px solid #ccdce3;border-radius:9px;background:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #002e4610;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-5px)}.cover{height:210px;background:linear-gradient(135deg,var(--yellow),#ffe781);display:flex;align-items:center;justify-content:center;font-size:64px}.cardBody{padding:20px}.pill{font-size:11px;font-weight:900;color:var(--blue);background:#eaf4f8;padding:6px 9px;border-radius:99px}.card h3{font-size:21px;margin:14px 0 8px}.card p{color:#607681;line-height:1.5}.card small{font-weight:800}.promo{background:var(--blue);color:#fff;border-radius:24px;padding:48px;display:flex;justify-content:space-between;align-items:center}.promo span{color:var(--yellow)}.promo h2{font-size:38px;margin:8px 0}.promo p{max-width:700px}.promo button{border:0;background:var(--yellow);color:var(--blue);font-weight:900;padding:16px 20px;border-radius:10px}.story{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;background:#f1f6f8}.story>div{padding:55px}.story h3{font-size:34px}.story p{font-size:18px;line-height:1.7}.story a{color:var(--blue);font-weight:900}.pattern{background:var(--yellow);font-size:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--blue)}footer{background:#072d43;color:#fff;padding:55px 8vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}footer img{width:190px;border-radius:8px}footer p{max-width:420px;line-height:1.6;color:#c8d8e0}footer>div{display:flex;flex-direction:column;gap:12px}footer a,footer span{color:#d6e2e7}.modal{display:none;position:fixed;inset:0;background:#001c2bbd;z-index:50;padding:5vh 5vw}.modalBox{max-width:720px;margin:auto;background:#fff;border-radius:20px;padding:35px;position:relative}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px}.modalHero{height:180px;border-radius:14px;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:70px}.whatsapp{display:inline-block;margin-top:16px;background:#138a50;color:#fff;text-decoration:none;padding:13px 17px;border-radius:9px;font-weight:900}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.heroLogo{order:-1}.heroLogo img{width:280px}.categories{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.heading.row{display:block}.search{margin-top:20px}.promo{display:block}.promo button{margin-top:15px}.story{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{padding:0 4vw}.brand img{width:140px}.hero{padding:40px 6vw 60px;min-height:auto}.heroText>p{font-size:17px}.stats{gap:15px;flex-wrap:wrap}.actions{flex-direction:column}.section{padding:60px 6vw}.categories,.cards{grid-template-columns:1fr}.heading h2,.promo h2{font-size:30px}.search{flex-direction:column}.promo{padding:30px}.story>div{padding:30px}.pattern{font-size:42px}footer{grid-template-columns:1fr}}