/* Sigmix — one stylesheet.
   Deduplicated out of the inline \3c style> blocks that were repeated in every page.
   Page-scoped sections (#redpage, #gppage, #authpage …) are already namespaced, so
   they coexist safely in one file. */

/* ---- from about.html ---- */
/* ============================================================
   SIGMIX v4 — "The Sovereign Boundary" · English (locked)
   Two-tone: teal = AI / action · gold = sovereignty / Kingdom / trust
   ============================================================ */
.smx4{
  --ink-900:#04080D;--ink-850:#060B13;--ink-800:#080F19;--ink-750:#0B1420;--ink-700:#0E1A2A;--ink-650:#132437;
  --surface:rgba(255,255,255,.028);--surface-2:rgba(255,255,255,.05);
  --line:rgba(146,180,200,.12);--line-2:rgba(146,180,200,.22);
  /* primary — teal/emerald */
  --brand:#10B981;--brand-2:#34D399;--teal:#2DD4BF;--mint:#7DEBD8;
  --grad:linear-gradient(120deg,#34D399,#2DD4BF);
  --grad-soft:linear-gradient(135deg,rgba(52,211,153,.14),rgba(45,212,191,.14));
  --glow:rgba(45,212,191,.32);
  /* secondary — champagne gold (sovereignty / Kingdom) */
  --gold:#E4B96A;--gold-2:#F2D79B;--gold-grad:linear-gradient(120deg,#F2D79B,#E4B96A);
  --gold-soft:rgba(228,185,106,.12);--gold-line:rgba(228,185,106,.34);--gold-glow:rgba(228,185,106,.28);
  --text:#EAF2F8;--text-2:#9FB4C6;--text-3:#61788D;
  --display:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --r:18px;--maxw:1360px;--ease:cubic-bezier(.22,1,.36,1);--navh:70px;
}
.smx4 *,.smx4 *::before,.smx4 *::after{box-sizing:border-box;margin:0;padding:0}
.smx4{scroll-behavior:smooth}
.smx4{font-family:var(--body);background:var(--ink-900);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.smx4 a{color:inherit;text-decoration:none}.smx4 img{max-width:100%;display:block}
.smx4 button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.smx4 h1,.smx4 h2,.smx4 h3{font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:-.02em}
.smx4 ::selection{background:var(--teal);color:#04140F}

.smx4::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%232DD4BF' stroke-width='1' opacity='0.05'%3E%3Cpath d='M60 20 74 34 88 34 88 48 102 62 88 76 88 90 74 90 60 104 46 90 32 90 32 76 18 62 32 48 32 34 46 34Z'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px}
.smx4::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.smx4 .container{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,44px);position:relative;z-index:2}
.smx4 .section{position:relative;z-index:2;padding-block:clamp(72px,9vw,124px)}

.smx4 .mono{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2)}
.smx4 .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2);margin-bottom:20px}
.smx4 .eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--brand-2),transparent)}
.smx4 .eyebrow.gold{color:var(--gold)}.smx4 .eyebrow.gold::before{background:linear-gradient(90deg,var(--gold),transparent)}

.smx4 .tick{position:relative}
.smx4 .tick > .tk{position:absolute;width:12px;height:12px;border-color:var(--line-2);border-style:solid;border-width:0;z-index:3;pointer-events:none}
.smx4 .tick > .tk.tl{top:8px;left:8px;border-top-width:1px;border-left-width:1px}
.smx4 .tick > .tk.tr{top:8px;right:8px;border-top-width:1px;border-right-width:1px}
.smx4 .tick > .tk.bl{bottom:8px;left:8px;border-bottom-width:1px;border-left-width:1px}
.smx4 .tick > .tk.br{bottom:8px;right:8px;border-bottom-width:1px;border-right-width:1px}
.smx4 .tick:hover > .tk{border-color:var(--brand-2);transition:border-color .3s}
.smx4 .tick.gold:hover > .tk{border-color:var(--gold)}

.smx4 .btn{display:inline-flex;align-items:center;gap:9px;justify-content:center;padding:13px 24px;border-radius:100px;font-weight:600;font-size:14.5px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,border-color .3s;white-space:nowrap}
.smx4 .btn-primary{background:var(--grad);color:#04130E;box-shadow:0 8px 30px -10px var(--glow)}
.smx4 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px -10px var(--glow)}
.smx4 .btn-ghost{background:var(--surface);border:1px solid var(--line-2);color:var(--text)}
.smx4 .btn-ghost:hover{background:var(--surface-2);border-color:var(--brand);transform:translateY(-2px)}
.smx4 .btn svg{width:16px;height:16px}

/* ============================================================ NAV */
.smx4 header.nav{position:fixed;top:0;left:0;right:0;z-index:120;height:var(--navh);transition:background .4s,border-color .4s,backdrop-filter .4s}
.smx4 header.nav.scrolled{background:rgba(6,11,19,.82);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.smx4 .nav-inner{height:var(--navh);display:flex;align-items:center;justify-content:space-between;gap:20px}
.smx4 .brand{display:flex;align-items:center;gap:11px}
.smx4 .brand .spark{width:29px;height:29px;flex:none;filter:drop-shadow(0 0 10px rgba(45,212,191,.5))}
.smx4 .wordmark{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.01em}
.smx4 .wordmark .sa{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--brand-2);letter-spacing:.08em;vertical-align:super;margin-inline-start:2px}
.smx4 .nav-menu{display:flex;align-items:center;gap:2px}
.smx4 .nav-item{position:relative}
.smx4 .nav-item > button,.smx4 .nav-item > a{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:var(--text-2);padding:9px 14px;border-radius:100px;transition:color .25s,background .25s}
.smx4 .nav-item > button:hover,.smx4 .nav-item > a:hover,.smx4 .nav-item.open > button{color:var(--text);background:var(--surface)}
.smx4 .nav-item .chev{width:13px;height:13px;transition:transform .3s}
.smx4 .nav-item.open .chev{transform:rotate(180deg)}
.smx4 .nav-actions{display:flex;align-items:center;gap:9px}
.smx4 .search-pill{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--text-3);padding:8px 12px;border:1px solid var(--line);border-radius:100px;transition:all .25s}
.smx4 .search-pill:hover{border-color:var(--line-2);color:var(--text-2)}
.smx4 .search-pill svg{width:15px;height:15px}
.smx4 .search-pill kbd{font-family:var(--mono);font-size:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--text-2)}
.smx4 .lang-link{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--text-2);padding:8px 13px;border:1px solid var(--line);border-radius:100px;transition:all .25s}
.smx4 .lang-link:hover{color:var(--gold);border-color:var(--gold-line)}
.smx4 .lang-link svg{width:15px;height:15px}
.smx4 .nav-cta{padding:9px 18px;font-size:13.5px}
.smx4 .burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;align-items:center;justify-content:center}
.smx4 .burger svg{width:20px;height:20px}

.smx4 .mega{position:fixed;top:var(--navh);left:0;right:0;z-index:115;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;pointer-events:none}
.smx4 .mega.show{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.smx4 .mega-panel{max-width:var(--maxw);margin-inline:auto;margin-top:8px;background:rgba(8,15,25,.97);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;box-shadow:0 40px 100px -30px rgba(0,0,0,.85);display:none}
.smx4 .mega-panel.active{display:block;animation:megaIn .35s var(--ease)}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}}
.smx4 .mega-grid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr}
.smx4 .mega-col{padding:24px 24px 28px}
.smx4 .mega-col + .mega-col{border-inline-start:1px solid var(--line)}
.smx4 .mega-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}
.smx4 .mega-link{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;transition:background .2s}
.smx4 .mega-link:hover{background:var(--surface-2)}
.smx4 .mega-link .mi{width:38px;height:38px;border-radius:10px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.28);display:grid;place-items:center;flex:none;transition:transform .3s}
.smx4 .mega-link:hover .mi{transform:scale(1.06)}.smx4 .mega-link .mi svg{width:19px;height:19px;color:var(--brand-2)}
.smx4 .mega-link .mt{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px}
.smx4 .mega-link .mt .sd{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 8px var(--brand)}
.smx4 .mega-link .md{font-size:12.5px;color:var(--text-3);margin-top:2px}
.smx4 .mega-feature{background:linear-gradient(165deg,var(--ink-700),var(--ink-800));position:relative;padding:24px;overflow:hidden}
.smx4 .mega-feature .bm{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.smx4 .mega-feature h4{font-size:19px;margin:10px 0 8px}.smx4 .mega-feature p{font-size:12.5px;color:var(--text-2);margin-bottom:16px}
.smx4 .mega-feature .fthumb{position:absolute;inset:auto -18px -18px auto;width:330px;max-width:82%;opacity:.9;border-radius:12px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.smx4 .mega-feature{min-height:330px}
.smx4 .mega-feature .bm,.smx4 .mega-feature h4,.smx4 .mega-feature p,.smx4 .mega-feature .btn{position:relative;z-index:2}
.smx4 .mega-feature p{max-width:30ch}

/* ============================================================ HERO */
.smx4 .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:calc(var(--navh) + 26px);padding-bottom:56px;overflow:hidden}
.smx4 #field{position:absolute;inset:0;z-index:0;width:100%;height:100%}
.smx4 .hero-amb{position:absolute;inset:0;z-index:0;pointer-events:none}
.smx4 .hero-amb .g1{position:absolute;top:-10%;right:-8%;width:52vw;height:52vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(45,212,191,.16),transparent 62%);filter:blur(30px)}
.smx4 .hero-amb .g2{position:absolute;bottom:-20%;left:-12%;width:46vw;height:46vw;max-width:640px;max-height:640px;background:radial-gradient(circle,rgba(228,185,106,.09),transparent 60%);filter:blur(30px)}
.smx4 .perimeter{position:absolute;z-index:1;top:calc(var(--navh) + 10px);left:clamp(14px,2.5vw,30px);right:clamp(14px,2.5vw,30px);bottom:clamp(16px,2.5vw,30px);border:1px solid var(--line);border-radius:22px;pointer-events:none}
.smx4 .perimeter .pk{position:absolute;width:20px;height:20px;border-color:var(--brand-2);border-style:solid;border-width:0;opacity:.7}
.smx4 .perimeter .pk.tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;border-top-left-radius:22px}
.smx4 .perimeter .pk.tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px;border-top-right-radius:22px}
.smx4 .perimeter .pk.bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:22px}
.smx4 .perimeter .pk.br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:22px}
.smx4 .perimeter .pl{position:absolute;bottom:-8px;left:36px;background:var(--ink-900);padding:0 12px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:8px}
.smx4 .perimeter .pl .d{width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 8px var(--brand-2);animation:blink 2.4s infinite}
@keyframes blink{50%{opacity:.3}}
.smx4 .hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,60px);align-items:center;width:100%}
.smx4 .hero h1{font-size:clamp(42px,6.2vw,76px);margin-bottom:22px}
.smx4 .hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 .hero-sub{font-size:clamp(16px,1.5vw,18.5px);color:var(--text-2);max-width:520px;margin-bottom:26px}
.smx4 .hero-sub b{color:var(--text);font-weight:600}
.smx4 .hero-ticks{display:flex;flex-wrap:wrap;gap:9px 20px;margin-bottom:30px}
.smx4 .htick{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500}
.smx4 .htick .ck{width:21px;height:21px;border-radius:6px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.35);display:grid;place-items:center;flex:none}
.smx4 .htick .ck svg{width:12px;height:12px;color:var(--brand-2)}
.smx4 .htick.gold .ck{background:var(--gold-soft);border-color:var(--gold-line)}.smx4 .htick.gold .ck svg{color:var(--gold)}
.smx4 .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:14px}
.smx4 .hero-fine{font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--text-3)}
/* hero tool chips (concrete capability) */
.smx4 .tool-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.smx4 .tool-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:8px 13px;border-radius:100px;background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--gold);transition:border-color .25s,transform .25s,background .25s}
.smx4 .tool-chip:hover{border-color:var(--gold);transform:translateY(-1px)}
.smx4 .tool-chip svg{width:14px;height:14px;color:var(--gold)}
/* hero product collage — shows the software, not a data centre */
.smx4 .hero-collage{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:4/3}
.smx4 .hc-tile{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:var(--ink-700);box-shadow:0 30px 70px -34px rgba(0,0,0,.85)}
.smx4 .hc-main{grid-row:1 / span 2}
.smx4 .hc-tile > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.smx4 .hc-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,8,13,.85));pointer-events:none}
.smx4 .hc-label{position:absolute;left:11px;bottom:11px;z-index:2;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
.smx4 .hc-main .hc-label{font-size:13px}
.smx4 .hc-label .d{width:7px;height:7px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 7px var(--brand-2)}
.smx4 .hc-label .d.amber{background:var(--amber);box-shadow:0 0 7px var(--amber)}
.smx4 .sealed-badge{position:absolute;top:12px;left:12px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.74);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 11px}
.smx4 .hc-stock{background:linear-gradient(160deg,var(--ink-700),var(--ink-850))}
.smx4 .hc-chart{position:absolute;inset:0}
.smx4 .hc-chart svg{position:absolute;inset:0;width:100%;height:100%}
.smx4 .hc-chart-pill{position:absolute;top:10px;left:11px;z-index:2;font-family:var(--mono);font-size:10px;color:var(--brand-2);background:rgba(6,11,19,.6);border:1px solid var(--line-2);border-radius:6px;padding:3px 7px}
@media(max-width:1000px){.smx4 .hero-collage{max-width:560px;margin-inline:auto}}
/* hero deployment-posture slider */
.smx4 .hero-slider{position:relative}
.smx4 .hslide-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 90px -34px rgba(0,0,0,.85);aspect-ratio:16/10;background:var(--ink-700)}
.smx4 .hslides{position:absolute;inset:0}
.smx4 .hslide{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease)}
.smx4 .hslide.on{opacity:1}
.smx4 .hslide > img{width:100%;height:100%;object-fit:cover;object-position:top}
.smx4 .hslide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(4,8,13,.9));pointer-events:none}
/* On-Device slide = laptop mockup, full 16:10 screenshot (no crop) */
.smx4 .hslide-laptop{display:grid;place-items:center;padding:16px 7%}
.smx4 .hslide-laptop::after{content:none}
.smx4 .hslide-laptop .laptop{width:100%}
.smx4 .hslide-laptop .hs-tag{top:8px;left:8px}
.smx4 .hs-tag{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.74);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}
/* full width now that the constant badge sits below the frame — it used to collide with it */
.smx4 .hs-label{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;font-size:16px;font-weight:600}
.smx4 .hs-constant{display:block;text-align:center;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-2)}

/* sovereign explainer video — click to play, so it costs nothing on load */
.smx4 .sov-vid{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800);margin:0 auto 58px;max-width:940px;box-shadow:0 40px 92px -38px rgba(0,0,0,.9)}
.smx4 .sov-vid video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#04080d}
.smx4 .sov-vid.playing .sov-play{opacity:0;pointer-events:none}
.smx4 .sov-play{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(180deg,rgba(4,8,13,.42),rgba(4,8,13,.76));border:0;cursor:pointer;transition:opacity .35s var(--ease);text-align:left;color:var(--text)}
.smx4 .sov-play .pg{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#04231a;box-shadow:0 0 0 10px rgba(45,212,191,.12),0 18px 40px -14px var(--glow);flex:none;transition:transform .3s var(--ease)}
.smx4 .sov-play:hover .pg{transform:scale(1.08)}
.smx4 .sov-play .pg svg{width:24px;height:24px;margin-left:3px}
.smx4 .sov-play .pt b{display:block;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;margin-bottom:4px}
.smx4 .sov-play .pt span{font-family:var(--mono);font-size:11px;letter-spacing:.07em;color:var(--text-2)}
.smx4 .sov-ctl{position:absolute;right:14px;bottom:14px;z-index:4;display:flex;gap:8px}
.smx4 .sov-ctl[hidden]{display:none}/* display:flex above would otherwise beat the UA [hidden] rule */
.smx4 .vbtn{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:rgba(6,11,19,.76);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:100px;padding:7px 13px;cursor:pointer;transition:all .22s var(--ease)}
.smx4 .vbtn:hover{border-color:var(--brand-2);color:var(--brand-2);background:rgba(6,11,19,.9)}
.smx4 .vbtn svg{width:14px;height:14px;flex:none}
.smx4 .vbtn .i-on{display:none}
.smx4 .vbtn[aria-pressed="true"] .i-on{display:block}
.smx4 .vbtn[aria-pressed="true"] .i-off{display:none}
@media(max-width:620px){.smx4 .sov-play{flex-direction:column;text-align:center;gap:12px;padding:20px}.smx4 .sov-play .pg{width:52px;height:52px}.smx4 .sov-play .pt b{font-size:16px}.smx4 .vbtn .vlbl{display:none}}
/* KSA Cloud slide — animated in-Kingdom inference map */
.smx4 .ksa-cloud{background:linear-gradient(160deg,#0a1826,#04080d)}
.smx4 .ksa-cloud::after{background:linear-gradient(180deg,rgba(4,8,13,.32) 0%,transparent 34%,transparent 60%,rgba(4,8,13,.88))}
/* data-centre backdrop, pushed well back so the map reads first */
.smx4 .ksa-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.5) contrast(1.06) brightness(.86)}
.smx4 .ksa-cloud .ksa-scrim{position:absolute;inset:0;background:radial-gradient(ellipse 62% 84% at 46% 46%,rgba(45,212,191,.16),transparent 64%),linear-gradient(180deg,rgba(4,8,13,.55),rgba(4,8,13,.34))}
.smx4 .ksa-map{position:absolute;inset:0;display:grid;place-items:center;padding:20px 24px 34px;z-index:2}
.smx4 .ksa-map svg{width:100%;height:100%;overflow:visible}
.smx4 .ksa-map .cty,.smx4 .ksa-map .prov{paint-order:stroke fill;stroke:rgba(4,8,13,.85);stroke-width:3px;stroke-linejoin:round}
.smx4 .ksa-map .cty{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:11px;fill:#F2F8FC}
.smx4 .ksa-map .cty .ar{font-family:'IBM Plex Sans Arabic','Space Grotesk',sans-serif;font-weight:500;font-size:9.5px;fill:rgba(226,240,248,.66)}
.smx4 .ksa-map .prov{font-family:var(--mono);font-weight:500;font-size:6.6px;letter-spacing:.14em;fill:#34D399;opacity:.9}
@media(max-width:640px){.smx4 .ksa-map .cty{font-size:13px}.smx4 .ksa-map .prov{font-size:8px}}
.smx4 .ksa-live{position:absolute;top:14px;right:14px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.72);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px;display:flex;align-items:center;gap:7px}
.smx4 .ksa-live .d{width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 7px var(--brand-2);animation:blink 1.8s infinite}
.smx4 .hs-tabs{display:flex;justify-content:center;gap:6px;margin-top:16px;flex-wrap:wrap}
.smx4 .hs-tab{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:none;border:1px solid transparent;border-radius:100px;padding:7px 14px;cursor:pointer;transition:all .25s}
.smx4 .hs-tab:hover{color:var(--text-2)}
.smx4 .hs-tab.active{color:var(--brand-2);border-color:var(--line-2);background:var(--surface)}
@media(max-width:1000px){.smx4 .hero-slider{max-width:560px;margin-inline:auto}}
.smx4 .hero-media{position:relative}
.smx4 .hero-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 90px -34px rgba(0,0,0,.85);aspect-ratio:4/3;background:var(--ink-700)}
.smx4 .hero-frame img{width:100%;height:100%;object-fit:cover}
.smx4 .hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,8,13,.72))}
.smx4 .telemetry{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.smx4 .tcell{background:rgba(6,11,19,.72);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:10px;padding:9px 11px}
.smx4 .tcell .tk2{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase}
.smx4 .tcell .tv{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--brand-2);margin-top:3px;display:flex;align-items:center;gap:6px}
.smx4 .tcell .tv .d{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 7px var(--brand)}
.smx4 .tcell.gold .tv{color:var(--gold)}
.smx4 .hero-stamp{position:absolute;top:14px;right:14px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.7);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px;display:flex;align-items:center;gap:7px}
.smx4 .hero-stamp .d{width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 7px var(--brand-2)}
.smx4 .hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:8px}
.smx4 .hero-scroll .mouse{width:22px;height:34px;border:1px solid var(--line-2);border-radius:12px;position:relative}
.smx4 .hero-scroll .mouse::after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:6px;border-radius:2px;background:var(--brand-2);animation:scrolldot 1.8s infinite}
@keyframes scrolldot{50%{transform:translate(-50%,8px);opacity:.4}}

/* ============================================================ CREDIBILITY BAND */
.smx4 .cred-band{border-block:1px solid var(--line);background:linear-gradient(180deg,var(--ink-850),var(--ink-900))}
.smx4 .cred-inner{padding-block:30px}
.smx4 .cred-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.smx4 .cred-lead{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-inline-end:6px}
.smx4 .cred-lead.g{color:var(--gold)}
.smx4 .badge{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:100px;background:var(--surface);border:1px solid var(--line-2);font-size:13.5px;font-weight:600;transition:all .25s}
.smx4 .badge:hover{border-color:var(--brand);background:var(--surface-2)}.smx4 .badge svg{width:15px;height:15px;color:var(--brand-2)}
.smx4 .logowall{display:flex;align-items:center;justify-content:center;gap:16px 40px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.smx4 .plogo{color:var(--text-2);opacity:.68;transition:opacity .25s,color .25s;display:inline-flex;align-items:center}
.smx4 .plogo:hover{opacity:1;color:#fff}
.smx4 .plogo svg{height:27px;width:auto;display:block}
.smx4 .backed{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:15px}
.smx4 .backed-lead{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.smx4 .backed-logos{display:flex;align-items:center;justify-content:center;gap:14px 34px;flex-wrap:wrap}
.smx4 .blogo{display:inline-flex;align-items:center;gap:9px;color:var(--text-2);opacity:.78;transition:opacity .25s,color .25s;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.01em}
.smx4 .blogo:hover{opacity:1;color:#fff}
.smx4 .blogo svg{width:18px;height:18px;color:var(--gold);flex:none}
.smx4 .blogo small{font-family:var(--mono);font-size:9.5px;letter-spacing:.03em;color:var(--text-3);text-transform:uppercase;font-weight:500}
@media(max-width:760px){.smx4 .backed-logos{gap:12px 22px}.smx4 .blogo{font-size:13.5px}}
/* real-logo chips — light cards so mixed-format brand assets (incl. white-bg JP/PNG) read cleanly on the dark bar */
.smx4 a.logo-chip{text-decoration:none;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.smx4 a.logo-chip:hover{transform:translateY(-2px);box-shadow:0 10px 26px -12px rgba(0,0,0,.8)}
/* SIGMIX 2026-08-02 — partner/press logos were dominating the page (founder: "giant things").
   Scaled to a discreet proof strip: 46px->32px chip, 26px->17px mark. object-fit:contain keeps
   every logo's aspect ratio, and height is the binding constraint, so the one inline
   max-width:150px on the Dell mark never engages and needed no !important. */
.smx4 .logo-chip{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:8px;background:#fff;box-shadow:0 2px 12px -5px rgba(0,0,0,.5);transition:transform .25s,box-shadow .25s}
.smx4 .logo-chip:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(0,0,0,.6)}
.smx4 .logo-chip img{height:17px;width:auto;max-width:120px;object-fit:contain;display:block}
.smx4 .logo-chip img.dark{filter:brightness(0)}
/* SIGMIX 2026-08-03 — NAME COLLISION. `.ph` is used for TWO unrelated things: this small
   dashed placeholder chip, and a PAGE-HERO block at the bottom of this file
   (`.smx4 .ph{padding:calc(var(--navh,68px) + 54px) 0 52px}`). The chip rule never declared
   padding, so the hero's ~122px top padding applied to it and the placeholder rendered as a
   giant empty dashed box with its label floating outside. Pinning the box model here fixes
   it without renaming a class the delivered markup depends on. */
.smx4 .logo-chip.ph{background:transparent;border:1px dashed var(--line-2);color:var(--text-3);font-family:var(--display);font-weight:700;font-size:12px;box-shadow:none;padding:0 12px;height:32px;overflow:visible;position:static}
.smx4 .logo-chip.ph:hover{transform:none;border-color:var(--brand);color:var(--text-2)}
.smx4 .logowall{gap:14px 16px}.smx4 .backed-logos{gap:14px 16px}

/* ============================================================ SECTION HEADS */
.smx4 .sec-head{max-width:800px;margin-bottom:clamp(38px,5vw,56px)}
.smx4 .sec-head.center{margin-inline:auto;text-align:center}
.smx4 .sec-head.center .eyebrow{justify-content:center}
.smx4 .sec-head.center .eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(270deg,var(--brand-2),transparent)}
.smx4 .sec-head.center .eyebrow.gold::after{background:linear-gradient(270deg,var(--gold),transparent)}
.smx4 .sec-head h2{font-size:clamp(30px,4.2vw,52px);margin-bottom:16px}
.smx4 .sec-head h2 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 .sec-head h2 .gaccent{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 .sec-head p{font-size:clamp(15px,1.5vw,18px);color:var(--text-2)}

/* ============================================================ WORKSPACE SPOTLIGHT */
.smx4 .wspot{background:radial-gradient(ellipse 80% 60% at 18% 0%,rgba(45,212,191,.09),transparent 55%),var(--ink-850);border-block:1px solid var(--line)}
.smx4 .wspot-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,5vw,60px);align-items:center}
.smx4 .wspot-copy h2{font-size:clamp(30px,4.2vw,50px);margin:16px 0}
.smx4 .wspot-copy h2 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 .wspot-copy > p{font-size:clamp(16px,1.5vw,18.5px);color:var(--text-2);max-width:540px;margin-bottom:22px}
.smx4 .wspot-ticks{display:flex;flex-wrap:wrap;gap:9px 20px;margin-bottom:28px}
.smx4 .wspot-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 90px -34px rgba(0,0,0,.85);aspect-ratio:16/10;background:var(--ink-700)}
.smx4 .wspot-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.smx4 .wspot-frame .wchip{position:absolute;top:14px;right:14px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.72);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px;display:flex;align-items:center;gap:7px}
.smx4 .wspot-frame .wchip .d{width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 7px var(--brand-2)}
@media(max-width:1000px){.smx4 .wspot-grid{grid-template-columns:1fr;gap:36px}.smx4 .wspot-media{max-width:620px;margin-inline:auto;width:100%}}

/* ============================================================ SERVERS */
.smx4 .servers{background:radial-gradient(ellipse 90% 60% at 80% 0%,rgba(16,185,129,.08),transparent 55%),var(--ink-900)}
.smx4 .srv-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);align-items:center}
.smx4 .srv-media{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);aspect-ratio:4/3;background:var(--ink-700)}
.smx4 .srv-media > img{width:100%;height:100%;object-fit:cover}
.smx4 .srv-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,8,13,.8))}
.smx4 .srv-media .scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand-2),transparent);opacity:.7;animation:scan 4.5s linear infinite;z-index:2}
@keyframes scan{0%{top:6%}100%{top:94%}}
.smx4 .srv-badges{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;gap:8px;flex-wrap:wrap}
.smx4 .srv-badges span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.72);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 11px}
.smx4 .srv-play{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:9px;padding:8px 13px 8px 9px;border-radius:100px;background:rgba(6,11,19,.7);backdrop-filter:blur(8px);border:1px solid var(--line-2);font-size:12.5px;font-weight:600;transition:all .25s}
.smx4 .srv-play:hover{background:var(--grad);color:#04130E;border-color:transparent}
.smx4 .srv-play .pi{width:22px;height:22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}.smx4 .srv-play .pi svg{width:10px;height:10px;color:#04130E;margin-left:1px}.smx4 .srv-play:hover .pi{background:rgba(6,11,19,.28)}.smx4 .srv-play:hover .pi svg{color:#fff}
.smx4 .srv-feats{display:flex;flex-direction:column;gap:16px;margin:0 0 26px}
.smx4 .srv-feat{display:flex;gap:14px}
.smx4 .srv-feat .si{width:40px;height:40px;border-radius:11px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.28);display:grid;place-items:center;flex:none}
.smx4 .srv-feat .si svg{width:20px;height:20px;color:var(--brand-2)}
.smx4 .srv-feat b{font-size:15.5px;display:block;margin-bottom:2px}
.smx4 .srv-feat p{font-size:14px;color:var(--text-2)}
.smx4 .srv-feat p b{color:var(--brand-2)}
.smx4 .srv-actions{display:flex;gap:12px;flex-wrap:wrap}
/* admin console showcase */
.smx4 .console{margin-top:clamp(28px,4vw,48px);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:var(--ink-800)}
.smx4 .console-media{position:relative;overflow:hidden;aspect-ratio:2/1}
.smx4 .console-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.smx4 .console-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,13,.32),transparent 14%,transparent 86%,rgba(4,8,13,.32));pointer-events:none}
.smx4 .console-badge{position:absolute;top:16px;left:16px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.75);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}
.smx4 .console-egress{position:absolute;top:16px;right:16px;z-index:3;font-family:var(--mono);font-size:11px;color:var(--brand-2);background:rgba(6,11,19,.75);border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}
.smx4 .console-egress .d{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 8px var(--brand)}
.smx4 .console-chips{display:flex;flex-wrap:wrap;gap:9px;padding:18px 20px;border-top:1px solid var(--line)}
.smx4 .console-chips span{font-size:12.5px;color:var(--text-2);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:7px 13px}
.smx4 .console-chips span svg{width:14px;height:14px;color:var(--brand-2)}
/* scale strip */
.smx4 .scale{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.smx4 .scale-item{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;aspect-ratio:16/9}
.smx4 .scale-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.smx4 .scale-item:hover img{transform:scale(1.05)}
.smx4 .scale-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,8,13,.88))}
.smx4 .scale-item .sl{position:absolute;left:12px;bottom:11px;z-index:2}
.smx4 .scale-item .sl b{display:block;font-size:13px}
.smx4 .scale-item .sl span{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.04em}

