/* ==========================================================================
   EVA x GRAZIA — Landing
   Чист лист: не наследява main.css / layout.css на сайта.
   ========================================================================== */

/* --- Дизайн токени (от Figma) --- */
:root {
    --lp-bordo: #7a1f2b;
    --lp-bordo-dark: #611722;
    --lp-mint: #94d3be;
    --lp-cream: #f7f3ee;
    --lp-cream-alt: #f2ede5;
    --lp-dark: #2b2723;
    --lp-ink: #16120f;
    --lp-text: #4a443e;
    --lp-muted: #6f6862;
    --lp-line: #d1cdc7;
    --lp-white: #fff;

    --lp-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --lp-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    --lp-max: 1280px;
    --lp-pad: 80px;
}

/* --- Reset (локален, скоупнат към landing-а) --- */

/* Браузърът слага margin: 8px на body по подразбиране — маха се, за да
   е страницата на пълна ширина. Landing-ът има собствен base темплейт,
   така че това не засяга останалата част от сайта. */
body {
    margin: 0;
    padding: 0;
}

.lp *,
.lp *::before,
.lp *::after {
    box-sizing: border-box;
}

.lp {
    margin: 0;
    padding: 0;
    font-family: var(--lp-sans);
    font-size: 16px;
    line-height: 1.5;
    color: var(--lp-text);
    background: var(--lp-cream);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lp h1,
.lp h2,
.lp h3,
.lp h4,
.lp p,
.lp figure,
.lp ul,
.lp ol {
    margin: 0;
    padding: 0;
}

.lp ul,
.lp ol {
    list-style: none;
}

.lp img {
    max-width: 100%;
    display: block;
}

.lp a {
    color: inherit;
    text-decoration: none;
}

.lp button {
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
}

/* --- Контейнер --- */
.lp-container {
    width: 100%;
    max-width: var(--lp-max);
    margin: 0 auto;
    padding-left: var(--lp-pad);
    padding-right: var(--lp-pad);
}

/* --- Типография --- */
.lp-h2 {
    font-family: var(--lp-serif);
    font-size: 48px;
    line-height: 1.16;
    font-weight: 600;
    color: var(--lp-ink);
    text-align: center;
}

.lp-h2--accent {
    color: var(--lp-bordo);
}

.lp-h2 u,
.lp-accent-underline {
    color: var(--lp-bordo);
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}

.lp-eyebrow {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

/* --- Бутони --- */
.lp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-align: center;
    transition: background-color .2s ease, color .2s ease;
}

.lp-btn--solid,
.lp a.lp-btn--solid {
    background: var(--lp-bordo);
    color: var(--lp-white);
}

.lp-btn--solid:hover {
    background: var(--lp-bordo-dark);
}

.lp-btn--outline {
    border: 1px solid var(--lp-white);
    color: var(--lp-white);
    padding: 17px 41px;
}

.lp-btn--outline:hover {
    background: rgba(255, 255, 255, .12);
}

/* ==========================================================================
   Header
   ========================================================================== */
/* Хедърът расте, когато на тесен екран навигацията не се събира на
   един ред — вместо да излиза извън лентата, тя се пренася надолу. */
.lp-header {
    background: var(--lp-cream);
    border-bottom: 1px solid var(--lp-line);
    min-height: 93px;
    padding: 12px 0;
    display: flex;
    align-items: center;
}

.lp-header__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 48px;
    width: 100%;
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp-header__logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.lp-header__logo img {
    width: 178px;
    height: 40px;
}

.lp-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 34px;
    margin-left: 24px;
}

.lp-nav a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: var(--lp-ink);
    transition: color .2s ease;
}

.lp-nav a:hover {
    color: var(--lp-bordo);
}

/* ==========================================================================
   Hero
   ========================================================================== */
.lp-hero {
    position: relative;
    min-height: 828px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    color: var(--lp-white);
}

.lp-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.lp-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.lp-hero__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .56);
}

.lp-hero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: calc(1024px + var(--lp-pad) * 2);
    padding: 0 var(--lp-pad);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 21px;
}

/* Целият hero върви с набора на водещия текст — 18px Inter. Тук
   се гасят главните букви и разредката, които идват от .lp-eyebrow. */
.lp-hero__eyebrow {
    font-size: 18px;
    font-weight: 400;
    line-height: 29.25px;
    letter-spacing: 0;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    text-align: center;
}

.lp-hero__title {
    font-family: var(--lp-serif);
    font-weight: 500;
    font-size: 72px;
    line-height: 66px;
    color: var(--lp-white);
    padding-top: 8px;
}

/* На десктоп двата реда са еднакви; мобилният ги разделя по размер. */
.lp-hero__title-sub,
.lp-hero__title-main {
    display: block;
}

.lp-hero__lead {
    max-width: 620px;
    font-size: 18px;
    line-height: 29.25px;
    color: rgba(255, 255, 255, .85);
}

.lp .lp-hero__lead strong {
    display: block;
    margin-top: 29px;
    font-size: 18px;
    line-height: 29.25px;
    font-weight: 400;
    color: rgba(255, 255, 255, .85);
}

.lp-hero__actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    padding-top: 32px;
}

