.ud-page{background:#f4f8fb}.ud-hero{color:#fff;background:linear-gradient(120deg,#06264f,#0a4f93 60%,#0789bd);padding:46px 0 54px}.ud-hero h1{margin:12px 0 8px;font-size:clamp(28px,4vw,40px)}.ud-hero p{color:#d6ebf8;max-width:620px;margin:0;line-height:1.8}.ud-kind{background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.ud-body{gap:34px;padding-block:34px 70px;display:grid}.ud-body h2{color:var(--navy-dark);margin:0 0 14px;font-size:20px}.ud-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ud-card{min-height:118px;color:var(--navy-dark);background:#fff;border:1px solid #dbe8f2;border-radius:16px;align-content:start;gap:6px;padding-block:18px;padding-inline:18px 44px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.ud-card:hover{border-color:var(--cyan);box-shadow:0 12px 30px #0b42751a}.ud-card .gname{color:var(--navy);font-size:13px}.ud-card strong{font-size:16px}.ud-card small{color:var(--muted);font-size:13px;line-height:1.6}.ud-card>svg:last-child{inset-inline-end:16px;color:#9fb8cb;position:absolute;bottom:18px}.ud-card-brand .gname{font-size:17px}.ud-alert{background:#fff7e6;border:1px solid #f2d9a2;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:18px 20px;display:flex}.ud-alert p{color:#6b5320;flex:1;min-width:220px;margin:0}.ud-alert a{color:var(--navy);align-items:center;gap:6px;font-weight:800;display:inline-flex}@media (max-width:900px){.ud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ud-grid{grid-template-columns:1fr}.ud-card{min-height:0}}.pro-kind{margin-top:30px}.pro-kind h2{color:var(--navy-dark);margin:0 0 14px;font-size:20px}