.parus-home {
    --home-primary: var(--color-primary, #625bf6);
    --home-primary-dark: #4c45d7;
    --home-ink: #171a2e;
    --home-muted: #626a7e;
    --home-border: #e5e8f0;
    --home-surface: #ffffff;
    --home-soft: #f6f7fb;
    color: var(--home-ink);
    overflow: hidden;
}

.parus-home__container {
    width: min(76em, calc(100% - 3em));
    margin: 0 auto;
}

.parus-home__hero {
    position: relative;
    padding: 5.5em 0 6em;
    background:
        radial-gradient(ellipse at 83% 42%, rgba(98, 91, 246, .14), transparent 28em),
        linear-gradient(135deg, #fbfbff 0%, #f4f5ff 58%, #f9faff 100%);
}

.parus-home__hero-grid {
    align-items: center;
}

.parus-home__hero-content {
    position: relative;
    z-index: 1;
    padding: 1.5em 0;
}

.parus-home__badge {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    padding: .55em .85em;
    border: .0625em solid rgba(98, 91, 246, .16);
    border-radius: 2em;
    background: rgba(255, 255, 255, .78);
    color: var(--home-primary-dark);
    font-size: .86em;
    font-weight: 700;
}

.parus-home__badge i {
    font-size: 1.15em;
}

.parus-home__title {
    max-width: 10em;
    margin: .45em 0 .28em;
    font-size: 4.25em;
    font-weight: 750;
    line-height: .99;
    letter-spacing: -.055em;
}

.parus-home__title span {
    display: block;
    color: var(--home-primary);
}

.parus-home__lead {
    max-width: 35em;
    margin: 1.25em 0 0;
    color: #444b60;
    font-size: 1.2em;
    line-height: 1.55;
}

.parus-home__sublead {
    max-width: 35em;
    margin: .9em 0 0;
    color: var(--home-muted);
    line-height: 1.6;
}

.parus-home__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75em;
    margin-top: 1.8em;
}

.parus-home__button {
    display: inline-flex;
    min-height: 3.15em;
    align-items: center;
    justify-content: center;
    gap: .55em;
    padding: .8em 1.25em;
    border: .0625em solid var(--home-border);
    border-radius: .8em;
    background: #fff;
    color: var(--home-ink);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: border-color .2s, background-color .2s, color .2s, box-shadow .2s;
}

.parus-home__button:hover {
    border-color: rgba(98, 91, 246, .45);
    box-shadow: 0 .65em 1.6em rgba(31, 38, 86, .1);
}

.parus-home__button i {
    font-size: 1.15em;
}

.parus-home__button--primary {
    border-color: var(--home-primary);
    background: var(--home-primary);
    color: #fff;
    box-shadow: 0 .7em 1.7em rgba(98, 91, 246, .22);
}

.parus-home__button--primary:hover {
    border-color: var(--home-primary-dark);
    background: var(--home-primary-dark);
    color: #fff;
}

.parus-home__features {
    display: flex;
    flex-wrap: wrap;
    gap: .75em 1.35em;
    margin: 1.8em 0 0;
    padding: 0;
    color: var(--home-muted);
    font-size: .9em;
    list-style: none;
}

.parus-home__features li {
    display: inline-flex;
    align-items: center;
    gap: .35em;
}

.parus-home__features i {
    color: #159466;
    font-size: 1.2em;
}

.parus-home__ai-demo {
    position: relative;
    padding: 1.2em 0 0 1em;
}

.parus-home__ai-window {
    overflow: hidden;
    padding: 1.15em;
    border: .0625em solid rgba(255, 255, 255, .8);
    border-radius: 1.4em;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 1.5em 4em rgba(38, 42, 89, .14);
}

.parus-home__ai-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75em;
    padding: .25em .25em 1em;
    border-bottom: .0625em solid var(--home-border);
}

.parus-home__ai-status {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    font-weight: 750;
}

.parus-home__ai-status span {
    width: .6em;
    height: .6em;
    border-radius: 50%;
    background: #20bd82;
    box-shadow: 0 0 0 .25em rgba(32, 189, 130, .12);
}

.parus-home__ai-caption {
    color: #858b9a;
    font-size: .78em;
}

.parus-home__ai-dialog {
    display: flex;
    min-height: 19em;
    flex-direction: column;
    gap: 1em;
    padding: 1.2em .25em;
}

