/* Holo City — inner pages. Night city HUD: cyan grid, notched panels, amber actions (native dark) / white massing model (light). */
.sx,.sx-foot{
  --bg:#03060c; --bg2:#06101e; --ink:#e6f6ff; --mute:rgba(230,246,255,.64); --line:rgba(56,225,255,.22); --card:rgba(6,16,30,.86); --card-line:rgba(56,225,255,.2);
  --accent:#38e1ff; --on-accent:#03060c; --accent-ink:#38e1ff; --field:rgba(3,9,18,.85); --head-bg:rgba(3,6,12,.92); --head-line:rgba(56,225,255,.2);
  --radius:0px; --radius-sm:0px; --btn-r:0px; --shadow:0 0 0 1px rgba(56,225,255,.35),0 0 40px -10px rgba(56,225,255,.35);
  --font:'Space Grotesk',system-ui,sans-serif; --font-d:'Chakra Petch',system-ui,sans-serif; --font-m:'JetBrains Mono',ui-monospace,monospace; --d-weight:600; --d-track:-.01em; --d-case:uppercase; --d-lh:.96;
  --amber:#ffb547; --notch:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px); --grid:rgba(56,225,255,.07);
}
html[data-theme="light"] .sx,html[data-theme="light"] .sx-foot{
  --bg:#e7ecf1; --bg2:#dde4eb; --ink:#0d1b2a; --mute:rgba(13,27,42,.74); --line:rgba(10,111,146,.28); --card:rgba(255,255,255,.88); --card-line:rgba(10,111,146,.25);
  --accent:#0a6f92; --on-accent:#fff; --accent-ink:#0a6f92; --field:#fff; --head-bg:rgba(243,246,249,.95); --head-line:rgba(10,111,146,.22);
  --shadow:0 0 0 1px rgba(10,111,146,.35),0 20px 40px -24px rgba(13,27,42,.4); --amber:#ffb547; --grid:rgba(10,111,146,.08);
}
html[lang=ar] .sx,html[lang=ar] .sx-foot{--font:'Readex Pro',system-ui,sans-serif; --font-d:'Readex Pro',system-ui,sans-serif; --font-m:'Readex Pro',system-ui,sans-serif; --d-case:none; --d-lh:1.3}

body.sx::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70vmax 50vmax at 50% 120%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),
    linear-gradient(var(--grid) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/48px 48px}
.sx-word{display:inline-flex;align-items:center;gap:10px;font-family:'Chakra Petch',sans-serif;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.sx-word i{width:10px;height:10px;background:var(--amber);box-shadow:0 0 14px var(--amber);transform:rotate(45deg);flex:none}
.sx-nav > ul > li > a{font:500 12px/1.2 var(--font-m);letter-spacing:.12em;text-transform:uppercase;border-radius:0}
.sx-nav > ul > li > a:hover,.sx-nav > ul > li > a[aria-current]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-ink)}
.sx h1{font-size:clamp(40px,6.6vw,104px)}
.sx h1,.sx-h2,.sx-sec h2{text-shadow:0 0 30px color-mix(in srgb,var(--accent) 25%,transparent)}
html[data-theme="light"] .sx h1,html[data-theme="light"] .sx-h2,html[data-theme="light"] .sx-sec h2{text-shadow:none}
.sx-eyebrow{display:inline-flex;align-items:center;gap:10px}
.sx-eyebrow::before{content:'';width:8px;height:8px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.sx-btn{clip-path:var(--notch);font-family:'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.sx-btn--accent{background:var(--amber);color:#03060c}
.sx-btn--ghost{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:transparent;color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--line)}
.sx-burger,.sx-head .pref-btn{border-radius:0;border-color:var(--line)}
.sx-card,.sx-post,.sx-form,.sx-ci,.sx-stat,.sx-cta-in,.sx-faq details{clip-path:var(--notch);background:var(--card);border-color:var(--card-line)}
.sx-card:hover,.sx-post:hover{box-shadow:var(--shadow)}
.sx-fig{border-radius:0}
.sx-hero-fig,.sx-sec-fig{clip-path:var(--notch);box-shadow:none}
.sx-hero-fig::after,.sx-sec-fig::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,rgba(56,225,255,.05) 50%) 0 0/100% 4px}
.sx-prose ul li::before{border-radius:0;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.sx-stat b{font-family:'Chakra Petch',sans-serif;color:var(--accent-ink);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 40%,transparent)}
.sx-meta,.sx-crumbs ol,.sx-toc-h{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}
.sx-cta-in{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--card))}
.sx-foot{background:var(--bg2)}
.sx-foot-cta h2{text-transform:uppercase}
html[lang=ar] .sx-nav > ul > li > a,html[lang=ar] .sx-btn,html[lang=ar] .sx-meta,html[lang=ar] .sx-crumbs ol,html[lang=ar] .sx-toc-h,html[lang=ar] .sx-foot-cta h2{font-family:var(--font);text-transform:none}
html[lang=ar] .sx-nav > ul > li > a{font-size:14px}
html[dir=rtl] .sx-word{letter-spacing:.06em!important}

