:root{--blue:#0072BF;--blue-deep:#005A99;--blue-soft:#AAD8FF;--blue-tint:#e6f2fb;--blue-pale:#f0f8ff;--navy:#0d2d52;--navy-deep:#0a2440;--off:#f7fafc;--grey-lt:#eef1f4;--grey-mid:#d1d8e0;--body:#2e3744;--muted:#6b7585;--green:#1a7a40;--green-bg:#e8f8ef;--fd:'Sora',sans-serif;--fb:'IBM Plex Sans',sans-serif;--fm:'Public Sans',sans-serif;--fs:'Instrument Serif',serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#e8eaee}
img{max-width:100%;display:block}
a{text-decoration:none;color:var(--blue)}
a:hover{color:var(--blue-deep)}
.frame{position:absolute;width:1440px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 30px 90px rgba(13,45,82,.20);font-family:var(--fb);color:var(--body);line-height:1.6;font-size:16px}
.clabel{position:absolute;font-family:var(--fm);font-size:15px;font-weight:600;color:#3d4654;letter-spacing:.02em;display:flex;align-items:baseline;gap:12px}
.clabel b{font-family:var(--fd);font-weight:700;color:#0d2d52}
.clabel span{font-weight:400;color:#78818f;font-size:13.5px}
.ctitle{position:absolute;font-family:var(--fd);font-weight:800;color:#0d2d52;letter-spacing:-.03em}
.ctitle h1{font-size:40px;margin-bottom:6px}
.ctitle p{font-family:var(--fb);font-weight:400;font-size:16px;color:#5b6472;letter-spacing:0;max-width:820px}
.cdivider{position:absolute;font-family:var(--fd);font-size:26px;font-weight:700;color:#0d2d52;letter-spacing:-.02em}
.cdivider small{display:block;font-family:var(--fb);font-weight:400;font-size:14px;color:#78818f;margin-top:4px;letter-spacing:0}
.wnav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#fff;border-bottom:1px solid var(--grey-lt);position:sticky;top:0;z-index:50}
.wnav .nlogo img{height:38px;width:auto}
.wnav ul{display:flex;align-items:center;gap:4px;list-style:none}
.wnav ul a{font-size:14px;font-weight:500;color:var(--body);padding:8px 13px;border-radius:8px}
.wnav ul a:hover{background:var(--blue-tint);color:var(--blue)}
.wnav .ncta{display:flex;align-items:center;gap:18px}
.wnav .nphone{font-family:var(--fd);font-size:14px;font-weight:600;color:var(--navy)}
.wnav.dark{background:rgba(10,36,64,.5);border-bottom:1px solid rgba(255,255,255,.09)}
.wnav.dark ul a{color:rgba(255,255,255,.75)}
.wnav.dark ul a:hover{background:rgba(255,255,255,.08);color:#fff}
.wnav.dark .nphone{color:var(--blue-soft)}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fb);font-weight:600;border-radius:10px;padding:12px 26px;font-size:15px;cursor:pointer;border:none;transition:all .18s}
.b-p{background:var(--blue);color:#fff;box-shadow:0 4px 16px rgba(0,114,191,.25)}
.b-p:hover{background:var(--blue-deep);transform:translateY(-1px);color:#fff}
.b-o{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}
.b-o:hover{background:var(--blue-tint);color:var(--blue-deep)}
.b-w{background:#fff;color:var(--navy)}
.b-w:hover{background:var(--blue-tint);color:var(--navy)}
.b-g{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.b-g:hover{background:rgba(255,255,255,.2);color:#fff}
.b-lg{padding:15px 34px;font-size:16px;border-radius:12px}
.eyeb{font-family:var(--fm);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:18px}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.3)}}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
