:root{--sx-ink:#0B1020;--sx-tile:#0A0A12;--sx-glow:#7C3AED;--sx-gold:#E8A15C;--sx-gold-lt:#F5D08A;--sx-gold-ink:#D98A3D;--sx-line:#E5E8EC}

.sx-h{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--sx-line)}
.sx-bar{max-width:1100px;margin:0 auto;padding:6px clamp(16px,4.5vw,40px);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px}
.sx-brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.sx-brand img{display:block;height:42px;width:auto}
.sx-nav{display:flex;align-items:center;gap:clamp(2px,1.6vw,18px)}
.sx-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font:600 .94rem 'Poppins',system-ui,sans-serif;color:var(--sx-ink);text-decoration:none;border-radius:999px}
.sx-nav a:hover{background:#F2F3F7}
.sx-nav a.sx-cta{background:var(--sx-ink);color:#fff;padding:0 18px;margin-left:4px}
.sx-nav a.sx-cta:hover{background:#1B2442}
@media(max-width:420px){.sx-brand img{height:36px}.sx-nav a{padding:0 8px;font-size:.88rem}.sx-nav a.sx-cta{padding:0 13px}}
body:has(#appbar:not([hidden])) .sx-h{display:none}

.sx-f{background:var(--sx-ink);color:#C9D0E0;margin-top:clamp(32px,6vw,64px)}
.sx-fin{max-width:1100px;margin:0 auto;padding:clamp(28px,5vw,44px) clamp(16px,4.5vw,40px);display:grid;gap:14px}
.sx-fin img{display:block;height:44px;width:auto}
.sx-fprod{font:600 1rem 'Poppins',system-ui,sans-serif;color:#fff}
.sx-fprod b{color:var(--sx-gold-lt);font-weight:600}
.sx-fl{display:flex;flex-wrap:wrap;gap:2px 6px;margin:0 -10px}
.sx-fl a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#E6EAF5;font-size:.95rem;text-decoration:none}
.sx-fl a:hover{color:var(--sx-gold-lt);text-decoration:underline;text-underline-offset:3px}
.sx-fine{font-size:.84rem;line-height:1.55;color:#A4ADC4;max-width:62em}
.sx-fine a{color:#E6EAF5}

.btn{background:var(--sx-ink);box-shadow:0 8px 22px -10px rgba(11,16,32,.55)}
.btn:hover{background:#1B2442}
.btn-ghost{background:#fff;color:var(--sx-ink);box-shadow:none}
.btn-ghost:hover{background:#F2F3F7}
.btn-fill{background:var(--sx-ink);box-shadow:0 8px 22px -10px rgba(11,16,32,.55)}
.btn-fill:hover:not(:disabled){background:#1B2442}
.btn-amber{background:var(--sx-gold);color:#1A1200;box-shadow:0 8px 22px -10px rgba(217,138,61,.6)}
.btn-amber:hover:not(:disabled){background:#D98A3D}
.cta .btn{background:linear-gradient(135deg,var(--sx-gold-lt),var(--sx-gold));color:#1A1200}
.cta .btn:hover{background:var(--sx-gold-lt)}
.steps li::before{background:var(--sx-ink)}
.best{border-color:var(--sx-gold);box-shadow:0 0 0 2px var(--sx-gold),0 14px 34px -14px rgba(10,22,34,.16)}
.btn-ghost:hover:not(:disabled){border-color:var(--sx-ink)}
:focus-visible{outline-color:var(--sx-glow)}

.appname img{display:block;height:40px;width:auto}