.lp-hero__note {
    font-size: 18px;
    font-weight: 400;
    line-height: 29.25px;
    color: var(--lp-white);
}

/* --- Countdown (hero вариант) --- */
.lp-countdown {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 16px;
}

.lp-countdown__unit {
    border: 1px solid var(--lp-white);
    min-width: 74px;
    padding: 12px 10px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.lp-countdown__value {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.15;
    color: var(--lp-white);
}

.lp-countdown__label {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--lp-white);
}

/* ==========================================================================
   Partnership strip
   ========================================================================== */
.lp-partners {
    background: var(--lp-cream);
    padding: 34px 0 30px;
}

.lp-partners__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
    border-top: 1px solid var(--lp-line);
    padding-top: 30px;
}

.lp-partners__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    min-height: 92px;
}

.lp-partners__group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.lp-partners__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--lp-ink);
}

.lp-partners__logos {
    display: flex;
    align-items: center;
    gap: 44px;
}

.lp-partners__logo {
    font-family: var(--lp-serif);
    font-size: 34px;
    letter-spacing: 3px;
    color: var(--lp-ink);
    line-height: 1;
}

.lp-partners__x {
    color: var(--lp-muted);
    font-size: 14px;
}

.lp .lp-partners__note {
    margin-top: 40px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--lp-text);
}

/* ==========================================================================
   Ecosystem metrics (тъмна лента)
   ========================================================================== */
.lp-metrics {
    background: var(--lp-dark);
    color: var(--lp-white);
    padding: 44px 0 28px;
}

.lp-metrics__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp-metrics__row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 78px;
    padding-bottom: 8px;
}

.lp-metric {
    text-align: center;
    position: relative;
    min-width: 230px;
}

.lp-metric + .lp-metric::before {
    content: '';
    position: absolute;
    left: -39px;
    top: 4px;
    bottom: 26px;
    width: 1px;
    background: rgba(255, 255, 255, .28);
}

.lp-metric__value {
    font-family: var(--lp-serif);
    font-size: 46px;
    line-height: 1.25;
    color: var(--lp-white);
}

.lp .lp-metric__label {
    margin-top: 14px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .82);
}

.lp .lp-metrics__channels {
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.lp-metrics__channels li {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .9);
    padding: 0 20px;
    position: relative;
}

.lp-metrics__channels li + li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background: rgba(255, 255, 255, .28);
}

/* ==========================================================================
   Mission (двуколонна)
   ========================================================================== */
.lp-mission {
    background: var(--lp-cream);
    padding: 90px 0;
}

.lp-mission__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
    display: flex;
    align-items: center;
    gap: 60px;
}

.lp-mission__col {
    flex: 1 1 0;
    min-width: 0;
}

.lp-mission__title {
    font-family: var(--lp-serif);
    font-size: 42px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--lp-ink);
}

.lp-mission__title span {
    color: var(--lp-bordo);
}

.lp-mission__rule {
    width: 60px;
    height: 1px;
    background: #c9a86a;
    margin: 26px auto 30px;
}

.lp-mission__text p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--lp-text);
}

.lp .lp-mission__text p + p {
    margin-top: 22px;
}

.lp-mission__media {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Временен placeholder, докато логата/корицата се експортират от Figma. */
.lp-placeholder {
    width: 100%;
    min-height: 460px;
    border: 1px dashed var(--lp-line);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--lp-muted);
    text-align: center;
    padding: 20px;
}

/* ==========================================================================
   Quote band
   ========================================================================== */
.lp-quote {
    background: var(--lp-bordo);
    color: var(--lp-white);
    padding: 42px 0;
}

.lp-quote p {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--lp-pad);
    font-family: var(--lp-serif);
    font-size: 22px;
    line-height: 34px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

/* ==========================================================================
   Sectors (3x2 грид с разделители)
   ========================================================================== */
.lp-sectors {
    background: var(--lp-cream);
    padding: 100px 0 90px;
}

.lp-sectors__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp .lp-sectors__title {
    font-family: var(--lp-serif);
    font-size: 52px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 70px;
}

.lp-sectors__title span {
    color: var(--lp-bordo);
}

.lp-sectors__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 52px 0;
}

.lp-sector {
    padding: 0 34px;
    text-align: center;
    position: relative;
}

/* Вертикални разделители между колоните (не след последната). */
.lp-sector:not(:nth-child(3n))::after {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: var(--lp-line);
}

.lp .lp-sector__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--lp-bordo);
    margin-bottom: 14px;
}

.lp-sector__text {
    font-size: 15px;
    line-height: 24px;
    color: var(--lp-text);
}

/* ==========================================================================
   Process (5 стъпки)
   ========================================================================== */
.lp-process {
    background: var(--lp-cream);
    padding: 100px 0 110px;
}

.lp-process__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp .lp-process__title {
    font-family: var(--lp-serif);
    font-size: 52px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 76px;
}

.lp-process__title span {
    color: var(--lp-bordo);
}

.lp-process__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
}

.lp-step {
    border-top: 1px solid var(--lp-line);
    padding-top: 34px;
}

/* Първата стъпка е акцентирана в дизайна. */
.lp-step:first-child {
    border-top-color: var(--lp-bordo);
}

.lp-step__num {
    font-family: var(--lp-serif);
    font-size: 52px;
    line-height: 1;
    color: var(--lp-muted);
}

