* { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --void: #17181d; --void-2: #1e2027; --paper: #f7f6f2; --ink: #0d0e11;
    --cyan: #7fd4e0; --mustard: #d9c26a; --line: #33353d; --text-dim: #b9bcc4;
  }
  html { scroll-behavior: smooth; }
  body { font-family: 'Archivo', system-ui, sans-serif; font-weight: 300; background: var(--void); color: var(--paper); line-height: 1.65; font-size: 16px; overflow-x: hidden; }
  a { color: var(--cyan); text-decoration: none; }

  .site-header { position: sticky; top: 0; z-index: 100; background: rgba(23,24,29,0.95); border-bottom: 1px solid var(--line); backdrop-filter: blur(10px); }
  .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 28px; max-width: 1100px; margin: 0 auto; }
  .header-logo { font-size: 13px; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; color: var(--paper); }
  .header-phone { font-size: 13px; font-weight: 500; color: var(--paper); }
  .header-phone:hover { color: var(--cyan); }

  .article-wrap { position: relative; overflow: hidden; max-width: 720px; margin: 0 auto; padding: 64px 28px 40px; }
  .article-ghost-n { position: absolute; top: -12px; right: 6px; font-size: 200px; font-weight: 900; color: rgba(217,194,106,0.07); line-height: 1; pointer-events: none; }
  .breadcrumb { position: relative; font-size: 12.5px; color: var(--text-dim); margin-bottom: 26px; }
  .article-cat { position: relative; font-size: 11px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mustard); margin-bottom: 16px; }
  .article-title { position: relative; font-family: 'Archivo'; font-weight: 900; text-transform: uppercase; font-size: 30px; line-height: 1.08; margin: 0 0 18px; }
  .article-title .accent { color: var(--mustard); }
  @media (min-width: 700px) { .article-title { font-size: 42px; } }
  .article-dek { position: relative; font-size: 18px; color: var(--text-dim); line-height: 1.6; margin-bottom: 20px; }
  .article-meta { position: relative; font-size: 12px; color: var(--cyan); font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; padding-bottom: 32px; border-bottom: 1px solid var(--line); margin-bottom: 40px; }

  .article-body { position: relative; }
  .article-body h2 { font-family: 'Archivo'; font-weight: 900; text-transform: uppercase; font-size: 19px; margin: 40px 0 14px; color: var(--paper); }
  .article-body p { font-size: 16px; color: var(--text-dim); margin-bottom: 18px; }
  .article-body ul { margin: 0 0 20px 20px; padding: 0; }
  .article-body li { font-size: 16px; color: var(--text-dim); margin-bottom: 10px; }
  .article-body strong { color: var(--paper); font-weight: 500; }

  .aside-note { background: rgba(217,194,106,0.07); border: 1px solid var(--line); border-left: 3px solid var(--mustard); padding: 24px 28px; margin: 36px 0; font-size: 15px; color: var(--text-dim); line-height: 1.6; }
  .aside-note strong { display: block; color: var(--mustard); text-transform: uppercase; font-weight: 900; font-size: 12px; letter-spacing: 0.05em; margin-bottom: 8px; }

  .cta-band { position: relative; overflow: hidden; background: var(--void-2); border: 1px solid var(--line); padding: 44px 32px; margin: 48px 0 8px; text-align: center; }
  .cta-band::before { content: '$0'; position: absolute; top: -20px; right: -6px; font-size: 130px; font-weight: 900; color: rgba(217,194,106,0.06); line-height: 1; pointer-events: none; }
  .cta-band h3 { position: relative; font-family: 'Archivo'; font-weight: 900; text-transform: uppercase; font-size: 20px; margin: 0 0 12px; }
  .cta-band p { position: relative; font-size: 14.5px; color: var(--text-dim); margin: 0 auto 24px; max-width: 440px; }
  .btn { position: relative; display: inline-block; background: transparent; color: var(--cyan); border: 1px solid var(--cyan); font-family: 'Archivo'; font-weight: 900; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; padding: 16px 26px; }
  .btn:hover { background: var(--cyan); color: var(--ink); }
  .cta-phone { position: relative; display: block; margin-top: 16px; font-size: 14px; font-weight: 500; color: var(--mustard); }
  .cta-phone:hover { color: var(--cyan); }

  .footer-section { padding: 56px 28px; border-top: 1px solid var(--line); text-align: center; margin-top: 20px; }
  .footer-links { margin-bottom: 24px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; font-size: 13px; }
  .footer-links a { color: var(--text-dim); }
  .footer-links a:hover { color: var(--cyan); }
  .footer-disclaimer { max-width: 760px; margin: 0 auto 28px; font-size: 12px; color: var(--text-dim); line-height: 1.6; }
  .footer-disclaimer strong { color: var(--paper); }
  .footer-copyright { font-size: 11px; color: #777; }