/* Liquid Glass — inner pages. Dark glass on ambient colour (native), daylight frosted glass (light). */
.sx,.sx-foot{
  --bg:#06070b; --bg2:#0b0d14; --ink:#f4f6fb; --mute:rgba(244,246,251,.68); --line:rgba(255,255,255,.14); --card:rgba(255,255,255,.04); --card-line:rgba(255,255,255,.1);
  --accent:#f6b545; --on-accent:#1b1205; --accent-ink:#f6b545; --field:rgba(255,255,255,.05); --head-bg:rgba(10,12,18,.62); --head-line:rgba(255,255,255,.08);
  --radius:28px; --radius-sm:16px; --btn-r:999px; --shadow:0 30px 70px -34px rgba(0,0,0,.9);
  --font:'Inter Tight',system-ui,sans-serif; --font-d:'Inter Tight',system-ui,sans-serif; --font-m:'Inter Tight',system-ui,sans-serif; --d-weight:500; --d-track:-.035em; --d-lh:1.02;
  --glass:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); --rim:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.06);
  --amb1:rgba(246,181,69,.17); --amb2:rgba(47,143,176,.17); --amb3:rgba(200,66,59,.1);
}
html[data-theme="light"] .sx,html[data-theme="light"] .sx-foot{
  --bg:#eef1f6; --bg2:#e4e9f1; --ink:#0d1220; --mute:rgba(13,18,32,.7); --line:rgba(13,18,32,.13); --card:rgba(255,255,255,.62); --card-line:rgba(13,18,32,.08);
  --accent-ink:#8f5400; --field:rgba(255,255,255,.8); --head-bg:rgba(246,248,251,.7); --head-line:rgba(13,18,32,.07); --shadow:0 30px 60px -36px rgba(13,18,32,.45);
  --glass:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.55)); --rim:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(13,18,32,.05);
  --amb1:rgba(246,181,69,.28); --amb2:rgba(47,143,176,.2); --amb3:rgba(200,66,59,.12);
}
html[lang=ar] .sx,html[lang=ar] .sx-foot{--font:'IBM Plex Sans Arabic',system-ui,sans-serif; --font-d:'IBM Plex Sans Arabic',system-ui,sans-serif; --font-m:'IBM Plex Sans Arabic',system-ui,sans-serif; --d-weight:600}

/* static ambient light behind the glass (a fixed layer: nothing repaints while scrolling) */
body.sx::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55vmax 45vmax at 0% 0%,var(--amb1),transparent 62%),radial-gradient(50vmax 50vmax at 100% 35%,var(--amb2),transparent 60%),radial-gradient(40vmax 40vmax at 30% 100%,var(--amb3),transparent 60%)}
.sx-head{backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.sx-mega{background:var(--bg2)}
.sx-card,.sx-post,.sx-form,.sx-ci,.sx-faq details,.sx-stat,.sx-cta-in,.sx-gal-i,.sx-foot-cta{background:var(--glass);box-shadow:var(--rim)}
.sx-foot-cta{padding-inline:clamp(22px,4vw,56px);margin-top:clamp(30px,5vw,60px);border-radius:var(--radius);border:0}
.sx-card:hover,.sx-post:hover{box-shadow:var(--rim),var(--shadow)}
.sx-btn--accent{background:linear-gradient(180deg,#ffd27a,var(--accent));box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 6px rgba(140,70,0,.35),0 12px 30px -12px rgba(246,181,69,.7)}
.sx-btn--ghost{background:var(--glass);box-shadow:var(--rim);border-color:transparent}
.sx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;color:var(--mute)}
.sx-eyebrow::before{content:'';width:22px;height:1px;background:currentColor}
.sx h1{font-size:clamp(40px,6vw,86px)}
.sx-hero-fig,.sx-sec-fig,.sx-art-hero .sx-fig{border-radius:var(--radius);box-shadow:var(--rim),var(--shadow)}
.sx-hero-fig::after,.sx-sec-fig::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.1)}
.sx-prose ul li::before{border-radius:50%;width:7px;height:7px}
.sx-stat b{background:linear-gradient(180deg,#ffe2a6,#f6b545);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .sx-stat b{background:linear-gradient(180deg,#c47a10,#8f5400);-webkit-background-clip:text;background-clip:text}
.sx-foot{background:transparent;border-top:0}
.sx-foot-grid,.sx-foot-base{border-color:var(--line)}
.sx-foot--home{background:var(--bg)}

/* configurator skin (copied from the homepage) */
/* names used by the homepage skin, mapped to the inner-page tokens */
.sx{--amber:#f6b545;--r:28px;--amber-ink:var(--accent-ink)}
/* model configurator (shared assets/configurator.*) — frosted panel without backdrop-filter, studio stage */
.cfx{--cfx-ink:var(--ink);--cfx-mute:var(--mute);--cfx-line:rgba(255,255,255,.13);--cfx-panel:#10131b;--cfx-well:rgba(255,255,255,.06);--cfx-accent:var(--amber);--cfx-on-accent:#1b1205;
  --cfx-tint:rgba(246,181,69,.1);--cfx-sel:rgba(255,255,255,.94);--cfx-on-sel:#0d1220;--cfx-r:var(--r);--cfx-r2:14px;--cfx-btn-r:999px;--cfx-border:1px solid rgba(255,255,255,.14);
  --cfx-dim:#f6b545;--cfx-tool:rgba(16,19,27,.82);--cfx-tool-ink:#f4f6fb;--cfx-shadow:0 10px 24px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);--cfx-top:96px;
  --cfx-stage:radial-gradient(120% 95% at 50% 22%,#3a3f4d 0%,#1d212b 55%,#0d0f15 100%);--cfx-stage-night:radial-gradient(120% 95% at 50% 22%,#18233a 0%,#0b1120 55%,#05070d 100%);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),#0c0e14;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 80px -40px rgba(0,0,0,.8)}
.cfx-labels span{color:#1b1205;border-radius:999px}
.cfx-tools button,.cfx-size,.cfx-hint{border:1px solid rgba(255,255,255,.12)}
.cfx-send{background:linear-gradient(180deg,#ffd27a,var(--amber));box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -2px 6px rgba(140,70,0,.35),0 12px 30px -10px rgba(246,181,69,.6)}
.cfx-seg button[aria-checked=true]{box-shadow:0 6px 16px -8px rgba(0,0,0,.6),inset 0 1px 0 #fff}
html[data-theme="light"] .cfx{--cfx-line:rgba(13,18,32,.12);--cfx-panel:#ffffff;--cfx-well:rgba(13,18,32,.05);--cfx-sel:#0d1220;--cfx-on-sel:#fff;--cfx-tint:rgba(246,181,69,.14);--cfx-border:1px solid rgba(13,18,32,.1);
  --cfx-tool:rgba(255,255,255,.92);--cfx-tool-ink:#0d1220;--cfx-shadow:0 10px 24px -14px rgba(13,18,32,.45);
  --cfx-stage:radial-gradient(120% 95% at 50% 22%,#ffffff 0%,#e9edf3 55%,#d6dce6 100%);
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7)),#f6f8fb;box-shadow:inset 0 1px 0 #fff,0 40px 80px -46px rgba(13,18,32,.45)}
html[data-theme="light"] .cfx-lab{color:var(--amber-ink)}
html[data-theme="light"] .cfx-tools button,html[data-theme="light"] .cfx-size,html[data-theme="light"] .cfx-hint{border-color:rgba(13,18,32,.08)}