/* Generated from the original homepage. Restricted to its header and footer. */
:root{--bg:#f7f8f2;--ink:#20271c;--muted:#656b5f;--line:#d9ddd1;--lime:#c9f36b;--white:#fff;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;}
*:where(.site-header,.site-header *,.footer,.footer *){box-sizing:border-box}
a:where(.site-header,.site-header *,.footer,.footer *){color:inherit;text-decoration:none}
button:where(.site-header,.site-header *,.footer,.footer *){font:inherit}
button:where(.site-header,.site-header *,.footer,.footer *),a:where(.site-header,.site-header *,.footer,.footer *),summary:where(.site-header,.site-header *,.footer,.footer *){-webkit-tap-highlight-color:transparent}
button:where(.site-header,.site-header *,.footer,.footer *){cursor:pointer}
a:where(.site-header,.site-header *,.footer,.footer *),button:where(.site-header,.site-header *,.footer,.footer *),summary:where(.site-header,.site-header *,.footer,.footer *){-webkit-touch-callout:default}
img:where(.site-header,.site-header *,.footer,.footer *),svg:where(.site-header,.site-header *,.footer,.footer *){display:block;max-width:100%}
p:where(.site-header,.site-header *,.footer,.footer *),h2:where(.site-header,.site-header *,.footer,.footer *),h3:where(.site-header,.site-header *,.footer,.footer *){margin:0}
button:where(.site-header,.site-header *,.footer,.footer *){color:inherit}
button:focus-visible:where(.site-header,.site-header *,.footer,.footer *),summary:focus-visible:where(.site-header,.site-header *,.footer,.footer *){outline-offset:3px}
.wrap:where(.site-header,.site-header *,.footer,.footer *){width:min(1200px,calc(100% - 80px));margin-inline:auto}
.icon:where(.site-header,.site-header *,.footer,.footer *){width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.site-header:where(.site-header,.site-header *,.footer,.footer *){position:sticky;top:0;z-index:20;background:rgba(247,248,242,.96);border-bottom:1px solid var(--line)}
.header-inner:where(.site-header,.site-header *,.footer,.footer *){height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand:where(.site-header,.site-header *,.footer,.footer *){display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:-1.3px}
.brand-period:where(.site-header,.site-header *,.footer,.footer *){margin-left:-9px;color:#68883c}
.header-inner nav:where(.site-header,.site-header *,.footer,.footer *){display:flex;align-items:center;gap:30px;font-size:12px}
.header-inner nav>a:not(.button):where(.site-header,.site-header *,.footer,.footer *){padding-block:16px;transition:color .15s}
.header-inner nav>a:not(.button):hover:where(.site-header,.site-header *,.footer,.footer *){color:#628031}
.button:where(.site-header,.site-header *,.footer,.footer *){display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:47px;padding:0 22px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:5px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}
.button:hover:where(.site-header,.site-header *,.footer,.footer *){background:#36432b;transform:translateY(-1px)}
.button-small:where(.site-header,.site-header *,.footer,.footer *){min-height:38px;padding:0 13px;font-size:11px;gap:10px}
.button-outline:where(.site-header,.site-header *,.footer,.footer *){background:transparent;color:var(--ink);border-color:var(--line)}
.button-outline:hover:where(.site-header,.site-header *,.footer,.footer *){background:#e9eedf}
.menu-toggle:where(.site-header,.site-header *,.footer,.footer *){display:none}
.text-link:where(.site-header,.site-header *,.footer,.footer *){font-size:11px;display:inline-flex;gap:16px;align-items:center}
.text-link:hover:where(.site-header,.site-header *,.footer,.footer *){text-decoration:underline;text-underline-offset:5px}
.footer:where(.site-header,.site-header *,.footer,.footer *){display:flex;align-items:flex-start;justify-content:space-between;padding:47px 0 35px;gap:35px}
.footer .brand:where(.site-header,.site-header *,.footer,.footer *){font-size:23px}
.footer>div>p:where(.site-header,.site-header *,.footer,.footer *){font-size:9px;color:var(--muted);margin-top:11px}
.footer nav:where(.site-header,.site-header *,.footer,.footer *){display:flex;gap:26px;font-size:10px;padding-top:10px}
.footer nav a:hover:where(.site-header,.site-header *,.footer,.footer *){text-decoration:underline;text-underline-offset:5px}
.footer>small:where(.site-header,.site-header *,.footer,.footer *){font-family:var(--mono);font-size:8px;line-height:1.9;color:var(--muted);text-align:right;padding-top:6px}
@media (max-width:1050px){.wrap:where(.site-header,.site-header *,.footer,.footer *){width:calc(100% - 48px)}
.header-inner nav:where(.site-header,.site-header *,.footer,.footer *){gap:19px}
.footer nav:where(.site-header,.site-header *,.footer,.footer *){gap:18px}
}
@media (max-width:800px){.header-inner:where(.site-header,.site-header *,.footer,.footer *){height:70px}
.brand:where(.site-header,.site-header *,.footer,.footer *){font-size:24px}
.header-inner nav:where(.site-header,.site-header *,.footer,.footer *){gap:16px;font-size:11px}
.header-inner nav>a:nth-child(2):where(.site-header,.site-header *,.footer,.footer *){display:none}
.footer nav:where(.site-header,.site-header *,.footer,.footer *){gap:12px;font-size:9px}
.footer:where(.site-header,.site-header *,.footer,.footer *){gap:20px}
.footer>div>p:where(.site-header,.site-header *,.footer,.footer *){font-size:8px}
.footer>small:where(.site-header,.site-header *,.footer,.footer *){font-size:7px}
}
@media (max-width:640px){.wrap:where(.site-header,.site-header *,.footer,.footer *){width:calc(100% - 36px)}
.header-inner:where(.site-header,.site-header *,.footer,.footer *){height:65px}
.brand:where(.site-header,.site-header *,.footer,.footer *){font-size:23px}
.brand img:where(.site-header,.site-header *,.footer,.footer *){width:29px;height:29px}
.menu-toggle:where(.site-header,.site-header *,.footer,.footer *){display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:4px;background:transparent;min-height:36px;padding:0 12px;font-size:11px}
.menu-toggle>span:where(.site-header,.site-header *,.footer,.footer *){font-family:var(--mono);font-size:18px}
.header-inner nav:where(.site-header,.site-header *,.footer,.footer *){position:absolute;top:65px;left:0;right:0;padding:19px 18px 23px;background:var(--bg);border-bottom:1px solid var(--line);display:none;align-items:stretch;flex-direction:column;gap:0;box-shadow:0 14px 20px #20271c0a}
.header-inner nav.open:where(.site-header,.site-header *,.footer,.footer *){display:flex}
.header-inner nav>a:not(.button):where(.site-header,.site-header *,.footer,.footer *){padding:13px 0;font-size:13px}
.header-inner nav>a:nth-child(2):where(.site-header,.site-header *,.footer,.footer *){display:block}
.header-inner nav .button:where(.site-header,.site-header *,.footer,.footer *){margin-top:10px;align-self:flex-start}
.button:where(.site-header,.site-header *,.footer,.footer *){font-size:11px;min-height:46px;gap:19px;padding-inline:17px}
.button-small:where(.site-header,.site-header *,.footer,.footer *){min-height:38px;gap:10px;padding-inline:13px}
.footer:where(.site-header,.site-header *,.footer,.footer *){display:grid;grid-template-columns:1fr auto;padding:35px 0 27px;gap:28px 20px}
.footer nav:where(.site-header,.site-header *,.footer,.footer *){grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:22px;font-size:10px;padding-top:0}
.footer>small:where(.site-header,.site-header *,.footer,.footer *){font-size:7px;padding-top:4px}
.footer>div>p:where(.site-header,.site-header *,.footer,.footer *){font-size:9px}
}
@media (max-width:360px){.wrap:where(.site-header,.site-header *,.footer,.footer *){width:calc(100% - 28px)}
.footer nav:where(.site-header,.site-header *,.footer,.footer *){gap:16px}
}
@media (prefers-reduced-motion:reduce){*:where(.site-header,.site-header *,.footer,.footer *){animation:none!important;transition:none!important}
.button:hover:where(.site-header,.site-header *,.footer,.footer *){transform:none}
}
a[aria-disabled="true"]:where(.site-header,.site-header *,.footer,.footer *){cursor:not-allowed;opacity:.58}
a[aria-disabled="true"]:hover:where(.site-header,.site-header *,.footer,.footer *){transform:none;text-decoration:none}
.button[aria-disabled="true"]:hover:where(.site-header,.site-header *,.footer,.footer *){background:var(--ink)}
.button-outline[aria-disabled="true"]:hover:where(.site-header,.site-header *,.footer,.footer *){background:transparent}
[data-github-link][hidden]:where(.site-header,.site-header *,.footer,.footer *){display:none}
.theme-toggle:where(.site-header,.site-header *,.footer,.footer *),.language-picker>summary:where(.site-header,.site-header *,.footer,.footer *){width:34px;height:34px;flex:0 0 34px;display:inline-grid;place-items:center;padding:7px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}
.theme-toggle:hover:where(.site-header,.site-header *,.footer,.footer *),.language-picker>summary:hover:where(.site-header,.site-header *,.footer,.footer *){border-color:var(--ink)}
.theme-toggle svg:where(.site-header,.site-header *,.footer,.footer *){width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun:where(.site-header,.site-header *,.footer,.footer *){display:none}
[data-theme="dark"] .theme-toggle:where(.site-header,.site-header *,.footer,.footer *),[data-theme="dark"] .language-picker>summary:where(.site-header,.site-header *,.footer,.footer *){border-radius:0;color:var(--lime);border-color:#536348;box-shadow:2px 2px 0#080c06}
[data-theme="dark"] .theme-toggle .theme-moon:where(.site-header,.site-header *,.footer,.footer *){display:none}
[data-theme="dark"] .theme-toggle .theme-sun:where(.site-header,.site-header *,.footer,.footer *){display:block}
@media (max-width:640px){.header-inner>.theme-toggle:where(.site-header,.site-header *,.footer,.footer *){position:absolute;right:120px;top:15px}
}
.art-style-toggle:where(.site-header,.site-header *,.footer,.footer *){font:inherit;font-size:11px;white-space:nowrap;padding:8px 10px;background:transparent;color:var(--ink);border:1px solid var(--line);cursor:pointer}
.art-style-toggle[hidden]:where(.site-header,.site-header *,.footer,.footer *){display:none}
@media (max-width:1050px){.art-style-toggle:where(.site-header,.site-header *,.footer,.footer *){position:fixed;z-index:50;right:16px;bottom:16px;background:var(--bg);box-shadow:2px 2px 0 var(--line)}
}
:root[data-theme="dark"]{--bg:#11160f;--ink:#e8efdf;--muted:#aab69e;--line:#3d4b34;--white:#1b2317;--lime:#a5b998;}
:root[data-theme="dark"] .site-header:where(.site-header,.site-header *,.footer,.footer *){background:#11160ff5;border-color:var(--line)}
:root[data-theme="dark"] .brand-period:where(.site-header,.site-header *,.footer,.footer *){color:var(--lime)}
:root[data-theme="dark"] .button:where(.site-header,.site-header *,.footer,.footer *),:root[data-theme="dark"] .button:hover:where(.site-header,.site-header *,.footer,.footer *){background:var(--lime);color:#17200e;border-color:var(--lime);box-shadow:4px 4px 0#3d5127}
:root[data-theme="dark"] .button-outline:where(.site-header,.site-header *,.footer,.footer *){color:var(--ink);border-color:var(--line);background:var(--bg)}
:root[data-theme="dark"] .button-outline:hover:where(.site-header,.site-header *,.footer,.footer *){color:var(--lime);background:#202b19}
:root[data-theme="dark"] .footer:where(.site-header,.site-header *,.footer,.footer *){border-color:var(--line)}
:root[data-theme="dark"] .button:where(.site-header,.site-header *,.footer,.footer *){border-radius:0;transition:background .15s,box-shadow .15s}
:root[data-theme="dark"] .button:hover:where(.site-header,.site-header *,.footer,.footer *){box-shadow:2px 2px 0#3d5127}
:root[data-theme="dark"] .button-small:where(.site-header,.site-header *,.footer,.footer *){box-shadow:3px 3px 0#3d5127}
@media (prefers-reduced-motion:reduce){:root[data-theme="dark"] .button:where(.site-header,.site-header *,.footer,.footer *){transition:none}
}
:root[data-theme="dark"] [data-dark-style="pixel"] .site-header:where(.site-header,.site-header *,.footer,.footer *){background:#102c21f5}
@font-face{font-family:"ActOut Outfit";src:url(/fonts/outfit-variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
.brand:where(.site-header,.site-header *,.footer,.footer *){direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.brand .brand-wordmark:where(.site-header,.site-header *,.footer,.footer *){display:inline-flex;align-items:baseline;gap:0;font-family:"ActOut Outfit","Arial",sans-serif;font-size:1.08em;font-style:normal;font-synthesis:none;font-kerning:normal;font-variant-ligatures:none;text-transform:none;line-height:1;letter-spacing:-.035em}
.brand .brand-wordmark:where(.site-header,.site-header *,.footer,.footer *),.brand .brand-wordmark span:where(.site-header,.site-header *,.footer,.footer *){color:inherit;margin:0}
.brand .brand-act:where(.site-header,.site-header *,.footer,.footer *){font-weight:600}
.brand .brand-out:where(.site-header,.site-header *,.footer,.footer *){font-weight:300}
.brand>img:where(.site-header,.site-header *,.footer,.footer *){flex:0 0 auto}
.language-picker:where(.site-header,.site-header *,.footer,.footer *){position:relative;margin:0;flex-shrink:0}
.language-picker summary:where(.site-header,.site-header *,.footer,.footer *){cursor:pointer;font:600 11px var(--font-text,Arial,sans-serif);list-style:none}
.language-picker summary:where(.site-header,.site-header *,.footer,.footer *)::-webkit-details-marker{display:none}
.language-picker>nav:where(.site-header,.site-header *,.footer,.footer *){position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:30;display:grid;min-width:170px;padding:8px;border:1px solid var(--line,#656f58);border-radius:8px;background:#f7f8f2;color:#20271c;box-shadow:0 12px 32px #0003}
.language-picker:not([open])>nav:where(.site-header,.site-header *,.footer,.footer *){display:none}
.language-picker a:where(.site-header,.site-header *,.footer,.footer *){padding:10px;border-radius:4px;white-space:nowrap}
.language-picker a[aria-current]:where(.site-header,.site-header *,.footer,.footer *){background:#c9f36b;color:#20271c}
[data-theme="dark"] .language-picker>nav:where(.site-header,.site-header *,.footer,.footer *){background:#192016;color:#f7f8f2}
.header-inner:where(.site-header,.site-header *,.footer,.footer *){gap:18px}
:where(h1,h2,h3,p,a,summary):where(.site-header,.site-header *,.footer,.footer *){overflow-wrap:break-word}
.brand:where(.site-header,.site-header *,.footer,.footer *){unicode-bidi:isolate}
.brand:where(.site-header,.site-header *,.footer,.footer *){direction:ltr}
@media (max-width:1100px) and (min-width:641px){.header-inner:where(.site-header,.site-header *,.footer,.footer *){flex-wrap:wrap;padding-block:12px}
#navigation:where(.site-header,.site-header *,.footer,.footer *){flex-wrap:wrap;justify-content:center;width:100%;gap:16px}
}
@media (max-width:640px){.header-inner:where(.site-header,.site-header *,.footer,.footer *){gap:10px}
.header-inner>.theme-toggle:where(.site-header,.site-header *,.footer,.footer *){position:static;margin:0}
[dir="rtl"] #navigation:where(.site-header,.site-header *,.footer,.footer *){text-align:right}
}
.header-inner .language-picker>nav:where(.site-header,.site-header *,.footer,.footer *){display:grid;top:calc(100% + 8px);left:auto;right:auto;inset-inline-end:0;width:190px;gap:0;padding:8px}
.header-inner .language-picker:not([open])>nav:where(.site-header,.site-header *,.footer,.footer *){display:none}
.header-inner .language-picker>nav>a:where(.site-header,.site-header *,.footer,.footer *){display:block;padding:10px}
@media (min-width:641px) and (max-width:1100px){.header-inner:where(.site-header,.site-header *,.footer,.footer *){height:auto;min-height:83px}
}
@media (max-width:640px){.header-inner:where(.site-header,.site-header *,.footer,.footer *){flex-wrap:wrap;height:auto;min-height:65px;padding-block:10px;gap:8px}
.language-picker:where(.site-header,.site-header *,.footer,.footer *){margin-inline-end:0}
.menu-toggle:where(.site-header,.site-header *,.footer,.footer *){padding-inline:8px;gap:5px}
#navigation:where(.site-header,.site-header *,.footer,.footer *){top:100%}
}
@font-face{font-family:"Heebo";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/heebo-hebrew-variable.woff2)format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-variable.ttf)format("truetype")}
:root{--font-text:"Space Grotesk","Heebo",sans-serif;--font-heading:"Space Grotesk","Heebo",Arial,sans-serif;}
.language-picker summary:where(.site-header,.site-header *,.footer,.footer *){font-family:var(--font-text)}
.language-picker a[lang="he"]:where(.site-header,.site-header *,.footer,.footer *){font-family:"Heebo","Space Grotesk",sans-serif}
:root body :is(h1,h2,h3,h4,h5,h6):where(.site-header,.site-header *,.footer,.footer *){font-family:var(--font-heading);font-weight:650}
.nav-group:where(.site-header,.site-header *,.footer,.footer *){position:relative;flex-shrink:0}
.nav-group>summary:where(.site-header,.site-header *,.footer,.footer *){display:flex;align-items:center;justify-content:space-between;gap:9px;padding-block:16px;padding-inline-end:4px;cursor:pointer;list-style:none}
.nav-group>summary:where(.site-header,.site-header *,.footer,.footer *)::-webkit-details-marker{display:none}
.nav-group>summary>span:where(.site-header,.site-header *,.footer,.footer *){font:16px var(--mono)}
.nav-group[open]>summary>span:where(.site-header,.site-header *,.footer,.footer *){transform:rotate(45deg)}
.nav-panel:where(.site-header,.site-header *,.footer,.footer *){position:fixed;top:var(--nav-top,80px);left:var(--nav-left,18px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);width:720px;max-width:calc(100vw - 36px);padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);box-shadow:0 18px 50px #0002;z-index:30}
.nav-group:not([open])>.nav-panel:where(.site-header,.site-header *,.footer,.footer *){display:none}
.nav-options:where(.site-header,.site-header *,.footer,.footer *){display:flex;flex-direction:column;gap:4px;padding:8px}
.nav-option:where(.site-header,.site-header *,.footer,.footer *){display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:8px;padding:17px 14px;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.45;text-align:start;text-decoration:none;cursor:pointer}
.nav-option[data-active="true"]:where(.site-header,.site-header *,.footer,.footer *){background:var(--surface,#edf0e5)}
.nav-option:focus-visible:where(.site-header,.site-header *,.footer,.footer *){outline:2px solid var(--ink);outline-offset:2px}
.nav-arrow:where(.site-header,.site-header *,.footer,.footer *){width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.nav-details:where(.site-header,.site-header *,.footer,.footer *){min-width:0;padding:22px 26px;border-inline-start:1px solid var(--line)}
.nav-preview[hidden]:where(.site-header,.site-header *,.footer,.footer *){display:none}
.nav-preview h3:where(.site-header,.site-header *,.footer,.footer *){font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:16px 0 12px}
.nav-preview p:where(.site-header,.site-header *,.footer,.footer *){font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 22px}
.nav-preview .text-link:where(.site-header,.site-header *,.footer,.footer *){display:inline-flex;align-items:center;gap:12px;padding:6px 0;font-size:13px}
.nav-illustration:where(.site-header,.site-header *,.footer,.footer *){display:block;width:104px;height:84px;overflow:visible}
[data-theme="dark"] .nav-panel:where(.site-header,.site-header *,.footer,.footer *){border-radius:0;box-shadow:5px 5px 0#35462c}
[data-theme="dark"] .nav-option:where(.site-header,.site-header *,.footer,.footer *){border-radius:0}
[data-theme="dark"] .nav-option[data-active="true"]:where(.site-header,.site-header *,.footer,.footer *){background:#27321f}
.nav-illustration img:where(.site-header,.site-header *,.footer,.footer *){width:100%;height:100%;object-fit:contain}
.nav-icon-light:where(.site-header,.site-header *,.footer,.footer *){display:block;mix-blend-mode:normal}
.nav-icon-dark:where(.site-header,.site-header *,.footer,.footer *){display:none}
[data-theme="dark"] .nav-icon-light:where(.site-header,.site-header *,.footer,.footer *){display:none}
[data-theme="dark"] .nav-icon-dark:where(.site-header,.site-header *,.footer,.footer *){display:block;mix-blend-mode:normal;image-rendering:pixelated}
@media (min-width:641px) and (max-width:1100px){.nav-panel:where(.site-header,.site-header *,.footer,.footer *){width:680px}
}
@media (max-width:640px){#navigation:where(.site-header,.site-header *,.footer,.footer *){max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.nav-group:where(.site-header,.site-header *,.footer,.footer *){width:100%;border-bottom:1px solid var(--line)}
.nav-group>summary:where(.site-header,.site-header *,.footer,.footer *){padding-block:14px;font-size:14px}
.nav-panel:where(.site-header,.site-header *,.footer,.footer *){position:static;width:auto;max-width:none;grid-template-columns:minmax(0,1fr);padding:4px 0 12px;border:0;border-radius:0;box-shadow:none;background:transparent}
.nav-options:where(.site-header,.site-header *,.footer,.footer *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 0 12px;gap:5px}
.nav-option:where(.site-header,.site-header *,.footer,.footer *){height:100%;padding:12px;font-size:13px;border:1px solid var(--line)}
.nav-details:where(.site-header,.site-header *,.footer,.footer *){padding:18px 12px 8px;border-inline-start:0;border-top:1px solid var(--line)}
.nav-illustration:where(.site-header,.site-header *,.footer,.footer *){width:80px;height:60px}
.nav-preview h3:where(.site-header,.site-header *,.footer,.footer *){font-size:21px;margin-top:12px}
[data-theme="dark"] .nav-panel:where(.site-header,.site-header *,.footer,.footer *){box-shadow:none}
.nav-panel>a:where(.site-header,.site-header *,.footer,.footer *){padding:11px 12px}
}
:root:not([data-theme="dark"]){--bg:#fafafa;--ink:#242424;--muted:#606060;--line:#d4d4d4;--white:#fff;--lime:#dedede;--surface:#eee;}
:root:not([data-theme="dark"]) .site-header:where(.site-header,.site-header *,.footer,.footer *){background:#fafafaf5}
:root:not([data-theme="dark"]) .brand-mark:where(.site-header,.site-header *,.footer,.footer *),:root:not([data-theme="dark"]) .brand svg:where(.site-header,.site-header *,.footer,.footer *),:root:not([data-theme="dark"]) .brand img:where(.site-header,.site-header *,.footer,.footer *),:root:not([data-theme="dark"]) .nav-icon-light:where(.site-header,.site-header *,.footer,.footer *){filter:grayscale(1)}
:root:not([data-theme="dark"]){--ink:#20271c;--muted:#59614f;--lime:#c9f36b;--bg:#fafafa;}
:root:not([data-theme="dark"]) .brand-mark:where(.site-header,.site-header *,.footer,.footer *),:root:not([data-theme="dark"]) .brand svg:where(.site-header,.site-header *,.footer,.footer *),:root:not([data-theme="dark"]) .brand img:where(.site-header,.site-header *,.footer,.footer *),:root:not([data-theme="dark"]) .nav-icon-light:where(.site-header,.site-header *,.footer,.footer *){filter:none}
:root body.cohesive-site{--surface-page:#fafafa;--surface-section:#f5f5f5;--surface-panel:#fff;--surface-inset:#f8f8f8;--edge:#d5dad3;--text:#252c23;--text-secondary:#586153;--accent:#c9f36b;--section-corner:16px;--panel-corner:12px;--inset-corner:8px;--section-space:48px;--panel-space:24px;--inset-space:20px;--bg:var(--surface-page);--white:var(--surface-panel);--ink:var(--text);--muted:var(--text-secondary);--line:var(--edge);--lime:var(--accent);}
:root[data-theme="dark"] body.cohesive-site{--surface-section:#242424;--surface-panel:#2d2d2d;--surface-inset:#353535;--edge:#50554c;--text:#f1f5ed;--text-secondary:#c2cbbb;--accent:#c9f36b;--ink:var(--text);--muted:var(--text-secondary);--line:var(--edge);--white:var(--surface-panel);--lime:var(--accent);}
:root[data-theme="dark"] body.cohesive-site{--surface-page:#1b1b1b;--bg:var(--surface-page);}
:root body.cohesive-site .button:where(.site-header,.site-header *,.footer,.footer *){border-radius:var(--inset-corner);box-shadow:none}
:root body.cohesive-site .site-header:where(.site-header,.site-header *,.footer,.footer *){background:color-mix(in srgb,var(--surface-page) 96%,transparent);border-color:var(--edge)}
:root body.cohesive-site :is(.theme-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *){border-radius:50%;border-color:var(--edge);box-shadow:none;color:var(--text)}
:root body.cohesive-site .nav-panel:where(.site-header,.site-header *,.footer,.footer *){border-radius:var(--panel-corner);border-color:var(--edge);background:var(--surface-panel);box-shadow:0 12px 40px #00000018}
:root body.cohesive-site .nav-option:where(.site-header,.site-header *,.footer,.footer *){border-radius:var(--inset-corner)}
:root body.cohesive-site .nav-option:hover:where(.site-header,.site-header *,.footer,.footer *),:root body.cohesive-site .nav-option[data-active="true"]:where(.site-header,.site-header *,.footer,.footer *){background:var(--surface-inset)}
:root body.cohesive-site :is(.site-header,.green-savings-heading,.evidence-chart figcaption):where(.site-header,.site-header *,.footer,.footer *){border-bottom:0}
@media (max-width:1000px){:root body.cohesive-site{--section-space:32px;--panel-space:24px;}
}
@media (max-width:640px){:root body.cohesive-site{--section-space:24px;--panel-space:20px;--inset-space:16px;}
:root body.cohesive-site .nav-panel:where(.site-header,.site-header *,.footer,.footer *){border:0;border-radius:0;background:transparent;box-shadow:none}
}
@media (max-width:360px){:root body.cohesive-site{--section-space:18px;}
}
@media (forced-colors:active){:root body.cohesive-site{--surface-page:Canvas;--surface-section:Canvas;--surface-panel:Canvas;--surface-inset:Canvas;--edge:CanvasText;--text:CanvasText;--text-secondary:CanvasText;--accent:Highlight;}
}
:root body.cohesive-site .site-header:where(.site-header,.site-header *,.footer,.footer *){background:var(--surface-page)}
:root body.cohesive-site .site-header .header-inner:where(.site-header,.site-header *,.footer,.footer *){height:auto;min-height:0;padding-block:16px;transition:padding-block .22s ease}
:root body.cohesive-site .site-header[data-compact="true"] .header-inner:where(.site-header,.site-header *,.footer,.footer *){padding-block:8px}
:root body.cohesive-site .site-header :is(.menu-toggle,.nav-group>summary):where(.site-header,.site-header *,.footer,.footer *){min-height:44px}
@media (max-width:1100px){:root body.cohesive-site .site-header .header-inner:where(.site-header,.site-header *,.footer,.footer *){padding-block:12px}
:root body.cohesive-site .site-header[data-compact="true"] .header-inner:where(.site-header,.site-header *,.footer,.footer *){padding-block:6px}
}
@media (max-width:640px){:root body.cohesive-site .site-header .header-inner:where(.site-header,.site-header *,.footer,.footer *){padding-block:10px}
:root body.cohesive-site .site-header[data-compact="true"] .header-inner:where(.site-header,.site-header *,.footer,.footer *){padding-block:5px}
:root body.cohesive-site .site-header #navigation:where(.site-header,.site-header *,.footer,.footer *){top:100%}
}
@media (prefers-reduced-motion:reduce){:root body.cohesive-site .site-header .header-inner:where(.site-header,.site-header *,.footer,.footer *){transition:none}
}
:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *){position:relative;inset:auto}
:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *)::after{content:"";position:absolute;inset:-5px;border-radius:50%}
@media (max-width:640px){:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *)::after{inset-inline:-4px}
}
:root body.cohesive-site.modern-layout{--section-corner:24px;--panel-corner:16px;--inset-corner:10px;}
[dir="rtl"] body.cohesive-site.modern-layout .shared-hero .slide-explanation .nav-arrow:where(.site-header,.site-header *,.footer,.footer *){transform:scaleX(-1)}
.component-experience{--component-nav-top:80px;--component-anchor-offset:170px;}
.component-experience [data-nav-group="solutions"] .nav-option[aria-current="location"]:where(.site-header,.site-header *,.footer,.footer *){box-shadow:inset 3px 0 var(--accent)}
[dir="rtl"] .component-experience [data-nav-group="solutions"] .nav-option[aria-current="location"]:where(.site-header,.site-header *,.footer,.footer *){box-shadow:inset -3px 0 var(--accent)}
@media (max-width:640px){.component-experience{--component-scroll-padding:82px;}
}
:root body.cohesive-site{--section-corner:0px;--panel-corner:0px;--inset-corner:0px;}
:root body.cohesive-site :is(.toolkit-overview::before,.toolkit-overview a,.note-card-link,.note-thumb,.note-hero,.note-next,.demo-form,.nav-panel,.nav-preview):where(.site-header,.site-header *,.footer,.footer *){border-radius:0}
:root body.cohesive-site :is(.button,button,input,textarea,select):where(.site-header,.site-header *,.footer,.footer *){border-radius:0}
:root body.cohesive-site .site-header:where(.site-header,.site-header *,.footer,.footer *){--surface-page:#fff;--surface-panel:#fff;--surface-inset:#f8f8f8;--text:#252c23;--text-secondary:#586153;--edge:#d5dad3;--bg:#fff;--white:#fff;--ink:#252c23;--muted:#586153;--line:#d5dad3;color:var(--text);background:rgba(255,255,255,.96);border-bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;transition:box-shadow .2s ease}
:root[data-theme="dark"] body.cohesive-site .site-header:where(.site-header,.site-header *,.footer,.footer *){--surface-page:#1b1b1b;--surface-panel:#2d2d2d;--surface-inset:#353535;--text:#f1f5ed;--text-secondary:#c2cbbb;--edge:#50554c;--bg:#1b1b1b;--white:#2d2d2d;--ink:#f1f5ed;--muted:#c2cbbb;--line:#50554c;background:rgba(27,27,27,.96)}
:root body.cohesive-site .site-header[data-scrolled="true"]:where(.site-header,.site-header *,.footer,.footer *){box-shadow:0 3px 14px rgba(0,0,0,.045)}
:root body.cohesive-site .footer.footer-columns:where(.site-header,.site-header *,.footer,.footer *){display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.5fr);align-items:start;gap:40px 64px;padding-block:56px 28px}
:root body.cohesive-site .footer.footer-columns>div>p:where(.site-header,.site-header *,.footer,.footer *){max-width:38ch;font-size:14px;line-height:1.75}
:root body.cohesive-site .footer.footer-columns nav:where(.site-header,.site-header *,.footer,.footer *){display:grid;grid-template-columns:minmax(120px,.7fr) minmax(200px,1.3fr);grid-column:auto;grid-row:auto;gap:40px;padding:0;font-size:13px}
:root body.cohesive-site .footer-link-group:where(.site-header,.site-header *,.footer,.footer *){min-width:0}
:root body.cohesive-site .footer-link-group h2:where(.site-header,.site-header *,.footer,.footer *){margin:0 0 18px;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:0}
:root body.cohesive-site .footer-link-group ul:where(.site-header,.site-header *,.footer,.footer *){display:flex;flex-direction:column;align-items:flex-start;gap:10px;list-style:none;margin:0;padding:0}
:root body.cohesive-site .footer-link-group li:where(.site-header,.site-header *,.footer,.footer *){margin:0;padding:0;line-height:1.6}
:root body.cohesive-site .footer-link-group a:where(.site-header,.site-header *,.footer,.footer *){display:block;color:var(--muted);overflow-wrap:anywhere}
:root body.cohesive-site .footer-link-group a:hover:where(.site-header,.site-header *,.footer,.footer *){color:var(--ink)}
:root body.cohesive-site .footer.footer-columns>small:where(.site-header,.site-header *,.footer,.footer *){grid-column:1/-1;text-align:start;padding:0;font-size:10px}
@media (max-width:800px){:root body.cohesive-site .footer.footer-columns:where(.site-header,.site-header *,.footer,.footer *){grid-template-columns:1fr;gap:32px;padding-block:40px 24px}
:root body.cohesive-site .footer.footer-columns nav:where(.site-header,.site-header *,.footer,.footer *){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}
}
@media (max-width:380px){:root body.cohesive-site .footer.footer-columns nav:where(.site-header,.site-header *,.footer,.footer *){grid-template-columns:1fr;gap:28px}
}
@media (prefers-reduced-motion:reduce){:root body.cohesive-site .site-header:where(.site-header,.site-header *,.footer,.footer *){transition:none}
}
:root body.cohesive-site :is(button,.button,.ao-primary,.ac-button,[role="button"],input[type="button"],input[type="submit"],.language-picker>summary,.nav-group>summary,.form-picker>summary):where(.site-header,.site-header *,.footer,.footer *){border-radius:0!important}
:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker>summary,.menu-toggle):where(.site-header,.site-header *,.footer,.footer *){border-radius:0}
:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *)::after{border-radius:0}
:root[data-theme="dark"] body.cohesive-site{--retro-edge:#596052;--retro-shadow:#0c0e0b;}
:root[data-theme="dark"] body.cohesive-site :is(.button,.ao-primary,.ac-button,button[type="submit"],.theme-toggle,.menu-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *){border:1px solid var(--retro-edge);border-radius:0;box-shadow:3px 3px 0 var(--retro-shadow);font-family:var(--font-text);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
:root[data-theme="dark"] body.cohesive-site :is(.button,.ao-primary,.ac-button,button[type="submit"],.theme-toggle,.menu-toggle,.language-picker>summary):hover:where(.site-header,.site-header *,.footer,.footer *){border-color:var(--accent)}
:root[data-theme="dark"] body.cohesive-site :is(.button,.ao-primary,.ac-button,button[type="submit"],.theme-toggle,.menu-toggle,.language-picker>summary):active:where(.site-header,.site-header *,.footer,.footer *){box-shadow:1px 1px 0 var(--retro-shadow)}
:root[data-theme="dark"] body.cohesive-site :is(.nav-panel,.language-picker>nav,.form-picker>nav,dialog[open]):where(.site-header,.site-header *,.footer,.footer *){border:1px solid var(--retro-edge);border-radius:0;box-shadow:4px 4px 0 var(--retro-shadow)}
@media (max-width:640px){:root[data-theme="dark"] body.cohesive-site .nav-panel:where(.site-header,.site-header *,.footer,.footer *){border:0;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){:root[data-theme="dark"] body.cohesive-site :is(.button,.ao-primary,.ac-button,button[type="submit"],.theme-toggle,.menu-toggle,.language-picker>summary):where(.site-header,.site-header *,.footer,.footer *){transition:none}
}
:root[data-theme="dark"] body.cohesive-site{--section-corner:0px;--panel-corner:0px;--inset-corner:0px;}
:root[data-theme="dark"] body.cohesive-site :is(.component-section,.tool-story,.entities-section,.closing,.simulation-story,.cohesive-panel,.cohesive-inset,.local-computer,.improvement-loop,.demo-form,.evidence-chart,.fin-card,.fin-metrics article,.fin-model,.nav-panel,.nav-preview,.nav-option,.toolkit-overview,.toolkit-overview a,.toolkit-overview::before,dialog):where(.site-header,.site-header *,.footer,.footer *){border-radius:0!important}
:root[data-theme="dark"] body.cohesive-site :is(.button,.ao-primary,.ac-button,button[type="submit"],.menu-toggle,.nav-panel,.language-picker>nav,.form-picker>nav):where(.site-header,.site-header *,.footer,.footer *){box-shadow:3px 3px 0 var(--retro-shadow)}
:root[data-theme="dark"] body.cohesive-site :is(.button,.ao-primary,.ac-button,button[type="submit"],.menu-toggle):active:where(.site-header,.site-header *,.footer,.footer *){box-shadow:1px 1px 0 var(--retro-shadow)}
@media (max-width:640px){:root[data-theme="dark"] body.cohesive-site .nav-panel:where(.site-header,.site-header *,.footer,.footer *){border:0;box-shadow:none}
}
:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker:not(.form-picker)>summary):where(.site-header,.site-header *,.footer,.footer *){border-radius:50%!important;box-shadow:none!important;font-family:inherit}
:root body.cohesive-site .site-header :is(.theme-toggle,.language-picker:not(.form-picker)>summary):where(.site-header,.site-header *,.footer,.footer *)::after{border-radius:50%}