/* AUG010_TOP_NAV_V1_START */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 92px;
}

main.landing-shell > section {
    scroll-margin-top: 92px;
}

.landing-topbar {
    position: sticky;
    top: 0;
    z-index: 9000;
    width: 100%;
    border-bottom: 1px solid rgba(20,33,61,.08);
    background: rgba(255,255,255,.90);
    backdrop-filter: blur(18px) saturate(1.16);
    -webkit-backdrop-filter: blur(18px) saturate(1.16);
    box-shadow: 0 8px 30px rgba(20,33,61,.045);
}

body[data-ai-admin="1"] .landing-topbar {
    top: 56px;
}

.landing-topbar__inner {
    display: flex;
    align-items: center;
    gap: clamp(14px, 2vw, 34px);
    width: min(100%, 1760px);
    min-height: 68px;
    margin: 0 auto;
    padding: 8px clamp(18px, 3.5vw, 64px);
    box-sizing: border-box;
}

.landing-topbar__brand {
    flex: 0 0 auto;
    color: #172441;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.1;
    text-decoration: none;
    letter-spacing: -.015em;
    white-space: nowrap;
}

.landing-topbar__nav {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, .7vw, 12px);
    min-width: 0;
}

.landing-topbar__nav a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 clamp(9px, .85vw, 15px);
    border-radius: 999px;
    color: #59647a;
    font-size: 13px;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.landing-topbar__nav a:hover,
.landing-topbar__nav a:focus-visible {
    color: #172441;
    background: rgba(108,75,255,.07);
    transform: translateY(-1px);
}

.landing-topbar__actions {
    flex: 0 0 auto;
}

.landing-topbar__login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 20px;
    border: 1px solid rgba(20,33,61,.14);
    border-radius: 999px;
    background: #172441;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(20,33,61,.12);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.landing-topbar__login:hover,
.landing-topbar__login:focus-visible {
    transform: translateY(-1px);
    background: #22345f;
    box-shadow: 0 11px 28px rgba(20,33,61,.18);
}

@media (max-width: 1180px) {
    .landing-topbar__brand {
        display: none;
    }

    .landing-topbar__nav {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .landing-topbar__nav::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 760px) {
    body[data-ai-admin="1"] .landing-topbar {
        top: 0;
    }

    .landing-topbar__inner {
        min-height: 60px;
        padding-inline: 12px;
        gap: 8px;
    }

    .landing-topbar__nav {
        gap: 2px;
    }

    .landing-topbar__nav a {
        min-height: 34px;
        padding: 0 10px;
        font-size: 12px;
    }

    .landing-topbar__login {
        min-height: 38px;
        padding: 0 15px;
        font-size: 12px;
    }
}

/* AUG010_TOP_NAV_V1_END */

.architecture-section {
    margin-top: clamp(32px, 6vw, 80px);
}

.architecture-section > h2,
.architecture-section > p {
    max-width: 900px;
}

.architecture-grid {
    display: grid;
    gap: 18px;
    margin-top: 24px;
}

.architecture-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.architecture-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.architecture-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.architecture-grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.architecture-kicker {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid currentColor;
    opacity: .65;
    margin-bottom: 14px;
}

.architecture-stack {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.architecture-choice {
    min-width: 0;
}

.architecture-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 24px;
    padding: 0 22px;
    border: 1px solid currentColor;
    border-radius: 999px;
    opacity: .62;
    cursor: not-allowed;
}

@media (max-width: 980px) {
    .architecture-grid--3,
    .architecture-grid--4,
    .architecture-grid--5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .architecture-grid--2,
    .architecture-grid--3,
    .architecture-grid--4,
    .architecture-grid--5 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* AUG008_HERO_VISUAL_V4_START */

#screen-1-promise.hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: min(870px, 94vh);
    display: flex;
    align-items: center;
    padding: clamp(52px, 5.4vw, 92px) 0;
    background:
        radial-gradient(circle at 92% 8%, rgba(108, 75, 255, .15), transparent 29%),
        radial-gradient(circle at 82% 78%, rgba(24, 183, 243, .11), transparent 25%),
        linear-gradient(124deg, #ffffff 0%, #ffffff 54%, #f7fbff 100%);
}

#screen-1-promise.hero::before,
#screen-1-promise.hero::after { content: none; }

#screen-1-promise .hero__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(540px, .97fr);
    gap: clamp(52px, 5vw, 96px);
    align-items: center;
}

#screen-1-promise .hero__copy {
    max-width: 780px;
    animation: augHeroV4CopyIn .68s cubic-bezier(.2,.8,.2,1) both;
}

#screen-1-promise h1 {
    max-width: 760px;
    margin: 24px 0 22px;
    font-size: clamp(60px, 5.35vw, 84px);
    line-height: .94;
    letter-spacing: -.066em;
    color: #081c57;
    text-wrap: balance;
}

#screen-1-promise [data-content-key="hero.eyebrow"] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 11px 18px;
    border: 1px solid rgba(255, 154, 24, .70);
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    color: #142750;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    box-shadow: 0 10px 26px rgba(8,28,87,.06);
    backdrop-filter: blur(12px);
}

#screen-1-promise [data-content-key="hero.eyebrow"]::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff9a18;
    box-shadow: 0 0 0 6px rgba(255,154,24,.11);
}

#screen-1-promise [data-content-key="hero.subtitle"] {
    max-width: 680px;
    margin: 0 0 22px;
    font-size: clamp(21px, 1.5vw, 29px);
    line-height: 1.43;
    color: #3d5884;
}

#screen-1-promise [data-content-key="hero.meta"] {
    display: block;
    max-width: 720px;
    margin-top: 6px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: #20375f;
    font-size: clamp(15px, 1vw, 18px);
    line-height: 1.45;
    font-weight: 750;
}

.hero-v4-art {
    position: relative;
    min-height: 590px;
    perspective: 1400px;
    animation: augHeroV4SceneIn .82s cubic-bezier(.18,.8,.2,1) both;
}

.hero-v4-art__frame {
    position: relative;
    width: min(100%, 680px);
    height: 590px;
    margin: 0 auto;
    transform-style: preserve-3d;
}

.hero-v4-art__frame::before {
    content: "";
    position: absolute;
    inset: 90px 60px 80px 90px;
    border-radius: 48% 52% 44% 56%;
    background:
        linear-gradient(135deg, rgba(108,75,255,.11), rgba(24,183,243,.08) 52%, rgba(53,201,120,.08));
    filter: blur(2px);
    transform: rotate(-8deg);
}

.hero-v4-art__frame::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 8%;
    bottom: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(8,28,87,.10);
    filter: blur(24px);
}

.hero-v4-module {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 34px;
    padding: 28px;
    box-shadow:
        0 30px 70px rgba(8,28,87,.14),
        inset 0 1px 0 rgba(255,255,255,.40);
    transform-style: preserve-3d;
    transition: transform .28s ease, box-shadow .28s ease;
}

.hero-v4-module::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(128deg, rgba(255,255,255,.28), transparent 34%, transparent 70%, rgba(255,255,255,.12));
    pointer-events: none;
}

.hero-v4-module::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -46px;
    top: -54px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.05));
}