.parus-home__ai-message {
    max-width: 90%;
    padding: .9em 1em;
    border-radius: 1em;
    font-size: .9em;
    line-height: 1.5;
}

.parus-home__ai-message--user {
    align-self: flex-end;
    border-bottom-right-radius: .25em;
    background: #f0efff;
    color: #37345f;
}

.parus-home__ai-message--assistant {
    align-self: flex-start;
    width: 100%;
    border: .0625em solid var(--home-border);
    border-bottom-left-radius: .25em;
    background: #fff;
}

.parus-home__ai-thinking {
    display: flex;
    align-items: center;
    gap: .5em;
    margin-bottom: .75em;
    color: var(--home-primary-dark);
    font-weight: 700;
}

.parus-home__ai-thinking i {
    font-size: 1.2em;
}

.parus-home__ai-progress {
    display: grid;
    gap: .55em;
    margin: 0;
    padding: 0;
    color: #626a7e;
    font-size: .88em;
    list-style: none;
}

.parus-home__ai-progress-item {
    display: flex;
    align-items: center;
    gap: .5em;
}

.parus-home__ai-progress-item i {
    color: #8b91a0;
    font-size: 1.1em;
}

.parus-home__ai-progress-item--ready i {
    color: #159466;
}

.parus-home__ai-prompt {
    display: flex;
    min-height: 3em;
    align-items: center;
    justify-content: space-between;
    gap: .75em;
    padding: .45em .5em .45em 1em;
    border: .0625em solid var(--home-border);
    border-radius: .8em;
    background: #fff;
    color: #858b9a;
    font-size: .86em;
    text-decoration: none;
    transition: border-color .2s, color .2s;
}

.parus-home__ai-prompt:hover {
    border-color: rgba(98, 91, 246, .45);
    color: var(--home-primary-dark);
}

.parus-home__ai-send {
    display: grid;
    width: 2.2em;
    height: 2.2em;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .6em;
    background: var(--home-primary);
    color: #fff;
    font-size: 1.1em;
}

.parus-home__ai-note {
    margin: .8em 0 0;
    color: #7d8392;
    font-size: .82em;
    text-align: center;
}

.parus-home__section {
    padding: 5.7em 0;
}

.parus-home__section--capabilities {
    background: #f7f8fc;
}

.parus-home__section-head {
    max-width: 43em;
    margin: 0 auto 2.5em;
    text-align: center;
}

.parus-home__eyebrow {
    display: inline-block;
    color: var(--home-primary-dark);
    font-size: .8em;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.parus-home__section-head h2 {
    margin: .45em 0 .4em;
    font-size: 2.65em;
    line-height: 1.1;
    letter-spacing: -.04em;
}

.parus-home__section-head p {
    margin: 0;
    color: var(--home-muted);
    font-size: 1.05em;
    line-height: 1.6;
}

.parus-home__steps {
    align-items: stretch;
}

.parus-home__step {
    position: relative;
    height: 100%;
    min-height: 15em;
    padding: 1.7em;
    border: .0625em solid var(--home-border);
    border-radius: 1.1em;
    background: var(--home-surface);
}

.parus-home__step-number {
    position: absolute;
    top: .7em;
    right: .8em;
    color: #e9eaf1;
    font-size: 2.3em;
    font-weight: 800;
}

.parus-home__step-icon,
.parus-home__capability-icon,
.parus-home__way-icon {
    display: flex;
    width: 3.2em;
    height: 3.2em;
    align-items: center;
    justify-content: center;
    border-radius: .9em;
    background: rgba(98, 91, 246, .09);
    color: var(--home-primary);
    font-size: 1.1em;
}

.parus-home__step-icon i,
.parus-home__capability-icon i,
.parus-home__way-icon i {
    font-size: 1.5em;
}

.parus-home__step h3 {
    margin: 1.2em 0 .5em;
    font-size: 1.25em;
}

.parus-home__step p {
    margin: 0;
    color: var(--home-muted);
    line-height: 1.65;
}

.parus-home__capabilities {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1em;
}

.parus-home__capability {
    position: relative;
    min-height: 15em;
    overflow: hidden;
    padding: 1.8em;
    border: .0625em solid var(--home-border);
    border-radius: 1.1em;
    background: #fff;
}

.parus-home__capability h3 {
    margin: 1em 0 .45em;
    font-size: 1.25em;
}

.parus-home__capability p {
    max-width: 27em;
    margin: 0;
    color: var(--home-muted);
    line-height: 1.6;
}

.parus-home__capability--large {
    grid-column: span 2;
}

.parus-home__capability--marketplace {
    background: radial-gradient(circle at 100% 0, rgba(98, 91, 246, .1), transparent 14em), #fff;
}

.parus-home__capability a,
.parus-home__way-link {
    display: inline-flex;
    align-items: center;
    gap: .35em;
    margin-top: 1.2em;
    color: var(--home-primary-dark);
    font-weight: 700;
    text-decoration: none;
}

.parus-home__capability a:hover,
.parus-home__way-link:hover {
    text-decoration: underline;
    text-underline-offset: .2em;
}

.parus-home__mock-page {
    position: absolute;
    right: 1.7em;
    bottom: -1.7em;
    width: 36%;
    padding: .9em;
    border: .0625em solid var(--home-border);
    border-radius: .9em .9em 0 0;
    background: #f8f9fc;
    box-shadow: 0 .8em 2.4em rgba(16, 24, 40, .08);
}

.parus-home__mock-page span {
    display: block;
    height: .55em;
    margin-bottom: .55em;
    border-radius: 1em;
    background: #e4e7ee;
}

.parus-home__mock-page span:first-child {
    width: 60%;
    height: 1.15em;
    background: rgba(98, 91, 246, .2);
}

.parus-home__mock-page span:nth-child(2) {
    width: 90%;
}

.parus-home__mock-page span:nth-child(3) {
    width: 74%;
}

.parus-home__ownership {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 4em;
    padding: 3.7em;
    border-radius: 1.7em;
    background: #111528;
    color: #fff;
}

.parus-home__ownership .parus-home__eyebrow {
    color: #c0bdff;
}

.parus-home__ownership-content h2 {
    margin: .55em 0 .5em;
    font-size: 3.6em;
    line-height: 1;
    letter-spacing: -.05em;
}

.parus-home__ownership-content p {
    max-width: 34em;
    margin: 0;
    color: #c1c6d4;
    line-height: 1.7;
}

.parus-home__ownership-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    margin-top: 1.4em;
}

