.impact-preview { padding: 72px 0 94px; }
.impact-preview-shell { position: relative; overflow: hidden; padding: clamp(32px, 5vw, 72px); border: 1px solid #4c718066; border-radius: 30px; background: radial-gradient(circle at 96% 0, #235f79 0, transparent 38%), radial-gradient(circle at 18% 95%, #174b64 0, transparent 42%), #10283c; color: #fff; box-shadow: 0 28px 68px #10283c25; }
.impact-preview-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: center; gap: clamp(32px, 5vw, 72px); }
.impact-preview-main > span { display: block; color: #9ce5f1; font-size: .73rem; font-weight: 800; letter-spacing: .16em; }
.impact-preview-main h2 { max-width: 740px; margin: 19px 0 0; color: #fff !important; font-size: clamp(2.3rem, 3.5vw, 3.7rem); line-height: 1.08; letter-spacing: -.045em; }
.impact-preview-main > p:first-of-type { max-width: 670px; margin-top: 21px; color: #d0e1e9; font-size: 1.08rem; line-height: 1.7; }
.impact-preview-main > p:last-of-type { margin-top: 17px; color: #a9c3cf; font-size: .82rem; }
.impact-preview-cta { display: inline-flex; align-items: center; margin-top: 28px; padding: 14px 21px; border-radius: 999px; background: #d9f5fa; color: #15344a; font-weight: 750; text-decoration: none; transition: background .2s, transform .2s; }
.impact-preview-cta:hover { background: #fff; transform: translateY(-2px); }
.impact-preview-list { display: grid; gap: 13px; }
.impact-preview-card { padding: 23px 25px; border: 1px solid #d8f7ff2a; border-radius: 18px; background: #ffffff13; backdrop-filter: blur(12px); }
.impact-preview-card > span { color: #89ddec; font-size: .69rem; font-weight: 800; letter-spacing: .14em; }
.impact-preview-card h3 { margin: 12px 0 0; color: #fff; font-size: 1.17rem; font-weight: 700; }
.impact-preview-card p { margin-top: 8px; color: #b7cfdb; font-size: .9rem; line-height: 1.55; }
@media (max-width: 900px) { .impact-preview-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .impact-preview { padding: 58px 0 70px; } .impact-preview-shell { padding: 30px 24px; border-radius: 24px; } .impact-preview-main h2 { font-size: 2.35rem; } }