/*
 * Kimora Store homepage v2 design system.
 *
 * This file intentionally has no effect until a component is placed inside
 * `.km-home-v2`. It provides a production CSS foundation for #0186.3 onward
 * without importing the reference prototype's Tailwind runtime.
 */

:root {
    --km-home-color-primary: #0284c7;
    --km-home-color-primary-hover: #0369a1;
    --km-home-color-primary-action: #0369a1;
    --km-home-color-primary-action-hover: #075985;
    --km-home-color-primary-soft: #e0f2fe;
    --km-home-color-primary-subtle: #f0f9ff;
    --km-home-color-canvas: #faf8ff;
    --km-home-color-surface: #ffffff;
    --km-home-color-surface-subtle: #f8fafc;
    --km-home-color-surface-warm: #f1f5f9;
    --km-home-color-text: #131a33;
    --km-home-color-text-muted: #64748b;
    --km-home-color-text-faint: #94a3b8;
    --km-home-color-border: #e2e8f0;
    --km-home-color-border-strong: #cbd5e1;
    --km-home-color-success: #16a34a;
    --km-home-color-success-bg: #f0fdf4;
    --km-home-color-danger: #ba1a1a;
    --km-home-font-sans: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --km-home-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
    --km-home-container-wide: 80rem;
    --km-home-container-standard: 73.75rem;
    --km-home-container-reading: 47.5rem;
    --km-home-gutter: 2rem;
    --km-home-section-space: 8.5rem;
    --km-home-space-2xs: .25rem;
    --km-home-space-xs: .5rem;
    --km-home-space-sm: .75rem;
    --km-home-space-md: 1rem;
    --km-home-space-lg: 1.5rem;
    --km-home-space-xl: 2rem;
    --km-home-space-2xl: 3rem;
    --km-home-space-3xl: 4.5rem;
    --km-home-radius-sm: .5rem;
    --km-home-radius-md: .75rem;
    --km-home-radius-pill: 999px;
    --km-home-shadow-mockup: 0 24px 48px -12px rgba(2, 132, 199, .08), 0 8px 16px -4px rgba(15, 23, 42, .04);
    --km-home-shadow-floating: 0 12px 32px -4px rgba(2, 132, 199, .12), 0 4px 12px -2px rgba(15, 23, 42, .03);
    --km-home-shadow-action: 0 10px 28px rgba(2, 132, 199, .22);
    --km-home-transition: 180ms ease-out;
    --km-home-sticky-offset: 6rem;
}

.km-home-v2 {
    overflow: hidden;
    overflow: clip;
    color: var(--km-home-color-text);
    background: var(--km-home-color-canvas);
    font-family: var(--km-home-font-sans);
    font-size: 1rem;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.km-home-v2 :where(h1, h2, h3, h4, h5, h6) {
    color: var(--km-home-color-text);
    font-family: var(--km-home-font-sans);
    text-wrap: balance;
}

.km-home-v2 :where(p, li) {
    text-wrap: pretty;
}

.km-home-v2 :where(img, svg) {
    display: block;
    max-width: 100%;
}

.km-home-container {
    width: min(calc(100% - (2 * var(--km-home-gutter))), var(--km-home-container-standard));
    margin-inline: auto;
}

.km-home-container--wide {
    max-width: var(--km-home-container-wide);
}

.km-home-container--reading {
    max-width: var(--km-home-container-reading);
}

.km-home-section {
    padding-block: var(--km-home-section-space);
    scroll-margin-top: var(--km-home-sticky-offset);
}

.km-home-section--surface {
    background: var(--km-home-color-surface);
}

.km-home-section--subtle {
    background: var(--km-home-color-surface-subtle);
}

.km-home-eyebrow {
    display: block;
    margin-bottom: var(--km-home-space-sm);
    color: var(--km-home-color-primary-hover);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.4;
    text-transform: uppercase;
}

.km-home-heading-hero {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.02;
}

.km-home-heading-xl {
    margin: 0;
    font-size: clamp(2.25rem, 4.5vw, 3.25rem);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.1;
}

.km-home-heading-lg {
    margin: 0;
    font-size: clamp(1.625rem, 3vw, 2rem);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.km-home-heading-md {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.3;
}

.km-home-lead {
    color: var(--km-home-color-text-muted);
    font-size: 1.25rem;
    letter-spacing: -.01em;
    line-height: 1.6;
}

.km-home-grid-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--km-home-space-xl);
}

.km-home-card {
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
}

.km-home-mockup {
    overflow: hidden;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
    box-shadow: var(--km-home-shadow-mockup);
}

.km-home-button {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: var(--km-home-space-xs);
    padding-inline: 1.375rem;
    border: 1px solid transparent;
    border-radius: var(--km-home-radius-sm);
    font-weight: 700;
    line-height: 1;
    transition: color var(--km-home-transition), background-color var(--km-home-transition), border-color var(--km-home-transition), box-shadow var(--km-home-transition), transform var(--km-home-transition);
}

.km-home-button--primary {
    color: #fff;
    background: var(--km-home-color-primary-action);
    box-shadow: var(--km-home-shadow-action);
}

.km-home-button--primary:hover {
    color: #fff;
    background: var(--km-home-color-primary-action-hover);
    transform: translateY(-1px);
}

.km-home-button--secondary {
    border-color: var(--km-home-color-border);
    color: var(--km-home-color-text);
    background: var(--km-home-color-surface);
}

.km-home-button--secondary:hover {
    border-color: rgba(2, 132, 199, .4);
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
}

.km-home-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    color: currentColor;
}

.km-home-code {
    font-family: var(--km-home-font-mono);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.5;
}

/* ---------------------------------------------------------
   #0186.3 — Header, hero and product proof
   --------------------------------------------------------- */
.kimora-home .site-header {
    min-height: 5rem;
    border-bottom-color: rgba(226, 232, 240, .82);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
    backdrop-filter: blur(18px);
}

.kimora-home .site-header.is-scrolled {
    box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
}

.kimora-home .header-inner {
    width: min(calc(100% - (2 * var(--km-home-gutter))), var(--km-home-container-wide));
    min-height: 5rem;
    grid-template-columns: auto minmax(22rem, 1fr) auto;
    gap: clamp(1.25rem, 2.5vw, 2.5rem);
}

.kimora-home .brand-mark {
    gap: .625rem;
    color: var(--km-home-color-text);
    font-family: var(--km-home-font-sans);
    font-size: 1.125rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.kimora-home .brand-mark__icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--km-home-radius-sm);
    background: var(--km-home-color-primary);
    box-shadow: 0 8px 18px rgba(2, 132, 199, .18);
}

.kimora-home .custom-logo {
    max-height: 2.75rem;
}

.kimora-home .primary-navigation ul {
    gap: clamp(1.25rem, 2vw, 2rem);
}

.kimora-home .primary-navigation a,
.kimora-home .header-link,
.kimora-home .header-register-link {
    color: var(--km-home-color-text-muted);
    font-family: var(--km-home-font-sans);
    font-size: .8125rem;
    font-weight: 700;
}

.kimora-home .primary-navigation a:hover,
.kimora-home .header-link:hover,
.kimora-home .header-register-link:hover {
    color: var(--km-home-color-primary-hover);
}

.kimora-home .header-actions,
.kimora-home .km-header-commerce,
.kimora-home .account-links {
    display: flex;
    align-items: center;
}

.kimora-home .header-actions {
    gap: .75rem;
}

.kimora-home .km-header-commerce,
.kimora-home .account-links {
    gap: .625rem;
}

.kimora-home .header-register-link {
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

.kimora-home .cart-link {
    width: 2.5rem;
    height: 2.5rem;
    border-color: var(--km-home-color-border);
    border-radius: var(--km-home-radius-sm);
    color: var(--km-home-color-text);
    background: var(--km-home-color-surface);
}

.kimora-home .cart-link .km-home-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.kimora-home .cart-count {
    right: -.4rem;
    top: -.4rem;
    background: var(--km-home-color-primary-action);
}

.kimora-home .header-actions .km-home-button {
    min-height: 2.625rem;
    padding-inline: 1rem;
    font-size: .8125rem;
}

.kimora-home .km-header-primary {
    padding-inline: 1.125rem !important;
}

.kimora-home .km-header-primary .km-home-icon {
    width: 1rem;
    height: 1rem;
}

.kimora-home .km-navigation-actions {
    display: none;
}

.km-home-hero {
    position: relative;
    padding-block: clamp(5rem, 8vw, 7.5rem);
    border-bottom: 1px solid var(--km-home-color-border);
    background:
        radial-gradient(circle at 82% 24%, rgba(2, 132, 199, .105), transparent 29rem),
        radial-gradient(circle at 18% 72%, rgba(224, 242, 254, .6), transparent 24rem),
        var(--km-home-color-canvas);
}

.km-home-hero::before {
    content: "";
    position: absolute;
    inset: 8% auto auto 53%;
    width: min(42vw, 42rem);
    aspect-ratio: 1;
    border: 1px solid rgba(2, 132, 199, .08);
    border-radius: 50%;
    pointer-events: none;
}

.km-home-hero__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 5.4fr) minmax(34rem, 6.6fr);
    gap: clamp(3rem, 5vw, 5rem);
    align-items: center;
}

