/* auto-remap.com new design: header + footer, loaded on every page (all classes x- prefixed) */
.x-hdr,.x-ftr,.x-drop{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}
.x-hdr *,.x-hdr *::before,.x-hdr *::after,.x-ftr *,.x-ftr *::before,.x-ftr *::after{box-sizing:border-box}
.x-hdr a,.x-ftr a{text-decoration:none}
.x-hdr img,.x-ftr img{max-width:100%}
.x-hdr p,.x-ftr p{margin:0}
.x-drop[hidden]{display:none}
.x-wrap{width:100%;max-width:1248px;margin:0 auto;padding:0 clamp(16px,3.2vw,32px)}
/* header */
.x-hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #E6ECF3}
.x-hdr-in{max-width:1248px;margin:0 auto;height:72px;padding:0 clamp(16px,3.2vw,32px);display:flex;align-items:center;gap:20px}
.x-logo img{display:block;width:clamp(150px,13vw,196px);height:auto}
.x-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.x-navp{display:flex;align-items:center;gap:4px}
.x-navp a,.x-navp button{position:relative;display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 10px;border:0;background:transparent;color:#334155;font:600 14px Inter,sans-serif;white-space:nowrap;cursor:pointer;transition:color .15s}
.x-navp a::after,.x-navp button::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:3px;border-radius:3px;background:linear-gradient(100deg,#1B4FA6,#0055E9);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.x-navp a:hover,.x-navp button:hover,.x-navp .on{color:#1B4FA6}
.x-navp a:hover::after,.x-navp button:hover::after,.x-navp .on::after{transform:scaleX(1)}
.x-acts{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.x-btn-ghost{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:12px;color:#0B1B33;font-weight:600;font-size:14px}
.x-btn-ghost:hover{background:#F1F5F9;color:#0B1B33}
.x-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;background:linear-gradient(100deg,#1B4FA6,#0055E9);color:#fff;font-weight:600;font-size:14px;box-shadow:0 6px 16px rgba(0,85,233,.26)}
.x-btn:hover{color:#fff;filter:brightness(1.08)}
.x-fs{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 14px 0 7px;border-radius:13px;background:linear-gradient(100deg,#1B4FA6 0%,#0055E9 100%);color:#fff;box-shadow:0 6px 18px rgba(0,85,233,.28);transition:box-shadow .2s,filter .2s}
.x-fs:hover{color:#fff;filter:brightness(1.08);box-shadow:0 8px 22px rgba(0,85,233,.36)}
.x-fs .ic{width:32px;height:32px;flex-shrink:0;border-radius:10px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center}
.x-fs .t{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}
.x-fs small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#DCE8FF}
.x-fs small i,
.x-fs small em{width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.28)}
.x-fs b,
.x-fs strong{font-size:14px;font-weight:700}
.x-fs .go{color:#DCE8FF;margin-left:2px;transition:transform .2s}
.x-fs:hover .go{transform:translateX(2px)}
.x-drop-fs{grid-column:1/-1;margin-top:6px;padding:14px;border-radius:14px;background:#F4F7FB;border:1px solid #E6ECF3}
.x-drop-fs p{margin:0 0 10px;color:#5B6B82;font-size:13px}
.x-drop-fs p b,
.x-drop-fs p strong{display:block;color:#0B1B33;font-size:15px;margin-bottom:2px}
.x-drop-fs div{display:flex;flex-wrap:wrap;gap:8px}
.x-drop-in .x-drop-fs a{padding:0 18px}
.x-drop-fs .x-btn-line{background:#fff}
.x-btn-line{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid #CBD7E6;color:#0B1B33;font-weight:600;font-size:14px;background:transparent}
.x-btn-line:hover{border-color:#9FB6D6;background:#F7FAFE;color:#0B1B33}
@media (max-width:380px){.x-hdr-in{gap:10px}.hero-fs{font-size:13.5px}.x-logo img{width:136px}}
.x-burger{display:none;width:44px;height:44px;border:1px solid #DCE4EE;border-radius:12px;background:#fff;align-items:center;justify-content:center;cursor:pointer}
.x-drop{border-top:1px solid #E6ECF3;background:#fff}
.x-drop-in{max-width:1248px;margin:0 auto;padding:18px clamp(16px,3.2vw,32px) 22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 20px}
.x-drop-in a{padding:10px 12px;border-radius:10px;color:#0F172A;font-weight:600;font-size:14px}
.x-drop-in a:hover{background:#F1F5F9}
.x-drop-in small{display:block;font-weight:400;color:#5B6B82;font-size:13px;margin-top:2px}
.x-mob{display:none}
@media (max-width:1220px){.x-nav,.x-hide-tab{display:none!important}.x-burger{display:inline-flex}.x-mob{display:block}}
@media (max-width:520px){.x-hide-ph{display:none!important}.x-fs small{display:none}.x-fs .go{display:none}.x-fs{height:44px;padding-right:14px}}
.hero-links a,.x-ft-links a,.x-ft-brand a{display:inline-block;padding:5px 0}
.x-ft-links{gap:4px}
/* footer */
.x-ftr{background:#0B1B33;color:#B9C8E2;margin-top:clamp(56px,7vw,96px)}
.x-ft{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.3fr);gap:40px;padding-top:56px;padding-bottom:36px;font-size:14px}
.x-ft h3{margin:0 0 14px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.x-ft-links{display:flex;flex-direction:column;gap:10px}
.x-ft-links a{color:#B9C8E2}.x-ft-links a:hover{color:#fff}
.x-soc{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.x-soc a{display:inline-flex;width:40px;height:40px;border-radius:11px;align-items:center;justify-content:center;transition:filter .15s,transform .15s}
.x-soc a:hover{filter:brightness(1.1);transform:translateY(-2px)}
.x-ft-bot{border-top:1px solid rgba(255,255,255,.10);padding-top:12px;align-items:center;padding-bottom:26px;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;font-size:13px;color:#8FA3C4}
.x-ft-bot a{color:#B9C8E2;display:inline-block;padding:6px 0}.x-ft-bot a:hover{color:#fff}
@media (max-width:980px){.x-ft{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.x-ft-brand{grid-column:1/-1}}
@media (max-width:600px){.x-ft{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.x-ft-co{grid-column:1/-1}}
:root{--brand:linear-gradient(100deg,#1B4FA6,#0055E9);--blue:#1B4FA6}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){
@keyframes hdr-glass{to{background:rgba(255,255,255,.72);border-bottom-color:rgba(255,255,255,.6);box-shadow:0 8px 30px rgba(11,27,51,.12)}}
@keyframes hdr-low{to{height:60px}}
@keyframes logo-low{to{width:160px}}
@keyframes fs-low{to{height:40px}}
.x-hdr{animation:hdr-glass linear both;animation-timeline:scroll(root);animation-range:0 120px}
.x-hdr-in{animation:hdr-low linear both;animation-timeline:scroll(root);animation-range:0 120px}
.x-logo img{animation:logo-low linear both;animation-timeline:scroll(root);animation-range:0 120px}
.x-fs{animation:fs-low linear both;animation-timeline:scroll(root);animation-range:0 120px}
}}