@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

    :root {
      --bg: #14100c;
      --panel: #1d1610;
      --panel-2: #221a14;
      --text: #efe7df;
      --muted: #b6a797;
      --line: #3b2f24;
      --brand: #d4a853;
      --brand-2: #4a8c5c;
      --ok: #57b476;
      --bad: #ff7c7c;
      --radius: 14px;
      --shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'DM Sans', sans-serif;
      background:
        radial-gradient(circle at 5% -10%, rgba(212,168,83,0.16), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(74,140,92,0.16), transparent 32%),
        var(--bg);
      color: var(--text);
      line-height: 1.55;
    }

    .lp-top {
      all: initial;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
      width: 100%;
      padding: 9px 18px;
      background: #0b0b12;
      position: relative;
      z-index: 999999;
      border-bottom: 2px solid #caa14b;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    }
    .lp-brand {
      all: initial;
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #f5f2e8;
      text-decoration: none;
      font: 800 13px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
      letter-spacing: 0.6px;
      cursor: pointer;
    }
    .lp-dot {
      all: initial;
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #caa14b;
      box-shadow: 0 0 8px #caa14b;
    }
    .lp-wrap {
      all: initial;
      display: flex;
      align-items: center;
      gap: 12px;
      box-sizing: border-box;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    }
    .lp-meta {
      all: initial;
      color: #8b8b96;
      font: 500 11px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    }
    .lp-link {
      all: initial;
      box-sizing: border-box;
      color: #caa14b;
      text-decoration: none;
      font: 700 11px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
      border: 1px solid rgba(202, 161, 75, 0.55);
      padding: 5px 11px;
      border-radius: 20px;
      white-space: nowrap;
      cursor: pointer;
    }

    .header {
      position: sticky;
      top: 0;
      z-index: 100;
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(10px);
      background: rgba(20, 16, 12, 0.86);
    }
    .nav {
      width: min(1180px, 94vw);
      margin: 0 auto;
      min-height: 64px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .logo {
      text-decoration: none;
      color: var(--text);
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 800;
      letter-spacing: -0.02em;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }
    .logo span {
      width: 32px;
      height: 32px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, #d4a853, #4a8c5c);
      color: #0d0a07;
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      font-weight: 700;
    }
    .links {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: flex-end;
    }
    .links a {
      text-decoration: none;
      color: #c9bbad;
      font-size: 13px;
      font-weight: 600;
      padding: 8px 9px;
      border-radius: 9px;
    }
    .links a:hover { background: #2a2118; color: #f4e7cc; }

    .container { width: min(1180px, 94vw); margin: 0 auto; }

    .hero {
      margin-top: 16px;
      border-radius: 18px;
      overflow: hidden;
      background:
        linear-gradient(120deg, rgba(11, 9, 7, 0.82), rgba(17, 13, 10, 0.6)),
        url('wood-house-printer-hero.png') center/cover;
      box-shadow: var(--shadow);
      padding: clamp(22px, 5vw, 48px);
    }
    .eyebrow {
      display: inline-block;
      background: rgba(212,168,83,0.12);
      border: 1px solid rgba(212,168,83,0.4);
      color: #e6c785;
      border-radius: 999px;
      padding: 6px 11px;
      font-size: 11px;
      font-family: 'JetBrains Mono', monospace;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 14px;
    }
    .hero h1 {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: clamp(2rem, 5.5vw, 4rem);
      line-height: 1.08;
      letter-spacing: -0.02em;
      margin-bottom: 10px;
      max-width: 920px;
    }
    .hero h1 .gold {
      background: linear-gradient(90deg, #f3d284, #d4a853);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .hero p { max-width: 870px; color: #d2c5b7; font-size: clamp(1rem, 2vw, 1.12rem); }
    .kpis { margin-top: 16px; display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 860px; }
    .kpi {
      border: 1px solid rgba(212,168,83,0.24);
      border-radius: 11px;
      background: rgba(27, 22, 16, 0.68);
      text-align: center;
      padding: 10px;
    }
    .kpi .v { font-family: 'JetBrains Mono', monospace; font-size: 1.1rem; color: #ebc97f; font-weight: 700; }
    .kpi .l { font-size: 12px; color: #baa993; margin-top: 2px; }

    .section {
      margin-top: 18px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(16px, 3vw, 25px);
      background: var(--panel);
      box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    }
    .section.alt { background: var(--panel-2); }
    .tag {
      display: inline-block;
      border-radius: 999px;
      background: rgba(212,168,83,0.12);
      color: #e7c98e;
      border: 1px solid rgba(212,168,83,0.33);
      padding: 5px 9px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      margin-bottom: 8px;
    }
    .section h2 {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: clamp(1.24rem, 2.7vw, 1.8rem);
      margin-bottom: 7px;
      letter-spacing: -0.02em;
      color: #f3e9de;
    }
    .sub { color: var(--muted); margin-bottom: 12px; }

    .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }

    .card {
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #19130f;
      padding: 12px;
    }
    .card h3 {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 1rem;
      margin-bottom: 6px;
      color: #ead8c2;
    }
    .card p { color: #bcae9d; font-size: 0.92rem; margin-bottom: 6px; }
    .mono {
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px;
      color: #e7c98e;
      background: rgba(212,168,83,0.08);
      border-radius: 8px;
      padding: 5px 8px;
      display: inline-block;
    }

    .table-wrap {
      margin-top: 8px;
      border: 1px solid var(--line);
      border-radius: 11px;
      overflow-x: auto;
      background: #18120e;
    }
    table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 0.9rem; }
    th, td { text-align: left; padding: 10px 11px; border-bottom: 1px solid #32271d; vertical-align: top; }
    th { background: #231910; color: #e8d3b2; font-weight: 700; }
    td { color: #c2b2a1; }
    tbody tr:hover { background: #211810; }

    .note {
      margin-top: 10px;
      border: 1px solid #2f4737;
      background: #18261f;
      color: #bad8c8;
      border-radius: 11px;
      padding: 11px 12px;
      font-size: 0.93rem;
    }

    .refs {
      border: 1px solid var(--line);
      border-radius: 11px;
      overflow: auto;
      max-height: 420px;
      background: #18120e;
    }
    .ref {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      border-bottom: 1px solid #30251c;
      padding: 10px 11px;
    }
    .ref-id {
      flex-shrink: 0;
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      color: #e2bc72;
      background: rgba(212,168,83,0.12);
      border-radius: 7px;
      padding: 3px 6px;
      margin-top: 1px;
      font-weight: 700;
    }
    .ref a { color: #c8b8a7; text-decoration: none; font-size: 0.9rem; }
    .ref a:hover { color: #f2d8a2; }

    .footer {
      margin: 20px 0 38px;
      border-top: 1px solid var(--line);
      padding-top: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 9px;
      color: #a79582;
      font-size: 13px;
    }
    .footer a { color: #dfbf80; text-decoration: none; font-weight: 700; }

    @media (max-width: 1000px) {
      .kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .grid-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
    }
    @media (max-width: 760px) {
      .links { display: none; }
      .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    }