/* U-Core landing mirror — shared section layout (product accent via tokens) */

body[data-product] .uc-landing,
body[data-product] .uc-landing-intro,
body[data-product] .uc-landing-hero {
    --landing-mock-up: var(--uc-product-accent, var(--uc-accent));
    --landing-mock-down: #F87171;
    --landing-chart-line: var(--uc-product-accent, var(--uc-accent));
    --uc-landing-section-py: 3rem;
}

/* Global body p margin (ucore.css) wins over component classes — reset inside mocks */
body.ucore-body .uc-landing-preview p {
    margin: 0;
}

body.ucore-body .uc-landing-assistant__subtitle {
    margin: 0.1rem 0 0;
}

/* Landing section rhythm — showcase bloklarıyla aynı aralık */
.uc-landing-hero,
.uc-landing > section {
    padding: var(--uc-landing-section-py) 0;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-intro.uc-hero--intro {
    padding: 3rem 0 var(--uc-landing-section-py);
    border-bottom: none;
}

.uc-landing > section.uc-landing-showcase {
    padding: 0;
}

.uc-landing > section.uc-landing-cta {
    padding: var(--uc-landing-section-py) 0 calc(var(--uc-landing-section-py) * 1.5);
}

/* Landing intro — etiket, logo, açıklama, yönlendirme */
.uc-landing-intro .uc-hero__inner {
    max-width: none;
}

.uc-landing-intro .uc-intro-actions {
    margin-top: 1.5rem;
    gap: 0.75rem;
}

/* Landing promo — tanıtım (başlık + görsel) */
.uc-landing-hero__visual .uc-landing-preview {
    transform: perspective(1200px) rotateY(-2deg) rotateX(1deg);
    transition: transform 0.4s var(--uc-ease);
}

.uc-landing-carousel .uc-landing-preview,
.uc-landing-hero__visual.is-visible .uc-landing-carousel .uc-landing-preview,
.uc-landing-hero__visual .uc-landing-carousel .uc-landing-preview:hover {
    transform: none;
}

.uc-landing-hero__visual.is-visible .uc-landing-preview,
.uc-landing-hero__visual .uc-landing-preview:hover {
    transform: perspective(1200px) rotateY(0deg) rotateX(0deg);
}

.uc-landing-hero__visual.is-visible .uc-landing-carousel .uc-landing-preview,
.uc-landing-hero__visual .uc-landing-carousel .uc-landing-preview:hover {
    transform: none;
}

/* Landing scroll reveal */
.uc-landing .uc-reveal,
.uc-landing-intro.uc-reveal,
.uc-landing-hero.uc-reveal {
    opacity: 0;
    transform: translateY(1.25rem);
    transition: opacity 0.55s var(--uc-ease), transform 0.55s var(--uc-ease);
}

.uc-landing .uc-reveal.is-visible,
.uc-landing-intro.uc-reveal.is-visible,
.uc-landing-hero.uc-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.uc-reveal--delay {
    transition-delay: 0.12s;
}

@media (prefers-reduced-motion: reduce) {
    .uc-landing .uc-reveal,
    .uc-landing-intro.uc-reveal,
    .uc-landing-hero.uc-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

.uc-landing {
    --landing-mock-up: var(--uc-product-accent, #34D399);
    --landing-mock-down: #F87171;
    --landing-chart-line: var(--uc-product-accent, #34D399);
}

/* Ürün landing — tüm başlıklar sans (Pecunia app ile uyumlu) */
.uc-landing h1,
.uc-landing h2,
.uc-landing h3,
.uc-landing h4,
.uc-landing .uc-section__title {
    font-family: var(--uc-font-sans);
    font-weight: 700;
}

.uc-landing h3,
.uc-landing h4,
.uc-landing .uc-landing-features__cat-title {
    font-weight: 600;
    font-size: inherit;
}

/* Brand intro — uses .uc-hero.uc-hero--intro from ucore.css */

.uc-landing-intro .uc-hero__eyebrow {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.12em;
}

.uc-landing-intro .uc-hero__eyebrow .brand-dot {
    width: 9px;
    height: 9px;
}

.uc-landing-intro__layout {
    display: grid;
    gap: 1.5rem;
}

.uc-landing-intro__layout--with-downloads {
    align-items: center;
    width: 100%;
}

@media (min-width: 768px) {
    .uc-landing-intro__layout--with-downloads {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 2rem;
    }

    .uc-landing-intro__downloads {
        justify-self: end;
        margin-right: 5rem;
    }
}

.uc-landing-intro__downloads {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: auto;
}

.uc-store-badge {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    /*width: 10.5rem;*/
    min-height: 2.75rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius);
    background: rgba(255, 255, 255, 0.04);
    color: var(--uc-fg-strong);
    text-decoration: none;
    transition: border-color 0.2s var(--uc-ease), background 0.2s var(--uc-ease), transform 0.2s var(--uc-ease);
}

a.uc-store-badge {
    background: var(--uc-accent-glow);
    border-color: color-mix(in srgb, var(--uc-accent) 28%, var(--uc-border-soft));
}

a.uc-store-badge .uc-store-badge__icon {
    color: var(--uc-accent);
}

a.uc-store-badge:hover {
    border-color: color-mix(in srgb, var(--uc-accent) 45%, var(--uc-border-soft));
    background: color-mix(in srgb, var(--uc-accent) 14%, transparent);
    transform: translateY(-1px);
}

.uc-store-badge--soon {
    opacity: 0.55;
    cursor: default;
}

.uc-store-badge__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    font-size: 1.15rem;
    line-height: 1;
    color: var(--uc-fg-strong);
    flex-shrink: 0;
}

.uc-store-badge__text {
    display: grid;
    gap: 0.05rem;
    min-width: 0;
}

.uc-store-badge__label {
    font-size: 0.625rem;
    line-height: 1.2;
    color: var(--uc-fg-dim);
}

.uc-store-badge__name {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--uc-fg-strong);
}

.uc-landing-intro__logo {
    display: block;
    margin: 0 0 1rem;
    height: 2.25rem;
    width: auto;
}

@media (min-width: 768px) {
    .uc-landing-intro__logo {
        height: 3.25rem;
    }
}

.uc-landing-intro__tagline {
    max-width: 48ch;
}

/* Promo — tanıtım */
.uc-landing-hero {
    position: relative;
}

.uc-landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 80% 60% at 50% -20%, var(--uc-accent-glow), transparent 70%);
    opacity: 0.6;
}

.uc-landing-hero__grid {
    position: relative;
    display: grid;
    gap: 2.5rem;
    align-items: center;
}

@media (min-width: 992px) {
    .uc-landing-hero__grid {
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
    }
}

.uc-landing-hero__visual {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.uc-landing-hero__title {
    font-family: var(--uc-font-sans);
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 1rem;
    color: var(--uc-fg-strong);
}

.uc-landing-hero__subtitle {
    margin: 0 0 1.75rem;
    font-size: 1.0625rem;
    line-height: 1.65;
    color: var(--uc-fg-muted);
    max-width: 48ch;
}

.uc-landing-hero__kicker {
    margin: 0 0 1.25rem;
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: var(--uc-product-accent, var(--uc-accent));
    max-width: 48ch;
}

.uc-landing-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.uc-landing-hero__explore {
    display: block;
    margin-top: 1rem;
    font-size: 0.875rem;
    color: var(--uc-accent);
    text-decoration: none;
}

.uc-landing-hero__explore:hover {
    text-decoration: underline;
}

/* Intro metrics — tam satır, arkaplan yok */
.uc-landing-intro .uc-intro-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 2rem;
    margin-top: 2rem;
    max-width: none;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

@media (min-width: 768px) {
    .uc-landing-intro .uc-intro-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem;
    }
}

.uc-landing-intro .uc-intro-metrics__item {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0;
    background: transparent;
}

.uc-landing-intro .uc-intro-metrics__value {
    font-family: var(--uc-font-sans);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--uc-accent);
    font-variant-numeric: tabular-nums;
}

.uc-landing-intro .uc-intro-metrics__label {
    font-family: var(--uc-font-mono);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--uc-fg-muted);
}

body[data-product="taska"] .uc-landing-intro .uc-intro-metrics__label {
    font-family: var(--uc-font-sans);
    letter-spacing: 0;
    text-transform: none;
}

/* Intro metrics — legacy kutu stili (başka kullanımlar için) */
.uc-intro-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 1.25rem;
    max-width: 36rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-border-soft);
    overflow: hidden;
}

@media (min-width: 768px) {
    .uc-intro-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 42rem;
    }
}

.uc-intro-metrics__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.8rem 0.85rem;
    border: none;
    border-radius: 0;
    background: var(--uc-surface-0);
    overflow: hidden;
}

.uc-intro-metrics__item::before {
    display: none;
}

.uc-intro-metrics__value {
    font-family: var(--uc-font-sans);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--uc-accent);
    font-variant-numeric: tabular-nums;
}

