/* Keep native card decorations visible beneath the content in both schemes. */
.sc-foundation .smpls-card > .smpls-card-content { background: transparent !important; }
.industry-growth, .industry-examples { padding-block: clamp(48px, 6vw, 90px); }
.industry-growth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.industry-growth .smpls-card { min-width: 0; isolation: isolate; border: 1px solid var(--sc-line, #e2e2e7); }
.industry-growth .smpls-card-content { position: relative; z-index: 1; padding: clamp(28px, 4vw, 56px); background: transparent !important; height: 100%; }
.industry-growth .circles { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.industry-growth .circles::before, .industry-growth .circles::after { width: 760px; height: 760px; top: 50%; background: linear-gradient(180deg, var(--smplsColorCirclesStart), var(--smplsColorCirclesEnd)); }
.industry-growth-eyebrow { margin: 0 0 20px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.industry-growth :is(h2, h3) { margin: 0 0 24px; color: var(--smplsColorCardHeading); font-size: clamp(28px, 2.8vw, 42px); line-height: 1.2; }
.industry-growth .smpls-card-content > p:not(.industry-growth-eyebrow):not(.industry-growth-note) { max-width: 58ch; margin: 0 0 28px; color: var(--smplsColorCardText); font-size: 16px; line-height: 1.75; }
.industry-growth-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.industry-growth-actions .smpls-button { white-space: normal; gap: 12px; }
.industry-growth-note { margin: 24px 0 0; color: var(--smplsColorCardText); font-size: 12px; line-height: 1.7; }
.industry-growth .industry-growth-eyebrow { color: var(--smplsColorCardText); }
.industry-examples-heading { max-width: 880px; margin: 0 auto 44px; text-align: center; }
.industry-examples-heading h2 { margin: 0 0 24px; font-size: clamp(30px, 3vw, 46px); line-height: 1.2; }
.industry-examples-heading > p:last-child { font-size: 16px; line-height: 1.75; }
.industry-examples-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.industry-examples-grid .smpls-card { min-width: 0; }
.industry-example-preview { display: block; overflow: hidden; }
.industry-example-preview img { display: block; width: 100%; height: auto; aspect-ratio: 1.44; object-fit: cover; object-position: top; transition: transform .3s ease; }
.industry-example-preview:hover img { transform: scale(1.02); }
.industry-example-browser { display: flex; align-items: center; gap: 6px; padding: 14px 18px; background: #ececf0; color: #60606b; font: 11px/1.2 Inter, sans-serif; }
.industry-example-browser i { width: 6px; height: 6px; border-radius: 50%; background: #b8b8c1; }
.industry-example-browser > span { margin-left: 10px; }
.industry-examples .smpls-card-content { padding: 28px; }
.industry-examples .industry-growth-eyebrow { color: var(--smplsColorCardText); margin-bottom: 12px; }
.industry-examples h3 { color: var(--smplsColorCardHeading); font-size: 26px; line-height: 1.25; margin: 0 0 14px; }
.industry-examples .smpls-card-content > p:not(.industry-growth-eyebrow) { color: var(--smplsColorCardText); font-size: 14px; line-height: 1.7; margin: 0 0 24px; }
.industry-examples .smpls-button { gap: 12px; white-space: normal; }
.industry-examples-note { text-align: center; font-size: 12px; line-height: 1.7; margin-top: 24px; }
.dark .industry-growth :is(h2, h3), .dark .industry-examples h3 { color: var(--smplsColorCardHeadingDark); }
.dark .industry-growth .smpls-card-content > p, .dark .industry-examples .smpls-card-content > p { color: var(--smplsColorCardTextDark) !important; }
.dark .industry-growth .circles::before, .dark .industry-growth .circles::after { background: linear-gradient(180deg, #ffffff12, #ffffff03); }
@media (max-width: 1100px) { .industry-growth-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 991px) { .industry-examples-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 575px) { .industry-growth-actions { align-items: stretch; flex-direction: column; } .industry-growth-actions .smpls-button { width: 100%; justify-content: center; text-align: center; } }
@media (prefers-reduced-motion: reduce) { .industry-example-preview img { transition: none; } }

.industry-growth :is(h2, h3), .industry-examples :is(h2, h3) { font-family: Inter, sans-serif; font-weight: 700; letter-spacing: 0; }
.industry-growth .industry-growth-note { margin: 24px 0 0; }
.industry-growth .smpls-button.-underlined, .industry-examples .smpls-button.-underlined { color: var(--industry-solid, var(--wnm-primary, var(--sc-primary, #1565c1))) !important; }
.dark .industry-growth .smpls-button.-underlined, .dark .industry-examples .smpls-button.-underlined { color: var(--smplsColorCardButtonUnderlinedDark, #fff) !important; }

/* A shared starting point: the same two choices on each industry page. */
.industry-growth-heading { max-width: 820px; margin: 0 auto 44px; text-align: center; }
.industry-growth .industry-growth-heading h2 { color: var(--sc-text, var(--wnm-text, #19191d)); }
.industry-growth-heading > p:last-child { color: var(--sc-muted, #73737f); font-size: 16px; line-height: 1.75; }
.industry-growth-heading h2:focus { outline: none; }
.industry-growth-grid > .smpls-card > .smpls-card-content { display: flex; flex-direction: column; align-items: flex-start; }
.industry-growth-grid .sp-benefit-icon { display: inline-grid; place-items: center; width: 64px; min-width: 64px; height: 64px; min-height: 64px; flex: 0 0 64px; border: 1.5px solid currentColor; border-radius: 21px; margin-bottom: 24px; color: var(--industry-solid, var(--wnm-primary, var(--sc-primary, #1565c1))); }
.industry-growth-grid .sp-benefit-icon svg { width: 32px; height: 32px; }
.industry-growth-grid .industry-growth-actions { margin-top: auto; padding-top: 8px; }
.industry-growth-grid .industry-growth-note { min-height: 4em; }
.industry-growth-invoice { margin-top: 28px; }
.industry-growth-invoice .smpls-card-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); column-gap: 56px; }
.industry-growth-invoice .industry-growth-eyebrow, .industry-growth-invoice h3 { grid-column: 1; }
.industry-growth-invoice .smpls-card-content > p:not(.industry-growth-eyebrow) { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.industry-growth-invoice .industry-growth-actions { grid-column: 2; }
.dark .industry-growth .industry-growth-heading h2 { color: #f5f5f7; }
.dark .industry-growth-grid .sp-benefit-icon { color: var(--smplsColorCardTextDark); }
@media (max-width: 1100px) {
    .industry-growth-grid .industry-growth-note { min-height: 0; }
    .industry-growth-invoice .smpls-card-content { display: block; }
}

/* Theme accents stay inside the themed page, including native card decorations. */
.sc-page[data-industry-theme], #smpls-editor-content.wnm-page[class*="wnm-specialty-"] {
    --growth-accent: var(--industry-link, var(--offer-link, var(--smplsColorPrimary)));
    --smplsColorCirclesStart: color-mix(in srgb, var(--growth-accent) 14%, transparent);
    --smplsColorCirclesEnd: color-mix(in srgb, var(--growth-accent) 3%, transparent);
}
.sc-page[data-industry-theme] .circles::before,
.sc-page[data-industry-theme] .circles::after,
#smpls-editor-content.wnm-page[class*="wnm-specialty-"] .circles::before,
#smpls-editor-content.wnm-page[class*="wnm-specialty-"] .circles::after {
    background: linear-gradient(180deg, var(--smplsColorCirclesStart), var(--smplsColorCirclesEnd));
}
.dark .sc-page[data-industry-theme] .circles::before,
.dark .sc-page[data-industry-theme] .circles::after,
.dark #smpls-editor-content.wnm-page[class*="wnm-specialty-"] .circles::before,
.dark #smpls-editor-content.wnm-page[class*="wnm-specialty-"] .circles::after {
    background: linear-gradient(180deg, var(--smplsColorCirclesStart), var(--smplsColorCirclesEnd));
}
.industry-growth .circles.-right::after { left: auto; right: 0; transform: translate(50%, -50%); }
.industry-growth .circles.-right::before { left: auto; right: 0; transform: translate(50%, -50%) scale(.7); }
:is(.industry-growth, .industry-examples) .theme-subheading .smpls-widget-content > p {
    margin: 0;
    color: var(--growth-accent, var(--smplsColorSubHeading));
    border-color: currentColor;
}
/* Keep the accordion beside its heading without changing native container widths. */
.sc-page:has([data-industry-growth]) #otazky :is(.smpls-fraction, .smpls-box-content):has(> .sc-section-heading):has(> .sc-faq),
.sc-page:has([data-industry-growth]) #otazky:has(> .sc-section-heading):has(> .sc-faq) {
    display: grid !important;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    gap: clamp(40px, 6vw, 100px);
    align-items: start;
}
.sc-page:has([data-industry-growth]) #otazky .sc-section-heading { margin: 0; text-align: left; }
.sc-page:has([data-industry-growth]) #otazky .sc-faq { min-width: 0; }
@media (max-width: 991px) {
    .sc-page:has([data-industry-growth]) #otazky :is(.smpls-fraction, .smpls-box-content):has(> .sc-section-heading):has(> .sc-faq),
    .sc-page:has([data-industry-growth]) #otazky:has(> .sc-section-heading):has(> .sc-faq) {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }
}