/* ============ ЛЕНДИНГ «БЕСПЛАТНЫЙ РАЗБОР» — новый дизайн ============ */
/* Токены, типографика, кнопки, поля, футер — из site.css. Здесь только раскладка лендинга. */

.lime{color:var(--lime)}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center}
.hero-img{position:absolute;top:50%;right:9.5vw;transform:translateY(-50%);
  width:min(440px,32vw);z-index:1;pointer-events:none}
.hero-img img{width:100%;height:auto;object-fit:contain}
.hero-in{position:relative;z-index:2;padding:120px 0 100px;max-width:900px}
.hero h1{font-size:clamp(21px,4.6vw,62px);line-height:1.14;margin-bottom:26px}
.hero h1 .hline{display:block;white-space:nowrap}
.hero h1 .rotor__word{display:inline-block}
.hero-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.tp{font-family:var(--mono);font-size:13px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:9px 16px;white-space:nowrap}
.hero h1{margin-bottom:26px}
.hero .lead{margin-bottom:34px;color:rgba(23,23,23,.6);max-width:600px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.rotor{color:var(--purple)}
.rotor__word{display:inline-block;transition:opacity .26s ease,transform .26s ease}
.rotor__word.out{opacity:0;transform:translateY(-.16em)}

/* ---------- ЧТО ПРОВЕРИМ ---------- */
.chk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1200px){.chk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.chk-grid{grid-template-columns:1fr}}
.chk{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;
  flex-direction:column;min-height:236px;transition:.2s}