.uc-intro-metrics__label {
    font-family: var(--uc-font-mono);
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--uc-fg-dim);
}

.uc-intro-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    align-items: center;
    margin-top: 1.25rem;
}

body.ucore-body a.uc-intro-actions__link,
.uc-intro-actions__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--uc-accent);
    text-decoration: none;
}

body.ucore-body a.uc-intro-actions__link:hover,
.uc-intro-actions__link:hover {
    color: var(--uc-fg-strong);
    text-decoration: underline;
}

.uc-intro-actions__link .bi {
    font-size: 0.875rem;
    transition: transform 0.15s ease;
}

.uc-intro-actions__link:hover .bi {
    transform: translateX(2px);
}

/* Trust strip — standalone (ileride başka sayfalar) */
.uc-landing-trust {
    border-block: 1px solid var(--uc-border-soft);
    background: var(--uc-surface-0);
    padding: 2rem 0;
}

.uc-landing-trust__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .uc-landing-trust__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.uc-landing-trust__item {
    text-align: center;
}

.uc-landing-trust__value {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--uc-accent);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.uc-landing-trust__label {
    margin-top: 0.35rem;
    font-size: 0.875rem;
    color: var(--uc-fg-muted);
}

/* Preview frame — tüm ürün mock kartları */
.uc-landing-preview {
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
    overflow: hidden;
}

.uc-landing-mock {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.uc-landing-mock__head {
    padding: 1rem 1.1rem 0.35rem;
    border-bottom: none;
    background: transparent;
}

.uc-landing-mock__section {
    padding: 0.75rem 1.1rem 0.9rem;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-mock__section:first-child {
    border-top: none;
    padding-top: 0.9rem;
}

.uc-landing-mock__label {
    margin: 0;
    font-size: 0.75rem;
    color: var(--uc-fg-dim);
}

.uc-landing-mock__value {
    margin: 0.15rem 0 0;
    font-size: clamp(1.375rem, 3.2vw, 1.875rem);
    font-weight: 700;
    color: var(--uc-fg-strong);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.uc-landing-mock__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.uc-landing-mock__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.22rem 0.5rem;
    border-radius: var(--uc-radius-sm);
    border: none;
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.6875rem;
}

.uc-landing-mock__chip span:first-child {
    color: var(--uc-fg-dim);
}

.uc-landing-mock__chip--up span:last-child {
    color: var(--landing-mock-up);
    font-weight: 600;
}

.uc-landing-mock__chart {
    padding: 0 0.5rem 0.65rem;
    background: transparent;
}

.uc-landing-mock__head + .uc-landing-mock__chart {
    padding-top: 0.15rem;
}

.uc-landing-mock > .uc-landing-mock__chart:first-child {
    padding-top: 0.75rem;
}

/* Split mock — line chart + donut (net worth) */
.uc-landing-mock--split {
    display: grid;
    gap: 0;
}

@media (min-width: 480px) {
    .uc-landing-mock--split {
        grid-template-columns: 1.15fr 0.85fr;
        align-items: stretch;
    }
}

.uc-landing-mock__split-pane {
    padding: 0.85rem 0.75rem;
    min-width: 0;
}

.uc-landing-mock__split-pane + .uc-landing-mock__split-pane {
    border-top: 1px solid var(--uc-border-soft);
}

@media (min-width: 480px) {
    .uc-landing-mock__split-pane + .uc-landing-mock__split-pane {
        border-top: none;
        border-left: 1px solid var(--uc-border-soft);
    }
}

.uc-landing-mock__split-pane--chart,
.uc-landing-mock__split-pane--donut {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.uc-landing-mock__split-pane--chart .uc-landing-chart-svg {
    min-height: 0;
}

/* Donut chart mock */
.uc-landing-donut-wrap {
    display: grid;
    gap: 0.65rem;
    justify-items: center;
    text-align: center;
}

.uc-landing-donut-wrap--compact {
    gap: 0.35rem;
}

.uc-landing-donut-wrap--compact .uc-landing-donut {
    width: 4.5rem;
    height: 4.5rem;
}

.uc-landing-donut-wrap--compact .uc-landing-donut__hole {
    inset: 24%;
}

.uc-landing-donut {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
}

.uc-landing-donut__ring {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(
        #FBBF24 0deg 151deg,
        #62BCFF 151deg 252deg,
        var(--landing-chart-line) 252deg 317deg,
        #A78BFA 317deg 360deg
    );
}

.uc-landing-donut__hole {
    position: absolute;
    inset: 26%;
    border-radius: 50%;
    background: var(--uc-surface-0);
    border: 1px solid var(--uc-border-soft);
}

.uc-landing-donut__legend {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 0.75rem;
    font-size: 0.6875rem;
    color: var(--uc-fg-muted);
}

.uc-landing-donut__legend li {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.uc-landing-donut__swatch {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 2px;
    flex-shrink: 0;
}

.uc-landing-donut__swatch--a { background: #FBBF24; }
.uc-landing-donut__swatch--b { background: #62BCFF; }
.uc-landing-donut__swatch--c { background: var(--landing-chart-line); }
.uc-landing-donut__swatch--d { background: #A78BFA; }

.uc-landing-mock__chart--centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uc-landing-mock__chart--centered .uc-landing-chart-svg {
    min-height: 0;
}

/* Reports mock */
.uc-landing-reports-mock__value {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.uc-landing-reports-mock__value span {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--uc-fg-dim);
}

.uc-landing-reports-mock__footer {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem 0.85rem;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-reports-mock__metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.uc-landing-reports-mock__export {
    flex-shrink: 0;
    align-self: flex-end;
}

@media (max-width: 479px) {
    .uc-landing-reports-mock__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .uc-landing-reports-mock__export {
        display: flex;
        justify-content: flex-end;
    }
}

.uc-landing-reports-mock__metric {
    display: grid;
    gap: 0.15rem;
    padding: 0.45rem 0.5rem;
    border-radius: var(--uc-radius);
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--uc-border-soft);
}

.uc-landing-reports-mock__metric-label {
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--uc-fg-dim);
    font-family: var(--uc-font-mono);
}

.uc-landing-reports-mock__metric-value {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
    font-variant-numeric: tabular-nums;
}

.uc-landing-chart-svg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 7.5rem;
}

.uc-landing-chart-svg__grid {
    stroke: rgba(255, 255, 255, 0.05);
    stroke-width: 1;
    stroke-dasharray: 3 4;
}

.uc-landing-chart-svg__axis {
    fill: var(--uc-fg-dim);
    font-family: var(--uc-font-mono);
    font-size: 7px;
}

.uc-landing-showcase__visual .uc-landing-preview,
.uc-landing-hero__grid > div:last-child .uc-landing-preview,
.uc-landing-markets .uc-landing-preview {
    max-width: 100%;
}

@media (min-width: 992px) {
    .uc-landing-hero__grid > div:last-child .uc-landing-preview {
        margin-left: auto;
        max-width: 28rem;
    }

    .uc-landing-hero__grid > div:last-child .uc-landing-carousel .uc-landing-preview {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
    }

    .uc-landing-hero__grid > div:last-child .uc-landing-konsolig-hero {
        margin-left: 0;
        max-width: none;
    }
}

/* Showcase */
.uc-landing-showcase__block {
    display: grid;
    gap: 2rem;
    align-items: center;
    padding: var(--uc-landing-section-py) 0;
}

.uc-landing-showcase__block + .uc-landing-showcase__block {
    border-top: 1px solid var(--uc-border-soft);
}

@media (min-width: 992px) {
    .uc-landing-showcase__block {
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
    }

    .uc-landing-showcase__block--reverse .uc-landing-showcase__copy {
        order: 2;
    }

    .uc-landing-showcase__block--reverse .uc-landing-showcase__visual {
        order: 1;
    }
}

.uc-landing-showcase__title {
    font-family: var(--uc-font-sans);
    font-size: clamp(1.375rem, 3vw, 1.75rem);
    font-weight: 600;
    margin: 0 0 0.75rem;
    color: var(--uc-fg-strong);
}

.uc-landing-showcase__subtitle {
    margin: 0 0 1.25rem;
    color: var(--uc-fg-muted);
    line-height: 1.65;
    font-size: 1.0625rem;
}

.uc-landing-showcase__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.uc-landing-showcase__list li {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    font-size: 0.9375rem;
    color: var(--uc-fg-muted);
    line-height: 1.5;
}

.uc-landing-showcase__check {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--uc-product-accent-glow, var(--uc-accent-glow));
    color: var(--uc-product-accent, var(--uc-accent));
    font-size: 0.65rem;
}

.uc-landing-alloc {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.uc-landing-alloc__row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.8125rem;
}

.uc-landing-alloc__row > span:first-child {
    width: 3.25rem;
    flex-shrink: 0;
    color: var(--uc-fg-muted);
}

.uc-landing-alloc__bar {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: var(--uc-border-soft);
    overflow: hidden;
}

.uc-landing-alloc__bar span {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: var(--landing-chart-line);
}

.uc-landing-watch {
    display: grid;
    gap: 0;
}

.uc-landing-watch__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.uc-landing-watch__chip {
    padding: 0.2rem 0.55rem;
    border-radius: var(--uc-radius-sm);
    font-size: 0.6875rem;
    border: none;
    background: rgba(255, 255, 255, 0.04);
    color: var(--uc-fg-muted);
}

.uc-landing-watch__chip--active {
    background: var(--uc-accent-glow);
    color: var(--uc-accent);
}

.uc-landing-watch__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--uc-border-soft);
    font-size: 0.8125rem;
}

.uc-landing-watch__row:last-child {
    border-bottom: none;
}

.uc-landing-watch__up {
    color: var(--landing-mock-up);
    font-weight: 600;
}

.uc-landing-watch__down {
    color: var(--landing-mock-down);
    font-weight: 600;
}

.uc-landing-share {
    display: grid;
    gap: 0.35rem;
}

.uc-landing-share__code {
    font-family: var(--uc-font-mono);
    font-size: 1.0625rem;
    letter-spacing: 0.12em;
    color: var(--uc-accent);
    margin: 0.35rem 0 0.65rem;
}

.uc-landing-share__roles {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.uc-landing-share__role {
    font-size: 0.6875rem;
    padding: 0.18rem 0.45rem;
    border-radius: var(--uc-radius-sm);
    background: rgba(255, 255, 255, 0.04);
    color: var(--uc-fg-dim);
}

/* Markets */
.uc-landing-markets {
    background: var(--uc-surface-0);
}

/* Ortalı bölüm başlıkları — markets, features, faq */
.uc-landing-section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0 auto 2.5rem;
    max-width: 52rem;
}

.uc-landing-section-header .uc-landing-showcase__title {
    margin: 0 0 0.75rem;
    width: 100%;
}

.uc-landing-section-header .uc-landing-showcase__subtitle {
    margin: 0;
    max-width: 50ch;
    text-align: center;
}

.uc-landing-markets__marquee-wrap {
    overflow: hidden;
    margin-bottom: 2rem;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.uc-landing-markets__marquee-track {
    display: flex;
    width: max-content;
    animation: landing-marquee 50s linear infinite;
    will-change: transform;
}

.uc-landing-markets__marquee-group {
    display: flex;
    align-items: center;
    gap: 2.25rem;
    flex-shrink: 0;
    padding-right: 2.25rem;
}

@keyframes landing-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .uc-landing-markets__marquee-track {
        animation: none;
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
    }

    .uc-landing-markets__marquee-group {
        padding-right: 0;
    }

    .uc-landing-markets__marquee-group[aria-hidden="true"] {
        display: none;
    }
}

.uc-landing-markets__marquee {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem 2.25rem;
    margin-bottom: 2rem;
}

.uc-landing-markets__brand-logo {
    display: block;
    height: 1.5rem;
    width: auto;
    max-width: 6.5rem;
    object-fit: contain;
    opacity: 0.92;
    filter: brightness(1.05);
}

.uc-landing-markets__preview {
    max-width: 36rem;
    margin: 0 auto;
}

.uc-landing-movers__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.uc-landing-movers__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 6.25rem auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-movers__row:first-child {
    border-top: none;
}

.uc-landing-movers__badge {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    overflow: hidden;
    background: var(--uc-surface-1);
    border: 1px solid var(--uc-border-soft);
}

.uc-landing-movers__badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.uc-landing-movers__symbol-line {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    min-width: 0;
}

.uc-landing-movers__symbol {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
    white-space: nowrap;
}

.uc-landing-movers__name {
    font-size: 0.75rem;
    color: var(--uc-fg-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-movers__spark-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.25rem;
    height: 2rem;
    flex-shrink: 0;
}

.uc-landing-movers__spark {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.uc-landing-movers__spark-line {
    vector-effect: non-scaling-stroke;
}

.uc-landing-movers__quote {
    text-align: right;
    min-width: 4.75rem;
}

.uc-landing-movers__price {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
    font-variant-numeric: tabular-nums;
}

.uc-landing-movers__change {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.uc-landing-movers__change--up {
    color: var(--landing-mock-up);
}

.uc-landing-movers__change--down {
    color: var(--landing-mock-down);
}

.uc-landing-markets__chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 1.75rem;
}

.uc-landing-markets__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.65rem 0.2rem 0.2rem;
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid var(--uc-border-soft);
    background: var(--uc-surface-1);
    color: var(--uc-fg);
}

.uc-landing-markets__chip-icon {
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    overflow: hidden;
    background: var(--uc-surface-0);
    border: 1px solid var(--uc-border-soft);
    flex-shrink: 0;
}

.uc-landing-markets__chip-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uc-landing-markets__chip-flag {
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
}

/* Features */
.uc-landing-features__cat {
    margin-bottom: 2.5rem;
}

.uc-landing-features__cat-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 1rem;
    color: var(--uc-fg-strong);
}

.uc-landing-features__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    align-items: stretch;
}

@media (min-width: 640px) {
    .uc-landing-features__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .uc-landing-features__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.uc-landing-feature-card {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    height: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
}

.uc-landing-feature-card__head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.uc-landing-feature-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--uc-radius-sm);
    background: var(--uc-accent-glow);
    color: var(--uc-accent);
    font-size: 0.875rem;
    margin: 0;
    flex-shrink: 0;
}

