@font-face{font-family:NotoArabic;src:url('assets/fonts/NotoSansArabicUI-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:NotoArabic;src:url('assets/fonts/NotoSansArabicUI-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--green:#006241;--accent:#00754a;--house:#1e3932;--mint:#d4e9e2;--cream:#f2f0eb;--ceramic:#edebe9;--line:#d6ded9;--muted:#62736d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--house);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;top:-80px;left:12px;background:#fff;color:var(--house);padding:12px;z-index:20}.skip-link:focus{top:12px}
.site-header{height:86px;padding:0 max(32px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e7ece9;background:#fff}.home{flex:0 0 auto;display:flex;align-items:center}.home img{display:block;width:180px}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a,.header-download{font-size:13px;font-weight:700;text-decoration:none}.site-header nav a{color:#4f6159}.site-header nav a:hover,.header-download:hover{color:var(--accent)}.header-download{border:1px solid var(--house);border-radius:999px;padding:13px 17px;white-space:nowrap}.header-download span{margin-left:6px}
.hero{min-height:640px;background:var(--house);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,0.9fr);align-items:center;padding:75px max(32px,calc((100vw - 1360px)/2));gap:50px}.hero:before{content:"";position:absolute;inset:auto -8% -57% 53%;height:670px;border:1px solid #527168;border-radius:50%;opacity:.6}.hero-copy,.hero-mark,.hero-index{position:relative;z-index:1}.eyebrow,.section-number{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{color:#b4dacc}.hero h1{font-size:clamp(76px,8vw,142px);line-height:.91;letter-spacing:-.072em;margin:29px 0 28px;font-weight:800}.hero h1 span{color:var(--mint)}.hero-copy>p:not(.eyebrow){max-width:475px;color:#d2e2da;font-size:19px;line-height:1.55;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:37px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-decoration:none;font-size:14px;font-weight:800;border-radius:3px;padding:17px 21px;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-mint{background:var(--mint);color:var(--house)}.button-mint:hover{background:#edf9f2}.text-link{color:#e4f3eb;text-decoration:none;font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}.hero-mark{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(212,233,226,.25);border-radius:50%;max-width:520px;justify-self:end;width:100%;background:radial-gradient(circle at 50% 50%,rgba(212,233,226,.09),transparent 65%)}.hero-mark:before,.hero-mark:after{content:"";position:absolute;inset:12%;border:1px solid rgba(212,233,226,.2);border-radius:50%}.hero-mark:after{inset:26%;border-color:rgba(212,233,226,.12)}.hero-mark img{width:42%;max-width:210px;filter:drop-shadow(0 25px 35px rgba(0,0,0,.16));z-index:1}.hero-index{position:absolute;bottom:28px;right:max(32px,calc((100vw - 1360px)/2));font-size:12px;color:#b4dacc;letter-spacing:.16em}
.section{padding:112px max(32px,calc((100vw - 1360px)/2));scroll-margin-top:20px}.section-soft{background:#f7f8f5}.section-head{max-width:950px;margin-bottom:45px}.section-number{color:var(--accent);display:block;margin-bottom:22px}.section h2{font-size:clamp(46px,5.5vw,81px);line-height:1.01;letter-spacing:-.055em;margin:0 0 22px;font-weight:800}.section-head>p{color:#5d7068;font-size:17px;line-height:1.6;max-width:680px;margin:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro .section-head{margin:0}.intro-body>p{font-size:19px;line-height:1.6;max-width:550px;margin:0 0 24px}.intro-body p.quiet{font-size:15px;color:var(--muted)}.phrase-pair{padding:22px 0 25px;margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-weight:800;font-size:19px}.phrase-pair span[lang=ar]{font-family:NotoArabic,Arial,sans-serif}
.logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logo-card{background:#fff;border:1px solid var(--line)}.logo-preview{height:295px;display:grid;place-items:center;padding:42px}.light-preview{background:#fff}.dark-preview{background:var(--house)}.logo-preview img{width:min(390px,80%)}.card-foot{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.card-foot h3,.symbol-row h3,.inline-download h3{margin:0 0 5px;font-size:20px}.card-foot p,.symbol-row p,.inline-download p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.card-foot a,.symbol-row>a{font-weight:800;color:var(--green);white-space:nowrap;text-decoration:none;font-size:14px}.card-foot a:hover,.symbol-row>a:hover{text-decoration:underline}.symbol-row{margin:17px 0 38px;border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;padding:20px 27px 20px 20px}.symbol-preview{width:130px;height:130px;background:var(--cream);display:grid;place-items:center}.symbol-preview img{width:78px}.rules-grid,.voice-guidance,.image-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rule-card{border:1px solid var(--line);padding:26px;background:#fff;overflow:hidden}.rule-label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.13em;padding:7px 10px;border-radius:2px}.rule-label.good{background:#d8eee3;color:var(--green)}.rule-label.bad{background:#f6e5df;color:#984331}.rule-card h3{font-size:24px;margin:22px 0 10px}.rule-card p{color:var(--muted);line-height:1.5;min-height:68px;margin:0}.rule-visual{height:185px;margin-top:24px;background:var(--cream);display:grid;place-items:center;position:relative}.clear-space:before{content:"";position:absolute;border:1px dashed #9bbfb1;inset:23px 18%}.dont-visual img{transform:scaleX(1.24) rotate(-5deg);opacity:.68}.dont-visual span{position:absolute;right:12%;top:5%;color:#b84f3c;font-size:115px;line-height:1}
.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.swatch{border:1px solid var(--line);background:#fff}.swatch-color{height:215px;background:var(--swatch);color:var(--ink);padding:17px}.swatch-color.bordered{border-bottom:1px solid var(--line)}.swatch-color span{font-size:13px;font-weight:800}.swatch-caption{padding:18px 18px 21px}.swatch-caption h3{margin:0 0 8px;font-size:17px}.swatch-caption button{background:none;border:0;color:var(--green);cursor:pointer;font-size:13px;font-weight:800;padding:0;text-align:left}.swatch-caption button:hover{text-decoration:underline}.swatch-caption p{margin:9px 0 0;color:var(--muted);font-size:13px}.section-note{color:var(--muted);font-size:14px;margin:25px 0 0;line-height:1.5}
.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.type-card{background:#fff;border:1px solid var(--line);padding:28px;min-height:375px;display:flex;flex-direction:column}.type-card>span{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.type-card strong{font-size:120px;line-height:1.25;letter-spacing:-.08em;display:block;flex:1;margin:23px 0}.type-card .arabic-sample{font-family:NotoArabic,Arial,sans-serif;letter-spacing:0;font-size:80px;text-align:right;line-height:1.6}.type-card p{color:var(--muted);margin:0;line-height:1.5;max-width:480px;font-size:15px}.inline-download{margin-top:16px;background:var(--mint);padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.button-outline{border:1px solid var(--house);color:var(--house);white-space:nowrap}.button-outline:hover{background:#fff}
.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.voice-example{min-height:300px;padding:32px;background:var(--house);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.voice-example.ar{background:var(--mint);color:var(--house)}.voice-example span{font-size:12px;font-weight:800;letter-spacing:.12em}.voice-example p{font-size:clamp(29px,3vw,48px);font-weight:800;line-height:1.25;letter-spacing:-.04em;margin:0}.voice-example.ar p,.voice-example.ar span{font-family:NotoArabic,Arial,sans-serif;letter-spacing:0}.voice-guidance,.image-guidance{margin-top:16px}.voice-guidance>div,.image-guidance>div{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:flex-start;gap:20px}.voice-guidance p,.image-guidance p{margin:4px 0 0;color:var(--muted);line-height:1.5}
.imagery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.image-stage{height:440px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);overflow:hidden}.image-stage-cream{background:var(--cream)}.image-stage img{object-fit:contain;max-height:100%;max-width:94%;padding:12px}.image-guidance{margin-top:25px}
.downloads{background:var(--mint)}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.download-card{min-height:155px;border:1px solid #b5d2c4;background:#fff;text-decoration:none;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease}.download-card:hover{transform:translateY(-3px);border-color:var(--green)}.download-card.featured{background:var(--house);color:#fff;border-color:var(--house)}.download-card .file-icon{font-size:30px;line-height:1;font-weight:800}.download-card strong{display:block;font-size:18px}.download-card small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:5px}.download-card.featured small{color:#c0d9cc}.file-type{align-self:flex-end;font-weight:800;font-size:11px;letter-spacing:.12em}.downloads-note{color:#425d50;line-height:1.5;font-size:14px;margin:28px 0 0}.downloads-note a{font-weight:800}footer{background:var(--house);color:#d4e9e2;min-height:135px;padding:35px max(32px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}footer img{width:168px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.copy-status{position:fixed;right:22px;bottom:22px;z-index:9;background:var(--house);color:#fff;padding:12px 16px;border-radius:3px;font-size:13px;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.copy-status.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.site-header nav{gap:14px}.site-header nav a{font-size:12px}.hero{min-height:570px}.hero h1{font-size:clamp(70px,8vw,110px)}.section{padding-top:88px;padding-bottom:88px}}
@media(max-width:800px){.site-header{height:auto;min-height:80px;flex-wrap:wrap;padding:16px 24px;width:100%;max-width:100%}.site-header nav{order:3;width:100%;max-width:100%;min-width:0;overflow-x:auto;white-space:nowrap;padding-bottom:5px}.header-download{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr);min-height:660px;padding:64px 24px 80px}.hero-copy{z-index:2;min-width:0}.hero h1{font-size:clamp(69px,13vw,105px)}.hero-mark{position:absolute;right:-8%;bottom:-18%;width:65%;opacity:.42}.hero-index{right:24px}.section{padding:78px 24px}.intro{grid-template-columns:1fr;gap:30px}.logo-preview{height:220px}.color-grid,.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-card{min-height:350px}.type-card strong{font-size:90px}.type-card .arabic-sample{font-size:60px}.image-stage{height:330px}footer{padding:30px 24px}}
@media(max-width:600px){.site-header{gap:10px}.home img{width:137px}.header-download{font-size:12px;padding:10px 12px}.hero{min-height:590px;gap:0}.hero h1{font-size:clamp(49px,12.6vw,62px)}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions{gap:22px}.hero-mark{width:90%;right:-34%;bottom:-10%}.section h2{font-size:clamp(44px,12vw,62px)}.section-head>p{font-size:16px}.logo-grid,.rules-grid,.type-grid,.voice-grid,.voice-guidance,.imagery-grid,.image-guidance,.download-grid{grid-template-columns:1fr}.logo-preview{height:230px}.symbol-row{grid-template-columns:80px 1fr;gap:15px;padding:15px}.symbol-preview{width:80px;height:80px}.symbol-preview img{width:48px}.symbol-row>a{grid-column:2}.rule-card p{min-height:auto}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-color{height:150px}.type-card{min-height:310px}.type-card .arabic-sample{font-size:67px}.inline-download{align-items:stretch;flex-direction:column}.voice-example{min-height:240px}.image-stage{height:300px}.download-card{min-height:130px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.download-card,.copy-status{transition:none}}
@media print{.site-header nav,.header-download,.hero-actions,.download-grid,.downloads-note,.copy-status,footer{display:none!important}.site-header{height:55px;border:0}.hero{min-height:260px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero-mark{width:200px}.section{padding:38px 28px;break-inside:avoid}.section h2{font-size:44px}.logo-preview{height:130px}.logo-preview img{width:220px}.rule-visual{display:none}.swatch-color{height:85px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.color-grid{gap:8px}.type-card{min-height:180px}.type-card strong{font-size:55px;margin:6px 0}.type-card .arabic-sample{font-size:45px}.image-stage{height:190px}.voice-example{min-height:150px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.voice-example p{font-size:27px}.downloads{display:none}}