.hero-v4-module__kicker {
    position: relative;
    z-index: 2;
    max-width: 82%;
    font-size: clamp(24px, 1.7vw, 31px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.035em;
    color: #fff;
    text-shadow: 0 2px 14px rgba(8,28,87,.12);
}

.hero-v4-module__mark {
    position: relative;
    z-index: 2;
    align-self: flex-end;
    font-size: 58px;
    line-height: .9;
    font-weight: 850;
    letter-spacing: -.05em;
    color: rgba(255,255,255,.34);
}

.hero-v4-module--violet {
    width: 330px;
    height: 245px;
    right: 44px;
    top: 18px;
    background:
        radial-gradient(circle at 78% 16%, rgba(255,255,255,.38), transparent 27%),
        linear-gradient(145deg, #4f2fe2 0%, #6545f5 35%, #846cff 66%, #3926b8 100%);
    transform: rotate(3deg) translateZ(30px);
    box-shadow: 0 34px 80px rgba(108,75,255,.28);
}

.hero-v4-module--cyan {
    width: 310px;
    height: 228px;
    left: 18px;
    bottom: 66px;
    background:
        radial-gradient(circle at 24% 16%, rgba(255,255,255,.40), transparent 27%),
        linear-gradient(145deg, #0589ce 0%, #10acec 35%, #37c9ff 66%, #0674b1 100%);
    transform: rotate(-4deg) translateZ(18px);
    box-shadow: 0 32px 72px rgba(24,183,243,.25);
}

.hero-v4-module--green {
    width: 360px;
    height: 220px;
    right: 8px;
    bottom: 12px;
    background:
        radial-gradient(circle at 78% 20%, rgba(255,255,255,.28), transparent 30%),
        linear-gradient(145deg, #20a95c 0%, #35c978 42%, #64dfa1 70%, #16884a 100%);
    transform: rotate(1.5deg) translateZ(38px);
    box-shadow: 0 34px 76px rgba(53,201,120,.25);
}

.hero-v4-module--orange {
    width: 248px;
    height: 156px;
    left: 72px;
    top: 54px;
    background:
        radial-gradient(circle at 76% 16%, rgba(255,255,255,.34), transparent 30%),
        linear-gradient(145deg, #f47f00 0%, #ff9a18 42%, #ffc14c 72%, #db6700 100%);
    transform: rotate(-7deg) translateZ(58px);
    box-shadow: 0 30px 68px rgba(255,154,24,.25);
}

.hero-v4-module--orange .hero-v4-module__kicker {
    font-size: clamp(22px, 1.5vw, 28px);
}

.hero-v4-module--orange .hero-v4-module__mark {
    font-size: 44px;
}

.hero-v4-core {
    position: absolute;
    z-index: 6;
    left: 48%;
    top: 48%;
    width: 118px;
    height: 118px;
    transform: translate(-50%, -50%) translateZ(80px);
    border-radius: 50%;
    background:
        radial-gradient(circle at 36% 28%, #ffffff 0%, #f7f9ff 34%, #e8efff 68%, #dce6ff 100%);
    box-shadow:
        0 28px 66px rgba(8,28,87,.16),
        inset 0 0 0 1px rgba(255,255,255,.95);
}

.hero-v4-core::before,
.hero-v4-core::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.hero-v4-core::before {
    width: 42px;
    height: 42px;
    background:
        conic-gradient(from 35deg, #6c4bff 0 25%, #18b7f3 25% 50%, #35c978 50% 75%, #ff9a18 75% 100%);
    box-shadow:
        0 0 0 10px rgba(255,255,255,.62),
        0 16px 34px rgba(8,28,87,.13);
}

.hero-v4-core::after {
    width: 16px;
    height: 16px;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(8,28,87,.05);
}

.hero-v4-module:hover {
    transform: translateY(-8px) scale(1.015);
    box-shadow: 0 42px 88px rgba(8,28,87,.20);
}

@keyframes augHeroV4CopyIn {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes augHeroV4SceneIn {
    from { opacity: 0; transform: translateY(22px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1240px) {
    #screen-1-promise .hero__grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .hero-v4-art {
        min-height: 560px;
        max-width: 760px;
    }
    .hero-v4-art__frame {
        height: 560px;
    }
}

@media (max-width: 760px) {
    #screen-1-promise.hero {
        min-height: auto;
        padding: 40px 0 54px;
    }
    #screen-1-promise h1 {
        font-size: clamp(44px, 12.8vw, 64px);
        line-height: .96;
    }
    #screen-1-promise [data-content-key="hero.eyebrow"] {
        font-size: 11px;
        padding: 10px 14px;
    }
    #screen-1-promise [data-content-key="hero.subtitle"] {
        font-size: 19px;
    }
    .hero-v4-art,
    .hero-v4-art__frame {
        min-height: 0;
        height: auto;
    }
    .hero-v4-art__frame {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        width: 100%;
    }
    .hero-v4-art__frame::before,
    .hero-v4-art__frame::after,
    .hero-v4-core {
        display: none;
    }
    .hero-v4-module {
        position: relative;
        inset: auto !important;
        width: auto !important;
        height: 188px !important;
        transform: none !important;
        border-radius: 24px;
        padding: 20px;
    }
    .hero-v4-module__kicker {
        max-width: 100%;
        font-size: 19px !important;
    }
    .hero-v4-module__mark {
        font-size: 42px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #screen-1-promise *,
    #screen-1-promise::before,
    #screen-1-promise::after {
        animation: none !important;
        transition: none !important;
    }
}

/* AUG008_HERO_VISUAL_V4_END */

/* AUG008_SCREEN2_TRAJECTORIES_V2_START */
#screen-2-audiences.audience-routes{position:relative;margin-top:clamp(76px,8vw,132px);padding-top:clamp(18px,2vw,28px);padding-bottom:clamp(72px,8vw,124px)}
.audience-routes__header{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;max-width:1180px;margin-bottom:clamp(42px,5vw,70px)}

.audience-routes__heading>h2{margin:0 0 14px;max-width:920px;font-size:clamp(50px,4.5vw,72px);line-height:.96;letter-spacing:-.055em;color:#081c57;text-wrap:balance}
.audience-routes__heading>p{margin:0;max-width:900px;font-size:clamp(19px,1.3vw,24px);line-height:1.46;color:#506786}
.audience-trajectories{position:relative;display:flex;flex-direction:column;gap:16px;padding:14px 0}

.audience-trajectory{--accent:#6c4bff;--accent-soft:rgba(108,75,255,.12);position:relative;display:grid;grid-template-columns:128px minmax(0,1fr) 34px;gap:26px;align-items:center;min-height:170px;padding:24px 26px 24px 0;border-radius:26px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.96) 10%,rgba(255,255,255,.96) 82%,var(--accent-soft) 100%);box-shadow:0 20px 48px rgba(8,28,87,.07);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease}
.audience-trajectory::before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 60%,white))}
.audience-trajectory:hover{transform:translateX(8px);box-shadow:0 28px 60px rgba(8,28,87,.11)}
.audience-trajectory--orange{--accent:#ff9a18;--accent-soft:rgba(255,154,24,.12);margin-right:72px}
.audience-trajectory--violet{--accent:#6c4bff;--accent-soft:rgba(108,75,255,.12);margin-left:72px}
.audience-trajectory--cyan{--accent:#18b7f3;--accent-soft:rgba(24,183,243,.11);margin-right:38px}
.audience-trajectory--green{--accent:#35c978;--accent-soft:rgba(53,201,120,.11);margin-left:110px}
.audience-trajectory__accent{position:relative;height:100%;min-height:120px}
.audience-trajectory__dot{position:absolute;left:34px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#fff;border:6px solid var(--accent);box-shadow:0 0 0 10px var(--accent-soft)}
.audience-trajectory__line{position:absolute;left:58px;right:0;top:50%;height:3px;margin-top:-1.5px;background:linear-gradient(90deg,var(--accent),rgba(8,28,87,.08));border-radius:999px}
.audience-trajectory__content{position:relative;z-index:2}
.audience-trajectory__content>h2{margin:0 0 12px;max-width:720px;font-size:clamp(32px,2.4vw,46px);line-height:1.02;letter-spacing:-.045em;color:#081c57}
.audience-trajectory__content>p{margin:0;max-width:860px;font-size:clamp(18px,1.16vw,21px);line-height:1.5;color:#506786}
.audience-trajectory__terminal{position:relative;width:18px;height:18px;justify-self:end;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px var(--accent-soft)}




@media(max-width:1180px){.audience-trajectories{padding-right:0}.audience-trajectory{margin-left:0!important;margin-right:0!important;grid-template-columns:110px minmax(0,1fr) 24px}}
@media(max-width:720px){.audience-routes__header{grid-template-columns:1fr;gap:14px}.audience-routes__index{width:54px;height:54px;border-radius:16px;font-size:18px}.audience-routes__heading>h2{font-size:clamp(42px,12vw,60px)}.audience-routes__heading>p{font-size:18px}.audience-trajectories{gap:16px}.audience-trajectory{display:block;padding:26px 22px 28px 28px;min-height:0;border-radius:24px}.audience-trajectory__accent,.audience-trajectory__terminal{display:none}.audience-trajectory__content>h2{font-size:34px}.audience-trajectory__content>p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.audience-trajectory{transition:none!important}}
/* AUG008_SCREEN2_TRAJECTORIES_V2_END */

/* AUG008_SCREEN3_JOURNEY_FULLWIDTH_V1_START */

#screen-3-days.days-journey {
    position: relative;
    margin-top: clamp(92px, 8vw, 144px);
    padding: clamp(86px, 8vw, 126px) 0 clamp(100px, 9vw, 150px);
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 14%, rgba(255, 154, 24, .05), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(108, 75, 255, .06), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,255,.96));
}

#screen-3-days.days-journey::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,154,24,.02), rgba(108,75,255,.02) 33%, rgba(24,183,243,.02) 66%, rgba(53,201,120,.02));
    pointer-events: none;
}

.days-journey__intro {
    position: relative;
    z-index: 1;
    width: min(1500px, calc(100vw - 96px));
    margin: 0 auto clamp(42px, 5vw, 68px);
}

.days-journey__intro > h2 {
    margin: 0 0 18px;
    max-width: 1120px;
    font-size: clamp(56px, 5.1vw, 82px);
    line-height: .95;
    letter-spacing: -.06em;
    color: #081c57;
    text-wrap: balance;
}

.days-journey__intro > p {
    margin: 0;
    max-width: 1100px;
    font-size: clamp(19px, 1.34vw, 24px);
    line-height: 1.5;
    color: #4f6584;
}

.days-journey__canvas {
    position: relative;
    z-index: 1;
    width: min(1720px, calc(100vw - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    align-items: start;
    padding-top: 22px;
}

.days-journey__line {
    display: none;
}

.day-stage {
    --accent: #6c4bff;
    --accent-soft: rgba(108,75,255,.12);
    position: relative;
    min-height: 620px;
    padding: 82px 30px 34px;
    border: 1px solid rgba(222,229,242,.92);
    border-radius: 34px;
    background:
        radial-gradient(circle at 86% 14%, var(--accent-soft), transparent 28%),
        linear-gradient(155deg, #ffffff 0%, #ffffff 58%, #f8fbff 100%);
    box-shadow:
        0 30px 72px rgba(8,28,87,.08),
        inset 0 1px 0 rgba(255,255,255,.96);
    overflow: hidden;
    transition: transform .24s ease, box-shadow .24s ease;
}

.day-stage:hover {
    transform: translateY(-8px);
    box-shadow: 0 38px 86px rgba(8,28,87,.13);
}

.day-stage--orange {
    --accent: #ff9a18;
    --accent-soft: rgba(255,154,24,.13);
    margin-top: 0;
}

.day-stage--violet {
    --accent: #6c4bff;
    --accent-soft: rgba(108,75,255,.13);
    margin-top: 42px;
}

.day-stage--cyan {
    --accent: #18b7f3;
    --accent-soft: rgba(24,183,243,.13);
    margin-top: 18px;
}

.day-stage--green {
    --accent: #35c978;
    --accent-soft: rgba(53,201,120,.13);
    margin-top: 58px;
}

.day-stage::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -64px;
    top: -66px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 38% 38%,
            color-mix(in srgb, var(--accent) 28%, white),
            var(--accent-soft) 52%,
            transparent 72%);
    opacity: .78;
    pointer-events: none;
}

.day-stage__marker {
    position: absolute;
    left: 28px;
    top: 24px;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 28%,
            #ffffff 0%,
            color-mix(in srgb, var(--accent) 12%, white) 46%,
            color-mix(in srgb, var(--accent) 38%, white) 100%);
    box-shadow:
        0 16px 38px var(--accent-soft),
        inset 0 0 0 1px rgba(255,255,255,.96);
}

.day-stage__dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow:
        0 0 0 8px rgba(255,255,255,.78),
        0 0 0 9px color-mix(in srgb, var(--accent) 28%, transparent);
}

.day-stage__dash {
    display: none;
}

.day-stage__content > h2 {
    margin: 38px 0 26px;
    font-size: clamp(32px, 2.5vw, 54px);
    line-height: .98;
    letter-spacing: -.05em;
    color: #081c57;
    text-wrap: balance;
}

.day-stage__content > p {
    margin: 0;
    font-size: clamp(18px, 1.2vw, 22px);
    line-height: 1.38;
    color: #586d8d;
}

@media (max-width: 1420px) {
    .days-journey__intro {
        width: min(1420px, calc(100vw - 72px));
    }

    .days-journey__canvas {
        width: min(1480px, calc(100vw - 40px));
        gap: 18px;
    }

    .day-stage {
        min-height: 600px;
        padding: 76px 24px 30px;
    }

    .day-stage__content > h2 {
        font-size: clamp(28px, 2.4vw, 44px);
    }
}

@media (max-width: 1120px) {
    .days-journey__canvas {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        padding-top: 24px;
    }

    .days-journey__line {
        display: none;
    }

    .day-stage {
        min-height: 0;
        margin-top: 0 !important;
    }

    .day-stage__marker {
        top: 24px;
    }

    .day-stage {
        padding-top: 72px;
    }
}

@media (max-width: 720px) {
    #screen-3-days.days-journey {
        padding: 72px 0 88px;
    }

    .days-journey__intro {
        width: calc(100vw - 32px);
        margin-bottom: 28px;
    }

    .days-journey__intro > h2 {
        font-size: clamp(42px, 12vw, 60px);
    }

    .days-journey__intro > p {
        font-size: 18px;
    }

    .days-journey__canvas {
        width: calc(100vw - 24px);
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .day-stage {
        padding: 70px 22px 28px;
        border-radius: 26px;
    }

    .day-stage__marker {
        left: 22px;
        right: 22px;
    }

    .day-stage__content > h2 {
        font-size: 36px;
    }

    .day-stage__content > p {
        font-size: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .day-stage {
        transition: none !important;
    }
}

/* AUG008_SCREEN3_JOURNEY_FULLWIDTH_V1_END */

/* AUG008_AJAX_MULTILINE_RENDER_V1 */
[data-ai-editable="1"] {
    white-space: pre-line;
}

/* AUG008_SECTION_FLOW_V1_START */
main.landing-shell > section {
    position: relative;
}

#screen-1-promise {
    padding-bottom: clamp(40px, 5vw, 72px) !important;
}

#screen-2-audiences,
#screen-3-days,
#screen-4-tracks,
#screen-5-practice,
#screen-6-roles,
#screen-7-proofs,
#screen-8-registration {
    padding-top: clamp(28px, 4vw, 56px) !important;
    padding-bottom: clamp(28px, 4vw, 56px) !important;
}

main.landing-shell > section + section {
    margin-top: clamp(18px, 2.4vw, 36px) !important;
}

.reveal-section {
    opacity: .96;
    transform: translate3d(0, 24px, 0) scale(.995);
    transition:
        opacity .52s ease-out,
        transform .72s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
}

.reveal-section.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .reveal-section {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}
/* AUG008_SECTION_FLOW_V1_END */

/* AUG010_SCREENS57_SEMANTIC_BRIDGE_V1_START */

#screen-5-practice,
#screen-6-roles,
#screen-7-proofs {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.semantic-bridge .bridge-heading {
    max-width: 980px;
    margin-bottom: clamp(34px, 5vw, 66px);
}

.semantic-bridge .bridge-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 32px;
    margin-bottom: 18px;
    padding: 0 13px;
    border: 1px solid rgba(20, 33, 61, .2);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
}

.semantic-bridge .bridge-heading h2 {
    max-width: 980px;
    margin: 0;
    font-size: clamp(34px, 4vw, 56px);
    line-height: .98;
    letter-spacing: -.045em;
}

.semantic-bridge .bridge-heading > p {
    max-width: 840px;
    margin: 24px 0 0;
    font-size: clamp(18px, 1.8vw, 23px);
    line-height: 1.55;
}


/* SCREEN 5 — FORMAT CONSTELLATION */

#screen-5-practice.semantic-formats {
    padding-top: clamp(66px, 8vw, 118px) !important;
    padding-bottom: clamp(66px, 8vw, 118px) !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(108, 75, 255, .28), transparent 28%),
        radial-gradient(circle at 12% 88%, rgba(24, 183, 243, .18), transparent 28%),
        #111d38;
    color: #fff;
}

#screen-5-practice.semantic-formats::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .15;
    background-image:
        linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 80%, transparent 100%);
}