.uc-landing-feature-card__title {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
    line-height: 1.3;
}

.uc-landing-feature-card__desc {
    margin: 0;
    flex: 1;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--uc-fg-muted);
}

/* Reports + CTA */
.uc-landing-reports__card {
    display: grid;
    gap: 1.25rem;
    padding: 1.35rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
}

@media (min-width: 768px) {
    .uc-landing-reports__card {
        grid-template-columns: 1fr 1fr;
        padding: 1.5rem;
        gap: 1.5rem;
        align-items: center;
    }
}

.uc-landing-reports__visual {
    display: block;
}

/* AI showcase */
.uc-landing-ai__grid {
    display: grid;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 992px) {
    .uc-landing-ai__grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

.uc-landing-ai__eyebrow {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--uc-accent);
}

.uc-landing-ai__disclaimer {
    margin: 1rem 0 0;
    font-size: 0.75rem;
    color: var(--uc-fg-dim);
}

.uc-landing-assistant__head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--uc-border-soft);
    background: rgba(255, 255, 255, 0.03);
}

.uc-landing-assistant__bot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: var(--uc-accent-glow);
    color: var(--uc-accent);
    font-size: 1rem;
    flex-shrink: 0;
}

.uc-landing-assistant__title {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
}

.uc-landing-assistant__subtitle {
    margin: 0.1rem 0 0;
    font-size: 0.75rem;
    color: var(--uc-fg-muted);
}

.uc-landing-assistant__chat {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
}

.uc-landing-assistant__msg {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    max-width: 92%;
}

.uc-landing-assistant__msg--user {
    justify-self: end;
    align-items: center;
}

.uc-landing-assistant__msg--bot {
    align-items: center;
}

.uc-landing-assistant__msg p {
    margin: 0;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.uc-landing-assistant__msg--user p {
    background: rgba(255, 255, 255, 0.06);
    color: var(--uc-fg-strong);
}

.uc-landing-assistant__msg--bot p {
    border: 1px solid var(--uc-border-soft);
    background: rgba(255, 255, 255, 0.03);
    color: var(--uc-fg-muted);
}

.uc-landing-assistant__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    border: 1px solid var(--uc-border-soft);
    background: transparent;
    color: var(--uc-fg-muted);
    flex-shrink: 0;
    font-size: 0.6875rem;
}

.uc-landing-assistant__avatar--bot {
    border: none;
    background: var(--uc-accent-glow);
    color: var(--uc-accent);
}

.uc-landing-assistant__mini {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border-top: 1px solid var(--uc-border-soft);
    background: rgba(0, 0, 0, 0.12);
}

@media (min-width: 480px) {
    .uc-landing-assistant__mini {
        grid-template-columns: 1fr 1fr;
    }
}

.uc-landing-assistant__mini-panel {
    padding: 0.5rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius);
    background: var(--uc-surface-0);
}

.uc-landing-assistant__mini-panel--donut,
.uc-landing-assistant__mini-panel--chart {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.5rem;
}

.uc-landing-assistant__mini-panel--donut .uc-landing-donut-wrap--compact {
    justify-items: center;
    text-align: center;
    gap: 0;
}

.uc-landing-assistant__mini-panel--donut .uc-landing-donut {
    width: 5.75rem;
    height: 5.75rem;
}

.uc-landing-assistant__mini-panel--chart {
    padding-inline: 0.35rem;
}

.uc-landing-chart-svg--assistant {
    min-height: 6.25rem;
    height: 6.25rem;
    width: 100%;
}

.uc-landing-chart-svg__axis--assistant {
    font-size: 10px;
    font-weight: 500;
    fill: var(--uc-fg-muted);
}

