/* ХимПро — стили лендинга */
:root { --accent: #1599A6; --accent-grad: linear-gradient(135deg, #22B3BF 0%, #1599A6 50%, #0F8391 100%); --accent-hover: linear-gradient(135deg, #27BCC8 0%, #18A3B0 50%, #118C9A 100%); --ink: #0F1512; --bg: #F4F5F0; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); }
img { max-width: 100%; }
a { color: #0F1512; } a:hover { color: #3B4A41; }
input::placeholder { color: #7A837D; }
[hidden] { display: none !important; }

/* Квиз */
.q-back { min-height: 44px; padding: 0 16px; border: none; background: transparent; font: inherit; color: #0F1512; font-weight: 600; cursor: pointer; }
.q-progress { height: 100%; border-radius: 999px; background: var(--accent); transition: width .3s; width: 20%; }
.q-opt { display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 14px 20px; border-radius: 18px; text-align: left; font: inherit; font-weight: 600; font-size: 17px; color: #0F1512; cursor: pointer; background: #F4F5F0; border: 1.5px solid #DADDD5; transition: background .15s, border-color .15s; }
.q-opt .dot { flex: none; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #9AA39D; background: #fff; }
.q-opt.is-selected { background: var(--accent); border-color: #0F1512; }
.q-opt.is-selected .dot { border: 6px solid #0F1512; }
.q-next { margin-top: 24px; width: 100%; min-height: 60px; border: none; border-radius: 999px; font: inherit; font-weight: 700; font-size: 17px; background: var(--accent); color: #0F1512; cursor: pointer; }
.q-next:disabled { opacity: .45; cursor: not-allowed; }
.q-input { min-height: 56px; padding: 0 18px; border-radius: 16px; border: 1.5px solid #DADDD5; background: #F4F5F0; font: inherit; font-weight: 500; color: #0F1512; }

/* Утилитарные классы, перенесены из макета */
.u1 { width: 100%; background: #F4F5F0; color: #0F1512; font-family: 'Manrope', system-ui, sans-serif; font-size: 17px; line-height: 1.5; }
.u2 { background: #0F1512; color: #F4F5F0; }
.u3 { max-width: 1240px; margin: 0 auto; padding: 20px 24px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.u4 { display: flex; align-items: center; gap: 12px; }
.u5 { width: 40px; height: 40px; border-radius: 12px; background: var(--accent); display: flex; align-items: center; justify-content: center; }
.u6 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.02em; }
.u7 { display: flex; flex-wrap: wrap; gap: 24px; font-size: 15px; }
.u8 { color: #C9D0CB; text-decoration: none; }
.u9 { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px; border: 1.5px solid var(--accent); color: var(--accent); text-decoration: none; font-weight: 600; font-size: 15px; }
.u10 { background: #0F1512; color: #F4F5F0; overflow: hidden; }
.u11 { width: 100%; box-sizing: border-box; padding: 56px clamp(24px, 5vw, 96px) 0; display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 80px); align-items: flex-end; }
.u12 { flex: 1 1 520px; min-width: 0; align-self: center; padding-bottom: 56px; }
.u13 { margin: 0 0 20px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: clamp(32px, 4.2vw, 56px); line-height: 1.08; letter-spacing: -0.02em; }
.u14 { color: var(--accent); }
.u15 { list-style: none; margin: 0 0 36px; padding: 0; display: flex; flex-direction: column; gap: 12px; font-size: 18px; color: #E9EDE6; }
.u16 { display: flex; gap: 12px; align-items: center; }
.u17 { flex: none; }
.u18 { display: flex; flex-wrap: wrap; gap: 16px; }
.u19 { display: inline-flex; align-items: center; gap: 10px; min-height: 60px; padding: 0 32px; border-radius: 999px; background: var(--accent); color: #0F1512; text-decoration: none; font-weight: 700; font-size: 17px; }
.u20 { flex: 0 1 420px; min-width: 0; max-width: 420px; position: relative; margin-left: auto; }
.u21 { position: relative; aspect-ratio: 4 / 5; border-radius: 32px 32px 0 0; background: #1C2620; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; }
.u22 { position: absolute; inset: 0; background-image: repeating-linear-gradient(135deg, #222D27 0px, #222D27 2px, transparent 2px, transparent 18px); }
.u23 { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 78%; height: 86%; border-radius: 200px 200px 0 0; background: #2A352F; }
.u24 { position: relative; margin-bottom: 40%; padding: 10px 16px; border-radius: 10px; background: #0F1512; color: #C9D0CB; font-size: 13px; text-align: center; max-width: 70%; }
.u25 { padding: 64px 0 0; }
.u26 { max-width: 1240px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.u27 { padding: 32px; border-radius: 28px; background: #FFFFFF; }
.u28 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3vw, 42px); line-height: 1; white-space: nowrap; }
.u29 { font-size: 16px; color: #4A524D; margin-top: 12px; }
.u30 { padding: 32px; border-radius: 28px; background: var(--accent); color: #0F1512; }
.u31 { font-size: 16px; color: #0F1512; margin-top: 12px; }
.u32 { padding: 112px 0 96px; }
.u33 { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.u34 { margin: 0 0 56px; max-width: 880px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -0.015em; }
.u35 { background: var(--accent); padding: 0 10px; border-radius: 10px; }
.u36 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 20px; }
.u37 { width: 52px; height: 52px; border-radius: 16px; background: #0F1512; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.u38 { margin: 0 0 8px; font-size: 21px; font-weight: 700; }
.u39 { margin: 0; color: #4A524D; }
.u40 { display: flex; flex-wrap: wrap; gap: 20px; }
.u41 { flex: 1 1 320px; min-width: 0; padding: 40px; border-radius: 28px; background: var(--accent); color: #0F1512; }
.u42 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 20px; font-weight: 600; }
.u43 { display: flex; flex-direction: column; gap: 14px; }
.u44 { display: flex; align-items: center; gap: 14px; font-size: 19px; font-weight: 700; }
.u45 { font-family: 'Montserrat', sans-serif; font-size: 14px; width: 32px; height: 32px; border-radius: 50%; background: #0F1512; color: var(--accent); display: inline-flex; align-items: center; justify-content: center; }
.u46 { padding: 0 0 104px; }
.u47 { margin: 0 0 56px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -0.015em; }
.u48 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.u49 { aspect-ratio: 3 / 4; border-radius: 24px; background: #E4E8E0; display: flex; align-items: center; justify-content: center; color: #4A524D; font-size: 13px; }
.u50 { padding: 104px 0; background: #0F1512; color: #F4F5F0; }
.u51 { margin: 0 0 56px; max-width: 900px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -0.015em; }
.u52 { flex: 1 1 340px; min-width: 0; padding: 36px; border-radius: 28px; background: #1C2620; display: flex; flex-direction: column; gap: 24px; }
.u53 { font-size: 18px; font-weight: 700; }
.u54 { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid #2A352F; }
.u55 { color: #C9D0CB; }
.u56 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px; white-space: nowrap; }
.u57 { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
.u58 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 32px; white-space: nowrap; color: var(--accent); }
.u59 { flex: 999 1 560px; min-width: 0; padding: 8px 0; display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.u60 { margin: 0; font-size: clamp(18px, 1.8vw, 22px); color: #C9D0CB; }
.u61 { color: #F4F5F0; white-space: nowrap; }
.u62 { color: var(--accent); white-space: nowrap; }
.u63 { margin: 6px 0 0; font-size: 14px; color: #A7B0AA; }
.u64 { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.u65 { font-size: clamp(20px, 2vw, 26px); font-weight: 700; max-width: 640px; }
.u66 { padding: 96px 0; background: #FFFFFF; }
.u67 { position: relative; aspect-ratio: 9 / 16; border-radius: 28px; background: #1C2620; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.u68 { width: 72px; height: 72px; border-radius: 50%; border: none; background: var(--accent); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.u69 { margin: 0 0 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -0.015em; }
.u70 { margin: 0 0 56px; font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; color: #0F1512; max-width: 820px; }
.u71 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.u72 { border-radius: 28px; background: #FFFFFF; overflow: hidden; }
.u73 { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.u74 { padding: 28px 32px 32px; }
.u75 { margin: 0 0 8px; font-size: 24px; font-weight: 700; line-height: 1.2; }
.u76 { color: var(--accent); display: block; }
.u77 { list-style: none; margin: 0 0 56px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.u78 { padding: 28px; border-radius: 24px; background: var(--accent); color: #0F1512; }
.u79 { font-size: 22px; font-weight: 700; line-height: 1.25; }
.u80 { font-size: 15px; margin-top: 6px; }
.u81 { padding: 28px; border-radius: 24px; background: #1C2620; }
.u82 { font-size: 15px; color: #A7B0AA; margin-top: 6px; }
.u83 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.u84 { padding: 36px 24px 36px 0; min-width: 0; }
.u85 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3vw, 44px); line-height: 1; white-space: nowrap; }
.u86 { color: #A7B0AA; margin-top: 12px; }
.u87 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(30px, 3vw, 44px); line-height: 1; white-space: nowrap; color: var(--accent); }
.u88 { padding: 104px 0; }
.u89 { margin: 0 auto 48px; max-width: 860px; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.12; letter-spacing: -0.015em; }
.u90 { display: block; }
.u91 { padding: 40px; border-radius: 32px; background: #FFFFFF; box-shadow: 0 30px 60px rgba(15,21,18,0.08); display: flex; flex-wrap: wrap; gap: 40px; align-items: stretch; }
.u92 { flex: 999 1 420px; min-width: 0; }
.u93 { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; font-size: 15px; color: #4A524D; }
.u94 { height: 8px; border-radius: 999px; background: #ECEEE8; margin-bottom: 32px; overflow: hidden; }
.u95 { margin: 0 0 24px; font-size: 26px; font-weight: 700; line-height: 1.25; }
.u96 { display: flex; flex-direction: column; gap: 12px; }
.u97 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; font-size: 15px; color: #4A524D; }
.u98 { height: 8px; border-radius: 999px; background: var(--accent); margin-bottom: 32px; }
.u99 { display: flex; flex-direction: column; gap: 16px; }
.u100 { display: flex; flex-direction: column; gap: 8px; font-size: 15px; font-weight: 600; }
.u101 { min-height: 60px; margin-top: 8px; border: none; border-radius: 999px; background: #0F1512; color: #F4F5F0; font: inherit; font-weight: 700; font-size: 17px; cursor: pointer; }
.u102 { margin: 0; font-size: 13px; color: #4A524D; }
.u103 { padding: 24px 0; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.u104 { width: 64px; height: 64px; border-radius: 20px; background: var(--accent); display: flex; align-items: center; justify-content: center; }
.u105 { margin: 0; font-size: 28px; font-weight: 700; }
.u106 { min-height: 48px; padding: 0 22px; border-radius: 999px; border: 1.5px solid #0F1512; background: transparent; font: inherit; font-weight: 600; color: #0F1512; cursor: pointer; }
.u107 { flex: 1 1 340px; min-width: 0; min-height: 420px; border-radius: 24px; background: #E4E8E0; display: flex; align-items: center; justify-content: center; color: #4A524D; font-size: 14px; text-align: center; padding: 24px; }
.u108 { background: #0F1512; color: #C9D0CB; }
.u109 { max-width: 1240px; margin: 0 auto; padding: 64px 24px 40px; }
.u110 { display: flex; flex-wrap: wrap; gap: 48px; justify-content: space-between; padding-bottom: 48px; border-bottom: 1px solid #2A352F; }
.u111 { flex: 1 1 300px; min-width: 0; }
.u112 { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.u113 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; color: #F4F5F0; }
.u114 { margin: 0; font-size: 15px; }
.u115 { flex: 1 1 240px; min-width: 0; }
.u116 { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.u117 { color: #F4F5F0; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 18px; }
.u118 { display: flex; gap: 10px; margin-top: 18px; }
.u119 { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #2AABEE; color: #FFFFFF; text-decoration: none; font-size: 14px; font-weight: 600; }
.u120 { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: linear-gradient(135deg, #2D8CFF, #7B3CFF); color: #FFFFFF; text-decoration: none; font-size: 14px; font-weight: 600; }
.u121 { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; padding-top: 28px; font-size: 13px; color: #A7B0AA; }
.u122 { color: #A7B0AA; }

/* Блок «Рынок» */
.m-lead { margin: -32px 0 48px; max-width: 760px; font-size: clamp(18px, 1.8vw, 21px); color: #4A524D; }
.m-note { margin: 22px 0 0; font-size: 15px; color: #2A352F; }
.m-next { flex: 1 1 320px; min-width: 0; padding: 40px; border-radius: 28px; background: #0F1512; color: #F4F5F0; }
.m-next .u42 { color: var(--accent); }
.m-num { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--accent); color: #0F1512; display: inline-flex; align-items: center; justify-content: center; }
.m-note--dark { color: #A7B0AA; }
#market .u36 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }

/* Товары в блоке «Рынок» */
.p-head { margin: 72px 0 32px; }
.p-eyebrow { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; color: #4A524D; margin-bottom: 12px; }
.p-title { margin: 0; max-width: 820px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(26px, 3vw, 40px); line-height: 1.15; letter-spacing: -0.015em; }
.p-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.p-card { margin: 0; }
.p-img { aspect-ratio: 1 / 1; border-radius: 24px; background: #E4E8E0; display: flex; align-items: center; justify-content: center; color: #4A524D; font-size: 13px; text-align: center; padding: 16px; }
.p-cap { margin-top: 14px; font-size: 19px; font-weight: 700; }
@media (max-width: 520px) { .p-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .p-cap { font-size: 16px; } }
.p-card { border-radius: 24px; overflow: hidden; background: #FFFFFF; }
.p-img { border-radius: 24px 24px 0 0; }
.p-cap { margin: 0; padding: 18px 22px 22px; background: #FFFFFF; border-radius: 0 0 24px 24px; }
@media (max-width: 520px) { .p-cap { padding: 14px 14px 16px; } }
.s-lead { margin: -32px 0 48px; max-width: 760px; font-size: clamp(20px, 2vw, 26px); font-weight: 600; color: #F4F5F0; }
#money .u80, #money .u82 { font-size: 18px; line-height: 1.45; margin-top: 10px; }
#money .u82 { color: #C9D0CB; }
#income .u52 { flex: 1 1 460px; }
#income .u57 .u55 { white-space: nowrap; }
@media (max-width: 520px) { #income .u52 { padding: 26px 22px; } #income .u58 { font-size: 24px; } #income .u56 { font-size: 20px; } #income .u55 { font-size: 15px; } }
.c-lead { margin: -32px 0 48px; max-width: 820px; font-size: clamp(19px, 1.9vw, 23px); line-height: 1.45; color: #2A352F; }
.c-lead strong { color: #0F1512; font-weight: 800; }

/* Компактный подвал */
.f-wrap { max-width: 1240px; margin: 0 auto; padding: 28px 24px 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 40px; }
.f-brand { display: flex; align-items: center; gap: 12px; }
.f-brand .u113 { font-size: 18px; }
.f-sub { font-size: 13px; color: #A7B0AA; }
.f-contacts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 24px; font-size: 15px; }
.f-contacts .u117 { font-size: 17px; }
.f-social { display: flex; gap: 10px; margin-left: auto; }
.f-social a { min-height: 40px; }
.f-legal { flex-basis: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 14px; border-top: 1px solid #2A352F; font-size: 12px; color: #7F8A83; }
.f-legal .u122 { color: #7F8A83; }
@media (max-width: 720px) { .f-social { margin-left: 0; } }
.p-lead { margin: 14px 0 0; max-width: 760px; font-size: clamp(18px, 1.8vw, 21px); color: #4A524D; }
.ph-img { background: #E4E8E0; display: flex; align-items: center; justify-content: center; color: #4A524D; font-size: 13px; }
.q-lead { margin: 0 auto 48px; max-width: 760px; text-align: center; font-size: clamp(19px, 2vw, 24px); font-weight: 600; color: #2A352F; }
#offer .u70 { font-weight: 400; font-size: clamp(19px, 1.9vw, 23px); line-height: 1.45; color: #2A352F; }

/* Подвал v2 */
.f-wrap { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px 40px; padding: 32px 24px; }
.f-left { display: flex; flex-direction: column; gap: 6px; }
.f-brand { margin-bottom: 8px; }
.f-ip { font-size: 15px; color: #C9D0CB; }
.f-req { font-size: 12px; color: #7F8A83; }
.f-center { text-align: center; font-size: 13px; }
.f-center .u122 { color: #A7B0AA; }
.f-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; font-size: 15px; text-align: right; }
.f-right .u117 { font-size: 18px; }
.f-social { margin: 8px 0 0; gap: 10px; }
.f-btn { justify-content: center; gap: 8px; width: 140px; padding: 0; min-height: 44px; }
.f-btn svg { flex: none; }
@media (max-width: 860px) {
  .f-wrap { grid-template-columns: 1fr; }
  .f-center { order: 3; text-align: left; }
  .f-right { align-items: flex-start; text-align: left; }
}
.f-center { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.f-center .u122 { margin-top: 6px; }
.f-brand { margin-bottom: 0; }
@media (max-width: 860px) { .f-center { align-items: flex-start; } }
.f-line { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: 4px 18px; } @media (max-width: 860px) { .f-line { justify-content: flex-start; } }

/* Финальный экран с фоном производства */
.cta-final { position: relative; overflow: hidden; background: #0F1512; color: #F4F5F0; min-height: 560px; display: flex; align-items: center; }
.cta-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.cta-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,21,18,.92) 0%, rgba(15,21,18,.55) 45%, rgba(15,21,18,.85) 100%); }
.cta-inner { position: relative; max-width: 1240px; margin: 0 auto; padding: 96px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.cta-title { margin: 0 0 20px; max-width: 1000px; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: clamp(36px, 6vw, 80px); line-height: 1.04; letter-spacing: -0.025em; }
.cta-sub { margin: 0 0 36px; font-size: clamp(18px, 2vw, 24px); color: #E9EDE6; max-width: 640px; }
.u108 { border-top: 1px solid #2A352F; }
.cta-title { font-size: clamp(30px, 4.4vw, 60px); line-height: 1.1; }
.cta-final + #money { border-top: 1px solid #2A352F; }
/* Светлая узкая версия блока */
.cta-final { background: #EEF0EA; color: #0F1512; min-height: 0; }
.cta-shade { background: linear-gradient(180deg, rgba(244,245,240,.93) 0%, rgba(244,245,240,.78) 50%, rgba(244,245,240,.93) 100%); }
.cta-inner { padding: 56px 24px; }
.cta-title { font-size: clamp(26px, 3.2vw, 42px); line-height: 1.18; max-width: 920px; margin-bottom: 28px; }
.cta-final + #money { border-top: 0; }
.cta-title .u35 { -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 8px; }
.cta-title { margin-bottom: 0; }
.cta-title { font-family: 'Manrope', system-ui, sans-serif; font-weight: 600; letter-spacing: -0.01em; }
.cta-inner { padding: 64px 24px 64px; }
.cta-inner { padding: 120px 24px; }
.cta-shade { background: radial-gradient(ellipse 60% 55% at 50% 50%, rgba(244,245,240,.9) 0%, rgba(244,245,240,.72) 55%, rgba(244,245,240,.25) 100%); }
.cta-bg { object-position: center 62%; }
.u11 { max-width: 1240px; margin: 0 auto; padding: 56px 24px 0; gap: 48px; }

/* Фото */
.u21 { display: block; }
.hero-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.p-img { padding: 0; overflow: hidden; }
.p-img img { width: 100%; height: 100%; object-fit: contain; padding: 18px; display: block; }
#factory .u48 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
#factory .u49 { aspect-ratio: 4 / 3; overflow: hidden; padding: 0; }
#factory .u49 img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 900px) { #factory .u48 { grid-template-columns: 1fr 1fr; } }
.u107 { padding: 0; overflow: hidden; } .u107 img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }
.pv-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.u67::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,21,18,0) 55%, rgba(15,21,18,.45) 100%); pointer-events: none; }
.u68 { position: relative; z-index: 1; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.u67 { align-items: flex-end; padding-bottom: 28px; }
@media (min-width: 900px) { #factory .u48 { grid-template-columns: repeat(4, 1fr); } } #factory .u49 { aspect-ratio: 3 / 4; }
.u67 { align-items: center; padding-bottom: 0; }
.offer-sum { margin: 56px auto 0; max-width: 920px; text-align: center; font-size: clamp(22px, 2.6vw, 34px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: #0F1512; }
.offer-sum .u35 { -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 8px; }
/* Квиз без плашки, по центру */
.u91 { background: transparent; box-shadow: none; padding: 0; display: block; }
.u92 { max-width: 680px; margin: 0 auto; }
#quiz .q-opt, #quiz .q-input { background: #FFFFFF; }
#quiz .u94 { background: #DADDD5; }
/* Бонусы под квизом, кнопка «Далее» поменьше */
.q-next { width: auto; min-height: 50px; padding: 0 36px; font-size: 16px; display: block; margin-left: auto; margin-right: auto; }
.q-bonus { max-width: 680px; margin: 40px auto 0; text-align: center; }
.q-bonus-title { font-size: 15px; font-weight: 600; color: #4A524D; margin-bottom: 14px; }
.q-bonus-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.q-bonus-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 999px; background: #0F1512; color: #F4F5F0; font-weight: 700; font-size: 16px; }
.q-bonus-btn svg { color: var(--accent); }
#money { padding-top: 96px; padding-bottom: 104px; }
#cases + #factory { padding-top: 104px; }

/* Светлый первый экран с фоном цеха */
.u10 { position: relative; background: #F4F5F0 url("../images/hero-bg.webp") center / cover no-repeat; color: #0F1512; }
.u10::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(248,249,246,.94) 0%, rgba(248,249,246,.86) 50%, rgba(248,249,246,.7) 100%); }
.u10 .u11 { position: relative; }
.u10 .u13 { color: #0F1512; }
.u10 .u14 { color: #0F1512; background: var(--accent); padding: 0 10px; border-radius: 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.u10 .u15 { color: #2A352F; }
.u10 .u17 { stroke: #0F1512; background: var(--accent); border-radius: 50%; padding: 3px; width: 24px; height: 24px; }
/* Люди на первом экране без рамки */
.u10 .u20 { flex: 0 1 560px; max-width: 560px; align-self: flex-end; }
.u10 .u21 { aspect-ratio: auto; background: transparent; border-radius: 0; overflow: visible; }
.hero-people { width: 100%; height: auto; object-fit: contain; display: block; }
@media (max-width: 900px) { .u10 .u20 { margin: 0 auto; max-width: 460px; } .u10 .u12 { padding-bottom: 24px; } }

/* Акцент #1599A6: кнопки и выделения с мягким градиентом, текст на них белый */
.u19, .q-next, .u5, .u68, .u104, .m-num, .u30, .u41, .u78, .q-opt.is-selected, .u35, .u10 .u14, .u10 .u17, .q-progress, .u98 { background: var(--accent-grad); }
.u19, .q-next { color: #FFFFFF; box-shadow: 0 8px 20px rgba(21,153,166,.28); transition: background .2s, box-shadow .2s, transform .2s; }
.u19:hover, .q-next:not(:disabled):hover { background: var(--accent-hover); box-shadow: 0 10px 26px rgba(21,153,166,.38); transform: translateY(-1px); color: #FFFFFF; }
.q-next:disabled { box-shadow: none; }
.u30, .u30 .u31, .u78, .u78 .u79, .u78 .u80, .u41 { color: #FFFFFF; }
.u35, .u10 .u14 { color: #FFFFFF; }
.q-opt.is-selected { color: #FFFFFF; border-color: #0F8391; }
.q-opt.is-selected .dot { border-color: #FFFFFF; background: #0F8391; }
.u5 svg, .u104 svg { stroke: #FFFFFF; }
.u68 svg { fill: #FFFFFF; }
.u10 .u17 { stroke: #FFFFFF; }
.m-num { color: #FFFFFF; }
.u9 { border-color: #1599A6; color: #5FD0DA; }
.u9:hover { background: var(--accent-grad); color: #FFFFFF; }
.u45 { color: #5FD0DA; }
.u14, .u76, .u58, .u62, .u87 { color: #3CC3CF; }
.u10 .u14 { color: #FFFFFF; }
#quiz .q-opt.is-selected { background: var(--accent-grad); color: #FFFFFF; }
/* Play: матовое стекло */
.u68 { background: rgba(255,255,255,.22); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(10px) saturate(140%); border: 2px solid #1599A6; box-shadow: 0 8px 24px rgba(0,0,0,.18); transition: transform .2s ease, background .2s ease; }
.u68 svg { fill: #1599A6; margin-left: 3px; }
.u68:hover { transform: scale(1.1); background: rgba(255,255,255,.32); }
.u68 svg { width: 65px; height: 65px; margin-left: 6px; }
/* Play v3: градиентная обводка и треугольник, ровно по центру */
.u68 { width: 84px; height: 84px; border: 4px solid transparent; padding: 0;
  background: linear-gradient(rgba(255,255,255,.24), rgba(255,255,255,.24)) padding-box, linear-gradient(135deg, #2CC3CE 0%, #1599A6 55%, #0C7685 100%) border-box; }
.u68:hover { background: linear-gradient(rgba(255,255,255,.34), rgba(255,255,255,.34)) padding-box, linear-gradient(135deg, #2CC3CE 0%, #1599A6 55%, #0C7685 100%) border-box; }
.u68 svg { width: 66px; height: 66px; margin: 0; fill: initial; }
.u68, .u68:hover { border: 0; position: relative; }
.u68 { background: rgba(255,255,255,.24); }
.u68:hover { background: rgba(255,255,255,.36); }
.u68::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 4px; background: linear-gradient(135deg, #2CC3CE 0%, #1599A6 55%, #0C7685 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
/* Галерея производства: мозаика в 2 ряда */
.bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 210px); gap: 16px; }
.b-tile { border-radius: 24px; overflow: hidden; background: #E4E8E0; }
.b-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.b-tile:hover img { transform: scale(1.04); }
.t-wide { grid-column: span 2; }
.t-tall { grid-row: span 2; }
.t-tall img { object-position: center top; }
@media (max-width: 760px) { .bento { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 140px); gap: 10px; } .b-tile { border-radius: 18px; } }
.q-next { width: 100%; min-height: 64px; font-size: 18px; padding: 0 32px; }
/* Фон квиза */
#quiz { position: relative; background: #F4F5F0 url("../images/quiz-bg.webp") center / cover no-repeat; }
#quiz::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 45% 60% at 50% 50%, rgba(246,248,247,.96) 0%, rgba(246,248,247,.9) 60%, rgba(246,248,247,.72) 100%); }
#quiz > .u33 { position: relative; }
@media (max-width: 760px) { #quiz::before { background: rgba(246,248,247,.9); } }
.b-tile img[src*="real-mixers"] { object-position: center 30%; }
#quiz::before { background: radial-gradient(ellipse 50% 65% at 50% 50%, rgba(247,249,248,.98) 0%, rgba(247,249,248,.95) 60%, rgba(247,249,248,.86) 100%); }
@media (max-width: 760px) { #quiz::before { background: rgba(247,249,248,.95); } }
.b-tile img[src*="real-mixers"] { object-position: center 40%; }
.b-tile img[src*="real-room"] { object-position: center 60%; }
.b-tile img[src*="real-man"] { object-position: 72% 40%; }
.b-tile img[src*="real-warehouse"] { object-position: center 35%; }
.b-tile img[src*="real-filler"] { object-position: 55% 55%; }
.b-tile img[src*="real-operator"] { object-position: center 40%; }
/* Мессенджеры в подвале: только обводка */
.f-btn.u119 { background: transparent; border: 1.5px solid #2AABEE; color: #2AABEE; }
.f-btn.u120 { background: transparent; border: 1.5px solid #7B6CFF; color: #9A8CFF; }
.f-btn.u119:hover { background: rgba(42,171,238,.12); color: #2AABEE; }
.f-btn.u120:hover { background: rgba(123,108,255,.14); color: #9A8CFF; }
/* Круглые иконки мессенджеров */
.f-ico { width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: transform .2s ease, background .2s ease; }
.f-ico svg { width: 20px; height: 20px; }
.f-tg { border: 1.5px solid #2AABEE; color: #2AABEE; }
.f-max { border: 1.5px solid #7B6CFF; color: #9A8CFF; }
.f-ico:hover { transform: scale(1.08); }
.f-tg:hover { background: rgba(42,171,238,.12); color: #2AABEE; }
.f-max:hover { background: rgba(123,108,255,.14); color: #9A8CFF; }
.f-social { justify-content: flex-end; }
@media (max-width: 860px) { .f-social { justify-content: flex-start; } }
/* Блок дохода: фото слева, карточка справа */
#income .u40 { align-items: stretch; }
.inc-photo { flex: 999 1 560px; min-width: 0; border-radius: 28px; overflow: hidden; min-height: 320px; }
.inc-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 45% center; display: block; }
#income .u52 { flex: 1 1 420px; justify-content: center; }
.inc-note { margin-top: 4px; }
#income .inc-photo { order: 2; } #income .u52 { order: 1; }
/* Расчёт от обратного */
.inc-lead { margin: -36px 0 44px; font-size: clamp(18px, 1.8vw, 21px); color: #C9D0CB; }
.inc-card { gap: 0; padding: 30px 32px; }
.inc-row { display: flex; align-items: center; gap: 20px; padding: 16px 0; border-bottom: 1px solid #2A352F; }
.inc-row:first-child { padding-top: 0; }
.inc-num { flex: none; min-width: 124px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(28px, 2.6vw, 36px); line-height: 1; color: #F4F5F0; white-space: nowrap; }
.inc-row--base .inc-num { font-size: clamp(22px, 2vw, 28px); color: #C9D0CB; }
.inc-accent { color: #3CC3CF; font-size: clamp(40px, 4vw, 56px); }
.inc-txt { font-size: 16px; font-weight: 600; color: #F4F5F0; line-height: 1.35; }
.inc-txt span { display: block; margin-top: 4px; font-size: 13px; font-weight: 500; color: #8E9A92; }
.inc-card .inc-note { margin: 16px 0 0; font-size: 13px; color: #8E9A92; }
@media (max-width: 520px) { .inc-card { padding: 24px 20px; } .inc-num { min-width: 92px; } .inc-row { gap: 14px; } }
.inc-card { gap: 18px; }
.inc-card .u54 { padding-bottom: 14px; }
.inc-sub { margin-top: 10px; padding-top: 18px; border-top: 1px solid #2A352F; font-size: 15px; font-weight: 700; color: #3CC3CF; }
.inc-card .inc-row { padding: 10px 0; }
.inc-card .inc-row:last-of-type { border-bottom: 0; }
/* Блок дохода: простой текст */
.inc-plain { flex: 1 1 440px; min-width: 0; font-size: 18px; line-height: 1.55; color: #E9EDE6; display: flex; flex-direction: column; justify-content: center; }
.inc-plain p { margin: 0 0 16px; }
.inc-plain b { font-weight: 700; color: #F4F5F0; }
.inc-plain ul { margin: -6px 0 16px; padding-left: 22px; }
.inc-plain li { margin: 4px 0; }
.inc-plain .inc-plain-note { margin: 0; font-size: 18px; color: #A7B0AA; }
#income .inc-plain { order: 1; } #income .inc-photo { order: 2; }
#income .u65 { font-size: 18px; font-weight: 600; }
/* Финмодель: аккуратная таблица */
.fm { margin: 4px 0 20px; padding: 22px 24px; border-radius: 20px; background: #1A2420; border: 1px solid #26332D; }
.fm-title { font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #8E9A92; margin-bottom: 8px; }
.fm-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 12px 0; border-bottom: 1px solid #26332D; font-size: 18px; }
.fm-row span { color: #E9EDE6; }
.fm-row small { display: block; font-size: 13px; color: #8E9A92; margin-top: 2px; }
.fm-row b { font-weight: 700; color: #F4F5F0; white-space: nowrap; }
.fm-total { border-bottom: 0; padding-bottom: 0; }
.fm-total span { font-weight: 700; color: #F4F5F0; }
.fm-total b { color: #3CC3CF; }
.fm-cta-text { color: #C9D0CB; }
.fm-btn { width: 100%; justify-content: center; min-height: 64px; font-size: 18px; margin-top: 4px; }
.inc-plain { justify-content: flex-start; }
#income .inc-photo { align-self: stretch; }
#income .inc-photo { align-self: center; aspect-ratio: 16 / 10; min-height: 0; height: auto; } #income .inc-photo img { object-position: center; }
.inc-plain .inc-big { font-size: clamp(24px, 2.4vw, 30px); font-weight: 700; line-height: 1.25; color: #F4F5F0; margin-bottom: 10px; }
.inc-head { margin: -32px 0 44px; max-width: 900px; }
.inc-head .inc-big { margin: 0 0 10px; font-size: clamp(24px, 2.4vw, 30px); font-weight: 700; line-height: 1.25; color: #F4F5F0; }
.inc-head p { margin: 0; font-size: clamp(18px, 1.8vw, 21px); color: #C9D0CB; }
.inc-head { margin-top: -24px; }
.inc-head { margin-top: 0; } .inc-head .inc-h { margin: 0 0 14px; }
/* Блок дохода на белом */
#income { background: #FFFFFF; color: #0F1512; }
#income .u51, #income .inc-h { color: #0F1512; }
#income .inc-head p { color: #4A524D; }
#income .inc-plain { color: #2A352F; }
#income .fm { background: #F4F5F0; border-color: #E4E8E0; }
#income .fm-title { color: #6B756F; }
#income .fm-row { border-bottom-color: #E0E4DC; }
#income .fm-row span { color: #2A352F; }
#income .fm-row small { color: #6B756F; }
#income .fm-row b, #income .fm-total span { color: #0F1512; }
#income .fm-total b { color: #0F8391; }
#income .fm-cta-text { color: #4A524D; }
/* Финмодель карточками во всю ширину */
.fm-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }
.fm-card { padding: 24px; border-radius: 20px; background: #F4F5F0; border: 1px solid #E4E8E0; }
.fm-k { font-size: 15px; font-weight: 600; color: #4A524D; }
.fm-v { margin: 10px 0 8px; font-family: 'Montserrat', sans-serif; font-size: clamp(26px, 2.4vw, 34px); font-weight: 700; color: #0F1512; white-space: nowrap; }
.fm-d { font-size: 13px; color: #6B756F; line-height: 1.4; }
.fm-card--main { background: var(--accent-grad); border-color: transparent; }
.fm-card--main .fm-k, .fm-card--main .fm-v, .fm-card--main .fm-d { color: #FFFFFF; }
@media (max-width: 900px) { .fm-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .fm-cards { gap: 10px; } .fm-card { padding: 18px; } .fm-v { font-size: 22px; } }
#income .u40 { align-items: center; } #income .inc-photo { aspect-ratio: 2 / 1; }
.fm-card--main { background: #F4F5F0; border-color: #E4E8E0; }
.fm-card--main .fm-k { color: #4A524D; }
.fm-card--main .fm-d { color: #6B756F; }
.fm-card--main .fm-v { color: #0F8391; }
#income .u40 { align-items: flex-start; } #income .inc-photo { align-self: flex-start; } #income .inc-plain p:first-child { margin-top: 0; }

.f-social { flex-direction: column; align-items: flex-end; gap: 10px; }
@media (max-width: 860px) { .f-social { align-items: flex-start; } }
.f-ico { width: auto; height: auto; min-height: 0; border: 0; border-radius: 0; background: none; gap: 10px; text-decoration: none; font-weight: 600; font-size: 16px; }
.f-ico svg { width: 22px; height: 22px; }
.f-tg, .f-tg:hover { border: 0; color: #2AABEE; background: none; }
.f-max, .f-max:hover { border: 0; color: #9A8CFF; background: none; }
.f-ico:hover { transform: none; opacity: .85; }
.f-social a.f-ico { min-height: 0; }

.fm-d { font-size: 15px; }
#income .inc-plain b { color: #0F1512; }
.fm-d, .fm-card--main .fm-d { font-size: 16px; color: #2A352F; font-weight: 500; }
.f-social { flex-direction: row; align-items: center; gap: 24px; }
footer.u108 .f-sub, footer.u108 .f-ip, footer.u108 .f-req, footer.u108 .u122, footer.u108 .u117, footer.u108 .u8, footer.u108 .f-right span, footer.u108 .f-ico { font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: 0; }
.fm-cta-row { display: flex; align-items: center; gap: 20px; margin-top: 4px; }
.fm-cta-row .fm-btn { width: auto; flex: 0 1 auto; padding: 0 40px; margin-top: 0; }
.fm-ico { flex: none; width: 76px; height: 76px; filter: drop-shadow(0 8px 18px rgba(15,131,145,.18)); }
@media (max-width: 420px) { .fm-cta-row .fm-btn { padding: 0 24px; font-size: 16px; } .fm-ico { width: 60px; height: 60px; } }
.fm-ico { width: 88px; height: 88px; }
.fm-card { background: linear-gradient(180deg, #FFFFFF 0%, #F6F7F3 100%); border: 1px solid rgba(15,21,18,.06); box-shadow: 0 1px 2px rgba(15,21,18,.04), 0 6px 18px rgba(15,21,18,.06), inset 0 1px 0 rgba(255,255,255,.9); }
.u10 .u17 { background: none; padding: 0; border-radius: 0; stroke: #1599A6; width: 22px; height: 22px; }
#cases { position: relative; overflow: hidden; }
#cases > .u33 { position: relative; }
#cases > .u33::before { content: ""; position: absolute; z-index: 0; top: -40px; right: -40px; width: min(780px, 70%); aspect-ratio: 1000 / 569; background: url(../images/russia-map.svg) no-repeat center / contain; opacity: .45; pointer-events: none; }
#cases > .u33 > * { position: relative; z-index: 1; }
@media (max-width: 760px) { #cases > .u33::before { width: 110%; right: -20%; top: -10px; opacity: .3; } }
#cases > .u33::before { top: -36px; right: 24px; width: min(580px, 50%); opacity: .55; } @media (max-width: 760px) { #cases > .u33::before { width: 90%; right: -10%; top: -20px; opacity: .3; } }
.p-card { padding: 8px; border-radius: 26px; background: #FFFFFF; border: 1px solid rgba(15,21,18,.05); box-shadow: 0 1px 2px rgba(15,21,18,.03), 0 4px 12px rgba(15,21,18,.04); transition: transform .25s ease, box-shadow .25s ease; }
.p-card:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(15,21,18,.04), 0 10px 24px rgba(15,21,18,.07); }
.p-img { border-radius: 19px; background: radial-gradient(120% 90% at 50% 15%, #FFFFFF 0%, #F1F4EF 55%, #E6EBE4 100%); }
.p-img img { filter: drop-shadow(0 10px 14px rgba(15,21,18,.12)); transition: transform .35s ease; }
.p-card:hover .p-img img { transform: scale(1.03); }
.p-cap { padding: 16px 14px 12px; border-radius: 0; background: none; }
.fm-card { background: #FFFFFF; }
.c-more { display: flex; justify-content: center; margin-top: 36px; } .c-more-btn { gap: 8px; min-height: 56px; padding: 0 32px; font-size: 16px; font-weight: 700; }
.u68 svg { transform: translateX(6px); }
.c-more-btn { width: 100%; justify-content: center; min-height: 60px; }
#income .inc-h .u35 { display: inline-block; line-height: 1; padding: 0 12px 6px; margin-top: 4px; }
.fm-v { font-weight: 800; }
.fm-v { font-weight: 700; font-size: clamp(30px, 2.9vw, 40px); } @media (max-width: 420px) { .fm-v { font-size: 24px; } }
.fm-ico { width: 104px; height: auto; filter: drop-shadow(0 8px 16px rgba(15,21,18,.12)); } @media (max-width: 420px) { .fm-ico { width: 80px; } }
@media (max-width: 420px) { .fm-ico { width: 66px; } .fm-cta-row { gap: 14px; } .fm-cta-row .fm-btn { flex: 1 1 auto; white-space: nowrap; padding: 0 18px; } }
.fm-ico { width: 84px; } .fm-cta-row .fm-btn { flex: 1 1 auto; } @media (max-width: 420px) { .fm-ico { width: 60px; } }
#income .inc-h .u35 { display: inline; padding: 0; margin: 0; border-radius: 0; line-height: inherit; background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.p-title .u35 { display: inline; padding: 0; margin: 0; border-radius: 0; background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.u35 { display: inline; padding: 0; margin: 0; border-radius: 0; background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.u10 .u14 { padding: 0; border-radius: 0; background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
#numbers .u30 { background: #FFFFFF; color: #0F1512; } #numbers .u30 .u28 { background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } #numbers .u30 .u31 { color: #4A524D; }
.u18 { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; } .hero-plan { min-height: 60px; padding: 0 30px; font-size: 17px; font-weight: 700; background: transparent; border-width: 2px; } @media (max-width: 520px) { .u18 .u19, .hero-plan { width: 100%; justify-content: center; } }
.hero-plan { color: #0F8391; border-color: #1599A6; } .hero-plan:hover { color: #FFFFFF; }
/* Плавное появление */
.reveal-on .rv { opacity: 0; transform: translateY(24px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal-on .rv-img { opacity: 0; transform: scale(1.06); transition: opacity 1s ease, transform 1.2s cubic-bezier(.2,.7,.2,1); }
.reveal-on .rv.is-in, .reveal-on .rv-img.is-in { opacity: 1; transform: none; }
.reveal-on .p-card:hover .p-img img.is-in { transform: scale(1.03); }
.reveal-on .rv-num { opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); font-variant-numeric: tabular-nums; }
.reveal-on .rv-num.is-in { opacity: 1; transform: none; }
#market { background: #FFFFFF; }
#market .u27 { background: #F4F5F0; }
.u10 .u20 { flex: 0 1 680px; max-width: 680px; margin-right: -24px; } @media (max-width: 900px) { .u10 .u20 { max-width: 560px; margin-right: auto; } }
@media (min-width: 901px) { .u10 .u11 { flex-wrap: nowrap; gap: 24px; } .u10 .u12 { flex: 1 1 0; min-width: 460px; } .u10 .u20 { flex: 0 1 660px; max-width: 660px; margin-right: -40px; } }
footer.u108 .f-req { color: #C9D0CB; }
.u67 { cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; box-shadow: 0 1px 2px rgba(15,21,18,.04), 0 4px 12px rgba(15,21,18,.06); } .u67:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(15,21,18,.06), 0 14px 30px rgba(15,21,18,.12); } .u67 .pv-img.is-in, .u67 .pv-img { transition: opacity 1s ease, transform .5s ease; } .u67:hover .pv-img { transform: scale(1.03); }
#numbers { padding-bottom: 64px; } @media (max-width: 640px) { #numbers { padding-bottom: 40px; } }
.u72 { padding: 8px; border-radius: 28px; background: #FFFFFF; border: 1px solid rgba(15,21,18,.05); box-shadow: 0 1px 2px rgba(15,21,18,.03), 0 4px 12px rgba(15,21,18,.04); transition: transform .25s ease, box-shadow .25s ease; }
.u72:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(15,21,18,.04), 0 10px 24px rgba(15,21,18,.07); }
.u72 .u73 { border-radius: 21px; overflow: hidden; }
.u72 img.u73 { transition: opacity 1s ease, transform .5s ease; }
.u72:hover img.u73 { transform: scale(1.02); }
.u72 .u74 { padding: 22px 22px 20px; }
#offer { padding-bottom: 56px; }
#money { background: #FFFFFF; color: #0F1512; }
#money .u51 { color: #0F1512; }
#money .u76 { background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
#money .s-lead { color: #2A352F; }
#money .u78, #money .u81 { padding: 30px 28px; border-radius: 26px; background: #FFFFFF; border: 1px solid rgba(15,21,18,.06); box-shadow: 0 1px 2px rgba(15,21,18,.03), 0 6px 16px rgba(15,21,18,.05); transition: transform .25s ease, box-shadow .25s ease; position: relative; }
#money .u78:hover, #money .u81:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(15,21,18,.04), 0 12px 28px rgba(15,21,18,.08); }
#money .u78::before, #money .u81::before { content: ""; display: block; width: 36px; height: 4px; border-radius: 4px; background: var(--accent-grad); margin-bottom: 20px; }
#money .u79, #money .u78 .u79 { color: #0F1512; }
#money .u80, #money .u82, #money .u78 .u80 { color: #4A524D; }
#numbers { padding-top: 64px; position: relative; z-index: 2; }
#numbers { background: #F2F4F2; } #numbers .u27, #numbers .u30 { box-shadow: 0 1px 2px rgba(15,21,18,.03), 0 6px 16px rgba(15,21,18,.05); border: 1px solid rgba(15,21,18,.04); }
#money .u78::before, #money .u81::before { content: none; display: none; }

/* Одинаковые отступы блока с цифрами на обеих страницах. */
@media (max-width: 640px) { #numbers { padding-top: 40px; } }

/* Компактный отступ перед товарами на короткой странице. */
#market.short-market { padding-top: 64px; }
#market.short-market .p-head { margin-top: 0; }
@media (max-width: 640px) { #market.short-market { padding-top: 40px; } }

/* Выбранный ответ квиза: спокойное выделение без заливки. */
#quiz .q-opt.is-selected { background: #fff; color: #0f1512; border-color: #1599a6; }
#quiz .q-opt.is-selected .dot { border: 6px solid #1599a6; background: #fff; }