/* ==================================================
   start-up-mvp-development-consulting.css
================================================== */

.mvp-page section {
    padding: 3rem 0;
}

.mvp-hero {
    padding: 2rem 0 3rem;
    color: var(--site-white);
    background:
        radial-gradient(circle at 70% 35%, rgba(var(--site-primary-rgb), .18), transparent 26rem),
        linear-gradient(135deg, var(--site-dark), var(--site-dark-hover));
}

.mvp-hero .page-breadcrumb a,
.mvp-hero .page-breadcrumb span {
    color: rgba(var(--site-white-rgb), .62);
}

.mvp-hero .page-breadcrumb strong {
    color: var(--site-secondary);
}

.mvp-hero .page-breadcrumb a:hover {
    color: var(--site-secondary);
}

.mvp-badge {
    display: inline-flex;
    margin-bottom: 1.25rem;
    padding: .4rem .75rem;
    border-radius: 999px;
    color: var(--site-secondary);
    background: rgba(var(--site-secondary-rgb), .12);
    font-size: .78rem;
    font-weight: 800;
}

.mvp-hero-title {
    max-width: 38rem;
    margin-bottom: 1.25rem;
    color: var(--site-white);
    font-size: clamp(2.5rem, 5vw, 4.25rem);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -.045em;
}

.mvp-hero-title span {
    color: var(--site-primary);
}

.mvp-hero-text {
    max-width: 38rem;
    margin-bottom: 1.35rem;
    color: rgba(var(--site-white-rgb), .76);
    font-size: 1.02rem;
    line-height: 1.78;
}

.mvp-check-list li {
    color: rgba(var(--site-white-rgb), .86);
}

.mvp-hero-note {
    margin-top: 1.25rem;
    margin-bottom: 0;
    color: rgba(var(--site-white-rgb), .65);
    font-size: .9rem;
}

.mvp-hero-visual {
    max-width: 34rem;
    margin-left: auto;
}

.mvp-hero-visual img,
.mvp-info-card img,
.mvp-process-image img,
.mvp-final-cta img {
    width: 100%;
    height: auto;
    display: block;
}

.mvp-tech-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 3rem;
    color: rgba(var(--site-white-rgb), .55);
    font-size: 1.3rem;
    font-weight: 800;
}

.mvp-tech-list span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.mvp-services-section {
    position: relative;
    overflow: hidden;
}

.mvp-service-card {
    position: relative;
    display: grid;
    grid-template-columns: 4.25rem minmax(0, 1fr);
    gap: 1.4rem;
    padding: 2rem;
    overflow: hidden;
    border: 1px solid rgba(var(--site-dark-rgb), .08);
    border-radius: 1.5rem;
    background: var(--site-white);
    box-shadow: var(--shadow-xs);
}

.mvp-service-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: .25rem;
    background: linear-gradient(90deg, var(--site-primary), var(--site-secondary));
    opacity: .9;
}

.mvp-service-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--site-primary-rgb), .24);
    box-shadow: var(--shadow-xs);
}

.mvp-service-icon {
    width: 4.25rem;
    height: 4.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.125rem;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .1);
    font-size: 1.55rem;
}

.mvp-service-card span {
    display: inline-flex;
    margin-bottom: .65rem;
    color: rgba(var(--site-primary-rgb), .72);
    font-size: .8rem;
    font-weight: 900;
}

.mvp-service-card h3 {
    margin-bottom: .75rem;
    color: var(--site-dark);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.28;
}

.mvp-service-card p {
    margin-bottom: 1.25rem;
    color: rgba(var(--site-body-color-rgb), .66);
    line-height: 1.7;
}

.mvp-service-card ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mvp-service-card li {
    position: relative;
    padding-left: 1.45rem;
    color: var(--site-dark);
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.45;
}

.mvp-service-card li::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: .05rem;
    color: var(--site-primary);
    font-family: "Font Awesome 7 Free";
    font-size: .75rem;
    font-weight: 900;
}

.mvp-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    max-width: 52rem;
    margin-inline: auto;
}

