/* =========================================================
   GOVERNMENT APPROVED PAINTING VALUERS INDIA
   HOME PAGE
   UNIQUE CSS PREFIXES:
   gapvHomeHero
   gapvScenarios
   gapvTrust
========================================================= */


/* =========================================================
   SECTION 01 — HERO
========================================================= */
/* =========================================================
   SECTION 01 — HERO
   LARGE PRINCIPAL VALUER PORTRAIT
========================================================= */

.gapvHomeHero {
    position: relative;
    width: 100%;
    padding: 70px 0 75px;

    background:
        linear-gradient(
            135deg,
            #f8f5ed 0%,
            #ffffff 52%,
            #f4efe4 100%
        );

    overflow: hidden;
}

.gapvHomeHeroGlow {
    position: absolute;
    width: 560px;
    height: 560px;

    right: -220px;
    top: -220px;

    border: 1px solid rgba(184,131,24,.18);
    border-radius: 50%;
}

.gapvHomeHeroWatermark {
    position: absolute;

    right: 4%;
    bottom: -65px;

    color: rgba(9,47,98,.035);

    font-family: Georgia, serif;
    font-size: 220px;
    font-weight: 700;
    line-height: 1;

    pointer-events: none;
}

.gapvHomeHero .container {
    position: relative;
    z-index: 2;
}

.gapvHomeHeroGrid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(400px, .92fr);

    gap: 55px;

    align-items: center;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.gapvHomeHeroContent {
    min-width: 0;
}

.gapvHomeHeroEyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 18px;

    color: #b88318;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.gapvHomeHeroEyebrow span {
    width: 45px;
    height: 2px;

    background: #b88318;
}

.gapvHomeHero h1 {
    margin: 0 0 22px;

    color: #092f62;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(42px, 4.4vw, 66px);
    line-height: 1.02;

    font-weight: 400;
    letter-spacing: -1.4px;
}

.gapvHomeHero h1 strong {
    display: block;

    color: #b88318;

    font-weight: 500;
}

.gapvHomeHero h1 small {
    display: block;

    margin-top: 15px;

    color: #092f62;

    font-family: Arial, sans-serif;

    font-size: 17px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: .4px;
}

.gapvHomeHero h1 small i {
    color: #b88318;

    padding: 0 6px;

    font-style: normal;
}


/* HERO TEXT */

.gapvHomeHeroLead {
    max-width: 790px;
}

.gapvHomeHeroLead p {
    margin: 0 0 12px;

    color: #5c6c7f;

    font-size: 15px;
    line-height: 1.62;
}

.gapvHomeHeroLead strong {
    color: #092f62;
    font-weight: 800;
}

.gapvHomeHeroBenchmark {
    margin-top: 17px !important;

    padding: 13px 17px;

    border-left: 3px solid #b88318;

    background:
        rgba(184,131,24,.07);
}

.gapvHomeHeroCoverage {
    color: #092f62 !important;

    font-size: 15px !important;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.gapvHomeHeroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 25px;
}

.gapvHomeHeroActions a {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    gap: 17px;

    padding: 0 18px;

    text-decoration: none;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;

    transition: .3s ease;
}

.gapvHomeHeroPrimary {
    color: #ffffff;

    background: #092f62;

    box-shadow:
        0 9px 24px rgba(9,47,98,.18);
}

.gapvHomeHeroPrimary b {
    color: #092f62;

    font-size: 18px;
}

.gapvHomeHeroPrimary:hover {
    color: #ffffff;

    background: #b88318;

    transform: translateY(-3px);
}

.gapvHomeHeroSecondary {
    color: #092f62;

    background: #ffffff;

    border: 1px solid rgba(9,47,98,.18);
}

.gapvHomeHeroSecondary b {
    color: #b88318;

    font-size: 18px;
}

.gapvHomeHeroSecondary:hover {
    color: #ffffff;

    background: #092f62;

    border-color: #092f62;

    transform: translateY(-3px);
}


/* =========================================================
   LARGE PORTRAIT
========================================================= */