#screen-5-practice .container {
    position: relative;
    z-index: 2;
}

#screen-5-practice .bridge-kicker {
    border-color: rgba(255,255,255,.32);
    color: rgba(255,255,255,.75);
}

#screen-5-practice .bridge-heading > p {
    color: rgba(255,255,255,.72);
}

.format-field {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.format-tile {
    position: relative;
    min-height: 220px;
    padding: clamp(28px, 3vw, 42px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 30px;
    background: rgba(255,255,255,.075);
    backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.format-tile--1 { grid-column: span 5; }
.format-tile--2 { grid-column: span 7; }
.format-tile--3 { grid-column: span 7; }
.format-tile--4 { grid-column: span 5; }
.format-tile--5 { grid-column: span 12; min-height: 170px; }

.format-tile::after {
    content: "";
    position: absolute;
    inset: auto 26px 0 26px;
    height: 4px;
    border-radius: 999px 999px 0 0;
}

.format-tile--1::after { background: #ff7a00; }
.format-tile--2::after { background: #18b7f3; }
.format-tile--3::after { background: #6c4bff; }
.format-tile--4::after { background: #31b36b; }
.format-tile--5::after {
    background: linear-gradient(90deg, #ff7a00, #6c4bff, #18b7f3, #31b36b);
}

.format-tile__index {
    display: block;
    margin-bottom: 48px;
    color: rgba(255,255,255,.42);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
}

.format-tile > p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.5;
}


/* SCREEN 6 — SELF ASSEMBLY */

/* AUG010_SCREEN6_ORBIT_COMPOSITION_V5_FULLWIDTH */

#screen-6-roles.semantic-self-assembly--orbit {
    position: relative;
    overflow: hidden;
    padding-top: clamp(72px, 8vw, 112px) !important;
    padding-bottom: clamp(72px, 8vw, 116px) !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(255,122,0,.07), transparent 25%),
        radial-gradient(circle at 86% 20%, rgba(108,75,255,.075), transparent 25%),
        radial-gradient(circle at 18% 82%, rgba(49,179,107,.065), transparent 25%),
        radial-gradient(circle at 84% 82%, rgba(24,183,243,.07), transparent 25%),
        linear-gradient(180deg, #fcfdff 0%, #f5f8fc 100%);
}

#screen-6-roles .assembly-shell {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-inline: clamp(24px, 4vw, 76px);
    box-sizing: border-box;
}

#screen-6-roles .bridge-heading {
    max-width: 960px;
    margin: 0 auto clamp(38px, 5vw, 60px);
    text-align: center;
}

#screen-6-roles .bridge-heading > p {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    color: #5b667b;
    font-size: clamp(19px, 1.55vw, 25px);
    line-height: 1.48;
}

.assembly-orbit-v4 {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(300px, 1fr)
        minmax(330px, 440px)
        minmax(300px, 1fr);
    grid-template-rows: auto auto;
    column-gap: clamp(70px, 7vw, 140px);
    row-gap: clamp(38px, 3.8vw, 62px);
    align-items: center;
    width: 100%;
    max-width: 1760px;
    min-height: 520px;
    margin: 0 auto;
    padding: clamp(24px, 3vw, 44px) 0;
}

/* central soft field */

.assembly-orbit-v4::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: clamp(390px, 38vw, 570px);
    height: clamp(300px, 30vw, 440px);
    transform: translate(-50%, -50%) scale(.94);
    border-radius: 50%;
    background:
        radial-gradient(
            ellipse at center,
            rgba(108,75,255,.11) 0%,
            rgba(24,183,243,.065) 38%,
            rgba(255,255,255,0) 72%
        );
    opacity: 0;
    pointer-events: none;
    transition:
        opacity .7s ease-out,
        transform .9s cubic-bezier(.2,.9,.2,1);
}

/* subtle orbit, not an arrow */

.assembly-orbit-v4::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: clamp(360px, 34vw, 510px);
    height: clamp(250px, 25vw, 370px);
    transform: translate(-50%, -50%) scale(.94);
    border: 1px solid rgba(75,87,126,.10);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity .7s ease-out .08s,
        transform .9s cubic-bezier(.2,.9,.2,1) .08s;
}

.assembly-point {
    position: relative;
    z-index: 2;
    width: min(100%, 480px);
    max-width: 480px;
    padding: 10px 12px 10px 35px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.assembly-point__dot {
    position: absolute;
    left: 0;
    top: 16px;
    width: 13px;
    height: 13px;
    border-radius: 999px;
    box-shadow: 0 0 0 8px rgba(255,255,255,.72);
}

.assembly-point__title {
    margin: 0 0 14px;
}

.assembly-point__title > [data-ai-editable="1"] {
    display: block;
    margin: 0;
    color: #182544;
    font-size: clamp(26px, 2vw, 35px);
    line-height: 1.06;
    letter-spacing: -.035em;
    font-weight: 750;
    text-wrap: balance;
}

.assembly-point > p {
    max-width: 440px;
    margin: 0;
    color: #617087;
    font-size: clamp(16px, 1.1vw, 19px);
    line-height: 1.58;
}

.assembly-point--interest {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
}

.assembly-point--depth {
    grid-column: 3;
    grid-row: 1;
    justify-self: start;
}

.assembly-point--connections {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
}

.assembly-point--change {
    grid-column: 3;
    grid-row: 2;
    justify-self: start;
}

.assembly-point--interest .assembly-point__dot {
    background: #ff7a00;
}

.assembly-point--depth .assembly-point__dot {
    background: #6c4bff;
}

.assembly-point--connections .assembly-point__dot {
    background: #31b36b;
}

.assembly-point--change .assembly-point__dot {
    background: #18b7f3;
}

/* subtle connection strokes toward the core */

.assembly-point::after {
    content: "";
    position: absolute;
    top: 22px;
    width: clamp(64px, 6vw, 116px);
    height: 1px;
    opacity: 0;
    pointer-events: none;
    transform: scaleX(0);
}

.assembly-point--interest::after,
.assembly-point--connections::after {
    right: calc(-1 * clamp(70px, 6.5vw, 124px));
    transform-origin: left center;
    background: linear-gradient(90deg, currentColor, transparent);
}

.assembly-point--depth::after,
.assembly-point--change::after {
    left: calc(-1 * clamp(70px, 6.5vw, 124px));
    transform-origin: right center;
    background: linear-gradient(90deg, transparent, currentColor);
}

.assembly-point--interest {
    color: #ff7a00;
}

.assembly-point--depth {
    color: #6c4bff;
}

.assembly-point--connections {
    color: #31b36b;
}

.assembly-point--change {
    color: #18b7f3;
}

.assembly-core-v4 {
    position: relative;
    z-index: 4;
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: center;
    width: min(100%, 420px);
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(34px, 4vw, 54px);
    text-align: center;
    border: 1px solid rgba(77,70,144,.10);
    border-radius: 50%;
    background:
        radial-gradient(
            circle at 50% 36%,
            rgba(255,255,255,.98),
            rgba(248,247,255,.96) 58%,
            rgba(241,248,255,.92) 100%
        );
    box-shadow:
        0 26px 70px rgba(32,44,78,.10),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.assembly-core-v4__halo {
    position: absolute;
    inset: -18px;
    border: 1px solid rgba(108,75,255,.10);
    border-radius: 50%;
    pointer-events: none;
}

.assembly-core-v4__title {
    margin: 0 0 18px;
}

.assembly-core-v4__title > [data-ai-editable="1"] {
    display: block;
    margin: 0;
    color: #192544;
    font-size: clamp(34px, 3vw, 50px);
    line-height: 1.02;
    letter-spacing: -.045em;
    font-weight: 790;
}

.assembly-core-v4 > p {
    max-width: 310px;
    margin: 0;
    color: #514b91;
    font-size: clamp(18px, 1.35vw, 22px);
    line-height: 1.48;
    font-weight: 610;
}

/* initial state */

#screen-6-roles.reveal-section .assembly-core-v4,
#screen-6-roles.reveal-section .assembly-point {
    opacity: 0;
    will-change: opacity, transform;
}

#screen-6-roles.reveal-section .assembly-core-v4 {
    transform: scale(.97);
}

#screen-6-roles.reveal-section .assembly-point--interest {
    transform: translate3d(-18px, -5px, 0);
}