/* ============================================================ SIGMIX GUARD */
.smx4 .guard{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(228,185,106,.07),transparent 55%),var(--ink-850);border-block:1px solid var(--line)}
.smx4 .guard-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,5vw,56px);align-items:center}
.smx4 .guard-visual{position:relative}
.smx4 .guard-main{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--gold-line);box-shadow:0 40px 90px -34px rgba(0,0,0,.85),0 0 60px -30px var(--gold-glow);aspect-ratio:4/3;background:var(--ink-700)}
.smx4 .guard-main img{width:100%;height:100%;object-fit:cover}
.smx4 .guard-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,8,13,.55))}
.smx4 .guard-stamp{position:absolute;top:14px;left:14px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:rgba(6,11,19,.72);border:1px solid var(--gold-line);border-radius:100px;padding:6px 12px}
.smx4 .guard-inset{position:absolute;right:-14px;bottom:-18px;width:46%;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 24px 50px -18px rgba(0,0,0,.8);background:var(--ink-700)}
.smx4 .guard-inset img{width:100%;aspect-ratio:16/10;object-fit:cover}
.smx4 .guard-inset .gcap{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--text-2);background:linear-gradient(0deg,rgba(4,8,13,.92),transparent)}
.smx4 .guard-badge-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:34px}
.smx4 .guard-badge-line b{color:var(--gold)}
.smx4 .guard-jobs{display:flex;flex-direction:column;gap:13px;margin:22px 0}
.smx4 .gjob{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--surface);transition:border-color .3s}
.smx4 .gjob:hover{border-color:var(--line-2)}
.smx4 .gjob .gh{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.smx4 .gjob .gi{width:38px;height:38px;border-radius:10px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.28);display:grid;place-items:center;flex:none}
.smx4 .gjob .gi svg{width:19px;height:19px;color:var(--brand-2)}
.smx4 .gjob.gold .gi{background:var(--gold-soft);border-color:var(--gold-line)}.smx4 .gjob.gold .gi svg{color:var(--gold)}
.smx4 .gjob h4{font-size:16px}
.smx4 .gjob p{font-size:13.5px;color:var(--text-2)}
.smx4 .gjob .chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.smx4 .gjob .chips span{font-family:var(--mono);font-size:10.5px;color:var(--text-3);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.smx4 .guard-note{font-size:13px;color:var(--text-3);border-inline-start:2px solid var(--gold);padding:12px 16px;background:var(--surface);border-radius:0 10px 10px 0}
.smx4 .guard-note b{color:var(--text-2)}

/* ============================================================ SIGMIX ZERO */
.smx4 .zero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);align-items:center}
.smx4 .zero-visual{position:relative;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(165deg,var(--ink-700),var(--ink-850));padding:28px;overflow:hidden;aspect-ratio:4/3;display:flex;flex-direction:column}
.smx4 .win-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.smx4 .win-bar .wb-left{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}
.smx4 .win-bar .wpill{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-2);border:1px solid rgba(45,212,191,.3);background:rgba(45,212,191,.08);border-radius:100px;padding:4px 10px;display:flex;align-items:center;gap:6px}
.smx4 .win-bar .wpill .d{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 7px var(--brand)}
.smx4 .zero-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}
.smx4 .ztile{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:13px;display:flex;flex-direction:column;gap:9px;transition:border-color .3s,transform .3s}
.smx4 .ztile:hover{border-color:var(--brand);transform:translateY(-2px)}
.smx4 .ztile .zi{width:32px;height:32px;border-radius:9px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.25);display:grid;place-items:center}
.smx4 .ztile .zi svg{width:16px;height:16px;color:var(--brand-2)}
.smx4 .ztile b{font-size:12px}
.smx4 .zero-foot{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--text-3);flex-wrap:wrap}
.smx4 .zero-foot .zf{display:inline-flex;align-items:center;gap:7px}.smx4 .zero-foot .zf svg{width:14px;height:14px;color:var(--brand-2)}
.smx4 .zero-list{display:flex;flex-direction:column;gap:14px;margin:22px 0 26px}
.smx4 .zli{display:flex;gap:13px}
.smx4 .zli .zc{width:24px;height:24px;border-radius:7px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.3);display:grid;place-items:center;flex:none;margin-top:2px}
.smx4 .zli .zc svg{width:13px;height:13px;color:var(--brand-2)}
.smx4 .zli b{font-size:15px;display:block;margin-bottom:2px}.smx4 .zli p{font-size:14px;color:var(--text-2)}
/* laptop mockup */
.smx4 .laptop{position:relative;width:100%}
.smx4 .laptop-lid{position:relative;background:linear-gradient(180deg,#4a5768 0%,#333e4c 55%,#2b3542 100%);border:1px solid #6b7c92;border-radius:16px 16px 10px 10px;padding:13px 13px 15px;box-shadow:0 45px 90px -26px rgba(0,0,0,.85),0 0 90px -34px rgba(45,212,191,.2),inset 0 1px 0 rgba(255,255,255,.22)}
.smx4 .laptop-cam{display:block;width:5px;height:5px;border-radius:50%;background:#141a22;box-shadow:inset 0 0 2px rgba(0,0,0,.8);margin:0 auto 9px}
.smx4 .laptop-screen{position:relative;border-radius:5px;overflow:hidden;background:#05090f;aspect-ratio:16/10;border:1px solid rgba(0,0,0,.5)}
.smx4 .laptop-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .45s var(--ease)}
.smx4 .laptop-screen img.on{opacity:1}
.smx4 .laptop-base{position:relative;height:15px;width:112%;margin-left:-6%;background:linear-gradient(180deg,#5a6979 0%,#3a4552 60%,#2a333d 100%);border-radius:0 0 10px 10px;box-shadow:0 22px 34px -12px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.16)}
.smx4 .laptop-base::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:6px;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#1c232c,#10151b)}
/* framed device-photo switcher (Sigmix Zero section) */
.smx4 .zframe{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 90px -30px rgba(0,0,0,.85);aspect-ratio:16/10;background:var(--ink-700)}
.smx4 .zframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .45s var(--ease)}
.smx4 .zframe img.on{opacity:1}
.smx4 .laptop-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.smx4 .lthumb{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;transition:border-color .3s,transform .3s;padding:0;background:none}
.smx4 .lthumb img{width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .3s}
.smx4 .lthumb:hover,.smx4 .lthumb.active{border-color:var(--brand-2);transform:translateY(-2px)}
.smx4 .lthumb:hover img,.smx4 .lthumb.active img{opacity:1}
.smx4 .lthumb .lt-lbl{position:absolute;left:0;right:0;bottom:0;padding:7px 8px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);background:linear-gradient(0deg,rgba(4,8,13,.94),transparent);text-align:center}
.smx4 .lthumb.active .lt-lbl{color:var(--brand-2)}
/* DigiCert signed badge */
.smx4 .signed{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--line-2);border-radius:100px;padding:10px 18px;background:var(--surface);margin-bottom:22px}
.smx4 .signed > svg{width:22px;height:22px;color:var(--brand-2);flex:none}
.smx4 .signed b{font-family:var(--display);font-weight:700;font-size:14.5px;letter-spacing:-.01em}
.smx4 .signed small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);display:block;margin-top:1px}

/* ============================================================ SECURITY POSTURE */
.smx4 .posture{background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(16,185,129,.08),transparent 55%),var(--ink-850);border-block:1px solid var(--line)}
.smx4 .posture-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:stretch}
.smx4 .sealed-box{position:relative;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg,rgba(45,212,191,.04),transparent);padding:34px 28px 30px;overflow:hidden}
.smx4 .sealed-box .sb-label{position:absolute;top:-10px;left:28px;background:var(--ink-850);padding:2px 12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2)}
.smx4 .sealed-box .sb-out{position:absolute;top:-10px;right:28px;background:var(--ink-850);padding:2px 12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.smx4 .pipeline{position:relative;margin:24px 0 20px}
.smx4 .track{position:absolute;top:33px;left:5%;right:5%;height:2px;background:var(--line-2);border-radius:2px;z-index:0}
.smx4 .track .packet{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 14px var(--brand-2);transform:translate(-50%,-50%);animation:packet 5s linear infinite}
@keyframes packet{0%{left:0%}100%{left:100%}}
.smx4 .pnodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.smx4 .pnode{text-align:center}
.smx4 .pnode .pdot{width:46px;height:46px;margin:10px auto 10px;border-radius:13px;border:1px solid var(--line-2);background:var(--ink-800);display:grid;place-items:center;transition:all .3s;animation:nodeGlow 5s infinite}
.smx4 .pnode .pdot svg{width:21px;height:21px;color:var(--text-2)}
.smx4 .pnode:nth-child(1) .pdot{animation-delay:0s}.smx4 .pnode:nth-child(2) .pdot{animation-delay:1s}.smx4 .pnode:nth-child(3) .pdot{animation-delay:2s}.smx4 .pnode:nth-child(4) .pdot{animation-delay:3s}.smx4 .pnode:nth-child(5) .pdot{animation-delay:4s}
@keyframes nodeGlow{0%,100%{border-color:var(--line-2);box-shadow:none}6%{border-color:var(--brand-2);box-shadow:0 0 20px -4px var(--glow);background:rgba(45,212,191,.08)}14%{border-color:var(--line-2);box-shadow:none;background:var(--ink-800)}}
.smx4 .pnode b{font-size:12.5px;display:block}
.smx4 .pnode span{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.03em}
.smx4 .barrier{margin-top:8px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px dashed var(--line-2);border-radius:11px;background:rgba(4,8,13,.4);gap:12px;flex-wrap:wrap}
.smx4 .barrier .bl{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600}
.smx4 .barrier .bl svg{width:16px;height:16px;color:var(--brand-2)}
.smx4 .barrier .br{font-family:var(--mono);font-size:11.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:8px}
.smx4 .barrier .br .x{color:#ff6b6b;font-weight:700}
.smx4 .posture-panel{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);padding:26px;display:flex;flex-direction:column}
.smx4 .posture-panel .pp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.smx4 .posture-panel .pp-head b{font-size:15px}
.smx4 .posture-panel .score{font-family:var(--mono);font-size:12px;color:var(--gold);border:1px solid var(--gold-line);border-radius:100px;padding:4px 11px;background:var(--gold-soft)}
.smx4 .pind{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.smx4 .pind:last-child{border:none}
.smx4 .pind .pil{font-size:13.5px;color:var(--text-2);display:flex;align-items:center;gap:10px}
.smx4 .pind .pil .pc{width:22px;height:22px;border-radius:6px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.3);display:grid;place-items:center;flex:none;opacity:0;transform:scale(.6);transition:all .5s var(--ease)}
.smx4 .pind.on .pil .pc{opacity:1;transform:none}
.smx4 .pind .pil .pc svg{width:12px;height:12px;color:var(--brand-2)}
.smx4 .pind .piv{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--brand-2)}
.smx4 .pind .piv.gold{color:var(--gold)}

/* ============================================================ SOFTWARE */
.smx4 .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.smx4 .pcard{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden;transition:transform .5s var(--ease),border-color .3s;display:flex;flex-direction:column}
.smx4 .pcard:hover{transform:translateY(-5px);border-color:var(--line-2)}
.smx4 .pcard-media{position:relative;aspect-ratio:16/10;overflow:hidden;flex:none;background:var(--ink-800)}
.smx4 .pcard-media > img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.smx4 .pcard:hover .pcard-media > img{transform:scale(1.06)}
.smx4 .pcard-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,11,19,.7));pointer-events:none}
.smx4 .ptag{position:absolute;top:12px;left:12px;z-index:3;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.7);border:1px solid var(--line-2);border-radius:100px;padding:5px 11px}
.smx4 .play{position:absolute;z-index:4;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:9px;padding:8px 13px 8px 9px;border-radius:100px;background:rgba(6,11,19,.68);backdrop-filter:blur(8px);border:1px solid var(--line-2);font-size:12.5px;font-weight:600;transition:all .25s}
.smx4 .play:hover{background:var(--grad);color:#04130E;border-color:transparent}
.smx4 .play .pi{width:22px;height:22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}.smx4 .play .pi svg{width:10px;height:10px;color:#04130E;margin-left:1px}.smx4 .play:hover .pi{background:rgba(6,11,19,.28)}.smx4 .play:hover .pi svg{color:#fff}
.smx4 .pcard-body{padding:18px;display:flex;flex-direction:column;flex:1}
.smx4 .pcard-body h4{font-size:18px;margin-bottom:7px}
.smx4 .pcard-body p{font-size:13.5px;color:var(--text-2);margin-bottom:15px;flex:1}
.smx4 .pcard-foot{display:flex;align-items:center;gap:13px;margin-top:auto}
.smx4 .pdf{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-2);transition:color .2s}.smx4 .pdf:hover{color:var(--brand-2)}.smx4 .pdf svg{width:14px;height:14px;color:var(--brand-2)}.smx4 .pdf small{color:var(--text-3);font-weight:500}
.smx4 .learn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand-2);transition:gap .25s}.smx4 .learn:hover{gap:9px}.smx4 .learn svg{width:14px;height:14px}
/* StockIQ dark chart mock */
.smx4 .uimock{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--ink-700),var(--ink-850))}
.smx4 .uimock .umbar{display:flex;align-items:center;gap:6px}
.smx4 .uimock .umbar i{width:8px;height:8px;border-radius:50%;background:var(--line-2);display:block}
.smx4 .uimock .umbar b{margin-inline-start:8px;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.04em}
.smx4 .umchart{flex:1;position:relative;border:1px solid var(--line);border-radius:10px;background:rgba(4,8,13,.4);overflow:hidden}
.smx4 .umchart svg{position:absolute;inset:0;width:100%;height:100%}
.smx4 .umchart .cpill{position:absolute;top:9px;left:10px;font-family:var(--mono);font-size:10px;color:var(--brand-2);background:rgba(6,11,19,.6);border:1px solid var(--line-2);border-radius:6px;padding:3px 8px}
.smx4 .umrow{display:flex;gap:8px}
.smx4 .umstat{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface)}
.smx4 .umstat .l{font-family:var(--mono);font-size:8.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.smx4 .umstat .v{font-family:var(--display);font-size:15px;font-weight:600;color:var(--brand-2);margin-top:2px}

/* ============================================================ DEPLOYMENT */
.smx4 .deploy{background:var(--ink-900);border-block:1px solid var(--line)}
.smx4 .dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.smx4 .dcard{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:26px;transition:transform .5s var(--ease),border-color .3s;overflow:hidden}
.smx4 .dcard:hover{transform:translateY(-5px);border-color:var(--brand)}
.smx4 .dcard.featured{border-color:var(--gold-line);background:linear-gradient(180deg,var(--gold-soft),var(--surface))}
.smx4 .dcard.featured:hover{border-color:var(--gold)}
.smx4 .dcard .ribbon{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:5px 10px;border:1px solid var(--gold-line);border-radius:100px;background:var(--gold-soft)}
.smx4 .dcard .d-ic{width:46px;height:46px;border-radius:12px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.28);display:grid;place-items:center;margin-bottom:16px}.smx4 .dcard .d-ic svg{width:23px;height:23px;color:var(--brand-2)}
.smx4 .dcard.featured .d-ic{background:var(--gold-soft);border-color:var(--gold-line)}.smx4 .dcard.featured .d-ic svg{color:var(--gold)}
.smx4 .dcard h3{font-size:20px;margin-bottom:6px}
.smx4 .dcard .posture-l{font-family:var(--mono);font-size:12px;color:var(--brand-2);margin-bottom:18px;letter-spacing:.04em}
.smx4 .dcard.featured .posture-l{color:var(--gold)}
.smx4 .dcard ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.smx4 .dcard li{display:flex;justify-content:space-between;gap:14px;font-size:13.5px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.smx4 .dcard li:last-child{border:none;padding:0}
.smx4 .dcard li span{color:var(--text-3);font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
.smx4 .dcard li b{font-weight:600;text-align:end}
.smx4 .dcard li b.gold{color:var(--gold)}

/* ============================================================ YOUR DATA, YOUR CHOICE */
.smx4 .choice{background:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(16,185,129,.08),transparent 55%),var(--ink-900);border-block:1px solid var(--line)}
/* no overflow:hidden — it was clipping .choice-boundary, which straddles the top border */
.smx4 .choice-frame{position:relative;border:1px solid var(--line-2);border-radius:22px;padding:clamp(36px,4vw,54px) clamp(20px,3vw,38px) clamp(28px,3vw,42px);background:linear-gradient(180deg,rgba(45,212,191,.03),transparent)}
.smx4 .choice-boundary{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;background:var(--ink-900);padding:3px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap;line-height:1.5;max-width:calc(100% - 24px)}
/* nowrap makes this straddling label 428px wide, i.e. wider than a phone. Let it wrap. */
@media(max-width:640px){.smx4 .choice-boundary{white-space:normal;text-align:center;letter-spacing:.06em;font-size:10px}}
.smx4 .spectrum{margin:4px 0 34px}
.smx4 .spectrum-ends{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 4% 14px}
.smx4 .spectrum-track{position:relative;height:3px;border-radius:3px;background:var(--line-2);margin:0 4%}
.smx4 .spectrum-fill{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--teal));width:62.5%;transition:width .5s var(--ease);box-shadow:0 0 12px var(--glow)}
.smx4 .spectrum-nodes{position:relative;display:flex;margin:0 4%}
.smx4 .tier-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;margin-top:-9px}
.smx4 .tier-node .tn-dot{width:15px;height:15px;border-radius:50%;background:var(--ink-700);border:2px solid var(--line-2);transition:all .3s;z-index:2}
.smx4 .tier-node.active .tn-dot,.smx4 .tier-node:hover .tn-dot{border-color:var(--brand-2);background:var(--brand-2);box-shadow:0 0 0 5px rgba(45,212,191,.12),0 0 16px var(--glow)}
.smx4 .tier-node .tn-label{font-size:14px;font-weight:600;color:var(--text-2);transition:color .3s}
.smx4 .tier-node.active .tn-label,.smx4 .tier-node:hover .tn-label{color:var(--text)}
.smx4 .tier-node .tn-sub{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.02em}
.smx4 .tier-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.smx4 .tier-card{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px 20px;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s;cursor:pointer}
.smx4 .tier-card:hover,.smx4 .tier-card.active{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(0,0,0,.8)}
.smx4 .tier-card.active{border-color:var(--brand-2);background:linear-gradient(180deg,rgba(45,212,191,.05),var(--surface))}
.smx4 .tier-card .tc-rib{position:absolute;top:-9px;left:16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:var(--ink-800);border:1px solid var(--gold-line);border-radius:100px;padding:3px 9px}
.smx4 .tier-card .tc-ic{width:46px;height:46px;border-radius:12px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.28);display:grid;place-items:center;margin-bottom:14px}
.smx4 .tier-card .tc-ic svg{width:23px;height:23px;color:var(--brand-2)}
.smx4 .tier-card .tc-media{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:16px;background:linear-gradient(160deg,var(--ink-700),var(--ink-850));border:1px solid var(--line)}
.smx4 .tier-card .tc-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.smx4 .tier-card:hover .tc-media img,.smx4 .tier-card.active .tc-media img{transform:scale(1.05)}
.smx4 .tier-card .tc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,11,19,.6));pointer-events:none}
.smx4 .tier-card .tc-tag{position:absolute;left:10px;bottom:10px;z-index:2;width:34px;height:34px;border-radius:9px;background:rgba(6,11,19,.72);backdrop-filter:blur(6px);border:1px solid var(--line-2);display:grid;place-items:center}
.smx4 .tier-card .tc-tag svg{width:18px;height:18px;color:var(--brand-2)}
.smx4 .tier-card .tc-ph{position:absolute;inset:0;display:grid;place-items:center;gap:8px}
.smx4 .tier-card .tc-ph svg{width:38px;height:38px;color:var(--brand-2);opacity:.7}
.smx4 .tier-card .tc-ph b{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase}
.smx4 .tier-card h3{font-size:18px;margin-bottom:3px}
.smx4 .tier-card .tc-prod{font-family:var(--mono);font-size:10.5px;color:var(--brand-2);letter-spacing:.02em;margin-bottom:11px}
.smx4 .tier-card > p{font-size:13px;color:var(--text-2);margin-bottom:15px;min-height:58px}
.smx4 .tier-card ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.smx4 .tier-card li{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:8px}
.smx4 .tier-card li:last-child{border:none;padding:0}
.smx4 .tier-card li span{color:var(--text-3);font-family:var(--mono);font-size:10px;letter-spacing:.02em;text-transform:uppercase}
.smx4 .tier-card li b{font-weight:600;text-align:end}
.smx4 .tier-card li b.g{color:var(--gold)}
.smx4 .choice-constant{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:28px}
.smx4 .choice-constant span{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--text-2)}
.smx4 .choice-constant span svg{width:16px;height:16px;color:var(--brand-2)}
@media(max-width:900px){.smx4 .tier-cards{grid-template-columns:1fr 1fr}.smx4 .spectrum{display:none}}
@media(max-width:520px){.smx4 .tier-cards{grid-template-columns:1fr}}

/* ============================================================ CAPABILITY SCALE + MATRIX */
.smx4 .cov-scale{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px 24px}
.smx4 .cov-scale-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.smx4 .cov-scale-head b{font-size:15px}
.smx4 .cov-scale-head span{font-size:13px;color:var(--text-2);flex:1;min-width:220px}
.smx4 .cov-link{font-size:13px;font-weight:600;color:var(--brand-2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:gap .25s;background:none;border:none}
.smx4 .cov-link:hover{gap:9px}.smx4 .cov-link svg{width:14px;height:14px}
.smx4 .cov-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.smx4 .cov-tier{display:flex;flex-direction:column;gap:7px}
.smx4 .cov-tier .ct-name{font-size:12.5px;font-weight:600}
.smx4 .cov-tier .ct-bar{height:6px;border-radius:6px;background:var(--line-2);overflow:hidden}
.smx4 .cov-tier .ct-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--brand),var(--teal));transition:width 1s var(--ease)}
.smx4 .cov-tier .ct-lbl{font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.02em}
.smx4 .mtx-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,13,.84);backdrop-filter:blur(8px)}
.smx4 .mtx-modal.open{display:flex;animation:fade .3s ease}
.smx4 .mtx-box{position:relative;width:min(900px,100%);max-height:88vh;overflow:auto;border-radius:var(--r);border:1px solid var(--line-2);background:var(--ink-800);box-shadow:0 40px 100px -30px #000;animation:pop .4s var(--ease);padding:30px}
.smx4 .mtx-box h3{font-size:22px;margin-bottom:6px}
.smx4 .mtx-box .mtx-sub{font-size:13.5px;color:var(--text-2);margin-bottom:22px}
.smx4 .mtx-table{width:100%;border-collapse:collapse;font-size:12.5px}
.smx4 .mtx-table th,.smx4 .mtx-table td{padding:12px 8px;text-align:center;border-bottom:1px solid var(--line)}
.smx4 .mtx-table th{font-family:var(--mono);font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);font-weight:500;vertical-align:bottom}
.smx4 .mtx-table th.sov{color:var(--brand-2)}
.smx4 .mtx-table td:first-child,.smx4 .mtx-table th:first-child{text-align:left;color:var(--text);font-weight:600;font-family:var(--body);text-transform:none;font-size:13px;letter-spacing:0}
.smx4 .mtx-table .dot{display:inline-block;width:12px;height:12px;border-radius:50%}
.smx4 .mtx-table .g{background:var(--brand);box-shadow:0 0 7px rgba(16,185,129,.5)}
.smx4 .mtx-table .y{background:var(--gold)}
.smx4 .mtx-table .r{background:#e2564f;opacity:.55}
.smx4 .mtx-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:var(--text-2)}
.smx4 .mtx-legend span{display:inline-flex;align-items:center;gap:7px}.smx4 .mtx-legend .dot{width:11px;height:11px;border-radius:50%}
.smx4 .mtx-note{font-family:var(--mono);font-size:11px;color:var(--text-3);margin-top:14px}
.smx4 .mtx-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:var(--ink-700);border:1px solid var(--line-2);display:grid;place-items:center;transition:.25s}
.smx4 .mtx-close:hover{transform:rotate(90deg)}.smx4 .mtx-close svg{width:18px;height:18px}
@media(max-width:760px){.smx4 .cov-tiers{grid-template-columns:1fr 1fr}.smx4 .mtx-box{padding:20px 16px}.smx4 .mtx-table th,.smx4 .mtx-table td{padding:9px 4px;font-size:11px}}