.gapvHomeHeroPortrait {
    position: relative;

    min-width: 0;

    min-height: 620px;

    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.gapvHomeHeroPortraitFrame {
    position: relative;

    width: min(100%, 520px);
    height: 1100px;

    overflow: hidden;

    background: #092f62;

    border-radius: 2px;

    box-shadow:
        0 30px 70px rgba(9,47,98,.20);
}

.gapvHomeHeroPortraitGold {
    position: absolute;

    z-index: 4;

    top: 20px;
    right: 20px;

    width: 85px;
    height: 85px;

    border-top: 2px solid #c69224;
    border-right: 2px solid #c69224;

    pointer-events: none;
}

.gapvHomeHeroPortraitFrame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center top;

    filter: saturate(.92);

    transition: transform .6s ease;
}

.gapvHomeHeroPortraitFrame:hover img {
    transform: scale(1.025);
}

.gapvHomeHeroPortraitOverlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(9,47,98,.02) 45%,
            rgba(9,47,98,.68) 100%
        );
}


/* =========================================================
   34AB BADGE
========================================================= */

.gapvHomeHeroBadge {
    position: absolute;

    left: -22px;
    top: 65px;

    z-index: 6;

    display: flex;
    align-items: center;
    gap: 13px;

    padding: 13px 17px;

    color: #ffffff;

    background: #092f62;

    border-left: 4px solid #c69224;

    box-shadow:
        0 15px 35px rgba(9,47,98,.20);
}

.gapvHomeHeroBadge strong {
    color: #d09a2a;

    font-family: Georgia, serif;

    font-size: 28px;
    line-height: 1;
}