.chk:hover{border-color:#bdbdbd;transform:translateY(-2px)}
.chk-top{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-height:58px}
.chk-ico{width:58px;height:58px;flex:0 0 auto}
.chk-top h3{font-family:var(--mono);font-weight:400;font-size:20px;line-height:1.15;letter-spacing:-.04em}
.chk-desc{font-family:var(--sans);font-weight:300;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.chk-n{margin-top:auto;padding-top:20px;font-family:var(--mono);font-size:14px;color:var(--purple)}

/* ---------- КАК ВЫГЛЯДИТ РАЗБОР ---------- */
.spec{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;display:grid;gap:28px}
@media(max-width:760px){.spec{padding:24px}}
@media(min-width:1001px){.spec{grid-template-columns:1fr 1fr;gap:40px}}
.spec-row{display:flex;flex-direction:column;gap:16px}
.spec-src{background:var(--panel);border-radius:8px;padding:18px 20px}
.spec-src .k{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:-.02em;
  color:var(--ink-3);display:block;margin-bottom:8px}
.spec-note .pill{background:var(--purple);color:#fff}
.spec-src p{font-size:16px;line-height:1.5;font-weight:300}
.hl{background:rgba(127,58,239,.14);border-bottom:2px solid var(--purple);padding:1px 2px}
.spec-note{border-left:2px solid var(--purple);padding:2px 0 2px 18px}
.spec-note p{font-weight:300;font-size:14.5px;line-height:1.5;color:var(--ink-2)}

/* ---------- ЧТО ПОЛУЧИТЕ (тёмная секция) ---------- */
.result{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-bottom:1px solid var(--line)}
.result-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.result-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.result>.wrap{position:relative;z-index:1}
.result h2{color:#fff}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.res-grid{grid-template-columns:1fr}}
.res{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:28px;display:flex;gap:22px;
  align-items:flex-start;background:var(--ink)}
.res-n{font-family:var(--mono);font-weight:300;font-size:56px;line-height:.85;letter-spacing:-.05em;
  color:var(--lime);flex:0 0 auto}
.res-tx h3{font-family:var(--mono);font-weight:400;font-size:19px;line-height:1.2;letter-spacing:-.04em;
  color:#fff;margin-bottom:10px}
.res-tx p{font-family:var(--sans);font-weight:300;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.66)}

/* ---------- КТО РАЗБИРАЕТ ---------- */
.team-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}
@media(max-width:900px){.team-wrap{grid-template-columns:1fr;gap:28px;align-items:start}}
.team-people{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:520px){.team-people{grid-template-columns:1fr 1fr}}
.tperson{display:block;margin:0}
.tphoto{width:100%}
.tphoto img{width:100%;display:block}
.tperson figcaption{margin-top:16px}
.tperson figcaption b{display:block;font-family:var(--mono);font-weight:400;font-size:18px;letter-spacing:-.03em}
.tperson figcaption span{display:block;font-family:var(--sans);font-weight:300;font-size:14px;color:var(--ink-2);margin-top:4px}
.team-stats{display:flex;flex-direction:column;gap:20px}
.team-stats .fig{flex:1;display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.team-stats{display:grid;grid-template-columns:repeat(3,1fr)}.team-stats .fig{flex:none}}
@media(max-width:560px){.team-stats{grid-template-columns:1fr}}
.fig{border:1px solid var(--line);border-radius:10px;padding:22px 24px}
.fig b{display:block;font-family:var(--mono);font-weight:300;font-size:clamp(34px,2.6vw,44px);
  line-height:1;letter-spacing:-.05em}
.fig span{display:block;font-family:var(--mono);font-size:13px;text-transform:uppercase;
  letter-spacing:-.02em;color:var(--ink-2);margin-top:10px}

/* ---------- КАК ЭТО РАБОТАЕТ ---------- */
.how{position:relative;overflow:hidden}
.how-illu{position:absolute;right:0;top:0;bottom:0;width:52%;z-index:0;pointer-events:none;
  display:flex;align-items:center;justify-content:flex-end}
.how-illu img{height:118%;width:auto;max-width:none;object-fit:contain;object-position:right center;
  transform:translateX(6%)}
.how>.wrap{position:relative;z-index:1}
.steps{display:flex;flex-direction:column;gap:24px;max-width:660px}
.step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px 30px;display:flex;
  gap:24px;align-items:flex-start}
.step-n{font-family:var(--mono);font-weight:300;font-size:44px;line-height:1;letter-spacing:-.05em;
  color:var(--purple);flex:0 0 auto}
.step h3{font-family:var(--mono);font-weight:400;font-size:19px;line-height:1.2;letter-spacing:-.04em;margin-bottom:6px}
.step p{font-family:var(--sans);font-weight:300;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
@media(max-width:900px){.how-illu{display:none}.steps{max-width:none}}

/* ---------- ФОРМА (тёмная секция) ---------- */
.formsec{position:relative;overflow:hidden;border-bottom:1px solid var(--line);color:#fff}
.formsec-bg{position:absolute;inset:0;z-index:0}
.formsec-bg img{width:100%;height:100%;object-fit:cover}
.form-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
@media(max-width:1000px){.form-in{grid-template-columns:1fr;gap:36px;align-items:stretch}}
.form-left h2{color:#fff;margin-bottom:22px}
.form-sub{font-family:var(--sans);font-weight:300;font-size:clamp(17px,1.15vw,22px);line-height:1.4;
  color:rgba(255,255,255,.82);margin-bottom:34px}
.form-pills{display:flex;flex-wrap:wrap;gap:12px}
.wp{font-family:var(--mono);font-size:13px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;
  color:var(--ink);background:#fff;border:1px solid transparent;border-radius:999px;
  padding:11px 18px;white-space:nowrap}
.form-card{background:#fff;border-radius:16px;padding:36px;color:var(--ink)}
@media(max-width:760px){.form-card{padding:24px}}
.frm-row{margin-bottom:22px}
.frm-row label{display:block;font-family:var(--mono);font-size:13px;text-transform:uppercase;
  letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
.frm-row .hint{font-family:var(--sans);font-size:13px;line-height:1.4;font-weight:300;color:var(--ink-3);margin-top:8px}
.frm-row .field{background:#fff;height:52px}
.frm-row .field.is-err{border-color:#c0392b}
.frm-row .field.is-err:focus{border-color:#c0392b;outline:none}
.consent{display:flex;gap:12px;align-items:flex-start;font-family:var(--sans);font-size:14px;font-weight:300;
  line-height:1.4;color:var(--ink-2);margin:8px 0 22px}
.consent input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--purple)}
.fine{font-family:var(--mono);font-size:12.5px;line-height:1.6;letter-spacing:-.02em;text-transform:uppercase;
  color:var(--ink-3);margin-top:18px}
.thanks{display:none}
.thanks h3{font-family:var(--mono);font-weight:400;font-size:clamp(19px,1.5vw,23px);line-height:1.35;
  letter-spacing:-.04em;color:var(--ink);margin-bottom:18px}
.thanks p{font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.55;color:var(--ink-3);margin-bottom:24px}
.is-sent .frm-live{display:none}
.is-sent .thanks{display:block}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:22px 48px 22px 0;
  font-family:var(--mono);font-size:clamp(16px,1.1vw,20px);line-height:1.3;letter-spacing:-.04em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-size:24px;color:var(--purple);line-height:1}
.faq details[open] summary::after{content:'–'}
.faq .a{font-weight:300;font-size:16px;line-height:1.5;color:var(--ink-2);padding-bottom:24px;max-width:64em}

/* ---------- ФИНАЛЬНЫЙ CTA ---------- */
.contact{border-bottom:0}          /* №10: без белой полосы перед футером */
.contact .bg::after{opacity:0}     /* №9: грейн без затемнения */
.contact .in{padding-top:104px;padding-bottom:104px}

/* ---------- ФУТЕР (раскладка колонок) ---------- */
.ftr-grid{grid-template-columns:2fr 1fr 1fr}
@media(max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ftr-grid{grid-template-columns:1fr}}

/* ---------- RESPONSIVE (герой) ---------- */
@media(max-width:1000px){
  .hero{min-height:0;flex-direction:column;padding-top:32px}
  .hero-in{max-width:100%;padding:8px 0 40px;order:2}
  .hero-img{position:relative;top:0;right:0;transform:none;width:min(460px,80vw);max-width:none;margin:0 auto;order:1}
}
@media(max-width:760px){
  .btn{width:100%}
  .hero-cta .btn,.contact .cta .btn{flex:1 1 100%}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rotor__word{transition:none}
  .chk:hover{transform:none}
}