.km-home-hero__copy {
    position: relative;
    z-index: 2;
    max-width: 36rem;
}

.km-home-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    margin-bottom: 1.5rem;
    padding: .375rem .75rem;
    border: 1px solid rgba(2, 132, 199, .2);
    border-radius: var(--km-home-radius-pill);
    color: var(--km-home-color-primary-hover);
    background: rgba(240, 249, 255, .84);
    font-size: .6875rem;
    font-weight: 800;
    letter-spacing: .11em;
    line-height: 1.35;
    text-transform: uppercase;
}

.km-home-hero__badge > span:first-child {
    width: .375rem;
    height: .375rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--km-home-color-primary);
    box-shadow: 0 0 0 .25rem rgba(2, 132, 199, .1);
}

.km-home-hero__copy .km-home-heading-hero {
    max-width: 35rem;
}

.km-home-hero__copy > .km-home-lead {
    max-width: 34rem;
    margin: 1.5rem 0 0;
}

.km-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 2rem;
}

.km-home-hero__demo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
    margin-top: 1.375rem;
    color: var(--km-home-color-text-muted);
    font-size: .8125rem;
}

.km-home-hero__demo a {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    color: var(--km-home-color-primary-hover);
    font-weight: 750;
}

.km-home-hero__demo .km-home-icon {
    width: .875rem;
    height: .875rem;
}

.km-home-hero-license {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .875rem 1rem;
    margin-top: 2rem;
    padding: 1rem;
    border: 1px solid rgba(2, 132, 199, .18);
    border-radius: var(--km-home-radius-md);
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .035);
    backdrop-filter: blur(10px);
}

.km-home-hero-license__summary > span,
.km-home-hero-license__summary > small {
    display: block;
    color: var(--km-home-color-text-muted);
    font-size: .6875rem;
    line-height: 1.45;
}

.km-home-hero-license__summary > span {
    color: var(--km-home-color-text);
    font-weight: 750;
}

.km-home-hero-license__summary > strong {
    display: flex;
    align-items: baseline;
    gap: .25rem;
    margin-block: .125rem;
    color: var(--km-home-color-text);
    font-family: var(--km-home-font-sans);
}

.km-home-hero-license__summary b {
    font-size: 1.375rem;
    line-height: 1.2;
}

.km-home-hero-license__summary strong small {
    color: var(--km-home-color-text-muted);
    font-size: .6875rem;
}

.km-home-hero-license__tiers.km-license-picker {
    min-width: 12rem;
    align-self: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .375rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.km-home-hero-license__tiers.km-license-picker span {
    min-height: 2.25rem;
    padding: .375rem .5rem;
    border-color: var(--km-home-color-border);
    border-radius: .4375rem;
    color: var(--km-home-color-text-muted);
    background: var(--km-home-color-surface);
    font-size: .6875rem;
}

.km-home-hero-license__tiers.km-license-picker input:checked + span {
    border-color: rgba(2, 132, 199, .45);
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
    box-shadow: inset 0 0 0 1px rgba(2, 132, 199, .08);
}

.km-home-hero-license__tiers.km-license-picker input:focus-visible + span {
    outline-color: rgba(2, 132, 199, .35);
}

.km-home-hero-license__tiers.km-license-picker input:disabled + span {
    cursor: not-allowed;
    opacity: .45;
}

.km-home-hero-license__link {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    width: max-content;
    color: var(--km-home-color-primary-hover);
    font-size: .75rem;
    font-weight: 750;
}

.km-home-hero-license__link .km-home-icon {
    width: .875rem;
    height: .875rem;
}

.km-home-product-preview {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 1rem 0 1.5rem 1.5rem;
}

.km-home-product-preview__ambient {
    position: absolute;
    z-index: -1;
    inset: -.5rem -1rem .5rem .5rem;
    transform: rotate(-1.1deg);
    border: 1px solid rgba(2, 132, 199, .14);
    border-radius: 1.5rem;
    background: rgba(224, 242, 254, .58);
}

.km-home-browser {
    overflow: hidden;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
    box-shadow: var(--km-home-shadow-mockup);
}

.km-home-browser__bar {
    min-height: 3rem;
    display: grid;
    grid-template-columns: 1fr minmax(12rem, 17rem) 1fr;
    align-items: center;
    gap: .75rem;
    padding: .625rem .875rem;
    border-bottom: 1px solid var(--km-home-color-border);
    background: var(--km-home-color-surface-subtle);
}

.km-home-browser__dots {
    display: flex;
    gap: .3125rem;
}

.km-home-browser__dots i {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: var(--km-home-color-border-strong);
}

.km-home-browser__address {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    overflow: hidden;
    padding: .3125rem .625rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: .375rem;
    color: var(--km-home-color-text-muted);
    background: var(--km-home-color-surface);
    font-family: var(--km-home-font-mono);
    font-size: .625rem;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.km-home-browser__address .km-home-icon {
    width: .75rem;
    height: .75rem;
    color: var(--km-home-color-primary);
}

.km-home-browser__status {
    justify-self: end;
    width: .75rem;
    height: .75rem;
    border: 2px solid var(--km-home-color-border-strong);
    border-radius: 50%;
}

.km-home-browser__body {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--km-home-color-canvas);
}

.km-home-search-preview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: .625rem;
    padding: .875rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-sm);
    background: var(--km-home-color-surface);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .025);
}

.km-home-search-preview > div {
    min-width: 0;
    padding-right: .625rem;
    border-right: 1px solid var(--km-home-color-border);
}

