@font-face{font-family:"Cormorant Garamond";src:url("/assets/fonts/cormorant-garamond-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:"Cormorant Garamond";src:url("/assets/fonts/cormorant-garamond-latin-italic-400.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url("/assets/fonts/inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Noto Kufi Arabic";src:url("/assets/fonts/noto-kufi-arabic-400-700.woff2") format("woff2");font-weight:400 700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--ink);color:var(--paper);font:400 1rem/var(--lh-body) var(--body);-webkit-font-smoothing:antialiased}body[dir=rtl],:dir(rtl){font-family:var(--arabic),var(--body);line-height:1.9}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:4px}.skip{position:absolute;inset-inline-start:1rem;inset-block-start:-5rem;background:var(--gold);color:var(--ink);padding:.7rem;z-index:9}.skip:focus{inset-block-start:1rem}.shell{width:min(calc(100% - 3rem),var(--content));margin-inline:auto}.header{border-bottom:1px solid var(--rule);background:#090807}.head{min-height:4.5rem;display:flex;align-items:center;gap:1.15rem}.brand{font:600 1.7rem/1 var(--display);letter-spacing:.05em}.brand b{color:var(--gold)}.nav{display:flex;gap:1rem;margin-inline-start:auto;font-size:.72rem;color:var(--muted)}.nav a:hover,.langs a:hover{color:var(--gold)}.langs{display:flex;gap:.42rem;direction:ltr;white-space:nowrap;font-size:.68rem;color:var(--muted)}.langs [aria-current]{color:var(--gold)}.chip,.eyebrow{display:inline-flex;align-items:center;border:1px solid var(--rule-strong);border-radius:var(--r-pill);padding:.3rem .65rem;color:var(--gold);font-size:.65rem;line-height:1.3;letter-spacing:.06em}.eyebrow{padding:0;border:0;color:var(--copper-readable);text-transform:uppercase}.menu{display:none}.hero,.pagehero{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center;padding-block:5rem;min-height:36rem;border-bottom:1px solid var(--rule)}.copy{max-width:45rem}.hero h1,.pagehero h1{font:500 clamp(3.1rem,6.5vw,6.4rem)/.98 var(--display);letter-spacing:-.03em;margin:.7rem 0 1.2rem}.hero h1 em,.pagehero h1 em{font-weight:400;color:var(--gold)}p{margin:.6rem 0;color:var(--muted)}.lede{max-width:39rem;font-size:1rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block-start:1.4rem}.btn{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule-strong);border-radius:var(--r-pill);padding:.65rem 1rem;font-size:.76rem;font-weight:600;transition:transform var(--motion) var(--ease),border-color var(--motion)}.btn:hover{transform:translateY(-2px);border-color:var(--gold)}.primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.art{position:relative;min-height:26rem;border:1px solid var(--rule);border-radius:50% 50% 1rem 1rem;overflow:hidden;box-shadow:var(--shadow),var(--glow);background:#0d0b09}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}.caption{position:absolute;inset-inline-start:1rem;inset-block-end:1rem;background:#090807e8;border:1px solid var(--rule-strong);border-radius:var(--r-sm);padding:.55rem .7rem;color:var(--muted);font-size:.68rem}.section{padding-block:5rem;border-bottom:1px solid var(--rule)}.secthead{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-block-end:2rem}.section h2,.secthead h2{font:500 clamp(2.3rem,4vw,3.8rem)/1 var(--display);margin:.4rem 0}.intro{max-width:34rem;font-size:.84rem}.manifesto{max-width:62rem;font:400 clamp(1.5rem,3vw,2.5rem)/1.38 var(--display);color:var(--paper)}.manifesto em{color:var(--gold);font-style:normal}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{display:flex;flex-direction:column;min-height:22rem;padding:1rem;border:1px solid var(--rule);border-radius:var(--r-md);background:linear-gradient(150deg,#19140f,#0e0c0a)}.cardart{height:9rem;overflow:hidden;border:1px solid var(--rule);border-radius:var(--r-sm);margin-block-end:1rem}.cardart img{width:100%;height:100%;object-fit:cover}.card h3{font:500 2rem/1.05 var(--display);margin:.7rem 0 .2rem}.card p{font-size:.78rem;line-height:1.55}.link{margin-block-start:auto;padding-block-start:1rem;color:var(--gold);font-size:.75rem;font-weight:600}.families{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.family{min-height:4.7rem;display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--panel);font-size:.78rem}.idx,.stepno{font:500 1.35rem/1 var(--display);color:var(--copper-readable)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem}.step{position:relative;min-height:8rem;padding:.8rem;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--panel)}.step p{font-size:.69rem;line-height:1.5;margin-block-start:.7rem}.checkpoint{display:flex;align-items:center;gap:.8rem;margin-block-start:1rem;padding:1rem;border:1px solid var(--rule-strong);border-radius:var(--r-sm);font-size:.78rem}.checkmark{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);flex:0 0 auto}.frame{margin-block-start:1.3rem;border:1px solid var(--rule-strong);border-radius:var(--r-md);overflow:hidden}.framebar{padding:.65rem 1rem;border-bottom:1px solid var(--rule);font-size:.65rem;color:var(--faint)}.framestage{min-height:13rem;display:grid;place-items:center;padding:1.5rem;text-align:center;background:radial-gradient(ellipse,rgb(184 111 63/.12),transparent 65%),url("/assets/v4/visuals/signal-grid-640.avif") center/cover}.placeholder{max-width:27rem;border:1px solid var(--rule);border-radius:var(--r-sm);padding:1rem;background:#090807e8;font-size:.75rem}.placeholder strong{display:block;color:var(--gold)}.lead{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;padding:2rem;border:1px solid var(--rule);border-radius:var(--r-lg);background:linear-gradient(135deg,#17120e,#0d0b09)}.lead h2{margin-block-start:0}.form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.field{display:grid;gap:.35rem}.field label{font-size:.7rem;color:var(--muted)}.field input,.field select,.field textarea{min-height:2.7rem;width:100%;border:1px solid var(--rule-strong);border-radius:var(--r-sm);padding:.6rem;background:#090807;color:var(--paper)}.wide{grid-column:1/-1}.notice{font-size:.68rem;color:var(--faint)}.foot{padding-block:2rem 3rem;color:var(--faint);font-size:.68rem}.footin{display:flex;justify-content:space-between;gap:1rem}.footlinks{display:flex;flex-wrap:wrap;gap:1rem}.pagehero{min-height:31rem}.pagehero h1{font-size:clamp(3rem,6vw,5.8rem)}.pageart{height:24rem;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}.pageart img{width:100%;height:100%;object-fit:cover}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.node{border:1px solid var(--rule-strong);border-radius:var(--r-pill);padding:.5rem .7rem;font-size:.7rem;color:var(--muted)}.proofgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block-start:2rem}.proof{padding:1.2rem;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--panel)}.proof h3{font:500 1.8rem/1.1 var(--display);margin:.45rem 0}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sample{border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}.sample img{width:100%;aspect-ratio:1.5;object-fit:cover}.sample div{padding:.75rem}.sample h2{font:500 1.5rem var(--display);margin:0}.sample p{font-size:.65rem}.arabic .hero h1,.arabic .pagehero h1{line-height:1.45;letter-spacing:0}.arabic .hero{grid-template-columns:.92fr 1.08fr}.arabic .link{direction:rtl}.arabic .step p{line-height:1.9}
@media(max-width:64rem){.nav{gap:.65rem}.nav a{font-size:.65rem}.families{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:48rem){.shell{width:calc(100% - 2rem)}.head{min-height:4rem;gap:.6rem}.nav{display:none}.menu{display:block;margin-inline-start:auto}.menu summary{list-style:none;border:1px solid var(--rule);border-radius:var(--r-sm);padding:.35rem .55rem;font-size:.7rem}.menu summary::-webkit-details-marker{display:none}.menu .panel{position:absolute;inset-inline-end:1rem;inset-block-start:3.5rem;padding:.8rem;background:var(--panel);border:1px solid var(--rule-strong);z-index:7}.menu .panel a{display:block;padding:.5rem;font-size:.75rem}.chip{font-size:.58rem}.hero,.pagehero,.arabic .hero{grid-template-columns:1fr;gap:1.5rem;padding-block:3rem}.hero h1,.pagehero h1{font-size:clamp(3rem,13vw,5rem)}.art{min-height:18rem}.section{padding-block:3.5rem}.secthead{display:block}.secthead .intro{margin-block-start:1rem}.doors,.families,.proofgrid{grid-template-columns:1fr}.card{min-height:0}.cardart{height:11rem}.steps{grid-template-columns:repeat(2,1fr)}.lead{grid-template-columns:1fr;padding:1.2rem}.form{grid-template-columns:1fr}.wide{grid-column:auto}.pageart{height:17rem}.pageart img{min-height:0}.board{grid-template-columns:1fr 1fr}.footin{flex-direction:column}.arabic .hero h1{font-size:clamp(2.6rem,11vw,4.2rem);line-height:1.65}}
@media(max-width:23rem){.head{gap:.35rem}.brand{font-size:1.4rem}.langs{gap:.2rem;font-size:.57rem}.steps,.board{grid-template-columns:1fr}.step::after{display:none}.hero h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Complete interaction states for implementation reuse. */
.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.94)}.btn:disabled,button:disabled,.btn[aria-disabled=true]{opacity:.52;cursor:not-allowed;transform:none;filter:none}.card:focus-within{border-color:var(--focus)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#f19a83}.field .error{color:#f2a18c;font-size:.72rem}.btn[aria-busy=true]{cursor:progress}.btn[aria-busy=true]::after{content:"";width:.8rem;height:.8rem;margin-inline-start:.5rem;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:scava-spin .8s linear infinite}@keyframes scava-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.btn[aria-busy=true]::after{animation:none}}