.korp-hero-section {
    padding-bottom: 120px;
}

.korp-hero-content {
    max-width: 1400px;
}

.korp-demo-bg {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
}

.korp-demo-image-desktop {
    top: 53%;
}
.korp-demo-image-mobile {
    margin-top: 0;
    max-width: 95%;
}

.korp-demo-section {
    max-width: initial;
}

.meeting-process-steps_korp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1280px) {
    .meeting-process-steps_korp {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}


@media screen and (max-width: 648px) {
    .korp-hero-title {
        margin-top: 150px;
    }

    .korp-hero-section {
        padding-bottom: 80px;
    }

    .meeting-process-steps_korp {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* ─── "До и после ViSaver" сравнительный блок ─── */
.do-i-posle{
    --c-bg:           rgb(255,255,255);
    --c-soft:         rgb(245,245,250);
    --c-chip:         rgb(235,235,245);
    --c-line:         rgb(221,221,235);
    --c-ink-900:      #15151A;
    --c-ink-600:      rgb(90,90,112);
    --c-ink-500:      rgb(111,111,133);
    --c-ink-300:      rgb(180,180,204);
    --c-blue:         rgb(71,133,255);
    --c-lilac:        rgb(184,161,229);
    --c-deep:         rgb(51,51,255);
    --c-coral:        rgb(255,92,51);
    --grad-icon:      linear-gradient(135deg, rgb(71,133,255) 0%, rgb(184,161,229) 100%);
    --grad-text:      linear-gradient(95deg, rgb(51,51,255) 0%, rgb(184,161,229) 55%, rgb(255,92,51) 100%);
    --shadow-icon:    inset 2px 4px 6px 0px rgba(15,36,77,0.45);
    --dip-display:    'PT Root UI', system-ui, sans-serif;
    --dip-body:       'PT Root UI', system-ui, sans-serif;
    --dip-mono:       'PT Root UI', ui-monospace, monospace;

    padding:0 0 120px;
    background:#fff;
    color: #15151A;
    font-family:var(--dip-body);
    -webkit-font-smoothing:antialiased;
    position:relative;
    overflow:hidden;
}
.do-i-posle *{box-sizing:border-box}

.do-i-posle .container{width:min(1136px, calc(100vw - 64px));margin:0 auto;position:relative;z-index:1}

/* ─── Header ─── */
.do-i-posle .head{text-align:center;max-width:760px;margin:0 auto 56px}
.do-i-posle .head h2{
    margin:0;font-family:var(--dip-display);font-weight:700;
    font-size:clamp(38px,4.6vw,60px);line-height:1.04;letter-spacing:-0.022em;color:var(--c-ink-900);
    text-wrap:balance;
}
.do-i-posle .head h2 em{font-style:normal;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.do-i-posle .head p{margin:18px auto 0;max-width:560px;font-size:18px;line-height:1.55;color: #15151A;text-wrap:pretty}

/* ─── Ledger / transformation rows ─── */
.do-i-posle .ledger{
    border:1px solid var(--c-line);border-radius:28px;overflow:hidden;background:#fff;
    box-shadow:0 40px 100px -60px rgba(15,36,77,.35);
}
.do-i-posle .ledger-head{
    display:grid;grid-template-columns:1fr 84px 1.1fr;
    background:var(--c-soft);border-bottom:1px solid var(--c-line);
}
.do-i-posle .ledger-head .lh{
    padding:22px 32px;display:flex;align-items:center;gap:12px;
    font-family:var(--dip-display);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--c-ink-500);
}
.do-i-posle .ledger-head .lh.bef{color:var(--c-ink-500)}
.do-i-posle .ledger-head .lh .mk{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}
.do-i-posle .ledger-head .lh.bef .mk{background:#fff;border:1px solid var(--c-line);color:var(--c-ink-300)}
.do-i-posle .ledger-head .lh.bef .mk svg{width:13px;height:13px}
.do-i-posle .ledger-head .lh.aft{color:var(--c-ink-900)}
.do-i-posle .ledger-head .lh.aft .mk{background:var(--grad-icon);box-shadow:var(--shadow-icon)}
.do-i-posle .ledger-head .lh.aft .mk svg{width:16px;height:16px;color:#fff}
.do-i-posle .ledger-head .lh.aft em{font-style:normal;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}

.do-i-posle .lrow{display:grid;grid-template-columns:1fr 84px 1.1fr;align-items:stretch}
.do-i-posle .lrow+.lrow{border-top:1px solid var(--c-line)}
.do-i-posle .lc{padding:26px 32px;display:flex;align-items:flex-start;gap:15px}
.do-i-posle .ml{display:none}

/* before cell */
.do-i-posle .lc.bef .x-ic{
    width:30px;height:30px;border-radius:9px;flex-shrink:0;margin-top:1px;
    background:var(--c-soft);border:1px solid var(--c-line);color:rgba(255,92,51,.6);
    display:grid;place-items:center;
}
.do-i-posle .lc.bef .x-ic svg{width:13px;height:13px}
.do-i-posle .lc.bef .t{font-size:16.5px;line-height:1.42;color:var(--c-ink-500);font-weight:500;letter-spacing:-.003em}

/* after cell */
.do-i-posle .lc.aft{background:linear-gradient(90deg, rgba(184,161,229,.07), transparent 62%)}
.do-i-posle .lc.aft .gi{
    width:38px;height:38px;border-radius:11px;flex-shrink:0;margin-top:1px;
    background:var(--grad-icon);box-shadow:var(--shadow-icon);
    position:relative;display:grid;place-items:center;
}
.do-i-posle .lc.aft .gi i{width:20px;height:20px;background:#fff}
.do-i-posle .lc.aft .t{font-size:17px;line-height:1.42;color:var(--c-ink-900);font-weight:600;letter-spacing:-.006em;text-wrap:pretty}
.do-i-posle .lc.aft .t b{font-weight:700;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}

/* center arrow */
.do-i-posle .mid{display:grid;place-items:center}
.do-i-posle .mid .arr{
    width:42px;height:42px;border-radius:50%;
    background:linear-gradient(#fff,#fff) padding-box,var(--grad-text) border-box;
    border:1.5px solid transparent;display:grid;place-items:center;
    box-shadow:0 12px 26px -16px rgba(51,51,255,.6);
}
.do-i-posle .mid .arr svg{width:17px;height:17px;color:var(--c-deep)}

/* masked gradient icons */
.do-i-posle .m-search{-webkit-mask:url('../images/do-i-posle/icon-magnifier.svg') center/contain no-repeat;mask:url('../images/do-i-posle/icon-magnifier.svg') center/contain no-repeat}
.do-i-posle .m-bolt{-webkit-mask:url('../images/do-i-posle/icon-bolt.svg') center/contain no-repeat;mask:url('../images/do-i-posle/icon-bolt.svg') center/contain no-repeat}
.do-i-posle .m-diamond{-webkit-mask:url('../images/do-i-posle/icon-diamond.svg') center/contain no-repeat;mask:url('../images/do-i-posle/icon-diamond.svg') center/contain no-repeat}

/* entrance */
@media (prefers-reduced-motion: no-preference){
    .do-i-posle .reveal .lrow,.do-i-posle .reveal .ledger-head{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.2,.7,.2,1), transform .55s cubic-bezier(.2,.7,.2,1)}
    .do-i-posle .reveal.in .lrow,.do-i-posle .reveal.in .ledger-head{opacity:1;transform:none}
    .do-i-posle .reveal.in .lrow:nth-child(2){transition-delay:.08s}
    .do-i-posle .reveal.in .lrow:nth-child(3){transition-delay:.16s}
    .do-i-posle .reveal.in .lrow:nth-child(4){transition-delay:.24s}
}

/* ─── responsive: mobile = solution-led cards (Вариант B) ─── */
@media (max-width:760px){
    /*.do-i-posle{padding:72px 0 84px}*/
    .do-i-posle .head{margin-bottom:36px}

    /* dissolve the table; hide desktop-only chrome */
    .do-i-posle .ledger{border:none;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
    .do-i-posle .ledger-head{display:none}
    .do-i-posle .ml{display:none}
    .do-i-posle .mid{display:none}

    /* each pair → one card */
    .do-i-posle .lrow{
        display:flex;flex-direction:column;
        border:1px solid var(--c-line);border-radius:18px;background:#fff;overflow:hidden;
        box-shadow:0 22px 50px -42px rgba(15,36,77,.42);
        padding:18px;
    }
    .do-i-posle .lrow+.lrow{border-top:1px solid var(--c-line);margin-top:14px}

    /* AFTER on top: gradient icon + bold gain */
    .do-i-posle .lc.aft{
        order:0;background:none;padding:0;
        display:flex;align-items:flex-start;gap:13px;
    }
    .do-i-posle .lc.aft .gi{width:40px;height:40px;border-radius:11px;margin-top:0}
    .do-i-posle .lc.aft .gi i{width:21px;height:21px}
    .do-i-posle .lc.aft .t{font-size:15.5px;line-height:1.42;color:var(--c-ink-900);font-weight:600}

    /* BEFORE below: small struck "Было" line */
    .do-i-posle .lc.bef{
        order:1;padding:13px 0 0;margin-top:13px;border-top:1px solid var(--c-line);
        display:flex;align-items:flex-start;gap:8px;
    }
    .do-i-posle .lc.bef .x-ic{display:none}
    .do-i-posle .lc.bef::before{
        content:"Было";flex-shrink:0;
        font-family:var(--dip-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-300);
        padding-top:2px;
    }
    .do-i-posle .lc.bef .t{
        font-size:12.5px;line-height:1.4;color:var(--c-ink-500);font-weight:500;
        text-decoration:line-through;text-decoration-color:var(--c-ink-300);
    }
}
@media (max-width:420px){
    .do-i-posle .container{width:calc(100vw - 36px)}
    .do-i-posle .lrow{padding:16px}
}