.hp-hero{background:linear-gradient(115deg,#eef5fc,#fff);padding:64px 0 44px;border-bottom:1px solid #dce6ef}.hp-hero span{color:#1767a5;font-size:17px;letter-spacing:.12em}.hp-hero h1{font-size:clamp(32px,4vw,48px);margin:12px 0 22px;color:#123755}.hp-hero p{max-width:920px;font-size:19px;line-height:1.9;color:#40586d}.hp-content{padding-bottom:64px}.hp-index{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #dce6ef;margin:32px 0 48px;background:#fff}.hp-index a{padding:22px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:18px;color:#123755;border-right:1px solid #dce6ef;text-decoration:none}.hp-index a:last-child{border:0}.hp-index span{width:100%;color:#1767a5;font-size:17px}.hp-index b{font-size:17px;color:#61778a;font-weight:400}.hp-index a:hover{background:#eef5fc}.hp-group{scroll-margin-top:110px;margin-top:48px}.hp-heading{display:flex;gap:18px;align-items:flex-start;border-bottom:1px solid #cbdbe8;padding-bottom:20px;margin-bottom:24px}.hp-number{color:#1767a5;font-size:26px;line-height:1.4}.hp-heading h2{font-size:27px;line-height:1.4;margin:0 0 8px;color:#123755}.hp-heading p{font-size:17px;line-height:1.7;color:#52687b;margin:0}.hp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.hp-card{min-width:0;border:1px solid #dce6ef;background:#fff;overflow:hidden;border-radius:6px}.hp-image{display:flex;align-items:center;justify-content:center;width:100%;height:180px;padding:16px;border:0;background:#f3f6f9;cursor:zoom-in}.hp-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.hp-image:hover img{transform:scale(1.035)}.hp-card h3{font-size:17px;line-height:1.65;font-weight:600;margin:0;padding:17px 18px 20px;color:#173c59;overflow-wrap:anywhere}.hp-dialog{width:min(1100px,94vw);max-height:94vh;padding:20px;border:0;border-radius:8px;background:#fff}.hp-dialog::backdrop{background:#0d2039cc}.hp-dialog>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.hp-dialog h2{font-size:19px;line-height:1.5}.hp-dialog button{min-width:48px;min-height:48px;font-size:17px;border:1px solid #bacbd9;background:white;border-radius:4px;cursor:pointer}.hp-dialog>img{display:block;max-width:100%;height:auto;max-height:76vh;object-fit:contain;margin:auto}body:has(.hp-dialog[open]){overflow:hidden}.hp-image:focus-visible,.hp-index a:focus-visible,.hp-dialog button:focus-visible{outline:3px solid #146db2;outline-offset:3px}@media(max-width:1100px){.hp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-index{grid-template-columns:repeat(3,1fr)}.hp-index a{border-bottom:1px solid #dce6ef}}@media(max-width:760px){.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hp-index{grid-template-columns:repeat(2,1fr);margin:24px 0}.hp-hero{padding:36px 0 28px}.hp-hero p{font-size:17px}.hp-heading h2{font-size:23px}.hp-group{margin-top:36px}.hp-image{height:158px;padding:12px}.hp-card h3{padding:14px;font-size:17px}}@media(max-width:420px){.hp-grid{grid-template-columns:1fr}.hp-image{height:180px}.hp-index a{font-size:17px;padding:16px 12px}}@media(prefers-reduced-motion:reduce){.hp-image img{transition:none}}
