.inner-hero { padding: 155px 0 90px; color: #fff; background: radial-gradient(circle at 80% 20%, rgba(61,178,241,.2), transparent 24%), linear-gradient(130deg,#071d32,#0a365b); }
.inner-hero .eyebrow { color: #71ceff; }
.inner-hero h1 { max-width: 850px; color: #fff; font-size: clamp(36px,5vw,58px); }
.inner-hero p { max-width: 720px; margin: 24px 0 30px; color: #b9cad7; font-size: 17px; }
.breadcrumbs { margin-bottom: 28px; color: #81a0b7; font-size: 11px; }
.breadcrumbs a { color: #8ed6ff; }
.content-section { padding: 85px 0; }
.content-grid { display: grid; grid-template-columns: 1fr .62fr; gap: 75px; align-items: start; }
.content-main h2 { margin-bottom: 18px; font-size: clamp(28px,3vw,40px); }
.content-main h3 { margin: 32px 0 10px; font-size: 20px; }
.content-main p { color: #5e7285; }
.benefit-list { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; padding: 0; margin: 28px 0; list-style: none; }
.benefit-list li { padding: 14px; border: 1px solid #dfe8ef; border-radius: 10px; color: #36536c; background: #f8fafc; font-size: 13px; font-weight: 600; }
.benefit-list li::before { content: "✓"; margin-right: 8px; color: #16a465; }
.side-card { position: sticky; top: 105px; padding: 27px; border: 1px solid #dce6ee; border-radius: 16px; background: #f4f8fb; }
.side-card h2 { font-size: 23px; }
.side-card p { color: #65798a; font-size: 13px; }
.side-card .button { width: 100%; margin-top: 8px; }
.related { padding: 70px 0; background: #f4f7fa; }
.related h2 { margin-bottom: 24px; font-size: 30px; }
.related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.related-grid a { padding: 20px; border: 1px solid #dce6ed; border-radius: 12px; background: white; font-weight: 700; color: #24445f; }
.related-grid a:hover { color: var(--blue); }
@media(max-width:880px){body:has(.inner-hero) .main-nav{display:none}.content-grid{grid-template-columns:1fr}.side-card{position:static}.related-grid{grid-template-columns:1fr}.inner-hero{padding-top:125px}.benefit-list{grid-template-columns:1fr}}