.project-single-page{overflow:hidden;background:#fff}
.project-container{width:min(1140px,calc(100% - 32px));margin:0 auto}

.project-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: 150px 0 110px;
    color: #fff;
    background-color: var(--mkt-dark);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.project-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(
            circle at 78% 22%,
            rgba(245, 166, 35, .20),
            transparent 34%
        );
    pointer-events: none;
}

.project-hero:after {
    content: "";
    position: absolute;
    inset: auto 0 -1px 0;
    z-index: 2;
    height: 120px;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        #fff
    );
    pointer-events: none;
}

.project-hero .project-container {
    position: relative;
    z-index: 3;
    max-width: 900px;
}

.project-hero .project-container{position:relative;z-index:3;max-width:900px}
.project-breadcrumb{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;color:rgba(255,255,255,.72);font-size:14px;font-weight:800}
.project-breadcrumb a{color:rgba(255,255,255,.82)}
.project-breadcrumb a:hover{color:var(--mkt-primary)}
.project-eyebrow{display:inline-block;margin-bottom:18px;color:var(--mkt-primary);font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.project-breadcrumb .project-eyebrow{margin-bottom:0}
.project-hero h1{max-width:840px;margin:0 0 24px;font-size:clamp(42px,6vw,78px);line-height:1.02;font-weight:900;text-transform:uppercase}
.project-hero p{max-width:700px;margin:0 0 34px;color:rgba(255,255,255,.84);font-size:20px;line-height:1.7}
.project-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.project-hero-meta span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.86);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.project-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 30px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;transition:.22s ease}
.project-btn-primary{background:var(--mkt-primary);color:#101010}
.project-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(245,166,35,.28)}
.project-section{padding:96px 0}
.project-heading{max-width:760px;margin-bottom:54px}
.project-heading-center{margin-left:auto;margin-right:auto;text-align:center}
.project-heading h2{margin:0;color:var(--mkt-dark);font-size:clamp(34px,4vw,54px);line-height:1.08;font-weight:950;letter-spacing:-1.5px}
.project-heading p{margin:20px 0 0;color:var(--mkt-muted);font-size:18px;line-height:1.85}
.showcase-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.showcase-device{position:relative;min-height:520px;padding:46px;border-radius:34px;background:radial-gradient(circle at 85% 18%,rgba(245,166,35,.16),transparent 32%),var(--mkt-dark);box-shadow:var(--mkt-shadow);overflow:hidden}
.showcase-notebook{width:88%;padding:22px;border-radius:24px;background:#11151e;border:10px solid rgba(255,255,255,.10);box-shadow:0 30px 76px rgba(0,0,0,.45)}
.showcase-notebook-screen{height:270px;border-radius:14px;background:linear-gradient(135deg,rgba(245,166,35,.16),rgba(13,15,20,.50)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1000&q=85") center/cover no-repeat}
.showcase-phone{position:absolute;right:44px;bottom:42px;width:170px;padding:14px;border-radius:34px;background:#11151e;border:8px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.40)}
.showcase-phone-screen{height:270px;border-radius:24px;background:linear-gradient(135deg,rgba(245,166,35,.14),rgba(13,15,20,.60)),url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=500&q=85") center/cover no-repeat}
.showcase-content h2{margin:0 0 22px;color:var(--mkt-dark);font-size:clamp(34px,4vw,54px);line-height:1.08;font-weight:950;letter-spacing:-1.5px}
.showcase-content p{margin:0 0 22px;color:var(--mkt-muted);font-size:18px;line-height:1.85}
.showcase-list{display:grid;gap:14px;margin-top:30px}
.showcase-item{padding:18px 20px;border-radius:18px;background:var(--mkt-light);border:1px solid var(--mkt-border);color:var(--mkt-dark);font-size:15px;line-height:1.55;font-weight:900}
.project-dark{background:var(--mkt-dark);color:#fff}
.project-dark .project-heading h2{color:#fff}
.project-dark .project-heading p{color:rgba(255,255,255,.70)}
.challenge-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cs-card{padding:42px;border-radius:30px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.cs-card span{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;margin-bottom:28px;border-radius:50%;background:rgba(245,166,35,.16);color:var(--mkt-primary);font-weight:950}
.cs-card h3{margin:0 0 18px;color:#fff;font-size:30px;line-height:1.12;font-weight:950}
.cs-card p{margin:0;color:rgba(255,255,255,.70);font-size:16px;line-height:1.85}
.solutions-section{background:var(--mkt-light)}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.solution-card{padding:32px 28px;border-radius:24px;background:#fff;border:1px solid var(--mkt-border);box-shadow:var(--mkt-shadow-soft)}
.solution-card span{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:26px;border-radius:50%;background:rgba(245,166,35,.16);color:var(--mkt-primary);font-weight:950}
.solution-card h3{margin:0 0 12px;color:var(--mkt-dark);font-size:23px;line-height:1.18;font-weight:950}
.solution-card p{margin:0;color:var(--mkt-muted);font-size:15px;line-height:1.75}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.metric-card{padding:30px 24px;border-radius:24px;background:#fff;border:1px solid var(--mkt-border);box-shadow:var(--mkt-shadow-soft);text-align:center}
.metric-card strong{display:block;color:var(--mkt-primary);font-size:44px;line-height:1;font-weight:950;letter-spacing:-1px;margin-bottom:10px}
.metric-card span{color:var(--mkt-dark);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.before-after{background:var(--mkt-light)}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ba-card{padding:38px;border-radius:30px;background:#fff;border:1px solid var(--mkt-border);box-shadow:var(--mkt-shadow-soft)}
.ba-card h3{margin:0 0 24px;color:var(--mkt-dark);font-size:30px;font-weight:950}
.ba-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.ba-list li{position:relative;padding:17px 18px 17px 50px;border-radius:16px;background:var(--mkt-light);color:var(--mkt-muted);font-size:15px;line-height:1.55;font-weight:800}
.ba-list li:before{content:"";position:absolute;left:20px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--mkt-primary)}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.timeline-card{padding:28px 22px;border-radius:24px;background:var(--mkt-light);border:1px solid var(--mkt-border)}
.timeline-card span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:20px;border-radius:50%;background:rgba(245,166,35,.16);color:var(--mkt-primary);font-weight:950}
.timeline-card h3{margin:0 0 10px;color:var(--mkt-dark);font-size:19px;font-weight:950}
.timeline-card p{margin:0;color:var(--mkt-muted);font-size:14px;line-height:1.65}
.project-final-cta{padding:96px 0;background:linear-gradient(180deg,var(--mkt-light),#fff)}
.project-cta-card{max-width:980px;margin:0 auto;padding:64px 58px;border-radius:32px;color:#fff;text-align:center;background:radial-gradient(circle at 85% 15%,rgba(245,166,35,.18),transparent 28%),var(--mkt-dark);box-shadow:var(--mkt-shadow)}
.project-cta-card span{display:block;margin-bottom:14px;color:var(--mkt-primary);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.project-cta-card h2{max-width:760px;margin:0 auto 18px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.04;font-weight:950;letter-spacing:-1.8px}
.project-cta-card p{max-width:680px;margin:0 auto 34px;color:rgba(255,255,255,.78);font-size:18px;line-height:1.75}

@media(max-width:1080px){.solutions-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.showcase-grid,.challenge-solution-grid,.ba-grid{grid-template-columns:1fr}}
@media(max-width:640px){

    .project-container{
        width:min(100% - 28px,1140px);
    }

    .project-hero{
        min-height:auto;
        padding:132px 0 82px;
    }

    .project-hero p{
        font-size:17px;
    }

    .project-section,
    .project-final-cta{
        padding:72px 0;
    }

    .solutions-grid,
    .metrics-grid,
    .timeline{
        grid-template-columns:1fr;
    }

    .showcase-device{
        min-height:430px;
        padding:28px;
    }

    .showcase-notebook{
        width:100%;
    }

    .showcase-phone{
        width:132px;
        right:24px;
        bottom:24px;
    }

    .showcase-phone-screen{
        height:200px;
    }

    .cs-card,
    .ba-card{
        padding:28px;
    }

    .project-btn{
        width:100%;
    }

    .project-cta-card{
        padding:48px 24px;
        border-radius:24px;
    }

    .lab-footer-inner{
        align-items:flex-start;
        flex-direction:column;
    }
}