/* Standara static pages (404, guides, solutions). Served raw from public/, outside
   the build's CSP hashing, so every rule lives here: no inline styles anywhere.
   Luxe Dark refined tokens (Design Library, 5 Sep 2026), same header bar as the
   pricing page. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --canvas:#0F1923;--panel:#1A2230;--ink:#F0EBE1;--accent:#EF9F27;--gold:#BA7517;
  --muted:rgba(240,235,225,0.62);--body:rgba(240,235,225,0.82);
  --line:rgba(255,255,255,0.1);--hairline:rgba(239,159,39,0.35);
}
html{background:var(--canvas);}
body{font-family:'DM Sans','DM Sans Fallback',system-ui,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6;}
a{color:inherit;text-decoration:none;}
.st-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 40px;background:#1E2830;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:20;}
.st-brand{display:flex;align-items:center;gap:12px;color:#fff;}
.st-brand-name{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;letter-spacing:0.18em;color:#fff;}
.st-header-right{display:flex;align-items:center;gap:14px;}
.st-header-tag{font-family:'DM Mono','DM Mono Fallback',monospace;font-size:0.65rem;color:#7a9ab8;letter-spacing:0.14em;text-transform:uppercase;text-align:right;line-height:1.6;margin-right:6px;}
.st-hdr-contact,.st-hdr-login{font-family:'DM Sans','DM Sans Fallback',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.02em;padding:6px 14px;border-radius:7px;white-space:nowrap;transition:all 0.2s;}
.st-hdr-contact{color:var(--accent);border:1.5px solid rgba(239,159,39,0.35);}
.st-hdr-contact:hover{border-color:var(--accent);background:rgba(239,159,39,0.08);}
.st-hdr-login{color:#fff;border:1.5px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.06);}
.st-hdr-login:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.4);}
.st-hero{padding:72px 48px 36px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(239,159,39,0.10) 0%,transparent 55%);}
.st-eyebrow{font-family:'DM Mono','DM Mono Fallback',monospace;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;}
.st-hero h1{font-family:'DM Serif Display','DM Serif Display Fallback',serif;font-size:clamp(2rem,4.2vw,3rem);color:#fff;line-height:1.08;font-weight:400;margin-bottom:14px;}
.st-hero p{font-size:1.02rem;color:var(--body);max-width:560px;margin:0 auto;line-height:1.55;}
.st-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px;}
.st-btn{display:inline-block;font-family:'DM Sans','DM Sans Fallback',sans-serif;font-size:0.85rem;font-weight:600;padding:11px 22px;border-radius:8px;border:1.5px solid rgba(255,255,255,0.25);color:#fff;transition:all 0.2s;}
.st-btn:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.06);}
.st-btn.glow{background:var(--accent);border-color:var(--accent);color:#1E2830;box-shadow:0 0 28px rgba(239,159,39,0.35);}
.st-btn.glow:hover{background:#f4ad3f;}
main.st-article{max-width:760px;margin:0 auto;padding:40px 24px 80px;}
.st-article h2{font-family:'DM Serif Display','DM Serif Display Fallback',serif;font-weight:400;font-size:1.5rem;color:#fff;margin:36px 0 12px;padding-top:18px;border-top:1px solid var(--hairline);}
.st-article h3{font-size:1.02rem;color:#fff;margin:22px 0 8px;}
.st-article p,.st-article li{font-size:0.95rem;color:var(--body);margin-bottom:12px;}
.st-article ul,.st-article ol{margin:6px 0 14px 22px;}
.st-article a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;}
.st-article .lead{font-size:1.08rem;color:var(--ink);}
.st-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:18px 0;}
.st-kicker{font-family:'DM Mono','DM Mono Fallback',monospace;font-size:0.66rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.st-shot{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;margin:18px 0 6px;background:#1A2230;}
.st-cap{font-family:'DM Mono','DM Mono Fallback',monospace;font-size:0.68rem;letter-spacing:0.06em;color:var(--muted);margin:0 0 18px;}
.st-tip{background:var(--panel);border-left:3px solid var(--accent);padding:12px 16px;border-radius:0 8px 8px 0;margin:14px 0 18px;font-size:0.9rem;color:var(--body);}
.st-tip b{color:var(--accent);}
.st-updated{font-family:'DM Mono','DM Mono Fallback',monospace;font-size:0.7rem;letter-spacing:0.08em;color:var(--muted);margin-top:18px;}
.st-footer{border-top:1px solid var(--line);padding:24px 20px;text-align:center;font-size:0.76rem;color:var(--muted);}
.st-footer a{color:rgba(240,235,225,0.8);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:640px){
  .st-header{padding:12px 18px;}
  .st-header-tag{display:none;}
  .st-hero{padding:48px 20px 28px;}
  main.st-article{padding:28px 18px 60px;}
}