.mvp-info-card {
    min-height: 15rem;
    padding: 2rem;
    border: 1px solid rgba(var(--site-dark-rgb), .06);
    border-radius: 1.5rem;
    background: var(--site-white);
    box-shadow: var(--shadow-xs);
}

.mvp-info-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xs);
}

.mvp-info-card h3 {
    margin: 1.25rem 0 .65rem;
    color: var(--site-dark);
    font-size: 1.15rem;
    font-weight: 900;
}

.mvp-info-card p {
    margin: 0;
    color: rgba(var(--site-body-color-rgb), .65);
    font-size: .92rem;
    line-height: 1.65;
}

.mvp-info-card-horizontal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: center;
}

.mvp-info-card-horizontal h3 {
    margin-top: 0;
}

.mvp-process {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 5rem;
    max-width: 48rem;
    margin-inline: auto;
}

.mvp-process::before {
    content: "";
    position: absolute;
    top: 7rem;
    left: 50%;
    width: 1px;
    height: calc(100% - 10rem);
    border-left: 1px dashed rgba(var(--site-primary-rgb), .45);
}

.mvp-process-item {
    position: relative;
    z-index: 1;
}

.mvp-process-item span {
    display: inline-flex;
    margin-bottom: .75rem;
    padding: .25rem .55rem;
    border-radius: 999px;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .12);
    font-size: .72rem;
    font-weight: 900;
}

.mvp-process-item h3 {
    margin-bottom: .75rem;
    color: var(--site-dark);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.25;
}

.mvp-process-item p {
    color: rgba(var(--site-body-color-rgb), .68);
    line-height: 1.75;
}

.mvp-process-image {
    margin: 0;
    padding: 1.25rem;
    border-radius: 1.5rem;
    background: rgba(var(--site-white-rgb), .82);
    box-shadow: var(--shadow-xs);
}

.mvp-benefit-card {
    grid-template-columns: 1fr;
    min-height: 12rem;
    text-align: center;
}

.mvp-benefit-card > i {
    margin-inline: auto;
}

.mvp-stack-panel {
    margin-top: 0;
}

.mvp-text {
    color: rgba(var(--site-body-color-rgb), .68);
    line-height: 1.8;
}

.mvp-integration-orbit {
    position: relative;
    min-height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mvp-integration-orbit::before {
    content: "";
    position: absolute;
    width: 17rem;
    height: 17rem;
    border: 1px dashed rgba(var(--site-primary-rgb), .35);
    border-radius: 50%;
}

.mvp-integration-orbit span {
    position: absolute;
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--site-white);
    background: var(--site-primary);
    box-shadow: var(--shadow-xs);
}

