:root {
    --mrh-ink: #111425;
    --mrh-muted: #646b7d;
    --mrh-brand: #2857f5;
    --mrh-brand-dark: #173bc7;
    --mrh-blue-soft: #eef3ff;
    --mrh-line: #e1e6f0;
    --mrh-soft: #f5f7fb;
    --mrh-dark: #101426;
    --mrh-mint: #16a77c;
    --mrh-amber: #e6a128;
}

.homepage-body {
    background: #fff;
    color: var(--mrh-ink);
}

.homepage-body [hidden] {
    display: none !important;
}

.homepage-body .site-header {
    border-bottom-color: rgba(222, 227, 239, .84);
}

.mrh-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 72px;
    background:
        radial-gradient(circle at 8% 10%, rgba(63, 108, 255, .13), transparent 27%),
        radial-gradient(circle at 92% 20%, rgba(36, 194, 156, .10), transparent 25%),
        linear-gradient(180deg, #fbfcff 0%, #f5f8ff 56%, #eef3ff 100%);
}

.mrh-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background-image: linear-gradient(rgba(47, 82, 185, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(47, 82, 185, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, #000, transparent 62%);
}

.mrh-hero-intro {
    position: relative;
    z-index: 1;
    max-width: 980px;
    text-align: center;
}

.mrh-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mrh-brand);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .11em;
    line-height: 1.3;
    text-transform: uppercase;
}

.mrh-hero-intro h1 {
    max-width: 930px;
    margin: 16px auto 20px;
    font-size: clamp(48px, 6.7vw, 88px);
    line-height: .98;
    letter-spacing: -.065em;
}

.mrh-hero-intro h1 span {
    color: var(--mrh-brand);
}

.mrh-hero-intro > p {
    max-width: 790px;
    margin: 0 auto;
    color: #51596d;
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.55;
}

.mrh-hero-actions,
.mrh-pilot-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
}

.mrh-hero-actions .btn {
    min-width: 210px;
    justify-content: center;
}

.mrh-trust-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px 24px;
    margin-top: 22px;
    color: #5d6578;
    font-size: 13px;
    font-weight: 700;
}

.mrh-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mrh-trust-row .icon {
    color: var(--mrh-mint);
}

.mrh-demo-wrap {
    position: relative;
    z-index: 1;
    margin-top: 52px;
    scroll-margin-top: 90px;
}

.mrh-demo {
    overflow: hidden;
    border: 1px solid rgba(196, 207, 232, .85);
    border-radius: 28px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 30px 90px rgba(36, 64, 135, .18), 0 8px 24px rgba(19, 33, 74, .08);
    backdrop-filter: blur(14px);
}

.mrh-demo-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 22px;
    border-bottom: 1px solid var(--mrh-line);
    background: #fff;
}

.mrh-demo-topbar > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.mrh-demo-topbar strong {
    font-size: 14px;
}

.mrh-demo-topbar small {
    padding-left: 9px;
    border-left: 1px solid var(--mrh-line);
    color: #8a91a1;
    font-size: 11px;
}

.mrh-live-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--mrh-mint);
    box-shadow: 0 0 0 5px rgba(22, 167, 124, .12);
}

.mrh-demo-pause {
    min-width: 72px;
    padding: 7px 10px;
    border: 1px solid var(--mrh-line);
    border-radius: 9px;
    background: #fff;
    color: #596174;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.mrh-demo-pause:hover,
.mrh-demo-pause:focus-visible {
    border-color: #aebbf0;
    color: var(--mrh-brand);
}

.mrh-demo-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    background: #f9faff;
}

.mrh-demo-steps button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 0;
    padding: 16px 12px;
    border: 0;
    border-right: 1px solid var(--mrh-line);
    background: transparent;
    color: #777f91;
    font: inherit;
    cursor: pointer;
}

.mrh-demo-steps button:last-child {
    border-right: 0;
}

.mrh-demo-steps button span {
    display: grid;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid #cfd6e4;
    border-radius: 50%;
    background: #fff;
    font-size: 11px;
    font-weight: 850;
}