/* ============================================================ INSTALL CHANNELS */
.smx4 .channels{background:var(--ink-850);border-block:1px solid var(--line)}
.smx4 .chan-row{display:grid;gap:16px}
.smx4 .chan-row + .chan-row{margin-top:16px}
.smx4 .chan-row.r3{grid-template-columns:repeat(3,1fr)}
.smx4 .chan-row.r2{grid-template-columns:repeat(2,1fr)}
.smx4 .chan{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px;transition:transform .4s var(--ease),border-color .3s}
.smx4 .chan:hover{transform:translateY(-4px);border-color:var(--brand)}
.smx4 .chan .ch-ic{width:44px;height:44px;border-radius:11px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.28);display:grid;place-items:center;margin-bottom:15px}
.smx4 .chan .ch-ic svg{width:22px;height:22px;color:var(--brand-2)}
.smx4 .chan h4{font-size:17px;margin-bottom:5px}
.smx4 .chan .ch-sub{font-family:var(--mono);font-size:10.5px;color:var(--brand-2);letter-spacing:.02em;margin-bottom:11px;text-transform:uppercase}
.smx4 .chan p{font-size:13.5px;color:var(--text-2);margin-bottom:12px}
.smx4 .chan code{font-family:var(--mono);font-size:11.5px;color:var(--text);background:var(--ink-900);border:1px solid var(--line);border-radius:6px;padding:3px 8px;display:inline-block}
.smx4 .chan-note{margin-top:22px;font-family:var(--mono);font-size:12px;color:var(--text-3);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.smx4 .chan-note svg{width:16px;height:16px;color:var(--brand-2);flex:none}
.smx4 .chan-note b{color:var(--brand-2)}
@media(max-width:820px){.smx4 .chan-row.r3,.smx4 .chan-row.r2{grid-template-columns:1fr}}

/* ============================================================ WORKSPACE TOOL CATEGORIES + point-of-claim logos */
.smx4 .toolcats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.smx4 .toolcat{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px;transition:border-color .3s,transform .4s var(--ease)}
.smx4 .toolcat:hover{border-color:var(--line-2);transform:translateY(-3px)}
.smx4 .toolcat .tc-aud{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.smx4 .toolcat h4{font-size:15px;margin-bottom:13px}
.smx4 .toolcat ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.smx4 .toolcat li{font-size:12.5px;color:var(--text-2);display:flex;gap:9px;align-items:flex-start;line-height:1.4}
.smx4 .toolcat li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand-2);flex:none;margin-top:6px}
.smx4 .sw-cta{text-align:center;margin-top:30px}
.smx4 .inline-logos{display:flex;align-items:center;gap:18px;margin-top:13px;opacity:.72}
.smx4 .inline-logos svg{height:16px;width:auto;color:var(--text)}
.smx4 .inline-tpm{display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto;font-family:var(--mono);font-size:10px;color:var(--brand-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.smx4 .inline-tpm svg{width:16px;height:16px}
.smx4 .cta-tertiary{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--text-2);transition:color .2s}
.smx4 .cta-tertiary:hover{color:var(--brand-2)}
@media(max-width:900px){.smx4 .toolcats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.smx4 .toolcats{grid-template-columns:1fr}}

/* ============================================================ MURAQABA (separate product) */
.smx4 .pgrid.two{grid-template-columns:repeat(2,1fr);max-width:820px;margin-inline:auto}
.smx4 .muraqaba{background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(45,212,191,.09),transparent 55%),var(--ink-850);border-block:1px solid var(--line)}
.smx4 .mq-lock{display:inline-flex;align-items:baseline;gap:10px;justify-content:center;flex-wrap:wrap;max-width:100%}
.smx4 .mq-lock .ar{font-family:"Segoe UI",Tahoma,sans-serif;font-size:clamp(20px,2.4vw,28px);color:var(--teal);font-weight:600}
.smx4 .mq-metrics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 42px}
.smx4 .mq-metric{border:1px solid var(--line-2);border-radius:100px;padding:10px 18px;display:inline-flex;align-items:center;gap:10px}
.smx4 .mq-metric b{font-family:var(--display);font-size:20px;color:var(--teal)}
.smx4 .mq-metric span{font-size:12.5px;color:var(--text-2)}
.smx4 .mq-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:42px}
.smx4 .mq-shot{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:4/3;background:var(--ink-700)}
.smx4 .mq-shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.smx4 .mq-shot:hover img{transform:scale(1.05)}
.smx4 .mq-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,8,13,.86))}
.smx4 .mq-shot .cap{position:absolute;left:12px;bottom:11px;right:12px;z-index:2;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}
.smx4 .mq-shot .cap .d{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);flex:none}
.smx4 .mq-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}
.smx4 .mq-cap{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:22px;transition:border-color .3s,transform .4s var(--ease)}
.smx4 .mq-cap:hover{border-color:rgba(45,212,191,.4);transform:translateY(-3px)}
.smx4 .mq-cap .mc-ic{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,rgba(45,212,191,.14),rgba(14,138,128,.12));border:1px solid rgba(45,212,191,.28);display:grid;place-items:center;margin-bottom:14px}
.smx4 .mq-cap .mc-ic svg{width:21px;height:21px;color:var(--teal)}
.smx4 .mq-cap h4{font-size:16px;margin-bottom:6px}
.smx4 .mq-cap p{font-size:13.5px;color:var(--text-2)}
.smx4 .mq-cap p em{color:var(--text);font-style:italic}
.smx4 .mq-monitored{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:34px}
.smx4 .mq-monitored span{font-size:12.5px;color:var(--text-2);border:1px solid var(--line);border-radius:100px;padding:8px 14px;background:var(--surface)}
.smx4 .mq-foot{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.smx4 .mq-note{font-size:13px;color:var(--text-3);max-width:600px}
.smx4 .mq-note b{color:var(--teal)}
.smx4 .mq-actions{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}
/* product label under the "Other AI solutions by Sigmix" eyebrow */
.smx4 .mq-prod{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin:10px 0 12px}
.smx4 .other-card .mq-prod{margin:0 0 10px}
.smx4 .mq-prod .sep{opacity:.5;margin:0 4px}
/* second product in the same section */
.smx4 .other-rule{display:flex;align-items:center;gap:16px;margin:52px 0 24px;color:var(--text-3)}
.smx4 .other-rule::before,.smx4 .other-rule::after{content:"";height:1px;background:var(--line);flex:1}
.smx4 .other-rule span{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase}
.smx4 .other-card{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;border:1px solid var(--gold-line);background:linear-gradient(150deg,rgba(228,185,106,.07),transparent 62%);border-radius:var(--r);padding:30px}
.smx4 .other-card h3{font-size:clamp(21px,2.3vw,28px);margin-bottom:10px}
.smx4 .other-card p{font-size:14.4px;color:var(--text-2);line-height:1.62;max-width:52ch}
.smx4 .oc-stats{display:flex;gap:26px;flex-wrap:wrap;margin:20px 0 18px}
.smx4 .oc-stats span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);display:flex;flex-direction:column;gap:4px}
.smx4 .oc-stats b{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:var(--gold);letter-spacing:0;text-transform:none}
.smx4 .oc-chart{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--ink-800);padding:14px;overflow:hidden}
.smx4 .oc-chart svg{width:100%;height:132px;display:block}
.smx4 .oc-chart .cpill{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:4px 10px}
@media(max-width:820px){.smx4 .other-card{grid-template-columns:1fr;gap:22px;padding:22px}}
@media(max-width:820px){.smx4 .mq-gallery,.smx4 .mq-caps{grid-template-columns:1fr}.smx4 .pgrid.two{grid-template-columns:1fr}}

/* ============================================================ STATS / CTA / FOOTER */
.smx4 .stats{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 130% at 50% 0%,rgba(16,185,129,.16),transparent 60%),linear-gradient(180deg,var(--ink-750),var(--ink-800));border-block:1px solid var(--line)}
.smx4 .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.smx4 .stat .num{font-family:var(--display);font-weight:700;font-size:clamp(42px,6vw,70px);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 .stat .num.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text}
.smx4 .stat .lbl{font-size:14px;color:var(--text-2);margin-top:11px}
.smx4 .stat + .stat{border-inline-start:1px solid var(--line)}
.smx4 .cta-wrap{position:relative;border:1px solid var(--line-2);border-radius:24px;overflow:hidden;padding:clamp(44px,6vw,80px) clamp(26px,5vw,64px);text-align:center;background:radial-gradient(ellipse 80% 130% at 50% -20%,rgba(45,212,191,.18),transparent 60%),var(--ink-700)}
.smx4 .cta-wrap .pk{position:absolute;width:22px;height:22px;border-color:var(--brand-2);border-style:solid;border-width:0;opacity:.6}
.smx4 .cta-wrap .pk.tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.smx4 .cta-wrap .pk.tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}
.smx4 .cta-wrap .pk.bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.smx4 .cta-wrap .pk.br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}
.smx4 .cta-wrap h2{font-size:clamp(30px,4.2vw,50px);margin-bottom:14px}.smx4 .cta-wrap h2 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 .cta-wrap p{font-size:clamp(15px,1.5vw,18px);color:var(--text-2);max-width:560px;margin:0 auto 28px}
.smx4 .cta-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.smx4 footer{background:var(--ink-850);border-top:1px solid var(--line)}
.smx4 .foot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:38px;padding-block:56px 40px}
.smx4 .foot-brand .brand{margin-bottom:15px}.smx4 .foot-brand p{font-size:14px;color:var(--text-2);max-width:290px;margin-bottom:18px}
.smx4 .made{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--gold);letter-spacing:.03em}.smx4 .made svg{width:15px;height:15px;color:var(--gold)}
.smx4 .foot-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:15px}
.smx4 .foot-col a{display:block;font-size:14px;color:var(--text-2);padding:6px 0;transition:color .2s}.smx4 .foot-col a:hover{color:var(--brand-2)}
.smx4 .creds{border-top:1px solid var(--line);padding-block:22px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center}
.smx4 .cred{font-family:var(--mono);font-size:12px;color:var(--text-3)}.smx4 .cred b{color:var(--text-2);font-weight:600}
.smx4 .foot-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.smx4 .foot-bottom p{font-family:var(--mono);font-size:12px;color:var(--text-3)}

/* ============================================================ DRAWER / TABBAR / MODAL */
.smx4 .scrim{position:fixed;inset:0;z-index:125;background:rgba(3,7,13,.7);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.3s}
.smx4 .scrim.show{opacity:1;visibility:visible}
.smx4 .drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(400px,86vw);z-index:130;background:var(--ink-800);border-inline-start:1px solid var(--line-2);transform:translateX(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;overflow-y:auto}
.smx4 .drawer.show{transform:none}
.smx4 .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.smx4 .drawer-close{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;transition:.25s}.smx4 .drawer-close:hover{background:var(--surface-2)}.smx4 .drawer-close svg{width:18px;height:18px}
.smx4 .drawer-body{padding:14px 16px 24px;flex:1}
.smx4 .acc{border-bottom:1px solid var(--line)}
.smx4 .acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 8px;font-size:16px;font-weight:600}
.smx4 .acc-head svg{width:18px;height:18px;color:var(--text-3);transition:transform .3s}.smx4 .acc.open .acc-head svg{transform:rotate(180deg)}
.smx4 .acc-panel{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.smx4 .acc-panel-inner{padding:0 8px 14px}
.smx4 .acc-panel a{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:10px;font-size:14.5px;color:var(--text-2);transition:background .2s}.smx4 .acc-panel a:hover{background:var(--surface-2);color:var(--text)}
.smx4 .acc-panel a .mi{width:32px;height:32px;border-radius:9px;background:var(--grad-soft);border:1px solid rgba(52,211,153,.25);display:grid;place-items:center;flex:none}.smx4 .acc-panel a .mi svg{width:16px;height:16px;color:var(--brand-2)}
.smx4 .drawer-links > a{display:block;padding:16px 8px;font-size:16px;font-weight:600;border-bottom:1px solid var(--line)}
.smx4 .drawer-foot{padding:20px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.smx4 .tabbar{position:fixed;bottom:0;left:0;right:0;z-index:110;display:none;background:rgba(6,11,19,.9);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
/* minmax(0,1fr) not 1fr: a bare 1fr keeps an implicit min-width:auto, so a long
   label (or any Arabic label, which runs longer) forces the grid wider than the
   viewport, which drags the fixed header out with it and clips the burger. */
.smx4 .tabbar-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;max-width:520px;margin:0 auto}
.smx4 .tab>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smx4 .tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:12px;font-size:10.5px;font-weight:600;color:var(--text-3);transition:color .2s;min-width:0}
.smx4 .tab.active,.smx4 .tab:hover{color:var(--brand-2)}.smx4 .tab.active{background:var(--surface-2)}.smx4 .tab svg{width:21px;height:21px}
.smx4 .tab.cta-tab{color:#04130E;background:var(--grad);margin:-2px 0}
.smx4 .modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,13,.84);backdrop-filter:blur(8px)}
.smx4 .modal.open{display:flex;animation:fade .3s ease}@keyframes fade{from{opacity:0}}
.smx4 .modal-box{position:relative;width:min(880px,100%);border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800);box-shadow:0 40px 100px -30px #000;animation:pop .4s var(--ease)}
@keyframes pop{from{transform:scale(.94);opacity:0}}
.smx4 .modal-media{position:relative;aspect-ratio:16/9;background:var(--ink-900)}
.smx4 .modal-media img{width:100%;height:100%;object-fit:cover;opacity:.5}
.smx4 .modal-media .bigplay{position:absolute;inset:0;display:grid;place-items:center}
.smx4 .modal-media .bigplay button{width:72px;height:72px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 10px 40px -6px var(--glow);transition:transform .3s}.smx4 .modal-media .bigplay button:hover{transform:scale(1.08)}.smx4 .modal-media .bigplay svg{width:26px;height:26px;color:#04130E;margin-left:3px}
.smx4 .modal-cap{position:absolute;bottom:14px;left:16px;font-family:var(--mono);font-size:11px;color:var(--text-2);background:rgba(6,11,19,.7);padding:6px 12px;border-radius:100px;border:1px solid var(--line)}
.smx4 .modal-info{padding:20px 24px}.smx4 .modal-info h3{font-size:21px;margin-bottom:6px}.smx4 .modal-info p{font-size:14px;color:var(--text-2)}
.smx4 .modal-close{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border-radius:50%;background:rgba(6,11,19,.7);border:1px solid var(--line-2);display:grid;place-items:center;transition:.25s}.smx4 .modal-close:hover{background:var(--ink-650);transform:rotate(90deg)}.smx4 .modal-close svg{width:18px;height:18px}

.smx4 .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.smx4 .reveal.in{opacity:1;transform:none}
.smx4 .reveal[data-d="1"]{transition-delay:.07s}.smx4 .reveal[data-d="2"]{transition-delay:.14s}.smx4 .reveal[data-d="3"]{transition-delay:.21s}.smx4 .reveal[data-d="4"]{transition-delay:.28s}
/* hero content must ALWAYS be visible on load — never hidden behind scroll-reveal */
.smx4 .hero .reveal{opacity:1!important;transform:none!important}

@media(max-width:1000px){
  .smx4 .nav-menu,.smx4 .search-pill{display:none}.smx4 .burger{display:flex}
  .smx4 .hero-grid,.smx4 .srv-grid,.smx4 .guard-grid,.smx4 .zero-grid,.smx4 .posture-wrap{grid-template-columns:1fr;gap:36px}
  .smx4 .hero-media,.smx4 .srv-media{max-width:560px;margin-inline:auto;width:100%}
  .smx4 .guard-visual{max-width:520px;margin-inline:auto;width:100%}.smx4 .guard-inset{width:42%}
  .smx4 .zero-visual{order:-1}
  .smx4 .foot-top{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:760px){
  .smx4{--navh:62px}
  .smx4 .pgrid,.smx4 .dep-grid,.smx4 .scale{grid-template-columns:1fr}
  .smx4 .stats-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.smx4 .stat + .stat{border:none}.smx4 .stat:nth-child(3),.smx4 .stat:nth-child(4){border-top:1px solid var(--line);padding-top:28px}
  .smx4 .foot-top{grid-template-columns:1fr}.smx4 .foot-bottom{flex-direction:column;align-items:flex-start}
  .smx4 .tabbar{display:block}.smx4{padding-bottom:70px}.smx4 .nav-cta{display:none}
  .smx4 .telemetry{grid-template-columns:1fr 1fr}.smx4 .tcell:last-child{display:none}
  .smx4 .pnode span{display:none}.smx4 .pnode b{font-size:11px}
  .smx4 .guard-inset{width:48%}
  .smx4 .logowall{gap:14px 26px}.smx4 .plogo svg{height:22px}
}
/* larger monitors — widen content so it fills 1440 / 2k / 4k instead of floating in margin */
@media(min-width:1600px){.smx4{--maxw:1480px}}
@media(min-width:2000px){.smx4{--maxw:1680px}}
@media(min-width:2560px){.smx4{--maxw:1880px}}
@media(min-width:3400px){.smx4{--maxw:2280px}}
@media(prefers-reduced-motion:reduce){
  .smx4 *{animation:none!important;scroll-behavior:auto!important}
  .smx4 .reveal{opacity:1;transform:none;transition:none}.smx4 .pind .pil .pc{opacity:1;transform:none}
}

/* ---- from about.html ---- */
/* ============ ABOUT — page-specific ============ */
.smx4 .gold{color:var(--gold)}
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}

/* hero */
.smx4 .bh .reveal{opacity:1!important;transform:none!important}
.smx4 .bh{position:relative;padding:calc(var(--navh,68px) + 56px) 0 44px;overflow:hidden}
.smx4 .bh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 62% at 26% 24%,rgba(45,212,191,.14),transparent 62%);pointer-events:none}
.smx4 .bh-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center;position:relative;z-index:1}
.smx4 .bh h1{font-size:clamp(32px,4.1vw,52px);line-height:1.05;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .bh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.64;max-width:56ch}
.smx4 .bh-lock{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:19px;color:var(--gold);margin-top:18px;display:block}
.smx4 .bh-media{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);box-shadow:0 40px 92px -36px rgba(0,0,0,.9)}
.smx4 .bh-media img{width:100%;display:block}
.smx4 .bh-media .cap{position:absolute;left:13px;bottom:13px;font-family:var(--mono);font-size:9.6px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* recognition strip */
.smx4 .recog{margin-top:30px}
.smx4 .recog-lead{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-align:center;display:block;margin-bottom:18px}
.smx4 .recog-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.smx4 .lchip{background:#fff;border-radius:12px;padding:14px 20px;display:grid;place-items:center;min-width:130px;height:66px}
.smx4 .lchip img{max-height:34px;max-width:112px;object-fit:contain;display:block}
.smx4 .lchip img.dark{filter:brightness(0)}

/* why */
.smx4 .why{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;align-items:center;margin-top:26px}
.smx4 .why .k{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 11px;margin-bottom:13px}
.smx4 .why h2{font-size:clamp(24px,2.8vw,36px);margin-bottom:14px;line-height:1.11}
.smx4 .why p{font-size:15px;color:var(--text-2);line-height:1.66;max-width:56ch}
.smx4 .why p + p{margin-top:13px}
.smx4 .why b{color:var(--text)}

/* principles */
.smx4 .prin{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:26px}
.smx4 .pr{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px;transition:all .25s var(--ease)}
.smx4 .pr:hover{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .pr .n{font-family:var(--mono);font-size:9.6px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2);display:block;margin-bottom:11px}
.smx4 .pr h3{font-size:17px;margin-bottom:9px;line-height:1.22}
.smx4 .pr p{font-size:13.5px;color:var(--text-2);line-height:1.58}
.smx4 .pr.g{border-color:var(--gold-line);background:linear-gradient(155deg,rgba(228,185,106,.07),transparent 62%)}
.smx4 .pr.g .n{color:var(--gold)}

/* stage — the honest bit */
.smx4 .stage{border:1px solid var(--gold-line);border-left:3px solid var(--gold);background:linear-gradient(100deg,rgba(228,185,106,.08),transparent 58%);border-radius:0 var(--r) var(--r) 0;padding:30px 32px;margin-top:26px}
.smx4 .stage h3{font-size:21px;margin-bottom:11px}
.smx4 .stage p{font-size:14.6px;color:var(--text-2);line-height:1.66;max-width:72ch}
.smx4 .stage p + p{margin-top:12px}
.smx4 .stage b{color:var(--text)}

/* identity */
.smx4 .ident{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--surface)}
.smx4 .ident div{padding:20px;border-right:1px solid var(--line)}
.smx4 .ident div:last-child{border-right:0}
.smx4 .ident .l{font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:7px}
.smx4 .ident .v{font-family:var(--mono);font-size:13.2px;color:var(--text)}

/* stats */
.smx4 .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--surface)}
.smx4 .figs div{padding:22px 20px;border-right:1px solid var(--line)}
.smx4 .figs div:last-child{border-right:0}
.smx4 .figs b{display:block;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;color:var(--brand-2);line-height:1}
.smx4 .figs span{display:block;font-family:var(--mono);font-size:9.8px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);margin-top:7px}

/* closing */
.smx4 .bcta{text-align:center;padding:58px 0}
.smx4 .bcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .bcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .bcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){.smx4 .bh-grid,.smx4 .why{grid-template-columns:1fr;gap:28px}}

/* ---- from api.html ---- */
/* ============ API & DOCS — page-specific ============ */
.smx4 .gold{color:var(--gold)}

/* hero */
.smx4 .ah .reveal{opacity:1!important;transform:none!important}
.smx4 .ah{position:relative;padding:calc(var(--navh,68px) + 54px) 0 48px;overflow:hidden}
.smx4 .ah::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 60% at 26% 26%,rgba(45,212,191,.14),transparent 62%);pointer-events:none}
.smx4 .ah-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:center;position:relative;z-index:1}
.smx4 .ah h1{font-size:clamp(31px,4vw,51px);line-height:1.05;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .ah-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;max-width:54ch;margin-bottom:22px}
.smx4 .ah-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.smx4 .ah-fine{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}
.smx4 .ah-fine b{color:var(--brand-2);font-weight:500}

/* code block */
.smx4 .code{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:#050A11;box-shadow:0 30px 70px -30px rgba(0,0,0,.85)}
.smx4 .code-bar{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.smx4 .code-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);display:block}
.smx4 .code-bar .t{margin-left:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.smx4 .code-bar .cp{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 10px;cursor:pointer;background:none;transition:all .2s}
.smx4 .code-bar .cp:hover{border-color:var(--brand-2);background:var(--grad-soft)}
.smx4 .code pre{margin:0;padding:18px 18px 20px;overflow-x:auto;font-family:var(--mono);font-size:12.6px;line-height:1.72;color:#C6D6E4}
.smx4 .code .c{color:#5A7288}                 /* comment  */
.smx4 .code .k{color:#7DEBD8}                 /* keyword  */
.smx4 .code .s{color:#E4B96A}                 /* string   */
.smx4 .code .n{color:#9FB4C6}                 /* punctuation */
.smx4 .code .f{color:#34D399}                 /* function/method */

/* posture switcher */
.smx4 .bases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px;margin-top:24px}
.smx4 .base{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px}
.smx4 .base.g{border-color:var(--gold-line);background:linear-gradient(150deg,rgba(228,185,106,.07),transparent 62%)}
.smx4 .base .n{font-family:var(--mono);font-size:9.4px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2);display:block;margin-bottom:9px}
.smx4 .base.g .n{color:var(--gold)}
.smx4 .base h4{font-size:15px;margin-bottom:7px}
.smx4 .base .url{font-family:var(--mono);font-size:11.8px;color:var(--text);background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:6px;padding:7px 10px;display:block;margin-bottom:9px;word-break:break-all}
.smx4 .base p{font-size:12.7px;color:var(--text-2);line-height:1.5}

/* endpoint table */
.smx4 .tblwrap{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:var(--r)}
.smx4 table.atbl{width:100%;border-collapse:collapse;font-size:13.2px;min-width:700px}
.smx4 table.atbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:13px 16px;background:rgba(255,255,255,.022);border-bottom:1px solid var(--line-2)}
.smx4 table.atbl td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top;line-height:1.5}
.smx4 table.atbl tr:last-child td{border-bottom:none}
.smx4 .verb{font-family:var(--mono);font-size:10px;letter-spacing:.09em;border-radius:5px;padding:3px 8px;white-space:nowrap}
.smx4 .verb.post{color:#34D399;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.1)}
.smx4 .verb.get{color:#7DEBD8;border:1px solid rgba(125,235,216,.3);background:rgba(125,235,216,.08)}
.smx4 table.atbl code{font-family:var(--mono);font-size:12.2px;color:var(--text)}

/* feature cards */
.smx4 .acards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px;margin-top:24px}
.smx4 .acard{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:22px}
.smx4 .acard .i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:13px}
.smx4 .acard .i svg{width:16px;height:16px}
.smx4 .acard h3{font-size:15.5px;margin-bottom:8px}
.smx4 .acard p{font-size:13.2px;color:var(--text-2);line-height:1.55}

/* sdk grid */
.smx4 .sdks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px}
.smx4 .sdk{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:12px}
.smx4 .sdk .lg{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--brand-2);flex:none;font-weight:600}
.smx4 .sdk b{display:block;font-size:14px;margin-bottom:2px}
.smx4 .sdk span{font-family:var(--mono);font-size:10.6px;color:var(--text-3)}

/* limits */
.smx4 .limits{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px}
.smx4 .lim{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13.2px;color:var(--text-2);align-items:center}
.smx4 .lim:last-child{border-bottom:0}
.smx4 .lim.head{background:rgba(255,255,255,.022);font-family:var(--mono);font-size:9.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.smx4 .lim b{color:var(--text);font-weight:600}
.smx4 .lim .v{font-family:var(--mono);font-size:12.4px;color:var(--brand-2)}
.smx4 .lim .v.inf{color:var(--gold)}

/* split */
.smx4 .split{display:grid;grid-template-columns:1fr 1.25fr;gap:38px;align-items:center;margin-top:26px}
.smx4 .sc .k2{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 11px;margin-bottom:13px}
.smx4 .sc h3{font-size:clamp(20px,2.2vw,28px);margin-bottom:11px;line-height:1.14}
.smx4 .sc p{font-size:14.4px;color:var(--text-2);line-height:1.62;max-width:52ch}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .acta{text-align:center;padding:56px 0}
.smx4 .acta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .acta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .acta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){.smx4 .ah-grid,.smx4 .split{grid-template-columns:1fr;gap:26px}}
@media(max-width:760px){.smx4 .lim{grid-template-columns:1fr;gap:6px}.smx4 .lim.head{display:none}}

/* ---- from aup.html ---- */
/* ============ LEGAL PAGES — shared ============ */
.smx4 .lh{position:relative;padding:calc(var(--navh,68px) + 46px) 0 26px;overflow:hidden}
.smx4 .lh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 66% at 50% 0%,rgba(45,212,191,.10),transparent 60%);pointer-events:none}
.smx4 .lh-in{position:relative;z-index:1;max-width:var(--maxw)}
.smx4 .lh h1{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.022em;margin:12px 0 12px}
.smx4 .lh-meta{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--text-3)}
.smx4 .lh-meta span{border:1px solid var(--line-2);border-radius:100px;padding:5px 12px}

/* mockup banner — legally load-bearing honesty */
.smx4 .mocknote{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:12px;padding:15px 18px;margin-top:22px;font-size:13px;color:var(--text-2);line-height:1.58}
.smx4 .mocknote svg{width:18px;height:18px;color:var(--gold);flex:none;margin-top:1px}
.smx4 .mocknote a{color:var(--brand-2)}

.smx4 .lh-tag{font-size:clamp(14px,1.3vw,16px);color:var(--text-2);line-height:1.6;max-width:74ch;margin-top:18px}
.smx4 .doc-intro{font-size:14.6px;color:var(--text-2);line-height:1.72;margin-bottom:16px}
.smx4 .doc-intro:last-of-type{margin-bottom:24px}

