/* SSSP shared shell for inner pages: navigation + footer matching the homepage (dark variant) */
:root{--sx-blue:#2563EB;--sx-electric:#3B82F6;--sx-dark:#071426;--sx-ease:cubic-bezier(.22,.7,.2,1);--sx-nav-h:76px}
html{scroll-padding-top:84px}
.sx-wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.sx-skip{position:absolute;left:12px;top:-60px;background:#0B1F44;color:#fff;padding:10px 16px;border-radius:10px;z-index:300;transition:top .2s;text-decoration:none}
.sx-skip:focus{top:12px}
.sx-nav{position:fixed;inset:0 0 auto 0;z-index:200;height:var(--sx-nav-h);display:flex;align-items:center;background:rgba(7,20,38,.62);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);transition:height .35s var(--sx-ease),background .35s,box-shadow .35s;font-family:'Inter',system-ui,sans-serif}
.sx-nav.is-scrolled{height:58px;background:rgba(7,20,38,.92);box-shadow:0 1px 0 rgba(255,255,255,.08),0 14px 30px -20px rgba(0,0,0,.6)}
.sx-nav__in{display:flex;align-items:center;gap:28px;width:100%}
.sx-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.sx-brand img{width:auto;height:38px;transition:height .35s var(--sx-ease)}
.sx-nav.is-scrolled .sx-brand img{height:30px}
.sx-brand__txt{display:flex;flex-direction:column;line-height:1}
.sx-brand__txt b{font-size:1.28rem;letter-spacing:.04em;font-weight:800;color:#fff}
.sx-brand__txt span{font-size:.58rem;letter-spacing:.2em;font-weight:600;color:#9fb0cb;margin-top:4px}
.sx-nav__links{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.sx-nav__links a{position:relative;display:block;padding:10px 14px;text-decoration:none;font-weight:500;font-size:.96rem;color:#dbe6f7;border-radius:10px;transition:color .2s}
.sx-nav__links a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;background:#60A5FA;transform:scaleX(0);transition:transform .3s var(--sx-ease)}
.sx-nav__links a:hover,.sx-nav__links a.is-active{color:#8DBAFF}
.sx-nav__links a:hover::after,.sx-nav__links a.is-active::after{transform:scaleX(1)}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;background:var(--sx-blue);color:#fff;min-height:40px;line-height:1;box-shadow:0 14px 30px -12px rgba(37,99,235,.7);transition:transform .25s var(--sx-ease),background .25s,box-shadow .25s;white-space:nowrap;margin-left:6px}
.sx-btn:hover{background:#1d4ed8;transform:translateY(-2px)}
.sx-burger{display:none;width:46px;height:46px;border:0;background:transparent;border-radius:12px;cursor:pointer;position:relative}
.sx-burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;transition:transform .3s var(--sx-ease),opacity .2s,top .3s var(--sx-ease)}
.sx-burger span:nth-child(1){top:16px}.sx-burger span:nth-child(2){top:22px}.sx-burger span:nth-child(3){top:28px}
.sx-burger[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.sx-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sx-burger[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}
.sx-only-m{display:none}
@media(max-width:899px){
  :root{--sx-nav-h:64px}
  .sx-burger{display:block;margin-right:-8px}
  .sx-nav .sx-btn{display:none}
  .sx-nav__links{position:fixed;inset:var(--sx-nav-h) 0 auto 0;flex-direction:column;gap:0;padding:12px 20px 28px;background:rgba(7,20,38,.98);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--sx-ease);box-shadow:0 30px 50px -30px rgba(0,0,0,.7);max-height:calc(100dvh - var(--sx-nav-h));overflow:auto}
  .sx-nav.is-open .sx-nav__links{opacity:1;transform:none;pointer-events:auto}
  .sx-nav.is-open{background:rgba(7,20,38,.98)}
  .sx-nav__links a{padding:16px 6px;font-size:1.15rem;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0}
  .sx-nav__links a::after{display:none}
  .sx-only-m{display:block}
}
/* footer */
.sx-foot{background:#050f1d;color:#8fa2c1;padding-block:clamp(48px,7vw,84px) 28px;font-size:.93rem;font-family:'Inter',system-ui,sans-serif;border-top:1px solid rgba(255,255,255,.06)}
.sx-foot__grid{display:grid;gap:36px;grid-template-columns:1fr}
@media(min-width:700px){.sx-foot__grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr}}
.sx-foot h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-weight:700}
.sx-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.sx-foot a{text-decoration:none;color:#8fa2c1;transition:color .2s}
.sx-foot a:hover{color:#fff}
.sx-foot p{margin:0}
.sx-foot__tag{margin:14px 0 8px!important;color:#cfe1ff;font-weight:600}
.sx-foot__bot{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:.84rem}
.sx-foot__bot nav{display:flex;gap:20px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.sx-nav,.sx-nav *{transition-duration:.001ms!important}}

/* footer social icons */
.sx-foot .sx-foot__social{flex-direction:row;gap:10px;margin-top:18px}
.sx-foot__social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:#cfe1ff;transition:background .25s,border-color .25s,color .25s,transform .25s var(--sx-ease)}
.sx-foot__social a:hover,.sx-foot__social a:focus-visible{background:#2563EB;border-color:#2563EB;color:#fff;transform:translateY(-2px)}
.sx-foot__social svg{width:18px;height:18px;fill:currentColor}