.sc-lead { font-size:1.1rem; color:#374151; max-width:820px; }
.sc-quotes { display:grid; gap:12px; margin:22px 0 0; }
.sc-quote { background:#FFF7ED; border-left:4px solid #F97316; padding:15px 22px; border-radius:6px; color:#7C2D12; font-style:italic; font-size:1.12rem; line-height:1.5; }
.sc-table { width:100%; border-collapse:collapse; margin:20px 0; font-size:.94rem; }
.sc-table th { background:#0F2D52; color:#fff; text-align:left; padding:11px 14px; }
.sc-table td { border:1px solid #E5E7EB; padding:11px 14px; vertical-align:top; }
.sc-table tr:nth-child(even) td { background:#F8FAFC; }
.sc-table td.sc-old { color:#4B5563; }
.sc-table td.sc-new { color:#0F2D52; font-weight:500; }
.sc-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:20px 0; }
.sc-card { background:#F8FAFC; border:1px solid #E2E8F0; border-radius:10px; padding:18px 20px; }
.sc-card h3 { margin:0 0 6px; color:#0176d3; font-size:1.05rem; }
.sc-card p { margin:0; color:#374151; font-size:.92rem; }
.sc-usecases { columns:2; column-gap:32px; max-width:720px; margin:14px auto 0; padding-left:18px; }
.sc-usecases li { margin:6px 0; color:#374151; break-inside:avoid; }
.sc-cta-band { background:linear-gradient(135deg,#0F2D52,#0176d3); color:#fff; border-radius:14px; padding:36px 28px; text-align:center; margin:40px 0 8px; }
.sc-cta-band h2 { color:#fff; margin:0 0 8px; }
.sc-cta-band p { color:#DBEAFE; margin:0 0 20px; }
.sc-cta-band .btn-primary { background:#fff; color:#0F2D52; }
.sc-cta-band .btn-secondary { border-color:#fff; color:#fff; }
.sc-trust-line { font-size:.9rem; color:#6B7280; text-align:center; margin-top:14px; }
@media (max-width:600px){ .sc-usecases { columns:1; } }
.sc-shot { margin:26px 0; }
.sc-shot img { width:100%; border:1px solid #E2E8F0; border-radius:10px; box-shadow:0 6px 20px rgba(15,45,82,.10); display:block; }
.sc-shot figcaption { text-align:center; color:#6B7280; font-size:.88rem; margin-top:8px; }

/* --- blog additions --- */
.sc-meta { color:#6B7280; font-size:.9rem; margin:0 0 18px; }
.sc-postlist { display:grid; gap:18px; margin:24px 0; }
.sc-post { background:#fff; border:1px solid #E2E8F0; border-radius:10px; padding:20px 22px; }
.sc-post h2 { margin:0 0 6px; font-size:1.18rem; }
.sc-post h2 a { color:#0F2D52; text-decoration:none; }
.sc-post h2 a:hover { color:#0176d3; }
.sc-post p { margin:0 0 10px; color:#374151; font-size:.95rem; }
/* Blog list cards with a landscape thumbnail on the left (200x140).
   Two-column on wide screens, stacks on narrow. The thumbnail is a
   subject-specific SVG (see /images/blog/*.svg). Mobile drops to 96px
   square so the text keeps its readable width. */
.sc-post.has-thumb { display:grid; grid-template-columns:200px 1fr; gap:24px; align-items:start; }
.sc-post.has-thumb .sc-thumb { width:200px; height:140px; border-radius:8px; display:block; overflow:hidden; background:#f8fafc; }
.sc-post.has-thumb .sc-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width: 640px) {
    .sc-post.has-thumb { grid-template-columns:96px 1fr; gap:14px; padding:16px 18px; }
    .sc-post.has-thumb .sc-thumb { width:96px; height:96px; }
}
.sc-related { background:#F8FAFC; border:1px solid #E2E8F0; border-radius:10px; padding:18px 22px; margin:34px 0 0; }
.sc-related h3 { margin:0 0 8px; font-size:1rem; color:#0F2D52; }
.sc-related ul { margin:0; padding-left:18px; }
.sc-related li { margin:5px 0; font-size:.93rem; }
.sc-note { background:#EFF6FF; border-left:4px solid #0176d3; padding:14px 20px; border-radius:6px; margin:20px 0; color:#1E3A5F; font-size:.95rem; }

/* --- punchy "With MultiDatePick" column --- */
.sc-table th:last-child { background:#C2410C; }
.sc-table tr td.sc-new {
    background:#FFF7ED;
    color:#7C2D12;
    font-weight:600;
    border-left:3px solid #F97316;
}

/* --- label column: distinct from the "today" column --- */
.sc-table th:first-child { border-right:2px solid #2B5486; }
.sc-table tr td:first-child {
    background:#F1F5F9;
    color:#0F2D52;
    font-weight:600;
    border-right:2px solid #CBD5E1;
}

/* --- orange emphasis for a key phrase in body copy --- */
.sc-hl-orange { color:#C2410C; font-weight:600; }

/* ============ MultiDatePick pricing plans ============ */
/* Breaks out of the 880px prose column so three cards always sit side by side. */
.mdp-plan {
    display:flex;
    flex-direction:column;
    text-align:left;
    background:#fff;
    border:1px solid #E2E8F0;
    border-top:5px solid var(--plan-accent);
    border-radius:14px;
    box-shadow:0 1px 3px rgba(12,74,110,.05), 0 8px 24px rgba(12,74,110,.07);
    transition:box-shadow .25s ease, transform .25s ease;
}
.mdp-plan:hover {
    box-shadow:0 4px 8px rgba(12,74,110,.07), 0 16px 40px rgba(12,74,110,.12);
    transform:translateY(-3px);
}
.mdp-plan__name {
    padding:22px 26px 0;
    color:var(--plan-accent);
    font-size:1.45rem;
    font-weight:700;
    letter-spacing:-.01em;
}
.mdp-plan__for {
    padding:4px 26px 0;
    color:var(--gray-500);
    font-size:.92rem;
    font-weight:500;
}
.mdp-plan__price {
    padding:14px 26px 0;
    color:var(--blue-900);
    font-size:3.4rem;
    font-weight:700;
    line-height:1.05;
    display:flex;
    align-items:baseline;
    gap:1px;
}
.mdp-plan__price--text { font-size:1.85rem; line-height:1.25; padding-top:14px; padding-bottom:6px; }
.mdp-plan__cur { font-size:1.65rem; font-weight:600; color:var(--plan-accent); align-self:flex-start; margin-top:8px; }
.mdp-plan__per { font-size:1.1rem; font-weight:500; color:var(--gray-500); margin-left:7px; }
.mdp-plan__note {
    margin:18px 0 0;
    padding:12px 26px;
    background:var(--blue-50);
    border-top:1px solid #E2E8F0;
    border-bottom:1px solid #E2E8F0;
    color:var(--gray-500);
    font-size:.88rem;
    line-height:1.45;
}
.mdp-plan__body { display:flex; flex-direction:column; flex:1; padding:22px 26px 26px; }
.mdp-plan__lead { font-weight:700; color:var(--blue-900); font-size:1.08rem; margin:0 0 14px; }
.mdp-plan__list { list-style:none; margin:0 0 22px; padding:0; }
.mdp-plan__list li {
    position:relative;
    padding:0 0 13px 22px;
    font-size:1rem;
    line-height:1.5;
    color:var(--gray-700);
}
.mdp-plan__list li::before {
    content:"";
    position:absolute;
    left:0; top:8px;
    width:8px; height:8px;
    border-radius:2px;
    background:var(--plan-accent);
    opacity:.9;
}
.mdp-plan__cta {
    margin-top:auto;
    display:block;
    text-align:center;
    padding:14px 22px;
    border-radius:999px;
    font-weight:600;
    font-size:1.02rem;
    color:#fff !important;
    text-decoration:none;
    background:var(--plan-accent);
    transition:filter .2s ease;
}
.mdp-plan__cta:hover { filter:brightness(1.1); }

.mdp-plan--blue   { --plan-accent:#0369A1; }
.mdp-plan--orange { --plan-accent:#C2410C; }
.mdp-plan--green  { --plan-accent:#15803D; }

@media (max-width:900px) {
    .mdp-plan__price { font-size:2.7rem; }
}

/* --- single prominent plan card --- */
.mdp-plan-wrap {
    margin:38px 0 14px;
    width:min(720px, calc(100vw - 48px));
    margin-left:50%;
    transform:translateX(-50%);
}
.mdp-plan-wrap .mdp-plan { position:relative; }
.mdp-plan__badge {
    position:absolute;
    top:-14px; right:26px;
    background:var(--plan-accent);
    color:#fff;
    font-size:.82rem;
    font-weight:600;
    letter-spacing:.01em;
    padding:7px 16px;
    border-radius:999px;
    box-shadow:0 4px 10px rgba(12,74,110,.22);
}
.mdp-plan__head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
    padding:30px 30px 0;
}
.mdp-plan-wrap .mdp-plan__name,
.mdp-plan-wrap .mdp-plan__for,
.mdp-plan-wrap .mdp-plan__price { padding:0; }
.mdp-plan-wrap .mdp-plan__name { font-size:1.7rem; }
.mdp-plan-wrap .mdp-plan__for { font-size:1rem; margin-top:5px; }
.mdp-plan-wrap .mdp-plan__price { font-size:3.9rem; }
.mdp-plan-wrap .mdp-plan__note { margin-top:24px; padding:14px 30px; }
.mdp-plan-wrap .mdp-plan__body { padding:26px 30px 30px; }
.mdp-plan__list--split { columns:2; column-gap:34px; }
.mdp-plan__list--split li { break-inside:avoid; }
.mdp-plan-wrap .mdp-plan__cta { max-width:340px; margin-left:auto; margin-right:auto; }
.mdp-plan__fine {
    margin:16px 0 0;
    text-align:center;
    font-size:.85rem;
    line-height:1.5;
    color:var(--gray-500);
}
@media (max-width:700px) {
    .mdp-plan-wrap { width:100%; margin-left:0; transform:none; }
    .mdp-plan__head { padding:30px 22px 0; }
    .mdp-plan-wrap .mdp-plan__price { font-size:3rem; }
    .mdp-plan__list--split { columns:1; }
}

/* --- live demo CTA: the strongest action, so it leads --- */
.btn-demo { background:#F97316; color:#fff !important; border:2px solid #F97316; }
.btn-demo:hover { background:#EA580C; border-color:#EA580C; }
.sc-cta-band .btn-demo { background:#F97316; color:#fff !important; border-color:#F97316; }
.guide-hero .btn-demo { background:#F97316; color:#fff !important; border-color:#F97316; }

/* --- config snippet blocks --- */
.sc-config { margin:22px 0 26px; border:1px solid #E2E8F0; border-radius:10px; overflow:hidden; }
.sc-config__head { background:#0F2D52; color:#fff; padding:10px 18px; font-size:.9rem; font-weight:600; letter-spacing:.02em; }
.sc-config table { width:100%; border-collapse:collapse; font-size:.9rem; }
.sc-config td { border-top:1px solid #EDF2F7; padding:9px 18px; vertical-align:top; }
.sc-config tr:first-child td { border-top:none; }
.sc-config td:first-child { width:44%; font-family:Consolas,Monaco,monospace; font-size:.85rem; color:#0369A1; white-space:nowrap; }
.sc-config td:last-child { color:#374151; }
.sc-config tr:nth-child(even) td { background:#F8FAFC; }
.sc-config__note { padding:11px 18px; background:#EFF6FF; border-top:1px solid #E2E8F0; font-size:.87rem; color:#1E3A5F; }
@media (max-width:640px){ .sc-config td:first-child { white-space:normal; width:50%; } }