.lp-step:first-child .lp-step__num {
    color: var(--lp-bordo);
}

.lp .lp-step__title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--lp-ink);
    margin: 26px 0 12px;
}

.lp-step__text {
    font-size: 15px;
    line-height: 25px;
    color: var(--lp-text);
}

/* ==========================================================================
   Faces carousel ("Успехът има много лица")
   ========================================================================== */
.lp-faces {
    background: var(--lp-cream-alt);
    padding: 110px 0 100px;
}

.lp-faces__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp .lp-faces__title {
    font-family: var(--lp-serif);
    font-size: 58px;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 16px;
}

.lp .lp-faces__lead {
    font-size: 16px;
    line-height: 26px;
    color: var(--lp-text);
    text-align: center;
    margin-bottom: 56px;
}

.lp-carousel {
    position: relative;
}

/* Прозорецът крие излизащите слайдове. */
.lp-carousel__viewport {
    overflow: hidden;
}

.lp-carousel__track {
    display: flex;
    gap: 34px;
    transition: transform .45s ease;
    will-change: transform;
}

/* 3 карти на екран + 2 разстояния по 34px. */
.lp-carousel__slide {
    flex: 0 0 calc((100% - 68px) / 3);
    min-width: 0;
}

.lp-face-card {
    background: var(--lp-white);
    border: 1px solid var(--lp-line);
    padding: 30px 30px 26px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lp .lp-face-card__kicker {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--lp-ink);
    margin-bottom: 12px;
}

.lp .lp-face-card__title {
    font-family: var(--lp-serif);
    font-size: 24px;
    line-height: 1.25;
    font-weight: 400;
    color: var(--lp-ink);
    margin-bottom: 16px;
}

.lp-face-card__text {
    font-size: 15px;
    line-height: 24px;
    color: var(--lp-muted);
    flex: 1 1 auto;
}

.lp-face-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 28px;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--lp-bordo);
}

.lp-face-card__link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* --- Стрелки --- */
.lp .lp-carousel__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--lp-white);
    border: 1px solid var(--lp-line);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lp-bordo);
    font-size: 18px;
    line-height: 1;
    z-index: 2;
    transition: background-color .2s ease, opacity .2s ease;
}

.lp .lp-carousel__nav:hover {
    background: var(--lp-cream);
}

.lp-carousel__nav[disabled] {
    opacity: .35;
    cursor: default;
}

.lp-carousel__nav--prev {
    left: -50px;
}

.lp-carousel__nav--next {
    right: -50px;
}

/* --- Точки --- */
.lp-carousel__dots {
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-top: 42px;
}

.lp .lp-carousel__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d5cec6;
    padding: 0;
    transition: background-color .2s ease;
}

.lp .lp-carousel__dot.is-active {
    background: var(--lp-bordo);
}

/* ==========================================================================
   FAQ (акордеон)
   ========================================================================== */
.lp-faq {
    background: var(--lp-white);
    padding: 100px 0 110px;
}

.lp-faq__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

.lp-faq__aside {
    flex: 0 0 280px;
}

.lp .lp-faq__title {
    font-family: var(--lp-serif);
    font-size: 42px;
    line-height: 1.18;
    font-weight: 600;
    color: var(--lp-ink);
    margin-bottom: 18px;
}

.lp-faq__title span {
    color: var(--lp-bordo);
}

.lp-faq__note {
    font-size: 14px;
    line-height: 22px;
    color: var(--lp-muted);
}

.lp-faq__list {
    flex: 1 1 auto;
    min-width: 0;
    border-top: 1px solid var(--lp-line);
}

.lp-faq__item {
    border-bottom: 1px solid var(--lp-line);
}

.lp-faq__question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 0;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: var(--lp-ink);
}

.lp-faq__chevron {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--lp-muted);
    transition: transform .25s ease;
}

.lp-faq__item.is-open .lp-faq__chevron {
    transform: rotate(180deg);
}

/* Затворено състояние: grid-rows 0fr -> 1fr дава плавно разгъване
   без да се знае височината предварително. */
.lp-faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .28s ease;
}

.lp-faq__item.is-open .lp-faq__answer {
    grid-template-rows: 1fr;
}

.lp-faq__answer > div {
    overflow: hidden;
}

/* Всеки отговор завършва с 24px въздух — независимо дали последното в
   него е абзац или списък. Отстъпът стои на последното дете, а не на
   контейнера: сгъването е през grid-template-rows: 0fr и padding върху
   свиващата се кутия остава видим, когато въпросът е затворен. */
.lp-faq__answer > div > :last-child {
    padding-bottom: 24px;
}

.lp-faq__answer p {
    font-size: 15px;
    line-height: 25px;
    color: var(--lp-text);
    padding-bottom: 24px;
}

/* Отговор със списък: уводът върви плътно до булетите, а отстоянието
   надолу идва чак след последния абзац. Списъците в .lp са с изчистен
   list-style, затова точката се рисува ръчно. */
.lp-faq__answer .lp-faq__intro {
    padding-bottom: 10px;
}

/* Отстъпът е между последния булет и абзаца под списъка.
   Разстоянието между самите булети е li + li по-долу. */