.mvp-integration-orbit span:nth-child(1) { transform: translate(-7rem, -4.5rem); background: #24292f; }
.mvp-integration-orbit span:nth-child(2) { transform: translate(0, -8.5rem); background: #25d366; }
.mvp-integration-orbit span:nth-child(3) { transform: translate(7rem, -4.5rem); background: #4a154b; }
.mvp-integration-orbit span:nth-child(4) { transform: translate(-7.5rem, 3.5rem); background: #0070ba; }
.mvp-integration-orbit span:nth-child(5) { transform: translate(0, 8.5rem); background: #d49b27; }
.mvp-integration-orbit span:nth-child(6) { transform: translate(7.5rem, 3.5rem); background: #ff5c35; }
.mvp-integration-orbit span:nth-child(7) { transform: translate(0, 0); background: var(--site-secondary); }

.mvp-final-cta {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 2rem;
    align-items: center;
    margin-top: 4rem;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    border-radius: 1.5rem;
    color: var(--site-white);
    background: linear-gradient(135deg, var(--site-primary), var(--site-primary-hover));
}

.mvp-final-cta h2 {
    margin-bottom: 1rem;
    color: var(--site-white);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1.15;
}

.mvp-final-cta p {
    max-width: 30rem;
    color: rgba(var(--site-white-rgb), .82);
    line-height: 1.75;
}

@media (max-width: 991.98px) {
    .mvp-hero-visual {
        margin-inline: auto;
    }

    .mvp-tech-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mvp-card-grid,
    .mvp-process,
    .mvp-final-cta {
        grid-template-columns: 1fr;
    }

    .mvp-process::before {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .mvp-service-card {
        grid-template-columns: 1fr;
    }

    .mvp-service-card ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .mvp-card-grid {
        gap: 1rem;
    }

    .mvp-info-card,
    .mvp-process-image,
    .mvp-final-cta,
    .mvp-service-card {
        border-radius: 1.25rem;
    }

    .mvp-info-card,
    .mvp-process-image,
    .mvp-service-card {
        padding: 1.35rem;
    }

    .mvp-info-card-horizontal {
        grid-template-columns: 1fr;
    }

    .mvp-tech-list {
        justify-content: flex-start;
        gap: 1rem;
        font-size: 1rem;
    }

    .mvp-integration-orbit {
        min-height: 15rem;
        transform: scale(.86);
    }
}


/* ==================================================
   START-UP MVP CODED VISUALS
   Görsel dosyaları yerine HTML/CSS tabanlı tasarım bileşenleri
================================================== */

.mvp-coded-hero-visual {
    position: relative;
    max-width: 38rem;
    min-height: 31rem;
    margin-left: auto;
    isolation: isolate;
}

.mvp-coded-hero-visual::before {
    content: "";
    position: absolute;
    inset: 2rem 1rem 0 3rem;
    z-index: -1;
    border-radius: 2rem;
    background:
        radial-gradient(circle at 18% 20%, rgba(var(--site-secondary-rgb), .18), transparent 15rem),
        radial-gradient(circle at 82% 70%, rgba(var(--site-primary-rgb), .24), transparent 18rem),
        rgba(var(--site-white-rgb), .05);
}

.mvp-product-board {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(var(--site-white-rgb), .12);
    border-radius: 1.6rem;
    background: rgba(var(--site-white-rgb), .95);
    box-shadow: var(--shadow-md);
}

.mvp-board-top {
    min-height: 3.4rem;
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    border-bottom: 1px solid rgba(var(--site-dark-rgb), .08);
    background: var(--site-bg-light);
}

.mvp-board-top span {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: var(--site-secondary);
}

.mvp-board-top span:nth-child(2) { background: var(--site-primary); }
.mvp-board-top span:nth-child(3) { background: rgba(var(--site-dark-rgb), .24); }

.mvp-board-top strong {
    margin-left: .75rem;
    color: rgba(var(--site-body-color-rgb), .58);
    font-size: .78rem;
    font-weight: 900;
}

.mvp-board-body {
    min-height: 23rem;
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
}

.mvp-board-sidebar {
    padding: 1.2rem .9rem;
    display: grid;
    align-content: start;
    gap: .85rem;
    background: linear-gradient(180deg, rgba(var(--site-primary-rgb), .14), transparent), var(--site-bg-light);
}

.mvp-board-sidebar i {
    height: 2.2rem;
    border-radius: .8rem;
    background: rgba(var(--site-primary-rgb), .13);
}

.mvp-board-sidebar i.active { background: var(--site-primary); }

.mvp-board-content { padding: 1.5rem; }

.mvp-board-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.mvp-board-header small,
.mvp-board-header strong,
.mvp-board-header span { display: block; }

.mvp-board-header small {
    margin-bottom: .35rem;
    color: rgba(var(--site-body-color-rgb), .5);
    font-size: .76rem;
    font-weight: 800;
}

.mvp-board-header strong {
    color: var(--site-dark);
    font-size: 1.35rem;
    font-weight: 900;
}

.mvp-board-header span {
    min-width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--site-white);
    background: var(--site-primary);
    font-weight: 900;
}

.mvp-kpi-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .8rem;
    margin-bottom: 1rem;
}

.mvp-kpi-row article {
    min-height: 5.2rem;
    padding: 1rem .8rem;
    border-radius: 1rem;
    background: var(--site-bg-light);
}

.mvp-kpi-row b,
.mvp-kpi-row small { display: block; }
.mvp-kpi-row b { color: var(--site-dark); font-size: 1.25rem; font-weight: 900; }
.mvp-kpi-row small { margin-top: .4rem; color: rgba(var(--site-body-color-rgb), .54); font-size: .7rem; font-weight: 800; }

.mvp-roadmap-lines {
    display: grid;
    gap: .8rem;
    padding: 1.1rem;
    border-radius: 1.1rem;
    background: rgba(var(--site-primary-rgb), .08);
}

.mvp-roadmap-lines span {
    height: .62rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(var(--site-primary-rgb), .14);
}

.mvp-roadmap-lines i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--site-primary);
}

.mvp-roadmap-lines span:nth-child(1) i { width: 88%; }
.mvp-roadmap-lines span:nth-child(2) i { width: 64%; background: var(--site-secondary); }
.mvp-roadmap-lines span:nth-child(3) i { width: 46%; }

.mvp-floating-card {
    position: absolute;
    z-index: 2;
    width: 10rem;
    padding: 1rem;
    border: 1px solid rgba(var(--site-white-rgb), .18);
    border-radius: 1rem;
    color: var(--site-white);
    background: rgba(var(--site-dark-rgb), .82);
    box-shadow:var(--shadow-sm);
    backdrop-filter: blur(12px);
}

.mvp-floating-card i { margin-bottom: .6rem; color: var(--site-secondary); font-size: 1.35rem; }
.mvp-floating-card strong,
.mvp-floating-card span { display: block; }
.mvp-floating-card strong { font-size: .9rem; font-weight: 900; }
.mvp-floating-card span { margin-top: .25rem; color: rgba(var(--site-white-rgb), .7); font-size: .72rem; line-height: 1.45; }
.mvp-float-pitch { left: -2rem; bottom: 1rem; }
.mvp-float-rocket { right: -1rem; top: 2rem; background: linear-gradient(135deg, var(--site-primary), var(--site-primary-hover)); }

.mvp-card-visual {
    min-height: 12rem;
    margin-bottom: 1.25rem;
    border-radius: 1.2rem;
    background: var(--site-bg-light);
}

.mvp-mini-window {
    min-height: 2.7rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    border-bottom: 1px solid rgba(var(--site-dark-rgb), .08);
}

.mvp-mini-window span {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--site-secondary);
}

.mvp-mini-window span:nth-child(2) { background: var(--site-primary); }
.mvp-mini-window span:nth-child(3) { background: rgba(var(--site-dark-rgb), .18); }

.mvp-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .65rem;
    padding: 1rem;
}

.mvp-mini-stats i {
    min-height: 3.4rem;
    border-radius: .8rem;
    background: var(--site-white);
}

.mvp-mini-chart {
    min-height: 5.4rem;
    padding: .9rem 1rem 1rem;
    display: flex;
    align-items: flex-end;
    gap: .55rem;
}

.mvp-mini-chart span {
    flex: 1;
    border-radius: .45rem .45rem 0 0;
    background: var(--site-primary);
}

.mvp-mini-chart span:nth-child(1) { height: 42%; }
.mvp-mini-chart span:nth-child(2) { height: 68%; background: var(--site-secondary); }
.mvp-mini-chart span:nth-child(3) { height: 55%; }
.mvp-mini-chart span:nth-child(4) { height: 82%; background: var(--site-secondary); }
.mvp-mini-chart span:nth-child(5) { height: 48%; }

.mvp-segment-visual,
.mvp-analytics-visual,
.mvp-growth-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mvp-segment-visual::before,
.mvp-segment-visual::after {
    content: "";
    position: absolute;
    border: 1px dashed rgba(var(--site-primary-rgb), .35);
    border-radius: 50%;
}

.mvp-segment-visual::before { width: 9rem; height: 9rem; }
.mvp-segment-visual::after { width: 6rem; height: 6rem; }
.mvp-segment-visual span { position: absolute; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--site-primary); }
.mvp-segment-visual .segment-main { width: 3.5rem; height: 3.5rem; display: inline-flex; align-items: center; justify-content: center; color: var(--site-white); background: var(--site-secondary); }
.mvp-segment-visual span:nth-child(2) { transform: translate(-4rem, -3rem); }
.mvp-segment-visual span:nth-child(3) { transform: translate(4.3rem, -2.5rem); background: var(--site-secondary); }
.mvp-segment-visual span:nth-child(4) { transform: translate(-3.6rem, 3.2rem); background: var(--site-secondary); }
.mvp-segment-visual span:nth-child(5) { transform: translate(4rem, 3rem); }

