/* DESIGN SYSTEM */
:root{--navy:#102A56;--blue:#2563EB;--sky:#38BDF8;--saffron:#F59E0B;--green:#16A34A;--bg:#F5F8FC;--text:#172033;--muted:#64748B;--r:16px;--sh:0 6px 20px rgba(16,42,86,.08)}
body{font-family:Inter,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}
h1,h2,h3,.logo{font-family:Poppins,sans-serif}img{max-width:100%}
.card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);transition:.25s}a.card:hover{transform:translateY(-3px)}
:where(.btn){display:inline-block}.btn{padding:.55rem 1.1rem;border-radius:10px;font-weight:600;background:var(--blue);color:#fff;border:1px solid var(--blue);transition:.2s;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.wa{background:var(--green);border-color:var(--green)}.btn.out{background:#fff;color:var(--blue)}.btn.sa{background:var(--saffron);border-color:var(--saffron)}
.hero{background:linear-gradient(135deg,#eaf3ff,#cfe6ff)}.hero-blue{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}
.badge{font-size:.72rem;padding:.12rem .6rem;border-radius:99px;background:#dbeafe;color:var(--navy);font-weight:600}
/* HEADER */
.nav a,.nav button{padding:.4rem .2rem;font-weight:500;font-size:.88rem}.nav a:hover,.nav a.active,.nav button:hover{color:var(--blue)}.nav a.active{border-bottom:2px solid var(--blue)}
.dd{position:relative}.dd>div{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:var(--sh);border-radius:12px;min-width:230px;padding:.5rem;z-index:60}.dd:hover>div,.dd:focus-within>div{display:block;animation:fade .2s}.dd>div a{display:block;padding:.4rem .6rem;border-radius:8px}.dd>div a:hover{background:#eff6ff}
@media(max-width:1279px){#nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:1rem;flex-direction:column;box-shadow:var(--sh);max-height:80vh;overflow:auto}#nav.open{display:flex}.dd>div{display:block;position:static;box-shadow:none}}
/* HERO SLIDER */
.slide{display:none}.slide.on{display:grid;animation:fade .7s}@keyframes fade{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.sl-btn{position:absolute;top:50%;background:#fff;border-radius:99px;width:38px;height:38px;box-shadow:var(--sh)}.dot{width:10px;height:10px;border-radius:99px;background:#94a3b8}.dot.on{background:var(--blue);width:26px}
/* TICKER */
.ticker{overflow:hidden;white-space:nowrap}.ticker>div{display:inline-block;padding-left:100%;animation:tk 60s linear infinite}.ticker:hover>div{animation-play-state:paused}@keyframes tk{to{transform:translateX(-100%)}}
/* SECTIONS */
.thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.faq summary{cursor:pointer;font-weight:600;padding:.8rem 0;border-bottom:1px solid #e2e8f0}
.chip{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem;border-radius:12px;font-size:.8rem;text-align:center;background:#fff}.chip:hover{background:#eff6ff}
/* FORMS TABLE */
.rt th,.rt td{padding:.55rem .6rem;vertical-align:top}.rt tbody tr{border-top:1px solid #e2e8f0}
@media(max-width:767px){.rt thead{display:none}.rt tr,.rt td{display:block}.rt tr{padding:.6rem}.rt td::before{content:attr(data-l)": ";font-weight:600}}
@media print{#site-header,#site-footer,.btn{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.ticker{min-width:0}html,body{max-width:100%;overflow-x:clip}
.nav a,.nav button,.btn{white-space:nowrap}.nav{gap:.8rem}.thumb{object-position:30% center}
/* ICONS & BADGES */
.ico{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:.55rem;border-radius:14px}.logo-mark{display:inline-flex;background:var(--blue);color:#fff;border-radius:10px;padding:5px}
.pill{display:inline-block;color:#fff;font-weight:600;font-size:.8rem;padding:.15rem 1rem;border-radius:99px}
.chip{flex-direction:column;text-align:center}.faq summary::-webkit-details-marker{display:none}.btn{align-items:center}
