body{margin:0;background:#F4F8FF;font-family:'Onest','Segoe UI',system-ui,sans-serif;color:#33437A}
html{scroll-behavior:smooth}
a{color:#1553D6}a:hover{color:#0B2A8A}
.btn:hover{background:#0B2A8A !important;color:#FFFFFF !important}
.ghost:hover{background:#EAF1FF !important;color:#0B2A8A !important}
.navlink:hover,.flink:hover,.toc a:hover{color:#1553D6 !important}
a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #12A5E6;outline-offset:3px}
.m-only{display:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:900px){
.wrap{padding-left:28px !important;padding-right:28px !important}
.stack{flex-direction:column !important;align-items:stretch !important;gap:40px !important}
.stack > *{flex:none !important}
.full{width:100% !important;max-width:100% !important}
.hero-img{max-width:520px !important}
.svc-row{flex-direction:column !important;gap:20px !important}
.svc-row > div{width:100% !important;flex:none !important}
.grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.grid3{grid-template-columns:minmax(0,1fr) !important}
.hero-stage{height:900px !important}
.legal-toc{position:static !important;width:100% !important}
.foot-tag{text-align:left !important}
}
@media (max-width:700px){
.wrap{padding-left:20px !important;padding-right:20px !important}
.hdr{padding-top:14px !important;padding-bottom:14px !important}
.hdr img{height:48px !important}
.navlink,.hide-s{display:none !important}
.sect{padding-top:64px !important;padding-bottom:64px !important}
.hero-stage{height:820px !important}
.hero{padding-top:24px !important;padding-bottom:64px !important}
.grid4{grid-template-columns:minmax(0,1fr) !important}
.m-only{display:block !important}
.tbl-head{display:none !important}
.tbl-row{grid-template-columns:minmax(0,1fr) !important}
.tbl-row > div{padding:10px 16px !important}
.tbl-row > div:first-child{padding:20px 0 6px !important}
.row2{grid-template-columns:minmax(0,1fr) !important}
.btn-block{display:block !important;width:100% !important;box-sizing:border-box !important;text-align:center !important}
.card{padding:24px !important}
.foot-bar{flex-direction:column !important;align-items:flex-start !important}
.svc-row{padding-top:32px !important;padding-bottom:32px !important}
}

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin.woff2) format('woff2')}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-latin-400.woff2) format('woff2')}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/onest-latin-500.woff2) format('woff2')}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/onest-latin-600.woff2) format('woff2')}
[hidden]{display:none !important}
button{font-family:inherit}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#1553D6;color:#FFFFFF;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600}
.skip-link:focus{left:8px;color:#FFFFFF}
.hp{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status:empty{display:none}
.form-status.is-ok{color:#0B2A8A;font-weight:600}
.form-status.is-error{color:#0B1F5C;font-weight:600}
.js-form button[disabled]{opacity:.7;cursor:progress}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:780px;margin:0 auto;background:#FFFFFF;border:2px solid #BBD0F7;border-radius:14px;padding:18px 20px}
.cookie-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-title{margin:0;font-weight:600;font-size:16px;color:#0B1F5C}
.cookie-text{margin:4px 0 0;font-size:15px;line-height:1.5;color:#33437A;max-width:520px}
.cookie-actions{display:flex;gap:10px}
.cookie-btn{min-height:44px;padding:0 22px;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;background:#1553D6;color:#FFFFFF;border:2px solid #1553D6}
.cookie-btn:hover{background:#0B2A8A;border-color:#0B2A8A}
.cookie-btn-ghost{background:#FFFFFF;color:#1553D6}
.cookie-btn-ghost:hover{background:#EAF1FF;color:#0B2A8A}
@media (max-width:700px){.cookie-actions{width:100%}.cookie-btn{flex:1}}

/* ---- Mobile nav ---- */
.mob-nav-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;cursor:pointer;color:#0B1F5C;padding:0;border-radius:8px}
.mob-nav-btn:hover{color:#1553D6}
@media(max-width:700px){.mob-nav-btn{display:flex}}
.mob-nav{position:fixed;inset:0;z-index:90;background:#F4F8FF;display:flex;flex-direction:column;padding:20px 24px 32px;box-sizing:border-box;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity 0.22s ease,transform 0.22s ease;pointer-events:none;visibility:hidden}
.mob-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}
.mob-nav-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #D3DFF5}
.mob-nav-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;cursor:pointer;color:#0B1F5C;padding:0;border-radius:8px;margin-right:-8px}
.mob-nav-close:hover{color:#1553D6}
.mob-nav-links{display:flex;flex-direction:column;margin-top:8px}
.mob-nav-links a{font-size:22px;font-weight:600;font-family:'Bricolage Grotesque','Segoe UI',sans-serif;color:#0B1F5C;text-decoration:none;padding:18px 0;border-bottom:1px solid #D3DFF5}
.mob-nav-links a:hover{color:#1553D6}
.mob-cta{display:block !important;margin-top:24px;text-align:center;background:#1553D6 !important;color:#FFFFFF !important;border-radius:10px;padding:16px !important;border:none;border-bottom:0 !important}
.mob-cta:hover{background:#0B2A8A !important;color:#FFFFFF !important}

/* ---- FAQ accordion ---- */
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;padding:24px 0;cursor:pointer;text-align:left;font-family:inherit;color:inherit}
.faq-qt{margin:0;font-family:'Bricolage Grotesque','Segoe UI',sans-serif;font-weight:600;font-size:22px;line-height:1.25;color:#0B1F5C;transition:color 0.15s}
.faq-q:hover .faq-qt,.faq-q:focus-visible .faq-qt{color:#1553D6}
.faq-chevron{flex:none;color:#1553D6;transition:transform 0.25s ease}
.faq-item.is-open .faq-chevron{transform:rotate(180deg)}
.faq-body{padding-bottom:20px}

/* ---- WhatsApp button ---- */
.wa-btn{position:fixed;right:24px;bottom:80px;z-index:50;width:56px;height:56px;border-radius:50%;background:#25D366;box-shadow:0 4px 16px rgba(0,0,0,0.18);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s}
.wa-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(0,0,0,0.22)}
@media(max-width:700px){.wa-btn{right:16px;bottom:96px}}

/* ---- Scroll fade-in ---- */
[data-fade]{opacity:0;transform:translateY(28px);transition:opacity 0.65s ease,transform 0.65s ease}
[data-fade].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-fade]{opacity:1 !important;transform:none !important;transition:none !important}}