/* Private-master presentation. Quiz styles and behavior remain in their original files. */
.master-page { --master-ink: #18333f; --master-blue: #007aab; --master-muted: #586871; }
.master-header { border-bottom: 1px solid #e5eaed; background: #fff; }
.master-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 100px; }
.master-brand { display: flex; align-items: center; gap: 13px; color: var(--master-ink); }
.master-brand__mark { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #b9cdd7; border-radius: 50%; font-size: 23px; font-weight: 600; }
.master-brand strong { display: block; font-size: 21px; letter-spacing: -.5px; }
.master-brand small { display: block; margin-top: 5px; font-size: 12px; color: var(--master-muted); }
.master-header__contacts { display: flex; align-items: center; gap: 28px; }
.master-header__phone { font-size: 18px; font-weight: 600; white-space: nowrap; }
.master-header__call { padding: 12px 0; background: transparent; border: 0; color: var(--master-blue); font: inherit; font-size: 14px; cursor: pointer; }
.master-header__call span { margin-left: 10px; }
.master-hero { display: grid; grid-template-columns: 1.16fr 1fr; gap: 56px; align-items: center; padding: 48px 0 36px; color: var(--master-ink); }
.master-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; color: #45616e; margin-bottom: 20px; }
.master-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #009aca; flex-shrink: 0; }
.master-hero h1 { font-size: clamp(34px, 3.45vw, 48px); line-height: 1.12; font-weight: 600; letter-spacing: -1.8px; margin-bottom: 24px; }
.master-hero h1 span { color: var(--master-blue); }
.master-hero__intro { max-width: 540px; font-size: 17px; line-height: 1.65; color: var(--master-muted); }
.master-hero__personal { display: flex; align-items: flex-start; gap: 14px; padding: 21px 0; margin: 20px 0 24px; border-top: 1px solid #dce6eb; border-bottom: 1px solid #dce6eb; }
.master-hero__quote { color: #0087b4; font-family: Georgia, serif; font-size: 56px; line-height: 1; height: 28px; }
.master-hero__personal p { font-size: 16px; line-height: 1.6; max-width: 450px; }
.master-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 58px; padding: 17px 24px; border-radius: 7px; border: 1px solid transparent; background: #007eac; color: white; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; text-align: left; transition: background .2s; }
.master-button:hover { background: #006488; }
.master-button > span { font-size: 24px; line-height: 1; }
.master-hero__action > p { margin-top: 13px; font-size: 12px; line-height: 1.55; color: var(--master-muted); }
.master-portrait { position: relative; align-self: stretch; min-width: 0; min-height: 500px; overflow: hidden; border-radius: 12px; background: #e9e7e2; margin: 0; }
.master-portrait > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
.master-portrait figcaption { position: absolute; bottom: 18px; left: 18px; right: 18px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: rgba(255,255,255,.95); border-radius: 6px; color: var(--master-ink); font-size: 12px; }
.master-portrait__name { font-size: 22px; font-weight: 600; }
.master-details { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; padding: 25px 0 36px; margin-bottom: 34px; border-bottom: 1px solid #dce6eb; color: var(--master-ink); }
.master-details > div { display: flex; align-items: flex-start; gap: 14px; }
.master-details__number { font-size: 12px; line-height: 1.9; color: var(--master-blue); }
.master-details strong { display: block; font-size: 15px; font-weight: 600; }
.master-details p > span { display: block; font-size: 12px; line-height: 1.5; color: var(--master-muted); margin-top: 5px; }
.master-header a:focus-visible,.master-header button:focus-visible,.master-hero button:focus-visible,.master-thanks a:focus-visible,.master-thanks button:focus-visible { outline: 3px solid #007aab; outline-offset: 4px; }
.master-thanks { padding-top: 48px; color: var(--master-ink); }
.master-success { display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: center; margin-bottom: 48px; }
.master-success .master-eyebrow > span { display: grid; place-items: center; width: 22px; height: 22px; font-size: 12px; color: #fff; background: #397b65; }
.master-success h2 { font-size: clamp(32px,3.2vw,44px); line-height: 1.15; letter-spacing: -1.5px; font-weight: 600; margin-bottom: 20px; }
.master-success h2 > span { color: var(--master-blue); }
.master-success__intro { font-size: 16px; line-height: 1.65; color: var(--master-muted); }
.master-next { list-style: none; margin: 24px 0; }
.master-next li { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 18px; }
.master-next li > span { color: var(--master-blue); font-size: 12px; padding-top: 2px; }
.master-next strong { font-size: 15px; font-weight: 600; }
.master-next p { font-size: 13px; color: var(--master-muted); line-height: 1.6; margin-top: 4px; }
.master-success__note { padding: 16px 18px; margin-bottom: 22px; border-left: 2px solid #8fc8d9; background: #f3f7f8; font-size: 13px; line-height: 1.6; color: var(--master-muted); }
.master-portrait--thanks { min-height: 560px; }
.master-gift { display: flex; align-items: center; gap: 18px; padding: 24px; background: #f2f7f8; border-radius: 8px; }
.master-gift img { flex-shrink: 0; }
.master-gift strong { display: block; font-size: 17px; }
.master-gift p > span { display: block; margin-top: 6px; color: var(--master-muted); font-size: 13px; line-height: 1.5; }
.master-resources { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0 32px; }
.master-resources > a { position: relative; display: block; padding: 24px 52px 24px 24px; border: 1px solid #d6e2e7; border-radius: 8px; }
.master-resources > a:hover { background: #f5f9fa; border-color: #88b9c9; }
.master-resources > a > span:first-child { display: block; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--master-muted); margin-bottom: 10px; }
.master-resources strong { font-size: 18px; font-weight: 500; line-height: 1.4; }
.master-resources > a > span:last-child { position: absolute; right: 24px; top: 40%; color: var(--master-blue); font-size: 25px; }
.master-followup .attach__phone { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin: 0 0 68px; padding: 26px 0; border-top: 1px solid #dce6eb; border-bottom: 1px solid #dce6eb; }
.master-followup .attach__phone h3 { font-size: 18px; font-weight: 600; text-transform: none; margin-bottom: 7px; }
.master-followup .attach__phone p { font-size: 13px; line-height: 1.5; color: var(--master-muted); margin: 0; }
.master-followup .attach__form { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.master-followup .attach__input { width: 210px; margin: 0; }
.master-followup .attach__input input { width: 100%; height: 48px; border: 1px solid #a9bec8; border-radius: 6px; padding: 12px; font: inherit; font-size: 15px; }
.master-followup .attach__btn { width: auto; margin: 0; height: 48px; padding: 12px 20px; }
.master-thanks .button { background: #007eac; color: #fff; border: 0; font-family: inherit; text-transform: none; }
.master-thanks .section-title { font-size: 30px; font-weight: 600; letter-spacing: -.7px; }
.master-thanks .priceing,.master-thanks .check-list,.master-thanks .consult,.master-thanks .benefits,.master-thanks .gallery { margin: 0 0 64px; scroll-margin-top: 24px; }
.master-thanks .priceing__item { border: 1px solid #dce6eb; box-shadow: none; border-radius: 10px; }
.master-thanks .priceing__total { color: var(--master-blue); }
.master-thanks .check-list { padding: 32px; border-radius: 12px; background: #f3f7f8; }
.master-thanks .check-list__subtitle { color: var(--master-ink); }
.master-thanks .check-list__desc p { font-size: 15px; line-height: 1.7; color: var(--master-muted); }
.master-thanks .check-list__desc::after { background: linear-gradient(transparent,#f3f7f8); }
.master-thanks .check-list__more { font-size: 15px; cursor: pointer; }
.master-thanks .consult__input input { border-radius: 6px; border-color: #a9bec8; }
.master-thanks .benefits__list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.master-thanks .benefits__item { margin: 0; padding: 24px; background: #f3f7f8; border-radius: 8px; font-size: 15px; line-height: 1.65; }
.master-thanks .benefits__item::before { display: none; }
.master-thanks .benefits__item span { color: var(--master-ink); display: block; font-weight: 600; }
@media (max-width: 1000px) {
 .master-header__contacts { gap: 14px; }
 .master-header__phone { font-size: 16px; }
 .master-hero { gap: 30px; grid-template-columns: 1.1fr 1fr; }
 .master-hero h1 { font-size: 36px; letter-spacing: -1.3px; }
 .master-portrait { min-height: 470px; }
 .master-portrait figcaption { display: block; }
 .master-portrait figcaption > span { display: block; }
 .master-portrait__name { margin-bottom: 4px; }
 .master-success { gap: 30px; }
 .master-followup .attach__phone { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 767px) {
 .master-header__inner { min-height: 88px; gap: 12px; }
 .master-brand__mark { width: 36px; height: 36px; font-size: 18px; }
 .master-brand { gap: 8px; }
 .master-brand strong { font-size: 19px; }
 .master-brand small { max-width: 130px; font-size: 10px; line-height: 1.4; }
 .master-header__contacts { align-items: flex-end; flex-direction: column; gap: 4px; }
 .master-header__phone { font-size: 13px; }
 .master-header__call { font-size: 11px; padding: 3px 0; }
 .master-header__call span { margin-left: 2px; }
 .master-hero { grid-template-columns: 1fr; gap: 24px; padding-top: 28px; padding-bottom: 20px; }
 .master-eyebrow { font-size: 10px; margin-bottom: 16px; }
 .master-hero h1 { font-size: clamp(30px,7.6vw,44px); line-height: 1.13; margin-bottom: 18px; letter-spacing: -1.1px; }
 .master-hero__intro { font-size: 15px; line-height: 1.6; }
 .master-hero__personal { padding: 16px 0; margin: 16px 0 20px; }
 .master-hero__personal p { font-size: 14px; line-height: 1.5; }
 .master-button { width: 100%; font-size: 15px; min-height: 54px; padding: 15px 20px; }
 .master-hero__action > p br { display: none; }
 .master-hero__action > p { font-size: 11px; line-height: 1.5; }
 .master-portrait { min-height: 0; height: 420px; }
 .master-portrait > img { object-position: center 32%; }
 .master-portrait figcaption { display: flex; left: 12px; right: 12px; bottom: 12px; padding: 13px 16px; font-size: 11px; }
 .master-portrait__name { margin: 0; font-size: 20px; }
 .master-details { grid-template-columns: 1fr; gap: 17px; padding: 8px 0 24px; margin-bottom: 28px; }
 .master-details strong { font-size: 14px; }
 .master-details p > span { font-size: 12px; }
 .master-thanks { padding-top: 28px; }
 .master-success { grid-template-columns: 1fr; gap: 24px; margin-bottom: 24px; }
 .master-success h2 { font-size: 34px; letter-spacing: -1px; }
 .master-success__intro { font-size: 15px; }
 .master-next { margin: 22px 0; }
 .master-next li { margin-bottom: 16px; }
 .master-portrait--thanks { height: 350px; }
 .master-gift { padding: 20px 16px; align-items: flex-start; gap: 12px; }
 .master-gift strong { font-size: 15px; line-height: 1.4; }
 .master-resources { grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px; }
 .master-resources > a { padding: 20px 48px 20px 20px; }
 .master-resources strong { font-size: 17px; }
 .master-followup .attach__phone { margin-bottom: 40px; gap: 18px; padding: 24px 0; }
 .master-followup .attach__form { width: 100%; flex-wrap: wrap; }
 .master-followup .attach__input { width: 100%; }
 .master-followup .attach__btn { width: 100%; }
 .master-thanks .section-title { font-size: 25px; line-height: 1.3; letter-spacing: -.5px; }
 .master-thanks .priceing,.master-thanks .check-list,.master-thanks .consult,.master-thanks .benefits,.master-thanks .gallery { margin-bottom: 40px; }
 .master-thanks .check-list { padding: 24px 18px; }
 .master-thanks .benefits__list { grid-template-columns: 1fr; gap: 12px; }
 .master-thanks .benefits__item { padding: 20px; }
}
@media (max-width: 374px) {
 .master-brand__mark { display: none; }
 .master-portrait figcaption { gap: 8px; font-size: 10px; }
}
/* On phones the portrait follows the introduction heading, before the longer copy. */
@media (max-width: 767px) {
 .master-hero { gap: 16px; }
 .master-hero__copy { display: contents; }
 .master-hero__copy > .master-eyebrow { order: 0; margin-bottom: 0; }
 .master-hero__copy > h1 { order: 1; margin-bottom: 0; }
 .master-hero > .master-portrait { order: 2; height: 290px; }
 .master-hero > .master-portrait > img { object-position: center 38%; }
 .master-hero__intro { order: 3; }
 .master-hero__personal { order: 4; margin: 0; padding: 14px 0; }
 .master-hero__action { order: 5; }
}