.mrh-demo-steps button b {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mrh-demo-steps button:hover,
.mrh-demo-steps button:focus-visible {
    color: var(--mrh-brand);
}

.mrh-demo-steps button.is-active {
    background: #fff;
    color: var(--mrh-brand);
}

.mrh-demo-steps button.is-active span {
    border-color: var(--mrh-brand);
    background: var(--mrh-brand);
    color: #fff;
}

.mrh-demo-progress {
    height: 3px;
    background: #e7ebf4;
}

.mrh-demo-progress i {
    display: block;
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg, #2857f5, #4d7cff);
    transition: width .35s ease;
}

.mrh-demo-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, .68fr);
    min-height: 620px;
}

.mrh-demo-screen {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 620px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 64px 34px 34px;
    border-right: 1px solid var(--mrh-line);
    background:
        radial-gradient(circle at 50% 30%, rgba(56, 101, 246, .14), transparent 39%),
        #eef2f9;
}

.mrh-demo-screen img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 850px;
    max-height: 515px;
    object-fit: contain;
    border-radius: 15px;
    box-shadow: 0 22px 55px rgba(27, 43, 86, .18);
    transition: opacity .18s ease, transform .28s ease;
}

.mrh-demo-zoom {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.mrh-demo-screen img.is-changing {
    opacity: .2;
    transform: translateY(7px) scale(.99);
}

.mrh-browser-bar {
    position: absolute;
    top: 19px;
    left: 22px;
    right: 22px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7b8395;
    font-size: 10px;
}

.mrh-browser-bar i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c7ceda;
}

.mrh-browser-bar i:first-child { background: #ff7a7a; }
.mrh-browser-bar i:nth-child(2) { background: #f2c55d; }
.mrh-browser-bar i:nth-child(3) { background: #63c995; }
.mrh-browser-bar span { margin-left: 7px; }

.mrh-screen-label {
    position: absolute;
    right: 20px;
    bottom: 18px;
    padding: 7px 10px;
    border: 1px solid rgba(198, 207, 224, .9);
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
    color: #5e6678;
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(32, 45, 80, .08);
}

.mrh-demo-copy {
    display: flex;
    align-items: center;
    padding: 46px 36px;
    background: #fff;
}

.mrh-demo-copy article {
    width: 100%;
    animation: mrh-panel-in .32s ease both;
}

.mrh-step-label {
    color: var(--mrh-brand);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mrh-demo-copy h2 {
    margin: 13px 0 16px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.mrh-demo-copy p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 16px;
    line-height: 1.65;
}

.mrh-outcome {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 28px;
    padding: 14px;
    border: 1px solid #caebdf;
    border-radius: 13px;
    background: #f1fbf7;
    color: #11795f;
    font-size: 13px;
    line-height: 1.45;
}

.mrh-outcome .icon {
    flex: 0 0 auto;
}

@keyframes mrh-panel-in {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

.mrh-channel-strip {
    border-block: 1px solid #e5e8f0;
    background: #fff;
}

.mrh-channel-strip .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 90px;
}

.mrh-channel-strip span {
    color: #8b91a0;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.mrh-channel-strip div div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 15px 29px;
}

.mrh-channel-strip b {
    color: #2c3040;
    font-size: 14px;
}

.mrh-section {
    padding: 104px 0;
}

.mrh-section--soft {
    background: var(--mrh-soft);
}

.mrh-section--dark {
    overflow: hidden;
    background: var(--mrh-dark);
    color: #fff;
}

.mrh-section-heading {
    max-width: 790px;
    margin-bottom: 46px;
}

.mrh-section-heading--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.mrh-section-heading h2,
.mrh-security-copy h2,
.mrh-pilot-panel h2 {
    margin: 12px 0 14px;
    font-size: clamp(36px, 4.8vw, 60px);
    line-height: 1.04;
    letter-spacing: -.05em;
}

.mrh-section-heading p,
.mrh-security-copy p,
.mrh-pilot-panel > div > p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 18px;
    line-height: 1.6;
}

.mrh-section-heading--light p {
    color: #adb5c9;
}

.mrh-integration {
    overflow: hidden;
    border: 1px solid var(--mrh-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(30, 46, 90, .08);
}

.mrh-integration-tabs,
.mrh-role-tabs {
    display: flex;
    gap: 8px;
    padding: 12px;
}

.mrh-integration-tabs {
    border-bottom: 1px solid var(--mrh-line);
    background: #f8f9fc;
}

.mrh-integration-tabs button,
.mrh-role-tabs button {
    flex: 1;
    padding: 14px 18px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: #646c7e;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.mrh-integration-tabs button span {
    display: inline-flex;
    margin-left: 7px;
    padding: 3px 7px;
    border-radius: 20px;
    background: #dff7ef;
    color: #11795f;
    font-size: 9px;
    vertical-align: 2px;
}

.mrh-integration-tabs button.is-active {
    border-color: #d6dfff;
    background: #fff;
    color: var(--mrh-brand);
    box-shadow: 0 5px 16px rgba(39, 71, 155, .08);
}

.mrh-integration-body {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 42px;
    align-items: center;
    padding: 42px;
}

.mrh-numbered-list,
.mrh-pilot-panel ol {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mrh-numbered-list li,
.mrh-pilot-panel li {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 13px;
    align-items: start;
}

.mrh-numbered-list li > span,
.mrh-pilot-panel li > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    background: var(--mrh-blue-soft);
    color: var(--mrh-brand);
    font-size: 12px;
    font-weight: 900;
}

.mrh-numbered-list b,
.mrh-pilot-panel li b {
    display: block;
    margin: 1px 0 4px;
    font-size: 15px;
}

.mrh-numbered-list p,
.mrh-pilot-panel li p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 13px;
    line-height: 1.55;
}

.mrh-note {
    margin: 27px 0 15px;
    padding: 13px 14px;
    border: 1px solid #dde4f3;
    border-radius: 11px;
    background: #f8faff;
    color: #596174;
    font-size: 12px;
    line-height: 1.55;
}

.mrh-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--mrh-brand);
    font-size: 13px;
    font-weight: 850;
}

.mrh-product-shot,
.mrh-role-image {
    overflow: hidden;
    margin: 0;
    border: 1px solid #dce2ee;
    border-radius: 17px;
    background: #f4f6fa;
    box-shadow: 0 18px 42px rgba(32, 47, 86, .12);
}

.mrh-product-shot img,
.mrh-role-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #f4f6fa;
}

