/* Why SuiteDash conceptual-art preview. Existing released CSS remains unchanged. */
.sd-co-why-suitedash .sd-why-story { max-width:1000px; margin:0 auto; padding:52px 0 64px; color:#333336; }
.sd-co-why-suitedash .sd-why-story :is(h2,h3) { color:#111820; font-size:clamp(24px,2.3vw,32px); line-height:1.35; text-align:center; margin:0 0 30px; }
.sd-co-why-suitedash .sd-why-story :is(p,li) { font-size:17px; line-height:1.65; }
.sd-co-why-suitedash .sd-why-story p { margin:0 0 18px; }
.sd-co-why-suitedash .sd-why-story ul,.sd-co-why-suitedash .sd-why-story ol { padding-left:24px; margin:20px 0; }
.sd-co-why-suitedash .sd-why-story li { margin-bottom:12px; padding-left:4px; }
.sd-co-why-suitedash .sd-why-story li::marker { color:#0A6FAE; font-weight:700; }
.sd-co-why-suitedash .sd-why-story .sd-why-lead { font-size:20px; line-height:1.55; font-weight:600; color:#111820; }
.sd-co-why-suitedash .sd-why-opening { max-width:720px; margin:0 auto 42px; }
.sd-co-why-suitedash .sd-why-opening > .sd-why-lead { text-align:center; font-size:24px; }
.sd-co-why-suitedash .sd-why-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:26px 0; }
.sd-co-why-suitedash .sd-why-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:1px solid #0A6FAE; background:#0A6FAE; color:white; font-weight:700; line-height:1.4; text-decoration:none; border-radius:6px; }
.sd-co-why-suitedash .sd-why-button--secondary { background:transparent; color:#0A6FAE; }
.sd-co-why-suitedash .sd-why-button:hover { background:#085784; color:white; }
.sd-co-why-suitedash .sd-why-button:focus-visible { outline:3px solid #0A6FAE; outline-offset:4px; }
.sd-co-why-suitedash .sd-why-section { padding-top:46px; margin-top:46px; border-top:1px solid #D2D2D7; }
.sd-co-why-suitedash .sd-why-section-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:42px; align-items:start; }
.sd-co-why-suitedash .sd-why-concept { margin:5px 0 0; max-width:480px; }
.sd-co-why-suitedash .sd-why-concept img { display:block; width:100%; height:auto; border-radius:10px; }
.sd-co-why-suitedash .sd-why-story .sd-why-plan-note { border-left:3px solid #0A6FAE; padding-left:14px; font-size:15px; }
.sd-co-why-suitedash .sd-why-proof { padding:30px 0; border-top:1px solid #D2D2D7; border-bottom:1px solid #D2D2D7; }
.sd-co-why-suitedash .sd-why-story .sd-why-rating { text-align:center; font-weight:700; font-size:18px; margin-bottom:26px; }
.sd-co-why-suitedash .sd-why-quotes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.sd-co-why-suitedash .sd-why-quotes blockquote { border:0; border-left:3px solid #0A6FAE; margin:0; padding:0 0 0 20px; color:#333336; background:transparent; }
.sd-co-why-suitedash .sd-why-quotes cite { display:block; font-size:14px; font-style:normal; color:#515154; }
.sd-co-why-suitedash .sd-why-proof--last { margin-top:54px; }
.sd-co-why-suitedash .sd-why-quotes--three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.sd-co-why-suitedash .sd-why-close { max-width:720px; margin:56px auto 0; text-align:center; }
.sd-co-why-suitedash .sd-why-close ul { display:inline-block; text-align:left; }
@media(max-width:781px) {
 .sd-co-why-suitedash .sd-why-story { padding-top:34px; }
 .sd-co-why-suitedash .sd-why-section-grid,.sd-co-why-suitedash .sd-why-quotes,.sd-co-why-suitedash .sd-why-quotes--three { grid-template-columns:1fr; gap:24px; }
 .sd-co-why-suitedash .sd-why-concept { margin:0 auto; width:100%; max-width:480px; }
 .sd-co-why-suitedash .sd-why-section { padding-top:34px; margin-top:34px; }
 .sd-co-why-suitedash .sd-why-actions { flex-direction:column; }
 .sd-co-why-suitedash .sd-why-button { width:100%; box-sizing:border-box; }
}