/* MyPNL — база. Ниже, после этого блока, идут классы u*, выточенные из макета
   (untitled/project/*.dc.html) конвертером: CSP на проде запрещает инлайн-стили,
   поэтому каждый style="" из макета вынесен сюда автоматически. Правки макета
   прогоняются конвертером заново — руками u*-классы не трогаем. */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
html, body { margin: 0; padding: 0; background: #f4f1e8; }
body {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #15251f;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: #1d6653; text-decoration: none; }
a:hover { color: #123c32; }
button, input, textarea, select { font: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid rgba(184, 137, 49, .6); outline-offset: 3px; }

@keyframes riseIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Появление блоков при скролле. Классами, а не инлайн-стилем из JS: инлайн перебивает
   правила классов, и оставшийся на элементе transform:none убивал бы :hover-анимацию
   карточек. После показа app.js снимает оба класса — элемент возвращается к своему
   собственному transition из макета. */
.reveal-prep {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 620ms cubic-bezier(.22, .61, .36, 1) var(--reveal-delay, 0ms),
              transform 620ms cubic-bezier(.22, .61, .36, 1) var(--reveal-delay, 0ms);
}
.reveal-prep.reveal-shown { opacity: 1; transform: none; }

.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 50;
  background: #123c32; color: #f7f4eb; padding: 12px 18px; border-radius: 0 0 8px 0; font-weight: 600;
}
.skip-link:focus { left: 0; color: #f7f4eb; }

/* Табы отчётов: активное состояние переключает JS, поэтому оно классом, а не инлайном. */
.rep-tab.is-active { background: #1d6653; color: #fffdf8; border-color: #1d6653; }
.rep-tab:hover { background: #f2efe5; }
.rep-tab.is-active:hover { background: #1d6653; }

/* Статус формы: ошибка красная, успех зелёный. */
.form-status:empty { display: none; }
.form-status.is-success { color: #1d6653; }

.honeypot { position: absolute !important; left: -9999px !important; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: .01ms !important; animation-delay: 0ms !important; transition-duration: .01ms !important; }
}

.form-done h3 { margin: 0; font-family: Georgia, serif; font-weight: 500; font-size: 23px; letter-spacing: -.02em; }
.form-done p { margin: 12px 0 0; font-size: 15px; line-height: 1.55; color: #5b6862; }


.u1{background:#f4f1e8}
.u2{position:sticky;top:0;z-index:20;background:#123c32;color:#f7f4eb}
.u3{max-width:1240px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:32px}
.u4{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-0.04em;color:#f7f4eb}
.u5{display:inline-flex}
.u6{color:#b88931}
.u7{display:flex;gap:26px;font-size:14.5px;font-weight:500}
.u8{color:#b9d2c4}
.u8:hover{color:#fffdf8}
.u9{margin-left:auto;background:#b88931;color:#15251f;font-size:14px;font-weight:600;padding:10px 18px;border-radius:8px;transition:background-color 200ms ease,transform 200ms ease}
.u9:hover{background:#d2a755;transform:translateY(-1px)}
.u10{background:#123c32;color:#f7f4eb}
.u11{max-width:1240px;margin:0 auto;padding:44px 32px 32px}
.u12{display:grid;grid-template-columns:1.02fr 0.98fr;gap:44px;align-items:center}
.u13{font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#b9d2c4;animation:riseIn 700ms cubic-bezier(.22,.61,.36,1) both}
.u14{animation:riseIn 760ms cubic-bezier(.22,.61,.36,1) 90ms both;margin:18px 0 0;font-family:Georgia,serif;font-weight:500;font-size:48px;line-height:1.04;letter-spacing:-0.035em;text-wrap:balance}
.u15{animation:riseIn 760ms cubic-bezier(.22,.61,.36,1) 200ms both;margin:20px 0 0;max-width:52ch;font-size:16.5px;line-height:1.55;color:#b9d2c4;text-wrap:pretty}
.u16{animation:riseIn 760ms cubic-bezier(.22,.61,.36,1) 280ms both;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.u17{background:#f7f4eb;color:#123c32;font-size:15.5px;font-weight:600;padding:15px 26px;border-radius:8px;white-space:nowrap;transition:transform 220ms cubic-bezier(.22,.61,.36,1),background-color 220ms ease,box-shadow 220ms ease}
.u17:hover{background:#fffdf8;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,0.18)}
.u18{border:1px solid rgba(185,210,196,0.45);color:#f7f4eb;font-size:15.5px;font-weight:600;padding:15px 24px;border-radius:8px;white-space:nowrap;transition:background-color 220ms ease,transform 220ms ease}
.u18:hover{background:rgba(247,244,235,0.1);transform:translateY(-2px)}
.u19{animation:riseIn 900ms cubic-bezier(.22,.61,.36,1) 160ms both;display:block;width:100%;height:auto;max-height:420px;object-fit:contain}
.u20{animation:fadeIn 900ms ease 420ms both;display:flex;flex-wrap:wrap;gap:32px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(185,210,196,0.3);font-size:14px;color:#b9d2c4}
.u21{color:#f7f4eb}
.u22{color:#f7f4eb;font-family:ui-monospace,monospace}
.u23{max-width:1240px;margin:0 auto;padding:24px 32px 12px}
.u24{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px}
.u25{margin:0;font-family:Georgia,serif;font-weight:500;font-size:28px;letter-spacing:-0.03em}
.u26{font-size:14.5px;color:#5b6862}
.u27{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.u28{display:flex;flex-direction:column;gap:18px;background:#fbfaf6;border:1px solid #d6d2c5;border-radius:20px;padding:30px;color:#15251f;transition:transform 320ms cubic-bezier(.22,.61,.36,1),box-shadow 320ms ease,background-color 320ms ease,border-color 320ms ease}
.u28:hover{background:#f6e2d2;border-color:#e3c6a9;transform:translateY(-6px);box-shadow:0 18px 40px rgba(21,37,31,0.12)}
.u29{font-size:11.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#67746c}
.u30{margin:0;font-family:Georgia,serif;font-weight:500;font-size:23px;line-height:1.22;letter-spacing:-0.02em}
.u31{width:100%;height:auto;border-radius:14px;border:1px solid #d6d2c5}
.u32{margin:0;font-size:15px;line-height:1.55;color:#4b3a2e;text-wrap:pretty}
.u33{margin-top:auto;font-size:15px;font-weight:600;color:#1d6653}
.u34{margin:0;font-size:15px;line-height:1.55;color:#5b6862;text-wrap:pretty}
.u35{margin:20px 0 0;font-size:14.5px;color:#5b6862}
.u36{max-width:1240px;margin:0 auto;padding:72px 32px}
.u37{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;border-top:1px solid #d6d2c5;padding-top:48px}
.u38{margin:16px 0 0;font-family:Georgia,serif;font-weight:500;font-size:40px;line-height:1.1;letter-spacing:-0.03em;text-wrap:balance}
.u39{margin:20px 0 0;font-size:17px;line-height:1.6;color:#3f544c;max-width:48ch;text-wrap:pretty}
.u40{display:flex;gap:34px;margin-top:28px}
.u41{font-family:ui-monospace,monospace;font-size:26px;font-weight:700}
.u42{font-size:13.5px;color:#5b6862}
.u43{display:grid;gap:12px}
.u44{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:12px;padding:20px}
.u45{font-size:15.5px}
.u46{font-size:15px;color:#5b6862}
.u47{max-width:1240px;margin:0 auto;padding:0 32px 72px}
.u48{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:24px;padding:48px}
.u49{margin:0;font-family:Georgia,serif;font-weight:500;font-size:36px;line-height:1.1;letter-spacing:-0.03em}
.u50{margin:16px 0 0;max-width:64ch;font-size:16.5px;line-height:1.6;color:#5b6862}
.u51{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:36px;background:#d6d2c5;border:1px solid #d6d2c5;border-radius:14px;overflow:hidden}
.u52{background:#f4f1e8;padding:24px}
.u53{font-family:ui-monospace,monospace;font-size:12px;color:#b88931}
.u54{margin-top:10px;font-size:19px;font-weight:600}
.u55{margin-top:6px;font-size:14px;color:#5b6862}
.u56{margin:22px 0 0;font-size:16px}
.u57{margin:0;font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-0.03em;max-width:26ch}
.u58{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.u59{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:14px;padding:24px;transition:transform 280ms cubic-bezier(.22,.61,.36,1),box-shadow 280ms ease}
.u59:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(21,37,31,0.08)}
.u60{font-size:16px}
.u61{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:#5b6862}
.u62{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.u63{background:#e3ede7;border-radius:16px;padding:28px}
.u64{font-family:ui-monospace,monospace;font-size:12px;color:#1d6653;letter-spacing:0.06em}
.u65{margin-top:10px;font-family:Georgia,serif;font-size:24px}
.u66{margin:10px 0 0;font-size:15px;line-height:1.55;color:#3f544c}
.u67{background:#f3ead3;border-radius:16px;padding:28px}
.u68{font-family:ui-monospace,monospace;font-size:12px;color:#8a6410;letter-spacing:0.06em}
.u69{margin:10px 0 0;font-size:15px;line-height:1.55;color:#4a3d20}
.u70{display:grid;grid-template-columns:0.8fr 1.2fr;gap:48px;align-items:start}
.u71{margin:0;font-family:Georgia,serif;font-weight:500;font-size:34px;line-height:1.12;letter-spacing:-0.03em}
.u72{margin:16px 0 0;font-size:16px;line-height:1.6;color:#5b6862}
.u73{margin:16px 0 0;font-size:15px;line-height:1.6;color:#5b6862}
.u74{display:flex;flex-direction:column;gap:1px;background:#d6d2c5;border:1px solid #d6d2c5;border-radius:14px;overflow:hidden}
.u75{background:#fbfaf6;padding:22px 24px;display:flex;gap:20px;align-items:baseline}
.u76{font-family:ui-monospace,monospace;font-size:12px;color:#b88931;min-width:90px}
.u77{font-size:16.5px}
.u78{font-size:14.5px;color:#5b6862;margin-top:4px}
.u79{margin:0;font-family:Georgia,serif;font-size:36px;line-height:1.26;letter-spacing:-0.02em;max-width:32ch;text-wrap:balance}
.u80{border-top:1px solid #d6d2c5;padding-top:44px;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px}
.u81{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.u82{display:flex;flex-direction:column;gap:10px;background:#fbfaf6;border:1px solid #d6d2c5;border-radius:16px;padding:28px;color:#15251f;transition:transform 300ms cubic-bezier(.22,.61,.36,1),box-shadow 300ms ease,background-color 300ms ease}
.u82:hover{background:#f7f5ee;transform:translateY(-5px);box-shadow:0 16px 34px rgba(21,37,31,0.1)}
.u83{font-size:19px}
.u84{font-size:15px;line-height:1.55;color:#5b6862}
.u85{margin-top:auto;padding-top:12px;font-size:15px;font-weight:600;color:#1d6653}
.u86{max-width:1240px;margin:0 auto;padding:76px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.u87{margin:0;font-family:Georgia,serif;font-weight:500;font-size:40px;line-height:1.1;letter-spacing:-0.03em;max-width:24ch;text-wrap:balance}
.u88{margin:18px 0 0;font-size:16.5px;line-height:1.6;color:#b9d2c4;max-width:46ch}
.u89{display:flex;flex-direction:column;gap:10px;margin-top:28px;font-size:15px;color:#b9d2c4}
.u90{display:flex;gap:10px}
.u91{color:#b88931;font-weight:700}
.u92{margin:28px 0 0;font-size:15px;color:#b9d2c4}
.u93{color:#f7f4eb;font-weight:600;text-decoration:underline}
.u94{background:#fbfaf6;color:#15251f;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:18px}
.u95{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#5b6862}
.u96{font:inherit;font-size:15px;font-weight:400;color:#15251f;padding:12px 14px;border:1px solid #d6d2c5;border-radius:8px;background:#fffdf8}
.u96:focus{border-color:#1d6653;outline:none}
.u97{display:flex;flex-direction:column;gap:9px}
.u98{font-size:13px;font-weight:600;color:#5b6862}
.u99{display:flex;flex-wrap:wrap;gap:8px}
.u100{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 13px;border:1px solid #d6d2c5;border-radius:999px;background:#fffdf8;cursor:pointer}
.u101{accent-color:#1d6653;margin:0}
.u102{display:grid;gap:8px}
.u103{display:flex;align-items:center;gap:10px;font-size:14.5px;cursor:pointer}
.u104{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#5b6862;cursor:pointer}
.u105{accent-color:#1d6653;margin:3px 0 0}
.u106{font:inherit;font-size:15.5px;font-weight:600;background:#1d6653;color:#fffdf8;border:none;border-radius:8px;padding:15px 20px;cursor:pointer;transition:background-color 200ms ease,transform 200ms ease}
.u106:hover{background:#123c32;transform:translateY(-1px)}
.u107{margin:0;font-size:12.5px;color:#67746c}
.u108{margin:0;font-size:14px;font-weight:600;color:#a7463e}
.u109{background:#15251f;color:#b9d2c4}
.u110{max-width:1240px;margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.u111{font-size:18px;font-weight:700;color:#f7f4eb;letter-spacing:-0.04em}
.u112{margin:14px 0 0;font-size:14px;line-height:1.6;max-width:34ch}
.u113{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.u114{font-size:11.5px;letter-spacing:0.1em;text-transform:uppercase;color:#67746c}
.u115{color:#b9d2c4}
.u116{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #2f4239;color:#b9d2c4;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease}
.u116:hover{background:#1d6653;color:#fffdf8;border-color:#1d6653}
.u117{position:sticky;top:0;z-index:20;background:rgba(244,241,232,0.92);backdrop-filter:blur(8px);border-bottom:1px solid #d6d2c5}
.u118{max-width:1200px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:32px}
.u119{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-0.04em;color:#15251f}
.u120{color:#15251f;font-weight:600}
.u121{color:#5b6862}
.u121:hover{color:#15251f}
.u122{margin-left:auto;background:#1d6653;color:#fffdf8;font-size:14px;font-weight:600;padding:10px 18px;border-radius:8px}
.u122:hover{background:#123c32}
.u123{max-width:1200px;margin:0 auto;padding:72px 32px 56px;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:start}
.u124{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#1d6653}
.u125{width:7px;height:7px;border-radius:50%;background:#1d6653}
.u126{margin:18px 0 0;font-family:Georgia,serif;font-weight:500;font-size:56px;line-height:1.04;letter-spacing:-0.035em;text-wrap:balance}
.u127{margin:24px 0 0;max-width:54ch;font-size:17px;line-height:1.6;color:#5b6862;text-wrap:pretty}
.u128{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.u129{background:#1d6653;color:#fffdf8;font-size:15.5px;font-weight:600;padding:15px 26px;border-radius:8px}
.u129:hover{background:#123c32}
.u130{border:1px solid #d6d2c5;background:#fbfaf6;color:#15251f;font-size:15.5px;font-weight:600;padding:15px 26px;border-radius:8px}
.u130:hover{background:#e9e5d9}
.u131{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:40px;background:#d6d2c5;border:1px solid #d6d2c5;border-radius:14px;overflow:hidden}
.u132{background:#fbfaf6;padding:18px 20px}
.u133{font-family:ui-monospace,monospace;font-size:19px}
.u134{font-size:13.5px;color:#5b6862;margin-top:4px}
.u135{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:20px;padding:26px}
.u136{display:flex;justify-content:space-between;align-items:baseline}
.u137{font-size:11.5px;color:#1d6653;font-weight:600}
.u138{display:flex;flex-direction:column;gap:1px;margin-top:18px;background:#e9e5d9;border-radius:12px;overflow:hidden}
.u139{background:#fffdf8;padding:14px 16px;display:flex;justify-content:space-between;font-size:14.5px}
.u140{font-family:ui-monospace,monospace}
.u141{background:#fffdf8;padding:14px 16px;display:flex;justify-content:space-between;font-size:14.5px;color:#5b6862}
.u142{font-family:ui-monospace,monospace;color:#a7463e}
.u143{background:#e3ede7;padding:16px;display:flex;justify-content:space-between;font-size:15.5px;font-weight:600}
.u144{font-family:ui-monospace,monospace;color:#1d6653}
.u145{margin:14px 0 0;font-family:ui-monospace,monospace;font-size:11px;color:#67746c}
.u146{max-width:1200px;margin:0 auto;padding:0 32px 76px}
.u147{border-top:1px solid #d6d2c5;padding-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.u148{margin:0;font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-0.03em;text-wrap:balance}
.u149{display:flex;flex-direction:column;gap:18px;font-size:16.5px;line-height:1.6;color:#3f544c}
.u150{margin:0}
.u151{margin:0;font-weight:600;color:#15251f}
.u152{background:#e9e5d9;border-top:1px solid #d6d2c5;border-bottom:1px solid #d6d2c5}
.u153{max-width:1200px;margin:0 auto;padding:76px 32px}
.u154{margin:0;font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-0.03em;max-width:28ch}
.u155{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.u156{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:18px;padding:32px}
.u157{margin:16px 0 0;font-size:16.5px;line-height:1.6;color:#3f544c;text-wrap:pretty}
.u158{display:flex;gap:32px;margin-top:26px;padding-top:22px;border-top:1px solid #d6d2c5}
.u159{font-family:ui-monospace,monospace;font-size:26px;font-weight:700;color:#1d6653}
.u160{display:flex;flex-direction:column;gap:12px}
.u161{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:14px;padding:24px}
.u162{margin:8px 0 0;font-size:15px;line-height:1.55;color:#5b6862}
.u163{background:#e3ede7;border:1px solid #b9d2c4;border-radius:14px;padding:24px}
.u164{margin:8px 0 0;font-size:15px;line-height:1.55;color:#3f544c}
.u165{margin-top:36px;border-top:1px solid #d6d2c5;padding-top:32px}
.u166{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.u167{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:14px;padding:26px}
.u168{margin:10px 0 0;font-size:15px;line-height:1.55;color:#5b6862;text-wrap:pretty}
.u169{margin-top:18px;padding-top:14px;border-top:1px solid #d6d2c5;font-size:13.5px;color:#67746c}
.u170{margin:18px 0 0;font-size:14.5px;line-height:1.55;color:#67746c;max-width:78ch}
.u171{margin:0;font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-0.03em}
.u172{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.u173{margin:10px 0 0;font-size:15px;line-height:1.55;color:#5b6862}
.u174{background:#e3ede7;border-radius:18px;padding:32px;margin-top:16px}
.u175{margin:0;font-size:19px;line-height:1.5;color:#15251f;max-width:70ch;text-wrap:pretty}
.u176{display:grid;grid-template-columns:0.8fr 1.2fr;gap:48px;align-items:start;border-top:1px solid #d6d2c5;padding-top:48px}
.u177{display:flex;flex-direction:column;gap:1px;background:#d6d2c5;border:1px solid #d6d2c5;border-radius:14px;overflow:hidden;font-size:16px}
.u178{background:#fbfaf6;padding:18px 22px}
.u179{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:20px;padding:44px}
.u180{margin:0;font-family:Georgia,serif;font-weight:500;font-size:32px;line-height:1.12;letter-spacing:-0.03em}
.u181{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-top:28px;font-size:15.5px;line-height:1.6;color:#3f544c}
.u182{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;background:#e3ede7;border-radius:18px;padding:32px 40px}
.u183{margin:0;font-size:16.5px;line-height:1.6;color:#3f544c;max-width:62ch}
.u184{font-size:15.5px;font-weight:600;white-space:nowrap}
.u185{margin:0;font-family:Georgia,serif;font-weight:500;font-size:32px;letter-spacing:-0.03em}
.u186{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.u187{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:16px;padding:28px;color:#15251f}
.u187:hover{background:#f7f5ee}
.u188{font-size:18px}
.u189{display:inline-block;margin-top:14px;font-size:15px;font-weight:600;color:#1d6653}
.u190{background:#e9e5d9;border-top:1px solid #d6d2c5}
.u191{max-width:1200px;margin:0 auto;padding:76px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.u192{margin:0;font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-0.03em;max-width:24ch;text-wrap:balance}
.u193{margin:18px 0 0;font-size:16.5px;line-height:1.6;color:#3f544c;max-width:46ch}
.u194{display:flex;flex-direction:column;gap:10px;margin-top:28px;font-size:15px;color:#3f544c}
.u195{color:#1d6653;font-weight:700}
.u196{margin:28px 0 0;font-size:15px;color:#5b6862}
.u197{font-weight:600}
.u198{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:18px}
.u199{font:inherit;font-size:15.5px;font-weight:600;background:#1d6653;color:#fffdf8;border:none;border-radius:8px;padding:15px 20px;cursor:pointer}
.u199:hover{background:#123c32}
.u200{max-width:1200px;margin:0 auto;padding:56px 32px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.u201{margin:18px 0 0;font-family:Georgia,serif;font-weight:500;font-size:54px;line-height:1.05;letter-spacing:-0.035em;text-wrap:balance}
.u202{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.u203{border:1px solid #d6d2c5;background:#fffdf8;border-radius:12px;padding:18px}
.u204{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:0.08em;color:#67746c}
.u205{display:block;margin-top:6px;font-size:15px}
.u206{font-size:13.5px;line-height:1.5;color:#5b6862;margin-top:6px}
.u207{border:1px solid #b9d2c4;background:#e3ede7;border-radius:12px;padding:18px}
.u208{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:0.08em;color:#3f544c}
.u209{font-size:13.5px;line-height:1.5;color:#3f544c;margin-top:6px}
.u210{margin:16px 0 0;font-size:12.5px;line-height:1.5;color:#67746c}
.u211{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.u212{margin:16px 0 0;font-size:16.5px;line-height:1.6;color:#5b6862}
.u213{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.u214{border-left:2px solid #1d6653;padding-left:18px}
.u215{margin:6px 0 0;font-size:15px;line-height:1.55;color:#5b6862}
.u216{border-left:2px solid #b88931;padding-left:18px}
.u217{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.u218{border:1px solid #d6d2c5;background:#f4f1e8;border-radius:999px;padding:8px 14px;font-size:14px;color:#3f544c}
.u219{margin:20px 0 0;font-size:14.5px;line-height:1.6;color:#67746c}
.u220{margin:0;font-family:Georgia,serif;font-weight:500;font-size:36px;line-height:1.12;letter-spacing:-0.03em}
.u221{margin:14px 0 0;font-size:16px;color:#5b6862}
.u222{margin-top:28px;overflow-x:auto}
.u223{min-width:880px;background:#fbfaf6;border:1px solid #d6d2c5;border-radius:16px;overflow:hidden}
.u224{display:grid;grid-template-columns:1.45fr 1.15fr 0.6fr 0.6fr 1fr 0.95fr;gap:0;font-size:11.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#67746c;background:#f4f1e8;border-bottom:1px solid #d6d2c5}
.u225{padding:12px 16px}
.u226{padding:12px 16px;text-align:right}
.u227{display:grid;grid-template-columns:1.45fr 1.15fr 0.6fr 0.6fr 1fr 0.95fr;font-size:14.5px;border-bottom:1px solid #e9e5d9}
.u228{padding:14px 16px}
.u229{padding:14px 16px;font-size:13px;color:#5b6862}
.u230{padding:14px 16px;font-family:ui-monospace,monospace}
.u231{padding:14px 16px;text-align:right;font-family:ui-monospace,monospace}
.u232{display:grid;grid-template-columns:1.45fr 1.15fr 0.6fr 0.6fr 1fr 0.95fr;font-size:14.5px;background:#f4f1e8;font-weight:600}
.u233{margin:16px 0 0;font-size:15px;color:#5b6862;max-width:80ch}
.u234{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:center}
.u235{margin:18px 0 0;font-size:16.5px;line-height:1.6;color:#5b6862}
.u236{margin:16px 0 0;font-size:15px;line-height:1.6;color:#67746c}
.u237{background:#f4f1e8;padding:14px 22px;font-size:11.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#67746c}
.u238{background:#fbfaf6;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15.5px}
.u239{font-family:ui-monospace,monospace;font-size:12.5px;color:#1d6653}
.u240{background:#f4f1e8;padding:14px 22px;font-family:ui-monospace,monospace;font-size:11px;color:#67746c}
.u241{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:start}
.u242{background:#fbfaf6;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;font-size:15.5px}
.u243{font-family:ui-monospace,monospace;color:#8a6410}
.u244{background:#e3ede7;border-radius:18px;padding:36px 40px}
.u245{margin:0;font-size:17px;line-height:1.6;color:#3f544c;max-width:80ch;text-wrap:pretty}
.u246{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid #b9d2c4;font-size:15px;color:#3f544c}
.u247{max-width:1200px;margin:0 auto;padding:72px 32px 56px}
.u248{margin:18px 0 0;font-family:Georgia,serif;font-weight:500;font-size:58px;line-height:1.03;letter-spacing:-0.035em;max-width:22ch;text-wrap:balance}
.u249{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-end;margin-top:28px}
.u250{margin:0;max-width:58ch;font-size:17px;line-height:1.6;color:#5b6862;text-wrap:pretty}
.u251{display:flex;gap:12px}
.u252{background:#1d6653;color:#fffdf8;font-size:15.5px;font-weight:600;padding:15px 26px;border-radius:8px;white-space:nowrap}
.u252:hover{background:#123c32}
.u253{border:1px solid #d6d2c5;background:#fbfaf6;color:#15251f;font-size:15.5px;font-weight:600;padding:15px 26px;border-radius:8px;white-space:nowrap}
.u253:hover{background:#e9e5d9}
.u254{display:flex;flex-direction:column;gap:16px;font-size:16.5px;line-height:1.6;color:#3f544c}
.u255{display:grid;grid-template-columns:0.85fr 1.15fr;gap:24px;margin-top:36px;align-items:start}
.u256{display:flex;flex-direction:column;gap:6px}
.u257{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;font:inherit;padding:16px 18px;border-radius:12px;cursor:pointer;background:#fbfaf6;color:#15251f;border:1px solid #d6d2c5;transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease}
.u258{font-size:11px;font-family:ui-monospace,monospace;opacity:0.7}
.u259{font-size:15.5px;font-weight:500;line-height:1.35}
.u260{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:18px;padding:30px}
.u261{margin:10px 0 0;font-family:Georgia,serif;font-weight:500;font-size:28px;letter-spacing:-0.02em}
.u262{margin:12px 0 0;font-size:16px;line-height:1.6;color:#5b6862;max-width:58ch}
.u263{margin-top:22px;width:100%;height:auto;border-radius:12px;border:1px solid #d6d2c5}
.u264{margin:12px 0 0;font-family:ui-monospace,monospace;font-size:11px;color:#67746c}
.u265{margin-top:24px;background:#fbfaf6;border:1px solid #d6d2c5;border-radius:16px;padding:26px 30px}
.u266{font-size:14px;padding:8px 14px;border:1px solid #d6d2c5;border-radius:999px;background:#f4f1e8}
.u267{font-size:14px;padding:8px 14px;border:1px solid #d6d2c5;border-radius:999px;background:#f4f1e8;color:#67746c}
.u268{background:#fbfaf6;border:1px solid #d6d2c5;border-radius:16px;padding:28px}
.u269{font-size:11.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#b88931}
.u270{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:#3f544c}
.u271{background:#e3ede7;border-radius:16px;padding:26px 30px;margin-top:14px}
.u272{margin:0;font-size:16.5px;line-height:1.6;color:#3f544c}
.u273{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:start;border-top:1px solid #d6d2c5;padding-top:48px}
.u274{display:grid;grid-template-columns:1fr 1fr;gap:8px}

@media (max-width:1080px){
.u27{grid-template-columns:repeat(2,1fr)}
.u51{grid-template-columns:repeat(2,1fr)}
.u58{grid-template-columns:repeat(2,1fr)}
.u81{grid-template-columns:repeat(2,1fr)}
.u110{grid-template-columns:repeat(2,1fr)}
.u200{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
.u3{padding:14px 18px 14px 18px}
.u11{padding:32px 18px 32px 18px}
.u12{grid-template-columns:1fr;gap:24px}
.u14{font-size:26.9px}
.u23{padding:24px 18px 12px 18px}
.u25{font-size:21.8px}
.u27{grid-template-columns:1fr}
.u28{padding:30px 18px 30px 18px}
.u30{font-size:20.2px}
.u36{padding:44px 18px 44px 18px}
.u37{grid-template-columns:1fr;gap:24px}
.u38{font-size:26.4px}
.u40{gap:24px}
.u41{font-size:22.9px}
.u48{padding:32px 18px 32px 18px}
.u49{font-size:23.8px}
.u51{grid-template-columns:1fr}
.u57{font-size:25.1px}
.u58{grid-template-columns:1fr}
.u62{grid-template-columns:1fr}
.u63{padding:28px 18px 28px 18px}
.u65{font-size:21.1px}
.u67{padding:28px 18px 28px 18px}
.u70{grid-template-columns:1fr;gap:24px}
.u71{font-size:22.4px}
.u79{font-size:23.8px}
.u81{grid-template-columns:1fr}
.u82{padding:28px 18px 28px 18px}
.u86{padding:44px 18px 44px 18px;grid-template-columns:1fr;gap:24px}
.u87{font-size:26.4px}
.u94{padding:32px 18px 32px 18px}
.u110{padding:32px 18px 32px 18px;grid-template-columns:1fr;gap:24px}
.u118{padding:14px 18px 14px 18px}
.u123{padding:44px 18px 32px 18px;grid-template-columns:1fr;gap:24px}
.u126{font-size:31.4px}
.u131{grid-template-columns:1fr}
.u147{grid-template-columns:1fr;gap:24px}
.u148{font-size:25.1px}
.u153{padding:44px 18px 44px 18px}
.u154{font-size:25.1px}
.u155{grid-template-columns:1fr}
.u156{padding:32px 18px 32px 18px}
.u159{font-size:22.9px}
.u166{grid-template-columns:1fr}
.u171{font-size:25.1px}
.u172{grid-template-columns:1fr}
.u174{padding:32px 18px 32px 18px}
.u176{grid-template-columns:1fr;gap:24px}
.u179{padding:32px 18px 32px 18px}
.u180{font-size:25px}
.u181{grid-template-columns:1fr;gap:20px 24px}
.u182{padding:32px 18px 32px 18px}
.u185{font-size:25px}
.u186{grid-template-columns:1fr}
.u187{padding:28px 18px 28px 18px}
.u191{padding:44px 18px 44px 18px;grid-template-columns:1fr;gap:24px}
.u192{font-size:25.1px}
.u198{padding:32px 18px 32px 18px}
.u200{padding:32px 18px 32px 18px;grid-template-columns:1fr;gap:24px}
.u201{font-size:30.2px}
.u211{padding:32px 18px 32px 18px;grid-template-columns:1fr;gap:24px}
.u220{font-size:23.8px}
.u234{grid-template-columns:1fr;gap:24px}
.u241{grid-template-columns:1fr;gap:24px}
.u244{padding:36px 18px 36px 18px}
.u247{padding:44px 18px 32px 18px}
.u248{font-size:32.5px}
.u249{gap:24px}
.u255{grid-template-columns:1fr}
.u260{padding:30px 18px 30px 18px}
.u261{font-size:21.8px}
.u265{padding:26px 18px 26px 18px}
.u268{padding:28px 18px 28px 18px}
.u271{padding:26px 18px 26px 18px}
.u273{grid-template-columns:1fr;gap:24px}
.u274{grid-template-columns:1fr}
}

/* Ручные правки поверх выточенных классов: шапка на узком экране и мелочи,
   которые из инлайн-стилей макета механически не выводятся. */
@media (max-width: 900px) {
  .site-head-inner { flex-wrap: wrap; gap: 12px 18px; }
  .site-head-nav { order: 3; width: 100%; gap: 20px; overflow-x: auto; padding-bottom: 2px; font-size: 14px; }
  .site-head-nav::-webkit-scrollbar { display: none; }
  .site-head-cta { margin-left: auto; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 116px; }
  .lead-form { padding: 22px 18px; }
}
@media (max-width: 480px) {
  .site-head-nav { gap: 16px; font-size: 13.5px; }
}

/* Иллюстрации карточек на главной: разные пропорции исходников выравниваем кадром,
   иначе текст в трёх карточках стоит на разной высоте. */
.card-illo { aspect-ratio: 16 / 9; object-fit: cover; }

/* Карточки «Три результата»: строки трёх карточек выравниваются между собой (subgrid),
   поэтому картинки и ссылки стоят на одной высоте при любой длине заголовка.
   Пять строк — надзаголовок, h3, картинка, абзац, ссылка. */
@media (min-width: 761px) {
  @supports (grid-template-rows: subgrid) {
    .offer-grid { grid-template-rows: repeat(5, auto); }
    .offer-card { display: grid; grid-template-rows: subgrid; grid-row: span 5; gap: 18px; }
    .offer-card > :last-child { align-self: end; }
  }
}

/* Служебные страницы (/privacy, /thanks). Пишутся руками, поэтому классы обычные,
   а не выточенные из макета — но палитра и шапка те же, что на основных страницах. */
.doc-head { position: sticky; top: 0; z-index: 20; background: rgba(244, 241, 232, .92); backdrop-filter: blur(8px); border-bottom: 1px solid #d6d2c5; }
.doc-head-in { max-width: 940px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; gap: 24px; }
.doc-brand { font-size: 19px; font-weight: 700; letter-spacing: -.04em; color: #15251f; }
.doc-brand:hover { color: #15251f; }
.doc-brand i { font-style: normal; color: #b88931; }
.doc-cta { margin-left: auto; background: #1d6653; color: #fffdf8; font-size: 14px; font-weight: 600; padding: 10px 18px; border-radius: 8px; transition: background-color 200ms ease; }
.doc-cta:hover { background: #123c32; color: #fffdf8; }

.doc-main { max-width: 940px; margin: 0 auto; padding: 56px 32px 80px; }
.doc-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #1d6653; }
.doc-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #1d6653; }
.doc-main h1 { margin: 18px 0 0; font-family: Georgia, serif; font-weight: 500; font-size: 44px; line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
.doc-main h2 { margin: 36px 0 0; font-family: Georgia, serif; font-weight: 500; font-size: 24px; letter-spacing: -.02em; }
.doc-main p { margin: 14px 0 0; font-size: 16.5px; line-height: 1.65; color: #3f544c; max-width: 72ch; }
.doc-lead { font-size: 17.5px !important; color: #5b6862 !important; }
.doc-note { background: #f3ead3; border-radius: 12px; padding: 18px 22px; font-size: 15px !important; color: #4a3d20 !important; }
.doc-aside { background: #e3ede7; border-radius: 16px; padding: 24px 26px; margin-top: 28px; }
.doc-aside b { font-size: 15.5px; }
.doc-aside p { margin: 8px 0 0; font-size: 15px; }
.doc-actions { margin-top: 32px; }
.doc-button { display: inline-block; background: #1d6653; color: #fffdf8; font-size: 15.5px; font-weight: 600; padding: 15px 26px; border-radius: 8px; transition: background-color 200ms ease; }
.doc-button:hover { background: #123c32; color: #fffdf8; }

.doc-foot { background: #15251f; color: #b9d2c4; }
.doc-foot-in { max-width: 940px; margin: 0 auto; padding: 40px 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; font-size: 14.5px; }
.doc-foot a { color: #b9d2c4; }
.doc-foot a:hover { color: #fffdf8; }
.doc-foot .doc-brand { color: #f7f4eb; font-size: 18px; }
.doc-foot .doc-brand:hover { color: #f7f4eb; }
.doc-tg { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #2f4239; color: #b9d2c4; margin-left: auto; transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
.doc-tg:hover { background: #1d6653; color: #fffdf8; border-color: #1d6653; }

@media (max-width: 760px) {
  .doc-head-in, .doc-main, .doc-foot-in { padding-left: 18px; padding-right: 18px; }
  .doc-main { padding-top: 40px; }
  .doc-main h1 { font-size: 30px; }
  .doc-main h2 { font-size: 21px; }
  .doc-tg { margin-left: 0; }
}