.cm-teaser { padding:88px 0; background:#eafbf2; color:#17243a; }
.cm-teaser-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; }
.cm-teaser-eyebrow { font-size:12px; font-weight:600; letter-spacing:1.2px; color:#146443; }
.cm-teaser h2 { font-size:36px; font-weight:700; line-height:1.25; letter-spacing:-.9px; margin-top:16px; }
.cm-teaser-body { font-size:17px; line-height:1.75; color:#707070; margin-top:24px; }
.cm-teaser-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:28px; font-size:15px; font-weight:600; }
.cm-teaser-actions a { display:inline-flex; align-items:center; gap:8px; }
.cm-teaser-actions .cm-teaser-button { background:var(--green-cta); color:#FFFFFF; border-radius:9999px; padding:12px 24px; box-shadow:0 10px 15px -3px #47d99440; }
.cm-teaser-actions .cm-teaser-button:hover { background:#2fbf7c; color:#fff; }
.cm-teaser-actions svg { width:16px; height:16px; flex-shrink:0; }
.cm-teaser-note { color:#707070; font-size:13px; margin-top:24px; }
.cm-teaser-visual { background:#fff; border:1px solid #e5e7eb; border-radius:24px; padding:24px; box-shadow:0 12px 36px #17243a0a; }
.cm-teaser-visual>div { display:flex; justify-content:center; gap:20px; margin-top:16px; }
.cm-teaser-visual span { display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:#eafbf2; color:#146443; }
@media(max-width:1023px) { .cm-teaser-grid { grid-template-columns:1fr; gap:32px; } .cm-teaser-visual { max-width:520px; width:100%; margin:auto; } }
@media(max-width:639px) { .cm-teaser { padding:64px 0; } .cm-teaser h2 { font-size:30px; } .cm-teaser-actions { gap:20px; } .cm-teaser-visual { padding:16px; } }

.cm-teaser-actions .cm-teaser-button:hover,.cm-teaser-actions .cm-teaser-button:active{background:var(--green-cta-hover)}