
.rktt-site{
 --blue:#6f9fbe;--blue2:#86aabd;--sage:#aab9af;--ink:#263b49;--muted:#657982;
 --pale:#f1f7f8;--cream:#fbfcfb;--line:#d9e4e7;
 font-family:'Montserrat',Arial,sans-serif;color:var(--ink);background:#fff
}
.rktt-site *{box-sizing:border-box}.rktt-site .container{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}
.rktt-site h1,.rktt-site h2,.rktt-site h3,.rktt-site p{margin:0}.rktt-site a{text-decoration:none}
.rktt-kicker{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;color:var(--blue);margin-bottom:18px}
.rktt-button{display:inline-flex;align-items:center;gap:12px;background:var(--blue);color:#fff!important;border-radius:8px;padding:15px 22px;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(45,84,103,.14);transition:.2s}
.rktt-button:hover{transform:translateY(-2px);background:#5c8da9}
.rktt-text-link{color:#527f9f!important;font-size:13px;font-weight:800}
.rktt-reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.rktt-reveal.is-visible{opacity:1;transform:none}

.rktt-hero{position:relative;overflow:hidden;padding:145px 0 105px;background:linear-gradient(118deg,#f8fbfc,#eef5f7 62%,#e5eff1);border-bottom:1px solid var(--line)}
.rktt-orb{position:absolute;width:650px;height:650px;border-radius:50%;right:-170px;top:-260px;background:radial-gradient(circle,rgba(111,159,190,.17),transparent 64%)}
.rktt-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:center}
.rktt-hero h1{font-size:clamp(50px,5.2vw,75px);line-height:.99;letter-spacing:-.045em;font-weight:300}.rktt-hero h1 strong{font-weight:700}
.rktt-hero-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:680px;margin-top:28px}
.rktt-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:36px}
.rktt-hero-track{background:rgba(255,255,255,.82);border:1px solid #d3e1e5;border-radius:14px;padding:28px;box-shadow:0 26px 65px rgba(58,91,106,.10)}
.rktt-track-label{text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:800;color:var(--blue);margin-bottom:20px}
.rktt-mini-stage{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center}
.rktt-mini-stage span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4f8f9;border:1px solid #c8d9df;color:#527f9f;font-size:8px;font-weight:800}
.rktt-mini-stage strong{font-size:11px}.rktt-hero-track i{display:block;width:1px;height:15px;background:linear-gradient(var(--blue),var(--sage));margin:3px 0 3px 16px}

.rktt-problem{padding:95px 0;background:#fff}.rktt-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.rktt-problem h2,.rktt-section-head h2,.rktt-result h2,.rktt-app-head h2,.rktt-cta h2{font-size:clamp(39px,4.3vw,60px);font-weight:300;line-height:1.04;letter-spacing:-.04em}.rktt-problem h2 strong,.rktt-result h2 strong,.rktt-app-head h2 strong{font-weight:700}
.rktt-problem-copy>p{font-size:15px;line-height:1.75;color:var(--muted)}
.rktt-problem-points{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid var(--line)}
.rktt-problem-points span{padding:16px 10px 16px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}

.rktt-framework{padding:100px 0 110px;background:var(--cream)}
.rktt-section-head{max-width:800px}.rktt-section-head>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:720px;margin-top:20px}
.rktt-stage{display:grid;grid-template-columns:105px 1.1fr .75fr;gap:44px;padding:48px 0;border-top:1px solid var(--line);align-items:start}
.rktt-stage:first-of-type{margin-top:58px}
.rktt-stage-num span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1px solid #bfd2d9;color:#527f9f;font-size:12px;font-weight:800;background:#fff}
.rktt-stage-num small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#81959d;margin-top:10px}
.rktt-stage-main .rktt-kicker{font-size:9px;margin-bottom:12px}
.rktt-stage-main h3{font-size:27px;line-height:1.18;letter-spacing:-.025em;max-width:570px}
.rktt-stage-main>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:610px;margin-top:16px}
.rktt-stage-side{padding-left:28px;border-left:1px solid var(--line)}
.rktt-stage-side>small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:800;color:#82959e}
.rktt-stage-side ul{list-style:none;margin:13px 0 24px;padding:0}.rktt-stage-side li{font-size:11px;line-height:1.5;padding:7px 0;border-bottom:1px solid #e4ebed}
.rktt-stage-side li:before{content:"+";color:var(--blue);font-weight:800;margin-right:8px}
.rktt-stage-side>strong{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#527f9f;margin-bottom:6px}.rktt-stage-side>p{font-size:11px;line-height:1.5}

.rktt-result{padding:95px 0;background:#edf4f6}.rktt-result-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.rktt-result-cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cbd9de;border-left:1px solid #cbd9de}
.rktt-result-cards>div{padding:22px;border-right:1px solid #cbd9de;border-bottom:1px solid #cbd9de;background:rgba(255,255,255,.45)}
.rktt-result-cards small,.rktt-result-cards strong{display:block}.rktt-result-cards small{text-transform:uppercase;letter-spacing:.14em;font-size:8px;color:#728891;margin-bottom:8px}.rktt-result-cards strong{font-size:12px;line-height:1.45}

.rktt-application{padding:105px 0;background:#fff}.rktt-app-head{max-width:800px}.rktt-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}
.rktt-app-grid article{border:1px solid var(--line);padding:30px;min-height:335px;display:flex;flex-direction:column;background:#fff}
.rktt-app-grid article:first-child{background:#f1f7f8}.rktt-app-grid article>span{font-size:9px;font-weight:800;color:var(--blue)}
.rktt-app-grid article>small{text-transform:uppercase;letter-spacing:.14em;font-size:8px;color:#82959e;margin-top:28px}
.rktt-app-grid h3{font-size:22px;margin-top:8px}.rktt-app-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:14px}.rktt-app-grid a{color:#527f9f!important;font-size:11px;font-weight:800;margin-top:auto;padding-top:25px}

.rktt-cta{padding:95px 0;background:linear-gradient(120deg,#7fa8c1,#a5b8b2);color:#fff}.rktt-cta .rktt-kicker{color:#fff}.rktt-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.rktt-cta h2{font-size:clamp(38px,4.2vw,57px)}
.rktt-cta p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.94)}.rktt-button-dark{background:#527f9f;margin-top:28px}

@media(max-width:900px){
 .rktt-hero-grid,.rktt-problem-grid,.rktt-result-grid,.rktt-cta-grid{grid-template-columns:1fr;gap:48px}
 .rktt-stage{grid-template-columns:75px 1fr;gap:25px}.rktt-stage-side{grid-column:2;padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:20px}
 .rktt-app-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .rktt-site .container{padding-left:22px;padding-right:22px}.rktt-hero{padding:125px 0 75px}.rktt-hero h1{font-size:clamp(43px,12vw,58px)}
 .rktt-actions{flex-direction:column;align-items:stretch}.rktt-actions a{justify-content:center;text-align:center}
 .rktt-problem,.rktt-framework,.rktt-result,.rktt-application,.rktt-cta{padding:72px 0}
 .rktt-problem-points,.rktt-result-cards{grid-template-columns:1fr}
 .rktt-stage{grid-template-columns:1fr;gap:20px;padding:38px 0}.rktt-stage-side{grid-column:auto}.rktt-stage-num{display:flex;align-items:center;gap:12px}.rktt-stage-num small{margin:0}
 .rktt-app-grid article{min-height:0}
}
@media(prefers-reduced-motion:reduce){.rktt-reveal{opacity:1;transform:none;transition:none}}


/* Final spacing refinements */
.rktt-stage {
    padding-top: 55px;
    padding-bottom: 55px;
}

.rktt-result {
    padding-top: 110px;
    padding-bottom: 110px;
}

.rktt-result-cards {
    margin-top: 8px;
}

@media (max-width: 650px) {
    .rktt-stage {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .rktt-result {
        padding-top: 82px;
        padding-bottom: 82px;
    }
}


/* ============================================================
   TRUST TRACK MOBILE QA REFINEMENT V1
   Tightens pacing only. Desktop remains unchanged.
============================================================ */
@media (max-width:650px) {

    /* Hero */
    .rktt-hero {
        padding-top:112px !important;
        padding-bottom:48px !important;
    }
    .rktt-hero-actions {
        margin-top:22px !important;
        margin-bottom:0 !important;
    }
    .rktt-hero-card,
    .rktt-framework-card {
        margin-top:22px !important;
    }

    /* Why it exists */
    .rktt-why,
    .rktt-intro {
        padding-top:50px !important;
        padding-bottom:50px !important;
    }

    /* Five framework stages */
    .rktt-stage {
        padding-top:38px !important;
        padding-bottom:38px !important;
    }
    .rktt-stage-grid {
        gap:20px !important;
    }
    .rktt-stage p {
        margin-top:12px !important;
        margin-bottom:14px !important;
    }
    .rktt-stage ul {
        margin-top:14px !important;
        margin-bottom:14px !important;
    }
    .rktt-stage li {
        margin-bottom:7px !important;
    }
    .rktt-output,
    .rktt-stage-output {
        margin-top:15px !important;
        padding-top:14px !important;
    }

    /* From disconnected activity to a growth system */
    .rktt-result {
        padding-top:68px !important;
        padding-bottom:68px !important;
    }
    .rktt-result-cards {
        margin-top:22px !important;
        gap:0 !important;
    }
    .rktt-result-cards > div,
    .rktt-result-cards article {
        padding-top:13px !important;
        padding-bottom:13px !important;
    }

    /* Engagement options */
    .rktt-engagements,
    .rktt-fit {
        padding-top:52px !important;
        padding-bottom:52px !important;
    }
    .rktt-engagement-grid,
    .rktt-fit-grid {
        margin-top:24px !important;
        gap:9px !important;
    }
    .rktt-engagement-grid article,
    .rktt-fit-grid article {
        padding:19px 17px !important;
        min-height:0 !important;
    }
    .rktt-engagement-grid h3,
    .rktt-fit-grid h3 {
        margin-top:9px !important;
        margin-bottom:8px !important;
    }

    /* Final CTA remains generous but removes excess space */
    .rktt-final,
    .rktt-cta {
        padding-top:50px !important;
        padding-bottom:50px !important;
    }
}