.analytics-ring {
    width: 6.8rem;
    height: 6.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: conic-gradient(var(--site-primary) 0 64%, rgba(var(--site-primary-rgb), .14) 64% 100%);
}

.analytics-ring span {
    width: 4.9rem;
    height: 4.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--site-dark);
    background: var(--site-white);
    font-weight: 900;
}

.analytics-list { display: grid; gap: .55rem; width: 7rem; margin-left: 1rem; }
.analytics-list i { height: .7rem; border-radius: 999px; background: rgba(var(--site-primary-rgb), .22); }
.analytics-list i:nth-child(2) { width: 80%; background: rgba(var(--site-secondary-rgb), .45); }
.analytics-list i:nth-child(3) { width: 60%; }

.mvp-growth-visual { align-items: flex-end; gap: .75rem; padding: 1.2rem; }
.mvp-growth-visual i { width: 2.2rem; border-radius: .55rem .55rem 0 0; background: var(--site-primary); }
.mvp-growth-visual i:nth-child(1) { height: 32%; }
.mvp-growth-visual i:nth-child(2) { height: 50%; background: var(--site-secondary); }
.mvp-growth-visual i:nth-child(3) { height: 68%; }
.mvp-growth-visual i:nth-child(4) { height: 88%; background: var(--site-secondary); }
.mvp-growth-visual strong { position: absolute; right: 1.2rem; top: 1.2rem; width: 3rem; height: 3rem; border-radius: 50%; background: rgba(var(--site-primary-rgb), .12); }
.mvp-growth-visual strong span { position: absolute; inset: .8rem; border-radius: 50%; background: var(--site-primary); }

