/* ==========================================================================
   UNITDIME — PUBLIC EXPERIENCE POLISH
   Keeps the existing hero/product showcase, while adding depth and motion.
   ========================================================================== */

:root {
    --kp-ink: #121523;
    --kp-muted: #6e7487;
    --kp-purple: #6259f5;
    --kp-purple-deep: #5148df;
    --kp-purple-soft: #efedff;
    --kp-line: rgba(56, 52, 104, .10);
    --kp-card: rgba(255, 255, 255, .86);
    --kp-shadow-soft: 0 22px 70px rgba(42, 36, 94, .08);
    --kp-shadow-card: 0 16px 44px rgba(42, 36, 94, .07);
}

body {
    background:
        radial-gradient(circle at 8% 2%, rgba(99, 91, 255, .09), transparent 26rem),
        radial-gradient(circle at 92% 18%, rgba(141, 113, 255, .07), transparent 24rem),
        linear-gradient(180deg, #fbfbfe 0%, #f8f8fc 42%, #fbfbfd 100%);
}

.site-header {
    background: rgba(250, 250, 253, .76) !important;
    border-bottom-color: rgba(77, 70, 140, .08) !important;
    box-shadow: 0 8px 32px rgba(40, 37, 78, .025);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
    backdrop-filter: blur(20px) saturate(135%);
}

.brand {
    position: relative;
    color: var(--kp-ink) !important;
}

.brand::after {
    content: "";
    position: absolute;
    right: -7px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7369ff, #5349e6);
    box-shadow: 0 0 0 4px rgba(99, 91, 255, .08);
}

/* --------------------------------------------------------------------------
   HERO AMBIENCE
   -------------------------------------------------------------------------- */

.kinetix-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .54), rgba(247, 247, 252, .38));
}

.kinetix-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .46;
    background-image:
        linear-gradient(rgba(92, 83, 195, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 83, 195, .045) 1px, transparent 1px);
    background-size: 54px 54px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 82%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 82%);
}

.kinetix-hero::after {
    content: "";
    position: absolute;
    left: 42%;
    bottom: 4%;
    z-index: -2;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(99, 91, 255, .08);
    filter: blur(74px);
    animation: kpAmbientDrift 13s ease-in-out infinite alternate;
}

.hero-background-orb {
    opacity: .82 !important;
    filter: blur(12px);
    will-change: transform;
}

.hero-background-orb-one {
    animation: kpOrbOne 12s ease-in-out infinite alternate;
}

.hero-background-orb-two {
    animation: kpOrbTwo 15s ease-in-out infinite alternate;
}

.kinetix-hero .eyebrow {
    padding: 7px 10px;
    margin-bottom: 16px;
    border: 1px solid rgba(99, 91, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 8px 26px rgba(72, 64, 150, .05);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.hero-description {
    color: #687084;
}

.hero-exams {
    padding-top: 2px;
}

.hero-exams > span {
    color: #8b91a2;
}

.hero-exams strong {
    border: 1px solid rgba(79, 72, 151, .09);
    background: rgba(255, 255, 255, .58);
    box-shadow: 0 7px 20px rgba(45, 41, 90, .035);
}

.hero-product-card[data-stack-position="0"] {
    border-color: rgba(99, 91, 255, .12) !important;
}

.hero-showcase::before {
    content: "";
    position: absolute;
    inset: 12% 4% 8%;
    z-index: -1;
    border-radius: 42px;
    background: linear-gradient(145deg, rgba(99, 91, 255, .08), rgba(125, 110, 255, .025));
    filter: blur(24px);
}

/* --------------------------------------------------------------------------
   PRODUCT VALUE STRIP
   -------------------------------------------------------------------------- */

.home-value-strip {
    position: relative;
    z-index: 2;
    margin-top: -22px;
    padding: 0 0 22px;
}

.home-value-strip-inner {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 15px 20px;
    border: 1px solid rgba(63, 57, 122, .09);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
    box-shadow: var(--kp-shadow-card);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    backdrop-filter: blur(16px) saturate(120%);
}

.home-value-intro {
    flex: 0 0 auto;
    color: #555c6e;
    font-size: .78rem;
    font-weight: 760;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-value-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.home-value-items span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #62697b;
    font-size: .84rem;
    font-weight: 650;
}

.home-value-items i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6d64f7;
    box-shadow: 0 0 0 4px rgba(99, 91, 255, .08);
}

/* --------------------------------------------------------------------------
   HOME SECTIONS
   -------------------------------------------------------------------------- */

.home-features-section,
.home-process-section,
.creator-section,
.about-story-section,
.about-creator-page,
.about-values-section {
    position: relative;
}

.home-features-section::before,
.creator-section::before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(90px);
    opacity: .34;
    background: rgba(99, 91, 255, .11);
}

.home-features-section::before {
    left: -240px;
    top: 14%;
}

.creator-section::before {
    right: -250px;
    bottom: 2%;
}

.section-heading {
    max-width: 720px;
}

.section-heading h2 {
    color: var(--kp-ink);
    text-wrap: balance;
}

.section-heading p {
    color: var(--kp-muted);
}

.feature-card,
.exam-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(61, 56, 112, .09) !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 14px 38px rgba(44, 40, 86, .045);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.feature-card::after,
.exam-card::after {
    content: "";
    position: absolute;
    right: -44px;
    bottom: -48px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(99, 91, 255, .045);
    transition: transform .3s ease, background .3s ease;
}

.feature-card:hover,
.exam-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(99, 91, 255, .16) !important;
    box-shadow: 0 22px 52px rgba(44, 40, 86, .075) !important;
}

.feature-card:hover::after,
.exam-card:hover::after {
    transform: scale(1.14);
    background: rgba(99, 91, 255, .07);
}

.feature-icon {
    min-width: 36px;
    min-height: 36px;
    display: inline-grid !important;
    place-items: center;
    border: 1px solid rgba(99, 91, 255, .10);
    border-radius: 11px;
    background: linear-gradient(145deg, #f5f3ff, #ece9ff) !important;
    color: #5e55e8 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.home-exams-section {
    margin: 12px auto;
}

.home-exams-section .exam-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 900px;
    margin-inline: auto;
}

