*, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: #f4f3ef; color: #16191f; font-family: "Hanken Grotesk", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
    a { color: inherit; }
    img { max-width: 100%; display: block; }

    .site-header {
      position: sticky; top: 0; z-index: 50;
      background: rgba(244,243,239,0);
      border-bottom: 1px solid rgba(231,227,218,0);
      backdrop-filter: saturate(140%) blur(8px);
      -webkit-backdrop-filter: saturate(140%) blur(8px);
      transition: background .25s ease, border-color .25s ease;
    }
    .site-header.scrolled { background: rgba(244,243,239,0.88); border-bottom-color: #e7e3da; }

    .header-inner {
      max-width: 1180px; margin: 0 auto;
      padding: 16px clamp(20px,5vw,48px);
      display: flex; align-items: center; justify-content: space-between; gap: 24px;
    }
    .logo-link { display: flex; align-items: center; gap: 11px; text-decoration: none; flex: none; }
    .logo-link img { height: 26px; width: auto; }
    .logo-tagline {
      font-family: 'Space Mono', monospace; font-size: 11px;
      letter-spacing: .14em; text-transform: uppercase; color: #8a8f98;
      padding-left: 11px; border-left: 1px solid #d9d5cb;
    }

    .desktop-nav { display: flex; align-items: center; gap: 6px; }
    .desktop-nav a {
      text-decoration: none; font-family: 'Space Grotesk', sans-serif;
      font-weight: 500; font-size: 15px; color: #4a4f58;
      padding: 8px 14px; border-radius: 8px;
      transition: color .15s ease, background .15s ease;
    }
    .desktop-nav a:hover { color: #16191f; background: rgba(22,25,31,.05); }
    .desktop-nav .nav-cta {
      font-weight: 600; color: #fff; background: #16191f;
      padding: 10px 20px; border-radius: 9px; margin-left: 8px;
    }
    .desktop-nav .nav-cta:hover { background: #000; color: #fff; }

    .burger-btn {
      display: none; flex: none;
      width: 44px; height: 44px;
      border: 1px solid #ddd9cf; background: #fff; border-radius: 10px;
      cursor: pointer; align-items: center; justify-content: center; padding: 0;
    }
    .burger-icon { display: block; width: 18px; height: 2px; background: #16191f; box-shadow: 0 -6px 0 #16191f, 0 6px 0 #16191f; }

    .mobile-menu { display: none; border-top: 1px solid #e7e3da; background: #fff; padding: 8px clamp(20px,5vw,48px) 16px; }
    .mobile-menu.open { display: block; }
    .mobile-menu a {
      display: block; text-decoration: none;
      font-family: 'Space Grotesk', sans-serif; font-weight: 500; font-size: 17px;
      color: #16191f; padding: 13px 0; border-bottom: 1px solid #f0ede5;
    }
    .mobile-menu .mobile-cta {
      text-align: center; font-weight: 600; font-size: 16px;
      color: #fff; background: #16191f; padding: 14px; border-radius: 10px;
      margin-top: 12px; border-bottom: none;
    }

    @media (max-width: 999px) {
      .desktop-nav { display: none !important; }
      .burger-btn { display: flex !important; }
    }

    .wrap { max-width: 1180px; margin: 0 auto; padding-left: clamp(20px,5vw,48px); padding-right: clamp(20px,5vw,48px); }

    .hero-card {
      text-decoration: none; display: block;
      background: #fff; border: 1px solid #e7e3da;
      border-radius: 16px; padding: 26px 28px;
      position: relative; overflow: hidden;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .hero-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(20,25,30,.10); }
    .hero-card-mss:hover { border-color: #cfe0d4; }
    .hero-card-custom:hover { border-color: #cfccc4; }
    .hero-card-aaw:hover { border-color: #d6c4c2; }

    .tag {
      font-family: 'Space Mono', monospace; font-size: 11px;
      letter-spacing: .04em; padding: 6px 11px; border-radius: 7px; border: 1px solid;
    }
    .tag-green { color: #2c6440; background: #eaf3ec; border-color: #d4e6d9; }
    .tag-ink   { color: #16191f; background: #f0ede5; border-color: #ddd9cf; }
    .tag-blue  { color: #2a59c9; background: #eaeffb; border-color: #d4def5; }

    .btn {
      display: inline-block; text-decoration: none;
      font-family: 'Space Grotesk', sans-serif; font-weight: 600;
      border-radius: 10px; cursor: pointer; border: none;
      transition: background .15s ease;
    }
    .btn-dark  { color: #fff; background: #16191f; }
    .btn-dark:hover { background: #000; }
    .btn-green { color: #fff; background: #36794a; }
    .btn-green:hover { background: #2c6440; }
    .btn-outline { color: #16191f; background: transparent; border: 1.5px solid #d6d2c8; transition: border-color .15s ease, background .15s ease; }
    .btn-outline:hover { border-color: #16191f; background: #fff; }

    .form-label { display: block; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: .85rem; margin-bottom: 7px; }
    .form-input {
      width: 100%; font: inherit; font-size: .98rem;
      padding: 12px 14px; border: 1px solid #ddd9cf;
      border-radius: 10px; background: #fff; outline: none;
      transition: border-color .15s ease;
    }
    .form-input:focus { border-color: #16191f; }
    .form-input.has-error { border-color: #c6362c; }
    textarea.form-input { resize: vertical; min-height: 120px; }
    .form-err { display: none; color: #c6362c; font-size: .8rem; margin-top: 6px; font-family: 'Space Mono', monospace; }
    .form-err.show { display: block; }

    .chip-btn {
      font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: .9rem;
      padding: 10px 16px; border-radius: 9px; cursor: pointer;
      border: 1.5px solid #ddd9cf; background: #fff; color: #54595f;
      transition: all .12s ease;
    }
    .chip-btn.sel-mss    { border-color: #36794a; background: #eaf3ec; color: #36794a; }
    .chip-btn.sel-custom { border-color: #16191f; background: #f0ede5; color: #16191f; }
    .chip-btn.sel-aaw    { border-color: #2a59c9; background: #eaeffb; color: #2a59c9; }
    .chip-btn.sel-gen    { border-color: #16191f; background: #f0ede5; color: #16191f; }

    #form-success { display: none; text-align: center; padding: 30px 10px; }
    #form-success.show { display: block; }