.page-index{background:#F4F7FB;color:#1F2D3D}.page-index__hero-section{background:#f5f7fa;padding-top:0;margin-top:0}
.page-index__hero-container{max-width:1200px;margin:0 auto}
.page-index__hero-link{display:block;text-decoration:none}
.page-index__hero-image{width:100%;max-width:1200px;height:auto;display:block;object-fit:cover;aspect-ratio:17/5;margin:0 auto;border:none}

.page-index__logo-grid-section{max-width:1200px;margin:0 auto;padding:12px 16px;box-sizing:border-box}
.page-index__logo-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px 16px;justify-items:center;margin:0 auto}
.page-index__logo-item{display:flex;flex-direction:column;align-items:center;width:100%;background:#fff;border:1px solid #e6e9eb;border-radius:12px;padding:16px;box-sizing:border-box;transition:transform .2s ease, box-shadow .2s ease;text-align:center;max-width:280px}
.page-index__logo-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.page-index__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain;display:block;margin-bottom:16px}
.page-index__logo-cta{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:120px;padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(90deg,#2250a8,#2F6BFF);color:#fff;font-size:16px;font-weight:600;font-family:'Segoe UI',system-ui,sans-serif;cursor:pointer;text-decoration:none;word-wrap:break-word;white-space:normal;box-shadow:0 4px 12px rgba(47,107,255,.3)}
.page-index__logo-cta:hover{background:#2250a8;transform:translateY(-1px)}

.page-index__logo-item:nth-child(5){grid-column:2}
.page-index__logo-item:nth-child(6){grid-column:3}

.page-index__guide-section{background:#fff;margin-top:16px}
.page-index__guide-inner{max-width:1100px;margin:0 auto;padding:24px 16px 64px;box-sizing:border-box;border-radius:4px}
.page-index__guide-title{text-align:center;color:#0477db;margin:12px 0 16px;font-size:1.8rem;line-height:1.3;letter-spacing:-.02em;font-weight:700}
.page-index__guide-intro{font-size:1.05rem;line-height:1.8;color:#1F2D3D;text-align:center;max-width:900px;margin:0 auto 32px}
.page-index__guide-section h2{font-size:1.6rem;color:#0477db;margin:48px 0 16px;line-height:1.4}
.page-index__guide-section h3{font-size:1.25rem;color:#1F2D3D;margin:24px 0 8px;line-height:1.4}
.page-index__guide-section p{font-size:1rem;line-height:1.8;color:#333;margin-bottom:16px}
.page-index__guide-figure{display:flex;flex-direction:column;align-items:center;margin:32px auto;border:none}
.page-index__guide-figure img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;max-width:100%;display:block;border-radius:8px}
.page-index__guide-figure figcaption{font-size:.9rem;color:#666;margin-top:8px;text-align:center}
.page-index__guide-section a{color:#2F6BFF;text-decoration:underline;font-weight:600}
.page-index__guide-section a:hover{color:#2250a8}
.page-index__guide-inner ul,.page-index__guide-inner ol{padding-left:24px;margin-bottom:24px}
.page-index__guide-inner ul li,.page-index__guide-inner ol li{margin-bottom:8px;line-height:1.6;padding-bottom:8px}
.page-index__guide-inner li{border:none;background:transparent}
.page-index__guide-steps{list-style:none;counter-reset:steps;padding-left:0}
.page-index__guide-steps li{counter-increment:steps;position:relative;padding-left:44px;line-height:1.7;margin-bottom:12px}
.page-index__guide-steps li::before{content:counter(steps);position:absolute;left:0;top:4px;width:28px;height:28px;border-radius:50%;background:#2F6BFF;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}

@media (max-width: 768px) {
  .page-index__hero-image{aspect-ratio:2/1;max-width:100%}
  .page-index__hero-container{max-width:100%;padding:0}
  .page-index__logo-grid{grid-template-columns:repeat(2, 1fr);gap:12px}
  .page-index__logo-item{max-width:100%;padding:12px}
  .page-index__logo-item:nth-child(5),.page-index__logo-item:nth-child(6){grid-column:auto}
  .page-index__guide-inner{padding:16px 12px 48px}
  .page-index__guide-title{font-size:1.4rem}
  .page-index__guide-intro{font-size:1rem;margin-bottom:20px}
  .page-index__guide-section h2{font-size:1.3rem;margin:32px 0 12px}
  .page-index__guide-figure{margin:24px -12px}
  .page-index__guide-figure img{max-width:100% !important;height:auto !important}
  .page-index *, .page-index *::before, .page-index *::after{box-sizing:border-box}
  .page-index__logo-cta{width:auto}
  .page-index__hero-section{overflow:hidden}
  .page-index img{max-width:100% !important;height:auto !important}
  .page-index__logo-grid-section{overflow:hidden;width:100%;box-sizing:border-box}
  .page-index__guide-section h3{font-size:1.1rem}
  .page-index__guide-figure figcaption{font-size:.8rem}
  .page-index__guide-steps li::before{width:24px;height:24px}
  .page-index__guide-section a{word-break:break-word}
  .page-index__guide-inner ul,.page-index__guide-inner ol{overflow-wrap:break-word}
}