#screen-6-roles.reveal-section .assembly-point--depth {
    transform: translate3d(18px, -5px, 0);
}

#screen-6-roles.reveal-section .assembly-point--connections {
    transform: translate3d(-16px, 10px, 0);
}

#screen-6-roles.reveal-section .assembly-point--change {
    transform: translate3d(16px, 10px, 0);
}

/* assembled */

#screen-6-roles.reveal-section.is-visible .assembly-orbit-v4::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

#screen-6-roles.reveal-section.is-visible .assembly-orbit-v4::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

#screen-6-roles.reveal-section.is-visible .assembly-core-v4,
#screen-6-roles.reveal-section.is-visible .assembly-point {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    transition:
        opacity .46s ease-out,
        transform .82s cubic-bezier(.2,.9,.2,1);
}

#screen-6-roles.reveal-section.is-visible .assembly-core-v4 {
    transition-delay: .02s;
}

#screen-6-roles.reveal-section.is-visible .assembly-point--interest {
    transition-delay: .14s;
}

#screen-6-roles.reveal-section.is-visible .assembly-point--depth {
    transition-delay: .22s;
}

#screen-6-roles.reveal-section.is-visible .assembly-point--change {
    transition-delay: .30s;
}

#screen-6-roles.reveal-section.is-visible .assembly-point--connections {
    transition-delay: .38s;
}



#screen-6-roles.reveal-section .assembly-point__dot {
    opacity: 0;
    transform: scale(.58);
}

#screen-6-roles.reveal-section.is-visible .assembly-point__dot {
    opacity: 1;
    transform: scale(1);
    transition:
        opacity .3s ease-out,
        transform .55s cubic-bezier(.2,1.25,.3,1);
}

#screen-6-roles.reveal-section.is-visible .assembly-point::after {
    opacity: .28;
    transform: scaleX(1);
    transition:
        opacity .44s ease-out .28s,
        transform .72s cubic-bezier(.2,.9,.2,1) .28s;
}

@media (max-width: 1120px) {
    .assembly-orbit-v4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto auto auto;
        min-height: 0;
        column-gap: 24px;
    }

    .assembly-core-v4 {
        grid-column: 1 / -1;
        grid-row: 2;
        width: min(100%, 380px);
        min-height: 230px;
        margin: 6px auto;
    }

    .assembly-point--interest {
        grid-column: 1;
        grid-row: 1;
    }

    .assembly-point--depth {
        grid-column: 2;
        grid-row: 1;
    }

    .assembly-point--connections {
        grid-column: 1;
        grid-row: 3;
    }

    .assembly-point--change {
        grid-column: 2;
        grid-row: 3;
    }

    .assembly-point::after {
        display: none;
    }

    .assembly-orbit-v4::after {
        width: 360px;
        height: 250px;
    }
}