.uc-landing-alloc--compact {
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.uc-landing-alloc--compact .uc-landing-alloc__row {
    font-size: 0.6875rem;
}

.uc-landing-alloc--compact .uc-landing-alloc__row > span:first-child {
    width: 2.5rem;
}

.uc-landing-movers__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--uc-border-soft);
}

/* FAQ */
.uc-landing-faq {
    background: rgba(255, 255, 255, 0.015);
}

.uc-landing-faq__list {
    max-width: 42rem;
    margin: 0 auto;
    display: grid;
    gap: 0.5rem;
}

.uc-landing-faq__item {
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
    overflow: hidden;
}

.uc-landing-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    font-weight: 500;
    color: var(--uc-fg-strong);
    cursor: pointer;
    list-style: none;
}

.uc-landing-faq__question::-webkit-details-marker {
    display: none;
}

.uc-landing-faq__question .bi {
    color: var(--uc-fg-muted);
    transition: transform 0.15s ease;
}

.uc-landing-faq__item[open] .uc-landing-faq__question {
    padding-bottom: 1rem;
}

.uc-landing-faq__item[open] .uc-landing-faq__question .bi {
    transform: rotate(180deg);
}

.uc-landing-faq__answer {
    padding: 1rem 1.1rem;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-faq__answer p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--uc-fg-muted);
}

.uc-landing-cta-box {
    text-align: center;
    padding: 3rem 2rem;
    border: 1px solid var(--uc-accent-ring);
    border-radius: var(--uc-radius-xl);
    background: linear-gradient(180deg, var(--uc-accent-glow), transparent);
    max-width: 42rem;
    margin: 0 auto;
}

.uc-landing-cta-box h2 {
    font-family: var(--uc-font-sans);
    font-weight: 700;
    font-size: clamp(1.375rem, 3vw, 1.75rem);
    margin: 0 0 0.75rem;
    color: var(--uc-fg-strong);
}

.uc-landing-cta-box p {
    margin: 0 0 1.5rem;
    color: var(--uc-fg-muted);
}

.uc-landing-chart-svg__line {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.uc-landing-back {
    text-align: center;
    margin-top: 2rem;
}

/* ── Taska landing sections ── */

.uc-landing-eyebrow {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--uc-product-accent, var(--uc-accent));
}

.uc-landing-section-header--center {
    text-align: center;
    max-width: 42rem;
    margin: 0 auto 2rem;
}

.uc-landing-section-header--center .uc-landing-showcase__subtitle {
    margin-left: auto;
    margin-right: auto;
}

/* Integrations */
.uc-landing-integrations__grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .uc-landing-integrations__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.uc-landing-integrations__card {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-bg-elevated);
}

.uc-landing-integrations__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--uc-radius-md);
    background: var(--uc-accent-glow);
    color: var(--uc-product-accent, var(--uc-accent));
    font-size: 1.15rem;
}

.uc-landing-integrations__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
}

.uc-landing-integrations__desc {
    margin: 0.4rem 0 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--uc-fg-muted);
}

.uc-landing-integrations__hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 2rem auto 0;
    padding: 0.5rem 1rem;
    width: fit-content;
    border: 1px solid var(--uc-border-soft);
    border-radius: 999px;
    font-size: 0.875rem;
    color: var(--uc-fg-muted);
    background: var(--uc-bg-muted);
}

/* Modes */
.uc-landing-modes__grid {
    display: grid;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    .uc-landing-modes__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.uc-landing-modes__card {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-bg-elevated);
}

.uc-landing-modes__card--brand {
    border-color: var(--uc-accent-ring);
    background: linear-gradient(180deg, var(--uc-accent-glow), var(--uc-bg-elevated));
}

.uc-landing-modes__card--warning {
    border-color: rgba(245, 158, 11, 0.3);
    background: linear-gradient(180deg, var(--landing-warning-muted, rgba(245, 158, 11, 0.12)), var(--uc-bg-elevated));
}

.uc-landing-modes__card--success {
    border-color: rgba(16, 185, 129, 0.3);
    background: linear-gradient(180deg, var(--landing-success-muted, rgba(16, 185, 129, 0.12)), var(--uc-bg-elevated));
}

.uc-landing-modes__head {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.uc-landing-modes__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--uc-radius-md);
    background: var(--uc-bg-elevated);
    color: var(--uc-product-accent, var(--uc-accent));
    font-size: 1.1rem;
}

.uc-landing-modes__card--warning .uc-landing-modes__icon {
    color: var(--landing-warning, #F59E0B);
}

.uc-landing-modes__card--success .uc-landing-modes__icon {
    color: var(--landing-success, #10B981);
}

.uc-landing-modes__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.uc-landing-modes__desc {
    margin: 0.15rem 0 0;
    font-size: 0.8125rem;
    color: var(--uc-fg-muted);
}

.uc-landing-modes__preview {
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-md);
    background: var(--uc-bg-elevated);
}

.uc-landing-modes__highlights {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.uc-landing-modes__highlights li {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: var(--uc-fg-muted);
}

.uc-landing-modes__highlights .bi {
    flex-shrink: 0;
    margin-top: 0.1rem;
    color: var(--uc-product-accent, var(--uc-accent));
}

/* Mode mini previews */
.uc-landing-mode-mini--simple,
.uc-landing-mode-mini__cols {
    display: flex;
    gap: 0.35rem;
}

.uc-landing-mode-mini__col {
    flex: 1;
    padding: 0.35rem;
    border-radius: 0.35rem;
}

.uc-landing-mode-mini__col--todo { background: var(--landing-col-todo, rgba(35, 35, 140, 0.06)); }
.uc-landing-mode-mini__col--active { background: var(--landing-col-active, rgba(59, 130, 246, 0.08)); }
.uc-landing-mode-mini__col--review { background: var(--landing-col-review, rgba(245, 158, 11, 0.1)); }
.uc-landing-mode-mini__col--done { background: var(--landing-col-done, rgba(16, 185, 129, 0.1)); }

.uc-landing-mode-mini__bar {
    display: block;
    width: 1.5rem;
    height: 0.2rem;
    margin-bottom: 0.35rem;
    border-radius: 999px;
    background: var(--uc-border-soft);
}

.uc-landing-mode-mini__card {
    height: 1.5rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.25rem;
    background: var(--uc-bg-elevated);
}

.uc-landing-mode-mini__card--sm {
    height: 1rem;
    margin-top: 0.25rem;
    opacity: 0.85;
}

.uc-landing-mode-mini__badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
}

.uc-landing-mode-mini__badge {
    padding: 0.1rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.5625rem;
    font-weight: 600;
}

.uc-landing-mode-mini__badge--brand {
    background: var(--uc-accent-glow);
    color: var(--uc-product-accent, var(--uc-accent));
}

.uc-landing-mode-mini__badge--warning {
    background: var(--landing-warning-muted, rgba(245, 158, 11, 0.12));
    color: var(--landing-warning, #F59E0B);
}

.uc-landing-mode-mini__badge--success {
    background: var(--landing-success-muted, rgba(16, 185, 129, 0.12));
    color: var(--landing-success, #10B981);
}

.uc-landing-mode-mini__hint {
    font-size: 0.5625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-mode-mini__backlog {
    padding: 0.35rem;
    border: 1px dashed var(--uc-border-soft);
    border-radius: 0.35rem;
    background: var(--uc-bg-muted);
}

.uc-landing-mode-mini__backlog p {
    margin: 0 0 0.35rem;
    font-size: 0.5625rem;
    font-weight: 500;
    color: var(--uc-fg-muted);
}

/* How it works */
.uc-landing-how__steps {
    display: grid;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .uc-landing-how__steps {
        grid-template-columns: repeat(3, 1fr);
    }
}

.uc-landing-how__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.uc-landing-how__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    background: var(--uc-product-accent, var(--uc-accent));
}

.uc-landing-how__title {
    margin: 1rem 0 0;
    font-size: 1.0625rem;
    font-weight: 600;
}

.uc-landing-how__desc {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--uc-fg-muted);
}

/* Board preview */
.uc-landing-preview--float {
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.uc-landing-mock--board,
.uc-landing-mock--dashboard {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--uc-border-soft);
    border-radius: 1rem;
    background: var(--uc-bg-elevated);
    box-shadow: 0 8px 32px rgb(0 0 0 / 0.35), 0 0 0 1px rgb(255 255 255 / 0.05);
}

.uc-landing-mock__glow {
    pointer-events: none;
    position: absolute;
    top: -4rem;
    right: -4rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: var(--uc-accent-glow);
    filter: blur(48px);
}

.uc-landing-mock--board {
    overflow: hidden;
}

.uc-landing-mock__head--board {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--uc-border-soft);
    background: var(--uc-bg-muted);
}

.uc-landing-board__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.35rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--uc-product-accent, var(--uc-accent));
    background: var(--uc-accent-glow);
}

.uc-landing-board__meta {
    min-width: 0;
    flex: 1;
}

