@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Pretendard";src:url("../fonts/Pretendard-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;font-family:Pretendard,system-ui,sans-serif;font-size:16px;color:#14202B;word-break:keep-all;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{margin:0;text-wrap:pretty}
p{margin:0;text-wrap:pretty}
img{max-width:100%}
a{color:#04548F;text-decoration:none;transition:color 120ms cubic-bezier(.2,0,.2,1)}
a:hover{color:#033F6C;text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid #2A82C4;outline-offset:2px}
[hidden]{display:none!important}

/* Breakpoints: Desktop ≥1200 · Tablet 768–1199 · Mobile ≤767 */
.v-m{display:none}
@media (max-width:1199px){.v-d{display:none}.v-m{display:block}}

/* Desktop container: 1280 max, 40px side margin below 1360 */
.wrap{width:calc(100% - 80px);max-width:1280px;margin:0 auto}

/* Desktop PUMPS dropdown */
.dd .dd-menu{display:none}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex}

/* Hover states (from Hi-Fi) */
.h-nav:hover{color:#04548F!important;box-shadow:inset 0 -2px 0 #04548F!important}
.h-blue:hover{color:#04548F!important}
.dd:hover>.h-blue{color:#04548F}
.h-veil:hover{background:rgba(4,84,143,.06)!important;color:#04548F!important}
.h-fill:hover{background:#04548F!important;color:#fff!important}
.h-top:hover{background:#fff!important;color:#04213A!important}
.h-hero1:hover{background:#E3EDF6!important;color:#04213A!important}
.h-hero2:hover{background:rgba(255,255,255,.08)!important;border-color:#fff!important;color:#fff!important}
.h-why:hover{background:#F6F8FA!important}
.h-whymore:hover{background:#04548F!important}
.h-card:hover{border-color:#04548F!important;box-shadow:0 2px 4px rgba(4,33,58,.06),0 12px 28px rgba(4,33,58,.10)!important;color:#14202B!important}
.h-primary:hover{background:#033F6C!important;color:#fff!important}
.h-white:hover{color:#fff!important}

/* Desktop 1200–1399: keep 3-column grid inside narrower container */
@media (min-width:1200px) and (max-width:1399px){
.why-t{white-space:normal!important}
.h-card{padding-left:28px!important;padding-right:28px!important}
.pf-r3 .pf-t{height:60px!important;white-space:normal!important}
}

/* Tablet: Mobile structure, wider gutters, 880px content measure */
@media (min-width:768px) and (max-width:1199px){
.mpad{padding-left:max(40px,calc((100% - 880px)/2))!important;padding-right:max(40px,calc((100% - 880px)/2))!important}
.mpad-l{padding-left:max(40px,calc((100vw - 880px)/2))!important}
.mpad-sub{padding-left:calc(max(40px,calc((100vw - 880px)/2)) + 12px)!important;padding-right:max(40px,calc((100vw - 880px)/2))!important}
.mpad-rm{margin-right:max(20px,calc((100vw - 880px)/2 - 20px))}
.m-heroimg{height:auto!important;width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}