.mvp-process-coded {
    min-height: 14rem;
    display: grid;
    align-content: start;
    gap: 1rem;
    background: var(--site-white);
}

.process-coded-head {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--site-dark);
    font-weight: 900;
}

.process-coded-head i {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .1);
}

.process-kanban {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
}

.process-kanban span {
    min-height: 6rem;
    border-radius: .9rem;
    background: var(--site-bg-light);
}

.process-kanban span:nth-child(2) { background: rgba(var(--site-secondary-rgb), .2); }
.process-note-row { display: grid; grid-template-columns: 1fr .65fr; gap: .7rem; }
.process-note-row i,
.process-progress { height: .65rem; border-radius: 999px; background: rgba(var(--site-primary-rgb), .15); }

.process-test-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; }
.process-test-grid span { min-height: 3.7rem; border-radius: .9rem; background: var(--site-bg-light); }
.process-test-grid span.ok { background: rgba(var(--site-primary-rgb), .14); }
.process-progress { overflow: hidden; }
.process-progress i { display: block; width: 72%; height: 100%; border-radius: inherit; background: var(--site-primary); }

.process-docs-stack { display: grid; gap: .75rem; }
.process-docs-stack span { min-height: 2.5rem; border-radius: .85rem; background: var(--site-bg-light); }
.process-docs-stack span:nth-child(2) { width: 82%; background: rgba(var(--site-secondary-rgb), .2); }
.process-docs-stack span:nth-child(3) { width: 64%; }
.process-release { width: fit-content; padding: .55rem .85rem; border-radius: 999px; color: var(--site-primary); background: rgba(var(--site-primary-rgb), .12); font-size: .82rem; font-weight: 900; }