.mrh-product-shot figcaption,
.mrh-role-image figcaption,
.mrh-framed-shot figcaption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-top: 1px solid #e1e5ed;
    background: #fff;
    color: #7a8191;
    font-size: 10px;
}

.mrh-shot-caption-hint {
    flex: 0 0 auto;
    color: var(--mrh-brand);
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.mrh-integration-status {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.mrh-integration-status span {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px;
    border: 1px solid var(--mrh-line);
    border-radius: 11px;
    background: #fff;
    color: #5f6778;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.mrh-integration-status i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
}

.mrh-integration-status .is-ready { background: var(--mrh-mint); }
.mrh-integration-status .is-pilot { background: var(--mrh-amber); }

.mrh-comparison {
    overflow: hidden;
    border: 1px solid var(--mrh-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(31, 45, 84, .06);
}

.mrh-comparison-head,
.mrh-comparison > div:not(.mrh-comparison-head) {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mrh-comparison-head {
    background: #171b2d;
    color: #fff;
}

.mrh-comparison-head span,
.mrh-comparison-head strong,
.mrh-comparison p {
    padding: 17px 24px;
}

.mrh-comparison-head span,
.mrh-comparison-head strong {
    font-size: 13px;
}

.mrh-comparison-head strong {
    color: #8fb0ff;
}

.mrh-comparison > div:not(.mrh-comparison-head) {
    border-top: 1px solid var(--mrh-line);
}

.mrh-comparison p {
    margin: 0;
    color: #777e8d;
    font-size: 14px;
    line-height: 1.6;
}

.mrh-comparison p + p {
    border-left: 1px solid var(--mrh-line);
    color: #3e4557;
    background: #fbfcff;
}

.mrh-comparison-note {
    margin: 14px 0 0;
    color: #7a8293;
    font-size: 11px;
    text-align: center;
}

.mrh-role-switcher {
    overflow: hidden;
    border: 1px solid rgba(177, 191, 226, .18);
    border-radius: 24px;
    background: #171c31;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .22);
}

.mrh-role-tabs {
    max-width: 620px;
    margin: 0 auto;
}

.mrh-role-tabs button {
    color: #9da7bd;
}

.mrh-role-tabs button:hover,
.mrh-role-tabs button:focus-visible,
.mrh-role-tabs button.is-active {
    background: #fff;
    color: var(--mrh-brand);
}

.mrh-role-panel {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: 42px;
    align-items: center;
    min-height: 480px;
    padding: 42px;
    border-top: 1px solid rgba(177, 191, 226, .15);
    animation: mrh-panel-in .3s ease both;
}

.mrh-zoom {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: zoom-in;
}

.mrh-zoom::after {
    content: "Збільшити";
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 8px 11px;
    border: 1px solid rgba(207, 216, 233, .95);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #35415b;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .02em;
    box-shadow: 0 7px 20px rgba(31, 48, 92, .14);
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .18s ease, transform .18s ease;
}

.mrh-zoom:hover::after,
.mrh-zoom:focus-visible::after {
    opacity: 1;
    transform: translateY(0);
}

.mrh-zoom:focus-visible {
    outline: 3px solid rgba(40, 87, 245, .35);
    outline-offset: 3px;
}

.mrh-lightbox {
    width: min(1180px, calc(100vw - 30px));
    max-width: none;
    max-height: calc(100vh - 30px);
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    background: #fff;
    color: var(--mrh-ink);
    box-shadow: 0 32px 100px rgba(0, 0, 0, .42);
}

.mrh-lightbox::backdrop {
    background: rgba(8, 12, 25, .82);
    backdrop-filter: blur(6px);
}

.mrh-lightbox-bar {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 20px;
    border-bottom: 1px solid var(--mrh-line);
}

.mrh-lightbox-bar p {
    margin: 0;
    color: #50596c;
    font-size: 13px;
    font-weight: 750;
}

.mrh-lightbox-close {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid #dce2ed;
    border-radius: 10px;
    background: #f6f8fb;
    color: #2f3749;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.mrh-lightbox-view {
    display: grid;
    max-height: calc(100vh - 88px);
    overflow: auto;
    place-items: center;
    padding: 18px;
    background: #eef2f8;
}

.mrh-lightbox-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 125px);
    border-radius: 10px;
    box-shadow: 0 16px 45px rgba(23, 38, 75, .2);
}

.mrh-role-copy > span {
    color: #83a5ff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mrh-role-copy h3 {
    margin: 12px 0 15px;
    color: #fff;
    font-size: clamp(30px, 3.4vw, 44px);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.mrh-role-copy p {
    margin: 0;
    color: #adb5c9;
    line-height: 1.65;
}

.mrh-role-copy ul {
    display: grid;
    gap: 9px;
    margin: 23px 0 0;
    padding: 0;
    list-style: none;
}

.mrh-role-copy li {
    position: relative;
    padding-left: 20px;
    color: #e2e6ef;
    font-size: 13px;
}

.mrh-role-copy li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #57d4ad;
    font-weight: 900;
}

.mrh-owner-board {
    overflow: hidden;
    border: 1px solid #dce2ee;
    border-radius: 17px;
    background: #fff;
    color: var(--mrh-ink);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .23);
}

.mrh-owner-board-head,
.mrh-owner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.mrh-owner-board-head {
    padding: 17px 19px;
    border-bottom: 1px solid #e5e8ef;
}

.mrh-owner-board-head span {
    color: #8c93a2;
    font-size: 9px;
}

.mrh-owner-kpis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 16px;
    background: #f6f7fb;
}