.gapvHomeHeroBadge span {
    font-size: 11px;
    line-height: 1.35;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================================
   PORTRAIT CAPTION
========================================================= */

.gapvHomeHeroCaption {
    position: absolute;

    z-index: 6;

    left: 30px;
    bottom: 85px;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.gapvHomeHeroCaption span {
    color: #d09a2a;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.gapvHomeHeroCaption strong {
    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 29px;
    line-height: 1.15;

    font-weight: 500;
}

.gapvHomeHeroCaption small {
    color: rgba(255,255,255,.75);

    font-size: 13px;
    line-height: 1.4;
}


/* =========================================================
   CREDENTIAL STRIP
========================================================= */

.gapvHomeHeroCredentials {
    position: absolute;

    z-index: 7;

    left: 30px;
    right: 30px;
    bottom: 0;

    min-height: 67px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-top: 1px solid rgba(255,255,255,.18);

    background: rgba(9,47,98,.94);

    backdrop-filter: blur(5px);
}

.gapvHomeHeroCredentials div {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 10px 14px;

    border-right: 1px solid rgba(255,255,255,.13);
}

.gapvHomeHeroCredentials div:last-child {
    border-right: 0;
}

.gapvHomeHeroCredentials strong {
    color: #d09a2a;

    font-size: 15px;
    line-height: 1.2;
}

.gapvHomeHeroCredentials span {
    margin-top: 3px;

    color: rgba(255,255,255,.68);

    font-size: 11px;
    line-height: 1.3;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .gapvHomeHeroGrid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .gapvHomeHeroContent {
        max-width: 900px;
    }

    .gapvHomeHeroPortrait {
        width: 100%;
        max-width: 620px;

        margin: 0 auto;

        min-height: 650px;
    }

    .gapvHomeHeroPortraitFrame {
        height: 650px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .gapvHomeHero {
        padding: 55px 0 60px;
    }

    .gapvHomeHero h1 {
        font-size: 39px;
        letter-spacing: -.7px;
    }

    .gapvHomeHero h1 small {
        font-size: 15px;
    }

    .gapvHomeHeroLead p {
        font-size: 15px;
        line-height: 1.6;
    }

    .gapvHomeHeroActions {
        flex-direction: column;
    }

    .gapvHomeHeroActions a {
        width: 100%;
    }

    .gapvHomeHeroPortrait {
        min-height: 520px;

        padding-left: 15px;
    }

    .gapvHomeHeroPortraitFrame {
        width: 100%;
        height: 520px;
    }

    .gapvHomeHeroBadge {
        left: 0;
        top: 30px;
    }

    .gapvHomeHeroCaption {
        left: 24px;
        bottom: 82px;
    }

    .gapvHomeHeroCaption strong {
        font-size: 25px;
    }

    .gapvHomeHeroCredentials {
        left: 24px;
        right: 0;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .gapvHomeHero h1 {
        font-size: 34px;
    }

    .gapvHomeHeroPortrait {
        min-height: 470px;
    }

    .gapvHomeHeroPortraitFrame {
        height: 470px;
    }

    .gapvHomeHeroBadge {
        padding: 10px 12px;
    }

    .gapvHomeHeroBadge strong {
        font-size: 23px;
    }

    .gapvHomeHeroBadge span {
        font-size: 10px;
    }

    .gapvHomeHeroCaption {
        left: 18px;
        bottom: 80px;
    }

    .gapvHomeHeroCaption strong {
        font-size: 22px;
    }

    .gapvHomeHeroCredentials {
        left: 18px;
        right: 0;
    }

    .gapvHomeHeroCredentials div {
        padding: 8px 9px;
    }

    .gapvHomeHeroCredentials span {
        font-size: 10px;
    }

}
/* =========================================================
   SECTION 02 — THREE SCENARIOS
========================================================= */

.gapvScenarios {
    position: relative;

    padding: 90px 0;

    background: #ffffff;
    overflow: hidden;
}

.gapvScenariosWatermark {
    position: absolute;
    left: -20px;
    top: 30px;

    color: rgba(9, 47, 98, .035);

    font-family: Georgia, serif;
    font-size: 190px;
    font-weight: 700;
    line-height: 1;
}

.gapvScenariosHeader {
    position: relative;
    z-index: 2;

    max-width: 850px;
    margin-bottom: 45px;
}

.gapvScenariosHeader h2 {
    margin: 0 0 18px;

    color: #092f62;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 400;
}

.gapvScenariosHeader h2 strong {
    color: #b88318;
    font-weight: 500;
}

.gapvScenariosHeader p {
    max-width: 760px;

    margin: 0;

    color: #647386;

    font-size: 16px;
    line-height: 1.7;
}

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

.gapvScenarioCard {
    position: relative;

    min-width: 0;

    padding: 32px 28px 28px;

    border: 1px solid #e3e7ec;
    background: #ffffff;

    box-shadow: 0 12px 35px rgba(9, 47, 98, .055);

    transition: .3s ease;
}

.gapvScenarioCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(9, 47, 98, .1);
}

.gapvScenarioDark {
    color: #ffffff;
    background: #092f62;
    border-color: #092f62;
}

.gapvScenarioGold {
    background: #fbf7ed;
    border-top: 4px solid #c69224;
}

.gapvScenarioTop {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 25px;
}

.gapvScenarioNumber {
    color: #b88318;

    font-family: Georgia, serif;
    font-size: 34px;
    line-height: 1;
}

.gapvScenarioDark .gapvScenarioNumber {
    color: #d4a33c;
}

.gapvScenarioTag {
    padding: 7px 10px;

    color: #092f62;
    background: #f2eee5;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
}

.gapvScenarioDark .gapvScenarioTag {
    color: #092f62;
    background: #ffffff;
}

.gapvScenarioCard h3 {
    margin: 0 0 18px;

    color: #092f62;

    font-family: Georgia, serif;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 400;
}

.gapvScenarioDark h3 {
    color: #ffffff;
}

.gapvScenarioGold h3 strong,
.gapvScenarioCard h3 strong {
    color: #b88318;
    font-weight: 600;
}

.gapvScenarioDark h3 strong {
    color: #d4a33c;
}

.gapvScenarioCard p {
    margin: 0 0 15px;

    color: #647386;

    font-size: 15px;
    line-height: 1.7;
}

.gapvScenarioDark p {
    color: rgba(255,255,255,.74);
}

.gapvScenarioCard p strong {
    color: #092f62;
    font-weight: 800;
}

.gapvScenarioDark p strong {
    color: #ffffff;
}

.gapvScenarioFooter {
    margin-top: 25px;
    padding-top: 18px;

    border-top: 1px solid #e2e6eb;
}

.gapvScenarioDark .gapvScenarioFooter {
    border-color: rgba(255,255,255,.18);
}

.gapvScenarioFooter span {
    display: block;

    margin-bottom: 5px;

    color: #9b7a37;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gapvScenarioFooter strong {
    color: #092f62;

    font-size: 14px;
    line-height: 1.4;
}

.gapvScenarioDark .gapvScenarioFooter strong {
    color: #ffffff;
}


/* SCENARIO CTA */

.gapvScenariosCTA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    margin-top: 35px;
    padding: 25px 28px;

    background: #f7f3e9;
    border-left: 4px solid #c69224;
}

.gapvScenariosCTA > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gapvScenariosCTA span {
    color: #b88318;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gapvScenariosCTA strong {
    color: #092f62;

    font-family: Georgia, serif;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 500;
}

.gapvScenariosCTA a {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    gap: 20px;

    min-height: 52px;
    padding: 0 20px;

    color: #ffffff;
    background: #092f62;

    text-decoration: none;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;

    transition: .3s ease;
}

.gapvScenariosCTA a span {
    color: #d09a2a;
    font-size: 20px;
}

.gapvScenariosCTA a:hover {
    background: #b88318;
    transform: translateY(-2px);
}


/* =========================================================
   SECTION 03 — TRUST BAND
========================================================= */

.gapvTrust {
    position: relative;

    padding: 82px 0;

    background: #092f62;
    overflow: hidden;
}

.gapvTrust:before {
    content: "";

    position: absolute;
    right: -180px;
    top: -180px;

    width: 480px;
    height: 480px;

    border: 1px solid rgba(198,146,36,.22);
    border-radius: 50%;
}

.gapvTrustHeader {
    max-width: 800px;
    margin-bottom: 42px;
}

.gapvTrustEyebrow {
    margin-bottom: 18px;
	color: #ffc107;
}

.gapvTrustHeader h2 {
    margin: 0;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.1;
    font-weight: 400;
}

.gapvTrustHeader h2 strong {
    color: #d09a2a;
    font-weight: 500;
}

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

    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.14);
}

