@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#24201e;--muted:#79716a;--orange:#d94d20;--red:#b82c29;--line:#e7e0d8;--paper:#f5f1eb;--white:#fffdfa;--soft:#fff1e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 Tajawal,Arial,sans-serif}button,input,select,textarea{font:inherit}[lang=en]{font-family:Manrope,Arial,sans-serif}header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none}.brand-symbol{font:60px/1 Arial;color:var(--orange);display:block}.wordmark{display:flex;gap:13px;align-items:baseline;font:bold 35px/1 Tajawal}.wordmark span{font:700 20px/1 Manrope;letter-spacing:3px;border-right:1px solid #ccc0b6;padding-right:16px}.header-note{font-size:13px;display:flex;align-items:center;gap:8px}.header-note>span:last-child{font-size:10px;margin-right:8px;color:var(--muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.about-link{color:var(--ink);text-decoration:none;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:4px}.about-link span{font-size:10px;margin-right:8px}main{max-width:1600px;display:grid;grid-template-columns:36% minmax(0,1fr);margin:auto;min-height:calc(100vh - 106px)}aside{background:#24201f;color:#fff7ee;padding:40px 12%;position:relative;overflow:hidden}.aside-top{display:flex;justify-content:space-between;align-items:center;color:#bcaaa0;font:9px Manrope;letter-spacing:1.3px}.region{border:1px solid #66564d;border-radius:30px;padding:5px 10px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:14px;color:#e29d7d;margin-top:44px}.hero-title{font-size:60px;line-height:1.27;letter-spacing:-1px;margin:19px 0 15px;font-weight:700}.hero-title em{font-style:normal;color:#ff8b50;position:relative}.hero-title em:after{content:'';position:absolute;bottom:3px;right:0;left:0;border-bottom:2px solid #d04c2a;transform:rotate(-5deg)}.aside-en{text-align:right;font:400 25px/1.45 Manrope;color:#cdbfb4;letter-spacing:-.5px;margin-top:23px}.orbit-art{height:210px;position:relative;margin:10px -15% 0;direction:ltr;isolation:isolate}.orbit{position:absolute;left:50%;top:46%;width:220px;height:90px;border:1px solid #a94b31;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg)}.orbit-two{transform:translate(-50%,-50%) rotate(35deg);border-color:#d86a39;width:235px;height:95px}.core{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;background:#c44229;box-shadow:inset -14px -12px 0 #a63325,0 0 0 14px #e15e2520;display:grid;place-items:center;font:400 30px Manrope;color:#fff0e6;z-index:-1}.core span{position:absolute;width:19px;height:19px;background:#ffb076;right:-57px;top:19px;border-radius:50%;box-shadow:0 0 0 5px #ffb07615}.art-caption{position:absolute;bottom:5px;text-align:center;width:100%;font:8px Manrope;letter-spacing:2px;color:#a79990}.aside-note{margin:28px 0 20px;color:#dfd1c6;font-size:14px;line-height:1.9}.aside-note p{font:11px/1.8 Manrope;color:#b7a79b;text-align:right;margin:8px 0}.study-facts{display:flex;padding:21px 0;border-top:1px solid #51423b;border-bottom:1px solid #51423b;gap:28px}.study-facts>div{display:flex;flex-direction:column;gap:6px}.study-facts b{font-size:19px;line-height:1.3;font-weight:700}.study-facts>div:first-child b{font:500 24px Manrope;color:#ff9a62}.study-facts span{font-size:11px;color:#c3b6ac}.study-facts small{display:block;font:9px/1.7 Manrope;color:#9b8d83}nav{display:grid;gap:10px;margin-top:30px}nav>div{font-size:12px;color:#ac9c90;display:flex;gap:10px;align-items:center}nav i{font:9px Manrope;border:1px solid #5d4d44;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-style:normal}nav .current{color:#fff;font-weight:700}nav .current i{background:var(--orange);color:#fff;border-color:var(--orange)}footer{margin-top:36px;border-top:1px solid #51423b;padding-top:25px;display:flex;gap:12px;align-items:center;font-size:10px;color:#c6b6a8}footer strong{display:block;color:#f1e1d4;font-weight:400;font-size:12px}footer span{display:block;font-size:10px}.researcher-mark{height:38px;width:38px;flex:none;border-radius:50%;border:1px solid #7c6152;display:grid;place-items:center;font:10px Manrope;color:#e1b595}.workspace{padding:45px 9% 26px;min-width:0}.section-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:22px;color:#7b6e64}.section-eyebrow span:last-child{font-size:8px;letter-spacing:1.7px}.form-frame{background:var(--white);padding:30px 35px 25px;border:1px solid #e6ddd3;border-radius:18px;box-shadow:0 9px 34px #563e2010}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#76685e;margin-bottom:18px}#count{font:10px Manrope;color:#9f5b39;background:#f6e9dc;padding:5px 10px;border-radius:20px}progress{width:100%;height:3px;border:0;background:#e9e0d5;accent-color:var(--orange);display:block;border-radius:3px}progress::-webkit-progress-bar{background:#eee6dc;border-radius:3px}progress::-webkit-progress-value{background:var(--orange);border-radius:3px}#screen{padding:30px 0 20px;min-height:350px}.badge{font:10px/1.6 Manrope,Tajawal;display:block;letter-spacing:.3px;color:#a54b29;margin-bottom:14px}h2{font-size:27px;line-height:1.65;font-weight:700;margin:0 0 14px;outline:none}.question-en{font:400 15px/1.75 Manrope;color:#81746a;text-align:left;margin:0 0 25px}.hint,.rank-help{font-size:13px;color:#81746a;margin-bottom:20px}.hint p,.rank-help p{margin:0 0 3px}.hint [lang=en],.rank-help [lang=en]{font-size:11px;line-height:1.8}.option{position:relative;display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid #e3d9cf;border-radius:11px;margin-bottom:11px;cursor:pointer;background:#fff;transition:background .16s,border-color .16s,transform .16s;min-height:68px}.option:hover{border-color:#cc7955;background:#fff8f1;transform:translateX(-2px)}.option:has(input:checked){border-color:#d55b30;background:#fff1e6;box-shadow:inset -3px 0 var(--orange)}.option input{height:19px;width:19px;accent-color:var(--orange);flex:none}.option>span{font-size:16px;line-height:1.6}.option small{display:block;font:11px/1.6 Manrope;color:#8c7a6b;direction:ltr;text-align:right;margin-top:2px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:23px}button{cursor:pointer;border-radius:9px;border:1px solid transparent;min-height:48px;padding:12px 18px;transition:background .15s,transform .15s;font-size:15px}button span{font:10px Manrope;margin-right:9px}button:active{transform:translateY(1px)}.primary{background:#25201d;color:#fff8f0;box-shadow:0 3px 0 #db5a28}.primary:hover{background:#b84023}.secondary{background:#f8f2eb;border-color:#dfd1c3;color:#725f50}.text-button{margin-right:auto;background:transparent;border:0;color:#8a7767;font-size:12px;padding:10px 8px}.text-button span{font-size:9px}button:disabled{opacity:.5;cursor:default}.privacy{display:flex;align-items:center;gap:10px;color:#9a8271;margin:20px 5px;font-size:11px;line-height:1.7}.privacy p{margin:0}.privacy span[lang=en]{display:block;font:9px/1.7 Manrope;color:#a38f80}.privacy-icon{font-size:22px;color:#c7683e}.page-bottom{display:flex;justify-content:space-between;border-top:1px solid #e1d6cb;padding-top:15px;font-size:10px;color:#ac9786}.page-bottom span:last-child{font-size:8px}.info{font-size:14px;color:#76665b;line-height:1.9}.info p{margin:15px 0}.info .en{font:11px/1.85 Manrope;text-align:left}.info hr{height:1px;border:0;background:var(--line);margin:22px 0}details{border:1px solid #e8d5c4;background:#fcf6ee;border-radius:10px;padding:14px 18px;margin-bottom:27px;font-size:13px}summary{cursor:pointer;color:#7b513b;font-weight:700}.rank-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:13px}.rank-row label{font-size:13px;color:#9a5d3f}select,textarea{border:1px solid #ddcbb9;background:#fff;color:var(--ink);border-radius:9px;padding:12px 14px;width:100%;font-size:15px;min-height:52px}select{font:13px Manrope,Tajawal}textarea{min-height:155px;resize:vertical;line-height:1.8}textarea+small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.review-row{border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.review-row strong{font-weight:400;display:block;color:#8a6f5b}.review-row button{font-size:11px;min-height:30px;padding:4px 10px;margin-top:7px}#error{font-size:13px;color:#b82c29}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ea9165;outline-offset:3px}
@media(min-width:1500px){.workspace{padding:50px 10%}.hero-title{font-size:68px}.form-frame{padding:36px 42px}}@media(max-width:1100px){header{padding:0 4%}aside{padding:34px 10%}.hero-title{font-size:48px}.workspace{padding:38px 6%}.form-frame{padding:25px}.header-note>span:last-child{display:none}.study-facts{gap:19px}.aside-en{font-size:21px}}@media(max-width:760px){body{font-size:16px}header{height:80px;padding:0 21px}.brand-symbol{font-size:44px}.wordmark{font-size:28px;gap:10px}.wordmark span{font-size:15px;letter-spacing:2px;padding-right:12px}.header-note{display:none}.about-link{font-size:10px}.about-link span{display:none}main{display:block}aside{padding:22px 25px 25px;min-height:245px}.aside-top{font-size:8px}.eyebrow{font-size:12px;margin:22px 0 7px}.hero-title{font-size:36px;line-height:1.45;letter-spacing:0;margin:0;width:75%;position:relative;z-index:1}.hero-title br{display:none}.hero-title br:after{content:' '}.aside-en{font-size:12px;line-height:1.6;margin:13px 0 0;color:#c4ada0}.aside-en br{display:none}.orbit-art{position:absolute;left:7px;bottom:20px;width:145px;height:145px;margin:0;opacity:.8}.orbit{width:140px;height:64px}.orbit-two{width:145px;height:65px}.core{width:73px;height:73px;font-size:21px;box-shadow:inset -9px -9px 0 #a63325,0 0 0 8px #e15e2520}.core span{width:12px;height:12px;right:-32px;top:11px}.art-caption{display:none}.aside-note,.study-facts,aside nav,aside footer{display:none}.workspace{padding:25px 17px 18px}.section-eyebrow{font-size:10px;padding:0 4px;margin-bottom:15px}.section-eyebrow span:last-child{font-size:7px;letter-spacing:1px}.form-frame{padding:24px 20px 22px;border-radius:15px;box-shadow:0 7px 25px #563e2010}.progress-meta{font-size:10px;margin-bottom:13px;gap:8px}#count{font-size:9px;padding:4px 8px;flex:none}#screen{padding-top:25px;min-height:300px}h2{font-size:25px;line-height:1.65}.question-en{font-size:13px;line-height:1.8;margin-bottom:24px}.badge{font-size:9px}.option{padding:14px 13px;min-height:72px;border-radius:10px}.option>span{font-size:16px}.option small{font-size:10px}.actions{gap:7px;padding-top:20px}button{font-size:14px;min-height:46px;padding:11px 14px}button span{font-size:9px;margin-right:7px}.text-button{margin:0;padding:8px 1px;font-size:11px}.privacy{font-size:10px;margin:18px 7px}.privacy span[lang=en]{font-size:8px}.info{font-size:14px}.info .en{font-size:11px}details{padding:13px 14px;font-size:12px}.rank-row{grid-template-columns:47px minmax(0,1fr)}.rank-row label{font-size:12px}select{font-size:11px;padding:12px 9px}.hint,.rank-help{font-size:12px}.hint [lang=en],.rank-help [lang=en]{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-symbol{width:54px;height:54px;display:block}.brand-symbol svg{width:100%;height:100%}nav>div>span>span{display:block}nav small{display:block;font:400 9px/1.6 Manrope;color:#b9a99c;margin-top:2px}nav .current small{color:#efc2a6}

.hero-title>span{display:block}
.study-heading{max-width:1600px;margin:auto;padding:29px 5%;display:grid;grid-template-columns:1fr 1fr;gap:42px;border-bottom:1px solid var(--line);background:var(--white)}
.study-title-block{min-width:0;padding-inline-start:18px;border-inline-start:2px solid var(--orange)}
.study-label{display:block;font-size:10px;line-height:1.6;color:#a24e2d;margin-bottom:8px}
.study-title-block[lang=en] .study-label{font:600 8px/1.6 Manrope;letter-spacing:1.5px}
.study-heading h1{font:700 20px/1.75 Tajawal;margin:0;color:var(--ink)}
.study-title-block p{font:500 14px/1.9 Manrope;margin:0;color:#71645b}
@media(max-width:760px){
.study-heading{padding:23px 25px 25px;grid-template-columns:1fr;gap:18px}
.study-title-block{padding-inline-start:13px}
.study-heading h1{font-size:18px;line-height:1.85}
.study-title-block p{font-size:12px;line-height:1.85}
.hero-title{width:auto;max-width:100%;font-size:34px;line-height:1.55;word-spacing:1px}
.hero-title>span{display:inline}
.hero-copy{padding-left:75px}
.orbit-art{left:-10px;bottom:8px;width:115px;height:115px;opacity:.65}
.hero-title{margin-bottom:0}
}

.brand-symbol{height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.brand-symbol svg{height:49px;flex:none}.brand-symbol small{font:700 9px/1.4 Manrope,Arial,sans-serif;letter-spacing:1.3px;color:#a44227;display:block}
@media(max-width:760px){.aside-en{font-size:14px;word-spacing:1px}}

.brand{gap:13px}.treasure-mark{width:112px;height:94px;display:block;flex:none}.treasure-mark svg{display:block;width:100%;height:100%}.brand-name{font:700 18px/1 Manrope,Arial,sans-serif;letter-spacing:2.8px;color:var(--ink);padding-right:15px;border-right:1px solid #daccc0}
@media(max-width:760px){.treasure-mark{width:91px;height:76px}.brand{gap:9px}.brand-name{font-size:14px;letter-spacing:2px;padding-right:12px}}

.treasure-mark{width:103px;height:101px}.brand-arabic{font:700 30px/1 Tajawal,Arial,sans-serif;letter-spacing:0;padding-right:13px}
@media(max-width:760px){.treasure-mark{width:78px;height:77px}.brand-arabic{font-size:25px;padding-right:10px}}
/* Paired Arabic and English share the same size at every content level. */
.study-title-block p{font-size:20px;line-height:1.75}
.hero-title,.aside-en{font-size:44px;line-height:1.45}
.aside-en{margin-top:19px;letter-spacing:0}
.eyebrow,.aside-note,.aside-note p{font-size:14px}
.study-facts span,.study-facts small{font-size:11px}
nav small{font-size:12px;line-height:1.65}
footer strong,footer span{font-size:12px}
.section-eyebrow span:last-child{font-size:12px;letter-spacing:.5px}
.question-en{font-size:27px;line-height:1.65}
.option small{font-size:16px;line-height:1.6}
.info .en{font-size:14px;line-height:1.9}
.hint [lang=en],.rank-help [lang=en]{font-size:13px}
button span{font-size:15px}
.text-button span{font-size:12px}
.privacy span[lang=en]{font-size:11px}
.page-bottom span:last-child{font-size:10px}
.header-note>span:last-child{font-size:13px}
.about-link span{font-size:12px}
@media(max-width:760px){
.study-title-block p{font-size:18px;line-height:1.85}
.hero-title,.aside-en{font-size:28px;line-height:1.55;word-spacing:0}
.hero-copy{padding-left:0}
.aside-en{max-width:100%;text-align:left;margin-top:15px;padding-bottom:0}
.orbit-art{display:none}
.section-eyebrow span:last-child{font-size:10px;letter-spacing:0}
.question-en{font-size:25px;line-height:1.65}
.option small{font-size:16px}
.info .en{font-size:14px}
.hint [lang=en],.rank-help [lang=en]{font-size:12px}
button span{font-size:14px}
.text-button span{font-size:11px}
.privacy span[lang=en]{font-size:10px}
.about-link span{font-size:10px}
}
@media(max-width:760px){.orbit-art{display:block;top:45px;bottom:auto;left:-27px;width:145px;height:145px;opacity:.14;pointer-events:none}}

.brand-transformation{direction:ltr;display:flex;align-items:center;gap:13px;flex:none;min-width:0}.domain-origin{font:600 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:1.3px;color:#817168;white-space:nowrap}.origin-dot{color:#d94d20}.transformation-arrow{width:27px;height:24px;color:#c45a34;flex:none}.gem-wordmark{position:relative;display:block;width:145px;height:71px;flex:none}.gem-wordmark>svg{display:block;width:100%;height:100%}.gem-name{position:absolute;left:50%;top:28%;transform:translateX(-50%);padding:1px 5px;background:#fff8ef;color:#31221d;font:800 23px/1.15 Manrope,Arial,sans-serif;letter-spacing:1.9px;white-space:nowrap}
@media(max-width:760px){.brand-transformation{gap:8px}.domain-origin{font-size:10px;letter-spacing:1px}.transformation-arrow{width:22px}.gem-wordmark{width:126px;height:62px}.gem-name{font-size:20px;letter-spacing:1.4px;padding:1px 4px}}