@media (max-width: 680px) {
    .assembly-orbit-v4 {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        gap: 20px;
        padding-top: 10px;
    }

    .assembly-core-v4,
    .assembly-point--interest,
    .assembly-point--depth,
    .assembly-point--connections,
    .assembly-point--change {
        grid-column: auto;
        grid-row: auto;
        justify-self: stretch;
    }

    .assembly-core-v4 {
        order: 1;
        width: min(86vw, 330px);
        min-height: 215px;
        margin: 0 auto 10px;
    }

    .assembly-point--interest {
        order: 2;
    }

    .assembly-point--depth {
        order: 3;
    }

    .assembly-point--change {
        order: 4;
    }

    .assembly-point--connections {
        order: 5;
    }

    .assembly-point {
        max-width: none;
        padding-left: 30px;
    }

    .assembly-orbit-v4::before,
    .assembly-orbit-v4::after {
        display: none;
    }

    .assembly-point__title > [data-ai-editable="1"] {
        font-size: clamp(24px, 7vw, 30px);
    }

    .assembly-core-v4__title > [data-ai-editable="1"] {
        font-size: clamp(29px, 8vw, 36px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #screen-6-roles.reveal-section .assembly-core-v4,
    #screen-6-roles.reveal-section .assembly-point,
    #screen-6-roles.reveal-section.is-visible .assembly-core-v4,
    #screen-6-roles.reveal-section.is-visible .assembly-point {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    #screen-6-roles.reveal-section .assembly-orbit-v4::before,
    #screen-6-roles.reveal-section .assembly-orbit-v4::after {
        opacity: 1 !important;
        transform: translate(-50%, -50%) scale(1) !important;
        transition: none !important;
    }
}


/* SCREEN 7 — EVIDENCE BOARD */

#screen-7-proofs.semantic-evidence {
    padding-top: clamp(72px, 9vw, 128px) !important;
    padding-bottom: clamp(72px, 9vw, 128px) !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(49,179,107,.11), transparent 27%),
        radial-gradient(circle at 92% 82%, rgba(108,75,255,.11), transparent 28%),
        #f3f6fb;
}

#screen-7-proofs .bridge-heading h2 {
    max-width: 900px;
}

#screen-7-proofs .bridge-heading > p {
    color: #596377;
}

.evidence-board {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.evidence-case,
.evidence-principle,
.evidence-quote {
    margin: 0;
    border-radius: 28px;
}

.evidence-case {
    min-height: 270px;
    padding: clamp(28px, 3vw, 42px);
    background: #fff;
    border: 1px solid rgba(20,33,61,.08);
    box-shadow: 0 18px 54px rgba(20,33,61,.06);
}

.evidence-case--one {
    grid-column: span 6;
    border-top: 5px solid #31b36b;
}

.evidence-case--two {
    grid-column: span 6;
    border-top: 5px solid #18b7f3;
}

.evidence-label {
    display: inline-flex;
    margin-bottom: 38px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #eef2f7;
    color: #566176;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.evidence-case > p,
.evidence-principle > p {
    margin: 0;
    color: #25314a;
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.55;
}

.evidence-quote {
    position: relative;
    display: flex;
    min-height: 220px;
    align-items: flex-end;
    padding: clamp(26px, 3vw, 38px);
    overflow: hidden;
}

.evidence-quote::before {
    content: "“";
    position: absolute;
    top: -22px;
    left: 18px;
    font-size: 150px;
    line-height: 1;
    font-family: Georgia, serif;
    opacity: .14;
}

.evidence-quote--one {
    grid-column: span 4;
    background: #ff7a00;
    color: #fff;
}

.evidence-quote--two {
    grid-column: span 4;
    background: #6c4bff;
    color: #fff;
}

.evidence-quote--three {
    grid-column: span 4;
    background: #14213d;
    color: #fff;
}

.evidence-quote p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(23px, 2.25vw, 34px);
    line-height: 1.13;
    letter-spacing: -.025em;
}

.evidence-principle {
    grid-column: span 12;
    display: grid;
    grid-template-columns: minmax(160px, .28fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid rgba(20,33,61,.10);
    background: rgba(255,255,255,.70);
}

.evidence-principle .evidence-label {
    margin: 0;
    justify-self: start;
}


@media (max-width: 980px) {
    .format-tile--1,
    .format-tile--2,
    .format-tile--3,
    .format-tile--4,
    .format-tile--5 {
        grid-column: span 6;
    }

    .format-tile--5 {
        grid-column: span 12;
    }

    .route-map {
        display: block;
        min-height: 0;
        padding-left: 58px;
    }

    .route-map__line {
        left: 20px;
        transform: none;
    }

    .route-stop {
        width: 100%;
        margin-bottom: 18px;
    }

    .route-stop:nth-of-type(odd),
    .route-stop:nth-of-type(even) {
        width: 100%;
    }

    .route-stop:nth-of-type(odd) .route-stop__node,
    .route-stop:nth-of-type(even) .route-stop__node {
        left: -59px;
        right: auto;
    }

    .evidence-case--one,
    .evidence-case--two {
        grid-column: span 12;
    }

    .evidence-quote--one,
    .evidence-quote--two,
    .evidence-quote--three {
        grid-column: span 12;
        min-height: 180px;
    }
}

@media (max-width: 680px) {
    .semantic-bridge .bridge-heading h2 {
        font-size: clamp(32px, 9vw, 46px);
    }

    .format-field {
        grid-template-columns: minmax(0, 1fr);
    }

    .format-tile--1,
    .format-tile--2,
    .format-tile--3,
    .format-tile--4,
    .format-tile--5 {
        grid-column: auto;
        min-height: 0;
    }

    .format-tile__index {
        margin-bottom: 28px;
    }

    .route-map {
        padding-left: 50px;
    }

    .route-map__line {
        left: 17px;
    }

    .route-stop:nth-of-type(odd) .route-stop__node,
    .route-stop:nth-of-type(even) .route-stop__node {
        left: -55px;
    }

    .route-map__note {
        border-radius: 24px;
    }

    .evidence-principle {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }
}

/* AUG010_SCREENS57_SEMANTIC_BRIDGE_V1_END */

/* AUG010_SCREEN5_CARD_HEADINGS_V1_START */

#screen-5-practice .format-tile__index {
    display: none !important;
}

#screen-5-practice .format-tile__heading {
    margin: 0 0 clamp(20px, 2vw, 30px);
}

#screen-5-practice .format-tile__heading > [data-ai-editable="1"] {
    display: block;
    max-width: 680px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(28px, 2.35vw, 38px);
    line-height: 1.08;
    letter-spacing: -.03em;
    font-weight: 700;
}

#screen-5-practice .format-tile > p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: clamp(17px, 1.32vw, 20px);
    line-height: 1.58;
}

#screen-5-practice .format-tile {
    min-height: 250px;
}

#screen-5-practice .format-tile--5 {
    min-height: 210px;
}

@media (max-width: 680px) {
    #screen-5-practice .format-tile__heading > [data-ai-editable="1"] {
        font-size: clamp(25px, 7.5vw, 32px);
    }

    #screen-5-practice .format-tile {
        min-height: 0;
    }
}

/* AUG010_SCREEN5_CARD_HEADINGS_V1_END */

/* AUG010_SCREEN7_TRANSFORMATION_V1_START */

#screen-7-proofs.transformation-screen {
    position: relative;
    overflow: hidden;
    padding:
        clamp(82px, 8vw, 126px)
        clamp(22px, 4vw, 76px)
        clamp(88px, 8vw, 132px);
    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(255,122,0,.065),
            transparent 24%
        ),
        radial-gradient(
            circle at 92% 36%,
            rgba(108,75,255,.06),
            transparent 25%
        ),
        radial-gradient(
            circle at 16% 88%,
            rgba(24,183,243,.055),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f8fc 48%,
            #ffffff 100%
        );
}

#screen-7-proofs .transformation-screen__shell {
    position: relative;
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

#screen-7-proofs .transformation-screen__heading {
    max-width: 1120px;
    margin: 0 auto clamp(58px, 6vw, 88px);
    text-align: center;
}

#screen-7-proofs .transformation-screen__heading > h2 {
    margin: 0;
    color: #172441;
    font-size: clamp(46px, 5.3vw, 84px);
    line-height: .98;
    letter-spacing: -.052em;
    font-weight: 820;
    text-wrap: balance;
}

#screen-7-proofs .transformation-screen__heading > p {
    max-width: 900px;
    margin:
        clamp(24px, 2.5vw, 34px)
        auto
        0;
    color: #657087;
    font-size: clamp(19px, 1.45vw, 25px);
    line-height: 1.5;
}

.transformation-axis {
    display: grid;
    grid-template-columns:
        minmax(280px, 1fr)
        minmax(260px, .72fr)
        minmax(320px, 1fr);
    gap: clamp(30px, 4vw, 80px);
    padding: 0 18px 18px;
    color: #8a93a5;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.transformation-axis span:nth-child(2) {
    text-align: center;
}

.transformation-board {
    border-top: 1px solid rgba(23,36,65,.10);
}

.transformation-lane {
    --accent: 108,75,255;

    position: relative;
    display: grid;
    grid-template-columns:
        minmax(280px, 1fr)
        minmax(260px, .72fr)
        minmax(320px, 1fr);
    gap: clamp(30px, 4vw, 80px);
    align-items: center;
    min-height: clamp(150px, 11vw, 190px);
    padding:
        clamp(28px, 3vw, 44px)
        18px;
    border-bottom: 1px solid rgba(23,36,65,.10);
}

.transformation-lane--orange {
    --accent: 255,122,0;
}

.transformation-lane--violet {
    --accent: 108,75,255;
}

