/* ── RESET ── */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0
    }

    html {
      scroll-behavior: smooth
    }

    /* ── TOKENS ── */
    :root {
      --bg: #050507;
      --bg2: #0c0e18;
      --surf: #111620;
      --surf2: #181e2e;
      --bdr: #1e2540;
      --bdr2: #2a3256;
      --tx: #c8cadc;
      --muted: #7a85a8;
      --white: #e8eaf4;
      --ya: #4a90d9;
      --ya2: rgba(74, 144, 217, .1);
      --ya3: rgba(74, 144, 217, .22);
      --bang: #d95f5f;
      --arr: #3dba72;
      --dot: #8cb4cc;
      --qst: #a87de0;
      --at: #5a9478;
      --star: #5a8a9a;
      --tld: #d06090;
      --plus: #5a9460;
      --eq: #4a90d9;
      --pipe: #6c7ea1;
      /* --font-d: 'JetBrains Mono', monospace; */
      --font-d: 'Iosevka Term', 'Iosevka Charon Mono', 'Cascadia Mono', monospace;
      --font-code: 'Iosevka Term Extended', 'Iosevka Term', 'Iosevka Charon Mono', 'Cascadia Mono', monospace;
      --font-h: 'Commissioner A1s', 'Commissioner', system-ui, sans-serif;
      --font-s: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
    }

    [data-theme="light"] {
      --bg: #f4f5fa;
      --bg2: #ecedf5;
      --surf: #fff;
      --surf2: #f0f1f8;
      --bdr: #d4d6e8;
      --bdr2: #bfc2d8;
      --tx: #3c3e58;
      --muted: #70739a;
      --white: #12132a;
      --ya: #2a6fb8;
      --ya2: rgba(42, 111, 184, .08);
      --ya3: rgba(42, 111, 184, .2);
      --bang: #be2424;
      --arr: #1a8040;
      --dot: #3878a0;
      --eq: #2a6fb8;
    }

    body {
      background: var(--bg);
      color: var(--tx);
      font-family: var(--font-d);
      line-height: 1;
      overflow-x: hidden
    }

    a {
      text-decoration: none
    }

    ::-webkit-scrollbar {
      width: 4px;
      height: 4px
    }

    ::-webkit-scrollbar-thumb {
      background: var(--bdr2);
      border-radius: 2px
    }

    /* ── NAV ── */
    .nav {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(5, 5, 7, .95);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--bdr);
      display: flex;
      align-items: center;
      height: 54px;
      padding: 0 2rem;
      gap: 0;
      font-family: var(--font-s);
    }

    [data-theme="light"] .nav {
      background: rgba(244, 245, 250, .97)
    }

    .nav-logo {
      font-family: var(--font-h);
      font-size: 1.1rem;
      font-weight: 900;
      color: var(--ya);
      margin-right: 2rem;
      letter-spacing: -.01em;
      flex-shrink: 0;
    }

    .nav-logo span {
      color: var(--white)
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: .25rem;
      flex: 1
    }

    .nav-links a {
      font-size: .78rem;
      color: var(--muted);
      padding: .35rem .65rem;
      border-radius: 4px;
      transition: color .15s;
      font-weight: 500;
    }

    .nav-links a:hover,
    .nav-links a.cur {
      color: var(--white)
    }

    .nav-right {
      display: flex;
      align-items: center;
      gap: .6rem;
      margin-left: auto
    }

    .nav-theme {
      background: none;
      border: 1px solid var(--bdr);
      border-radius: 4px;
      color: var(--muted);
      cursor: pointer;
      font-size: .8rem;
      padding: .3rem .5rem;
      transition: all .15s;
      min-height: 28px;
      font-family: var(--font-s);
    }

    .nav-theme:hover {
      color: var(--ya);
      border-color: var(--ya)
    }

    .nav-cta {
      font-family: var(--font-h);
      font-size: .68rem;
      font-weight: 700;
      color: #000;
      background: var(--ya);
      padding: .4rem 1rem;
      border-radius: 4px;
      letter-spacing: .04em;
      text-transform: uppercase;
      transition: opacity .15s;
    }

    .nav-cta:hover {
      opacity: .85
    }

    @media(max-width:700px) {
      .nav-links a:not(.mob-show) {
        display: none
      }

      .nav {
        padding: 0 1rem
      }
    }

    /* ── PAGE WRAP ── */
    .page {
      max-width: 1100px;
      margin: 0 auto;
      padding: 2.5rem 2rem 5rem
    }

    @media(max-width:720px) {
      .page {
        padding: 1.5rem 1rem 4rem
      }
    }

    /* ── SECTION ── */
    .sec {
      margin-bottom: 3rem
    }

    .sec-head {
      display: flex;
      align-items: center;
      gap: .75rem;
      margin-bottom: 1.25rem;
      padding-bottom: .6rem;
      border-bottom: 1px solid var(--bdr);
    }

    .sec-title {
      font-family: var(--font-h);
      font-size: .88rem;
      font-weight: 900;
      color: var(--white);
      letter-spacing: -.01em;
    }

    .sec-badge {
      font-size: .52rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--ya);
      background: var(--ya2);
      border: 1px solid var(--ya3);
      padding: .15rem .5rem;
      border-radius: 3px;
      font-family: var(--font-s);
      font-weight: 700;
    }

    .sec-badge.new {
      color: var(--arr);
      background: rgba(61, 186, 114, .08);
      border-color: rgba(61, 186, 114, .25)
    }

    /* ── HERO: A1s Navigator ── */
    .hero {
      background: var(--surf);
      border: 1px solid var(--bdr);
      border-radius: 10px;
      padding: 2rem 2.5rem;
      margin-bottom: 3rem;
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 300px;
      height: 100%;
      background: linear-gradient(135deg, transparent, rgba(74, 144, 217, .04));
      pointer-events: none;
    }

    .hero-eye {
      font-size: .52rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--ya);
      font-family: var(--font-s);
      font-weight: 700;
      margin-bottom: .6rem;
      display: block;
    }

    .hero-title {
      font-family: var(--font-h);
      font-size: clamp(1.3rem, 3vw, 2rem);
      font-weight: 900;
      color: var(--white);
      letter-spacing: -.02em;
      line-height: 1.2;
      margin-bottom: .6rem;
    }

    .hero-title em {
      color: var(--ya);
      font-style: normal
    }

    .hero-deck {
      font-size: .86rem;
      color: var(--muted);
      line-height: 1.75;
      max-width: 52ch;
      margin-bottom: 1.5rem
    }

    /* Pain table */
    .pain-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: var(--bdr);
      border: 1px solid var(--bdr);
      border-radius: 8px;
      overflow: hidden;
      margin: 1.25rem 0
    }

    @media(max-width:600px) {
      .pain-grid {
        grid-template-columns: 1fr
      }
    }

    .pain-row {
      display: contents
    }

    .pain-q {
      background: var(--surf2);
      padding: .6rem .9rem;
      font-size: .76rem;
      color: var(--muted);
      border-bottom: 1px solid var(--bdr);
      font-style: italic
    }

    .pain-a {
      background: var(--surf);
      padding: .6rem .9rem;
      font-size: .76rem;
      color: var(--tx);
      border-bottom: 1px solid var(--bdr)
    }

    .pain-q strong,
    .pain-a strong {
      color: var(--white)
    }

    .pain-q:last-child,
    .pain-a:last-child {
      border-bottom: none
    }

    /* Format table */
    .fmt-table {
      width: 100%;
      border-collapse: collapse;
      font-size: .75rem;
      margin: 1rem 0
    }

    .fmt-table th {
      background: var(--surf2);
      padding: .5rem .8rem;
      text-align: left;
      font-size: .58rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted);
      font-family: var(--font-s);
      border-bottom: 2px solid var(--bdr2);
      white-space: nowrap
    }

    .fmt-table td {
      padding: .5rem .8rem;
      color: var(--tx);
      border-bottom: 1px solid var(--bdr);
      line-height: 1.5;
      vertical-align: top
    }

    .fmt-table tbody tr:last-child td {
      border-bottom: none
    }

    .fmt-table td:first-child {
      color: var(--white);
      font-weight: 600
    }

    .fmt-table a {
      color: var(--ya)
    }

    .fmt-table a:hover {
      text-decoration: underline
    }

    .hero-actions {
      display: flex;
      gap: .75rem;
      flex-wrap: wrap;
      margin-top: 1.5rem
    }

    .btn-primary {
      font-family: var(--font-h);
      font-size: .68rem;
      font-weight: 700;
      color: #000;
      background: var(--ya);
      padding: .55rem 1.4rem;
      border-radius: 5px;
      letter-spacing: .05em;
      text-transform: uppercase;
      transition: opacity .15s;
    }

    .btn-primary:hover {
      opacity: .85
    }

    .btn-sec {
      font-size: .72rem;
      color: var(--ya);
      border: 1px solid var(--ya3);
      padding: .5rem 1.1rem;
      border-radius: 5px;
      transition: all .15s;
      background: var(--ya2);
      font-family: var(--font-d);
    }

    .btn-sec:hover {
      background: var(--ya3)
    }

    /* Hero bullets */
    .hero-ul {
      list-style: none;
      margin: .6rem 0;
      display: flex;
      flex-direction: column;
      gap: .25rem
    }

    .hero-ul li {
      display: flex;
      align-items: baseline;
      gap: .6rem;
      font-size: .82rem;
      color: var(--tx);
      line-height: 1.6
    }

    .hero-ul li::before {
      content: '→';
      color: var(--arr);
      font-family: var(--font-d);
      flex-shrink: 0
    }

    .hero-ul li strong {
      color: var(--white)
    }

    /* ── LINKS LIST ── */
    .links-list {
      display: flex;
      flex-direction: column;
      gap: .1rem
    }

    .ll-item {
      display: flex;
      align-items: baseline;
      gap: .6rem;
      padding: .48rem .2rem;
      border-bottom: 1px solid transparent;
      transition: all .12s;
      font-size: .84rem;
      line-height: 1.5;
    }

    .ll-item:hover {
      border-bottom-color: var(--bdr)
    }

    .ll-op {
      color: var(--ya);
      font-family: var(--font-d);
      font-weight: 700;
      font-size: .82rem;
      flex-shrink: 0;
      min-width: .9rem
    }

    .ll-a {
      color: var(--tx);
      transition: color .12s
    }

    .ll-a:hover {
      color: var(--white)
    }

    .ll-meta {
      font-size: .65rem;
      color: var(--muted);
      margin-left: .25rem
    }

    .ll-more {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      font-size: .68rem;
      color: var(--muted);
      margin-top: .6rem;
      border: 1px solid var(--bdr);
      border-radius: 4px;
      padding: .3rem .75rem;
      transition: all .15s;
      font-family: var(--font-s);
    }

    .ll-more:hover {
      color: var(--ya);
      border-color: var(--ya)
    }

    /* ── 2-COL LAYOUT ── */
    .two-col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem
    }

    @media(max-width:780px) {
      .two-col {
        grid-template-columns: 1fr
      }
    }

    /* ── LNA SECTION ── */
    .lna-intro {
      font-size: .82rem;
      color: var(--muted);
      line-height: 1.8;
      padding: .75rem 1rem;
      background: var(--surf);
      border: 1px solid var(--bdr);
      border-left: 3px solid var(--ya);
      border-radius: 0 6px 6px 0;
      margin-bottom: 1rem;
    }

    .lna-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .75rem;
      margin-bottom: .75rem
    }

    @media(max-width:600px) {
      .lna-cards {
        grid-template-columns: 1fr
      }
    }

    .lna-card {
      background: var(--surf);
      border: 1px solid var(--bdr);
      border-radius: 7px;
      padding: 1rem 1.1rem;
      transition: border-color .15s;
      display: block;
    }

    .lna-card:hover {
      border-color: var(--ya)
    }

    .lna-card-eye {
      font-size: .52rem;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: var(--ya);
      font-family: var(--font-s);
      font-weight: 700;
      margin-bottom: .3rem
    }

    .lna-card-title {
      font-size: .82rem;
      font-weight: 600;
      color: var(--white);
      line-height: 1.4;
      margin-bottom: .3rem
    }

    .lna-card-desc {
      font-size: .72rem;
      color: var(--muted);
      line-height: 1.55
    }

    /* ── 1С GRID ── */
    .s1c-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
      gap: .6rem;
    }

    .s1c-card {
      background: var(--surf);
      border: 1px solid var(--bdr);
      border-radius: 7px;
      padding: .9rem 1rem;
      transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .s1c-card:hover {
      border-color: color-mix(in srgb, var(--ya) 34%, var(--bdr));
      background: color-mix(in srgb, var(--surf) 96%, var(--ya) 4%);
      box-shadow: 0 8px 24px color-mix(in srgb, var(--ya) 7%, transparent);
    }

    .s1c-num {
      font-size: .56rem;
      color: var(--muted);
      letter-spacing: .1em;
      font-family: var(--font-s);
      margin-bottom: .2rem
    }

    .s1c-name {
      font-size: .8rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: .35rem;
      font-family: var(--font-s)
    }

    .s1c-desc {
      font-size: .68rem;
      color: var(--muted);
      line-height: 1.55
    }

    .s1c-links {
      margin-top: .65rem;
      display: flex;
      flex-direction: column;
      gap: .3rem;
    }

    .s1c-links a {
      position: relative;
      display: block;
      min-height: 30px;
      padding: .36rem 1.75rem .36rem .55rem;
      border: 1px solid color-mix(in srgb, var(--ya) 16%, var(--bdr));
      border-radius: 6px;
      background: color-mix(in srgb, var(--ya) 4%, var(--surf));
      color: var(--ya);
      font-size: .68rem;
      line-height: 1.35;
      text-decoration: none;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
      overflow: hidden;
    }

    .s1c-links a::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, #27d7e8, var(--ya), #7657e8);
      transform: scaleX(.18);
      transform-origin: left center;
      opacity: .55;
      transition: transform .24s ease, opacity .18s ease;
    }

    .s1c-links a::after {
      content: "→";
      position: absolute;
      right: .58rem;
      top: 50%;
      transform: translateY(-50%);
      font-size: .78rem;
      line-height: 1;
      opacity: .62;
      transition: transform .2s ease, opacity .18s ease;
    }

    .s1c-links a:hover,
    .s1c-links a:focus-visible {
      border-color: color-mix(in srgb, var(--ya) 42%, var(--bdr));
      background: color-mix(in srgb, var(--ya) 8%, var(--surf));
      box-shadow: 0 4px 14px color-mix(in srgb, var(--ya) 8%, transparent);
      color: color-mix(in srgb, var(--ya) 82%, var(--white));
      outline: none;
    }

    .s1c-links a:hover::before,
    .s1c-links a:focus-visible::before {
      transform: scaleX(1);
      opacity: .9;
    }

    .s1c-links a:hover::after,
    .s1c-links a:focus-visible::after {
      transform: translate(3px, -50%);
      opacity: 1;
    }

    /* ── FSBU ── */
    .fsbu-list {
      display: flex;
      flex-direction: column;
      gap: .1rem
    }

    .fsbu-item {
      display: flex;
      align-items: baseline;
      gap: .75rem;
      padding: .42rem .2rem;
      border-bottom: 1px solid var(--bdr);
      font-size: .8rem
    }

    .fsbu-item:last-child {
      border-bottom: none
    }

    .fsbu-num {
      font-family: var(--font-h);
      font-size: .62rem;
      font-weight: 700;
      color: var(--ya);
      min-width: 4rem;
      flex-shrink: 0
    }

    .fsbu-item a {
      color: var(--tx);
      transition: color .12s
    }

    .fsbu-item a:hover {
      color: var(--white)
    }

    /* ── PLAN SCHETOV ── */
    .ps-wrap {
      font-family: var(--font-d);
      font-size: .72rem;
      line-height: 2
    }

    .ps-wrap a {
      color: var(--ya);
      font-weight: 700;
      margin-right: .25rem;
      transition: opacity .12s
    }

    .ps-wrap a:hover {
      opacity: .7
    }

    /* ── SUPPORT GRID ── */
    .support-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: .6rem
    }

    .support-col {
      background: var(--surf);
      border: 1px solid var(--bdr);
      border-radius: 7px;
      padding: 1rem 1.1rem
    }

    .support-col-title {
      font-size: .58rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--muted);
      font-family: var(--font-s);
      font-weight: 700;
      margin-bottom: .65rem;
      padding-bottom: .4rem;
      border-bottom: 1px solid var(--bdr)
    }

    .support-col a {
      display: block;
      font-size: .76rem;
      color: var(--tx);
      padding: .22rem 0;
      transition: color .12s;
      line-height: 1.4
    }

    .support-col a:hover {
      color: var(--white)
    }

    .support-col a strong {
      color: var(--white)
    }

    /* ── AD SLOTS ── */
    .ad-slot {
      min-height: 60px;
      margin: 1.5rem 0
    }

    /* ── FOOTER ── */
    .footer {
      border-top: 1px solid var(--bdr);
      background: var(--bg2);
      padding: 2.5rem 2rem
    }

    [data-theme="light"] .footer {
      background: var(--bg2);
      border-color: var(--bdr)
    }

    .footer-in {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 3rem
    }

    .f-brand {
      font-family: var(--font-h);
      font-size: 1.05rem;
      font-weight: 900;
      color: var(--white);
      margin-bottom: .3rem
    }

    .f-brand span {
      color: var(--ya)
    }

    .f-sub {
      font-size: .62rem;
      color: var(--muted);
      line-height: 1.65;
      margin-bottom: .75rem
    }

    .f-copy {
      font-size: .54rem;
      color: var(--muted)
    }

    .f-ct {
      font-size: .5rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: .6rem;
      font-family: var(--font-s)
    }

    .f-a {
      display: block;
      font-size: .64rem;
      color: var(--tx);
      margin-bottom: .34rem;
      transition: color .15s;
      font-family: var(--font-s)
    }

    .f-a:hover {
      color: var(--white)
    }

    @media(max-width:760px) {
      .footer-in {
        grid-template-columns: 1fr 1fr;
        gap: 2rem
      }
    }

    @media(max-width:480px) {
      .footer-in {
        grid-template-columns: 1fr;
        gap: 1.5rem
      }
    }
  

    /* ── AGENT ECONOMY / NEXT HOME ── */
    .agent-hero{border:1px solid var(--bdr2);border-radius:12px;background:linear-gradient(135deg,var(--surf),var(--bg2));padding:2.4rem;margin-bottom:3rem;position:relative;overflow:hidden}
    .agent-hero::after{content:'';position:absolute;right:-90px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--ya3),transparent 68%);pointer-events:none}
    .agent-kicker{font-family:var(--font-s);font-size:.62rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--ya);margin-bottom:1rem}
    .agent-title{font-family:var(--font-h);font-size:clamp(2rem,5vw,4.45rem);font-weight:760;line-height:1.06;letter-spacing:-.032em;color:var(--white);max-width:960px}
    .agent-title em{color:var(--ya);font-style:normal}
    .agent-deck{max-width:820px;margin-top:1.2rem;color:var(--tx);font-size:1.08rem;line-height:1.65;font-family:var(--font-s)}
    .agent-thesis{margin-top:1.4rem;padding:.9rem 1rem;border-left:3px solid var(--arr);background:rgba(61,186,114,.06);font-family:var(--font-s);font-size:.92rem;line-height:1.55;color:var(--tx)}
    .agent-split{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.5rem}
    .agent-track{border:1px solid var(--bdr);border-radius:8px;background:var(--surf2);padding:1.2rem}
    .agent-track small{display:block;font-family:var(--font-s);font-size:.58rem;letter-spacing:.14em;color:var(--muted);margin-bottom:.65rem}
    .agent-track h2{font-family:var(--font-h);font-size:1rem;line-height:1.35;color:var(--white);margin-bottom:.65rem}
    .agent-track p{font-family:var(--font-s);font-size:.86rem;line-height:1.55;color:var(--muted)}
    .agent-track.human{border-top:3px solid var(--qst)} .agent-track.machine{border-top:3px solid var(--arr)}
    .agent-method{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem}
    .agent-step{border:1px solid var(--bdr);border-radius:6px;padding:.8rem;background:var(--bg2);min-height:92px}
    .agent-step b{display:block;color:var(--ya);font-family:var(--font-s);font-size:.58rem;letter-spacing:.12em;margin-bottom:.45rem}.agent-step span{font-family:var(--font-s);font-size:.75rem;line-height:1.4;color:var(--muted)}
    @media(max-width:760px){.agent-hero{padding:1.4rem}.agent-split{grid-template-columns:1fr}.agent-method{grid-template-columns:1fr 1fr}.agent-title{font-size:2.45rem}}
    @media(max-width:480px){.agent-method{grid-template-columns:1fr}}