/* layout: sticky TOC + article */
.smx4 .legal-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start;margin-top:40px}
.smx4 .toc{position:sticky;top:calc(var(--navh,68px) + 20px);align-self:start}
.smx4 .toc .t{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;display:block}
.smx4 .toc ol{list-style:none;counter-reset:toc;display:grid;gap:2px;max-height:70vh;overflow-y:auto;padding-right:6px}
.smx4 .toc li{counter-increment:toc}
.smx4 .toc a{display:flex;gap:9px;font-size:12.8px;color:var(--text-2);text-decoration:none;padding:7px 10px;border-radius:8px;line-height:1.35;transition:all .18s}
.smx4 .toc a::before{content:counter(toc);font-family:var(--mono);font-size:10.5px;color:var(--text-3);flex:none;padding-top:1px}
.smx4 .toc a:hover{background:var(--surface-2);color:var(--text)}
.smx4 .toc a.active{background:var(--grad-soft);color:var(--brand-2)}
.smx4 .toc a.active::before{color:var(--brand-2)}

.smx4 .doc{max-width:760px;counter-reset:sec}
.smx4 .doc section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--navh,68px) + 24px)}
.smx4 .doc section:last-child{border-bottom:0}
.smx4 .doc h2{counter-increment:sec;font-size:19px;margin-bottom:14px;display:flex;gap:12px;align-items:baseline;letter-spacing:-.01em}
.smx4 .doc h2::before{content:counter(sec);font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--brand-2);flex:none;min-width:22px}
.smx4 .doc p{font-size:14.4px;color:var(--text-2);line-height:1.72;margin-bottom:13px}
.smx4 .doc p:last-child{margin-bottom:0}
.smx4 .doc ul{list-style:none;display:grid;gap:9px;margin:0 0 14px 0}
.smx4 .doc ul li{position:relative;padding-left:20px;font-size:14px;color:var(--text-2);line-height:1.6}
.smx4 .doc ul li::before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--brand-2)}
.smx4 .doc b{color:var(--text)}
.smx4 .doc a{color:var(--brand-2)}
.smx4 .doc code{font-family:var(--mono);font-size:12.8px;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:5px;padding:1px 6px}

/* inline tables inside legal text */
.smx4 .doc .ltbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:6px 0 14px}
.smx4 .doc table{width:100%;border-collapse:collapse;font-size:13px;min-width:440px}
.smx4 .doc th{text-align:left;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:11px 14px;background:rgba(255,255,255,.022);border-bottom:1px solid var(--line-2)}
.smx4 .doc td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top;line-height:1.5}
.smx4 .doc tr:last-child td{border-bottom:0}
.smx4 .doc td:first-child{color:var(--text);font-weight:600}

.smx4 .doc .cluster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:6px 0 4px}
.smx4 .doc .cluster div{padding:15px 16px;border-right:1px solid var(--line)}
.smx4 .doc .cluster div:last-child{border-right:0}
.smx4 .doc .cluster .l{font-family:var(--mono);font-size:9.4px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:5px}
.smx4 .doc .cluster .v{font-family:var(--mono);font-size:12.6px;color:var(--text)}

.smx4 .doc .related{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.smx4 .doc .related a{font-family:var(--mono);font-size:11px;letter-spacing:.04em;border:1px solid var(--line-2);border-radius:100px;padding:7px 13px;text-decoration:none;color:var(--text-2)}
.smx4 .doc .related a:hover{border-color:var(--brand-2);color:var(--brand-2)}

@media(max-width:900px){
  .smx4 .legal-wrap{grid-template-columns:minmax(0,1fr);gap:22px}
  .smx4 .toc{position:static;max-height:none}
  .smx4 .toc ol{max-height:none;grid-template-columns:1fr 1fr;gap:2px 14px}
}

/* ---- from contact.html ---- */
/* ============ CONTACT — page-specific ============ */
.smx4 .gold{color:var(--gold)}
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}

/* hero */
.smx4 .ch .reveal{opacity:1!important;transform:none!important}
.smx4 .ch{position:relative;padding:calc(var(--navh,68px) + 56px) 0 30px;overflow:hidden;text-align:center}
.smx4 .ch::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58% 70% at 50% 6%,rgba(45,212,191,.14),transparent 62%);pointer-events:none}
.smx4 .ch-in{position:relative;z-index:1;max-width:760px;margin:0 auto}
.smx4 .ch h1{font-size:clamp(32px,4.1vw,52px);line-height:1.06;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .ch p{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62}

/* routes */
.smx4 .routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px;margin-top:30px}
.smx4 .route{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;transition:all .25s var(--ease)}
.smx4 .route:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-2px)}
.smx4 .route.primary{border-color:var(--line-2);background:linear-gradient(155deg,rgba(52,211,153,.09),transparent 62%)}
.smx4 .route .i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:14px}
.smx4 .route .i svg{width:17px;height:17px}
.smx4 .route h3{font-size:16.5px;margin-bottom:8px}
.smx4 .route p{font-size:13.3px;color:var(--text-2);line-height:1.55;margin-bottom:16px}
.smx4 .route .go{margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--brand-2);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.smx4 .route .go svg{width:13px;height:13px}
.smx4 .route .go:hover{color:var(--mint)}

/* form */
.smx4 .formwrap{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start;margin-top:26px}
.smx4 .form{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r);padding:30px}
/* minmax(0,…) + max-width on the controls: a <select> sizes to its widest <option>
   ("Sovereign AI Workspace — the 13-tool suite"), which a bare 1fr column cannot shrink below. */
.smx4 .fgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
.smx4 .fld input,.smx4 .fld select,.smx4 .fld textarea{max-width:100%;min-width:0}
.smx4 .fld{display:flex;flex-direction:column;gap:7px}
.smx4 .fld.full{grid-column:1/-1}
.smx4 .fld label{font-family:var(--mono);font-size:9.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
.smx4 .fld input,.smx4 .fld select,.smx4 .fld textarea{background:var(--ink-800);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .2s,background .2s}
.smx4 .fld input:focus,.smx4 .fld select:focus,.smx4 .fld textarea:focus{outline:none;border-color:var(--brand-2);background:var(--ink-750)}
.smx4 .fld textarea{min-height:110px;resize:vertical}
.smx4 .fld select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.smx4 .form-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.smx4 .form-note{font-family:var(--mono);font-size:10.6px;color:var(--text-3);line-height:1.6;flex:1;min-width:200px}
.smx4 .mock{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:6px 12px;margin-bottom:18px}

/* side panel */
.smx4 .side{display:grid;gap:14px}
.smx4 .card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px}
.smx4 .card h4{font-size:15.5px;margin-bottom:12px}
.smx4 .card .row{display:flex;flex-direction:column;gap:4px}
.smx4 .card .row + .row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.smx4 .card .l{font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
.smx4 .card .v{font-family:var(--mono);font-size:13.2px;color:var(--brand-2);word-break:break-all}
.smx4 .card .v.plain{color:var(--text)}
.smx4 .card p{font-size:13.2px;color:var(--text-2);line-height:1.55}

/* sla */
.smx4 .sla{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--surface)}
.smx4 .sla div{padding:21px 20px;border-right:1px solid var(--line)}
.smx4 .sla div:last-child{border-right:0}
.smx4 .sla b{display:block;font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;color:var(--brand-2);line-height:1}
.smx4 .sla span{display:block;font-family:var(--mono);font-size:9.8px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);margin-top:7px}

/* identity */
.smx4 .ident{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--surface)}
.smx4 .ident div{padding:20px;border-right:1px solid var(--line)}
.smx4 .ident div:last-child{border-right:0}
.smx4 .ident .l{font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:7px}
.smx4 .ident .v{font-family:var(--mono);font-size:13.2px;color:var(--text)}

.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:24px;font-size:13.2px;color:var(--text-2);line-height:1.6}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){.smx4 .formwrap{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:560px){.smx4 .fgrid{grid-template-columns:minmax(0,1fr)}}

/* ---- from education.html ---- */
/* ============ EDUCATION — page-specific ============ */
.smx4 .gold{color:var(--gold)}
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}

/* hero — full-bleed photo */
.smx4 .eh .reveal{opacity:1!important;transform:none!important}
.smx4 .eh{position:relative;min-height:clamp(520px,72vh,720px);display:flex;align-items:flex-end;overflow:hidden;padding-bottom:clamp(40px,6vw,66px)}
.smx4 .eh-bg{position:absolute;inset:0;z-index:0}
.smx4 .eh-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.smx4 .eh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,13,.86) 0%,rgba(4,8,13,.55) 34%,rgba(4,8,13,.93) 88%)}
.smx4 .eh-in{position:relative;z-index:1;max-width:820px}
.smx4 .eh h1{font-size:clamp(32px,4.3vw,54px);line-height:1.04;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .eh p{font-size:clamp(15px,1.4vw,18px);color:var(--text-2);line-height:1.62;max-width:58ch}
.smx4 .eh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* cost — the headline argument */
.smx4 .cost{border:1px solid var(--gold-line);background:linear-gradient(140deg,rgba(228,185,106,.10),transparent 64%);border-radius:var(--r);padding:32px;margin-top:26px}
.smx4 .cost h3{font-size:clamp(21px,2.3vw,29px);margin-bottom:12px;line-height:1.15}
.smx4 .cost p{font-size:14.8px;color:var(--text-2);line-height:1.66;max-width:70ch}
.smx4 .cost p + p{margin-top:12px}
.smx4 .cost b{color:var(--text)}
.smx4 .cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.smx4 .cmp div{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px}
.smx4 .cmp .h{font-family:var(--mono);font-size:9.8px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:10px}
.smx4 .cmp .them .h{color:#FF8B7B}
.smx4 .cmp .us .h{color:var(--brand-2)}
.smx4 .cmp b{display:block;font-family:'Space Grotesk',sans-serif;font-size:19px;margin-bottom:7px;line-height:1.2}
.smx4 .cmp p{font-size:13.2px;color:var(--text-2);line-height:1.55}

/* guardrails */
.smx4 .rails{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:14px;margin-top:24px}
.smx4 .rail{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:22px}
.smx4 .rail .i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:13px}
.smx4 .rail .i svg{width:16px;height:16px}
.smx4 .rail h3{font-size:16px;margin-bottom:8px}
.smx4 .rail p{font-size:13.2px;color:var(--text-2);line-height:1.55}

/* split with photo */
.smx4 .esplit{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;margin-top:26px}
.smx4 .esplit.rev{grid-template-columns:1.2fr 1fr}
.smx4 .esplit.rev .ec{order:2}
.smx4 .ec .k{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 11px;margin-bottom:13px}
.smx4 .ec h2{font-size:clamp(22px,2.6vw,33px);margin-bottom:12px;line-height:1.12}
.smx4 .ec p{font-size:14.8px;color:var(--text-2);line-height:1.64;max-width:54ch}
.smx4 .ec p + p{margin-top:11px}
.smx4 .eframe{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);box-shadow:0 36px 84px -34px rgba(0,0,0,.9)}
.smx4 .eframe img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.smx4 .eframe .cap{position:absolute;left:13px;bottom:13px;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* photo pair */
.smx4 .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.smx4 .pair figure{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);margin:0}
.smx4 .pair img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.smx4 .pair figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;background:linear-gradient(180deg,transparent,rgba(4,8,13,.94));font-size:13.4px;color:var(--text)}

/* outcomes */
.smx4 .outs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--surface)}
.smx4 .outs div{padding:22px 20px;border-right:1px solid var(--line)}
.smx4 .outs div:last-child{border-right:0}
.smx4 .outs b{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;color:var(--brand-2);line-height:1}
.smx4 .outs span{display:block;font-family:var(--mono);font-size:9.8px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);margin-top:7px}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .ecta{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--line-2);margin-top:10px}
.smx4 .ecta-bg{position:absolute;inset:0;z-index:0}
.smx4 .ecta-bg img{width:100%;height:100%;object-fit:cover}
.smx4 .ecta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(4,8,13,.95) 30%,rgba(4,8,13,.7))}
.smx4 .ecta-in{position:relative;z-index:1;padding:clamp(36px,5vw,64px);max-width:640px}
.smx4 .ecta h2{font-size:clamp(25px,3vw,38px);margin-bottom:13px;line-height:1.1}
.smx4 .ecta p{color:var(--text-2);font-size:15.2px;line-height:1.62;margin-bottom:24px}
.smx4 .ecta-actions{display:flex;gap:12px;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:24px;font-size:13.2px;color:var(--text-2);line-height:1.6}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){.smx4 .esplit,.smx4 .esplit.rev{grid-template-columns:1fr;gap:26px}.smx4 .esplit.rev .ec{order:0}.smx4 .cmp,.smx4 .pair{grid-template-columns:1fr}}

/* ---- from forgot.html ---- */
/* ============ SIGMIX AUTH — login / sign-up / forgot ============
   ONE stylesheet shared by all three pages (PAGES entries pass css="auth"), so the form system
   cannot drift the way legal.css did across the five legal pages.

   These are STATIC form templates for the developer to wire — no JS, no submit handling, no
   validation behaviour. Markup is real and accessible so the wiring is a drop-in: every control
   has a <label for>, autocomplete hints, and a named field.
   ============================================================================================ */

.smx4 #authpage{--pad:26px}
.smx4 #authpage .auth-wrap{min-height:calc(100vh - var(--navh));display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}

/* ---------- left: the brand panel ---------- */
.smx4 #authpage .auth-brand{position:relative;padding:88px 64px 72px;display:flex;flex-direction:column;
  justify-content:center;overflow:hidden;border-right:1px solid var(--line)}
.smx4 #authpage .auth-brand::before{content:"";position:absolute;inset:0;
  background:radial-gradient(62% 48% at 18% 12%,rgba(45,212,191,.16),transparent 66%),
             radial-gradient(52% 44% at 88% 92%,rgba(16,185,129,.13),transparent 68%)}
.smx4 #authpage .auth-brand::after{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(146,180,200,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(146,180,200,.05) 1px,transparent 1px);
  background-size:66px 66px;mask-image:radial-gradient(70% 60% at 30% 30%,#000,transparent 76%)}
.smx4 #authpage .auth-brand > *{position:relative}
.smx4 #authpage .auth-eye{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--brand-2);margin-bottom:26px}
.smx4 #authpage .auth-eye::before{content:"";width:44px;height:1.5px;background:var(--brand)}
.smx4 #authpage .auth-brand h1{font-family:var(--display);font-size:clamp(34px,3.4vw,52px);font-weight:700;
  letter-spacing:-.025em;line-height:1.08}
.smx4 #authpage .auth-brand h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.smx4 #authpage .auth-brand p{font-size:17px;line-height:1.68;color:var(--text-2);margin-top:22px;max-width:520px}
.smx4 #authpage .auth-pts{list-style:none;margin-top:38px;display:flex;flex-direction:column;gap:16px}
.smx4 #authpage .auth-pts li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--text-2);line-height:1.55}
.smx4 #authpage .auth-pts svg{width:19px;height:19px;flex:none;color:var(--brand-2);margin-top:2px}
.smx4 #authpage .auth-note{margin-top:auto;padding-top:44px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.06em;color:var(--text-3);line-height:1.7}

/* ---------- right: the form ---------- */
.smx4 #authpage .auth-form{padding:88px 64px 72px;display:flex;flex-direction:column;justify-content:center}
.smx4 #authpage .auth-card{width:100%;max-width:452px;margin:0 auto}
.smx4 #authpage .auth-card h2{font-family:var(--display);font-size:31px;font-weight:700;letter-spacing:-.02em}
.smx4 #authpage .auth-sub{font-size:15px;color:var(--text-2);line-height:1.6;margin-top:10px}
.smx4 #authpage .auth-sub a{color:var(--brand-2);text-decoration:none;border-bottom:1px solid rgba(52,211,153,.32)}
.smx4 #authpage .auth-sub a:hover{border-bottom-color:var(--brand-2)}

.smx4 #authpage form{margin-top:32px;display:flex;flex-direction:column;gap:18px}
.smx4 #authpage .fld{display:flex;flex-direction:column;gap:9px}
.smx4 #authpage .fld label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.smx4 #authpage .fld input{width:100%;font-family:var(--body);font-size:15.5px;color:var(--text);
  background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:15px 16px;
  transition:border-color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}
.smx4 #authpage .fld input::placeholder{color:var(--text-3)}
.smx4 #authpage .fld input:hover{border-color:rgba(146,180,200,.34)}
.smx4 #authpage .fld input:focus{outline:none;border-color:var(--brand-2);background:var(--surface-2);
  box-shadow:0 0 0 4px rgba(52,211,153,.12)}
.smx4 #authpage .fld-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.smx4 #authpage .fld-h a{font-size:12.5px;color:var(--brand-2);text-decoration:none}
.smx4 #authpage .fld-h a:hover{text-decoration:underline}
.smx4 #authpage .hint{font-size:12px;color:var(--text-3);line-height:1.5}

.smx4 #authpage .chk{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--text-2);line-height:1.6}
.smx4 #authpage .chk input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--brand);cursor:pointer}
.smx4 #authpage .chk a{color:var(--brand-2);text-decoration:none;border-bottom:1px solid rgba(52,211,153,.3)}

.smx4 #authpage .auth-submit{width:100%;justify-content:center;margin-top:6px;padding:16px 22px;font-size:15.5px}
.smx4 #authpage .auth-alt{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);
  font-size:14px;color:var(--text-2);text-align:center}
.smx4 #authpage .auth-alt a{color:var(--brand-2);text-decoration:none;font-weight:600}
.smx4 #authpage .auth-alt a:hover{text-decoration:underline}
.smx4 #authpage .auth-legal{margin-top:30px;font-size:11.8px;line-height:1.65;color:var(--text-3);text-align:center}
.smx4 #authpage .auth-legal a{color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--line-2)}

/* the developer needs to see at a glance that these are templates, not live forms */
.smx4 #authpage .auth-flag{display:flex;gap:12px;align-items:flex-start;margin-bottom:30px;padding:14px 16px;
  border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:12px;
  font-size:12.8px;line-height:1.6;color:var(--text-2)}
.smx4 #authpage .auth-flag svg{width:17px;height:17px;flex:none;color:var(--gold);margin-top:2px}
.smx4 #authpage .auth-flag b{color:var(--gold-2)}

@media(max-width:1000px){
  .smx4 #authpage .auth-wrap{grid-template-columns:minmax(0,1fr)}
  .smx4 #authpage .auth-brand{padding:64px 40px 52px;border-right:0;border-bottom:1px solid var(--line)}
  .smx4 #authpage .auth-brand h1{font-size:clamp(30px,6vw,40px)}
  .smx4 #authpage .auth-note{padding-top:32px}
  .smx4 #authpage .auth-form{padding:56px 40px 64px}
}
@media(max-width:560px){
  .smx4 #authpage .auth-brand{padding:48px 22px 40px}
  .smx4 #authpage .auth-form{padding:42px 22px 52px}
  .smx4 #authpage .auth-pts{gap:13px}
}

/* ---- from growthpilot.html ---- */
/* ============ SIGMIX GROWTHPILOT — page-specific ============
   Scoped to #gppage so the shared teal/gold system is untouched.
   Accent is VIOLET — a new family, not yet in brand-guidelines.md
   (same position Red's crimson held). Gold stays governance. */
.smx4 #gppage{
  --gp:#7C5CFF;--gp-lit:#A78BFA;--gp-deep:#4C2FD6;
  --gp-soft:rgba(124,92,255,.1);--gp-line:rgba(124,92,255,.32);
  --win:#35C08A;--bad:#FF5A64;
}
.smx4 #gppage .accent{color:var(--gp-lit)}
.smx4 #gppage .eyebrow{color:var(--gp-lit)}
.smx4 #gppage .eyebrow::before{background:var(--gp)}

/* hero */
.smx4 .gp-hero{position:relative;padding:calc(var(--navh,68px) + 54px) 0 40px;overflow:hidden}
.smx4 .gp-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 62% 74% at 22% 4%,rgba(124,92,255,.17),transparent 62%),
  radial-gradient(ellipse 50% 60% at 88% 30%,rgba(56,189,248,.08),transparent 60%);pointer-events:none}
.smx4 .gp-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:52px;align-items:center}
.smx4 .gp-hero h1{font-size:clamp(34px,4.3vw,60px);line-height:1.04;letter-spacing:-.03em;margin:14px 0 18px}
.smx4 .gp-hero .lede{font-size:clamp(15.5px,1.4vw,18.5px);color:var(--text-2);line-height:1.62;max-width:620px}
.smx4 .gp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.smx4 .gp-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.smx4 .gp-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;border:1px solid var(--line-2);border-radius:100px;padding:7px 13px;color:var(--text-2)}
.smx4 .gp-chip i{width:6px;height:6px;border-radius:99px;background:var(--gp-lit);box-shadow:0 0 8px var(--gp-lit);flex:none}

/* framed console shots */
.smx4 .gp-frame{position:relative;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:var(--ink-800);
  box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 90px rgba(124,92,255,.13)}
.smx4 .gp-frame img{display:block;width:100%;height:auto}
.smx4 .gp-cap{font-family:var(--mono);font-size:11.4px;color:var(--text-3);margin-top:11px;line-height:1.5}

/* the silo comparison */
.smx4 .gp-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch;margin-top:30px}
.smx4 .gp-col{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:26px 28px}
.smx4 .gp-col.win{border-color:var(--gp-line);background:linear-gradient(160deg,rgba(124,92,255,.09),transparent 62%)}
.smx4 .gp-col .k{font-family:var(--mono);font-size:10.4px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.smx4 .gp-col.win .k{color:var(--gp-lit)}
.smx4 .gp-col h3{font-size:22px;margin:12px 0 10px;letter-spacing:-.01em}
.smx4 .gp-col p{font-size:14px;color:var(--text-2);line-height:1.6}
.smx4 .gp-col ul{list-style:none;display:grid;gap:10px;margin-top:16px}
.smx4 .gp-col li{display:flex;gap:11px;font-size:13.6px;color:var(--text-2);line-height:1.5}
.smx4 .gp-col li::before{content:"";flex:none;margin-top:7px;width:6px;height:6px;border-radius:99px;background:var(--text-3)}
.smx4 .gp-col.win li::before{background:var(--gp-lit);box-shadow:0 0 7px var(--gp-lit)}
.smx4 .gp-vsdot{align-self:center;width:52px;height:52px;border-radius:99px;border:1px solid var(--gp-line);background:var(--ink-900);display:grid;place-items:center;font-family:var(--mono);font-size:13px;color:var(--gp-lit)}

/* steps */
.smx4 .gp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:32px}
.smx4 .gp-step{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px}
.smx4 .gp-step .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gp-lit)}
.smx4 .gp-step h4{font-size:17px;margin:11px 0 8px}
.smx4 .gp-step p{font-size:13.4px;color:var(--text-2);line-height:1.55}

/* per-product winners */
.smx4 .gp-prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:30px}
.smx4 .gp-prod{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.smx4 .gp-prod .pl{font-family:var(--mono);font-size:10.4px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
.smx4 .gp-prod h4{font-size:19px;margin:9px 0 16px}
.smx4 .gp-prod .winner{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:12px;border:1px solid rgba(53,192,138,.3);background:rgba(53,192,138,.07)}
.smx4 .gp-prod .winner .pf{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:700;color:#0A0A0A;flex:none}
.smx4 .gp-prod .winner b{font-size:14.4px;display:block}
.smx4 .gp-prod .winner span{font-family:var(--mono);font-size:10.4px;color:var(--text-3)}
.smx4 .gp-prod .winner .v{margin-left:auto;font-family:var(--mono);font-size:18px;font-weight:700;color:var(--win)}
.smx4 .gp-prod .runner{display:flex;align-items:center;gap:10px;padding:9px 14px;font-family:var(--mono);font-size:11.6px;color:var(--text-3)}
.smx4 .gp-prod .runner .v{margin-left:auto}
.smx4 .gp-prod .note{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--text-2);line-height:1.55}
.smx4 .gp-prod .note b{color:var(--text)}

/* AI layer */
.smx4 .gp-ai{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center;margin-top:30px}
.smx4 .gp-acts{display:grid;gap:12px}
.smx4 .gp-act{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px 20px}
.smx4 .gp-act.gate{border-color:var(--gold-line);background:linear-gradient(120deg,var(--gold-soft),transparent 62%)}
.smx4 .gp-act .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--gp-soft);border:1px solid var(--gp-line);color:var(--gp-lit)}
.smx4 .gp-act.gate .ic{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold)}
.smx4 .gp-act .ic svg{width:17px;height:17px}
.smx4 .gp-act h4{font-size:15.5px}
.smx4 .gp-act p{font-size:13.2px;color:var(--text-2);line-height:1.55;margin-top:5px}
.smx4 .gp-act .imp{margin-left:auto;text-align:right;flex:none;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--win)}
.smx4 .gp-act .imp span{display:block;font-size:9.4px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin-top:3px}

/* console tour */
.smx4 .gp-tour{position:relative;margin-top:30px}
.smx4 .gp-track{display:flex;transition:transform .55s var(--ease)}
.smx4 .gp-slide{min-width:100%;padding:0 4px}
.smx4 .gp-dots{display:flex;gap:8px;justify-content:center;margin-top:18px}
.smx4 .gp-dot{width:8px;height:8px;border-radius:99px;background:var(--line-2);border:0;cursor:pointer;padding:0;transition:all .3s}
.smx4 .gp-dot.on{background:var(--gp-lit);width:24px;box-shadow:0 0 9px var(--gp-lit)}
.smx4 .gp-arrow{position:absolute;top:44%;width:44px;height:44px;border-radius:99px;border:1px solid var(--line-2);background:rgba(6,11,19,.86);color:var(--text);display:grid;place-items:center;cursor:pointer;z-index:3}
.smx4 .gp-arrow:hover{border-color:var(--gp-line);color:var(--gp-lit)}
.smx4 .gp-arrow.prev{left:-14px}.smx4 .gp-arrow.next{right:-14px}
.smx4 .gp-arrow svg{width:18px;height:18px}

/* deploy */
.smx4 .gp-deploy{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:30px}
.smx4 .gp-dep{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:26px}
.smx4 .gp-dep .k{font-family:var(--mono);font-size:10.4px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.smx4 .gp-dep h4{font-size:19px;margin:11px 0 9px}
.smx4 .gp-dep p{font-size:13.4px;color:var(--text-2);line-height:1.56}
.smx4 .gp-dep .m{font-family:var(--mono);font-size:11.6px;color:var(--gp-lit);margin-top:14px}

/* honesty note */
.smx4 .gp-note{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 19px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6}
.smx4 .gp-note svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){
  .smx4 .gp-hero-in{grid-template-columns:minmax(0,1fr);gap:34px}
  .smx4 .gp-vs{grid-template-columns:minmax(0,1fr);gap:14px}
  .smx4 .gp-vsdot{justify-self:center}
  .smx4 .gp-ai{grid-template-columns:minmax(0,1fr);gap:26px}
  .smx4 .gp-arrow.prev{left:4px}.smx4 .gp-arrow.next{right:4px}
}


/* ---------- works-with strip ---------- */
/* The platform marks are trademarks of their owners, shown to identify the channels the product
   reads. Keep the disclaimer line with them wherever they appear. */
.smx4 #gppage .gp-logos{padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(124,92,255,.03)}
.smx4 #gppage .gp-logos .wrap{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.smx4 #gppage .gp-logos-l{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint)}
.smx4 #gppage .gp-logos-r{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 34px}
.smx4 #gppage .pl{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-size:17px;
  font-weight:600;color:var(--dim);transition:color .3s var(--ease),opacity .3s var(--ease);opacity:.72}