.transformation-lane--cyan {
    --accent: 24,183,243;
}

.transformation-lane--green {
    --accent: 49,179,107;
}

.transformation-lane::before {
    content: "";
    position: absolute;
    inset: 8px 0;
    border-radius: 34px;
    background:
        linear-gradient(
            90deg,
            rgba(var(--accent),.025),
            rgba(var(--accent),.055) 48%,
            rgba(var(--accent),.025)
        );
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.transformation-lane:hover::before {
    opacity: 1;
}

.transformation-lane__state,
.transformation-lane__bridge,
.transformation-lane__change {
    position: relative;
    z-index: 1;
}

.transformation-lane__state-text > [data-ai-editable="1"],
.transformation-lane__change-text > [data-ai-editable="1"] {
    display: block;
    margin: 0;
    text-wrap: balance;
}

.transformation-lane__state-text > [data-ai-editable="1"] {
    max-width: 520px;
    color: #59647a;
    font-size: clamp(25px, 2vw, 38px);
    line-height: 1.08;
    letter-spacing: -.035em;
    font-weight: 680;
}

.transformation-lane__change-text > [data-ai-editable="1"] {
    max-width: 610px;
    color: #172441;
    font-size: clamp(27px, 2.15vw, 41px);
    line-height: 1.06;
    letter-spacing: -.04em;
    font-weight: 790;
}

.transformation-lane__bridge {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transformation-lane__line {
    position: absolute;
    left: -18%;
    right: -18%;
    top: 50%;
    height: 2px;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    background:
        linear-gradient(
            90deg,
            rgba(var(--accent),.08),
            rgba(var(--accent),.72) 46%,
            rgba(var(--accent),.30) 72%,
            rgba(var(--accent),.06)
        );
    opacity: 0;
}

.transformation-lane__pulse {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: rgb(var(--accent));
    box-shadow:
        0 0 0 8px rgba(var(--accent),.10),
        0 0 32px rgba(var(--accent),.18);
    transform:
        translate(-50%, -50%)
        scale(.5);
    opacity: 0;
}

.transformation-lane__mechanism {
    position: relative;
    z-index: 2;
    max-width: 330px;
    padding: 11px 16px;
    border: 1px solid rgba(var(--accent),.15);
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 9px 28px rgba(23,36,65,.055);
    color: rgb(var(--accent));
    font-size: clamp(13px, .9vw, 16px);
    line-height: 1.35;
    font-weight: 780;
    text-align: center;
    text-wrap: balance;
    opacity: 0;
    transform: translateY(8px);
}

.transformation-lane__mobile-label {
    display: none;
}

/* animation — AUG011 row-by-row scroll reveal */

#screen-7-proofs .transformation-lane__state {
    opacity: .46;
    transform: translate3d(-10px,0,0);
}

#screen-7-proofs .transformation-lane__change {
    opacity: 0;
    transform: translate3d(26px,0,0);
}

#screen-7-proofs .transformation-lane.is-row-revealed .transformation-lane__state {
    opacity: 1;
    transform: none;
    transition: opacity .34s ease-out, transform .48s cubic-bezier(.2,.9,.2,1);
}

#screen-7-proofs .transformation-lane.is-row-revealed .transformation-lane__line {
    opacity: 1;
    transform: translateY(-50%) scaleX(1);
    transition: opacity .18s ease-out .08s, transform .62s cubic-bezier(.2,.9,.2,1) .08s;
}

#screen-7-proofs .transformation-lane.is-row-revealed .transformation-lane__pulse {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity .22s ease-out .24s, transform .42s cubic-bezier(.2,1.25,.3,1) .24s;
}

#screen-7-proofs .transformation-lane.is-row-revealed .transformation-lane__mechanism {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .34s ease-out .25s, transform .46s cubic-bezier(.2,.9,.2,1) .25s;
}

#screen-7-proofs .transformation-lane.is-row-revealed .transformation-lane__change {
    opacity: 1;
    transform: none;
    transition: opacity .46s ease-out .43s, transform .58s cubic-bezier(.2,.9,.2,1) .43s;
}

.transformation-screen__closing {
    display: grid;
    grid-template-columns:
        minmax(40px,1fr)
        minmax(0,760px)
        minmax(40px,1fr);
    gap: 24px;
    align-items: center;
    margin-top: clamp(48px, 5vw, 74px);
}

.transformation-screen__closing > span {
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(108,75,255,.24)
        );
}

.transformation-screen__closing > span:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(108,75,255,.24),
            transparent
        );
}

.transformation-screen__closing > p {
    margin: 0;
    color: #394762;
    font-size: clamp(20px, 1.6vw, 27px);
    line-height: 1.45;
    font-weight: 680;
    text-align: center;
    text-wrap: balance;
}

@media (max-width: 1080px) {

    .transformation-axis {
        display: none;
    }

    .transformation-lane {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: 0;
        padding:
            clamp(34px, 5vw, 50px)
            8px;
    }

    .transformation-lane__bridge {
        justify-content: flex-start;
        min-height: 64px;
        padding-left: 28px;
    }

    .transformation-lane__line {
        left: 4px;
        right: auto;
        top: 0;
        bottom: 0;
        width: 2px;
        height: auto;
        transform: scaleY(0);
        transform-origin: top center;
        background:
            linear-gradient(
                180deg,
                rgba(var(--accent),.08),
                rgba(var(--accent),.72),
                rgba(var(--accent),.08)
            );
    }

    #screen-7-proofs
    .transformation-lane.is-row-revealed
    .transformation-lane__line {
        transform: scaleY(1);
    }

    .transformation-lane__pulse {
        left: 4px;
    }

    .transformation-lane__mechanism {
        margin-left: 10px;
        text-align: left;
    }

    .transformation-lane__mobile-label {
        display: block;
        margin-bottom: 8px;
        color: #929aab;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .10em;
        text-transform: uppercase;
    }
}

@media (max-width: 680px) {

    #screen-7-proofs.transformation-screen {
        padding-inline: 20px;
    }

    #screen-7-proofs .transformation-screen__heading > h2 {
        font-size: clamp(40px, 12vw, 58px);
    }

    .transformation-screen__closing {
        grid-template-columns: 1fr;
    }

    .transformation-screen__closing > span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    #screen-7-proofs .transformation-lane__state,
    #screen-7-proofs .transformation-lane__change,
    #screen-7-proofs .transformation-lane__mechanism,
    #screen-7-proofs .transformation-lane__pulse,
    #screen-7-proofs .transformation-lane__line {
        opacity: 1 !important;
        transition: none !important;
    }

    #screen-7-proofs .transformation-lane__state,
    #screen-7-proofs .transformation-lane__change,
    #screen-7-proofs .transformation-lane__mechanism,
    #screen-7-proofs .transformation-lane__pulse {
        transform: none !important;
    }

    #screen-7-proofs .transformation-lane__line {
        transform: translateY(-50%) scaleX(1) !important;
    }
}

@media (prefers-reduced-motion: reduce) and (max-width: 1080px) {
    #screen-7-proofs .transformation-lane__line {
        transform: scaleY(1) !important;
    }
}

/* AUG010_SCREEN7_TRANSFORMATION_V1_END */

/* AUG010_STEP008_BIG_LANDING_PACKAGE_START */

/* ------------------------------------------------------------
   HERO FAST CTA
------------------------------------------------------------ */

#screen-1-promise .aug-hero-fast-cta {
    position: relative;
    z-index: 8;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: clamp(28px, 4vw, 52px);
    padding-inline: 20px;
    box-sizing: border-box;
}

#screen-1-promise .aug-hero-fast-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 0 clamp(28px, 4vw, 54px);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            #ff7a00,
            #ff9d2f
        );
    color: #fff;
    font-size: clamp(16px, 1.25vw, 20px);
    font-weight: 860;
    line-height: 1.15;
    text-decoration: none;
    box-shadow:
        0 18px 46px rgba(255,122,0,.22);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

#screen-1-promise .aug-hero-fast-cta__button:hover,
#screen-1-promise .aug-hero-fast-cta__button:focus-visible {
    transform: translateY(-2px);
    box-shadow:
        0 24px 54px rgba(255,122,0,.30);
}

/* ------------------------------------------------------------
   TEAM
------------------------------------------------------------ */

.aug-team-section {
    position: relative;
    overflow: hidden;
    padding:
        clamp(88px, 8vw, 132px)
        clamp(22px, 4vw, 76px);
    background:
        radial-gradient(circle at 8% 18%, rgba(255,122,0,.10), transparent 26%),
        radial-gradient(circle at 92% 18%, rgba(108,75,255,.09), transparent 28%),
        radial-gradient(circle at 82% 84%, rgba(22,199,215,.07), transparent 30%),
        #111c36;
    color: #fff;
}

