:root{color-scheme:dark;--bg:#090b0d;--panel:#111416;--panel2:#15191b;--line:#2a2e30;--line-soft:#202427;--white:#f1f2ee;--muted:#a2a7a6;--dim:#747d7d;--green:#bce8b8;--font-display:"Thmanyah Serif Display","Noto Naskh Arabic",serif;--font-text:"Thmanyah Serif Text","Noto Naskh Arabic",serif;--font-ui:"Thmanyah Sans","IBM Plex Sans Arabic",sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--white);color:#101214}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bce8b8;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:absolute;z-index:50;right:20px;top:-50px;padding:12px 20px;background:#fff;color:#000}.skip-link:focus{top:10px}.site-shell{overflow:hidden}.container{width:min(1200px,calc(100% - 60px));margin-inline:auto}.top-rail{height:29px;padding:0 max(30px,calc((100vw - 1200px)/2));background:#f1f2ee;color:#161819;display:flex;align-items:center;justify-content:space-between;font:600 9px var(--mono);letter-spacing:.09em;direction:ltr}.header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-name{font:600 16px var(--mono);letter-spacing:-.08em;white-space:nowrap}.brand-divider{color:var(--dim);padding:0 5px}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-12deg)}.brand-mark span{border:1px solid #f0f0e9}.brand-mark span:first-child,.brand-mark span:last-child{background:#f0f0e9}.nav{display:flex;gap:37px;align-items:center;font:500 13px var(--font-ui);color:#acb2b0}.nav a:hover,.footer-links a:hover{color:var(--white)}.header-external{font:500 11px var(--mono);border:1px solid #4b5050;padding:11px 15px;direction:ltr;transition:.2s}.header-external:hover{background:var(--white);color:var(--bg)}.header-external span{margin-left:8px}.hero{min-height:626px;display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center;padding-top:84px;padding-bottom:92px}.hero-copy{position:relative}.eyebrow{font:500 10px var(--mono);display:flex;gap:12px;align-items:center;color:var(--muted);direction:ltr;width:fit-content;letter-spacing:.08em}.eyebrow-square{width:8px;height:8px;background:var(--white);transform:rotate(45deg)}.eyebrow-rule{height:1px;background:#404647;width:72px}.overline{color:var(--white);font-size:13px;margin:43px 0 12px;font-weight:500}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(45px,5.1vw,78px);line-height:1.33;letter-spacing:-.035em;margin:0;max-width:650px}.hero h1 em{font-style:normal;color:#8e9794}.hero-description{font-family:var(--font-text);font-size:20px;line-height:2.05;color:#b0b7b4;max-width:540px;margin:23px 0 32px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #4c5251;padding:13px 20px;min-height:48px;font-weight:600;font-size:12px;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.button span{font-family:var(--mono);font-size:15px}.button-light{background:#f0f1ed;color:#111415;border-color:#f0f1ed}.button-light:hover{background:#cfd4d0;border-color:#cfd4d0}.button-outline{background:transparent;color:#f0f1ed}.button-outline:hover{border-color:#f0f1ed;background:#1d2223}.button-quiet{border-color:transparent;background:transparent;padding-inline:10px;color:#c6cdca}.button-quiet:hover{color:#fff}.hero-micro{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:53px;color:#a0a8a5;font-size:11px}.hero-micro [dir=ltr]{font:400 9px var(--mono);letter-spacing:.04em;color:#717a78}.micro-rule{width:28px;height:1px;background:#505958}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 9px #a1d7a269}.hero-visual{border:1px solid #363c3b;position:relative;min-height:449px;background:linear-gradient(135deg,#15191a,#0c1011 65%);box-shadow:22px 22px 0 -1px #090b0d,22px 22px 0 0 #262c2c}.visual-header,.visual-footer{display:flex;align-items:center;justify-content:space-between;min-height:51px;padding:0 21px;font:400 10px var(--mono);color:#8f9997;letter-spacing:.07em}.visual-header{border-bottom:1px solid #333b3a}.visual-header>span:last-child{display:flex;align-items:center;gap:8px}.visual-header .live-dot{width:5px;height:5px}.visual-footer{border-top:1px solid #333b3a}.visual-footer>span:first-child{font:400 11px var(--font-ui);letter-spacing:0}.visual-stage{height:346px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(transparent 95%,#ffffff08 95%),linear-gradient(90deg,transparent 95%,#ffffff08 95%);background-size:28px 28px}.visual-stage:before,.visual-stage:after{content:"";width:14px;height:14px;position:absolute;border-color:#e4e8df99}.visual-stage:before{top:13px;right:13px;border-right:1px solid;border-top:1px solid}.visual-stage:after{bottom:13px;left:13px;border-bottom:1px solid;border-left:1px solid}.orbit{position:absolute;border:1px solid #7d8a8740;border-radius:50%}.orbit-outer{height:295px;width:295px;box-shadow:0 0 0 31px #ffffff03}.orbit-mid{height:231px;width:231px;border-style:dashed;animation:spin 45s linear infinite}.orbit-inner{height:169px;width:169px}.orbit-grid{height:345px;width:1px;background:linear-gradient(transparent,#56605a55,transparent);position:absolute}.orbit-grid:after{content:"";height:1px;width:410px;background:linear-gradient(90deg,transparent,#56605a55,transparent);position:absolute;left:-205px;top:172px}.center-mark{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;width:113px;height:113px;background:#e7ece6;color:#0c1010;outline:1px solid #e8ebe4;outline-offset:8px}.center-mark>span{font:700 65px var(--font-display);line-height:1}.center-mark>small{font:600 8px var(--mono);letter-spacing:.08em;margin-top:5px}.orbit-node{width:9px;height:9px;background:#d9e1db;position:absolute;z-index:1}.orbit-node-one{top:30px;left:49%}.orbit-node-two{right:19%;top:44%}.orbit-node-three{bottom:25%;left:24%}.orbit-node-four{bottom:17%;right:42%;background:var(--green)}.visual-coordinate{font:10px var(--mono);color:#626e69;position:absolute}.co-top{top:24px;left:20px}.co-bottom{bottom:24px;right:20px}.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1011}.status-grid{display:grid;grid-template-columns:repeat(4,1fr)}.status-grid>div{padding:27px 25px;border-left:1px solid var(--line)}.status-grid>div:last-child{border-left:0}.status-grid small{display:block;color:#919b98;font-size:11px;margin-bottom:10px}.status-grid strong{display:block;direction:ltr;text-align:right;font:600 31px var(--mono);letter-spacing:-.06em}.status-grid strong span{font-size:10px;letter-spacing:0;color:#78827e;padding-left:9px}.status-grid .status-word{font-size:20px;letter-spacing:-.05em}.section{padding-top:113px;padding-bottom:20px}.section-heading{display:grid;grid-template-columns:1fr 355px;align-items:end;gap:45px;margin-bottom:36px}.section-index{font:500 10px var(--mono);color:#9ca7a3;letter-spacing:.11em;display:block;text-align:right}.section-heading h2,.contribution h2{font-family:var(--font-display);font-weight:700;font-size:clamp(33px,3.5vw,50px);line-height:1.4;margin:17px 0 0}.section-heading h2 span,.contribution h2 span{color:#87918d}.section-heading p{font-family:var(--font-text);font-size:17px;line-height:2;color:#a7b1ac;max-width:380px;margin:0}.featured-panel{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid #424847;background:#121616}.featured-main{padding:37px 45px 43px;position:relative;overflow:hidden}.featured-main:after{content:"";pointer-events:none;position:absolute;width:190px;height:190px;border:1px solid #ffffff0d;transform:rotate(45deg);left:-110px;bottom:-110px}.featured-topline,.aside-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.03em;padding:7px 10px;border:1px solid #485352;color:#b8c3bd}.pill-white{color:#121616;background:#e8ece6;border-color:#e8ece6}.metadata,.field-label{font:500 10px var(--mono);color:#a0aaa5;letter-spacing:.07em}.featured-symbol{font:700 72px var(--font-display);width:119px;height:119px;border:1px solid #454e49;display:grid;place-items:center;margin:38px 0 22px;color:#e7eee7;position:relative}.featured-symbol span{position:absolute;right:20px;bottom:4px;font:500 24px var(--mono);color:#94aaa0}.featured-main .field-label{font-family:var(--font-ui);font-size:12px;letter-spacing:0}.featured-main h3{font:600 clamp(45px,5vw,66px) var(--mono);letter-spacing:-.09em;line-height:1.3;margin:3px 0 13px;text-align:right}.featured-main h3 span{color:#98a49f}.featured-description{max-width:590px;color:#b0bcb5;font:400 18px/2 var(--font-text);margin:0 0 22px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 32px}.tag-row span{border:1px solid #3c4642;color:#b7c4b9;padding:6px 11px;font-size:11px}.featured-links{display:flex;flex-wrap:wrap;gap:9px}.featured-aside{padding:34px 30px;background:#0d1111;border-right:1px solid #424847;display:flex;flex-direction:column}.aside-header{font:500 10px var(--mono);color:#94a19a;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-list{margin:17px 0 0}.profile-list>div{padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #28312d}.profile-list dt{font-size:12px;color:#97a49d}.profile-list dd{margin:0;font-size:11px;color:#e1e8e1;text-align:left}.profile-list dd[dir=ltr]{font:500 11px var(--mono)}.ascii-block{direction:ltr;margin:48px 0 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;align-items:end}.ascii-block span{font:500 10px var(--mono);color:#7e9286}.ascii-block i{display:block;width:100%;height:25px;border:1px solid #4e6356;background:#304336}.ascii-block i:nth-last-child(4){height:38px}.ascii-block i:nth-last-child(3){height:55px}.ascii-block i:nth-last-child(2){height:31px}.ascii-block i:nth-last-child(1){height:45px}.aside-note{font:400 13px/1.9 var(--font-ui);color:#87958c;margin:auto 0 0;padding-top:26px}.catalog-tools{display:flex;flex-direction:column;gap:20px;border:1px solid var(--line);padding:24px;background:#101414}.search-wrap{height:52px;width:100%;display:flex;gap:10px;align-items:center;border:1px solid #3e4843;padding:0 16px;background:#090c0c}.search-wrap:focus-within{border-color:#bce8b8}.search-icon{color:#b1bdb3;font:25px var(--mono);line-height:1}.search-wrap input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#eef1ed;font-size:13px;direction:rtl}.search-wrap input::placeholder{color:#89948d}.search-wrap kbd{font:400 11px var(--mono);border:1px solid #444e48;color:#84938a;padding:3px 7px}.category-filters{display:flex;flex-wrap:wrap;gap:7px}.category-button{border:1px solid #3b453e;background:transparent;color:#b1bcb4;padding:9px 14px;min-height:38px;font-size:12px;display:inline-flex;align-items:center;gap:10px}.category-button:hover{border-color:#859288;color:#fff}.category-button[aria-pressed=true]{background:#e5eae3;border-color:#e5eae3;color:#0c1110;font-weight:700}.category-count{font:500 10px var(--mono);opacity:.6}.library-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 15px;color:#96a39a;font-size:11px}.library-head>span:last-child{font:400 10px var(--mono);color:#73837a}.skill-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:245px}.skill-card{position:relative;border:1px solid #3a433e;background:#121817;padding:25px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.skill-card:hover{border-color:#9baea0;transform:translateY(-2px)}.skill-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#94a79a}.skill-card-head .card-number{font:500 10px var(--mono);letter-spacing:.1em}.skill-card-head .card-state{font:500 10px var(--mono)}.skill-card .card-icon{font:700 37px var(--font-display);width:58px;height:58px;display:grid;place-items:center;border:1px solid #596c5c;background:#202d23;margin:25px 0 18px;color:#f0f4ed}.skill-card h3{font:600 23px var(--mono);margin:0 0 9px;letter-spacing:-.04em;direction:ltr;text-align:right}.skill-card p{color:#aab8ad;font:400 15px/1.85 var(--font-text);margin:0 0 22px;flex:1}.card-meta{border-top:1px solid #344038;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#a4b5a8}.card-meta .card-platform{font:500 10px var(--mono)}.card-links{display:flex;gap:18px;margin-top:21px}.card-links a{font-weight:600;font-size:11px;color:#e7eee8}.card-links a:hover{text-decoration:underline;text-underline-offset:4px}.empty-state{border:1px dashed #4b5850;padding:47px 25px;text-align:center;background:#111514}.empty-icon{font:38px var(--mono);color:#a9b8aa}.empty-state h3{font-family:var(--font-display);font-size:25px;margin:6px 0}.empty-state p{color:#9eada0;line-height:1.9;margin:8px auto 22px;max-width:460px}.future-note{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #333d35;margin-top:18px;color:#94a398}.future-mark{font:29px var(--mono);color:#c9d3c9}.future-note p{font-size:12px;line-height:1.9;margin:0;flex:1}.future-note strong{color:#d5ded4}.future-note>span:last-child{font:500 10px var(--mono);color:#69796f;white-space:nowrap}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{border:1px solid #343c38;padding:27px;min-height:215px;background:#0f1312}.step-number{display:inline-block;font:600 11px var(--mono);border-bottom:1px solid #95a79a;padding-bottom:15px;color:#c4d1c6;min-width:33px}.step-card h3{font:700 21px var(--font-display);margin:23px 0 9px}.step-card p{font:400 14px/1.9 var(--font-text);margin:0;color:#a3b0a5}.step-card b{font:500 11px var(--mono)}.install-panel{margin-top:17px;border:1px solid #4b574e;background:#151c18}.install-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39443c;padding:14px 20px;color:#9dad9e;font-size:11px}.install-header>div{display:flex;gap:10px;align-items:center;font:500 11px var(--mono)}.small-terminal-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.install-line{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:23px 21px;direction:ltr}.install-line code{overflow:auto;white-space:nowrap;font:400 12px/1.6 var(--mono);color:#e1ebdf}.copy-button{border:1px solid #7d9080;background:#28352a;color:#e8f0e7;padding:9px 15px;flex-shrink:0;font-size:11px}.copy-button:hover{background:#3b4b3d}.copy-button span{font:14px var(--mono);margin-left:5px}.install-footnote{font-size:12px;line-height:1.9;margin:0;padding:15px 20px;border-top:1px solid #39443c;color:#94a596}.install-footnote a{color:#e7f0e8;text-decoration:underline;text-underline-offset:3px}.contribution{padding-bottom:112px}.contribution-border{border:1px solid #3d4740;padding:50px 48px;display:flex;justify-content:space-between;align-items:end;gap:45px;background:radial-gradient(ellipse at 8% 110%,#253b2b44,transparent 55%),#101412}.contribution h2{margin:16px 0 9px}.contribution p{font:400 16px/1.95 var(--font-text);max-width:650px;color:#a6b4a6;margin:0}.contribution .button{flex-shrink:0}.footer{border-top:1px solid var(--line);background:#0b0e0e}.footer-content{display:flex;justify-content:space-between;padding-top:45px;padding-bottom:49px;gap:20px}.footer-brand span{font:600 17px var(--mono);letter-spacing:-.08em}.footer-brand p{color:#8a988b;font-size:12px;margin:12px 0 0}.footer-links{display:flex;align-items:flex-start;gap:27px;font-size:12px;color:#a5b2a6}.footer-bottom{padding:17px 0 22px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #202b22;color:#6f8273}.footer-bottom small{font-size:10px}.footer-bottom small[dir=ltr]{font:400 10px var(--mono)}.toast{position:fixed;z-index:30;bottom:22px;left:22px;background:#e6f0e5;color:#152016;padding:12px 18px;font-size:12px;opacity:0;transform:translateY(15px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero{gap:32px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:55px}.hero-description{font-size:18px}.section-heading{grid-template-columns:1fr 290px}.featured-panel{grid-template-columns:1.2fr .9fr}.featured-main{padding:30px}.featured-aside{padding:30px 22px}.contribution-border{align-items:start;flex-direction:column}}
@media(max-width:760px){.container{width:min(100% - 34px,560px)}.top-rail{height:24px;padding-inline:17px}.top-rail span:nth-child(2){display:none}.header{height:69px}.brand-name{font-size:14px}.nav{display:none}.header-external{font-size:10px;padding:9px 10px}.hero{grid-template-columns:1fr;min-height:0;padding-top:57px;padding-bottom:69px;gap:48px}.overline{margin-top:31px}.hero h1{font-size:clamp(43px,10.1vw,66px);line-height:1.4}.hero-description{font-size:18px;line-height:1.9}.hero-micro{margin-top:33px}.hero-visual{min-height:415px;box-shadow:12px 12px 0 -1px #090b0d,12px 12px 0 0 #262c2c}.visual-stage{height:309px}.visual-footer{min-height:55px;gap:12px}.visual-footer>span:first-child{font-size:10px}.status-grid{grid-template-columns:repeat(2,1fr)}.status-grid>div{border-bottom:1px solid var(--line);padding:23px 14px}.status-grid>div:nth-child(2){border-left:0}.status-grid>div:nth-last-child(-n+2){border-bottom:0}.status-grid strong{font-size:26px}.section{padding-top:76px}.section-heading{grid-template-columns:1fr;gap:10px}.section-heading h2,.contribution h2{font-size:39px}.section-heading p{font-size:15px;max-width:100%}.featured-panel{grid-template-columns:1fr}.featured-main{padding:26px 23px 30px}.featured-symbol{margin-top:29px}.featured-main h3{font-size:45px}.featured-description{font-size:16px}.featured-aside{border-right:0;border-top:1px solid #424847;padding:27px 23px}.aside-note{margin-top:0}.ascii-block{margin:35px 0}.catalog-tools{padding:15px}.library-head>span:last-child{display:none}.skill-results,.steps-grid{grid-template-columns:1fr}.future-note{align-items:flex-start}.future-note>span:last-child{display:none}.step-card{min-height:180px}.install-line{align-items:stretch;flex-direction:column;gap:15px}.install-line code{font-size:11px}.copy-button{align-self:flex-start}.contribution{padding-bottom:78px}.contribution-border{padding:33px 23px}.contribution p{font-size:15px}.footer-content{flex-direction:column;gap:30px}.footer-links{flex-wrap:wrap;gap:16px}.footer-bottom{flex-direction:column;gap:10px}.toast{left:17px;right:17px;bottom:17px;text-align:center}}
@media(max-width:400px){.hero h1{font-size:40px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.featured-main h3{font-size:39px}.category-button{padding:8px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Ensure filtered and empty catalogue states hide correctly. */
[hidden]{display:none!important}