.km-home-search-preview small,
.km-home-search-preview strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.km-home-search-preview small {
    color: var(--km-home-color-text-faint);
    font-size: .5625rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.km-home-search-preview strong {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-top: .25rem;
    color: var(--km-home-color-text);
    font-size: .6875rem;
}

.km-home-search-preview strong .km-home-icon {
    width: .75rem;
    height: .75rem;
    color: var(--km-home-color-primary);
}

.km-home-search-preview__action {
    display: grid;
    place-items: center;
    padding: .625rem .75rem;
    border-radius: .375rem;
    color: #fff;
    background: var(--km-home-color-primary);
    font-size: .625rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
}

.km-home-room-preview {
    display: grid;
    grid-template-columns: minmax(12rem, 5fr) minmax(0, 7fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
}

.km-home-room-preview__art {
    position: relative;
    overflow: hidden;
    min-height: 10rem;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: var(--km-home-radius-sm);
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(15,23,42,.1)),
        linear-gradient(145deg, #efe3d8 0 43%, #c6d4d8 43% 68%, #637e8b 68% 100%);
}

.km-home-room-preview__sun {
    position: absolute;
    right: 12%;
    top: 13%;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: rgba(255, 244, 210, .9);
    box-shadow: 0 0 2.25rem rgba(255, 231, 156, .9);
}

.km-home-room-preview__window {
    position: absolute;
    inset: 14% 8% 32% 42%;
    border: .3rem solid rgba(255, 255, 255, .72);
    background: linear-gradient(180deg, rgba(169, 215, 229, .72), rgba(240, 211, 171, .5));
    box-shadow: 0 10px 30px rgba(15, 23, 42, .12);
}

.km-home-room-preview__window::after {
    content: "";
    position: absolute;
    inset: 0 48% 0 auto;
    width: .2rem;
    background: rgba(255, 255, 255, .75);
}

.km-home-room-preview__bed {
    position: absolute;
    inset: auto 9% 10% 8%;
    height: 39%;
    border-radius: .5rem .5rem .25rem .25rem;
    background: linear-gradient(180deg, #f8f4ee, #dfd4c7 70%, #8b6f5c 71%);
    box-shadow: 0 10px 20px rgba(15, 23, 42, .16);
}

.km-home-room-preview__art b {
    position: absolute;
    left: .625rem;
    top: .625rem;
    padding: .25rem .5rem;
    border-radius: .3125rem;
    color: #fff;
    background: var(--km-home-color-primary);
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.km-home-room-preview__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: .25rem;
}

.km-home-room-preview__content > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.km-home-room-preview__title,
.km-home-room-preview__rate {
    font-size: .75rem;
    font-weight: 800;
}

.km-home-room-preview__rate {
    flex: 0 0 auto;
    color: var(--km-home-color-primary-hover);
    font-family: var(--km-home-font-mono);
    font-size: .625rem;
}

.km-home-room-preview__content p {
    margin: .5rem 0;
    color: var(--km-home-color-text-muted);
    font-size: .6875rem;
}

.km-home-room-preview__tags {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

.km-home-room-preview__tags span {
    padding: .25rem .5rem;
    border: 1px solid rgba(2, 132, 199, .16);
    border-radius: var(--km-home-radius-pill);
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
    font-size: .5625rem;
    font-weight: 700;
}

.km-home-room-preview__tags span:last-child {
    border-color: rgba(22, 163, 74, .18);
    color: var(--km-home-color-success);
    background: var(--km-home-color-success-bg);
}

.km-home-room-preview__total {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid var(--km-home-color-border);
    color: var(--km-home-color-text-muted);
    font-size: .625rem;
}

.km-home-room-preview__total strong {
    color: var(--km-home-color-primary-hover);
}

.km-home-sync-card {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem .875rem;
    border: 1px solid rgba(2, 132, 199, .28);
    border-radius: var(--km-home-radius-sm);
    background: rgba(255, 255, 255, .96);
    box-shadow: var(--km-home-shadow-floating);
}

.km-home-sync-card > span {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: var(--km-home-color-primary);
    background: var(--km-home-color-primary-subtle);
}

.km-home-sync-card > span .km-home-icon {
    width: 1rem;
    height: 1rem;
}

.km-home-sync-card strong,
.km-home-sync-card small {
    display: block;
    line-height: 1.4;
}

.km-home-sync-card strong {
    color: var(--km-home-color-text);
    font-size: .6875rem;
}

.km-home-sync-card small {
    color: var(--km-home-color-primary-hover);
    font-size: .5625rem;
}

.km-home-product-proof {
    padding-block: 1.5rem;
    border-bottom: 1px solid var(--km-home-color-border);
    background: var(--km-home-color-surface-subtle);
}

.km-home-product-proof__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
}

.km-home-product-proof__item {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding-inline: 1.125rem;
    color: var(--km-home-color-text);
    font-size: .75rem;
    font-weight: 750;
    line-height: 1.45;
    text-align: center;
}

.km-home-product-proof__item + .km-home-product-proof__item {
    border-left: 1px solid var(--km-home-color-border);
}

.km-home-product-proof__item .km-home-icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 auto;
    color: var(--km-home-color-primary);
}

/* ---------------------------------------------------------
   #0186.4 — Ecosystem and booking journey
   --------------------------------------------------------- */
.km-home-section-heading {
    max-width: 46rem;
    margin: 0 auto 4rem;
    text-align: center;
}

.km-home-section-heading > p {
    max-width: 42rem;
    margin: 1rem auto 0;
    color: var(--km-home-color-text-muted);
    font-size: 1rem;
}

.km-home-ecosystem {
    position: relative;
    border-bottom: 1px solid var(--km-home-color-border);
    background: var(--km-home-color-canvas);
}

.km-home-ecosystem__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    align-items: stretch;
}

.km-home-ecosystem__grid::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 8%;
    right: 8%;
    top: 48%;
    border-top: 1px dashed rgba(2, 132, 199, .3);
    pointer-events: none;
}

.km-home-ecosystem-card {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 34rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .025);
    transition: border-color var(--km-home-transition), box-shadow var(--km-home-transition), transform var(--km-home-transition);
}

.km-home-ecosystem-card:hover {
    transform: translateY(-2px);
    border-color: rgba(2, 132, 199, .38);
    box-shadow: var(--km-home-shadow-floating);
}

.km-home-ecosystem-card--featured {
    border: 2px solid var(--km-home-color-primary);
    box-shadow: 0 18px 42px rgba(2, 132, 199, .1);
}

.km-home-ecosystem-card__ribbon {
    position: absolute;
    left: 1.75rem;
    top: 0;
    transform: translateY(-50%);
    padding: .3125rem .75rem;
    border-radius: var(--km-home-radius-pill);
    color: #fff;
    background: var(--km-home-color-primary);
    box-shadow: 0 6px 16px rgba(2, 132, 199, .22);
    font-size: .5625rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.km-home-ecosystem-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.km-home-ecosystem-card__number {
    color: rgba(2, 132, 199, .2);
    font-family: var(--km-home-font-sans);
    font-size: 3.5rem;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1;
}

.km-home-ecosystem-card--featured .km-home-ecosystem-card__number {
    color: var(--km-home-color-primary);
}

.km-home-ecosystem-card__badge {
    padding: .3125rem .625rem;
    border: 1px solid rgba(2, 132, 199, .18);
    border-radius: .375rem;
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
    font-size: .5625rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.km-home-ecosystem-card__product {
    display: block;
    margin-bottom: .375rem;
    color: var(--km-home-color-text-muted);
    font-size: .625rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.km-home-ecosystem-card--featured .km-home-ecosystem-card__product {
    color: var(--km-home-color-primary-hover);
}

.km-home-ecosystem-card h3 {
    margin-bottom: .75rem;
}

.km-home-ecosystem-card p {
    margin: 0;
    color: var(--km-home-color-text-muted);
    font-size: .875rem;
}

.km-home-ecosystem-mini {
    overflow: hidden;
    margin-top: 1.5rem;
    padding: .875rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-sm);
    background: var(--km-home-color-surface-subtle);
}

.km-home-ecosystem-mini--pro {
    border-color: rgba(2, 132, 199, .18);
    background: var(--km-home-color-primary-subtle);
}

.km-home-ecosystem-mini__head,
.km-home-ecosystem-mini__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--km-home-color-border);
    color: var(--km-home-color-text-muted);
    font-family: var(--km-home-font-mono);
    font-size: .5625rem;
}

.km-home-ecosystem-mini__head strong,
.km-home-ecosystem-mini__foot strong {
    color: var(--km-home-color-success);
}

.km-home-ecosystem-mini--pro .km-home-ecosystem-mini__head strong {
    color: var(--km-home-color-primary-hover);
}

.km-home-ecosystem-mini__rows {
    display: grid;
    gap: .375rem;
    margin-top: .625rem;
}

.km-home-ecosystem-mini__rows > span {
    min-height: 2rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: .375rem;
    color: var(--km-home-color-text);
    background: var(--km-home-color-surface);
    font-size: .625rem;
    font-weight: 650;
}

.km-home-ecosystem-mini__rows .km-home-icon {
    width: .75rem;
    height: .75rem;
    flex: 0 0 auto;
    color: var(--km-home-color-primary);
}