.mrh-owner-kpis div {
    padding: 17px;
    border: 1px solid #e0e4ec;
    border-radius: 12px;
    background: #fff;
}

.mrh-owner-kpis small,
.mrh-owner-kpis strong {
    display: block;
}

.mrh-owner-kpis small {
    color: #858c9d;
    font-size: 9px;
}

.mrh-owner-kpis strong {
    margin-top: 4px;
    font-size: 28px;
}

.mrh-owner-row {
    display: grid;
    grid-template-columns: .7fr 1.2fr .55fr;
    padding: 14px 18px;
    border-top: 1px solid #edf0f4;
    font-size: 11px;
}

.mrh-owner-row span { color: #626a7a; }
.mrh-owner-row em { color: #158262; font-style: normal; font-weight: 800; text-align: right; }

.mrh-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.mrh-feature-grid article {
    min-height: 215px;
    padding: 25px;
    border: 1px solid var(--mrh-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(31, 46, 84, .045);
}

.mrh-feature-grid i {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 13px;
    background: var(--mrh-blue-soft);
    color: var(--mrh-brand);
    font-style: normal;
}

.mrh-feature-grid h3 {
    margin: 24px 0 8px;
    font-size: 18px;
}

.mrh-feature-grid p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 13px;
    line-height: 1.6;
}

.mrh-security {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 60px;
    align-items: center;
}

.mrh-security-copy .mrh-inline-link {
    margin-top: 22px;
}

.mrh-security-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.mrh-security-grid article {
    display: grid;
    min-height: 155px;
    align-content: start;
    padding: 20px;
    border: 1px solid var(--mrh-line);
    border-radius: 16px;
    background: #fff;
}

.mrh-security-grid .icon {
    margin-bottom: 19px;
    color: var(--mrh-brand);
}

.mrh-security-grid b {
    margin-bottom: 5px;
    font-size: 14px;
}

.mrh-security-grid span {
    color: var(--mrh-muted);
    font-size: 12px;
    line-height: 1.5;
}

.mrh-pilot {
    padding: 72px 0;
    background: #fff;
}

.mrh-pilot-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .7fr);
    gap: 55px;
    align-items: center;
    overflow: hidden;
    padding: 60px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 86% 15%, rgba(77, 124, 255, .25), transparent 30%),
        #151a31;
    color: #fff;
    box-shadow: 0 24px 62px rgba(23, 35, 76, .18);
}