.uc-landing-board__name {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--uc-fg-strong);
}

.uc-landing-board__sub {
    margin: 0;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-board__sprint {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 500;
    color: var(--uc-product-accent, var(--uc-accent));
    background: var(--uc-accent-glow);
}

.uc-landing-board__cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 0.75rem;
}

@media (min-width: 640px) {
    .uc-landing-board__cols {
        grid-template-columns: repeat(4, 1fr);
    }
}

.uc-landing-board__col {
    padding: 0.5rem;
    border-radius: 0.65rem;
}

.uc-landing-board__col--todo { background: var(--landing-col-todo, rgba(35, 35, 140, 0.06)); }
.uc-landing-board__col--active { background: var(--landing-col-active, rgba(59, 130, 246, 0.08)); }
.uc-landing-board__col--review { background: var(--landing-col-review, rgba(245, 158, 11, 0.1)); }
.uc-landing-board__col--done { background: var(--landing-col-done, rgba(16, 185, 129, 0.1)); }

.uc-landing-board__col-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--uc-fg-muted);
}

.uc-landing-board__card {
    display: flex;
    overflow: hidden;
    margin-bottom: 0.5rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.45rem;
    background: var(--uc-bg-elevated);
}

.uc-landing-board__card--sm .uc-landing-board__card-body p {
    font-size: 0.625rem;
}

.uc-landing-board__accent {
    width: 0.2rem;
    flex-shrink: 0;
}

