html { scroll-behavior: smooth; scroll-padding-top: 112px; }
  body { margin: 0; background: #f4f3ef; color: #151714; font-family: 'Golos Text', Arial, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  * { box-sizing: border-box; }
  a { color: inherit; text-decoration: none; }
  a:hover { color: #3f4a16; }
  button { font: inherit; color: inherit; border: 0; background: none; cursor: pointer; }
  input, select, textarea { font: inherit; }
  ::selection { background: #d5fa36; color: #151714; }
  summary::-webkit-details-marker { display: none; }
  @keyframes rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
  @keyframes riseR2 { from { opacity: 0; transform: translateY(24px) rotate(2deg); } to { opacity: 1; transform: rotate(2deg); } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes wipe { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes marquee { to { transform: translateX(-50%); } }
  @keyframes spin { to { transform: rotate(360deg); } }
  @keyframes pulse { 50% { opacity: .3; } }
  @keyframes popIn { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
  @keyframes dotIn { to { background: #d5fa36; border-color: #99ac43; box-shadow: 0 0 0 6px #d5fa362a; } }
  @keyframes liftIn { from { opacity: 0; transform: translateY(40px) rotate(-7deg); } to { opacity: 1; transform: translateY(0) rotate(-7deg); } }
  @keyframes liftInB { from { opacity: 0; transform: translateY(40px) rotate(4deg); } to { opacity: 1; transform: translateY(0) rotate(4deg); } }

/* состояния наведения и фокуса */
.hv1:hover{border-bottom-color: #9fb920;}
.hv2:hover{background: #33382a; box-shadow: 0 5px 0 #00000015; color: #f4f3ef;}
.hv3:hover{background: #33382a; box-shadow: 0 5px 0 #00000015;}
.hv4:hover{background: #e9e9e1; color: #151714;}
.hv5:hover{border-color: #91997b; box-shadow: 0 12px 24px #4b513411;}
.hv6:hover{background: #e9e9e1;}
.hv7:hover{background: #dcdccf;}
.fc8:focus-visible{outline: 2px solid #9bb824; outline-offset: 3px;}
.hv9:hover{background: #e0ff65; box-shadow: 0 5px 0 #00000015;}
.hv10:hover{transform: translateY(-2px);}
.hv11:hover{background: #d5fa36;}
.fc12:focus-visible{outline: 2px solid #9bb824; outline-offset: 2px;}
.hv13:hover{background: #33382a;}

/* заголовок первого экрана: текст 1.3, картинка 1 — как в исходном макете */
.hero-grid{grid-template-columns: 1.3fr 1fr;}
@media (max-width: 900px){.hero-grid{grid-template-columns: 1fr;}}

/* блок AI-консультанта: текст 1.1, карточка 1 — как в исходном макете (была равная 1:1) */
.ai-layout{grid-template-columns: 1.1fr 1fr;}
@media (max-width: 900px){.ai-layout{grid-template-columns: 1fr;}}

/* подсветка "приносят заявки" маркером */
.hl-mark{background: none; color: inherit; position: relative; z-index: 0; white-space: nowrap;}
.hl-mark::before{content: ''; position: absolute; background: #d5fa36; left: -7px; right: -8px; bottom: 3px; height: 85%; z-index: -1; transform: rotate(-1deg);}