:root{
  --cream:#f8f3e8;
  --cream-2:#fffaf1;
  --green:#1f7a5b;
  --green-dark:#155541;
  --orange:#ff7a1a;
  --graphite:#242622;
  --muted:#6f716b;
  --white:#ffffff;
  --border:rgba(36,38,34,.10);
  --shadow:0 24px 60px rgba(50,42,28,.10);
  --radius:28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--graphite);
  background:var(--cream-2);
  line-height:1.5;
}
a{color:inherit}
.container{width:min(1160px, calc(100% - 36px)); margin:0 auto}
.section{padding:92px 0}
.section--soft{background:var(--cream)}
.section--dark{background:var(--graphite); color:var(--white)}
.topbar{
  position:sticky; top:0; z-index:40;
  background:rgba(255,250,241,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.topbar__inner{
  min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px
}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; font-size:14px}
.brand__dot{width:12px; height:12px; border-radius:50%; background:var(--orange); box-shadow:18px 0 0 var(--green)}
.topbar__cta{font-weight:800; text-decoration:none; color:var(--green)}
.hero{padding-top:74px; overflow:hidden}
.hero__grid{display:grid; grid-template-columns:1.08fr .92fr; gap:72px; align-items:center}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:900; letter-spacing:.06em; text-transform:uppercase;
  color:var(--green); margin-bottom:20px;
}
.eyebrow::before{content:""; width:24px; height:3px; border-radius:3px; background:var(--orange)}
.eyebrow--light{color:#d7f4e8}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(46px,7vw,82px); line-height:.98; letter-spacing:-.055em; margin-bottom:28px}
h2{font-size:clamp(34px,5vw,58px); line-height:1.03; letter-spacing:-.045em; margin-bottom:20px}
h3{font-size:22px; line-height:1.18; letter-spacing:-.025em; margin-bottom:12px}
p{font-size:18px; color:var(--muted)}
.accent-green{color:var(--green)}
.hero__lead{font-size:22px; max-width:690px}
.mark{
  display:inline-block; padding:2px 10px 4px; border:2px solid var(--orange);
  border-radius:12px; color:var(--graphite); background:#fff6ec
}
.hero__chips{display:flex; flex-wrap:wrap; gap:10px; margin:28px 0}
.chip{
  padding:10px 14px; border-radius:999px; background:#edf5f1; color:var(--green-dark);
  font-size:14px; font-weight:800; border:1px solid rgba(31,122,91,.12)
}
.chip--orange{background:#fff0e4; color:#b54b00; border-color:#ffd2b1}
.hero__actions{display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:56px; padding:0 24px; border-radius:17px; text-decoration:none;
  font-weight:900; font-size:17px; transition:.2s transform,.2s box-shadow,.2s background;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--orange); color:#fff; box-shadow:0 16px 30px rgba(255,122,26,.24)}
.btn--primary:hover{background:#ee6d10}
.btn--large{min-height:64px; padding:0 30px; font-size:18px}
.micro{font-size:13px; color:#8b8d87}
.hero__visual{position:relative; min-height:500px; display:flex; align-items:center; justify-content:center}
.quiz-card{
  width:min(100%,470px); padding:30px; background:#fff; border-radius:32px;
  box-shadow:var(--shadow); border:1px solid var(--border); transform:rotate(2deg)
}
.quiz-card__top{display:flex; justify-content:space-between; color:var(--green); font-size:12px; font-weight:900; letter-spacing:.08em}
.quiz-card__question{font-weight:900; font-size:28px; line-height:1.08; margin:34px 0 24px}
.quiz-card__option{
  padding:14px 16px; border-radius:15px; background:#f6f3ec; margin:10px 0; font-weight:750; border:1px solid transparent
}
.quiz-card__option--active{background:#eef8f3; border-color:rgba(31,122,91,.22); color:var(--green-dark)}
.quiz-card__progress{height:8px; background:#eee8dc; border-radius:99px; overflow:hidden; margin-top:26px}
.quiz-card__progress span{display:block; width:10%; height:100%; background:var(--orange); border-radius:99px}
.floating{
  position:absolute; padding:12px 18px; border-radius:16px; font-weight:900; box-shadow:var(--shadow); background:#fff
}
.floating--one{left:0; top:95px; color:var(--orange); transform:rotate(-7deg)}
.floating--two{right:-4px; bottom:90px; color:var(--green); transform:rotate(6deg)}
.section-head{max-width:780px; margin-bottom:44px}
.section-head--center{text-align:center; margin-left:auto; margin-right:auto}
.section-head--center .eyebrow{justify-content:center}
.cards{display:grid; gap:22px}
.cards--3{grid-template-columns:repeat(3,1fr)}
.card{
  background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px; box-shadow:0 12px 30px rgba(50,42,28,.05)
}
.card p{font-size:16px; margin-bottom:0}
.icon{
  width:46px; height:46px; display:grid; place-items:center; border-radius:14px;
  background:#eef8f3; color:var(--green); font-weight:950; font-size:22px; margin-bottom:20px
}
.steps{max-width:830px; margin:0 auto; display:grid; gap:16px}
.step{
  display:grid; grid-template-columns:auto 1fr; gap:20px; padding:24px;
  border:1px solid var(--border); border-radius:22px; background:#fff
}
.step__num{
  width:52px; height:52px; display:grid; place-items:center; border-radius:16px;
  background:var(--graphite); color:#fff; font-weight:950; font-size:20px
}
.step p{margin-bottom:0; font-size:16px}
.center-cta{text-align:center; margin-top:34px; display:flex; flex-direction:column; align-items:center; gap:12px}
.result-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center}
.light-copy{color:#c7cbc4; font-size:19px}
.result-card{
  background:#fff; color:var(--graphite); border-radius:32px; padding:34px; box-shadow:0 30px 70px rgba(0,0,0,.22)
}
.result-card__label{font-size:12px; font-weight:950; letter-spacing:.08em; color:var(--orange); margin-bottom:16px}
.checklist{margin:20px 0 0; padding:0; list-style:none}
.checklist li{position:relative; padding:10px 0 10px 34px; font-weight:750}
.checklist li::before{
  content:"✓"; position:absolute; left:0; top:8px; width:24px; height:24px; display:grid; place-items:center;
  border-radius:50%; background:#eaf7f1; color:var(--green); font-size:14px
}
.result-card__footer{margin-top:22px; padding:18px; border-radius:18px; background:#f7f1e7; font-size:15px; color:#5d5f5a}
.audience-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.audience{
  padding:22px 20px; background:#fff; border:1px solid var(--border); border-radius:20px;
  font-weight:850; text-align:center
}
.faq-wrap{display:grid; grid-template-columns:.8fr 1.2fr; gap:60px}
.faq details{border-bottom:1px solid rgba(36,38,34,.12); padding:20px 0}
.faq summary{cursor:pointer; font-weight:850; font-size:18px}
.faq details p{padding-top:12px; margin-bottom:0; font-size:16px}
.final{padding-top:72px; padding-bottom:110px}
.final__box{
  text-align:center; padding:62px 34px; border-radius:36px; background:#fff;
  border:1px solid var(--border); box-shadow:var(--shadow)
}
.final__box p{max-width:700px; margin:0 auto 28px}
.final__box .micro{display:block; margin-top:14px}
.footer{border-top:1px solid var(--border); padding:26px 0 100px; background:#fff}
.footer__inner{display:flex; align-items:flex-start; justify-content:space-between; gap:30px; color:#777a74; font-size:13px}
.footer__links{display:flex; gap:18px; flex-wrap:wrap}
.mobile-cta{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:60;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom)); background:rgba(255,250,241,.92);
  backdrop-filter:blur(14px); border-top:1px solid var(--border)
}
.mobile-cta .btn{width:100%; min-height:54px}

@media (max-width:900px){
  .section{padding:70px 0}
  .hero__grid,.result-grid,.faq-wrap{grid-template-columns:1fr}
  .hero__grid{gap:26px}
  .hero__visual{min-height:430px}
  .cards--3,.audience-grid{grid-template-columns:1fr}
  .cards--3{gap:14px}
  .result-grid{gap:34px}
  .faq-wrap{gap:16px}
}
@media (max-width:640px){
  .container{width:min(100% - 28px,1160px)}
  .topbar__cta{display:none}
  .brand{font-size:12px}
  .hero{padding-top:48px}
  h1{font-size:48px}
  h2{font-size:38px}
  .hero__lead{font-size:19px}
  .hero__visual{min-height:390px}
  .quiz-card{padding:22px; border-radius:26px}
  .quiz-card__question{font-size:24px}
  .floating--one{left:-4px; top:62px}
  .floating--two{right:0; bottom:58px}
  .final__box{padding:42px 20px; border-radius:28px}
  .footer__inner{flex-direction:column}
  .mobile-cta{display:block}
  .footer{padding-bottom:112px}
}


/* ===== ОДОБРЕННЫЙ ПЕРВЫЙ ЭКРАН ===== */
.hero-approved{
  padding:34px 0 56px;
  background:var(--cream-2);
}
.hero-approved__frame{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:30px;
  box-shadow:var(--shadow);
  border:1px solid rgba(36,38,34,.08);
  background:#f8f3e8;
}
.hero-approved__image{
  display:block;
  width:100%;
  height:auto;
}
.hero-approved__hotspot{
  position:absolute;
  left:4.6%;
  bottom:8.2%;
  width:35.5%;
  height:9.4%;
  border-radius:18px;
  cursor:pointer;
}
.hero-approved__hotspot:focus-visible{
  outline:4px solid rgba(31,122,91,.75);
  outline-offset:4px;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.hero-mobile{display:none}

@media (max-width: 860px){
  .hero-approved{padding:42px 0 58px}
  .hero-approved__desktop{display:none}
  .hero-mobile{display:block}
  .hero-mobile h1{
    font-size:clamp(46px,13vw,68px);
    line-height:.98;
    margin-bottom:24px;
  }
  .hero-mobile__mark{
    display:flex;
    align-items:center;
    gap:12px;
    width:max-content;
    max-width:100%;
    padding:12px 15px;
    border:2px solid var(--orange);
    border-radius:17px;
    background:#fffaf5;
    margin:0 0 20px;
    font-size:20px;
  }
  .hero-mobile__mark span:not(.hero-mobile__check){color:var(--orange)}
  .hero-mobile__check{
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--orange);
    color:white;
    font-weight:950;
  }
  .hero-mobile__lead{
    font-size:19px;
    line-height:1.45;
    color:var(--graphite);
    max-width:620px;
    margin-bottom:24px;
  }
  .hero-mobile__photo{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    min-height:370px;
    background:#efe8dd;
    box-shadow:var(--shadow);
    margin:20px 0 18px;
  }
  .hero-mobile__photo img{
    display:block;
    width:100%;
    height:390px;
    object-fit:cover;
    object-position:69% 48%;
    transform:scale(1.18);
  }
  .hero-mobile__badge{
    position:absolute;
    z-index:2;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border-radius:16px;
    background:rgba(255,255,255,.95);
    box-shadow:0 12px 28px rgba(36,38,34,.12);
    font-weight:900;
  }
  .hero-mobile__badge--questions{
    top:14px;
    right:14px;
    flex-direction:column;
    width:82px;
    gap:0;
    color:var(--green);
    border-radius:50%;
    aspect-ratio:1/1;
    justify-content:center;
  }
  .hero-mobile__badge--questions strong{
    font-size:28px;
    line-height:1;
  }
  .hero-mobile__badge--questions span{
    font-size:11px;
    text-transform:uppercase;
  }
  .hero-mobile__badge--free{
    left:14px;
    bottom:14px;
    color:var(--green-dark);
  }
  .hero-mobile__chips{
    margin:20px 0 18px;
  }
  .hero-mobile__cta{
    width:100%;
    min-height:62px;
  }
  .hero-mobile__micro{
    text-align:center;
    margin-top:10px;
  }
}


.bot-instruction{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 0 22px;
  padding:14px 16px;
  border-radius:16px;
  background:#eef8f3;
  border:1px solid rgba(31,122,91,.14);
  color:var(--green-dark);
  font-size:14px;
}
.bot-instruction strong{font-weight:900}
.bot-instruction span{color:#4e665c}

/* ===== SECOND SCREEN: STUDENT CASES ===== */
.cases-head{max-width:900px}
.cases-head p strong{color:var(--green-dark)}
.student-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.student-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:28px;padding:18px;box-shadow:0 16px 34px rgba(50,42,28,.07)}
.student-card__top{display:flex;align-items:center;gap:13px;padding:2px 2px 16px}
.student-card__avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 20px rgba(36,38,34,.12)}
.student-card__name{font-weight:950;font-size:20px;letter-spacing:-.025em}
.student-card__role{color:var(--green);font-weight:800;font-size:14px;margin-top:2px}
.student-card__proof{height:238px;border-radius:20px;overflow:hidden;background:#eef0eb;border:1px solid rgba(36,38,34,.07);margin-bottom:17px}
.student-card__proof img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.student-card__amount{font-size:34px;line-height:1;font-weight:950;color:var(--green-dark)}
.student-card__amount-note{color:var(--orange);font-weight:850;font-size:14px;margin:7px 0 14px}
.student-card p{font-size:16px;line-height:1.5;color:#555850;margin-bottom:18px}
.student-card__quote{margin-top:auto;padding:15px 16px;border-radius:17px;background:var(--cream);color:#565950;font-size:14px;line-height:1.45;border-left:4px solid var(--orange)}
.cases-bridge{max-width:760px;margin:40px auto 0;padding:28px;text-align:center;border-radius:28px;background:var(--graphite);color:#fff;box-shadow:0 22px 50px rgba(36,38,34,.16)}
.cases-bridge>span{display:block;color:#c8ccc5;font-size:15px;margin-bottom:5px}
.cases-bridge>strong{display:block;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.04em;margin-bottom:20px}
.cases-bridge .micro{color:#c5c9c2;margin-top:11px}
.cases-disclaimer{max-width:780px;margin:18px auto 0;text-align:center;font-size:12px;line-height:1.45;color:#8a8c86}
@media(max-width:900px){.student-cases{grid-template-columns:1fr;max-width:680px;margin:0 auto}}
@media(max-width:560px){.student-card__proof{height:220px}.student-card__amount{font-size:31px}.cases-bridge{padding:24px 18px}.cases-bridge .btn{width:100%}}


/* ===== V7: ЧЕТВЁРТЫЙ ЭКРАН — УЗНАВАНИЕ СЕБЯ ===== */
.audience-story-section{
  position:relative;
  overflow:hidden;
  background:var(--cream);
}
.audience-story-section::after{
  content:"?";
  position:absolute;
  right:-25px;
  top:10px;
  font-size:260px;
  line-height:1;
  font-weight:950;
  color:rgba(31,122,91,.045);
  pointer-events:none;
}
.audience-story__head{
  position:relative;
  z-index:1;
  max-width:900px;
  margin-bottom:38px;
}
.audience-story__head h2 span{
  color:var(--green);
}
.audience-story__head p{
  max-width:700px;
}
.audience-story-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.audience-story-card{
  min-height:245px;
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 24px rgba(50,42,28,.04);
}
.audience-story-card--accent{
  background:var(--graphite);
  color:#fff;
}
.audience-story-card__number{
  display:inline-block;
  margin-bottom:26px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  color:var(--orange);
}
.audience-story-card h3{
  font-size:20px;
  line-height:1.2;
  margin-bottom:12px;
}
.audience-story-card p{
  margin:0;
  font-size:15px;
  line-height:1.5;
}
.audience-story-card--accent p{
  color:#c8ccc5;
}
.audience-story__bridge{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:34px auto 0;
  text-align:center;
  padding:28px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--border);
}
.audience-story__bridge>div:first-child{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-bottom:18px;
}
.audience-story__bridge span{
  color:#74776f;
  font-size:15px;
}
.audience-story__bridge strong{
  font-size:clamp(24px,3vw,34px);
  line-height:1.1;
}
.audience-story__bridge .micro{
  margin-top:10px;
}
@media(max-width:900px){
  .audience-story-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .audience-story-grid{
    grid-template-columns:1fr;
  }
  .audience-story-card{
    min-height:0;
    padding:21px;
  }
  .audience-story-card__number{
    margin-bottom:16px;
  }
  .audience-story__bridge{
    padding:23px 17px;
  }
  .audience-story__bridge .btn{
    width:100%;
  }
}


/* ===== V9: КАК ПОЛУЧИТЬ ТЕСТ ===== */
.how-test-section{
  background:var(--graphite);
  color:#fff;
}
.how-test__head{
  max-width:820px;
  margin-bottom:38px;
}
.how-test__head .eyebrow{
  color:#d7f4e8;
}
.how-test__head p{
  color:#c8ccc5;
  max-width:700px;
}
.how-test-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.how-test-step{
  position:relative;
  min-height:285px;
  padding:22px;
  border-radius:24px;
  background:#30332f;
  border:1px solid rgba(255,255,255,.07);
}
.how-test-step--accent{
  background:#fff;
  color:var(--graphite);
}
.how-test-step__num{
  position:absolute;
  right:18px;
  top:16px;
  color:rgba(255,255,255,.22);
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
}
.how-test-step--accent .how-test-step__num{
  color:rgba(36,38,34,.22);
}
.how-test-step__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:30px;
  border-radius:17px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:950;
  font-size:19px;
}
.how-test-step:nth-child(2) .how-test-step__icon{
  color:#ffb47f;
}
.how-test-step:nth-child(3) .how-test-step__icon{
  color:#b9e0cd;
}
.how-test-step--accent .how-test-step__icon{
  background:#eef8f3;
  color:var(--green);
}
.how-test-step h3{
  font-size:20px;
  margin-bottom:10px;
}
.how-test-step p{
  margin:0;
  font-size:15px;
  line-height:1.5;
  color:#bfc4bd;
}
.how-test-step--accent p{
  color:#666a63;
}
.how-test__cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:32px;
}
.how-test__cta .micro{
  color:#bdc1ba;
  margin-top:10px;
}
@media(max-width:900px){
  .how-test-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .how-test-steps{
    grid-template-columns:1fr;
  }
  .how-test-step{
    min-height:0;
  }
  .how-test__cta .btn{
    width:100%;
  }
}


/* ===== V10: FAQ + FINAL CTA ===== */
.faq-final-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:58px;
  align-items:start;
}
.faq-final-intro{
  position:sticky;
  top:100px;
}
.faq-final-intro p{
  max-width:460px;
}
.faq-final-section .faq details{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:0;
  margin-bottom:12px;
  overflow:hidden;
}
.faq-final-section .faq summary{
  padding:20px 22px;
  list-style:none;
  position:relative;
}
.faq-final-section .faq summary::-webkit-details-marker{display:none}
.faq-final-section .faq summary::after{
  content:"+";
  position:absolute;
  right:20px;
  top:17px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef8f3;
  color:var(--green);
  font-weight:950;
}
.faq-final-section .faq details[open] summary::after{
  content:"–";
}
.faq-final-section .faq details p{
  padding:0 22px 20px;
  margin:0;
  font-size:15px;
}

.final-conversion{
  background:var(--cream-2);
  padding-top:72px;
  padding-bottom:110px;
}
.final-conversion__box{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:54px;
  align-items:center;
  padding:54px;
  border-radius:34px;
  background:var(--graphite);
  color:#fff;
  box-shadow:0 26px 60px rgba(36,38,34,.16);
}
.final-conversion__copy p{
  color:#c7cbc4;
  max-width:660px;
  font-size:18px;
}
.final-conversion__copy .eyebrow{
  color:#d7f4e8;
}
.final-conversion__steps{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:26px 0;
}
.final-conversion__steps span{
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.07);
  color:#e7e9e5;
  font-size:13px;
  font-weight:800;
}
.final-conversion__copy .micro{
  display:block;
  margin-top:11px;
  color:#bfc3bc;
}
.final-conversion__visual{
  position:relative;
  min-height:390px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.final-phone{
  width:min(100%,350px);
  padding:20px;
  border-radius:30px;
  background:#f7f3ea;
  color:var(--graphite);
  box-shadow:0 26px 60px rgba(0,0,0,.26);
  transform:rotate(2deg);
}
.final-phone__top{
  font-weight:900;
  font-size:13px;
  color:#6f736c;
  padding-bottom:15px;
  border-bottom:1px solid rgba(36,38,34,.08);
}
.final-phone__bubble{
  width:max-content;
  max-width:88%;
  margin-top:18px;
  padding:12px 14px;
  border-radius:16px;
  font-size:15px;
}
.final-phone__bubble--user{
  margin-left:auto;
  background:#dff1e8;
  color:var(--green-dark);
  font-weight:900;
}
.final-phone__bubble--bot{
  background:#fff;
  border:1px solid rgba(36,38,34,.07);
  line-height:1.45;
}
.final-phone__progress{
  height:8px;
  margin-top:22px;
  background:#e3ddd1;
  border-radius:999px;
  overflow:hidden;
}
.final-phone__progress span{
  display:block;
  width:10%;
  height:100%;
  background:var(--orange);
}
.final-conversion__badge{
  position:absolute;
  right:0;
  top:44px;
  padding:12px 16px;
  border-radius:16px;
  background:#fff;
  color:var(--green);
  font-weight:950;
  transform:rotate(5deg);
}
@media(max-width:900px){
  .faq-final-grid,
  .final-conversion__box{
    grid-template-columns:1fr;
  }
  .faq-final-intro{
    position:static;
  }
  .final-conversion__visual{
    min-height:330px;
  }
}
@media(max-width:560px){
  .final-conversion__box{
    padding:30px 18px;
    border-radius:28px;
  }
  .final-conversion__copy .btn{
    width:100%;
  }
  .final-conversion__badge{
    right:6px;
    top:28px;
  }
}


/* ===== V11: COMPACT AUDIENCE BLOCK ===== */
.audience-story-section--compact{
  padding-top:74px;
  padding-bottom:74px;
}
.audience-story__head--compact{
  max-width:820px;
  margin-bottom:28px;
}
.audience-story-grid--compact{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.audience-story-grid--compact .audience-story-card{
  min-height:215px;
  padding:21px;
}
.audience-story-grid--compact .audience-story-card__number{
  margin-bottom:18px;
}
.audience-story-grid--compact .audience-story-card h3{
  font-size:18px;
  line-height:1.22;
}
.audience-story-grid--compact .audience-story-card p{
  font-size:14px;
  line-height:1.45;
}
.audience-story__bridge--compact{
  margin-top:26px;
  padding:24px;
}
@media(max-width:980px){
  .audience-story-grid--compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .audience-story-section--compact{
    padding-top:56px;
    padding-bottom:56px;
  }
  .audience-story-grid--compact{
    grid-template-columns:1fr;
    gap:10px;
  }
  .audience-story-grid--compact .audience-story-card{
    min-height:0;
    padding:18px;
  }
  .audience-story-grid--compact .audience-story-card__number{
    margin-bottom:10px;
  }
  .audience-story-grid--compact .audience-story-card h3{
    margin-bottom:7px;
  }
  .audience-story__bridge--compact{
    margin-top:20px;
    padding:20px 16px;
  }
}


/* ===== V12: HERO MOBILE PHOTO FIT FIX ===== */
@media (max-width: 860px){
  .hero-mobile__photo{
    min-height: 350px;
    margin: 18px 0 16px;
  }
  .hero-mobile__photo img{
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: 72% 42%;
    transform: scale(1.04);
  }
}
@media (max-width: 560px){
  .hero-mobile__photo{
    min-height: 330px;
  }
  .hero-mobile__photo img{
    height: 340px;
    object-position: 72% 40%;
    transform: scale(1.02);
  }
}


/* ===== V13: LEGAL PAGES + COOKIE CONSENT ===== */
.footer__inner--legal{
  align-items:flex-start;
}
.footer__operator{
  display:flex;
  flex-direction:column;
  gap:3px;
  max-width:470px;
}
.footer__operator strong{
  color:var(--graphite);
}
.footer__links{
  justify-content:flex-end;
}
.footer__links a{
  color:#656861;
  text-underline-offset:3px;
}

.cookie-banner[hidden]{display:none}
.cookie-banner{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:100;
}
.cookie-banner__inner{
  width:min(100%,980px);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(36,38,34,.12);
  box-shadow:0 22px 60px rgba(36,38,34,.20);
}
.cookie-banner__copy{
  max-width:620px;
}
.cookie-banner__copy strong{
  display:block;
  margin-bottom:5px;
  font-size:16px;
}
.cookie-banner__copy p{
  margin:0 0 4px;
  font-size:13px;
  line-height:1.45;
  color:#656861;
}
.cookie-banner__copy a{
  font-size:12px;
  color:var(--green);
  font-weight:800;
}
.cookie-banner__actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.cookie-btn{
  border:0;
  min-height:44px;
  padding:0 15px;
  border-radius:13px;
  font:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.cookie-btn--ghost{
  background:#f2efe8;
  color:#50534d;
}
.cookie-btn--primary{
  background:var(--green);
  color:#fff;
}

.legal-page{
  background:var(--cream-2);
}
.legal-topbar{
  border-bottom:1px solid var(--border);
  background:rgba(255,250,241,.94);
}
.legal-topbar__inner{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#777a74;
  font-size:13px;
}
.legal-back{
  color:var(--green);
  font-weight:900;
  text-decoration:none;
}
.legal-main{
  padding:60px 0 90px;
}
.legal-document{
  max-width:900px;
  margin:0 auto;
  padding:48px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 18px 46px rgba(50,42,28,.06);
}
.legal-document h1{
  font-size:clamp(36px,5vw,58px);
  line-height:1.02;
  margin-bottom:12px;
}
.legal-meta{
  color:#888b84;
  font-size:13px;
  margin-bottom:40px;
}
.legal-document section{
  padding:24px 0;
  border-top:1px solid rgba(36,38,34,.08);
}
.legal-document section:first-of-type{
  border-top:0;
  padding-top:0;
}
.legal-document h2{
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.025em;
  margin-bottom:14px;
}
.legal-document p,
.legal-document li{
  font-size:15px;
  line-height:1.65;
  color:#555950;
}
.legal-document ul{
  padding-left:22px;
}
.legal-document a{
  color:var(--green);
}
.legal-card,
.legal-note{
  padding:18px 20px;
  border-radius:18px;
  background:var(--cream);
  border:1px solid rgba(36,38,34,.07);
}
.legal-card p:last-child{
  margin-bottom:0;
}
.legal-note{
  margin-top:22px;
  border-left:4px solid var(--orange);
}
.legal-footer{
  padding-bottom:34px;
}

@media(max-width:760px){
  .cookie-banner{
    left:10px;
    right:10px;
    bottom:10px;
  }
  .cookie-banner__inner{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    padding:17px;
  }
  .cookie-banner__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .cookie-btn{
    width:100%;
  }
  .legal-main{
    padding:30px 0 60px;
  }
  .legal-document{
    padding:26px 18px;
    border-radius:24px;
  }
  .legal-document h1{
    font-size:36px;
  }
  .footer__inner--legal{
    flex-direction:column;
  }
  .footer__links{
    justify-content:flex-start;
  }
}


/* ===== V14: READABILITY / LARGER TYPOGRAPHY ===== */

/* Общая читаемость */
p{
  line-height:1.6;
}
.section-head p,
.cases-head p,
.audience-story__head p,
.how-test__head p,
.faq-final-intro p,
.final-conversion__copy p{
  font-size:20px;
  line-height:1.6;
}

/* Кейсы учеников */
.student-card__name{
  font-size:23px;
}
.student-card__role{
  font-size:16px;
}
.student-card__amount{
  font-size:38px;
}
.student-card__amount-note{
  font-size:16px;
  line-height:1.35;
}
.student-card p{
  font-size:18px;
  line-height:1.6;
}
.student-card__quote{
  font-size:16px;
  line-height:1.55;
  padding:17px 18px;
}
.cases-bridge>span{
  font-size:17px;
}
.cases-bridge .micro,
.audience-story__bridge .micro,
.how-test__cta .micro,
.final-conversion__copy .micro{
  font-size:14px;
  line-height:1.5;
}

/* Блок «Узнаёшь себя?» */
.audience-story-grid--compact .audience-story-card{
  min-height:235px;
}
.audience-story-grid--compact .audience-story-card h3{
  font-size:21px;
  line-height:1.3;
}
.audience-story-grid--compact .audience-story-card p{
  font-size:16px;
  line-height:1.6;
}
.audience-story__bridge span{
  font-size:17px;
}

/* Как получить тест */
.how-test-step{
  min-height:305px;
}
.how-test-step h3{
  font-size:23px;
  line-height:1.25;
}
.how-test-step p{
  font-size:17px;
  line-height:1.6;
}
.how-test-step__num{
  font-size:14px;
}

/* FAQ */
.faq-final-section .faq summary{
  font-size:20px;
  line-height:1.35;
  padding:22px 58px 22px 24px;
}
.faq-final-section .faq details p{
  font-size:17px;
  line-height:1.65;
  padding:0 24px 22px;
}

/* Финальный CTA */
.final-conversion__copy p{
  font-size:20px;
}
.final-conversion__steps span{
  font-size:15px;
  padding:11px 15px;
}
.final-phone__bubble{
  font-size:17px;
  line-height:1.5;
}

/* Кнопки */
.btn{
  font-size:18px;
}
.btn--large{
  font-size:20px;
}

/* Footer */
.footer,
.footer__inner{
  font-size:14px;
  line-height:1.55;
}

/* Юридические документы */
.legal-document p,
.legal-document li{
  font-size:17px;
  line-height:1.7;
}
.legal-document h2{
  font-size:26px;
}

/* Планшет и телефон */
@media(max-width:900px){
  .section-head p,
  .cases-head p,
  .audience-story__head p,
  .how-test__head p,
  .faq-final-intro p,
  .final-conversion__copy p{
    font-size:19px;
  }

  .student-card__name{
    font-size:22px;
  }
  .student-card p{
    font-size:17px;
  }
  .student-card__quote{
    font-size:16px;
  }

  .audience-story-grid--compact .audience-story-card h3{
    font-size:20px;
  }
  .audience-story-grid--compact .audience-story-card p{
    font-size:16px;
  }

  .how-test-step{
    min-height:0;
  }
  .how-test-step h3{
    font-size:21px;
  }
  .how-test-step p{
    font-size:16.5px;
  }
}

@media(max-width:620px){
  /* На телефоне не допускаем «микротекст» */
  .container{
    width:min(100% - 28px,1160px);
  }

  .student-card p{
    font-size:17px;
  }
  .student-card__amount-note{
    font-size:15px;
  }
  .student-card__quote{
    font-size:15.5px;
  }

  .audience-story-grid--compact .audience-story-card{
    padding:21px;
  }
  .audience-story-grid--compact .audience-story-card h3{
    font-size:20px;
  }
  .audience-story-grid--compact .audience-story-card p{
    font-size:16.5px;
  }

  .how-test-step{
    padding:23px;
  }
  .how-test-step h3{
    font-size:21px;
  }
  .how-test-step p{
    font-size:16.5px;
  }

  .faq-final-section .faq summary{
    font-size:18px;
    padding:20px 54px 20px 20px;
  }
  .faq-final-section .faq details p{
    font-size:16.5px;
    padding:0 20px 20px;
  }

  .final-conversion__copy p{
    font-size:18px;
  }
  .final-conversion__steps span{
    font-size:14px;
  }

  .btn,
  .btn--large{
    font-size:18px;
  }

  .micro{
    font-size:14px;
    line-height:1.45;
  }

  .legal-document p,
  .legal-document li{
    font-size:16.5px;
  }
}


/* ===== V15: MOBILE TYPOGRAPHY — LARGE & READABLE ===== */
@media (max-width: 620px){

  body{font-size:20px;line-height:1.55;}
  .section{padding-top:58px;padding-bottom:58px;}
  .eyebrow{font-size:15px;line-height:1.35;margin-bottom:16px;}
  h1{font-size:48px;line-height:1.02;}
  h2{font-size:38px;line-height:1.08;margin-bottom:18px;}
  h3{font-size:25px;line-height:1.22;}

  p,
  .section-head p,
  .cases-head p,
  .audience-story__head p,
  .how-test__head p,
  .faq-final-intro p,
  .final-conversion__copy p{
    font-size:20px;
    line-height:1.58;
  }

  .hero-mobile__lead{font-size:21px;line-height:1.55;}
  .hero-mobile__mark{font-size:21px;}

  .bot-instruction{
    font-size:18px;
    line-height:1.5;
    padding:17px 18px;
  }
  .bot-instruction span{font-size:17px;line-height:1.5;}
  .chip{font-size:16px;padding:11px 15px;}

  .student-card{padding:20px;}
  .student-card__name{font-size:25px;}
  .student-card__role{font-size:18px;line-height:1.35;}
  .student-card__amount{font-size:40px;}
  .student-card__amount-note{font-size:18px;line-height:1.45;}
  .student-card p{font-size:20px;line-height:1.6;}
  .student-card__quote{font-size:18px;line-height:1.55;padding:18px;}
  .cases-bridge>span{font-size:18px;line-height:1.45;}
  .cases-bridge>strong{font-size:31px;line-height:1.12;}

  .audience-story-grid--compact .audience-story-card{padding:22px;}
  .audience-story-grid--compact .audience-story-card h3{font-size:23px;line-height:1.3;}
  .audience-story-grid--compact .audience-story-card p{font-size:19px;line-height:1.58;}
  .audience-story-card__number{font-size:15px;}
  .audience-story__bridge span{font-size:18px;}
  .audience-story__bridge strong{font-size:29px;line-height:1.15;}

  .how-test-step{padding:24px;}
  .how-test-step h3{font-size:24px;line-height:1.25;}
  .how-test-step p{font-size:19px;line-height:1.58;}
  .how-test-step__num{font-size:15px;}
  .how-test-step__icon{font-size:20px;}

  .faq-final-section .faq summary{
    font-size:21px;
    line-height:1.4;
    padding:22px 58px 22px 20px;
  }
  .faq-final-section .faq details p{
    font-size:19px;
    line-height:1.62;
    padding:0 20px 22px;
  }

  .final-conversion__copy p{font-size:20px;line-height:1.58;}
  .final-conversion__steps{gap:9px;}
  .final-conversion__steps span{font-size:17px;line-height:1.35;padding:11px 14px;}
  .final-phone__top{font-size:16px;}
  .final-phone__bubble{font-size:19px;line-height:1.5;}

  .btn,
  .btn--large{
    font-size:20px;
    min-height:62px;
    padding-left:20px;
    padding-right:20px;
  }

  .micro,
  .cases-bridge .micro,
  .audience-story__bridge .micro,
  .how-test__cta .micro,
  .final-conversion__copy .micro{
    font-size:16px;
    line-height:1.5;
  }

  .footer,
  .footer__inner{
    font-size:16px;
    line-height:1.55;
  }
  .footer__links{gap:12px;}

  .cookie-banner__copy strong{font-size:18px;}
  .cookie-banner__copy p{font-size:16px;line-height:1.5;}
  .cookie-banner__copy a{font-size:15px;}
  .cookie-btn{font-size:16px;min-height:50px;}

  .legal-document p,
  .legal-document li{
    font-size:18.5px;
    line-height:1.7;
  }
  .legal-document h2{font-size:27px;line-height:1.25;}
  .legal-meta{font-size:15px;}
}


/* ===== V17: MOBILE HERO FIX ===== */
html, body{
  overflow-x:hidden;
}

img{
  max-width:100%;
}

@media (max-width: 860px){
  .hero-approved,
  .hero-mobile,
  .hero-approved__frame{
    overflow:hidden;
  }

  .hero-mobile h1{
    font-size:clamp(40px, 11vw, 54px);
    line-height:1.02;
    letter-spacing:-0.02em;
    word-break:normal;
    overflow-wrap:anywhere;
  }

  .hero-mobile__mark{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    flex-wrap:wrap;
  }

  .hero-mobile__photo{
    min-height:0;
    width:100%;
    margin:18px 0 16px;
  }

  .hero-mobile__photo img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4/5;
    object-fit:cover;
    object-position:58% 38%;
    transform:none;
  }

  .hero-mobile__badge--questions{
    top:12px;
    right:12px;
    width:92px;
  }

  .hero-mobile__badge--free{
    left:12px;
    bottom:12px;
  }

  .cookie-banner{
    width:min(calc(100% - 20px), 760px);
    left:50%;
    right:auto;
    transform:translateX(-50%);
    box-sizing:border-box;
  }
}

@media (max-width: 620px){
  .container{
    width:min(calc(100% - 24px), 1160px);
  }

  .hero-mobile h1{
    font-size:44px;
  }

  .hero-mobile__lead{
    font-size:20px;
  }

  .hero-mobile__photo{
    border-radius:24px;
  }

  .hero-mobile__photo img{
    aspect-ratio:4/5;
    object-position:57% 34%;
  }

  .hero-mobile__badge--questions{
    width:86px;
  }

  .hero-mobile__badge--questions strong{
    font-size:26px;
  }

  .hero-mobile__badge--questions span{
    font-size:10px;
  }

  .cookie-banner{
    width:min(calc(100% - 16px), 760px);
    border-radius:24px;
  }
}


/* ===== V18: CLEAN DEDICATED MOBILE HERO PHOTO ===== */
@media (max-width: 860px){
  .hero-mobile__photo{
    width:100%;
    min-height:0;
    overflow:hidden;
    border-radius:26px;
    background:#efe8dd;
  }

  .hero-mobile__photo img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:0.85 / 1;
    object-fit:cover;
    object-position:center center;
    transform:none;
  }

  /* old overlay badges are no longer used */
  .hero-mobile__badge{
    display:none !important;
  }
}

@media (max-width: 620px){
  .hero-mobile__photo img{
    aspect-ratio:0.85 / 1;
    object-position:center center;
  }
}


/* ===== V19: MOBILE HERO — SHOW FULL VISUAL ===== */
@media (max-width: 860px){
  .hero-mobile__photo{
    width:100%;
    height:auto;
    min-height:0;
    overflow:hidden;
    border-radius:26px;
    background:#efe8dd;
  }

  .hero-mobile__photo img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center center;
    transform:none;
  }
}

@media (max-width: 620px){
  .hero-mobile__photo img{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
}


/* ===== V20: FINAL CLEAN MOBILE HERO ===== */
@media (max-width: 860px){
  .hero-mobile__photo{
    width:100%;
    height:auto;
    min-height:0;
    overflow:hidden;
    border-radius:26px;
    background:#efe8dd;
  }

  .hero-mobile__photo img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
    transform:none;
  }
}


/* ===== V21: COMPACT FIRST MOBILE SCREEN ===== */
@media (max-width: 620px){
  .hero-approved{
    padding-top:24px;
  }

  .hero-mobile h1{
    margin-bottom:18px;
  }

  .hero-mobile__mark{
    margin-bottom:16px;
    padding:10px 14px;
  }

  .hero-mobile__lead{
    margin-bottom:18px;
  }

  .hero-mobile__photo{
    margin-top:10px;
    margin-bottom:16px;
  }

  .bot-instruction--compact{
    margin:0 0 16px;
    padding:14px 16px;
    gap:2px;
  }

  .bot-instruction--compact strong{
    font-size:18px;
  }

  .bot-instruction--compact span{
    font-size:16px;
    line-height:1.4;
  }

  .hero-mobile__chips{
    margin:16px 0 16px;
  }
}


/* ===== V23: CENTERED MOBILE FIRST SCREEN + CONSISTENT MOBILE GRID ===== */
@media (max-width: 860px){
  .hero-mobile .container{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .hero-mobile .eyebrow{
    justify-content:center;
  }
  .hero-mobile h1,
  .hero-mobile__lead,
  .hero-mobile__micro{
    text-align:center;
  }
  .hero-mobile__mark{
    margin-left:auto;
    margin-right:auto;
  }
  .hero-mobile__lead{
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
  }
  .hero-mobile__photo,
  .bot-instruction--compact,
  .hero-mobile__cta{
    width:100%;
    max-width:780px;
  }
  .bot-instruction--compact{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }
  .hero-mobile__chips{
    justify-content:center;
    width:100%;
  }
  .hero-mobile__micro{
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
  }

  .cases-head,
  .audience-story__head,
  .how-test__head,
  .why-me__head,
  .faq-wrap > div:first-child,
  .final__box{
    text-align:center;
  }
  .cases-head .eyebrow,
  .audience-story__head .eyebrow,
  .how-test__head .eyebrow,
  .why-me__head .eyebrow{
    justify-content:center;
  }
  .cases-head p,
  .audience-story__head p,
  .how-test__head p,
  .faq-wrap > div:first-child p{
    margin-left:auto;
    margin-right:auto;
  }
}


/* ===== V25: ONE CTA ON MOBILE FIRST SCREEN ===== */
@media (max-width: 860px){
  .hero-approved{
    padding:10px 0 32px;
  }

  .hero-mobile--visual{
    display:block;
  }

  .hero-mobile--visual .container{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .hero-mobile-new{
    position:relative;
    width:100%;
    max-width:780px;
    margin:0 auto;
    overflow:hidden;
    border-radius:28px;
    background:#fff7ed;
    box-shadow:var(--shadow);
  }

  .hero-mobile-new img{
    display:block;
    width:100%;
    height:auto;
  }

  .hero-mobile-new__hotspot{
    position:absolute;
    left:5.6%;
    top:63.4%;
    width:42.2%;
    height:12.4%;
    border-radius:18px;
    cursor:pointer;
  }

  .hero-mobile-new__hotspot:focus-visible{
    outline:4px solid rgba(31,122,91,.75);
    outline-offset:4px;
  }
}

@media (max-width: 620px){
  .hero-approved{
    padding-top:8px;
    padding-bottom:28px;
  }

  .hero-mobile-new{
    border-radius:24px;
  }

  .hero-mobile-new__hotspot{
    border-radius:16px;
  }
}


/* ===== V27: TYPOGRAPHY / CORRECT MOBILE LINE BREAKS ===== */

/* Headings: balanced lines, no broken words or dangling punctuation. */
h1,
h2,
h3,
.section-head h2,
.cases-bridge > strong,
.audience-story__bridge strong,
.faq summary,
.final-conversion__copy h2{
  text-wrap: balance;
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

/* Body copy: prefer natural, visually even wrapping. */
p,
.micro,
.student-card__quote,
.bot-instruction,
.faq details p{
  text-wrap: pretty;
  hyphens: none;
  word-break: normal;
}

/* Semantic phrases that should never be torn apart. */
.keep-together{
  display:inline-block;
  white-space:nowrap;
}

/* Do not leave opening/closing Russian quotation marks visually isolated. */
.audience-story-card h3,
.faq summary{
  hanging-punctuation:first last;
}

@media (max-width: 620px){
  /* Slightly tighter heading measure gives cleaner 2–3-line compositions. */
  .cases-head h2,
  .audience-story__head h2,
  .how-test__head h2,
  .faq-final-intro h2,
  .final-conversion__copy h2{
    max-width: 100%;
    margin-left:auto;
    margin-right:auto;
  }

  /* This headline needs a little less size so the quoted phrase stays intact. */
  .audience-story__head h2{
    font-size:36px;
    line-height:1.10;
  }

  .audience-story__head h2 .keep-together{
    margin-top:.08em;
  }

  /* Card headings stay readable and don't produce one-word orphan lines. */
  .audience-story-card h3,
  .how-test-step h3{
    text-wrap:balance;
  }
}


/* ===== V28: FIXED SEMANTIC MOBILE HEADLINE BREAKS ===== */
.audience-title-fixed > span{
  display:inline;
}
.audience-title-fixed__accent{
  color:var(--green);
}

@media (max-width:620px){
  .audience-title-fixed{
    font-size:36px;
    line-height:1.10;
    text-align:center;
    text-wrap:initial;
  }
  .audience-title-fixed > span{
    display:block;
    white-space:nowrap;
  }
  .audience-title-fixed > span + span{
    margin-top:.06em;
  }

  /* Prevent awkward orphan lines in the other major mobile headings. */
  .cases-head h2,
  .how-test__head h2,
  .faq-final-intro h2,
  .final-conversion__copy h2{
    text-wrap:balance;
    max-width:18ch;
    margin-left:auto;
    margin-right:auto;
  }

  .audience-story-card h3,
  .how-test-step h3,
  .faq summary{
    text-wrap:balance;
    orphans:2;
    widows:2;
  }
}


/* ===== V30: COLORED + CENTERED DIRECTIONS HEADING ===== */
.cases-head{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.cases-head .eyebrow{
  justify-content:center;
}

.cases-title-fixed{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-wrap:initial;
}

.cases-title-fixed > span{
  display:block;
}

.cases-title-fixed__accent{
  color:var(--green);
  font-weight:950;
}

@media (max-width:620px){
  .cases-title-fixed{
    font-size:36px;
    line-height:1.10;
    max-width:100%;
  }

  .cases-title-fixed > span{
    white-space:normal;
  }

  .cases-title-fixed > span + span{
    margin-top:.06em;
  }

  .cases-title-fixed__accent{
    letter-spacing:-.02em;
  }
}