.home-about { padding: 48px 0 64px; color: #243453; }
.home-about-heading { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 24px; color: #374785; font-size: 15px; font-weight: 700; }
.home-about-heading span { display: grid; place-items: center; width: 32px; height: 32px; background: #e9eefb; border-radius: 10px; }
.home-about .home-about-panel { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(240px, 1fr); gap: 48px; align-items: center; padding: 48px; border: 1px solid #d9eaf2; border-radius: 32px; background: linear-gradient(135deg, #f6fbfe 0%, #eef8fc 58%, #dcedf8 100%); }
.home-about h2 { color: #293c78; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.65; font-weight: 800; margin: 0 0 20px; }
.home-about-intro { font-size: 15px; line-height: 2; margin: 0 0 26px; color: #43516a; }
.home-about-features { list-style: none; margin: 0 0 30px; padding: 0; display: grid; gap: 18px; }
.home-about-features li { display: flex; gap: 14px; align-items: flex-start; }
.home-about-features p { font-size: 14px; line-height: 1.95; margin: 0; color: #43516a; }
.home-about-features strong { color: #25375d; font-weight: 700; }
.home-about-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 13px; color: #3c5b9c; background: #e2eaf9; }
.home-about-icon-green { color: #167b6b; background: #dbf1ea; }
.home-about-icon svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.home-about-actions { display: grid; gap: 12px; justify-items: start; }
.home-about .home-about-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 22px; min-height: 56px; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1.8; text-decoration: none; transition: background-color .2s, box-shadow .2s; text-align: center; }
.home-about .home-about-primary { background: #374785; color: #fff; border: 1px solid #374785; box-shadow: 0 6px 16px #37478520; }
.home-about .home-about-primary:hover { background: #293868; border-color: #293868; }
.home-about .home-about-secondary { color: #374785; border: 1px solid #8293bc; background: #ffffff9e; }
.home-about .home-about-secondary:hover { background: #e4ecfa; }
.home-about .home-about-button:focus-visible { outline: 3px solid #168374; outline-offset: 4px; }
.home-about-visual { position: relative; display: grid; place-items: center; isolation: isolate; }
.home-about-visual img { position: relative; max-width: 100%; width: 300px; height: auto; filter: drop-shadow(0 20px 20px #3747850b); }
.home-about-orbit { position: absolute; width: 320px; max-width: 110%; aspect-ratio: 1; border-radius: 50%; background: #ffffff78; border: 1px solid #ffffffb0; z-index: -1; }
#home-center-finder { scroll-margin-top: 100px; }
@media (max-width: 991px) {
    .home-about .home-about-panel { grid-template-columns: minmax(0, 1fr); padding: 32px; gap: 24px; }
    .home-about-visual { display: none; }
    .home-about-actions { grid-template-columns: 1fr 1fr; align-items: stretch; justify-items: stretch; }
}
@media (max-width: 575px) {
    .home-about { padding: 28px 0 36px; }
    .home-about .home-about-panel { padding: 26px 20px; border-radius: 24px; }
    .home-about h2 { font-size: 23px; line-height: 1.75; margin-bottom: 16px; }
    .home-about-intro { font-size: 14px; margin-bottom: 24px; }
    .home-about-features { gap: 20px; margin-bottom: 26px; }
    .home-about-features li { gap: 10px; }
    .home-about-icon { flex-basis: 36px; height: 36px; border-radius: 11px; }
    .home-about-features p { font-size: 13px; }
    .home-about-actions { grid-template-columns: 1fr; }
    .home-about .home-about-button { padding: 14px 12px; font-size: 13px; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .home-about .home-about-button { transition: none; } }

.home-about > .my-container { max-width: 1280px; margin-inline: auto; }
#home-about { scroll-margin-top: 80px; }