.aug-team-section__shell {
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

.aug-team-section__heading {
    max-width: 1080px;
    margin-bottom: clamp(46px, 5vw, 72px);
}

.aug-team-section__heading > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: #8ee3ff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.aug-team-section__heading > span::before {
    content: "";
    width: 34px;
    height: 7px;
    border-radius: 999px;
    background: linear-gradient(90deg,#ff7a00,#7c5cff,#16c7d7,#36c990);
}

.aug-team-section__heading > h2 {
    max-width: 1040px;
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 5.4vw, 86px);
    line-height: .98;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.aug-team-section__heading > p {
    max-width: 930px;
    margin: 26px 0 0;
    color: rgba(255,255,255,.70);
    font-size: clamp(18px, 1.4vw, 23px);
    line-height: 1.5;
}

.aug-team-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(34px, 4vw, 54px);
    align-items: start;
}

.aug-team-people {
    display: grid;
    grid-template-columns: repeat(7, minmax(0,1fr));
    gap: clamp(12px, 1.35vw, 22px);
    align-items: start;
}

.aug-team-person {
    --person-accent: #ff7a00;
    appearance: none;
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 13px;
    align-items: stretch;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.aug-team-person:nth-child(2) { --person-accent: #7c5cff; }
.aug-team-person:nth-child(3) { --person-accent: #16c7d7; }
.aug-team-person:nth-child(4) { --person-accent: #36c990; }
.aug-team-person:nth-child(5) { --person-accent: #ffb02e; }
.aug-team-person:nth-child(6) { --person-accent: #ec65c8; }
.aug-team-person:nth-child(7) { --person-accent: #67a7ff; }

.aug-team-person__photo {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: clamp(18px, 1.6vw, 28px);
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.055);
    box-shadow: 0 18px 42px rgba(2,8,24,.20);
    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.aug-team-person__photo::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 14%;
    bottom: 9px;
    height: 4px;
    border-radius: 999px;
    background: var(--person-accent);
    opacity: .82;
    box-shadow: 0 0 20px color-mix(in srgb, var(--person-accent) 52%, transparent);
    pointer-events: none;
}

.aug-team-person__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.aug-team-person__name {
    display: block;
    margin: 0;
    color: rgba(255,255,255,.76);
    font-size: clamp(13px, .95vw, 16px);
    font-weight: 820;
    line-height: 1.22;
    text-align: left;
}

.aug-team-person:hover .aug-team-person__photo,
.aug-team-person:focus-visible .aug-team-person__photo,
.aug-team-person.is-active .aug-team-person__photo {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--person-accent) 72%, white 28%);
    box-shadow:
        0 22px 50px rgba(2,8,24,.30),
        0 0 0 2px color-mix(in srgb, var(--person-accent) 26%, transparent);
}

.aug-team-person:hover .aug-team-person__name,
.aug-team-person:focus-visible .aug-team-person__name,
.aug-team-person.is-active .aug-team-person__name {
    color: #fff;
}

.aug-team-person:focus-visible {
    outline: none;
}

.aug-team-detail {
    position: relative;
    min-height: 0;
}

.aug-team-panel {
    position: relative;
    padding: clamp(34px, 4vw, 58px);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: clamp(26px, 2.6vw, 42px);
    background:
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
        rgba(6,17,43,.30);
    box-shadow: 0 30px 78px rgba(0,0,0,.18);
    backdrop-filter: blur(14px);
}

.aug-team-panel::before {
    content: "Роль в погружении";
    display: inline-flex;
    margin-bottom: 18px;
    color: #8ee3ff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.aug-team-panel[hidden] {
    display: none;
}

.aug-team-panel__name > h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 3vw, 52px);
    line-height: 1;
    letter-spacing: -.04em;
}

.aug-team-panel__live > p {
    max-width: 1180px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.82);
    font-size: clamp(18px, 1.35vw, 23px);
    line-height: 1.52;
}

.aug-team-panel__official {
    max-width: 1180px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.10);
}

.aug-team-panel__official summary {
    color: #8ee3ff;
    font-weight: 800;
    cursor: pointer;
}

.aug-team-panel__official p {
    color: rgba(255,255,255,.64);
    line-height: 1.55;
}


/* ------------------------------------------------------------
   FINAL FIT
------------------------------------------------------------ */

.aug-final-fit {
    position: relative;
    padding:
        clamp(88px, 8vw, 132px)
        clamp(22px, 5vw, 90px);
    background:
        linear-gradient(
            180deg,
            #fff,
            #f6f8fc
        );
}

.aug-final-fit__shell {
    max-width: 1320px;
    margin: 0 auto;
}

.aug-final-fit__signal > span {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(108,75,255,.08);
    color: #6c4bff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.aug-final-fit__shell > h2 {
    max-width: 1040px;
    margin: 24px 0 0;
    color: #172441;
    font-size: clamp(44px, 5vw, 78px);
    line-height: .99;
    letter-spacing: -.05em;
    text-wrap: balance;
}

.aug-final-fit__texts {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0,1fr));
    gap: clamp(20px, 2.5vw, 38px);
    margin-top: clamp(48px, 5vw, 72px);
}

.aug-final-fit__texts > p {
    margin: 0;
    padding-top: 22px;
    border-top: 2px solid rgba(108,75,255,.14);
    color: #59647a;
    font-size: clamp(17px, 1.25vw, 21px);
    line-height: 1.55;
}


/* ------------------------------------------------------------
   DECISION
------------------------------------------------------------ */

.aug-decision {
    position: relative;
    overflow: hidden;
    padding:
        clamp(96px, 9vw, 150px)
        clamp(22px, 5vw, 90px);
    background:
        radial-gradient(circle at 12% 18%, rgba(255,122,0,.11), transparent 28%),
        radial-gradient(circle at 88% 78%, rgba(108,75,255,.10), transparent 32%),
        linear-gradient(180deg,#ffffff 0%,#f4f7fc 100%);
    color: #172441;
    border-top: 1px solid rgba(23,36,65,.07);
}

.aug-decision::before {
    content: "";
    position: absolute;
    width: min(520px, 48vw);
    aspect-ratio: 1;
    right: -14%;
    top: -34%;
    border-radius: 50%;
    border: 1px solid rgba(108,75,255,.14);
    box-shadow:
        0 0 0 44px rgba(108,75,255,.025),
        0 0 0 90px rgba(22,199,215,.018);
    pointer-events: none;
}

.aug-decision__shell {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}

.aug-decision__shell > span {
    color: #6c4bff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.aug-decision__shell > h2 {
    margin: 22px 0 0;
    color: #172441;
    font-size: clamp(54px, 7vw, 108px);
    line-height: .92;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.aug-decision__copy {
    max-width: 820px;
    margin: clamp(38px, 4vw, 56px) auto 0;
}

.aug-decision__copy > p {
    margin: 0 0 17px;
    color: #5b667d;
    font-size: clamp(18px, 1.35vw, 23px);
    line-height: 1.55;
}

.aug-decision__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    margin-top: 34px;
    padding: 0 clamp(34px, 5vw, 60px);
    border-radius: 999px;
    background: linear-gradient(135deg,#ff7a00,#ff9c2f);
    color: #fff;
    font-size: clamp(17px, 1.3vw, 21px);
    font-weight: 860;
    text-decoration: none;
    box-shadow: 0 22px 54px rgba(255,122,0,.23);
}

.aug-decision__shell > p {
    margin: 28px 0 0;
    color: #7a8498;
    font-size: 14px;
}


/* ------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------ */

@media (max-width: 980px) {

    .aug-team-layout {
        grid-template-columns: 1fr;
    }

    .aug-team-people {
        grid-template-columns:
            repeat(4, minmax(0,1fr));
    }

    .aug-team-detail {
        min-height: 0;
    }

    .aug-final-fit__texts {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {

    .aug-team-people {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

    .aug-team-panel {
        padding: 28px 24px;
    }
}

/* AUG010_STEP008_BIG_LANDING_PACKAGE_END */

/* AUG010_STEP008C_HERO_REPAIR_V1_START */

#screen-1-promise {
    scroll-margin-top: 92px;
}

/*
 * CTA belongs to the left hero copy.
 */

#screen-1-promise .aug-hero-fast-cta {
    position: relative;
    z-index: 8;
    display: flex;
    justify-content: flex-start;
    width: auto;
    margin-top: clamp(24px, 3vw, 38px);
    padding: 0;
}

#screen-1-promise .aug-hero-fast-cta__button {
    max-width: 100%;
}

/*
 * Preserve original two-column hero composition.
 */

#screen-1-promise .hero__copy {
    position: relative;
    z-index: 4;
    min-width: 0;
}

#screen-1-promise .hero-v4-art {
    position: relative;
    z-index: 3;
}

@media (max-width: 760px) {

    #screen-1-promise .aug-hero-fast-cta {
        justify-content: stretch;
    }

    #screen-1-promise .aug-hero-fast-cta__button {
        width: 100%;
        box-sizing: border-box;
    }
}

/* AUG010_STEP008C_HERO_REPAIR_V1_END */

/* AUG010_STEP008E_VIOLET_LABEL_ONLY_V1_START */

/*
 * Only the violet card needs a special label position.
 *
 * The orange card overlaps the left side of the violet card,
 * therefore "Я и я" moves into the clear upper-right zone.
 *
 * No pill, no badge, no background.
 */

