@import url(https://fonts.googleapis.com/css2?family=Varela+Round:wght@400;700&display=swap);.hi-steps{--blue-1:#0D1458;--blue-2:#0054A4;--ink:#0D1458;--muted:#6b7280;--card:#ffffff;--panel:#f7f9fc;--shadow:0 10px 28px rgba(13, 20, 88, 0.12);font-family:'Varela Round',sans-serif;color:var(--ink);border-radius:22px;padding:clamp(28px, 4vw, 56px);background:radial-gradient(900px 360px at 90% -120px,rgb(0 84 164 / .1),transparent 60%),radial-gradient(780px 300px at -60% 120%,rgb(13 20 88 / .08),transparent 55%),var(--panel)}.hi-steps h2{margin:0;text-align:center;font-size:clamp(26px, 3.4vw, 40px);font-weight:900;background:linear-gradient(90deg,var(--blue-1),var(--blue-2));-webkit-background-clip:text;background-clip:text;color:#fff0;text-shadow:0 1px 0 rgb(255 255 255 / .15),0 8px 20px rgb(13 20 88 / .1)}.hi-steps .sub{text-align:center;margin:8px 0 34px;color:var(--muted);font-size:clamp(16px, 2.2vw, 20px)}.hi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px, 2vw, 22px);list-style:none;padding:0;margin:0 auto;justify-content:center;align-items:center;text-align:center}@media (max-width:1024px){.hi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hi-steps{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:16px;padding-right:16px;border-radius:0;box-sizing:border-box}.hi-grid{grid-template-columns:1fr;gap:20px;width:100%}.hi-card{width:100%;border-radius:20px;padding:26px 20px;margin:0 auto}}.hi-card{background:var(--card);border-radius:20px;padding:28px 24px 24px;position:relative;box-shadow:var(--shadow);border:1px solid #fff0;background-image:linear-gradient(#ffffff,#ffffff),linear-gradient(120deg,var(--blue-2),var(--blue-1));background-origin:border-box;background-clip:padding-box,border-box;transition:transform 0.25s ease,box-shadow 0.25s ease;margin-left:auto;margin-right:auto}.hi-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgb(0 84 164 / .22)}.hi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hi-num{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff;background:linear-gradient(180deg,var(--blue-2),var(--blue-1));box-shadow:inset 0 1px 0 rgb(255 255 255 / .45),0 8px 18px rgb(0 84 164 / .28)}.hi-icon{width:65px;height:65px;border-radius:16px;background:#f9fbff;display:grid;place-items:center;border:1px solid #e6ecff;box-shadow:inset 0 1px 0 rgb(255 255 255 / .6)}.hi-icon svg{width:36px;height:36px;stroke:var(--blue-1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hi-icon .b1{fill:var(--blue-1)}.hi-icon .b2{fill:var(--blue-2)}.hi-card h3{margin:6px 0;font-size:18px;font-weight:800;color:var(--blue-1);text-align:center}.hi-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.7;text-align:center}.hi-cta{margin:clamp(24px, 4vw, 40px) auto 0;display:flex;justify-content:center}.hi-cta a{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;text-decoration:none;color:#fff;font-weight:800;background:linear-gradient(180deg,var(--blue-2),var(--blue-1));box-shadow:inset 0 1px 0 rgb(255 255 255 / .35),0 10px 24px rgb(0 84 164 / .28);transition:transform 0.2s ease,box-shadow 0.2s ease}.hi-cta a:hover{transform:translateY(-2px)}