.gapvTrustItem {
    min-width: 0;

    display: flex;
    align-items: flex-start;
    gap: 16px;

    padding: 24px 20px;

    background: #092f62;
}

.gapvTrustItem > span {
    flex: 0 0 auto;

    min-width: 56px;

    color: #d09a2a;

    font-family: Georgia, serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}

.gapvTrustItem div {
    min-width: 0;
}

.gapvTrustItem strong {
    display: block;

    margin-bottom: 6px;

    color: #ffffff;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;
}

.gapvTrustItem small {
    display: block;

    color: rgba(255,255,255,.62);

    font-size: 15px;
    line-height: 1.5;
}

.gapvTrustBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    margin-top: 30px;
    padding: 25px 28px;

    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.045);
}

.gapvTrustBottom > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.gapvTrustBottom strong {
    color: #ffffff;

    font-family: Georgia, serif;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 500;
}

.gapvTrustBottom span {
    color: rgba(255,255,255,.62);

    font-size: 15px;
    line-height: 1.5;
}

.gapvTrustBottom a {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    gap: 18px;

    min-height: 52px;
    padding: 0 20px;

    color: #092f62;
    background: #c69224;

    text-decoration: none;

    font-size: 13px;
    font-weight: 900;
    letter-spacing: .3px;

    transition: .3s ease;
}

.gapvTrustBottom a span {
    color: #092f62;
    font-size: 20px;
}

.gapvTrustBottom a:hover {
    color: #ffffff;
    background: #b88318;
}

