@font-face{font-family:Arabic;src:url("fonts/NotoSansArabic.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url(fonts/Geist.ttf) format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Hebrew;src:url(fonts/NotoSansHebrew.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f4f3ed;--ink:#22251f;--muted:#5f655b;--line:#cdd0c4;--mint:#d9f681;--purple:#bfb1f9;--pink:#f7b8ce;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Hebrew,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6650b1;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{max-inline-size:1440px;margin-inline:auto;padding-inline:clamp(22px,5vw,80px)}.header{display:flex;justify-content:space-between;align-items:center;min-block-size:100px;gap:24px}.logo{font-size:26px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.logo-arrow{color:#768B58}.logo-dot{color:var(--purple)}.header nav{display:flex;gap:34px;font-size:14px}.repo-link{font-size:14px;border:1px solid var(--line);padding:10px 18px;border-radius:24px;white-space:nowrap}.repo-link span{margin-inline-start:16px}.skip{position:absolute;inset-block-start:-60px;background:var(--ink);color:white;padding:10px;z-index:5}.skip:focus{inset-block-start:8px}.eyebrow,.section-index,.tiny-label,.micro,.stack-no,.prompt-top,.install-foot,.scope-note,.direction-strip,.contribution-tags,.demo-note,.copy-status{font-size:12px;letter-spacing:.025em}.eyebrow{display:flex;align-items:center;gap:10px}.signal{inline-size:7px;block-size:7px;background:#54693a;border-radius:50%}.hero{padding-block-start:55px}.hero-heading{position:relative;margin-block:28px 48px}h1,h2,h3,p{margin:0}h1{font-size:clamp(64px,7.9vw,114px);line-height:1.01;letter-spacing:-.066em;font-weight:650;max-inline-size:1100px}.hero-arrow{position:absolute;inset-inline-end:0;inset-block-start:-24px;font-size:210px;line-height:1;font-weight:300;color:#65744f}.period{color:#768b58}.right-word{position:relative;white-space:nowrap}.right-word svg{position:absolute;inset-inline-start:-6%;inset-block-end:-14px;inline-size:112%;block-size:30px;overflow:visible;z-index:-1}.right-word path{fill:none;stroke:var(--purple);stroke-width:18;stroke-linecap:round}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block-end:60px}.hero-bottom p{font-size:18px;line-height:1.55;max-inline-size:390px;color:var(--muted)}.hero-actions{display:flex;flex-direction:column;gap:13px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:18px 26px;border-radius:4px;font-size:15px;font-weight:550}.button:hover{text-decoration:none;transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:#41483a}.micro{color:var(--muted)}.direction-strip{display:flex;justify-content:space-between;gap:25px;padding-block:17px;border-block-start:1px solid var(--line);font-size:10px;letter-spacing:.09em}.direction-strip span[lang],.direction-strip span:nth-child(2){font-family:Hebrew,sans-serif;font-size:12px;direction:rtl}.demo-section{padding-block:88px;background:radial-gradient(ellipse at 75% 25%,#dbe6b3 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#c6b4f5 0,transparent 52%),linear-gradient(125deg,#e6e9dd,#e2e0eb)}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.section-index{display:block;font-size:10px;letter-spacing:.12em;font-weight:550}h2{font-weight:550;font-size:clamp(40px,4.6vw,65px);letter-spacing:-.06em;line-height:1.06}.section-intro h2{margin-block:25px}.section-intro>p,.install-grid>div>p{color:var(--muted);max-inline-size:350px;line-height:1.7}.text-link{display:inline-block;font-size:13px;border-block-end:1px solid var(--ink);padding-block:4px;margin-block-start:25px}.demo-card{background:var(--paper);border:1px solid #fff;border-radius:var(--radius);box-shadow:0 18px 60px #4e4a5720;overflow:hidden}.demo-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-block-end:1px solid var(--line)}.tiny-label{font-size:9px;letter-spacing:.08em}.demo-toolbar [role=group]{display:flex;padding:3px;background:#e4e5db;border-radius:5px;gap:2px}.demo-toolbar button{border:0;background:transparent;padding:7px 10px;font-size:11px;white-space:nowrap;border-radius:3px}.demo-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff}.hebrew{font-family:Hebrew,Geist,sans-serif}.demo-text{padding:40px 28px 25px;text-align:start;min-block-size:220px;font-size:22px;line-height:1.8;overflow-wrap:anywhere}.demo-text p:first-child{font-weight:650;font-size:25px;margin-block-end:17px}.demo-text.alignment-only{text-align:right;direction:ltr}.demo-text.alignment-only bdi{unicode-bidi:normal;direction:inherit}.demo-note{color:var(--muted);padding:0 24px 22px;min-block-size:65px;font-size:11px;line-height:1.6}.source{background:#eaece3;border-block-start:1px solid var(--line);font-size:12px}.source summary{cursor:pointer;padding:14px 24px}.source pre{direction:ltr;unicode-bidi:isolate;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:0 24px 15px;line-height:1.7;margin:0}.principles{padding-block:95px}.principles h2{margin-block:25px 50px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.principle-number{display:block;font-size:35px;font-weight:400;line-height:1;margin-block-end:24px;color:#5d6c48}.principle-grid h3{font-size:22px;font-weight:550;letter-spacing:-.04em;margin-block-end:12px}.principle-grid p{color:var(--muted);font-size:14px;line-height:1.8;max-inline-size:320px}.stacks{padding-block:15px 95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-block-end:40px}.section-heading h2{margin-block-start:23px}.section-heading>p{font-size:14px;color:var(--muted)}.stack-list{border-block-start:1px solid var(--ink)}.stack-list>a{display:grid;grid-template-columns:35px 1.05fr 1.5fr 1fr 15px;gap:20px;align-items:center;padding-block:24px;border-block-end:1px solid var(--line);transition:background .2s}.stack-list>a:hover{text-decoration:none;background:#e7e9dd}.stack-no{color:var(--muted);font-size:10px}.stack-list h3{font-size:23px;font-weight:500;letter-spacing:-.04em}.stack-desc{color:var(--muted);font-size:12px}.status{justify-self:start;font-size:10px;border:1px solid #bac6a6;border-radius:20px;padding:5px 10px;background:#e4ecd6;white-space:nowrap}.status-neutral{border-color:#cec9df;background:#e9e5f4}.scope-note{color:var(--muted);font-size:11px;line-height:1.8;margin-block-start:22px;max-inline-size:800px}.scope-note a{text-decoration:underline;text-underline-offset:3px}.install-section{background:#252920;color:var(--paper);padding-block:90px}.install-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.install-grid h2{margin-block:25px}.install-grid>div>p{color:#bfc6b5}.install-grid .text-link{border-color:#c2cbb3}.prompt-panel{background:#31382a;border:1px solid #5c6651;border-radius:var(--radius);overflow:hidden}.prompt-top{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-block-end:1px solid #535e49;font-size:9px;letter-spacing:.1em}.copy-button{font-size:11px;letter-spacing:0;border:1px solid #768665;background:transparent;color:#e5efda;border-radius:4px;padding:8px 12px}.copy-button:hover{background:#48573a}.prompt-panel #install-prompt{font-size:14px;line-height:1.9;padding:25px 24px 0;overflow-wrap:anywhere;color:#e4f5c7}.copy-status{font-size:11px;color:#d9f681;padding:7px 24px;min-block-size:32px}.install-foot{border-block-start:1px solid #535e49;padding:16px 24px;color:#bbc5b0;font-size:10px;line-height:1.7}.contribute{padding-block:95px 85px}.contribute-heading{display:flex;justify-content:space-between;align-items:center;margin-block:30px 35px}.contribute-heading h2{font-size:clamp(44px,5.7vw,82px);isolation:isolate}.contribute-heading h2 span{display:inline-block;max-inline-size:100%;position:relative;border-radius:4px;padding-inline:8px}.contribute-heading h2 span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(100deg,#d7eb94,#d7cdf6 70%,#f2c6db)}.contribute-arrow{font-size:150px;line-height:1;font-weight:300;color:#6b5b89}.contribute-bottom{display:flex;justify-content:space-between;gap:60px;align-items:center}.contribute-bottom>p{color:var(--muted);font-size:16px;line-height:1.8;max-inline-size:560px}.contribute-bottom>div{display:flex;flex-direction:column;gap:15px}.issue-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.contribution-tags{display:flex;flex-wrap:wrap;gap:14px;margin-block-start:40px}.contribution-tags span{border:1px solid var(--line);border-radius:25px;padding:7px 14px;font-size:11px}.footer{display:flex;gap:25px;justify-content:space-between;align-items:center;border-block-start:1px solid var(--line);padding-block:30px;font-size:11px;color:var(--muted)}.footer>div{display:flex;gap:22px}.footer .logo{font-size:20px;color:var(--ink)}.credits{padding-block:60px;max-inline-size:850px}.credits h1{font-size:60px;margin-block-end:30px}.credits h2{font-size:26px;margin-block:30px 12px}.credits a{text-decoration:underline}.credits p{color:var(--muted);margin-block:12px}
@media(min-width:1500px){.hero-arrow{inset-inline-end:35px}}@media(max-width:1000px){.hero-arrow{font-size:140px;inset-block-start:-20px}.demo-grid,.install-grid{gap:40px}.demo-toolbar{flex-wrap:wrap}.stack-list>a{grid-template-columns:25px 1fr 1.2fr 1fr 12px;gap:12px}.stack-list h3{font-size:20px}.stack-desc{font-size:11px}.contribute-bottom{gap:30px}.contribute-bottom>p{max-inline-size:430px}}@media(max-width:700px){.header{min-block-size:80px;gap:14px}.header nav{gap:15px;font-size:11px}.header nav a:first-child{display:none}.logo{font-size:22px}.repo-link{font-size:11px;padding:8px 12px}.repo-link span{margin-inline-start:5px}.hero{padding-block-start:35px}.eyebrow{font-size:9px;letter-spacing:.06em}.hero-heading{margin-block:30px}h1{font-size:clamp(51px,10.4vw,73px);letter-spacing:-.065em}.hero-arrow{display:none}.right-word svg{inset-block-end:-11px;block-size:23px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:28px;padding-block-end:38px}.hero-bottom p{font-size:16px;max-inline-size:330px}.hero-actions{inline-size:100%}.button{padding:17px 20px}.hero-actions .button{inline-size:100%}.micro{font-size:10px}.direction-strip{font-size:8px;gap:10px;align-items:center}.direction-strip span:nth-child(3){display:none}.direction-strip span:nth-child(2){font-size:10px}.demo-section{padding-block:50px}.demo-grid,.install-grid{grid-template-columns:1fr;gap:35px}.section-index{font-size:9px}.section-intro h2{margin-block:20px}.section-intro>p{max-inline-size:100%;font-size:14px}.demo-toolbar{padding:16px;gap:13px}.demo-toolbar [role=group]{margin-inline-start:auto}.demo-text{padding:30px 18px 20px;font-size:19px;min-block-size:205px}.demo-text p:first-child{font-size:21px}.demo-note{padding-inline:18px;min-block-size:72px}.source summary{padding-inline:18px}.source pre{padding-inline:18px}.principles{padding-block:55px}.principles h2{margin-block:20px 35px}.principle-grid{grid-template-columns:1fr;gap:30px}.principle-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:18px}.principle-number{grid-row:span 2;font-size:28px;margin:4px 0 0}.principle-grid h3{font-size:21px;margin-block-end:7px}.principle-grid p{max-inline-size:100%}.stacks{padding-block:10px 55px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-block-end:25px}.section-heading h2{margin-block-start:18px}.section-heading>p{font-size:13px}.stack-list>a{grid-template-columns:22px 1fr auto 10px;gap:10px;padding-block:20px}.stack-desc{grid-column:2/4;grid-row:2;font-size:10px;max-inline-size:100%}.stack-list h3{font-size:19px}.status{font-size:8px;padding:4px 7px}.stack-list>a>span:last-child{grid-column:4;grid-row:1}.scope-note{font-size:10px}.install-section{padding-block:55px}.install-grid h2{margin-block:20px}.install-grid>div>p{font-size:14px;max-inline-size:100%}.prompt-top{padding:15px 18px}.prompt-panel #install-prompt{padding-inline:18px;font-size:13px}.install-foot{padding-inline:18px}.contribute{padding-block:55px}.contribute-heading{margin-block:22px 25px}.contribute-heading h2{font-size:44px}.contribute-arrow{display:none}.contribute-bottom{flex-direction:column;align-items:flex-start;gap:25px}.contribute-bottom>p{font-size:14px}.contribute-bottom>div{inline-size:100%}.contribution-tags{gap:8px;margin-block-start:30px}.contribution-tags span{font-size:10px;padding:5px 10px}.footer{flex-wrap:wrap;gap:16px;padding-block:25px}.footer>span{font-size:10px}.footer>div{inline-size:100%;justify-content:space-between;gap:10px;font-size:10px}.credits h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Both language editions share native reading-relative layout. */
.header-links{display:flex;gap:20px;align-items:center}
.language-switch{font-size:13px;border-block-end:1px solid currentColor;white-space:nowrap}
html[lang=he] body{font-family:Hebrew,Geist,sans-serif}
html[lang=he] h1,html[lang=he] h2,html[lang=he] h3{letter-spacing:-.025em;line-height:1.18}
html[lang=he] .logo,html[lang=he] .repo-link{font-family:Geist,sans-serif}
html[lang=he] .logo{letter-spacing:-1.5px}
html[lang=he] .eyebrow,html[lang=he] .section-index,html[lang=he] .tiny-label{letter-spacing:0}
html[lang=he] .right-word svg{inset-block-end:-6px}
html[lang=he] .hero-arrow{transform:scaleX(-1)}
html[lang=he] .hero-bottom p{max-inline-size:460px}
html[lang=he] .hero h1{font-size:clamp(62px,7vw,101px)}
html[lang=he] .stack-list h3{font-size:21px}
html[lang=he] .contribute-arrow{transform:scaleX(-1)}
html[lang=he] #install-prompt{text-align:start;font-family:Geist,sans-serif}
bdi{unicode-bidi:isolate}
@media(max-width:700px){
  .header-links{gap:12px}
  .language-switch{font-size:11px}
  html[lang=he] .hero h1{font-size:clamp(44px,9.4vw,66px)}
  html[lang=he] .header nav{gap:12px}
  html[lang=he] .hero-bottom p{font-size:15px}
  html[lang=he] .section-index{font-size:9px}
  html[lang=he] .stack-list h3{font-size:18px}
  html[lang=he] .stack-desc{font-size:9px}
  html[lang=he] .contribute-heading h2{font-size:40px}
}
@media(max-width:380px){
  .header{gap:10px}
  .header nav a:nth-child(2){display:none}
}
.challenge-intro{
  max-inline-size:940px;
  margin-block-start:18px;
  color:var(--muted);
  font-size:clamp(16px,1.6vw,21px);
  line-height:1.75;
}

.agent-picker{display:grid;gap:8px;padding:18px 24px;border-block-end:1px solid #535e49}
.agent-picker label{font-size:12px;color:#e4f5c7}
.agent-picker select{inline-size:100%;min-inline-size:0;min-block-size:44px;padding:9px 12px;font:inherit;font-size:14px;color:#f4f3ed;background:#31382a;border:1px solid #768665;border-radius:4px;cursor:pointer;color-scheme:dark}
.agent-picker select:focus-visible{outline:3px solid #c6b4f5;outline-offset:4px}

.prompt-panel #install-prompt{max-inline-size:none}

/* Agent name trigger and floating choices. Chevron direction stays down in both locales. */
.prompt-panel:has(.agent-picker--compact){overflow:visible}
.prompt-top:has(.agent-picker--compact){letter-spacing:normal}
.agent-picker--compact{position:relative;display:block;padding:0;border:0}
.agent-trigger{display:inline-flex;align-items:center;gap:9px;min-block-size:36px;padding:0;border:0;background:none;color:#f1f5e9;font-size:14px;font-weight:550;letter-spacing:-.015em;border-radius:5px}
.agent-trigger:hover{color:#d9f681}
.agent-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform .18s ease}
.agent-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.agent-menu{position:absolute;direction:ltr;inset-block-start:100%;inset-inline-start:-8px;z-index:30;inline-size:max-content;min-inline-size:100%;max-inline-size:calc(100vw - 48px);padding:5px 8px;background:#262d22;opacity:1;border:1px solid #535e49;border-radius:5px;box-shadow:none}
.agent-menu[hidden]{display:none}
.agent-menu [role=option]{display:block;inline-size:100%;min-block-size:0;padding:3px 0;border:0;border-radius:0;background:none;color:#f1f5e9;font-size:14px;font-weight:550;line-height:1.55;letter-spacing:-.015em;text-align:start;white-space:nowrap}
.agent-menu [role=option]:hover,.agent-menu [role=option]:focus-visible{background:none;color:#d9f681;text-decoration:underline;text-underline-offset:3px;outline:none}
.agent-menu [role=option][aria-selected=true]{background:none;color:#dbefb9}
.agent-menu [role=option] svg{display:none}
.agent-trigger:focus-visible{outline:2px solid #c6b4f5;outline-offset:5px}

.prompt-top:has(.agent-picker--compact){gap:12px}
.agent-trigger{white-space:nowrap}
.prompt-top:has(.agent-picker--compact) .copy-button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.prompt-top .copy-button svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Extra text spacing may require wrapping without changing the default layout. */
@media(max-width:450px){
  .header>nav{display:none}
  .header{flex-wrap:wrap;gap:12px}
  .header-links{gap:10px;min-inline-size:0;flex-wrap:wrap}
  .repo-link{white-space:normal;min-inline-size:0;overflow-wrap:anywhere}
  .button{min-inline-size:0;overflow-wrap:anywhere}
  .button>span[aria-hidden=true]{flex-shrink:0}
  .button>span:not([aria-hidden=true]){min-inline-size:0;flex-shrink:1;overflow-wrap:anywhere}
  h1,h2,.contribute-heading h2 span,.stack-list h3{min-inline-size:0;overflow-wrap:anywhere}
  .stack-list>a{grid-template-columns:22px minmax(0,1fr) auto 10px}
}
@media(max-width:380px){.right-word{white-space:normal}}

/* Keep authored keyboard focus visible on the dark installation surfaces. */
.install-section .copy-button:focus-visible,.install-section .text-link:focus-visible{outline-color:#c6b4f5}

/* The explanatory paragraph also crosses the darker end of the RTL gradient. */
.demo-section .section-intro>p{color:#41483a}

/* Arabic samples retain their own font within the English edition. */
html[lang=en] .arabic,html[lang=en] .direction-strip [lang=ar]{font-family:Arabic,Geist,sans-serif;letter-spacing:0}

.contribute-bottom .button{align-self:flex-start;gap:18px;max-inline-size:100%}