.smx4 #gppage .pl:hover{color:var(--tx);opacity:1}
.smx4 #gppage .gp-logos .pm{width:24px;height:24px;flex:none}
.smx4 #gppage .gp-logos-n{max-width:760px;font-size:11.6px;line-height:1.6;color:var(--faint)}
@media(max-width:640px){.smx4 #gppage .gp-logos-r{gap:12px 22px}.smx4 #gppage .pl{font-size:14.5px}
  .smx4 #gppage .gp-logos .pm{width:20px;height:20px}}

/* ---------- product cards: real platform marks instead of letter pills ---------- */
.smx4 #gppage .gp-prod .winner{display:flex;align-items:center;gap:11px}
.smx4 #gppage .gp-prod .winner .pm{width:22px;height:22px;flex:none;margin:0}
.smx4 #gppage .gp-prod .runner{display:flex;align-items:center;gap:9px}
.smx4 #gppage .gp-prod .runner .pm{width:16px;height:16px;flex:none;margin:0;opacity:.75}

/* ---------- campaign watch ---------- */
.smx4 #gppage .gp-watch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:34px}
.smx4 #gppage .gp-w{border:1px solid var(--line);border-radius:16px;padding:26px 26px 22px;background:rgba(255,255,255,.02)}
.smx4 #gppage .wk{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;padding:5px 11px;border-radius:100px;border:1px solid var(--line2);color:var(--dim)}
.smx4 #gppage .wk.dead{color:#FF5A64;border-color:rgba(255,90,100,.4);background:rgba(255,90,100,.08)}
.smx4 #gppage .wk.rise{color:#F4C152;border-color:rgba(244,193,82,.4);background:rgba(244,193,82,.08)}
.smx4 #gppage .gp-w h4{font-family:var(--disp);font-size:21px;font-weight:700;letter-spacing:-.015em;margin:15px 0 11px}
.smx4 #gppage .gp-w p{font-size:15px;line-height:1.7;color:var(--dim)}
.smx4 #gppage .gp-w p b{color:var(--tx)}
.smx4 #gppage .wstat{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.smx4 #gppage .wstat b{font-family:var(--disp);font-size:28px;font-weight:700;color:#A78BFA;line-height:1}
.smx4 #gppage .wstat span{font-size:13px;color:var(--faint);line-height:1.5;flex:1;min-width:150px}
@media(max-width:860px){.smx4 #gppage .gp-watch{grid-template-columns:minmax(0,1fr)}}

/* ---------- hero stat strip ---------- */
.smx4 #gppage .gp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;
  padding-top:26px;border-top:1px solid var(--line)}
.smx4 #gppage .gp-stats b{display:block;font-family:var(--disp);font-size:27px;font-weight:700;color:#A78BFA;
  letter-spacing:-.01em;line-height:1.1}
.smx4 #gppage .gp-stats span{display:block;font-size:12.5px;color:var(--faint);line-height:1.5;margin-top:8px}
@media(max-width:760px){.smx4 #gppage .gp-stats{grid-template-columns:minmax(0,1fr);gap:16px}}

/* ---------- review band: the explainer + the brochure ---------- */
.smx4 #gppage .gp-review{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:26px;align-items:start}
.smx4 #gppage .gp-vid{margin:0;border:1px solid var(--line2);border-radius:18px;overflow:hidden;
  background:#05070E;box-shadow:0 40px 110px rgba(0,0,0,.6),0 0 90px -40px rgba(124,92,255,.5)}
.smx4 #gppage .gp-vid video{width:100%;display:block;aspect-ratio:16/9;background:#05070E;outline:none}
.smx4 #gppage .gp-vid .gp-cap{margin:0;padding:14px 18px;border-top:1px solid var(--line);
  background:rgba(0,0,0,.34);font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--faint)}

.smx4 #gppage .gp-doc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;background:rgba(255,255,255,.02)}
.smx4 #gppage .gp-doc-cov{display:block;line-height:0;border-bottom:1px solid var(--line);
  background:#05070E;transition:transform .5s var(--ease)}
.smx4 #gppage .gp-doc-cov img{width:100%;display:block;height:296px;object-fit:cover;object-position:center top}
.smx4 #gppage .gp-doc-cov:hover{transform:scale(1.015)}
.smx4 #gppage .gp-doc-b{padding:24px 26px 26px}
.smx4 #gppage .gp-doc-k{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:#A78BFA;border:1px solid rgba(124,92,255,.4);
  background:rgba(124,92,255,.09);border-radius:100px;padding:5px 12px}
.smx4 #gppage .gp-doc-b h4{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.015em;margin:14px 0 8px}
.smx4 #gppage .gp-doc-b p{font-family:var(--mono);font-size:12.5px;color:var(--faint);line-height:1.6}
.smx4 #gppage .gp-doc-a{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.smx4 #gppage .gp-doc-a .btn{flex:1;justify-content:center;white-space:nowrap}
.smx4 #gppage .gp-doc-a svg{width:16px;height:16px}
.smx4 #gppage .gp-doc-n{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  font-family:var(--body);font-size:11.8px;line-height:1.6;color:var(--faint)}
@media(max-width:1000px){.smx4 #gppage .gp-review{grid-template-columns:minmax(0,1fr)}
  .smx4 #gppage .gp-doc{flex-direction:row}
  .smx4 #gppage .gp-doc-cov{flex:none;width:40%;border-bottom:0;border-right:1px solid var(--line)}}
@media(max-width:620px){.smx4 #gppage .gp-doc{flex-direction:column}
  .smx4 #gppage .gp-doc-cov{width:100%;border-right:0;border-bottom:1px solid var(--line)}
  .smx4 #gppage .gp-doc-a .btn{flex:1 1 100%}}

/* chapter rail under the explainer */
.smx4 #gppage .gp-chapters{list-style:none;margin:0;padding:10px;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);background:rgba(0,0,0,.22)}
.smx4 #gppage .gp-chapters button{width:100%;display:flex;align-items:baseline;gap:9px;text-align:left;
  background:transparent;border:1px solid transparent;border-radius:9px;padding:9px 11px;cursor:pointer;
  transition:background .25s var(--ease),border-color .25s var(--ease)}
.smx4 #gppage .gp-chapters button:hover{background:rgba(124,92,255,.10);border-color:rgba(124,92,255,.3)}
.smx4 #gppage .gp-chapters button.on{background:rgba(124,92,255,.16);border-color:rgba(124,92,255,.45)}
.smx4 #gppage .ch-t{font-family:var(--mono);font-size:11px;color:#A78BFA;flex:none}
.smx4 #gppage .ch-n{font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smx4 #gppage .gp-chapters button.on .ch-n{color:var(--tx)}
@media(max-width:760px){.smx4 #gppage .gp-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- from guard.html ---- */
/* ============ SIGMIX GUARD — page-specific ============
   Guard is our own silicon + firmware = provenance, so its accent is GOLD.
   Per the brand rule, gold is never a primary CTA — actions stay teal. */
.smx4 .gold{color:var(--gold)}

/* hero */
.smx4 .gh .reveal{opacity:1!important;transform:none!important}   /* above the fold */
.smx4 .gh{position:relative;padding:calc(var(--navh,68px) + 54px) 0 52px;overflow:hidden}
.smx4 .gh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 60% at 26% 28%,rgba(228,185,106,.14),transparent 62%);pointer-events:none}
.smx4 .gh-grid{display:grid;grid-template-columns:1fr 1.16fr;gap:42px;align-items:center;position:relative;z-index:1}
.smx4 .gh-lock{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.smx4 .gh-lock .dia{color:var(--gold);font-size:13px}
.smx4 .gh-lock .nm{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:var(--gold)}
.smx4 .gh-lock .tag{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3)}
.smx4 .gh h1{font-size:clamp(32px,4.1vw,53px);line-height:1.05;letter-spacing:-.025em;margin-bottom:16px}
.smx4 .gh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;max-width:55ch;margin-bottom:22px}
.smx4 .gh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.smx4 .gh-fine{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}
.smx4 .gh-fine b{color:var(--gold);font-weight:500}
.smx4 .gh-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--gold-line);background:var(--ink-800);box-shadow:0 44px 96px -38px rgba(0,0,0,.9)}
.smx4 .gh-media img{width:100%;display:block}
.smx4 .gh-media .stamp{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);background:rgba(6,11,19,.82);backdrop-filter:blur(8px);border:1px solid var(--gold-line);border-radius:100px;padding:6px 12px}

/* the two jobs */
.smx4 .jobs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.smx4 .job{border:1px solid var(--gold-line);background:linear-gradient(155deg,rgba(228,185,106,.075),transparent 62%);border-radius:var(--r);padding:28px;position:relative}
.smx4 .job .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px}
.smx4 .job h3{font-size:clamp(19px,2vw,24px);margin-bottom:11px;line-height:1.15}
.smx4 .job p{font-size:14.4px;color:var(--text-2);line-height:1.62}
.smx4 .job .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.smx4 .job .chips span{font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:5px 11px}

/* request flow */
.smx4 .flow{border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(24px,3vw,38px);margin-top:26px;background:linear-gradient(180deg,rgba(45,212,191,.03),transparent);position:relative}
.smx4 .flow-boundary{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;background:var(--ink-900);padding:3px 18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.smx4 .fsteps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch}
.smx4 .fstep{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 14px;text-align:center;position:relative}
.smx4 .fstep.g{border-color:var(--gold-line);background:var(--gold-soft)}
.smx4 .fstep .i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;margin:0 auto 10px;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2)}
.smx4 .fstep.g .i{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold)}
.smx4 .fstep .i svg{width:15px;height:15px}
.smx4 .fstep h4{font-size:13.4px;margin-bottom:5px}
.smx4 .fstep p{font-size:11.8px;color:var(--text-3);line-height:1.45}
.smx4 .fstep::after{content:"";position:absolute;right:-6px;top:50%;width:6px;height:1px;background:var(--line-2)}
.smx4 .fstep:last-child::after{display:none}
.smx4 .flow-note{font-family:var(--mono);font-size:11px;color:var(--text-3);text-align:center;margin-top:20px;letter-spacing:.04em}
.smx4 .flow-note b{color:var(--brand-2)}

/* failover */
.smx4 .fail{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.smx4 .path{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px}
.smx4 .path.hw{border-color:var(--gold-line)}
.smx4 .path .lbl{font-family:var(--mono);font-size:9.6px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:10px}
.smx4 .path.hw .lbl{color:var(--gold)}
.smx4 .path h4{font-size:17px;margin-bottom:8px}
.smx4 .path p{font-size:13.6px;color:var(--text-2);line-height:1.58}

/* card specs */
.smx4 .spec-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;margin-top:26px}
.smx4 .specs{list-style:none;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.smx4 .specs li{display:flex;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13.6px;color:var(--text-2);line-height:1.5}
.smx4 .specs li:last-child{border-bottom:0}
.smx4 .specs li b{color:var(--text);min-width:150px;font-weight:600;flex:none}
.smx4 .gframe{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800)}
.smx4 .gframe img{width:100%;display:block}
.smx4 .gframe .cap{position:absolute;left:12px;bottom:12px;font-family:var(--mono);font-size:9.6px;letter-spacing:.11em;text-transform:uppercase;color:var(--gold);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--gold-line);border-radius:100px;padding:6px 12px}

/* the honest section — what Guard is NOT */
.smx4 .honest{border:1px solid var(--line-2);border-left:3px solid var(--gold);background:linear-gradient(100deg,rgba(228,185,106,.07),transparent 58%);border-radius:0 var(--r) var(--r) 0;padding:30px 32px;margin-top:26px}
.smx4 .honest h3{font-size:22px;margin-bottom:12px}
.smx4 .honest p{font-size:14.6px;color:var(--text-2);line-height:1.66;max-width:70ch}
.smx4 .honest p + p{margin-top:12px}
.smx4 .honest b{color:var(--text)}
.smx4 .rot{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.smx4 .rot div{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:17px}
.smx4 .rot .h{font-family:var(--mono);font-size:9.6px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;display:block}
.smx4 .rot .is .h{color:var(--brand-2)}
.smx4 .rot .isnt .h{color:#FF8B7B}
.smx4 .rot p{font-size:13.2px;color:var(--text-2);line-height:1.55}

/* availability */
.smx4 .avail{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px 20px;margin-top:24px;font-size:13.6px;color:var(--text-2);line-height:1.62}
.smx4 .avail svg{width:18px;height:18px;color:var(--gold);flex:none;margin-top:2px}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--gold);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--gold)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .gcta{text-align:center;padding:58px 0}
.smx4 .gcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .gcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .gcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){
  .smx4 .gh-grid,.smx4 .jobs,.smx4 .fail,.smx4 .spec-grid,.smx4 .rot{grid-template-columns:1fr;gap:26px}
  .smx4 .fsteps{grid-template-columns:1fr 1fr}
  .smx4 .fstep::after{display:none}
}
@media(max-width:560px){.smx4 .fsteps{grid-template-columns:1fr}.smx4 .specs li{flex-direction:column;gap:4px}.smx4 .specs li b{min-width:0}}

/* ---- from industries.html ---- */
/* ============ INDUSTRIES — page-specific ============ */
.smx4 .gold{color:var(--gold)}
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}

/* hero */
.smx4 .ih .reveal{opacity:1!important;transform:none!important}
.smx4 .ih{position:relative;padding:calc(var(--navh,68px) + 56px) 0 30px;overflow:hidden;text-align:center}
.smx4 .ih::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 6%,rgba(45,212,191,.14),transparent 62%);pointer-events:none}
.smx4 .ih-in{position:relative;z-index:1;max-width:780px;margin:0 auto}
.smx4 .ih h1{font-size:clamp(32px,4.1vw,52px);line-height:1.06;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .ih p{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62}

/* jump nav */
.smx4 .jump{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.smx4 .jump a{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-2);background:var(--surface);border-radius:100px;padding:9px 16px;text-decoration:none;transition:all .22s var(--ease)}
.smx4 .jump a:hover{border-color:var(--brand-2);color:var(--brand-2);background:var(--surface-2)}

/* sector block */
.smx4 .sector{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;align-items:center}
.smx4 .sector.rev .s-copy{order:2}
.smx4 .s-copy .k{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9.6px;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:5px 12px;margin-bottom:14px}
.smx4 .s-copy .k svg{width:13px;height:13px}
.smx4 .s-copy h2{font-size:clamp(24px,2.8vw,36px);margin-bottom:12px;line-height:1.1}
.smx4 .s-copy .lede{font-size:15px;color:var(--text-2);line-height:1.64;max-width:54ch;margin-bottom:18px}
.smx4 .s-list{list-style:none;display:grid;gap:11px;margin-bottom:20px}
.smx4 .s-list li{display:flex;gap:10px;font-size:13.8px;color:var(--text-2);line-height:1.52}
.smx4 .s-list li b{color:var(--text);font-weight:600}
.smx4 .s-list .d{width:6px;height:6px;border-radius:50%;background:var(--brand-2);flex:none;margin-top:7px;box-shadow:0 0 8px var(--glow)}
.smx4 .s-regs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.smx4 .s-regs span{font-family:var(--mono);font-size:9.8px;letter-spacing:.09em;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:5px 11px}
.smx4 .s-media{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800);box-shadow:0 36px 84px -34px rgba(0,0,0,.88)}
.smx4 .s-media img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.smx4 .s-media .cap{position:absolute;left:13px;bottom:13px;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}
.smx4 .s-posture{margin-top:16px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--text-2);line-height:1.55}
.smx4 .s-posture b{color:var(--brand-2);font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:5px}

/* use-case chips */
.smx4 .uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin-top:24px}
.smx4 .use{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px}
.smx4 .use h4{font-size:14.3px;margin-bottom:6px}
.smx4 .use p{font-size:12.8px;color:var(--text-2);line-height:1.5}

/* closing */
.smx4 .icta{text-align:center;padding:58px 0}
.smx4 .icta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .icta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .icta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){.smx4 .sector,.smx4 .sector.rev{grid-template-columns:1fr;gap:26px}.smx4 .sector.rev .s-copy{order:0}}

/* ---- from muraqaba.html ---- */
/* ============ MURAQABA AI — page-specific ============ */
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}

/* hero */
/* above the fold — never gate the headline or CTAs behind a scroll-reveal transition */
.smx4 .mh .reveal{opacity:1!important;transform:none!important}
.smx4 .mh{position:relative;padding:calc(var(--nav-h,68px) + 54px) 0 56px;overflow:hidden}
.smx4 .mh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 22% 24%,rgba(45,212,191,.15),transparent 62%);pointer-events:none}
.smx4 .mh-grid{display:grid;grid-template-columns:1.02fr 1.18fr;gap:44px;align-items:center;position:relative;z-index:1}
.smx4 .mh-lock{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.smx4 .mh-lock .en{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2)}
.smx4 .mh-lock .arw{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:23px;font-weight:600;color:var(--gold);line-height:1}
.smx4 .mh h1{font-size:clamp(34px,4.4vw,56px);line-height:1.03;letter-spacing:-.025em;margin-bottom:16px}
.smx4 .mh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;max-width:56ch;margin-bottom:24px}
.smx4 .mh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.smx4 .mh-fine{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.05em;display:flex;gap:16px;flex-wrap:wrap}
.smx4 .mh-fine b{color:var(--brand-2);font-weight:500}
.smx4 .mh-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:16/10;box-shadow:0 44px 96px -38px rgba(0,0,0,.9)}
.smx4 .mh-media img,.smx4 .mh-media video{width:100%;height:100%;object-fit:cover;display:block;background:#04080d}
.smx4 .mh-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,8,13,.72));pointer-events:none}

/* hero video controls */
.smx4 .vctl{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;gap:8px}
.smx4 .vbtn{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:rgba(6,11,19,.76);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:100px;padding:7px 13px;cursor:pointer;transition:all .22s var(--ease)}
.smx4 .vbtn:hover{border-color:var(--brand-2);color:var(--brand-2);background:rgba(6,11,19,.9)}
.smx4 .vbtn svg{width:14px;height:14px;flex:none}
.smx4 .vbtn .i-on{display:none}
.smx4 .vbtn[aria-pressed="true"] .i-on{display:block}
.smx4 .vbtn[aria-pressed="true"] .i-off{display:none}
@media(max-width:520px){.smx4 .vbtn .vlbl{display:none}.smx4 .vbtn{padding:8px 10px}}

/* signature capability */
.smx4 .sig{border:1px solid var(--gold-line);background:linear-gradient(150deg,rgba(228,185,106,.09),rgba(228,185,106,.02));border-radius:var(--r);padding:26px 26px 24px;position:relative;overflow:hidden}
.smx4 .sig-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:5px 11px;margin-bottom:14px}
.smx4 .sig h3{font-size:clamp(21px,2.2vw,27px);margin-bottom:11px}
.smx4 .sig p{color:var(--text-2);font-size:14.6px;line-height:1.62;max-width:64ch}
.smx4 .sig-nums{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;padding-top:19px;border-top:1px solid var(--gold-line)}
.smx4 .sig-num b{display:block;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;color:var(--gold);line-height:1}
.smx4 .sig-num span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:5px;display:block}

/* generic feature cards */
.smx4 .mcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:16px}
.smx4 .mcard{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:20px}
.smx4 .mcard .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:12px}
.smx4 .mcard .ico svg{width:17px;height:17px}
.smx4 .mcard h4{font-size:15.5px;margin-bottom:7px}
.smx4 .mcard p{font-size:13.4px;color:var(--text-2);line-height:1.58}
.smx4 .mcard .q{font-style:italic;color:var(--text);font-size:13.4px}

/* two-tier architecture */
.smx4 .tiers2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:22px}
.smx4 .t2{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:22px;position:relative}
.smx4 .t2.result{border-color:var(--line-2);background:linear-gradient(150deg,rgba(52,211,153,.08),transparent)}
.smx4 .t2 .lbl{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2);margin-bottom:10px;display:block}
.smx4 .t2.result .lbl{color:var(--gold)}
.smx4 .t2 h4{font-size:17px;margin-bottom:9px}
.smx4 .t2 p{font-size:13.6px;color:var(--text-2);line-height:1.6}

/* detection grid */
.smx4 .det-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:22px}
.smx4 .det{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-800);position:relative}
.smx4 .det-media{position:relative;aspect-ratio:16/9;background:#04080d}
.smx4 .det-media img,.smx4 .det-media video{width:100%;height:100%;object-fit:cover;display:block}
.smx4 .det-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2}
.smx4 .det-badges span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;padding:3px 8px;border-radius:100px;background:rgba(6,11,19,.8);backdrop-filter:blur(6px)}
.smx4 .det-badges .live{color:#FF8B7B;border:1px solid rgba(255,139,123,.45)}
.smx4 .det-badges .live::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#FF8B7B;margin-right:5px;vertical-align:1px;animation:blink 1.4s infinite}
.smx4 .det-badges .sv{color:var(--text-2);border:1px solid var(--line-2)}
.smx4 .det-badges .sv.crit{color:#FF8B7B;border-color:rgba(255,139,123,.4)}
.smx4 .det-body{padding:13px 15px 15px;display:flex;align-items:flex-start;gap:10px}
.smx4 .det-body h4{font-size:14.5px;line-height:1.3}
.smx4 .det-body .ar{display:block;font-size:12.5px;color:var(--text-2);font-weight:400;margin-top:3px}
.smx4 .det-cf{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--brand-2);flex:none;padding-top:2px}

/* wide media frame */
.smx4 .mframe{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800)}
.smx4 .mframe img{width:100%;display:block}
.smx4 .mframe .cap{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.78);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}
.smx4 .split{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:center}
.smx4 .split.rev{grid-template-columns:1.25fr 1fr}
.smx4 .blist{list-style:none;display:grid;gap:13px;margin-top:18px}
.smx4 .blist li{display:flex;gap:11px;font-size:14.2px;color:var(--text-2);line-height:1.55}
.smx4 .blist li b{color:var(--text);font-weight:600}
.smx4 .blist .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-2);flex:none;margin-top:8px;box-shadow:0 0 8px var(--glow)}

/* capability tiles */
.smx4 .capgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin-top:22px}
.smx4 .captile{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:17px;transition:all .25s var(--ease)}
.smx4 .captile:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-2px)}
.smx4 .captile h4{font-size:14.5px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.smx4 .captile h4 svg{width:15px;height:15px;color:var(--brand-2);flex:none}
.smx4 .captile p{font-size:12.9px;color:var(--text-2);line-height:1.5}

/* deployment split */
.smx4 .dep2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.smx4 .depcard{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:26px;position:relative;overflow:hidden}
.smx4 .depcard.sealed{border-color:var(--gold-line);background:linear-gradient(160deg,rgba(228,185,106,.07),transparent 60%)}
.smx4 .depcard .dtag{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 10px;display:inline-block;margin-bottom:13px}
.smx4 .depcard.sealed .dtag{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}
.smx4 .depcard h3{font-size:21px;margin-bottom:6px}
.smx4 .depcard .sub{font-size:13.5px;color:var(--text-2);line-height:1.6;margin-bottom:16px}
.smx4 .depcard .best{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:12.8px;color:var(--text-3)}
.smx4 .depcard .best b{color:var(--text-2)}

/* tables */
.smx4 .tblwrap{overflow-x:auto;margin-top:22px;border:1px solid var(--line);border-radius:var(--r)}
.smx4 table.mtbl{width:100%;border-collapse:collapse;font-size:13.6px;min-width:640px}
.smx4 table.mtbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:13px 16px;background:rgba(255,255,255,.022);border-bottom:1px solid var(--line-2)}
.smx4 table.mtbl td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top}
.smx4 table.mtbl tr:last-child td{border-bottom:none}
.smx4 table.mtbl td:first-child{color:var(--text);font-weight:600}
.smx4 table.mtbl .good{color:var(--brand-2)}
.smx4 table.mtbl .pop{color:var(--gold)}
.smx4 table.mtbl th.hi{color:var(--brand-2)}
.smx4 .tnote{font-family:var(--mono);font-size:11px;color:var(--text-3);margin-top:12px;line-height:1.6}

/* security */
.smx4 .secgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}
.smx4 .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.smx4 .chips span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:6px 12px}
.smx4 .honest{margin-top:22px;border:1px solid var(--line);border-left:2px solid var(--brand-2);background:var(--surface);border-radius:0 12px 12px 0;padding:16px 18px;font-size:13.4px;color:var(--text-2);line-height:1.6}

/* mobile section */
.smx4 .mob{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.smx4 .mob-shot{display:flex;justify-content:center}
.smx4 .mob-shot img{max-width:270px;width:100%;border-radius:22px;border:1px solid var(--line-2);box-shadow:0 40px 90px -34px rgba(0,0,0,.9)}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px;transition:color .2s}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* explainer video */
.smx4 .vid{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);background:#04080d;box-shadow:0 40px 90px -36px rgba(0,0,0,.9)}
.smx4 .vid video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#04080d}

/* closing CTA */
.smx4 .mcta{text-align:center;padding:60px 0}
.smx4 .mcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .mcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .mcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* separate-product note */
.smx4 .sep-note{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6}
.smx4 .sep-note svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){
  .smx4 .mh-grid,.smx4 .split,.smx4 .split.rev,.smx4 .secgrid,.smx4 .mob{grid-template-columns:1fr;gap:28px}
  .smx4 .tiers2,.smx4 .dep2{grid-template-columns:1fr}
}
@media(max-width:640px){
  .smx4 .mh{padding-top:calc(var(--nav-h,68px) + 30px)}
  .smx4 .sig-nums{gap:20px}
}

/* ---- from pricing.html ---- */
/* ============ PRICING — page-specific ============ */
.smx4 .gold{color:var(--gold)}

/* hero */
.smx4 .rh .reveal{opacity:1!important;transform:none!important}
.smx4 .rh{position:relative;padding:calc(var(--navh,68px) + 56px) 0 34px;overflow:hidden;text-align:center}
.smx4 .rh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 8%,rgba(45,212,191,.14),transparent 62%);pointer-events:none}
.smx4 .rh-in{position:relative;z-index:1;max-width:760px;margin:0 auto}
.smx4 .rh h1{font-size:clamp(32px,4.1vw,52px);line-height:1.06;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .rh p{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;margin:0 auto}

/* how pricing works */
.smx4 .model{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:34px;background:var(--surface)}
.smx4 .model div{padding:22px 20px;border-right:1px solid var(--line)}
.smx4 .model div:last-child{border-right:0}
.smx4 .model .i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:12px}
.smx4 .model .i svg{width:15px;height:15px}
.smx4 .model h4{font-size:14.5px;margin-bottom:6px}
.smx4 .model p{font-size:12.9px;color:var(--text-2);line-height:1.52}

/* product price cards */
.smx4 .prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:26px}
.smx4 .prod{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.smx4 .prod.teal{border-color:var(--line-2);background:linear-gradient(160deg,rgba(52,211,153,.07),transparent 60%)}
.smx4 .prod.gold{border-color:var(--gold-line);background:linear-gradient(160deg,rgba(228,185,106,.07),transparent 60%)}
.smx4 .prod .nm{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
.smx4 .prod h3{font-size:20px;margin-bottom:8px}
.smx4 .prod .desc{font-size:13.4px;color:var(--text-2);line-height:1.55;margin-bottom:18px}
.smx4 .prod .price{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;line-height:1;margin-bottom:6px}
.smx4 .prod .price small{font-size:13px;font-weight:500;color:var(--text-3)}
.smx4 .prod.gold .price{color:var(--gold)}
.smx4 .prod .meta{font-family:var(--mono);font-size:10.4px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:18px}
.smx4 .prod ul{list-style:none;display:grid;gap:9px;margin-bottom:20px}
.smx4 .prod li{display:flex;gap:9px;font-size:13.2px;color:var(--text-2);line-height:1.5}
.smx4 .prod li svg{width:14px;height:14px;color:var(--brand-2);flex:none;margin-top:3px}
.smx4 .prod .btn{margin-top:auto}
.smx4 .prod .quote{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;line-height:1.15;margin-bottom:6px}

/* comparison table */
.smx4 .tblwrap{overflow-x:auto;margin-top:26px;border:1px solid var(--line);border-radius:var(--r)}
.smx4 table.ptbl{width:100%;border-collapse:collapse;font-size:13.4px;min-width:760px}
.smx4 table.ptbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:14px 16px;background:rgba(255,255,255,.022);border-bottom:1px solid var(--line-2)}
.smx4 table.ptbl td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top}
.smx4 table.ptbl tr:last-child td{border-bottom:none}
.smx4 table.ptbl td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
.smx4 table.ptbl .g{color:var(--brand-2)}
.smx4 table.ptbl .go{color:var(--gold)}