.home-exams-section::before {
    content: "";
    position: absolute;
    inset: 7% 3%;
    z-index: -1;
    border-radius: 42px;
    background: linear-gradient(135deg, rgba(238, 235, 255, .56), rgba(249, 249, 253, .42));
}

.exam-card > span:first-child {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f0eeff;
    color: #5f56ea;
    font-size: .76rem;
    font-weight: 760;
}

.home-process-section .feature-grid {
    counter-reset: kp-step;
}

.home-process-section .feature-card {
    min-height: 210px;
}

.home-process-section .feature-icon {
    width: auto;
    min-width: 44px;
    padding-inline: 10px;
    font-size: .74rem;
    letter-spacing: .08em;
}

/* --------------------------------------------------------------------------
   CREATOR
   -------------------------------------------------------------------------- */

.creator-section {
    padding-top: clamp(74px, 8vw, 112px) !important;
    padding-bottom: clamp(74px, 8vw, 112px) !important;
}

.creator-shell {
    display: grid;
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: clamp(46px, 7vw, 92px);
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid rgba(63, 57, 122, .09);
    border-radius: 32px;
    background:
        radial-gradient(circle at 10% 12%, rgba(99, 91, 255, .09), transparent 34%),
        rgba(255, 255, 255, .74);
    box-shadow: var(--kp-shadow-soft);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.creator-visual {
    position: relative;
    min-width: 0;
    padding: 18px 26px 28px 10px;
}

.creator-photo-frame {
    position: relative;
    width: min(100%, 360px);
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 26px;
    background: #e9e9f2;
    box-shadow:
        0 24px 58px rgba(29, 27, 60, .16),
        0 0 0 9px rgba(255, 255, 255, .44);
}

.creator-photo-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 58%, rgba(17, 18, 30, .12));
}

.creator-photo {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    transform: none;
}

.creator-floating-card {
    position: absolute;
    z-index: 2;
    min-width: 146px;
    padding: 12px 14px;
    border: 1px solid rgba(73, 66, 143, .10);
    border-radius: 15px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 14px 36px rgba(37, 33, 79, .10);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
}

.creator-floating-card span,
.creator-floating-card strong {
    display: block;
}

.creator-floating-card span {
    margin-bottom: 2px;
    color: #81879a;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.creator-floating-card strong {
    color: #22253a;
    font-size: .92rem;
    letter-spacing: -.02em;
}

.creator-score-card {
    right: 0;
    top: 11%;
    animation: kpFloatCard 5.8s ease-in-out infinite;
}

.creator-rank-card {
    right: 4%;
    bottom: 4%;
    animation: kpFloatCard 6.6s ease-in-out .5s infinite reverse;
}

.creator-copy h2 {
    max-width: 720px;
    margin: 0 0 22px;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.creator-copy p {
    max-width: 720px;
    margin: 0 0 16px;
    color: #687084;
    font-size: .98rem;
    line-height: 1.76;
}

.creator-copy .creator-lead {
    color: #4e5568;
    font-size: 1.03rem;
}

.creator-quote {
    position: relative;
    margin: 24px 0 22px;
    padding: 17px 20px 17px 22px;
    border-left: 3px solid #6a61f5;
    border-radius: 0 14px 14px 0;
    background: rgba(244, 242, 255, .72);
    color: #363a50;
    font-size: .95rem;
    font-weight: 640;
    line-height: 1.65;
}

.creator-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #584fe4;
    font-size: .9rem;
    font-weight: 760;
}

.creator-link span {
    transition: transform .2s ease;
}

.creator-link:hover span {
    transform: translateX(4px);
}

/* --------------------------------------------------------------------------
   CTA
   -------------------------------------------------------------------------- */

.cta-section {
    position: relative;
}

.cta-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(99, 91, 255, .10) !important;
    background:
        radial-gradient(circle at 80% 10%, rgba(119, 104, 255, .18), transparent 28%),
        radial-gradient(circle at 10% 90%, rgba(99, 91, 255, .09), transparent 30%),
        #ffffff !important;
    box-shadow: 0 28px 78px rgba(42, 36, 94, .09);
    color: #1d2133 !important;
}

.cta-card h2 {
    color: #171a2a !important;
}

.cta-card p {
    color: #697084 !important;
}

.cta-card::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -100px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(99, 91, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(99, 91, 255, .025), 0 0 0 76px rgba(99, 91, 255, .018);
    pointer-events: none;
}

.site-footer {
    background: rgba(255, 255, 255, .42);
}

/* --------------------------------------------------------------------------
   ABOUT V2
   -------------------------------------------------------------------------- */

.about-hero-v2 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(74px, 9vw, 128px) 0 clamp(62px, 7vw, 96px);
}

.about-hero-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(rgba(93, 84, 198, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(93, 84, 198, .04) 1px, transparent 1px);
    background-size: 58px 58px;
    -webkit-mask-image: linear-gradient(to bottom, black, transparent 90%);
    mask-image: linear-gradient(to bottom, black, transparent 90%);
}

.about-ambient {
    position: absolute;
    z-index: -1;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    filter: blur(78px);
    pointer-events: none;
    opacity: .56;
    background: rgba(99, 91, 255, .12);
}

.about-ambient-one {
    left: -170px;
    top: -80px;
    animation: kpOrbOne 13s ease-in-out infinite alternate;
}

.about-ambient-two {
    right: -140px;
    bottom: -100px;
    animation: kpOrbTwo 16s ease-in-out infinite alternate;
}

.about-hero-grid-v2 {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    align-items: end;
    gap: clamp(40px, 8vw, 110px);
}

.about-hero-grid-v2 h1 {
    max-width: 800px;
    margin: 4px 0 24px;
    font-size: clamp(2.7rem, 6.3vw, 5.4rem);
    line-height: .98;
    letter-spacing: -.058em;
    text-wrap: balance;
}

.about-hero-grid-v2 > div:first-child > p {
    max-width: 680px;
    margin: 0;
    color: #697084;
    font-size: clamp(1rem, 1.7vw, 1.16rem);
    line-height: 1.72;
}