.lp-faq__bullets {
    padding-bottom: 24px;
}

.lp-faq__bullets li {
    position: relative;
    padding-left: 18px;
    font-size: 15px;
    line-height: 25px;
    color: var(--lp-text);
}

.lp-faq__bullets li + li {
    margin-top: 6px;
}

.lp-faq__bullets li::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--lp-bordo);
}

/* ==========================================================================
   Why participate ("Защо да участвате...")
   ========================================================================== */
.lp-why {
    background: var(--lp-cream);
    padding: 96px 0 90px;
}

.lp-why__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp .lp-why__title {
    font-family: var(--lp-serif);
    font-size: 44px;
    line-height: 1.22;
    font-weight: 600;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 26px;
}

.lp-why__title span {
    color: var(--lp-bordo);
}

.lp .lp-why__kicker {
    font-family: var(--lp-serif);
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 18px;
}

.lp .lp-why__lead {
    max-width: 760px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 28px;
    color: var(--lp-text);
    text-align: center;
}

.lp-why__rule {
    width: 60px;
    height: 1px;
    background: var(--lp-line);
    margin: 54px auto;
}

.lp-why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.lp-why-card {
    background: var(--lp-cream-alt);
    border: 1px solid var(--lp-line);
    padding: 34px 30px 38px;
    text-align: center;
}

.lp-why-card__icon {
    width: 30px;
    height: 30px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lp-bordo);
}

.lp-why-card__icon img {
    width: 30px;
    height: 30px;
}

.lp .lp-why-card__title {
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--lp-bordo);
    margin-bottom: 16px;
}

.lp-why-card__text {
    font-size: 15px;
    line-height: 24px;
    color: var(--lp-text);
}

.lp .lp-why__outro {
    font-family: var(--lp-serif);
    font-size: 17px;
    line-height: 28px;
    color: var(--lp-bordo);
    text-align: center;
    margin: 54px 0 34px;
}

.lp-why__cta {
    text-align: center;
}

/* ==========================================================================
   What you get ("Какво получавате?")
   ========================================================================== */
.lp-get {
    background: var(--lp-white);
    padding: 96px 0 100px;
}

.lp-get__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp .lp-get__title {
    font-family: var(--lp-serif);
    font-size: 44px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 64px;
}

.lp-get__title span {
    color: var(--lp-bordo);
}

.lp-get__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 56px;
}

.lp-get-item__icon {
    height: 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.lp-get-item__icon img {
    width: auto;
    height: 22px;
}

.lp .lp-get-item__title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--lp-ink);
    margin-bottom: 10px;
}

.lp-get-item__text {
    font-size: 15px;
    line-height: 24px;
    color: var(--lp-text);
}

.lp-get__showcase {
    margin-top: 64px;
}

.lp-get__showcase img {
    width: 100%;
    height: auto;
    aspect-ratio: 1120 / 625;
}

.lp-get__cta {
    margin-top: 52px;
    text-align: center;
}

/* ==========================================================================
   Extras ("Допълнителни възможности")
   ========================================================================== */
.lp-extras {
    background: #f8f3eb;
    border-top: 1px solid var(--lp-line);
    border-bottom: 1px solid var(--lp-line);
    padding: 92px 0 100px;
}

.lp-extras__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp .lp-extras__title {
    font-family: var(--lp-serif);
    font-size: 42px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--lp-bordo);
    text-align: center;
    margin-bottom: 16px;
}

/* Уточнение под заглавието: набор и подредба като другите lead-ове в
   страницата, но в приглушен цвят, защото е второстепенно пояснение. */
.lp .lp-extras__lead {
    font-size: 16px;
    line-height: 26px;
    color: var(--lp-muted);
    text-align: center;
    margin-bottom: 58px;
}

.lp-extras__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
}

.lp-extra-card {
    background: var(--lp-white);
    border: 1px solid var(--lp-line);
    display: flex;
    flex-direction: column;
}

.lp-extra-card__media {
    aspect-ratio: 340 / 210;
    background: var(--lp-cream-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.lp-extra-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lp-extra-card__body {
    padding: 28px 30px 34px;
}

.lp .lp-extra-card__title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--lp-bordo);
    margin-bottom: 14px;
}

.lp-extra-card__text {
    font-size: 15px;
    line-height: 24px;
    color: var(--lp-text);
}

/* Компактен placeholder за липсващи изображения/иконки. */
.lp-ph {
    border: 1px dashed var(--lp-line);
    color: var(--lp-muted);
    font-size: 11px;
    letter-spacing: .6px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 24px;
    padding: 4px;
}

/* ==========================================================================
   Form section
   ========================================================================== */
.lp-form {
    position: relative;
    padding: 120px 0;
    background: #f5f0e8;
    overflow: hidden;
}

.lp-form__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.lp-form__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lp-form__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .65);
}

.lp-form__card {
    position: relative;
    z-index: 1;
    background: var(--lp-white);
    max-width: 880px;
    margin: 0 auto;
    padding: 48px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}

.lp .lp-form__title {
    font-family: var(--lp-serif);
    font-size: 48px;
    line-height: 56px;
    font-weight: 600;
    color: var(--lp-ink);
    text-align: center;
    margin-bottom: 16px;
}