#screen-1-promise
.hero-v4-module--violet
.hero-v4-module__kicker {
    position: absolute;
    top: clamp(28px, 2.7vw, 44px);
    left: auto;
    right: clamp(34px, 3vw, 52px);

    width: auto;
    max-width: none;

    margin: 0;
    padding: 0;

    background: none;
    border: 0;
    border-radius: 0;

    -webkit-backdrop-filter: none;
    backdrop-filter: none;

    box-shadow: none;

    color: #ffffff;
    text-align: right;
    white-space: nowrap;

    z-index: 7;

    text-shadow:
        0 2px 12px rgba(17, 28, 74, .20);
}

/*
 * "02" remains a decorative layer,
 * but should not visually compete with "Я и я".
 */

#screen-1-promise
.hero-v4-module--violet
.hero-v4-module__mark {
    opacity: .48;
    z-index: 2;
}

@media (max-width: 760px) {

    #screen-1-promise
    .hero-v4-module--violet
    .hero-v4-module__kicker {
        top: 22px;
        right: 24px;
    }
}

/* AUG010_STEP008E_VIOLET_LABEL_ONLY_V1_END */

/* AUG010_STEP008G_POSITIONS_CLEAN_COLORS_V1_START */

#screen-2-audiences {
    --position-coral: #F04E45;
    --position-cobalt: #3157D5;
    --position-raspberry: #D63384;
    --position-teal: #008F8C;
}


/* ------------------------------------------------------------
   CLEAN WHITE CARD BASE
------------------------------------------------------------ */

#screen-2-audiences .audience-trajectory {
    --position-accent: #3157D5;

    border:
        1px solid rgba(16, 38, 95, .08) !important;

    border-left:
        5px solid var(--position-accent) !important;

    background:
        #ffffff !important;

    box-shadow:
        0 16px 42px rgba(16, 38, 95, .065) !important;
}


/*
 * No tinted wash.
 */

#screen-2-audiences .audience-trajectory::before {
    opacity: 0 !important;
    background: none !important;
}


/*
 * No far-right decorative dot.
 */

#screen-2-audiences .audience-trajectory::after {
    display: none !important;
}


/* ------------------------------------------------------------
   FOUR CLEAN ACCENTS
------------------------------------------------------------ */

#screen-2-audiences
.audience-trajectories
> .audience-trajectory:nth-child(1) {
    --position-accent: var(--position-coral);
}

#screen-2-audiences
.audience-trajectories
> .audience-trajectory:nth-child(2) {
    --position-accent: var(--position-cobalt);
}

#screen-2-audiences
.audience-trajectories
> .audience-trajectory:nth-child(3) {
    --position-accent: var(--position-raspberry);
}

#screen-2-audiences
.audience-trajectories
> .audience-trajectory:nth-child(4) {
    --position-accent: var(--position-teal);
}


/* ------------------------------------------------------------
   LEFT MARKER
------------------------------------------------------------ */

#screen-2-audiences
.audience-trajectory
[class*="marker"],

#screen-2-audiences
.audience-trajectory
[class*="signal"] {
    color:
        var(--position-accent) !important;

    border-color:
        var(--position-accent) !important;
}

#screen-2-audiences
.audience-trajectory
[class*="dot"] {
    background:
        var(--position-accent) !important;

    border-color:
        var(--position-accent) !important;
}


/* ------------------------------------------------------------
   TYPOGRAPHY
------------------------------------------------------------ */

#screen-2-audiences
.audience-trajectory h3 {
    color: #10265f !important;
}

#screen-2-audiences
.audience-trajectory p {
    color: #587091 !important;
}


/* ------------------------------------------------------------
   DISABLE OLD ROUTE COLOR BACKGROUNDS
------------------------------------------------------------ */

#screen-2-audiences
.audience-trajectory[class*="orange"],

#screen-2-audiences
.audience-trajectory[class*="violet"],

#screen-2-audiences
.audience-trajectory[class*="cyan"],

#screen-2-audiences
.audience-trajectory[class*="green"] {
    background:
        #ffffff !important;
}


/* ------------------------------------------------------------
   HOVER
------------------------------------------------------------ */

#screen-2-audiences .audience-trajectory:hover {
    transform: translateY(-2px);

    border-left-color:
        var(--position-accent) !important;

    box-shadow:
        0 22px 52px rgba(16, 38, 95, .09) !important;
}


@media (max-width: 760px) {

    #screen-2-audiences .audience-trajectory {
        border-left-width: 4px !important;

        box-shadow:
            0 12px 34px rgba(16, 38, 95, .06) !important;
    }
}

/* AUG010_STEP008G_POSITIONS_CLEAN_COLORS_V1_END */

/* AUG010_STEP008K_MOBILE_NAV_HERO_V1_START */

.landing-topbar__inner {
    position: relative;
}

.landing-topbar__menu-toggle {
    display: none;
}

@media (max-width: 760px) {
    html {
        scroll-padding-top: 72px;
    }

    main.landing-shell > section {
        scroll-margin-top: 72px;
    }

    .landing-topbar__inner {
        min-height: 62px;
        gap: 8px;
        padding: 8px 10px 8px 12px;
    }

    .landing-topbar__brand {
        display: block !important;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 132px;
        color: #172441;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.05;
        white-space: normal;
    }

    .landing-topbar__actions {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .landing-topbar__login {
        min-height: 36px;
        padding: 0 12px;
        font-size: 11px;
    }

    .landing-topbar__menu-toggle {
        appearance: none;
        display: grid;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        place-content: center;
        gap: 4px;
        padding: 0;
        border: 1px solid rgba(20,33,61,.12);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 7px 18px rgba(20,33,61,.08);
        cursor: pointer;
    }

    .landing-topbar__menu-toggle > span {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 999px;
        background: #172441;
        transition: transform .18s ease, opacity .18s ease;
    }

    .landing-topbar.is-menu-open .landing-topbar__menu-toggle > span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .landing-topbar.is-menu-open .landing-topbar__menu-toggle > span:nth-child(2) {
        opacity: 0;
    }

    .landing-topbar.is-menu-open .landing-topbar__menu-toggle > span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .landing-topbar__nav {
        position: absolute;
        top: calc(100% + 8px);
        left: 12px;
        right: 12px;
        z-index: 50;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 6px;
        padding: 10px;
        overflow: visible;
        border: 1px solid rgba(20,33,61,.09);
        border-radius: 20px;
        background: rgba(255,255,255,.985);
        box-shadow: 0 24px 64px rgba(20,33,61,.18);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-8px) scale(.985);
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }

    .landing-topbar.is-menu-open .landing-topbar__nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .landing-topbar__nav a {
        justify-content: flex-start;
        min-height: 44px;
        padding: 0 13px;
        border-radius: 13px;
        background: rgba(23,36,65,.035);
        color: #344665;
        font-size: 13px;
        font-weight: 800;
        white-space: normal;
    }

    #screen-1-promise.hero {
        padding-top: 30px;
    }

    #screen-1-promise .hero__grid {
        gap: 26px;
    }

    #screen-1-promise .hero-v4-art__frame {
        gap: 10px;
    }

    #screen-1-promise .hero-v4-module {
        position: relative !important;
        inset: auto !important;
        width: auto !important;
        height: 164px !important;
        padding: 16px !important;
        border-radius: 22px;
    }

    #screen-1-promise .hero-v4-module .hero-v4-module__kicker {
        position: absolute !important;
        top: 16px !important;
        left: 16px !important;
        right: 14px !important;
        z-index: 7;
        width: auto !important;
        max-width: calc(100% - 30px) !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        color: #fff;
        font-size: 17px !important;
        font-weight: 900;
        line-height: 1.04;
        text-align: left !important;
        white-space: normal !important;
    }

    #screen-1-promise .hero-v4-module .hero-v4-module__mark {
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: 12px !important;
        bottom: 9px !important;
        z-index: 2;
        margin: 0 !important;
        font-size: 38px !important;
        line-height: .9;
        opacity: .42;
    }

    #screen-1-promise .hero-v4-module--violet .hero-v4-module__kicker {
        top: 16px !important;
        left: 16px !important;
        right: auto !important;
        max-width: 58% !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    #screen-1-promise .hero-v4-module--violet .hero-v4-module__mark {
        right: 11px !important;
        bottom: 8px !important;
    }

    #screen-1-promise .hero-v4-module--green .hero-v4-module__kicker {
        top: 14px !important;
        left: 14px !important;
        right: 10px !important;
        max-width: calc(100% - 24px) !important;
        font-size: 14px !important;
        line-height: 1.03 !important;
        letter-spacing: -.02em;
    }
}

@media (max-width: 380px) {
    #screen-1-promise .hero-v4-module {
        height: 154px !important;
    }

    #screen-1-promise .hero-v4-module .hero-v4-module__kicker {
        font-size: 15px !important;
    }

    #screen-1-promise .hero-v4-module--green .hero-v4-module__kicker {
        font-size: 13px !important;
    }

    #screen-1-promise .hero-v4-module .hero-v4-module__mark {
        font-size: 34px !important;
    }
}

/* AUG010_STEP008K_MOBILE_NAV_HERO_V1_END */