/* configurator skin (copied from the homepage) */
/* names used by the homepage skin, mapped to the inner-page tokens */
.sx{--cyan:var(--accent)}
.sx .cfx{--cfx-top:calc(var(--head-h) + 12px)}
.cfx{--cfx-ink:var(--ink);--cfx-mute:var(--mute);--cfx-line:var(--line);--cfx-panel:#050c17;--cfx-well:rgba(56,225,255,.05);--cfx-accent:var(--cyan);--cfx-on-accent:#03060c;
  --cfx-tint:rgba(56,225,255,.08);--cfx-sel:var(--cyan);--cfx-on-sel:#03060c;--cfx-r:0px;--cfx-r2:0px;--cfx-btn-r:0px;--cfx-border:1px solid var(--line);--cfx-dim:#ffb547;
  --cfx-tool:rgba(3,9,18,.86);--cfx-tool-ink:#e6f6ff;--cfx-shadow:0 0 0 1px rgba(56,225,255,.3),0 0 18px -6px rgba(56,225,255,.45);--cfx-mono:'JetBrains Mono',monospace;--cfx-top:84px;
  --cfx-stage:radial-gradient(110% 90% at 50% 25%,#16324a 0%,#0a1726 55%,#040912 100%);--cfx-stage-night:radial-gradient(110% 90% at 50% 25%,#0b1626 0%,#050b15 55%,#020408 100%)}
.cfx-view::before{background:linear-gradient(rgba(56,225,255,.06) 1px,transparent 1px) 0 0/100% 32px,linear-gradient(90deg,rgba(56,225,255,.06) 1px,transparent 1px) 0 0/32px 100%,var(--cfx-stage)}
.cfx-seg button{font-family:'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:13px}
@media (max-width:420px){.cfx-seg button{font-size:11.5px;letter-spacing:0;padding-inline:3px}}
.cfx-labels span{color:#03060c}
.cfx-send{font-family:'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:var(--amber);color:#03060c}
.cfx-range output{font-family:'Chakra Petch',sans-serif}
html[data-theme="light"] .cfx{--cfx-panel:#f6f9fb;--cfx-well:rgba(10,111,146,.06);--cfx-on-accent:#fff;--cfx-on-sel:#fff;--cfx-tint:rgba(10,111,146,.08);--cfx-dim:#c2410c;
  --cfx-tool:rgba(255,255,255,.94);--cfx-tool-ink:#0d1b2a;--cfx-shadow:0 0 0 1px rgba(10,111,146,.3);
  --cfx-stage:radial-gradient(110% 90% at 50% 25%,#ffffff 0%,#e3eaf0 55%,#cfd9e2 100%)}
html[data-theme="light"] .cfx-view::before{background:linear-gradient(rgba(10,111,146,.07) 1px,transparent 1px) 0 0/100% 32px,linear-gradient(90deg,rgba(10,111,146,.07) 1px,transparent 1px) 0 0/32px 100%,var(--cfx-stage)}
html[data-theme="light"] .cfx-labels span{color:#fff}
html[lang=ar] .cfx-seg button,html[lang=ar] .cfx-send,html[lang=ar] .cfx-range output{font-family:'Readex Pro',system-ui,sans-serif;text-transform:none}