/* Final visual-continuity layer for marketing illustrations and repeated cards. */
.marketing-site .marketing-glyph{width:1em;height:1em;display:block;overflow:visible}

/* Guest scenarios: equal controls, crisp vector marks, consistent hierarchy. */
.marketing-site .workflow-tabs{grid-auto-rows:1fr}
.marketing-site .workflow-tabs button{height:auto;min-height:96px;border-color:#d5ddd7;border-radius:14px;box-shadow:0 12px 28px rgba(20,48,33,.06)}
.marketing-site .workflow-tabs button>i{width:46px;height:46px;border-radius:13px;font-size:24px}
.marketing-site .workflow-tabs button>i .marketing-glyph{width:24px;height:24px}
.marketing-site .workflow-tabs button strong{font-size:16px}
.marketing-site .workflow-tabs button small{font-size:13px}
.marketing-site .workflow-note{max-width:1100px;margin-top:30px;padding:21px 24px;border:1px solid #d5ddd7;border-left:5px solid #d2a23f;border-radius:0 12px 12px 0;background:#fffdf7;box-shadow:0 12px 28px rgba(20,48,33,.055);color:#43594d;font-size:18px;line-height:1.6}
.marketing-site .workflow-note strong{color:#143e2b;font-size:19px}

/* Dependency chain: one measured, equal-height graphic without bubble arrows. */
.marketing-site .dependency-flow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;align-items:stretch}
.marketing-site .dependency-flow:before{display:none}
.marketing-site .dependency-flow article{position:relative;z-index:1;min-height:210px;display:flex;flex-direction:column;padding:25px 22px 22px;border:1px solid #d5ddd7;border-top:4px solid #d49333;border-radius:13px;background:linear-gradient(155deg,#fff,#fbfcfa);box-shadow:0 16px 36px rgba(20,48,33,.085)}
.marketing-site .dependency-flow article:nth-child(2){border-top-color:#8a9557}
.marketing-site .dependency-flow article:nth-child(3){border-top-color:#347459}
.marketing-site .dependency-flow article>i{width:52px;height:52px;display:grid;place-items:center;margin:-5px 0 22px;border:1px solid #e3cf9f;border-radius:14px;color:#8a5d1c;background:#fff7e4;box-shadow:0 8px 20px rgba(68,50,20,.08);font-size:25px;font-style:normal}
.marketing-site .dependency-flow article:nth-child(2)>i{border-color:#d7ddc5;color:#65703d;background:#f4f6e9}
.marketing-site .dependency-flow article:nth-child(3)>i{border-color:#c7ddd2;color:#245f45;background:#edf6f1}
.marketing-site .dependency-flow small{font-size:11px;letter-spacing:.11em}
.marketing-site .dependency-flow strong{margin:9px 0 8px;font-size:21px;line-height:1.16}
.marketing-site .dependency-flow span{margin-top:auto;padding-top:20px;border-top:1px solid #e5e9e5;font-size:14px;line-height:1.5}

/* Outcome, module and product-navigation families share equal rows and vector marks. */
.marketing-site .outcome-grid,.marketing-site .module-grid,.marketing-site .platform-view-tiles{grid-auto-rows:1fr;align-items:stretch}
.marketing-site .outcome-grid article.outcome-card,.marketing-site .module-grid article.module-card,.marketing-site .platform-view-tiles button{height:100%;border-radius:14px}
.marketing-site .outcome-grid article.outcome-card{min-height:250px}
.marketing-site .outcome-grid article.outcome-card>span .marketing-glyph{width:30px;height:30px}
.marketing-site .module-grid{gap:16px;border:0}
.marketing-site .module-grid article.module-card{min-height:310px;display:flex;flex-direction:column;border:1px solid #d5ddd7!important;border-top:5px solid var(--module)!important;box-shadow:0 14px 32px rgba(20,48,33,.07)}
.marketing-site .guest-choices i .marketing-glyph{width:20px;height:20px;margin:auto}
.marketing-site .cabin-tap-point>i .marketing-glyph{width:30px;height:30px}
.marketing-site .module-grid>article.module-card>span{margin-bottom:30px}
.marketing-site .module-grid>article.module-card>span .marketing-glyph{width:27px;height:27px}
.marketing-site .module-grid .module-card p{margin-top:auto}
.marketing-site .platform-view-tiles{gap:14px}
.marketing-site .platform-view-tiles button{min-height:190px;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.marketing-site .platform-view-tiles .module-mark .marketing-glyph{width:23px;height:23px}
.marketing-site .screen-stage .system-screen{border-radius:14px}

/* Incident story uses a quiet connecting rail rather than arrow glyphs. */
.marketing-site .incident-flow-section>header{max-width:920px}
.marketing-site .incident-flow-section>header>p:last-child{max-width:760px;font-size:18px;line-height:1.65}
.marketing-site .incident-flow{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:22px;max-width:1240px;margin-top:58px}
.marketing-site .incident-flow:before{display:none}
.marketing-site .flow-arrow{display:none}
.marketing-site .flow-node{z-index:1;height:100%;min-height:320px;display:flex;flex-direction:column;padding:32px 30px 30px;border:1px solid #d4ddd7;border-top-width:5px;border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(20,48,33,.09)}
.marketing-site .flow-node>span{top:24px;right:24px;padding:7px 9px;border:1px solid #dbe2dd;border-radius:99px;color:#60736a;background:rgba(255,255,255,.8);font-size:11px;font-weight:900;letter-spacing:.08em}
.marketing-site .flow-node>.flow-node-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:28px;border-radius:15px;color:#fff;background:#9d5544;box-shadow:0 10px 23px rgba(70,38,30,.16);font-size:29px;font-style:normal}
.marketing-site .flow-node.staff>.flow-node-icon{background:#347456;box-shadow:0 10px 23px rgba(30,80,56,.16)}
.marketing-site .flow-node.guests>.flow-node-icon{background:#367487;box-shadow:0 10px 23px rgba(32,75,88,.16)}
.marketing-site .flow-node>small{font-size:12px!important;line-height:1.3;letter-spacing:.11em}
.marketing-site .flow-node h3{margin:14px 0 14px;font-size:30px;line-height:1.12}
.marketing-site .flow-node p{margin-top:auto;padding-top:18px;border-top:1px solid #e1e7e3;font-size:16px;line-height:1.6}
.marketing-site .guest-outcome{max-width:1240px;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr);gap:42px;margin-top:24px;padding:38px 40px 40px;border:0;border-top:5px solid #f2c75c;border-radius:16px;color:#fff;background:linear-gradient(135deg,#103b2a,#0b3022);box-shadow:0 20px 44px rgba(14,48,33,.16)}
.marketing-site .guest-outcome>header{display:block;align-self:center}
.marketing-site .guest-outcome>header span{display:block;color:#f3cf72;font-size:12px;font-weight:900;line-height:1.35;letter-spacing:.12em}
.marketing-site .guest-outcome>header h3{margin:14px 0 16px;color:#fff;font-family:Georgia,serif;font-size:32px;font-weight:500;line-height:1.12;letter-spacing:-.02em}
.marketing-site .guest-outcome>header p{margin:0;color:#c9d8d0;font-size:16px;line-height:1.65}
.marketing-site .guest-outcome-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.045)}
.marketing-site .guest-outcome-moments article{min-width:0;display:flex;flex-direction:column;padding:24px 20px}
.marketing-site .guest-outcome-moments article+article{border-left:1px solid rgba(255,255,255,.14)}
.marketing-site .guest-outcome-moments article>i{width:42px;height:42px;display:grid;place-items:center;margin-bottom:20px;border-radius:12px;color:#153c2b;background:#f2c75c;font-size:22px;font-style:normal}
.marketing-site .guest-outcome-moments small{color:#f1d788;font-size:10px;font-weight:900;line-height:1.35;letter-spacing:.09em}
.marketing-site .guest-outcome-moments strong{display:block;margin:10px 0;color:#fff;font-family:var(--font-geist-sans),Arial,sans-serif;font-size:16px;font-weight:800;line-height:1.4;text-align:left}
.marketing-site .guest-outcome-moments p{margin:auto 0 0;padding-top:12px;color:#bdcec5;font-size:13px;line-height:1.55}

/* After-hours story: make the escalation and response legible at a glance. */
.marketing-site .water-story-teaser>.water-story-preview{overflow:hidden;padding:0;border:1px solid #c9d3cc;border-top:5px solid #b85e49;border-radius:17px;background:#fff;box-shadow:0 22px 52px rgba(30,50,40,.13)}
.marketing-site .water-story-preview>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #dde4df;background:#f8faf8}
.marketing-site .water-story-preview>header span>*{display:block}
.marketing-site .water-story-preview>header>span,.marketing-site .water-story-preview>footer>span{display:block;padding:0;color:inherit;background:transparent}
.marketing-site .water-story-preview>header small{color:#9b5545;font-size:11px;font-weight:900;letter-spacing:.1em}
.marketing-site .water-story-preview>header strong{margin-top:5px;color:#2d493a;font-size:15px}
.marketing-site .water-story-preview>header>b{padding:8px 10px;border-radius:99px;color:#fff;background:#a64f3d;font-size:10px;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.marketing-site .water-story-teaser>aside>.water-preview-event{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:25px 22px 23px}
.marketing-site .water-preview-event>i{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;color:#fff;background:#3d7f94;box-shadow:0 10px 24px rgba(40,103,123,.2);font-size:30px;font-style:normal}
.marketing-site .water-preview-event h3{margin:0 0 9px;color:#173d2c;font-family:Georgia,serif;font-size:27px;font-weight:500;line-height:1.12}
.marketing-site .water-preview-event p{margin:0;color:#5b6b62;font-size:14px;line-height:1.58}
.marketing-site .water-story-teaser>aside>.water-preview-risk{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 22px;border:1px solid #d9e0db;border-radius:12px;background:#fafbf9}
.marketing-site .water-preview-risk article{position:relative;min-height:155px;padding:19px}
.marketing-site .water-preview-risk article+article{border-left:1px solid #d9e0db;background:#fff8f5}
.marketing-site .water-preview-risk small,.marketing-site .water-preview-risk strong,.marketing-site .water-preview-risk span{display:block}
.marketing-site .water-preview-risk small{color:#718078;font-size:10px;font-weight:900;letter-spacing:.08em}
.marketing-site .water-preview-risk strong{margin:13px 0 7px;color:#203c2d;font-size:16px;line-height:1.3}
.marketing-site .water-preview-risk span{padding:0;color:#65736b;background:transparent;font-size:13px;line-height:1.45}
.marketing-site .water-preview-risk b{display:inline-block;margin-top:15px;padding:6px 8px;border-radius:5px;color:#8f4b3d;background:#f6e4df;font-size:9px;letter-spacing:.06em}
.marketing-site .water-preview-risk article:last-child b{color:#fff;background:#a64f3d}
.marketing-site .water-story-preview>footer{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;margin-top:22px;padding:20px 22px;color:#fff;background:#173d2c}
.marketing-site .water-story-preview>footer>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#173d2c;background:#f2c75c;font-size:23px;font-style:normal}
.marketing-site .water-story-preview>footer span>*{display:block}
.marketing-site .water-story-preview>footer small{color:#f1d47e;font-size:10px;font-weight:900;letter-spacing:.09em}
.marketing-site .water-story-preview>footer strong{margin-top:5px;color:#fff;font-size:14px;line-height:1.45}

/* Supporting repeated cards. */
.marketing-site .urgent-guest-path{grid-auto-rows:1fr}
.marketing-site .urgent-guest-path>article{height:100%}
.marketing-site .water-story-teaser>aside,.marketing-site .founding-section aside{border-radius:14px;box-shadow:0 16px 36px rgba(20,48,33,.08)}
.marketing-site .park-problems-simple{display:grid;gap:14px}
.marketing-site .park-problems-simple article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px;border:1px solid #d1d9d3;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(20,48,33,.055)}
.marketing-site .park-problems-simple article>i{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#367457;font-size:26px;font-style:normal}
.marketing-site .park-problems-simple small{color:#4e6859;font-size:11px!important;font-weight:900;letter-spacing:.09em}
.marketing-site .park-problems-simple h3{margin:7px 0 8px;font-family:Georgia,serif;font-size:24px;font-weight:500;line-height:1.15}
.marketing-site .park-problems-simple p{margin:0;color:#43584d;font-size:15px;line-height:1.6}

@media(max-width:1050px){
  .marketing-site .dependency-flow{max-width:860px}
  .marketing-site .dependency-flow article{min-height:200px}
  .marketing-site .incident-flow{grid-template-columns:1fr;gap:14px}
  .marketing-site .incident-flow:before{top:8%;right:auto;bottom:8%;left:50%;width:2px;height:auto}
  .marketing-site .flow-node{min-height:260px}
  .marketing-site .guest-outcome{grid-template-columns:1fr}
}
@media(max-width:760px){
  .marketing-site .workflow-tabs button{min-height:96px}
  .marketing-site .workflow-tabs button>i{width:38px;height:38px}
  .marketing-site .workflow-tabs button>i .marketing-glyph{width:20px;height:20px}
  .marketing-site .workflow-note{padding:18px 18px;font-size:16px}
  .marketing-site .workflow-note strong{font-size:17px}
  .marketing-site .dependency-flow{grid-template-columns:1fr;gap:12px}
  .marketing-site .dependency-flow:before{top:8%;right:auto;bottom:8%;left:47px;width:2px;height:auto;background:linear-gradient(180deg,#d49333,#2f7653)}
  .marketing-site .dependency-flow article{min-height:0;padding:20px 20px 20px 90px}
  .marketing-site .dependency-flow article>i{position:absolute;top:20px;left:20px;margin:0}
  .marketing-site .dependency-flow span{margin-top:16px;padding-top:14px}
  .marketing-site .outcome-grid article.outcome-card{min-height:0}
  .marketing-site .module-grid article.module-card{min-height:270px}
  .marketing-site .incident-flow{display:grid;grid-template-columns:1fr}
  .marketing-site .flow-node{min-height:270px;padding:27px 24px}
  .marketing-site .flow-node h3{font-size:27px}
  .marketing-site .flow-node p{font-size:16px}
  .marketing-site .guest-outcome{gap:28px;padding:28px 22px}
  .marketing-site .guest-outcome>header h3{font-size:28px}
  .marketing-site .guest-outcome-moments{grid-template-columns:1fr}
  .marketing-site .guest-outcome-moments article+article{border-top:1px solid rgba(255,255,255,.14);border-left:0}
  .marketing-site .guest-outcome-moments article{padding:22px}
  .marketing-site .park-problems-simple article{grid-template-columns:44px minmax(0,1fr);padding:20px 18px}
  .marketing-site .park-problems-simple article>i{width:44px;height:44px;font-size:22px}
}
@media(max-width:390px){
  .marketing-site .workflow-tabs button strong{font-size:12px}
  .marketing-site .dependency-flow article{padding-left:82px}
}
@media(max-width:520px){
  .marketing-site .water-story-preview>header{align-items:flex-start;flex-direction:column}
  .marketing-site .water-story-teaser>aside>.water-preview-event{grid-template-columns:1fr}
  .marketing-site .water-story-teaser>aside>.water-preview-risk{grid-template-columns:1fr}
  .marketing-site .water-preview-risk article+article{border-top:1px solid #d9e0db;border-left:0}
  .marketing-site .water-preview-event h3{font-size:24px}
}

/* Contrast audit: supporting copy must remain readable, never decorative gray. */
.marketing-site .dependency-copy>p:last-of-type,
.marketing-site .ames-copy>p:last-child,
.marketing-site .readiness-depth>div:first-child>p:last-of-type,
.marketing-site .workflow-showcase>header>p:last-child,
.marketing-site .outcome-grid .outcome-card p,
.marketing-site .module-grid .module-card p,
.marketing-site .readiness-list p{color:#40544a}
.marketing-site .marketing-kicker.dark,
.marketing-site .readiness-list small,
.marketing-site .module-grid small,
.marketing-site .dependency-flow small{color:#4a6155}
.marketing-site .dependency-flow article:first-child small{color:#754b18}
.marketing-site .water-preview-event p,
.marketing-site .water-preview-risk span{color:#45594e}

.marketing-site .product-page-hero>p:not(.marketing-kicker),
.marketing-site .product-proof>header>p:last-child,
.marketing-site .product-bridge>div>p:last-child,
.marketing-site .founding-section>div>p:last-child{color:#d5e2db}
.marketing-site .product-demo-intro>small,
.marketing-site .platform-view-tiles i{color:#c5d7cd}
.marketing-site .platform-view-tiles button{color:#e1ece6;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.075)}
.marketing-site .platform-view-tiles button>span{color:#b9cec3}
.marketing-site .platform-view-tiles button:hover{background:rgba(255,255,255,.12)}
.marketing-site .guest-outcome>header p,
.marketing-site .guest-outcome-moments p{color:#d0dfd7}

.marketing-site .system-screen{color:#1f3429}
.marketing-site .screen-bar span,
.marketing-site .system-screen footer span{color:#d4e2da!important}
.marketing-site .screen-body aside{color:#c9ddd2}
.marketing-site .screen-body aside span{color:#c9ddd2}
.marketing-site .screen-eyebrow,
.marketing-site .screen-alert span,
.marketing-site .screen-metrics small,
.marketing-site .screen-note span,
.marketing-site .inspection-heading>div>span,
.marketing-site .inspection-evidence p,
.marketing-site .dispatch-job>p,
.marketing-site .dispatch-team article div span,
.marketing-site .dispatch-team article div em{color:#4b6155!important}
.marketing-site .screen-note small,
.marketing-site .inspection-checks>small,
.marketing-site .inspection-evidence>small,
.marketing-site .dispatch-job>small,
.marketing-site .dispatch-team>small{color:#42594d}
.marketing-site .node small{color:#53675d}

.marketing-site .tap-story>p,
.marketing-site .round-demo-body>p,
.marketing-site .water-story-scene>section>p,
.marketing-site .story-value span,
.marketing-site .queue-card em,
.marketing-site .round-story-value span{color:#42584c!important}
.marketing-site .guest-screen>small,
.marketing-site .request-summary small,
.marketing-site .queue-card small{color:#4b6155}
.marketing-site .nfc-demo-modal>footer>span,
.marketing-site .round-demo-modal>footer p,
.marketing-site .water-story-modal>footer p{color:#40564a}

.marketing-site a:focus-visible,
.marketing-site button:focus-visible{outline:3px solid #f2c75c;outline-offset:3px}

/* Readable type scale: enlarge meaningful labels without flattening hierarchy. */
.marketing-site .platform-view-tiles button{min-height:215px;padding:26px 24px 24px 84px}
.marketing-site .platform-view-tiles button>span{top:22px;right:22px;color:#d1e0d8;font-size:13px;font-weight:900}
.marketing-site .platform-view-tiles .module-mark{top:25px;left:22px;width:50px;height:50px;border-radius:14px}
.marketing-site .platform-view-tiles .module-mark .marketing-glyph{width:26px;height:26px}
.marketing-site .platform-view-tiles small{color:#f3d273!important;font-size:13px!important;letter-spacing:.1em}
.marketing-site .platform-view-tiles strong{margin:38px 0 10px;color:#fff;font-size:25px;line-height:1.16}
.marketing-site .platform-view-tiles i{color:#d0ded6;font-size:14px;line-height:1.5}

.marketing-site .workflow-device-bar span{font-size:12px}
.marketing-site .workflow-device-bar i{display:none}
.marketing-site .workflow-device p{font-size:15px}
.marketing-site .workflow-demo{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.marketing-site .urgent-guest-path article strong{font-size:16px}
.marketing-site .urgent-guest-path article p{font-size:14px}
.marketing-site .workflow-pillars p,
.marketing-site .readiness-list p{font-size:15px}
.marketing-site .guest-outcome-moments small{font-size:12px!important}
.marketing-site .guest-outcome-moments strong{font-size:17px}
.marketing-site .guest-outcome-moments p{font-size:15px}

.marketing-site .screen-bar span,
.marketing-site .screen-body aside span,
.marketing-site .screen-alert span,
.marketing-site .screen-actions span,
.marketing-site .system-screen footer span,
.marketing-site .screen-note span,
.marketing-site .inspection-checks strong,
.marketing-site .inspection-evidence p,
.marketing-site .dispatch-job>p,
.marketing-site .dispatch-job>footer strong,
.marketing-site .dispatch-team article div strong{font-size:12px!important;line-height:1.45}
.marketing-site .screen-alert>b,
.marketing-site .inspection-checks b,
.marketing-site .inspection-evidence>div>span,
.marketing-site .schedule-heading>b,
.marketing-site .dispatch-job>div span,
.marketing-site .dispatch-job>footer span,
.marketing-site .dispatch-team article div span,
.marketing-site .dispatch-team article div em,
.marketing-site .dispatch-team article>b{font-size:12px!important;line-height:1.4}
.marketing-site .node{font-size:12px}
.marketing-site .node small{font-size:11px!important}
.marketing-site .dispatch-team .assigned div small{color:#bcd2c6!important}
.marketing-site .dispatch-team .assigned div span,
.marketing-site .dispatch-team .assigned div em{color:#d4e2da!important}

.marketing-site .guest-choices b,
.marketing-site .guest-status b,
.marketing-site .guest-message strong,
.marketing-site .queue-card em,
.marketing-site .round-demo-signal em,
.marketing-site .round-demo-modal>nav strong,
.marketing-site .round-story-value span,
.marketing-site .automation-rule strong,
.marketing-site .arrival-automation li b,
.marketing-site .arrival-automation>footer,
.marketing-site .shift-start>header>span,
.marketing-site .shift-tap strong,
.marketing-site .shift-start article em,
.marketing-site .cabin-task>header>span,
.marketing-site .cabin-task li b,
.marketing-site .cabin-task>footer,
.marketing-site .ready-handoff>p,
.marketing-site .ready-message strong,
.marketing-site .ready-handoff>footer,
.marketing-site .round-proof em,
.marketing-site .story-value span,
.marketing-site .shutoff-map span>em,
.marketing-site .comms-stack span,
.marketing-site .prevention-record li small{font-size:12px!important;line-height:1.45}
.marketing-site .tap-story nav span,
.marketing-site .round-demo-modal>nav span{font-size:12px}
.marketing-site .story-value strong,
.marketing-site .arrival-card p,
.marketing-site .incident-card p,
.marketing-site .shutoff-map span>b,
.marketing-site .comms-stack strong,
.marketing-site .prevention-record li b{font-size:13px}
.marketing-site .nfc-demo-modal>footer,
.marketing-site .nfc-demo-modal>footer button,
.marketing-site .round-demo-modal>footer p,
.marketing-site .round-demo-modal>footer button,
.marketing-site .water-story-modal>footer p,
.marketing-site .water-story-modal>footer button{font-size:12px!important}
.marketing-site .marketing-footer>small{font-size:12px!important}

@media(max-width:900px){
  .marketing-site .platform-view-tiles button{min-height:190px}
}
@media(max-width:560px){
  .marketing-site .platform-view-tiles button{min-width:275px;min-height:180px;padding:23px 22px 22px 78px}
  .marketing-site .platform-view-tiles strong{margin-top:30px;font-size:23px}
}

/* After-hours alert: one clear message, location and response state. */
.marketing-site .incident-card{
  width:min(430px,100%);
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  column-gap:20px;
  align-items:start;
  padding:28px;
  border:1px solid #d8ded9;
  border-radius:16px;
  box-shadow:0 18px 42px rgba(30,57,43,.12);
}
.marketing-site .incident-card .water-burst{
  grid-column:1;
  grid-row:1/5;
  width:60px;
  height:60px;
  margin:0;
  border-radius:14px;
  font-size:0;
  box-shadow:none;
}
.marketing-site .incident-card .water-burst::before{
  content:"";
  width:21px;
  height:27px;
  border:3px solid currentColor;
  border-radius:55% 55% 62% 62% / 70% 70% 38% 38%;
  transform:rotate(45deg);
}
.marketing-site .incident-card>small,
.marketing-site .incident-card>strong,
.marketing-site .incident-card>p,
.marketing-site .incident-card>b{grid-column:2;margin-left:0}
.marketing-site .incident-card>small{display:block;color:#8d4a3d!important;font-size:12px!important;line-height:1.3;letter-spacing:.1em}
.marketing-site .incident-card>strong{display:block;margin:11px 0 10px;font-size:27px!important;line-height:1.16}
.marketing-site .incident-card>p{margin:0;color:#45594e!important;font-size:14px!important;line-height:1.5}
.marketing-site .incident-card>b{justify-self:start;margin-top:18px;padding:10px 13px;font-size:12px!important;line-height:1.2}
@media(max-width:560px){
  .marketing-site .incident-card{grid-template-columns:52px minmax(0,1fr);gap:15px;padding:20px}
  .marketing-site .incident-card .water-burst{width:48px;height:48px}
  .marketing-site .incident-card>strong{font-size:23px!important}
}

/* Scheduling view: separate the decision, candidates and final ownership. */
.marketing-site .schedule-screen .screen-body{min-height:540px;grid-template-columns:155px 1fr}
.marketing-site .schedule-screen .screen-body>section{padding:32px}
.marketing-site .schedule-heading{align-items:center;padding-bottom:22px;border-bottom:1px solid #dce4de}
.marketing-site .schedule-heading h3{max-width:690px;margin-top:8px;font-size:30px;line-height:1.15}
.marketing-site .schedule-heading>b{padding:10px 13px;border:1px solid #cedad2;border-radius:8px;color:#294a38;background:#edf3ef;font-size:12px!important;white-space:nowrap}
.marketing-site .dispatch-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-top:24px}
.marketing-site .dispatch-job,.marketing-site .dispatch-team{padding:23px;border-color:#d4ddd7;border-radius:12px;box-shadow:0 9px 24px rgba(24,57,40,.055)}
.marketing-site .dispatch-job>small,.marketing-site .dispatch-team>small{display:block;margin-bottom:17px;color:#405b4c;font-size:12px!important;letter-spacing:.1em}
.marketing-site .dispatch-job h4{margin:0 0 8px;font-size:24px;line-height:1.18}
.marketing-site .dispatch-job>p{color:#40574b!important;font-size:14px!important}
.marketing-site .dispatch-job>div{gap:8px;margin:21px 0}
.marketing-site .dispatch-job>div span{padding:8px 10px;border:1px solid #d5e0d9;color:#24533b;background:#edf5f0;font-size:12px!important}
.marketing-site .dispatch-job>footer{gap:10px;padding-top:18px}
.marketing-site .dispatch-job>footer span{padding:11px;border-radius:8px;color:#4a5e53;background:#f3f6f4;font-size:11px!important}
.marketing-site .dispatch-job>footer strong{margin-top:6px;color:#173b29;font-size:14px!important;line-height:1.3}
.marketing-site .dispatch-team>article{grid-template-columns:46px minmax(0,1fr) auto;gap:13px;min-height:82px;padding:14px 2px}
.marketing-site .dispatch-team>article>i{width:42px;height:42px;color:#1f583d;background:#e1eee6;font-size:12px;font-weight:900}
.marketing-site .dispatch-team article div strong{font-size:15px!important;line-height:1.3}
.marketing-site .dispatch-team article div span{margin:4px 0;color:#4c6055!important;font-size:12px!important}
.marketing-site .dispatch-team article div em{color:#2f664a!important;font-size:12px!important}
.marketing-site .dispatch-team article>b{padding:7px 9px;color:#314f3f;background:#e8efea;font-size:11px!important}
.marketing-site .dispatch-team .recommended>i{color:#664b1e;background:#f6e2ad}
.marketing-site .dispatch-team .recommended>b{color:#6f4d13;background:#ffedbd}
.marketing-site .dispatch-team .assigned{min-height:88px;margin:12px -7px -7px;padding:14px;border-radius:10px;background:#143f2c;box-shadow:0 10px 24px rgba(20,63,44,.18)}
.marketing-site .dispatch-team .assigned>i{color:#1d6644;background:#e3f2e8}
.marketing-site .dispatch-team .assigned div small{color:#c3d9cd!important;font-size:11px!important}
.marketing-site .dispatch-team .assigned div strong{color:#fff;font-size:16px!important}
.marketing-site .dispatch-team .assigned div span{color:#d3e2da!important;font-size:12px!important}
.marketing-site .dispatch-team .assigned>b{color:#f5d678;background:transparent;font-size:12px!important}

/* Product views behave like one control attached to one product screen. */
.marketing-site .platform-view-tiles{
  gap:1px;
  margin:42px auto 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-bottom:0;
  border-radius:15px 15px 0 0;
  background:rgba(255,255,255,.2);
}
.marketing-site .platform-view-tiles button{
  min-height:132px;
  padding:20px 20px 20px 70px;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.marketing-site .platform-view-tiles button.active{outline:0;box-shadow:inset 0 0 0 3px #efc65b}
.marketing-site .platform-view-tiles .module-mark{top:22px;left:20px;width:40px;height:40px}
.marketing-site .platform-view-tiles button>span{top:18px;right:18px}
.marketing-site .platform-view-tiles strong{margin-top:24px;font-size:20px;line-height:1.14}
.marketing-site .platform-view-tiles button>i{margin-top:7px;font-size:12px;line-height:1.35}
.marketing-site .screen-stage{margin-top:0}
.marketing-site .screen-stage>.system-screen{border-radius:0 0 16px 16px}

/* Show the phone-to-sign moment instead of explaining NFC in a paragraph. */
.marketing-site .workflow-story-visual{
  width:min(1460px,calc(100% - 48px));
  height:clamp(260px,34vw,500px);
  margin:36px auto 26px;
  overflow:hidden;
  border:1px solid #cbd7d0;
  border-radius:18px;
  background:#d8c4a6;
  box-shadow:0 20px 48px rgba(21,55,38,.12);
}
.marketing-site .workflow-story-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 54%}

/* Make the product stories read as interactive experiences. */
.marketing-site .product-demo-intro>p{margin:7px 0 15px;color:#d4e2da;font-size:15px;line-height:1.45}
.marketing-site .product-hero-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;cursor:pointer}
.marketing-site .product-hero-actions button::before{content:"▶";width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:50%;color:#153d2b;background:rgba(255,255,255,.82);font-size:9px;line-height:1}
.marketing-site .product-hero-actions .product-demo-secondary::before{color:#fff;background:#2f6d4d}
.marketing-site .product-hero-actions button:hover{transform:translateY(-2px)}
.marketing-site .product-hero-actions button:focus-visible{outline:3px solid #fff;outline-offset:4px}

/* Keep the confirmation icon, label and result from running together. */
.marketing-site .comms-stack .sent{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:17px 18px}
.marketing-site .comms-stack .sent>b{width:34px;height:34px;margin:0}
.marketing-site .comms-stack .sent>span{display:grid;gap:4px;min-width:0}
.marketing-site .comms-stack .sent small{display:block;letter-spacing:.1em}
.marketing-site .comms-stack .sent strong{display:block;margin:0}

@media(max-width:1100px){
  .marketing-site .schedule-screen .screen-body{grid-template-columns:110px 1fr}
  .marketing-site .dispatch-layout{grid-template-columns:1fr}
  .marketing-site .workflow-demo{grid-template-columns:1fr}
}
@media(max-width:560px){
  .marketing-site .schedule-screen .screen-body{grid-template-columns:88px 1fr}
  .marketing-site .schedule-screen .screen-body>section{padding:17px}
  .marketing-site .schedule-heading{align-items:flex-start}
  .marketing-site .schedule-heading h3{font-size:25px}
  .marketing-site .dispatch-job,.marketing-site .dispatch-team{padding:17px}
  .marketing-site .dispatch-job>footer{grid-template-columns:1fr}
  .marketing-site .dispatch-team>article{grid-template-columns:42px 1fr}
  .marketing-site .dispatch-team>article>b{grid-column:2;width:max-content}
  .marketing-site .platform-view-tiles{border-bottom:1px solid rgba(255,255,255,.28);border-radius:14px}
  .marketing-site .platform-view-tiles button{min-height:142px;padding:18px 16px 18px 62px}
  .marketing-site .platform-view-tiles strong{margin-top:24px;font-size:18px}
  .marketing-site .screen-stage{margin-top:16px}
  .marketing-site .screen-stage>.system-screen{border-radius:14px}
  .marketing-site .workflow-story-visual{width:calc(100% - 30px);height:290px;margin:26px auto 20px;border-radius:13px}
  .marketing-site .workflow-story-visual img{object-position:58% center}
}