/* Блоки, которых нет на улучшенной главной: EN/ES, статьи, результат квиза, анкета, попапы.
   Токены и общие компоненты (поля, варианты ответа, карточки, панели, окна) — в base.css. */

/* упрощённый первый экран EN/ES */
.hero--simple .badges{flex-direction:column;align-items:flex-start}
.hero--simple .hero__cta{margin-top:36px}

/* услуги */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
.svc{display:flex;flex-direction:column;overflow:hidden}
.svc img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--sand)}
.svc__body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:var(--sp-3);flex:1}
.svc__body p{color:var(--ink-2);font-size:var(--fs-base)}
.svc--accent{grid-row:span 2}
.svc--accent img{aspect-ratio:4/3}
.service__more{align-self:flex-start;margin-top:auto;font-size:var(--fs-base)}
.states-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--sp-7);align-items:center;padding:var(--sp-7)}
.states-band p{color:var(--ink-2)}
.states-band__map{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3)}
.states-band__map img{width:100%;aspect-ratio:1;object-fit:contain;opacity:.85}

/* о компании */
.about2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-10);align-items:center}
.about2__photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about2__photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-lg)}
.about2__photos img:nth-child(2){margin-top:var(--sp-9)}
.about2__quote{margin:0;padding:22px 26px;border-left:4px solid var(--coral);background:rgba(255,255,255,.7);
  border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--fs-lg);font-style:italic}
.about2__quote cite{display:block;margin-top:10px;font-style:normal;font-weight:700;font-size:var(--fs-md);color:var(--ink-3)}
.about2 .btn{display:inline-flex}

/* почему мы */
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.why{padding:28px;display:flex;flex-direction:column;gap:var(--sp-3)}
.why__num{font-weight:800;font-size:var(--fs-md);letter-spacing:var(--tracking-caps);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.why p{color:var(--ink-2);font-size:var(--fs-base)}

.faq-wrap{max-width:860px}
.review__who a{color:var(--coral);font-size:var(--fs-md)}

/* страница результата квиза, 404 */
.result{min-height:70vh;display:flex;align-items:center;padding-top:clamp(120px,12vw,160px)}
.result__in{max-width:820px;text-align:center}
.result__in .lead{margin:var(--sp-6) auto 0}
.result__check{display:inline-flex;width:72px;height:72px;border-radius:50%;background:var(--grad);color:var(--on-accent);
  align-items:center;justify-content:center;margin-bottom:28px;box-shadow:var(--glow)}
.result__check svg{width:36px;height:36px}
.result__gift{display:block;margin:var(--sp-6) auto 0;max-width:640px;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--lift);transition:transform .2s}
.result__gift:hover{transform:translateY(-3px)}
.result__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:var(--sp-7)}

/* статья блога */
.article{padding:clamp(110px,10vw,150px) 0 var(--sp-8)}
.article__head{max-width:860px}
.article__head h1{font-size:var(--fs-h1-sm);margin-top:14px}
.article__back{margin-right:var(--sp-4)}
.article__cover{width:100%;max-width:1000px;margin:36px auto 0;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r-xl)}
.article__body{max-width:760px;font-size:var(--fs-xl);line-height:1.7}
.article__body h2{font-size:var(--fs-h4);margin:var(--sp-9) 0 var(--sp-4)}
.article__body p{color:var(--ink-body)}
.article__body .faq{margin-top:var(--sp-3)}
.article__cta{margin:var(--sp-9) 0 var(--sp-2);padding:28px 30px;border-radius:var(--r-lg);background:var(--tint);display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}
.article__cta p{font-weight:700;font-size:var(--fs-xl);color:var(--ink)}

/* анкета клиента apply-ru / apply-en / apply-es */
.apply{padding-top:clamp(110px,10vw,150px)}
.apply__in{max-width:820px}
.apply__form{padding:clamp(24px,4vw,48px)}
.field{border:0;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.field>label,.field legend{font-weight:700;font-size:var(--fs-base);line-height:1.4;padding:0;margin-bottom:var(--sp-1)}
.field small{color:var(--ink-3);font-size:var(--fs-sm);margin-top:-4px}
.choices{display:grid;gap:var(--sp-2)}
/* в анкете ответы длинные: текст обычного начертания, кружок по первой строке */
.choice,.check{align-items:flex-start;padding:11px 14px;line-height:1.4}
.choice input,.check input{margin-top:1px}
.check span{font-size:var(--fs-md);color:var(--ink-2)}
.field.is-bad .choices,.field--agree.is-bad .check{outline:2px solid var(--red);outline-offset:4px;border-radius:var(--r-md)}

/* формы: успех */
.form__ok{padding:clamp(28px,4vw,48px)}
.form__ok ul{list-style:disc;padding-left:var(--sp-5);margin-top:var(--sp-2)}
.form__error{margin:0 0 var(--sp-3)}

/* попапы «Подробнее» */
.dialog{padding:clamp(28px,4vw,44px);max-width:640px;width:calc(100% - 32px);max-height:85vh;box-shadow:var(--shadow-modal)}
.dialog h3{padding-right:var(--sp-8);margin-bottom:14px}
.dialog__body{color:var(--ink-2);font-size:var(--fs-base);line-height:1.65}

/* простые страницы: шапка всегда «приклеена», фон светлый */
.page .header{position:fixed}
.quiz-page__in{min-height:100vh;display:flex;align-items:center;padding:110px 0 var(--sp-9)}

@media (max-width:1024px){
  .svc-grid,.why-grid{grid-template-columns:1fr 1fr}
  .svc--accent{grid-row:auto;grid-column:1/-1}
  .about2,.states-band{grid-template-columns:1fr}
}
@media (max-width:720px){
  .svc-grid,.why-grid{grid-template-columns:1fr}
  .states-band__map{grid-template-columns:repeat(4,1fr)}
  .about2__photos img:nth-child(2){margin-top:var(--sp-6)}
  .quiz-page__in{padding:84px 0 0;align-items:stretch}
  .quiz-page__in>.wrap{padding:0}
  .quiz-page__in .quiz__box{border-radius:0;min-height:calc(100vh - 84px)}
}

/* карточка вместо короткой формы: ведёт в квиз */
.quiz-cta{display:flex;flex-direction:column;gap:18px}
.quiz-cta h3{font-size:var(--fs-h4)}
.quiz-cta__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.quiz-cta__list li{position:relative;padding-left:30px;font-weight:600;line-height:1.4}
.quiz-cta__list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;
  background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef5a35' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/13px no-repeat}
.quiz-cta .form__legal{margin:0}

/* документ: политика конфиденциальности */
.doc{max-width:820px;margin:0 auto;font-size:var(--fs-input);line-height:1.65}
.doc h1{font-size:var(--fs-h1-sm);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}
.doc h2{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;line-height:var(--lh-snug);margin:38px 0 var(--sp-3)}
.doc p{margin:0 0 14px}.doc ul{margin:0 0 var(--sp-4);padding-left:22px}.doc li{margin-bottom:7px;color:var(--ink-2)}
.doc .updated{margin-top:var(--sp-3);font-size:var(--fs-md);color:var(--ink-3);font-weight:600}
.doc .intro{margin-top:22px;font-size:var(--fs-lg);color:var(--ink-2)}.doc .intro b{color:var(--ink)}
.doc .card{margin-top:28px;padding:26px 28px}
.doc .card:hover{transform:none;box-shadow:var(--lift)}
.doc .card p:last-child{margin-bottom:0}.doc .contact{font-weight:600}.doc .disclaimer{font-size:var(--fs-md);color:var(--ink-3)}