/* what's included everywhere */
.smx4 .always{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px}
.smx4 .alw{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px;display:flex;gap:11px}
.smx4 .alw svg{width:16px;height:16px;color:var(--brand-2);flex:none;margin-top:2px}
.smx4 .alw b{display:block;font-size:14px;margin-bottom:4px}
.smx4 .alw span{font-size:12.8px;color:var(--text-2);line-height:1.5}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .rcta{text-align:center;padding:58px 0}
.smx4 .rcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .rcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .rcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:900px){.smx4 .model{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.smx4 .model{grid-template-columns:1fr}.smx4 .model div{border-right:0;border-bottom:1px solid var(--line)}}

/* ---- from red.html ---- */
/* ============ SIGMIX RED — page-specific ============
   AI penetration testing. Distinct oxblood-on-near-black system with a
   coral-red accent. GOLD is reserved for AUTHORIZATION / rules-of-engagement
   ONLY (the safety spine) — never decorative. A severity ramp (crit→info)
   is used for findings; a single restrained green marks "remediated". */
.smx4 #redpage{
  /* standard navy site template (exactly like Muraqaba) — RED is the accent, not the base.
     Surfaces/lines/text map onto the shared site inks so the page reads as "the website". */
  --rd-bg:var(--ink-900); --rd-bg2:var(--ink-850); --rd-panel:var(--ink-700); --rd-sink:var(--ink-800);
  --rd-red:#FF4550; --rd-lit:#FF6B6B; --rd-coral:#FF8A73; --rd-deep:#C21D28;
  --rd-gold:var(--gold); --rd-gold-line:var(--gold-line);
  --rd-tx:var(--text); --rd-dim:var(--text-2); --rd-faint:var(--text-3);
  --rd-line:var(--line); --rd-line2:var(--line-2);
  --sev-crit:#FF3B4E; --sev-high:#FF7A45; --sev-med:#F4C152; --sev-low:#6E9BE0; --sev-info:#8A93A0;
  --sev-ok:#35C08A;
}
.smx4 #redpage .accent{color:var(--rd-lit)}
.smx4 #redpage .section.alt{background:var(--rd-bg2)}
.smx4 #redpage .eyebrow{color:var(--rd-red)}
.smx4 #redpage .lead{color:var(--rd-dim)}
.smx4 #redpage ::selection{background:rgba(240,69,75,.28);color:#fff}
.smx4 #redpage .sec-head{max-width:none}

/* red eyebrow with dash */
.smx4 .rd-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--rd-red)}
.smx4 .rd-eye::before{content:"";width:22px;height:1px;background:var(--rd-red)}
.smx4 .rd-eye.gold{color:var(--rd-gold)}.smx4 .rd-eye.gold::before{background:var(--rd-gold)}

/* buttons — red primary override */
.smx4 #redpage .btn-primary{background:linear-gradient(120deg,var(--rd-lit),var(--rd-deep));color:#fff;box-shadow:0 0 0 1px rgba(255,107,107,.22),0 16px 40px -16px rgba(240,69,75,.6)}
.smx4 #redpage .btn-ghost{border-color:var(--rd-line2);color:var(--rd-tx)}
.smx4 #redpage .btn-ghost:hover{border-color:var(--rd-lit);color:var(--rd-lit);background:rgba(240,69,75,.06)}

/* ===================== HERO ===================== */
.smx4 .rdh .reveal{opacity:1!important;transform:none!important}
.smx4 .rdh{position:relative;padding:calc(var(--navh,70px) + 46px) 0 44px;overflow:hidden}
.smx4 .rdh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 64% 72% at 66% 30%,rgba(240,69,75,.16),transparent 62%);pointer-events:none}
.smx4 .rdh::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(240,110,110,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(240,110,110,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 60% 40%,#000,transparent 76%);pointer-events:none}
.smx4 .rdh-grid{display:grid;grid-template-columns:1.04fr 1.16fr;gap:46px;align-items:center;position:relative;z-index:1}
.smx4 .rdh h1{font-size:clamp(33px,4.4vw,56px);line-height:1.03;letter-spacing:-.025em;margin:14px 0 16px}
.smx4 .rdh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--rd-dim);line-height:1.62;max-width:54ch;margin-bottom:20px}
.smx4 .rdh-flow{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;color:var(--rd-coral);margin-bottom:22px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.smx4 .rdh-flow b{color:var(--rd-lit);font-weight:500}
.smx4 .rdh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.smx4 .rdh-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.smx4 .rd-chip{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--rd-coral);border:1px solid var(--rd-line2);border-radius:100px;padding:6px 12px}
.smx4 .rd-chip.auth{color:var(--rd-gold);border-color:var(--rd-gold-line);background:rgba(228,185,106,.08);display:inline-flex;align-items:center;gap:7px}
.smx4 .rd-chip.auth svg{width:12px;height:12px}

/* operator console (hero visual, CSS only) */
.smx4 .opc{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--rd-line2);background:var(--rd-panel);box-shadow:0 44px 100px -40px rgba(0,0,0,.92),0 0 90px -46px rgba(240,69,75,.42)}
.smx4 .opc-bar{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid var(--rd-line);background:rgba(255,255,255,.02)}
.smx4 .opc-bar i{width:9px;height:9px;border-radius:50%;background:var(--rd-line2);display:block}
.smx4 .opc-bar i:first-child{background:rgba(255,90,95,.6)}
.smx4 .opc-bar .u{margin-left:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--rd-dim);text-transform:uppercase}
.smx4 .opc-bar .live{margin-left:auto;font-family:var(--mono);font-size:9.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-lit);display:flex;align-items:center;gap:6px}
.smx4 .opc-bar .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rd-lit);box-shadow:0 0 7px var(--rd-lit);animation:blink 1.8s infinite}
.smx4 .opc-body{padding:16px 16px 18px}
.smx4 .opc-scope{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--rd-dim);padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--rd-line)}
.smx4 .opc-scope .tg{color:var(--rd-gold);border:1px solid var(--rd-gold-line);background:rgba(228,185,106,.08);border-radius:100px;padding:3px 9px}
.smx4 .opc-scope b{color:var(--rd-tx)}
.smx4 .opc-log{display:grid;gap:8px;font-family:var(--mono);font-size:11.5px;line-height:1.35}
.smx4 .opc-log .ln{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:baseline;color:var(--rd-dim)}
.smx4 .opc-log .ln .t{color:var(--rd-faint);font-size:10px}
.smx4 .opc-log .ln .st{font-size:9px;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:2px 6px;white-space:nowrap}
.smx4 .opc-log .ln .st.ok{color:var(--sev-ok);border:1px solid rgba(53,192,138,.34)}
.smx4 .opc-log .ln .st.run{color:var(--rd-lit);border:1px solid var(--rd-line2)}
.smx4 .opc-log .ln .st.gate{color:var(--rd-gold);border:1px solid var(--rd-gold-line);background:rgba(228,185,106,.08)}
.smx4 .opc-log .ln .st.find{color:var(--sev-high);border:1px solid rgba(255,122,69,.36)}
.smx4 .opc-log .ln b{color:var(--rd-tx);font-weight:500}
.smx4 .opc-path{margin-top:14px;padding-top:14px;border-top:1px solid var(--rd-line)}
.smx4 .opc-path .cap{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-faint);margin-bottom:9px}
.smx4 .opc-path svg{width:100%;height:64px;display:block}

/* ===================== WHY NOW ===================== */
.smx4 .rd-now{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.smx4 .nowc{border:1px solid var(--rd-line);border-radius:var(--r);background:var(--rd-panel);padding:24px;position:relative;overflow:hidden}
.smx4 .nowc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--rd-red),transparent)}
.smx4 .nowc b{display:block;font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;color:var(--rd-lit);line-height:1;letter-spacing:-.02em}
.smx4 .nowc .u{display:block;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-faint);margin:9px 0 10px}
.smx4 .nowc p{font-size:13.4px;color:var(--rd-dim);line-height:1.56}
.smx4 .now-note{font-family:var(--mono);font-size:10.5px;color:var(--rd-faint);letter-spacing:.02em;margin-top:14px;text-align:center}

/* ===================== SPLIT (what it is) ===================== */
.smx4 .rdsplit{display:grid;grid-template-columns:1fr 1.16fr;gap:44px;align-items:center;margin-top:26px}
.smx4 .rdsplit.rev{grid-template-columns:1.16fr 1fr}
.smx4 .rdsplit.rev .sc{order:2}
.smx4 .sc .pts{list-style:none;display:grid;gap:14px;margin-top:18px}
.smx4 .sc .pts li{padding-left:24px;position:relative;font-size:14.4px;color:var(--rd-dim);line-height:1.56}
.smx4 .sc .pts li::before{content:"";position:absolute;left:3px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--rd-red);box-shadow:0 0 8px rgba(240,69,75,.6)}
.smx4 .sc .pts li b{color:var(--rd-tx)}
.smx4 .sc h2 .accent,.smx4 .rdsplit h2 .accent{color:var(--rd-lit)}

/* ===================== HOW IT WORKS (the loop) ===================== */
.smx4 .loop{margin-top:28px}
.smx4 .loop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.smx4 .step{border:1px solid var(--rd-line);border-radius:14px;background:var(--rd-panel);padding:22px 20px;position:relative}
.smx4 .step .no{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--rd-faint)}
.smx4 .step h4{font-size:16.5px;margin:10px 0 8px;display:flex;align-items:center;gap:9px}
.smx4 .step h4 svg{width:17px;height:17px;color:var(--rd-lit);flex:none}
.smx4 .step p{font-size:13px;color:var(--rd-dim);line-height:1.55}
.smx4 .step .gate{margin-top:12px;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--rd-gold);border:1px solid var(--rd-gold-line);background:rgba(228,185,106,.08);border-radius:100px;padding:4px 10px}
.smx4 .step .gate svg{width:11px;height:11px}
.smx4 .loop-back{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--rd-dim)}
.smx4 .loop-back svg{width:15px;height:15px;color:var(--rd-lit)}
.smx4 .loop-back b{color:var(--rd-lit);font-weight:500}

/* ===================== CAPABILITIES ===================== */
.smx4 .caps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.smx4 .cap{border:1px solid var(--rd-line);border-radius:14px;background:var(--rd-panel);padding:22px 20px;transition:border-color .25s,transform .25s}
.smx4 .cap:hover{border-color:var(--rd-line2);transform:translateY(-2px)}
.smx4 .cap .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,107,107,.16),rgba(178,30,43,.16));border:1px solid var(--rd-line2);margin-bottom:14px}
.smx4 .cap .ic svg{width:20px;height:20px;color:var(--rd-lit)}
.smx4 .cap h4{font-size:15.5px;margin-bottom:7px}
.smx4 .cap p{font-size:13px;color:var(--rd-dim);line-height:1.54}
.smx4 .cap .ai{position:absolute}
.smx4 .cap.flag{border-color:var(--rd-line2);box-shadow:inset 0 0 60px -34px rgba(240,69,75,.6)}
.smx4 .cap .tagn{display:inline-block;margin-bottom:10px;font-family:var(--mono);font-size:8.6px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-lit);border:1px solid var(--rd-line2);border-radius:100px;padding:3px 9px}

/* ===================== DASHBOARD PREVIEW ===================== */
.smx4 .console{border:1px solid var(--rd-line2);border-radius:16px;overflow:hidden;background:var(--rd-panel);box-shadow:0 44px 100px -40px rgba(0,0,0,.92),0 0 90px -50px rgba(240,69,75,.4);margin-top:26px}
.smx4 .console .cbar{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid var(--rd-line);background:rgba(255,255,255,.02)}
.smx4 .console .cbar i{width:9px;height:9px;border-radius:50%;background:var(--rd-line2)}
.smx4 .console .cbar i:first-child{background:rgba(255,90,95,.6)}
.smx4 .console .cbar .u{margin-left:8px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--rd-dim)}
.smx4 .console .cbar .tag{margin-left:auto;font-family:var(--mono);font-size:8.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-gold);border:1px solid var(--rd-gold-line);background:rgba(228,185,106,.08);border-radius:100px;padding:4px 9px}
.smx4 .console-in{display:grid;grid-template-columns:1.5fr 1fr;gap:0}
.smx4 .console-main{padding:20px;border-right:1px solid var(--rd-line)}
.smx4 .console-side{padding:20px;background:rgba(0,0,0,.14)}
.smx4 .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.smx4 .kpi{border:1px solid var(--rd-line);border-radius:11px;padding:13px 14px;background:var(--rd-bg2)}
.smx4 .kpi b{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;line-height:1}
.smx4 .kpi span{display:block;font-family:var(--mono);font-size:8.4px;letter-spacing:.08em;text-transform:uppercase;color:var(--rd-faint);margin-top:6px;line-height:1.4}
.smx4 .kpi.crit b{color:var(--sev-crit)} .smx4 .kpi.high b{color:var(--sev-high)} .smx4 .kpi.med b{color:var(--sev-med)} .smx4 .kpi.low b{color:var(--sev-low)}
.smx4 .sev-bar{display:flex;height:9px;border-radius:6px;overflow:hidden;margin-bottom:8px;border:1px solid var(--rd-line)}
.smx4 .sev-bar span{display:block}
.smx4 .sev-legend{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:9.6px;color:var(--rd-dim);margin-bottom:18px}
.smx4 .sev-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
.smx4 .pv-path{border:1px solid var(--rd-line);border-radius:11px;padding:16px;background:var(--rd-bg2)}
.smx4 .pv-path .h{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-faint);margin-bottom:10px}
.smx4 .pv-path svg{width:100%;height:74px;display:block}
.smx4 .feed-h{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-faint);margin-bottom:12px;display:flex;align-items:center;gap:7px}
.smx4 .feed-h .d{width:6px;height:6px;border-radius:50%;background:var(--rd-lit);box-shadow:0 0 7px var(--rd-lit);animation:blink 1.8s infinite}
.smx4 .feed{display:grid;gap:11px}
.smx4 .fitem{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:11.6px;line-height:1.4;color:var(--rd-dim)}
.smx4 .fitem .dot{width:7px;height:7px;border-radius:50%;margin-top:5px;background:var(--rd-line2)}
.smx4 .fitem.run .dot{background:var(--rd-lit)} .smx4 .fitem.find .dot{background:var(--sev-high)} .smx4 .fitem.gate .dot{background:var(--rd-gold)} .smx4 .fitem.ok .dot{background:var(--sev-ok)}
.smx4 .fitem b{color:var(--rd-tx);font-weight:500}
.smx4 .fitem .tt{display:block;font-family:var(--mono);font-size:9px;color:var(--rd-faint);margin-top:2px}
.smx4 .console-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--rd-line);background:rgba(255,255,255,.02)}
.smx4 .console-cta p{font-size:13px;color:var(--rd-dim)}
.smx4 .console-cta a{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;color:var(--rd-lit);display:inline-flex;align-items:center;gap:8px}
.smx4 .console-cta a svg{width:16px;height:16px;transition:transform .25s}
.smx4 .console-cta a:hover svg{transform:translateX(4px)}

/* ===================== AUTHORIZED / RoE (gold) ===================== */
.smx4 .roe{border:1px solid var(--rd-gold-line);background:linear-gradient(150deg,rgba(228,185,106,.10),transparent 66%);border-radius:var(--r);padding:30px 32px;margin-top:26px}
.smx4 .roe .lbl{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rd-gold);margin-bottom:16px}
.smx4 .roe .lbl svg{width:15px;height:15px}
.smx4 .roe h3{font-size:clamp(20px,2.4vw,27px);margin-bottom:12px}
.smx4 .roe>p{font-size:15px;color:var(--rd-dim);line-height:1.64;max-width:76ch;margin-bottom:18px}
.smx4 .roe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.smx4 .roe-item{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--rd-line)}
.smx4 .roe-item svg{width:18px;height:18px;color:var(--rd-gold);flex:none;margin-top:2px}
.smx4 .roe-item b{display:block;font-size:14px;margin-bottom:3px}
.smx4 .roe-item span{font-size:12.8px;color:var(--rd-dim);line-height:1.5}

/* ===================== DEPLOY ===================== */
.smx4 .dep{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.smx4 .depc{border:1px solid var(--rd-line);border-radius:14px;background:var(--rd-panel);padding:24px}
.smx4 .depc .tag{font-family:var(--mono);font-size:9.6px;letter-spacing:.12em;text-transform:uppercase;color:var(--rd-red);border:1px solid var(--rd-line2);border-radius:100px;padding:5px 11px;display:inline-block;margin-bottom:14px}
.smx4 .depc h4{font-size:18px;margin-bottom:9px}
.smx4 .depc p{font-size:13.2px;color:var(--rd-dim);line-height:1.56}
.smx4 .depc .k{margin-top:14px;font-family:var(--mono);font-size:10.5px;color:var(--rd-coral);display:flex;align-items:center;gap:8px}
.smx4 .depc .k svg{width:13px;height:13px;flex:none}

/* ===================== CLOSE ===================== */
.smx4 .rdcta{text-align:center;padding:58px 0 20px}
.smx4 .rdcta h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:14px}
.smx4 .rdcta>p{color:var(--rd-dim);max-width:66ch;margin:0 auto 24px;font-size:15.5px;line-height:1.64}
.smx4 .rdcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}

/* legal fine print */
.smx4 .legal-fine{border-top:1px solid var(--rd-line);margin-top:30px;padding-top:22px}
.smx4 .legal-fine p{font-size:12.2px;color:var(--rd-dim);line-height:1.66;max-width:84ch;margin:0 auto}
.smx4 .legal-fine b{color:var(--rd-tx)}

/* ===================== AI-FIRST vs BOLTED-ON ===================== */
.smx4 .aicmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;position:relative}
.smx4 .aicmp .vs-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--rd-bg);border:1px solid var(--rd-line2);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:var(--rd-dim)}
.smx4 .acol{border:1px solid var(--rd-line);border-radius:var(--r);padding:26px;background:var(--rd-panel)}
.smx4 .acol.legacy{opacity:.86}
.smx4 .acol.native{border-color:var(--rd-line2);box-shadow:inset 0 0 80px -40px rgba(255,69,80,.5)}
.smx4 .acol .cap{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.smx4 .acol.legacy .cap{color:var(--rd-faint)}
.smx4 .acol.native .cap{color:var(--rd-lit)}
.smx4 .acol.native .cap .d{width:7px;height:7px;border-radius:50%;background:var(--rd-lit);box-shadow:0 0 8px var(--rd-lit)}
.smx4 .acol h3{font-size:20px;margin-bottom:6px}
.smx4 .acol .tl{font-size:13px;color:var(--rd-dim);line-height:1.5;margin-bottom:16px}
.smx4 .acol ul{list-style:none;display:grid;gap:12px}
.smx4 .acol li{display:flex;gap:11px;font-size:13.6px;line-height:1.5;color:var(--rd-dim)}
.smx4 .acol li svg{width:17px;height:17px;flex:none;margin-top:2px}
.smx4 .acol.legacy li svg{color:var(--rd-faint)}
.smx4 .acol.native li svg{color:var(--rd-lit)}
.smx4 .acol.native li b{color:var(--rd-tx)}

/* ===================== ATTACK SURFACE SPRAWL ===================== */
.smx4 .sprawl{margin-top:26px;border:1px solid var(--rd-line);border-radius:var(--r);background:var(--rd-panel);overflow:hidden}
.smx4 .sprawl-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--rd-line);background:rgba(255,255,255,.02)}
.smx4 .sprawl-bar i{width:9px;height:9px;border-radius:50%;background:var(--rd-line2)}
.smx4 .sprawl-bar i:first-child{background:rgba(255,90,95,.55)}
.smx4 .sprawl-bar .u{margin-left:8px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--rd-dim)}
.smx4 .sprawl-bar .tag{margin-left:auto;font-family:var(--mono);font-size:8.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-coral);border:1px solid var(--rd-line2);border-radius:100px;padding:4px 10px}
.smx4 .sprawl-nums{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid var(--rd-line)}
.smx4 .sprawl-nums .n{padding:18px 14px;text-align:center;border-right:1px solid var(--rd-line)}
.smx4 .sprawl-nums .n:last-child{border-right:0}
.smx4 .sprawl-nums .n b{display:block;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;line-height:1;letter-spacing:-.02em}
.smx4 .sprawl-nums .n span{display:block;font-family:var(--mono);font-size:8.4px;letter-spacing:.06em;text-transform:uppercase;color:var(--rd-faint);margin-top:7px;line-height:1.35}
.smx4 .sprawl-nums .n.risk b{color:var(--rd-lit)} .smx4 .sprawl-nums .n.warn b{color:var(--sev-med)}
.smx4 .sprawl-list{display:grid;grid-template-columns:1fr 1fr;gap:0}
.smx4 .sp-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--rd-line);border-right:1px solid var(--rd-line)}
.smx4 .sp-row:nth-child(even){border-right:0}
.smx4 .sp-row .h{font-family:var(--mono);font-size:11.6px;color:var(--rd-tx)}
.smx4 .sp-row .h .m{display:block;font-size:9px;color:var(--rd-faint);margin-top:3px;letter-spacing:.02em}
.smx4 .sp-row .fl{font-family:var(--mono);font-size:8.6px;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:100px;white-space:nowrap}
.smx4 .fl.crit{color:var(--sev-crit);border:1px solid rgba(255,59,78,.4);background:rgba(255,59,78,.08)}
.smx4 .fl.take{color:var(--sev-high);border:1px solid rgba(255,122,69,.4);background:rgba(255,122,69,.08)}
.smx4 .fl.eol{color:var(--sev-med);border:1px solid rgba(244,193,82,.36);background:rgba(244,193,82,.07)}
.smx4 .sprawl-foot{padding:14px 18px;font-family:var(--mono);font-size:10.5px;color:var(--rd-dim);display:flex;align-items:center;gap:9px}
.smx4 .sprawl-foot svg{width:14px;height:14px;color:var(--rd-lit);flex:none}
.smx4 .sprawl-foot b{color:var(--rd-lit)}
@media(max-width:820px){.smx4 .sprawl-list{grid-template-columns:1fr}.smx4 .sp-row{border-right:0}.smx4 .sprawl-nums{grid-template-columns:repeat(3,1fr)}.smx4 .sprawl-nums .n:nth-child(3){border-right:0}}

/* ===================== responsive ===================== */
@media(max-width:1000px){
  .smx4 .rdh-grid,.smx4 .rdsplit,.smx4 .rdsplit.rev{grid-template-columns:1fr;gap:30px}
  .smx4 .rdsplit.rev .sc{order:0}
  .smx4 .rd-now,.smx4 .loop-grid,.smx4 .caps,.smx4 .dep{grid-template-columns:1fr 1fr}
  .smx4 .console-in{grid-template-columns:1fr}
  .smx4 .console-main{border-right:0;border-bottom:1px solid var(--rd-line)}
}
@media(max-width:640px){
  .smx4 .rd-now,.smx4 .loop-grid,.smx4 .caps,.smx4 .dep,.smx4 .roe-grid,.smx4 .kpis{grid-template-columns:1fr}
  .smx4 .kpis{grid-template-columns:1fr 1fr}
}

/* ---- marketing media frames (renders + photos) ---- */
.smx4 #redpage .rd-showcase{padding-top:6px;padding-bottom:0}
.smx4 #redpage .rd-lead{margin-top:26px}
.smx4 #redpage .rd-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--rd-line2);background:var(--rd-sink);box-shadow:0 34px 90px -46px rgba(0,0,0,.9),0 0 80px -54px rgba(240,69,75,.4)}
.smx4 #redpage .rd-frame.r169{aspect-ratio:16/9}
.smx4 #redpage .rd-frame.r1610{aspect-ratio:16/10}
.smx4 #redpage .rd-frame img{display:block;width:100%;height:100%;object-fit:cover}
.smx4 #redpage .rd-frame .scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(4,8,13,.86),rgba(4,8,13,.16) 46%,transparent 66%)}
.smx4 #redpage .rd-cap{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}
.smx4 #redpage .rd-cap .e{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rd-lit)}
.smx4 #redpage .rd-cap .e::before{content:"";width:18px;height:1px;background:var(--rd-lit)}
.smx4 #redpage .rd-cap.gold .e{color:var(--rd-gold)}
.smx4 #redpage .rd-cap.gold .e::before{background:var(--rd-gold)}
.smx4 #redpage .rd-cap h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(19px,2.1vw,27px);line-height:1.16;letter-spacing:-.02em;margin-top:9px;max-width:24ch;color:var(--rd-tx)}
.smx4 #redpage .rd-cap h3 .accent{color:var(--rd-lit)}
.smx4 #redpage .rd-cap h3 .gd{color:var(--rd-gold)}