.parus-home__ownership-tags span {
    padding: .5em .75em;
    border: .0625em solid rgba(255, 255, 255, .14);
    border-radius: 2em;
    color: #d0d5dd;
    font-size: .8em;
}

.parus-home__install {
    padding: 1.5em;
    border: .0625em solid rgba(255, 255, 255, .12);
    border-radius: 1.2em;
    background: rgba(255, 255, 255, .06);
}

.parus-home__install-head {
    display: flex;
    align-items: center;
    gap: .6em;
    padding-bottom: 1.1em;
    font-weight: 700;
}

.parus-home__install-head i {
    color: #c0bdff;
    font-size: 1.3em;
}

.parus-home__install-step {
    display: flex;
    align-items: center;
    gap: .85em;
    padding: .9em 0;
    border-top: .0625em solid rgba(255, 255, 255, .1);
}

.parus-home__install-step > span {
    display: flex;
    width: 2em;
    height: 2em;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
}

.parus-home__install-step div {
    min-width: 0;
    flex: 1;
}

.parus-home__install-step strong,
.parus-home__install-step small {
    display: block;
}

.parus-home__install-step small {
    margin-top: .2em;
    color: #a5adbd;
    line-height: 1.45;
}

.parus-home__install-step > i {
    flex: 0 0 auto;
    color: #32d583;
}

.parus-home__ways {
    align-items: stretch;
}

.parus-home__way {
    display: flex;
    height: 100%;
    min-height: 22em;
    flex-direction: column;
    align-items: flex-start;
    padding: 2em;
    border: .0625em solid var(--home-border);
    border-radius: 1.2em;
    background: #fff;
}

.parus-home__way--cloud {
    background: radial-gradient(circle at 100% 0, rgba(98, 91, 246, .12), transparent 17em), #fff;
}

.parus-home__way-label {
    margin-top: 1.35em;
    color: var(--home-primary-dark);
    font-size: .78em;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.parus-home__way h3 {
    margin: .4em 0;
    font-size: 1.65em;
}

.parus-home__way p {
    max-width: 32em;
    margin: 0;
    color: var(--home-muted);
    line-height: 1.65;
}

.parus-home__way .parus-home__button,
.parus-home__way-link {
    margin-top: auto;
}

.parus-home__way-link {
    padding: .8em 0;
}

.parus-home__cta {
    padding: 5.2em 0;
    background: var(--home-primary);
    color: #fff;
    text-align: center;
}

.parus-home__cta-content {
    max-width: 50em;
    margin: 0 auto;
}

.parus-home__cta-icon {
    display: flex;
    width: 3em;
    height: 3em;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: .0625em solid rgba(255, 255, 255, .28);
    border-radius: 1em;
    background: rgba(255, 255, 255, .12);
    font-size: 1.35em;
}

.parus-home__cta-content h2 {
    margin: .55em 0 .3em;
    font-size: 3.6em;
    line-height: 1.05;
    letter-spacing: -.05em;
}

.parus-home__cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 1.1em;
    line-height: 1.6;
}