.km-home-theme-mini {
    position: relative;
    overflow: hidden;
    min-height: 7.875rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: .375rem;
    background: linear-gradient(110deg, #f3eadf 0 48%, #254553 48% 100%);
}

.km-home-theme-mini__nav {
    position: absolute;
    inset: .625rem .625rem auto;
    height: .5rem;
    border-radius: var(--km-home-radius-pill);
    background: linear-gradient(90deg, #7a5b3c 0 14%, rgba(255,255,255,.78) 14% 66%, rgba(255,255,255,.4) 66% 100%);
}

.km-home-theme-mini__copy {
    position: absolute;
    left: .75rem;
    top: 2.25rem;
    width: 34%;
    height: 2.75rem;
    background: repeating-linear-gradient(180deg, #43362c 0 .25rem, transparent .25rem .65rem);
    opacity: .72;
}

.km-home-theme-mini__button {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    width: 2.75rem;
    height: .875rem;
    border-radius: .125rem;
    background: #936d43;
}

.km-home-theme-mini__image {
    position: absolute;
    inset: 1.75rem .75rem .75rem 55%;
    border-radius: .25rem;
    background:
        radial-gradient(circle at 70% 24%, rgba(255, 225, 159, .8), transparent 22%),
        linear-gradient(145deg, #5d7c83, #203641 62%, #d9b27a 63% 100%);
}

.km-home-ecosystem-mini--theme {
    padding: .625rem;
}

.km-home-ecosystem-mini--theme .km-home-ecosystem-mini__foot {
    margin-top: .625rem;
    padding: 0;
    border: 0;
}

.km-home-text-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    width: max-content;
    color: var(--km-home-color-primary-hover);
    font-size: .8125rem;
    font-weight: 800;
}

.km-home-text-link .km-home-icon {
    width: 1rem;
    height: 1rem;
    transition: transform var(--km-home-transition);
}

.km-home-text-link:hover .km-home-icon {
    transform: translateX(.2rem);
}

.km-home-booking-journey {
    border-block: 1px solid var(--km-home-color-border);
    background:
        radial-gradient(circle at 88% 30%, rgba(224, 242, 254, .62), transparent 25rem),
        var(--km-home-color-canvas);
}

.km-home-booking-journey__stages {
    display: grid;
    gap: 6rem;
}

.km-home-journey-stage {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(32rem, 7fr);
    gap: clamp(3rem, 6vw, 6rem);
    align-items: center;
}

.km-home-journey-stage + .km-home-journey-stage {
    position: relative;
}

.km-home-journey-stage + .km-home-journey-stage::before {
    content: "";
    position: absolute;
    inset: -3rem 0 auto;
    border-top: 1px solid var(--km-home-color-border);
}

.km-home-journey-stage--reverse .km-home-journey-stage__copy {
    order: 2;
}

.km-home-journey-stage--reverse .km-home-journey-mockup {
    order: 1;
}

.km-home-journey-stage__copy h3 {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 3.5vw, 3rem);
}

.km-home-journey-stage__copy > p {
    margin: 0;
    color: var(--km-home-color-text-muted);
}

.km-home-journey-stage__eyebrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .625rem;
    margin-bottom: .75rem;
    color: var(--km-home-color-primary-hover);
    font-size: .6875rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.km-home-journey-stage__eyebrow b {
    padding: .25rem .5rem;
    border: 1px solid rgba(2, 132, 199, .18);
    border-radius: var(--km-home-radius-pill);
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
    font-size: .5625rem;
    letter-spacing: .05em;
}

.km-home-check-list {
    display: grid;
    gap: .75rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.km-home-check-list li {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    color: var(--km-home-color-text);
    font-size: .8125rem;
    font-weight: 650;
}

.km-home-check-list .km-home-icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin-top: .18rem;
    color: var(--km-home-color-primary);
}

.km-home-journey-mockup {
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
    box-shadow: var(--km-home-shadow-mockup);
}

.km-home-journey-mockup__bar {
    min-height: 2.75rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .75rem;
    padding: .625rem .875rem;
    border-bottom: 1px solid var(--km-home-color-border);
    color: var(--km-home-color-text-faint);
    background: var(--km-home-color-surface-subtle);
}

.km-home-journey-mockup__bar code {
    overflow: hidden;
    font-family: var(--km-home-font-mono);
    font-size: .625rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.km-home-availability-ui,
.km-home-checkout-ui,
.km-home-admin-ui,
.km-home-workflows-ui {
    margin: 1.5rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-sm);
    background: var(--km-home-color-surface);
}

.km-home-ui-title,
.km-home-admin-ui__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .875rem 1rem;
    border-bottom: 1px solid var(--km-home-color-border);
    font-size: .75rem;
    font-weight: 750;
}

.km-home-ui-title strong,
.km-home-admin-ui__head strong {
    color: var(--km-home-color-primary-hover);
    font-size: .625rem;
}

.km-home-availability-ui__room {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    margin: .75rem;
    padding: .75rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: .4375rem;
    background: var(--km-home-color-surface-subtle);
}

.km-home-room-thumb {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .375rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,.1), rgba(15,23,42,.12)),
        linear-gradient(145deg, #eadfd4 0 50%, #b9d0d7 50% 74%, #536f7d 74%);
}

.km-home-room-thumb--two {
    background:
        linear-gradient(180deg, rgba(255,255,255,.1), rgba(15,23,42,.12)),
        linear-gradient(145deg, #e5e2dc 0 44%, #8fc1d3 44% 70%, #2f6e85 70%);
}

.km-home-availability-ui__room > span:nth-child(2) {
    min-width: 0;
}

.km-home-availability-ui__room strong,
.km-home-availability-ui__room small {
    display: block;
}

.km-home-availability-ui__room strong {
    overflow: hidden;
    color: var(--km-home-color-text);
    font-size: .6875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.km-home-availability-ui__room small {
    margin-top: .1875rem;
    color: var(--km-home-color-text-muted);
    font-size: .5625rem;
}

.km-home-availability-ui__room > b {
    padding: .25rem .5rem;
    border: 1px solid rgba(22, 163, 74, .18);
    border-radius: var(--km-home-radius-pill);
    color: var(--km-home-color-success);
    background: var(--km-home-color-success-bg);
    font-size: .5625rem;
}

.km-home-checkout-ui {
    overflow: hidden;
}

.km-home-checkout-ui__progress {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--km-home-color-border);
    background: var(--km-home-color-surface-subtle);
}

.km-home-checkout-ui__progress span {
    position: relative;
    padding: .75rem .5rem;
    color: var(--km-home-color-text-faint);
    font-size: .5625rem;
    font-weight: 750;
    text-align: center;
}

.km-home-checkout-ui__progress span + span {
    border-left: 1px solid var(--km-home-color-border);
}

.km-home-checkout-ui__progress .is-complete,
.km-home-checkout-ui__progress .is-current {
    color: var(--km-home-color-primary-hover);
}

.km-home-checkout-ui__progress .is-current::after {
    content: "";
    position: absolute;
    inset: auto .75rem 0;
    height: .125rem;
    background: var(--km-home-color-primary);
}

.km-home-checkout-ui__body {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(10rem, .7fr);
    gap: 1rem;
    padding: 1rem;
}

.km-home-checkout-ui__details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .625rem;
}

.km-home-checkout-ui__details > span {
    min-height: 3rem;
    padding: .5rem .625rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: .375rem;
    background: var(--km-home-color-surface-subtle);
}

.km-home-checkout-ui__details .is-wide {
    grid-column: 1 / -1;
}

.km-home-checkout-ui__details small,
.km-home-checkout-ui__details strong {
    display: flex;
    align-items: center;
    gap: .375rem;
    color: var(--km-home-color-text-muted);
    font-size: .5625rem;
}

.km-home-checkout-ui__details i {
    display: block;
    width: 72%;
    height: .3125rem;
    margin-top: .5rem;
    border-radius: var(--km-home-radius-pill);
    background: var(--km-home-color-border);
}

.km-home-checkout-ui__details strong {
    margin-top: .375rem;
    color: var(--km-home-color-text);
    font-size: .625rem;
}

.km-home-checkout-ui__details .km-home-icon {
    width: .75rem;
    height: .75rem;
    color: var(--km-home-color-primary);
}

.km-home-checkout-ui__summary {
    padding: .75rem;
    border: 1px solid rgba(2, 132, 199, .18);
    border-radius: .375rem;
    background: var(--km-home-color-primary-subtle);
}

.km-home-checkout-ui__summary > strong {
    display: block;
    margin-bottom: .625rem;
    color: var(--km-home-color-text);
    font-size: .6875rem;
}

.km-home-checkout-ui__summary > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-block: .375rem;
    border-top: 1px solid rgba(2, 132, 199, .12);
    color: var(--km-home-color-text-muted);
    font-size: .5625rem;
}

.km-home-checkout-ui__summary i {
    width: 2.5rem;
    height: .3125rem;
    border-radius: var(--km-home-radius-pill);
    background: rgba(2, 132, 199, .2);
}

.km-home-checkout-ui__summary > b {
    display: block;
    margin-top: .625rem;
    color: var(--km-home-color-primary-hover);
    font-size: .5625rem;
}

.km-home-admin-ui {
    overflow: hidden;
}

.km-home-admin-ui__head {
    color: #fff;
    border-color: rgba(255,255,255,.12);
    background: var(--km-home-color-primary);
}

.km-home-admin-ui__head strong {
    color: rgba(255,255,255,.82);
}

.km-home-admin-ui__labels,
.km-home-admin-ui__row {
    display: grid;
    grid-template-columns: 1.1fr .9fr .9fr .9fr;
    align-items: center;
    gap: .5rem;
    padding: .625rem .875rem;
}

.km-home-admin-ui__labels {
    color: var(--km-home-color-text-faint);
    background: var(--km-home-color-surface-subtle);
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.km-home-admin-ui__row {
    border-top: 1px solid var(--km-home-color-border);
    color: var(--km-home-color-text-muted);
    font-size: .5625rem;
}

.km-home-admin-ui__row strong {
    color: var(--km-home-color-text);
    font-family: var(--km-home-font-mono);
    font-size: .5625rem;
}

.km-home-admin-ui__row b {
    justify-self: start;
    padding: .1875rem .375rem;
    border-radius: var(--km-home-radius-pill);
    color: var(--km-home-color-success);
    background: var(--km-home-color-success-bg);
    font-size: .5rem;
}

.km-home-admin-ui__row:nth-child(4) b {
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
}

.km-home-workflows-ui {
    display: grid;
    gap: .625rem;
    padding: 1rem;
    background: var(--km-home-color-surface-subtle);
}

.km-home-workflow-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: .4375rem;
    background: var(--km-home-color-surface);
}

