/* Shared finishing layer: consultation actions, readable captions, and mobile openings. */
body a:is(.scene-cta,.button,.consult-button,.closing-cta)[href^="https://wa.me/"]{
  background:#21664E;color:#FAF8F4;border:1px solid #21664E;
  min-height:52px;font-size:16px;line-height:1.4;
}
body a:is(.scene-cta,.button,.consult-button,.closing-cta)[href^="https://wa.me/"]:hover{
  background:#194e3c;border-color:#194e3c;
}
.sales-page .button:not([href^="https://wa.me/"]){background:transparent;border-color:currentColor;color:inherit}
.sales-page .button:not([href^="https://wa.me/"]):hover{background:#20202008}
body a:is(.scene-cta,.button,.consult-button,.closing-cta):focus-visible{outline:3px solid #244FA8;outline-offset:5px}
/* Keep inverse contrast for calls to action on dark closing scenes. */
body :is(.closing,.closing-panel) a:is(.closing-cta,.button)[href^="https://wa.me/"]{
  background:#FAF8F4;color:#21664E;border-color:#FAF8F4;
}
body :is(.closing,.closing-panel) a:is(.closing-cta,.button)[href^="https://wa.me/"]:hover{background:#EDF4EE}
body.industry-page #story [class$="-concept"] p,
body.industry-page #story [class*="-concept "] p,
body.industry-page.industry-construction .solutions-note,
body.industry-page .outcomes-foot,
body:is(.home-page,.industry-page) .preview-heading>p{font-size:16px;line-height:1.6}
body.industry-page .detail-view figcaption{font-size:16px;line-height:1.5}
.sales-page .faq-list p{font-size:17px;line-height:1.7;color:#494f49}
.sales-page .faq-list summary:after{color:#AD350F}
.sales-page .hero h1{font-size:clamp(40px,4.1vw,62px);line-height:1.05;letter-spacing:-.04em}
.sales-page .hero{min-height:620px;padding-top:48px;padding-bottom:64px}
.sales-page .hero .eyebrow{margin-bottom:20px}
.sales-page .hero h1{margin-bottom:24px}
.sales-page .hero-art{min-height:440px}
.sales-page .contact-art{min-height:460px}
.sales-page .section{padding-top:88px;padding-bottom:88px}
.sales-page .page-motion{width:44px;height:44px;min-width:44px}
@media(max-width:760px),(max-height:700px){
  /* Lead with the headline and action, then reveal the artwork before longer context. */
  body.industry-page #story .scene[data-chapter="0"]{display:grid;grid-template-columns:minmax(0,1fr);padding:26px 6% 30px;gap:0}
  body.industry-page #story .scene[data-chapter="0"] .hero-copy,
  body.industry-page #story .scene[data-chapter="0"] [class$="-hero-actions"]{display:contents}
  body.industry-page #story .scene[data-chapter="0"] .eyebrow{order:0;margin:0 0 16px;font-size:11px;line-height:1.5}
  body.industry-page #story .scene[data-chapter="0"] h1{order:1;margin:0 0 20px}
  body.industry-page #story .scene[data-chapter="0"] a[href^="https://wa.me/"]{order:2;justify-self:start;max-width:100%;padding:13px 18px;gap:16px;text-align:left;white-space:normal}
  body.industry-page #story .scene[data-chapter="0"] .mobile-building{order:3;width:100%;max-width:500px;height:clamp(230px,66vw,330px);margin:12px auto 16px}
  body.industry-page #story .scene[data-chapter="0"] .hero-copy>p{order:4;font-size:16px;line-height:1.65;max-width:620px;margin:0 auto 12px;width:100%}
  body.industry-page #story .scene[data-chapter="0"] [class$="-secondary"]{order:5;justify-self:start;min-height:44px;font-size:16px;line-height:1.5}
  body.industry-page #story .scene[data-chapter="0"] :is(.giant-word,.scene-aside,.model-caption){display:none}
}
@media(max-width:760px){
  .sales-page .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px;padding-bottom:36px;min-height:0}
  .sales-page .hero-copy{display:contents}
  .sales-page .hero .eyebrow{order:0;margin-bottom:16px}
  .sales-page .hero h1{order:1;font-size:clamp(34px,9.3vw,52px);line-height:1.05;margin:0 0 20px}
  .sales-page .hero .hero-copy>.button{order:2;justify-self:start;max-width:100%;margin:0;padding:13px 18px;gap:18px}
  .sales-page .hero .hero-art{order:3;min-height:0;height:clamp(240px,67vw,340px);max-width:470px;margin:22px auto 24px}
  .sales-page .hero .hero-copy>p{order:4;font-size:16px;line-height:1.65;margin:0 0 16px}
  .sales-page .hero .art-label{display:none}
  .sales-page .hero .art-word{font-size:120px}
  .sales-page .contact-art{order:3;min-height:0;height:360px;margin:24px auto}
  .sales-page .hero .contact-card .eyebrow{margin-bottom:24px}
  .sales-page .section{padding-top:58px;padding-bottom:58px}
  .sales-page .faq-list p{font-size:16px}
  body.industry-page .detail-view figcaption{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  body a:is(.scene-cta,.button,.consult-button,.closing-cta){transition:none;transform:none}
}

/* The approved package introduction. */
body:is(.home-page,.industry-page) .package-introduction{
  min-width:0;padding:30px;background:#EDF4EE;border:1px solid #21664E40;color:#202020;
}
body:is(.home-page,.industry-page) .package-introduction .slot-number{color:#21664E;margin-bottom:26px}
body:is(.home-page,.industry-page) .package-introduction h3{
  font-size:clamp(27px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em;font-weight:700;margin:0 0 18px;
}
body:is(.home-page,.industry-page) .package-introduction p{font-size:16px;line-height:1.65;margin:0 0 18px;color:#494f49}
body:is(.home-page,.industry-page) .package-introduction .package-introduction-lead{font-size:18px;line-height:1.5;color:#21664E}
body:is(.home-page,.industry-page) .package-introduction-link{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-top:auto;padding:12px 0;
  border-bottom:1px solid #21664E70;color:#21664E;font-size:16px;line-height:1.5;text-decoration:none;
}
body:is(.home-page,.industry-page) .package-introduction-link:hover{color:#194e3c;border-bottom-color:currentColor}
body:is(.home-page,.industry-page) .package-introduction-link:focus-visible{outline:3px solid #244FA8;outline-offset:5px}
@media(max-width:760px){body:is(.home-page,.industry-page) .package-introduction{padding:26px}}


/* A balanced two-column introduction after removing demonstration and evidence cards. */
body:is(.home-page,.industry-page) .package-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:center}
body:is(.home-page,.industry-page) .package-focus .preview-heading{margin:0;max-width:620px;justify-self:end;width:100%}
body:is(.home-page,.industry-page) .package-focus .preview-grid{display:block;margin:0;width:100%;max-width:620px}
body:is(.home-page,.industry-page) .package-focus .package-introduction{min-height:0;padding:clamp(26px,3vw,44px)}
.sales-page .company-purpose{max-width:780px}
.sales-page .company-purpose p{font-size:18px;line-height:1.7;color:#494f49;margin:0 0 20px}
@media(max-width:760px){
 body:is(.home-page,.industry-page) .package-focus{grid-template-columns:minmax(0,1fr);gap:24px}
 body:is(.home-page,.industry-page) .package-focus .preview-heading{justify-self:start;max-width:none}
 body:is(.home-page,.industry-page) .package-focus .preview-grid{max-width:none}
 .sales-page .company-purpose p{font-size:16px}
}