:root{--saudi:#006c35;--saudi-deep:#00391d;--saudi-ink:#062a18;--green:#1e9a5a;--teal:#3a9db5;--sand:#c9956b;--sand-soft:#f3e6d8;--gold:#d8b27a;--bg:#f7f5ef;--surface:#fff;--surface-2:#eef3ee;--ink:#0d1f16;--ink-2:#3c4f45;--muted:#6b7c72;--line:#062a181a;--grad:linear-gradient(120deg, var(--sand) 0%, var(--green) 48%, var(--teal) 100%);--grad-deep:radial-gradient(1200px 600px at 85% -10%, #3a9db559, transparent 60%), radial-gradient(900px 500px at 0% 110%, #c9956b4d, transparent 60%), linear-gradient(160deg, #004d27 0%, var(--saudi-deep) 55%, #021a0e 100%);--radius:22px;--radius-lg:34px;--shadow:0 20px 50px -20px #00391d40;--shadow-lg:0 40px 90px -30px #00391d73;--f-display:"Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif;--f-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--container:1220px;--ease:cubic-bezier(.2, .8, .2, 1);--fs:1}:root[data-contrast=high]{--bg:#fff;--ink:#000;--ink-2:#111;--muted:#222;--line:#00000059}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:calc(16px * var(--fs))}body{font-family:var(--f-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.8;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--f-display);margin:0;font-weight:700;line-height:1.35}p{margin:0}::selection{background:var(--green);color:#fff}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:8px}.container{width:min(var(--container), 100% - 32px);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{inset-inline-start:16px;z-index:999;background:var(--saudi);color:#fff;border-radius:12px;padding:10px 18px;transition:top .2s;position:absolute;top:-60px}.skip-link:focus{top:16px}.sadu{--c1:#ffffff14;background-image:linear-gradient(45deg, var(--c1) 25%, transparent 25%, transparent 75%, var(--c1) 75%), linear-gradient(45deg, var(--c1) 25%, transparent 25%, transparent 75%, var(--c1) 75%);background-position:0 0,14px 14px;background-size:28px 28px}.sadu-strip{background:linear-gradient(135deg, var(--sand) 25%, transparent 25%) -7px 0/14px 14px, linear-gradient(225deg, var(--sand) 25%, transparent 25%) -7px 0/14px 14px, linear-gradient(315deg, var(--green) 25%, transparent 25%) 0 0/14px 14px, linear-gradient(45deg, var(--green) 25%, transparent 25%) 0 0/14px 14px, var(--saudi-deep);height:14px}.btn{--b:var(--saudi);font-family:var(--f-display);background:var(--b);color:#fff;transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 12px 30px -12px #006c3599}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px -14px #006c35b3}.btn svg{width:20px;height:20px;transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(-4px)}.btn--ghost{color:currentColor;background:0 0;box-shadow:inset 0 0 0 1.5px}.btn--ghost:hover{background:#ffffff14;box-shadow:inset 0 0 0 1.5px}.btn--light{color:var(--saudi);background:#fff;box-shadow:0 12px 30px -12px #00000059}.btn--sand{background:var(--sand)}.btn--sm{padding:10px 18px;font-size:.9rem}.chip{font-size:.85rem;font-weight:600;font-family:var(--f-display);color:var(--saudi);background:#1e9a5a1a;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;display:inline-flex}.chip .dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #1e9a5a33}@keyframes pulse{50%{box-shadow:0 0 0 8px #1e9a5a00}}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.header{inset-inline:0;z-index:100;padding:18px 0;transition:background .4s,box-shadow .4s,padding .4s;position:fixed;top:0}.header.is-scrolled{-webkit-backdrop-filter:saturate(1.4)blur(16px);box-shadow:0 1px 0 var(--line);background:#f7f5efd1;padding:10px 0}.header__inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{width:46px;height:auto}.brand__name{flex-direction:column;gap:3px;line-height:1.25;display:flex}.brand__name b{font-family:var(--f-display);color:var(--teal);letter-spacing:.5px;font-size:1.45rem}.brand__name small{letter-spacing:5px;color:var(--sand);font-size:.62rem;font-weight:600;line-height:1}.header--dark:not(.is-scrolled) .brand__name b{color:#fff}.header--dark:not(.is-scrolled) .nav a{color:#ffffffd9}.header--dark:not(.is-scrolled) .nav a:hover{color:#fff}.header--dark:not(.is-scrolled) .icon-btn{color:#fff;border-color:#ffffff4d}.nav{gap:4px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:.95rem;font-weight:500;transition:background .25s,color .25s}.nav a:hover,.nav a.is-active{color:var(--saudi);background:#1e9a5a1a}.header__actions{align-items:center;gap:10px;display:flex}.icon-btn{border:1.5px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;transition:background .25s;display:grid}.icon-btn:hover{background:#1e9a5a14}.icon-btn svg{width:20px;height:20px}.menu-toggle{display:none}.drawer{z-index:200;pointer-events:none;visibility:hidden;transition:visibility 0s .45s;position:fixed;inset:0;overflow:hidden}.drawer__backdrop{opacity:0;background:#021a0e80;transition:opacity .35s;position:absolute;inset:0}.drawer__panel{background:var(--saudi-deep);color:#fff;width:min(86vw,360px);transition:transform .45s var(--ease);flex-direction:column;gap:6px;padding:28px 24px;display:flex;position:absolute;inset-block:0;inset-inline-end:0;transform:translate(-100%)}[dir=rtl] .drawer__panel{inset-inline:0 auto;transform:translate(100%)}.drawer.is-open{pointer-events:auto;visibility:visible;transition:none}.drawer.is-open .drawer__backdrop{opacity:1}.drawer.is-open .drawer__panel{transform:none}.drawer__panel a{font-family:var(--f-display);border-bottom:1px solid #ffffff14;padding:14px 8px;font-size:1.1rem}.drawer__close{color:#fff;background:0 0;border:0;align-self:flex-start;margin-bottom:12px;font-size:2rem;line-height:1}.hero{color:#fff;background:var(--grad-deep);align-items:center;min-height:100svh;padding:130px 0 90px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.6;pointer-events:none;position:absolute;inset:0}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid;position:relative}.hero .chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a}.hero .chip .dot{background:var(--gold);box-shadow:0 0 0 4px #d8b27a40}.hero h1{letter-spacing:-.5px;margin:22px 0;font-size:clamp(2.2rem,4.6vw,3.9rem);font-weight:800}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line>span{animation:rise 1s var(--ease) forwards;display:inline-block;transform:translateY(110%)}.hero h1 .line:nth-child(2)>span{animation-delay:.12s}.hero h1 .line:nth-child(3)>span{animation-delay:.24s}@keyframes rise{to{transform:none}}.hero h1 em{background:linear-gradient(90deg, var(--gold), #9fe3bf 55%, #8fd3e4);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lead{color:#ffffffd1;max-width:580px;font-size:clamp(1.02rem,1.5vw,1.2rem)}.hero__cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero__badges{color:#ffffffbf;flex-wrap:wrap;gap:22px;margin-top:46px;font-size:.9rem;display:flex}.hero__badges span{align-items:center;gap:8px;display:inline-flex}.hero__badges svg{width:20px;height:20px;color:var(--gold)}.hero__visual{aspect-ratio:1;justify-self:center;width:100%;max-width:520px;position:relative}.orbit{background:conic-gradient(from 0deg, var(--sand), var(--green), var(--teal), var(--sand)) border-box;-webkit-mask-composite:xor;border:2px solid #0000;border-radius:34%;animation:30s linear infinite spin;position:absolute;inset:6%;transform:rotate(45deg);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.orbit--2{opacity:.45;animation-duration:45s;animation-direction:reverse;inset:18%}@keyframes spin{to{transform:rotate(405deg)}}.hero__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff24;background:#ffffff0f;border-radius:32px;place-items:center;display:grid;position:absolute;inset:22%;overflow:hidden}.hero__card img{object-fit:cover;width:100%;height:100%}.hero__card .play{width:74px;height:74px;color:var(--saudi);background:#fff;border:0;border-radius:50%;place-items:center;animation:2.4s infinite ring;display:grid;position:absolute;box-shadow:0 0 0 12px #ffffff2e}.hero__card .play svg{width:28px;height:28px;margin-inline-start:-4px}@keyframes ring{50%{box-shadow:0 0 0 22px #fff0}}.float{color:var(--ink);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;line-height:1.4;animation:6s ease-in-out infinite bob;display:flex;position:absolute}.float b{font-family:var(--f-display);color:var(--saudi);font-size:1.15rem;display:block}.float .ico{background:var(--surface-2);width:42px;height:42px;color:var(--green);border-radius:12px;flex:none;place-items:center;display:grid}.float .ico svg{width:22px;height:22px}.float--a{top:8%;inset-inline-start:-2%}.float--b{bottom:10%;animation-delay:-3s;inset-inline-end:-4%}.float--c{bottom:2%;animation-delay:-1.5s;inset-inline-start:10%}@keyframes bob{50%{transform:translateY(-12px)}}.hero__scroll{bottom:26px;color:#fff9;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex;position:absolute;inset-inline-start:50%;transform:translate(50%)}.hero__scroll i{border:2px solid;border-radius:14px;width:24px;height:38px;position:relative}.hero__scroll i:after{content:"";top:7px;background:currentColor;border-radius:2px;width:4px;height:8px;margin-inline-start:-2px;animation:1.8s infinite wheel;position:absolute;inset-inline-start:50%}@keyframes wheel{60%{opacity:0;transform:translateY(10px)}}.gesture-lines{pointer-events:none;opacity:.5;position:absolute;inset:0}.gesture-lines path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;animation:draw 3.5s var(--ease) forwards .4s}@keyframes draw{to{stroke-dashoffset:0}}.marquee{background:var(--saudi);color:#fff;padding:18px 0;position:relative;overflow:hidden}.marquee__track{gap:48px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee__track span{font-family:var(--f-display);white-space:nowrap;align-items:center;gap:48px;font-size:1.15rem;display:inline-flex}.marquee__track span:after{content:"✦";color:var(--gold);font-size:.9rem}@keyframes marquee{to{transform:translate(50%)}}.section{padding:clamp(80px,10vw,130px) 0;position:relative}.section--tint{background:var(--surface-2)}.section--dark{background:var(--grad-deep);color:#fff}.sec-head{max-width:720px;margin-bottom:56px}.sec-head--center{text-align:center;margin-inline:auto}.sec-head .eyebrow{font-family:var(--f-display);color:var(--green);align-items:center;gap:10px;margin-bottom:14px;font-size:.95rem;font-weight:600;display:inline-flex}.sec-head .eyebrow:before{content:"";background:var(--grad);border-radius:3px;width:28px;height:3px}.section--dark .sec-head .eyebrow{color:var(--gold)}.sec-head h2{letter-spacing:-.3px;font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:800}.sec-head p{color:var(--muted);margin-top:16px;font-size:1.08rem}.section--dark .sec-head p{color:#ffffffb3}.about{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about__media{position:relative}.about__media .main{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/3.4;overflow:hidden}.about__media .main img{object-fit:cover;width:100%;height:100%}.about__media .sub{bottom:-40px;border:6px solid var(--bg);width:46%;box-shadow:var(--shadow-lg);aspect-ratio:16/10;border-radius:22px;position:absolute;inset-inline-start:-30px;overflow:hidden}.about__media .sub img{object-fit:cover;width:100%;height:100%}.about__media .since{top:-26px;background:var(--saudi);color:#fff;text-align:center;width:130px;height:130px;box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;font-size:.8rem;line-height:1.3;display:grid;position:absolute;inset-inline-end:-20px}.about__media .since b{font-family:var(--f-display);color:var(--gold);font-size:2rem;display:block}.about__text h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800}.about__text>p{color:var(--ink-2);margin:18px 0 28px;font-size:1.06rem}.vmg{gap:14px;display:grid}.vmg__item{background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease), box-shadow .35s;border-radius:18px;gap:16px;padding:18px 20px;display:flex}.vmg__item:hover{box-shadow:var(--shadow);transform:translate(-6px)}.vmg__item .ico{background:var(--grad);color:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.vmg__item .ico svg{width:24px;height:24px}.vmg__item h3{margin-bottom:4px;font-size:1.05rem}.vmg__item p{color:var(--muted);font-size:.95rem;line-height:1.7}.stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;padding:32px 26px;position:relative;overflow:hidden}.stat:after{content:"";inset-inline-end:-50px;border:2px solid #ffffff1f;border-radius:34%;width:140px;height:140px;position:absolute;bottom:-60px;transform:rotate(45deg)}.stat b{font-family:var(--f-display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1.1;display:block}.stat b sup{color:var(--gold);font-size:.5em}.stat span{color:#ffffffbf}.services{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);isolation:isolate;transition:transform .45s var(--ease), box-shadow .45s var(--ease), color .45s;flex-direction:column;padding:34px 30px 30px;display:flex;position:relative;overflow:hidden}.service:before{content:"";z-index:-1;background:var(--grad-deep);opacity:0;transition:opacity .45s var(--ease);position:absolute;inset:0}.service:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-8px)}.service:hover:before{opacity:1}.service__num{top:22px;font-family:var(--f-display);color:#062a180f;font-size:3rem;font-weight:800;transition:color .45s;position:absolute;inset-inline-end:26px}.service:hover .service__num{color:#ffffff1a}.service__ico{background:var(--surface-2);width:62px;height:62px;color:var(--saudi);transition:background .45s, color .45s, transform .45s var(--ease);border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.service:hover .service__ico{color:var(--gold);background:#ffffff1f;transform:rotate(-8deg)scale(1.05)}.service__ico svg{width:30px;height:30px}.service h3{margin-bottom:10px;font-size:1.25rem}.service p{color:var(--muted);flex:1;font-size:.98rem;transition:color .45s}.service:hover p{color:#ffffffbf}.service ul{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.service li{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-size:.8rem;transition:background .45s,color .45s}.service:hover li{color:#fff;background:#ffffff1a}.service--feature{background:var(--saudi);color:#fff;grid-column:span 2}.service--feature p,.service--feature li{color:#fffc}.service--feature li{background:#ffffff1a}.service--feature .service__ico{color:var(--gold);background:#ffffff1f}.service--feature .service__num{color:#ffffff14}.service--cta{background:var(--sand-soft);border-color:#0000;grid-column:span 2;justify-content:center}.service--cta h3{font-size:1.5rem}.service--cta p{color:var(--ink-2);flex:0;margin-bottom:22px}.service--cta .btn{align-self:flex-start}.service--cta:hover{color:var(--ink);box-shadow:none;transform:none}.service--cta:before{display:none}.service--cta:hover p{color:var(--ink-2)}.gov{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:clamp(28px,5vw,56px);display:grid;position:relative;overflow:hidden}.gov:after{content:"";background:var(--grad);width:8px;position:absolute;inset-block:0;inset-inline-end:0}.gov h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}.gov p{color:var(--ink-2);margin:14px 0 24px}.checklist{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checklist li{align-items:flex-start;gap:12px;display:flex}.checklist li:before{content:"";background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/16px no-repeat;border-radius:8px;flex:none;width:24px;height:24px;margin-top:3px}.gov__visual{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gov__tile{background:var(--surface-2);border-radius:20px;padding:22px}.gov__tile:nth-child(2){background:var(--sand-soft)}.gov__tile:nth-child(3){background:#e3f1f5}.gov__tile:nth-child(4){background:var(--saudi);color:#fff}.gov__tile b{font-family:var(--f-display);font-size:1.6rem;display:block}.gov__tile span{opacity:.8;font-size:.9rem}.process{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}.process:before{content:"";top:34px;background:repeating-linear-gradient(90deg,#ffffff40 0 10px,#0000 10px 20px);height:2px;position:absolute;inset-inline:12%}.step{text-align:center;position:relative}.step__n{background:var(--saudi-deep);border:2px solid var(--gold);z-index:1;border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 20px;display:grid;position:relative;transform:rotate(45deg)}.step__n span{font-family:var(--f-display);color:var(--gold);font-size:1.4rem;font-weight:800;transform:rotate(-45deg)}.step h3{margin-bottom:8px;font-size:1.15rem}.step p{color:#ffffffb3;font-size:.95rem}.work{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.work__item{border-radius:var(--radius);aspect-ratio:16/10;box-shadow:var(--shadow);background:#000;position:relative;overflow:hidden}.work__item:first-child{aspect-ratio:auto;grid-area:span 2/span 2}.work__item img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease), opacity .5s;opacity:.92}.work__item:hover img{opacity:.7;transform:scale(1.06)}.work__meta{color:#fff;background:linear-gradient(#0000,#00140ae6);padding:22px;position:absolute;inset:auto 0 0}.work__meta small{color:var(--gold);font-weight:600;font-family:var(--f-display)}.work__meta h3{font-size:1.15rem}.work__meta p{opacity:.8;max-height:0;transition:max-height .5s var(--ease);font-size:.88rem;overflow:hidden}.work__item:hover .work__meta p,.work__item:focus-visible .work__meta p{max-height:80px}.work__play{top:18px;width:48px;height:48px;color:var(--saudi);opacity:0;transition:.4s var(--ease);background:#fffffff2;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:18px;transform:scale(.8)}.work__play svg{width:20px;height:20px;margin-inline-start:-2px}.work__item:hover .work__play{opacity:1;transform:none}.studio{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.studio__f{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px}.studio__f svg{width:32px;height:32px;color:var(--teal);margin-bottom:14px}.studio__f h3{margin-bottom:6px;font-size:1.05rem}.studio__f p{color:var(--muted);font-size:.92rem}.eco{grid-template-columns:1fr 1fr;gap:24px;display:grid}.eco__card{border-radius:var(--radius-lg);color:#fff;flex-direction:column;min-height:420px;padding:clamp(28px,4vw,44px);display:flex;position:relative;overflow:hidden}.eco__card--platform{background:linear-gradient(150deg,#1f7d95,#0f4f60)}.eco__card--center{background:linear-gradient(150deg,#a8734a,#6b4428)}.eco__card .tag{background:#ffffff26;border-radius:999px;align-self:flex-start;margin-bottom:18px;padding:6px 14px;font-size:.8rem;font-weight:600}.eco__card h3{margin-bottom:12px;font-size:clamp(1.6rem,2.6vw,2.1rem)}.eco__card>p{color:#ffffffd1;margin-bottom:20px}.eco__list{gap:8px;margin:0 0 26px;padding:0;list-style:none;display:grid}.eco__list li{align-items:center;gap:10px;font-size:.95rem;display:flex}.eco__list li:before{content:"";background:#ffffffb3;border-radius:3px;flex:none;width:8px;height:8px;transform:rotate(45deg)}.eco__card .btn{align-self:flex-start;margin-top:auto}.eco__card .shape{inset-inline-end:-90px;border:2px solid #ffffff1f;border-radius:34%;width:260px;height:260px;position:absolute;top:-90px;transform:rotate(45deg)}.eco__card .shape+.shape{inset-inline-end:-40px;width:180px;height:180px;top:-40px}.courses{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.courses span{background:#ffffff1f;border-radius:10px;padding:6px 12px;font-size:.82rem}.logos{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.logos__track{gap:22px;width:max-content;animation:45s linear infinite marquee;display:flex}.logos:hover .logos__track{animation-play-state:paused}.logo-card{border:1px solid var(--line);width:190px;height:110px;transition:transform .35s var(--ease), box-shadow .35s;background:#fff;border-radius:18px;flex:none;place-items:center;padding:16px;display:grid}.logo-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.logo-card img{object-fit:contain;filter:grayscale();opacity:.75;width:auto;max-height:70px;transition:filter .35s,opacity .35s}.logo-card:hover img{filter:none;opacity:1}.why{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.why__i{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:20px;padding:28px 24px}.why__i .ico{background:var(--surface-2);width:64px;height:64px;color:var(--green);border-radius:20px;place-items:center;margin:0 auto 16px;display:grid}.why__i .ico svg{width:30px;height:30px}.why__i h3{margin-bottom:6px;font-size:1.08rem}.why__i p{color:var(--muted);font-size:.92rem}.contact{grid-template-columns:.9fr 1.1fr;gap:28px;display:grid}.contact__info{border-radius:var(--radius-lg);background:var(--grad-deep);color:#fff;padding:clamp(28px,4vw,44px);position:relative;overflow:hidden}.contact__info h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}.contact__info>p{color:#ffffffbf;margin:14px 0 30px}.cinfo{gap:14px;display:grid}.cinfo>a,.cinfo>div{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:background .3s;display:flex}.cinfo>a:hover{background:#ffffff1f}.cinfo svg{width:22px;height:22px;color:var(--gold);flex:none}.cinfo small{color:#fff9;font-size:.78rem;display:block}.cinfo span{direction:ltr;unicode-bidi:plaintext}.socials{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.socials a{width:46px;height:46px;transition:background .3s, transform .3s var(--ease);background:#ffffff14;border-radius:14px;place-items:center;display:grid}.socials a:hover{background:var(--green);transform:translateY(-3px)}.socials svg{width:20px;height:20px}.form{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(28px,4vw,44px)}.form h3{margin-bottom:6px;font-size:1.5rem}.form>p{color:var(--muted);margin-bottom:26px}.form__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field--full{grid-column:1/-1}.field label{font-size:.9rem;font-weight:600}.field input,.field select,.field textarea{font:inherit;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;width:100%;padding:13px 16px;transition:border-color .25s,box-shadow .25s}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 4px #1e9a5a26}.pills{flex-wrap:wrap;gap:8px;display:flex;position:relative}.pills input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:0}.pills label{border:1.5px solid var(--line);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:500;transition:all .25s}.pills input:checked+label{background:var(--saudi);color:#fff;border-color:var(--saudi)}.pills input:focus-visible+label{outline:3px solid var(--teal);outline-offset:2px}.form__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.form__note{color:var(--muted);margin-top:12px;font-size:.82rem}.footer{background:var(--saudi-ink);color:#ffffffbf;padding:70px 0 0}.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;display:grid}.footer .brand__name b{color:#fff}.footer h4{color:#fff;margin-bottom:16px;font-size:1rem}.footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer a:hover{color:#fff}.footer__about p{max-width:340px;margin:18px 0;font-size:.95rem}.footer__bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 0;font-size:.85rem;display:flex}.v2030{border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:inline-flex}.fab-stack{bottom:22px;z-index:90;flex-direction:column;gap:12px;display:flex;position:fixed;inset-inline-end:22px}.fab{color:#fff;width:58px;height:58px;transition:transform .3s var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 14px 30px -10px #0006}.fab:hover{transform:scale(1.08)}.fab svg{width:28px;height:28px}.fab--wa{background:#25d366}.fab--a11y{background:var(--teal)}.fab .tip{white-space:nowrap;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:10px;padding:6px 12px;font-size:.8rem;transition:opacity .25s;position:absolute;inset-inline-end:calc(100% + 12px)}.fab:hover .tip,.fab:focus-visible .tip{opacity:1}.a11y-panel{bottom:96px;z-index:95;background:var(--surface);width:280px;color:var(--ink);box-shadow:var(--shadow-lg);border:1px solid var(--line);opacity:0;pointer-events:none;transition:.3s var(--ease);border-radius:22px;padding:20px;position:fixed;inset-inline-end:22px;transform:translateY(12px)scale(.98)}.a11y-panel.is-open{opacity:1;pointer-events:auto;transform:none}.a11y-panel h4{margin-bottom:12px;font-size:1rem}.a11y-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:.92rem;display:flex}.a11y-row .ctrl{gap:6px;display:flex}.a11y-row button{border:1.5px solid var(--line);background:var(--bg);min-width:38px;height:34px;color:var(--ink);border-radius:10px;padding:0 10px;font-weight:700}.a11y-row button[aria-pressed=true]{background:var(--saudi);color:#fff;border-color:var(--saudi)}.modal{z-index:300;opacity:0;pointer-events:none;background:#02140ad9;place-items:center;padding:16px;transition:opacity .3s;display:grid;position:fixed;inset:0}.modal.is-open{opacity:1;pointer-events:auto}.modal__box{aspect-ratio:16/9;width:min(960px,100%);transition:transform .4s var(--ease);background:#000;border-radius:22px;position:relative;overflow:hidden;transform:scale(.95)}.modal.is-open .modal__box{transform:none}.modal iframe{border:0;width:100%;height:100%}.modal__close{top:-52px;width:42px;height:42px;color:var(--ink);background:#fff;border:0;border-radius:50%;font-size:1.4rem;line-height:1;position:absolute;inset-inline-end:0}.modal__box{overflow:visible}.modal__box iframe{border-radius:22px}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(34px)}.reveal.is-in{opacity:1;transform:none}.gate{background:var(--grad-deep);color:#fff;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.gate__bg{opacity:.55;pointer-events:none;position:absolute;inset:0}.gate__top{justify-content:space-between;align-items:center;padding:26px 0;display:flex;position:relative}.gate__top .brand__name b{color:#fff}.gate__main{flex-direction:column;flex:1;justify-content:center;padding:20px 0 50px;display:flex;position:relative}.gate__intro{text-align:center;max-width:780px;margin:0 auto 48px}.gate__logo{filter:drop-shadow(0 18px 40px #00000059);width:120px;margin:0 auto 22px;animation:7s ease-in-out infinite bob}.gate__intro h1{margin:16px 0;font-size:clamp(2rem,4.6vw,3.6rem);font-weight:800}.gate__intro p{color:#ffffffc7;font-size:clamp(1rem,1.5vw,1.15rem)}.gate__intro .chip{color:#fff;background:#ffffff1a}.gate__intro .chip .dot{background:var(--gold)}.doors{grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;gap:22px;display:grid}.door{isolation:isolate;-webkit-backdrop-filter:blur(10px);min-height:380px;transition:transform .5s var(--ease), border-color .5s, box-shadow .5s;background:#ffffff0f;border:1px solid #ffffff24;border-radius:30px;flex-direction:column;padding:34px 30px 28px;display:flex;position:relative;overflow:hidden}.door:before{content:"";z-index:-1;opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.door--platform:before{background:linear-gradient(160deg,#3a9db58c,#0f4f6033)}.door--center:before{background:linear-gradient(160deg,#c9956b8c,#6b442833)}.door--company{background:linear-gradient(165deg,#1e9a5a80,#00391d66);border-color:#d8b27a80;box-shadow:0 30px 80px -30px #0009}.door:hover{border-color:#ffffff59;transform:translateY(-10px);box-shadow:0 40px 90px -30px #000000b3}.door:hover:before{opacity:1}.door__badge{top:18px;background:var(--gold);color:var(--saudi-ink);border-radius:999px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;inset-inline-end:18px}.door__ico{width:70px;height:70px;transition:transform .5s var(--ease);background:#ffffff1f;border-radius:22px;place-items:center;margin-bottom:22px;display:grid}.door:hover .door__ico{transform:rotate(-8deg)scale(1.06)}.door__ico svg{width:34px;height:34px}.door--platform .door__ico{color:#9fdcec}.door--center .door__ico{color:#f1cda9}.door--company .door__ico{color:var(--gold);background:#ffffff24}.door small{color:#fff9;letter-spacing:2px;font-size:.75rem;font-weight:600}.door h2{margin:4px 0 12px;font-size:1.7rem}.door--company h2{font-size:2rem}.door p{color:#ffffffc7;flex:1;font-size:.98rem}.door ul{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.door li{background:#ffffff1a;border-radius:999px;padding:4px 11px;font-size:.78rem}.door__go{font-family:var(--f-display);border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;margin-top:26px;padding-top:18px;font-weight:600;display:flex}.door__go i{width:44px;height:44px;color:var(--saudi);transition:transform .4s var(--ease);background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid}.door__go i svg{width:20px;height:20px}.door:hover .door__go i{transform:translate(-6px)}.door__ext{color:#ffffff8c;font-size:.75rem;font-weight:400}.gate__foot{text-align:center;color:#ffffff8c;padding:20px 0 28px;font-size:.85rem;position:relative}@media (width<=1080px){.nav{display:none}.menu-toggle{display:grid}.hero__grid,.about,.gov,.contact{grid-template-columns:1fr}.hero__visual{max-width:440px}.services{grid-template-columns:1fr 1fr}.service--feature,.service--cta{grid-column:span 2}.stats,.why,.studio{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr;row-gap:40px}.process:before{display:none}.footer__grid{grid-template-columns:1fr 1fr}.doors{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.door--company{order:-1}.door{min-height:auto}.about__media{margin:20px 20px 50px}}@media (width<=720px){.header__actions .btn{display:none}.services,.work,.eco{grid-template-columns:1fr}.service--feature,.service--cta,.work__item:first-child{aspect-ratio:16/10;grid-area:auto}.form__grid,.footer__grid{grid-template-columns:1fr}.float--a{inset-inline-start:0}.float--b{inset-inline-end:0}.float--c{display:none}.float{padding:10px 12px;font-size:.75rem}.float .ico{width:34px;height:34px}.about__media .since{width:100px;height:100px;inset-inline-end:-10px}.about__media .since b{font-size:1.5rem}.about__media .sub{inset-inline-start:-10px}.hero__scroll{display:none}.gov__visual{grid-template-columns:1fr 1fr}.stat{padding:24px 18px}.a11y-panel{width:calc(100% - 32px);max-width:320px;inset-inline-end:16px}}@media (width<=420px){.stats,.why,.studio,.process{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero h1 .line>span{transform:none}}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:root[data-motion=off] .reveal{opacity:1;transform:none}:root[data-motion=off] .hero h1 .line>span{transform:none}