.km-home-workflow-card > span {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: .4375rem;
    color: var(--km-home-color-primary);
    background: var(--km-home-color-primary-subtle);
}

.km-home-workflow-card .km-home-icon {
    width: 1rem;
    height: 1rem;
}

.km-home-workflow-card strong,
.km-home-workflow-card small {
    display: block;
}

.km-home-workflow-card strong {
    color: var(--km-home-color-text);
    font-size: .6875rem;
}

.km-home-workflow-card small {
    margin-top: .1875rem;
    color: var(--km-home-color-text-muted);
    font-size: .5625rem;
}

.km-home-workflow-card > b {
    padding: .25rem .5rem;
    border: 1px solid rgba(22, 163, 74, .18);
    border-radius: var(--km-home-radius-pill);
    color: var(--km-home-color-success);
    background: var(--km-home-color-success-bg);
    font-size: .5rem;
}

/* ---------------------------------------------------------
   #0186.5 — Canonical Free / Pro comparison
   --------------------------------------------------------- */
.km-home-comparison {
    padding-block: var(--km-home-section-space);
    scroll-margin-top: var(--km-home-sticky-offset);
    border-bottom: 1px solid var(--km-home-color-border);
    background:
        radial-gradient(circle at 50% 8%, rgba(224, 242, 254, .55), transparent 28rem),
        var(--km-home-color-surface-subtle);
}

.km-home-comparison__container {
    max-width: 72rem;
}

.km-home-comparison .km-home-section-heading {
    max-width: 51rem;
    margin-bottom: 3rem;
}

.km-home-comparison__editions {
    max-width: 62rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0 auto 1.5rem;
}

.km-home-edition-card {
    min-width: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .025);
}

.km-home-edition-card--pro {
    border-color: rgba(2, 132, 199, .32);
    background:
        linear-gradient(135deg, rgba(224, 242, 254, .82), rgba(255, 255, 255, .96) 68%);
}

.km-home-edition-card__badge {
    display: block;
    margin-bottom: .5rem;
    color: var(--km-home-color-primary-hover);
    font-size: .5625rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.km-home-edition-card h3 {
    margin: 0;
    color: var(--km-home-color-text);
    font-size: 1.125rem;
    font-weight: 750;
}

.km-home-edition-card p {
    max-width: 21rem;
    margin: .5rem 0 0;
    color: var(--km-home-color-text-muted);
    font-size: .75rem;
}

.km-home-edition-card__meta {
    flex: 0 0 auto;
    display: grid;
    justify-items: end;
    gap: .75rem;
}

.km-home-edition-card__meta > strong {
    color: var(--km-home-color-text);
    font-size: .6875rem;
}

.km-home-edition-card__meta > a {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .625rem 1rem;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-sm);
    color: var(--km-home-color-text);
    background: var(--km-home-color-surface);
    font-size: .6875rem;
    font-weight: 750;
}

.km-home-edition-card--pro .km-home-edition-card__meta > a {
    color: #fff;
    border-color: var(--km-home-color-primary);
    background: var(--km-home-color-primary);
}

.km-home-comparison .km-compare {
    overflow: hidden;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
    box-shadow: var(--km-home-shadow-card);
}

.km-comparison-table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: var(--km-home-color-surface);
}

.km-comparison-table__feature-column {
    width: 68%;
}

.km-comparison-table__edition-column {
    width: 16%;
}

.km-comparison-table th,
.km-comparison-table td {
    border: 0;
    text-align: left;
}

.km-comparison-table thead th {
    padding: 1.125rem 1.5rem;
    color: rgba(255, 255, 255, .82);
    background: var(--km-home-color-text);
    font-size: .75rem;
    font-weight: 700;
}

.km-comparison-table thead th + th {
    border-left: 1px solid rgba(255, 255, 255, .1);
    text-align: center;
}

.km-comparison-table thead th.is-pro {
    color: #fff;
    background: var(--km-home-color-primary-hover);
}

.km-comparison-table thead strong,
.km-comparison-table thead small {
    display: block;
}

.km-comparison-table thead strong {
    color: inherit;
    font-size: .875rem;
}

.km-comparison-table thead small {
    margin-top: .1875rem;
    color: inherit;
    font-size: .5625rem;
    font-weight: 550;
    opacity: .76;
}

.km-comparison-table__group th {
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(2, 132, 199, .15);
    border-bottom: 1px solid rgba(2, 132, 199, .15);
    background: var(--km-home-color-primary-subtle);
}

.km-comparison-table tbody:first-of-type .km-comparison-table__group th {
    border-top: 0;
}

.km-comparison-table__group strong,
.km-comparison-table__group span {
    display: block;
}

.km-comparison-table__group strong {
    color: var(--km-home-color-primary-hover);
    font-size: .8125rem;
}

.km-comparison-table__group span {
    margin-top: .25rem;
    color: var(--km-home-color-text-muted);
    font-size: .6875rem;
    font-weight: 500;
}

.km-comparison-table__feature > th,
.km-comparison-table__feature > td {
    padding: .8125rem 1.5rem;
    border-bottom: 1px solid var(--km-home-color-border);
    vertical-align: middle;
}

.km-comparison-table tbody:last-of-type .km-comparison-table__feature:last-child > * {
    border-bottom: 0;
}

.km-comparison-table__feature > td {
    border-left: 1px solid var(--km-home-color-border);
    text-align: center;
}

.km-comparison-table__feature.is-pro-only {
    background: linear-gradient(90deg, rgba(224, 242, 254, .34), transparent 58%);
}

.km-comparison-table .km-compare__feature strong,
.km-comparison-table .km-compare__feature span {
    display: block;
}

.km-comparison-table .km-compare__feature strong {
    color: var(--km-home-color-text);
    font-size: .75rem;
    font-weight: 720;
}

.km-comparison-table .km-compare__feature span {
    max-width: 38rem;
    margin-top: .1875rem;
    color: var(--km-home-color-text-muted);
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.45;
}

.km-home-comparison .km-compare__status {
    width: 1.625rem;
    height: 1.625rem;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    font-size: .75rem;
    font-style: normal;
    font-weight: 850;
}

.km-home-comparison .km-compare__status.is-yes {
    color: var(--km-home-color-success);
    border: 1px solid rgba(22, 163, 74, .22);
    background: var(--km-home-color-success-bg);
}

.km-home-comparison .km-compare__status.is-no {
    color: var(--km-home-color-text-faint);
    border: 1px solid var(--km-home-color-border);
    background: var(--km-home-color-surface-subtle);
}

.km-home-comparison__legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem 1.5rem;
    margin: 1.25rem 0 0;
    color: var(--km-home-color-text-muted);
    font-size: .625rem;
}

.km-home-comparison__legend > span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

/* ---------------------------------------------------------
   #0186.6 — Aurelia showcase, pricing and purchase presentation
   --------------------------------------------------------- */
.km-home-theme-showcase {
    border-bottom: 1px solid var(--km-home-color-border);
    background:
        radial-gradient(circle at 88% 4%, rgba(224, 242, 254, .7), transparent 30rem),
        var(--km-home-color-surface-subtle);
}

.km-home-theme-showcase .km-home-section-heading,
.km-home-pricing .km-home-section-heading {
    max-width: 50rem;
    margin-inline: auto;
    text-align: center;
}

.km-home-theme-showcase .km-home-section-heading > p,
.km-home-pricing .km-home-section-heading > p {
    margin-inline: auto;
}

.km-home-aurelia {
    overflow: hidden;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
    box-shadow: var(--km-home-shadow-mockup);
}

.km-home-aurelia__browser {
    min-height: 4rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: .875rem 1.5rem;
    border-bottom: 1px solid var(--km-home-color-border);
    background: rgba(248, 250, 252, .96);
}