.about-principle-card {
    padding: 26px;
    border: 1px solid rgba(63, 57, 122, .09);
    border-radius: 22px;
    background: rgba(255,255,255,.72);
    box-shadow: var(--kp-shadow-card);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.about-principle-card > span {
    display: block;
    margin-bottom: 10px;
    color: #6259ed;
    font-size: .7rem;
    font-weight: 760;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.about-principle-card > strong {
    display: block;
    margin-bottom: 9px;
    color: #202338;
    font-size: 1.32rem;
    letter-spacing: -.025em;
}

.about-principle-card p {
    margin: 0;
    color: #757b8d;
    font-size: .9rem;
    line-height: 1.65;
}

.about-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: start;
}

.about-story-copy h2 {
    margin: 2px 0 20px;
    font-size: clamp(2rem, 4vw, 3.3rem);
    line-height: 1.05;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.about-story-copy p {
    max-width: 690px;
    color: #687084;
    line-height: 1.78;
}

.about-story-points {
    display: grid;
    gap: 12px;
}

.about-story-points article {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(63, 57, 122, .08);
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 28px rgba(42, 36, 94, .035);
}

.about-story-points article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: #f0eeff;
    color: #5b52e4;
    font-size: .7rem;
    font-weight: 800;
}

.about-story-points strong {
    display: block;
    margin: 1px 0 4px;
    color: #272b3f;
    font-size: .96rem;
}

.about-story-points p {
    margin: 0;
    color: #7b8191;
    font-size: .84rem;
    line-height: 1.55;
}

.about-creator-page {
    padding-top: 26px !important;
}

.creator-shell-about {
    background:
        radial-gradient(circle at 88% 14%, rgba(99, 91, 255, .09), transparent 34%),
        rgba(255, 255, 255, .78);
}

.creator-photo-frame-about {
    max-width: 350px;
}

.about-values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.about-values-grid article {
    padding: 25px;
    border: 1px solid rgba(63, 57, 122, .09);
    border-radius: 19px;
    background: rgba(255,255,255,.74);
    box-shadow: 0 13px 34px rgba(42, 36, 94, .04);
}

.about-values-grid article > span {
    color: #685ff0;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.about-values-grid h3 {
    margin: 16px 0 8px;
    color: #25283c;
    font-size: 1.08rem;
}

.about-values-grid p {
    margin: 0;
    color: #777e90;
    font-size: .88rem;
    line-height: 1.62;
}

/* --------------------------------------------------------------------------
   AUTH POLISH
   -------------------------------------------------------------------------- */

.auth-section {
    position: relative;
    isolation: isolate;
}

.auth-section::before,
.auth-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(82px);
    pointer-events: none;
    background: rgba(99, 91, 255, .08);
}

.auth-section::before {
    left: -190px;
    top: 6%;
}

.auth-section::after {
    right: -190px;
    bottom: 8%;
}

.auth-card {
    border-color: rgba(63, 57, 122, .10) !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 22px 60px rgba(42, 36, 94, .075) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.auth-card .form-input:focus {
    border-color: rgba(99, 91, 255, .48) !important;
    box-shadow: 0 0 0 4px rgba(99, 91, 255, .08) !important;
}

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

@media (max-width: 960px) {
    .home-value-strip {
        margin-top: -8px;
    }

    .creator-shell,
    .about-hero-grid-v2,
    .about-story-grid {
        grid-template-columns: 1fr;
    }

    .creator-visual {
        width: min(100%, 440px);
        margin-inline: auto;
    }

    .creator-photo-frame {
        margin-inline: auto;
    }

    .creator-copy {
        max-width: 760px;
    }

    .about-hero-grid-v2 {
        align-items: start;
    }

    .about-principle-card {
        max-width: 520px;
    }
}

@media (max-width: 720px) {
    .home-exams-section .exam-grid {
        grid-template-columns: 1fr;
    }

    .home-value-strip-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
    }

    .home-value-items {
        justify-content: flex-start;
    }

    .about-values-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .site-header .navbar {
        min-height: 64px !important;
    }

    .site-header .container {
        min-height: 64px !important;
    }

    .brand {
        font-size: 1.2rem;
    }

    .nav-links {
        gap: 10px !important;
    }

    .nav-links .nav-login {
        display: inline-flex !important;
        padding: 7px 4px;
        font-size: .82rem;
        font-weight: 680;
    }

    .site-header .button-small {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: .79rem !important;
    }

    .kinetix-hero::before {
        background-size: 42px 42px;
        opacity: .34;
    }

    .home-value-strip {
        padding-bottom: 4px;
    }

    .home-value-strip-inner {
        width: calc(100% - 32px) !important;
        padding: 14px 15px;
        border-radius: 16px;
    }

    .home-value-items {
        gap: 8px 13px;
    }

    .home-value-items span {
        font-size: .77rem;
    }

    .creator-shell {
        width: calc(100% - 32px) !important;
        padding: 22px 18px 26px;
        gap: 34px;
        border-radius: 24px;
    }

    .creator-visual {
        padding: 8px 18px 22px 4px;
    }

    .creator-photo-frame {
        width: min(88%, 315px);
        border-radius: 22px;
    }

    .creator-floating-card {
        min-width: 124px;
        padding: 10px 11px;
    }

    .creator-score-card {
        right: 0;
        top: 9%;
    }

    .creator-rank-card {
        right: 1%;
        bottom: 1%;
    }

    .creator-copy h2,
    .about-story-copy h2 {
        font-size: clamp(1.9rem, 9vw, 2.6rem);
    }

    .creator-copy p,
    .creator-copy .creator-lead {
        font-size: .92rem;
        line-height: 1.7;
    }

    .creator-quote {
        font-size: .88rem;
    }

    .about-hero-v2 {
        padding: 54px 0 58px;
    }

    .about-hero-grid-v2 h1 {
        font-size: clamp(2.45rem, 12vw, 3.7rem);
        line-height: 1.01;
    }

    .about-principle-card {
        padding: 20px;
        border-radius: 18px;
    }

    .about-story-points article {
        grid-template-columns: 36px 1fr;
        padding: 15px;
    }

    .about-story-points article > span {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 390px) {
    .home-value-items span {
        font-size: .72rem;
    }

    .creator-floating-card {
        transform: scale(.92);
    }

    .creator-score-card {
        transform-origin: right top;
    }

    .creator-rank-card {
        transform-origin: right bottom;
    }
}

/* --------------------------------------------------------------------------
   MOTION
   -------------------------------------------------------------------------- */

@keyframes kpOrbOne {
    0% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(26px, 20px, 0) scale(1.06); }
    100% { transform: translate3d(-14px, 34px, 0) scale(.96); }
}