.gapvTrustBottom a:hover span {
    color: #ffffff;
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1100px) {

    .gapvHomeHeroGrid {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .gapvHomeHeroPanel {
        max-width: 700px;
    }

    .gapvScenariosGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gapvScenarioGold {
        grid-column: span 2;
    }

    .gapvTrustGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 700px) {

    .gapvHomeHero {
        padding: 60px 0;
    }

    .gapvHomeHero h1 {
        font-size: 40px;
        letter-spacing: -.8px;
    }

    .gapvHomeHero h1 small {
        font-size: 16px;
    }

    .gapvHomeHeroLead p {
        font-size: 15px;
        line-height: 1.65;
    }

    .gapvHomeHeroActions {
        flex-direction: column;
    }

    .gapvHomeHeroActions a {
        width: 100%;
        min-width: 0;
    }

    .gapvHomeHeroPanel {
        padding: 28px 22px;
    }

    .gapvScenarios {
        padding: 60px 0;
    }

    .gapvScenariosHeader h2,
    .gapvTrustHeader h2 {
        font-size: 34px;
    }

    .gapvScenariosGrid {
        grid-template-columns: 1fr;
    }

    .gapvScenarioGold {
        grid-column: auto;
    }

    .gapvScenariosCTA {
        flex-direction: column;
        align-items: stretch;
    }

    .gapvScenariosCTA a {
        justify-content: center;
        width: 100%;
    }

    .gapvTrust {
        padding: 60px 0;
    }

    .gapvTrustGrid {
        grid-template-columns: 1fr;
    }

    .gapvTrustBottom {
        flex-direction: column;
        align-items: stretch;
    }

    .gapvTrustBottom a {
        justify-content: center;
        width: 100%;
    }

}


/* =========================================================
   RESPONSIVE — SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .gapvHomeHero h1 {
        font-size: 35px;
    }

    .gapvHomeHeroPanelTop strong {
        font-size: 40px;
    }

    .gapvScenarioCard {
        padding: 25px 20px;
    }

    .gapvScenarioCard h3 {
        font-size: 23px;
    }

    .gapvTrustItem {
        padding: 20px 16px;
    }

}


/* =========================================================
   GOVERNMENT APPROVED PAINTING VALUERS
   HOMEPAGE VISUAL SECTIONS
========================================================= */


/* =========================================================
   SECTION — SCENARIOS
========================================================= */

.gapvScenarios{
    position:relative;
    padding:90px 0;
    background:#f6f4ef;
    overflow:hidden;
}

.gapvScenariosWatermark{
    position:absolute;
    right:-30px;
    top:20px;
    font-size:180px;
    line-height:1;
    font-weight:900;
    color:rgba(19,47,82,.035);
}

.gapvScenariosHeader{
    max-width:900px;
    margin:0 auto 50px;
    text-align:center;
}

.gapvScenariosEyebrow,
.gapvMethodEyebrow,
.gapvTrustEyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    color:#b88723;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.8px;
}

.gapvScenariosEyebrow{
    justify-content:center;
}

.gapvScenariosEyebrow span,
.gapvMethodEyebrow span,
.gapvTrustEyebrow span{
    width:30px;
    height:2px;
    background:#b88723;
}

.gapvScenariosHeader h2{
    margin:15px 0;
    color:#142f50;
    font-size:40px;
    line-height:1.18;
    font-weight:500;
}

.gapvScenariosHeader h2 strong{
    font-weight:800;
}

.gapvScenariosHeader p{
    margin:0 auto;
    max-width:760px;
    color:#5d6875;
    font-size:16px;
    line-height:1.8;
}

.gapvScenariosGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.gapvScenarioCard{
    background:#fff;
    border:1px solid #e6e1d8;
    overflow:hidden;
    transition:.35s ease;
}

.gapvScenarioCard:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 45px rgba(17,35,55,.12);
}

.gapvScenarioDark{
    background:#132f52;
    color:#fff;
}

.gapvScenarioGold{
    border-top:4px solid #b88723;
}

.gapvScenarioImage{
    height:210px;
    position:relative;
    overflow:hidden;
}

.gapvScenarioImage img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.gapvScenarioCard:hover .gapvScenarioImage img{
    transform:scale(1.06);
}

.gapvScenarioImageOverlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(10,25,42,.7),
        rgba(10,25,42,.02)
    );
}

.gapvScenarioNumber{
    position:absolute;
    left:20px;
    bottom:18px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#b88723;
    color:#092f62;
    font-size:15px;
    font-weight:800;
}

.gapvScenarioTag{
    position:absolute;
    right:18px;
    bottom:22px;
    color:#092f62;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.2px;
}