.km-home-aurelia__browser code {
    overflow: hidden;
    color: var(--km-home-color-text-muted);
    font-family: var(--km-home-font-mono);
    font-size: .6875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.km-home-aurelia__browser > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.km-home-aurelia__browser > div > span {
    padding: .3125rem .625rem;
    border: 1px solid rgba(2, 132, 199, .22);
    border-radius: var(--km-home-radius-sm);
    color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-subtle);
    font-size: .5625rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.km-home-aurelia__browser > div > span + span {
    color: var(--km-home-color-text-muted);
    border-color: var(--km-home-color-border);
    background: var(--km-home-color-surface);
}

.km-home-aurelia__figure {
    position: relative;
    margin: 0;
    background: var(--km-home-color-text);
}

.km-home-aurelia__figure picture {
    display: block;
}

.km-home-aurelia__figure img {
    width: 100%;
    aspect-ratio: 2048 / 773;
    object-fit: cover;
    object-position: center;
    opacity: .9;
}

.km-home-aurelia__figure::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 48%, rgba(15, 23, 42, .26));
}

.km-home-aurelia__caption {
    position: absolute;
    z-index: 1;
    inset: auto 2rem 2rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 2rem;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: var(--km-home-radius-md);
    color: var(--km-home-color-text);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .16);
    backdrop-filter: blur(16px);
}

.km-home-aurelia__caption .km-home-eyebrow {
    margin-bottom: .375rem;
}

.km-home-aurelia__caption h3 {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
}

.km-home-aurelia__caption p {
    max-width: 42rem;
    margin: .5rem 0 0;
    color: var(--km-home-color-text-muted);
    font-size: .8125rem;
}

.km-home-aurelia__actions {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.km-home-aurelia__actions .km-home-button {
    flex: 0 0 auto;
    font-size: .75rem;
}

.km-home-pricing {
    padding-block: var(--km-home-section-space);
    scroll-margin-top: var(--km-home-sticky-offset);
    border-bottom: 1px solid var(--km-home-color-border);
    background:
        radial-gradient(circle at 50% 4%, rgba(224, 242, 254, .65), transparent 28rem),
        var(--km-home-color-canvas);
}

.km-home-pricing .km-home-section-heading {
    margin-bottom: 4rem;
}

.km-home-pricing .km-pricing-grid {
    max-width: 68rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.5rem;
}

.km-home-pricing .km-price-card {
    overflow: visible;
    border: 1px solid var(--km-home-color-border);
    border-radius: var(--km-home-radius-md);
    background: var(--km-home-color-surface);
    box-shadow: 0 12px 36px rgba(15, 23, 42, .045);
    transition: border-color var(--km-home-transition), box-shadow var(--km-home-transition), transform var(--km-home-transition);
}

.km-home-pricing .km-price-card:hover {
    border-color: rgba(2, 132, 199, .34);
    box-shadow: var(--km-home-shadow-floating);
}

.km-home-pricing .km-price-card.is-featured {
    z-index: 1;
    transform: translateY(-.5rem);
    border: 2px solid var(--km-home-color-primary);
    box-shadow: 0 20px 48px rgba(2, 132, 199, .12);
}

.km-home-pricing .km-price-card__badge {
    position: absolute;
    inset: -1rem auto auto 50%;
    min-width: max-content;
    padding: .4rem .875rem;
    transform: translateX(-50%);
    border-radius: var(--km-home-radius-pill);
    color: #fff;
    background: var(--km-home-color-primary);
    box-shadow: 0 8px 18px rgba(2, 132, 199, .22);
    font-family: var(--km-home-font-sans);
    font-size: .625rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.km-home-pricing .km-price-card__body,
.km-home-pricing .km-price-card.is-featured .km-price-card__body {
    height: 100%;
    padding: 2rem;
}

.km-home-plan-kicker {
    display: block;
    margin-bottom: .5rem;
    color: var(--km-home-color-text-muted);
    font-size: .6875rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.km-home-pricing .km-price-card.is-featured .km-home-plan-kicker {
    color: var(--km-home-color-primary-hover);
}

.km-home-pricing .km-price-card h3 {
    margin: 0;
    color: var(--km-home-color-text);
    font-size: 1.5rem;
    font-weight: 700;
}

.km-home-pricing .km-price-card__body > p {
    min-height: 4.75rem;
    margin: .625rem 0 0;
    color: var(--km-home-color-text-muted);
    font-size: .8125rem;
}

.km-home-pricing .km-plan-price {
    min-height: 5.75rem;
    margin: 1.25rem 0 1.125rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--km-home-color-border);
}

.km-home-pricing .km-plan-price strong {
    color: var(--km-home-color-text);
    font-family: var(--km-home-font-sans);
    font-size: clamp(2.25rem, 4vw, 3rem);
    letter-spacing: -.04em;
}

.km-home-pricing .km-price-card.is-featured .km-plan-price strong {
    color: var(--km-home-color-primary-hover);
}

.km-home-pricing .km-plan-price small {
    color: var(--km-home-color-text-muted);
    font-size: .75rem;
    font-weight: 600;
}

.km-home-pricing .km-price-card__license {
    padding: 0;
    border: 0;
    color: var(--km-home-color-text);
    font-size: .75rem;
    font-weight: 750;
}

.km-home-pricing .km-home-plan-features {
    min-height: 9.75rem;
    display: grid;
    align-content: start;
    gap: .75rem;
    margin: 1.25rem 0 1.75rem;
}

.km-home-pricing .km-home-plan-features li {
    display: flex;
    align-items: flex-start;
    gap: .625rem;
    color: var(--km-home-color-text-muted);
    font-size: .75rem;
}

.km-home-pricing .km-home-plan-features .km-home-icon {
    width: 1rem;
    height: 1rem;
    margin-top: .125rem;
    color: var(--km-home-color-success);
}

.km-home-pricing .km-buy-now-form,
.km-home-pricing .km-price-card .button {
    width: 100%;
}

.km-home-pricing .km-buy-now-form .button,
.km-home-pricing .km-price-card > .button,
.km-home-pricing .km-price-card__body > .button {
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .75rem 1rem;
    border: 1px solid rgba(2, 132, 199, .28);
    border-radius: var(--km-home-radius-sm);
    color: var(--km-home-color-primary-hover) !important;
    background: var(--km-home-color-primary-subtle) !important;
    font-family: var(--km-home-font-sans);
    font-size: .75rem;
    font-weight: 750;
}

.km-home-pricing .km-price-card.is-featured .km-buy-now-form .button {
    color: #fff !important;
    border-color: var(--km-home-color-primary);
    background: var(--km-home-color-primary) !important;
    box-shadow: var(--km-home-shadow-action);
}

.km-home-pricing .km-buy-now-form .button:hover,
.km-home-pricing .km-price-card__body > .button:hover {
    color: #fff !important;
    border-color: var(--km-home-color-primary-hover);
    background: var(--km-home-color-primary-hover) !important;
}

.km-home-pricing .km-pricing-footnote {
    gap: .75rem 1.5rem;
    margin-top: 2.5rem;
    color: var(--km-home-color-text-muted);
    font-size: .75rem;
}

.km-home-pricing .km-pricing-footnote span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.km-home-pricing .km-pricing-footnote .km-home-icon {
    width: 1rem;
    height: 1rem;
    color: var(--km-home-color-success);
}

/* ---------------------------------------------------------
   #0186.7 — Refund, FAQ and final conversion path
   --------------------------------------------------------- */
.km-home-refund {
    padding-block: 4rem;
    scroll-margin-top: var(--km-home-sticky-offset);
    border-bottom: 1px solid var(--km-home-color-border);
    background: #f2f9fd;
}

.km-home-refund__panel {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    align-items: center;
    gap: 2rem;
}

.km-home-refund__mark {
    width: 5.5rem;
    height: 5.5rem;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    place-content: center;
    column-gap: .25rem;
    border: 1px solid rgba(2, 132, 199, .22);
    border-radius: 50%;
    color: var(--km-home-color-primary-hover);
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.km-home-refund__mark .km-home-icon {
    width: 1.25rem;
    height: 1.25rem;
    grid-row: 1 / 3;
    align-self: center;
}

.km-home-refund__mark > span {
    align-self: end;
    font-family: var(--km-home-font-sans);
    font-size: 1.375rem;
    font-weight: 750;
    letter-spacing: -.04em;
    line-height: 1;
}

.km-home-refund__mark > small {
    align-self: start;
    font-size: .5625rem;
    font-weight: 750;
    letter-spacing: .06em;
    line-height: 1.25;
    text-transform: uppercase;
}

.km-home-refund__content h2 {
    margin: .25rem 0 .625rem;
    color: var(--km-home-color-text);
    font-family: var(--km-home-font-sans);
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    letter-spacing: -.03em;
}

.km-home-refund__content > p {
    max-width: 49rem;
    margin: 0;
    color: var(--km-home-color-text-muted);
    font-size: .875rem;
}

.km-home-refund__conditions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    margin: 1.25rem 0 1rem;
    padding: 0;
    list-style: none;
}

.km-home-refund__conditions li {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--km-home-color-text-muted);
    font-size: .6875rem;
    font-weight: 650;
}

.km-home-refund__conditions .km-home-icon {
    width: 1rem;
    height: 1rem;
    color: var(--km-home-color-success);
}

.km-home-text-link {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    color: var(--km-home-color-primary-hover);
    font-family: var(--km-home-font-sans);
    font-size: .75rem;
    font-weight: 750;
}

.km-home-text-link .km-home-icon {
    width: 1rem;
    height: 1rem;
    transition: transform var(--km-home-transition);
}

.km-home-text-link:hover .km-home-icon {
    transform: translateX(.2rem);
}

.km-home-faq {
    scroll-margin-top: var(--km-home-sticky-offset);
    border-bottom: 1px solid var(--km-home-color-border);
    background: var(--km-home-color-canvas);
}

.km-home-faq__heading {
    max-width: 44rem;
    margin-inline: auto;
    text-align: center;
}

.km-home-faq__heading > p {
    margin-inline: auto;
}

.km-home-faq__items {
    margin-top: 3.5rem;
    border-block: 1px solid var(--km-home-color-border);
}

.km-home-faq__items details + details {
    border-top: 1px solid var(--km-home-color-border);
}

.km-home-faq__items summary {
    min-height: 4.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.125rem .25rem;
    color: var(--km-home-color-text);
    cursor: pointer;
    list-style: none;
    font-family: var(--km-home-font-sans);
    font-size: .9375rem;
    font-weight: 650;
}

.km-home-faq__items summary::-webkit-details-marker {
    display: none;
}

.km-home-faq__items summary .km-home-icon {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 auto;
    color: var(--km-home-color-primary);
    transition: transform var(--km-home-transition);
}

.km-home-faq__items details[open] summary .km-home-icon {
    transform: rotate(180deg);
}

.km-home-faq__items details > div {
    padding: 0 3rem 1.375rem 0;
}

.km-home-faq__items details p {
    max-width: 44rem;
    margin: 0;
    color: var(--km-home-color-text-muted);
    font-size: .8125rem;
}

.km-home-faq__support {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: 2rem 0 0;
    color: var(--km-home-color-text-muted);
    font-size: .75rem;
}

.km-home-final-cta {
    scroll-margin-top: var(--km-home-sticky-offset);
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(186, 230, 253, .66), transparent 28rem),
        linear-gradient(180deg, var(--km-home-color-primary-subtle), var(--km-home-color-canvas));
}

