/* LOS Sovereign Experience Kit v1
 * Reusable visual primitives extracted from the approved portal baseline.
 * Project-specific content, brand identity and business logic stay outside this file.
 */
:root{
  --sx-accent:#caff47;
  --sx-bg:#0b100d;
  --sx-bg-2:#111913;
  --sx-text:#f5f8f4;
  --sx-muted:#b7c1ba;
  --sx-line:rgba(255,255,255,.10);
  --sx-glass-a:rgba(22,30,25,.78);
  --sx-glass-b:rgba(9,14,11,.82);
  --sx-radius:24px;
  --sx-shadow:0 28px 86px rgba(0,0,0,.28);
}
.sx-shell{position:relative;isolation:isolate;color:var(--sx-text)}
.sx-lightfield{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:
  radial-gradient(42rem 34rem at 8% 8%,color-mix(in srgb,var(--sx-accent) 18%,transparent),transparent 68%),
  radial-gradient(46rem 36rem at 92% 18%,rgba(111,155,190,.16),transparent 70%),
  radial-gradient(42rem 34rem at 16% 78%,rgba(93,151,115,.14),transparent 70%),
  radial-gradient(48rem 38rem at 88% 88%,rgba(162,112,82,.10),transparent 70%),
  linear-gradient(145deg,var(--sx-bg),var(--sx-bg-2))}
.sx-lightfield:before,.sx-lightfield:after{content:"";position:absolute;border-radius:50%;filter:blur(42px)}
.sx-lightfield:before{width:44vw;height:44vw;min-width:340px;min-height:340px;left:-12vw;top:22vh;background:rgba(102,155,119,.13)}
.sx-lightfield:after{width:46vw;height:46vw;min-width:360px;min-height:360px;right:-14vw;bottom:-10vh;background:rgba(113,142,183,.13)}
.sx-glass{background:radial-gradient(260px 150px at 88% 0%,color-mix(in srgb,var(--sx-accent) 6%,transparent),transparent 72%),linear-gradient(145deg,var(--sx-glass-a),var(--sx-glass-b));border:1px solid var(--sx-line);border-radius:var(--sx-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--sx-shadow);backdrop-filter:blur(24px) saturate(118%);-webkit-backdrop-filter:blur(24px) saturate(118%)}
.sx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sx-card{position:relative;min-width:0;padding:20px;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.sx-card[data-sx-interactive]{cursor:pointer}
.sx-card[data-sx-interactive]:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sx-accent) 34%,var(--sx-line))}
.sx-kicker{font-size:.68rem;letter-spacing:.12em;font-weight:850;color:var(--sx-accent);text-transform:uppercase}
.sx-card h3{margin:10px 0 8px;color:var(--sx-text);font-size:1.1rem}
.sx-card p{margin:0;color:var(--sx-muted);line-height:1.55}
.sx-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.sx-tags span{font-size:.68rem;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.05);color:#d6dfd8}
.sx-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:18px;background:rgba(2,5,3,.78);backdrop-filter:blur(13px) saturate(.86);opacity:0;pointer-events:none;transition:.18s ease}
.sx-overlay.open{opacity:1;pointer-events:auto}
.sx-dialog{width:min(760px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border-radius:28px}
.sx-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.sx-dialog h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.045em;margin:.25em 0}
.sx-dialog p{color:var(--sx-muted);line-height:1.65}
.sx-close{width:44px;height:44px;flex:0 0 auto;border:1px solid var(--sx-line);border-radius:13px;background:rgba(255,255,255,.05);color:var(--sx-text);font-size:1.35rem;cursor:pointer}
.sx-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.sx-primary,.sx-secondary{border-radius:13px;padding:11px 15px;font-weight:800;cursor:pointer}
.sx-primary{border:0;background:var(--sx-accent);color:#11150e}
.sx-secondary{border:1px solid var(--sx-line);background:rgba(255,255,255,.045);color:var(--sx-text)}
.sx-footer{margin:clamp(70px,9vw,130px) auto 0;padding:clamp(26px,4vw,48px);border-radius:30px 30px 0 0}
.sx-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px}
.sx-footer a,.sx-footer button{color:var(--sx-text)}
@media(max-width:900px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-footer-grid{grid-template-columns:1fr 1fr}.sx-footer-grid>:first-child{grid-column:1/-1}}
@media(max-width:640px){.sx-grid,.sx-footer-grid{grid-template-columns:1fr}.sx-footer-grid>:first-child{grid-column:auto}.sx-dialog{padding:22px 17px;border-radius:21px}}
@media(prefers-reduced-motion:reduce){.sx-card,.sx-overlay{transition:none!important}.sx-card[data-sx-interactive]:hover{transform:none}}
\nhtml.sx-overlay-open,html.sx-overlay-open body{overflow:hidden!important}\n.sx-card[data-sx-interactive]:focus-visible,.sx-close:focus-visible,.sx-primary:focus-visible,.sx-secondary:focus-visible{outline:3px solid color-mix(in srgb,var(--sx-accent) 72%,#fff);outline-offset:3px}\n