@keyframes kpOrbTwo {
    0% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(-30px, -16px, 0) scale(.95); }
    100% { transform: translate3d(18px, 22px, 0) scale(1.05); }
}

@keyframes kpAmbientDrift {
    from { transform: translate3d(-18px, 0, 0) scale(.94); }
    to { transform: translate3d(34px, -18px, 0) scale(1.08); }
}

@keyframes kpFloatCard {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -8px, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-background-orb,
    .kinetix-hero::after,
    .creator-floating-card,
    .about-ambient {
        animation: none !important;
    }

    .feature-card,
    .exam-card,
    .creator-link span {
        transition: none !important;
    }
}

/* Footer navigation introduced in the public polish pass. */
.footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: #747b8d;
    font-size: .82rem;
    font-weight: 650;
}

.footer-links a {
    transition: color .18s ease;
}

.footer-links a:hover {
    color: #5b52e7;
}

.footer-copy {
    white-space: nowrap;
}

@media (max-width: 650px) {
    .footer-content {
        width: calc(100% - 32px) !important;
        align-items: flex-start !important;
        gap: 18px !important;
    }

    .footer-links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* ========================================================================== 
   UNITDIME HOMEPAGE — PREPARATION INTELLIGENCE v4.14a
   NOTE: intentionally does not target .hero-product-card / hero-card-stack.
   ========================================================================== */

.home-section-heading {
    max-width: 760px;
    margin-bottom: clamp(24px, 3.2vw, 40px);
}

.home-section-heading h2,
.ud-analysis-copy h2,
.ud-question-shell h2 {
    margin: 10px 0 14px;
    color: #111522;
    font-size: clamp(2rem, 3.5vw, 3.5rem);
    line-height: 1.03;
    letter-spacing: -0.045em;
}

.home-section-heading h2 span,
.ud-analysis-copy h2 span {
    color: #6658f6;
}

.home-section-heading p,
.ud-analysis-copy > p,
.ud-question-shell > div:first-child p {
    margin: 0;
    color: #72798c;
    font-size: 1.02rem;
    line-height: 1.75;
}

.home-section-heading-split {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
    gap: clamp(32px, 7vw, 92px);
    align-items: end;
    max-width: none;
}

.home-section-heading-split > p {
    padding-bottom: 6px;
}

.home-section-heading.centered {
    max-width: 840px;
    margin-inline: auto;
    text-align: center;
}

.home-section-heading.centered p {
    max-width: 680px;
    margin-inline: auto;
}

.home-intelligence-section,
.home-leaks-section,
.home-loop-section,
.home-analysis-preview-section,
.home-exam-workflows,
.home-questions-section {
    position: relative;
    padding-block: clamp(68px, 7.2vw, 104px) !important;
}

.home-intelligence-section {
    padding-top: clamp(64px, 6.8vw, 96px) !important;
}

/* --------------------------------------------------------------------------
   Intelligence cockpit
   -------------------------------------------------------------------------- */

.ud-intelligence-shell {
    overflow: hidden;
    border: 1px solid rgba(56, 50, 122, .10);
    border-radius: 30px;
    background:
        radial-gradient(circle at 86% 10%, rgba(103, 89, 255, .12), transparent 29rem),
        linear-gradient(155deg, rgba(255,255,255,.98), rgba(248,248,253,.94));
    box-shadow: 0 28px 80px rgba(35, 30, 84, .09);
}

.ud-intelligence-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(56, 50, 122, .08);
    background: rgba(255,255,255,.72);
}

.ud-intelligence-topbar > div:first-child {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 2px 8px;
}

.ud-intelligence-topbar strong {
    color: #222638;
    font-size: .92rem;
}

.ud-intelligence-topbar small {
    grid-column: 2;
    color: #8a90a2;
}

.ud-live-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #6358f5;
    box-shadow: 0 0 0 5px rgba(99,88,245,.10);
}

.ud-demo-switcher,
.ud-exam-tabs {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(56,50,122,.09);
    border-radius: 999px;
    background: #f5f5fa;
}

.ud-demo-switcher button,
.ud-exam-tabs button {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #777d90;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}

.ud-demo-switcher button {
    padding: 9px 13px;
}

.ud-demo-switcher button.is-active,
.ud-exam-tabs button.is-active {
    background: #fff;
    color: #4f46db;
    box-shadow: 0 5px 16px rgba(38,34,86,.08);
}

.ud-intelligence-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .72fr) minmax(260px, .72fr);
    gap: 14px;
    padding: 14px;
}

.ud-signal-stack {
    display: grid;
    gap: 14px;
}

.ud-signal-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(56,50,122,.08);
    border-radius: 20px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 10px 34px rgba(39,34,86,.045);
}

.ud-signal-card-primary {
    min-height: 370px;
    padding: clamp(22px, 3vw, 32px);
}

.ud-signal-label {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #7d8395;
    font-size: .77rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ud-positive {
    color: #18a572;
}

.ud-signal-value-row {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin: 26px 0 8px;
}

.ud-signal-value-row strong {
    color: #141826;
    font-size: clamp(3rem, 5vw, 5.4rem);
    line-height: .9;
    letter-spacing: -.065em;
}

.ud-signal-value-row span {
    color: #8c92a4;
    font-weight: 700;
}

.ud-line-chart {
    position: relative;
    height: 190px;
    margin-top: 20px;
}

.ud-line-chart svg {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.ud-chart-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to bottom, rgba(77,72,125,.07) 1px, transparent 1px);
    background-size: 100% 25%;
}

.ud-chart-line {
    stroke: #6558f5;
    stroke-width: 5;
    stroke-linecap: round;
    filter: drop-shadow(0 7px 7px rgba(101,88,245,.18));
    transition: d .35s ease;
}

.ud-chart-end {
    fill: #fff;
    stroke: #6558f5;
    stroke-width: 4;
    transition: cx .35s ease, cy .35s ease;
}

