.home-hero-product-shot .home-hero-app-shell { height: 450px; }
.home-hero-product-shot .home-hero-main-panel {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    background: #f4f6fa;
}
.home-preview-content {
    width: 660px;
    max-width: none;
    padding: 18px 17px 24px;
    box-sizing: border-box;
}
.home-preview-card {
    width: 635px;
    box-sizing: border-box;
    padding: 18px 20px 12px;
    border: 1px solid #e6eaf0;
    border-radius: 13px;
    color: #071325;
    background: #fff;
}
.home-preview-card + .home-preview-card { margin-top: 16px; }
.home-preview-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.home-preview-card-head > strong, .home-preview-activity-heading { font-size: 15px; font-weight: 700; }
.home-preview-add { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; padding: 0 12px; color: #fff; background: #0c1018; border-radius: 9px; font-size: 12px; font-weight: 700; }
.home-preview-add > span { font-size: 18px; font-weight: 400; }
.home-preview-domain-row { display: grid; grid-template-columns: 34px 174px 99px 92px 26px; column-gap: 13px; align-items: center; min-height: 62px; border-bottom: 1px solid #e8edf4; }
.home-preview-domain-row:last-child { border-bottom: 0; }
.home-hero-product-shot .home-hero-side-logo-img,
.home-hero-product-shot .home-hero-side-nav-icon,
.home-hero-product-shot .home-hero-side-nav-icon svg,
.home-hero-product-shot .home-preview-health,
.home-hero-product-shot .home-preview-health img,
.home-hero-product-shot .home-preview-activity-icon,
.home-hero-product-shot .home-preview-activity-icon svg,
.home-hero-product-shot .home-preview-row-arrow {
    user-select: none;
    -webkit-user-select: none;
}
.home-preview-health { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; }
.home-preview-health-critical { background: #fa4248; }
.home-preview-health-good { background: #21c566; }
.home-preview-health img { width: 19px; height: 19px; object-fit: contain; filter: brightness(0) invert(1); }
.home-preview-domain-name { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.home-preview-domain-name strong { font-size: 12px; line-height: 1.25; }
.home-preview-domain-name small { color: #7b889d; font-size: 11px; }
.home-preview-status { width: fit-content; padding: 6px 10px; border-radius: 5px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.home-preview-status-critical { color: #dc292f; background: #fdebed; }
.home-preview-status-good { color: #07994d; background: #e5f7ec; }
.home-preview-count { color: #8290a5; font-size: 11px; white-space: nowrap; }
.home-preview-row-arrow { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #e9edf3; border-radius: 8px; color: #8b98aa; font-size: 22px; line-height: 1; }
.home-preview-activity { padding: 20px; }
.home-preview-activity-heading { display: block; margin-bottom: 14px; }
.home-preview-activity-row { display: flex; align-items: center; gap: 11px; min-height: 56px; border-bottom: 1px solid #e8edf4; }
.home-preview-activity-icon { display: grid; flex: 0 0 32px; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #5b83ff; background: #eef1ff; }
.home-preview-activity-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.home-preview-activity-text { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 2px; }
.home-preview-activity-text strong { font-size: 11.5px; font-weight: 650; }
.home-preview-activity-text small, .home-preview-activity-time { color: #7c8ba2; font-size: 11px; }
.home-preview-activity-time { white-space: nowrap; }
@media (min-width: 1181px) {
    .home-hero-product-shot .home-hero-app-shell { height: 450px; min-height: 450px; }
}

.home-hero-title {
    max-width: 640px;
    margin: 24px 0 20px;
    font-size: clamp(38px, 3.6vw, 54px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.home-hero-gradient-text {
	display: block;
    padding-bottom: 0.1em;
    margin-bottom: -0.1em;
    color: var(--blue);
    background: linear-gradient(90deg, var(--blue), #1787ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-hero-title-lead {
    display: block;
}

.home-hero-copy {
    max-width: 650px;
    margin-bottom: 32px;
    color: #46546a;
    font-size: clamp(16px, 1.1vw, 18px);
    line-height: 1.65;
}

.home-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.home-hero-grid {
    position: relative;
    z-index: 2;
}

.home-hero {
    background-color: #fff;
    background-image:
        linear-gradient(to bottom, rgba(255,255,255,0) 78%, rgba(255,255,255,.12) 84%, rgba(255,255,255,.65) 94%, #fff 100%),
        url('/assets/images/home-hero-waves.svg');
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.home-hero::after,
.home-hero-ambient {
    display: none;
}

@media (max-width: 1180px) {
    .home-hero {
        background-image: url('/assets/images/home-hero-waves-mobile.svg');
        background-position: center bottom;
        background-size: cover;
    }
}

@media (max-width: 760px) {
    .home-hero {
        padding-top: 36px;
        background-image:
            linear-gradient(to bottom, rgba(255,255,255,0) 78%, rgba(255,255,255,.18) 86%, rgba(255,255,255,.72) 94%, #fff 100%),
            url('/assets/images/home-hero-waves-mobile.svg');
        background-position: center bottom, center bottom;
        background-size: 100% 100%, cover;
        background-repeat: no-repeat;
    }

    .home-hero-title {
        margin-top: 20px;
    }

    .home-hero-copy {
        margin-bottom: 26px;
    }

    .home-hero-actions {
        margin-bottom: 30px;
    }

    .home-hero-trust-points {
        gap: 13px;
    }
}

@media (min-width: 1181px) {
    .home-hero-product-shot {
        min-height: 450px;
    }

    .home-hero-product-shot .home-hero-app-shell {
        height: 450px;
        min-height: 450px;
        overflow: hidden;
    }

    .home-hero-product-shot .home-hero-sidebar,
    .home-hero-product-shot .home-hero-main-panel {
        min-height: 450px;
    }
}

@media (max-width: 1180px) {
    .home-hero-product-shot {
        display: none;
    }

    .home-hero-grid {
        gap: 0;
    }
}

.home-hero-ambient {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.home-hero-ambient-grid {
    position: absolute;
    inset: 2% -4% 0 0;
    opacity: 0.62;
    background-image:
        linear-gradient(rgba(49, 119, 219, 0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(49, 119, 219, 0.16) 1px, transparent 1px);
    background-size: 54px 54px;
    -webkit-mask-image:
        linear-gradient(112deg, transparent 0%, transparent 27%, rgba(0, 0, 0, 0.08) 34%, rgba(0, 0, 0, 0.42) 46%, #000 65%, #000 86%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 10%, #000 84%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
        linear-gradient(112deg, transparent 0%, transparent 27%, rgba(0, 0, 0, 0.08) 34%, rgba(0, 0, 0, 0.42) 46%, #000 65%, #000 86%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 10%, #000 84%, transparent 100%);
    mask-composite: intersect;
}

.home-hero-ambient-glow {
    position: absolute;
    display: block;
    border-radius: 50%;
}

.home-hero-ambient-glow-primary {
    width: 720px;
    height: 720px;
    top: -330px;
    right: -140px;
    background: radial-gradient(
        circle,
        rgba(23, 135, 255, 0.16) 0%,
        rgba(23, 135, 255, 0.075) 38%,
        transparent 70%
    );
}

.home-hero-ambient-glow-secondary {
    width: 560px;
    height: 560px;
    right: 28%;
    bottom: -390px;
    background: radial-gradient(
        circle,
        rgba(7, 93, 245, 0.11) 0%,
        rgba(64, 156, 255, 0.055) 42%,
        transparent 72%
    );
}

@media (max-width: 760px) {
    .home-hero-ambient-grid {
        inset: 7% -55% 0 18%;
        opacity: 0.38;
        background-size: 46px 46px;
        -webkit-mask-image:
            linear-gradient(108deg, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.24) 38%, #000 65%, transparent 100%),
            linear-gradient(to bottom, transparent 0%, #000 12%, #000 82%, transparent 100%);
        mask-image:
            linear-gradient(108deg, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.24) 38%, #000 65%, transparent 100%),
            linear-gradient(to bottom, transparent 0%, #000 12%, #000 82%, transparent 100%);
    }

    .home-hero-ambient-glow-primary {
        width: 480px;
        height: 480px;
        top: -230px;
        right: -260px;
        opacity: 0.7;
    }

    .home-hero-ambient-glow-secondary {
        display: none;
    }
}

.home-hero-copy-break {
    display: none;
}

@media (min-width: 1200px) {
    .home-hero-copy-break {
        display: inline;
    }
}

.home-hero-actions .btn {
    min-height: 58px;
    padding-inline: 32px;
    font-size: 16px;
    font-weight: 700;
}

.home-hero-actions .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.home-hero-actions .cta-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    user-select: none;
    -webkit-user-select: none;
}

.home-hero-actions .cta-arrow svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-section {
    padding: 64px 0;
}

#resources {
    padding-bottom: 50px;
}

.home-problems-section {
    padding-top: 44px;
}

.home-soft {
    background: #f6f9ff;
}

.home-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.home-heading .section-eyebrow {
    margin-bottom: 12px;
}

.home-workflow .section-eyebrow {
    color: #78adff;
}

.home-heading h2, .home-split-copy h2 {
    margin-bottom: 17px;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.14;
    letter-spacing: -.04em;
}

.home-heading p:not(.section-eyebrow), .home-split-copy>p:not(.section-eyebrow) {
    margin-bottom: 0;
    color: #566275;
    font-size: 17px;
    line-height: 1.7;
}

.home-problems {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.home-problems-result {
    width: 68%;
    max-width: 860px;
    min-height: 60px;
    margin: 30px auto 0;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border: 1px solid #dcefe4;
    border-radius: 12px;
    color: #4b6256;
    background: #f8fcf9;
    box-shadow: 0 8px 22px rgba(22, 135, 78, .03);
    font-size: 15.5px;
    line-height: 1.55;
    text-align: left;
}

.home-problems-result-icon {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 50%;
    color: #159a55;
    background: #e8f8ef;
}

.home-problems-result-icon svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-problems-result strong {
    color: #365346;
    font-weight: 600;
}

.home-problems-section.can-animate .home-problems-result {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(.985);
    transition:
        opacity 460ms cubic-bezier(.22, .72, .24, 1),
        transform 520ms cubic-bezier(.22, .72, .24, 1);
    will-change: opacity, transform;
}

.home-problems-section.can-animate .home-problems-result.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.home-card {
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(10, 35, 80, .055);
}

.home-card h3 {
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.025em;
}

.home-problems .home-card {
    position: relative;
    overflow: hidden;
}

.home-problems .home-card.problem-red {
    border-color: #f1dce0;
    background: linear-gradient(180deg, #fffafb 0%, #fff8f9 100%);
}

.home-problems .home-card.problem-orange {
    border-color: #eee1c6;
    background: linear-gradient(180deg, #fffdf8 0%, #fffbf4 100%);
}

.home-problems .home-card.problem-blue {
    border-color: #dbe6f6;
    background: linear-gradient(180deg, #fbfdff 0%, #f7faff 100%);
}

.home-problem-head {
    position: relative;
    min-height: 70px;
    margin-bottom: 20px;
    padding-right: 62px;
}

.home-problem-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
}

.home-problem-icon svg {
    width: 21px;
    height: 21px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-problem-icon-red {
    color: #e23b4f;
    background: #ffecef;
}

.home-problem-icon-orange {
    color: #d97706;
    background: #fff0d5;
}

.home-problem-icon-blue {
    color: #075df5;
    background: #e8f1ff;
}

.home-problem-copy {
    min-width: 0;
    padding-top: 1px;
}

.home-problem-copy h3 {
    margin-bottom: 6px;
}

.home-problem-copy p {
    margin: 0;
    color: #566275;
    font-size: 14.5px;
    line-height: 1.55;
}

.home-card>p {
    min-height: 30px;
    margin-bottom: 20px;
    color: #566275;
    font-size: 14.5px;
    line-height: 1.55;
}

.home-status {
    border: 1px solid #dfe6f0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    font-size: 13.5px;
}

.home-status-row {
    display: grid;
    grid-template-columns: minmax(88px, .9fr) minmax(124px, 1.35fr);
    align-items: center;
    min-height: 46px;
    padding: 14px 13px;
    border-top: 1px solid #e9eef5;
}

.home-status-row:first-child {
    border: 0;
}

.home-status-row span {
    color: #778398;
}

.home-status-row b {
    color: #152238;
    font-size: 13.5px;
    font-weight: 700;
}

.home-status-primary {
    min-height: 50px;
}

.home-status-badge {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    min-height: 27px;
    padding: 4px 9px;
    border-radius: 4px;
    white-space: nowrap;
}

.home-status-change {
    grid-template-columns: minmax(88px, .9fr) minmax(124px, 1.35fr);
}

.home-status-change-from {
    grid-column: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
}

.home-status-change .home-green {
    justify-self: start;
}

.home-status-change .home-status-arrow {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    justify-self: center;
    color: #8491a5;
    pointer-events: none;
}

.home-status-change .home-status-arrow svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-status-change .home-blue {
    grid-column: 2;
    justify-self: start;
}

.home-status-row b.home-red {
    color: #e23b4f;
    background: #fff0f2;
}

.home-status-row b.home-orange {
    color: #d97706;
    background: #fff4df;
}

.home-status-row b.home-green {
    color: #16a45b;
    background: #ecfaf2;
}

.home-status-row b.home-blue {
    color: #075df5;
    background: #edf4ff;
}

.home-proof {
    position: relative;
    padding: 58px 0;
    color: #fff;
    background: #051d40;
    overflow: hidden;
}

.home-proof:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(55, 126, 235, .33) 1px, transparent 1px);
    background-size: 14px 14px;
    mask-image: linear-gradient(90deg, #000, transparent 27%, transparent 73%, #000);
    pointer-events: none;
}

.home-proof h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 31px;
    text-align: center;
    font-size: 25px;
}

.home-proof-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.home-proof-item {
    text-align: center;
}

.home-proof-item+.home-proof-item {
    border-left: 1px solid rgba(255, 255, 255, .27);
}

.home-proof-item strong {
    display: block;
    font-size: 43px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.045em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.home-proof.can-animate .home-proof-item strong {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
}

.home-proof.can-animate.is-counting .home-proof-item strong {
    animation: home-proof-number-in 420ms cubic-bezier(.22, .72, .24, 1) forwards;
}

.home-proof.can-animate.is-counting .home-proof-item:nth-child(1) strong {
    animation-delay: 0ms;
}

.home-proof.can-animate.is-counting .home-proof-item:nth-child(2) strong {
    animation-delay: 80ms;
}

.home-proof.can-animate.is-counting .home-proof-item:nth-child(3) strong {
    animation-delay: 160ms;
}

@keyframes home-proof-number-in {
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.home-proof-item .home-proof-accessible-number {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.home-proof-item span {
    display: block;
    margin-top: 10px;
    color: #dce8f8;
    font-size: 14px;
    font-weight: 650;
}

.home-proof-note {
    position: relative;
    z-index: 1;
    margin: 18px 0 0;
    text-align: center;
    color: #849bb9;
    font-size: 10px;
}

.home-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.home-steps-connector {
    display: none;
}

.home-step {
    position: relative;
    z-index: 1;
    text-align: center;
}

.home-step-number {
    position: relative;
    z-index: 2;
    width: 52px;
    height: 52px;
    margin: 0 auto 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--blue);
    font-size: 16px;
    font-weight: 800;
	user-select: none;
}

@media (min-width: 761px) {
    .home-steps-connector {
        position: absolute;
        z-index: 0;
        top: -26px;
        left: 0;
        display: block;
        width: 100%;
        height: 104px;
        overflow: visible;
        pointer-events: none;
    }

    .home-steps-connector path {
        fill: none;
        stroke: rgba(7, 93, 245, 0.42);
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-dasharray: 1 8;
    }
}

.home-step h3 {
    margin-bottom: 9px;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.025em;
}

.home-step>p {
    max-width: 340px;
    min-height: 48px;
    margin: 0 auto 24px;
    color: #566275;
    font-size: 15.5px;
    line-height: 1.55;
}

.home-step-ui {
    height: 224px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid var(--line);
    border-radius: 14px;
    color: #152238;
    background: #fff;
    box-shadow: 0 10px 30px rgba(10, 35, 80, .055);
    text-align: left;
}

.home-step-ui b {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.home-fake-input {
    display: flex;
    align-items: center;
    height: 46px;
    margin-top: 9px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #dfe5ee;
    border-radius: 6px;
    color: #79859a;
    font-size: 13.5px;
}

.home-fake-button {
    padding: 9px 12px;
    margin-top: 9px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #fff;
    background: #111;
    font-size: 13.5px;
    font-weight: 650;
    user-select: none;
}

.home-success {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-success-icon {
    position: relative;
    width: 56px;
    height: 56px;
    margin: 3px auto 14px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--green);
}

.home-success-icon img {
    display: block;
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
    pointer-events: none;
    user-select: none;
}

.home-success.can-animate .home-success-icon {
    opacity: 0;
    transform: scale(.75);
}

.home-success.can-animate .home-success-icon img {
    opacity: 0;
    transform: scale(.55);
}

.home-success.can-animate.is-visible .home-success-icon {
    animation: home-success-pop 480ms cubic-bezier(.22, .8, .32, 1.25) forwards;
}

.home-success.can-animate.is-visible .home-success-icon img {
    animation: home-success-check 300ms ease-out 180ms forwards;
}

.home-success.can-animate.is-visible .home-success-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid rgba(32, 183, 111, .32);
    border-radius: 50%;
    animation: home-success-ring 620ms ease-out 100ms forwards;
    pointer-events: none;
}

@keyframes home-success-pop {
    0% {
        opacity: 0;
        transform: scale(.75);
    }

    70% {
        opacity: 1;
        transform: scale(1.07);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes home-success-check {
    0% {
        opacity: 0;
        transform: scale(.55);
    }

    70% {
        opacity: 1;
        transform: scale(1.12);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes home-success-ring {
    0% {
        opacity: .7;
        transform: scale(.9);
    }

    100% {
        opacity: 0;
        transform: scale(1.55);
    }
}

.home-success b {
    font-size: 16px;
}

.home-success p {
    margin-top: 6px;
    color: #566275;
    font-size: 14.5px;
    line-height: 1.5;
}

.home-split {
    display: grid;
    grid-template-columns: .76fr 1.24fr;
    gap: 58px;
    align-items: center;
}

.home-feature-list {
    display: grid;
    gap: 19px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.home-feature {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.home-feature-content {
    min-width: 0;
}

.home-feature-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--blue);
    background: #edf4ff;
    pointer-events: none;
    user-select: none;
}

.home-feature-icon svg {
    width: 22px;
    height: 22px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.home-feature-icon svg.home-feature-icon-server {
    width: 19px;
    height: 19px;
}

.home-feature h3 {
    margin: 0;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.015em;
}

.home-feature p {
    margin: 3px 0 0;
    color: #566275;
    font-size: 14px;
    line-height: 1.5;
}

.home-detail-preview {
    position: relative;
    min-width: 0;
    padding: 14px;
    border: 1px solid #b8d2ff;
    border-radius: 14px;
    background: #f4f6fa;
    box-shadow: 0 16px 45px rgba(20, 54, 105, .07);
}

.home-detail-example-badge {
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    background: var(--blue);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
    pointer-events: auto;
    user-select: text;
    -webkit-user-select: text;
}

.home-detail-summary, .home-detail-card {
    min-width: 0;
    border: 1px solid #e4e9f0;
    border-radius: 12px;
    background: #fff;
}

.home-detail-summary { padding: 18px 20px; }
.home-detail-summary-head { display: flex; gap: 12px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #e9edf3; }
.home-detail-state-icon { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: #fff; background: #ffa300; }
.home-detail-state-icon svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.home-detail-state-icon, .home-detail-state-icon svg { user-select: none; -webkit-user-select: none; }
.home-detail-summary-head strong { display: block; font-size: 15px; line-height: 1.35; }
.home-detail-summary-head small { display: block; margin-top: 3px; color: #697b94; font-size: 12px; }
.home-detail-route { display: grid; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr); gap: 10px; align-items: center; margin-top: 14px; }
.home-detail-route-item { min-width: 0; }
.home-detail-route-label { display: block; margin-bottom: 5px; color: #64748b; font-size: 10px; font-weight: 750; letter-spacing: .045em; text-transform: uppercase; }
.home-detail-route-url { display: block; overflow: hidden; color: #152238; font-size: 12.5px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.home-detail-route-item:last-child { text-align: right; }
.home-detail-route-arrow { display: grid; place-items: center; width: 24px; height: 24px; color: #64748b; user-select: none; -webkit-user-select: none; pointer-events: none; }
.home-detail-route-arrow svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.home-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.home-detail-card { padding: 18px 17px 12px; }
.home-detail-card-title { display: block; color: #071325; font-size: 14.5px; font-weight: 750; line-height: 1.3; }
.home-detail-card-subtitle { margin: 4px 0 13px; color: #72819a; font-size: 12px; line-height: 1.4; }
.home-detail-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; min-width: 0; padding: 11px 0; border-top: 1px solid #e9edf3; font-size: 12.5px; }
.home-detail-row-label { color: #64748b; }
.home-detail-row-value { color: #152238; font-weight: 650; text-align: right; overflow-wrap: anywhere; }
.home-detail-row-value.is-healthy { color: #0b9d53; }
.home-detail-row-value.is-changed { color: #dc2626; }
@media (min-width: 1081px) {
    .home-detail-preview {
        margin-top: 40px;
        padding: 24px 14px;
    }
}
@media (max-width: 760px) {
    .home-detail-preview { padding: 22px 10px 10px; }
    .home-detail-summary { padding: 16px 14px; }
    .home-detail-grid { grid-template-columns: 1fr; gap: 10px; }
    .home-detail-card { padding: 16px 14px 9px; }
    .home-detail-route { gap: 7px; }
    .home-detail-route-url { font-size: 11.5px; }
    .home-detail-row { font-size: 12px; }
}

.home-workflow {
    padding: 80px 0;
    color: #fff;
    background: linear-gradient(125deg, #041b3c, #062957);
}

.home-workflow-grid {
    display: grid;
    grid-template-columns: .78fr 1.7fr;
    grid-template-areas:
        "copy flow"
        "actions flow";
    column-gap: 64px;
    row-gap: 0;
    align-items: center;
}

.home-workflow-copy {
    grid-area: copy;
    align-self: end;
}

.home-workflow-actions {
    grid-area: actions;
    align-self: start;
}

.home-workflow h2 {
    margin-bottom: 18px;
    font-size: clamp(34px, 3vw, 42px);
    line-height: 1.14;
    letter-spacing: -.04em;
}

.home-workflow-copy p {
    margin-bottom: 28px;
    color: #b9c9df;
    font-size: 16px;
    line-height: 1.65;
}

.home-workflow-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding-inline: 24px;
    font-size: 15px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: -.01em;
}

.home-flow {
    grid-area: flow;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
}

.home-flow-card {
    position: relative;
    min-width: 0;
    min-height: 190px;
    padding: 24px;
    border: 1px solid rgba(126, 178, 245, .75);
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, #102e53 0%, #0b2345 58%, #103869 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 14px 30px rgba(0, 9, 27, .16);
}

.home-flow-card:nth-child(1) {
    border-color: rgba(237, 184, 94, .75);
    background: linear-gradient(145deg, #18314a 0%, #0b2445 64%, #153e72 100%);
}

.home-flow-card:nth-child(2) {
    border-color: rgba(71, 146, 255, .85);
    background: linear-gradient(145deg, #103a78 0%, #0b2c64 55%, #123e72 100%);
}

.home-flow-card:nth-child(3) {
    border-color: rgba(77, 184, 177, .75);
    background: linear-gradient(145deg, #103b4d 0%, #0b2a48 54%, #11376d 100%);
}

.home-flow-card:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    width: 24px;
    height: 1.5px;
    background: linear-gradient(90deg, rgba(116, 155, 206, .35), rgba(185, 216, 255, .9));
    transform: translateY(-50%);
    pointer-events: none;
}

.home-flow-card:not(:last-child)::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -25px;
    width: 8px;
    height: 8px;
    border-top: 1.8px solid #bdd9ff;
    border-right: 1.8px solid #bdd9ff;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

.home-flow-icon {
    width: 46px;
    height: 46px;
    margin-bottom: 16px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

.home-flow-icon svg {
    width: 23px;
    height: 23px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.home-flow-icon-warning {
    color: #ffd17b;
    border: 1px solid rgba(255, 180, 55, .55);
    background: linear-gradient(145deg, rgba(210, 139, 35, .38), rgba(165, 103, 20, .16));
    box-shadow: 0 0 15px rgba(255, 173, 46, .16);
}

.home-flow-icon-notification {
    color: #d9eaff;
    border: 1px solid rgba(76, 156, 255, .75);
    background: linear-gradient(145deg, rgba(27, 109, 235, .70), rgba(7, 72, 191, .40));
    box-shadow: 0 0 15px rgba(51, 141, 255, .20);
}

.home-flow-icon-success {
    color: #a5f5d5;
    border: 1px solid rgba(49, 220, 159, .65);
    background: linear-gradient(145deg, rgba(15, 159, 123, .55), rgba(8, 108, 96, .24));
    box-shadow: 0 0 15px rgba(31, 208, 145, .18);
}

.home-flow-card h3 {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.3;
}

.home-flow-card p {
    margin-bottom: 0;
    color: #c0d0e6;
    font-size: 14px;
    line-height: 1.55;
}

.home-audiences {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.home-audience {
    min-width: 0;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 14px;
    text-align: center;
    background: #fff;
    box-shadow: 0 10px 30px rgba(10, 35, 80, .055);
}

.home-audience-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 18px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--blue);
    background: #edf4ff;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

.home-audience-icon svg {
    display: block;
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-audience h3 {
    margin: 0 0 9px;
    font-size: 16.5px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.01em;
}

.home-audience p {
    margin: 0;
    color: #566275;
    font-size: 14.5px;
    line-height: 1.55;
}

.home-currency-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-section#pricing{padding-bottom:48px}
.home-section#pricing .home-heading{margin-bottom:24px}
.home-currency-switch{display:flex;justify-content:center;margin:0 0 43px}
.home-currency-switch-inner{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}
.home-currency-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 26px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:750;line-height:1;color:#667085}
.home-currency-switch a.active{background:var(--blue);color:#fff}
.home-currency-switch a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.home-pricing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin:0 auto}
.home-price.home-card{display:flex;position:relative;min-width:0;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(10,35,80,.055);margin:0;max-width:none;width:auto}
.home-price.home-card.featured{border:2px solid var(--blue);background:#fff;box-shadow:0 12px 28px rgba(7,93,245,.09)}
.home-price-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.home-price-head>div{min-width:0}
.home-price.home-card h3{margin:0;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:normal}
.home-price.home-card .home-plan-desc{min-height:41px;margin:3px 0 0;color:#566275;font-size:14px;line-height:1.45}
.home-recommended{position:absolute;top:-15px;right:16px;z-index:2;min-height:26px;padding:5px 10px;border:0;border-radius:5px;color:#fff;background:var(--blue);font-size:12px;font-weight:700;line-height:16px;white-space:nowrap}
.home-price .home-amount{margin:0;font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.035em}
.home-price .home-amount small{margin-left:3px;color:#667085;font-size:13px;font-weight:500;letter-spacing:0}
.home-plan-list{display:grid;gap:5px;margin:0;padding:0;list-style:none;color:#667085;font-size:14px}
.home-plan-list li{position:relative;padding-left:22px}
.home-plan-list li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--green);font-size:15px;font-weight:800}
.home-price-actions{display:flex;flex-direction:column;gap:20px;margin-top:auto;padding-top:12px}
.home-price .home-price-actions .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 16px;text-align:center;font-size:14px;line-height:1.2}
.home-price .home-price-actions .btn > span{position:relative;top:-1px}
.home-price .home-price-actions .btn-outline:hover{color:#fff;border-color:#277aff;background:#277aff;box-shadow:0 7px 16px rgba(7,93,245,.14)}
.home-plan-buy{display:block;text-align:center;font-size:14px;font-weight:700;color:var(--text);text-decoration:none}
.home-plan-buy:hover{color:var(--blue);text-decoration:underline}
.home-plan-buy:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:3px}
.home-pricing-note{max-width:760px;margin:32px auto 0;padding:0 12px;color:#667085;font-size:12px;line-height:1.55;text-align:center}
.home-pricing-note p{margin:0}
@media(max-width:1180px){.home-pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}}
@media(max-width:760px){.home-section#pricing{padding-bottom:44px}.home-section#pricing .home-heading{margin-bottom:24px}.home-currency-switch{margin-bottom:16px}.home-pricing{grid-template-columns:1fr;gap:18px}.home-price.home-card.featured{margin-top:6px}.home-price.home-card .home-plan-desc{min-height:0}.home-recommended{right:14px}.home-pricing-note{max-width:420px;margin-top:24px;padding:0 8px;font-size:11.5px;line-height:1.5}}

.home-faq {
    max-width: 900px;
    margin: auto;
}

.home-faq details {
    border-bottom: 1px solid var(--line);
}

.home-faq details:first-child {
    border-top: 1px solid var(--line);
}

.home-faq summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    transition: color 180ms ease;
}

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

.home-faq summary::marker {
    content: "";
}

.home-faq summary::after {
    content: "";
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    background:
        linear-gradient(var(--blue), var(--blue)) center / 14px 2px no-repeat,
        linear-gradient(var(--blue), var(--blue)) center / 2px 14px no-repeat;
}

.home-faq details[open] summary::after {
    background: linear-gradient(var(--blue), var(--blue)) center / 14px 2px no-repeat;
}

.home-faq details[open] > summary {
    color: var(--blue);
}

@media (hover: hover) and (pointer: fine) {
    .home-faq summary:hover {
        color: var(--blue);
    }
}

.home-faq summary:focus-visible {
    outline: 2px solid var(--blue);
    outline-offset: 3px;
    border-radius: 4px;
}

.home-answer {
    padding: 0 44px 21px 0;
    color: #566275;
    font-size: 14.5px;
    line-height: 1.65;
}

.home-answer p { margin: 0; }
.home-answer ul { margin: 9px 0 0; padding-left: 21px; }
.home-answer li + li { margin-top: 5px; }
.home-answer strong { color: #344054; font-weight: 700; }

@media (max-width: 760px) {
    .home-answer {
        padding-right: 0;
    }
}

@media(max-width:1080px) {
    .home-split, .home-workflow-grid {
        grid-template-columns: 1fr;
    }

    .home-workflow-grid {
        grid-template-areas:
            "copy"
            "flow"
            "actions";
        row-gap: 42px;
    }

    .home-workflow-copy p:not(.section-eyebrow) {
        margin-bottom: 0;
    }

    .home-split-copy {
        max-width: 760px;
    }

    .home-split {
        gap: 44px;
    }

    .home-audiences {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:760px) {
    .home-section {
        padding: 52px 0;
    }

    .home-proof {
        padding: 48px 0;
    }

    .home-split {
        gap: 56px;
    }

    #resources {
        padding-bottom: 22px;
    }

    .home-heading {
        margin-bottom: 28px;
    }

    .home-problems-section {
        padding-top: 40px;
        padding-bottom: 52px;
    }

    .home-heading p:not(.section-eyebrow), .home-split-copy>p:not(.section-eyebrow) {
        font-size: 15px;
    }

    .home-problems-result {
        width: 100%;
        min-height: 0;
        margin-top: 28px;
        padding: 14px 16px;
        justify-content: flex-start;
        font-size: 14.5px;
    }

    .home-problems, .home-steps, .home-pricing {
        grid-template-columns: 1fr;
    }

    .home-card>p, .home-step>p, .home-plan-desc, .home-plan-list {
        min-height: 0;
    }

    .home-step {
        max-width: 480px;
        width: 100%;
        margin: auto;
    }

	.home-proof .container {
		width: min(100% - 24px, var(--container));
	}

	.home-proof-item {
		padding: 0 2px;
	}

	.home-proof-item span {
		font-size: 10px;
		line-height: 1.3;
		letter-spacing: -0.02em;
		white-space: nowrap;
	}
    .home-proof-item strong {
        font-size: 32px;
    }


    .home-flow {
        grid-template-columns: 1fr;
    }

    .home-flow-card {
        min-height: 0;
    }

    .home-workflow-actions .btn {
        width: 100%;
    }

    .home-flow-card:not(:last-child)::after {
        top: auto;
        right: auto;
        bottom: -29px;
        left: 50%;
        width: 1.5px;
        height: 24px;
        background: linear-gradient(180deg, rgba(116, 155, 206, .35), rgba(185, 216, 255, .9));
        transform: translateX(-50%);
    }

    .home-flow-card:not(:last-child)::before {
        top: auto;
        right: auto;
        bottom: -29px;
        left: 50%;
        border-top: 0;
        border-right: 1.8px solid #bdd9ff;
        border-bottom: 1.8px solid #bdd9ff;
        transform: translateX(-50%) rotate(45deg);
    }

    .home-flow-card {
        padding: 24px;
    }

    .home-flow-icon {
        margin-bottom: 15px;
    }

    .home-workflow-grid {
        gap: 28px;
    }

    .home-workflow {
        padding: 52px 0 40px;
    }

    .home-workflow-copy p {
        margin-bottom: 24px;
        font-size: 15px;
    }

    .home-price {
        max-width: 480px;
        width: 100%;
        margin: auto;
    }

}

@media(max-width:520px) {
	.home-hero-title {
        max-width: none;
        font-size: clamp(32px, 9.4vw, 36px);
        line-height: 1.08;
        letter-spacing: -0.035em;
    }
    .home-heading h2, .home-split-copy h2 {
        font-size: 29px;
    }

    .home-audiences {
        grid-template-columns: 1fr;
    }

    .home-proof-item strong {
        font-size: 26px;
    }

}

@media(prefers-reduced-motion:reduce) {
    .home-problems-section.can-animate .home-problems-result {
        opacity: 1;
        transform: none;
        animation: none;
        transition: none;
    }

    .home-proof.can-animate .home-proof-item strong {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .home-card, .home-audience {
        transition: none;
    }

    .home-success.can-animate .home-success-icon,
    .home-success.can-animate .home-success-icon img {
        opacity: 1;
        transform: none;
        animation: none;
    }

    .home-success.can-animate .home-success-icon::after {
        display: none;
    }

}