/* Layout belongs to the component; themes change colors and artwork only. */
:root body.cohesive-site .shared-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:64px 48px}
:root body.cohesive-site .shared-hero>.hero-intro{margin:0;padding:0;min-width:0;text-align:start;max-width:none}
:root body.cohesive-site .shared-hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.06;letter-spacing:-.045em;font-weight:500;max-width:15ch;margin:0 0 24px;text-wrap:balance}
:root body.cohesive-site .shared-hero .hero-description{font-size:17px;line-height:1.7;max-width:45ch;margin:0 0 28px;color:var(--text-secondary)}
:root body.cohesive-site .shared-hero .actions{justify-content:flex-start;gap:12px;margin:0;flex-wrap:wrap}
:root body.cohesive-site .shared-hero>.development-world{min-width:0;margin:0;overflow:hidden;align-self:stretch;display:flex;align-items:center}
:root body.cohesive-site .shared-hero .environment-story{display:block;width:100%;padding:28px;min-width:0;background:transparent}
.shared-hero .development-cycle,.shared-hero .cycle-caption{display:none}
.shared-hero .toolkit-preview{min-width:0;width:100%}
:root body.cohesive-site .shared-hero .toolkit-preview-window{position:relative;height:480px;aspect-ratio:auto;margin:0;overflow:hidden;border:0}
:root body.cohesive-site .shared-hero .toolkit-preview-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:250px minmax(0,1fr);gap:20px;align-items:start;padding:0;background:transparent;animation:feature-in .3s ease-out}
:root body.cohesive-site .shared-hero .toolkit-preview-slide[hidden]{display:none!important}
:root body.cohesive-site .shared-hero .slide-explanation{display:block;grid-row:2;grid-column:1;min-width:0;align-self:start}
:root body.cohesive-site .shared-hero .slide-explanation h3{font-size:clamp(23px,2.25vw,30px);line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:0 0 12px;max-width:none;text-wrap:balance}
:root body.cohesive-site .shared-hero .slide-explanation p{font-size:14px;line-height:1.65;margin:0 0 15px;color:var(--text-secondary);max-width:none}
.shared-hero .slide-explanation .text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px}
:root body.cohesive-site .shared-hero :is(.connector-constellation,.slide-company-diagram,.monitoring-timeline){grid-row:1;grid-column:1;display:grid;place-items:center;width:100%;height:250px;max-width:none;margin:0;padding:0;overflow:hidden}
:root body.cohesive-site .shared-hero .slide-company-diagram>.generated-green-art{display:block;width:100%;height:240px;max-width:300px;overflow:hidden}
:root body.cohesive-site .shared-hero .monitoring-timeline>.generated-green-art{display:block;width:100%;height:225px;max-width:290px;overflow:hidden}
.shared-hero .slide-company-diagram>.environment-art{display:none!important}
.shared-hero .generated-green-art{display:block;width:100%;height:100%;overflow:hidden}
:root body.cohesive-site .shared-hero .local-collection .constellation-field{position:relative;width:250px;max-width:100%;height:auto;aspect-ratio:1;margin:auto}
.shared-hero .constellation-links{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#82936f;stroke-width:1.15}
:root body.cohesive-site .shared-hero .collect-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56%;height:44%;background:none;border:0;box-shadow:none;display:block}
:root body.cohesive-site .shared-hero .collect-symbol{display:block;width:100%;height:100%}
:root body.cohesive-site .shared-hero .connector-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:32px;height:32px;background:none;border:0;box-shadow:none}
:root body.cohesive-site .shared-hero .connector-glyph{display:block;width:25px;height:25px;background:#303c22;mask:var(--connector-logo) center/contain no-repeat}
:root body.cohesive-site .shared-hero .toolkit-preview-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:20px}
:root body.cohesive-site .shared-hero .toolkit-preview-controls button{border:1px solid var(--edge);border-radius:20px;background:transparent;color:var(--text);font-family:inherit;font-size:12px;line-height:1.35;padding:9px 12px;cursor:pointer;white-space:normal}
:root body.cohesive-site .shared-hero .toolkit-preview-controls button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#20271c}
.hero-pixel-art,.theme-pixel-icon{display:none}
:root[data-theme="dark"] body.cohesive-site .shared-hero :is(.connector-constellation,.slide-company-diagram,.monitoring-timeline){display:none}
:root[data-theme="dark"] body.cohesive-site .shared-hero .hero-pixel-art{display:block;grid-row:1;grid-column:1;width:100%;height:240px;max-width:280px;justify-self:center;align-self:center;object-fit:contain;image-rendering:pixelated;mix-blend-mode:normal}
:root body.cohesive-site .shared-workflow-story{display:block}
:root body.cohesive-site .record-comparison{display:grid}
:root body.cohesive-site .local-computer{overflow:hidden}
:root body.cohesive-site .local-setup-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;list-style:none;padding:0;margin:0}
:root body.cohesive-site .local-setup-flow li{position:relative;display:flex;align-items:center;gap:14px;min-width:0}
:root body.cohesive-site .local-setup-flow h3{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0;max-width:210px}
.shared-workflow-story .setup-icon{width:48px;height:48px;flex:none;fill:#f7f8f2;stroke:#435736;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shared-workflow-story .setup-icon .setup-accent{fill:#c9f36b}
.shared-workflow-story .setup-icon path:not(.setup-accent){fill:none}
.shared-workflow-story .setup-arrow{position:absolute;inset-inline-end:-33px;top:14px;width:22px;height:22px;fill:none;stroke:var(--text-secondary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:root body.cohesive-site .review-handoff{display:flex;align-items:center;gap:20px}
.review-handoff>span{font-size:32px;color:var(--text-secondary)}
.review-handoff>div{flex:1;min-width:0}.review-handoff h3{margin:0 0 6px}.review-handoff p{margin:0;line-height:1.7}
.review-handoff .text-link{font-size:13px;white-space:nowrap}
:root[data-theme="dark"] .theme-line-icon{display:none}
:root[data-theme="dark"] .theme-pixel-icon{display:block;object-fit:contain;image-rendering:pixelated;flex:none;width:48px;height:48px}
:root[data-theme="dark"] .local-benefits .theme-pixel-icon{width:38px;height:38px}
:root body.cohesive-site .obfuscation-sample{background:var(--surface-inset);border-color:var(--edge)}
:root body.cohesive-site .animated-record>div{border-color:var(--edge)}
:root body.cohesive-site .animated-record dt{color:var(--text-secondary)}
:root body.cohesive-site .animated-record dd{color:var(--text)}
:root[data-theme="dark"] .obfuscation-value.is-protected{background:#3c5132;color:#e5f2d7}
.value-lock{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* The same compact forecast and all seven bars remain visible in either theme. */
:root body.cohesive-site .green-savings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.green-savings-heading>p{display:flex;align-items:center;gap:8px;margin:0}
.green-savings-heading .effort-direction{width:26px;height:30px;flex:none}
:root body.cohesive-site .simulation-evidence .evidence-layout{display:block}
:root body.cohesive-site .simulation-evidence :is(.evidence-copy,.evidence-method,.evidence-axis,.evidence-chart figcaption){display:none}
:root body.cohesive-site .simulation-evidence .evidence-chart{margin:0;padding:0;border:0}
:root body.cohesive-site .simulation-evidence .effort-legend{margin:6px 0;font-size:10px;gap:18px}
:root body.cohesive-site .simulation-evidence .evidence-bars{margin:0}
:root body.cohesive-site .simulation-evidence .evidence-bars li+li{margin-top:3px}
:root body.cohesive-site .simulation-evidence .evidence-bars h3{font-size:11px;line-height:1.3}
:root body.cohesive-site .simulation-evidence .effort-saving strong{font-size:18px;color:var(--text)}
:root body.cohesive-site .simulation-evidence .effort-saving{gap:4px}
:root body.cohesive-site .simulation-evidence .effort-saving>span{font-size:9px}
:root body.cohesive-site .simulation-evidence .evidence-track{height:4px;margin-top:4px;background:var(--edge)}
:root body.cohesive-site .simulation-evidence .evidence-fill{height:100%}
:root body.cohesive-site .simulation-evidence :is(.effort-baseline,.legend-baseline){background:var(--edge)!important}
:root body.cohesive-site .simulation-evidence :is(.evidence-fill:not(.effort-baseline),.legend-simulated){background:#8fac64!important}
:root body.cohesive-site .simulation-evidence .effort-direction{stroke:#79ad44}
@keyframes feature-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* RTL grid starts with the introduction on the right and carousel on the left. */
@media(min-width:901px){[dir="rtl"] .shared-hero{direction:rtl}[dir="rtl"] .shared-hero>*{direction:rtl}}
@media(max-width:1100px) and (min-width:901px){:root body.cohesive-site .shared-hero{gap:32px}:root body.cohesive-site .shared-hero .environment-story{padding:24px}:root body.cohesive-site .shared-hero .toolkit-preview-window{height:505px}}
@media(max-width:900px){
 :root body.cohesive-site .shared-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px 28px}
 :root body.cohesive-site .shared-hero h1{font-size:clamp(38px,6.5vw,58px);max-width:20ch}
 :root body.cohesive-site .shared-hero .hero-description{max-width:58ch}
 :root body.cohesive-site .shared-hero .toolkit-preview-window{height:440px}
 :root body.cohesive-site .local-setup-flow{gap:30px}
 :root body.cohesive-site .local-setup-flow h3{font-size:15px}
 .shared-workflow-story .setup-arrow{inset-inline-end:-26px;width:19px}
 .review-handoff{flex-wrap:wrap}.review-handoff .text-link{margin-inline-start:40px}
}
@media(max-width:640px){
 :root body.cohesive-site .shared-hero{gap:28px;padding-block:32px 24px}
 :root body.cohesive-site .shared-hero h1{font-size:40px;max-width:18ch;margin-bottom:20px}
 :root body.cohesive-site .shared-hero .hero-description{font-size:15px;line-height:1.7;margin-bottom:24px}
 :root body.cohesive-site .shared-hero .environment-story{padding:24px 20px}
 :root body.cohesive-site .shared-hero .toolkit-preview-window{height:480px}
 :root body.cohesive-site .shared-hero .toolkit-preview-slide{grid-template-rows:230px minmax(0,1fr);gap:16px}
 :root body.cohesive-site .shared-hero :is(.connector-constellation,.slide-company-diagram,.monitoring-timeline){height:230px}
 :root body.cohesive-site .shared-hero .slide-explanation h3{font-size:25px}
 :root body.cohesive-site .shared-hero .local-collection .constellation-field{width:230px}
 :root body.cohesive-site .shared-hero .toolkit-preview-controls{gap:5px;padding-top:16px}
 :root body.cohesive-site .shared-hero .toolkit-preview-controls button{font-size:11px;padding:8px 10px}
 :root body.cohesive-site .local-setup-flow{grid-template-columns:1fr;gap:24px}
 :root body.cohesive-site .local-setup-flow h3{font-size:16px;max-width:none}
 .shared-workflow-story .setup-arrow{inset-inline-end:auto;inset-inline-start:12px;top:auto;bottom:-23px;transform:rotate(90deg)}
 :root body.cohesive-site .review-handoff{align-items:flex-start}.review-handoff .text-link{margin-inline-start:0}
 :root body.cohesive-site .simulation-evidence .evidence-bars li+li{margin-top:6px}
 :root body.cohesive-site .simulation-evidence .evidence-track{height:5px}
}
@media(max-width:380px){:root body.cohesive-site .shared-hero h1{font-size:35px}:root body.cohesive-site .shared-hero .toolkit-preview-window{height:560px}}
@media(prefers-reduced-motion:reduce){:root body.cohesive-site .shared-hero .toolkit-preview-slide{animation:none}}

/* Restore full-width mobile content. Legacy light-theme columns and a later
   flex rule otherwise squeeze the record and handoff copy into thin strips. */
@media(max-width:640px){
 :root body.cohesive-site .local-protection-layout{grid-template-columns:minmax(0,1fr)}
 :root body.cohesive-site .local-protection-layout>*{min-width:0}
 :root body.cohesive-site .review-handoff{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}
 :root body.cohesive-site .review-handoff>div{min-width:0}
 :root body.cohesive-site .review-handoff .text-link{grid-column:2;grid-row:2;justify-self:start;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;margin-inline:0}
}
@media(max-width:640px){
 /* Reserve the disclosure-icon space on the correct side in both directions. */
 :root body.cohesive-site .faq-list p{padding-inline:0 22px}
}


/* Hebrew process labels follow the page reading alignment. */
:root[lang="he"] body.cohesive-site .improvement-flow h3{text-align:right;}