:root {
      --bg: #f7f4ed;
      --bg-2: #edf3ee;
      --text: #20231f;
      --muted: #5f645c;
      --card: rgba(255,255,255,0.86);
      --line: rgba(23,23,23,0.10);
      --yellow: #f0d889;
      --lime: #c3d6b4;
      --blue: #9eb8b2;
      --coral: #c95832;
      --violet: #b8aa9a;
      --green: #183f32;
      --accent: #b8735f;
      --accent-dark: #965846;
      --shadow: 0 18px 42px rgba(38, 35, 28, 0.11);
      --radius: 18px;
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    section[id] { scroll-margin-top: 88px; }
    body {
      margin: 0;
      font-family: Inter, Arial, sans-serif;
      color: var(--text);
      background:
        linear-gradient(180deg, rgba(247,244,237,.98) 0%, rgba(247,244,237,.95) 27%, rgba(242,244,236,.96) 58%, rgba(237,243,238,.98) 100%);
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    button, input, textarea, select { font: inherit; }
    .wrap { width: min(var(--max), calc(100% - 32px)); margin: 0 auto; }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 20;
      backdrop-filter: blur(16px);
      background: rgba(247,243,234,.82);
      border-bottom: 1px solid var(--line);
    }
    .nav {
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 900;
      letter-spacing: 0;
      font-size: 18px;
    }
    .brand-mark {
      width: 38px;
      height: 38px;
      border-radius: 14px;
      background: linear-gradient(135deg, var(--green), var(--accent));
      box-shadow: 0 10px 22px rgba(55,50,38,.14);
    }
    .nav-links {
      display: flex;
      gap: 18px;
      align-items: center;
      color: var(--muted);
      font-weight: 650;
      font-size: 14px;
    }

    .btn {
      border: 0;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 14px 20px;
      border-radius: 14px;
      font-weight: 850;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
      min-height: 48px;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary {
      background: var(--accent);
      color: #fff;
      box-shadow: 0 14px 30px rgba(150,88,70,.22);
    }
    .btn-yellow {
      background: var(--green);
      color: #fff;
      box-shadow: 0 14px 30px rgba(24,63,50,.18);
    }
    .btn-light {
      background: rgba(255,255,255,.78);
      border: 1px solid var(--line);
      color: #1f211d;
    }

    .hero {
      padding: 58px 0 34px;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.04fr .96fr;
      align-items: center;
      gap: 34px;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 13px;
      border-radius: 14px;
      background: rgba(255,255,255,.72);
      border: 1px solid var(--line);
      color: #333;
      font-weight: 750;
      font-size: 14px;
    }
    .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--green); }
    h1 {
      margin: 22px 0 18px;
      font-size: clamp(36px, 5.45vw, 62px);
      line-height: 1.02;
      letter-spacing: 0;
      max-width: 880px;
    }
    .hero p {
      margin: 0 0 28px;
      font-size: clamp(18px, 2.2vw, 24px);
      line-height: 1.35;
      color: var(--muted);
      max-width: 690px;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .hero-card {
      position: relative;
      min-height: 420px;
      border-radius: 22px;
      padding: 12px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(255,255,255,.90);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    .hero-card img {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 396px;
      object-fit: cover;
      border-radius: 16px;
    }
    .hero-badge {
      position: absolute;
      left: 28px;
      right: 28px;
      bottom: 28px;
      display: grid;
      gap: 5px;
      padding: 16px 18px;
      border-radius: 16px;
      background: rgba(255,255,255,.82);
      border: 1px solid rgba(255,255,255,.92);
      box-shadow: 0 18px 34px rgba(0,0,0,.12);
      backdrop-filter: blur(14px);
    }
    .hero-badge strong {
      font-size: 20px;
      letter-spacing: 0;
    }
    .hero-badge span {
      color: var(--muted);
      line-height: 1.35;
    }
    .consulting-hero-card {
      display: grid;
      align-content: center;
      gap: 16px;
      min-height: 420px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.90), rgba(195,214,180,.34)),
        rgba(255,255,255,.74);
    }
    .consulting-hero-card h2 {
      font-size: clamp(30px, 4vw, 46px);
      line-height: 1.02;
      margin: 0;
      letter-spacing: 0;
    }
    .consulting-hero-card p {
      margin: 0;
      font-size: 18px;
      line-height: 1.45;
      color: var(--muted);
    }
    .metric-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 8px;
    }
    .metric-list div {
      min-height: 104px;
      padding: 14px;
      border-radius: 16px;
      background: rgba(255,255,255,.76);
      border: 1px solid rgba(255,255,255,.92);
      display: grid;
      align-content: center;
      gap: 5px;
    }
    .metric-list strong {
      font-size: 24px;
      line-height: 1;
    }
    .metric-list span {
      color: var(--muted);
      line-height: 1.25;
      font-size: 14px;
    }
    .proof-section {
      padding: 0 0 28px;
    }
    .proof-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      padding: 12px;
      border-radius: 22px;
      background: rgba(255,255,255,.56);
      border: 1px solid var(--line);
      box-shadow: 0 14px 30px rgba(38,35,28,.06);
    }
    .proof-strip div {
      min-height: 112px;
      padding: 18px;
      border-radius: 16px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(255,255,255,.88);
      display: grid;
      align-content: center;
      gap: 7px;
    }
    .proof-strip strong {
      font-size: clamp(25px, 3vw, 38px);
      line-height: .96;
      letter-spacing: 0;
    }
    .proof-strip span {
      color: var(--muted);
      line-height: 1.32;
    }
    section {
      padding: 54px 0;
      scroll-margin-top: 96px;
    }
    .tight-section { padding: 46px 0; }
    .section-head {
      display: grid;
      gap: 12px;
      max-width: 790px;
      margin-bottom: 28px;
    }
    h2 {
      margin: 0;
      font-size: clamp(30px, 4vw, 50px);
      line-height: 1.05;
      letter-spacing: 0;
    }
    .section-head p {
      margin: 0;
      max-width: 680px;
      color: var(--muted);
      line-height: 1.45;
      font-size: 18px;
    }

    .diagnostic-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .list-panel,
    .problem-row,
    .outcome-card,
    .format-card,
    .bundle-card,
    .demo-card,
    .price-card {
      background: rgba(255,255,255,.74);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 12px 24px rgba(38,35,28,.05);
    }
    .list-panel {
      padding: 26px 24px;
      display: grid;
      align-content: start;
      gap: 18px;
      min-height: 100%;
    }
    .accent-panel {
      background: rgba(234,219,131,.28);
      border-color: rgba(150,131,61,.22);
    }
    .panel-label {
      width: fit-content;
      border-radius: 999px;
      padding: 8px 12px;
      background: rgba(24,63,50,.12);
      color: var(--green);
      font-weight: 900;
      font-size: 13px;
      text-transform: uppercase;
    }
    .problem-row h3,
    .outcome-card h3,
    .format-card h3,
    .bundle-card h3,
    .demo-card h3,
    .price-card h3 {
      margin: 0;
      font-size: 23px;
      line-height: 1.1;
      letter-spacing: 0;
    }
    .example-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
      color: var(--muted);
      line-height: 1.46;
    }
    .example-list li {
      position: relative;
      padding-left: 20px;
    }
    .example-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: .62em;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
    }
    .compact-list {
      gap: 8px;
      font-size: 15px;
    }

    .method-grid,
    .checkup-grid,
    .sprint-grid,
    .fit-grid {
      display: grid;
      gap: 14px;
    }
    .method-grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
      align-items: stretch;
    }
    .method-card,
    .checkup-card,
    .sprint-card,
    .fit-panel {
      background: rgba(255,255,255,.74);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 12px 24px rgba(38,35,28,.05);
    }
    .method-card {
      min-height: 238px;
      padding: 20px;
      display: grid;
      align-content: start;
      gap: 12px;
      overflow: hidden;
    }
    .method-card span {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      background: var(--green);
      color: #fff;
      font-weight: 900;
      font-size: 13px;
    }
    .method-card h3,
    .checkup-card h3,
    .sprint-card h3,
    .fit-panel h2 {
      margin: 0;
      letter-spacing: 0;
      line-height: 1.08;
    }
    .method-card h3,
    .checkup-card h3,
    .sprint-card h3 {
      font-size: 22px;
    }
    .method-card p,
    .sprint-card p {
      margin: 0;
      color: var(--muted);
      line-height: 1.43;
      font-size: 15px;
    }
    .method-card:nth-child(2),
    .method-card:nth-child(4) {
      background: rgba(195,214,180,.24);
      border-color: rgba(24,63,50,.14);
    }
    .checkup-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .checkup-card {
      min-height: 224px;
      padding: 22px;
      display: grid;
      align-content: start;
      gap: 14px;
    }
    .checkup-card h3 {
      padding-bottom: 12px;
      border-bottom: 1px solid var(--line);
    }
    .sprint-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      counter-reset: sprint;
    }
    .sprint-card {
      position: relative;
      min-height: 212px;
      padding: 22px;
      display: grid;
      align-content: start;
      gap: 12px;
      overflow: hidden;
    }
    .sprint-card::after {
      counter-increment: sprint;
      content: "0" counter(sprint);
      position: absolute;
      right: 18px;
      bottom: -10px;
      color: rgba(31,33,29,.06);
      font-size: 92px;
      font-weight: 900;
      line-height: 1;
      pointer-events: none;
    }
    .sprint-card .tag {
      width: fit-content;
      background: rgba(184,207,162,.55);
      border-radius: 12px;
      padding: 8px 11px;
      font-weight: 900;
      color: #2f4a2d;
    }
    .fit-grid {
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
    }
    .fit-panel {
      min-height: 360px;
      padding: 28px;
      display: grid;
      align-content: start;
      gap: 18px;
    }
    .fit-panel h2 {
      font-size: clamp(28px, 3vw, 42px);
    }

    .problem-list {
      display: grid;
      gap: 12px;
    }
    .problem-row {
      padding: 20px;
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 16px;
      align-items: start;
    }
    .problem-row > span {
      width: 42px;
      height: 42px;
      border-radius: 13px;
      display: grid;
      place-items: center;
      background: var(--green);
      color: white;
      font-weight: 900;
    }
    .problem-row p,
    .outcome-card p,
    .format-card p,
    .bundle-card p,
    .price-card p {
      margin: 8px 0 0;
      color: var(--muted);
      line-height: 1.45;
    }

    .outcome-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .outcome-card {
      padding: 22px;
      display: grid;
      align-content: start;
      gap: 12px;
      min-height: 210px;
    }
    .outcome-card:nth-child(2n) .example-list li::before { background: var(--blue); }
    .outcome-card:nth-child(3n) .example-list li::before { background: var(--coral); }

    .audit-focus {
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 18px;
      align-items: start;
    }
    .audit-note {
      position: sticky;
      top: 96px;
      padding: 24px;
      border-radius: 22px;
      background: #1f211d;
      color: #fff;
      box-shadow: var(--shadow);
      display: grid;
      gap: 14px;
    }
    .audit-note h3 {
      margin: 0;
      font-size: 30px;
      line-height: 1.05;
      letter-spacing: 0;
    }
    .audit-note .example-list {
      color: rgba(255,255,255,.78);
    }
    .audit-note .example-list li::before {
      background: var(--yellow);
    }

    .bundle-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .bundle-card {
      padding: 22px;
      display: grid;
      align-content: start;
      gap: 12px;
      min-height: 315px;
    }
    .bundle-card.featured {
      background: rgba(201,88,50,.10);
      border-color: rgba(201,88,50,.24);
    }
    .bundle-card .tag,
    .picker-result .tag {
      width: fit-content;
      background: rgba(184,207,162,.55);
      border-radius: 12px;
      padding: 8px 11px;
      font-weight: 900;
      color: #2f4a2d;
    }

    .flow-layout {
      display: grid;
      gap: 24px;
    }
    .flow-board {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      padding: 12px;
      border-radius: 24px;
      background: rgba(255,255,255,.48);
      border: 1px solid var(--line);
    }
    .flow-step {
      min-height: 176px;
      padding: 18px;
      border-radius: 18px;
      background: rgba(255,255,255,.76);
      border: 1px solid rgba(255,255,255,.88);
      display: grid;
      align-content: start;
      gap: 10px;
    }
    .flow-step span {
      width: 38px;
      height: 38px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: #1f211d;
      color: #fff;
      font-weight: 900;
      font-size: 13px;
    }
    .flow-step strong {
      font-size: 19px;
      line-height: 1.12;
    }
    .flow-step p {
      margin: 0;
      color: var(--muted);
      line-height: 1.4;
      font-size: 15px;
    }

    .picker {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 16px;
      align-items: stretch;
    }
    .picker-options {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .picker-option {
      min-height: 118px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: rgba(255,255,255,.72);
      color: #1f211d;
      text-align: left;
      display: grid;
      align-content: start;
      gap: 8px;
      cursor: pointer;
      font: inherit;
      box-shadow: 0 12px 24px rgba(38,35,28,.05);
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .picker-option:hover {
      transform: translateY(-1px);
      border-color: rgba(111,142,97,.42);
    }
    .picker-option.is-active {
      background: rgba(234,219,131,.34);
      border-color: rgba(150,131,61,.28);
    }
    .picker-option strong {
      font-size: 18px;
      line-height: 1.15;
    }
    .picker-option span {
      color: var(--muted);
      line-height: 1.35;
      font-size: 15px;
    }
    .picker-result {
      min-height: 248px;
      padding: 24px;
      border-radius: 22px;
      background: #1f211d;
      color: #fff;
      display: grid;
      align-content: start;
      gap: 12px;
      box-shadow: var(--shadow);
    }
    .picker-result h3 {
      margin: 0;
      font-size: clamp(24px, 3vw, 34px);
      line-height: 1.06;
      letter-spacing: 0;
    }
    .picker-result p {
      margin: 0;
      color: rgba(255,255,255,.74);
      line-height: 1.45;
      font-size: 17px;
    }
    .picker-result .example-list {
      color: rgba(255,255,255,.78);
    }
    .picker-result .example-list li::before {
      background: var(--yellow);
    }

    .demo-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .demo-card {
      min-height: 310px;
      padding: 22px;
      display: grid;
      gap: 16px;
      align-content: start;
      overflow: hidden;
    }
    .demo-booking,
    .demo-chat,
    .demo-table {
      border-radius: 18px;
      background: rgba(246,248,244,.88);
      border: 1px solid rgba(215,217,204,.9);
      padding: 16px;
      min-height: 214px;
    }
    .demo-topline {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px;
      color: #1f211d;
      font-weight: 850;
    }
    .demo-topline b {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(31,33,29,.08);
      color: var(--muted);
      font-size: 16px;
    }
    .demo-days,
    .demo-times {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 12px;
    }
    .demo-days span,
    .demo-times span {
      min-height: 48px;
      border-radius: 12px;
      background: rgba(255,255,255,.82);
      display: grid;
      place-items: center;
      text-align: center;
      line-height: 1.15;
      color: #1f211d;
      font-weight: 750;
    }
    .demo-days .is-picked,
    .demo-times .is-picked {
      border: 1px solid var(--blue);
      box-shadow: inset 0 0 0 1px rgba(72,114,178,.08);
    }
    .demo-chat {
      display: grid;
      gap: 12px;
      align-content: center;
    }
    .msg {
      max-width: 88%;
      padding: 11px 13px;
      border-radius: 15px;
      background: #fff;
      color: #1f211d;
      line-height: 1.32;
      font-size: 15px;
      box-shadow: 0 8px 18px rgba(38,35,28,.06);
    }
    .msg.outgoing {
      justify-self: end;
      background: rgba(184,207,162,.62);
    }
    .demo-table {
      display: grid;
      align-content: center;
      gap: 8px;
      font-size: 14px;
    }
    .demo-table > div {
      display: grid;
      grid-template-columns: 1fr .7fr .9fr;
      gap: 8px;
      align-items: center;
      padding: 10px;
      border-radius: 12px;
      background: rgba(255,255,255,.78);
    }
    .demo-table > div:first-child {
      background: transparent;
      color: var(--muted);
      font-size: 12px;
      text-transform: uppercase;
    }
    .status {
      width: fit-content;
      padding: 5px 8px;
      border-radius: 999px;
      background: rgba(72,114,178,.14);
      color: #2c4d7f;
      font-weight: 850;
      font-size: 12px;
    }
    .status.warm {
      background: rgba(234,219,131,.45);
      color: #665713;
    }
    .status.done {
      background: rgba(184,207,162,.50);
      color: #2f4a2d;
    }

    .format-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .format-card {
      padding: 22px;
      display: grid;
      gap: 10px;
      min-height: 230px;
    }
    .format-card.featured {
      background: rgba(234,219,131,.34);
      border-color: rgba(150,131,61,.24);
    }
    .format-card .tag {
      width: fit-content;
      background: rgba(184,207,162,.55);
      border-radius: 12px;
      padding: 8px 11px;
      font-weight: 900;
      color: #2f4a2d;
    }

    .price-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .price-card {
      padding: 24px;
      display: grid;
      align-content: start;
      gap: 13px;
      min-height: 210px;
    }
    .price-card.featured {
      background: rgba(234,219,131,.34);
      border-color: rgba(150,131,61,.24);
    }
    .price-card .tag {
      width: fit-content;
      background: rgba(24,63,50,.12);
      border-radius: 12px;
      padding: 9px 12px;
      font-weight: 900;
      color: var(--green);
    }
    .price-card p {
      margin-top: 0;
      font-size: 16px;
      line-height: 1.42;
    }
    .social-note {
      margin-top: 14px;
      padding: 18px 20px;
      border-radius: 18px;
      background: rgba(255,255,255,.68);
      border: 1px solid rgba(24,63,50,.18);
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 14px;
      box-shadow: 0 12px 24px rgba(38,35,28,.04);
    }
    .social-note span {
      width: fit-content;
      border-radius: 999px;
      padding: 8px 12px;
      background: rgba(24,63,50,.12);
      color: var(--green);
      font-weight: 900;
      font-size: 13px;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .social-note p {
      margin: 0;
      color: var(--muted);
      line-height: 1.42;
    }

    .connect-grid, .steps-grid, .faq-grid, .scenario-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .scenario-grid {
      grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .simple-card {
      padding: 20px;
      border-radius: 16px;
      background: rgba(255,255,255,.72);
      border: 1px solid var(--line);
      line-height: 1.42;
    }
    .simple-card strong {
      display: block;
      font-size: 18px;
      margin-bottom: 6px;
      letter-spacing: 0;
    }
    .simple-card span { color: var(--muted); }

    .keyword-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .keyword-card {
      min-height: 168px;
      padding: 20px;
      border-radius: 16px;
      background: rgba(255,255,255,.62);
      border: 1px solid var(--line);
      display: grid;
      align-content: start;
      gap: 9px;
    }
    .keyword-card h3 {
      margin: 0;
      font-size: 20px;
      line-height: 1.12;
      letter-spacing: 0;
    }
    .keyword-card p {
      margin: 0;
      color: var(--muted);
      line-height: 1.42;
    }

    .honest {
      background: #1f211d;
      color: white;
      border-radius: 22px;
      padding: 30px;
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 20px;
      align-items: center;
    }
    .honest h2 { color: #fff; }
    .honest p {
      color: rgba(255,255,255,.78);
      font-size: 18px;
      line-height: 1.48;
      margin: 0;
    }

    .lead-box {
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: 22px;
      align-items: stretch;
      background: rgba(255,255,255,.72);
      border: 1px solid var(--line);
      border-radius: 22px;
      padding: 24px;
      box-shadow: var(--shadow);
    }
    .lead-copy {
      border-radius: 16px;
      padding: 26px;
      background: linear-gradient(135deg, var(--green), #245f4c);
      color: #fff;
    }
    .lead-copy h2 { margin-bottom: 16px; }
    .lead-copy p {
      margin: 0;
      font-size: 18px;
      line-height: 1.45;
      color: rgba(255,255,255,.86);
    }
    form {
      display: grid;
      gap: 12px;
    }
    label {
      display: grid;
      gap: 7px;
      font-weight: 800;
      color: #222;
    }
    input, textarea, select {
      width: 100%;
      border: 1px solid rgba(0,0,0,.14);
      border-radius: 12px;
      padding: 14px 14px;
      background: rgba(255,255,255,.88);
      outline: none;
    }
    input:focus, textarea:focus, select:focus {
      border-color: var(--green);
      box-shadow: 0 0 0 4px rgba(24,63,50,.12);
    }
    textarea { min-height: 110px; resize: vertical; }
    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .form-note {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.42;
    }
    .form-status {
      display: none;
      padding: 12px 14px;
      border-radius: 12px;
      background: rgba(184,207,162,.34);
      border: 1px solid rgba(109,143,99,.32);
      color: #2f4a2d;
      font-weight: 800;
      line-height: 1.35;
    }
    .form-status.visible { display: block; }

    footer {
      padding: 34px 0 44px;
      color: var(--muted);
    }
    .footer-line {
      border-top: 1px solid var(--line);
      padding-top: 22px;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      flex-wrap: wrap;
    }

    .contact-widget {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 55;
      display: grid;
      justify-items: end;
      gap: 10px;
    }
    .contact-panel {
      width: min(310px, calc(100vw - 32px));
      display: grid;
      gap: 9px;
      padding: 10px;
      border-radius: 18px;
      background: rgba(255,255,255,.92);
      border: 1px solid var(--line);
      box-shadow: 0 18px 42px rgba(38,35,28,.18);
      backdrop-filter: blur(14px);
      transform: translateY(8px);
      opacity: 0;
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease;
    }
    .contact-widget.is-open .contact-panel {
      transform: translateY(0);
      opacity: 1;
      pointer-events: auto;
    }
    .contact-option {
      display: grid;
      grid-template-columns: 42px 1fr;
      align-items: center;
      gap: 10px;
      padding: 11px;
      border-radius: 14px;
      background: rgba(247,243,234,.78);
      border: 1px solid rgba(23,23,23,.08);
      text-decoration: none;
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
    }
    .contact-option:hover {
      transform: translateY(-1px);
      background: rgba(255,255,255,.96);
      border-color: rgba(23,23,23,.14);
    }
    .contact-icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0;
    }
    .contact-option-max .contact-icon { background: linear-gradient(135deg, #5d6df5, #7c56e8); }
    .contact-option-telegram .contact-icon { background: linear-gradient(135deg, #32a9e9, #157fc0); }
    .contact-option-mail .contact-icon { background: linear-gradient(135deg, var(--green), #9eb8b2); }
    .contact-option strong {
      display: block;
      margin-bottom: 3px;
      color: var(--text);
      font-size: 15px;
      line-height: 1.12;
    }
    .contact-option small {
      display: block;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.25;
    }
    .contact-toggle {
      border: 0;
      min-height: 52px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 14px 12px 18px;
      border-radius: 999px;
      background: var(--green);
      color: #fff;
      box-shadow: 0 16px 34px rgba(23,23,23,.24);
      cursor: pointer;
      font-weight: 900;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .contact-toggle:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 38px rgba(23,23,23,.28);
    }
    .contact-toggle-mark {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--accent);
      color: #fff;
      font-size: 20px;
      line-height: 1;
      transition: transform .18s ease;
    }
    .contact-widget.is-open .contact-toggle-mark {
      transform: rotate(45deg);
    }

    .sticky-mobile {
      display: none;
      position: fixed;
      z-index: 40;
      left: 12px;
      right: 12px;
      bottom: 12px;
      padding: 8px;
      border-radius: 16px;
      background: rgba(255,255,255,.90);
      backdrop-filter: blur(12px);
      box-shadow: 0 12px 28px rgba(0,0,0,.14);
      border: 1px solid var(--line);
      gap: 8px;
    }
    .sticky-mobile .btn { flex: 1; padding: 10px 12px; min-height: 40px; font-size: 14px; }

    @media (max-width: 980px) {
      .nav-links { display: none; }
      .hero-grid, .lead-box, .honest, .picker, .audit-focus { grid-template-columns: 1fr; }
      .hero-card { min-height: 360px; }
      .hero-card img { min-height: 336px; }
      .audit-note { position: static; }
      .connect-grid, .steps-grid, .faq-grid, .scenario-grid, .keyword-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .diagnostic-grid, .outcome-grid, .format-grid, .price-grid, .bundle-grid, .demo-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .proof-strip, .checkup-grid, .method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .sprint-grid, .fit-grid { grid-template-columns: 1fr; }
      .method-card, .checkup-card, .sprint-card, .fit-panel { min-height: auto; }
      .flow-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .flow-step:last-child { grid-column: 1 / -1; }
    }

    @media (max-width: 640px) {
      .wrap { width: min(100% - 22px, var(--max)); }
      .nav { height: 64px; }
      .nav > .btn { display: none; }
      .hero { padding-top: 42px; }
      .connect-grid, .steps-grid, .faq-grid, .scenario-grid, .keyword-grid, .diagnostic-grid, .outcome-grid, .format-grid, .price-grid, .bundle-grid, .demo-grid, .picker-options, .flow-board, .form-row, .proof-strip, .method-grid, .checkup-grid { grid-template-columns: 1fr; }
      .problem-row { grid-template-columns: 1fr; }
      .metric-list { grid-template-columns: 1fr; }
      .consulting-hero-card { min-height: auto; }
      .bundle-card, .demo-card, .picker-result { min-height: auto; }
      .keyword-card { min-height: auto; }
      .flow-step { min-height: auto; }
      .flow-step:last-child { grid-column: auto; }
      .picker-result { padding: 22px; }
      .social-note {
        grid-template-columns: 1fr;
        align-items: start;
      }
      .demo-table > div { grid-template-columns: .9fr .7fr .95fr; }
      .hero-card { min-height: auto; border-radius: 24px; padding: 8px; }
      .hero-card img { min-height: 260px; border-radius: 18px; }
      .hero-badge { position: static; margin-top: 8px; border-radius: 18px; }
      section { padding: 38px 0; }
      .hero-actions .btn { width: 100%; }
      .sticky-mobile { display: flex; }
      .contact-widget {
        right: 12px;
        bottom: 82px;
      }
      .contact-toggle {
        min-height: 48px;
        padding: 10px 12px 10px 16px;
      }
      footer { padding-bottom: 88px; }
    }

    @media print {
      @page {
        size: A4;
        margin: 9mm 8mm 10mm;
      }
      body {
        background: #fff;
        color: #1f211d;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      h1, h2, h3 {
        break-after: avoid;
      }
      .topbar,
      .contact-widget,
      .sticky-mobile,
      .hero-actions,
      form {
        display: none !important;
      }
      section {
        padding: 12px 0;
        break-inside: auto;
      }
      .tight-section {
        padding: 10px 0;
      }
      .wrap {
        width: 100%;
        max-width: none;
      }
      .hero {
        padding-top: 0;
      }
      .hero-grid,
      .diagnostic-grid,
      .outcome-grid,
      .proof-strip,
      .method-grid,
      .checkup-grid,
      .bundle-grid,
      .flow-board,
      .picker,
      .demo-grid,
      .price-grid,
      .format-grid,
      .sprint-grid,
      .fit-grid,
      .steps-grid,
      .keyword-grid,
      .faq-grid,
      .lead-box,
      .honest {
        grid-template-columns: 1fr 1fr;
      }
      .hero-card,
      .list-panel,
      .outcome-card,
      .method-card,
      .checkup-card,
      .sprint-card,
      .fit-panel,
      .bundle-card,
      .flow-step,
      .picker-result,
      .demo-card,
      .price-card,
      .format-card,
      .simple-card,
      .keyword-card,
      .honest,
      .lead-box {
        box-shadow: none;
        break-inside: avoid;
      }
      .section-head {
        margin-bottom: 14px;
      }
      .section-head p,
      .hero p,
      .honest p {
        font-size: 15px;
      }
      h1 {
        font-size: 38px;
      }
      h2 {
        font-size: 30px;
      }
    }