.gapvScenarioContent{
    padding:28px;
}

.gapvScenarioContent h3{
    margin:0 0 18px;
    color:#142f50;
    font-size:23px;
    line-height:1.3;
}

.gapvScenarioDark .gapvScenarioContent h3{
    color:#fff;
}

.gapvScenarioContent h3 strong{
    font-weight:800;
}

.gapvScenarioContent p{
    margin:0 0 15px;
    color:#5c6773;
    font-size:15px;
    line-height:1.75;
}

.gapvScenarioDark .gapvScenarioContent p{
    color:#d4dce5;
}

.gapvScenarioFooter{
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid #e5e1da;
}

.gapvScenarioDark .gapvScenarioFooter{
    border-color:rgba(255,255,255,.15);
}

.gapvScenarioFooter span,
.gapvScenarioFooter strong{
    display:block;
}

.gapvScenarioFooter span{
    margin-bottom:5px;
    color:#b88723;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gapvScenarioFooter strong{
    color:#142f50;
    font-size:15px;
}

.gapvScenarioDark .gapvScenarioFooter strong{
    color:#fff;
}

.gapvScenariosCTA{
    margin-top:30px;
    padding:22px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    background:#fff;
    border:1px solid #e3ded5;
}

.gapvScenariosCTA span{
    display:block;
    color:#b88723;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gapvScenariosCTA strong{
    display:block;
    margin-top:5px;
    color:#142f50;
    font-size:18px;
}

.gapvScenariosCTA a,
.gapvTrustBottom a{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    gap:13px;
    padding:15px 20px;
    background:#b88723;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.gapvScenariosCTA a span,
.gapvTrustBottom a span{
    color:#fff;
    font-size:13px;
    letter-spacing:0;
}

.gapvScenariosCTA a b,
.gapvTrustBottom a b{
    font-size:18px;
}


/* =========================================================
   NEW — METHOD SECTION
========================================================= */

.gapvMethod{
    padding:105px 0;
    background:#fff;
}

.gapvMethodGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.gapvMethodVisual{
    position:relative;
    min-height:600px;
}

.gapvMethodMainImage{
    width:88%;
    height:520px;
    overflow:hidden;
}

.gapvMethodMainImage img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.gapvMethodDetail{
    position:absolute;
    right:0;
    bottom:0;
    width:48%;
    background:#142f50;
    padding:12px;
}

.gapvMethodDetail img{
    width:100%;
    height:155px;
    display:block;
    object-fit:cover;
}

.gapvMethodDetail div{
    padding:15px 8px 7px;
}

.gapvMethodDetail span{
    display:block;
    color:#d0a75b;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
}

.gapvMethodDetail strong{
    display:block;
    margin-top:6px;
    color:#fff;
    font-size:15px;
    line-height:1.4;
}

.gapvMethodContent{
    max-width:620px;
}

.gapvMethodContent h2{
    margin:15px 0;
    color:#142f50;
    font-size:42px;
    line-height:1.15;
    font-weight:500;
}

.gapvMethodContent h2 strong{
    display:block;
    font-weight:800;
}

.gapvMethodIntro{
    color:#5d6874;
    font-size:16px;
    line-height:1.8;
}

.gapvMethodSteps{
    margin:30px 0;
}

.gapvMethodStep{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:16px;
    padding:18px 0;
    border-bottom:1px solid #e5e1da;
}

.gapvMethodStep>span{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f4efe5;
    color:#b88723;
    font-size:13px;
    font-weight:800;
}

.gapvMethodStep strong{
    display:block;
    color:#142f50;
    font-size:17px;
}

.gapvMethodStep p{
    margin:6px 0 0;
    color:#65707c;
    font-size:15px;
    line-height:1.6;
}

.gapvMethodCTA{
    display:inline-flex;
    align-items:center;
    gap:18px;
    padding:16px 20px;
    background:#142f50;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.gapvMethodCTA span{
    padding-left:18px;
    border-left:1px solid rgba(255,255,255,.25);
}

.gapvMethodCTA b{
    color:#d0a75b;
    font-size:18px;
}


/* =========================================================
   TRUST SECTION
========================================================= */

.gapvTrust{
    position:relative;
    padding:90px 0;
    background:#102b49;
    overflow:hidden;
}

.gapvTrustArtwork{
    position:absolute;
    right:0;
    top:0;
    width:38%;
    height:100%;
    opacity:.12;
}

.gapvTrustArtwork img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.gapvTrustOverlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        #102b49 0%,
        #102b49 58%,
        rgba(16,43,73,.88) 100%
    );
}