.mvp-final-visual {
    position: relative;
    min-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}

.mvp-final-visual::before {
    content: "";
    position: absolute;
    width: 18rem;
    height: 18rem;
    z-index: -1;
    border-radius: 50%;
    background: rgba(var(--site-white-rgb), .12);
}

.mvp-final-phone {
    position: relative;
    z-index: 2;
    width: 10rem;
    min-height: 18rem;
    padding: 1rem .85rem;
    border: 1px solid rgba(var(--site-white-rgb), .22);
    border-radius: 1.7rem;
    background: rgba(var(--site-white-rgb), .96);
    box-shadow:var(--shadow-sm);
}

.mvp-final-phone > span {
    width: 2.8rem;
    height: .32rem;
    display: block;
    margin: 0 auto 1rem;
    border-radius: 999px;
    background: rgba(var(--site-dark-rgb), .18);
}

.mvp-final-phone article {
    min-height: 8rem;
    padding: 1rem;
    border-radius: 1.1rem;
    text-align: center;
    color: var(--site-white);
    background: linear-gradient(135deg, var(--site-primary), var(--site-primary-hover));
}

.mvp-final-phone article i { margin-bottom: .7rem; color: var(--site-secondary); font-size: 1.6rem; }
.mvp-final-phone article strong,
.mvp-final-phone article small { display: block; }
.mvp-final-phone article strong { font-size: 1.35rem; font-weight: 900; }
.mvp-final-phone article small { color: rgba(var(--site-white-rgb), .76); font-weight: 800; }
.mvp-final-phone div { display: grid; gap: .55rem; margin-top: 1rem; }
.mvp-final-phone div i { height: .7rem; border-radius: 999px; background: rgba(var(--site-primary-rgb), .16); }

.mvp-final-panel {
    width: 17rem;
    min-height: 13rem;
    margin-left: -2rem;
    padding: 1.1rem;
    border: 1px solid rgba(var(--site-white-rgb), .18);
    border-radius: 1.35rem;
    background: rgba(var(--site-white-rgb), .18);
    backdrop-filter: blur(10px);
}

.mvp-final-panel-top {
    width: 70%;
    height: 1rem;
    margin-bottom: 1.2rem;
    border-radius: 999px;
    background: rgba(var(--site-white-rgb), .42);
}

.mvp-final-bars {
    min-height: 9rem;
    display: flex;
    align-items: flex-end;
    gap: .7rem;
}

.mvp-final-bars i {
    flex: 1;
    border-radius: .55rem .55rem 0 0;
    background: rgba(var(--site-white-rgb), .48);
}
.mvp-final-bars i:nth-child(1) { height: 42%; }
.mvp-final-bars i:nth-child(2) { height: 70%; background: var(--site-secondary); }
.mvp-final-bars i:nth-child(3) { height: 55%; }
.mvp-final-bars i:nth-child(4) { height: 86%; background: var(--site-secondary); }

@media (max-width: 991.98px) {
    .mvp-coded-hero-visual { margin-inline: auto; }
    .mvp-final-panel { margin-left: -1rem; }
}

@media (max-width: 767.98px) {
    .mvp-coded-hero-visual { min-height: auto; display: grid; gap: 1rem; }
    .mvp-coded-hero-visual::before { display: none; }
    .mvp-floating-card { position: relative; inset: auto; width: 100%; }
    .mvp-board-body { grid-template-columns: 1fr; }
    .mvp-board-sidebar { display: none; }
    .mvp-kpi-row { grid-template-columns: 1fr; }
    .mvp-final-visual { min-height: auto; flex-direction: column; gap: 1rem; }
    .mvp-final-panel { width: 100%; margin-left: 0; }
}

@media (max-width: 575.98px) {
    .mvp-product-board,
    .mvp-card-visual,
    .mvp-process-coded,
    .mvp-final-phone,
    .mvp-final-panel { border-radius: 1.15rem; }

    .process-kanban { grid-template-columns: 1fr; }
    .process-kanban span { min-height: 3.5rem; }
}