.ud-chart-axis {
    display: flex;
    justify-content: space-between;
    color: #9ba0af;
    font-size: .72rem;
}

.ud-compact-metric {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 20px 0 12px;
}

.ud-compact-metric strong,
.ud-time-total strong {
    color: #171b29;
    font-size: 2rem;
    letter-spacing: -.04em;
}

.ud-compact-metric span {
    color: #17a26f;
    font-size: .78rem;
    font-weight: 800;
}

.ud-meter {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #ececf4;
}

.ud-meter i {
    display: block;
    width: var(--value);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #7467ff, #594bea);
}

.ud-signal-card > small {
    display: block;
    margin-top: 12px;
    color: #9297a7;
    line-height: 1.5;
}

.ud-coverage-row {
    display: grid;
    grid-template-columns: 112px 1fr;
    align-items: center;
    gap: 18px;
    margin-top: 16px;
}

.ud-ring {
    --ring-color: #675af4;
    position: relative;
    display: grid;
    place-content: center;
    width: 104px;
    aspect-ratio: 1;
    border-radius: 50%;
    text-align: center;
    background: conic-gradient(var(--ring-color) calc(var(--ring-value) * 1%), #ececf4 0);
}

.ud-ring::after {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: white;
}

.ud-ring strong,
.ud-ring span {
    position: relative;
    z-index: 1;
}

.ud-ring strong { font-size: 1.28rem; color: #171b29; }
.ud-ring span { color: #989cab; font-size: .66rem; }

.ud-coverage-copy {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 5px 8px;
    align-items: baseline;
}

.ud-coverage-copy b { color: #262a3a; }
.ud-coverage-copy span { color: #9398a9; font-size: .74rem; }

.ud-time-total {
    display: flex;
    flex-direction: column;
    margin: 18px 0 20px;
}

.ud-time-total span { color: #959aab; font-size: .75rem; }

.ud-time-bars {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: end;
    gap: 9px;
    height: 150px;
    padding-top: 12px;
    border-bottom: 1px solid #ececf3;
}

.ud-time-bars i {
    position: relative;
    height: var(--bar);
    min-height: 18px;
    border-radius: 7px 7px 2px 2px;
    background: linear-gradient(180deg, #8e84ff, #6758f4);
    box-shadow: 0 8px 18px rgba(103,88,244,.15);
}

.ud-time-bars span {
    position: absolute;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
    color: #9b9fad;
    font-style: normal;
    font-size: .68rem;
}

.ud-time-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
    color: #8a90a1;
    font-size: .68rem;
}

.ud-time-legend span,
.ud-donut-legend span { display: inline-flex; align-items: center; gap: 5px; }
.ud-time-legend i,
.ud-donut-legend i { width: 7px; height: 7px; border-radius: 50%; }
.ud-time-legend .violet { background: #6658f5; }
.ud-time-legend .blue { background: #4e90ed; }
.ud-time-legend .orange { background: #f59b64; }

/* --------------------------------------------------------------------------
   Preparation leak scanner
   -------------------------------------------------------------------------- */

.home-leaks-section {
    background:
        linear-gradient(180deg, rgba(250,249,253,.28), rgba(247,247,252,.74));
}

.ud-leak-layout {
    display: grid;
    grid-template-columns: minmax(285px, .66fr) minmax(0, 1.34fr);
    gap: 16px;
    align-items: stretch;
}

.ud-leak-list {
    display: grid;
    align-content: start;
    gap: 9px;
}

.ud-leak-card {
    position: relative;
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid rgba(56,50,122,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.70);
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.ud-leak-card:hover,
.ud-leak-card.is-active {
    transform: translateY(-1px);
    border-color: rgba(100,88,244,.24);
    background: #fff;
    box-shadow: 0 12px 30px rgba(38,34,86,.06);
}

.ud-leak-card.is-active {
    box-shadow: inset 3px 0 #6658f5, 0 12px 30px rgba(38,34,86,.07);
}

.ud-leak-card:focus-visible {
    outline: 3px solid rgba(101,88,245,.20);
    outline-offset: 2px;
}

.ud-leak-card > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.ud-leak-card strong { color: #242838; font-size: .9rem; }
.ud-leak-card small { color: #8d93a5; line-height: 1.4; font-size: .75rem; }
.ud-leak-card > b { color: #a0a4b1; font-weight: 600; }

.ud-leak-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #efedff;
    color: #6558f5;
    font-size: 1.05rem;
    font-weight: 800;
}
.ud-leak-icon-orange { background: #fff1e8; color: #e78242; }
.ud-leak-icon-blue { background: #ebf3ff; color: #4d83db; }
.ud-leak-icon-red { background: #fff0f1; color: #d75f6e; }

.ud-leak-detail {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 20px;
    padding: clamp(24px, 3.3vw, 38px);
    border: 1px solid rgba(56,50,122,.09);
    border-radius: 24px;
    background:
        radial-gradient(circle at 94% 8%, rgba(101,88,245,.10), transparent 18rem),
        #fff;
    box-shadow: 0 22px 58px rgba(39,34,86,.065);
}

.ud-leak-detail-copy { min-width: 0; }

.ud-detail-kicker {
    color: #6658f5;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ud-leak-detail h3 {
    max-width: 720px;
    margin: 9px 0 8px;
    color: #171b29;
    font-size: clamp(1.4rem, 2.1vw, 2.15rem);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.ud-leak-detail-copy > p {
    max-width: 720px;
    margin: 0;
    color: #7a8092;
    line-height: 1.58;
    font-size: .94rem;
}

.ud-leak-visual {
    display: grid;
    align-content: center;
    min-width: 0;
    min-height: 190px;
}

.ud-leak-visual > * {
    animation: udInsightReveal .24s ease both;
}

@keyframes udInsightReveal {
    from { opacity: .45; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.ud-weak-bars {
    display: grid;
    gap: 13px;
}

.ud-detail-row {
    display: grid;
    grid-template-columns: minmax(125px, .8fr) minmax(120px, 2fr) 44px;
    align-items: center;
    gap: 13px;
    color: #555b6d;
    font-size: .78rem;
}

.ud-detail-row > div {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #ececf3;
}

.ud-detail-row i {
    display: block;
    width: var(--value);
    height: 100%;
    border-radius: inherit;
    background: #6a5bf4;
}

.ud-detail-row b { text-align: right; color: #4c5264; }
.ud-detail-row.is-risk { color: #c75c67; font-weight: 700; }
.ud-detail-row.is-risk i { background: linear-gradient(90deg, #f0a16e, #db6875); }
.ud-detail-row.is-risk b { color: #cc626e; }

.ud-leak-score { display: grid; gap: 18px; }
.ud-leak-score-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
}
.ud-leak-score-cards > div {
    display: grid;
    gap: 3px;
    padding: 15px;
    border: 1px solid #eeeeF5;
    border-radius: 15px;
    background: #fafafe;
}
.ud-leak-score-cards span { color: #82889a; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.ud-leak-score-cards strong { color: #232838; font-size: 1.55rem; line-height: 1; }
.ud-leak-score-cards small { color: #969bad; font-size: .72rem; }
.ud-leak-score-cards .is-earned { background: #f4fbf8; border-color: #e2f3eb; }
.ud-leak-score-cards .is-earned strong { color: #269769; }
.ud-leak-score-cards .is-lost { background: #fff6f6; border-color: #f9e5e7; }
.ud-leak-score-cards .is-lost strong { color: #d35f69; }
.ud-leak-score-cards .is-open { background: #f4f3ff; border-color: #e9e6ff; }
.ud-leak-score-cards .is-open strong { color: #6658f5; }
.ud-leak-waterfall {
    display: flex;
    gap: 4px;
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #f0f0f5;
}
.ud-leak-waterfall span { width: var(--width); border-radius: 999px; }
.ud-leak-waterfall .is-earned { background: #43b886; }
.ud-leak-waterfall .is-lost { background: #df6c76; }
.ud-leak-waterfall .is-open { background: #7568f5; }
.ud-leak-waterfall-labels { display: flex; justify-content: space-between; gap: 10px; margin-top: -10px; color: #999eae; font-size: .68rem; }

.ud-revision-grid { display: grid; gap: 0; border: 1px solid #ececf3; border-radius: 16px; overflow: hidden; }
.ud-revision-head,
.ud-revision-row {
    display: grid;
    grid-template-columns: minmax(150px,1.15fr) minmax(92px,.65fr) minmax(150px,1fr);
    gap: 14px;
    align-items: center;
    padding: 11px 14px;
}
.ud-revision-head { background: #f8f8fc; color: #969bad; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.ud-revision-row + .ud-revision-row { border-top: 1px solid #efeff4; }
.ud-revision-row strong { color: #3e4353; font-size: .78rem; }
.ud-revision-row > span { color: #8d92a4; font-size: .72rem; }
.ud-revision-row > div { display: grid; grid-template-columns: 1fr 38px; gap: 8px; align-items: center; }
.ud-revision-row > div::before { content: ''; grid-column: 1; grid-row: 1; height: 7px; border-radius: 999px; background: linear-gradient(90deg, #6658f5 var(--value), #ececf3 0); }
.ud-revision-row > div i { display:none; }
.ud-revision-row b { color: #4c5264; font-size: .72rem; text-align: right; }
.ud-revision-row.is-watch > div::before { background: linear-gradient(90deg, #ed9a56 var(--value), #ececf3 0); }
.ud-revision-row.is-risk > div::before { background: linear-gradient(90deg, #d96573 var(--value), #ececf3 0); }
.ud-revision-row.is-risk strong, .ud-revision-row.is-risk b { color: #c65b69; }

.ud-outcome-time {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr);
    align-items: center;
    gap: clamp(22px,4vw,50px);
}
.ud-outcome-donut {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    width: 142px;
    border-radius: 50%;
    background: conic-gradient(#4bb885 0 44%, #df6874 44% 78%, #9fa6b8 78% 100%);
    box-shadow: inset 0 0 0 1px rgba(40,42,67,.03);
}
.ud-outcome-donut::before {
    content: '';
    grid-area: 1/1;
    width: 104px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
}
.ud-outcome-donut > div { position: relative; z-index: 1; display:grid; gap:2px; text-align:center; }
.ud-outcome-donut strong { color:#242838; font-size:1.45rem; }
.ud-outcome-donut span { max-width:72px; color:#969bad; font-size:.63rem; line-height:1.25; }
.ud-outcome-legend { display:grid; gap:10px; }
.ud-outcome-legend > div { display:grid; grid-template-columns:10px minmax(0,1fr) 38px; align-items:center; gap:9px; color:#6f7587; font-size:.78rem; }
.ud-outcome-legend i { width:8px; height:8px; border-radius:50%; }
.ud-outcome-legend .is-correct { background:#4bb885; }
.ud-outcome-legend .is-wrong { background:#df6874; }
.ud-outcome-legend .is-unattempted { background:#9fa6b8; }
.ud-outcome-legend strong { color:#303545; }
.ud-outcome-legend b { text-align:right; color:#555b6c; }

.ud-next-action {
    display: grid;
    gap: 5px;
    padding: 15px 17px;
    border-radius: 15px;
    background: linear-gradient(135deg, #f1efff, #f8f7ff);
}

.ud-next-action span { color: #7268dc; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.ud-next-action strong { color: #3e3a70; line-height: 1.42; font-size: .88rem; }

/* --------------------------------------------------------------------------
   Connected loop
   -------------------------------------------------------------------------- */

.ud-loop {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1.12fr;
    align-items: stretch;
    gap: 8px;
}

.ud-loop > article {
    position: relative;
    min-width: 0;
    min-height: 185px;
    padding: 20px 17px;
    border: 1px solid rgba(56,50,122,.08);
    border-radius: 19px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 12px 34px rgba(39,34,86,.045);
}

.ud-loop > b {
    align-self: center;
    color: #c6c8d5;
    font-size: 1.3rem;
}

.ud-loop article > span {
    color: #a5a9b7;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.ud-loop article > i {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    margin: 18px 0 14px;
    border-radius: 12px;
    background: #f0eeff;
    color: #6558f5;
    font-style: normal;
    font-weight: 800;
}

.ud-loop h3 { margin: 0 0 7px; color: #242836; font-size: .95rem; }
.ud-loop p { margin: 0; color: #8a90a1; font-size: .76rem; line-height: 1.5; }

.ud-loop .ud-loop-emphasis {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(145deg, #6d5ff6, #5548df);
    box-shadow: 0 18px 42px rgba(87,73,222,.20);
}
.ud-loop .ud-loop-emphasis > span,
.ud-loop .ud-loop-emphasis p { color: rgba(255,255,255,.72); }
.ud-loop .ud-loop-emphasis h3 { color: #fff; }
.ud-loop .ud-loop-emphasis > i { background: rgba(255,255,255,.14); color: #fff; }

/* --------------------------------------------------------------------------
   Analysis preview
   -------------------------------------------------------------------------- */

.home-analysis-preview-section {
    background:
        radial-gradient(circle at 12% 25%, rgba(102,88,245,.09), transparent 28rem),
        linear-gradient(180deg, #fafafe, #f7f7fc);
}

.ud-analysis-preview {
    display: grid;
    grid-template-columns: minmax(320px, .76fr) minmax(0, 1.24fr);
    align-items: center;
    gap: clamp(42px, 7vw, 92px);
}

.ud-analysis-copy h2 { max-width: 620px; }

.ud-check-list {
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 28px 0 30px;
    list-style: none;
}

.ud-check-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #555b6d;
    font-size: .9rem;
}

.ud-check-list span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #eeecff;
    color: #6558f5;
    font-weight: 900;
}

.ud-analysis-board {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(56,50,122,.09);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 28px 72px rgba(38,34,86,.11);
    transform: rotate(.5deg);
}

.ud-analysis-board-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 7px 16px;
    color: #969baa;
    font-size: .73rem;
}
.ud-analysis-board-head span { color: #313646; font-weight: 800; }

.ud-analysis-summary {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
    gap: 10px;
}

.ud-analysis-summary > div {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 18px;
    border-radius: 17px;
    background: #f8f8fc;
}

.ud-analysis-summary span { color: #8f94a5; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.ud-analysis-summary strong { color: #1d2130; font-size: 1.8rem; letter-spacing: -.04em; }
.ud-analysis-summary small { color: #969baa; font-size: .72rem; }

.ud-analysis-lower {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 10px;
    margin-top: 10px;
}

.ud-donut-wrap,
.ud-subject-bars {
    min-width: 0;
    padding: 20px;
    border-radius: 17px;
    background: #f8f8fc;
}

.ud-donut-wrap { display: flex; align-items: center; gap: 20px; }
.ud-donut {
    display: grid;
    place-items: center;
    flex: 0 0 124px;
    width: 124px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(#39aa7a 0 57%, #e76f7b 57% 73%, #dadde7 73% 100%);
    position: relative;
}
.ud-donut::after { content: ""; position: absolute; inset: 15px; border-radius: 50%; background: #f8f8fc; }
.ud-donut span { position: relative; z-index: 1; display: grid; text-align: center; color: #242837; font-weight: 800; }
.ud-donut small { color: #989dab; font-size: .65rem; font-weight: 500; }
.ud-donut-legend { display: grid; gap: 9px; color: #808698; font-size: .7rem; }
.ud-donut-legend .green { background: #39aa7a; }
.ud-donut-legend .red { background: #e76f7b; }
.ud-donut-legend .gray { background: #cfd2de; }

.ud-subject-bars > span { color: #878c9d; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.ud-subject-bars > div { display: grid; grid-template-columns: 84px 1fr 34px; align-items: center; gap: 9px; margin-top: 18px; }
.ud-subject-bars b { color: #505667; font-size: .72rem; }
.ud-subject-bars i { height: 8px; overflow: hidden; border-radius: 999px; background: #e6e7ef; }
.ud-subject-bars em { display: block; width: var(--value); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#786bfa,#5f51e7); }
.ud-subject-bars small { color: #777d8f; font-size: .68rem; text-align: right; }

/* --------------------------------------------------------------------------
   Exam-specific workflow
   -------------------------------------------------------------------------- */

.ud-exam-switcher {
    padding: 12px;
    border: 1px solid rgba(56,50,122,.09);
    border-radius: 26px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 20px 60px rgba(38,34,86,.06);
}

.ud-exam-tabs {
    margin: 2px 2px 12px;
}

.ud-exam-tabs button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 11px 17px;
}

.ud-exam-tabs button span {
    color: #5146d8;
    font-weight: 900;
}

.ud-exam-panel {
    display: grid;
    grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
    gap: 18px;
    align-items: stretch;
}

.ud-exam-copy {
    padding: clamp(24px, 4vw, 40px);
    border-radius: 19px;
    background: linear-gradient(145deg, #171b29, #24273a);
    color: #fff;
}

.ud-exam-copy > span { color: #b9b4ff; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.ud-exam-copy h3 { margin: 15px 0 14px; color: #fff; font-size: clamp(1.45rem,2.4vw,2.25rem); line-height: 1.12; letter-spacing: -.035em; }
.ud-exam-copy p { margin: 0; color: #b8bdcd; line-height: 1.7; }

.ud-exam-tools {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ud-exam-tools article {
    min-width: 0;
    padding: 22px;
    border-radius: 18px;
    background: #f8f8fc;
}
.ud-exam-tools i { color: #a3a6b4; font-size: .65rem; font-style: normal; font-weight: 800; }
.ud-exam-tools strong { display: block; margin: 17px 0 7px; color: #2a2e3d; }
.ud-exam-tools span { color: #8a90a2; font-size: .76rem; line-height: 1.45; }

/* --------------------------------------------------------------------------
   Questions / conversion tension
   -------------------------------------------------------------------------- */

.home-questions-section { padding-top: clamp(52px, 7vw, 90px) !important; }

.ud-question-shell {
    display: grid;
    grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
    gap: clamp(34px, 7vw, 88px);
    align-items: center;
    padding: clamp(28px, 4vw, 50px);
    border-radius: 30px;
    background:
        radial-gradient(circle at 0 0, rgba(113,98,255,.14), transparent 25rem),
        #171b29;
    color: #fff;
    box-shadow: 0 28px 72px rgba(27,25,54,.14);
}

.ud-question-shell h2 { color: #fff; }
.ud-question-shell > div:first-child p { color: #aeb4c5; }
.ud-question-shell .eyebrow { color: #bdb8ff; }

.ud-question-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

.ud-question-grid article {
    display: grid;
    gap: 16px;
    min-width: 0;
    min-height: 150px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 17px;
    background: rgba(255,255,255,.055);
}
.ud-question-grid span { color: #8f88ff; font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.ud-question-grid strong { color: #f5f6fb; font-size: .88rem; line-height: 1.55; }

/* --------------------------------------------------------------------------
   Existing creator + CTA refinements, no hero card changes
   -------------------------------------------------------------------------- */

.creator-section {
    padding-top: clamp(68px, 7vw, 104px) !important;
}

.cta-card {
    overflow: hidden;
    position: relative;
}

.cta-card::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -70px;
    top: -120px;
    border-radius: 50%;
    background: rgba(110,94,255,.10);
    filter: blur(2px);
    pointer-events: none;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
    .ud-intelligence-grid { grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); }
    .ud-time-card { grid-column: 1 / -1; }
    .ud-time-bars { height: 125px; }
    .ud-loop { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
    .ud-loop > b { display: none; }
    .ud-analysis-preview { gap: 38px; }
}

@media (max-width: 860px) {
    .home-section-heading-split,
    .ud-leak-layout,
    .ud-analysis-preview,
    .ud-exam-panel,
    .ud-question-shell {
        grid-template-columns: 1fr;
    }

    .home-section-heading-split { gap: 10px; }
    .ud-leak-list {
        display: flex;
        overflow-x: auto;
        gap: 10px;
        padding-bottom: 6px;
        scroll-snap-type: x proximity;
        overscroll-behavior-inline: contain;
    }
    .ud-leak-card { flex: 0 0 min(285px, 72vw); scroll-snap-align: start; }
    .ud-intelligence-grid { grid-template-columns: 1fr 1fr; }
    .ud-signal-card-primary { grid-column: 1 / -1; }
    .ud-signal-stack { display: contents; }
    .ud-time-card { grid-column: 1 / -1; }
    .ud-analysis-board { transform: none; }
    .ud-question-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
    .home-intelligence-section,
    .home-leaks-section,
    .home-loop-section,
    .home-analysis-preview-section,
    .home-exam-workflows,
    .home-questions-section {
        padding-block: 54px !important;
    }

    .home-section-heading h2,
    .ud-analysis-copy h2,
    .ud-question-shell h2 {
        font-size: clamp(2rem, 10vw, 2.75rem);
    }

    .ud-intelligence-topbar {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }

    .ud-demo-switcher {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        border-radius: 14px;
    }

    .ud-demo-switcher button { padding-inline: 7px; }
    .ud-intelligence-grid { grid-template-columns: 1fr; padding: 9px; gap: 9px; }
    .ud-signal-card-primary,
    .ud-time-card { grid-column: auto; }
    .ud-signal-stack { display: grid; }
    .ud-signal-card { padding: 17px; }
    .ud-signal-card-primary { min-height: 330px; }
    .ud-line-chart { height: 155px; }
    .ud-coverage-row { grid-template-columns: 98px 1fr; }
    .ud-ring { width: 92px; }

    .ud-leak-list {
        display: flex;
        gap: 9px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        padding: 2px 2px 8px;
        scrollbar-width: thin;
    }
    .ud-leak-card {
        flex: 0 0 min(255px, 78vw);
        grid-template-columns: 38px 1fr;
        padding: 13px 14px;
        scroll-snap-align: start;
    }
    .ud-leak-card > b { display: none; }
    .ud-leak-detail { padding: 20px; gap: 17px; }
    .ud-leak-visual { min-height: 175px; }
    .ud-detail-row { grid-template-columns: 105px 1fr 36px; gap: 8px; font-size: .72rem; }
    .ud-leak-score-cards { grid-template-columns: 1fr; }
    .ud-leak-score-cards > div { grid-template-columns: 1fr auto; align-items:center; }
    .ud-leak-score-cards small { grid-column:1/-1; }
    .ud-revision-head { display:none; }
    .ud-revision-row { grid-template-columns: 1fr auto; gap:6px 12px; }
    .ud-revision-row > div { grid-column:1/-1; }
    .ud-outcome-time { grid-template-columns: 120px 1fr; gap:18px; }
    .ud-outcome-donut { width:118px; }
    .ud-outcome-donut::before { width:86px; }

    .ud-loop { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ud-loop > article { min-height: 165px; }

    .ud-analysis-summary { grid-template-columns: 1fr 1fr; }
    .ud-analysis-summary > div:first-child { grid-column: 1 / -1; }
    .ud-analysis-lower { grid-template-columns: 1fr; }
    .ud-donut-wrap { justify-content: center; }

    .ud-exam-tabs { display: grid; grid-template-columns: 1fr 1fr; width: 100%; border-radius: 16px; }
    .ud-exam-tabs button { justify-content: center; padding: 10px; }
    .ud-exam-tools { grid-template-columns: 1fr; }

    .ud-question-shell { padding: 24px 18px; border-radius: 22px; }
    .ud-question-grid { grid-template-columns: 1fr; }
    .ud-question-grid article { min-height: 120px; }
}

@media (max-width: 420px) {
    .ud-outcome-time { grid-template-columns: 1fr; justify-items:center; }
    .ud-outcome-legend { width:100%; }
    .ud-revision-row { padding:10px 12px; }

    .ud-loop { grid-template-columns: 1fr; }
    .ud-detail-row { grid-template-columns: 1fr 42px; }
    .ud-detail-row > div { grid-column: 1 / -1; grid-row: 2; }
    .ud-detail-row b { grid-column: 2; grid-row: 1; }
    .ud-donut-wrap { align-items: flex-start; flex-direction: column; }
    .ud-analysis-summary { grid-template-columns: 1fr; }
    .ud-analysis-summary > div:first-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .ud-leak-card,
    .ud-demo-switcher button,
    .ud-exam-tabs button {
        transition: none !important;
    }
    .ud-leak-visual > * { animation: none !important; }
}