/* ---- dashboard slider (what's in the box) ---- */
.smx4 #redpage .rdslider{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--rd-line2);background:var(--rd-sink);box-shadow:0 34px 90px -46px rgba(0,0,0,.9),0 0 80px -54px rgba(240,69,75,.35);margin-top:26px}
.smx4 #redpage .rds-track{display:flex;transition:transform .5s var(--ease)}
.smx4 #redpage .rds-slide{flex:0 0 100%;min-width:0;margin:0}
.smx4 #redpage .rds-frame{aspect-ratio:16/10;overflow:hidden;background:#05080f;border-bottom:1px solid var(--rd-line)}
.smx4 #redpage .rds-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.smx4 #redpage .rds-slide figcaption{padding:15px 20px 40px;font-family:var(--mono);font-size:12px;color:var(--rd-dim);letter-spacing:.02em;line-height:1.5}
.smx4 #redpage .rds-slide figcaption b{color:var(--rd-lit);font-weight:500;margin-right:9px}
.smx4 #redpage .rds-nav{position:absolute;top:42%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--rd-line2);background:rgba(11,7,9,.72);backdrop-filter:blur(6px);color:var(--rd-tx);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:3;transition:border-color .2s,color .2s}
.smx4 #redpage .rds-nav:hover{border-color:var(--rd-lit);color:var(--rd-lit)}
.smx4 #redpage .rds-nav.prev{left:16px}.smx4 #redpage .rds-nav.next{right:16px}
.smx4 #redpage .rds-dots{position:absolute;left:0;right:0;bottom:60px;display:flex;gap:8px;justify-content:center;z-index:3}
.smx4 #redpage .rds-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:background .25s,width .25s}
.smx4 #redpage .rds-dots button.on{background:var(--rd-lit);width:22px;border-radius:5px}
/* ---- see-it: video + pdf ---- */
.smx4 #redpage .rd-res{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;margin-top:8px}
.smx4 #redpage .rd-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--rd-line2);background:radial-gradient(ellipse 70% 80% at 50% 45%,rgba(240,69,75,.16),transparent 62%),linear-gradient(160deg,#0b1220,#070c16);display:grid;place-items:center;box-shadow:0 34px 90px -46px rgba(0,0,0,.9)}
.smx4 #redpage .rd-vplay{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--rd-lit),var(--rd-deep));box-shadow:0 0 44px -8px var(--rd-red,#FF4550);color:#fff}
.smx4 #redpage .rd-vplay svg{width:30px;height:30px;margin-left:4px}
.smx4 #redpage .rd-vlabel{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rd-faint)}
.smx4 #redpage .rd-soon{opacity:.55;pointer-events:none}
@media(max-width:820px){ .smx4 #redpage .rd-res{grid-template-columns:1fr;gap:22px} }
@media(max-width:640px){ .smx4 #redpage .rds-slide figcaption{font-size:11px;padding:13px 15px 36px} .smx4 #redpage .rds-nav{width:36px;height:36px;font-size:19px} .smx4 #redpage .rds-dots{bottom:48px} }
@media(max-width:640px){ .smx4 #redpage .aicmp{grid-template-columns:1fr;gap:12px} .smx4 #redpage .acol{min-width:0;padding:20px} .smx4 #redpage .acol.legacy{order:1} .smx4 #redpage .aicmp .vs-tag{position:static;transform:none;order:2;justify-self:center;margin:1px 0} .smx4 #redpage .acol.native{order:3} }

/* ---- from servers.html ---- */
/* ============ SOVEREIGN AI SERVERS — page-specific ============ */
.smx4 .gold{color:var(--gold)}

/* hero */
.smx4 .ph .reveal{opacity:1!important;transform:none!important}
.smx4 .ph{position:relative;padding:calc(var(--navh,68px) + 54px) 0 52px;overflow:hidden}
.smx4 .ph::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 64% 60% at 26% 28%,rgba(45,212,191,.15),transparent 62%);pointer-events:none}
.smx4 .ph-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:42px;align-items:center;position:relative;z-index:1}
.smx4 .ph h1{font-size:clamp(32px,4.1vw,53px);line-height:1.05;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .ph-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;max-width:55ch;margin-bottom:22px}
.smx4 .ph-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.smx4 .ph-fine{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}
.smx4 .ph-fine b{color:var(--brand-2);font-weight:500}
.smx4 .ph-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 44px 96px -38px rgba(0,0,0,.9)}
.smx4 .ph-media img{width:100%;display:block}
.smx4 .ph-media .stamp{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.82);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* pillars */
.smx4 .pill3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}
.smx4 .pill{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px;transition:all .25s var(--ease)}
.smx4 .pill:hover{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .pill .i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:14px}
.smx4 .pill .i svg{width:17px;height:17px}
.smx4 .pill h3{font-size:17px;margin-bottom:9px}
.smx4 .pill p{font-size:13.6px;color:var(--text-2);line-height:1.58}
.smx4 .pill .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.smx4 .pill .chips span{font-family:var(--mono);font-size:9.4px;letter-spacing:.09em;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 9px}

/* split feature */
.smx4 .split{display:grid;grid-template-columns:1fr 1.3fr;gap:38px;align-items:center;margin-top:28px}
.smx4 .split.rev{grid-template-columns:1.3fr 1fr}
.smx4 .split.rev .sc{order:2}
.smx4 .sc .k{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 11px;margin-bottom:13px}
.smx4 .sc h3{font-size:clamp(21px,2.3vw,29px);margin-bottom:11px;line-height:1.14}
.smx4 .sc p{font-size:14.6px;color:var(--text-2);line-height:1.62;max-width:52ch}
.smx4 .frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800);box-shadow:0 34px 80px -34px rgba(0,0,0,.85)}
.smx4 .frame img{width:100%;display:block}
.smx4 .frame.wide img{aspect-ratio:2/1;object-fit:cover;object-position:center}
.smx4 .frame .cap{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--mono);font-size:9.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* scale strip */
.smx4 .scale3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.smx4 .sc-item{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-800)}
.smx4 .sc-item img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.smx4 .sc-item .b{padding:16px 18px 18px}
.smx4 .sc-item h4{font-size:15.5px;margin-bottom:5px}
.smx4 .sc-item p{font-size:13px;color:var(--text-2);line-height:1.52}

/* ships-with list */
.smx4 .ships{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:24px}
.smx4 .ship{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px;display:flex;gap:11px}
.smx4 .ship svg{width:16px;height:16px;color:var(--brand-2);flex:none;margin-top:2px}
.smx4 .ship b{display:block;font-size:14.2px;margin-bottom:4px}
.smx4 .ship span{font-size:12.9px;color:var(--text-2);line-height:1.5}

/* guard callout */
.smx4 .gcall{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;border:1px solid var(--gold-line);background:linear-gradient(150deg,rgba(228,185,106,.075),transparent 62%);border-radius:var(--r);padding:30px;margin-top:26px}
.smx4 .gcall .k{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:100px;padding:4px 11px;margin-bottom:12px}
.smx4 .gcall h3{font-size:clamp(20px,2.2vw,27px);margin-bottom:10px}
.smx4 .gcall p{font-size:14.4px;color:var(--text-2);line-height:1.62;max-width:52ch}
.smx4 .gcall img{width:100%;display:block;border-radius:12px;border:1px solid var(--line-2)}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .pcta{text-align:center;padding:58px 0}
.smx4 .pcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .pcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .pcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){
  .smx4 .ph-grid,.smx4 .split,.smx4 .split.rev,.smx4 .gcall{grid-template-columns:1fr;gap:26px}
  .smx4 .split.rev .sc{order:0}
  .smx4 .pill3,.smx4 .scale3{grid-template-columns:1fr}
}

/* Dell Technologies Authorized Partner callout */
.smx4 .dellbar{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;border:1px solid var(--line-2);background:linear-gradient(140deg,rgba(0,118,206,.10),rgba(45,212,191,.05) 46%,transparent 72%);border-radius:var(--r);padding:30px 32px}
.smx4 .dell-badge{background:#fff;border-radius:12px;padding:16px 20px;flex:none;display:grid;place-items:center;box-shadow:0 14px 34px -14px rgba(0,0,0,.7)}
.smx4 .dell-badge img{width:230px;max-width:100%;display:block}
.smx4 .dell-copy h3{font-size:clamp(20px,2.2vw,27px);margin-bottom:11px;line-height:1.16}
.smx4 .dell-copy p{font-size:14.4px;color:var(--text-2);line-height:1.62;max-width:66ch}
.smx4 .dell-pts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.smx4 .dell-pts span{font-size:12.8px;color:var(--text-2);line-height:1.5}
.smx4 .dell-pts b{display:block;font-size:13.6px;color:var(--text);margin-bottom:3px}
@media(max-width:820px){.smx4 .dellbar{grid-template-columns:1fr;gap:22px;padding:24px}.smx4 .dell-badge{justify-self:start}}

/* ---- from status.html ---- */
/* ============ SYSTEM STATUS — page-specific ============ */
.smx4 .gold{color:var(--gold)}
.smx4{--up:#34D399;--warn:#F5B454;--down:#FF8B7B}

/* hero */
.smx4 .sh .reveal{opacity:1!important;transform:none!important}
.smx4 .sh{position:relative;padding:calc(var(--navh,68px) + 50px) 0 26px;overflow:hidden}
.smx4 .sh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58% 66% at 50% 0%,rgba(52,211,153,.14),transparent 62%);pointer-events:none}
.smx4 .sh-in{position:relative;z-index:1}

/* overall banner */
.smx4 .overall{display:flex;align-items:center;gap:18px;border:1px solid rgba(52,211,153,.34);background:linear-gradient(120deg,rgba(52,211,153,.11),transparent 62%);border-radius:var(--r);padding:26px 28px;margin-top:16px}
.smx4 .overall .beacon{width:44px;height:44px;border-radius:50%;background:rgba(52,211,153,.14);display:grid;place-items:center;flex:none;position:relative}
.smx4 .overall .beacon i{width:14px;height:14px;border-radius:50%;background:var(--up);box-shadow:0 0 14px var(--up);display:block}
.smx4 .overall .beacon::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--up);opacity:.5;animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{0%{transform:scale(.85);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.smx4 .overall h1{font-size:clamp(24px,3vw,34px);line-height:1.12;margin-bottom:5px;letter-spacing:-.02em}
.smx4 .overall p{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--text-3)}
@media(prefers-reduced-motion:reduce){.smx4 .overall .beacon::after{animation:none}}

/* service rows */
.smx4 .svcs{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px}
.smx4 .svc{display:grid;grid-template-columns:1.25fr 2fr 58px;gap:20px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}
.smx4 .svc:last-child{border-bottom:0}
.smx4 .svc.head{background:rgba(255,255,255,.022);font-family:var(--mono);font-size:9.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding-block:12px}
.smx4 .svc .nm{display:flex;align-items:center;gap:10px}
.smx4 .svc .nm i{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up);flex:none}
.smx4 .svc .nm b{font-size:14.4px;font-weight:600}
.smx4 .svc .nm span{font-family:var(--mono);font-size:10.4px;color:var(--text-3);display:block;margin-top:2px}
/* 90-day strip, drawn as a gradient rather than 90 elements */
.smx4 .bars{height:30px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--up) 0 4px,transparent 4px 7px);opacity:.85}
.smx4 .bars.warn{background:repeating-linear-gradient(90deg,var(--up) 0 4px,transparent 4px 7px),linear-gradient(90deg,transparent 62%,var(--warn) 62% 66%,transparent 66%)}
.smx4 .svc .pct{font-family:var(--mono);font-size:13px;color:var(--up);white-space:nowrap;min-width:58px;text-align:right}
.smx4 .svc .nm{min-width:0}
.smx4 .legend{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:10px;padding:0 20px}

/* regions */
.smx4 .regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;margin-top:24px}
.smx4 .rg{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px 20px}
.smx4 .rg .top{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.smx4 .rg .top i{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up)}
.smx4 .rg .top b{font-size:15px}
.smx4 .rg .prov{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);display:block;margin-bottom:8px}
.smx4 .rg p{font-size:12.8px;color:var(--text-2);line-height:1.5}

/* the sealed-posture note */
.smx4 .sealed{border:1px solid var(--gold-line);border-left:3px solid var(--gold);background:linear-gradient(100deg,rgba(228,185,106,.08),transparent 58%);border-radius:0 var(--r) var(--r) 0;padding:28px 30px;margin-top:26px}
.smx4 .sealed h3{font-size:20px;margin-bottom:10px}
.smx4 .sealed p{font-size:14.4px;color:var(--text-2);line-height:1.65;max-width:72ch}
.smx4 .sealed p + p{margin-top:11px}
.smx4 .sealed b{color:var(--text)}

/* incidents */
.smx4 .inc-empty{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:44px 30px;text-align:center;margin-top:22px}
.smx4 .inc-empty .i{width:46px;height:46px;border-radius:50%;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.3);display:grid;place-items:center;margin:0 auto 16px;color:var(--up)}
.smx4 .inc-empty .i svg{width:20px;height:20px}
.smx4 .inc-empty h3{font-size:18px;margin-bottom:7px}
.smx4 .inc-empty p{font-size:13.6px;color:var(--text-2);line-height:1.55;max-width:52ch;margin:0 auto}
.smx4 .inc-note{font-family:var(--mono);font-size:11px;color:var(--text-3);margin-top:14px;text-align:center;letter-spacing:.04em}

/* subscribe */
.smx4 .sub-box{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;border:1px solid var(--line-2);background:linear-gradient(150deg,rgba(45,212,191,.06),transparent 62%);border-radius:var(--r);padding:30px;margin-top:24px}
.smx4 .sub-box h3{font-size:21px;margin-bottom:10px}
.smx4 .sub-box p{font-size:14.2px;color:var(--text-2);line-height:1.6}
.smx4 .sub-box .box{border:1px solid var(--line);background:var(--ink-800);border-radius:12px;padding:20px}
.smx4 .sub-box .row + .row{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.smx4 .sub-box .l{font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:6px}
.smx4 .sub-box .v{font-family:var(--mono);font-size:13.4px;color:var(--brand-2);word-break:break-all}

/* closing */
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:24px;font-size:13.2px;color:var(--text-2);line-height:1.6}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:820px){
  .smx4 .svc{grid-template-columns:1fr;gap:10px}
  .smx4 .svc.head{display:none}
  .smx4 .sub-box{grid-template-columns:1fr;gap:22px}
  .smx4 .legend{display:none}
}

/* ---- from stockiq.html ---- */
/* ============ STOCKSIQ — page-specific ============
   Distinct emerald-on-near-black brand system (per StocksIQ asset pack).
   GOLD is reserved for the MISK accolade + the compliance box ONLY.
   Red is reserved for "down"/negative only. Never a second hue. */
.smx4 #sqpage{
  --sq-bg:#050B09; --sq-bg2:#081411; --sq-panel:#0C1A16;
  --sq-green:#10B981; --sq-lit:#34D399; --sq-mint:#7DEBD8;
  --sq-gold:#D4A73B; --sq-red:#F2555A;
  --sq-tx:#EAF2F8; --sq-dim:rgba(234,242,248,.66); --sq-line:rgba(125,235,216,.14);
  background:var(--sq-bg); color:var(--sq-tx);
}
.smx4 #sqpage .accent{color:var(--sq-lit)}
.smx4 #sqpage .section.alt{background:var(--sq-bg2)}
.smx4 #sqpage .eyebrow{color:var(--sq-green)}
.smx4 #sqpage .lead{color:var(--sq-dim)}
.smx4 #sqpage ::selection{background:rgba(52,211,153,.26)}

/* eyebrow with the emerald dash */
.smx4 .sq-eye{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sq-green)}
.smx4 .sq-eye::before{content:"";width:22px;height:1px;background:var(--sq-green)}

/* hero */
.smx4 .sqh .reveal{opacity:1!important;transform:none!important}
.smx4 .sqh{position:relative;padding:calc(var(--navh,68px) + 44px) 0 40px;overflow:hidden}
.smx4 .sqh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 66% 74% at 62% 34%,rgba(16,185,129,.16),transparent 64%);pointer-events:none}
.smx4 .sqh-grid{display:grid;grid-template-columns:1.02fr 1.2fr;gap:44px;align-items:center;position:relative;z-index:1}
.smx4 .sq-lock{display:flex;align-items:baseline;gap:12px;margin:12px 0 6px}
.smx4 .sq-lock .nm{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1}
.smx4 .sq-lock .nm i{color:var(--sq-lit);font-style:normal}
.smx4 .sq-lock .by{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sq-dim)}
.smx4 .sq-lock .by img{height:15px;opacity:.9}
.smx4 .sqh h1{font-size:clamp(33px,4.3vw,55px);line-height:1.04;letter-spacing:-.025em;margin:14px 0 16px}
.smx4 .sqh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--sq-dim);line-height:1.62;max-width:52ch;margin-bottom:20px}
.smx4 .sqh-flow{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--sq-mint);margin-bottom:22px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.smx4 .sqh-flow b{color:var(--sq-lit);font-weight:500}
.smx4 .sqh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.smx4 .sqh-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.smx4 .sq-chip{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--sq-mint);border:1px solid var(--sq-line);border-radius:100px;padding:6px 12px}
.smx4 .sqh-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--sq-line);box-shadow:0 44px 96px -38px rgba(0,0,0,.9),0 0 80px -40px rgba(16,185,129,.4)}
.smx4 .sqh-media img{width:100%;display:block}

/* MISK gold badge */
.smx4 .misk{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--sq-gold);border:1px solid rgba(212,167,59,.42);background:rgba(212,167,59,.10);border-radius:100px;padding:6px 13px}
.smx4 .misk svg{width:13px;height:13px;flex:none}

/* buttons — emerald primary (override shell teal within the page) */
.smx4 #sqpage .btn-primary{background:linear-gradient(120deg,var(--sq-lit),var(--sq-green));color:#04231a;box-shadow:0 0 0 1px rgba(52,211,153,.2),0 16px 40px -16px rgba(16,185,129,.6)}
.smx4 #sqpage .btn-ghost{border-color:var(--sq-line);color:var(--sq-tx)}
.smx4 #sqpage .btn-ghost:hover{border-color:var(--sq-lit);color:var(--sq-lit)}

/* framed product screenshot */
.smx4 .shot{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--sq-line);background:var(--sq-panel);box-shadow:0 36px 84px -36px rgba(0,0,0,.9),0 0 70px -44px rgba(16,185,129,.5)}
.smx4 .shot .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--sq-line);background:rgba(255,255,255,.02)}
.smx4 .shot .bar i{width:9px;height:9px;border-radius:50%;background:var(--sq-line);display:block}
.smx4 .shot .bar .u{margin-left:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--sq-dim);text-transform:uppercase}
.smx4 .shot img{width:100%;display:block}
.smx4 .shot .cap{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--sq-lit);background:rgba(5,11,9,.82);backdrop-filter:blur(8px);border:1px solid var(--sq-line);border-radius:100px;padding:6px 12px}

/* video */
.smx4 .sqvid{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--sq-line);background:#000;box-shadow:0 44px 100px -40px rgba(0,0,0,.92),0 0 90px -46px rgba(16,185,129,.5)}
.smx4 .sqvid video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000}
.smx4 .sqvid .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.smx4 .sqvid.playing .poster,.smx4 .sqvid.playing .vplay{opacity:0;pointer-events:none}
.smx4 .vplay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(180deg,rgba(5,11,9,.32),rgba(5,11,9,.66));border:0;cursor:pointer;transition:opacity .35s var(--ease);color:var(--sq-tx)}
.smx4 .vplay .pg{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--sq-lit),var(--sq-green));color:#04231a;box-shadow:0 0 0 12px rgba(16,185,129,.12),0 20px 44px -14px rgba(16,185,129,.7);flex:none;transition:transform .3s var(--ease)}
.smx4 .vplay:hover .pg{transform:scale(1.08)}
.smx4 .vplay .pg svg{width:26px;height:26px;margin-left:4px}
.smx4 .vplay .pt b{display:block;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;margin-bottom:3px}
.smx4 .vplay .pt span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--sq-dim)}

/* stat row */
.smx4 .sq-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--sq-line);border-radius:var(--r);overflow:hidden;margin-top:26px;background:var(--sq-panel)}
.smx4 .sq-stats div{padding:20px 16px;border-right:1px solid var(--sq-line);text-align:center}
.smx4 .sq-stats div:last-child{border-right:0}
.smx4 .sq-stats b{display:block;font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;color:var(--sq-lit);line-height:1}
.smx4 .sq-stats span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--sq-dim);margin-top:7px;line-height:1.4}

/* Tadawul != NASDAQ */
.smx4 .vs{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;margin-top:24px}
.smx4 .vs .col{border:1px solid var(--sq-line);background:var(--sq-panel);border-radius:var(--r);padding:24px}
.smx4 .vs .col.them{opacity:.72}
.smx4 .vs .col .h{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--sq-dim);margin-bottom:12px}
.smx4 .vs .col.us .h{color:var(--sq-lit)}
.smx4 .vs .col b{display:block;font-family:'Space Grotesk',sans-serif;font-size:20px;margin-bottom:10px}
.smx4 .vs .col p{font-size:13.4px;color:var(--sq-dim);line-height:1.56}
.smx4 .vs .mid{display:grid;place-items:center;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;color:var(--sq-dim)}
@media(max-width:800px){.smx4 .vs{grid-template-columns:1fr}.smx4 .vs .mid{padding:6px 0}}

/* split */
.smx4 .sqsplit{display:grid;grid-template-columns:1fr 1.28fr;gap:40px;align-items:center;margin-top:26px}
.smx4 .sqsplit.rev{grid-template-columns:1.28fr 1fr}
.smx4 .sqsplit.rev .sc{order:2}
.smx4 .sc .pts{list-style:none;display:grid;gap:14px;margin-top:18px}
.smx4 .sc .pts li{padding-left:22px;position:relative;font-size:14.4px;color:var(--sq-dim);line-height:1.56}
.smx4 .sc .pts li::before{content:"";position:absolute;left:3px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--sq-green);box-shadow:0 0 8px rgba(16,185,129,.6)}
.smx4 .sc .pts li b{color:var(--sq-tx)}
.smx4 .sc h2 .accent,.smx4 .sqsplit h2 .accent{color:var(--sq-lit)}

/* two modes */
.smx4 .modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.smx4 .mode{border:1px solid var(--sq-line);background:var(--sq-panel);border-radius:var(--r);padding:28px}
.smx4 .mode .tag{font-family:var(--mono);font-size:9.6px;letter-spacing:.14em;text-transform:uppercase;color:var(--sq-green);border:1px solid var(--sq-line);border-radius:100px;padding:5px 11px;display:inline-block;margin-bottom:14px}
.smx4 .mode h3{font-size:20px;margin-bottom:10px}
.smx4 .mode>p{font-size:14px;color:var(--sq-dim);line-height:1.58;margin-bottom:16px}
.smx4 .mode .feat{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--sq-line)}
.smx4 .mode .feat b{display:block;font-size:14px;margin-bottom:3px}
.smx4 .mode .feat span{font-size:12.8px;color:var(--sq-dim);line-height:1.5}
.smx4 .mode .feat .d{width:7px;height:7px;border-radius:2px;background:var(--sq-green);flex:none;margin-top:5px;box-shadow:0 0 8px rgba(16,185,129,.6)}

/* feature trio (see what matters) */
.smx4 .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.smx4 .tri{border:1px solid var(--sq-line);border-radius:var(--r);overflow:hidden;background:var(--sq-panel)}
.smx4 .tri img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}
.smx4 .tri .b{padding:16px 18px 18px}
.smx4 .tri h4{font-size:15px;margin-bottom:6px}
.smx4 .tri p{font-size:12.8px;color:var(--sq-dim);line-height:1.52}
@media(max-width:820px){.smx4 .trio,.smx4 .modes{grid-template-columns:1fr}}

/* descriptive-analysis rail */
.smx4 .rail{border:1px solid var(--sq-line);border-left:2px solid var(--sq-green);background:rgba(16,185,129,.05);border-radius:0 12px 12px 0;padding:16px 20px;margin-top:20px;font-size:13.4px;color:var(--sq-dim);line-height:1.6}
.smx4 .rail b{color:var(--sq-tx)}

/* mobile fan */
.smx4 .fan{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.smx4 .fan img{width:170px;border-radius:20px;border:1px solid var(--sq-line);box-shadow:0 34px 76px -30px rgba(0,0,0,.9),0 0 60px -40px rgba(16,185,129,.5)}
.smx4 .fan img:nth-child(even){transform:translateY(-16px)}
.smx4 .applestore{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#000;border-radius:12px;padding:10px 18px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px}
.smx4 .applestore svg{width:22px;height:22px}
.smx4 .applestore small{display:block;font-family:var(--mono);font-weight:400;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#444}

/* COMPLIANCE box — gold, verbatim */
.smx4 .compliance{border:1px solid rgba(212,167,59,.5);background:linear-gradient(150deg,rgba(212,167,59,.10),transparent 66%);border-radius:var(--r);padding:28px 30px;margin-top:26px}
.smx4 .compliance .lbl{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sq-gold);margin-bottom:14px}
.smx4 .compliance .lbl svg{width:15px;height:15px}
.smx4 .compliance p{font-size:15.5px;color:var(--sq-tx);line-height:1.68;max-width:74ch;margin:0}

/* close */
.smx4 .sqcta{text-align:center;padding:56px 0 20px}
.smx4 .sqcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .sqcta>p{color:var(--sq-dim);max-width:64ch;margin:0 auto 24px;font-size:15.5px;line-height:1.64}
.smx4 .sqcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}

/* full legal disclaimer */
.smx4 .legal-fine{border-top:1px solid var(--sq-line);margin-top:28px;padding-top:22px}
.smx4 .legal-fine p{font-size:12.2px;color:var(--sq-dim);line-height:1.66;max-width:82ch}
.smx4 .legal-fine b{color:var(--sq-tx)}
.smx4 .sq-contact{font-family:var(--mono);font-size:11px;color:var(--sq-dim);line-height:1.8;margin-top:16px}

/* persistent compliance strip (this page only) */
.smx4 .sq-persist{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(5,11,9,.94);backdrop-filter:blur(10px);border-top:1px solid var(--sq-line);padding:7px 16px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--sq-dim);transform:translateY(100%);transition:transform .3s var(--ease)}
.smx4 .sq-persist.on{transform:translateY(0)}
.smx4 .sq-persist b{color:var(--sq-lit);font-weight:500}
.smx4 #sqpage{padding-bottom:34px}

/* ---- PROBLEM: blind vs sees (custom, replaces raw screenshot) ---- */
.smx4 .blind{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.smx4 .bpane{position:relative;border:1px solid var(--sq-line);border-radius:var(--r);background:var(--sq-panel);padding:24px;min-height:320px;overflow:hidden}
.smx4 .bpane .btag{font-family:var(--mono);font-size:9.6px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.smx4 .bpane.gen .btag{color:var(--sq-dim)}
.smx4 .bpane.iq .btag{color:var(--sq-lit)}
.smx4 .bpane .btag .dot{width:7px;height:7px;border-radius:50%}
.smx4 .bpane.gen .btag .dot{background:var(--sq-dim)}
.smx4 .bpane.iq .btag .dot{background:var(--sq-lit);box-shadow:0 0 8px var(--sq-lit)}
.smx4 .bpane h4{font-size:16px;margin-bottom:6px}
.smx4 .bpane .bsub{font-size:12.6px;color:var(--sq-dim);line-height:1.5;margin-bottom:18px}
/* generic = sparse, faded, a fragment */
.smx4 .bpane.gen{opacity:.9}
.smx4 .bpane.gen .frag{position:relative;height:150px;border:1px dashed rgba(125,235,216,.16);border-radius:12px;display:grid;place-items:center}
.smx4 .bpane.gen .frag svg{width:82%;opacity:.34}
.smx4 .bpane.gen .frag .q{position:absolute;font-family:'Space Grotesk',sans-serif;font-size:44px;font-weight:700;color:rgba(234,242,248,.14)}
.smx4 .bpane.gen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,11,9,.5));pointer-events:none}
/* iq = dense grid of live signal tiles */
.smx4 .sig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:2px}
.smx4 .sig{border:1px solid var(--sq-line);border-radius:8px;padding:9px 8px;background:rgba(16,185,129,.04)}
.smx4 .sig .k{font-family:var(--mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--sq-dim);display:block;margin-bottom:4px}
.smx4 .sig .v{font-family:var(--mono);font-size:12px;color:var(--sq-tx);font-weight:600}
.smx4 .sig .v.up{color:var(--sq-lit)} .smx4 .sig .v.dn{color:var(--sq-red)}
.smx4 .sig.spark{grid-column:span 2;padding:8px 10px}
.smx4 .sig.spark svg{width:100%;height:26px;display:block;margin-top:2px}
.smx4 .bpane.iq{box-shadow:inset 0 0 60px -30px rgba(16,185,129,.5)}
.smx4 .blind-note{font-family:var(--mono);font-size:11px;color:var(--sq-dim);text-align:center;margin-top:16px;letter-spacing:.04em}
.smx4 .blind-note b{color:var(--sq-lit)}
/* compact Tadawul != NASDAQ strip */
.smx4 .tn-strip{display:flex;align-items:stretch;gap:0;border:1px solid var(--sq-line);border-radius:12px;overflow:hidden;margin-top:16px;background:var(--sq-panel)}
.smx4 .tn-strip .c{flex:1;padding:16px 20px}
.smx4 .tn-strip .c .h{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.smx4 .tn-strip .c.a .h{color:var(--sq-lit)} .smx4 .tn-strip .c.b .h{color:var(--sq-dim)}
.smx4 .tn-strip .c p{font-size:13px;color:var(--sq-dim);line-height:1.5}
.smx4 .tn-strip .c b{color:var(--sq-tx)}
.smx4 .tn-strip .x{display:grid;place-items:center;padding:0 18px;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;color:var(--sq-dim);border-inline:1px solid var(--sq-line)}
@media(max-width:820px){.smx4 .blind{grid-template-columns:1fr}.smx4 .sig-grid{grid-template-columns:repeat(4,1fr)}.smx4 .tn-strip{flex-direction:column}.smx4 .tn-strip .x{border-inline:0;border-block:1px solid var(--sq-line);padding:8px 0}}

/* ---- QUANTSTACK crisp (CSS, replaces lossy PNG) ---- */
.smx4 .qs{border:1px solid var(--sq-line);border-radius:var(--r);background:var(--sq-panel);padding:clamp(22px,3vw,36px);margin-top:26px}
.smx4 .qs-src{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:6px}
.smx4 .qs-src span{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--sq-mint);border:1px solid var(--sq-line);background:rgba(16,185,129,.05);border-radius:100px;padding:7px 13px}
.smx4 .qs-bus{text-align:center;margin:16px 0;position:relative}
.smx4 .qs-bus span{font-family:var(--mono);font-size:9.6px;letter-spacing:.16em;text-transform:uppercase;color:var(--sq-green);border:1px solid var(--sq-line);border-radius:100px;padding:6px 16px;background:var(--sq-bg2);position:relative;z-index:1}
.smx4 .qs-bus::before{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--sq-line),transparent)}
.smx4 .qs-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.smx4 .qs-stage{border:1px solid var(--sq-line);border-radius:12px;padding:20px 18px;position:relative;background:var(--sq-bg2)}
.smx4 .qs-stage .tier{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:100px;display:inline-block;margin-bottom:12px;border:1px solid}
.smx4 .qs-stage.bronze .tier{color:#C08457;border-color:rgba(192,132,87,.4);background:rgba(192,132,87,.08)}
.smx4 .qs-stage.silver .tier{color:#9FB4C6;border-color:rgba(159,180,198,.35);background:rgba(159,180,198,.08)}
.smx4 .qs-stage.gold .tier{color:var(--sq-gold);border-color:rgba(212,167,59,.4);background:rgba(212,167,59,.08)}
.smx4 .qs-stage.plat .tier{color:var(--sq-mint);border-color:var(--sq-line);background:rgba(125,235,216,.07)}
.smx4 .qs-stage h4{font-size:15px;margin-bottom:8px}
.smx4 .qs-stage p{font-size:12.4px;color:var(--sq-dim);line-height:1.5;margin-bottom:12px}
.smx4 .qs-stage .chip{font-family:var(--mono);font-size:9.4px;color:var(--sq-mint);border:1px solid var(--sq-line);border-radius:6px;padding:3px 8px;display:inline-block;margin:2px 3px 0 0}
.smx4 .qs-out{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--sq-line)}
.smx4 .qs-out span{font-family:var(--mono);font-size:10px;color:var(--sq-lit);border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.06);border-radius:100px;padding:6px 13px}
@media(max-width:820px){.smx4 .qs-stages{grid-template-columns:1fr 1fr}}

