@font-face {font-family:Ping;src:url('assets/pingar.otf') format('opentype');font-display:swap}
* {box-sizing:border-box}
:root {--bg:#f6f6f2;--paper:#fff;--ink:#2f3431;--muted:#7b807b;--line:#e8e9e2;--gold:#ad9961;--gold-dark:#7b6838;--gold-soft:#f4f0e5;--dark:#303530;--green:#4e7761;--radius:18px}
body {margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 Ping,Tahoma,sans-serif}
button, input, select, textarea {font:inherit}
button, a {-webkit-tap-highlight-color:transparent}
button {cursor:pointer}
button:disabled {opacity:.55;cursor:wait}
button, a, input, select, textarea {outline-offset:4px}
button:focus-visible, a:focus-visible {outline:2px solid var(--gold)}
button {border:0;background:none;color:inherit}
a {color:inherit;text-decoration:none}
h1, h2, h3, p {margin:0}
h1 {font-size:27px;line-height:1.5}
h2 {font-size:19px}
h3 {font-size:15px}
small {font-size:11px}
.icon {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip {position:fixed;top:-60px;z-index:100;background:white;padding:12px}
.skip:focus {top:0}
main {max-width:1500px;margin:auto;padding:30px 38px 18px}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 19px;border-radius:9px;font-size:12px;transition:background .2s,transform .2s}
.btn:hover {transform:translateY(-1px)}
.btn.primary {background:var(--gold);color:#fff}
.btn.primary:hover {background:#99864f}
.btn.outline {border:1px solid var(--line);background:white}
.btn .icon {width:17px;height:17px}
.service-card {border:1px solid var(--line);border-radius:14px;padding:20px;background:white;text-align:right;position:relative;transition:.2s}
.service-card:hover {border-color:#c8b680;transform:translateY(-3px);box-shadow:0 8px 18px #30353006}
.service-card h3 {font-size:13px;margin-bottom:5px}
.service-card p {font-size:10px;line-height:1.8;color:var(--muted);padding-left:8px}
.footer {display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#94988f;padding:19px 0 8px;border-top:1px solid var(--line);gap:15px}
input, select, textarea {width:100%;border:1px solid #dfe2d8;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}
input:focus, select:focus, textarea:focus {outline:2px solid #ad99614d;border-color:var(--gold)}
textarea {min-height:112px;resize:vertical}
.form-panel {max-width:750px}
label {display:block;font-size:12px;margin-bottom:7px}
label small {color:var(--muted)}
.error {color:#ad4949;font-size:12px;margin-top:12px}
.loading {text-align:center;padding:100px;color:var(--gold-dark)}
.choice {border:1px solid var(--line);padding:17px;border-radius:11px;text-align:right;display:flex;gap:12px;align-items:center}
.choice strong {display:block;font-size:12px;font-weight:400}
.choice small {color:var(--muted);font-size:10px}
.choice>.icon {color:#9c8855}
.success {text-align:center;padding:24px 0}
.success p {font-size:12px;color:var(--muted);margin:12px 0}
@media(min-width:1600px) {
  main {padding-top:40px}
  .service-card {padding:25px}
}
@media(max-width:1200px) {
  main {padding:25px}
  .service-card {padding:16px}
}
@media(max-width:760px) {
  main {padding:22px 18px 95px}
  .service-card {padding:17px 14px;border-radius:12px}
  .service-card h3 {font-size:12px}
  .service-card p {font-size:9px;padding:0}
  .footer {font-size:8px;flex-direction:column;gap:9px;padding-top:17px}
  input, select, textarea {font-size:16px}
  .choice {padding:13px 9px;gap:8px}
  .choice .icon {width:19px}
  .choice strong {font-size:10px}
  .choice small {font-size:8px}
}
@media(prefers-reduced-motion:reduce) {
  * {transition:none!important;scroll-behavior:auto!important}
}
[hidden] {display:none!important}
