/* Product and solution pages extend the approved homepage design.
   Reuse the locally hosted DM Sans font; preserve component behavior and content. */
.marketing-theme {
  --display: 'DM Sans', sans-serif;
  --body: 'DM Sans', sans-serif;
  --ink: #082725;
  --chalk: #fff;
  --paper: #fff;
  --muted: #52635e;
  --line: #dde6df;
  --coral: #245b42;
  --coral-soft: #d4f6ca;
  --blue: #dce9fc;
  --stone: #f6f5f0;
  --radius: 24px;
  --solution-space: 96px;
  background: #fff;
  color: var(--ink);
  font-family: var(--body);
  font-weight: 400;
}
.marketing-theme h1, .marketing-theme h2, .marketing-theme h3 {
  font-family: var(--display);
  font-weight: 500;
  letter-spacing: -.035em;
}
.marketing-theme h2 {font-size:clamp(38px,3.6vw,52px);line-height:1.05}
.marketing-theme main .enterprise-wrap {width:calc(100% - 80px);max-width:1280px}
.marketing-theme ::selection {background:#d4f6ca;color:#082725}
.marketing-theme a, .marketing-theme button {-webkit-tap-highlight-color:transparent}
.marketing-theme :focus-visible {outline:3px solid #226047;outline-offset:5px}
.marketing-theme .enterprise-button {background:#245b42;color:#e2ffdb;border:0;border-radius:12px;min-height:50px;padding:15px 25px;font-size:16px;font-weight:500;line-height:1.25;gap:12px;box-shadow:none;transform:none}
.marketing-theme .enterprise-button:hover {transform:none;filter:brightness(.95)}
.marketing-theme .enterprise-text-link {color:#245b42;font-size:14px;font-weight:500}

/* One calm, centered opening across the entire platform. */
.marketing-theme .solution-hero {padding-top:50px;padding-bottom:88px;text-align:center}
.marketing-theme .solution-breadcrumb {justify-content:center;margin-bottom:26px;font-size:13px}
.marketing-theme .solution-hero h1 {max-width:1100px;margin-inline:auto;font-size:clamp(46px,5.4vw,78px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.marketing-theme .solution-hero-bottom {display:block;margin-top:24px}
.marketing-theme .solution-hero-bottom>p {max-width:850px;margin:0 auto;color:var(--ink);font-size:clamp(20px,1.8vw,26px);line-height:1.4}
.marketing-theme .solution-hero-actions {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;max-width:none;margin-top:28px;padding-right:0}
.marketing-theme .solution-hero-actions .enterprise-text-link {display:inline-flex;align-self:center;justify-content:center;gap:12px;min-height:50px;padding:15px 25px;border-radius:12px;background:#d0f7c8;color:#245b42;font-size:16px;line-height:1.25}
.marketing-theme .solution-hero-actions .enterprise-text-link:hover {background:#c2edba;text-decoration:none}
.marketing-theme.solution-directory .solution-hero-bottom>.enterprise-button {margin-top:28px}
.marketing-theme .solution-sections {margin-top:38px;padding-block:12px;border-color:#e2e9e3;justify-content:center;gap:4px 36px}
.marketing-theme .solution-sections>a {font-size:14px;color:#395449}

/* Keep the fictional demo's controls, progressive enhancement and stable frames. */
.marketing-theme .story-demo {margin:0 16px;padding:64px 0;background:#f6f5f0;border-radius:32px;color:var(--ink);--story-line:#d8e2d9}
.marketing-theme .story-demo-wrap {width:calc(100% - 80px);max-width:1280px}
.marketing-theme .story-heading {gap:72px;margin-bottom:32px}
.marketing-theme .story-heading h2 {font-size:clamp(34px,3vw,44px);letter-spacing:-.035em}
.marketing-theme .story-heading .story-eyebrow {display:inline-block;background:#d7f8ce;color:#29583e;border-radius:24px;padding:7px 12px;font-size:12px;margin-bottom:20px}
.marketing-theme .story-heading>div>p:not(.story-eyebrow) {font-size:16px;line-height:1.6;color:#455c53}
.marketing-theme .story-heading>div>.story-disclosure {font-size:12px!important;line-height:1.6!important}
.marketing-theme .story-toolbar button {min-height:44px;border-radius:10px;background:#fff;color:var(--ink)}
.marketing-theme .story-toolbar [data-story-play] {background:#245b42;color:#e2ffdb;border-color:#245b42}
.marketing-theme .story-toolbar [data-story-play]:hover {background:#1c4935}
.marketing-theme .story-toolbar button:disabled {background:transparent;color:#67746a;border-color:transparent}
.marketing-theme .story-demo button:focus-visible, .marketing-theme .story-transcript summary:focus-visible {outline-color:#226047}
.marketing-theme .story-window {background:#fff;border-color:#b2cbbd;border-radius:20px;box-shadow:none}
.marketing-theme .story-appbar {background:#def3ef}
.marketing-theme .story-avatar {background:#e8e1f8}
.marketing-theme .story-prompt {background:#f1f4ec}
.marketing-theme .story-item-active {background:#edf1fc}
.marketing-theme .story-item-active .story-item-symbol {color:#405b97}
.marketing-theme .story-progress-track>span {background:#245b42}
.marketing-theme .story-manual-window {border-radius:20px;background:#f0f1ed}
.marketing-theme .story-manual-list .is-current {background:#e6e9e2;border-color:#7a8a78}
.marketing-theme .story-footnote {font-size:11px}
.marketing-theme .story-transcript summary {min-height:44px;padding-block:10px}

/* Editorial sections retain distinct content without a separate visual identity. */
.marketing-theme .solution-opportunity {gap:80px}
.marketing-theme .solution-opportunity>div>p, .marketing-theme .solution-pilot-layout>div>p {font-size:18px;line-height:1.65;color:var(--muted)}
.marketing-theme .solution-priorities {border-color:#b7dfad}
.marketing-theme .solution-priorities h3 {font-size:27px;line-height:1.15}
.marketing-theme .solution-priorities p {font-size:16px;line-height:1.65;color:var(--muted)}
.marketing-theme .solution-section-heading {gap:70px}
.marketing-theme .solution-section-heading>p {font-size:18px;line-height:1.55;color:var(--muted);max-width:450px}
.marketing-theme .product-capability-section {margin-inline:16px;padding-block:76px;background:#f6f5f0;border-radius:32px}
.marketing-theme .product-capabilities, .marketing-theme .solution-capabilities {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.marketing-theme .product-capabilities article, .marketing-theme .solution-capabilities>a {padding:34px;border:1px solid transparent;border-radius:24px;min-height:240px;background:#d8f0ec}
.marketing-theme .product-capabilities article:nth-child(4n+2), .marketing-theme .solution-capabilities>a:nth-child(4n+2) {background:#fff0aa}
.marketing-theme .product-capabilities article:nth-child(4n+3), .marketing-theme .solution-capabilities>a:nth-child(4n+3) {background:#f5dbec}
.marketing-theme .product-capabilities article:nth-child(4n+4), .marketing-theme .solution-capabilities>a:nth-child(4n+4) {background:#e0efb5}
.marketing-theme .product-capabilities h3, .marketing-theme .solution-capabilities h3 {font-size:30px;line-height:1.15}
.marketing-theme .product-capabilities p, .marketing-theme .solution-capabilities p {font-size:16px;line-height:1.65;color:#395449;max-width:500px}
.marketing-theme .solution-capabilities>a:hover {border-color:#8cab9a}
.marketing-theme .solution-explore {font-size:14px;color:#245b42;min-height:44px}
.marketing-theme .product-use-case-heading>p {font-size:17px;line-height:1.65;max-width:390px}
.marketing-theme .product-case-list summary {font-size:27px}
.marketing-theme .product-case-body p {font-size:16px;line-height:1.65}
.marketing-theme .product-case-body strong {font-size:12px}
.marketing-theme .product-case-outcome {background:#eaf5e8;border-radius:16px;padding:22px}
.marketing-theme .product-case-outcome strong {color:#245b42}

/* A light workflow surface uses the same tabs and selection color as the homepage. */
.marketing-theme .solution-workflow {margin-inline:16px;background:#f6f5f0;color:var(--ink);border-radius:32px;padding-block:76px}
.marketing-theme .solution-workflow p {color:var(--muted)}
.marketing-theme .solution-workflow-note {font-size:13px}
.marketing-theme .workflow-tabs {background:#e8ede3;border-radius:14px}
.marketing-theme .workflow-tabs button {color:#395449;font-size:15px;min-height:55px}
.marketing-theme .workflow-tabs button:hover {background:#dbe5d5}
.marketing-theme .workflow-tabs button[aria-selected="true"] {background:#245b42;color:#e2ffdb}
.marketing-theme .workflow-tabs button:focus-visible, .marketing-theme .solution-workflow .enterprise-text-link:focus-visible {outline-color:#226047}
.marketing-theme .workflow-panel {margin-top:16px;padding:34px;background:#fff;border:1px solid #d8e2d9;border-radius:20px}
.marketing-theme .workflow-owner>span {color:var(--muted)}
.marketing-theme .workflow-owner strong {color:#245b42;font-size:26px}
.marketing-theme .workflow-panel h3 {font-size:30px}
.marketing-theme .workflow-panel p {font-size:17px;line-height:1.65}
.marketing-theme .solution-workflow-foot>p {font-size:13px}

.marketing-theme .solution-ai {margin-inline:16px;padding-block:80px;background:#eaf5e8;border:0;border-radius:32px}
.marketing-theme .solution-workflow+.solution-ai {margin-top:32px}
.marketing-theme .solution-ai-layout {gap:72px}
.marketing-theme .solution-ai-layout>div>p {font-size:19px;line-height:1.6;color:#395449}
.marketing-theme .solution-prompt {background:#fff;border:1px solid #d2e3cd;border-radius:24px;padding:34px}
.marketing-theme .solution-prompt>span {font-size:13px;color:#456c50}
.marketing-theme .solution-prompt>p {font-size:28px;line-height:1.35}
.marketing-theme .solution-prompt>small {font-size:12px;line-height:1.7}
.marketing-theme .solution-boundary h3 {font-size:14px}
.marketing-theme .solution-boundary p {font-size:14px;line-height:1.7;color:var(--muted)}
.marketing-theme .solution-planner {background:#f6f8f3;border-color:#d8e2d9;border-radius:24px;padding:34px}
.marketing-theme .solution-planner h3 {font-size:31px}
.marketing-theme .planner-intro, .marketing-theme .solution-planner .planner-check {font-size:14px;line-height:1.65}
.marketing-theme .solution-planner legend, .marketing-theme .solution-planner>label {font-size:14px}
.marketing-theme .solution-planner textarea {font-size:16px;border-color:#afc5b7;border-radius:12px}
.marketing-theme .solution-planner input[type="checkbox"] {accent-color:#245b42}
.marketing-theme .planner-help {font-size:12px}
.marketing-theme .planner-result {background:#e2f0db;border-radius:14px}
.marketing-theme .planner-result p {font-size:14px}
.marketing-theme .enterprise-faq summary {font-size:18px;line-height:1.5}
.marketing-theme .enterprise-faq details>p {font-size:16px;line-height:1.7;color:var(--muted)}
.marketing-theme .solution-related strong {font-size:28px}
.marketing-theme .solution-related li>a>span:first-child {font-size:12px}
.marketing-theme .product-connection-grid a p {font-size:15px;line-height:1.65}

/* Directories keep the same pastel product palette and spacious typography. */
.marketing-theme .product-catalog {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.marketing-theme .product-catalog article {padding:38px;border-radius:24px;background:#d8f0ec}
.marketing-theme .product-catalog article:nth-child(6n+2) {background:#fff0aa}
.marketing-theme .product-catalog article:nth-child(6n+3) {background:#f5dbec}
.marketing-theme .product-catalog article:nth-child(6n+4) {background:#e0efb5}
.marketing-theme .product-catalog article:nth-child(6n+5) {background:#eadff8}
.marketing-theme .product-catalog article:nth-child(6n+6) {background:#dce9fc}
.marketing-theme .product-catalog article>p {font-size:17px;line-height:1.6}
.marketing-theme .product-catalog ul {font-size:14px;line-height:1.65}
.marketing-theme .product-catalog-title>span {font-size:12px;max-width:110px}
.marketing-theme .product-preview-note {font-size:13px}
.marketing-theme .product-journey-band {margin:0 16px 80px;padding-block:76px;border-radius:32px;background:#eaf5e8;color:var(--ink)}
.marketing-theme .product-journey-band .solution-section-heading>p, .marketing-theme .product-journey p {color:#395449}
.marketing-theme .product-journey li {border-color:#bdd7b6}
.marketing-theme .product-journey p {font-size:14px;line-height:1.65}
.marketing-theme .product-journey-band a:focus-visible {outline-color:#226047}
.marketing-theme .directory-search {padding-block:38px}
.marketing-theme .directory-search input {font-size:16px;background:#fff;border-radius:12px;border-color:#afc5b7}
.marketing-theme .directory-search button {min-height:44px;color:#245b42;border-radius:10px}
.marketing-theme .directory-group {padding-block:40px 64px}
.marketing-theme .directory-heading {margin-bottom:30px;gap:70px}
.marketing-theme .directory-heading>p {font-size:18px;line-height:1.55;color:var(--muted)}
.marketing-theme .directory-grid {gap:20px}
.marketing-theme .directory-grid>a {border:1px solid transparent;border-radius:22px;background:#f0f5eb;padding:28px;min-height:180px}
.marketing-theme .directory-grid>a:nth-child(4n+2) {background:#e5f2ee}
.marketing-theme .directory-grid>a:nth-child(4n+3) {background:#f4e9f2}
.marketing-theme .directory-grid>a:nth-child(4n+4) {background:#f8f0d3}
.marketing-theme .directory-grid>a:hover {border-color:#8cab9a;background:#e5efdf}
.marketing-theme .directory-grid h3 {font-size:29px;line-height:1.15}
.marketing-theme .directory-grid p {font-size:16px;line-height:1.6;color:#395449}
.marketing-theme .directory-group:last-of-type {padding-bottom:80px}

/* The same soft gradient and white closing card as the homepage. */
.marketing-theme .solution-close {margin:0 16px;padding:90px 24px;border-radius:40px;background:radial-gradient(ellipse at 80% 0,#e2f9b4,transparent 70%),radial-gradient(ellipse at 80% 100%,#cdf0e8,transparent 65%),linear-gradient(130deg,#d9efdf,#f0eaf7)}
.marketing-theme .solution-close>.enterprise-wrap {display:block;width:100%;max-width:950px;padding:62px 35px;background:#fff;border-radius:30px;text-align:center}
.marketing-theme .solution-close h2 {max-width:none;font-size:clamp(36px,3.6vw,52px);line-height:1.05;margin:0 auto 28px}
.marketing-theme .solution-close .enterprise-button {background:#245b42;color:#e2ffdb}

@media(max-width:1100px) {
  .marketing-theme .solution-opportunity, .marketing-theme .solution-section-heading, .marketing-theme .solution-ai-layout, .marketing-theme .solution-pilot-layout, .marketing-theme .solution-questions {gap:44px}
  .marketing-theme .story-heading {gap:40px}
  .marketing-theme .product-journey {grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
}
@media(max-width:800px) {
  .marketing-theme {--solution-space:70px}
  .marketing-theme main .enterprise-wrap {width:calc(100% - 40px)}
  .marketing-theme .solution-hero {padding-top:35px;padding-bottom:64px}
  .marketing-theme .solution-hero h1 {font-size:58px}
  .marketing-theme .solution-hero-bottom>p {font-size:22px}
  .marketing-theme .solution-sections {gap:4px 22px;margin-top:26px}
  .marketing-theme .solution-sections>a {font-size:13px}
  .marketing-theme .story-demo, .marketing-theme .product-capability-section, .marketing-theme .solution-workflow, .marketing-theme .solution-ai, .marketing-theme .product-journey-band {margin-inline:12px;border-radius:28px;padding-block:54px}
  .marketing-theme .story-demo-wrap {width:calc(100% - 40px)}
  .marketing-theme .story-heading {grid-template-columns:1fr;gap:20px}
  .marketing-theme .story-heading h2 {max-width:650px;font-size:38px}
  .marketing-theme .story-board {grid-template-columns:1fr}
  .marketing-theme .solution-opportunity, .marketing-theme .solution-ai-layout, .marketing-theme .solution-pilot-layout, .marketing-theme .solution-questions, .marketing-theme .product-use-cases {grid-template-columns:1fr;gap:36px}
  .marketing-theme .solution-section-heading {grid-template-columns:1fr;gap:20px}
  .marketing-theme .directory-heading {grid-template-columns:1fr;gap:20px}
  .marketing-theme .solution-section-heading>p {max-width:650px;font-size:17px}
  .marketing-theme .solution-priorities {padding-left:24px}
  .marketing-theme .product-capabilities article, .marketing-theme .solution-capabilities>a {padding:26px}
  .marketing-theme .product-capabilities h3, .marketing-theme .solution-capabilities h3 {font-size:27px}
  .marketing-theme .workflow-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-theme .workflow-panel {padding:28px;gap:30px}
  .marketing-theme .solution-workflow-foot {align-items:flex-start}
  .marketing-theme .product-catalog article {padding:28px}
  .marketing-theme .solution-close {margin-inline:12px;padding:64px 24px;border-radius:28px}
  .marketing-theme .solution-close>.enterprise-wrap {padding:48px 28px}
  .marketing-theme .solution-close h2 {font-size:43px}
}
@media(max-width:600px) {
  .marketing-theme .product-capabilities, .marketing-theme .solution-capabilities, .marketing-theme .product-catalog, .marketing-theme .directory-grid, .marketing-theme .product-connection-grid {grid-template-columns:1fr}
  .marketing-theme .product-capabilities article, .marketing-theme .solution-capabilities>a {min-height:0;padding:28px}
  .marketing-theme .workflow-panel {grid-template-columns:1fr;gap:24px}
  .marketing-theme .workflow-owner strong {max-width:none}
  .marketing-theme .solution-related ul {grid-template-columns:1fr;gap:16px}
  .marketing-theme .solution-related li>a {min-height:100px}
  .marketing-theme .solution-workflow-foot {flex-direction:column;gap:12px}
  .marketing-theme .product-journey {grid-template-columns:1fr;gap:26px}
}
@media(max-width:480px) {
  .marketing-theme {--solution-space:62px}
  .marketing-theme h2 {font-size:38px}
  .marketing-theme .solution-hero {padding-top:24px;padding-bottom:60px}
  .marketing-theme .solution-breadcrumb {font-size:12px;margin-bottom:22px;gap:8px}
  .marketing-theme .solution-hero h1 {font-size:clamp(36px,11.8vw,50px);line-height:1.04;letter-spacing:-.04em}
  .marketing-theme .solution-hero-bottom {margin-top:22px}
  .marketing-theme .solution-hero-bottom>p {font-size:20px;line-height:1.4}
  .marketing-theme .solution-hero-actions {gap:9px;flex-wrap:wrap;margin-top:26px}
  .marketing-theme .solution-hero-actions .enterprise-button, .marketing-theme .solution-hero-actions .enterprise-text-link {align-self:center;min-height:48px;font-size:14px;padding:14px 18px;gap:8px;border-radius:10px}
  .marketing-theme .solution-sections {justify-content:flex-start;gap:2px 20px}
  .marketing-theme .story-demo, .marketing-theme .product-capability-section, .marketing-theme .solution-workflow, .marketing-theme .solution-ai {padding-block:42px}
  .marketing-theme .story-demo-wrap, .marketing-theme .product-capability-section>.enterprise-wrap, .marketing-theme .solution-workflow>.enterprise-wrap, .marketing-theme .solution-ai>.enterprise-wrap, .marketing-theme .product-journey-band>.enterprise-wrap {width:calc(100% - 32px)}
  .marketing-theme .story-heading h2 {font-size:33px}
  .marketing-theme .story-heading>div>p:not(.story-eyebrow) {font-size:15px}
  .marketing-theme .story-heading .story-eyebrow {font-size:11px}
  .marketing-theme .story-heading>div>.story-disclosure {font-size:11px!important}
  .marketing-theme .story-toolbar {gap:8px 3px}
  .marketing-theme .story-toolbar button {font-size:11px;gap:5px}
  .marketing-theme .story-toolbar [data-story-play] {min-width:73px}
  .marketing-theme .story-window, .marketing-theme .story-manual-window {border-radius:16px}
  .marketing-theme .solution-opportunity>div>p, .marketing-theme .solution-pilot-layout>div>p {font-size:17px}
  .marketing-theme .solution-priorities h3 {font-size:26px}
  .marketing-theme .solution-priorities p {font-size:16px}
  .marketing-theme .product-capabilities h3, .marketing-theme .solution-capabilities h3 {font-size:28px}
  .marketing-theme .product-case-list summary {font-size:24px}
  .marketing-theme .workflow-tabs button {font-size:13px;padding:12px;gap:6px}
  .marketing-theme .workflow-panel {padding:24px}
  .marketing-theme .workflow-panel h3 {font-size:27px}
  .marketing-theme .workflow-panel p {font-size:16px}
  .marketing-theme .solution-ai-layout>div>p {font-size:17px}
  .marketing-theme .solution-prompt {padding:25px}
  .marketing-theme .solution-prompt>p {font-size:25px}
  .marketing-theme .solution-planner {padding:24px}
  .marketing-theme .solution-planner h3 {font-size:28px}
  .marketing-theme .enterprise-faq summary {font-size:17px}
  .marketing-theme .enterprise-faq details>p {font-size:15px}
  .marketing-theme .directory-group {padding-block:30px 44px}
  .marketing-theme .directory-grid>a {min-height:160px;padding:26px}
  .marketing-theme .product-catalog-title h3 {font-size:36px}
  .marketing-theme .product-journey-band {margin-bottom:55px}
  .marketing-theme .solution-close {padding:42px 16px}
  .marketing-theme .solution-close>.enterprise-wrap {padding:40px 20px;border-radius:20px}
  .marketing-theme .solution-close h2 {font-size:36px}
}
@media(prefers-reduced-motion:reduce) {
  .marketing-theme *, .marketing-theme *::before, .marketing-theme *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
