:root{--paper:#111019;--ink:#f1eff7;--purple:#b69af4;--violet:#cbb6ef;--lime:#d8ed8b;--line:#ffffff18;--muted:#a39eaf;--panel:#1b1827}html{color-scheme:dark}body{background:var(--paper);overflow-x:clip}body:before{content:'';position:absolute;top:0;left:0;width:100%;height:900px;pointer-events:none;background:radial-gradient(ellipse at 20% 35%,#6e399b24,transparent 55%);z-index:-1}header{position:sticky;top:0;background:#111019f0;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:86px}.brand-mark{background:#7140c4;color:var(--lime);border-radius:12px;width:44px;height:46px;box-shadow:0 3px 18px #784cd735}.brand-mark svg{width:32px;height:32px}.brand small{color:var(--muted)}.nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #d8ed8b50;color:var(--lime);padding:9px 15px;border-radius:6px}.nav nav{color:#c6c0d1;font-size:12px}.hero{min-height:680px;gap:15px}.hero-copy .eyebrow{color:#c9c1db;font-size:11px}.dot{background:var(--lime);box-shadow:0 0 12px #d8ed8b55}h1{font-size:clamp(44px,4.8vw,68px);line-height:1.42;letter-spacing:-2px}.accent{color:var(--lime)}.accent:after{height:2px;background:#bfa1ee;bottom:-5px;z-index:0;opacity:.6}.intro{color:#aaa4b8;font-size:15px;line-height:2.15}.primary{background:var(--lime);color:#23291c;box-shadow:0 5px 22px #c5e87e12}.primary:hover{background:#e5f4b2;color:#1c2510}.button{padding:15px 24px;border-radius:8px}.text-link{border-color:#7f768b;color:#ded7e9}.hero-note{color:#aca2ba;font-size:10px}.hero-art{background:radial-gradient(ellipse at center,#8150bd1f,transparent 65%);border:1px solid #bfa1ee18;border-radius:220px 220px 18px 18px;height:550px;overflow:hidden;background-image:linear-gradient(#c3a0e907 1px,transparent 1px),linear-gradient(90deg,#c3a0e907 1px,transparent 1px);background-size:35px 35px}.orbit{border-color:#c7a6ed24}.orbit-one{width:440px;height:440px;left:12%;top:55px}.orbit-two{border-style:dashed;left:22%;top:110px;width:310px;height:310px;animation:orbitSpin 50s linear infinite}.book{box-shadow:15px 30px 45px #0009,3px 3px 0 #b0a5bd,7px 7px 0 #4b425d}.book-front{top:105px;animation:bookFloat 7s ease-in-out infinite;background:linear-gradient(140deg,#7046a7,#351b5a)}.book-back{background:linear-gradient(140deg,#dbe9ac,#8cab61);top:68px;left:48%;animation:backFloat 8s ease-in-out infinite}.angle-art{height:140px;width:140px;bottom:55px;left:15px;overflow:visible}.angle-art .svg-ray{transform-origin:80px 80px;animation:rayTurn 8s ease-in-out infinite}.floating-symbol{position:absolute;width:57px;height:57px;fill:none;stroke:#bca6d8;stroke-width:3;stroke-linecap:round;opacity:.75;animation:symbolFloat 6s ease-in-out infinite}.floating-symbol.theta{right:20px;top:30px}.floating-symbol.pi{left:25px;bottom:65px;width:44px}.art-label{color:#a799b8;top:23px;left:36px;font-size:8px;letter-spacing:2.5px}.art-caption{color:#a99cb9;font-size:9px;bottom:5px}.sample-seal{top:345px;left:7%;box-shadow:0 10px 30px #0004;color:#28321b}.book-grid{opacity:.55}.ticker{background:#181521}.ticker .wrap{color:#c4becf;font-size:12px;padding:18px 0}.ticker i{color:var(--lime)}.section{padding-top:90px;padding-bottom:90px}.eyebrow{color:#a99bbd;font-size:10px;letter-spacing:.8px}.section h2{font-size:34px;letter-spacing:-1px}.section-top p{font-size:12px;color:var(--muted);line-height:2}.green-dot{color:var(--lime)}.grades{padding-top:60px;padding-bottom:65px}.grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:35px}.grade-card{position:relative;text-align:right;background:linear-gradient(155deg,#211c30,#16131f);padding:23px;border:1px solid #ffffff15;border-radius:14px;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;isolation:isolate}.grade-card:before{content:'';position:absolute;width:190px;height:190px;left:-70px;top:-70px;background:#8d59cd20;filter:blur(35px);z-index:-1}.grade-card:hover,.grade-card.selected{transform:translateY(-6px);border-color:#c6a5fa80;box-shadow:0 15px 40px #0004}.grade-card.selected{background:linear-gradient(145deg,#352341,#1d1929)}.grade-card-top{display:flex;justify-content:space-between;align-items:center}.grade-index{font:11px Alexandria,sans-serif;color:#ac9dbd}.grade-go{border:1px solid #ffffff20;background:#ffffff05;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:18px}.grade-diagram{display:block;height:110px;width:100%;fill:none;stroke:#857391;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin:10px 0 17px}.diagram-accent{stroke:var(--lime);stroke-width:2.5;stroke-dasharray:280;stroke-dashoffset:0;animation:traceLine 7s ease-in-out infinite}.grade-card:nth-child(2) .diagram-accent{stroke:#bfa2f5;animation-delay:1s}.grade-card:nth-child(3) .diagram-accent{stroke:#e7b888;animation-delay:2s}.grade-card:nth-child(4) .diagram-accent{stroke:#91cdb9;animation-delay:3s}.grade-card h3{font-size:17px;line-height:1.7;margin:0 0 6px;font-weight:600}.grade-track{font-size:12px;color:#c8b4e6}.grade-card:first-child .grade-track{font-size:10px;color:var(--muted)}.grade-status{border-top:1px solid var(--line);padding-top:13px;margin-top:22px;display:flex;gap:7px;align-items:center;color:var(--muted);font-size:9px}.grade-status>span{width:5px;height:5px;background:#948c9d;border-radius:50%;flex-shrink:0}.grade-card:first-child .grade-status>span{background:var(--lime)}.catalog-toolbar{display:flex;gap:14px;margin-top:30px}.search-box{display:flex;align-items:center;gap:12px;border:1px solid #ffffff20;border-radius:9px;background:#1a1624;flex:1;padding:12px 18px;min-width:0}.search-box:focus-within{border-color:#b79bdc}.search-box svg{width:20px;height:20px;stroke:#aba1bb;stroke-width:1.5;fill:none;flex-shrink:0}.search-box input{font:12px 'Noto Sans Arabic',sans-serif;background:none;border:none;outline:none;color:var(--ink);width:100%;min-width:0}.search-box input::placeholder{color:#8c839c}.grade-select-label{min-width:260px}.grade-select-label select{font:11px 'Noto Sans Arabic',sans-serif;background:#1a1624;color:var(--ink);border:1px solid #ffffff20;border-radius:9px;height:100%;width:100%;padding:10px 14px}.catalog-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0}.filter-row{margin:0;flex-wrap:wrap}.filter{border-color:#ffffff25;color:#aba2ba;font-size:11px}.filter.active{background:#d7c5ed;color:#2c1d43;border-color:#d7c5ed}.filter:hover{border-color:#cfb4f4}.catalog-status p{font-size:10px;color:var(--muted);white-space:nowrap}.products{gap:24px}.product{border:1px solid #ffffff14;border-radius:13px;overflow:hidden;background:#1a1623;transition:border-color .25s,transform .25s}.product:hover{border-color:#bb9be655;transform:translateY(-4px)}.product-art{border-radius:0;height:330px}.purple{background:radial-gradient(ellipse at center,#5c3a7d,#292135)}.lavender{background:radial-gradient(ellipse at center,#6b5a78,#2f2934)}.green{background:radial-gradient(ellipse at center,#4b6357,#232d29)}.product-meta{padding:23px}.product-meta h3{font-size:20px}.product-meta p{font-size:11px;line-height:2}.product-action{color:#d2bfeb;border-color:#ffffff18}.tag{background:#e9e0f3;color:#352145;font-size:9px;padding:4px 12px}.tag.muted{background:#ffffffc9;color:#3f3b46}.art-arrow{background:var(--lime);color:#222b13}.cover-mini{box-shadow:12px 18px 30px #0005}.inside{background:linear-gradient(140deg,#1c1729,#171320);border-color:#ffffff0f}.inside-copy>p{color:#aaa0b9;font-size:13px}.inside h2{font-size:40px}.inside h2 span{color:var(--lime)}.tab{border-color:#ffffff12}.tab>span,.tab small{color:#9d93ac}.tab.selected{color:#d9c1ff}.tab.selected i{color:var(--lime)}.page-stage{background:#292234;border-color:#ffffff15;box-shadow:0 20px 50px #0005;border-radius:10px;padding:18px}.page-toolbar{color:#dfd4eb;border-color:#ffffff15}.page-toolbar button{background:#ffffff10;color:#d0bded}.page-bottom{color:#bdb2ca}.page-image-button{background:#fff;border-radius:3px}.sample-panel{background:radial-gradient(ellipse at 10% 50%,#663d8c66,transparent 65%),#241635;border:1px solid #af81d43b;border-radius:16px}.sample-text .eyebrow{color:#c8aedf}.sample-text p{color:#beaccd}.sample-symbol .sample-theta{width:170px;height:240px;fill:none;stroke:#b99adc;stroke-width:6;animation:symbolFloat 7s ease-in-out infinite;z-index:1}.sample-symbol b{color:#2f2440;border-radius:3px}.sample-ring{border-color:#c398e044;animation:orbitSpin 40s linear infinite}.sample-ring:after,.sample-ring:before{border-color:#c398e020}.cream{background:var(--lime);color:#26321c}.faq-list p{color:#a99db8}.faq-list summary span{color:var(--lime)}footer{color:#bcb0cd}dialog{background:#211b2c;color:#f1eff7;border:1px solid #ffffff25;box-shadow:0 30px 100px #0008}dialog .close{background:var(--lime);color:#272d1d}#product-dialog p{color:#b5a7c3}.empty-state{padding:50px 25px;background:#1b1625;border:1px dashed #9a75c350;border-radius:14px;text-align:center}.empty-state[hidden]{display:none}.empty-state svg{width:100px;height:90px;fill:none;stroke:#b297d0;stroke-width:1.5;margin:auto}.empty-state h3{font-size:23px;color:#ece1fa;margin:15px 0 5px}.empty-state p{font-size:13px;line-height:2;color:var(--muted);max-width:520px;margin:10px auto 25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.svg-ray{transform-box:view-box}@keyframes bookFloat{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-12px) rotate(-8deg)}}@keyframes backFloat{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(8px) rotate(15deg)}}@keyframes symbolFloat{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(-5deg)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes rayTurn{0%,100%{transform:rotate(0deg)}50%{transform:rotate(32deg)}}@keyframes traceLine{0%,100%{stroke-dashoffset:0;opacity:1}50%{stroke-dashoffset:50;opacity:.65}}
@media(max-width:1050px){.grade-grid{gap:12px}.grade-card{padding:17px}.grade-card h3{font-size:14px}.grade-status{font-size:8px}.hero-art{height:530px}.hero{gap:0}.hero-copy{position:relative;z-index:2}h1{font-size:49px}.intro{font-size:13px}.nav nav{gap:17px}.section h2{font-size:30px}.book-front{left:10%}.book-back{left:42%}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}header{backdrop-filter:none;background:#111019}.nav{height:75px}.brand{font-size:18px}.brand-mark{width:36px;height:38px}.brand-mark svg{width:27px}.nav-cta{font-size:10px;padding:7px 10px}.hero{padding-top:40px;min-height:auto;grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(34px,9.5vw,56px);letter-spacing:-1.5px;line-height:1.45}.hero-copy .eyebrow{font-size:9px}.hero .intro{font-size:12px;line-height:2.1;max-width:440px;margin:20px auto 25px}.actions{gap:20px}.button{padding:13px 20px;font-size:11px}.text-link{font-size:11px}.hero-note{font-size:9px;margin-top:22px}.hero-art{width:min(370px,100%);height:440px;border-radius:160px 160px 12px 12px;margin:35px auto 15px;transform:none;max-width:100%}.book-front{left:15%;top:88px}.book-back{left:45%;top:65px}.book{width:185px;height:280px}.book h2{font-size:27px}.angle-art{width:120px;height:120px;transform:none;left:10px;bottom:45px}.sample-seal{top:290px;left:4%;width:87px;height:87px;font-size:11px;padding:13px}.sample-seal span{right:10px;top:32px}.art-label{top:20px;left:32px;font-size:6px}.art-caption{font-size:8px;bottom:0}.floating-symbol.theta{width:35px;top:26px;right:20px}.floating-symbol.pi{width:30px;left:16px;bottom:45px}.orbit-one{left:9%;top:55px;width:290px;height:290px}.orbit-two{left:18%;top:90px;width:220px;height:220px}.section{padding:55px 0}.grades{padding-top:30px;padding-bottom:40px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.grade-card{padding:17px 13px;border-radius:11px}.grade-diagram{height:82px;margin:5px 0 12px}.grade-card h3{font-size:13px}.grade-track{font-size:12px}.grade-card:first-child .grade-track{font-size:9px}.grade-status{font-size:8px;line-height:1.8;min-height:43px;margin-top:16px;padding-top:10px;gap:5px}.grade-index{font-size:9px}.grade-go{height:25px;width:25px;font-size:16px}.section-top{gap:14px;flex-wrap:wrap}.section h2{font-size:26px;line-height:1.8}.section-top p{font-size:10px;padding:0}.ticker .wrap{font-size:10px}.catalog-toolbar{flex-direction:column;gap:10px}.grade-select-label{min-width:0}.grade-select-label select{padding:12px 14px;font-size:11px}.search-box{padding:12px 14px}.catalog-status{align-items:start;flex-direction:column;gap:10px;margin:17px 0 24px}.catalog-status p{margin:0}.filter{font-size:10px;padding:8px 14px}.products{gap:22px}.product-art{height:320px}.product-meta{padding:20px}.product-meta h3{font-size:20px}.inside h2{font-size:33px}.inside-grid{gap:26px}.sample-panel{padding:30px 23px}.sample h2{font-size:34px}.sample-symbol{height:220px;overflow:hidden}.sample-symbol .sample-theta{width:120px;height:175px}.sample-text p{font-size:12px}.sample-text .button{font-size:11px;gap:12px}.empty-state{padding:30px 18px}.empty-state h3{font-size:20px}.empty-state p{font-size:12px}.faq h2{font-size:25px}.nav nav{display:none}}
@media(max-width:360px){.grade-grid{gap:8px}.grade-card{padding:12px 9px}.grade-card h3{font-size:11px}.grade-status{font-size:7px}.grade-track{font-size:10px}.hero-art{height:390px}.book{width:160px;height:255px}.book h2{font-size:23px}.book-front{left:12%;top:75px}.book-back{left:42%;top:55px}.sample-seal{top:260px}.angle-art{width:105px;height:105px}.hero-note{font-size:8px}.nav .brand{font-size:15px}.brand-mark{width:31px;height:34px}.sample-text .button{padding:12px 15px}.hero-copy .eyebrow{font-size:8px}}
@media(hover:none){.grade-card:hover,.product:hover{transform:none}.grade-card.selected{transform:none}.book-front{animation:bookFloat 8s ease-in-out infinite}.book-back{animation:backFloat 9s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}