.e2brand {
    --e2r-deep: #142f2b;
    --e2r-mint: #82d8ce;
    --e2r-mint2: #dcefeb;
    --e2r-lime: #e8edbd;
    --e2b-lilac: #e6e0f1;
    --e2b-peach: #f0d6b8;
    background: #f5f4ef;
}

.e2brand .e2r-title { max-width: 960px; }
.e2brand .e2r-btn { min-height: 52px; }
.e2brand p a { color: #2f776f; border-bottom: 1px solid currentColor; }
.e2brand .e2b-seo p a { color: var(--e2r-mint); }

.e2b-hero { min-height: min(680px, calc(100vh - 62px)); }
.e2b-hero .e2r-hero-copy { padding-top: 38px; padding-bottom: 38px; }
.e2b-hero .e2r-visual { min-height: min(680px, calc(100vh - 62px)); }
.e2b-hero .e2r-visual > img { object-position: center 38%; }
.e2b-hero-card {
    position: absolute;
    z-index: 2;
    right: 28px;
    bottom: 28px;
    left: 28px;
    padding: 20px 22px;
    background: rgba(11, 24, 21, .86);
    color: #fff;
    backdrop-filter: blur(7px);
}
.e2b-hero-card small { color: var(--e2r-mint); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.e2b-hero-card > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; }
.e2b-hero-card span { padding-top: 9px; border-top: 1px solid rgba(255,255,255,.22); font-size: 11px; }

.e2b-facts div:nth-child(2) { background: #f2ecf6; }
.e2b-facts div:nth-child(2):before { background: #a695c0; }
.e2b-facts div:nth-child(3) { background: #f5e6d3; }
.e2b-facts div:nth-child(3):before { background: #cf9f69; }

.e2b-intro { background: #fff; }
.e2b-intro-note {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 30px;
    align-items: center;
    margin-top: 38px;
    padding: 28px 30px;
    border-left: 4px solid var(--e2r-mint);
    background: var(--e2r-mint2);
}
.e2b-intro-note strong { font-size: 21px; font-weight: 500; line-height: 1.15; }
.e2b-intro-note span { color: #52635f; }

.e2b-audience { background: #f5f4ef; }
.e2b-audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 38px; }
.e2b-audience-grid article { min-height: 195px; padding: 21px; background: #fff; }
.e2b-audience-grid article:nth-child(2),
.e2b-audience-grid article:nth-child(7) { background: var(--e2b-lilac); }
.e2b-audience-grid article:nth-child(3),
.e2b-audience-grid article:nth-child(6) { background: var(--e2b-peach); }
.e2b-audience-grid article:nth-child(4) { background: var(--e2r-mint2); }
.e2b-audience-grid article:last-child { grid-column: span 2; }
.e2b-audience-grid b { color: #4f9189; font-size: 11px; }
.e2b-audience-grid h3 { margin: 48px 0 9px; font-size: 19px; line-height: 1.12; }
.e2b-audience-grid p { margin: 0; color: #62716d; font-size: 12px; }

.e2b-system { background: #fff; }
.e2b-system-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; margin-top: 44px; }
.e2b-orbit { position: relative; width: min(100%, 510px); aspect-ratio: 1; margin: auto; border: 1px solid #bddbd5; border-radius: 50%; background: radial-gradient(circle, #f8fbfa 0 31%, transparent 32%), radial-gradient(circle, transparent 0 56%, rgba(131,217,207,.16) 57% 69%, transparent 70%); }
.e2b-orbit:before,
.e2b-orbit:after { position: absolute; top: 50%; left: 8%; width: 84%; height: 1px; background: #c6dcd7; content: ""; transform: rotate(30deg); transform-origin: center; }
.e2b-orbit:after { transform: rotate(-30deg); }
.e2b-orbit-core { position: absolute; z-index: 3; inset: 35%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; background: var(--e2r-deep); color: #fff; text-align: center; }
.e2b-orbit-core strong { font-size: 25px; font-weight: 500; letter-spacing: .08em; }
.e2b-orbit-core span { color: #b9cbc7; font-size: 10px; }
.e2b-orbit > span { position: absolute; z-index: 4; display: grid; min-width: 94px; min-height: 44px; place-items: center; padding: 7px 10px; background: var(--e2r-mint2); box-shadow: 0 8px 22px rgba(14,42,37,.11); font-size: 11px; font-weight: 600; text-align: center; transform: translate(-50%,-50%); }
.e2b-orbit .e2b-o1 { top: 7%; left: 50%; }
.e2b-orbit .e2b-o2 { top: 27%; left: 87%; background: var(--e2b-lilac); }
.e2b-orbit .e2b-o3 { top: 72%; left: 87%; background: var(--e2b-peach); }
.e2b-orbit .e2b-o4 { top: 93%; left: 50%; }
.e2b-orbit .e2b-o5 { top: 72%; left: 13%; background: var(--e2b-lilac); }
.e2b-orbit .e2b-o6 { top: 27%; left: 13%; background: var(--e2r-mint); }
.e2b-directions { display: grid; gap: 10px; }
.e2b-directions article { position: relative; padding: 19px 22px 19px 62px; border: 1px solid var(--e2r-line); background: #fafbf9; }
.e2b-directions article:before { position: absolute; top: 20px; left: 22px; color: #4b8f87; content: "↗"; font-size: 18px; }
.e2b-directions h3 { margin: 0 0 5px; font-size: 18px; }
.e2b-directions p { margin: 0; color: var(--e2r-muted); font-size: 12px; }
.e2b-query-strip { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 31px; }
.e2b-query-strip span { padding: 9px 12px; border: 1px solid #cad9d5; color: #45615b; font-size: 11px; }

.e2b-trust { display: grid; grid-template-columns: 1fr 1fr; min-height: 650px; background: var(--e2r-deep); color: #fff; }
.e2b-trust-photo { position: relative; min-height: 650px; overflow: hidden; }
.e2b-trust-photo:after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(10,27,23,.22)); content: ""; pointer-events: none; }
.e2b-trust-photo img { display: block; width: 100%; height: 100%; min-height: 650px; object-fit: cover; object-position: center; }
.e2b-trust-copy { display: flex; justify-content: center; flex-direction: column; padding: 64px max(30px,calc((100vw - 1200px)/2)) 64px 64px; }
.e2b-trust-copy .e2r-kicker { color: var(--e2r-mint); }
.e2b-trust-copy h2 { max-width: 620px; margin: 0; font-size: clamp(38px,4.2vw,62px); font-weight: 400; letter-spacing: -.05em; line-height: .98; }
.e2b-trust-copy > p { color: #c1ceca; }
.e2b-trust-copy ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 18px; margin: 20px 0; padding: 0; list-style: none; }
.e2b-trust-copy li { padding-top: 8px; border-top: 1px solid rgba(255,255,255,.16); color: #d9e1de; font-size: 12px; }
.e2b-trust-note { margin-top: 12px; padding: 17px 19px; background: var(--e2r-mint); color: var(--e2r-ink); font-weight: 600; }

.e2b-scope { background: #eaf1ed; }
.e2b-scope-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 42px; }
.e2b-scope details { background: #fff; }
.e2b-scope details:nth-child(2), .e2b-scope details:nth-child(5) { background: #f3f0f7; }
.e2b-scope summary { position: relative; min-height: 126px; padding: 54px 54px 20px 21px; cursor: pointer; list-style: none; font-size: 19px; font-weight: 600; line-height: 1.2; }
.e2b-scope summary::-webkit-details-marker { display: none; }
.e2b-scope summary:before { position: absolute; top: 20px; left: 21px; color: #4a8d85; content: attr(data-n); font-size: 10px; }
.e2b-scope summary:after { position: absolute; top: 16px; right: 17px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--e2r-line); border-radius: 50%; content: "↘"; font-weight: 400; }
.e2b-scope details[open] summary:after { background: var(--e2r-deep); color: #fff; transform: rotate(180deg); }
.e2b-scope details > div { padding: 0 21px 23px; border-top: 1px solid var(--e2r-line); color: var(--e2r-muted); font-size: 12px; }

.e2b-pages { background: #fff; }
.e2b-role-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-top: 42px; }
.e2b-role-grid article { min-height: 245px; padding: 21px; background: #f4f3ee; }
.e2b-role-grid article:nth-child(2), .e2b-role-grid article:nth-child(5) { background: var(--e2r-mint2); }
.e2b-role-grid span { color: #4b8f87; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.e2b-role-grid h3 { margin: 55px 0 9px; font-size: 19px; line-height: 1.13; }
.e2b-role-grid p { margin: 0; color: var(--e2r-muted); font-size: 12px; }

.e2b-seo { padding: 78px 0; background: var(--e2r-deep); color: #fff; }
.e2b-seo .e2r-kicker { color: var(--e2r-mint); }
.e2b-seo .e2r-lead { color: #c0ceca; }
.e2b-seo-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 42px; }
.e2b-seo-grid article { min-height: 235px; padding: 22px; background: rgba(255,255,255,.06); }
.e2b-seo-grid article:nth-child(2), .e2b-seo-grid article:nth-child(4) { background: rgba(131,217,207,.12); }
.e2b-seo-grid span { color: var(--e2r-mint); font-size: 11px; }
.e2b-seo-grid h3 { margin: 50px 0 9px; font-size: 19px; }
.e2b-seo-grid p { margin: 0; color: #bdcbc7; font-size: 12px; }
.e2b-schema { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }
.e2b-schema span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.17); color: #d8e5e1; font: 11px monospace; }

.e2b-authority { background: #f5f4ef; }
.e2b-authority-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 9px; margin-top: 42px; }
.e2b-authority-grid article { grid-column: span 4; min-height: 270px; padding: 23px; background: #fff; }
.e2b-authority-grid article:nth-child(4), .e2b-authority-grid article:nth-child(5) { grid-column: span 6; }
.e2b-authority-grid article:nth-child(2) { background: var(--e2b-lilac); }
.e2b-authority-grid article:nth-child(4) { background: var(--e2r-mint2); }
.e2b-authority-grid b { color: #4b8f87; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.e2b-authority-grid h3 { margin: 42px 0 10px; font-size: 22px; }
.e2b-authority-grid p, .e2b-authority-grid li { color: var(--e2r-muted); font-size: 12px; }
.e2b-authority-grid ul { padding-left: 17px; }
.e2b-authority-grid .e2b-small { margin-top: 20px; padding-top: 12px; border-top: 1px solid var(--e2r-line); color: #47625c; font-weight: 600; }

.e2b-process { background: #fff; }
.e2b-process-grid { position: relative; display: grid; grid-template-columns: repeat(8,1fr); gap: 8px; margin-top: 48px; padding-top: 35px; }
.e2b-process-grid:before { position: absolute; top: 11px; right: 10px; left: 10px; height: 2px; background: var(--e2r-mint); content: ""; }
.e2b-process-grid article { position: relative; min-height: 205px; padding: 18px 14px; background: #f2f3ee; }
.e2b-process-grid article:nth-child(3n) { background: var(--e2r-mint2); }
.e2b-process-grid article:before { position: absolute; top: -30px; left: 18px; width: 12px; height: 12px; border-radius: 50%; background: var(--e2r-mint); box-shadow: 0 0 0 5px #fff; content: ""; }
.e2b-process-grid b { color: #4b8f87; font-size: 11px; }
.e2b-process-grid h3 { margin: 45px 0 8px; font-size: 15px; }
.e2b-process-grid p { margin: 0; color: var(--e2r-muted); font-size: 10.5px; }

.e2b-results { background: #e9f0ec; }
.e2b-results-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 40px; }
.e2b-results-grid > div { padding: 30px; background: #fff; }
.e2b-results-grid > div:last-child { background: var(--e2r-mint2); }
.e2b-results-grid h3 { margin: 0 0 22px; font-size: 25px; }
.e2b-delivery-map { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 7px; align-items: center; min-height: 92px; margin: 0 0 25px; padding: 15px; background: #f3f5f1; }
.e2b-delivery-map span { display: flex; min-height: 53px; align-items: center; justify-content: center; flex-direction: column; border-top: 2px solid #76c9bf; background: #fff; color: #405c56; font-size: 9px; line-height: 1.2; text-align: center; }
.e2b-delivery-map span:nth-of-type(2) { border-color: #a695c0; }
.e2b-delivery-map span:nth-of-type(3) { border-color: #cf9f69; }
.e2b-delivery-map span:nth-of-type(4) { border-color: #4b8f87; }
.e2b-delivery-map span b { color: #4b8f87; font-size: 10px; font-weight: 600; }
.e2b-delivery-map > i { color: #78908a; font-size: 13px; font-style: normal; }
.e2b-delivery-map > i:before { content: "→"; }
.e2b-metrics-map { min-height: 92px; margin: 0 0 25px; padding: 12px 15px 14px; background: rgba(255,255,255,.52); }
.e2b-metrics-map small { display: block; margin-bottom: 8px; color: #56716b; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.e2b-metrics-map > div { display: grid; grid-template-columns: 76px 1fr; gap: 10px; align-items: center; margin-top: 6px; }
.e2b-metrics-map span { color: #425e58; font-size: 9px; }
.e2b-metrics-map i { position: relative; display: block; height: 5px; overflow: hidden; background: rgba(75,143,135,.16); }
.e2b-metrics-map i:before { position: absolute; inset: 0 auto 0 0; width: 70%; background: linear-gradient(90deg,#83d9cf,#4b8f87); content: ""; }
.e2b-metrics-map > div:nth-of-type(2) i:before { width: 56%; background: linear-gradient(90deg,#d3b7e3,#8874a8); }
.e2b-metrics-map > div:nth-of-type(3) i:before { width: 82%; background: linear-gradient(90deg,#efcfa8,#c4854e); }
.e2b-metrics-map i b { position: absolute; z-index: 2; top: 50%; left: 70%; width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background: #4b8f87; transform: translate(-50%,-50%); }
.e2b-metrics-map > div:nth-of-type(2) i b { left: 56%; background: #8874a8; }
.e2b-metrics-map > div:nth-of-type(3) i b { left: 82%; background: #c4854e; }
.e2b-results-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin: 0; padding: 0; list-style: none; }
.e2b-results-grid li { padding: 9px 0; border-top: 1px solid var(--e2r-line); color: #52645f; font-size: 12px; }

.e2b-site-choice { background: #fff; }
.e2b-site-choice-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: center; }
.e2b-site-choice-grid p { max-width: 730px; color: var(--e2r-muted); }
.e2b-site-choice-card { display: flex; min-height: 310px; justify-content: flex-end; flex-direction: column; padding: 30px; background: var(--e2r-lime); }
.e2b-site-choice-card span { margin-bottom: auto; color: #61705a; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.e2b-site-choice-card strong { font-size: 30px; font-weight: 400; line-height: 1.05; }
.e2b-site-choice-card a { margin-top: 25px; padding-top: 15px; border-top: 1px solid rgba(11,24,21,.2); color: var(--e2r-ink); font-weight: 600; }

.e2b-ethics { padding: 74px 0; background: var(--e2r-deep); color: #fff; }
.e2b-ethics .e2r-kicker { color: var(--e2r-mint); }
.e2b-ethics h2 { max-width: 850px; margin: 0; font-size: clamp(40px,4.8vw,66px); font-weight: 400; letter-spacing: -.05em; line-height: .98; }
.e2b-ethics-grid { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 40px; }
.e2b-ethics-grid span { padding: 10px 12px; background: rgba(255,255,255,.07); color: #d0ddda; font-size: 11px; }
.e2b-ethics-note { max-width: 760px; margin: 30px 0 0; padding: 18px 20px; background: var(--e2r-mint); color: var(--e2r-ink); font-weight: 600; }

.e2b-why { background: #f5f4ef; }
.e2b-why-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 9px; margin-top: 42px; }
.e2b-why-grid article { min-height: 225px; padding: 21px; background: #fff; }
.e2b-why-grid article:nth-child(2), .e2b-why-grid article:nth-child(5) { background: var(--e2r-mint2); }
.e2b-why-grid b { color: #4b8f87; font-size: 28px; font-weight: 400; }
.e2b-why-grid h3 { margin: 45px 0 8px; font-size: 18px; }
.e2b-why-grid p { margin: 0; color: var(--e2r-muted); font-size: 12px; }

.e2b-price .e2r-pricebox { background: var(--e2r-lime); }
.e2b-form-contacts { display: grid; gap: 8px; margin-top: 26px; }
.e2b-form-contacts a { color: #fff; font-size: 17px; }

@media (max-width: 1100px) {
    .e2b-audience-grid { grid-template-columns: repeat(2,1fr); }
    .e2b-audience-grid article:last-child { grid-column: auto; }
    .e2b-system-grid, .e2b-site-choice-grid { grid-template-columns: 1fr; }
    .e2b-role-grid { grid-template-columns: repeat(2,1fr); }
    .e2b-process-grid { grid-template-columns: repeat(4,1fr); }
    .e2b-process-grid:before, .e2b-process-grid article:before { display: none; }
    .e2b-process-grid { padding-top: 0; }
    .e2b-why-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 820px) {
    .e2b-hero { min-height: 0; }
    .e2b-hero .e2r-visual { min-height: 520px; }
    .e2b-intro-note, .e2b-trust, .e2b-results-grid { grid-template-columns: 1fr; }
    .e2b-trust-photo, .e2b-trust-photo img { min-height: 520px; }
    .e2b-trust-copy { padding: 55px 28px; }
    .e2b-scope-grid, .e2b-seo-grid { grid-template-columns: repeat(2,1fr); }
    .e2b-authority-grid article, .e2b-authority-grid article:nth-child(4), .e2b-authority-grid article:nth-child(5) { grid-column: span 6; }
}

@media (max-width: 650px) {
    .e2b-hero .e2r-visual { min-height: 430px; }
    .e2b-hero-card { right: 15px; bottom: 15px; left: 15px; padding: 16px; }
    .e2b-hero-card > div { grid-template-columns: repeat(2,1fr); }
    .e2b-intro-note { gap: 12px; padding: 22px; }
    .e2b-audience-grid, .e2b-scope-grid, .e2b-role-grid, .e2b-seo-grid, .e2b-process-grid, .e2b-why-grid { grid-template-columns: 1fr; }
    .e2b-audience-grid article { min-height: 170px; }
    .e2b-system-grid { gap: 38px; }
    .e2b-orbit { width: calc(100% - 18px); }
    .e2b-orbit > span { min-width: 75px; min-height: 36px; padding: 5px; font-size: 9px; }
    .e2b-orbit-core strong { font-size: 20px; }
    .e2b-trust-photo, .e2b-trust-photo img { min-height: 420px; }
    .e2b-trust-photo img { object-position: 58% center; }
    .e2b-trust-copy ul, .e2b-results-grid ul { grid-template-columns: 1fr; }
    .e2b-authority-grid { grid-template-columns: 1fr; }
    .e2b-authority-grid article, .e2b-authority-grid article:nth-child(4), .e2b-authority-grid article:nth-child(5) { grid-column: auto; min-height: 0; }
    .e2b-results-grid > div { padding: 23px; }
    .e2b-delivery-map { grid-template-columns: 1fr 1fr; }
    .e2b-delivery-map > i { display: none; }
    .e2b-site-choice-card { min-height: 260px; }
    .e2b-ethics { padding: 58px 0; }
}