.km-home-final-cta h2 {
    max-width: 48rem;
    margin: .75rem auto 1rem;
}

.km-home-final-cta .km-home-container > p {
    max-width: 38rem;
    margin: 0 auto;
    color: var(--km-home-color-text-muted);
    font-size: 1rem;
}

.km-home-final-cta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 2rem;
}

.km-home-final-cta__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    margin-top: 1.25rem;
    color: var(--km-home-color-text-faint);
    font-size: .75rem;
    font-weight: 650;
}

.km-home-final-cta__links a {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    color: var(--km-home-color-primary-hover);
}

.km-home-final-cta__links .km-home-icon {
    width: .875rem;
    height: .875rem;
}

.km-home-v2 :where(a, button, summary, input, select, textarea):focus-visible {
    outline: 3px solid var(--km-home-color-primary-action);
    outline-offset: 3px;
}

.km-home-no-js-notice {
    max-width: 34rem;
    margin: 2rem 0 0;
    padding: 1rem 1.125rem;
    border: 1px solid var(--km-home-color-border-strong);
    border-radius: var(--km-home-radius-sm);
    color: var(--km-home-color-text-muted);
    background: var(--km-home-color-surface);
    font-size: .875rem;
}

.km-home-no-js-notice a {
    color: var(--km-home-color-primary-hover);
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: .18em;
}

html.no-js .km-home-hero-license {
    display: none;
}

.kimora-home .header-register-link {
    min-height: 2.625rem;
    display: inline-flex;
    align-items: center;
}

.km-home-ecosystem-card__ribbon,
.km-home-edition-card--pro .km-home-edition-card__meta > a,
.km-home-pricing .km-price-card__badge,
.km-home-pricing .km-price-card.is-featured .km-buy-now-form .button {
    border-color: var(--km-home-color-primary-action);
    background: var(--km-home-color-primary-action) !important;
}

.km-home-pricing .km-buy-now-form .button:hover,
.km-home-pricing .km-price-card__body > .button:hover {
    border-color: var(--km-home-color-primary-action-hover);
    background: var(--km-home-color-primary-action-hover) !important;
}

@media (max-width: 1023px) {
    :root {
        --km-home-gutter: 1.5rem;
        --km-home-section-space: 6rem;
    }

    .km-home-grid-12 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: var(--km-home-space-lg);
    }

    .kimora-home .header-inner {
        grid-template-columns: auto auto 1fr;
    }

    .kimora-home .primary-navigation {
        inset: 5rem 0 auto;
        padding: 1.5rem var(--km-home-gutter) 1.75rem;
    }

    .kimora-home .primary-navigation ul {
        display: grid;
        gap: .25rem;
    }

    .kimora-home .primary-navigation li {
        margin: 0;
    }

    .kimora-home .primary-navigation a {
        display: block;
        padding: .625rem 0;
        font-size: .9375rem;
    }

    .kimora-home .km-navigation-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .75rem;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid var(--km-home-color-border);
    }

    .kimora-home .km-header-commerce .account-links,
    .kimora-home .km-header-commerce .header-account-link,
    .kimora-home .km-header-demo {
        display: none;
    }

    .km-home-hero__grid {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .km-home-hero__copy {
        max-width: 45rem;
    }

    .km-home-hero__copy .km-home-heading-hero,
    .km-home-hero__copy > .km-home-lead {
        max-width: 43rem;
    }

    .km-home-hero-license {
        max-width: 36rem;
    }

    .km-home-product-preview {
        width: min(100%, 48rem);
        margin-inline: auto;
    }

    .km-home-product-proof__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem 0;
    }

    .km-home-product-proof__item:nth-child(4) {
        border-left: 0;
    }

    .km-home-journey-stage {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .km-home-journey-stage__copy {
        max-width: 44rem;
    }

    .km-home-journey-stage--reverse .km-home-journey-stage__copy,
    .km-home-journey-stage--reverse .km-home-journey-mockup {
        order: initial;
    }
}

