/* Commercial pages only: no application-runtime styles. */
.cdi-seo-page { color:#41525f; }
.cdi-seo-page .navbar-custom .nav-item .nav-link { color:#334858; }
.cdi-seo-page .navbar-custom .navbar-toggler-awesome { color:#334858; }
.cdi-seo-page .marketing-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.cdi-seo-page .marketing-actions [class*=btn] { margin:0; }
.cdi-seo-hero { padding:150px 0 64px; background:linear-gradient(135deg,#f8fcff,#edf8fb); }
.cdi-seo-hero h1 { font-size:clamp(2rem,3.6vw,3rem); line-height:1.2; margin-bottom:24px; }
.cdi-seo-eyebrow { font-size:.8rem; color:#16738b; text-transform:uppercase; letter-spacing:.09em; font-weight:700; }
.cdi-seo-section { padding:56px 0; }
.cdi-seo-section h2 { margin-bottom:24px; text-align:left; font-size:clamp(1.6rem,2.6vw,2.1rem); line-height:1.3; }
.cdi-seo-intro { max-width:850px; margin-bottom:28px; }
.cdi-seo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.cdi-seo-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cdi-seo-card { border:1px solid #dce8ee; border-radius:16px; padding:26px; background:#fff; }
.cdi-seo-card h3 { font-size:1.25rem; line-height:1.4; margin:0 0 14px; }
.cdi-seo-card p { line-height:1.75; }
.cdi-seo-card a,.cdi-seo-section a:not([class*=btn]) { color:#076d84; text-decoration:underline; }
.cdi-seo-icon { display:grid; place-items:center; width:46px; height:46px; background:#eaf7fb; color:#16859d; font-size:22px; border-radius:13px; margin-bottom:18px; }
.cdi-seo-muted { background:#f3f8fb; }
.cdi-seo-visual { padding:30px; background:#fff; border:1px solid #dce8ee; border-radius:24px; box-shadow:0 18px 44px #173b5410; text-align:center; }
.cdi-seo-visual img { width:100%; max-width:320px; height:auto; }
.cdi-seo-faq details { padding:18px 0; border-bottom:1px solid #dce8ee; }
.cdi-seo-faq summary { cursor:pointer; font-weight:700; }
.cdi-seo-faq details p { margin:16px 0 0; }
.cdi-seo-entry { padding:38px 0; }
.cdi-seo-skip { position:absolute; left:-9999px; }
.cdi-seo-skip:focus { left:12px; top:12px; z-index:10000; padding:12px; background:#fff; }
.cdi-seo-page a:focus-visible,.cdi-seo-faq summary:focus-visible { outline:3px solid #ce902f; outline-offset:4px; }
@media(max-width:767px) { .cdi-seo-hero {padding:110px 0 40px;} .cdi-seo-section {padding:38px 0;} .cdi-seo-grid,.cdi-seo-grid-2 {grid-template-columns:1fr;} .cdi-seo-card {padding:22px;} }