.mrh-pilot-panel .mrh-kicker {
    color: #91afff;
}

.mrh-pilot-panel > div > p,
.mrh-pilot-panel li p {
    color: #b5bdd0;
}

.mrh-pilot-actions {
    justify-content: flex-start;
}

.mrh-pilot-actions .btn {
    background: #fff;
    color: #1b2552;
}

.mrh-pilot-link {
    display: inline-flex;
    align-items: center;
    padding: 10px 6px;
    color: #dce4ff;
    font-size: 13px;
    font-weight: 800;
}

.mrh-pilot-panel li > span {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.mrh-pilot-panel li b {
    color: #fff;
}

/* Commercial homepage content and product storytelling. */
.mrh-hero-intro {
    max-width: 1120px;
}

.mrh-hero-intro h1 {
    max-width: 1080px;
    font-size: clamp(46px, 5.7vw, 76px);
    line-height: 1.02;
}

.mrh-hero-intro > p {
    max-width: 850px;
}

.mrh-section--value {
    background: #fff;
}

.mrh-value-layout {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
    gap: 64px;
    align-items: center;
}

.mrh-value-copy h2 {
    margin: 14px 0 20px;
    font-size: clamp(38px, 4.6vw, 62px);
    line-height: 1.04;
    letter-spacing: -.052em;
}

.mrh-value-copy > p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 18px;
    line-height: 1.7;
}

.mrh-check-list {
    display: grid;
    gap: 13px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.mrh-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px 16px;
    border: 1px solid #e1e7f1;
    border-radius: 13px;
    background: #fafbfe;
    color: #4f586c;
    font-size: 14px;
    line-height: 1.55;
}

.mrh-check-list .icon {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--mrh-mint);
}

.mrh-check-list b {
    color: var(--mrh-ink);
}

.mrh-framed-shot {
    overflow: hidden;
    margin: 0;
    border: 1px solid #d8dfeb;
    border-radius: 22px;
    background: #eef2f8;
    box-shadow: 0 25px 65px rgba(31, 48, 92, .16);
}

.mrh-framed-shot img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #edf1f7;
}

.mrh-framed-shot figcaption {
    padding: 13px 17px;
    border-top: 1px solid #e0e5ee;
    background: #fff;
    color: #71798b;
    font-size: 11px;
    line-height: 1.45;
}