.uc-landing-board__accent--brand { background: var(--uc-product-accent, var(--uc-accent)); }
.uc-landing-board__accent--sky { background: #0ea5e9; }
.uc-landing-board__accent--violet { background: #8b5cf6; }
.uc-landing-board__accent--amber { background: #f59e0b; }
.uc-landing-board__accent--success { background: var(--landing-success, #10B981); }

.uc-landing-board__card-body {
    min-width: 0;
    padding: 0.4rem 0.45rem;
}

.uc-landing-board__card-body p {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--uc-fg-strong);
}

.uc-landing-board__tag,
.uc-landing-board__prio {
    display: inline-block;
    margin-top: 0.25rem;
    margin-right: 0.2rem;
    padding: 0.05rem 0.3rem;
    border-radius: 0.2rem;
    font-size: 0.5625rem;
    font-weight: 500;
}

.uc-landing-board__tag {
    color: var(--uc-product-accent, var(--uc-accent));
    background: var(--uc-accent-glow);
}

body[data-product="taska"] .uc-landing-board__tag {
    color: #c4b5fd;
    background: rgba(167, 139, 250, 0.14);
}

body[data-product="taska"] .uc-landing-board__sprint,
body[data-product="taska"] .uc-landing-board__avatar {
    color: #c4b5fd;
    background: rgba(167, 139, 250, 0.14);
}

body[data-product="taska"] .uc-landing-board__assignee span:first-child {
    color: #c4b5fd;
    background: rgba(167, 139, 250, 0.14);
}

body[data-product="taska"] .uc-landing-board__accent--brand {
    background: #a78bfa;
}

.uc-landing-board__prio--high {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.12);
}

.uc-landing-board__prio--medium {
    color: var(--landing-warning, #F59E0B);
    background: var(--landing-warning-muted, rgba(245, 158, 11, 0.12));
}

.uc-landing-board__prio--low {
    color: var(--uc-fg-muted);
    background: var(--uc-bg-muted);
}

.uc-landing-board__assignee {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
    font-size: 0.5625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-board__assignee span:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    font-size: 0.5rem;
    font-weight: 700;
    color: var(--uc-product-accent, var(--uc-accent));
    background: var(--uc-accent-glow);
}

/* Dashboard preview */
.uc-landing-mock__head--dashboard {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--uc-border-soft);
    background: var(--uc-bg-muted);
}

.uc-landing-dashboard__title {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
}

.uc-landing-dashboard__sub {
    margin: 0;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-dashboard__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    padding: 0.75rem;
}

.uc-landing-dashboard__stat {
    padding: 0.65rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.65rem;
    background: var(--uc-bg-elevated);
}

.uc-landing-dashboard__stat-icon {
    display: inline-flex;
    padding: 0.3rem;
    border-radius: 0.4rem;
    font-size: 0.875rem;
}

.uc-landing-dashboard__stat-icon--brand {
    color: var(--uc-product-accent, var(--uc-accent));
    background: var(--uc-accent-glow);
}

.uc-landing-dashboard__stat-icon--success {
    color: var(--landing-success, #10B981);
    background: var(--landing-success-muted, rgba(16, 185, 129, 0.12));
}

.uc-landing-dashboard__stat-icon--danger {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.12);
}

.uc-landing-dashboard__stat-value {
    margin: 0.35rem 0 0;
    font-size: 1.125rem;
    font-weight: 700;
}

.uc-landing-dashboard__stat-label {
    margin: 0;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-dashboard__work {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-dashboard__work-label {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--uc-fg-muted);
}

.uc-landing-dashboard__work-label .bi {
    color: var(--uc-product-accent, var(--uc-accent));
}

.uc-landing-dashboard__task {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.35rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.45rem;
    background: var(--uc-bg-muted);
    font-size: 0.75rem;
    font-weight: 500;
}

.uc-landing-dashboard__today {
    flex-shrink: 0;
    padding: 0.1rem 0.35rem;
    border-radius: 0.2rem;
    font-size: 0.5625rem;
    font-weight: 500;
    color: var(--uc-product-accent, var(--uc-accent));
    background: var(--uc-accent-glow);
}

/* Product carousel (Taska hero) */
.uc-landing-carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

.uc-landing-carousel__stage {
    position: relative;
    align-self: stretch;
    width: 100%;
    min-height: 20rem;
}

@media (min-width: 640px) {
    .uc-landing-carousel__stage {
        min-height: 22.5rem;
    }
}

.uc-landing-carousel__slide {
    width: 100%;
    animation: uc-landing-carousel-fade 0.35s var(--uc-ease, ease);
}

.uc-landing-carousel__slide[hidden] {
    display: none;
}

@keyframes uc-landing-carousel-fade {
    from { opacity: 0; transform: translateY(0.35rem); }
    to { opacity: 1; transform: translateY(0); }
}

.uc-landing-carousel__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1rem;
    margin-inline: auto;
    text-align: center;
}

.uc-landing-carousel__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

.uc-landing-carousel__dots button {
    display: block;
    flex: 0 0 auto;
    width: 0.625rem;
    height: 0.625rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: var(--uc-border-soft);
    cursor: pointer;
    transition: width 0.2s ease, background 0.2s ease;
}

.uc-landing-carousel__dots button.is-active {
    width: 1.5rem;
    background: var(--uc-product-accent, var(--uc-accent));
}

.uc-landing-carousel__caption {
    width: 100%;
    margin: 0.5rem 0 0;
    padding: 0;
    text-align: center;
    font-size: 0.75rem;
    color: var(--uc-fg-muted);
}

body.ucore-body .uc-landing-carousel__caption {
    margin: 0.5rem 0 0;
}

/* Mobile preview */
.uc-landing-mock--mobile {
    width: 13.75rem;
    margin: 0 auto;
    overflow: hidden;
    border: 4px solid var(--uc-border-soft);
    border-radius: 1.75rem;
    background: var(--uc-bg);
    box-shadow: 0 8px 32px rgb(0 0 0 / 0.35), 0 0 0 1px rgb(255 255 255 / 0.05);
}

.uc-landing-mobile__notch {
    width: 2.5rem;
    height: 0.25rem;
    margin: 0.4rem auto;
    border-radius: 999px;
    background: var(--uc-border-soft);
}

.uc-landing-mobile__head {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--uc-border-soft);
    background: var(--uc-bg-elevated);
}

.uc-landing-mobile__head p {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
}

.uc-landing-mobile__col {
    margin: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.uc-landing-mobile__col--todo { background: var(--landing-col-todo, #1a1a2e); }
.uc-landing-mobile__col--active { background: var(--landing-col-active, #162032); }

.uc-landing-mobile__col-label {
    margin: 0 0 0.35rem;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--uc-fg-muted);
}

.uc-landing-mobile__card {
    margin-top: 0.35rem;
    padding: 0.5rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.35rem;
    background: var(--uc-bg-elevated);
}

.uc-landing-mobile__card p {
    margin: 0;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.35;
}

.uc-landing-mobile__tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--uc-border-soft);
    background: var(--uc-bg-elevated);
}

.uc-landing-mobile__tabs span {
    padding: 0.5rem 0.25rem;
    text-align: center;
    font-size: 0.5rem;
    color: var(--uc-fg-muted);
}

.uc-landing-mobile__tabs span.is-active {
    font-weight: 600;
    color: var(--uc-product-accent, var(--uc-accent));
}

/* How it works — 4 columns (Konsolig) */
@media (min-width: 1024px) {
    .uc-landing-how__steps--4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Formats grid */
.uc-landing-formats__grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 640px) {
    .uc-landing-formats__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .uc-landing-formats__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.uc-landing-formats__card {
    height: 100%;
    padding: 1.25rem;
    border: 1px solid var(--uc-border-soft);
    border-left: 4px solid var(--uc-product-accent, var(--uc-accent));
    border-radius: var(--uc-radius-lg, 0.75rem);
    background: var(--uc-surface-0);
}

.uc-landing-formats__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.uc-landing-formats__desc {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--uc-fg-muted);
}

/* Languages strip */
.uc-landing-languages {
    background: var(--uc-surface-1);
}

.uc-landing-languages__chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.uc-landing-languages__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    background: var(--uc-surface-0);
}

.uc-landing-languages__flag {
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
}

/* Konsolig hero stack */
.uc-landing-konsolig-hero {
    position: relative;
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
    min-height: 15rem;
}

@media (min-width: 992px) {
    .uc-landing-konsolig-hero {
        max-width: 100%;
        min-height: 17rem;
    }
}

.uc-landing-konsolig-hero__standings {
    position: absolute;
    top: 2rem;
    right: -1rem;
    z-index: 1;
    width: 11rem;
    pointer-events: none;
}

@media (min-width: 640px) {
    .uc-landing-konsolig-hero__standings {
        width: 13rem;
        right: -1rem;
    }
}

@media (min-width: 992px) {
    .uc-landing-konsolig-hero__standings {
        right: 0;
        top: 2rem;
    }
}

.uc-landing-konsolig-hero__tournament {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
}

.uc-landing-hero__visual .uc-landing-konsolig-hero {
    overflow: visible;
}

/* Konsolig mocks — Studio yüzey token'ları */
.uc-landing-konsolig-tournament,
.uc-landing-konsolig-standings,
.uc-landing-konsolig-qr {
    padding: 1rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
    color: var(--uc-fg);
}

.uc-landing-konsolig-tournament {
    box-shadow: 0 24px 64px var(--uc-product-accent-glow);
}

.uc-landing-konsolig-standings {
    box-shadow: var(--uc-shadow);
}

.uc-landing-konsolig-tournament__head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.uc-landing-konsolig-tournament__meta-wrap {
    flex: 1;
    min-width: 0;
}

.uc-landing-konsolig-tournament__icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #fff;
    background: var(--uc-product-accent);
}

.uc-landing-konsolig-tournament__name {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
}

.uc-landing-konsolig-tournament__sub {
    margin: 0;
    font-size: 0.625rem;
    line-height: 1.3;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-tournament__badge {
    flex-shrink: 0;
    margin-left: auto;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--landing-success, #22c55e);
    background: var(--landing-success-muted, rgba(34, 197, 94, 0.15));
}

.uc-landing-konsolig-tournament__matches {
    display: grid;
    gap: 0.5rem;
}

.uc-landing-konsolig-match {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.625rem;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    background: var(--uc-surface-1);
}

.uc-landing-konsolig-match__side {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex: 1;
    min-width: 0;
}

.uc-landing-konsolig-match__side--home {
    justify-content: flex-end;
}

.uc-landing-konsolig-match__side span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.uc-landing-konsolig-match__side img {
    flex-shrink: 0;
    object-fit: contain;
}

.uc-landing-konsolig-match__score {
    flex-shrink: 0;
    padding: 0.125rem 0.5rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-match__score.is-done {
    color: var(--uc-fg-strong);
    background: var(--uc-surface-0);
}

/* Standings */
.uc-landing-konsolig-standings__title {
    margin: 0 0 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.uc-landing-konsolig-standings__head,
.uc-landing-konsolig-standings__row {
    display: grid;
    grid-template-columns: 1.5rem 1fr 2rem 2.5rem;
    gap: 0.25rem;
    align-items: center;
    padding: 0.25rem;
    font-size: 0.75rem;
}

.uc-landing-konsolig-standings__head {
    margin-bottom: 0.125rem;
    padding: 0 0.25rem;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-standings__col-p {
    text-align: center;
}

.uc-landing-konsolig-standings__col-av {
    text-align: right;
}

.uc-landing-konsolig-standings__row.is-leader {
    border-radius: 0.5rem;
    background: var(--uc-accent-glow);
}

.uc-landing-konsolig-standings__pts {
    text-align: center;
    font-weight: 700;
    color: var(--uc-product-accent);
}

.uc-landing-konsolig-standings__gd {
    text-align: right;
    color: var(--uc-fg-muted);
}

/* QR join */
.uc-landing-konsolig-qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.uc-landing-konsolig-qr__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 7rem;
    margin-bottom: 0.75rem;
    border-radius: 0.75rem;
    font-size: 4rem;
    line-height: 1;
    color: var(--uc-product-accent);
    background: var(--uc-surface-1);
}

.uc-landing-konsolig-qr__label {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
}

.uc-landing-konsolig-qr__hint {
    margin: 0.25rem 0 0;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-qr__code {
    margin-top: 0.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 1.125rem;
    font-weight: 800;
    letter-spacing: 0.25em;
    color: var(--uc-product-accent);
    background: var(--uc-surface-1);
}

/* Realtime grid */
.uc-landing-realtime-grid {
    display: grid;
    gap: 1rem;
    width: 100%;
}

@media (min-width: 640px) {
    .uc-landing-realtime-grid {
        grid-template-columns: repeat(2, 1fr);
        align-items: start;
    }
}

/* Team picker */
.uc-landing-konsolig-teams {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.uc-landing-konsolig-teams__picker {
    padding: 1rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
    color: var(--uc-fg);
}

/* Match card (app MatchCard parity) */
.uc-landing-konsolig-match-card {
    overflow: hidden;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
}

.uc-landing-konsolig-match-card__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--uc-fg-muted);
    background: var(--uc-surface-1);
}

.uc-landing-konsolig-match-card__status-label {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.uc-landing-konsolig-match-card__status-label i {
    font-size: 0.875rem;
    color: var(--uc-product-accent);
}

.uc-landing-konsolig-match-card__body {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
}

.uc-landing-konsolig-match-card__side {
    flex: 1;
    min-width: 0;
    text-align: center;
}

.uc-landing-konsolig-match-card__side.is-muted {
    opacity: 0.6;
}

.uc-landing-konsolig-match-card__side img {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto 0.25rem;
    object-fit: contain;
}

.uc-landing-konsolig-match-card__team {
    margin: 0 0 0.125rem;
    overflow: hidden;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-match-card__player {
    margin: 0;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-konsolig-match-card__score {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 1.5rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    background: var(--uc-surface-1);
}

.uc-landing-konsolig-match-card__score .is-winner {
    color: var(--uc-product-accent);
    text-shadow: 0 0 1.25rem var(--uc-product-accent-glow, var(--uc-accent-glow));
}

.uc-landing-konsolig-match-card__sep {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-teams__label {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-teams__search {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    background: var(--uc-surface-1);
}

.uc-landing-konsolig-teams__search i {
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-teams__results {
    display: grid;
    gap: 0.25rem;
}

.uc-landing-konsolig-teams__result {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.uc-landing-konsolig-teams__result.is-selected {
    background: var(--uc-accent-glow);
}

.uc-landing-konsolig-teams__result p {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
}

.uc-landing-konsolig-teams__result span {
    display: block;
    font-size: 0.6875rem;
    color: var(--uc-fg-muted);
}

.uc-landing-konsolig-teams__crest-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.uc-landing-konsolig-teams__crest-row div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    width: 3.5rem;
}

.uc-landing-konsolig-teams__crest-row span {
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: var(--uc-fg-muted);
}

/* Showcase — Konsolig section rhythm */
body[data-product="konsolig"] .uc-landing-showcase__block:first-child {
    padding-top: var(--uc-landing-section-py);
}

body[data-product="konsolig"] .uc-landing-showcase__block {
    padding: var(--uc-landing-section-py) 0;
}

body[data-product="konsolig"] .uc-landing-hero__visual {
    overflow: visible;
}

body[data-product="konsolig"] .uc-landing-showcase__visual {
    align-self: center;
    width: 100%;
}

/* PassRepo landing mocks */
.uc-landing-passrepo-browser {
    width: 100%;
    max-width: 42rem;
    overflow: hidden;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.35);
}

.uc-landing-passrepo-browser__chrome {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--uc-border-soft);
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-browser__dots {
    display: flex;
    gap: 0.375rem;
}

.uc-landing-passrepo-browser__dots span {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 999px;
    background: var(--uc-border-soft);
}

.uc-landing-passrepo-browser__url {
    flex: 1;
    margin: 0 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-family: ui-monospace, monospace;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
    background: var(--uc-surface-0);
}

.uc-landing-passrepo-vault {
    display: grid;
    grid-template-columns: 8.75rem minmax(0, 1fr) 11.25rem;
    height: 17.5rem;
    background: var(--uc-surface-0);
}

.uc-landing-passrepo-vault__nav {
    padding: 0.5rem;
    border-right: 1px solid var(--uc-border-soft);
}

.uc-landing-passrepo-vault__nav-title,
.uc-landing-passrepo-vault__nav-item {
    margin: 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
}

.uc-landing-passrepo-vault__nav-title {
    font-weight: 700;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-vault__nav-item {
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-vault__nav-item.is-active {
    border-radius: 0.375rem;
    color: var(--uc-fg);
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-vault__list {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-right: 1px solid var(--uc-border-soft);
}

.uc-landing-passrepo-vault__list--compact {
    border-right: 0;
    height: 100%;
}

.uc-landing-passrepo-product-panel {
    height: 15rem;
}

.uc-landing-passrepo-platforms__visual .uc-landing-passrepo-browser {
    max-width: 100%;
}

.uc-landing-passrepo-vault__search {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
    border-bottom: 1px solid var(--uc-border-soft);
}

.uc-landing-passrepo-vault__row {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--uc-border-soft);
}

.uc-landing-passrepo-vault__row.is-highlight {
    background: color-mix(in srgb, var(--uc-product-accent) 8%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--uc-product-accent) 18%, transparent);
}

.uc-landing-passrepo-vault__meta {
    flex: 1;
    min-width: 0;
}

.uc-landing-passrepo-vault__title-line {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 0;
}

.uc-landing-passrepo-vault__name {
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-passrepo-vault__sub {
    display: block;
    overflow: hidden;
    margin-top: 0.125rem;
    font-size: 0.625rem;
    line-height: 1.3;
    color: var(--uc-fg-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-passrepo-vault__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    color: var(--uc-fg-muted);
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-vault__tag {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    padding: 0.125rem 0.375rem;
    border-radius: 999px;
    font-size: 0.5625rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.uc-landing-passrepo-vault__tag.is-secret {
    color: var(--landing-success, #22c55e);
    background: var(--landing-success-muted, rgba(34, 197, 94, 0.15));
}

.uc-landing-passrepo-vault__tag.is-sensitive {
    color: var(--landing-warning, #f59e0b);
    background: var(--landing-warning-muted, rgba(245, 158, 11, 0.12));
}

.uc-landing-passrepo-vault__star {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #fbbf24;
}

.uc-landing-passrepo-vault__chevron {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: var(--uc-fg-muted);
    opacity: 0.45;
}

.uc-landing-passrepo-vault__detail {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0.75rem;
    overflow: hidden;
}

.uc-landing-passrepo-vault__detail-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.uc-landing-passrepo-vault__detail-head p {
    margin: 0;
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-passrepo-vault__detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    color: var(--uc-product-accent);
    background: var(--uc-accent-glow);
}

.uc-landing-passrepo-vault__field {
    margin-bottom: 0.625rem;
}

.uc-landing-passrepo-vault__field > span {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.5625rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-vault__field-value {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.625rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.5rem;
    font-size: 0.6875rem;
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-vault__field-value.is-text {
    display: block;
    line-height: 1.45;
    word-break: break-word;
}

.uc-landing-passrepo-vault__field code {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-family: ui-monospace, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-passrepo-vault__field button {
    flex-shrink: 0;
    border: 0;
    padding: 0;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--uc-product-accent);
    background: transparent;
    cursor: default;
}

.uc-landing-passrepo-product__grid {
    display: grid;
    gap: 2rem;
    align-items: start;
}

@media (min-width: 992px) {
    .uc-landing-passrepo-product__grid {
        grid-template-columns: 20rem 1fr;
    }
}

.uc-landing-passrepo-product__tabs {
    display: grid;
    gap: 0.25rem;
    margin-top: 1.5rem;
}

.uc-landing-passrepo-product__tab {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    text-align: left;
    color: var(--uc-fg-muted);
    background: transparent;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.uc-landing-passrepo-product__tab.is-active {
    border-color: var(--uc-border-soft);
    color: var(--uc-fg);
    background: var(--uc-surface-0);
}

.uc-landing-passrepo-product__tab-title {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
}

.uc-landing-passrepo-product__tab-desc {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.75rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-product__caption {
    margin: 0.75rem 0 0;
    font-size: 0.6875rem;
    color: var(--uc-fg-muted);
    text-align: center;
}

.uc-landing-passrepo-product-panel__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 11.25rem;
    height: 15rem;
}

.uc-landing-passrepo-encryption {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .uc-landing-passrepo-encryption {
        grid-template-columns: 1fr auto 1fr auto 1fr;
        align-items: stretch;
    }
}

.uc-landing-passrepo-encryption__step {
    padding: 1rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.75rem;
    text-align: center;
    background: var(--uc-surface-0);
}

.uc-landing-passrepo-encryption__step.is-accent {
    border-color: color-mix(in srgb, var(--uc-product-accent) 35%, var(--uc-border-soft));
    background: color-mix(in srgb, var(--uc-product-accent) 6%, var(--uc-surface-0));
}

.uc-landing-passrepo-encryption__label {
    margin: 0 0 0.5rem;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-encryption__value {
    display: block;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-family: ui-monospace, monospace;
    font-size: 0.625rem;
    line-height: 1.5;
    word-break: break-all;
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-encryption__value.is-plain {
    color: var(--uc-product-accent);
}

.uc-landing-passrepo-encryption__value.is-muted {
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-encryption__hint {
    margin: 0.5rem 0 0;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-encryption__arrow {
    display: none;
    align-items: center;
    font-size: 1.125rem;
    color: var(--uc-fg-muted);
}

@media (min-width: 768px) {
    .uc-landing-passrepo-encryption__arrow {
        display: flex;
    }
}

.uc-landing-passrepo-tiers__grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .uc-landing-passrepo-tiers__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.uc-landing-passrepo-tier {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
}

.uc-landing-passrepo-tier__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    color: var(--uc-fg-muted);
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-tier__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.uc-landing-passrepo-tier__name {
    font-size: 0.875rem;
    font-weight: 600;
}

.uc-landing-passrepo-tier__badge {
    padding: 0.125rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.5625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.uc-landing-passrepo-tier--secret .uc-landing-passrepo-tier__badge {
    color: var(--landing-success, #22c55e);
    border-color: color-mix(in srgb, var(--landing-success, #22c55e) 25%, transparent);
    background: var(--landing-success-muted, rgba(34, 197, 94, 0.15));
}

.uc-landing-passrepo-tier--sensitive .uc-landing-passrepo-tier__badge {
    color: var(--landing-warning, #f59e0b);
    border-color: color-mix(in srgb, var(--landing-warning, #f59e0b) 25%, transparent);
    background: var(--landing-warning-muted, rgba(245, 158, 11, 0.12));
}

.uc-landing-passrepo-tier--isolated .uc-landing-passrepo-tier__badge {
    color: #f87171;
    border-color: rgba(248, 113, 113, 0.25);
    background: rgba(248, 113, 113, 0.12);
}

.uc-landing-passrepo-tier__desc {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-platforms__list {
    display: grid;
    gap: 4rem;
}

.uc-landing-passrepo-platforms__item {
    display: grid;
    gap: 2rem;
    align-items: center;
}

@media (min-width: 992px) {
    .uc-landing-passrepo-platforms__item {
        grid-template-columns: 1fr 1fr;
    }

    .uc-landing-passrepo-platforms__item--reverse .uc-landing-passrepo-platforms__copy {
        order: 2;
    }

    .uc-landing-passrepo-platforms__item--reverse .uc-landing-passrepo-platforms__visual {
        order: 1;
    }
}

.uc-landing-passrepo-platforms__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.uc-landing-passrepo-platforms__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.uc-landing-passrepo-platforms__badge {
    padding: 0.125rem 0.5rem;
    border: 1px solid color-mix(in srgb, var(--landing-warning, #f59e0b) 25%, transparent);
    border-radius: 999px;
    font-size: 0.5625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--landing-warning, #f59e0b);
    background: var(--landing-warning-muted, rgba(245, 158, 11, 0.12));
}

.uc-landing-passrepo-platforms__desc {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-platforms__apk {
    display: inline-block;
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--uc-product-accent);
}

.uc-landing-passrepo-platforms__visual {
    display: flex;
    justify-content: center;
}

.uc-landing-passrepo-phone {
    width: 12.5rem;
}

.uc-landing-passrepo-phone__shell {
    position: relative;
    padding: 0.25rem;
    border: 6px solid var(--uc-surface-1);
    border-radius: 2rem;
    background: #000;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.45);
}

.uc-landing-passrepo-phone__notch {
    position: absolute;
    top: 0.75rem;
    left: 50%;
    z-index: 1;
    width: 5rem;
    height: 1rem;
    border-radius: 999px;
    background: #000;
    transform: translateX(-50%);
}

.uc-landing-passrepo-phone__screen {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 18rem;
    padding: 2rem 0.75rem 0.75rem;
    border-radius: 1.4rem;
    background: var(--uc-surface-0);
}

.uc-landing-passrepo-phone__field span {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-phone__field div {
    height: 1.75rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.5rem;
    background: var(--uc-surface-1);
}

.uc-landing-passrepo-phone__suggest {
    margin-top: auto;
    padding: 0.625rem;
    border: 1px solid color-mix(in srgb, var(--uc-product-accent) 30%, transparent);
    border-radius: 0.75rem;
    background: var(--uc-surface-1);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}

.uc-landing-passrepo-phone__suggest-head {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.25rem;
}

.uc-landing-passrepo-phone__suggest-head span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.375rem;
    color: var(--uc-product-accent);
    background: var(--uc-accent-glow);
}

.uc-landing-passrepo-phone__suggest p {
    margin: 0;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-phone__suggest > span {
    font-size: 0.5625rem;
    color: var(--uc-product-accent);
}

.uc-landing-passrepo-extension {
    position: relative;
    min-height: 12.5rem;
    padding: 1.5rem;
    background: #0d1117;
}

.uc-landing-passrepo-extension__form {
    max-width: 12.5rem;
    margin: 1rem auto 0;
}

.uc-landing-passrepo-extension__form div {
    height: 2rem;
    margin-bottom: 0.75rem;
    border: 1px solid #30363d;
    border-radius: 0.375rem;
    background: #161b22;
}

.uc-landing-passrepo-extension__btn {
    width: 5rem;
    height: 1.75rem !important;
    margin: 0 auto;
    background: #238636 !important;
}

.uc-landing-passrepo-extension__popup {
    position: absolute;
    top: 3.5rem;
    right: 1rem;
    width: 11rem;
    padding: 0.625rem;
    border: 1px solid color-mix(in srgb, var(--uc-product-accent) 30%, transparent);
    border-radius: 0.5rem;
    background: var(--uc-surface-1);
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.35);
}

.uc-landing-passrepo-extension__popup p {
    margin: 0 0 0.25rem;
    font-size: 0.5625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-extension__popup strong {
    display: block;
    font-size: 0.6875rem;
}

.uc-landing-passrepo-extension__popup span {
    display: block;
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-passrepo-extension__popup button {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.25rem;
    border: 0;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    color: #000;
    background: var(--uc-product-accent);
}

body[data-product="passrepo"] .uc-landing-passrepo-product,
body[data-product="passrepo"] .uc-landing-passrepo-tiers,
body[data-product="passrepo"] .uc-landing-passrepo-platforms {
    padding: var(--uc-landing-section-py) 0;
}

body[data-product="passrepo"] .uc-landing-hero__visual {
    overflow: visible;
}

/* Generator landing mocks */
.uc-landing-generator-mock {
    width: 100%;
    max-width: 42rem;
    overflow: hidden;
    border: 1px solid var(--uc-border-soft);
    border-radius: var(--uc-radius-lg);
    background: var(--uc-surface-0);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.35);
}

.uc-landing-generator-mock__tabs {
    display: flex;
    gap: 0.25rem;
    padding: 0.5rem;
    border-bottom: 1px solid var(--uc-border-soft);
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__tabs span {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__tabs span.is-active {
    color: var(--uc-fg);
    background: var(--uc-surface-0);
    box-shadow: inset 0 0 0 1px var(--uc-border-soft);
}

.uc-landing-generator-mock__body {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    min-height: 16rem;
}

.uc-landing-generator-mock__types {
    padding: 0.5rem;
    border-right: 1px solid var(--uc-border-soft);
}

.uc-landing-generator-mock__types p {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin: 0;
    padding: 0.375rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.625rem;
    font-weight: 500;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__types p.is-active {
    color: var(--uc-fg);
    background: color-mix(in srgb, var(--uc-product-accent) 10%, transparent);
}

.uc-landing-generator-mock__types i {
    font-size: 0.75rem;
    opacity: 0.7;
}

.uc-landing-generator-mock__panel {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.875rem;
}

.uc-landing-generator-mock__field > span {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__slider {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.uc-landing-generator-mock__slider-track {
    flex: 1;
    height: 0.25rem;
    border-radius: 999px;
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__slider-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--uc-product-accent);
}

.uc-landing-generator-mock__slider strong {
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.uc-landing-generator-mock__charset {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.uc-landing-generator-mock__charset span {
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.375rem;
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--uc-fg-muted);
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__charset span.is-on {
    color: var(--uc-product-accent);
    border-color: color-mix(in srgb, var(--uc-product-accent) 35%, var(--uc-border-soft));
    background: color-mix(in srgb, var(--uc-product-accent) 8%, transparent);
}

.uc-landing-generator-mock__strength {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.uc-landing-generator-mock__strength-bar {
    flex: 1;
    height: 0.25rem;
    border-radius: 999px;
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__strength-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ef4444, #f59e0b, var(--landing-success, #1B9D6B));
}

.uc-landing-generator-mock__strength-label {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--landing-success, #1B9D6B);
}

.uc-landing-generator-mock__strength-label.is-max {
    color: var(--landing-success, #1B9D6B);
}

.uc-landing-generator-mock__output {
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.5rem;
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__output code {
    display: block;
    overflow: hidden;
    font-family: ui-monospace, monospace;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-landing-generator-mock__actions {
    display: flex;
    gap: 0.5rem;
}

.uc-landing-generator-mock__actions span {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.5rem;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--uc-fg-muted);
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__actions span.is-primary {
    color: #fff;
    border-color: var(--uc-product-accent);
    background: var(--uc-product-accent);
}

.uc-landing-generator-mock--dataset {
    padding: 1rem;
}

.uc-landing-generator-mock__dataset-head p {
    margin: 0 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 700;
}

.uc-landing-generator-mock__dataset-head span {
    font-size: 0.75rem;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__presets {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin: 0.875rem 0;
}

.uc-landing-generator-mock__presets span {
    padding: 0.25rem 0.625rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__presets span.is-active {
    color: var(--uc-product-accent);
    border-color: color-mix(in srgb, var(--uc-product-accent) 35%, var(--uc-border-soft));
    background: color-mix(in srgb, var(--uc-product-accent) 8%, transparent);
}

.uc-landing-generator-mock__fields {
    display: grid;
    gap: 0.375rem;
    margin-bottom: 0.875rem;
}

.uc-landing-generator-mock__field-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.625rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.5rem;
    font-size: 0.6875rem;
    background: var(--uc-surface-1);
}

.uc-landing-generator-mock__field-row span:first-child {
    font-family: ui-monospace, monospace;
    font-weight: 600;
}

.uc-landing-generator-mock__type {
    font-size: 0.625rem;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__field-row.is-add {
    justify-content: center;
    color: var(--uc-product-accent);
    border-style: dashed;
    background: transparent;
}

.uc-landing-generator-mock__dataset-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--uc-border-soft);
}

.uc-landing-generator-mock__dataset-foot > div span {
    display: block;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mock__dataset-foot > div strong {
    font-size: 0.75rem;
}

.uc-landing-generator-mock__download {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-left: auto;
    padding: 0.5rem 0.875rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background: var(--uc-product-accent);
}

.uc-landing-generator-mode-mini {
    padding: 0.75rem;
    border: 1px solid var(--uc-border-soft);
    border-radius: 0.75rem;
    background: var(--uc-surface-1);
}

.uc-landing-generator-mode-mini__output {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.375rem;
    background: var(--uc-surface-0);
}

.uc-landing-generator-mode-mini__output code {
    font-family: ui-monospace, monospace;
    font-size: 0.6875rem;
}

.uc-landing-generator-mode-mini__bar {
    height: 0.25rem;
    border-radius: 999px;
    background: var(--uc-surface-0);
}

.uc-landing-generator-mode-mini__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--landing-success, #1B9D6B);
}

.uc-landing-generator-mode-mini--dataset {
    display: grid;
    gap: 0.375rem;
}

.uc-landing-generator-mode-mini__row {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.625rem;
}

.uc-landing-generator-mode-mini__row span:first-child {
    font-family: ui-monospace, monospace;
    font-weight: 600;
}

.uc-landing-generator-mode-mini__row span:last-child {
    color: var(--uc-fg-muted);
}

.uc-landing-generator-mode-mini__download {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    color: var(--uc-product-accent);
}

body[data-product="generator"] .uc-landing-modes__grid {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
    body[data-product="generator"] .uc-landing-modes__grid {
        grid-template-columns: 1fr;
    }

    .uc-landing-generator-mock__body {
        grid-template-columns: 1fr;
    }

    .uc-landing-generator-mock__types {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        border-right: 0;
        border-bottom: 1px solid var(--uc-border-soft);
    }
}

body[data-product="generator"] .uc-landing-hero__visual {
    overflow: visible;
}

body[data-product="generator"] .uc-landing-showcase__visual {
    align-self: center;
    width: 100%;
}

body[data-product="altin-panel"] .uc-landing-hero__visual {
    overflow: visible;
}

body[data-product="altin-panel"] .uc-landing-showcase__visual {
    align-self: center;
    width: 100%;
}