*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.xokp-body{font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:#f2f6fa;color:#0f243a;
line-height:1.75}
a{color:inherit;text-decoration:none}
.xokp-container{max-width:1080px;margin:0 auto;padding:0 24px}
.xokp-narrow{max-width:740px}
.xokp-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);
backdrop-filter:blur(10px);border-bottom:1px solid #d1dfed}
.xokp-nav .xokp-container{display:flex;align-items:center;height:66px}
.xokp-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px}
.xokp-logo img{border-radius:8px}
.xokp-navlinks{margin-left:auto;display:flex;align-items:center;gap:24px;
color:#265c92}
.xokp-navlinks a:hover{color:#2d6eae}
.xokp-cta{background:linear-gradient(135deg,#2d6eae,#659fd7);color:#fff;
padding:11px 24px;border-radius:999px;font-weight:700}
.xokp-hero{padding:80px 0;
background:linear-gradient(160deg,#a0bedb,#d5e2ef 55%,#f2f6fa)}
.xokp-hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;
align-items:center}
.xokp-badge{display:inline-block;background:#ffffff;color:#2d6eae;
padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700}
.xokp-hero h1{font-size:clamp(32px,5vw,50px);font-weight:900;margin:16px 0}
.xokp-hero p{max-width:520px;color:#265c92}
.xokp-hero-dl{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.xokp-hdl{display:inline-flex;align-items:center;padding:13px 24px;
border-radius:16px;background:#2d6eae;color:#fff;font-weight:700;
font-size:15.5px;transition:.15s}
.xokp-hdl:hover{transform:translateY(-2px);background:#659fd7;color:#0f243a}
.xokp-hero-card{background:#ffffff;border-radius:26px;padding:34px;
text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.10)}
.xokp-mini{display:flex;justify-content:space-around;margin-top:18px;
border-top:1px solid #d1dfed;padding-top:16px}
.xokp-mini b{display:block;font-size:22px;color:#2d6eae;font-weight:900}
.xokp-mini span{font-size:12px;color:#265c92}
.xokp-sec{padding:70px 0}
.xokp-band{padding:70px 0;background:#e2ebf4}
.xokp-h2{text-align:center;font-size:clamp(24px,3.4vw,33px);font-weight:800}
.xokp-lead{text-align:center;color:#265c92;margin-top:10px}
.xokp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
margin-top:42px}
.xokp-card{background:#ffffff;border:1px solid #d1dfed;
border-radius:20px;padding:28px;box-shadow:0 8px 26px rgba(0,0,0,.05);
transition:.2s}
.xokp-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.10)}
.xokp-card h3{font-size:19px}
.xokp-card p{color:#265c92;margin-top:6px;font-size:15px}
.xokp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.xokp-step{background:#ffffff;border:1px solid #d1dfed;
border-radius:16px;padding:26px;text-align:center}
.xokp-step span{display:inline-flex;width:44px;height:44px;border-radius:50%;
background:linear-gradient(135deg,#2d6eae,#659fd7);color:#fff;font-weight:900;
align-items:center;justify-content:center;font-size:18px}
.xokp-step h3{margin:12px 0 6px;font-size:17px}
.xokp-step p{color:#265c92;font-size:14px}
.xokp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
margin-top:36px}
.xokp-chip{background:#ffffff;border:1px solid #d1dfed;padding:11px 20px;
border-radius:999px;font-weight:600}
.xokp-chip b{color:#2d6eae}
.xokp-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.xokp-dlcard{display:block;text-align:center;background:#ffffff;
border:1px solid #d1dfed;border-radius:16px;padding:30px 16px;
transition:.2s;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.xokp-dlcard:hover{transform:translateY(-5px);border-color:#2d6eae;
box-shadow:0 16px 40px rgba(0,0,0,.10)}
.xokp-dlcard h3{margin:10px 0 4px}
.xokp-dlmeta{color:#265c92;font-size:13px}
.xokp-faq{margin-top:32px}
.xokp-faq details{background:#ffffff;border:1px solid #d1dfed;
border-radius:12px;padding:2px 22px;margin-bottom:14px}
.xokp-faq summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none}
.xokp-faq summary::-webkit-details-marker{display:none}
.xokp-faq p{color:#265c92;padding-bottom:18px}
.xokp-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.xokp-quote{background:#ffffff;border:1px solid #d1dfed;
border-radius:20px;padding:24px;margin:0;font-size:14.5px}
.xokp-quote span{display:block;margin-top:10px;font-size:12.5px;color:#265c92}
.xokp-flinks{background:#d5e2ef;padding:34px 0;text-align:center}
.xokp-flinks h2{font-size:15px;color:#265c92;margin-bottom:14px;font-weight:600}
.xokp-flinks-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
.xokp-flinks-list a{color:#2d6eae;font-size:14px}
.xokp-flinks-list a:hover{text-decoration:underline}
.xokp-ft{background:#0f243a;color:rgba(255,255,255,.75);padding:32px 0;
text-align:center}
.xokp-ft-brand{display:flex;align-items:center;justify-content:center;gap:8px;
font-weight:800;color:#fff;margin-bottom:8px}
.xokp-ft a{color:#fff;opacity:.8;margin:0 9px;font-size:13.5px}
.xokp-ft-copy{font-size:13px;opacity:.8;margin-top:8px}
.xokp-doc{padding:70px 0;max-width:70ch}
.xokp-doc h1{font-size:32px;font-weight:900;margin-bottom:18px}
.xokp-doc h2{font-size:18px;font-weight:800;margin:24px 0 6px}
.xokp-doc p{color:#265c92;margin-bottom:12px}
@media(max-width:860px){
.xokp-cards,.xokp-steps,.xokp-dl,.xokp-quotes{grid-template-columns:1fr 1fr}
.xokp-hero-in{grid-template-columns:1fr}
.xokp-hero-card{display:none}
.xokp-navlinks{display:none}
}
@media(max-width:520px){
.xokp-cards,.xokp-steps,.xokp-dl,.xokp-quotes{grid-template-columns:1fr}
}