.parus-home__actions--center {
    justify-content: center;
}

.parus-home__button--white {
    border-color: #fff;
    background: #fff;
    color: var(--home-primary-dark);
}

.parus-home__button--white:hover {
    background: #f5f4ff;
    color: var(--home-primary-dark);
}

.parus-home__button--ghost {
    border-color: rgba(255, 255, 255, .4);
    background: transparent;
    color: #fff;
}

.parus-home__button--ghost:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

@media (max-width: 64em) {
    .parus-home__hero {
        padding: 4.5em 0 5em;
    }

    .parus-home__title {
        font-size: 3.25em;
    }

    .parus-home__ai-demo {
        padding-left: 0;
    }

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

    .parus-home__ownership {
        gap: 2.5em;
        padding: 2.8em;
    }
}

@media (max-width: 48em) {
    .parus-home__container {
        width: min(42em, calc(100% - 2em));
    }

    .parus-home__hero {
        padding: 3em 0 4em;
    }

    .parus-home__hero-grid {
        row-gap: 1em;
    }

    .parus-home__hero-content {
        padding: .5em 0 1em;
    }

    .parus-home__title {
        max-width: 12em;
        font-size: 3.6em;
    }

    .parus-home__ai-demo {
        max-width: 32em;
        margin: 0 auto;
    }

    .parus-home__section {
        padding: 4.2em 0;
    }

    .parus-home__section-head h2 {
        font-size: 2.3em;
    }

    .parus-home__capabilities {
        grid-template-columns: 1fr 1fr;
    }

    .parus-home__capability--large {
        grid-column: span 2;
    }

    .parus-home__ownership {
        grid-template-columns: 1fr;
        gap: 2em;
        padding: 2.5em;
    }

    .parus-home__ownership-content h2 {
        font-size: 3.2em;
    }

    .parus-home__way {
        min-height: 20em;
    }

    .parus-home__cta {
        padding: 4.2em 0;
    }

    .parus-home__cta-content h2 {
        font-size: 3em;
    }
}

@media (max-width: 38em) {
    .parus-home__container {
        width: calc(100% - 1.5em);
    }

    .parus-home__title {
        font-size: 2.8em;
    }

    .parus-home__lead {
        font-size: 1.08em;
    }

    .parus-home__actions:not(.parus-home__actions--center) {
        align-items: stretch;
        flex-direction: column;
    }

    .parus-home__actions:not(.parus-home__actions--center) .parus-home__button {
        width: 100%;
    }

    .parus-home__actions--center {
        align-items: stretch;
        flex-direction: column;
    }

    .parus-home__features {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .7em;
    }

    .parus-home__ai-window {
        padding: .9em;
    }

    .parus-home__ai-dialog {
        min-height: 18em;
    }

    .parus-home__section-head {
        margin-bottom: 1.8em;
    }

    .parus-home__section-head h2 {
        font-size: 2em;
    }

    .parus-home__capabilities {
        grid-template-columns: 1fr;
    }

    .parus-home__capability--large {
        grid-column: auto;
    }

    .parus-home__mock-page {
        display: none;
    }

    .parus-home__ownership {
        gap: 1.5em;
        padding: 2em 1.25em;
        border-radius: 1.2em;
    }

    .parus-home__ownership-content h2 {
        font-size: 2.7em;
    }

    .parus-home__install {
        padding: 1.1em;
    }

    .parus-home__install-step {
        gap: .65em;
    }

    .parus-home__install-step small {
        font-size: .78em;
    }

    .parus-home__way {
        min-height: auto;
        padding: 1.5em;
    }

    .parus-home__way .parus-home__button,
    .parus-home__way-link {
        margin-top: 1.4em;
    }

    .parus-home__cta-content h2 {
        font-size: 2.45em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .parus-home__button,
    .parus-home__ai-prompt {
        transition: none;
    }
}