/* Product, capability and scenario pages. All rules remain page-scoped. */
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) main {
  background:#fff;
  color:#112744;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero,.section) {
  width:min(1184px,calc(100% - 80px));
  max-width:1184px;
  margin-inline:auto;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section {
  padding:72px 0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(h1,h2,h3) {
  color:#112744;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .eyebrow {
  color:#2164be;
  font-size:11px;
  line-height:1.6;
  letter-spacing:.07em;
  font-weight:700;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:48px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading>div {
  min-width:0;
  flex:1 1 auto;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section h2 {
  font-size:38px;
  line-height:1.4;
  font-weight:800;
  margin:14px 0 0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading>p {
  flex:0 1 345px;
  max-width:345px;
  color:#607089;
  font-size:14px;
  line-height:1.95;
  margin:0 0 4px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero) h1 em {
  background:none;
  color:#1765d5;
  -webkit-text-fill-color:currentColor;
  font-style:normal;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero) .hero-actions {
  flex-wrap:wrap;
  gap:11px;
  margin-top:28px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero) .hero-action-note {
  max-width:450px;
  color:#607089;
  font-size:11px;
  line-height:1.9;
  margin:15px 0 0;
}

/* Product opening: named product first, then a short value statement and artwork. */
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);
  gap:64px;
  align-items:center;
  min-height:505px;
  padding:64px 0 68px;
  background:none;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero>div {
  min-width:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 {
  font-size:50px;
  line-height:1.25;
  font-weight:850;
  margin:18px 0 21px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 em {
  display:block;
  max-width:23em;
  font-size:25px;
  line-height:1.65;
  font-weight:650;
  margin-top:17px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero .hero-lead {
  max-width:550px;
  font-size:15px;
  line-height:1.95;
  color:#607089;
  margin:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-orbit {
  min-height:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-height:0;
  padding:0;
  border:1px solid #e1eaf4;
  border-radius:12px;
  background:linear-gradient(145deg,#f9fcff,#f0f6fc);
  box-shadow:none;
  overflow:hidden;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card img {
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  aspect-ratio:1.52;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  mix-blend-mode:multiply;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card span {
  position:static;
  max-width:none;
  padding:13px 20px;
  border:0;
  border-top:1px solid #e3ebf4;
  border-radius:0;
  background:rgba(255,255,255,.72);
  color:#607089;
  font-size:11px;
  line-height:1.8;
  text-align:center;
  backdrop-filter:none;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero+.section {
  padding-top:50px;
  border-top:1px solid #e4ebf3;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:34px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:17px;
  min-width:0;
  min-height:215px;
  padding:26px;
  border:1px solid #e1e8f1;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  transition:border-color .2s ease,transform .2s ease;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card:hover {
  border-color:#bfcfe3;
  box-shadow:none;
  transform:translateY(-2px);
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-icon {
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:7px;
  background:#edf4fc;
  color:#607089;
  font-size:20px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card>div:last-child {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1;
  min-width:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card h3 {
  font-size:19px;
  font-weight:700;
  line-height:1.5;
  margin:0 0 9px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card p {
  color:#607089;
  font-size:13px;
  line-height:1.95;
  margin:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .status-tag {
  margin-top:16px;
  padding:3px 8px;
  border-radius:4px;
  background:#f1f5fa;
  color:#607089;
  font-size:10px;
  line-height:1.6;
  font-weight:500;
}

/* Product workflow and screenshot remain complete and readable. */
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-showcase {
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:68px;
  align-items:center;
  padding-top:62px;
  padding-bottom:68px;
  border-top:1px solid #e4ebf3;
  background:#fff;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-copy,
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media {
  min-width:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-copy h2 {
  font-size:34px;
  line-height:1.45;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .workflow {
  margin-top:27px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .workflow div {
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:17px;
  padding:14px 0;
  border-bottom:1px solid #e7edf4;
  color:#607089;
  font-size:14px;
  line-height:1.7;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .workflow i {
  color:#607089;
  font-size:11px;
  font-weight:600;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media {
  margin-top:0;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media img {
  width:100%;
  height:auto;
  border:1px solid #dfe7f1;
  border-radius:10px;
  background:#f7faff;
  box-shadow:0 9px 25px rgba(31,62,103,.045);
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media:after {
  top:12px;
  right:12px;
  padding:5px 8px;
  border:1px solid #dce5ef;
  border-radius:4px;
  background:rgba(255,255,255,.94);
  color:#607089;
  box-shadow:none;
  font-size:9px;
  font-weight:500;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media small {
  color:#607089;
  font-size:10px;
  line-height:1.9;
  margin-top:12px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .light-band {
  width:100%;
  max-width:none;
  padding:61px max(40px,calc((100% - 1184px)/2)) 65px;
  background:#f5f8fc;
  border-top:1px solid #e9eef5;
  border-bottom:1px solid #e9eef5;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .light-band h2 {
  max-width:870px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:35px;
  margin-top:32px;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid div {
  min-width:0;
  border:0;
  border-top:1px solid #d8e3ef;
  border-radius:0;
  padding:20px 0 0;
  background:none;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid strong {
  font-size:23px;
  line-height:1.6;
  color:#456b99;
  font-weight:650;
}
:is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid span {
  font-size:13px;
  line-height:1.9;
  color:#607089;
  margin-top:6px;
}

/* The capability and scenario intros use the same quiet editorial rhythm. */
:is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-split {
  display:grid;
  grid-template-columns:minmax(0,1.19fr) minmax(0,1fr);
  gap:63px;
  align-items:center;
  min-height:410px;
  padding:58px 0 65px;
}
:is(body[data-page="features"], body[data-page="scenarios"]) .page-hero h1 {
  font-size:43px;
  line-height:1.4;
  font-weight:850;
  max-width:none;
  margin:17px 0 20px;
}
:is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-copy p {
  max-width:580px;
  font-size:15px;
  line-height:1.95;
  color:#607089;
  margin:0;
}
:is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-art:after {
  content:none;
}
:is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-art img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.62;
  object-fit:cover;
  border:1px solid #e2eaf4;
  border-radius:11px;
  background:#f5f9fd;
  box-shadow:none;
  animation:none;
}
body[data-page="features"] .capability-table {
  padding-top:0;
  padding-bottom:47px;
  overflow:visible;
}
body[data-page="features"] .cap-row {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr);
  gap:25px;
  align-items:start;
  min-width:0;
  padding:22px 20px;
  border:0;
  border-bottom:1px solid #e4ebf3;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  font-size:13px;
  line-height:1.9;
}
body[data-page="features"] .cap-row>* {
  min-width:0;
}
body[data-page="features"] .cap-row strong {
  color:#385a83;
  font-size:14px;
  font-weight:650;
}
body[data-page="features"] .cap-row span {
  color:#607089;
}
body[data-page="features"] .cap-row b {
  color:#607089;
  font-size:12px;
  font-weight:500;
}
body[data-page="features"] .cap-row.cap-head {
  padding:14px 20px;
  background:#f5f8fc;
  border-top:1px solid #e4ebf3;
  border-bottom:1px solid #e4ebf3;
  font-size:11px;
  font-weight:500;
  letter-spacing:.04em;
}
body[data-page="features"] .cap-head span {
  color:#607089;
}
body[data-page="features"] .ai-layers {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:29px;
  margin-top:36px;
}
body[data-page="features"] .ai-layers>div {
  padding:24px 0 0;
  border:0;
  border-top:1px solid #dbe5f0;
  border-radius:0;
  background:none;
}
body[data-page="features"] .ai-layers i {
  font-size:11px;
  font-weight:600;
  color:#607089;
}
body[data-page="features"] .ai-layers h3 {
  font-size:24px;
  line-height:1.5;
  font-weight:700;
  margin:15px 0 9px;
}
body[data-page="features"] .ai-layers p {
  color:#607089;
  font-size:13px;
  line-height:1.9;
  margin:0;
}
body[data-page="scenarios"] .scenario-page-grid {
  padding-top:32px;
  border-top:1px solid #e4ebf3;
}
body[data-page="scenarios"] .scenario-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:35px;
}
body[data-page="scenarios"] .scenario-grid article {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:27px;
  border:1px solid #e1e8f1;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  transition:border-color .2s ease,transform .2s ease;
}
body[data-page="scenarios"] .scenario-grid article:hover {
  transform:translateY(-2px);
  border-color:#bbcee4;
  box-shadow:none;
}
body[data-page="scenarios"] .scenario-index {
  justify-content:flex-start;
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
  color:#607089;
  font-size:12px;
  font-weight:500;
}
body[data-page="scenarios"] .scenario-grid h3 {
  font-size:22px;
  line-height:1.5;
  font-weight:700;
  margin:21px 0 13px;
}
body[data-page="scenarios"] .scenario-grid p {
  color:#607089;
  font-size:14px;
  line-height:1.9;
}
body[data-page="scenarios"] .scenario-grid b {
  padding-top:17px;
  margin-top:25px;
  border-top:1px solid #e6edf5;
  color:#607089;
  font-size:12px;
  line-height:1.9;
  font-weight:500;
}
body[data-page="scenarios"] .deliverable-section {
  padding-top:33px;
}
body[data-page="scenarios"] .deliverable-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  margin-top:34px;
}
body[data-page="scenarios"] .deliverable-grid div {
  min-width:0;
  gap:11px;
  padding:21px 0 0;
  border:0;
  border-top:1px solid #dce6f1;
  border-radius:0;
  background:none;
}
body[data-page="scenarios"] .deliverable-grid b {
  color:#607089;
  font-size:12px;
  line-height:1.7;
  font-weight:650;
}
body[data-page="scenarios"] .deliverable-grid span {
  color:#607089;
  font-size:14px;
  line-height:1.9;
}

@media(max-width:1000px) {
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero,.section) {width:calc(100% - 56px)}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section {padding-block:59px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section h2 {font-size:34px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading {gap:32px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading>p {flex-basis:285px;font-size:13px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero {gap:34px;padding-block:51px;min-height:465px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 {font-size:44px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 em {font-size:23px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero .hero-lead {font-size:14px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card span {font-size:10px;padding:11px 15px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card {padding:23px;min-height:218px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-showcase {gap:37px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-copy h2 {font-size:30px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .light-band {width:100%;padding-inline:28px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-split {gap:35px;min-height:380px;padding-block:47px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero h1 {font-size:36px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-copy p {font-size:14px}
  body[data-page="features"] .cap-row {gap:18px;padding-inline:15px;font-size:12px}
  body[data-page="features"] .cap-row.cap-head {padding-inline:15px}
  body[data-page="features"] .cap-row strong {font-size:13px}
  body[data-page="features"] .ai-layers {gap:23px}
  body[data-page="scenarios"] .scenario-grid {gap:15px}
  body[data-page="scenarios"] .scenario-grid article {padding:23px}
  body[data-page="scenarios"] .scenario-grid h3 {font-size:21px}
  body[data-page="scenarios"] .scenario-grid p {font-size:13px}
}

@media(max-width:800px) {
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading {display:block}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading>p {max-width:570px;margin:18px 0 0;font-size:14px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero {grid-template-columns:1fr;gap:30px;padding-top:42px;padding-bottom:45px;min-height:0}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 {font-size:44px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 em {max-width:29em;font-size:23px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero .hero-lead {max-width:660px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-orbit {width:100%;max-width:600px;margin-inline:auto}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card img {aspect-ratio:1.9}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card {min-height:213px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-showcase {grid-template-columns:1fr;gap:29px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-copy h2 {max-width:650px;font-size:32px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .workflow {margin-top:21px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media {max-width:760px;width:100%}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid {gap:24px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid strong {font-size:21px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid span {font-size:12px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-split {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:27px;min-height:350px;padding-block:38px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero h1 {font-size:31px;line-height:1.5;margin-block:14px 17px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-copy p {font-size:13px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-art img {aspect-ratio:1.32}
  body[data-page="features"] .cap-row {grid-template-columns:minmax(0,.83fr) minmax(0,1.7fr) minmax(0,.95fr) minmax(0,1fr);gap:15px;padding-inline:12px}
  body[data-page="features"] .cap-row.cap-head {padding-inline:12px}
  body[data-page="features"] .ai-layers {grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 35px}
  body[data-page="scenarios"] .scenario-grid {grid-template-columns:1fr}
  body[data-page="scenarios"] .scenario-grid article {padding:25px}
  body[data-page="scenarios"] .scenario-grid h3 {margin-top:13px;font-size:23px}
  body[data-page="scenarios"] .scenario-grid p {font-size:14px}
  body[data-page="scenarios"] .scenario-grid b {margin-top:20px;font-size:13px}
  body[data-page="scenarios"] .deliverable-grid {gap:23px}
  body[data-page="scenarios"] .deliverable-grid span {font-size:13px}
}

/* Capability rows become readable records without a horizontal table scroller. */
@media(max-width:700px) {
  body[data-page="features"] .capability-table {padding-top:8px;padding-bottom:26px}
  body[data-page="features"] .cap-row.cap-head {display:none}
  body[data-page="features"] .cap-row {
    grid-template-columns:minmax(0,1fr) auto;
    gap:11px 16px;
    align-items:start;
    padding:23px 0;
    border:0;
    border-bottom:1px solid #e3ebf4;
    border-radius:0;
    box-shadow:none;
  }
  body[data-page="features"] .cap-row:first-of-type+.cap-row {border-top:1px solid #e3ebf4}
  body[data-page="features"] .cap-row strong {grid-column:1;grid-row:1;font-size:16px;line-height:1.6}
  body[data-page="features"] .cap-row span:nth-child(2) {grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.9}
  body[data-page="features"] .cap-row span:nth-child(3) {grid-column:1/-1;grid-row:3;display:flex;flex-direction:row;gap:12px;font-size:11px;line-height:1.8}
  body[data-page="features"] .cap-row b {grid-column:2;grid-row:1;display:block;align-self:center;font-size:10px;font-weight:500;line-height:1.7;padding:3px 7px;border-radius:4px;background:#f0f5fb}
  body[data-page="features"] .cap-row strong:before,
  body[data-page="features"] .cap-row span:nth-child(2):before,
  body[data-page="features"] .cap-row b:before {display:none}
  body[data-page="features"] .cap-row span:nth-child(3):before {display:inline;font-size:10px;font-weight:400;color:#607089;letter-spacing:0}
}

@media(max-width:520px) {
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero,.section) {width:calc(100% - 40px)}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section {padding-block:43px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section h2 {font-size:28px;line-height:1.5;margin-top:12px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .section-heading>p {font-size:13px;line-height:1.95;margin-top:15px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) .eyebrow {font-size:10px;letter-spacing:.055em}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero) .hero-actions {margin-top:23px;gap:10px;align-items:stretch}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero) .hero-actions>.button {font-size:12px;padding:12px 15px;min-height:44px;flex:1;white-space:nowrap}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.product-hero,.page-hero) .hero-action-note {font-size:10px;margin-top:12px;line-height:1.85}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero {gap:27px;padding-top:35px;padding-bottom:36px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 {font-size:37px;line-height:1.3;margin:15px 0 16px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero h1 em {font-size:21px;line-height:1.7;margin-top:14px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero .hero-lead {font-size:13px;line-height:1.95}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card {border-radius:9px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card img {aspect-ratio:1.65}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-illustration-card span {padding:10px 14px;font-size:9px;line-height:1.8}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-hero+.section {padding-top:34px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-grid {grid-template-columns:1fr;gap:13px;margin-top:25px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card {flex-direction:row;gap:15px;min-height:0;padding:21px 19px;border-radius:9px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-icon {width:31px;height:31px;flex-basis:31px;font-size:18px;border-radius:6px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card h3 {font-size:18px;margin-bottom:7px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .feature-card p {font-size:12px;line-height:1.95}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .status-tag {margin-top:13px;font-size:9px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .product-showcase {gap:25px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-copy h2 {font-size:28px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .workflow {margin-top:19px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .workflow div {gap:13px;padding-block:13px;font-size:13px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media img {border-radius:8px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media:after {font-size:8px;padding:4px 6px;top:8px;right:8px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .showcase-media small {font-size:9px;text-align:left;line-height:1.85;margin-top:10px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .light-band {width:100%;padding:38px 20px 42px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid {grid-template-columns:1fr;gap:20px;margin-top:27px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid div {display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;padding-top:17px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid strong {font-size:19px}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"]) .number-grid span {font-size:11px;line-height:1.9;margin-top:0}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-split {display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding-top:34px;padding-bottom:33px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero h1 {font-size:clamp(25px,6.5vw,32px);line-height:1.5;margin:15px 0 17px}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-copy p {font-size:13px;line-height:1.95}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-art {width:100%;max-width:400px;margin-inline:auto}
  :is(body[data-page="features"], body[data-page="scenarios"]) .page-hero-art img {aspect-ratio:1.92;border-radius:9px}
  body[data-page="features"] .ai-layers {gap:27px 23px;margin-top:27px}
  body[data-page="features"] .ai-layers>div {padding-top:18px}
  body[data-page="features"] .ai-layers h3 {font-size:22px;margin:11px 0 8px}
  body[data-page="features"] .ai-layers p {font-size:12px;line-height:1.95}
  body[data-page="features"] .capability-table {padding-top:0;padding-bottom:20px}
  body[data-page="scenarios"] .scenario-page-grid {padding-top:31px}
  body[data-page="scenarios"] .scenario-grid {gap:15px;margin-top:25px}
  body[data-page="scenarios"] .scenario-grid article {padding:23px}
  body[data-page="scenarios"] .scenario-grid h3 {font-size:21px;margin-top:13px;margin-bottom:11px}
  body[data-page="scenarios"] .scenario-grid p {font-size:13px;line-height:1.95}
  body[data-page="scenarios"] .scenario-grid b {font-size:11px;line-height:1.95;margin-top:19px;padding-top:15px}
  body[data-page="scenarios"] .deliverable-section {padding-top:10px}
  body[data-page="scenarios"] .deliverable-grid {grid-template-columns:1fr;gap:19px;margin-top:27px}
  body[data-page="scenarios"] .deliverable-grid div {grid-template-columns:61px minmax(0,1fr);gap:17px;padding-top:17px;align-items:start}
  body[data-page="scenarios"] .deliverable-grid b {font-size:11px;line-height:1.95}
  body[data-page="scenarios"] .deliverable-grid span {font-size:12px;line-height:1.95}
}

@media(prefers-reduced-motion:reduce) {
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.feature-card,.scenario-grid article,.page-hero-copy,.page-hero-art) {animation:none;transition:none}
  :is(body[data-page="products-workbench"], body[data-page="products-crm"], body[data-page="features"], body[data-page="scenarios"]) :is(.feature-card:hover,.scenario-grid article:hover) {transform:none}
}