@media (max-width: 900px) {
    .km-home-ecosystem__grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .km-home-ecosystem__grid::before {
        display: none;
    }

    .km-home-ecosystem-card {
        min-height: 0;
    }

    .km-home-comparison__editions {
        max-width: 38rem;
        grid-template-columns: 1fr;
    }

    .km-home-aurelia__caption {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .km-home-aurelia__actions {
        justify-content: flex-start;
    }

    .km-home-pricing .km-pricing-grid {
        max-width: 38rem;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .km-home-pricing .km-price-card.is-featured {
        transform: none;
    }

    .km-home-pricing .km-price-card__body > p,
    .km-home-pricing .km-home-plan-features {
        min-height: 0;
    }
}

@media (max-width: 767px) {
    :root {
        --km-home-gutter: 1.125rem;
        --km-home-section-space: 4.25rem;
        --km-home-sticky-offset: 5rem;
    }

    .km-home-grid-12 {
        grid-template-columns: 1fr;
        gap: var(--km-home-space-xl);
    }

    .km-home-heading-hero {
        line-height: 1.08;
    }

    .km-home-heading-xl {
        font-size: clamp(2rem, 9vw, 2.25rem);
        line-height: 1.15;
    }

    .km-home-lead {
        font-size: 1.0625rem;
    }

    .kimora-home .site-header,
    .kimora-home .header-inner {
        min-height: 4.5rem;
    }

    .kimora-home .primary-navigation {
        inset: 4.5rem 0 auto;
    }

    .kimora-home .header-actions {
        gap: .5rem;
    }

    .kimora-home .header-actions .km-header-primary {
        min-height: 2.375rem;
        padding-inline: .75rem !important;
        font-size: .71875rem;
    }

    .kimora-home .header-actions .km-header-primary .km-home-icon {
        display: none;
    }

    .km-home-hero {
        padding-block: 4.5rem;
    }

    .km-home-hero::before {
        display: none;
    }

    .km-home-hero__grid {
        gap: 3rem;
    }

    .km-home-hero__badge {
        margin-bottom: 1.25rem;
        font-size: .625rem;
    }

    .km-home-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .km-home-hero__actions .km-home-button {
        width: 100%;
    }

    .km-home-hero-license {
        grid-template-columns: 1fr;
    }

    .km-home-hero-license__tiers.km-license-picker {
        min-width: 0;
        width: 100%;
    }

    .km-home-product-preview {
        padding: .5rem 0 1.25rem;
    }

    .km-home-product-preview__ambient {
        inset: -.25rem -.375rem .5rem;
    }

    .km-home-browser__bar {
        grid-template-columns: auto 1fr auto;
    }

    .km-home-browser__body {
        padding: .875rem;
    }

    .km-home-search-preview {
        grid-template-columns: 1fr 1fr;
    }

    .km-home-search-preview > div:nth-child(2) {
        border-right: 0;
    }

    .km-home-search-preview__action {
        min-height: 2.5rem;
    }

    .km-home-room-preview {
        grid-template-columns: 1fr;
    }

    .km-home-room-preview__art {
        min-height: 9rem;
    }

    .km-home-room-preview__content {
        min-height: 9rem;
    }

    .km-home-sync-card {
        left: -.25rem;
        max-width: calc(100% - .5rem);
    }

    .km-home-product-proof__grid {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .km-home-product-proof__item {
        min-height: 4.25rem;
        justify-content: flex-start;
        padding: .875rem;
        text-align: left;
    }

    .km-home-product-proof__item:nth-child(odd) {
        border-left: 0;
    }

    .km-home-product-proof__item:nth-child(n + 3) {
        border-top: 1px solid var(--km-home-color-border);
    }

    .km-home-section-heading {
        margin-bottom: 3rem;
        text-align: left;
    }

    .km-home-section-heading > p {
        margin-left: 0;
    }

    .km-home-ecosystem-card {
        padding: 1.5rem;
    }

    .km-home-ecosystem-card__ribbon {
        left: 1.25rem;
    }

    .km-home-booking-journey__stages {
        gap: 4.5rem;
    }

    .km-home-journey-stage + .km-home-journey-stage::before {
        top: -2.25rem;
    }

    .km-home-journey-stage__copy h3 {
        font-size: clamp(1.875rem, 9vw, 2.25rem);
    }

    .km-home-availability-ui,
    .km-home-checkout-ui,
    .km-home-admin-ui,
    .km-home-workflows-ui {
        margin: .875rem;
    }

    .km-home-checkout-ui__body {
        grid-template-columns: 1fr;
    }

    .km-home-comparison .km-home-section-heading {
        margin-bottom: 2.25rem;
    }

    .km-home-comparison .km-compare {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .km-comparison-table,
    .km-comparison-table tbody {
        display: block;
    }

    .km-comparison-table colgroup,
    .km-comparison-table thead {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        border: 0;
        white-space: nowrap;
    }

    .km-comparison-table tbody {
        overflow: hidden;
        border: 1px solid var(--km-home-color-border);
        border-radius: var(--km-home-radius-sm);
        background: var(--km-home-color-surface);
        box-shadow: 0 8px 24px rgba(15, 23, 42, .025);
    }

    .km-comparison-table tbody + tbody {
        margin-top: 1rem;
    }

    .km-comparison-table__group,
    .km-comparison-table__group th {
        display: block;
    }

    .km-comparison-table__group th {
        padding: .875rem 1rem;
        border-top: 0;
    }

    .km-comparison-table__feature {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        background: var(--km-home-color-surface);
    }

    .km-comparison-table__feature.is-pro-only {
        background: rgba(224, 242, 254, .22);
    }

    .km-comparison-table__feature > th {
        grid-column: 1 / -1;
        padding: .875rem 1rem .75rem;
        border-bottom: 1px solid var(--km-home-color-border);
    }

    .km-comparison-table__feature > td {
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        padding: .625rem 1rem;
        border-bottom: 1px solid var(--km-home-color-border);
        text-align: left;
    }

    .km-comparison-table__feature > td:first-of-type {
        border-left: 0;
    }

    .km-comparison-table__feature > td::before {
        content: attr(data-plan-label);
        color: var(--km-home-color-text-muted);
        font-size: .625rem;
        font-weight: 750;
    }

    .km-comparison-table tbody:last-of-type .km-comparison-table__feature:last-child > * {
        border-bottom: 1px solid var(--km-home-color-border);
    }

    .km-comparison-table tbody .km-comparison-table__feature:last-child > td {
        border-bottom: 0;
    }

    .km-home-comparison__legend {
        justify-content: flex-start;
    }

    .km-home-theme-showcase .km-home-section-heading,
    .km-home-pricing .km-home-section-heading {
        text-align: left;
    }

    .km-home-theme-showcase .km-home-section-heading > p,
    .km-home-pricing .km-home-section-heading > p {
        margin-left: 0;
    }

    .km-home-aurelia__browser {
        min-height: 3.5rem;
        grid-template-columns: auto minmax(0, 1fr);
        padding: .75rem 1rem;
    }

    .km-home-aurelia__browser > div {
        display: none;
    }

    .km-home-aurelia__figure::after {
        display: none;
    }

    .km-home-aurelia__figure img {
        aspect-ratio: 4 / 3;
        object-position: center;
    }

    .km-home-aurelia__caption {
        position: relative;
        inset: auto;
        padding: 1.5rem;
        border: 0;
        border-top: 1px solid var(--km-home-color-border);
        border-radius: 0;
        background: var(--km-home-color-surface);
        box-shadow: none;
        backdrop-filter: none;
    }

    .km-home-aurelia__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .km-home-aurelia__actions .km-home-button {
        width: 100%;
    }

    .km-home-pricing .km-home-section-heading {
        margin-bottom: 3rem;
    }

    .km-home-pricing .km-price-card__body,
    .km-home-pricing .km-price-card.is-featured .km-price-card__body {
        padding: 1.5rem;
    }
}

@media (max-width: 520px) {
    .kimora-home .header-actions .km-header-primary {
        display: none;
    }

    .kimora-home .km-navigation-actions {
        grid-template-columns: 1fr;
    }

    .km-home-browser__address {
        justify-self: center;
        max-width: 10.5rem;
    }

    .km-home-room-preview__content > div:first-child,
    .km-home-room-preview__total {
        align-items: flex-start;
        flex-direction: column;
    }

    .km-home-product-proof__grid {
        grid-template-columns: 1fr;
    }

    .km-home-product-proof__item + .km-home-product-proof__item {
        border-top: 1px solid var(--km-home-color-border);
        border-left: 0;
    }

    .km-home-ecosystem-mini__head,
    .km-home-ecosystem-mini__foot,
    .km-home-ui-title,
    .km-home-admin-ui__head {
        align-items: flex-start;
        flex-direction: column;
        gap: .25rem;
    }

    .km-home-availability-ui__room {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .km-home-room-thumb {
        width: 3rem;
        height: 3rem;
    }

    .km-home-availability-ui__room > b {
        grid-column: 2;
        justify-self: start;
    }

    .km-home-admin-ui__labels,
    .km-home-admin-ui__row {
        grid-template-columns: 1.1fr .9fr .9fr;
    }

    .km-home-admin-ui__labels > :nth-child(2),
    .km-home-admin-ui__row > :nth-child(2) {
        display: none;
    }

    .km-home-workflow-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .km-home-workflow-card > b {
        grid-column: 2;
        justify-self: start;
    }

    .km-home-edition-card {
        align-items: stretch;
        flex-direction: column;
    }

    .km-home-edition-card__meta {
        justify-items: stretch;
    }

    .km-home-edition-card__meta > a {
        width: 100%;
    }

    .km-home-comparison__legend {
        display: grid;
        gap: .625rem;
    }

    .km-home-refund {
        padding-block: 3rem;
    }

    .km-home-refund__panel {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 1.5rem;
    }

    .km-home-refund__conditions {
        display: grid;
    }

    .km-home-faq__heading {
        text-align: left;
    }

    .km-home-faq__heading > p {
        margin-left: 0;
    }

    .km-home-faq__items {
        margin-top: 2.5rem;
    }

    .km-home-faq__items summary {
        gap: 1rem;
        padding-block: 1rem;
        font-size: .875rem;
    }

    .km-home-faq__items details > div {
        padding-right: 1.5rem;
    }

    .km-home-faq__support {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .km-home-final-cta {
        text-align: left;
    }

    .km-home-final-cta h2,
    .km-home-final-cta .km-home-container > p {
        margin-left: 0;
    }

    .km-home-final-cta__actions {
        display: grid;
        align-items: stretch;
        justify-content: stretch;
    }

    .km-home-final-cta__actions .km-home-button {
        width: 100%;
    }

    .km-home-final-cta__links {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .km-home-v2 *,
    .km-home-v2 *::before,
    .km-home-v2 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}