:root{
  color-scheme:var(--studio-color-scheme,dark);
  --studio-font-family-ar:"Alexandria","Noto Sans Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif;
  --studio-font-family-ui:var(--studio-font-family-ar);
  --studio-font-weight-regular:400;
  --studio-font-weight-medium:500;
  --studio-font-weight-semibold:600;
  --studio-font-weight-bold:700;
  --studio-font-weight-extrabold:800;
  --studio-line-height-tight:1.25;
  --studio-line-height-body:1.8;
  --studio-type-scale:1;
  --studio-type-scale-percent:100%;
  --studio-spacing-scale:1;
  --studio-space-shell-footer:38px;
  --studio-color-canvas:#091713;
  --studio-color-canvas-deep:color-mix(in srgb,var(--studio-color-canvas) 88%,#000);
  --studio-color-surface:#122820;
  --studio-color-surface-raised:color-mix(in srgb,var(--studio-color-surface) 88%,var(--studio-color-text) 12%);
  --studio-color-surface-muted:color-mix(in srgb,var(--studio-color-surface) 74%,var(--studio-color-canvas));
  --studio-color-surface-soft:color-mix(in srgb,var(--studio-color-surface) 42%,var(--studio-color-canvas));
  --studio-color-text:#edf4ee;
  --studio-color-text-secondary:color-mix(in srgb,var(--studio-color-text) 72%,var(--studio-color-text-muted));
  --studio-color-text-muted:#a0b7aa;
  --studio-color-accent:#56c6a2;
  --studio-color-on-accent:#000000;
  --studio-color-accent-secondary:#92bfa9;
  --studio-personal-accent:var(--studio-color-accent);
  --studio-personal-accent-rgb:var(--studio-color-accent-rgb,86,198,162);
  --studio-personal-on-accent:var(--studio-color-on-accent);
  --studio-color-accent-soft:color-mix(in srgb,var(--studio-color-accent) 68%,var(--studio-color-text));
  --studio-color-border:color-mix(in srgb,var(--studio-color-text) 13%,var(--studio-color-surface));
  --studio-color-border-soft:color-mix(in srgb,var(--studio-color-text) 8%,var(--studio-color-surface));
  --studio-color-border-strong:color-mix(in srgb,var(--studio-color-text) 22%,var(--studio-color-surface));
  --studio-space-1:4px;
  --studio-space-2:8px;
  --studio-space-3:12px;
  --studio-space-4:16px;
  --studio-space-5:24px;
  --studio-space-6:32px;
  --studio-space-7:48px;
  --studio-space-8:64px;
  --studio-space-9:80px;
  --studio-radius-xs:7px;
  --studio-radius-sm:10px;
  --studio-radius-md:12px;
  --studio-radius-lg:16px;
  --studio-radius-xl:22px;
  --studio-radius-pill:999px;
  --studio-shadow-card:0 25px 60px rgb(0 0 0 / 53%);
  --studio-component-card-bg:color-mix(in srgb,var(--studio-color-surface) 88%,var(--studio-color-canvas));
  --studio-component-card-raised-bg:color-mix(in srgb,var(--studio-color-surface) 92%,var(--studio-color-text) 8%);
  --studio-component-card-border:var(--studio-color-border);
  --studio-component-card-radius:var(--studio-radius-lg);
  --studio-component-control-bg:color-mix(in srgb,var(--studio-color-canvas) 72%,var(--studio-color-surface));
  --studio-component-control-border:var(--studio-color-border);
  --studio-component-header-bg:color-mix(in srgb,var(--studio-color-canvas) 84%,var(--studio-color-surface));
  --studio-component-footer-bg:color-mix(in srgb,var(--studio-color-surface) 36%,var(--studio-color-canvas));
  --studio-component-dialog-bg:color-mix(in srgb,var(--studio-color-surface) 94%,var(--studio-color-canvas));
  --studio-component-dialog-border:color-mix(in srgb,var(--studio-color-accent) 24%,var(--studio-color-border));
  --studio-component-dialog-shadow:0 36px 110px rgb(0 0 0 / 72%);
  --studio-component-overlay-bg:color-mix(in srgb,var(--studio-color-canvas) 86%,transparent);
  --studio-page-canvas:var(--studio-color-canvas);
  --studio-page-section:color-mix(in srgb,var(--studio-color-surface) 18%,var(--studio-color-canvas));
  --studio-page-section-strong:color-mix(in srgb,var(--studio-color-surface) 34%,var(--studio-color-canvas));
  --studio-focus-ring:0 0 0 3px color-mix(in srgb,var(--studio-color-accent) 28%,transparent);
  --studio-motion-fast:180ms;
  --studio-motion-normal:300ms;
}
.studio-page{--studio-accent:var(--studio-color-accent);--studio-secondary:var(--studio-color-accent-secondary);--studio-surface:var(--studio-color-surface);--studio-line:var(--studio-color-border);--studio-rgb:var(--studio-color-accent-rgb,23,152,255);--studio-radius:var(--studio-radius-lg);overflow:hidden;background:var(--studio-color-canvas);color:var(--studio-color-text);font-family:var(--studio-font-family-ui)}.studio-page *{box-sizing:border-box}.studio-page+.footer{margin-top:0}.studio-page~*{}.studio-preview{position:sticky;top:74px;z-index:30;padding:11px 15px;text-align:center;background:#123f86;color:#fff;font-size:12px;font-weight:700}.studio-section{position:relative}.studio-hero{min-height:820px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.studio-hero-bg{position:absolute;z-index:-3;inset:-2%;background-image:var(--studio-bg);background-size:cover;background-position:74% center;filter:saturate(1.08);transform:scale(1.04)}.studio-hero-bg:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:78% center;opacity:.72}.studio-hero-bg.is-changing{animation:studio-bg .85s cubic-bezier(.2,.72,.2,1)}@keyframes studio-bg{from{opacity:.15;transform:scale(1.1)}to{opacity:1;transform:scale(1.04)}}.studio-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(270deg,#020817f5 0%,#020817c7 37%,#0208175c 65%,#020817bc 100%),linear-gradient(180deg,#02081766 0%,transparent 52%,#020917 98%)}.studio-hero-inner{width:min(1540px,92vw);margin:auto;padding:120px 0 95px;display:grid;grid-template-columns:1.05fr .95fr;gap:4.5vw;align-items:center}.studio-hero-copy{max-width:720px}.studio-kicker{display:inline-flex;align-items:center;gap:8px;color:#69c5ff;font-size:11px;font-weight:700}.studio-kicker:before{content:"";width:35px;height:2px;background:linear-gradient(90deg,var(--studio-accent),transparent)}.studio-hero h1{margin:18px 0;font-size:clamp(48px,5vw,78px);line-height:1.12;font-weight:800}.studio-hero-copy>p{max-width:650px;margin:0;color:#c2d0e1;font-size:14px;line-height:2}.studio-hero-meta{min-height:28px;margin-top:17px;display:flex;align-items:center;gap:8px;color:#a9bdd5;font-size:11px}.studio-hero-meta span{padding:6px 9px;border:1px solid #ffffff24;border-radius:99px;background:#07172faa}.studio-hero-actions{display:flex;gap:10px;margin-top:24px}.studio-primary,.studio-ghost{min-height:47px;padding:0 19px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.studio-primary{border:0;background:linear-gradient(135deg,var(--studio-accent),var(--studio-secondary));box-shadow:0 13px 34px color-mix(in srgb,var(--studio-accent) 25%,transparent)}.studio-ghost{border:1px solid #ffffff2d;background:#07162fa8;backdrop-filter:blur(12px)}.studio-mosaic{height:430px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;perspective:900px}.studio-mosaic-item{position:relative;padding:0;border:1px solid #ffffff20;border-radius:var(--studio-radius);overflow:hidden;background:#0c1b31;cursor:pointer;transition:.32s}.studio-mosaic-item:nth-child(1),.studio-mosaic-item:nth-child(3){transform:translateY(-14px)}.studio-mosaic-item:nth-child(4),.studio-mosaic-item:nth-child(6){transform:translateY(14px)}.studio-mosaic-item:hover,.studio-mosaic-item:focus,.studio-mosaic-item.is-active{z-index:2;border-color:var(--studio-accent);transform:translateY(-8px) scale(1.035);box-shadow:0 22px 55px color-mix(in srgb,var(--studio-accent) 24%,transparent)}.studio-mosaic-item img{width:100%;height:100%;object-fit:cover}.studio-mosaic-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020817ec)}.studio-mosaic-item>span{position:absolute;z-index:2;inset:auto 11px 10px;display:grid;gap:4px;text-align:right}.studio-mosaic-item small{color:#65c8ff;font-size:8px}.studio-mosaic-item strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-content{padding:90px 0;background:#020917}.studio-content:nth-of-type(even){background:linear-gradient(180deg,#020917,#05152d 45%,#020917)}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.studio-heading span{color:#61c6ff;font-size:10px;font-weight:700;letter-spacing:1px}.studio-heading h2{margin:8px 0;font-size:clamp(30px,3vw,47px);line-height:1.25}.studio-heading p{margin:0;color:#849ab4;font-size:12px}.studio-row-controls{display:flex;gap:7px}.studio-row-controls button{width:42px;height:42px;border:1px solid #ffffff1e;border-radius:50%;background:#071a35;color:#fff;font-size:22px;cursor:pointer}.studio-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 14px;scrollbar-width:none}.studio-row::-webkit-scrollbar{display:none}.studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.studio-card{flex:0 0 185px;width:185px;scroll-snap-align:start;border:1px solid #ffffff15;border-radius:var(--studio-radius);overflow:hidden;background:var(--studio-surface);transition:.3s}.studio-grid .studio-card{width:auto}.studio-card:hover{transform:translateY(-8px);border-color:var(--studio-accent);box-shadow:0 25px 60px #0008}.studio-card-art{position:relative;display:block;aspect-ratio:2/3;background:#0c1b31;overflow:hidden}.studio-card-art img{width:100%;height:100%;object-fit:cover;transition:.4s}.studio-card:hover img{transform:scale(1.055)}.studio-card-art>i{position:absolute;top:8px;right:8px;padding:5px 7px;border-radius:7px;background:#020817d9;color:#fff;font-size:8px;font-style:normal}.studio-card-art>b{position:absolute;inset:50% auto auto 50%;width:40px;height:40px;border-radius:50%;background:#ffffffd9;color:#071528;display:grid;place-items:center;transform:translate(-50%,-40%) scale(.8);opacity:0;transition:.3s}.studio-card:hover .studio-card-art>b{opacity:1;transform:translate(-50%,-50%) scale(1)}.studio-card-placeholder{height:100%;display:grid;place-items:center;font-size:32px;color:#315278}.studio-card-copy{display:grid;gap:7px;padding:12px}.studio-card-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-card-copy small{color:#7890ad;font-size:9px}.studio-card-copy>em{height:3px;border-radius:99px;background:#20334f;overflow:hidden}.studio-card-copy>em i{display:block;height:100%;background:var(--studio-accent)}.studio-no-data,.studio-empty .container{padding:40px;border:1px dashed #2c405d;border-radius:15px;color:#7e93ac;text-align:center}.studio-empty{padding:95px 0}.studio-chips{display:flex;flex-wrap:wrap;gap:10px}.studio-chips span{min-height:43px;padding:0 18px;border:1px solid #ffffff20;border-radius:99px;background:#071a35;display:flex;align-items:center;font-size:11px}.studio-promo{padding:80px 0;background:linear-gradient(135deg,#07152d,#092348)}.studio-promo article{min-height:390px;display:grid;grid-template-columns:1fr .85fr;border:1px solid #ffffff19;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#0b2b5d,#06152d)}.studio-promo article>div{padding:50px;display:flex;flex-direction:column;justify-content:center}.studio-promo h2{font-size:42px;margin:12px 0}.studio-promo p{color:#9db1ca;line-height:1.9}.studio-promo img{width:100%;height:100%;object-fit:cover}.studio-plans{padding:90px 0;background:#020917}.studio-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.studio-plan-grid article{padding:25px;border:1px solid #ffffff18;border-radius:var(--studio-radius);background:var(--studio-surface)}.studio-plan-grid article.is-featured{border-color:var(--studio-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--studio-accent) 20%,#071a35),#071a35)}.studio-plan-grid small{color:#65c8ff}.studio-plan-grid h3{font-size:18px}.studio-plan-grid strong{display:block;font-size:28px}.studio-plan-grid strong i{font-size:9px;color:#8298b2;font-style:normal}.studio-plan-grid p{min-height:45px;color:#879cb5;font-size:11px;line-height:1.8}.studio-plan-grid a{min-height:42px;border:1px solid #ffffff20;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px}.studio-text{padding:50px;border:1px solid #ffffff19;border-radius:22px;background:#071a35}.studio-text h2{font-size:36px}.studio-text p{color:#9aafc7;line-height:2}.studio-align-center{text-align:center}.studio-align-end{text-align:left}@media(max-width:1100px){.studio-hero-inner{grid-template-columns:1fr 1fr;gap:30px}.studio-mosaic{height:360px}.studio-grid{grid-template-columns:repeat(4,1fr)}.studio-plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.studio-hero{min-height:980px}.studio-hero-bg{background-position:70% top}.studio-hero-inner{width:90vw;padding:105px 0 80px;grid-template-columns:1fr;gap:55px}.studio-hero h1{font-size:42px}.studio-hero-copy>p{font-size:12px}.studio-mosaic{height:390px}.studio-heading{align-items:start;flex-direction:column}.studio-heading h2{font-size:31px}.studio-content,.studio-plans{padding:70px 0}.studio-grid{grid-template-columns:repeat(2,1fr)}.studio-card{flex-basis:150px;width:150px}.studio-plan-grid{grid-template-columns:1fr}.studio-promo article{grid-template-columns:1fr}.studio-promo article>div{padding:30px}.studio-promo h2{font-size:32px}.studio-device-desktop:not(.studio-device-mobile){display:none!important}}@media(prefers-reduced-motion:reduce){.studio-page *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V507.2 — accessible accent actions. */
.studio-page{--studio-accent:var(--studio-personal-accent,var(--studio-color-accent));--studio-rgb:var(--studio-personal-accent-rgb,var(--studio-color-accent-rgb,23,152,255))}
.studio-primary{background:var(--studio-accent);color:var(--studio-personal-on-accent,var(--studio-color-on-accent,#020713))}