.page-index__hero-section{ padding-top:0; margin-top:0; width:100%; overflow:hidden; }
.page-index__hero-image{ width:100%; height:auto; display:block; object-fit:cover; aspect-ratio:17/5; }

.page-index__logo-grid-section{ max-width:1200px; margin:16px auto 28px; padding:0 16px; }
.page-index__logo-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px 16px; justify-items:center; }
.page-index__logo-item{ display:flex; flex-direction:column; align-items:center; gap:12px; width:100%; max-width:280px; text-align:center; }
.page-index__logo-image{ width:100%; height:auto; aspect-ratio:2/1; object-fit:contain; display:block; }
.page-index__logo-cta{ display:inline-block; padding:10px 22px; border-radius:999px; background:linear-gradient(180deg, #2B73F6 0%, #1144A6 100%); color:#fff; font-weight:700; text-decoration:none; border:1px solid #4FA8FF; box-shadow:0 4px 14px rgba(79, 168, 255, 0.3); }
.page-index__logo-item:nth-child(5){ grid-column:2; }
.page-index__logo-item:nth-child(6){ grid-column:3; }

.page-index__guide-inner{ max-width:1000px; margin:0 auto; padding:16px 16px 48px; color:#08162B; }
.page-index__guide-title{ text-align:center; color:#113B7A; margin:12px 0 20px; font-weight:800; line-height:1.2; }
.page-index__guide-section h2{ color:#113B7A; font-size:1.5rem; margin:1.5em 0 .8em; line-height:1.2; }
.page-index__guide-section h3{ color:#1D5FD1; font-size:1.2rem; margin:1.2em 0 .6em; line-height:1.2; }
.page-index__guide-section p{ font-size:1rem; line-height:1.75; color:#08162B; margin-bottom:16px; max-width:100%; }
.page-index__guide-section ul, .page-index__guide-section ol{ margin:0 0 16px 20px; line-height:1.75; color:#08162B; }
.page-index__guide-section li{ margin:4px 0; color:#08162B; }
.page-index__guide-section a{ color:#1D5FD1; font-weight:600; }
.page-index__guide-figure{ margin:24px auto; text-align:center; max-width:800px; }
.page-index__guide-figure img{ width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; display:block; border-radius:8px; border:1px solid #1B3357; }
.page-index__guide-figure figcaption{ font-size:.9rem; color:#244D84; margin-top:8px; font-style:italic; }
.page-index__faq-item{ border:1px solid #244D84; border-radius:8px; padding:12px 16px; margin:10px 0; background:#fff; }
.page-index__faq-item summary{ font-weight:600; cursor:pointer; color:#113B7A; }
.page-index__faq-item p{ margin:8px 0 0; line-height:1.6; }

@media (max-width: 768px){
  .page-index__hero-image{ aspect-ratio:2/1; }
  .page-index__logo-grid{ grid-template-columns:repeat(2, 1fr); gap:12px; }
  .page-index__logo-item:nth-child(5),
  .page-index__logo-item:nth-child(6){ grid-column:auto; }
  .page-index__guide-title{ font-size:1.35rem; }
  .page-index__guide-section h2{ font-size:1.25rem; }
  .page-index__guide-section h3{ font-size:1.1rem; }
  .page-index img{ max-width:100% !important; height:auto !important; }
  .page-index__logo-cta{ max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; }
  .page-index__guide-inner{ padding:8px 12px 32px; }
}