.mrh-integration-note {
    display: grid;
    gap: 4px;
    margin: 27px 0 17px;
    padding: 15px 16px;
    border: 1px solid #d9e3fb;
    border-radius: 13px;
    background: #f7f9ff;
}

.mrh-integration-note b {
    color: #273653;
    font-size: 13px;
}

.mrh-integration-note span {
    color: #687187;
    font-size: 12px;
    line-height: 1.55;
}

.mrh-story-grid {
    display: grid;
    gap: 34px;
}

.mrh-story-card {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 0;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--mrh-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(30, 46, 90, .08);
}

.mrh-story-card--reverse figure {
    order: 2;
}

.mrh-story-card figure {
    display: flex;
    min-height: 430px;
    margin: 0;
    align-items: center;
    padding: 30px;
    background:
        radial-gradient(circle at 50% 30%, rgba(48, 94, 243, .12), transparent 43%),
        #edf2fa;
}

.mrh-story-card figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    border-radius: 13px;
    box-shadow: 0 20px 45px rgba(31, 49, 91, .16);
}

.mrh-story-card > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 44px;
}

.mrh-story-card > div > span {
    color: var(--mrh-brand);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mrh-story-card h3 {
    margin: 13px 0 15px;
    font-size: clamp(30px, 3.3vw, 47px);
    line-height: 1.07;
    letter-spacing: -.045em;
}

.mrh-story-card p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 16px;
    line-height: 1.7;
}

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

.mrh-channel-cards article {
    padding: 30px;
    border: 1px solid var(--mrh-line);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(30, 46, 90, .05);
}

.mrh-channel-cards article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: var(--mrh-blue-soft);
    color: var(--mrh-brand);
    font-size: 11px;
    font-weight: 900;
}

.mrh-channel-cards h3 {
    margin: 20px 0 11px;
    font-size: 24px;
    letter-spacing: -.035em;
}

.mrh-channel-cards p {
    margin: 0;
    color: var(--mrh-muted);
    font-size: 14px;
    line-height: 1.65;
}

.mrh-channel-cards ul {
    display: grid;
    gap: 8px;
    margin: 20px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid var(--mrh-line);
    list-style: none;
}

.mrh-channel-cards li {
    position: relative;
    padding-left: 17px;
    color: #40485a;
    font-size: 12px;
    font-weight: 750;
}

.mrh-channel-cards li::before {
    content: "";
    position: absolute;
    top: .48em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mrh-mint);
}

