
:root{--ink:#18222a;--muted:#53616a;--line:#b5c2c3;--paper:#f8f8f4;--accent:#147064;--pale:#e7efea;--warm:#e7dac8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:17px/1.65 "IBM Plex Sans",Arial,sans-serif}html[lang=ar] body{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}a{color:var(--accent);text-underline-offset:.22em}a:hover{color:#0c4a43}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(100% - 2.5rem,1160px);margin-inline:auto}.skip{position:absolute;inset-inline-start:1rem;top:0;transform:translateY(-200%);z-index:10;padding:.4rem;background:white}.skip:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px}.brand{font-size:1.1rem;font-weight:700;letter-spacing:.03em;text-decoration:none;color:var(--ink)}.brand-mark{display:inline-grid;place-items:center;width:33px;height:33px;background:var(--ink);color:var(--paper);margin-inline-end:.65rem;font:700 18px Georgia,serif}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem}.nav a{font-size:.85rem;font-weight:600;color:var(--ink);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);text-decoration:underline}.lang-link{border-inline-start:1px solid var(--line);padding-inline-start:1.1rem}.eyebrow{font:600 .78rem/1.4 "IBM Plex Mono",monospace;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.hero{padding:clamp(4rem,9vw,8rem) 0 5rem;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);gap:4rem;align-items:end}.hero h1,.page-intro h1{font:600 clamp(2.8rem,6vw,5.6rem)/1.05 "Source Serif 4",Georgia,serif;letter-spacing:-.045em;margin:.65rem 0 1.3rem;max-width:16ch}.hero h1{max-width:17ch;font-size:clamp(2.6rem,5vw,4.6rem)}html[lang=ar] h1,html[lang=ar] h2{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;letter-spacing:0;line-height:1.3}.lede{font-size:clamp(1.15rem,2vw,1.38rem);line-height:1.55;max-width:52ch}.hero-note{border-top:3px solid var(--accent);padding-top:1.2rem;font-size:.94rem;color:var(--muted)}.hero-note strong{display:block;color:var(--ink);font-size:1rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.1rem;background:var(--accent);border:1px solid var(--accent);color:white;text-decoration:none;font-size:.94rem;font-weight:600}.button:hover{background:#0e554d;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.button.secondary:hover{background:var(--pale)}section.band{border-top:1px solid var(--line);padding:4.2rem 0}section.band.tint{background:var(--pale)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.section-head h2,.page-intro h2{font:600 clamp(1.7rem,3vw,2.5rem)/1.16 "Source Serif 4",Georgia,serif;letter-spacing:-.025em;margin:0}.section-head p{margin:0;max-width:60ch}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{border:1px solid var(--line);padding:1.5rem;background:var(--paper)}.card h3{font-size:1.17rem;line-height:1.3;margin:0 0 .8rem}.card p{font-size:.96rem;line-height:1.6;margin:0 0 1rem}.card a{font-size:.9rem;font-weight:600}.proof{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.proof ol{padding-inline-start:1.3rem}.proof li{margin-bottom:.65rem}.note{border-inline-start:3px solid var(--accent);padding:1rem 1.25rem;background:var(--pale);font-size:.94rem}.page-intro{padding:5rem 0 3rem;max-width:850px}.page-intro h1{max-width:20ch}.reading{max-width:780px}.reading h2{font:600 1.8rem/1.2 "Source Serif 4",Georgia,serif;margin:2.6rem 0 1rem}.reading h3{font-size:1.1rem;margin:2rem 0 .5rem}.reading p,.reading li{max-width:72ch}.reading li{margin-bottom:.55rem}.reading blockquote{border-inline-start:3px solid var(--accent);margin:1.5rem 0;padding:.5rem 1.3rem;font-family:"IBM Plex Mono",monospace;font-size:.88rem;line-height:1.7}.reading dl{display:grid;grid-template-columns:140px 1fr;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.reading dt{font-weight:600}.reading dd{margin:0}.callout{background:var(--warm);padding:1.4rem;margin:2rem 0}.cta-band{background:var(--ink);color:white;padding:3rem 0}.cta-band a{color:white}.cta-band .button{background:white;color:var(--ink);border-color:white}.site-footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-inner nav{display:flex;flex-wrap:wrap;gap:1rem}.footer-inner a{color:inherit}html[dir=rtl] .eyebrow{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0}html[dir=rtl] .hero h1{max-width:18ch}@media(max-width:760px){.header-inner{align-items:flex-start;padding:1rem 0;flex-direction:column;gap:.75rem}.nav{gap:.4rem 1rem}.hero,.section-head,.proof{grid-template-columns:1fr;gap:1.4rem}.hero{padding:3.5rem 0}.cards{grid-template-columns:1fr}.reading dl{grid-template-columns:1fr;gap:.2rem}.page-intro{padding:3.5rem 0 1.5rem}section.band{padding:3rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
