@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#111613;--deep:#0b0e0c;--paper:#f4f1e9;--cream:#e9e2d8;--blue:#91a9e0;--gold:#d0b16f;--muted:#aeb4aa;--line:rgba(255,255,255,.16);--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--arabic:'Noto Sans Arabic',sans-serif;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:#f5f3ec;font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:var(--arabic),sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}::selection{background:var(--blue);color:var(--ink)}[data-lang]{display:none}html[lang=en] [data-lang=en],html[lang=ar] [data-lang=ar]{display:contents}.skip{position:absolute;z-index:50;top:-60px;inset-inline-start:16px;background:var(--paper);color:var(--ink);padding:10px 14px}.skip:focus{top:12px}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-head{position:sticky;top:0;z-index:30;background:rgba(17,22,19,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:800 14px var(--display);letter-spacing:.18em}.brand img{width:34px;height:34px;object-fit:contain}.nav{display:flex;align-items:center;gap:26px;color:#d7dbd3;font-size:13px}.nav a:hover,.foot a:hover{color:var(--blue)}.head-actions{display:flex;align-items:center;gap:12px}.language-toggle{border:1px solid var(--line);padding:8px 11px;font-size:12px;color:#fff}.language-toggle:focus-visible,.nav a:focus-visible,.button:focus-visible,.skip:focus-visible,.foot a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.home-link{font:600 11px var(--display);letter-spacing:.07em;text-transform:uppercase;color:#c4c9c0}.hero{padding:92px 0 82px;background:radial-gradient(ellipse at 83% 10%,rgba(82,110,158,.13),transparent 36%),linear-gradient(140deg,#111613,#151c18)}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--gold);font:600 11px var(--display);letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';width:27px;height:1px;background:currentColor}.hero h1{font:600 clamp(44px,7vw,82px)/1.02 var(--display);letter-spacing:-.06em;max-width:950px;margin:24px 0}.hero h1 em{font:500 italic .9em Georgia,serif;color:var(--blue)}html[lang=ar] .hero h1,html[lang=ar] .hero h1 em{font-family:var(--arabic);font-style:normal;letter-spacing:0;line-height:1.38}.lead{max-width:760px;color:#c0c5bd;font-size:18px;line-height:1.8;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1px solid var(--blue);background:var(--blue);color:#111613;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#b5c6ed}.button.secondary{background:transparent;color:#f5f3ec;border-color:rgba(255,255,255,.3)}.button.secondary:hover{color:var(--blue);border-color:var(--blue)}.section{padding:76px 0}.section.paper{background:var(--paper);color:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-no{color:#7890c5;font:600 11px var(--display);letter-spacing:.14em;text-transform:uppercase}.section h2{font:600 clamp(32px,4.4vw,54px)/1.08 var(--display);letter-spacing:-.045em;margin:12px 0}.section p{max-width:740px;color:#b7bdb4;line-height:1.8}.section.paper p{color:#666d64}.rows{border-top:1px solid var(--line)}.paper .rows{border-color:rgba(17,22,19,.2)}.row{display:grid;grid-template-columns:76px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.paper .row{border-color:rgba(17,22,19,.2)}.row-num{color:var(--blue);font:500 12px var(--display)}.paper .row-num{color:#526da9}.row h3{font:600 21px var(--display);margin:0 0 5px}.row p{margin:0;font-size:14px}.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.fact{border:1px solid rgba(255,255,255,.2);padding:7px 10px;font-size:12px;color:#d4d8d0}.paper .fact{border-color:rgba(17,22,19,.2);color:#4f554e}.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}.contact-panel p{color:var(--muted);max-width:440px}.contact-number{display:inline-flex;margin-top:16px;font:600 clamp(21px,3vw,31px) var(--display);color:#f5f3ec}.form{border-top:1px solid var(--line);padding-top:14px}.field{display:grid;grid-template-columns:125px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.field label{font-size:13px;color:#d5d9d2;padding-top:8px}.field input,.field textarea{width:100%;background:none;color:white;border:0;outline:none;padding:8px 0;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7d857b}.form .button{margin-top:20px;width:100%;cursor:pointer}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}.detail-copy p{color:#c0c5bd;line-height:1.85}.art-panel{background:#171e1c;border:1px solid rgba(255,255,255,.13);padding:26px;min-height:320px}.art-panel.blue{background:linear-gradient(145deg,#17253e,#0d131a)}.art-panel.paper-art{background:#e9e2d8;color:#191b18;border-color:rgba(17,22,19,.12)}.art-label{font:600 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#b9c5d7}.paper-art .art-label{color:#625b50}html[lang=ar] .art-label{font-family:var(--arabic);letter-spacing:0}.art-title{font:800 clamp(42px,6vw,74px)/.9 var(--display);letter-spacing:-.08em;margin:44px 0 18px}html[lang=ar] .art-title{font-family:var(--arabic);letter-spacing:0;line-height:1.2}.art-rule{height:2px;background:linear-gradient(90deg,var(--gold) 0 28%,var(--blue) 28% 78%,rgba(255,255,255,.2) 78%);margin:24px 0}.poster-frame{display:grid;place-items:center;min-height:330px;border:1px solid rgba(220,231,255,.22);background:rgba(7,11,18,.36);padding:14px}.poster-frame img{width:auto;height:330px;max-width:100%;object-fit:contain;mix-blend-mode:screen}.prototype-box{border-inline-start:2px solid #90a7da;padding-inline-start:18px;margin:28px 0;color:#dae1ec}.prototype-box strong{display:block;color:#fff;margin-bottom:5px}.prototype-box p{margin:0;font-size:14px}.project-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.foot{border-top:1px solid var(--line);background:var(--deep);padding:30px 0 18px}.foot-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#abb1a8}.foot-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:13px;display:flex;justify-content:space-between;gap:14px;color:#777f76;font-size:11px}.muted{color:var(--muted)}.bidi{unicode-bidi:isolate}html[lang=ar] .section h2,html[lang=ar] .row h3,html[lang=ar] .field label,html[lang=ar] .field input,html[lang=ar] .field textarea,html[lang=ar] .button{font-family:var(--arabic);letter-spacing:0}html[lang=ar] .hero h1{line-height:1.38}html[lang=ar] .row h3{line-height:1.5}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.head-inner{min-height:68px;gap:12px}.nav{gap:14px;font-size:12px}.hero{padding:68px 0 60px}.section{padding:58px 0}.section-head{display:block}.detail-layout,.contact-panel{grid-template-columns:1fr;gap:28px}.art-panel{min-height:260px;padding:20px}.poster-frame{min-height:280px}.poster-frame img{height:280px}.contact-number{font-size:24px}.foot-top,.foot-bottom{align-items:flex-start;flex-direction:column}.nav{gap:11px}}
@media(max-width:520px){.brand span{font-size:12px}.nav{gap:9px;font-size:11px}.home-link{display:none}.language-toggle{padding:7px 9px}.hero h1{font-size:clamp(40px,12vw,58px)}.lead{font-size:16px}.row{grid-template-columns:42px 1fr;gap:12px}.row h3{font-size:19px}.field{grid-template-columns:1fr;gap:2px}.field label{padding-top:0}.art-title{font-size:45px}.foot-links{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
