/* Shared component geometry; a complete improvement loop, without nested example cards. */
:root body.cohesive-site .hero .environment-story{grid-template-columns:minmax(0,1fr);gap:0}
:root body.cohesive-site .hero .environment-story>.environment-art{max-width:500px;justify-self:center}
:root body.cohesive-site .monitoring-loop-story .improvement-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-bottom:28px}
:root body.cohesive-site .improvement-heading h2{margin:0;max-width:580px}
:root body.cohesive-site .improvement-heading>p{margin:4px 0 0;font-size:16px;line-height:1.75;color:var(--text-secondary)}
:root body.cohesive-site .improvement-loop{padding:28px 24px 12px;overflow:hidden}
.improvement-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:32px}
.improvement-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:17px;text-align:center;min-width:0}
.improvement-flow li+li::before{content:'→';position:absolute;inset-inline-start:-25px;top:12px;color:var(--text-secondary);font:22px/1 sans-serif}
.improvement-flow h3{margin:0;max-width:180px;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.02em;overflow-wrap:break-word}
.cycle-icon{width:48px;height:48px;flex:none;fill:none;stroke:#303c22;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.cycle-icon .cycle-accent{fill:#c9f36b}
.improvement-return{display:block;width:100%;height:34px;margin-top:18px;fill:none;stroke:#8aa571;stroke-width:1.15;vector-effect:non-scaling-stroke}
.improvement-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.protection-benefits{margin:20px 0 0;padding-inline-start:20px;color:var(--text-secondary);font-size:14px;line-height:1.7}
.improvement-values article+article{border-inline-start:1px solid var(--line);padding-inline-start:28px}
.improvement-values h3{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}
.improvement-values p{font-size:14px;line-height:1.75;color:var(--text-secondary);margin:0}
[dir="rtl"] .improvement-flow li+li::before{content:'←'}
[dir="rtl"] .improvement-return{transform:scaleX(-1)}
[data-theme="dark"] .cycle-icon{stroke:#d8e6c7}
[data-theme="dark"] .cycle-icon .cycle-accent{stroke:#303c22}
/* All three header scenes share one stage; logos form a true circle, without tiles. */
:root:not([data-theme="dark"]){
 .local-collection{height:306px;align-content:center}
 .local-collection .constellation-field{width:min(100%,300px);height:auto;max-width:300px;aspect-ratio:1}
 .local-collection .constellation-links{stroke:#82936f;stroke-width:1.15;stroke-linecap:round}
 .local-collection .collect-center{width:56%;height:44%}
 .local-collection .collect-symbol{width:100%;height:100%}
 .local-collection .connector-node{left:var(--node-x);top:var(--node-y);width:32px;height:32px;border:0;background:none;box-shadow:none}
 .local-collection .connector-glyph{width:27px;height:27px;background:#303c22}
 .local-collection [data-connector="gmail"] .connector-glyph{width:29px}
 .local-collection [data-connector="notion"] .connector-glyph{width:25px;height:25px}
 .local-collection [data-connector="salesforce"] .connector-glyph{width:32px}
 .monitoring-timeline{height:306px;display:grid;grid-template-rows:1fr;align-items:center}
 .monitoring-timeline>.generated-green-art{width:100%;max-width:300px;height:245px;overflow:hidden}
}
@media(max-width:900px){
 :root body.cohesive-site .monitoring-loop-story .improvement-heading{gap:28px}
 .improvement-flow{gap:22px}.improvement-flow h3{font-size:15px}.improvement-flow li+li::before{inset-inline-start:-19px;font-size:18px}
 .improvement-values{gap:22px}.improvement-values article+article{padding-inline-start:22px}
}
@media(max-width:640px){
 :root body.cohesive-site .monitoring-loop-story .improvement-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
 :root body.cohesive-site .improvement-heading>p{font-size:15px;margin:0}
 :root body.cohesive-site .improvement-loop{padding:22px}
 .improvement-flow{grid-template-columns:1fr;gap:28px}
 .improvement-flow li{flex-direction:row;gap:20px;text-align:start}
 .improvement-flow h3{max-width:none;font-size:17px}
 .improvement-flow li+li::before{content:'↓';inset-inline-start:16px;top:-25px;font-size:18px}
 [dir="rtl"] .improvement-flow li+li::before{content:'↓'}
 .improvement-return{display:none}
 .improvement-values{grid-template-columns:1fr;gap:22px;margin-top:28px}
 .improvement-values article+article{border-inline-start:0;padding-inline-start:0;padding-top:0}
 :root:not([data-theme="dark"]){
  .local-collection{height:270px}.local-collection .constellation-field{max-width:260px}
  .local-collection .connector-glyph{width:25px;height:25px}
  .monitoring-timeline{height:270px}.monitoring-timeline>.generated-green-art{max-width:270px;height:225px}
 }
}
@media(max-width:360px){
 :root:not([data-theme="dark"]){.local-collection .constellation-field{max-width:230px}.local-collection .connector-glyph{width:23px;height:23px}.local-collection [data-connector="salesforce"] .connector-glyph{width:28px}.monitoring-timeline>.generated-green-art{max-width:230px;height:205px}}
}
@media(max-width:420px){:root:not([data-theme="dark"]) .toolkit-preview-window{height:620px}}
@media(forced-colors:active){.cycle-icon{stroke:CanvasText}.cycle-icon .cycle-accent{fill:Highlight}.improvement-return{stroke:CanvasText}}