@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Bebas+Neue&display=swap");:root{--blue:#1565c0;--blue-dark:#0d47a1;--blue-pale:#eef4ff;--blue-mid:#ddeaff;--gold:#ffd600;--gold-dark:#f9a825;--gold-pale:#fffbea;--bg:#f8f9fc;--white:#fff;--ink:#0d1b3e;--muted:#6b7a99;--card:#fff;--border:rgba(21,101,192,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,Helvetica Neue,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:2px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@keyframes waPop{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mascot-float{animation:float 3.5s ease-in-out infinite;filter:drop-shadow(0 16px 32px rgba(13,27,62,.18))}.mascot-float2{animation:float 3.5s ease-in-out .5s infinite;filter:drop-shadow(0 8px 24px rgba(13,27,62,.25))}.mascot-float3{animation:float 3.5s ease-in-out 1s infinite;filter:drop-shadow(0 12px 28px rgba(13,27,62,.14))}.wa-float{animation:waPop .6s ease 1.8s both}.btn-blue{background:var(--blue);color:#fff;border:none;padding:12px 28px;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-blue:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-gold{background:var(--gold);color:var(--blue-dark);border:none;padding:12px 28px;border-radius:100px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.btn-gold:hover{background:#ffe033;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--blue);border:1.5px solid rgba(21,101,192,.3);padding:11px 26px;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.btn-ghost:hover{border-color:var(--blue);background:var(--blue-pale)}.btn-white{background:#fff;color:var(--blue-dark);border:none;padding:12px 28px;border-radius:100px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.btn-white:hover{background:var(--gold);transform:translateY(-1px)}.sec-label{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.sec-title{font-family:Bebas Neue,sans-serif;font-size:clamp(28px,4vw,48px);letter-spacing:.03em;color:var(--ink);line-height:1.05}.nav-link{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--blue)}.nav-link.active{font-weight:700}.prod-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 16px rgba(13,27,62,.06);border:1.5px solid transparent;transition:all .25s;cursor:pointer}.prod-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(13,27,62,.1);border-color:var(--blue-pale)}.wa-btn{position:fixed;bottom:20px;right:16px;z-index:200;background:#25d366;color:#fff;border:none;border-radius:100px;padding:11px 16px 11px 12px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(37,211,102,.45);transition:all .25s;text-decoration:none}.wa-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(37,211,102,.5)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px}.ham-line{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s;display:block}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.grid-hero{grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.grid-about,.grid-hero{display:grid;align-items:flex-end}.grid-about{grid-template-columns:360px 1fr;grid-gap:48px;gap:48px}.grid-promo{display:grid;grid-template-columns:1fr 280px;align-items:flex-end;min-height:220px}.grid-contact{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.grid-story{display:grid;grid-template-columns:1fr 1fr;grid-gap:72px;gap:72px;align-items:center}.grid-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:32px;gap:32px}@media (max-width:900px){.grid-4,.grid-contact{grid-template-columns:repeat(2,1fr)}.grid-about,.grid-footer{grid-template-columns:1fr 1fr}.grid-footer{gap:28px}.grid-promo{grid-template-columns:1fr}.promo-mascot{display:none}}@media (max-width:640px){.nav-cta-desktop,.nav-links-desktop{display:none!important}.hamburger{display:flex!important}.grid-2,.grid-3,.grid-4,.grid-about,.grid-contact,.grid-footer,.grid-hero,.grid-promo,.grid-story{grid-template-columns:1fr!important;gap:20px!important}.about-float-quote,.hero-mascot-col,.promo-mascot{display:none!important}.stats-bar{grid-template-columns:repeat(2,1fr)!important}.section-pad{padding:48px 5%!important}.filter-bar{flex-direction:column;align-items:stretch!important}.filter-search{max-width:100%!important}.filter-pills{flex-wrap:wrap}.prod-card{padding:18px}.hero-title{font-size:clamp(48px,12vw,72px)!important}.btn-full-mobile{width:100%!important;justify-content:center}.wa-btn-label{display:none}.wa-btn{padding:12px;border-radius:50%;bottom:16px;right:12px}.footer-brand{margin-bottom:0}.about-mascot-base{min-height:240px!important}.about-mascot-img{max-width:200px!important}}@media (max-width:380px){.stats-bar{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.wa-btn{padding:10px}}