/* ---- TASI-GPT flagship showcase (recreated chat) ---- */
.smx4 .gpt{border:1px solid var(--sq-line);border-radius:18px;overflow:hidden;background:var(--sq-panel);box-shadow:0 44px 100px -40px rgba(0,0,0,.92),0 0 90px -46px rgba(16,185,129,.5)}
.smx4 .gpt-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sq-line);background:rgba(255,255,255,.02)}
.smx4 .gpt-head .lg{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sq-lit),var(--sq-green));color:#04231a;flex:none}
.smx4 .gpt-head .lg svg{width:18px;height:18px}
.smx4 .gpt-head b{font-family:'Space Grotesk',sans-serif;font-size:15px}
.smx4 .gpt-head b i{color:var(--sq-lit);font-style:normal}
.smx4 .gpt-head span{font-family:var(--mono);font-size:9.6px;letter-spacing:.08em;text-transform:uppercase;color:var(--sq-dim);display:block;margin-top:2px}
.smx4 .gpt-head .live{margin-left:auto;font-family:var(--mono);font-size:9.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--sq-lit);display:flex;align-items:center;gap:6px}
.smx4 .gpt-head .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sq-lit);box-shadow:0 0 7px var(--sq-lit);animation:blink 1.8s infinite}
.smx4 .gpt-body{padding:22px 22px 8px}
.smx4 .ask-b{margin-left:auto;max-width:74%;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.24);border-radius:14px 14px 4px 14px;padding:12px 15px;font-size:14px;color:var(--sq-tx);margin-bottom:16px}
.smx4 .ask-b.ar{margin-left:0;margin-right:auto;border-radius:14px 14px 14px 4px;direction:rtl;font-family:'IBM Plex Sans Arabic','Inter',sans-serif}
.smx4 .ans-b{max-width:88%;background:var(--sq-bg2);border:1px solid var(--sq-line);border-radius:14px 14px 14px 4px;padding:18px;margin-bottom:16px}
.smx4 .ans-b .who{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--sq-lit);margin-bottom:12px}
.smx4 .ans-b .who svg{width:13px;height:13px}
.smx4 .ans-b .lead2{font-size:14.4px;color:var(--sq-tx);line-height:1.6;margin-bottom:14px}
.smx4 .ans-b .lead2 b{color:var(--sq-lit)}
.smx4 .ev{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-bottom:14px}
.smx4 .ev .card{border:1px solid var(--sq-line);border-radius:9px;padding:10px 12px;background:var(--sq-panel)}
.smx4 .ev .card .k{font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--sq-dim);display:block;margin-bottom:5px}
.smx4 .ev .card .v{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700}
.smx4 .ev .card .v.up{color:var(--sq-lit)} .smx4 .ev .card .v.dn{color:var(--sq-red)}
.smx4 .ev .card.chart{grid-column:1;display:flex;flex-direction:column;justify-content:center}
.smx4 .ev .card.chart svg{width:100%;height:34px;display:block;margin-top:3px}
.smx4 .ans-b ul.pts2{list-style:none;display:grid;gap:8px;margin:0 0 14px}
.smx4 .ans-b ul.pts2 li{padding-left:18px;position:relative;font-size:13.2px;color:var(--sq-dim);line-height:1.5}
.smx4 .ans-b ul.pts2 li::before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:2px;background:var(--sq-green)}
.smx4 .src-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding-top:12px;border-top:1px solid var(--sq-line)}
.smx4 .src-chips .lb{font-family:var(--mono);font-size:8.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--sq-dim);margin-right:2px}
.smx4 .src-chips span{font-family:var(--mono);font-size:9px;color:var(--sq-mint);border:1px solid var(--sq-line);border-radius:5px;padding:3px 8px}
.smx4 .gpt-foot{border-top:1px solid var(--sq-line);padding:12px 16px;display:flex;align-items:center;gap:10px}
.smx4 .gpt-foot .inp{flex:1;font-family:var(--mono);font-size:12px;color:var(--sq-dim);border:1px solid var(--sq-line);border-radius:100px;padding:11px 16px;background:var(--sq-bg)}
.smx4 .gpt-foot .send{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--sq-lit),var(--sq-green));display:grid;place-items:center;color:#04231a;flex:none}
.smx4 .gpt-foot .send svg{width:16px;height:16px}
.smx4 .ans-note{font-family:var(--mono);font-size:9.6px;color:var(--sq-dim);letter-spacing:.03em;margin-top:10px}
.smx4 .ask-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.smx4 .ask-chips span{font-size:12.6px;color:var(--sq-dim);border:1px solid var(--sq-line);border-radius:100px;padding:8px 14px;background:var(--sq-panel)}
.smx4 .ask-chips span .ar{font-family:'IBM Plex Sans Arabic',sans-serif}
@media(max-width:820px){.smx4 .ev{grid-template-columns:1fr 1fr}.smx4 .ev .card.chart{grid-column:span 2}}

@media(max-width:1000px){.smx4 .sqh-grid,.smx4 .sqsplit,.smx4 .sqsplit.rev{grid-template-columns:1fr;gap:28px}.smx4 .sqsplit.rev .sc{order:0}.smx4 .sq-stats{grid-template-columns:repeat(3,1fr)}.smx4 .sq-stats div:nth-child(3){border-right:0}}
@media(max-width:560px){.smx4 .sq-stats{grid-template-columns:repeat(2,1fr)}.smx4 .sig-grid{grid-template-columns:repeat(2,1fr)}}

/* ---- from trust.html ---- */
/* ============ TRUST CENTER — page-specific ============ */
.smx4 .gold{color:var(--gold)}

/* hero */
.smx4 .th .reveal{opacity:1!important;transform:none!important}
.smx4 .th{position:relative;padding:calc(var(--navh,68px) + 56px) 0 32px;overflow:hidden;text-align:center}
.smx4 .th::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58% 70% at 50% 6%,rgba(45,212,191,.14),transparent 62%);pointer-events:none}
.smx4 .th-in{position:relative;z-index:1;max-width:780px;margin:0 auto}
.smx4 .th h1{font-size:clamp(32px,4.1vw,52px);line-height:1.06;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .th p{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62}
.smx4 .th-jump{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.smx4 .th-jump a{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-2);background:var(--surface);border-radius:100px;padding:9px 16px;text-decoration:none;transition:all .22s var(--ease)}
.smx4 .th-jump a:hover{border-color:var(--brand-2);color:var(--brand-2);background:var(--surface-2)}

/* the honest banner */
.smx4 .stance{border:1px solid var(--gold-line);border-left:3px solid var(--gold);background:linear-gradient(100deg,rgba(228,185,106,.08),transparent 58%);border-radius:0 var(--r) var(--r) 0;padding:28px 30px;margin-top:30px}
.smx4 .stance h3{font-size:20px;margin-bottom:10px}
.smx4 .stance p{font-size:14.6px;color:var(--text-2);line-height:1.66;max-width:74ch}
.smx4 .stance p + p{margin-top:11px}
.smx4 .stance b{color:var(--text)}

/* framework table */
.smx4 .tblwrap{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:var(--r)}
.smx4 table.ttbl{width:100%;border-collapse:collapse;font-size:13.4px;min-width:720px}
.smx4 table.ttbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:14px 16px;background:rgba(255,255,255,.022);border-bottom:1px solid var(--line-2)}
.smx4 table.ttbl td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top;line-height:1.55}
.smx4 table.ttbl tr:last-child td{border-bottom:none}
.smx4 table.ttbl td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
.smx4 .badge-y{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);background:var(--grad-soft);border-radius:100px;padding:4px 10px;white-space:nowrap}
.smx4 .badge-n{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.6px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--line);border-radius:100px;padding:4px 10px;white-space:nowrap}

/* control groups */
.smx4 .ctrls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:24px}
.smx4 .ctrl{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:22px}
.smx4 .ctrl .i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:13px}
.smx4 .ctrl .i svg{width:16px;height:16px}
.smx4 .ctrl h3{font-size:16px;margin-bottom:10px}
.smx4 .ctrl ul{list-style:none;display:grid;gap:9px}
.smx4 .ctrl li{display:flex;gap:9px;font-size:13.2px;color:var(--text-2);line-height:1.5}
.smx4 .ctrl li svg{width:13px;height:13px;color:var(--brand-2);flex:none;margin-top:3px}

/* subprocessors */
.smx4 .subs{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px}
.smx4 .sub{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13.3px;color:var(--text-2);align-items:center}
.smx4 .sub:last-child{border-bottom:0}
.smx4 .sub.head{background:rgba(255,255,255,.022);font-family:var(--mono);font-size:9.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.smx4 .sub b{color:var(--text);font-weight:600}
.smx4 .sub .loc{font-family:var(--mono);font-size:11px;color:var(--brand-2)}
.smx4 .sub .loc.out{color:var(--gold)}

/* evidence pack */
.smx4 .ev{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}
.smx4 .evi{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:17px 19px}
.smx4 .evi h4{font-size:14.3px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.smx4 .evi h4 svg{width:14px;height:14px;color:var(--brand-2);flex:none}
.smx4 .evi p{font-size:12.8px;color:var(--text-2);line-height:1.5}

/* security contact */
.smx4 .vuln{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;border:1px solid var(--line-2);background:linear-gradient(150deg,rgba(45,212,191,.06),transparent 62%);border-radius:var(--r);padding:30px;margin-top:24px}
.smx4 .vuln h3{font-size:22px;margin-bottom:10px}
.smx4 .vuln p{font-size:14.2px;color:var(--text-2);line-height:1.62}
.smx4 .vuln .box{border:1px solid var(--line);background:var(--ink-800);border-radius:12px;padding:20px}
.smx4 .vuln .box .l{font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:7px}
.smx4 .vuln .box .v{font-family:var(--mono);font-size:14px;color:var(--brand-2);word-break:break-all}
.smx4 .vuln .box .row + .row{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}

/* commercial identity */
.smx4 .ident{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--surface)}
.smx4 .ident div{padding:20px;border-right:1px solid var(--line)}
.smx4 .ident div:last-child{border-right:0}
.smx4 .ident .l{font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:7px}
.smx4 .ident .v{font-family:var(--mono);font-size:13.4px;color:var(--text)}

/* closing */
.smx4 .tcta{text-align:center;padding:58px 0}
.smx4 .tcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .tcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .tcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:900px){.smx4 .vuln{grid-template-columns:1fr;gap:24px}.smx4 .sub{grid-template-columns:1fr;gap:6px}.smx4 .sub.head{display:none}}

/* ---- from workspace.html ---- */
/* ============ SOVEREIGN AI WORKSPACE — page-specific ============ */
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}

/* hero */
.smx4 .wh .reveal{opacity:1!important;transform:none!important}   /* above the fold — never gate it */
.smx4 .wh{position:relative;padding:calc(var(--navh,68px) + 56px) 0 54px;overflow:hidden}
.smx4 .wh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 66% 62% at 24% 26%,rgba(45,212,191,.15),transparent 62%);pointer-events:none}
.smx4 .wh-grid{display:grid;grid-template-columns:1fr 1.16fr;gap:44px;align-items:center;position:relative;z-index:1}
.smx4 .wh h1{font-size:clamp(34px,4.3vw,55px);line-height:1.04;letter-spacing:-.025em;margin:14px 0 16px}
.smx4 .wh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;max-width:54ch;margin-bottom:22px}
.smx4 .wh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.smx4 .wh-fine{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}
.smx4 .wh-fine b{color:var(--brand-2);font-weight:500}
.smx4 .wh-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:16/10;box-shadow:0 44px 96px -38px rgba(0,0,0,.9)}
.smx4 .wh-media img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}

/* count strip */
.smx4 .wcount{display:flex;gap:0;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:34px;background:var(--surface)}
.smx4 .wcount div{flex:1;min-width:150px;padding:18px 20px;border-right:1px solid var(--line)}
.smx4 .wcount div:last-child{border-right:0}
.smx4 .wcount b{display:block;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;color:var(--brand-2);line-height:1}
.smx4 .wcount span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3);margin-top:6px}

/* tool categories */
.smx4 .tcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px;margin-top:26px}
.smx4 .tcat{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:22px;transition:all .25s var(--ease)}
.smx4 .tcat:hover{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .tcat .aud{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 10px;margin-bottom:12px}
.smx4 .tcat h3{font-size:17px;margin-bottom:12px}
.smx4 .tcat ul{list-style:none;display:grid;gap:9px}
.smx4 .tcat li{display:flex;gap:9px;font-size:13.6px;color:var(--text-2);line-height:1.5}
.smx4 .tcat li svg{width:14px;height:14px;color:var(--brand-2);flex:none;margin-top:3px}

/* tool showcase switcher */
.smx4 .shot-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:center;margin-top:26px}
.smx4 .shot-tabs{display:grid;gap:10px}
.smx4 .shot-tab{text-align:left;background:none;border:1px solid var(--line);border-radius:12px;padding:15px 17px;cursor:pointer;transition:all .25s var(--ease);color:var(--text)}
.smx4 .shot-tab:hover{border-color:var(--line-2);background:var(--surface)}
.smx4 .shot-tab.active{border-color:var(--brand-2);background:var(--grad-soft)}
.smx4 .shot-tab b{display:block;font-size:15px;font-weight:600;margin-bottom:4px}
.smx4 .shot-tab span{font-size:12.8px;color:var(--text-2);line-height:1.5}
.smx4 .shot-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:16/10;background:var(--ink-800);box-shadow:0 40px 90px -36px rgba(0,0,0,.9)}
.smx4 .shot-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s var(--ease)}
.smx4 .shot-frame img.on{opacity:1}
.smx4 .shot-frame .cap{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.78);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* bilingual */
.smx4 .bi{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.smx4 .bi-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink-800)}
.smx4 .bi-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}
.smx4 .bi-card .lab{padding:14px 17px;font-size:13.6px;color:var(--text-2)}
.smx4 .bi-card .lab b{color:var(--text);display:block;margin-bottom:3px;font-size:14.5px}

/* matrix */
.smx4 .tblwrap{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:var(--r)}
.smx4 table.wtbl{width:100%;border-collapse:collapse;font-size:13.4px;min-width:720px}
.smx4 table.wtbl th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:13px 14px;background:rgba(255,255,255,.022);border-bottom:1px solid var(--line-2)}
.smx4 table.wtbl th.hi{color:var(--brand-2)}
.smx4 table.wtbl td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text-2);text-align:center}
.smx4 table.wtbl td:first-child{text-align:left;color:var(--text);font-weight:600}
.smx4 table.wtbl tr:last-child td{border-bottom:none}
.smx4 .dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.smx4 .dot.y{background:var(--brand-2);box-shadow:0 0 8px var(--glow)}
.smx4 .dot.p{background:var(--gold)}
.smx4 .dot.n{background:rgba(146,180,200,.22)}
.smx4 .legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.smx4 .legend span{display:flex;align-items:center;gap:7px}

/* deployment strip */
.smx4 .dep-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:24px}
.smx4 .dep-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px}
.smx4 .dep-item .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2);margin-bottom:8px;display:block}
.smx4 .dep-item h4{font-size:15px;margin-bottom:6px}
.smx4 .dep-item p{font-size:12.9px;color:var(--text-2);line-height:1.52}
.smx4 .dep-item.gold{border-color:var(--gold-line);background:linear-gradient(150deg,rgba(228,185,106,.07),transparent)}
.smx4 .dep-item.gold .n{color:var(--gold)}

/* sovereignty bullets */
.smx4 .sov-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:start}
.smx4 .blist{list-style:none;display:grid;gap:13px;margin-top:18px}
.smx4 .blist li{display:flex;gap:11px;font-size:14.2px;color:var(--text-2);line-height:1.55}
.smx4 .blist li b{color:var(--text);font-weight:600}
.smx4 .blist .bd{width:6px;height:6px;border-radius:50%;background:var(--brand-2);flex:none;margin-top:8px;box-shadow:0 0 8px var(--glow)}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .wcta{text-align:center;padding:58px 0}
.smx4 .wcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .wcta p{color:var(--text-2);max-width:58ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .wcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){.smx4 .wh-grid,.smx4 .shot-wrap,.smx4 .sov-grid,.smx4 .bi{grid-template-columns:1fr;gap:26px}}

/* ---- from zero.html ---- */
/* ============ SIGMIX ZERO — page-specific ============ */
.smx4 .ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;direction:rtl;unicode-bidi:isolate}
.smx4 .gold{color:var(--gold)}

/* hero */
.smx4 .zh .reveal{opacity:1!important;transform:none!important}
.smx4 .zh{position:relative;padding:calc(var(--navh,68px) + 54px) 0 52px;overflow:hidden}
.smx4 .zh::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 66% 62% at 26% 28%,rgba(45,212,191,.15),transparent 62%);pointer-events:none}
.smx4 .zh-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:center;position:relative;z-index:1}
.smx4 .zh h1{font-size:clamp(32px,4.1vw,53px);line-height:1.05;letter-spacing:-.025em;margin:13px 0 16px}
.smx4 .zh-sub{font-size:clamp(15px,1.35vw,17.5px);color:var(--text-2);line-height:1.62;max-width:55ch;margin-bottom:22px}
.smx4 .zh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.smx4 .zh-fine{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}
.smx4 .zh-fine b{color:var(--brand-2);font-weight:500}
.smx4 .zh-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 44px 96px -38px rgba(0,0,0,.9)}
.smx4 .zh-media img{width:100%;display:block}
.smx4 .zh-media .stamp{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:9.6px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.82);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* pillars */
.smx4 .pill3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}
.smx4 .pill{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px;transition:all .25s var(--ease)}
.smx4 .pill:hover{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .pill.g{border-color:var(--gold-line);background:linear-gradient(155deg,rgba(228,185,106,.07),transparent 62%)}
.smx4 .pill .i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);margin-bottom:14px}
.smx4 .pill.g .i{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold)}
.smx4 .pill .i svg{width:17px;height:17px}
.smx4 .pill h3{font-size:17px;margin-bottom:9px}
.smx4 .pill p{font-size:13.6px;color:var(--text-2);line-height:1.58}

/* device gallery — big frame + thumbs */
.smx4 .dev{margin-top:26px}
.smx4 .dev-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:16/10;background:var(--ink-800);box-shadow:0 42px 92px -36px rgba(0,0,0,.9)}
.smx4 .dev-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s var(--ease)}
.smx4 .dev-frame img.on{opacity:1}
.smx4 .dev-frame .cap{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}
.smx4 .dev-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.smx4 .dthumb{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--ink-800);transition:all .25s var(--ease);padding:0}
.smx4 .dthumb img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;opacity:.55;transition:opacity .25s}
.smx4 .dthumb span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:7px 8px;text-align:center}
.smx4 .dthumb:hover img,.smx4 .dthumb.active img{opacity:1}
.smx4 .dthumb.active{border-color:var(--brand-2)}
.smx4 .dthumb.active span{color:var(--brand-2)}

/* scenes */
.smx4 .scenes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:26px}
.smx4 .scene{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.smx4 .scene img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.smx4 .scene .lab{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 14px;background:linear-gradient(180deg,transparent,rgba(4,8,13,.92));font-size:13.4px;color:var(--text)}

/* rollout channels */
.smx4 .chans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}
.smx4 .chan{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px}
.smx4 .chan .n{font-family:var(--mono);font-size:9.4px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-2);display:block;margin-bottom:9px}
.smx4 .chan h4{font-size:15px;margin-bottom:6px}
.smx4 .chan p{font-size:12.9px;color:var(--text-2);line-height:1.52}
.smx4 .chan code{font-family:var(--mono);font-size:11px;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:5px;padding:1px 6px}

/* split */
.smx4 .split{display:grid;grid-template-columns:1fr 1.25fr;gap:38px;align-items:center;margin-top:28px}
.smx4 .split.rev{grid-template-columns:1.25fr 1fr}
.smx4 .split.rev .sc{order:2}
.smx4 .sc .k{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);border:1px solid var(--line-2);border-radius:100px;padding:4px 11px;margin-bottom:13px}
.smx4 .sc h3{font-size:clamp(21px,2.3vw,29px);margin-bottom:11px;line-height:1.14}
.smx4 .sc p{font-size:14.6px;color:var(--text-2);line-height:1.62;max-width:52ch}
.smx4 .frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:var(--ink-800);box-shadow:0 34px 80px -34px rgba(0,0,0,.85)}
.smx4 .frame img{width:100%;display:block}
.smx4 .frame .cap{position:absolute;left:12px;bottom:12px;font-family:var(--mono);font-size:9.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2);background:rgba(6,11,19,.8);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:100px;padding:6px 12px}

/* signed installer */
.smx4 .signed{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--line-2);background:var(--surface);border-radius:12px;padding:12px 16px;margin-top:20px}
.smx4 .signed .sh{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line-2);color:var(--brand-2);flex:none}
.smx4 .signed .sh svg{width:15px;height:15px}
.smx4 .signed b{display:block;font-size:13.4px}
.smx4 .signed span{font-family:var(--mono);font-size:9.6px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-3)}

/* FAQ */
.smx4 .faq{max-width:860px;margin-top:24px}
.smx4 .faq details{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:10px;overflow:hidden}
.smx4 .faq details[open]{border-color:var(--line-2);background:var(--surface-2)}
.smx4 .faq summary{cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.smx4 .faq summary::-webkit-details-marker{display:none}
.smx4 .faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:18px;color:var(--brand-2);transition:transform .25s var(--ease)}
.smx4 .faq details[open] summary::after{transform:rotate(45deg)}
.smx4 .faq summary:hover{color:var(--brand-2)}
.smx4 .faq .ans{padding:0 20px 18px;font-size:14px;color:var(--text-2);line-height:1.68;max-width:76ch}

/* closing */
.smx4 .zcta{text-align:center;padding:58px 0}
.smx4 .zcta h2{font-size:clamp(27px,3.4vw,42px);margin-bottom:14px}
.smx4 .zcta p{color:var(--text-2);max-width:60ch;margin:0 auto 26px;font-size:15.5px;line-height:1.62}
.smx4 .zcta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.smx4 .note-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 18px;margin-top:26px;font-size:13.2px;color:var(--text-2);line-height:1.6;text-align:left}
.smx4 .note-card svg{width:17px;height:17px;color:var(--gold);flex:none;margin-top:2px}

@media(max-width:1000px){
  .smx4 .zh-grid,.smx4 .split,.smx4 .split.rev{grid-template-columns:1fr;gap:26px}
  .smx4 .split.rev .sc{order:0}
  .smx4 .pill3{grid-template-columns:1fr}
  .smx4 .dev-thumbs{grid-template-columns:repeat(3,1fr)}
}

.smx4{color-scheme:dark}

/* ── Consent card, dark variant (integration addition 2026-07-31, NOT converter output).
   The PDPL banner renders OUTSIDE .smx4 (root layout), so it is scoped the inverse way:
   only when the page carries the new surface. Light pages keep the original card. ── */
body:has(.smx4) .cc-card{background:#0B1420;border-color:#132437;color:#EAF2F8;box-shadow:0 24px 60px -18px rgba(0,0,0,.65)}
body:has(.smx4) .cc-card .cc-head{color:#EAF2F8}
body:has(.smx4) .cc-card .cc-body,body:has(.smx4) .cc-card .cc-row-txt{color:#9FB4C6}
body:has(.smx4) .cc-btn{background:transparent;border-color:#10B981;color:#34D399}
body:has(.smx4) .cc-btn:hover{background:#10B981;color:#04080D}
body:has(.smx4) .cc-legal a{color:#34D399}
body:has(.smx4) .cc-row{border-bottom-color:#132437}

/* ── Ported legal pages (integration addition 2026-07-31, NOT converter output).
   /legal, /legal/dpa, /legal/subprocessors and /legal/zatca had no delivered counterpart
   and were ported onto the delivered legal shell (.lh / .legal-wrap / .toc / .doc). Exactly
   two constructs in those counsel-approved documents have no equivalent in the delivery;
   both are additive and scoped inside .doc. Nothing else was changed. ──

   1. Lettered annexes. The DPA's Annexes A–C are referred to by letter in the body text,
      but .doc h2::before renders a plain section counter (they would read 11, 12, 13). */
.smx4 .doc h2[data-num]::before{content:attr(data-num)}

/*  2. Residency badge in the sub-processor table (KSA-resident vs Off-Kingdom) — a status
      chip inside a .ltbl cell, built from the delivered brand/gold tokens. */
.smx4 .doc .sp-badge{display:inline-block;font-family:var(--mono);font-size:9.6px;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:4px 9px;white-space:nowrap}
.smx4 .doc .sp-badge.ksa{color:var(--brand-2);background:var(--grad-soft);border:1px solid var(--line-2)}
.smx4 .doc .sp-badge.off{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line)}