*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f1e3;color:#2a2418;font:17px/1.6 ui-rounded,"SF Pro Rounded","Nunito","Varela Round","Trebuchet MS",Tahoma,sans-serif;padding-bottom:96px}
a{color:#1f5d3f;text-underline-offset:3px}a:hover{color:#174a32}
h1,h2,h3{line-height:1.2;margin:0;font-weight:800;letter-spacing:-.01em}
p{margin:0}
svg{max-width:100%;height:auto}

.wrap{max-width:1040px;margin:0 auto;padding-left:18px;padding-right:18px}
.flex{display:flex}.grid{display:grid}.wrap-row{flex-wrap:wrap}
.justify-center{justify-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}
.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-10{margin-top:40px}.mt-14{margin-top:56px}
.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.py-3{padding-top:12px;padding-bottom:12px}
.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:24px}.rounded-full{border-radius:999px}
.bg-card{background:#fffdf7}.bg-soft{background:#e3ecdc}.bg-sand{background:#efe4cc}.bg-green{background:#1f5d3f}
.text-green{color:#1f5d3f}.text-muted{color:#5e5443}.text-cream{color:#fffaf0}
.t-sm{font-size:14px;line-height:1.45}.t-base{font-size:17px}.t-lg{font-size:19px}.t-xl{font-size:24px}.t-2xl{font-size:30px}.t-price{font-size:40px;line-height:1;letter-spacing:-.03em}
.fw-6{font-weight:600}.fw-8{font-weight:800}
.center{text-align:center}
.list-none{list-style:none;margin:0;padding:0}
.ring{box-shadow:inset 0 0 0 2px #e6dcc6}
.ring-green{box-shadow:inset 0 0 0 2px #1f5d3f}
.shadow-soft{box-shadow:0 10px 30px -12px rgba(74,58,24,.25)}

.wordmark{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#2a2418;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.02em}
.wordmark:hover{color:#2a2418}
.wordmark-dot{width:14px;height:14px;border-radius:50%;background:#1f5d3f;box-shadow:6px -6px 0 -2px #d9a441}

.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;background:#1f5d3f;color:#fffaf0;font-weight:800;font-size:17px;text-decoration:none;transition:transform .15s}
.btn-pill:hover{background:#174a32;color:#fffaf0;transform:translateY(-1px)}
.btn-pill-sm{min-height:44px;padding:0 18px;font-size:15px}
.btn-pill-light{background:#fffaf0;color:#1f5d3f}
.btn-pill-light:hover{background:#efe4cc;color:#174a32}
.w-full{width:100%}

.navlink{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:#2a2418;text-decoration:none;font-size:15px;font-weight:600}
.navlink:hover{background:#efe4cc;color:#2a2418}
.navlink-on{background:#e3ecdc;color:#174a32}

.trail{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:14px;color:#5e5443}
.trail a{display:inline-flex;align-items:center;min-height:44px}

.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fffdf7;box-shadow:inset 0 0 0 2px #e6dcc6;color:#2a2418;text-decoration:none;font-size:15px;font-weight:600}
.chip:hover{box-shadow:inset 0 0 0 2px #1f5d3f;color:#174a32}

.tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#d9a441;color:#2a2418;font-size:13px;font-weight:800}

.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}
.tbl th,.tbl td{padding:12px;text-align:left;vertical-align:top}
.tbl thead th{font-size:15px}
.tbl tbody th{font-weight:600;color:#5e5443;font-size:15px;padding-left:0}
.tbl tbody tr+tr th,.tbl tbody tr+tr td{border-top:1px solid #e6dcc6}
.tbl .yes{background:#e3ecdc}
.tbl thead .yes{border-radius:16px 16px 0 0;color:#174a32}
.tbl tbody tr:last-child .yes{border-radius:0 0 16px 16px}

.qa{background:#fffdf7;border-radius:16px;box-shadow:inset 0 0 0 2px #e6dcc6}
.qa+.qa{margin-top:10px}
.qa-sum{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 18px;font-weight:800}
.qa-sum::-webkit-details-marker{display:none}
.qa-sum::after{content:"";flex:none;width:12px;height:12px;border-right:3px solid #1f5d3f;border-bottom:3px solid #1f5d3f;transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
.qa[open] .qa-sum::after{transform:rotate(225deg)}
.qa-body{padding:0 18px 16px}

.num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1f5d3f;color:#fffaf0;font-weight:800}

.floatbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 20px;border-radius:999px;background:#2a2418;color:#fffaf0;box-shadow:0 12px 30px -10px rgba(42,36,24,.55)}
.floatbar-text{font-size:15px;font-weight:700;line-height:1.25}
.floatbar-text span{display:block;font-weight:600;font-size:13px;color:#e8dcc1}

.foot{background:#1f5d3f;color:#fffaf0;border-radius:32px 32px 0 0}
.foot a{color:#fffaf0}
.foot .navlink:hover{background:#174a32;color:#fffaf0}
.wordmark-light,.wordmark-light:hover{color:#fffaf0}.wordmark-light .wordmark-dot{background:#fffaf0}
.foot-note{color:#e0e9dc}

.ticker{overflow:hidden;background:#2a2418;color:#fffaf0;font-size:14px;font-weight:700}
.ticker-track{display:flex;width:max-content;animation:tick 40s linear infinite}
.ticker-track span{padding:10px 0;white-space:nowrap}
.ticker-track span::after{content:"•";margin:0 18px;color:#d9a441}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.top-bar{position:sticky;top:0;z-index:40;background:rgba(247,241,227,.94);border-bottom:1px solid #e6dcc6}
.live{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fffdf7;box-shadow:inset 0 0 0 2px #e6dcc6;font-size:14px;font-weight:700}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:#1f5d3f;box-shadow:0 0 0 4px #e3ecdc}
.eyebrow{font-size:14px;font-weight:800;letter-spacing:.04em;color:#1f5d3f}
.plan{display:flex;flex-direction:column;gap:14px;background:#fffdf7;border-radius:24px;padding:22px;box-shadow:inset 0 0 0 2px #e6dcc6}
.plan-hot{background:#1f5d3f;color:#fffaf0;box-shadow:none}
.plan-hot .text-muted{color:#e0e9dc}
.plan-hot .tag{background:#fffaf0;color:#1f5d3f}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:16px}
.ticks li{display:flex;gap:10px}
.ticks li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:#e3ecdc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%231f5d3f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.plan-hot .ticks li::before{background-color:#fffaf0}
.push{margin-top:auto}
.paylist{display:flex;flex-wrap:wrap;gap:8px}
.paylist span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#efe4cc;font-size:14px;font-weight:700}
.step-no{font-size:14px;font-weight:800;color:#1f5d3f;letter-spacing:.06em}
.dotline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 18px;background:#fffdf7;border-radius:16px;font-weight:700}
.dotline small{font-size:14px;font-weight:600;color:#5e5443}
.big-num{font-size:34px;font-weight:800;line-height:1;letter-spacing:-.03em;color:#1f5d3f}

@media (min-width:900px){
  body{padding-bottom:0}
  .md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hide-md{display:none}
  .md-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md-cols-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .md-t-3xl{font-size:46px}
  .md-p-10{padding:40px}
}
@media (max-width:899px){.show-md{display:none}}

/* правки под 360 px */
.btn-pill{text-align:center}
.t-price{white-space:nowrap}
.tag{white-space:nowrap}
@media (max-width:899px){
  .t-price{font-size:clamp(28px,8.4vw,40px)}
  .tbl{font-size:15px}
  .tbl th,.tbl td{padding:10px 8px;overflow-wrap:break-word}
}