*{box-sizing:border-box}html{background:var(--ds-bg);scroll-behavior:smooth}body{margin:0;background:var(--ds-bg);color:var(--ds-text);font-family:'IBM Plex Sans',sans-serif;min-height:100vh;overflow-x:hidden}html[lang="ar"] body{font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif}.home{max-width:1180px;margin:auto;padding:28px 30px 0}.scroll-meter{position:fixed;inset:0 0 auto;z-index:50;height:2px;background:transparent;pointer-events:none}.scroll-meter span{display:block;height:100%;width:100%;background:var(--ds-primary);transform:scaleX(0);transform-origin:left center}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 22px;border-bottom:1px solid var(--ds-border);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ds-text);text-decoration:none;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--ds-text);color:var(--ds-bg);font-size:.72rem;font-weight:800;letter-spacing:.06em}.brand-text{font-size:.88rem;color:var(--ds-muted)}.brand-text strong{color:var(--ds-text);font-weight:800}.header-actions{display:flex;gap:7px;align-items:center}.icon-btn,.link-btn{min-height:40px;border:1px solid var(--ds-border);background:transparent;color:var(--ds-muted);border-radius:7px;padding:0 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;font-weight:700;transition:color .18s ease,border-color .18s ease,background .18s ease}.icon-btn:hover,.link-btn:hover{color:var(--ds-text);border-color:color-mix(in srgb,var(--ds-text) 28%,var(--ds-border));background:var(--ds-surface)}.hero{min-height:150vh;position:relative;border-bottom:1px solid var(--ds-border)}.hero-stage{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:center;gap:70px;padding:64px 0 58px;overflow:hidden}.hero-copy{max-width:780px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--ds-muted);font-family:'IBM Plex Sans',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em}.status-dot{width:7px;height:7px;background:var(--ds-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-success) 14%,transparent)}.hero h1{font-size:clamp(3rem,8vw,6.9rem);line-height:.88;letter-spacing:-.075em;margin:1.1rem 0 1.35rem;max-width:900px;text-wrap:balance}.hero h1 span{display:block;transform:translateY(calc(var(--hero-p,0)*-12px));opacity:calc(1 - var(--hero-p,0)*.18)}.hero h1 span+span{transform:translateY(calc(var(--hero-p,0)*12px))}.hero p{color:var(--ds-muted);font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.9;margin:0;max-width:630px;transform:translateY(calc(var(--hero-p,0)*-16px));opacity:calc(1 - var(--hero-p,0)*.45)}.tool-orbit{height:min(62vw,560px);max-height:560px;aspect-ratio:1;position:relative;border:1px solid var(--ds-border);border-radius:50%;transform:rotate(calc(var(--hero-p,0)*18deg)) scale(calc(1 + var(--hero-p,0)*.08));transition:transform .08s linear}.tool-orbit:before,.tool-orbit:after{content:"";position:absolute;inset:15%;border:1px solid var(--ds-border);border-radius:50%}.tool-orbit:after{inset:33%}.tool-orbit span{position:absolute;font-family:'IBM Plex Sans',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.14em;color:var(--ds-muted);padding:7px 9px;background:var(--ds-bg);border:1px solid var(--ds-border);transform:translate(var(--mx,0),var(--my,0))}.tool-orbit span:nth-child(1){top:8%;left:45%}.tool-orbit span:nth-child(2){top:25%;right:2%}.tool-orbit span:nth-child(3){bottom:20%;right:5%}.tool-orbit span:nth-child(4){bottom:5%;left:38%}.tool-orbit span:nth-child(5){bottom:24%;left:2%}.tool-orbit span:nth-child(6){top:28%;left:0}.tool-orbit span:nth-child(7){top:48%;left:40%}.orbit-core{position:absolute;inset:44%;background:var(--ds-primary);border-radius:50%;box-shadow:0 0 0 14px color-mix(in srgb,var(--ds-primary) 9%,transparent),0 0 70px color-mix(in srgb,var(--ds-primary) 22%,transparent)}.manifesto{min-height:88vh;display:flex;flex-direction:column;justify-content:center;max-width:920px;padding:90px 0;border-bottom:1px solid var(--ds-border)}.manifesto-kicker,.section-label{margin:0 0 12px;color:var(--ds-primary);font-family:'IBM Plex Sans',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.14em}.manifesto h2{font-size:clamp(2.35rem,6vw,5.3rem);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:15ch}.manifesto p:last-child{color:var(--ds-muted);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.9;max-width:620px;margin:28px 0 0}.manifesto>*{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.manifesto.is-visible>*{opacity:1;transform:none}.manifesto.is-visible>*:nth-child(2){transition-delay:.08s}.manifesto.is-visible>*:nth-child(3){transition-delay:.16s}.directory{padding:76px 0 26px}.directory-head{display:flex;gap:28px;justify-content:space-between;align-items:end;margin-bottom:26px}.directory-head h2{margin:0 0 7px;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em}.directory-head p{margin:0;color:var(--ds-muted);font-size:.9rem}.search-wrap{width:min(360px,100%)}.search-wrap label{display:block;color:var(--ds-muted);font-size:.72rem;font-weight:700;margin-bottom:7px}.search-wrap input{width:100%;min-height:44px;border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);border-radius:7px;padding:0 13px;transition:border-color .16s ease,background .16s ease}.search-wrap input:hover,.search-wrap input:focus{border-color:color-mix(in srgb,var(--ds-primary) 54%,var(--ds-border));outline:none}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--ds-border)}.filter{min-height:38px;border:1px solid var(--ds-border);background:transparent;color:var(--ds-muted);border-radius:999px;padding:0 13px;cursor:pointer;font-size:.75rem;font-weight:700;transition:background .15s ease,color .15s ease,border-color .15s ease}.filter:hover{color:var(--ds-text);border-color:color-mix(in srgb,var(--ds-text) 24%,var(--ds-border))}.filter[aria-pressed="true"]{background:var(--ds-text);border-color:var(--ds-text);color:var(--ds-bg)}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{position:relative;border:1px solid var(--ds-border);background:var(--ds-surface);padding:19px 19px 18px;color:var(--ds-text);text-decoration:none;display:flex;flex-direction:column;min-height:255px;overflow:hidden;border-radius:10px;opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1),border-color .18s ease,background .18s ease}.tool-card.is-visible{opacity:1;transform:none}.tool-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),color-mix(in srgb,var(--ds-primary) 11%,transparent),transparent 42%);opacity:0;transition:opacity .2s ease;pointer-events:none}.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:color-mix(in srgb,var(--ds-primary) 48%,var(--ds-border));transform:translateY(-3px)}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.category{font-family:'IBM Plex Sans',sans-serif;font-size:.62rem;color:var(--ds-muted);letter-spacing:.12em}.tool-glyph{color:var(--ds-muted);transition:transform .18s ease,color .18s ease}.tool-card:hover .tool-glyph{transform:translate(3px,-3px);color:var(--ds-primary)}html[dir="rtl"] .tool-card:hover .tool-glyph{transform:translate(-3px,-3px)}.tool-icon{width:42px;height:42px;display:grid;place-items:center;margin-top:25px;border:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-bg) 72%,transparent);border-radius:8px}.tool-card h3{font-size:1.02rem;line-height:1.5;margin:17px 0 8px;letter-spacing:-.018em}.tool-card p{color:var(--ds-muted);line-height:1.72;font-size:.82rem;margin:0 0 18px;max-width:32ch}.launch{margin-top:auto;display:flex;align-items:center;gap:9px;color:var(--ds-primary);font-size:.75rem;font-weight:800}.launch:after{content:"→";transition:transform .18s ease}.tool-card:hover .launch:after{transform:translateX(5px)}html[dir="rtl"] .launch:after{content:"←"}html[dir="rtl"] .tool-card:hover .launch:after{transform:translateX(-5px)}.empty-tools{display:none;padding:28px 18px;border:1px dashed var(--ds-border);color:var(--ds-muted);text-align:center;font-size:.85rem}.site-footer{border-top:1px solid var(--ds-border);margin-top:44px;padding:20px 0 24px;color:var(--ds-muted);font-family:'IBM Plex Sans',sans-serif;font-size:.68rem;letter-spacing:.06em;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer a{color:inherit}.tool-card[hidden]{display:none!important}@media(max-width:920px){.hero{min-height:125vh}.hero-stage{grid-template-columns:1fr;gap:28px;padding:52px 0 40px}.tool-orbit{position:absolute;width:min(54vw,430px);height:auto;inset-inline-end:-12%;bottom:5%;opacity:.42}.hero-copy{align-self:center}.manifesto{min-height:76vh}.directory-head{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.home{padding:18px 16px 0}.site-header{padding-bottom:17px}.brand-text{display:none}.header-actions{gap:5px}.header-actions .link-btn{display:none}.hero{min-height:112vh}.hero-stage{height:92vh;padding:36px 0}.hero h1{font-size:clamp(3rem,16vw,4.8rem);max-width:8ch}.hero p{max-width:36ch}.tool-orbit{width:330px;inset-inline-end:-42%;bottom:8%;opacity:.3}.manifesto{min-height:68vh;padding:65px 0}.manifesto h2{font-size:clamp(2.2rem,11vw,3.4rem)}.directory{padding-top:55px}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:220px}.filters{gap:6px}.filter{flex:1 1 auto}.site-footer{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1 span,.hero p,.tool-orbit{transform:none!important}.manifesto>*,.tool-card{opacity:1!important;transform:none!important;transition:none!important}.tool-card,.tool-card:before,.tool-glyph,.launch:after,.icon-btn,.link-btn,.filter,.search-wrap input{transition:none!important}}