.lp-form__title span {
    color: var(--lp-bordo);
}

.lp .lp-form__lead {
    font-size: 16px;
    line-height: 24px;
    color: #635e58;
    text-align: center;
    margin-bottom: 64px;
}

/* Съобщения след изпращане на заявката. */
.lp .lp-form__note {
    margin-bottom: 24px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}

.lp-form__note--ok {
    background: #eef6f1;
    border: 1px solid #94d3be;
    color: #2f6b52;
}

.lp-form__note--error {
    background: #fdf1f2;
    border: 1px solid #e0b3b9;
    color: var(--lp-bordo);
}

/* Поле-капан за ботове: скрито е, но не с display:none, за да го
   попълват автоматичните скриптове. */
.lp-form__trap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.lp-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 32px;
}

/* Textarea, чекбокс и бутон заемат цялата ширина. */
.lp-field--wide {
    grid-column: 1 / span 2;
}

.lp .lp-field__label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #635e58;
    margin-bottom: 4px;
}

.lp-field__input,
.lp-field__select,
.lp-field__textarea {
    width: 100%;
    font-family: var(--lp-sans);
    font-size: 16px;
    line-height: 24px;
    color: var(--lp-ink);
    background: var(--lp-white);
    border: 1px solid #6b7280;
    border-radius: 0;
    padding: 11px 13px;
    transition: border-color .2s ease;
}

.lp-field__input::placeholder,
.lp-field__textarea::placeholder {
    color: #6b7280;
}

.lp-field__input:focus,
.lp-field__select:focus,
.lp-field__textarea:focus {
    outline: none;
    border-color: var(--lp-bordo);
}

.lp-field__textarea {
    min-height: 100px;
    padding-top: 9px;
    resize: vertical;
}

/* Собствена стрелка (chevron от Figma), вместо системната. */
.lp-field__select {
    appearance: none;
    -webkit-appearance: none;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 41px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 9.6L12 14.4L16.8 9.6' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
}