.mrh-section--security {
    background: linear-gradient(180deg, #f8faff, #f2f5fb);
}

.mrh-faq-layout {
    display: grid;
    grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
    gap: 70px;
    align-items: start;
}

.mrh-faq-layout .mrh-section-heading {
    position: sticky;
    top: 110px;
    margin-bottom: 0;
}

.mrh-faq-list {
    display: grid;
    gap: 12px;
}

.mrh-faq-list details {
    overflow: hidden;
    border: 1px solid var(--mrh-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(30, 46, 90, .04);
}

.mrh-faq-list summary {
    position: relative;
    padding: 21px 54px 21px 22px;
    color: #252b3c;
    font-size: 16px;
    font-weight: 820;
    line-height: 1.4;
    cursor: pointer;
    list-style: none;
}

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

.mrh-faq-list summary::after {
    content: "+";
    position: absolute;
    top: 17px;
    right: 20px;
    color: var(--mrh-brand);
    font-size: 24px;
    font-weight: 500;
}

.mrh-faq-list details[open] summary::after {
    content: "−";
}

.mrh-faq-list details[open] summary {
    color: var(--mrh-brand);
}

.mrh-faq-list details p {
    margin: 0;
    padding: 0 22px 22px;
    color: var(--mrh-muted);
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 1050px) {
    .mrh-demo-stage { grid-template-columns: 1fr; }
    .mrh-demo-screen { min-height: 560px; border-right: 0; border-bottom: 1px solid var(--mrh-line); }
    .mrh-demo-copy { min-height: 300px; }
    .mrh-integration-body,
    .mrh-role-panel,
    .mrh-security,
    .mrh-pilot-panel,
    .mrh-value-layout,
    .mrh-faq-layout { grid-template-columns: 1fr; }
    .mrh-role-panel { min-height: 0; }
    .mrh-integration-status { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mrh-story-card { grid-template-columns: 1fr; }
    .mrh-story-card--reverse figure { order: 0; }
    .mrh-faq-layout .mrh-section-heading { position: static; }
}

@media (max-width: 760px) {
    .mrh-hero { padding: 52px 0 46px; }
    .mrh-hero-intro h1 { font-size: clamp(43px, 12.5vw, 66px); }
    .mrh-hero-intro > p { font-size: 17px; }
    .mrh-demo-wrap { width: min(100% - 18px, 1180px); margin-top: 38px; }
    .mrh-demo { border-radius: 20px; }
    .mrh-demo-topbar { padding: 14px; }
    .mrh-demo-topbar small { display: none; }
    .mrh-demo-steps { overflow-x: auto; grid-template-columns: repeat(5, minmax(112px, 1fr)); scrollbar-width: thin; }
    .mrh-demo-steps button { padding: 13px 9px; }
    .mrh-demo-screen { min-height: 430px; padding: 52px 16px 24px; }
    .mrh-demo-screen img { max-height: 350px; border-radius: 10px; }
    .mrh-demo-copy { min-height: 320px; padding: 32px 22px; }
    .mrh-channel-strip .container { align-items: flex-start; flex-direction: column; padding-block: 22px; }
    .mrh-channel-strip div div { justify-content: flex-start; }
    .mrh-section { padding: 76px 0; }
    .mrh-section-heading { margin-bottom: 34px; }
    .mrh-integration-body,
    .mrh-role-panel { gap: 30px; padding: 24px; }
    .mrh-integration-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mrh-comparison-head,
    .mrh-comparison > div:not(.mrh-comparison-head) { grid-template-columns: 1fr; }
    .mrh-comparison-head strong { display: none; }
    .mrh-comparison p + p { border-top: 1px solid var(--mrh-line); border-left: 0; }
    .mrh-comparison p + p::before { content: "З MINRETURNS"; display: block; margin-bottom: 7px; color: var(--mrh-brand); font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
    .mrh-role-tabs { overflow-x: auto; }
    .mrh-role-tabs button { min-width: 120px; }
    .mrh-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mrh-pilot-panel { padding: 38px 28px; }
    .mrh-story-card figure { min-height: 0; padding: 20px; }
    .mrh-story-card > div { padding: 31px 26px 34px; }
    .mrh-channel-cards { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .mrh-hero-actions { align-items: stretch; flex-direction: column; }
    .mrh-hero-actions .btn { width: 100%; }
    .mrh-trust-row { align-items: flex-start; flex-direction: column; width: max-content; max-width: 100%; margin-inline: auto; }
    .mrh-demo-screen { min-height: 335px; }
    .mrh-demo-screen img { max-height: 270px; }
    .mrh-screen-label { right: 10px; bottom: 10px; }
    .mrh-integration-tabs { flex-direction: column; }
    .mrh-integration-status { grid-template-columns: 1fr; }
    .mrh-feature-grid,
    .mrh-security-grid { grid-template-columns: 1fr; }
    .mrh-feature-grid article { min-height: 0; }
    .mrh-owner-kpis { grid-template-columns: 1fr; }
    .mrh-owner-row { grid-template-columns: 1fr; gap: 4px; }
    .mrh-owner-row em { text-align: left; }
    .mrh-pilot-actions { align-items: flex-start; flex-direction: column; }
    .mrh-value-copy h2 { font-size: 39px; }
    .mrh-story-card h3 { font-size: 31px; }
    .mrh-channel-cards article { padding: 24px; }
    .mrh-shot-caption-hint { display: none; }
    .mrh-lightbox { width: calc(100vw - 16px); max-height: calc(100vh - 16px); border-radius: 14px; }
    .mrh-lightbox-bar { align-items: flex-start; gap: 10px; padding: 10px 10px 10px 14px; }
    .mrh-lightbox-view { padding: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .mrh-demo-screen img,
    .mrh-demo-progress i,
    .mrh-demo-copy article,
    .mrh-role-panel { animation: none !important; transition: none !important; }
}