/*dk*/
:root{--navy:#0B1F44;--navy-2:#132A57;--royal:#1E3A8A;--ivory:#F5F2E8;--ivory-2:#C9CFDC;--cyan:#00CFE8;--violet:#9C8EEB;--gold:#C9A961;--gold-ink:#0B1F44;--page:#F5F2E8;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--page:#07152F}}
:root[data-theme="dark"]{--page:#07152F}

:root[data-theme="dark"]{--page:#07152F}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;overflow-x:hidden;background:var(--page);font-family:"Noto Sans Arabic","Poppins",Tahoma,sans-serif;color:var(--ivory)}
.hero{position:relative;min-height:min(820px,100svh);background:var(--navy);overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:-2;transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-8px),0)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(to bottom,rgba(11,31,68,0),var(--navy));z-index:-1;pointer-events:none}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(20px,4vw,56px);position:relative;z-index:3}
.logo-svg{height:58px;width:auto;display:block}
nav a,.lang a{color:var(--ivory-2);text-decoration:none;font-size:15px;font-weight:500;padding:10px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
nav a:hover,nav a:focus-visible{color:var(--ivory);background:rgba(245,242,232,.07)}
nav svg{width:12px;height:12px;opacity:.7}
.head-end{display:flex;align-items:center;gap:10px}
.lang{display:flex;gap:2px;font-family:Poppins,sans-serif}
.lang a{font-size:13px;padding:10px 8px}
.lang a[aria-current]{color:var(--ivory)}
.btn{font:inherit;font-weight:700;font-size:15px;border-radius:10px;padding:13px 22px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.btn-gold{background:var(--gold);color:var(--gold-ink);border:1px solid var(--gold)}
.btn-gold:hover{background:#D8BC7A}
.btn-line{background:transparent;color:var(--ivory);border:1px solid rgba(245,242,232,.35)}
.btn-line:hover{border-color:var(--ivory)}
.btn:active{transform:scale(.98)}
.btn:focus-visible,nav a:focus-visible,.lang a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.head-cta{padding:10px 18px;min-height:44px;font-size:14px}
.stage{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;gap:20px;padding:0 clamp(20px,5vw,72px);position:relative}
.copy{align-self:center;padding:40px 0 90px;max-width:620px}
.name{font-weight:800;font-size:clamp(44px,6.4vw,92px);line-height:1.08;margin:0;letter-spacing:-.5px}
.role{margin:18px 0 0;font-size:clamp(20px,2.3vw,30px);font-weight:500;color:var(--ivory-2);min-height:1.6em}
.role .word{display:inline-block;font-weight:700;transition:opacity .45s ease,transform .45s ease}
.role .word.out{opacity:0;transform:translateY(10px)}
.lead{margin:22px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.9;color:var(--ivory-2);max-width:34em}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.figure{position:relative;align-self:end;height:min(640px,72svh);display:flex;justify-content:center;align-items:flex-end}
.orbit{position:absolute;width:min(520px,90%);aspect-ratio:1;bottom:16%;left:50%;transform:translate(calc(-50% + var(--mx,0)*14px),calc(var(--my,0)*10px));border-radius:50%;border:1px solid rgba(245,242,232,.14)}
.orbit::before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px dashed rgba(0,207,232,.22)}
.spin{position:absolute;inset:-1px;border-radius:50%;animation:spin 38s linear infinite}
.spin.s2{animation-duration:52s;animation-direction:reverse}
.spin.s3{animation-duration:66s}
.dot{position:absolute;width:12px;height:12px;border-radius:50%;top:-6px;left:calc(50% - 6px)}
.spin.s1 .dot{background:var(--cyan);box-shadow:0 0 0 6px rgba(0,207,232,.15)}
.spin.s2 .dot{background:var(--violet);box-shadow:0 0 0 6px rgba(156,142,235,.15);top:auto;bottom:-6px}
.spin.s3 .dot{background:var(--gold);box-shadow:0 0 0 6px rgba(201,169,97,.15);top:calc(50% - 6px);left:-6px}
@keyframes spin{to{transform:rotate(360deg)}}
.photo{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom;transform:translate3d(calc(var(--mx,0)*22px),calc(var(--my,0)*12px + var(--sy,0)*-40px),0);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent);filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.reveal{opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.reveal.d1{animation-delay:.1s}.reveal.d2{animation-delay:.25s}.reveal.d3{animation-delay:.4s}.reveal.d4{animation-delay:.55s}
.figure.reveal{animation-delay:.2s;animation-duration:1.2s}
@keyframes rise{to{opacity:1;transform:none}}

nav ul{list-style:none;margin:0;padding:0}
.menu{display:flex;gap:2px;align-items:center}
.has-sub{position:relative}
.top{font:inherit;background:none;border:0;cursor:pointer;color:var(--ivory-2);font-size:15px;font-weight:500;padding:10px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.top:hover,.top[aria-expanded="true"]{color:var(--ivory);background:rgba(245,242,232,.07)}
.top:focus-visible,.burger:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.top svg{width:12px;height:12px;opacity:.7;transition:transform .2s}
.top[aria-expanded="true"] svg{transform:rotate(180deg)}
.sub{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:#F5F2E8;border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(3,10,25,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:10}
.sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-sub.open .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:flex;color:#0B1F44;font-size:15px;font-weight:500;padding:10px 12px;border-radius:8px;min-height:44px;align-items:center;background:none}
.sub a:hover,.sub a:focus-visible{background:#E8E3D3;color:#0B1F44}
.sub-head a{font-weight:700;color:#1E3A8A;border-bottom:1px solid #E2DCCB;border-radius:8px 8px 0 0;margin-bottom:4px}
.nav-cta{display:none}
.burger{display:none;width:48px;height:48px;border-radius:10px;border:1px solid rgba(245,242,232,.3);background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span{display:block;width:20px;height:2px;background:var(--ivory);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1000px){
 .burger{display:inline-flex}
 .head-cta,.lang{display:none}
 nav#mainnav{position:absolute;top:100%;right:0;left:0;margin:0 12px;background:#F5F2E8;border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(3,10,25,.45);display:none;max-height:calc(100svh - 110px);overflow:auto}
 nav#mainnav.open{display:block}
 .menu{flex-direction:column;align-items:stretch;gap:0}
 .top{color:#0B1F44;width:100%;justify-content:space-between;font-size:16px;font-weight:700}
 .top:hover,.top[aria-expanded="true"]{color:#0B1F44;background:#E8E3D3}
 .sub{position:static;box-shadow:none;background:none;min-width:0;padding:0 8px 6px;display:none;opacity:1;visibility:visible;transform:none}
 .has-sub.open .sub{display:block}
 .nav-cta{display:block;padding:10px 4px 4px}
 .nav-cta .btn{width:100%}
}


.facts{position:relative;z-index:4;margin-top:-56px;padding:0 clamp(16px,4vw,56px) 56px}
.facts-card{max-width:1240px;margin:0 auto;background:#FFFFFF;border-radius:18px;box-shadow:0 24px 60px rgba(11,31,68,.16);display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);color:#0B1F44}
.fact{padding:30px 28px;display:flex;flex-direction:column;gap:8px;border-inline-start:1px solid #E8E3D3}
.fact:first-child{border-inline-start:0}
.num{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(34px,3.4vw,48px);line-height:1.05;color:#0B1F44;letter-spacing:-.5px}
.lbl{font-size:15px;line-height:1.7;color:#4A5675}
.lbl-top{font-weight:700;color:#1E3A8A;font-size:14px}
.regions{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.regions li{font-size:15px;font-weight:500;padding:7px 14px;border-radius:999px;background:#F5F2E8;border:1px solid #E2DCCB;color:#0B1F44}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .facts-card{background:#132A57;color:#F5F2E8;box-shadow:none}:root:not([data-theme="light"]) .num{color:#F5F2E8}:root:not([data-theme="light"]) .lbl{color:#C9CFDC}:root:not([data-theme="light"]) .lbl-top{color:#5FE3F2}:root:not([data-theme="light"]) .fact{border-color:rgba(245,242,232,.12)}:root:not([data-theme="light"]) .regions li{background:rgba(245,242,232,.06);border-color:rgba(245,242,232,.16);color:#F5F2E8}}
:root[data-theme="dark"] .facts-card{background:#132A57;color:#F5F2E8;box-shadow:none}:root[data-theme="dark"] .num{color:#F5F2E8}:root[data-theme="dark"] .lbl{color:#C9CFDC}:root[data-theme="dark"] .lbl-top{color:#5FE3F2}:root[data-theme="dark"] .fact{border-color:rgba(245,242,232,.12)}:root[data-theme="dark"] .regions li{background:rgba(245,242,232,.06);border-color:rgba(245,242,232,.16);color:#F5F2E8}

@media (max-width:980px){.facts-card{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-regions{grid-column:1/-1;border-inline-start:0;border-top:1px solid #E8E3D3}}
@media (max-width:600px){.facts{margin-top:-28px}.facts-card{grid-template-columns:1fr}.fact{border-inline-start:0;border-top:1px solid #E8E3D3;padding:22px 22px}.fact:first-child{border-top:0}}


.about{padding:24px clamp(16px,4vw,56px) 72px;color:#0B1F44}
.about-wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.about-fig{margin:0;position:relative}
.about-fig img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:20px}
.about-fig::after{content:"";position:absolute;inset:auto auto -14px -14px;width:42%;height:42%;border-radius:20px;border:2px solid #C9A961;z-index:-1}
.about-fig{isolation:isolate}
.about-copy h2{font-size:clamp(30px,3vw,42px);font-weight:800;margin:0 0 18px;color:#0B1F44}
.about-text{font-size:clamp(17px,1.35vw,19px);line-height:2;color:#33405F;margin:0;max-width:40em}
.miles{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0;border-inline-start:2px solid #E2DCCB}
.miles li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 18px;position:relative}
.miles li::before{content:"";position:absolute;inset-inline-start:-7px;top:22px;width:12px;height:12px;border-radius:50%;background:#F5F2E8;border:2px solid #1E3A8A}
.yr{font-family:Poppins,sans-serif;font-weight:600;color:#1E3A8A;font-size:15px;padding-top:2px}
.ms{display:flex;flex-direction:column;gap:2px}
.ms strong{font-size:16px;font-weight:700}
.ms span{font-size:14px;color:#5A6683}
.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}
.btn-navy{background:#0B1F44;color:#F5F2E8;border:1px solid #0B1F44;gap:8px}
.btn-navy:hover{background:#1E3A8A}
.btn-navy small{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(245,242,232,.16)}
.link-more{color:#1E3A8A;font-weight:700;text-decoration:none;border-bottom:2px solid #C9A961;padding-bottom:2px}
.link-more:hover{color:#0B1F44}
.btn-navy:focus-visible,.link-more:focus-visible{outline:2px solid #1E3A8A;outline-offset:3px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .about,:root:not([data-theme="light"]) .about-copy h2,:root:not([data-theme="light"]) .ms strong{color:#F5F2E8}:root:not([data-theme="light"]) .about-text{color:#C9CFDC}:root:not([data-theme="light"]) .ms span{color:#A9B3C9}:root:not([data-theme="light"]) .yr{color:#5FE3F2}:root:not([data-theme="light"]) .miles{border-color:rgba(245,242,232,.15)}:root:not([data-theme="light"]) .miles li::before{background:#07152F;border-color:#5FE3F2}:root:not([data-theme="light"]) .btn-navy{background:#F5F2E8;color:#0B1F44;border-color:#F5F2E8}:root:not([data-theme="light"]) .btn-navy small{background:rgba(11,31,68,.1)}:root:not([data-theme="light"]) .link-more{color:#F5F2E8}}
:root[data-theme="dark"] .about,:root[data-theme="dark"] .about-copy h2,:root[data-theme="dark"] .ms strong{color:#F5F2E8}:root[data-theme="dark"] .about-text{color:#C9CFDC}:root[data-theme="dark"] .ms span{color:#A9B3C9}:root[data-theme="dark"] .yr{color:#5FE3F2}:root[data-theme="dark"] .miles{border-color:rgba(245,242,232,.15)}:root[data-theme="dark"] .miles li::before{background:#07152F;border-color:#5FE3F2}:root[data-theme="dark"] .btn-navy{background:#F5F2E8;color:#0B1F44;border-color:#F5F2E8}:root[data-theme="dark"] .btn-navy small{background:rgba(11,31,68,.1)}:root[data-theme="dark"] .link-more{color:#F5F2E8}

@media (max-width:860px){.about-wrap{grid-template-columns:1fr}.about-fig{max-width:420px;margin-inline:auto;width:100%}.miles li{grid-template-columns:96px minmax(0,1fr)}}


.topics{background:#FFFFFF;padding:68px clamp(16px,4vw,56px);color:#0B1F44}
.topics-wrap{max-width:1240px;margin:0 auto}
.topics-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px;margin-bottom:36px}
.topics-head h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;margin:0}
.topics-head p{margin:0;font-size:17px;color:#4A5675;max-width:30em}
.topics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.topic{grid-column:span 3;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:16px;background:#F9F7F1;border:1px solid #ECE7D8;text-decoration:none;color:#0B1F44;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.topic.core{grid-column:span 2;min-height:250px}
.topic::after{content:"";position:absolute;right:0;bottom:0;height:4px;width:18%;background:var(--c);transition:width .35s ease}
.topic:hover,.topic:focus-visible{background:var(--t);border-color:var(--c);transform:translateY(-3px)}
.topic:hover::after,.topic:focus-visible::after{width:100%}
.topic:focus-visible{outline:2px solid var(--d);outline-offset:3px}
.t-ico{width:52px;height:52px;border-radius:12px;background:var(--t);color:var(--d);display:flex;align-items:center;justify-content:center}
.topic:hover .t-ico{background:#FFFFFF}
.t-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.t-name{font-size:21px;font-weight:800;margin-top:6px}
.t-desc{font-size:15px;line-height:1.85;color:#4A5675;flex:1}
.t-go{font-size:14px;font-weight:700;color:var(--d);display:inline-flex;align-items:center;gap:6px}
.t-go svg{width:12px;height:12px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .topics{background:#0B1F44;color:#F5F2E8}:root:not([data-theme="light"]) .topics-head p,:root:not([data-theme="light"]) .t-desc{color:#C9CFDC}:root:not([data-theme="light"]) .topic{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root:not([data-theme="light"]) .topic:hover{background:#1A3366;border-color:var(--c)}:root:not([data-theme="light"]) .t-ico,:root:not([data-theme="light"]) .topic:hover .t-ico{background:rgba(245,242,232,.08);color:var(--c)}:root:not([data-theme="light"]) .t-go{color:var(--c)}}
:root[data-theme="dark"] .topics{background:#0B1F44;color:#F5F2E8}:root[data-theme="dark"] .topics-head p,:root[data-theme="dark"] .t-desc{color:#C9CFDC}:root[data-theme="dark"] .topic{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root[data-theme="dark"] .topic:hover{background:#1A3366;border-color:var(--c)}:root[data-theme="dark"] .t-ico,:root[data-theme="dark"] .topic:hover .t-ico{background:rgba(245,242,232,.08);color:var(--c)}:root[data-theme="dark"] .t-go{color:var(--c)}

@media (max-width:980px){.topic.core,.topic{grid-column:span 3}.topic.core:first-child{grid-column:span 6}}
@media (max-width:600px){.topics-grid{grid-template-columns:1fr}.topic,.topic.core,.topic.core:first-child{grid-column:auto;min-height:0}}
@media (prefers-reduced-motion:reduce){.topic,.topic::after{transition:none}}


.proj{padding:68px clamp(16px,4vw,56px);color:#0B1F44}
.proj-wrap{max-width:1240px;margin:0 auto}
.proj-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin-bottom:34px}
.proj-head h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;margin:0}
.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pc{background:#FFFFFF;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ECE7D8;transition:transform .25s ease,box-shadow .25s ease}
.pc:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(11,31,68,.12)}
.pc-top{position:relative;height:150px;background:#0B1F44;display:flex;align-items:flex-end;padding:20px 22px;overflow:hidden}
.pc-top::after{content:"";position:absolute;right:0;left:0;bottom:0;height:4px;background:var(--tc)}
.pc-pat{position:absolute;inset:0;width:100%;height:100%;transition:transform .6s ease}
.pc:hover .pc-pat{transform:scale(1.08)}
.pc-name{position:relative;font-family:Poppins,sans-serif;font-weight:600;font-size:26px;color:#F5F2E8;letter-spacing:-.3px}
.pc-body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}
.pc-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}
.status{display:inline-flex;align-items:center;gap:6px;font-weight:700;padding:5px 10px;border-radius:999px}
.status i{width:8px;height:8px;border-radius:50%}
.status.live{background:#E2F3EE;color:#0F5C4A}.status.live i{background:#1F8A70}
.status.soon{background:#F6EFDC;color:#7A5E1F}.status.soon i{background:#C9A961}
.status.idea{background:#EEF0F4;color:#4A5675}.status.idea i{background:#8A94AB}
.pc-yr{font-family:Poppins,sans-serif;font-weight:500;color:#4A5675}
.pc-topic{color:#4A5675}
.pc-topic::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#B9B3A2;margin-inline-end:8px;vertical-align:middle}
.pc-yr::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#B9B3A2;margin-inline-end:8px;vertical-align:middle}
.pc-desc{margin:0;font-size:15px;line-height:1.9;color:#33405F;flex:1}
.pc-role{margin:0;font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid #ECE7D8}
.pc-role span{font-size:12px;font-weight:500;color:#566179}
.pc-link{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#1E3A8A;text-decoration:none;padding:8px 0;min-height:44px}
.pc-link svg{width:12px;height:12px}
.pc-link:hover{color:#0B1F44}
.pc-link:focus-visible{outline:2px solid #1E3A8A;outline-offset:3px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .proj{color:#F5F2E8}:root:not([data-theme="light"]) .pc{background:#132A57;border-color:rgba(245,242,232,.08)}:root:not([data-theme="light"]) .pc-desc{color:#C9CFDC}:root:not([data-theme="light"]) .pc-yr,:root:not([data-theme="light"]) .pc-topic,:root:not([data-theme="light"]) .pc-role span{color:#A9B3C9}:root:not([data-theme="light"]) .pc-role{border-color:rgba(245,242,232,.1)}:root:not([data-theme="light"]) .pc-link{color:#5FE3F2}}
:root[data-theme="dark"] .proj{color:#F5F2E8}:root[data-theme="dark"] .pc{background:#132A57;border-color:rgba(245,242,232,.08)}:root[data-theme="dark"] .pc-desc{color:#C9CFDC}:root[data-theme="dark"] .pc-yr,:root[data-theme="dark"] .pc-topic,:root[data-theme="dark"] .pc-role span{color:#A9B3C9}:root[data-theme="dark"] .pc-role{border-color:rgba(245,242,232,.1)}:root[data-theme="dark"] .pc-link{color:#5FE3F2}

@media (max-width:980px){.proj-grid{grid-template-columns:1fr 1fr}.proj-grid .pc:last-child{grid-column:1/-1}}
@media (max-width:640px){.proj-grid{grid-template-columns:1fr}.proj-grid .pc:last-child{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.pc,.pc-pat{transition:none}}


.svcs{background:#0B1F44;color:#F5F2E8;padding:72px clamp(16px,4vw,56px)}
.svcs-wrap{max-width:1240px;margin:0 auto}
.svcs-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px;margin-bottom:40px}
.svcs-head h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;margin:0}
.svcs-head p{margin:0;font-size:17px;line-height:1.8;color:#C9CFDC;max-width:30em}
.svc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(245,242,232,.14)}
.svc{padding:30px 28px 26px;border-bottom:1px solid rgba(245,242,232,.14);border-inline-start:1px solid rgba(245,242,232,.14);display:flex;flex-direction:column;gap:10px;transition:background .25s ease}
.svc:nth-child(3n+1){border-inline-start:0}
.svc:hover{background:rgba(245,242,232,.04)}
.svc-ico{width:46px;height:46px;border-radius:12px;border:1px solid rgba(201,169,97,.5);color:#C9A961;display:flex;align-items:center;justify-content:center}
.svc-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.svc h3{font-size:20px;font-weight:800;margin:8px 0 0}
.svc p{margin:0;font-size:15px;line-height:1.85;color:#C9CFDC;flex:1}
.svc-act{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:8px}
.svc-quote{color:#0B1F44;background:#C9A961;text-decoration:none;font-weight:700;font-size:14px;padding:10px 16px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
.svc-quote:hover{background:#D8BC7A}
.svc-more{color:#F5F2E8;text-decoration:none;font-weight:700;font-size:14px;border-bottom:1px solid rgba(245,242,232,.4);padding:4px 0}
.svc-more:hover{border-color:#F5F2E8}
.svc-quote:focus-visible,.svc-more:focus-visible{outline:2px solid #00CFE8;outline-offset:3px}
@media (max-width:980px){.svc-grid{grid-template-columns:1fr 1fr}.svc:nth-child(3n+1){border-inline-start:1px solid rgba(245,242,232,.14)}.svc:nth-child(2n+1){border-inline-start:0}}
@media (max-width:620px){.svc-grid{grid-template-columns:1fr}.svc{border-inline-start:0!important;padding:26px 4px}}


.arts{padding:68px clamp(16px,4vw,56px);color:#0B1F44}
.arts-wrap{max-width:1240px;margin:0 auto}
.arts-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin-bottom:34px}
.arts-head h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;margin:0}
.arts-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:22px}
.art.feat{grid-row:span 2}
.art-link{display:flex;flex-direction:column;height:100%;background:#FFFFFF;border-radius:18px;overflow:hidden;text-decoration:none;color:#0B1F44;border:1px solid #ECE7D8;transition:transform .25s ease,box-shadow .25s ease}
.art:not(.feat) .art-link{flex-direction:row}
.art-link:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(11,31,68,.12)}
.art-link:focus-visible{outline:2px solid #1E3A8A;outline-offset:3px}
.art-img{display:block;overflow:hidden;background:#0B1F44;position:relative}
.art-img::after{content:"";position:absolute;right:0;left:0;bottom:0;height:4px;background:var(--c)}
.art-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;transition:transform .5s ease}
.art.feat .art-img img{object-position:top}
.art-link:hover .art-img img{transform:scale(1.04)}
.art:not(.feat) .art-img{width:42%;flex:none}
.art:not(.feat) .art-img::after{top:0;bottom:0;right:auto;left:0;width:4px;height:auto}
.art-body{display:flex;flex-direction:column;gap:10px;padding:22px}
.art-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13px}
.art-topic{font-weight:700;color:var(--d)}
.art-topic::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-inline-end:6px}
.art-date{color:#566179}
.art-title{font-size:17px;font-weight:800;line-height:1.6}
.art.feat .art-title{font-size:clamp(20px,1.9vw,26px);line-height:1.5}
.art-sum{font-size:15px;line-height:1.9;color:#4A5675}
.series{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:20px 32px;padding:26px 30px;border-radius:18px;background:#0B1F44;color:#F5F2E8;text-decoration:none;transition:background .25s ease}
.series:hover{background:#132A57}
.series:focus-visible{outline:2px solid #C9A961;outline-offset:3px}
.series-txt{display:flex;flex-direction:column;gap:4px}
.series-k{font-size:13px;font-weight:700;color:#C9A961}
.series-t{font-size:24px;font-weight:800}
.series-s{font-size:15px;color:#C9CFDC;line-height:1.8}
.series-dots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.series-dots li{height:8px;border-radius:4px;background:rgba(245,242,232,.15)}
.series-dots li.on{background:#C9A961}
.series-go{font-weight:700;font-size:15px;background:#C9A961;color:#0B1F44;padding:12px 18px;border-radius:10px;white-space:nowrap}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .arts{color:#F5F2E8}:root:not([data-theme="light"]) .art-link{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root:not([data-theme="light"]) .art-sum{color:#C9CFDC}:root:not([data-theme="light"]) .art-date{color:#A9B3C9}:root:not([data-theme="light"]) .art-topic{color:var(--c)}:root:not([data-theme="light"]) .series{background:#132A57}}
:root[data-theme="dark"] .arts{color:#F5F2E8}:root[data-theme="dark"] .art-link{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root[data-theme="dark"] .art-sum{color:#C9CFDC}:root[data-theme="dark"] .art-date{color:#A9B3C9}:root[data-theme="dark"] .art-topic{color:var(--c)}:root[data-theme="dark"] .series{background:#132A57}

@media (max-width:900px){.arts-grid{grid-template-columns:1fr}.art.feat{grid-row:auto}.series{grid-template-columns:1fr}.series-go{justify-self:start}}
@media (max-width:560px){.art:not(.feat) .art-link{flex-direction:column}.art:not(.feat) .art-img{width:100%}.art:not(.feat) .art-img::after{top:auto;left:0;right:0;width:auto;height:4px}}
@media (prefers-reduced-motion:reduce){.art-link,.art-img img{transition:none}}


.press{padding:68px clamp(16px,4vw,56px);background:#FFFFFF;color:#0B1F44}
.press-wrap{max-width:1240px;margin:0 auto}
.press-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin-bottom:22px}
.press-head h2{font-size:clamp(28px,2.8vw,40px);font-weight:800;margin:0}
.outlets{list-style:none;margin:0 0 26px;padding:18px 0;display:flex;flex-wrap:wrap;gap:10px 40px;border-top:1px solid #ECE7D8;border-bottom:1px solid #ECE7D8}
.outlets li{font-size:19px;font-weight:800;color:#6F7891}
.pr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pr{padding:22px;border-radius:16px;background:#F9F7F1;border:1px solid #ECE7D8;display:flex;flex-direction:column;gap:10px}
.pr-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:#566179}
.pr-type{font-weight:700;color:#1E3A8A;background:#E5EAF6;padding:3px 10px;border-radius:999px}
.pr-title{margin:0;font-size:17px;font-weight:800;line-height:1.65;flex:1}
.pr-src{margin:0;font-size:14px;color:#4A5675}
.pr-src a{color:#1E3A8A;font-weight:700;text-decoration:none;border-bottom:1px solid #C9A961}
.pr-src a:hover{color:#0B1F44}
.foot{background:#0B1F44;color:#F5F2E8;padding:0 clamp(16px,4vw,56px)}
.foot-cta{max-width:1240px;margin:0 auto;padding:56px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(245,242,232,.12)}
.fc-txt h2{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:800}
.fc-txt p{margin:8px 0 0;color:#C9CFDC;font-size:16px}
.fc-act{display:flex;flex-wrap:wrap;gap:12px}
.foot-main{max-width:1240px;margin:0 auto;padding:44px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px}
.foot-logo{height:64px;width:auto;display:block;margin-bottom:22px}
.nl label{display:block;font-size:15px;font-weight:700;margin-bottom:10px}
.nl-row{display:flex;gap:8px;max-width:420px}
.nl input{flex:1;min-width:0;height:48px;border-radius:10px;border:1px solid rgba(245,242,232,.25);background:rgba(245,242,232,.06);color:#F5F2E8;padding:0 14px;font:inherit;font-size:15px}
.nl input::placeholder{color:#8F9AB4}
.nl input:focus-visible{outline:2px solid #00CFE8;outline-offset:2px}
.nl-ok{color:#7FD6BE;font-size:14px;margin:10px 0 0}
.fm-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fm-links h3{font-size:15px;font-weight:800;margin:0 0 10px;color:#C9A961}
.fm-links a{display:block;color:#C9CFDC;text-decoration:none;font-size:14px;padding:6px 0}
.fm-links a:hover{color:#F5F2E8}
.foot-bot{max-width:1240px;margin:0 auto;padding:20px 0 28px;border-top:1px solid rgba(245,242,232,.12);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#8F9AB4}
.fb-links{display:flex;gap:18px}.fb-links a{color:#8F9AB4;text-decoration:none}.fb-links a:hover{color:#F5F2E8}
.foot a:focus-visible,.pr-src a:focus-visible{outline:2px solid #00CFE8;outline-offset:3px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .press{background:#0B1F44;color:#F5F2E8}:root:not([data-theme="light"]) .outlets{border-color:rgba(245,242,232,.12)}:root:not([data-theme="light"]) .outlets li{color:#A9B3C9}:root:not([data-theme="light"]) .pr{background:#132A57;border-color:rgba(245,242,232,.08)}:root:not([data-theme="light"]) .pr-src{color:#C9CFDC}:root:not([data-theme="light"]) .pr-src a{color:#5FE3F2}:root:not([data-theme="light"]) .pr-type{background:rgba(95,227,242,.12);color:#5FE3F2}:root:not([data-theme="light"]) .foot{background:#07152F}}
:root[data-theme="dark"] .press{background:#0B1F44;color:#F5F2E8}:root[data-theme="dark"] .outlets{border-color:rgba(245,242,232,.12)}:root[data-theme="dark"] .outlets li{color:#A9B3C9}:root[data-theme="dark"] .pr{background:#132A57;border-color:rgba(245,242,232,.08)}:root[data-theme="dark"] .pr-src{color:#C9CFDC}:root[data-theme="dark"] .pr-src a{color:#5FE3F2}:root[data-theme="dark"] .pr-type{background:rgba(95,227,242,.12);color:#5FE3F2}:root[data-theme="dark"] .foot{background:#07152F}

@media (max-width:900px){.pr-list{grid-template-columns:1fr}.foot-main{grid-template-columns:minmax(0,1fr)}.foot-main>*{min-width:0}.fm-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .proj,.arts{overflow-x:clip}
 .proj-grid,.arts-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:4px 16px 14px;scrollbar-width:none}
 .proj-grid::-webkit-scrollbar,.arts-grid::-webkit-scrollbar{display:none}
 .proj-grid .pc,.arts-grid .art{flex:0 0 84%;scroll-snap-align:start}
 .art:not(.feat) .art-link{flex-direction:column}.art:not(.feat) .art-img{width:100%}.art.feat .art-sum{display:none}
 .topics-grid{grid-template-columns:1fr 1fr;gap:10px}
 .topic,.topic.core,.topic.core:first-child{grid-column:auto;min-height:0;padding:16px;gap:6px}
 .topic.core:first-child{grid-column:1/-1}
 .t-desc,.t-go{display:none}
 .t-ico{width:40px;height:40px}.t-ico svg{width:22px;height:22px}
 .t-name{font-size:16px;margin-top:2px}
 .topics,.proj,.svcs,.arts,.press{padding-top:52px;padding-bottom:52px}
 .svc{padding:20px 4px}.svc p{display:none}
 .miles li:nth-child(n+2){padding-top:6px}
}

.below{background:var(--page);min-height:40vh}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:820px){
 .stage{grid-template-columns:1fr;text-align:center}
 .copy{padding:20px 0 0;margin-inline:auto}
 .lead{margin-inline:auto}
 .actions{justify-content:center}
 .figure{height:min(440px,52svh)}
 .lang{display:none}
 .logo-svg{height:46px}
}
@media (prefers-reduced-motion:reduce){
 .reveal{animation:none;opacity:1;transform:none}
 .spin{animation:none}
 .photo,.orbit,#net{transform:none}
 .role .word{transition:none}
}

.hero.slim{min-height:0}
.thead{position:relative;padding:18px clamp(20px,5vw,72px) 72px;max-width:1240px;margin:0 auto;width:100%}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0;font-size:14px;color:#A9B3C9}
.crumbs a{color:#C9CFDC;text-decoration:none}.crumbs a:hover{color:#F5F2E8}
.crumbs li+li::before{content:"/";margin-inline-end:8px;opacity:.5}
.th-row{display:flex;align-items:flex-start;gap:22px}
.th-ico{width:72px;height:72px;border-radius:18px;background:rgba(201,169,97,.16);color:#C9A961;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid rgba(201,169,97,.35)}
.th-ico svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.th h1{margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:800;line-height:1.15}
.th p{margin:14px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.9;color:#C9CFDC;max-width:40em}
.th-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;list-style:none;padding:0}
.th-stats li{font-size:14px;color:#F5F2E8;background:rgba(245,242,232,.07);border:1px solid rgba(245,242,232,.14);border-radius:999px;padding:7px 14px}
.th-stats b{font-family:Poppins,sans-serif;font-weight:600;color:#C9A961;margin-inline-end:4px}
.tbar{height:5px;background:#C9A961}
.blk{padding:56px clamp(16px,4vw,56px);color:#0B1F44}
.blk-w{max-width:1240px;margin:0 auto}
.blk h2{font-size:clamp(24px,2.4vw,32px);font-weight:800;margin:0 0 20px}
.blk-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-bottom:20px}.blk-h h2{margin:0}
.series-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:28px;background:#0B1F44;color:#F5F2E8;border-radius:20px;padding:30px}
.sb-k{font-size:13px;font-weight:700;color:#C9A961}
.sb-t{font-size:30px;font-weight:800;margin:6px 0 10px}
.sb-p{color:#C9CFDC;line-height:1.9;margin:0 0 20px;font-size:15px}
.sb-prog{display:flex;align-items:center;gap:12px;font-size:14px;color:#C9CFDC;margin-bottom:20px}
.sb-prog span{flex:1;height:8px;border-radius:4px;background:#C9A961}
.eps{list-style:none;margin:0;padding:0;columns:2;column-gap:20px;max-height:360px;overflow:hidden;position:relative}
.eps.open{max-height:none}
.eps li{break-inside:avoid}
.eps a{display:flex;gap:12px;align-items:baseline;padding:9px 6px;border-bottom:1px solid rgba(245,242,232,.1);color:#E6E9F0;text-decoration:none;font-size:14px;line-height:1.6;border-radius:6px}
.eps a:hover{background:rgba(245,242,232,.06);color:#fff}
.en{font-family:Poppins,sans-serif;font-weight:600;color:#C9A961;min-width:22px;font-size:13px}
.eps-more{margin-top:12px;font:inherit;font-weight:700;font-size:14px;background:none;border:1px solid rgba(245,242,232,.3);color:#F5F2E8;border-radius:10px;padding:10px 16px;cursor:pointer;min-height:44px}
.eps-more:hover{border-color:#F5F2E8}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{font:inherit;font-size:14px;font-weight:700;border:1px solid #E2DCCB;background:#fff;color:#0B1F44;border-radius:999px;padding:9px 16px;cursor:pointer;min-height:42px;display:inline-flex;gap:8px;align-items:center}
.chip b{font-family:Poppins,sans-serif;font-weight:600;font-size:12px;background:#F5F2E8;border-radius:999px;padding:1px 8px}
.chip[aria-pressed="true"]{background:#0B1F44;color:#F5F2E8;border-color:#0B1F44}.chip[aria-pressed="true"] b{background:#C9A961;color:#0B1F44}
.chip:focus-visible,.eps-more:focus-visible,.eps a:focus-visible,.ac a:focus-visible,.oth a:focus-visible{outline:2px solid #1E3A8A;outline-offset:3px}
.agrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ac a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:#0B1F44;border:1px solid #ECE7D8;transition:transform .25s,box-shadow .25s}
.ac a:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,31,68,.1)}
.ac-img{display:block;position:relative}.ac-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.ac-img::after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;background:#C9A961}
.ac-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.ac-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px}
.ac-sub{font-weight:700;color:#7A5E1F}.ac-ser{color:#566179}
.ac-t{font-size:16px;font-weight:800;line-height:1.65}
.ac[hidden]{display:none}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;align-items:start}
.gl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.gl .gli{background:#fff;border:1px solid #ECE7D8;border-radius:14px;padding:16px 18px}
.gl dt{font-weight:800;font-size:17px;margin-bottom:4px}.gl dd{margin:0;color:#4A5675;line-height:1.85;font-size:15px}
.oth{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.oth a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:#fff;border:1px solid #ECE7D8;color:#0B1F44;text-decoration:none;font-weight:700;min-height:48px}
.oth a:hover{border-color:var(--c)}
.oth i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.alt{background:#FFFFFF}
.alt .gl .gli,.alt .oth a,.alt .chip{background:#F9F7F1}
.alt .chip[aria-pressed="true"]{background:#0B1F44}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .blk{color:#F5F2E8}:root:not([data-theme="light"]) .alt{background:#0B1F44}:root:not([data-theme="light"]) .ac a,:root:not([data-theme="light"]) .gl li,:root:not([data-theme="light"]) .oth a,:root:not([data-theme="light"]) .chip{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root:not([data-theme="light"]) .gl dd{color:#C9CFDC}:root:not([data-theme="light"]) .ac-sub{color:#E2C98C}:root:not([data-theme="light"]) .ac-ser{color:#A9B3C9}:root:not([data-theme="light"]) .chip b{background:rgba(245,242,232,.1)}}
:root[data-theme="dark"] .blk{color:#F5F2E8}:root[data-theme="dark"] .alt{background:#0B1F44}:root[data-theme="dark"] .ac a,:root[data-theme="dark"] .gl li,:root[data-theme="dark"] .oth a,:root[data-theme="dark"] .chip{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root[data-theme="dark"] .gl dd{color:#C9CFDC}:root[data-theme="dark"] .ac-sub{color:#E2C98C}:root[data-theme="dark"] .ac-ser{color:#A9B3C9}:root[data-theme="dark"] .chip b{background:rgba(245,242,232,.1)}

@media (max-width:980px){.series-box,.two{grid-template-columns:1fr}.agrid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.agrid{grid-template-columns:1fr}.eps{columns:1}.th-row{flex-direction:column}.th-ico{width:56px;height:56px}.series-box{padding:22px}}

.shead{max-width:1240px;margin:0 auto;padding:12px clamp(20px,5vw,72px) 72px}
.shead .crumbs{margin-bottom:24px}
.sh-k{display:inline-flex;align-items:center;gap:10px;color:#C9A961;font-weight:700;font-size:14px}
.sh-k span{width:42px;height:42px;border-radius:12px;border:1px solid rgba(201,169,97,.5);display:inline-flex;align-items:center;justify-content:center}
.sh-k svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.shead h1{font-size:clamp(34px,4.6vw,60px);font-weight:800;margin:14px 0 0;line-height:1.2}
.shead p{margin:16px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.9;color:#C9CFDC;max-width:38em}
.sh-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sec2{max-width:1240px;margin:0 auto;padding:56px clamp(16px,4vw,56px);color:#0B1F44}
.sec2 h2{font-size:clamp(24px,2.4vw,32px);font-weight:800;margin:0 0 22px}
.aud{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aud li{background:#fff;border:1px solid #ECE7D8;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}
.au-i{width:46px;height:46px;border-radius:12px;background:#E2F3EE;color:#0F5C4A;display:flex;align-items:center;justify-content:center}
.au-i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.aud strong{font-size:18px}.aud span:last-child{color:#4A5675;line-height:1.85;font-size:15px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.deliv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.deliv li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.8;padding:14px 16px;background:#fff;border-radius:12px;border:1px solid #ECE7D8}
.deliv li::before{content:"";flex:none;width:20px;height:20px;margin-top:4px;border-radius:50%;background:#1F8A70 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E") center/14px no-repeat}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;padding:0 0 22px;position:relative}
.steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:21px;top:44px;bottom:4px;width:2px;background:#E2DCCB}
.sn{grid-row:span 2;width:44px;height:44px;border-radius:50%;background:#0B1F44;color:#C9A961;font-family:Poppins,sans-serif;font-weight:600;display:flex;align-items:center;justify-content:center}
.steps strong{font-size:18px;padding-top:8px}.steps span:last-child{color:#4A5675;line-height:1.85}
.sample{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid #ECE7D8;border-radius:18px;padding:24px;border-inline-start:6px solid #1F8A70}
.sample small{color:#0F5C4A;font-weight:700}.sample h3{margin:6px 0;font-size:20px}.sample p{margin:0;color:#4A5675;line-height:1.85}
.faq details{background:#fff;border:1px solid #ECE7D8;border-radius:14px;padding:4px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700;font-size:17px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:Poppins,sans-serif;font-size:22px;color:#1E3A8A;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq p{margin:0 0 16px;color:#4A5675;line-height:1.9}
.qwrap{background:#0B1F44;padding:64px clamp(16px,4vw,56px);color:#F5F2E8}
.qgrid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.qinfo h2{font-size:clamp(26px,2.6vw,36px);font-weight:800;margin:0 0 12px}
.qinfo p{color:#C9CFDC;line-height:1.9;margin:0 0 18px}
.qinfo ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:#E6E9F0}
.qinfo li{display:flex;gap:10px}.qinfo li::before{content:"";width:8px;height:8px;border-radius:50%;background:#C9A961;margin-top:10px;flex:none}
.qform{background:#F5F2E8;color:#0B1F44;border-radius:20px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qf{display:flex;flex-direction:column;gap:6px}.qf.w{grid-column:1/-1}
.qf label{font-weight:700;font-size:14px}.qf label i{font-style:normal;color:#A32D2D}
.qf input,.qf select,.qf textarea{font:inherit;font-size:15px;border:1px solid #D9D2BE;background:#fff;border-radius:10px;padding:10px 12px;min-height:46px;color:#0B1F44;width:100%}
.qf textarea{min-height:120px;resize:vertical;line-height:1.8}
.qf input:focus-visible,.qf select:focus-visible,.qf textarea:focus-visible{outline:2px solid #1E3A8A;outline-offset:1px}
.qf .err{color:#A32D2D;font-size:13px;min-height:0}
.qf.bad input,.qf.bad textarea{border-color:#C0392B}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;border:1px solid #D9D2BE;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;min-height:42px}
.seg input{width:auto;min-height:0;accent-color:#0B1F44}
.qsub{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.qsub small{color:#566179}
.qok{grid-column:1/-1;text-align:center;padding:40px 10px}
.qok b{display:block;font-size:22px;margin-bottom:8px}.qok p{color:#4A5675;margin:0}
.osvc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.osvc a{display:inline-flex;padding:12px 18px;border-radius:12px;background:#fff;border:1px solid #ECE7D8;color:#0B1F44;text-decoration:none;font-weight:700;min-height:48px;align-items:center}
.osvc a:hover{border-color:#C9A961}
.faq summary:focus-visible,.osvc a:focus-visible{outline:2px solid #1E3A8A;outline-offset:3px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sec2{color:#F5F2E8}:root:not([data-theme="light"]) .aud li,:root:not([data-theme="light"]) .deliv li,:root:not([data-theme="light"]) .sample,:root:not([data-theme="light"]) .faq details,:root:not([data-theme="light"]) .osvc a{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root:not([data-theme="light"]) .aud span:last-child,:root:not([data-theme="light"]) .steps span:last-child,:root:not([data-theme="light"]) .sample p,:root:not([data-theme="light"]) .faq p{color:#C9CFDC}:root:not([data-theme="light"]) .qwrap{background:#07152F}}
:root[data-theme="dark"] .sec2{color:#F5F2E8}:root[data-theme="dark"] .aud li,:root[data-theme="dark"] .deliv li,:root[data-theme="dark"] .sample,:root[data-theme="dark"] .faq details,:root[data-theme="dark"] .osvc a{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}:root[data-theme="dark"] .aud span:last-child,:root[data-theme="dark"] .steps span:last-child,:root[data-theme="dark"] .sample p,:root[data-theme="dark"] .faq p{color:#C9CFDC}:root[data-theme="dark"] .qwrap{background:#07152F}

@media (max-width:980px){.aud{grid-template-columns:1fr}.split,.qgrid{grid-template-columns:1fr}}
@media (max-width:620px){.qform{grid-template-columns:1fr}.sample{grid-template-columns:1fr}}

.pg-w{max-width:1240px;margin:0 auto;padding:56px clamp(16px,4vw,56px);color:#0B1F44}
.pg-w h2{font-size:clamp(24px,2.4vw,32px);font-weight:800;margin:0 0 18px}
.card2{background:#fff;border:1px solid #ECE7D8;border-radius:18px;padding:22px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:#F6EFDC;color:#7A5E1F}
.btn-s{font:700 14px "Noto Sans Arabic",sans-serif;border-radius:10px;padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;border:1px solid #D9D2BE;background:#fff;color:#0B1F44}
.btn-s:hover{border-color:#0B1F44}.btn-s.dk{background:#0B1F44;color:#F5F2E8;border-color:#0B1F44}.btn-s.gd{background:#C9A961;color:#0B1F44;border-color:#C9A961}
.btn-s:focus-visible{outline:2px solid #1E3A8A;outline-offset:2px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg-w{color:#F5F2E8}:root:not([data-theme="light"]) .card2{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}}
:root[data-theme="dark"] .pg-w{color:#F5F2E8}:root[data-theme="dark"] .card2{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}

@media (max-width:980px){.grid3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid3,.grid2{grid-template-columns:1fr}}
.dl-m{position:fixed;inset:0;background:rgba(5,12,30,.6);display:flex;align-items:center;justify-content:center;z-index:150;padding:16px}.dl-m[hidden]{display:none}.dl-b{background:#F5F2E8;border-radius:18px;padding:22px;width:min(440px,100%);display:flex;flex-direction:column;gap:12px;color:#0B1F44}.dl-b input{font:inherit;font-size:15px;border:1px solid #D9D2BE;border-radius:10px;padding:10px 12px;min-height:46px}.dl-err{color:#A32D2D;font-size:13px}.fch[aria-pressed="true"]{background:#0B1F44;color:#F5F2E8;border-color:#0B1F44}.rs[hidden]{display:none}.todo{display:inline;background:#FFF7E0;border:1px dashed #C9A961;border-radius:6px;padding:1px 8px;color:#7A5E1F;font-size:.9em}
/*dk*/.todo{background:#FFF7E0!important;color:#6B5118!important;border:1px dashed #C9A961;border-radius:6px;padding:1px 8px;font-size:.9em}
.wa-btn{background:#17765F!important;border-color:#17765F!important}
:root[data-theme="dark"] body{background:#07152F}
:root[data-theme="dark"] [style*="color:#4A5675"],:root[data-theme="dark"] [style*="color:#566179"],:root[data-theme="dark"] [style*="color:#33405F"],:root[data-theme="dark"] [style*="color: #4A5675"]{color:#C9CFDC!important}
:root[data-theme="dark"] .t-go,:root[data-theme="dark"] .art-topic,:root[data-theme="dark"] .ac-sub{color:#E6E9F0!important}
:root[data-theme="dark"] .art-date,:root[data-theme="dark"] .pr-meta,:root[data-theme="dark"] .pr-meta time,:root[data-theme="dark"] .rbox h3,:root[data-theme="dark"] .rser small,:root[data-theme="dark"] .snav small,:root[data-theme="dark"] .ac-ser,:root[data-theme="dark"] .upd,:root[data-theme="dark"] .pprog,:root[data-theme="dark"] .pt small,:root[data-theme="dark"] .ib-meta{color:#A9B3C9!important}
:root[data-theme="dark"] .rser b,:root[data-theme="dark"] .rser{color:#F5F2E8}
:root[data-theme="dark"] .alt .gl .gli,:root[data-theme="dark"] .gl .gli{background:#132A57!important;border-color:rgba(245,242,232,.08)!important}
:root[data-theme="dark"] .gl dt{color:#F5F2E8}:root[data-theme="dark"] .gl dd{color:#C9CFDC}
:root[data-theme="dark"] .useful,:root[data-theme="dark"] .qa{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}
:root[data-theme="dark"] .qa-form{background:#0B1F44}
:root[data-theme="dark"] .qa-f label,:root[data-theme="dark"] .qa-f small,:root[data-theme="dark"] .qa-sub small,:root[data-theme="dark"] .qa-head p{color:#C9CFDC}
:root[data-theme="dark"] .qa-f input,:root[data-theme="dark"] .qa-f textarea{background:#07152F;color:#F5F2E8;border-color:rgba(245,242,232,.2)}
:root[data-theme="dark"] .qm b,:root[data-theme="dark"] .qm p{color:#F5F2E8}
:root[data-theme="dark"] .qr{background:#0B1F44}:root[data-theme="dark"] .qr p{color:#E6E9F0}:root[data-theme="dark"] .qr b{color:#E2C98C}
:root[data-theme="dark"] .qa-av{background:#24396B;color:#F5F2E8}
:root[data-theme="dark"] .ub,:root[data-theme="dark"] .u-chips button{background:#0B1F44;color:#F5F2E8;border-color:rgba(245,242,232,.2)}
:root[data-theme="dark"] .ub[aria-pressed="true"],:root[data-theme="dark"] .u-chips button[aria-pressed="true"]{background:#C9A961;color:#0B1F44;border-color:#C9A961}
:root[data-theme="dark"] .qa-demo{color:#E2C98C}
:root[data-theme="dark"] .stb h2 span,:root[data-theme="dark"] .tl b,:root[data-theme="dark"] .ac-sub{color:#E2C98C!important}
:root[data-theme="dark"] .sample small{color:#7FD6BE}
:root[data-theme="dark"] .sample,:root[data-theme="dark"] .pt{color:#F5F2E8}
:root[data-theme="dark"] .path{background:#132A57;border-color:rgba(245,242,232,.08)}
:root[data-theme="dark"] .path-h p{color:#C9CFDC}:root[data-theme="dark"] .path-l{background:#0B1F44}
:root[data-theme="dark"] .path-l a{background:#132A57;border-color:rgba(245,242,232,.08);color:#F5F2E8}
:root[data-theme="dark"] .now li{background:#132A57;border-color:rgba(245,242,232,.08)}:root[data-theme="dark"] .now span{color:#C9CFDC}
:root[data-theme="dark"] .btn-s:not(.dk):not(.gd){background:#132A57;color:#F5F2E8;border-color:rgba(245,242,232,.2)}
:root[data-theme="dark"] .card2 p,:root[data-theme="dark"] .card2 small{color:#C9CFDC}
:root[data-theme="dark"] .slot{color:#C9CFDC}
:root[data-theme="dark"] .lg{color:#C9CFDC;border-color:rgba(245,242,232,.25)}
:root[data-theme="dark"] .ts blockquote p{color:#E6E9F0}:root[data-theme="dark"] .ts figcaption small{color:#A9B3C9}:root[data-theme="dark"] .ts::before{color:#24396B}
:root[data-theme="dark"] .mapf button{background:#132A57;color:#F5F2E8;border-color:rgba(245,242,232,.2)}
:root[data-theme="dark"] .mapf button[aria-pressed="true"]{background:#C9A961;color:#0B1F44}
:root[data-theme="dark"] .resume{color:#E6E9F0}
:root[data-theme="dark"] .chip b{color:#F5F2E8}
:root[data-theme="dark"] .qf input,:root[data-theme="dark"] .qf select,:root[data-theme="dark"] .qf textarea{background:#fff}
.lg{color:#566179!important}
:root[data-theme="dark"] .sbox h3,:root[data-theme="dark"] .col3 li small,:root[data-theme="dark"] .lg{color:#A9B3C9!important}
:root[data-theme="dark"] [style*="--c:#1E3A8A"]{--c:#8FA8F0!important;--d:#8FA8F0!important}
:root[data-theme="dark"] [style*="--c:#6D5BD0"]{--c:#A99CF0!important;--d:#A99CF0!important}
:root[data-theme="dark"] [style*="--c:#1F8A70"]{--c:#5FCFAE!important;--d:#5FCFAE!important}
:root[data-theme="dark"] [style*="--c:#C9A961"]{--d:#E2C98C!important}
:root[data-theme="dark"] [style*="--c:#00CFE8"]{--d:#5FE3F2!important}
:root[data-theme="dark"] .qt{border-color:rgba(245,242,232,.1)}
:root[data-theme="dark"] .t-ico{color:var(--c)!important}
:root[data-theme="dark"] [style*="color:#1E3A8A"]{color:#8FA8F0!important}

/*dk*/.fm-contact h3{margin:0 0 10px;font-size:15px;color:#C9A961}.fm-contact ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:#C9CFDC}.fm-contact a{color:#F5F2E8;text-decoration:none;border-bottom:1px solid rgba(201,169,97,.5)}.fm-contact a:hover{color:#C9A961}.fm-contact a:focus-visible{outline:2px solid #00CFE8;outline-offset:2px}