.lp-form__consent {
    grid-column: 1 / span 2;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.lp-form__consent input {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    border: 1px solid var(--lp-line);
    border-radius: 2px;
    accent-color: var(--lp-bordo);
}

.lp-form__consent label {
    font-size: 16px;
    line-height: 24px;
    color: #635e58;
}

.lp-form__submit {
    grid-column: 1 / span 2;
    text-align: center;
}

.lp .lp-form__button {
    width: 100%;
    background: var(--lp-bordo);
    color: var(--lp-white);
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    transition: background-color .2s ease;
}

.lp .lp-form__button:hover {
    background: var(--lp-bordo-dark);
}

.lp .lp-form__deadline {
    margin-top: 16px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16.5px;
    letter-spacing: .55px;
    text-transform: uppercase;
    color: #c0a15b;
    text-align: center;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.lp-footer {
    background: var(--lp-white);
    border-top: 1px solid var(--lp-line);
    padding: 62px 0 0;
}

.lp-footer__inner {
    max-width: var(--lp-max);
    margin: 0 auto;
    padding: 0 var(--lp-pad);
}

.lp-footer__row {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 56px;
}

.lp-footer__logo {
    font-family: var(--lp-serif);
    font-size: 40px;
    line-height: 1;
    letter-spacing: 1px;
    color: var(--lp-ink);
}

.lp-footer__logo span {
    color: #c0a15b;
}

.lp-footer__rule {
    width: 44px;
    height: 1px;
    background: var(--lp-line);
    margin: 22px 0 18px;
}

.lp-footer__tagline {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #c0a15b;
}

.lp .lp-footer__heading {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--lp-bordo);
    margin-bottom: 22px;
}

.lp-footer__list li + li {
    margin-top: 14px;
}

.lp-footer__list a,
.lp-footer__list span {
    font-size: 15px;
    line-height: 24px;
    color: var(--lp-text);
    transition: color .2s ease;
}

.lp-footer__list a:hover {
    color: var(--lp-bordo);
}

.lp-footer__bottom {
    border-top: 1px solid var(--lp-line);
    padding: 22px 0 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.lp-footer__copy,
.lp-footer__legal a {
    font-size: 12px;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--lp-muted);
}

.lp-footer__legal {
    display: flex;
    gap: 32px;
}

.lp-footer__legal a:hover {
    color: var(--lp-bordo);
}

/* --- Лого Spotlight (partnership strip + footer) --- */
.lp-partners__spotlight {
    width: 120px;
    height: auto;
}

.lp-footer__spotlight {
    width: 116px;
    height: auto;
}

/* --- Изображения на списанията (Mission) --- */
.lp-mission__media img {
    width: 100%;
    max-width: 444px;
    height: auto;
    aspect-ratio: 444 / 547;
}

/* --- Лого EVA BUSINESS ISSUE (footer) --- */
.lp-footer__logo-img {
    width: 244px;
    height: auto;
}

/* --- Лога EVA и GRAZIA (partnership strip) --- */
.lp-partners__eva {
    width: 66px;
    height: auto;
}

.lp-partners__grazia {
    width: 102px;
    height: auto;
}

/* ==========================================================================
   Smooth scroll към котвите
   ========================================================================== */
html {
    scroll-behavior: smooth;
}

/* Малко въздух, за да не залепва заглавието за горния ръб.
   Само за секциите-цели, не за всеки елемент с id (напр. input-ите). */
.lp section[id],
.lp footer[id] {
    scroll-margin-top: 24px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* ==========================================================================
   МОБИЛНА ВЕРСИЯ (Figma: 390px)
   Дизайнът не е свит десктоп — има различни снимки, текстове и подредба.
   ========================================================================== */

/* Превключватели десктоп/мобилно */
.lp-mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .lp-desktop-only {
        display: none !important;
    }

    .lp-mobile-only {
        display: block;
    }

    /* Inline варианти (числата в metrics) */
    span.lp-mobile-only {
        display: inline;
    }

    :root {
        --lp-pad: 24px;
    }

    /* --- Header: само лого + CTA --- */
    /* Навигацията върви и на телефон — хедърът минава на два реда. */
    .lp-header {
        min-height: 0;
        padding: 16px 0;
    }

    .lp-header__inner {
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
        padding: 0 20px;
    }

    .lp-nav {
        order: 3;
        width: 100%;
        margin-left: 0;
        margin-top: 14px;
        justify-content: flex-start;
        gap: 10px 18px;
    }

    .lp-nav a {
        font-size: 12px;
        letter-spacing: .6px;
        white-space: nowrap;
    }

    /* --- Hero --- */
    .lp-hero {
        min-height: 700px;
    }

    /* Мобилната снимка сама по себе си е тъмна — плътното затъмнение
       отгоре я изяждаше, затова тук е по-леко. */
    .lp-hero__bg::after {
        background: rgba(0, 0, 0, .5);
    }

    .lp-hero__inner {
        max-width: 100%;
        padding: 56px 32px 72px;
        gap: 16px;
    }

    /* Двата реда са едно заглавие — един и същ набор, както на десктоп.
       36px е най-едрото, при което "Почеркът на успеха" се събира на
       един ред в 390px. */
    .lp-hero__title {
        padding-top: 0;
        font-size: 36px;
        line-height: 44px;
    }

    .lp-hero__lead {
        font-size: 18px;
        line-height: 29.25px;
        padding-bottom: 16px;
    }

    .lp-hero__actions {
        flex-direction: column;
        gap: 16px;
        padding-top: 0;
        width: 100%;
    }

    .lp-hero__actions .lp-btn {
        width: 100%;
    }

    /* Четирите кутии се делят по равно, вместо да излизат от екрана. */
    .lp-countdown {
        width: 100%;
        gap: 8px;
    }

    .lp-countdown__unit {
        flex: 1;
        min-width: 0;
        padding: 10px 4px 6px;
    }

    .lp-countdown__value {
        font-size: 28px;
    }

    .lp-countdown__label {
        font-size: 10px;
        letter-spacing: .4px;
    }

    .lp-hero__note {
        text-align: center;
    }

    /* --- Partnership strip: вертикално --- */
    .lp-partners {
        padding: 28px 0 30px;
    }

    .lp-partners__row {
        flex-direction: column;
        align-items: center;
        gap: 26px;
        min-height: 0;
    }

    .lp-partners__eva {
        width: 66px;
    }

    .lp .lp-partners__note {
        margin-top: 28px;
        font-size: 11px;
        line-height: 18px;
        text-align: center;
    }

    /* --- Metrics: вертикално, числата в мента --- */
    .lp-metrics {
        padding: 32px 0;
    }

    .lp-metrics__row {
        flex-direction: column;
        gap: 48px;
        padding-bottom: 0;
    }

    /* Двуколонна решетка: числото е дясно подравнено в колона с фиксирана
       ширина, за да стоят разделителите на двете метрики на една линия
       (в дизайна те са на x=189.7 и x=189.5). */
    .lp-metric {
        display: grid;
        grid-template-columns: 158px 1px 1fr;
        align-items: center;
        column-gap: 24px;
        min-width: 0;
        text-align: left;
    }

    /* Разделителят е вертикален между число и текст, не между картите */
    .lp-metric + .lp-metric::before {
        display: none;
    }

    .lp-metric__value {
        grid-column: 1;
        font-size: 38px;
        line-height: 1;
        text-align: right;
        color: var(--lp-mint);
    }

    /* Разделителят е собствен grid item (колона 2), за да е 32px висок и
       вертикално центриран спрямо реда, вместо да е висок колкото числото. */
    .lp-metric::after {
        content: '';
        grid-column: 2;
        grid-row: 1;
        width: 1px;
        height: 32px;
        background: rgba(255, 255, 255, .28);
    }

    .lp .lp-metric__label {
        grid-column: 3;
        grid-row: 1;
        margin-top: 0;
        text-align: left;
        font-size: 11px;
        line-height: 17px;
    }

    /* Каналите вървят един под друг, без вертикалните разделители. */
    .lp .lp-metrics__channels {
        margin-top: 32px;
        flex-direction: column;
        gap: 10px;
    }

    .lp-metrics__channels li {
        padding: 0;
        text-align: center;
    }

    .lp-metrics__channels li + li::before {
        display: none;
    }

    /* --- Mission: едноколонно, заглавие в главни букви --- */
    .lp-mission {
        padding: 54px 0;
    }

    .lp-mission__inner {
        flex-direction: column;
        gap: 34px;
    }

    /* flex:1 1 0 свива колоните до нулева височина в колонна посока */
    .lp-mission__col {
        flex: 0 0 auto;
        width: 100%;
    }

    .lp-mission__title {
        font-size: 30px;
        line-height: 1.25;
        text-transform: uppercase;
    }

    .lp-mission__rule {
        margin: 18px 0 22px;
    }

    .lp-mission__text p {
        text-align: left;
        font-size: 15px;
        line-height: 25px;
    }

    .lp-mission__media {
        min-height: 0;
        display: block;
    }

    .lp-mission__media img {
        max-width: 100%;
        margin: 0 auto;
    }

    /* --- Quote band: по-едър курсив, 5 реда --- */
    .lp-quote {
        padding: 15px 0;
    }

    /* 195px текстова кутия / 5 реда = 39px line-height (от Figma). */
    .lp-quote p {
        max-width: none;
        padding: 0 32px;
        font-size: 27px;
        line-height: 39px;
    }

    /* --- Sectors: едноколонно, ляво подравнено --- */
    .lp-sectors {
        padding: 120px 0;
    }

    /* 168px кутия / 3 реда = 56px line-height (от Figma). */
    .lp .lp-sectors__title {
        font-size: 42px;
        line-height: 56px;
        margin-bottom: 64px;
    }

    /* В мобилния дизайн секторите са разделени само с отстъп — без линии. */
    .lp-sectors__grid {
        grid-template-columns: 1fr;
        gap: 64px;
    }

    .lp-sector {
        padding: 0 0 0 24px;
        text-align: left;
    }

    /* Вертикалните разделители между колоните отпадат на мобилно */
    .lp-sector:not(:nth-child(3n))::after {
        display: none;
    }

    .lp .lp-sector__title {
        font-size: 14px;
        line-height: 19.5px;
        margin-bottom: 12px;
    }

    .lp-sector__text {
        font-size: 14px;
        line-height: 21px;
    }

    /* --- Карусел: една карта --- */
    .lp-faces {
        padding: 50px 0 141px;
    }

    /* 112px кутия / 2 реда = 56px line-height (от Figma). */
    .lp .lp-faces__title {
        font-size: 44px;
        line-height: 56px;
        margin-bottom: 16px;
    }

    .lp .lp-faces__lead {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 64px;
    }

    .lp-carousel__slide {
        flex: 0 0 100%;
    }

    .lp-carousel__track {
        gap: 32px;
    }

    /* Картата: 25px вътрешен отстъп, връзката е на 231px от горния ръб. */
    .lp-face-card {
        padding: 25px;
    }

    .lp .lp-face-card__kicker {
        color: var(--lp-bordo);
        margin-bottom: 8px;
    }

    .lp-face-card__link {
        margin-top: auto;
        padding-top: 28px;
    }

    /* Стрелките стоят навън и застъпват ръба на картата. */
    .lp .lp-carousel__nav {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .lp .lp-carousel__nav--prev {
        left: -30px;
    }

    .lp .lp-carousel__nav--next {
        right: -30px;
    }

    .lp-carousel__dots {
        margin-top: 40px;
    }

    /* --- Why participate --- */
    .lp-why {
        padding: 168px 0;
    }

    .lp .lp-why__title {
        font-size: 48px;
        line-height: 56px;
        font-weight: 600;
        margin-bottom: 24px;
    }

    .lp .lp-why__lead {
        font-size: 18px;
        line-height: 28px;
        color: rgba(22, 19, 15, .8);
        padding-bottom: 16px;
    }

    .lp-why__rule {
        margin: 24px auto 64px;
    }

    .lp-why__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Картите са ляво подравнени, с 40px вътрешен отстъп (от Figma). */
    .lp-why-card {
        padding: 40px;
        text-align: left;
        background: #fef9f1;
        border-radius: 2px;
    }

    .lp-why-card__icon {
        width: 36px;
        height: 36px;
        margin: 0 0 32px;
        justify-content: flex-start;
    }

    .lp-why-card__icon img {
        width: 36px;
        height: 36px;
    }

    .lp .lp-why-card__title {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: .6px;
        margin-bottom: 16px;
    }

    .lp .lp-why-card__text {
        font-size: 16px;
        line-height: 24px;
        color: rgba(22, 19, 15, .8);
    }

    /* Изводът е бордо курсив с прозрачност, центриран (от Figma). */
    .lp .lp-why__outro {
        font-family: var(--lp-serif);
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        color: rgba(122, 31, 43, .7);
        margin: 16px 0 40px;
    }

    /* Бутонът е с фиксирана ширина по съдържание, не 100% (от Figma). */
    .lp-why__cta .lp-btn {
        width: auto;
        padding: 20px 48px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 1.4px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    }

    /* Бутонът е с фиксирана ширина по съдържание, както при "why". */
    .lp-get__cta .lp-btn {
        width: auto;
        padding: 20px 48px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 1.4px;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    }

    /* --- What you get: едноколонно --- */
    .lp-get {
        padding: 120px 0;
    }

    /* 112px кутия / 2 реда = 56px line-height (от Figma). */
    .lp .lp-get__title {
        font-size: 42px;
        line-height: 56px;
        margin-bottom: 64px;
    }

    .lp-get__grid {
        grid-template-columns: 1fr;
        gap: 64px;
    }

    .lp-get-item__icon {
        height: 24px;
        margin-bottom: 16px;
    }

    .lp-get-item__icon img {
        height: 24px;
    }

    .lp .lp-get-item__title {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .lp-get-item__text {
        font-size: 15px;
        line-height: 24px;
    }

    .lp-get__showcase {
        margin-top: 64px;
    }

    .lp-get__cta {
        margin-top: 64px;
    }

    /* --- Extras: едноколонно --- */
    .lp-extras {
        padding: 96px 0;
    }

    .lp .lp-extras__title {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 16px;
    }

    .lp .lp-extras__lead {
        font-size: 16px;
        line-height: 24px;
        color: rgba(99, 94, 88, .6);
        margin-bottom: 64px;
    }

    .lp-extras__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .lp-extra-card__body {
        padding: 32px;
    }

    .lp .lp-extra-card__title {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 15.5px;
    }

    .lp-extra-card__text {
        font-size: 14px;
        line-height: 23px;
        color: rgba(22, 19, 15, .8);
    }

    /* --- Process: едноколонно --- */
    .lp-process {
        padding: 120px 0;
    }

    /* 112px кутия / 2 реда = 56px line-height (от Figma). */
    .lp .lp-process__title {
        font-size: 42px;
        line-height: 56px;
        margin-bottom: 64px;
    }

    .lp-process__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Всяка стъпка е с линия отгоре (HorizontalBorder във Figma). */
    .lp-step {
        padding-top: 33px;
    }

    .lp-step__num {
        font-size: 60px;
        line-height: 72px;
    }

    .lp .lp-step__title {
        margin: 12px 0 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .lp-step__text {
        font-size: 15px;
        line-height: 26px;
    }

    /* --- FAQ: едноколонно --- */
    /* Секцията е с по-тесни полета от останалите (40px, не 32px). */
    .lp-faq {
        padding: 120px 40px;
    }

    .lp-faq__inner {
        flex-direction: column;
        gap: 48px;
        padding: 0;
    }

    .lp-faq__aside {
        flex: 0 0 auto;
        width: 100%;
    }

    /* 168px кутия / 3 реда = 56px line-height (от Figma). */
    .lp .lp-faq__title {
        font-size: 48px;
        line-height: 56px;
        font-weight: 600;
        margin-bottom: 16px;
    }

    .lp-faq__note {
        font-size: 16px;
        line-height: 24px;
        color: #635e58;
    }

    /* Всеки item е с еднакъв отстъп горе и долу; при отворен отговорът
       се отделя от въпроса с 16px (gap-а от Figma). */
    .lp-faq__question {
        font-size: 16px;
        line-height: 24px;
        padding: 32px 0;
        gap: 16px;
        align-items: center;
    }

    .lp-faq__item.is-open .lp-faq__question {
        padding-bottom: 16px;
    }

    .lp-faq__answer p {
        font-size: 16px;
        line-height: 26px;
        color: #635e58;
        padding-bottom: 32px;
    }

    .lp-faq__bullets li {
        font-size: 16px;
        line-height: 26px;
        color: #635e58;
    }

    /* --- Форма: едноколонна --- */
    .lp-form {
        padding: 120px 32px;
    }

    .lp-form__card {
        padding: 32px;
        max-width: 100%;
    }

    /* Картата има gap 64px между шапката и формата; заглавието и lead-ът
       са на 16px един от друг (от Figma). */
    .lp .lp-form__lead {
        margin-bottom: 64px;
    }

    .lp-form__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .lp-field--wide,
    .lp-form__consent,
    .lp-form__submit {
        grid-column: 1;
    }

    /* --- Футър: тъмен фон, едноколонно --- */
    .lp-footer {
        background: var(--lp-dark);
        border-top: 0;
        padding: 44px 0 0;
    }

    .lp-footer__row {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-bottom: 34px;
    }

    .lp-footer__rule {
        background: rgba(255, 255, 255, .3);
        margin: 20px 0 16px;
    }

    .lp-footer__tagline {
        font-size: 13px;
        letter-spacing: 1.2px;
    }

    .lp .lp-footer__heading {
        color: #c98d97;
        margin-bottom: 16px;
    }

    .lp-footer__list a,
    .lp-footer__list span {
        color: rgba(255, 255, 255, .88);
        font-size: 14px;
    }

    .lp-footer__list a:hover {
        color: var(--lp-white);
    }

    .lp-footer__bottom {
        flex-direction: column;
        gap: 10px;
        border-top-color: rgba(255, 255, 255, .18);
        padding: 20px 0 26px;
        text-align: center;
    }

    .lp-footer__copy,
    .lp-footer__legal a {
        color: rgba(255, 255, 255, .6);
        font-size: 11px;
    }

    .lp-footer__legal {
        gap: 24px;
    }

    .lp-footer__legal a:hover {
        color: var(--lp-white);
    }

    /* Логото е черно -> върху тъмния футър се нуждае от бяла подложка,
       както е в дизайна. */
    .lp-footer__spotlight {
        background: var(--lp-white);
        padding: 8px 10px;
        width: auto;
        max-width: 150px;
    }
}