.gapvTrust .container{
    position:relative;
}

.gapvTrustHeader{
    max-width:800px;
    margin-bottom:45px;
}

.gapvTrustEyebrow{
    color:#d0a75b;
}

.gapvTrustHeader h2{
    margin:15px 0;
    color:#fff;
    font-size:40px;
    line-height:1.18;
    font-weight:500;
}

.gapvTrustHeader h2 strong{
    font-weight:800;
}

.gapvTrustHeader p{
    max-width:700px;
    color:#cbd5df;
    font-size:16px;
    line-height:1.8;
}

.gapvTrustGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.13);
    border-left:1px solid rgba(255,255,255,.13);
}

.gapvTrustItem{
    display:grid;
    grid-template-columns:68px 1fr;
    gap:16px;
    padding:24px;
    border-right:1px solid rgba(255,255,255,.13);
    border-bottom:1px solid rgba(255,255,255,.13);
}

.gapvTrustItem>span{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(184,135,35,.13);
    border:1px solid rgba(208,167,91,.35);
    color:#d2aa60;
    font-size:13px;
    font-weight:900;
}

.gapvTrustItem strong,
.gapvTrustItem small{
    display:block;
}

.gapvTrustItem strong{
    color:#fff;
    font-size:15px;
    line-height:1.4;
}

.gapvTrustItem small{
    margin-top:6px;
    color:#aebdca;
    font-size:15px;
    line-height:1.45;
}

.gapvTrustBottom{
    margin-top:30px;
    padding:24px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
}

.gapvTrustBottom span,
.gapvTrustBottom strong{
    display:block;
}

.gapvTrustBottom span{
    color:#d0a75b;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gapvTrustBottom strong{
    margin-top:6px;
    color:#fff;
    font-size:18px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .gapvScenariosGrid{
        grid-template-columns:repeat(2,1fr);
    }

    .gapvScenarioGold{
        grid-column:span 2;
    }

    .gapvMethodGrid{
        gap:45px;
    }

    .gapvTrustGrid{
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:767px){

    .gapvScenarios,
    .gapvMethod,
    .gapvTrust{
        padding:65px 0;
    }

    .gapvScenariosHeader h2,
    .gapvMethodContent h2,
    .gapvTrustHeader h2{
        font-size:30px;
    }

    .gapvScenariosGrid,
    .gapvTrustGrid{
        grid-template-columns:1fr;
    }

    .gapvScenarioGold{
        grid-column:auto;
    }

    .gapvScenarioImage{
        height:200px;
    }

    .gapvScenarioContent{
        padding:24px;
    }

    .gapvScenariosCTA,
    .gapvTrustBottom{
        flex-direction:column;
        align-items:stretch;
    }

    .gapvScenariosCTA a,
    .gapvTrustBottom a{
        justify-content:center;
        width:100%;
        box-sizing:border-box;
    }

    .gapvMethodGrid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .gapvMethodVisual{
        min-height:430px;
    }

    .gapvMethodMainImage{
        width:90%;
        height:400px;
    }

    .gapvMethodDetail{
        width:52%;
    }

    .gapvMethodDetail img{
        height:110px;
    }

    .gapvMethodCTA{
        width:100%;
        justify-content:center;
        box-sizing:border-box;
    }

    .gapvTrustArtwork{
        width:100%;
        opacity:.07;
    }

    .gapvTrustOverlay{
        background:#102b49;
        opacity:.94;
    }

    .gapvTrustItem{
        grid-template-columns:58px 1fr;
        padding:20px;
    }

    .gapvTrustItem>span{
        width:50px;
        height:50px;
    }

}