:root{
  --blue:#1e4fa6;--blue2:#163c82;--gold:#f6b93b;
  --ink:#0f172a;--mut:#64708a;--faint:#94a0b8;--line:#e8ebf1;--line2:#dde1ea;--grey:#f6f7fb;--card:#fff;
  --max:1160px;--r:14px;--r-lg:18px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.03);
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:400 15px/1.6 var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:#d7e3f7;color:var(--ink)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

.crumb{display:flex;align-items:center;gap:7px;padding:26px 0 0;font-size:13px;font-weight:400;color:var(--faint)}
.crumb a{color:var(--faint);transition:color .15s}
.crumb a:hover{color:var(--blue)}
.crumb svg{width:13px;height:13px;color:#c4cadb;flex:0 0 auto}
.crumb b{color:var(--ink);font-weight:600}

.hero{padding:36px 0 4px}
.hero .kicker{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.hero .kicker i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.hero h1{font-size:clamp(30px,4.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-1px;color:var(--ink)}
.hero p{max-width:58ch;margin:16px 0 0;font-size:15.5px;line-height:1.65;color:var(--mut)}

.sec{padding:52px 0 0}
.sec__head{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.sec__head i{width:3px;height:18px;border-radius:2px;background:var(--gold);flex:0 0 auto}
.sec__head h2{font-size:18px;font-weight:600;letter-spacing:-.25px;color:var(--ink)}
.sec__head .cnt{font-size:12.5px;font-weight:600;color:var(--faint);background:var(--grey);border-radius:999px;padding:3px 10px;margin-left:2px}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{position:relative;display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;box-shadow:var(--shadow);transition:border-color .15s,background .15s}
.card:hover{border-color:var(--line2);background:#fdfdfe}
.card__ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--c,var(--blue));background:color-mix(in srgb,var(--c,var(--blue)) 13%,#fff)}
.card__t{min-width:0;flex:1}
.card__t b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.1px}
.card__t span{display:block;margin-top:2px;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__ar{flex:0 0 auto;width:15px;height:15px;color:var(--faint);opacity:0;transform:translate(-2px,2px);transition:opacity .15s,transform .15s}
.card:hover .card__ar{opacity:1;transform:none}

.band{margin-top:52px;padding:52px 0;background:var(--grey);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band .sec{padding:0}
.band:last-of-type{border-bottom:0}

.verify{display:flex;gap:14px;align-items:flex-start;margin:44px 0 68px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--grey));border-radius:var(--r-lg);padding:20px 22px}
.verify__ic{flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:rgba(30,79,166,.1);color:var(--blue);display:flex;align-items:center;justify-content:center}
.verify__ic svg{width:18px;height:18px}
.verify p{font-size:13.5px;line-height:1.65;color:var(--mut);padding-top:2px}
.verify b{color:var(--ink);font-weight:600}

.end{height:50px}

@media(max-width:1020px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.band{margin-top:40px;padding:40px 0}}
@media(max-width:520px){
  .wrap{padding:0 18px}
  .hero{padding:26px 0 4px}
  .sec{padding-top:38px}
  .sec__head{margin-bottom:14px}
  .grid{grid-template-columns:1fr;gap:10px}
  .card{padding:14px 15px}
  .card__ar{display:none}
  .verify{padding:17px 18px;margin:32px 0 50px;border-radius:16px}
}