/* Shared background continuity. Only decoration fades; content and photos stay opaque. */
body.home1 .rsp-faq,
body.home1.laptop-preview #faq {
 --rsp-fade:150px;
 padding-bottom:var(--rsp-fade);
 background:linear-gradient(180deg,#fff 0%,#f7faff 13%,#e5eefc 34%,#adc4e6 62%,var(--rsp-join-end));
}

/* Founder-provided native wide artwork: show the complete image. */
body.home1.laptop-preview .people-strip img[src="/imgs/CPL.png"] {
 width:100%;height:auto;aspect-ratio:2804/561;object-fit:contain;
}

/* Continuous section backgrounds. These layers paint behind content only. */
body.home1 {
 --rsp-hero-fade:300px;
 --rsp-section-fade:64px;
 /* Pricing and every FAQ share one easing curve across their section boundary. */
 --rsp-join-lead:140px;
 --rsp-join-end-alpha:rgba(255,255,255,0.0) calc(100% - 140px),rgba(255,255,255,0.028) calc(100% - 104px),rgba(255,255,255,0.104) calc(100% - 68px),rgba(255,255,255,0.216) calc(100% - 32px),rgba(255,255,255,0.33608) 100%;
 --rsp-join-end:#2a4c79 calc(100% - 140px),#30517d calc(100% - 104px),#405f87 calc(100% - 68px),#587396 calc(100% - 32px),#7288a6 100%;
 --rsp-join-start:linear-gradient(180deg,#7288a6 0px,#758ba8 4px,#94a6bc 40px,#b4c0d0 76px,#d1d8e2 112px,#e9ecf1 148px,#f9fafb 184px,#ffffff 220px);
 --rsp-join-overlay:linear-gradient(180deg,rgba(42,76,121,0.66392) 0px,rgba(42,76,121,0.648) 4px,rgba(42,76,121,0.5) 40px,rgba(42,76,121,0.352) 76px,rgba(42,76,121,0.216) 112px,rgba(42,76,121,0.104) 148px,rgba(42,76,121,0.028) 184px,rgba(42,76,121,0.0) 220px);
}
body.home1.laptop-preview main .hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 14%,#e8f0fa 28%,#8aa9d0 52%,#183b69 100%);
}
body.home1.product2 main .product2-hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 19%,#eaf1fb 38%,#91acd3 67%,#193b69 100%);
}
body.home1 main :is(.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero) {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 21%,#edf3fc 39%,#a1bbdf 70%,#1b3d69 100%);
}
body.home1.comparison2 main .cp-hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 22%,#edf3fc 42%,#a1bbdf 72%,#1b3d69 100%);
}
body.home1.editorial2 main .contact-hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 24%,#edf3fc 43%,#a1bbdf 74%,#254772 100%);
}
body.home1.editorial2 main .articles-hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 25%,#eaf2fd 48%,#a2bce0 76%,#254772 100%);
}
body.home1.docs-page main .docs-hub-hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 26%,#e9f2ff 48%,#abc5e9 77%,#294a77 100%);
}
body.home1.docs-page main .docs-category-hero {
 --rsp-hero-wash:linear-gradient(180deg,#fff 0%,#fff 30%,#edf4ff 55%,#b5cceb 82%,#42628b 100%);
}
body.home1.laptop-preview main .hero,
body.home1 main :is(.product2-hero,.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero,.cp-hero,.contact-hero,.articles-hero,.docs-hub-hero,.docs-category-hero) {
 background-image:linear-gradient(180deg,
  rgba(255,255,255,0.0) calc(100% - var(--rsp-hero-fade)),
  rgba(255,255,255,0.028) calc(100% - var(--rsp-hero-fade) * 0.9),
  rgba(255,255,255,0.104) calc(100% - var(--rsp-hero-fade) * 0.8),
  rgba(255,255,255,0.216) calc(100% - var(--rsp-hero-fade) * 0.7),
  rgba(255,255,255,0.352) calc(100% - var(--rsp-hero-fade) * 0.6),
  rgba(255,255,255,0.5) calc(100% - var(--rsp-hero-fade) * 0.5),
  rgba(255,255,255,0.648) calc(100% - var(--rsp-hero-fade) * 0.4),
  rgba(255,255,255,0.784) calc(100% - var(--rsp-hero-fade) * 0.3),
  rgba(255,255,255,0.896) calc(100% - var(--rsp-hero-fade) * 0.2),
  rgba(255,255,255,0.972) calc(100% - var(--rsp-hero-fade) * 0.1),
  rgba(255,255,255,1.0) 100%),var(--rsp-hero-wash);
}

/* Preview captions sit on the pale end of the hero wash. */
body.home1.product2 main .product2-hero-workspace .product-runtime-caption,
body.home1.product2 main .product2-hero-workspace .product-runtime-caption button {
 color:#29496f;
}
/* Ease both sides of the pricing join so there is no sudden change in slope. */
body.home1.pricing2 main .price2-plan-stage {
 background:linear-gradient(180deg,#fff 0%,#fff 24%,#eff5fe 48%,#b4ccec 70%,#7896b9 78%,var(--rsp-join-end));
}
body.home1.pricing2 main .price2-common-band {
 background:var(--rsp-join-start);
}

/* Carry the FAQ wash into its next section, preserving the closing/footer canvas. */
body.home1 main section.rsp-faq + section {
 background-image:var(--rsp-join-overlay),linear-gradient(180deg,#fff 0%,#fff 50%,#f5f5f2 100%);
}
body.home1.laptop-preview main #faq + .installation-link {
 background-image:var(--rsp-join-overlay);
}

/* Dark chapters retain their contrast, with soft edges inside their padding. */
body.home1 main :is(.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark) {
 --rsp-dark-wash:linear-gradient(155deg,#0b1730 0%,#173861 65%,#335d8c 100%);
}
body.home1.product2 main .product2-test {
 --rsp-dark-wash:linear-gradient(160deg,#0b1730 0%,#183963 65%,#335d8c 100%);
}
body.home1.actions2 main .ac-control {
 --rsp-dark-wash:linear-gradient(#101c2e,#101c2e);
}
body.home1.laptop-preview main .rsp-flow-story .support-flow {
 background-image:linear-gradient(180deg,#fff 0%,transparent var(--rsp-section-fade)),linear-gradient(180deg,#080e39 0%,#14216f 19%,#2545da 48%,#2947b5 calc(100% - var(--flow-tail)),transparent 100%);
}
body.home1 main :is(.product2-test,.ac-control,.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark) {
 background-image:linear-gradient(180deg,
  rgba(255,255,255,1.0) calc(var(--rsp-section-fade) * 0.0),
  rgba(255,255,255,0.972) calc(var(--rsp-section-fade) * 0.1),
  rgba(255,255,255,0.896) calc(var(--rsp-section-fade) * 0.2),
  rgba(255,255,255,0.784) calc(var(--rsp-section-fade) * 0.3),
  rgba(255,255,255,0.648) calc(var(--rsp-section-fade) * 0.4),
  rgba(255,255,255,0.5) calc(var(--rsp-section-fade) * 0.5),
  rgba(255,255,255,0.352) calc(var(--rsp-section-fade) * 0.6),
  rgba(255,255,255,0.216) calc(var(--rsp-section-fade) * 0.7),
  rgba(255,255,255,0.104) calc(var(--rsp-section-fade) * 0.8),
  rgba(255,255,255,0.028) calc(var(--rsp-section-fade) * 0.9),
  rgba(255,255,255,0.0) calc(var(--rsp-section-fade) * 1.0),var(--rsp-join-end-alpha)),linear-gradient(180deg,transparent calc(100% - var(--rsp-join-lead) - 100px),#2a4c79 calc(100% - var(--rsp-join-lead))),var(--rsp-dark-wash);
}


/* A full-width continuation also covers narrow content shells such as Actions. */
body.home1 main .product2-test + section {--rsp-join-gap:40px}
body.home1 main :is(.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark) + section {--rsp-join-gap:30px}
body.home1 main .cp-dark + section {--rsp-join-gap:28px}
body.home1 main :is(.product2-test,.ac-control,.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark) + section {
 position:relative;isolation:isolate;
}
body.home1 main :is(.product2-test,.ac-control,.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark) + section::after {
 content:"";position:absolute;left:50%;top:calc(0px - var(--rsp-join-gap,0px));width:100vw;height:220px;
 transform:translateX(-50%);background:var(--rsp-join-overlay);z-index:-1;pointer-events:none;
}
@media(max-width:700px) {
 body.home1 main :is(.product2-test,.ac-control,.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark) + section::after {height:160px}
}
@media(max-width:650px) {
 body.home1 main :is(.product2-test,.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark) + section {--rsp-join-gap:20px}
}

/* Pale bands and legal/article headers meet the white canvas gently as well. */
body.home1 main :is(.price-capabilities,.cp-role,.contact-company,.ac-api) {
 background-image:linear-gradient(180deg,#fff 0%,transparent 44px,transparent calc(100% - 44px),#fff 100%);
}
body.home1 main :is(.legal-hero,.article-hero) {
 background-image:linear-gradient(180deg,#fff 0%,#f4f7fc 65%,#fff 100%);
}
body.home1.laptop-preview main .platform-ribbon {
 background-image:linear-gradient(180deg,#fff 0%,#f5f5f2 28px,#f5f5f2 calc(100% - 28px),#fff 100%);
}
body.home1.editorial2 main .article-end {
 background-image:linear-gradient(180deg,#fff,transparent 44px,transparent calc(100% - 44px),#fff),linear-gradient(120deg,#ebf2fc,#f7faff 65%,#fff);
}
body.home1.editorial2 main .error-content {
 background-image:linear-gradient(180deg,
  rgba(255,255,255,0.0) calc(100% - var(--rsp-hero-fade)),
  rgba(255,255,255,0.028) calc(100% - var(--rsp-hero-fade) * 0.9),
  rgba(255,255,255,0.104) calc(100% - var(--rsp-hero-fade) * 0.8),
  rgba(255,255,255,0.216) calc(100% - var(--rsp-hero-fade) * 0.7),
  rgba(255,255,255,0.352) calc(100% - var(--rsp-hero-fade) * 0.6),
  rgba(255,255,255,0.5) calc(100% - var(--rsp-hero-fade) * 0.5),
  rgba(255,255,255,0.648) calc(100% - var(--rsp-hero-fade) * 0.4),
  rgba(255,255,255,0.784) calc(100% - var(--rsp-hero-fade) * 0.3),
  rgba(255,255,255,0.896) calc(100% - var(--rsp-hero-fade) * 0.2),
  rgba(255,255,255,0.972) calc(100% - var(--rsp-hero-fade) * 0.1),
  rgba(255,255,255,1.0) 100%),linear-gradient(180deg,#fff 0%,#fff 44%,#eff5fe 70%,#d4e3f8 100%);
}
/* Decorative edge artwork fades in as well as out at the section boundary. */
body.home1 main section :is(.closing-orbs,.sc2-closing-orbs,.ac-closing-orbs,.implementation5-closing-orbs,.platform6-closing-orbs,.price2-closing-orbs,.cp-closing-orbs,.editorial2-closing-orbs,.product2-closing-orbs,.docs-closing-orbs,.tf-close-orbs) {
 mix-blend-mode:multiply;
 mask-image:linear-gradient(var(--rsp-orb-direction,90deg),#000 80%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 66%,transparent);
 -webkit-mask-image:linear-gradient(var(--rsp-orb-direction,90deg),#000 80%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 66%,transparent);
}
body.home1:not(:has(main :is(.home-closing,.sc2-closing,.ac-cta,.implementation5-closing,.platform6-closing,.price-closing,.cp-closing,.contact-closing,.product2-closing,.docs-closing,.tf-close))) .site-footer {
 background:linear-gradient(180deg,#fff,#f5f5f2 80px);
}
body.home1.try-public main .tf-hero {
 background-image:linear-gradient(180deg,transparent calc(100% - 100px),#fff 100%),radial-gradient(ellipse at 14% 70%,#c6dafa 0%,transparent 49%),radial-gradient(ellipse at 87% 65%,#b9ceef 0%,transparent 48%),linear-gradient(180deg,#fff 25%,#f4f7fb 68%,#fff 100%);
}
body.home1.try-public main .tf-request-section::before {
 mask-image:linear-gradient(180deg,transparent,#000 80px,#000 calc(100% - 80px),transparent);
 -webkit-mask-image:linear-gradient(180deg,transparent,#000 80px,#000 calc(100% - 80px),transparent);
}
@media(max-width:700px) {
 body.home1 {
  --rsp-hero-fade:180px;--rsp-section-fade:28px;
  --rsp-join-lead:100px;
  --rsp-join-end-alpha:rgba(255,255,255,0.0) calc(100% - 100px),rgba(255,255,255,0.028) calc(100% - 74px),rgba(255,255,255,0.104) calc(100% - 48px),rgba(255,255,255,0.216) calc(100% - 22px),rgba(255,255,255,0.33) 100%;
  --rsp-join-end:#2a4c79 calc(100% - 100px),#30517d calc(100% - 74px),#405f87 calc(100% - 48px),#587396 calc(100% - 22px),#7087a5 100%;
  --rsp-join-start:linear-gradient(180deg,#7087a5 0px,#758ba8 4px,#94a6bc 30px,#b4c0d0 56px,#d1d8e2 82px,#e9ecf1 108px,#f9fafb 134px,#ffffff 160px);
  --rsp-join-overlay:linear-gradient(180deg,rgba(42,76,121,0.67) 0px,rgba(42,76,121,0.648) 4px,rgba(42,76,121,0.5) 30px,rgba(42,76,121,0.352) 56px,rgba(42,76,121,0.216) 82px,rgba(42,76,121,0.104) 108px,rgba(42,76,121,0.028) 134px,rgba(42,76,121,0.0) 160px);
 }
 body.home1 main :is(.price-capabilities,.cp-role,.contact-company,.ac-api) {
  background-image:linear-gradient(180deg,#fff 0%,transparent 28px,transparent calc(100% - 28px),#fff 100%);
 }
}
@media print {
 body.home1 main :is(.hero,.product2-hero,.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero,.cp-hero,.contact-hero,.articles-hero,.docs-hub-hero,.docs-category-hero,.product2-test,.ac-control,.sc2-chapter-dark,.implementation5-chapter-dark,.platform6-chapter-dark,.cp-dark,.price2-common-band,.price-capabilities,.cp-role,.contact-company,.ac-api) {
  background:#fff;
 }
}
body.home1 main :is(.home-closing,.sc2-closing,.ac-cta,.implementation5-closing,.platform6-closing,.price-closing,.cp-closing,.contact-closing,.product2-closing,.docs-closing,.tf-close) {
 background:linear-gradient(180deg,#fff 0%,#fff 50%,#f5f5f2 100%);
}
body.home1 .site-footer {background:#f5f5f2}
body.home1 main :is(.closing-orbs,.sc2-closing-orbs,.ac-closing-orbs,.implementation5-closing-orbs,.platform6-closing-orbs,.price2-closing-orbs,.cp-closing-orbs,.editorial2-closing-orbs,.product2-closing-orbs,.docs-closing-orbs,.tf-close-orbs) {
 /* Keep their horizontal edge treatment and fade the illustration into the footer. */
 --rsp-orb-direction:90deg;
 mask-image:linear-gradient(var(--rsp-orb-direction),#000 80%,transparent),linear-gradient(180deg,#000 66%,transparent 100%);
 mask-composite:intersect;
 -webkit-mask-image:linear-gradient(var(--rsp-orb-direction),#000 80%,transparent),linear-gradient(180deg,#000 66%,transparent 100%);
 -webkit-mask-composite:source-in;
}
body.home1 main :is(.closing-orbs--right,.sc2-closing-orbs--right,.ac-closing-orbs--right,.implementation5-closing-orbs--right,.platform6-closing-orbs--right,.price2-closing-orbs-right,.cp-closing-orbs-right,.editorial2-closing-orbs-right,.product2-closing-orbs-right,.docs-closing-orbs-right,.tf-close-orbs-right) {--rsp-orb-direction:270deg}

/* One continuous canvas beneath the homepage flow and the next story. */
body.home1.laptop-preview .rsp-flow-story {
 position:relative;isolation:isolate;background:#f5f5f2;
}
body.home1.laptop-preview .rsp-flow-story::before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(260deg,#c4d4ec 0%,#dce6f1 32%,#edf0f3 58%,#f5f5f2 85%);
 mask-image:linear-gradient(180deg,#000 calc(100% - 120px),transparent);
 -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 120px),transparent);
}
body.home1.laptop-preview .rsp-flow-story .support-flow {
 background:linear-gradient(180deg,#080e39 0%,#14216f 19%,#2545da 48%,#2947b5 calc(100% - var(--flow-tail)),transparent 100%);
}
body.home1.laptop-preview .rsp-flow-story .product-story--actions {background:transparent}
body.home1.laptop-preview .rsp-flow-story .product-story--actions::before {display:none}
body.home1.laptop-preview .installation-link {background:#fff}

/* Public demo sections share a canvas; their washes taper off before a boundary. */
body.try-public main {background:#fff}
body.try-public main .tf-hero {
 background:radial-gradient(ellipse at 14% 70%,#c6dafa 0%,transparent 49%),radial-gradient(ellipse at 87% 65%,#b9ceef 0%,transparent 48%),linear-gradient(180deg,#fff 25%,#f4f7fb 68%,#fff 100%);
}
body.try-public main .tf-explainer {background:#fff}
body.try-public main .tf-request-section {
 background:radial-gradient(ellipse at 0% 48%,#d1e1f66b,transparent 63%),linear-gradient(180deg,#fff,#f6f8fb 20%,#f6f8fb 78%,#fff);
}

/* A small invitation beside the headline, with a calm breathing motion. */
body.home1.laptop-preview .hero-heading {position:relative;max-width:1060px;margin-inline:auto}
body.home1.laptop-preview .hero-free-pill {
 position:absolute;right:82px;top:-20px;display:inline-flex;align-items:center;justify-content:center;
 min-height:38px;padding:10px 20px;border:1px solid #145d3c;border-radius:999px;
 background:#16663f;color:#fff;text-decoration:none;font-size:14px;font-weight:550;line-height:1.2;
 transform:rotate(16deg);transform-origin:center;animation:rsp-free-breathe 3.8s ease-in-out infinite;
}
body.home1.laptop-preview .hero-free-pill:hover {background:#0e4d2e;animation-play-state:paused}
body.home1.laptop-preview .hero-free-pill:focus-visible {outline:2px solid #16663f;outline-offset:5px;animation:none}
@keyframes rsp-free-breathe {0%,100%{transform:rotate(16deg) scale(1)}50%{transform:rotate(16deg) scale(1.055)}}
@media(max-width:1100px) {
 body.home1.laptop-preview .hero-heading {display:flex;flex-direction:column;align-items:center;gap:20px}
 body.home1.laptop-preview .hero-free-pill {position:static;order:-1;font-size:12px;min-height:35px;padding:9px 17px}
}
@media(max-width:700px) {
 body.home1 .rsp-faq,body.home1.laptop-preview #faq {--rsp-fade:105px}
 body.home1.laptop-preview .hero-heading {gap:17px}
}
@media(prefers-reduced-motion:reduce) {body.home1.laptop-preview .hero-free-pill {animation:none}}

/* Founder transparent artwork above the homepage headline. */
body.home1.laptop-preview .hero-copy {padding-top:104px}
body.home1.laptop-preview .hero-heading::before {
 content:"";position:absolute;left:50%;top:-92px;width:300px;height:100px;
 transform:translateX(-50%);background:url('/imgs/hi-ro.png') center/contain no-repeat;
 pointer-events:none;
}
@media(max-width:1100px) {
 body.home1.laptop-preview .hero-copy {padding-top:44px}
 body.home1.laptop-preview .hero-heading::before {
  position:static;order:-2;width:min(300px,80vw);height:auto;aspect-ratio:3/1;
  transform:none;flex:none;margin-bottom:-12px;
 }
}

/* Mobile finishing pass. Desktop declarations and the shared join curves stay intact. */
@media screen and (max-width:700px) {
 /* Light is centred behind the artwork and dissolves before the section edge. */
 body.home1[class] main :is(.hero,.product2-hero,.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero,.cp-hero,.contact-hero,.articles-hero,.docs-hub-hero,.docs-category-hero,.tf-hero) {
  background:radial-gradient(ellipse 100% 44% at 50% 58%,#a6c2e77a 0%,#c4d8f233 45%,transparent 80%),#fff;
  padding-block:32px 28px;
 }
 body.home1 main :is(.price-hero,.product2-hero,.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero,.cp-hero,.contact-hero,.articles-hero,.docs-hub-hero,.docs-category-hero,.tf-hero) h1,
 body.home1.laptop-preview main .hero-copy h1 {
  font-size:clamp(31px,8.5vw,42px)!important;line-height:1.13;letter-spacing:-.045em;
  text-wrap:balance;overflow-wrap:normal;
 }
 /* Keep intentional line breaks: hiding <br> joins words such as answerwhile. */
 body.home1[class] main :is(h1,h2,h3) br {display:revert!important}
 body.home1 main :is(.product2-hero-copy,.ac-hero-copy,.sc2-hero-copy,.implementation5-hero-copy,.platform6-hero-copy,.cp-hero-copy,.contact-hero-copy,.articles-hero-copy,.docs-hero-copy,.docs-category-hero-copy,.tf-hero-copy)>p:not([class*="eyebrow"]),
 body.home1.laptop-preview main .hero-copy>p {
  font-size:16px!important;line-height:1.65;max-width:38ch;margin:20px auto 0!important;
  text-wrap:pretty;color:#46576b;
 }
 body.home1 main :is(.hero,.product2-hero,.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero,.cp-hero,.articles-hero) :is(.hero-actions,.product2-actions,.ac-buttons,.sc2-buttons,.implementation5-actions,.platform6-actions,.cp-buttons,.articles-hero-actions) {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;
  width:100%;max-width:440px;margin-inline:auto;
 }
 body.home1 main :is(.hero,.product2-hero,.ac-hero,.sc2-hero,.implementation5-hero,.platform6-hero,.cp-hero,.articles-hero) :is(.button,.product2-button,.ac-button,.sc2-button,.implementation5-button,.platform6-button,.cp-button) {
  width:100%;max-width:none;min-width:0;min-height:50px;padding:12px 10px;font-size:13px;
  line-height:1.35;gap:8px;justify-content:center;text-align:center;
 }
 /* Full photographs fit the reading column instead of becoming edge-to-edge strips. */
 body.home1 main :is(.customer-moment-visual,.ac-hero-art,.implementation5-hero-art,.sc2-hero-art,.price2-hero-photo,.cp-hero-photo,.docs-hub-photo,.platform6-hero-art) {
  left:auto!important;transform:none!important;width:100%!important;max-width:560px!important;
  margin-inline:auto!important;margin-top:28px!important;border-radius:12px!important;
  box-shadow:0 12px 28px -22px #193b6960!important;
 }
 body.home1 main :is(.customer-moment-visual,.ac-hero-art,.implementation5-hero-art,.sc2-hero-art,.price2-hero-photo,.cp-hero-photo,.docs-hub-photo,.platform6-hero-art)>img {
  border-radius:12px!important;
 }
 body.home1 main :is(.contact-hero-visual,.articles-hero-art,.docs-category-photo,.tf-hero-photo) {
  width:100%;max-width:560px;margin:28px auto 0!important;border:0;border-radius:12px;
  overflow:hidden;box-shadow:0 12px 28px -22px #193b6960;
 }
 body.home1 main :is(.contact-hero-visual,.articles-hero-art,.docs-category-photo,.tf-hero-photo)>img {
  border-radius:12px;width:100%;height:auto;object-fit:contain;
 }
 body.home1 main :is(.ac-shell,.sc2-shell,.implementation5-shell,.platform6-shell,.cp-shell,.price-shell,.contact-shell,.articles-shell,.docs-shell,.tf-shell) {
  width:calc(100% - 40px);
 }
 body.home1.laptop-preview main .hero {padding:0 20px 36px}
 body.home1.laptop-preview main .hero-copy {padding:24px 0 32px}
 body.home1.laptop-preview main .hero-heading {gap:16px}
 body.home1.laptop-preview main .hero-heading::before {
  width:min(260px,76vw);margin-bottom:0;
 }
 body.home1.laptop-preview main .hero-device {width:100%;max-width:560px}
 body.home1.laptop-preview main .hero-device .marketing-phone {bottom:62px}
 body.home1.laptop-preview main .hero-device .demo-navigation {
  position:relative;inset:auto;display:flex;justify-content:center;gap:12px;
  width:100%;height:44px;margin:18px auto 0;
 }
 body.home1.laptop-preview main .hero-device .demo-navigation button {
  width:44px;height:44px;font-size:26px;border-color:#b8c9df;background:#fff;
 }
 body.home1.laptop-preview main .customer-moment {padding-block:44px 36px}
 body.home1.laptop-preview main .customer-moment :is(h2,p) {max-width:38ch;margin-inline:auto}
 body.home1.laptop-preview main .customer-moment h2 {font-size:32px;line-height:1.15}
 body.home1.laptop-preview main .customer-moment h2 br {display:none}
 body.home1.laptop-preview main .customer-moment-visual {width:calc(100% - 40px)!important}
 /* Screen crops remain identical; mobile uses all the available reading width. */
 body.home1.showcase2[class] main .sc2-capture,body.home1.actions2[class] main .ac-capture,
 body.home1.implementation5[class] main .implementation5-step>figure,body.home1.platform6[class] main .platform6-step>figure {
  width:100%;max-width:100%;margin-inline:auto;
 }
 body.home1 main :is(.sc2-capture,.ac-capture,.implementation5-step,.platform6-step) figcaption {
  align-items:flex-start;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.6;
 }
 body.home1 main :is(.sc2-capture,.ac-capture,.implementation5-step,.platform6-step) figcaption :is(a,button) {
  min-height:44px;display:inline-flex;align-items:center;
 }
 /* The FAQ illustration explains its three themes without a tall cropped photo. */
 body.home1[class] main :is(.rsp-faq,#faq) {padding-top:48px}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-shell,.faq-layout) {gap:24px;width:calc(100% - 40px)}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-heading,.faq-heading) h2 {font-size:32px;line-height:1.15}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene,.faq-scene) {
  aspect-ratio:auto;min-height:0;margin-top:24px;overflow:visible;background:transparent;
 }
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene,.faq-scene)>img {
  position:static;inset:auto;width:100%;height:auto;aspect-ratio:auto;
  object-fit:cover;object-position:center;border-radius:10px;
 }
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene,.faq-scene)::after {display:none}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene-panes,.faq-scene-panes) {
  position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;padding:0;margin-top:10px;align-items:stretch;
 }
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene-pane,.faq-scene-pane) {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  width:auto;min-width:0;min-height:0;padding:13px 10px;gap:10px;border:1px solid #c5d5e9;
  border-radius:9px;background:#ffffffb8;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
 }
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene-pane,.faq-scene-pane) svg {width:23px;height:23px;stroke:#355b88}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene-pane,.faq-scene-pane) p {
  font-size:12px;line-height:1.4;color:#244466;text-shadow:none;
 }
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-scene-pane,.faq-scene-pane) span {font-size:11px;line-height:1.45;color:#52677d;margin-top:7px}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-item,.faq-item) summary {padding:19px 52px 19px 17px;font-size:15px;line-height:1.55}
 body.home1[class] main :is(.rsp-faq,#faq) :is(.rsp-faq-answer-inner,.faq-answer-inner) {padding:0 17px 22px;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
 body.home1[class] main #faq .faq-answer p {padding:0;font-size:inherit;line-height:inherit}
 /* Browsing, forms and controls use comfortable touch targets and readable type. */
 body.home1 #siteHeader .menu-button {width:44px}
 body.home1 main :is(.product-tour-tabs [role=tab],.ac-json-tabs button,.business-controls button,.docs-copy) {min-height:44px}
 body.home1.laptop-preview main .business-controls button {width:44px;height:44px}
 body.home1.laptop-preview main .business-carousel {padding-inline:0}
 body.home1.laptop-preview main .business-arrow {
  width:44px;height:44px;top:auto;bottom:0;transform:none;
 }
 body.home1.laptop-preview main .business-chat {width:min(340px,calc(100% - 24px))}
 body.home1.laptop-preview main .business-slide figcaption {min-height:0;padding-bottom:18px}
 body.home1.laptop-preview main .business-controls {padding-inline:0;gap:0;justify-content:center;margin-bottom:56px}
 body.home1.laptop-preview main .support-flow-route {min-height:105px;border-radius:12px}
 body.home1.laptop-preview main .support-flow-result {min-height:0;padding:24px 20px}
 body.home1.docs-category-page main .docs-category-guide-cover {aspect-ratio:3/1}
 body.home1.docs-category-page main .docs-category-guide-grid {gap:28px}
 body.home1.docs-page main .docs-category-grid {gap:28px}
 body.home1.docs-page main .docs-search-box {min-height:52px}
 body.home1.docs-page main .docs-popular a {display:inline-flex;align-items:center;min-height:44px}
 body.home1.docs-page main .docs-category-photo-links {display:none}
 body.home1.docs-page main .docs-category-hero .docs-breadcrumbs {margin-bottom:18px}
 body.home1 main :is(.tf-field input,.tf-field textarea,.docs-search-box input) {font-size:16px}
 body.home1.try-public main .tf-check-field {font-size:13px;line-height:1.65;min-height:44px}
 body.home1.product2 main .product-runtime-caption button {min-height:44px}
 body.home1 .site-footer .footer-links a {display:inline-flex;align-items:center;min-height:44px}
 body.home1 main :is(.contact-outreach-list,.contact-mail-list) a {overflow-wrap:anywhere}
 body.home1 main :is(.legal-copy,.article-prose,.docs-article) :is(p,li,a) {overflow-wrap:anywhere}
 body.home1 main :is(.implementation5-nav,.platform6-nav,.ac-nav,.cp-nav) summary {min-height:52px}
}

/* Mobile follow-up. Match banner crops, shorten the headline and compact navigation. */
@media screen and (max-width:700px) {
 body.home1.laptop-preview main .people-strip img[src="/imgs/CPL.png"] {
  aspect-ratio:3/1;height:auto;object-fit:cover;object-position:center;
 }
 body.home1.laptop-preview main .hero-copy h1 {
  font-size:clamp(23px,7vw,29px)!important;line-height:1.17;letter-spacing:-.04em;
 }
 body.home1 #siteHeader .mobile-nav {padding:8px 20px 12px;gap:0 18px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home1 #siteHeader.menu-open .mobile-nav {display:grid}
 body.home1 #siteHeader .mobile-nav summary {min-height:44px;padding:10px 0;font-size:14px;line-height:1.3;gap:8px}
 body.home1 #siteHeader .mobile-nav summary::after {font-size:18px}
 body.home1 #siteHeader .mobile-nav details[open] {grid-column:1/-1}
 body.home1 #siteHeader .mobile-nav details a {min-height:44px;font-size:14px;padding:12px 0}
 body.home1 #siteHeader .mobile-nav .mobile-login {display:none}
}

/* Mobile two-line headline and smaller hero artwork. */
@media screen and (max-width:700px) {
 body.home1.laptop-preview main .hero-copy h1 {font-size:clamp(20px,6.1vw,26px)!important;line-height:1.17;letter-spacing:-.04em}
 body.home1.laptop-preview main .hero-heading::before {width:min(182px,53.2vw)}
}