.sk-feature-page .page-header { background:linear-gradient(135deg,#f6f8ff 0%,#ffffff 72%); }
.sk-feature-page .page-header .row { min-height:420px; }
.sk-feature-page .page-header .heading-wrapper { max-width:none; }
.sk-feature-page .page-header .image-wrapper { padding:24px; }
.sk-feature-page .page-header .sk-topic-art { filter:drop-shadow(0 22px 34px rgba(32,63,54,.14)); }
.sk-feature-page .sk-feature-intro { max-width:780px; margin:0 auto 44px; text-align:center; }
.sk-feature-page .sk-feature-intro .sk-overline { color:#b7d8ff; }
.sk-feature-page .sk-core-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sk-feature-page .sk-core-card { display:flex; gap:18px; min-height:100%; padding:26px; border:1px solid rgba(220,227,213,.2); border-radius:16px; background:#ffffff; color:#485974; }
.sk-feature-page .sk-core-card .sk-module-icon { flex:0 0 58px; }
.sk-feature-page .sk-core-card .sk-module-vector { width:58px; height:58px; }
.sk-feature-page .dark-bg .sk-core-card h3 { color:#291fbc; font-size:19px; margin:2px 0 10px; letter-spacing:-.02em; }
.sk-feature-page .dark-bg .sk-core-card p { color:#485974; font-size:14px; margin:0; }
.sk-feature-page .sk-advanced-section { position:relative; overflow:hidden; background:#f6f8ff; }
.sk-feature-page .sk-advanced-section:before { content:""; position:absolute; width:420px; height:420px; border:1px solid #cbd8ee; border-radius:50%; top:-280px; right:-120px; }
.sk-feature-page .sk-advanced-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); align-items:end; gap:40px; margin-bottom:42px; }
.sk-feature-page .sk-advanced-head h2 { max-width:650px; font-size:clamp(32px,4vw,52px); margin:8px 0 0; }
.sk-feature-page .sk-advanced-head p { margin:0; font-size:16px; }
.sk-feature-page .sk-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sk-feature-page .sk-module-card { display:grid; grid-template-columns:72px minmax(0,1fr); gap:18px; align-items:center; min-height:148px; padding:24px; background:#ffffff; border:1px solid #dce3f4; border-radius:16px; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.sk-feature-page .sk-module-card:hover { transform:translateY(-3px); border-color:#a9c3ed; box-shadow:0 16px 30px rgba(32,63,54,.09); }
.sk-feature-page .sk-module-icon { display:grid; place-items:center; }
.sk-feature-page .sk-module-vector { width:72px; height:72px; display:block; }
.sk-feature-page .sk-module-card__number { display:block; margin-bottom:5px; color:#3e81e5; font-size:10px; font-weight:700; letter-spacing:.12em; }
.sk-feature-page .sk-module-card h3 { font-size:18px; line-height:1.3; margin:0 0 7px; }
.sk-feature-page .sk-module-card p { margin:0; font-size:13px; line-height:1.55; }
.sk-feature-page .sk-advanced-cta { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:32px; padding:28px 32px; border-radius:16px; background:#291fbc; color:#dbe7ff; }
.sk-feature-page .sk-advanced-cta strong { display:block; color:#ffffff; font-size:19px; margin-bottom:4px; }
.sk-feature-page .sk-advanced-cta p { margin:0; font-size:14px; }
.sk-feature-page .sk-advanced-cta .btn { background:#b7d8ff; color:#291fbc; white-space:nowrap; }
@media(max-width:991px) { .sk-feature-page .sk-core-grid,.sk-feature-page .sk-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sk-feature-page .sk-advanced-head { grid-template-columns:1fr; gap:18px; } }
@media(max-width:767px) { .sk-feature-page .page-header .row { min-height:0; } .sk-feature-page .page-header .image-wrapper { padding:0 0 24px; } .sk-feature-page .sk-advanced-cta { align-items:flex-start; flex-direction:column; } }
@media(max-width:575px) { .sk-feature-page .sk-core-grid,.sk-feature-page .sk-module-grid { grid-template-columns:1fr; } .sk-feature-page .sk-core-card { padding:22px; } .sk-feature-page .sk-module-card { grid-template-columns:64px minmax(0,1fr); min-height:132px; padding:20px; } .sk-feature-page .sk-module-vector { width:64px; height:64px; } .sk-feature-page .sk-advanced-cta,.sk-feature-page .sk-advanced-cta .btn { width:100%; } }
@media(prefers-reduced-motion:reduce) { .sk-feature-page .sk-module-card { transition:none; } }
