.apv3-breadcrumb{



padding:18px 0;



background:#F8F5EF;



border-bottom:1px solid #ECE4D3;



}



.apv3-breadcrumb ul{



display:flex;



gap:14px;



padding:0;



margin:0;



list-style:none;



align-items:center;



}



.apv3-breadcrumb li{



font-size:15px;



color:#666;



}



.apv3-breadcrumb li a{



color:#0B2545;



text-decoration:none;



font-weight:600;



}



.apv3-breadcrumb li:not(:last-child):after{



content:"/";



margin-left:14px;



color:#C9A961;



}


/*PAGES*/
/* =========================================================
   ABOUT A2Z VALUERS — NATIONAL PRACTICE
   SECTION 1
   Namespace: gaviAboutIntro
========================================================= */

.gaviAboutIntro{
    position:relative;
    padding:85px 0;
    background:#f8fafc;
    overflow:hidden;
}

.gaviAboutIntro:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviAboutIntroGrid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
    gap:65px;
    align-items:center;
}

.gaviAboutEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:17px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviAboutEyebrow span{
    display:inline-block;
    width:38px;
    height:2px;
    background:#b97800;
}

.gaviAboutIntroContent h1{
    margin:0 0 24px;
    color:#061d3d;
    font-size:clamp(36px,4vw,58px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1.4px;
}

.gaviAboutIntroContent h1 strong{
    display:block;
    color:#b97800;
}

.gaviAboutIntroContent p{
    margin:0 0 19px;
    color:#536276;
    font-size:16px;
    line-height:1.8;
}

.gaviAboutIntroContent p strong{
    color:#092f62;
    font-weight:750;
}

.gaviAboutIntroContent .gaviAboutLead{
    color:#263b54;
    font-size:19px;
    line-height:1.7;
}


/* =========================================================
   INTRO STAT PANEL
========================================================= */

.gaviAboutIntroPanel{
    position:relative;
    padding:29px;
    border:1px solid rgba(185,120,0,.38);
    border-radius:10px;
    background:linear-gradient(145deg,#04152d,#092f62);
    box-shadow:0 25px 55px rgba(6,29,61,.15);
    overflow:hidden;
}

.gaviAboutIntroPanel:after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-90px;
    top:-90px;
    border:1px solid rgba(240,180,41,.22);
    border-radius:50%;
}

.gaviAboutPanelTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.13);
}

.gaviAboutPanelTop span{
    color:#d3ddea;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gaviAboutPanelTop strong{
    color:#f0b429;
    font-size:15px;
    letter-spacing:1px;
}

.gaviAboutStats{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.gaviAboutStat{
    padding:24px 12px 21px 0;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.gaviAboutStat:nth-child(odd){
    padding-right:20px;
    border-right:1px solid rgba(255,255,255,.11);
}

.gaviAboutStat:nth-child(even){
    padding-left:20px;
}

.gaviAboutStat:nth-child(3),
.gaviAboutStat:nth-child(4){
    border-bottom:0;
}

.gaviAboutStat strong{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:32px;
    line-height:1;
    font-weight:850;
}

.gaviAboutStat span{
    display:block;
    color:#dce5ef;
    font-size:15px;
    line-height:1.45;
}

.gaviAboutPanelFooter{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding-top:20px;
    color:#c5d1de;
    font-size:15px;
    line-height:1.55;
}

.gaviAboutPanelFooter strong{
    color:#fff;
}

.gaviAboutDot{
    flex:0 0 8px;
    width:8px;
    height:8px;
    margin-top:5px;
    border-radius:50%;
    background:#f0b429;
    box-shadow:0 0 0 5px rgba(240,180,41,.11);
}


/* =========================================================
   SECTION 2
   NATIONAL PRACTICE MODEL
   Namespace: gaviAboutScope
========================================================= */

.gaviAboutScope{
    position:relative;
    padding:88px 0;
    background:#fff;
}

.gaviAboutSectionHeader{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviAboutSectionHeader h2{
    margin:0 0 16px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviAboutSectionHeader h2 strong{
    color:#b97800;
}

.gaviAboutSectionHeader p{
    margin:0 auto;
    color:#59697b;
    font-size:16px;
    line-height:1.75;
}

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

.gaviAboutScopeCard{
    position:relative;
    padding:28px 24px 27px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 8px 25px rgba(6,29,61,.045);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviAboutScopeCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviAboutScopeCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 18px 38px rgba(6,29,61,.09);
}

.gaviAboutScopeCard:hover:before{
    transform:scaleX(1);
}

.gaviAboutScopeNumber{
    position:absolute;
    top:17px;
    right:18px;
    color:#e3e8ee;
    font-size:15px;
    font-weight:900;
}

.gaviAboutScopeIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    min-width:64px;
    margin-bottom:19px;
    padding:7px 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.8px;
}

.gaviAboutScopeCard h3{
    margin:0 0 12px;
    color:#061d3d;
    font-size:21px;
    line-height:1.35;
    font-weight:750;
}

.gaviAboutScopeCard h3 strong{
    color:#b97800;
}

.gaviAboutScopeCard p{
    margin:0;
    color:#59697b;
    font-size:15px;
    line-height:1.72;
}

.gaviAboutScopeCard p strong{
    color:#092f62;
    font-weight:750;
}


/* =========================================================
   SECTION 3
   CREDENTIALS
   Namespace: gaviAboutCredentials
========================================================= */

.gaviAboutCredentials{
    position:relative;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(185,120,0,.12),transparent 25%),
        linear-gradient(135deg,#f5f8fc,#fff);
}

.gaviAboutCredentialsGrid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);
    gap:65px;
    align-items:center;
}

.gaviAboutCredentialsContent h2{
    margin:0 0 18px;
    color:#061d3d;
    font-size:clamp(32px,3.5vw,48px);
    line-height:1.15;
    font-weight:800;
}

.gaviAboutCredentialsContent h2 strong{
    color:#b97800;
}

.gaviAboutCredentialsContent > p{
    max-width:760px;
    margin:0 0 28px;
    color:#59697b;
    font-size:16px;
    line-height:1.8;
}

.gaviAboutCredentialsContent > p strong{
    color:#092f62;
}

.gaviCredentialList{
    display:grid;
    gap:13px;
}

.gaviCredentialItem{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:16px 17px;
    border:1px solid #dce4ed;
    border-radius:6px;
    background:#fff;
}

.gaviCredentialMark{
    flex:0 0 27px;
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCredentialItem strong{
    display:block;
    margin-bottom:3px;
    color:#092f62;
    font-size:16px;
}

.gaviCredentialItem span{
    display:block;
    color:#607084;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   CREDENTIAL CARD
========================================================= */

.gaviAboutCredentialsCard{
    position:relative;
    padding:36px 32px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:10px;
    background:linear-gradient(145deg,#04152d,#092f62);
    color:#fff;
    box-shadow:0 25px 55px rgba(6,29,61,.16);
    overflow:hidden;
}

.gaviAboutCredentialsCard:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    top:-130px;
    right:-110px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:50%;
}

.gaviCredentialsCardLabel{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviCredentialsCardTitle{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-top:22px;
}

.gaviCredentialsCardTitle strong{
    color:#f0b429;
    font-size:54px;
    line-height:1;
}

.gaviCredentialsCardTitle span{
    color:#fff;
    font-size:19px;
    font-weight:800;
    letter-spacing:2px;
}

.gaviCredentialsCardLine{
    width:65px;
    height:3px;
    margin:19px 0;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviAboutCredentialsCard > p{
    margin:0;
    color:#e1e8f0;
    font-size:17px;
    line-height:1.55;
}

.gaviCredentialsCardAddress{
    display:grid;
    gap:4px;
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);
}

.gaviCredentialsCardAddress strong{
    color:#fff;
    font-size:17px;
}

.gaviCredentialsCardAddress span{
    color:#bdcad8;
    font-size:15px;
    line-height:1.45;
}

.gaviCredentialsCardStats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
    padding-top:21px;
    border-top:1px solid rgba(255,255,255,.12);
}

.gaviCredentialsCardStats div{
    text-align:center;
}

.gaviCredentialsCardStats strong{
    display:block;
    color:#f0b429;
    font-size:20px;
}

.gaviCredentialsCardStats span{
    display:block;
    margin-top:4px;
    color:#b9c7d6;
    font-size:15px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gaviAboutFinalCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    margin-top:62px;
    padding:31px 34px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:9px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 18px 40px rgba(6,29,61,.12);
}

.gaviAboutFinalCtaText > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviAboutFinalCtaText h3{
    margin:0 0 7px;
    color:#fff;
    font-size:25px;
    line-height:1.35;
}

.gaviAboutFinalCtaText h3 strong{
    color:#f0b429;
}

.gaviAboutFinalCtaText p{
    max-width:700px;
    margin:0;
    color:#cbd6e2;
    font-size:15px;
    line-height:1.6;
}

.gaviAboutFinalCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.gaviAboutPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:53px;
    padding:0 24px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviAboutPrimaryCta:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(185,120,0,.3);
}

.gaviAboutPrimaryCta span{
    font-size:20px;
}

.gaviAboutPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:53px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    text-decoration:none !important;
}

.gaviAboutPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

    .gaviAboutIntroGrid{
        grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
        gap:35px;
    }

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

    .gaviAboutCredentialsGrid{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

}


@media (max-width:991px){

    .gaviAboutIntro{
        padding:70px 0;
    }

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

    .gaviAboutIntroPanel{
        max-width:600px;
    }

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

    .gaviAboutCredentialsCard{
        max-width:600px;
    }

    .gaviAboutFinalCta{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media (max-width:767px){

    .gaviAboutIntro,
    .gaviAboutScope,
    .gaviAboutCredentials{
        padding:60px 0;
    }

    .gaviAboutIntroContent h1{
        font-size:38px;
    }

    .gaviAboutIntroContent .gaviAboutLead{
        font-size:17px;
    }

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

    .gaviAboutScopeCard{
        padding:25px 21px;
    }

    .gaviAboutCredentialsCard{
        padding:29px 23px;
    }

    .gaviAboutFinalCta{
        padding:25px 21px;
    }

    .gaviAboutFinalCtaText h3{
        font-size:21px;
    }

    .gaviAboutFinalCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviAboutPrimaryCta,
    .gaviAboutPhoneCta{
        width:100%;
    }

}


@media (max-width:480px){

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

    .gaviAboutStat,
    .gaviAboutStat:nth-child(odd),
    .gaviAboutStat:nth-child(even){
        padding:18px 0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.11);
    }

    .gaviAboutStat:last-child{
        border-bottom:0;
    }

    .gaviCredentialsCardStats{
        grid-template-columns:1fr;
        gap:15px;
    }

}

/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   ENGAGEMENT PAGE
   ROYAL NAVY + GOLD DESIGN
========================================================= */


/* =========================================================
   SECTION 1 — HERO
   Namespace: gaviEngageHero
========================================================= */

.gaviEngageHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(185,120,0,.16),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviEngageHero:after{
    content:"";
    position:absolute;
    right:-180px;
    bottom:-220px;
    width:500px;
    height:500px;
    border:1px solid rgba(240,180,41,.13);
    border-radius:50%;
    box-shadow:
        0 0 0 35px rgba(240,180,41,.025),
        0 0 0 75px rgba(240,180,41,.018);
}

.gaviEngageHeroPattern{
    position:absolute;
    inset:0;
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    pointer-events:none;
}

.gaviEngageHeroInner{
    position:relative;
    z-index:2;
    max-width:1080px;
    margin:0 auto;
    text-align:center;
}

.gaviEngageHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviEngageHeroEyebrow span{
    display:block;
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviEngageHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,5vw,67px);
    line-height:1.08;
    font-weight:850;
    letter-spacing:-1.7px;
}

.gaviEngageHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.25;
    letter-spacing:-.2px;
}

.gaviEngageHeroLead{
    max-width:850px;
    margin:26px auto 0;
    color:#d9e3ee;
    font-size:18px;
    line-height:1.75;
}

.gaviEngageHeroLead strong{
    color:#fff;
}

.gaviEngageHeroStats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:36px auto 0;
    max-width:800px;
    border:1px solid rgba(240,180,41,.23);
    border-radius:8px;
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(7px);
}

.gaviEngageHeroStats div{
    flex:1;
    min-width:180px;
    padding:19px 20px;
}

.gaviEngageHeroStats div + div{
    border-left:1px solid rgba(255,255,255,.13);
}

.gaviEngageHeroStats strong{
    display:block;
    color:#f0b429;
    font-size:22px;
    line-height:1.25;
}

.gaviEngageHeroStats span{
    display:block;
    margin-top:4px;
    color:#bfcbd8;
    font-size:15px;
}

.gaviEngageHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.gaviEngagePrimaryBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:57px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviEngagePrimaryBtn span{
    font-size:22px;
}

.gaviEngagePrimaryBtn:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.35);
}

.gaviEngagePhoneBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:57px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:17px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviEngagePhoneBtn span{
    color:#f0b429;
    font-size:21px;
}

.gaviEngagePhoneBtn:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.10);
}


/* =========================================================
   COMMON SECTION INTRO
========================================================= */

.gaviEngageSectionIntro{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviEngageSectionLabel{
    display:inline-block;
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviEngageSectionIntro h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,48px);
    line-height:1.16;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviEngageSectionIntro h2 strong{
    color:#b97800;
}

.gaviEngageSectionIntro p{
    margin:0;
    color:#566679;
    font-size:16px;
    line-height:1.75;
}

.gaviEngageSectionIntro p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 2 — ENGAGEMENT MODEL
   Namespace: gaviEngageModel
========================================================= */

.gaviEngageModel{
    position:relative;
    padding:88px 0 85px;
    background:#f8fafc;
}

.gaviEngageModel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

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

.gaviEngageInputCard{
    position:relative;
    min-height:330px;
    padding:31px 27px 28px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviEngageInputCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviEngageInputCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.38);
    box-shadow:0 20px 42px rgba(6,29,61,.10);
}

.gaviEngageInputCard:hover:before{
    transform:scaleX(1);
}

.gaviEngageInputNo{
    position:absolute;
    top:18px;
    right:20px;
    color:#dce3eb;
    font-size:15px;
    font-weight:900;
}

.gaviEngageInputIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:65px;
    height:42px;
    margin-bottom:21px;
    padding:0 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.8px;
}

.gaviEngageInputCard h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:22px;
    line-height:1.3;
    font-weight:800;
}

.gaviEngageInputCard h3 strong{
    color:#b97800;
}

.gaviEngageInputCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.75;
}

.gaviEngageInputCard p strong{
    color:#092f62;
}

.gaviEngageModelNote{
    display:flex;
    align-items:flex-start;
    gap:18px;
    max-width:950px;
    margin:34px auto 0;
    padding:20px 23px;
    border-left:4px solid #b97800;
    border-radius:0 6px 6px 0;
    background:#fff;
    box-shadow:0 7px 20px rgba(6,29,61,.045);
}

.gaviEngageModelNote > span{
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviEngageModelNote p{
    margin:0;
    color:#566679;
    font-size:15px;
    line-height:1.7;
}

.gaviEngageModelNote strong{
    color:#092f62;
}


/* =========================================================
   SECTION 3 — PROCESS FLOW
   Namespace: gaviEngageFlow
========================================================= */

.gaviEngageFlow{
    position:relative;
    padding:88px 0;
    background:
        radial-gradient(circle at 20% 80%,rgba(185,120,0,.11),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 58%,#092f62);
    overflow:hidden;
}

.gaviEngageSectionIntroLight .gaviEngageSectionLabel{
    color:#f0b429;
}

.gaviEngageSectionIntroLight h2{
    color:#fff;
}

.gaviEngageSectionIntroLight h2 strong{
    color:#f0b429;
}

.gaviEngageSectionIntroLight p{
    color:#c5d0dc;
}

.gaviEngageSectionIntroLight p strong{
    color:#fff;
}

.gaviEngageFlowGrid{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:12px;
}

.gaviEngageFlowStep{
    min-height:255px;
    padding:28px 22px;
    border:1px solid rgba(240,180,41,.23);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    text-align:center;
    backdrop-filter:blur(8px);
    transition:all .3s ease;
}

.gaviEngageFlowStep:hover{
    transform:translateY(-6px);
    border-color:rgba(240,180,41,.55);
    background:rgba(185,120,0,.08);
}

.gaviEngageFlowStep > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin:0 auto 17px;
    border:1px solid #b97800;
    border-radius:50%;
    color:#061d3d;
    background:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviEngageFlowStep h3{
    margin:0 0 11px;
    color:#fff;
    font-size:20px;
    line-height:1.3;
}

.gaviEngageFlowStep p{
    margin:0;
    color:#bdc9d6;
    font-size:15px;
    line-height:1.7;
}

.gaviEngageFlowStep p strong{
    color:#f0b429;
}

.gaviEngageFlowConnector{
    width:35px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}


/* =========================================================
   SECTION 4 — TIMELINES
   Namespace: gaviEngageTimelines
========================================================= */

.gaviEngageTimelines{
    padding:88px 0 84px;
    background:#f8fafc;
}

.gaviTimelineGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.gaviTimelineCard{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:25px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 25px rgba(6,29,61,.045);
    transition:all .3s ease;
}

.gaviTimelineCard:hover{
    transform:translateY(-4px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 15px 32px rgba(6,29,61,.09);
}

.gaviTimelineIcon{
    flex:0 0 65px;
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background:linear-gradient(145deg,#061d3d,#092f62);
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.5px;
}

.gaviTimelineContent{
    flex:1;
}

.gaviTimelineTag{
    display:inline-block;
    margin-bottom:8px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:.7px;
}

.gaviTimelineContent h3{
    margin:0 0 8px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
}

.gaviTimelineContent h3 strong{
    color:#b97800;
}

.gaviTimelineContent p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviTimelineContent p strong{
    color:#092f62;
}

.gaviTimelineNote{
    margin-top:25px;
    padding:18px 22px;
    border:1px solid #e1e6ed;
    border-left:4px solid #b97800;
    border-radius:0 6px 6px 0;
    background:#fff;
    color:#5a6878;
    font-size:15px;
    line-height:1.7;
}

.gaviTimelineNote strong{
    color:#092f62;
}


/* =========================================================
   SECTION 5 — FINAL CTA
   Namespace: gaviEngageCta
========================================================= */

.gaviEngageCta{
    padding:65px 0;
    background:#fff;
}

.gaviEngageCtaInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:38px 42px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:10px;
    background:
        linear-gradient(115deg,#04152d 0%,#092f62 65%,#061d3d 100%);
    box-shadow:0 22px 50px rgba(6,29,61,.15);
}

.gaviEngageCtaContent{
    max-width:700px;
}

.gaviEngageCtaLabel{
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
}

.gaviEngageCtaContent h2{
    margin:0 0 12px;
    color:#fff;
    font-size:32px;
    line-height:1.2;
    font-weight:800;
}

.gaviEngageCtaContent h2 strong{
    color:#f0b429;
}

.gaviEngageCtaContent p{
    margin:0;
    color:#c8d3df;
    font-size:15px;
    line-height:1.72;
}

.gaviEngageCtaContent p strong{
    color:#fff;
}

.gaviEngageCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviEngageFinalBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 10px 26px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviEngageFinalBtn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 32px rgba(185,120,0,.34);
}

.gaviEngageFinalBtn span{
    font-size:21px;
}

.gaviEngageFinalPhone{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:55px;
    padding:6px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.05);
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviEngageFinalPhone > span{
    color:#f0b429;
    font-size:20px;
}

.gaviEngageFinalPhone small{
    display:block;
    color:#aebdcd;
    font-size:15px;
}

.gaviEngageFinalPhone strong{
    display:block;
    color:#fff;
    font-size:16px;
}

.gaviEngageFinalPhone:hover{
    border-color:#f0b429;
}


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

@media (max-width:1100px){

    .gaviEngageFlowGrid{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
    }

    .gaviEngageFlowConnector{
        display:none;
    }

}


@media (max-width:991px){

    .gaviEngageHero{
        padding:70px 0;
    }

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

    .gaviEngageInputCard{
        min-height:auto;
    }

    .gaviEngageCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviEngageCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviEngageHero{
        padding:58px 0;
    }

    .gaviEngageHero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .gaviEngageHero h1 strong{
        font-size:22px;
    }

    .gaviEngageHeroLead{
        font-size:16px;
    }

    .gaviEngageHeroStats{
        flex-direction:column;
    }

    .gaviEngageHeroStats div{
        min-width:100%;
    }

    .gaviEngageHeroStats div + div{
        border-top:1px solid rgba(255,255,255,.13);
        border-left:0;
    }

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

    .gaviEngagePrimaryBtn,
    .gaviEngagePhoneBtn{
        width:100%;
    }

    .gaviEngageModel,
    .gaviEngageFlow,
    .gaviEngageTimelines{
        padding:65px 0;
    }

    .gaviEngageSectionIntro h2{
        font-size:32px;
    }

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

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

    .gaviTimelineCard{
        padding:21px;
    }

    .gaviEngageCta{
        padding:45px 0;
    }

    .gaviEngageCtaInner{
        padding:29px 22px;
    }

    .gaviEngageCtaContent h2{
        font-size:27px;
    }

    .gaviEngageCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviEngageFinalBtn,
    .gaviEngageFinalPhone{
        width:100%;
        justify-content:center;
    }

}


@media (max-width:480px){

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

    .gaviEngageHero h1 strong{
        font-size:20px;
    }

    .gaviEngageInputCard{
        padding:27px 21px;
    }

    .gaviTimelineCard{
        flex-direction:column;
    }

    .gaviTimelineIcon{
        width:60px;
        height:60px;
    }

}
/* =========================================================
   PAN INDIA DELIVERY MODEL
   HERO
   Namespace: gavpidHero
========================================================= */

.gavpidHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.13),transparent 28%),
        radial-gradient(circle at 10% 85%,rgba(185,120,0,.08),transparent 25%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gavpidHeroPattern{
    position:absolute;
    inset:0;
    opacity:.15;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:55px 55px;
    mask-image:linear-gradient(135deg,transparent 10%,#000 50%,transparent 95%);
}

.gavpidHeroInner{
    position:relative;
    max-width:1000px;
    margin:0 auto;
    text-align:center;
}

.gavpidHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:20px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2.2px;
}

.gavpidHeroEyebrow span{
    width:45px;
    height:2px;
    background:linear-gradient(90deg,transparent,#f0b429);
}

.gavpidHeroEyebrow span:last-child{
    background:linear-gradient(90deg,#f0b429,transparent);
}

.gavpidHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(42px,5vw,68px);
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1.8px;
}

.gavpidHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-weight:800;
}

.gavpidHeroLead{
    max-width:840px;
    margin:25px auto 0;
    color:#d9e3ee;
    font-size:18px;
    line-height:1.78;
}

.gavpidHeroLead strong{
    color:#fff;
}

.gavpidHeroStats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
    max-width:730px;
    margin:37px auto 0;
    border:1px solid rgba(240,180,41,.25);
    border-radius:8px;
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(8px);
}

.gavpidHeroStat{
    flex:1 1 200px;
    padding:18px 22px;
    border-right:1px solid rgba(240,180,41,.18);
}

.gavpidHeroStat:last-child{
    border-right:0;
}

.gavpidHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:21px;
    line-height:1.3;
}

.gavpidHeroStat span{
    display:block;
    margin-top:4px;
    color:#c6d2df;
    font-size:15px;
}


/* =========================================================
   INTRO
   Namespace: gavpidIntro
========================================================= */

.gavpidIntro{
    padding:72px 0;
    background:#fff;
    border-bottom:1px solid #e5eaf0;
}

.gavpidIntroGrid{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:70px;
    align-items:start;
}

.gavpidIntroLabel{
    position:relative;
    padding-top:5px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
    line-height:1.5;
}

.gavpidIntroLabel span{
    display:block;
    margin-bottom:12px;
    color:#092f62;
    font-size:38px;
    font-weight:900;
    line-height:1;
}

.gavpidIntroContent{
    max-width:850px;
}

.gavpidIntroContent h2{
    margin:0 0 17px;
    color:#061d3d;
    font-size:clamp(30px,3.3vw,45px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gavpidIntroContent h2 strong{
    color:#b97800;
}

.gavpidIntroContent p{
    margin:0 0 13px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gavpidIntroContent p:last-child{
    margin-bottom:0;
}

.gavpidIntroContent strong{
    color:#092f62;
}


/* =========================================================
   STAGES
   Namespace: gavpidStages
========================================================= */

.gavpidStages{
    position:relative;
    padding:90px 0 95px;
    background:#f6f8fb;
    overflow:hidden;
}

.gavpidStages:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(
        90deg,
        #061d3d,
        #b97800,
        #f0b429,
        #b97800,
        #061d3d
    );
}

.gavpidStagesHeader{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.gavpidStagesEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gavpidStagesHeader h2{
    margin:0 0 13px;
    color:#061d3d;
    font-size:clamp(32px,3.8vw,50px);
    line-height:1.12;
    letter-spacing:-1.1px;
}

.gavpidStagesHeader h2 strong{
    color:#b97800;
}

.gavpidStagesHeader p{
    margin:0;
    color:#637184;
    font-size:16px;
    line-height:1.7;
}


/* =========================================================
   TIMELINE
========================================================= */

.gavpidStageTimeline{
    position:relative;
    max-width:1080px;
    margin:0 auto;
}

.gavpidStageTimeline:before{
    content:"";
    position:absolute;
    top:50px;
    bottom:50px;
    left:38px;
    width:2px;
    background:linear-gradient(
        180deg,
        #b97800,
        #092f62 48%,
        #b97800
    );
}

.gavpidStage{
    position:relative;
    display:grid;
    grid-template-columns:78px minmax(0,1fr);
    gap:27px;
    margin-bottom:28px;
}

.gavpidStage:last-child{
    margin-bottom:0;
}

.gavpidStageMarker{
    position:relative;
    z-index:3;
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #b97800;
    border-radius:50%;
    background:#fff;
    color:#092f62;
    font-size:19px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(6,29,61,.09);
}

.gavpidStageNavy .gavpidStageMarker{
    border-color:#092f62;
    color:#b97800;
}

.gavpidStageBody{
    position:relative;
    padding:30px 34px 31px;
    border:1px solid #dce3eb;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 28px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gavpidStageBody:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:5px;
}

.gavpidStageGold .gavpidStageBody:before{
    background:linear-gradient(180deg,#f0b429,#b97800);
}

.gavpidStageNavy .gavpidStageBody:before{
    background:linear-gradient(180deg,#092f62,#061d3d);
}

.gavpidStageBody:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(6,29,61,.10);
}

.gavpidStageTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:10px;
}

.gavpidStageLabel{
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.3px;
}

.gavpidStageNavy .gavpidStageLabel{
    color:#092f62;
}

.gavpidStageMini{
    padding:6px 9px;
    border:1px solid #e0e6ed;
    border-radius:3px;
    color:#687789;
    background:#f8fafc;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
}

.gavpidStageBody h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:27px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:-.5px;
}

.gavpidStageBody h3 strong{
    color:#b97800;
}

.gavpidStageNavy .gavpidStageBody h3 strong{
    color:#092f62;
}

.gavpidStageBody > p{
    max-width:900px;
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gavpidStageBody > p strong{
    color:#092f62;
    font-weight:750;
}


/* =========================================================
   STAGE DETAILS
========================================================= */

.gavpidStageDetails{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:21px;
}

.gavpidStageDetails span{
    padding:8px 11px;
    border:1px solid #dce3eb;
    border-radius:4px;
    background:#f8fafc;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}

.gavpidStageGold .gavpidStageDetails span{
    border-color:rgba(185,120,0,.25);
    background:#fffaf0;
}

.gavpidStageNote{
    margin-top:21px;
    padding:13px 15px;
    border-left:3px solid #b97800;
    background:#faf7f0;
    color:#59697b;
    font-size:15px;
    line-height:1.65;
}

.gavpidStageNavy .gavpidStageNote{
    border-left-color:#092f62;
    background:#f3f6fa;
}

.gavpidStageNote strong{
    color:#061d3d;
}


/* =========================================================
   DATABASE GRID
========================================================= */

.gavpidDatabaseGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
    margin-top:22px;
}

.gavpidDatabaseGrid span{
    min-height:68px;
    padding:10px 11px;
    border:1px solid #dce3eb;
    border-radius:5px;
    background:#f8fafc;
    color:#627184;
    font-size:15px;
    line-height:1.4;
}

.gavpidDatabaseGrid strong{
    display:block;
    margin-bottom:2px;
    color:#092f62;
    font-size:15px;
}


/* =========================================================
   REVIEW GRID
========================================================= */

.gavpidReviewGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin-top:22px;
}

.gavpidReviewGrid div{
    min-height:70px;
    padding:11px 13px;
    border:1px solid rgba(185,120,0,.25);
    border-radius:5px;
    background:#fffaf0;
    color:#5c6878;
    font-size:15px;
    line-height:1.45;
}

.gavpidReviewGrid strong{
    display:block;
    margin-bottom:3px;
    color:#b97800;
    font-size:16px;
}


/* =========================================================
   ASSURANCE SECTION
   Namespace: gavpidAssurance
========================================================= */

.gavpidAssurance{
    padding:90px 0;
    background:#fff;
}

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

.gavpidAssuranceEyebrow{
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.8px;
}

.gavpidAssuranceContent h2{
    margin:0 0 20px;
    color:#061d3d;
    font-size:clamp(32px,3.6vw,48px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gavpidAssuranceContent h2 strong{
    color:#b97800;
}

.gavpidAssuranceContent p{
    margin:0 0 15px;
    color:#58687a;
    font-size:16px;
    line-height:1.8;
}

.gavpidAssuranceContent p strong{
    color:#092f62;
}

.gavpidAssurancePoints{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.gavpidAssurancePoint{
    display:flex;
    gap:13px;
    padding:21px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#f8fafc;
    transition:all .3s ease;
}

.gavpidAssurancePoint:hover{
    transform:translateY(-3px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 12px 28px rgba(6,29,61,.07);
}

.gavpidAssurancePoint > span{
    flex:0 0 37px;
    width:37px;
    height:37px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gavpidAssurancePoint strong{
    display:block;
    margin-bottom:5px;
    color:#092f62;
    font-size:16px;
}

.gavpidAssurancePoint p{
    margin:0;
    color:#657386;
    font-size:15px;
    line-height:1.55;
}


/* =========================================================
   FINAL CTA
   Namespace: gavpidFinal
========================================================= */

.gavpidFinal{
    padding:0 0 90px;
    background:#fff;
}

.gavpidFinalBox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:42px 45px;
    border:1px solid rgba(185,120,0,.45);
    border-radius:10px;
    background:
        radial-gradient(circle at 90% 30%,rgba(240,180,41,.15),transparent 30%),
        linear-gradient(120deg,#04152d,#092f62);
    box-shadow:0 22px 50px rgba(6,29,61,.15);
    overflow:hidden;
}

.gavpidFinalBox:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-100px;
    bottom:-120px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gavpidFinalContent{
    position:relative;
    z-index:2;
    max-width:730px;
}

.gavpidFinalContent > span{
    display:block;
    margin-bottom:9px;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.7px;
}

.gavpidFinalContent h2{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(26px,3vw,39px);
    line-height:1.2;
    letter-spacing:-.6px;
}

.gavpidFinalContent h2 strong{
    color:#f0b429;
}

.gavpidFinalContent p{
    margin:0;
    color:#d4deea;
    font-size:16px;
    line-height:1.7;
}

.gavpidFinalContent p strong{
    color:#fff;
}

.gavpidFinalActions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:12px;
    min-width:205px;
}

.gavpidFinalButton{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    width:100%;
    min-height:57px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 12px 27px rgba(0,0,0,.17);
    transition:all .3s ease;
}

.gavpidFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 32px rgba(0,0,0,.25);
}

.gavpidFinalButton span{
    font-size:22px;
}

.gavpidFinalPhone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:57px;
    padding:7px 16px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavpidFinalPhone:hover{
    border-color:#f0b429;
}

.gavpidFinalPhone small{
    color:#b9c6d5;
    font-size:15px;
}

.gavpidFinalPhone strong{
    margin-top:2px;
    color:#f0b429;
    font-size:17px;
}


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

@media (max-width:1100px){

    .gavpidStageBody{
        padding:27px 29px;
    }

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

}


@media (max-width:991px){

    .gavpidHero{
        padding:72px 0;
    }

    .gavpidIntroGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .gavpidIntroLabel{
        display:flex;
        align-items:center;
        gap:12px;
    }

    .gavpidIntroLabel span{
        margin:0;
        font-size:30px;
    }

    .gavpidAssuranceGrid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .gavpidFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gavpidFinalActions{
        width:100%;
        max-width:320px;
        align-items:stretch;
    }

}


@media (max-width:767px){

    .gavpidHero{
        padding:55px 0;
    }

    .gavpidHero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .gavpidHeroLead{
        font-size:16px;
        line-height:1.7;
    }

    .gavpidHeroStats{
        flex-direction:column;
    }

    .gavpidHeroStat{
        border-right:0;
        border-bottom:1px solid rgba(240,180,41,.18);
    }

    .gavpidHeroStat:last-child{
        border-bottom:0;
    }

    .gavpidStages{
        padding:65px 0;
    }

    .gavpidStageTimeline:before{
        left:25px;
    }

    .gavpidStage{
        grid-template-columns:52px minmax(0,1fr);
        gap:15px;
    }

    .gavpidStageMarker{
        width:50px;
        height:50px;
        font-size:15px;
    }

    .gavpidStageBody{
        padding:24px 21px;
    }

    .gavpidStageTop{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }

    .gavpidStageBody h3{
        font-size:22px;
    }

    .gavpidStageBody > p{
        font-size:15px;
    }

    .gavpidDatabaseGrid,
    .gavpidReviewGrid{
        grid-template-columns:1fr;
    }

    .gavpidAssurance{
        padding:65px 0;
    }

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

    .gavpidFinal{
        padding-bottom:65px;
    }

    .gavpidFinalBox{
        padding:30px 22px;
    }

}


@media (max-width:480px){

    .gavpidHeroEyebrow{
        font-size:15px;
        letter-spacing:1.3px;
    }

    .gavpidHeroEyebrow span{
        width:25px;
    }

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

    .gavpidHero h1 strong{
        font-size:29px;
    }

    .gavpidStageTimeline:before{
        display:none;
    }

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

    .gavpidStageMarker{
        margin-bottom:-2px;
    }

    .gavpidStageBody{
        padding:22px 18px;
    }

    .gavpidStageDetails{
        gap:6px;
    }

    .gavpidStageDetails span{
        width:100%;
    }

}
/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   INSIGHTS PAGE
   Royal Navy + Gold
========================================================= */


/* =========================================================
   HERO
   Namespace: gaviInsightsHero
========================================================= */

.gaviInsightsHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 78% 25%,rgba(185,120,0,.17),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviInsightsHero:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviInsightsHeroPattern{
    position:absolute;
    width:520px;
    height:520px;
    right:-220px;
    top:-260px;
    border:1px solid rgba(240,180,41,.17);
    border-radius:50%;
    box-shadow:
        0 0 0 30px rgba(185,120,0,.025),
        0 0 0 70px rgba(185,120,0,.02);
    z-index:-1;
}

.gaviInsightsHeroInner{
    max-width:970px;
    margin:0 auto;
    text-align:center;
}

.gaviInsightsHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:19px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2.2px;
}

.gaviInsightsHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviInsightsHero h1{
    margin:0 0 23px;
    color:#fff;
    font-size:clamp(39px,5vw,67px);
    line-height:1.04;
    font-weight:800;
    letter-spacing:-1.7px;
}

.gaviInsightsHero h1 strong{
    color:#f0b429;
}

.gaviInsightsHeroInner > p{
    max-width:850px;
    margin:0 auto;
    color:#dbe4ee;
    font-size:17px;
    line-height:1.8;
}

.gaviInsightsHeroInner > p strong{
    color:#fff;
}

.gaviInsightsHeroMeta{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.gaviInsightsHeroMeta span{
    padding:9px 17px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:4px;
    background:rgba(255,255,255,.05);
    color:#dbe4ee;
    font-size:15px;
}

.gaviInsightsHeroMeta b{
    color:#f0b429;
}

.gaviInsightsHeroActions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gaviInsightsPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.24);
    transition:all .3s ease;
}

.gaviInsightsPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 36px rgba(185,120,0,.34);
}

.gaviInsightsPrimaryCta span{
    font-size:21px;
}

.gaviInsightsPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:56px;
    padding:0 21px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviInsightsPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   INTRO
   Namespace: gaviInsightsIntro
========================================================= */

.gaviInsightsIntro{
    padding:82px 0;
    background:#fff;
}

.gaviInsightsIntroGrid{
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:65px;
    align-items:start;
    max-width:1100px;
    margin:0 auto;
}

.gaviInsightsIntroLabel{
    padding:23px 20px;
    border-left:4px solid #b97800;
    background:linear-gradient(145deg,#061d3d,#092f62);
    color:#fff;
}

.gaviInsightsIntroLabel span{
    display:block;
    margin-bottom:17px;
    color:#f0b429;
    font-size:31px;
    line-height:1;
    font-weight:900;
}

.gaviInsightsIntroLabel strong{
    font-size:15px;
    line-height:1.7;
    letter-spacing:1.3px;
}

.gaviInsightsSectionEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviInsightsIntroContent h2{
    margin:0 0 18px;
    color:#061d3d;
    font-size:clamp(30px,3.5vw,46px);
    line-height:1.16;
    letter-spacing:-1px;
}

.gaviInsightsIntroContent h2 strong{
    color:#b97800;
}

.gaviInsightsIntroContent p{
    max-width:880px;
    margin:0 0 15px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviInsightsIntroContent p strong{
    color:#092f62;
}


/* =========================================================
   ARTICLE GRID
   Namespace: gaviInsightsGrid
========================================================= */

.gaviInsightsGrid{
    padding:88px 0 94px;
    background:
        linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
    border-top:1px solid #e5eaf0;
}

.gaviInsightsHeading{
    max-width:760px;
    margin:0 auto 47px;
    text-align:center;
}

.gaviInsightsHeading h2{
    margin:0 0 13px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,48px);
    line-height:1.15;
    font-weight:800;
}

.gaviInsightsHeading h2 strong{
    color:#b97800;
}

.gaviInsightsHeading p{
    margin:0;
    color:#617084;
    font-size:16px;
    line-height:1.7;
}

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

.gaviArticleCard{
    position:relative;
    height:457px;
    padding:28px 25px 24px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 27px rgba(6,29,61,.045);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviArticleCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800,#f0b429);
    transform:scaleX(.18);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviArticleCard:hover{
    transform:translateY(-7px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 19px 42px rgba(6,29,61,.11);
}

.gaviArticleCard:hover:before{
    transform:scaleX(1);
}

.gaviArticleNumber{
    position:absolute;
    right:20px;
    top:18px;
    color:#e3e8ee;
    font-size:15px;
    font-weight:900;
}

.gaviArticleCategory{
    display:inline-block;
    margin-bottom:18px;
    padding:6px 9px;
    border:1px solid rgba(185,120,0,.28);
    border-radius:3px;
    background:#fffaf0;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:.7px;
}

.gaviArticleCard h3{
    margin:0 0 15px;
    color:#061d3d;
    font-size:20px;
    line-height:1.4;
    font-weight:750;
}

.gaviArticleCard h3 strong{
    color:#092f62;
}

.gaviArticleCard p{
    margin:0;
    color:#5a697b;
    font-size:15px;
    line-height:1.72;
}

.gaviArticleCard p strong{
    color:#092f62;
}

.gaviArticleLink{
    position:absolute;
    left:25px;
    right:25px;
    bottom:23px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:14px;
    border-top:1px solid #e7ebf0;
    color:#092f62 !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviArticleLink span{
    color:#b97800;
    font-size:21px;
    transition:transform .25s ease;
}

.gaviArticleLink:hover{
    color:#b97800 !important;
}

.gaviArticleLink:hover span{
    transform:translateX(5px);
}


/* =========================================================
   FINAL CTA
   Namespace: gaviInsightsCta
========================================================= */

.gaviInsightsCta{
    padding:0 0 88px;
    background:#fff;
}

.gaviInsightsCtaBox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:39px 42px;
    border:1px solid rgba(185,120,0,.42);
    border-radius:9px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.13),transparent 30%),
        linear-gradient(115deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.14);
    overflow:hidden;
}

.gaviInsightsCtaBox:after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:-160px;
    width:350px;
    height:350px;
    border:1px solid rgba(240,180,41,.14);
    border-radius:50%;
}

.gaviInsightsCtaContent{
    position:relative;
    z-index:2;
    max-width:760px;
}

.gaviInsightsCtaContent > span{
    display:block;
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviInsightsCtaContent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(24px,3vw,34px);
    line-height:1.25;
}

.gaviInsightsCtaContent h2 strong{
    color:#f0b429;
}

.gaviInsightsCtaContent p{
    margin:0;
    color:#d2dce7;
    font-size:15px;
    line-height:1.7;
}

.gaviInsightsCtaActions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:11px;
}

.gaviInsightsFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 24px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviInsightsFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(185,120,0,.3);
}

.gaviInsightsFinalButton span{
    font-size:20px;
}

.gaviInsightsFinalPhone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:55px;
    padding:6px 17px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviInsightsFinalPhone:hover{
    border-color:#f0b429;
}

.gaviInsightsFinalPhone small{
    color:#b8c5d4;
    font-size:15px;
}

.gaviInsightsFinalPhone strong{
    color:#fff;
    font-size:16px;
}


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

@media (max-width:991px){

    .gaviInsightsHero{
        padding:72px 0;
    }

    .gaviInsightsIntroGrid{
        grid-template-columns:170px minmax(0,1fr);
        gap:35px;
    }

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

    .gaviInsightsCtaBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviInsightsCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviInsightsHero{
        padding:58px 0 62px;
    }

    .gaviInsightsHero h1{
        font-size:40px;
    }

    .gaviInsightsHeroInner > p{
        font-size:15px;
        line-height:1.7;
    }

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

    .gaviInsightsPrimaryCta,
    .gaviInsightsPhoneCta{
        width:100%;
    }

    .gaviInsightsIntro{
        padding:65px 0;
    }

    .gaviInsightsIntroGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .gaviInsightsIntroLabel{
        max-width:210px;
    }

    .gaviInsightsGrid{
        padding:65px 0 72px;
    }

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

    .gaviArticleCard{
        min-height:365px;
    }

    .gaviInsightsCta{
        padding-bottom:65px;
    }

    .gaviInsightsCtaBox{
        padding:29px 22px;
    }

    .gaviInsightsCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviInsightsFinalButton,
    .gaviInsightsFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

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

    .gaviInsightsHeroEyebrow{
        font-size:15px;
        letter-spacing:1.3px;
    }

    .gaviInsightsHeroEyebrow span{
        width:22px;
    }

    .gaviInsightsHeroMeta{
        flex-direction:column;
    }

    .gaviInsightsHeroMeta span{
        width:100%;
    }

    .gaviInsightsIntroContent h2{
        font-size:30px;
    }

}
/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   NATIONAL REGULATORY ARCHITECTURE
   ROYAL NAVY + GOLD DESIGN SYSTEM
========================================================= */


/* =========================================================
   HERO
   Namespace: gaviRegHero
========================================================= */

.gaviRegHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 80% 20%,rgba(240,180,41,.14),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviRegHeroPattern{
    position:absolute;
    inset:0;
    opacity:.22;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(240,180,41,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.07) 1px,transparent 1px);
    background-size:55px 55px;
}

.gaviRegHeroInner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);
    gap:65px;
    align-items:center;
}

.gaviRegHeroContent{
    position:relative;
    z-index:2;
}

.gaviRegHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviRegHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviRegHero h1{
    max-width:900px;
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(39px,4.5vw,67px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:800;
}

.gaviRegHero h1 strong{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.2;
    letter-spacing:-.3px;
}

.gaviRegHeroLead{
    max-width:810px;
    margin:0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.gaviRegHeroLead strong{
    color:#fff;
}

.gaviRegHeroPills{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:28px;
}

.gaviRegHeroPills span{
    padding:9px 13px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:4px;
    background:rgba(255,255,255,.055);
    color:#dfe7ef;
    font-size:15px;
}

.gaviRegHeroPills strong{
    color:#f0b429;
}

.gaviRegHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.gaviRegHeroCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 26px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 14px 32px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviRegHeroCTA:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(185,120,0,.34);
}

.gaviRegHeroCTA span{
    font-size:21px;
}

.gaviRegHeroPhone{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviRegHeroPhone span{
    color:#f0b429;
    font-size:21px;
}

.gaviRegHeroPhone:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.1);
}


/* Architecture Visual */

.gaviRegHeroArchitecture{
    display:flex;
    justify-content:center;
}

.gaviRegHeroArchitectureCard{
    position:relative;
    width:min(100%,410px);
    padding:27px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
    box-shadow:0 30px 70px rgba(0,0,0,.3);
    backdrop-filter:blur(10px);
}

.gaviRegArchitectureTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:17px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.gaviRegArchitectureTop span{
    color:#aebdcd;
    font-size:15px;
    letter-spacing:1.3px;
    font-weight:750;
}

.gaviRegArchitectureTop strong{
    color:#f0b429;
    font-size:18px;
}

.gaviRegArchitectureCore{
    display:flex;
    justify-content:center;
    padding:38px 0;
}

.gaviRegCoreCircle{
    width:155px;
    height:155px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #f0b429;
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 65%,#04152d 100%);
    color:#f0b429;
    font-size:16px;
    font-weight:900;
    letter-spacing:1.5px;
    box-shadow:
        0 0 0 15px rgba(185,120,0,.045),
        0 0 45px rgba(185,120,0,.14);
}

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

.gaviRegArchitectureItems > div{
    min-height:90px;
    padding:12px 7px;
    text-align:center;
    border:1px solid rgba(255,255,255,.1);
    border-radius:5px;
    background:rgba(255,255,255,.035);
}

.gaviRegArchitectureItems b{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:16px;
}

.gaviRegArchitectureItems span{
    display:block;
    color:#c4d0dc;
    font-size:15px;
    line-height:1.4;
}


/* =========================================================
   SECTION 1 — SECTION 34AB
   Namespace: gavi34ab
========================================================= */

.gavi34ab{
    padding:92px 0;
    background:#fff;
    position:relative;
}

.gavi34abGrid{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:50px;
    max-width:1100px;
    margin:auto;
}

.gavi34abNumber{
    padding-top:8px;
    border-right:1px solid #dce3ec;
}

.gavi34abNumber span{
    display:block;
    color:#b97800;
    font-size:55px;
    line-height:1;
    font-weight:900;
}

.gavi34abNumber small{
    display:block;
    max-width:110px;
    margin-top:13px;
    color:#092f62;
    font-size:15px;
    line-height:1.45;
    font-weight:800;
    letter-spacing:1px;
}

.gavi34abEyebrow{
    display:inline-block;
    margin-bottom:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gavi34abContent h2{
    margin:0 0 21px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
    font-weight:800;
}

.gavi34abContent h2 strong{
    color:#b97800;
}

.gavi34abContent p{
    max-width:900px;
    margin:0 0 17px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

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

.gavi34abHighlight{
    display:flex;
    align-items:center;
    gap:17px;
    margin:29px 0;
    padding:19px;
    border-left:4px solid #b97800;
    background:linear-gradient(90deg,#f7f9fc,#fff);
    box-shadow:0 8px 25px rgba(6,29,61,.06);
}

.gavi34abHighlightIcon{
    flex:0 0 67px;
    height:67px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gavi34abHighlight strong{
    display:block;
    margin-bottom:4px;
    color:#061d3d;
    font-size:17px;
}

.gavi34abHighlight span{
    display:block;
    color:#667587;
    font-size:15px;
    line-height:1.5;
}

.gavi34abCategories{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:9px;
    margin-top:26px;
}

.gavi34abCategories div{
    padding:15px 7px;
    text-align:center;
    border:1px solid #dce3ec;
    border-radius:5px;
    background:#fafbfd;
}

.gavi34abCategories strong{
    display:block;
    margin-bottom:5px;
    color:#b97800;
    font-size:21px;
}

.gavi34abCategories span{
    display:block;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   SECTION 2 — IBBI
   Namespace: gaviIbbi
========================================================= */

.gaviIbbi{
    padding:94px 0;
    background:
        linear-gradient(145deg,#04152d,#061d3d 62%,#092f62);
    color:#fff;
    position:relative;
    overflow:hidden;
}

.gaviIbbi:after{
    content:"IBBI";
    position:absolute;
    right:-20px;
    top:25px;
    color:rgba(255,255,255,.025);
    font-size:180px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
}

.gaviIbbiHeader{
    max-width:850px;
    margin:0 auto 47px;
    text-align:center;
}

.gaviIbbiEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviIbbiEyebrow span{
    width:31px;
    height:2px;
    background:#b97800;
}

.gaviIbbiHeader h2{
    margin:0 0 16px;
    color:#fff;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
}

.gaviIbbiHeader h2 strong{
    color:#f0b429;
}

.gaviIbbiHeader p{
    margin:0;
    color:#cbd6e1;
    font-size:16px;
    line-height:1.75;
}

.gaviIbbiHeader p strong{
    color:#fff;
}

.gaviIbbiGrid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.gaviIbbiCard{
    min-height:300px;
    padding:26px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    transition:all .3s ease;
}

.gaviIbbiCard:hover,
.gaviIbbiCardFeatured{
    border-color:rgba(240,180,41,.5);
    transform:translateY(-5px);
    background:rgba(185,120,0,.075);
    box-shadow:0 20px 45px rgba(0,0,0,.2);
}

.gaviIbbiCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px;
}

.gaviIbbiCardTop span{
    color:#708196;
    font-size:15px;
    font-weight:800;
}

.gaviIbbiCardTop b{
    color:#f0b429;
    font-size:17px;
}

.gaviIbbiCard h3{
    margin:0 0 13px;
    color:#fff;
    font-size:23px;
    line-height:1.3;
}

.gaviIbbiCard p{
    margin:0;
    color:#c3d0dc;
    font-size:15px;
    line-height:1.75;
}

.gaviIbbiCard p strong{
    color:#f0b429;
}

.gaviIbbiLine{
    width:45px;
    height:2px;
    margin-top:25px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviIbbiCard small{
    display:block;
    margin-top:11px;
    color:#9eafc0;
    font-size:15px;
    letter-spacing:.8px;
}

.gaviIbbiInsight{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:19px;
    margin-top:28px;
    padding:22px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:7px;
    background:rgba(255,255,255,.045);
}

.gaviIbbiInsightMark{
    flex:0 0 67px;
    height:67px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d99a16;
    border-radius:50%;
    color:#061d3d;
    background:linear-gradient(135deg,#b97800,#f0b429);
    font-size:15px;
    font-weight:900;
}

.gaviIbbiInsightText strong{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:17px;
}

.gaviIbbiInsightText p{
    margin:0;
    color:#c5d0dc;
    font-size:15px;
    line-height:1.65;
}

.gaviIbbiCTA{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:42px;
    padding:28px 30px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:8px;
    background:#fff;
}

.gaviIbbiCTA > div:first-child span{
    display:block;
    margin-bottom:7px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gaviIbbiCTA h3{
    margin:0;
    color:#061d3d;
    font-size:22px;
    line-height:1.4;
}

.gaviIbbiCTA h3 strong{
    color:#b97800;
}

.gaviIbbiActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviIbbiPrimaryCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 21px;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviIbbiPrimaryCTA span{
    font-size:20px;
}

.gaviIbbiPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 17px;
    border:1px solid #d5dde6;
    border-radius:5px;
    color:#092f62 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}


/* =========================================================
   SECTION 3 — RERA
   Namespace: gaviRera
========================================================= */

.gaviRera{
    padding:92px 0 88px;
    background:#f7f9fc;
    position:relative;
}

.gaviReraHeader{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviReraEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviReraEyebrow span{
    width:31px;
    height:2px;
    background:#b97800;
}

.gaviReraHeader h2{
    margin:0 0 16px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
}

.gaviReraHeader h2 strong{
    color:#b97800;
}

.gaviReraHeader p{
    margin:0;
    color:#596a7d;
    font-size:16px;
    line-height:1.75;
}

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

.gaviReraCard{
    position:relative;
    min-height:275px;
    padding:24px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 25px rgba(6,29,61,.045);
    transition:all .3s ease;
}

.gaviReraCard:hover{
    transform:translateY(-5px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 18px 36px rgba(6,29,61,.09);
}

.gaviReraCardNational{
    background:linear-gradient(145deg,#061d3d,#092f62);
    border-color:#b97800;
}

.gaviReraCardHead{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
}

.gaviReraCardHead > span{
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviReraCardNational .gaviReraCardHead > span{
    background:#b97800;
    color:#061d3d;
}

.gaviReraCardHead small{
    display:block;
    margin-bottom:2px;
    color:#8a98a8;
    font-size:15px;
    font-weight:750;
    letter-spacing:1px;
}

.gaviReraCardHead h3{
    margin:0;
    color:#061d3d;
    font-size:21px;
    line-height:1.25;
}

.gaviReraCardNational .gaviReraCardHead h3{
    color:#fff;
}

.gaviReraCard p{
    margin:0;
    color:#58697b;
    font-size:15px;
    line-height:1.72;
}

.gaviReraCard p strong{
    color:#092f62;
}

.gaviReraCardNational .gaviReraCardHead small,
.gaviReraCardNational p{
    color:#c3d0dc;
}

.gaviReraCardNational p strong{
    color:#f0b429;
}

.gaviReraMarkets{
    position:absolute;
    left:24px;
    right:24px;
    bottom:21px;
    padding-top:13px;
    border-top:1px solid #e1e6ec;
    color:#b97800;
    font-size:15px;
    font-weight:750;
    line-height:1.45;
}

.gaviReraCardNational .gaviReraMarkets{
    border-color:rgba(255,255,255,.15);
    color:#f0b429;
}

.gaviReraBottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:45px;
    padding:29px 32px;
    border:1px solid rgba(185,120,0,.35);
    border-radius:8px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 17px 38px rgba(6,29,61,.13);
}

.gaviReraBottomContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gaviReraBottomContent h3{
    margin:0 0 5px;
    color:#fff;
    font-size:23px;
    line-height:1.35;
}

.gaviReraBottomContent h3 strong{
    color:#f0b429;
}

.gaviReraBottomContent p{
    margin:0;
    color:#bfcbd8;
    font-size:15px;
    line-height:1.55;
}

.gaviReraBottomActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviReraCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 22px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviReraCTA span{
    font-size:20px;
}

.gaviReraPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}

.gaviReraPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media(max-width:1100px){

    .gaviRegHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
        gap:35px;
    }

    .gaviRegHero h1{
        font-size:50px;
    }

    .gavi34abGrid{
        grid-template-columns:130px minmax(0,1fr);
        gap:35px;
    }

}


@media(max-width:991px){

    .gaviRegHero{
        padding:70px 0;
    }

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

    .gaviRegHeroContent{
        text-align:center;
    }

    .gaviRegHeroEyebrow,
    .gaviRegHeroActions{
        justify-content:center;
    }

    .gaviRegHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviRegHeroPills{
        justify-content:center;
    }

    .gaviRegHeroArchitecture{
        margin-top:15px;
    }

    .gavi34ab{
        padding:70px 0;
    }

    .gavi34abGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .gavi34abNumber{
        border-right:0;
        border-bottom:1px solid #dce3ec;
        padding-bottom:17px;
    }

    .gavi34abNumber span{
        display:inline;
        margin-right:10px;
    }

    .gavi34abNumber small{
        display:inline;
        max-width:none;
    }

    .gavi34abCategories{
        grid-template-columns:repeat(3,1fr);
    }

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

    .gaviIbbiCTA,
    .gaviReraBottom{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media(max-width:767px){

    .gaviRegHero{
        padding:58px 0;
    }

    .gaviRegHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviRegHero h1 strong{
        font-size:21px;
    }

    .gaviRegHeroLead{
        font-size:16px;
    }

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

    .gaviRegHeroCTA,
    .gaviRegHeroPhone{
        width:100%;
    }

    .gaviRegHeroArchitectureCard{
        width:100%;
    }

    .gavi34abContent h2,
    .gaviIbbiHeader h2,
    .gaviReraHeader h2{
        font-size:32px;
    }

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

    .gaviIbbiGrid,
    .gaviReraGrid{
        grid-template-columns:1fr;
    }

    .gaviIbbiCard,
    .gaviReraCard{
        min-height:270px;
    }

    .gaviIbbiInsight{
        align-items:flex-start;
    }

    .gaviIbbiCTA,
    .gaviReraBottom{
        padding:24px 20px;
    }

    .gaviIbbiActions,
    .gaviReraBottomActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviIbbiPrimaryCTA,
    .gaviIbbiPhone,
    .gaviReraCTA,
    .gaviReraPhone{
        width:100%;
    }

}


@media(max-width:480px){

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

    .gaviRegArchitectureItems > div{
        min-height:auto;
    }

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

}

/* =========================================================
   WESTERN INDIA HERO
   Namespace: gaviWestHero
========================================================= */

.gaviWestHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 84% 18%,rgba(240,180,41,.16),transparent 27%),
        radial-gradient(circle at 10% 100%,rgba(185,120,0,.09),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviWestHeroOrb{
    position:absolute;
    border:1px solid rgba(240,180,41,.16);
    border-radius:50%;
    pointer-events:none;
}

.gaviWestHeroOrbOne{
    width:500px;
    height:500px;
    right:-250px;
    top:-280px;
}

.gaviWestHeroOrbTwo{
    width:300px;
    height:300px;
    left:-190px;
    bottom:-220px;
}

.gaviWestHeroInner{
    position:relative;
    max-width:1050px;
    margin:auto;
    text-align:center;
}

.gaviWestHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:19px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviWestHeroEyebrow span{
    width:43px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviWestHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,5vw,66px);
    line-height:1.06;
    font-weight:800;
    letter-spacing:-1.7px;
}

.gaviWestHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-size:.57em;
    line-height:1.3;
    letter-spacing:-.3px;
}

.gaviWestHeroLead{
    max-width:900px;
    margin:26px auto 0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.8;
}

.gaviWestHeroLead strong{
    color:#fff;
}

.gaviWestHeroTags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:30px;
}

.gaviWestHeroTags span{
    min-width:155px;
    padding:11px 15px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#bdc9d7;
    font-size:15px;
    line-height:1.4;
}

.gaviWestHeroTags strong{
    display:block;
    margin-bottom:2px;
    color:#f0b429;
    font-size:16px;
}

.gaviWestHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.gaviWestHeroCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviWestHeroCTA:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.35);
}

.gaviWestHeroCTA span{
    font-size:21px;
}

.gaviWestHeroPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:56px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.05);
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviWestHeroPhone span{
    color:#f0b429;
    font-size:20px;
}

.gaviWestHeroPhone:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.1);
}


/* =========================================================
   MUMBAI
   Namespace: gaviMumbai
========================================================= */

.gaviMumbai{
    position:relative;
    padding:95px 0 85px;
    background:#f7f9fc;
    overflow:hidden;
}

.gaviMumbai:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:7px;
    height:100%;
    background:linear-gradient(180deg,#061d3d,#b97800,#f0b429);
}

.gaviMumbaiGrid{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:55px;
    align-items:start;
}

.gaviMumbaiIntro{
    position:sticky;
    top:30px;
}

.gaviMumbaiLabel{
    display:inline-block;
    margin-bottom:15px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviMumbaiIntro h2{
    margin:0;
    color:#061d3d;
    font-size:clamp(33px,4vw,51px);
    line-height:1.12;
    letter-spacing:-1.2px;
}

.gaviMumbaiIntro h2 strong{
    color:#b97800;
}

.gaviMumbaiAccent{
    width:75px;
    height:4px;
    margin:22px 0;
    border-radius:5px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429);
}

.gaviMumbaiIntro p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviMumbaiIntro p strong{
    color:#092f62;
}

.gaviMumbaiHighlight{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:17px;
    border:1px solid #e0e6ed;
    border-left:4px solid #b97800;
    border-radius:6px;
    background:#fff;
    box-shadow:0 12px 28px rgba(6,29,61,.06);
}

.gaviMumbaiHighlightIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:55px;
    height:48px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviMumbaiHighlight strong{
    display:block;
    color:#061d3d;
    font-size:17px;
}

.gaviMumbaiHighlight small{
    display:block;
    margin-top:3px;
    color:#697789;
    font-size:15px;
}

.gaviMumbaiContent{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.gaviMumbaiBlock{
    position:relative;
    padding:28px 30px 27px 68px;
    border:1px solid #dfe5ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 25px rgba(6,29,61,.045);
    transition:all .3s ease;
}

.gaviMumbaiBlock:hover{
    transform:translateX(5px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 15px 32px rgba(6,29,61,.08);
}

.gaviMumbaiBlockNo{
    position:absolute;
    left:25px;
    top:28px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviMumbaiBlock h3{
    margin:0 0 10px;
    color:#061d3d;
    font-size:22px;
    line-height:1.35;
}

.gaviMumbaiBlock h3 strong{
    color:#b97800;
}

.gaviMumbaiBlock p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.76;
}

.gaviMumbaiBlock p strong{
    color:#092f62;
}

.gaviMumbaiInsight{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:38px;
    padding:27px 30px;
    border-radius:8px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 18px 38px rgba(6,29,61,.13);
}

.gaviMumbaiInsight span{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.gaviMumbaiInsight h3{
    margin:0;
    color:#fff;
    font-size:21px;
    line-height:1.4;
}

.gaviMumbaiInsight h3 strong{
    color:#f0b429;
}

.gaviMumbaiCTA{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:51px;
    padding:0 21px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:#b97800;
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}


/* =========================================================
   PUNE
   Namespace: gaviPune
========================================================= */

.gaviPune{
    padding:95px 0;
    background:#fff;
}

.gaviPuneHeader{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviPuneEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviPuneHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(32px,4vw,49px);
    line-height:1.15;
}

.gaviPuneHeader h2 strong{
    color:#b97800;
}

.gaviPuneHeader p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gaviPuneHeader p strong{
    color:#092f62;
}

.gaviPuneGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.gaviPuneCard{
    position:relative;
    min-height:420px;
    padding:27px 22px 24px;
    border:1px solid #dfe5ec;
    border-radius:8px;
    background:#f9fafc;
    overflow:hidden;
    transition:all .3s ease;
}

.gaviPuneCardFeatured{
    background:linear-gradient(150deg,#061d3d,#092f62);
    border-color:#092f62;
}

.gaviPuneCard:hover{
    transform:translateY(-7px);
    border-color:#b97800;
    box-shadow:0 20px 40px rgba(6,29,61,.11);
}

.gaviPuneNumber{
    position:absolute;
    top:17px;
    right:17px;
    color:#d5dde7;
    font-size:15px;
    font-weight:900;
}

.gaviPuneCardFeatured .gaviPuneNumber{
    color:rgba(255,255,255,.2);
}

.gaviPuneIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:52px;
    height:42px;
    margin-bottom:23px;
    padding:0 9px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviPuneCardFeatured .gaviPuneIcon{
    background:#b97800;
    color:#061d3d;
}

.gaviPuneCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.35;
}

.gaviPuneCardFeatured h3{
    color:#fff;
}

.gaviPuneCard h3 strong{
    color:#b97800;
}

.gaviPuneCardFeatured h3 strong{
    color:#f0b429;
}

.gaviPuneCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.72;
}

.gaviPuneCardFeatured p{
    color:#d4dfeb;
}

.gaviPuneCard p strong{
    color:#092f62;
}

.gaviPuneCardFeatured p strong{
    color:#fff;
}

.gaviPuneKeywords{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:20px;
}

.gaviPuneKeywords span,
.gaviPuneMiniTag{
    display:inline-block;
    padding:6px 8px;
    border:1px solid #d8e0e9;
    border-radius:3px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}

.gaviPuneCardFeatured .gaviPuneKeywords span{
    border-color:rgba(240,180,41,.25);
    background:rgba(255,255,255,.06);
    color:#f0b429;
}

.gaviPuneMiniTag{
    margin-top:20px;
}

.gaviPuneCTABox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:42px;
    padding:28px 31px;
    border:1px solid rgba(185,120,0,.35);
    border-radius:8px;
    background:#061d3d;
}

.gaviPuneCTABox > div:first-child span{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviPuneCTABox h3{
    margin:0;
    color:#fff;
    font-size:23px;
}

.gaviPuneCTABox h3 strong{
    color:#f0b429;
}

.gaviPuneCTAActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.gaviPuneCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:51px;
    padding:0 21px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviPunePhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:51px;
    padding:0 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}


/* =========================================================
   AHMEDABAD + GIFT CITY + SURAT
   Namespace: gaviGujarat
========================================================= */

.gaviGujarat{
    position:relative;
    padding:96px 0 90px;
    background:
        linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
}

.gaviGujaratHeader{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviGujaratEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviGujaratHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(33px,4vw,50px);
    line-height:1.15;
}

.gaviGujaratHeader h2 strong{
    color:#b97800;
}

.gaviGujaratHeader p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gaviGujaratHeader p strong{
    color:#092f62;
}

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

.gaviGujaratCard{
    position:relative;
    padding:28px 25px 29px;
    border:1px solid #dfe5ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviGujaratCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429);
}

.gaviGujaratCard:hover{
    transform:translateY(-7px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 20px 42px rgba(6,29,61,.1);
}

.gaviGujaratTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:23px;
}

.gaviGujaratCode{
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
}

.gaviGujaratNo{
    color:#dfe5ec;
    font-size:15px;
    font-weight:900;
}

.gaviGujaratCard h3{
    margin:0 0 15px;
    color:#061d3d;
    font-size:23px;
    line-height:1.3;
}

.gaviGujaratCard h3 strong{
    color:#b97800;
}

.gaviGujaratCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.75;
}

.gaviGujaratCard p strong{
    color:#092f62;
}

.gaviGujaratFeature{
    margin:22px 0;
    padding:15px 16px;
    border-left:3px solid #b97800;
    border-radius:4px;
    background:#f5f7fa;
}

.gaviGujaratFeature strong{
    display:block;
    margin-bottom:4px;
    color:#061d3d;
    font-size:16px;
}

.gaviGujaratFeature span{
    display:block;
    color:#697789;
    font-size:15px;
    line-height:1.5;
}

.gaviGujaratGift{
    background:linear-gradient(145deg,#061d3d,#092f62);
    border-color:#092f62;
}

.gaviGujaratGift .gaviGujaratCode{
    color:#f0b429;
}

.gaviGujaratGift .gaviGujaratNo{
    color:rgba(255,255,255,.22);
}

.gaviGujaratGift h3{
    color:#fff;
}

.gaviGujaratGift h3 strong{
    color:#f0b429;
}

.gaviGujaratGift p{
    color:#d5dfeb;
}

.gaviGujaratGift p strong{
    color:#fff;
}

.gaviGujaratGift .gaviGujaratFeature{
    background:rgba(255,255,255,.06);
    border-color:#b97800;
}

.gaviGujaratGift .gaviGujaratFeature strong{
    color:#fff;
}

.gaviGujaratGift .gaviGujaratFeature span{
    color:#c5d1df;
}

.gaviGujaratCTA{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:43px;
    padding:29px 32px;
    border-radius:8px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 18px 38px rgba(6,29,61,.14);
}

.gaviGujaratCTAContent span{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviGujaratCTAContent h3{
    margin:0;
    color:#fff;
    font-size:23px;
    line-height:1.4;
}

.gaviGujaratCTAContent h3 strong{
    color:#f0b429;
}

.gaviGujaratCTAActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.gaviGujaratPrimaryCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:0 22px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviGujaratPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}


/* =========================================================
   FINAL CTA
   Namespace: gaviWestFinal
========================================================= */

.gaviWestFinal{
    padding:72px 0;
    background:#fff;
}

.gaviWestFinalInner{
    display:grid;
    grid-template-columns:90px minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    padding:34px 38px;
    border:1px solid #dce3eb;
    border-radius:10px;
    background:
        radial-gradient(circle at 100% 0%,rgba(185,120,0,.09),transparent 28%),
        #f7f9fc;
    box-shadow:0 15px 35px rgba(6,29,61,.06);
}

.gaviWestFinalMark{
    width:78px;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#061d3d,#092f62);
    border:2px solid #b97800;
    color:#f0b429;
    font-size:16px;
    font-weight:900;
}

.gaviWestFinalText > span{
    display:block;
    margin-bottom:5px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviWestFinalText h2{
    margin:0 0 8px;
    color:#061d3d;
    font-size:28px;
    line-height:1.3;
}

.gaviWestFinalText h2 strong{
    color:#b97800;
}

.gaviWestFinalText p{
    max-width:800px;
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviWestFinalText p strong{
    color:#092f62;
}

.gaviWestFinalActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:9px;
    min-width:190px;
}

.gaviWestFinalCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:0 19px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviWestFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:47px;
    border:1px solid #cfd8e2;
    border-radius:5px;
    color:#092f62 !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}


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

@media (max-width:1100px){

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

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

    .gaviGujaratCard{
        min-height:0;
    }

    .gaviWestFinalInner{
        grid-template-columns:75px 1fr;
    }

    .gaviWestFinalActions{
        grid-column:2;
        flex-direction:row;
        align-items:center;
        min-width:0;
    }

}


@media (max-width:900px){

    .gaviMumbaiGrid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .gaviMumbaiIntro{
        position:static;
    }

    .gaviMumbaiInsight{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media (max-width:767px){

    .gaviWestHero{
        padding:65px 0;
    }

    .gaviWestHero h1{
        font-size:40px;
    }

    .gaviWestHero h1 strong{
        font-size:22px;
    }

    .gaviWestHeroLead{
        font-size:16px;
        line-height:1.7;
    }

    .gaviWestHeroTags{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .gaviWestHeroTags span{
        min-width:0;
    }

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

    .gaviWestHeroCTA,
    .gaviWestHeroPhone{
        width:100%;
    }

    .gaviMumbai,
    .gaviPune,
    .gaviGujarat{
        padding:70px 0;
    }

    .gaviMumbaiIntro h2,
    .gaviPuneHeader h2,
    .gaviGujaratHeader h2{
        font-size:34px;
    }

    .gaviMumbaiBlock{
        padding:25px 21px 24px;
    }

    .gaviMumbaiBlockNo{
        position:static;
        display:block;
        margin-bottom:8px;
    }

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

    .gaviPuneCard{
        min-height:0;
    }

    .gaviPuneCTABox,
    .gaviGujaratCTA{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviPuneCTAActions,
    .gaviGujaratCTAActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviPuneCTA,
    .gaviPunePhone,
    .gaviGujaratPrimaryCTA,
    .gaviGujaratPhone{
        width:100%;
    }

    .gaviWestFinalInner{
        grid-template-columns:1fr;
        text-align:center;
        padding:28px 21px;
    }

    .gaviWestFinalMark{
        margin:0 auto;
    }

    .gaviWestFinalActions{
        grid-column:auto;
        width:100%;
    }

    .gaviWestFinalText h2{
        font-size:24px;
    }

}


@media (max-width:480px){

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

    .gaviWestHeroEyebrow{
        font-size:15px;
        letter-spacing:1.3px;
    }

    .gaviMumbaiBlock h3,
    .gaviPuneCard h3,
    .gaviGujaratCard h3{
        font-size:20px;
    }

}

/* =========================================================
   SOUTHERN INDIA
   GLOBAL NAMESPACE
   Navy + Gold Royal Design
========================================================= */

.sivHero,
.sivCitySection,
.sivFinalCta{
    font-family:inherit;
}

.sivHero *,
.sivCitySection *,
.sivFinalCta *{
    box-sizing:border-box;
}


/* =========================================================
   HERO
   Unique Namespace: sivHero
========================================================= */

.sivHero{
    position:relative;
    overflow:hidden;
    padding:82px 0 78px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.16),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
}

.sivHero:after{
    content:"";
    position:absolute;
    right:-170px;
    bottom:-240px;
    width:500px;
    height:500px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
    box-shadow:0 0 0 30px rgba(185,120,0,.025);
}

.sivHeroInner{
    position:relative;
    z-index:2;
    max-width:1050px;
    margin:auto;
    text-align:center;
}

.sivHeroEyebrow{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.8px;
}

.sivHeroEyebrow span{
    width:40px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.sivHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(38px,4.7vw,64px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1.5px;
}

.sivHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-weight:750;
}

.sivHeroLead{
    max-width:900px;
    margin:25px auto 0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.sivHeroLead strong{
    color:#fff;
}

.sivHeroCities{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:35px;
}

.sivHeroCities span{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:16px 13px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:6px;
    background:rgba(255,255,255,.055);
    color:#bfcbd8;
    font-size:15px;
}

.sivHeroCities strong{
    color:#f0b429;
    font-size:17px;
}

.sivHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    flex-wrap:wrap;
    margin-top:32px;
}

.sivPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.sivPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.35);
}

.sivPrimaryCta span{
    font-size:22px;
}

.sivPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0 23px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    font-size:16px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

.sivPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   CITY SECTIONS
   Unique Namespace: sivCitySection
========================================================= */

.sivCitySection{
    position:relative;
    padding:90px 0;
    overflow:hidden;
}

.sivCitySection:nth-of-type(odd){
    background:#f7f9fc;
}

.sivBengaluru{
    background:#f7f9fc;
}

.sivChennai{
    background:#fff;
}

.sivHyderabad{
    background:#f7f9fc;
}

.sivKochi{
    background:#fff;
}

.sivCityGrid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
    gap:65px;
    align-items:center;
}

.sivReverseGrid{
    grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);
}

.sivReverseGrid .sivCityContent{
    order:2;
}

.sivReverseGrid .sivCityPanel{
    order:1;
}

.sivCityContent{
    position:relative;
}

.sivCityNumber{
    position:absolute;
    top:-28px;
    right:0;
    color:rgba(9,47,98,.055);
    font-size:100px;
    line-height:1;
    font-weight:900;
    pointer-events:none;
}

.sivCityEyebrow{
    position:relative;
    z-index:1;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.sivCityContent h2{
    position:relative;
    z-index:1;
    margin:0 0 21px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
    letter-spacing:-1px;
    font-weight:800;
}

.sivCityContent h2 strong{
    color:#b97800;
}

.sivCityContent p{
    position:relative;
    z-index:1;
    margin:0 0 17px;
    color:#526276;
    font-size:16px;
    line-height:1.82;
}

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


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.sivHighlightBox{
    display:flex;
    gap:15px;
    margin-top:27px;
    padding:19px 20px;
    border-left:4px solid #b97800;
    border-radius:5px;
    background:linear-gradient(100deg,#eef3f8,#fff);
    box-shadow:0 9px 25px rgba(6,29,61,.055);
}

.sivHighlightIcon{
    flex:0 0 46px;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.sivHighlightBox strong{
    display:block;
    margin-bottom:5px;
    color:#061d3d;
    font-size:17px;
}

.sivHighlightBox p{
    margin:0;
    color:#59697b;
    font-size:15px;
    line-height:1.65;
}


/* =========================================================
   TAGS
========================================================= */

.sivTags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:21px;
}

.sivTags span{
    padding:7px 10px;
    border:1px solid #d9e1eb;
    border-radius:4px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   CITY SIDE PANEL
========================================================= */

.sivCityPanel{
    position:relative;
    padding:28px 25px 25px;
    border:1px solid #d9e1eb;
    border-radius:9px;
    background:
        linear-gradient(145deg,#061d3d,#092f62);
    box-shadow:0 22px 50px rgba(6,29,61,.15);
    overflow:hidden;
}

.sivCityPanel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#b97800,#f0b429,#b97800);
}

.sivPanelTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.13);
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.sivPanelTop strong{
    color:rgba(255,255,255,.2);
    font-size:32px;
}

.sivMarketItem{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.sivMarketItem > span{
    flex:0 0 30px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.35);
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
}

.sivMarketItem strong{
    display:block;
    margin-bottom:3px;
    color:#fff;
    font-size:16px;
}

.sivMarketItem small{
    display:block;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.5;
}

.sivPanelCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:22px;
    padding:14px 16px;
    border:1px solid rgba(240,180,41,.45);
    border-radius:5px;
    background:rgba(185,120,0,.1);
    color:#f0b429 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.sivPanelCta:hover{
    background:#b97800;
    color:#061d3d !important;
}

.sivPanelCta span{
    font-size:20px;
}


/* =========================================================
   FINAL CTA
   Unique Namespace: sivFinalCta
========================================================= */

.sivFinalCta{
    padding:75px 0;
    background:
        radial-gradient(circle at 15% 50%,rgba(240,180,41,.12),transparent 28%),
        linear-gradient(120deg,#04152d,#092f62);
}

.sivFinalCtaInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:38px 42px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:10px;
    background:rgba(255,255,255,.045);
}

.sivFinalCtaContent > span{
    display:block;
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.sivFinalCtaContent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(27px,3vw,40px);
    line-height:1.2;
    font-weight:800;
}

.sivFinalCtaContent h2 strong{
    color:#f0b429;
}

.sivFinalCtaContent p{
    max-width:730px;
    margin:0;
    color:#cbd6e2;
    font-size:16px;
    line-height:1.7;
}

.sivFinalCtaContent p strong{
    color:#fff;
}

.sivFinalCtaActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

.sivFinalPrimary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.sivFinalPrimary:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 32px rgba(185,120,0,.35);
}

.sivFinalPrimary span{
    font-size:21px;
}

.sivFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.sivFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

    .sivCityGrid,
    .sivReverseGrid{
        grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
        gap:40px;
    }

    .sivHeroCities{
        gap:9px;
    }

}


@media (max-width:991px){

    .sivHero{
        padding:65px 0;
    }

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

    .sivCitySection{
        padding:70px 0;
    }

    .sivCityGrid,
    .sivReverseGrid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .sivReverseGrid .sivCityContent,
    .sivReverseGrid .sivCityPanel{
        order:initial;
    }

    .sivCityNumber{
        right:10px;
    }

    .sivFinalCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .sivFinalCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .sivHero{
        padding:55px 0;
    }

    .sivHero h1{
        font-size:38px;
        letter-spacing:-1px;
    }

    .sivHero h1 strong{
        font-size:25px;
    }

    .sivHeroLead{
        font-size:16px;
        line-height:1.7;
    }

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

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

    .sivPrimaryCta,
    .sivPhoneCta{
        width:100%;
    }

    .sivCitySection{
        padding:58px 0;
    }

    .sivCityContent h2{
        font-size:32px;
    }

    .sivCityContent p{
        font-size:15px;
        line-height:1.75;
    }

    .sivCityNumber{
        font-size:72px;
        top:-15px;
    }

    .sivCityPanel{
        padding:23px 19px;
    }

    .sivHighlightBox{
        padding:16px;
    }

    .sivFinalCta{
        padding:55px 0;
    }

    .sivFinalCtaInner{
        padding:27px 20px;
    }

    .sivFinalCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .sivFinalPrimary,
    .sivFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

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

    .sivHero h1 strong{
        font-size:23px;
    }

    .sivHeroEyebrow{
        font-size:15px;
        line-height:1.4;
    }

    .sivCityNumber{
        display:none;
    }

    .sivTags span{
        font-size:15px;
    }

}
/* =========================================================
   EASTERN INDIA — HERO
   Namespace: gaviEasternHero
   Royal Navy + Gold
========================================================= */

.gaviEasternHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 82% 20%,rgba(185,120,0,.16),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviEasternHero:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #092f62,
        #b97800,
        #f0b429,
        #b97800,
        #092f62
    );
}

.gaviEasternHeroPattern{
    position:absolute;
    width:620px;
    height:620px;
    right:-300px;
    top:-300px;
    border:1px solid rgba(240,180,41,.14);
    border-radius:50%;
    box-shadow:
        0 0 0 35px rgba(185,120,0,.025),
        0 0 0 70px rgba(185,120,0,.018);
    pointer-events:none;
}

.gaviEasternHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.22fr) minmax(350px,.78fr);
    gap:65px;
    align-items:center;
}

.gaviEasternHeroContent{
    position:relative;
    z-index:2;
}

.gaviEasternHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviEasternHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviEasternHero h1{
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(40px,5vw,67px);
    line-height:1.05;
    letter-spacing:-1.7px;
    font-weight:850;
}

.gaviEasternHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.57em;
    line-height:1.25;
    letter-spacing:-.2px;
}

.gaviEasternHeroLead{
    max-width:820px;
    margin:0;
    color:#dce5ef;
    font-size:17px;
    line-height:1.78;
}

.gaviEasternHeroLead strong{
    color:#fff;
    font-weight:800;
}

.gaviEasternHeroHighlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    max-width:720px;
    margin-top:29px;
}

.gaviEasternHeroHighlight{
    padding:15px 13px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviEasternHeroHighlight span{
    display:block;
    margin-bottom:6px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gaviEasternHeroHighlight strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.35;
}

.gaviEasternHeroHighlight small{
    display:block;
    margin-top:3px;
    color:#aebdcd;
    font-size:15px;
    line-height:1.4;
}

.gaviEasternHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-top:31px;
}

.gaviEasternPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 13px 30px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviEasternPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(185,120,0,.34);
}

.gaviEasternPrimaryCta span{
    font-size:22px;
}

.gaviEasternPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:57px;
    padding:7px 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.05);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviEasternPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.1);
}

.gaviEasternPhoneIcon{
    color:#f0b429;
    font-size:21px;
}

.gaviEasternPhoneCta small{
    display:block;
    margin-bottom:2px;
    color:#aebdcd;
    font-size:15px;
}

.gaviEasternPhoneCta strong{
    display:block;
    color:#fff;
    font-size:17px;
}


/* =========================================================
   HERO PANEL
========================================================= */

.gaviEasternHeroPanel{
    position:relative;
    padding:30px 26px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:10px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );
    box-shadow:
        0 28px 65px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter:blur(10px);
}

.gaviEasternHeroPanelTop span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.gaviEasternHeroPanelTop strong{
    display:block;
    color:#fff;
    font-size:29px;
    line-height:1.2;
}

.gaviEasternHeroPanelLine{
    width:100%;
    height:1px;
    margin:24px 0 5px;
    background:linear-gradient(
        90deg,
        #b97800,
        rgba(185,120,0,.05)
    );
}

.gaviEasternHeroPanelItem{
    display:flex;
    gap:15px;
    padding:19px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.gaviEasternHeroPanelItem > span{
    flex:0 0 32px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviEasternHeroPanelItem strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:17px;
}

.gaviEasternHeroPanelItem small{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.5;
}

.gaviEasternHeroPanelFooter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:22px;
}

.gaviEasternHeroPanelFooter span{
    color:#9eafc1;
    font-size:15px;
    font-weight:750;
    letter-spacing:1px;
}

.gaviEasternHeroPanelFooter strong{
    color:#f0b429;
    font-size:17px;
}


/* =========================================================
   KOLKATA SECTION
   Namespace: gaviKolkata
========================================================= */

.gaviKolkata{
    position:relative;
    padding:92px 0 86px;
    background:#f7f9fc;
    overflow:hidden;
}

.gaviKolkata:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #061d3d,
        #092f62,
        #b97800,
        #f0b429,
        #b97800,
        #092f62,
        #061d3d
    );
}

.gaviKolkataIntro{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviKolkataEyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviKolkataEyebrow span{
    width:32px;
    height:2px;
    background:#b97800;
}

.gaviKolkataIntro h2{
    margin:0 0 17px;
    color:#061d3d;
    font-size:clamp(32px,4vw,50px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviKolkataIntro h2 strong{
    color:#b97800;
}

.gaviKolkataIntro p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gaviKolkataIntro p strong{
    color:#092f62;
}


/* =========================================================
   KOLKATA CARDS
========================================================= */

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

.gaviKolkataCard{
    position:relative;
    min-height:330px;
    padding:27px 23px 24px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 10px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviKolkataCardLarge{
    min-height:360px;
}

.gaviKolkataCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviKolkataCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 20px 42px rgba(6,29,61,.11);
}

.gaviKolkataCard:hover:before{
    transform:scaleX(1);
}

.gaviKolkataCardNumber{
    position:absolute;
    top:17px;
    right:18px;
    color:#e0e6ed;
    font-size:15px;
    font-weight:900;
}

.gaviKolkataCardIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    min-height:42px;
    margin-bottom:20px;
    padding:7px 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.7px;
}

.gaviKolkataCard h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:21px;
    line-height:1.35;
    font-weight:750;
}

.gaviKolkataCard h3 strong{
    color:#b97800;
}

.gaviKolkataCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.75;
}

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

.gaviKolkataTags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:22px;
}

.gaviKolkataTags span{
    padding:6px 9px;
    border:1px solid #dce3ec;
    border-radius:3px;
    background:#f8fafc;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   KOLKATA CTA
========================================================= */

.gaviKolkataCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    margin-top:52px;
    padding:31px 35px;
    border:1px solid rgba(185,120,0,.42);
    border-radius:9px;
    background:
        linear-gradient(
            110deg,
            #04152d 0%,
            #092f62 70%,
            #061d3d 100%
        );
    box-shadow:0 18px 42px rgba(6,29,61,.14);
}

.gaviKolkataCtaContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.gaviKolkataCtaContent h3{
    margin:0 0 7px;
    color:#fff;
    font-size:25px;
    line-height:1.35;
    font-weight:750;
}

.gaviKolkataCtaContent h3 strong{
    color:#f0b429;
}

.gaviKolkataCtaContent p{
    margin:0;
    color:#c4d0dd;
    font-size:15px;
    line-height:1.6;
}

.gaviKolkataCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviKolkataPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:53px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviKolkataPrimaryCta:hover{
    transform:translateY(-2px);
    box-shadow:0 11px 27px rgba(185,120,0,.3);
}

.gaviKolkataPrimaryCta span{
    font-size:20px;
}

.gaviKolkataPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:53px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviKolkataPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

    .gaviEasternHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);
        gap:38px;
    }

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

}


@media (max-width:991px){

    .gaviEasternHero{
        padding:70px 0;
    }

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

    .gaviEasternHeroContent{
        text-align:center;
    }

    .gaviEasternHeroEyebrow,
    .gaviEasternHeroActions{
        justify-content:center;
    }

    .gaviEasternHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviEasternHeroHighlights{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviEasternHeroPanel{
        max-width:650px;
        width:100%;
        margin:5px auto 0;
    }

    .gaviKolkata{
        padding:72px 0;
    }

    .gaviKolkataCta{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviKolkataCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviEasternHero{
        padding:56px 0;
    }

    .gaviEasternHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviEasternHero h1 strong{
        font-size:21px;
    }

    .gaviEasternHeroLead{
        font-size:15px;
        line-height:1.7;
    }

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

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

    .gaviEasternPrimaryCta,
    .gaviEasternPhoneCta{
        width:100%;
    }

    .gaviEasternHeroPanel{
        padding:24px 20px;
    }

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

    .gaviKolkata{
        padding:62px 0;
    }

    .gaviKolkataIntro h2{
        font-size:32px;
    }

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

    .gaviKolkataCard,
    .gaviKolkataCardLarge{
        min-height:auto;
    }

    .gaviKolkataCta{
        padding:25px 21px;
    }

    .gaviKolkataCtaContent h3{
        font-size:21px;
    }

    .gaviKolkataCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviKolkataPrimaryCta,
    .gaviKolkataPhone{
        width:100%;
    }

}
/* =========================================================
   NORTH INDIA BEYOND NCR
   HERO
   Namespace: gaviNorthHero
========================================================= */

.gaviNorthHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 78% 35%,rgba(185,120,0,.14),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 58%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviNorthHeroPattern{
    position:absolute;
    inset:0;
    opacity:.13;
    background-image:
        linear-gradient(rgba(240,180,41,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.12) 1px,transparent 1px);
    background-size:65px 65px;
    mask-image:linear-gradient(to right,transparent,#000 45%,#000);
}

.gaviNorthHeroInner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    gap:60px;
    align-items:center;
}

.gaviNorthHeroEyebrow,
.gaviNorthSectionEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviNorthHeroEyebrow span,
.gaviNorthSectionEyebrow span{
    display:inline-block;
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviNorthHero h1{
    margin:19px 0 23px;
    max-width:850px;
    color:#fff;
    font-size:clamp(40px,4.6vw,66px);
    line-height:1.04;
    letter-spacing:-1.8px;
    font-weight:850;
}

.gaviNorthHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.53em;
    line-height:1.25;
    letter-spacing:-.3px;
}

.gaviNorthHeroLead{
    max-width:820px;
    margin:0;
    color:#dbe4ee;
    font-size:17px;
    line-height:1.8;
}

.gaviNorthHeroLead strong{
    color:#fff;
}

.gaviNorthHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.gaviNorthHeroStat{
    min-width:145px;
    padding:13px 17px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:5px;
    background:rgba(255,255,255,.05);
}

.gaviNorthHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:23px;
    line-height:1.1;
}

.gaviNorthHeroStat span{
    display:block;
    margin-top:5px;
    color:#bfcbd8;
    font-size:15px;
}

.gaviNorthHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:30px;
}

.gaviNorthPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:55px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.2);
    transition:all .3s ease;
}

.gaviNorthPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.32);
}

.gaviNorthPrimaryCta span{
    font-size:21px;
}

.gaviNorthPhoneCta{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:55px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviNorthPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   HERO MAP VISUAL
========================================================= */

.gaviNorthHeroMap{
    display:flex;
    justify-content:center;
    align-items:center;
}

.gaviNorthHeroMapOuter{
    position:relative;
    width:430px;
    height:430px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 60%,#04152d 100%);
    box-shadow:
        0 0 0 22px rgba(185,120,0,.025),
        0 0 80px rgba(185,120,0,.12);
}

.gaviNorthHeroMapOuter:before,
.gaviNorthHeroMapOuter:after{
    content:"";
    position:absolute;
    inset:48px;
    border:1px dashed rgba(240,180,41,.17);
    border-radius:50%;
}

.gaviNorthHeroMapOuter:after{
    inset:102px;
    border-color:rgba(255,255,255,.08);
}

.gaviNorthMapRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviNorthRingOne{
    width:180px;
    height:180px;
    left:125px;
    top:125px;
}

.gaviNorthRingTwo{
    width:100px;
    height:100px;
    left:165px;
    top:165px;
}

.gaviNorthMapCenter{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:105px;
    height:105px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #d99a16;
    border-radius:50%;
    background:linear-gradient(145deg,#b97800,#f0b429);
    color:#061d3d;
    box-shadow:0 0 40px rgba(240,180,41,.2);
}

.gaviNorthMapCenter span{
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
}

.gaviNorthMapCenter strong{
    font-size:20px;
    letter-spacing:2px;
}

.gaviNorthMapPoint{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:7px;
    color:#fff;
    font-size:15px;
    font-weight:750;
}

.gaviNorthMapPoint i{
    display:block;
    width:10px;
    height:10px;
    border:2px solid #061d3d;
    border-radius:50%;
    background:#f0b429;
    box-shadow:0 0 0 5px rgba(240,180,41,.13);
}

.gaviNorthPointChd{
    left:56px;
    top:82px;
}

.gaviNorthPointJai{
    right:53px;
    top:155px;
}

.gaviNorthPointLuc{
    left:65px;
    bottom:104px;
}

.gaviNorthPointKan{
    right:47px;
    bottom:83px;
}


/* =========================================================
   SECTION 02
========================================================= */

.gaviNorthWest{
    padding:88px 0;
    background:#f7f9fc;
}

.gaviNorthSectionHeading{
    max-width:800px;
    margin:0 auto 46px;
    text-align:center;
}

.gaviNorthSectionHeading h2{
    margin:14px 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.14;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviNorthSectionHeading h2 strong{
    color:#b97800;
}

.gaviNorthSectionHeading p{
    margin:0;
    color:#596a7d;
    font-size:16px;
    line-height:1.75;
}

.gaviNorthFeatureGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.gaviNorthFeatureCard{
    position:relative;
    padding:31px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviNorthFeatureCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(#092f62,#b97800,#f0b429);
}

.gaviNorthFeatureCard:hover{
    transform:translateY(-5px);
    border-color:rgba(185,120,0,.38);
    box-shadow:0 20px 42px rgba(6,29,61,.1);
}

.gaviNorthCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:19px;
}

.gaviNorthCardNumber{
    color:#b97800;
    font-size:25px;
    font-weight:900;
}

.gaviNorthCardLabel{
    color:#78889a;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.2px;
}

.gaviNorthFeatureCard h3{
    margin:0 0 15px;
    color:#061d3d;
    font-size:27px;
    line-height:1.25;
}

.gaviNorthFeatureCard h3 strong{
    color:#b97800;
}

.gaviNorthFeatureCard > p{
    margin:0;
    color:#536477;
    font-size:15px;
    line-height:1.78;
}

.gaviNorthFeatureCard > p strong{
    color:#092f62;
}

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

.gaviNorthMiniGrid div{
    min-height:78px;
    padding:11px;
    border:1px solid #e0e6ed;
    border-radius:5px;
    background:#f8fafc;
}

.gaviNorthMiniGrid strong{
    display:block;
    color:#092f62;
    font-size:15px;
}

.gaviNorthMiniGrid span{
    display:block;
    margin-top:4px;
    color:#718093;
    font-size:15px;
    line-height:1.4;
}

.gaviNorthBenchBox{
    display:flex;
    gap:13px;
    margin-top:21px;
    padding:16px;
    border:1px solid rgba(185,120,0,.22);
    border-radius:6px;
    background:linear-gradient(110deg,#fdfaf3,#f8fafc);
}

.gaviNorthBenchIcon{
    flex:0 0 52px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNorthBenchBox strong{
    display:block;
    color:#061d3d;
    font-size:15px;
}

.gaviNorthBenchBox p{
    margin:4px 0 0;
    color:#627286;
    font-size:15px;
    line-height:1.55;
}

.gaviNorthBenchBox p strong{
    display:inline;
    color:#092f62;
}

.gaviNorthReraTag{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
    padding:10px 13px;
    border-radius:4px;
    background:#061d3d;
}

.gaviNorthReraTag strong{
    color:#f0b429;
    font-size:15px;
}

.gaviNorthReraTag span{
    color:#d4dde7;
    font-size:15px;
}


/* =========================================================
   SECTION 03
========================================================= */

.gaviNorthEast{
    padding:92px 0 88px;
    background:
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
}

.gaviNorthEastGrid{
    display:grid;
    grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);
    gap:55px;
    align-items:start;
}

.gaviNorthEastIntro{
    position:sticky;
    top:30px;
}

.gaviNorthEastIntro h2{
    margin:15px 0 18px;
    color:#fff;
    font-size:clamp(31px,3.3vw,46px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gaviNorthEastIntro h2 strong{
    color:#f0b429;
    display:block;
}

.gaviNorthEastIntro > p{
    margin:0;
    color:#cbd6e2;
    font-size:16px;
    line-height:1.8;
}

.gaviNorthEastIntro > p strong{
    color:#fff;
}

.gaviNorthDarkCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:28px;
    min-height:54px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviNorthDarkCta:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(185,120,0,.28);
}

.gaviNorthDarkCta span{
    font-size:20px;
}

.gaviNorthCityStack{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.gaviNorthCityCard{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:19px;
    padding:25px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    transition:all .3s ease;
}

.gaviNorthCityCard:hover{
    border-color:rgba(240,180,41,.42);
    background:rgba(255,255,255,.075);
    transform:translateX(4px);
}

.gaviNorthCityNumber{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    color:#f0b429;
    font-size:27px;
    font-weight:900;
}

.gaviNorthCityContent > span,
.gaviNorthJurisdictionCard > div:last-child > span{
    display:block;
    margin-bottom:6px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.1px;
}

.gaviNorthCityContent h3{
    margin:0 0 9px;
    color:#fff;
    font-size:27px;
    line-height:1.2;
}

.gaviNorthCityContent p{
    margin:0;
    color:#c5d0dc;
    font-size:15px;
    line-height:1.72;
}

.gaviNorthCityContent p strong{
    color:#fff;
}

.gaviNorthCityTags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:15px;
}

.gaviNorthCityTags span{
    padding:6px 9px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:3px;
    color:#dce5ee;
    font-size:15px;
}

.gaviNorthJurisdictionCard{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:19px;
    padding:25px;
    border:1px solid rgba(240,180,41,.34);
    border-radius:8px;
    background:linear-gradient(110deg,rgba(185,120,0,.14),rgba(255,255,255,.04));
}

.gaviNorthJurisdictionIcon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d99a16;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:15px;
    font-weight:900;
}

.gaviNorthJurisdictionCard h3{
    margin:0 0 8px;
    color:#fff;
    font-size:22px;
}

.gaviNorthJurisdictionCard p{
    margin:0;
    color:#c5d0dc;
    font-size:15px;
    line-height:1.7;
}

.gaviNorthJurisdictionCard p strong{
    color:#fff;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gaviNorthFinalCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    margin-top:58px;
    padding:31px 34px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:8px;
    background:rgba(255,255,255,.055);
}

.gaviNorthFinalCta > div:first-child > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviNorthFinalCta h3{
    margin:0 0 7px;
    color:#fff;
    font-size:25px;
    line-height:1.3;
}

.gaviNorthFinalCta h3 strong{
    color:#f0b429;
}

.gaviNorthFinalCta p{
    margin:0;
    color:#bfcbd7;
    font-size:15px;
    line-height:1.6;
}

.gaviNorthFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviNorthFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 22px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviNorthFinalButton:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

.gaviNorthFinalButton span{
    font-size:20px;
}

.gaviNorthFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}

.gaviNorthFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

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

    .gaviNorthHeroContent{
        text-align:center;
    }

    .gaviNorthHeroEyebrow{
        justify-content:center;
    }

    .gaviNorthHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviNorthHeroStats,
    .gaviNorthHeroActions{
        justify-content:center;
    }

    .gaviNorthHeroMap{
        margin-top:15px;
    }

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

    .gaviNorthEastIntro{
        position:static;
    }

}


@media (max-width:767px){

    .gaviNorthHero{
        padding:60px 0;
    }

    .gaviNorthHero h1{
        font-size:39px;
    }

    .gaviNorthHero h1 strong{
        font-size:21px;
    }

    .gaviNorthHeroLead{
        font-size:15px;
    }

    .gaviNorthHeroMapOuter{
        width:340px;
        height:340px;
    }

    .gaviNorthMapRing{
        display:none;
    }

    .gaviNorthMapCenter{
        width:90px;
        height:90px;
    }

    .gaviNorthMapCenter strong{
        font-size:17px;
    }

    .gaviNorthPointChd{
        left:30px;
        top:62px;
    }

    .gaviNorthPointJai{
        right:22px;
        top:125px;
    }

    .gaviNorthPointLuc{
        left:33px;
        bottom:80px;
    }

    .gaviNorthPointKan{
        right:20px;
        bottom:60px;
    }

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

    .gaviNorthFeatureCard{
        padding:25px 22px;
    }

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

    .gaviNorthCityCard,
    .gaviNorthJurisdictionCard{
        grid-template-columns:1fr;
    }

    .gaviNorthCityNumber{
        justify-content:flex-start;
    }

    .gaviNorthFinalCta{
        flex-direction:column;
        align-items:flex-start;
        padding:25px 21px;
    }

    .gaviNorthFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviNorthFinalButton,
    .gaviNorthFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviNorthHeroStats{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .gaviNorthHeroStat{
        min-width:0;
    }

    .gaviNorthHeroStat:last-child{
        grid-column:1 / -1;
    }

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

    .gaviNorthPrimaryCta,
    .gaviNorthPhoneCta{
        width:100%;
    }

    .gaviNorthHeroMapOuter{
        width:290px;
        height:290px;
    }

    .gaviNorthMapPoint{
        font-size:15px;
    }

    .gaviNorthPointChd{
        left:15px;
    }

    .gaviNorthPointJai{
        right:10px;
    }

    .gaviNorthPointLuc{
        left:17px;
    }

    .gaviNorthPointKan{
        right:8px;
    }

}
/* =========================================================
   INDIA'S STATE RERA REGIMES
   HERO
   Namespace: gaviReraHero
========================================================= */

.gaviReraHero{
    position:relative;
    overflow:hidden;
    padding:86px 0 78px;
    background:
        radial-gradient(circle at 84% 15%,rgba(240,180,41,.15),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
}

.gaviReraHero:after{
    content:"";
    position:absolute;
    right:-130px;
    bottom:-220px;
    width:480px;
    height:480px;
    border:1px solid rgba(240,180,41,.12);
    border-radius:50%;
    box-shadow:0 0 0 35px rgba(185,120,0,.025);
}

.gaviReraHeroInner{
    position:relative;
    z-index:2;
    max-width:1050px;
    margin:0 auto;
    text-align:center;
}

.gaviReraHeroEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:19px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviReraHeroEyebrow span{
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviReraHero h1{
    margin:0 auto 23px;
    max-width:1000px;
    color:#fff;
    font-size:clamp(38px,4.6vw,64px);
    line-height:1.08;
    letter-spacing:-1.5px;
    font-weight:800;
}

.gaviReraHero h1 strong{
    display:block;
    color:#f0b429;
}

.gaviReraHeroLead{
    max-width:900px;
    margin:0 auto;
    color:#dce5ef;
    font-size:17px;
    line-height:1.8;
}

.gaviReraHeroLead strong{
    color:#fff;
}

.gaviReraHeroHighlights{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:31px;
}

.gaviReraHeroHighlights div{
    min-width:205px;
    padding:15px 19px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:6px;
    background:rgba(255,255,255,.055);
}

.gaviReraHeroHighlights strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:17px;
}

.gaviReraHeroHighlights span{
    display:block;
    color:#c8d3df;
    font-size:15px;
}

.gaviReraHeroActions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gaviReraPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.24);
    transition:all .3s ease;
}

.gaviReraPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.32);
}

.gaviReraPrimaryCta span{
    font-size:21px;
}

.gaviReraPhoneCta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
}

.gaviReraPhoneCta span{
    color:#f0b429;
    font-size:20px;
}


/* =========================================================
   SHARED SECTION HEADING
========================================================= */

.gaviReraSectionHeading{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviReraKicker{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviReraSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.16;
    letter-spacing:-1px;
    font-weight:800;
}

.gaviReraSectionHeading h2 strong{
    color:#b97800;
}

.gaviReraSectionHeading p{
    margin:0;
    color:#536276;
    font-size:16px;
    line-height:1.78;
}

.gaviReraSectionHeading p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 1
   ROLE
========================================================= */

.gaviReraRole{
    position:relative;
    padding:90px 0 85px;
    background:#f8fafc;
}

.gaviReraRole:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviReraRoleGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:19px;
}

.gaviReraRoleCard{
    position:relative;
    padding:29px 23px 27px;
    min-height:350px;
    border:1px solid #dce4ed;
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviReraRoleCard:after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    right:-50px;
    bottom:-50px;
    border:1px solid rgba(185,120,0,.13);
    border-radius:50%;
}

.gaviReraRoleCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 20px 40px rgba(6,29,61,.10);
}

.gaviReraRoleNumber{
    position:absolute;
    top:18px;
    right:19px;
    color:#dce3eb;
    font-size:15px;
    font-weight:900;
}

.gaviReraRoleIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:44px;
    margin-bottom:22px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviReraRoleCard h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
    font-weight:750;
}

.gaviReraRoleCard h3 strong{
    color:#b97800;
}

.gaviReraRoleCard p{
    margin:0;
    color:#566578;
    font-size:15px;
    line-height:1.75;
}

.gaviReraRoleCard p strong{
    color:#092f62;
}

.gaviReraRoleNote{
    display:flex;
    align-items:flex-start;
    gap:17px;
    margin-top:28px;
    padding:18px 21px;
    border-left:4px solid #b97800;
    background:#eef3f8;
}

.gaviReraRoleNote span{
    flex:0 0 auto;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gaviReraRoleNote p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.65;
}

.gaviReraRoleNote p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 2
   STATE COMPARISON
========================================================= */

.gaviReraStates{
    position:relative;
    padding:90px 0;
    background:
        radial-gradient(circle at 8% 20%,rgba(185,120,0,.12),transparent 24%),
        linear-gradient(135deg,#04152d,#061d3d 55%,#092f62);
}

.gaviReraSectionHeadingLight .gaviReraKicker{
    color:#f0b429;
}

.gaviReraSectionHeadingLight h2{
    color:#fff;
}

.gaviReraSectionHeadingLight h2 strong{
    color:#f0b429;
}

.gaviReraSectionHeadingLight p{
    color:#bdcad8;
}

.gaviReraSectionHeadingLight p strong{
    color:#fff;
}

.gaviReraStateGrid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}

.gaviReraStateCard{
    position:relative;
        height: 702px;
    padding:25px 20px 22px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:all .3s ease;
}

.gaviReraStateCard:hover{
    transform:translateY(-7px);
    border-color:rgba(240,180,41,.45);
    background:rgba(255,255,255,.075);
}

.gaviReraStateTop{
    display:flex;
    align-items:center;
    gap:12px;
}

.gaviReraStateCode{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    flex:0 0 46px;
    border:1px solid #b97800;
    border-radius:5px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviReraStateRegion{
    display:block;
    margin-bottom:3px;
    color:#b8c6d5;
    font-size:15px;
    font-weight:700;
    letter-spacing:.8px;
}

.gaviReraStateTop h3{
    margin:0;
    color:#fff;
    font-size:20px;
    line-height:1.2;
    font-weight:800;
}

.gaviReraStateLine{
    width:100%;
    height:1px;
    margin:21px 0 19px;
    background:linear-gradient(90deg,#b97800,transparent);
}

.gaviReraStateCard p{
    margin:0;
    color:#c2cfdd;
    font-size:15px;
    line-height:1.72;
}

.gaviReraStateCard p strong{
    color:#fff;
}

.gaviReraStateFocus{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:21px;
}

.gaviReraStateFocus span{
    padding:6px 7px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:3px;
    color:#e2eaf2;
    background:rgba(185,120,0,.08);
    font-size:15px;
}

.gaviReraStateLink{
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.12);
    color:#f0b429 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}

.gaviReraStateLink span{
    font-size:20px;
}


/* =========================================================
   SECTION 3
   MATRIX
========================================================= */

.gaviReraMatrix{
    padding:90px 0;
    background:#f6f8fb;
}

.gaviReraMatrixBox{
    padding:43px;
    border:1px solid #dce4ed;
    border-radius:10px;
    background:#fff;
    box-shadow:0 18px 45px rgba(6,29,61,.07);
}

.gaviReraMatrixHeader{
    max-width:800px;
    margin-bottom:35px;
}

.gaviReraMatrixHeader h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(30px,3.2vw,43px);
    line-height:1.15;
    font-weight:800;
}

.gaviReraMatrixHeader h2 strong{
    color:#b97800;
}

.gaviReraMatrixHeader p{
    margin:0;
    color:#566578;
    font-size:16px;
    line-height:1.75;
}

.gaviReraMatrixHeader p strong{
    color:#092f62;
}

.gaviReraMatrixRows{
    border-top:1px solid #dfe6ee;
}

.gaviReraMatrixRow{
    display:grid;
    grid-template-columns:260px 1fr;
    align-items:center;
    min-height:78px;
    border-bottom:1px solid #e4e9ef;
}

.gaviReraMatrixLabel{
    padding:15px 20px 15px 0;
}

.gaviReraMatrixLabel strong{
    display:block;
    color:#061d3d;
    font-size:16px;
}

.gaviReraMatrixLabel span{
    display:block;
    margin-top:3px;
    color:#b97800;
    font-size:15px;
}

.gaviReraMatrixValue{
    padding:15px 0 15px 25px;
    border-left:2px solid #f0b429;
    color:#526276;
    font-size:15px;
    line-height:1.55;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gaviReraCta{
    padding:0 0 90px;
    background:#f6f8fb;
}

.gaviReraCtaInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:32px 36px;
    border:1px solid rgba(185,120,0,.38);
    border-radius:9px;
    background:
        linear-gradient(115deg,#04152d,#092f62 68%,#061d3d);
    box-shadow:0 20px 45px rgba(6,29,61,.14);
}

.gaviReraCtaContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviReraCtaContent h2{
    margin:0 0 8px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
    font-weight:750;
}

.gaviReraCtaContent h2 strong{
    color:#f0b429;
}

.gaviReraCtaContent p{
    margin:0;
    color:#bdcad8;
    font-size:15px;
    line-height:1.55;
}

.gaviReraCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:11px;
}

.gaviReraCtaButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:54px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviReraCtaButton:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

.gaviReraCtaButton span{
    font-size:20px;
}

.gaviReraCtaPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}

.gaviReraCtaPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1199px){

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

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

}


@media (max-width:991px){

    .gaviReraHero{
        padding:70px 0;
    }

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

    .gaviReraCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviReraCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviReraHero{
        padding:55px 0;
    }

    .gaviReraHero h1{
        font-size:38px;
    }

    .gaviReraHero h1 strong{
        margin-top:7px;
        font-size:27px;
        line-height:1.2;
    }

    .gaviReraHeroLead{
        font-size:15px;
        line-height:1.7;
    }

    .gaviReraHeroHighlights{
        flex-direction:column;
    }

    .gaviReraHeroHighlights div{
        width:100%;
    }

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

    .gaviReraPrimaryCta,
    .gaviReraPhoneCta{
        width:100%;
    }

    .gaviReraRole,
    .gaviReraStates,
    .gaviReraMatrix{
        padding:65px 0;
    }

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

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

    .gaviReraMatrixBox{
        padding:25px 19px;
    }

    .gaviReraMatrixRow{
        grid-template-columns:1fr;
        padding:14px 0;
    }

    .gaviReraMatrixLabel{
        padding:0 0 10px;
    }

    .gaviReraMatrixValue{
        padding:10px 0 0;
        border-left:0;
        border-top:2px solid #f0b429;
    }

    .gaviReraCta{
        padding-bottom:65px;
    }

    .gaviReraCtaInner{
        padding:26px 20px;
    }

    .gaviReraCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviReraCtaButton,
    .gaviReraCtaPhone{
        width:100%;
    }

}

/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   INDIA'S CIRCLE RATE SYSTEMS
   ROYAL NAVY + GOLD DESIGN SYSTEM
========================================================= */


/* =========================================================
   SECTION 01 — HERO
   Namespace: gaviCRHero
========================================================= */

.gaviCRHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 82% 20%,rgba(185,120,0,.16),transparent 26%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviCRHeroPattern{
    position:absolute;
    width:620px;
    height:620px;
    right:-260px;
    top:-290px;
    border:1px solid rgba(240,180,41,.16);
    border-radius:50%;
    box-shadow:
        0 0 0 50px rgba(185,120,0,.025),
        0 0 0 100px rgba(185,120,0,.02);
}

.gaviCRHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);
    gap:65px;
    align-items:center;
}

.gaviCRHeroEyebrow,
.gaviCREyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviCRHeroEyebrow span,
.gaviCREyebrow span{
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCRHero h1{
    max-width:900px;
    margin:18px 0 24px;
    color:#fff;
    font-size:clamp(40px,4.7vw,68px);
    line-height:1.04;
    font-weight:850;
    letter-spacing:-1.8px;
}

.gaviCRHero h1 span{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.53em;
    line-height:1.25;
    letter-spacing:-.3px;
}

.gaviCRHeroIntro{
    max-width:850px;
    margin:0;
    color:#d9e2ed;
    font-size:18px;
    line-height:1.75;
}

.gaviCRHeroIntro strong{
    color:#fff;
}

.gaviCRHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.gaviCRHeroStats div{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:145px;
    padding:11px 15px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:5px;
    background:rgba(255,255,255,.05);
}

.gaviCRHeroStats strong{
    color:#f0b429;
    font-size:25px;
    line-height:1;
}

.gaviCRHeroStats span{
    color:#c5d0dc;
    font-size:15px;
    line-height:1.35;
}

.gaviCRHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-top:31px;
}

.gaviCRPrimaryCta,
.gaviCRFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 13px 30px rgba(185,120,0,.2);
    transition:all .3s ease;
}

.gaviCRPrimaryCta:hover,
.gaviCRFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.3);
}

.gaviCRPrimaryCta span,
.gaviCRFinalButton span{
    font-size:21px;
}

.gaviCRPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:57px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCRPhoneCta span{
    color:#f0b429;
    font-size:20px;
}

.gaviCRPhoneCta:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.1);
}


/* HERO VISUAL */

.gaviCRHeroVisual{
    position:relative;
    min-height:510px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviCRHeroRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.2);
    border-radius:50%;
}

.gaviCRRingOne{
    width:410px;
    height:410px;
}

.gaviCRRingTwo{
    width:305px;
    height:305px;
    border-color:rgba(240,180,41,.35);
}

.gaviCRHeroCore{
    position:relative;
    width:225px;
    height:225px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:2px solid #b97800;
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 70%);
    box-shadow:
        0 0 55px rgba(185,120,0,.2),
        inset 0 0 35px rgba(185,120,0,.08);
    z-index:2;
}

.gaviCRCoreTop{
    color:#d9a12b;
    font-size:15px;
    font-weight:800;
    letter-spacing:2px;
}

.gaviCRHeroCore strong{
    margin:4px 0;
    color:#f0b429;
    font-size:64px;
    line-height:1;
    font-weight:900;
}

.gaviCRCoreBottom{
    color:#c9d5e2;
    font-size:15px;
    letter-spacing:2px;
    font-weight:800;
}

.gaviCRFloating{
    position:absolute;
    z-index:3;
    min-width:150px;
    padding:14px 17px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:6px;
    background:rgba(4,21,45,.94);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.gaviCRFloating strong{
    display:block;
    color:#f0b429;
    font-size:22px;
}

.gaviCRFloating span{
    display:block;
    margin-top:3px;
    color:#c3cfdd;
    font-size:15px;
}

.gaviCRFloatOne{
    left:2%;
    top:85px;
}

.gaviCRFloatTwo{
    right:0;
    bottom:80px;
}


/* =========================================================
   SECTION 02 — FRAMEWORK
========================================================= */

.gaviCRFramework{
    padding:88px 0;
    background:#f7f9fc;
}

.gaviCRSectionHeading{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviCRSectionHeading h2{
    margin:14px 0 14px;
    color:#061d3d;
    font-size:clamp(32px,3.6vw,48px);
    line-height:1.14;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviCRSectionHeading h2 strong{
    color:#b97800;
}

.gaviCRSectionHeading p{
    margin:0;
    color:#58687b;
    font-size:16px;
    line-height:1.75;
}

.gaviCRFrameworkGrid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
    gap:24px;
}

.gaviCRFrameworkMain{
    position:relative;
    padding:38px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 15px 35px rgba(6,29,61,.06);
}

.gaviCRFrameworkNumber{
    position:absolute;
    top:22px;
    right:25px;
    color:#e2e7ed;
    font-size:38px;
    font-weight:900;
}

.gaviCRFrameworkMain h3{
    margin:0 0 17px;
    color:#061d3d;
    font-size:28px;
    line-height:1.3;
}

.gaviCRFrameworkMain p{
    margin:0 0 15px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviCRFrameworkMain p strong{
    color:#092f62;
}

.gaviCRFormula{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:20px;
    align-items:center;
    margin-top:27px;
    padding:20px;
    border:1px solid #e1e6ed;
    border-radius:6px;
    background:#f7f9fc;
    text-align:center;
}

.gaviCRFormula div{
    padding:12px;
}

.gaviCRFormula span{
    display:block;
    color:#69798c;
    font-size:15px;
}

.gaviCRFormula strong{
    display:block;
    margin-top:5px;
    color:#092f62;
    font-size:20px;
}

.gaviCRFormula b{
    color:#b97800;
    font-size:25px;
}

.gaviCRFrameworkSide{
    display:grid;
    gap:13px;
}

.gaviCRMiniCard{
    padding:23px;
    border:1px solid #dce3ec;
    border-left:4px solid #b97800;
    border-radius:7px;
    background:#fff;
    box-shadow:0 8px 24px rgba(6,29,61,.045);
}

.gaviCRMiniCard span{
    display:block;
    margin-bottom:7px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
}

.gaviCRMiniCard strong{
    display:block;
    color:#061d3d;
    font-size:19px;
}

.gaviCRMiniCard p{
    margin:7px 0 0;
    color:#5d6d80;
    font-size:15px;
    line-height:1.6;
}


/* =========================================================
   SECTION 03 — STATES
========================================================= */

.gaviCRStates{
    padding:90px 0;
    background:
        radial-gradient(circle at 10% 10%,rgba(185,120,0,.12),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 55%,#092f62);
}

.gaviCRHeadingLight h2{
    color:#fff;
}

.gaviCRHeadingLight p{
    color:#bcc9d8;
}

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

.gaviCRStateCard{
    position:relative;
    padding:25px 23px 22px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
    transition:all .3s ease;
    overflow:hidden;
}

.gaviCRStateCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCRStateCard:hover{
    transform:translateY(-5px);
    border-color:rgba(240,180,41,.4);
    background:rgba(255,255,255,.075);
}

.gaviCRStateFeatured{
    border-color:rgba(240,180,41,.38);
    background:rgba(185,120,0,.09);
}

.gaviCRStateTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.gaviCRStateTop span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCRStateTop small{
    color:#9fafc1;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

.gaviCRStateCard h3{
    margin:0 0 12px;
    color:#fff;
    font-size:21px;
    line-height:1.35;
}

.gaviCRStateCard p{
    min-height:112px;
    margin:0;
    color:#c1cbd7;
    font-size:15px;
    line-height:1.7;
}

.gaviCRStateCard p strong{
    color:#f0b429;
}

.gaviCRStateCities{
    margin-top:18px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.1);
    color:#d9e2eb;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   SECTION 04 — PRACTICAL COMPARISON
========================================================= */

.gaviCRCompare{
    padding:90px 0;
    background:#fff;
}

.gaviCRCompareBox{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:center;
    gap:18px;
    padding:28px;
    border:1px solid #dce3ec;
    border-radius:10px;
    background:#f7f9fc;
    box-shadow:0 16px 40px rgba(6,29,61,.06);
}

.gaviCRCompareStep{
    display:flex;
    gap:15px;
    min-height:180px;
    padding:23px;
    border:1px solid #dfe5ec;
    border-radius:7px;
    background:#fff;
}

.gaviCRStepNo{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCRCompareStep h3{
    margin:0 0 10px;
    color:#061d3d;
    font-size:19px;
    line-height:1.35;
}

.gaviCRCompareStep p{
    margin:0;
    color:#596a7d;
    font-size:15px;
    line-height:1.7;
}

.gaviCRCompareStep p strong{
    color:#092f62;
}

.gaviCRCompareArrow{
    color:#b97800;
    font-size:28px;
    font-weight:900;
}


/* =========================================================
   SECTION 05 — NATIONAL PRACTICE
========================================================= */

.gaviCRPractice{
    padding:90px 0;
    background:#f7f9fc;
}

.gaviCRPracticeGrid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);
    gap:35px;
    align-items:stretch;
}

.gaviCREyebrowGold{
    color:#b97800;
}

.gaviCRPracticeContent h2{
    margin:15px 0 20px;
    color:#061d3d;
    font-size:clamp(31px,3.4vw,46px);
    line-height:1.15;
    font-weight:850;
}

.gaviCRPracticeContent h2 strong{
    color:#b97800;
}

.gaviCRPracticeContent p{
    margin:0 0 15px;
    color:#58687a;
    font-size:16px;
    line-height:1.8;
}

.gaviCRPracticeContent p strong{
    color:#092f62;
}

.gaviCRPracticeCredentials{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
}

.gaviCRPracticeCredentials div{
    padding:16px;
    border:1px solid #dce3ec;
    border-radius:6px;
    background:#fff;
}

.gaviCRPracticeCredentials strong{
    display:block;
    color:#092f62;
    font-size:15px;
}

.gaviCRPracticeCredentials span{
    display:block;
    margin-top:5px;
    color:#68788a;
    font-size:15px;
    line-height:1.4;
}

.gaviCRPracticePanel{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:35px;
    border-radius:9px;
    background:linear-gradient(145deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.16);
    overflow:hidden;
}

.gaviCRPracticePanel:after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-130px;
    bottom:-140px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:50%;
}

.gaviCRPracticePanelTop{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviCRPracticePanelMain{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:27px 0;
    padding:24px 10px;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
}

.gaviCRPracticePanelMain span{
    color:#d1dce8;
    font-size:15px;
    font-weight:750;
    text-align:center;
}

.gaviCRPracticePanelMain strong{
    color:#f0b429;
    font-size:34px;
}

.gaviCRPracticePanel p{
    margin:0;
    color:#c8d3df;
    font-size:15px;
    line-height:1.75;
}

.gaviCRPracticePanel p strong{
    color:#f0b429;
}


/* =========================================================
   SECTION 06 — FINAL CTA
========================================================= */

.gaviCRFinal{
    padding:0 0 90px;
    background:#f7f9fc;
}

.gaviCRFinalBox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:38px 42px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:10px;
    background:
        linear-gradient(115deg,#04152d 0%,#092f62 70%,#061d3d 100%);
    box-shadow:0 20px 45px rgba(6,29,61,.14);
}

.gaviCRFinalEyebrow{
    display:block;
    margin-bottom:9px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.6px;
}

.gaviCRFinalContent h2{
    max-width:750px;
    margin:0 0 10px;
    color:#fff;
    font-size:31px;
    line-height:1.25;
    font-weight:800;
}

.gaviCRFinalContent h2 strong{
    color:#f0b429;
}

.gaviCRFinalContent p{
    margin:0;
    color:#c6d1dd;
    font-size:15px;
    line-height:1.65;
}

.gaviCRFinalContent p strong{
    color:#fff;
}

.gaviCRFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviCRFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:57px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCRFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media(max-width:1199px){

    .gaviCRHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
        gap:35px;
    }

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

}


@media(max-width:991px){

    .gaviCRHero{
        padding:70px 0;
    }

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

    .gaviCRHeroContent{
        text-align:center;
    }

    .gaviCRHeroEyebrow,
    .gaviCRHeroActions{
        justify-content:center;
    }

    .gaviCRHeroIntro{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviCRHeroVisual{
        min-height:400px;
    }

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

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

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

    .gaviCRCompareArrow{
        text-align:center;
        transform:rotate(90deg);
    }

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

    .gaviCRFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviCRFinalActions{
        justify-content:flex-start;
    }

}


@media(max-width:767px){

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

    .gaviCRHero h1{
        font-size:39px;
    }

    .gaviCRHero h1 span{
        font-size:21px;
    }

    .gaviCRHeroIntro{
        font-size:16px;
        line-height:1.68;
    }

    .gaviCRHeroStats{
        display:grid;
        grid-template-columns:1fr;
    }

    .gaviCRHeroStats div{
        justify-content:center;
    }

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

    .gaviCRPrimaryCta,
    .gaviCRPhoneCta{
        width:100%;
    }

    .gaviCRHeroVisual{
        min-height:330px;
    }

    .gaviCRHeroRing.gaviCRRingOne{
        width:290px;
        height:290px;
    }

    .gaviCRHeroRing.gaviCRRingTwo{
        width:220px;
        height:220px;
    }

    .gaviCRHeroCore{
        width:175px;
        height:175px;
    }

    .gaviCRHeroCore strong{
        font-size:48px;
    }

    .gaviCRFloating{
        min-width:125px;
        padding:10px 12px;
    }

    .gaviCRFloatOne{
        left:0;
        top:45px;
    }

    .gaviCRFloatTwo{
        right:0;
        bottom:45px;
    }

    .gaviCRFramework,
    .gaviCRStates,
    .gaviCRCompare,
    .gaviCRPractice{
        padding:65px 0;
    }

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

    .gaviCRStateCard p{
        min-height:auto;
    }

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

    .gaviCRPracticePanel{
        padding:27px 22px;
    }

    .gaviCRPracticePanelMain{
        gap:9px;
    }

    .gaviCRPracticePanelMain span{
        font-size:15px;
    }

    .gaviCRFinal{
        padding-bottom:65px;
    }

    .gaviCRFinalBox{
        padding:28px 22px;
    }

    .gaviCRFinalContent h2{
        font-size:25px;
    }

    .gaviCRFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCRFinalButton,
    .gaviCRFinalPhone{
        width:100%;
    }

}


@media(max-width:480px){

    .gaviCRHeroVisual{
        min-height:285px;
    }

    .gaviCRFloating{
        display:none;
    }

    .gaviCRHeroCore{
        width:160px;
        height:160px;
    }

    .gaviCRHeroCore strong{
        font-size:43px;
    }

    .gaviCRFrameworkMain{
        padding:27px 21px;
    }

    .gaviCRFormula{
        grid-template-columns:1fr;
        gap:4px;
    }

    .gaviCRFormula b{
        transform:rotate(90deg);
    }

    .gaviCRCompareBox{
        padding:15px;
    }

    .gaviCRCompareStep{
        padding:19px;
    }

}

/* =========================================================
   IBBI NCLT BENCH COVERAGE
   GLOBAL DESIGN SYSTEM
   Royal Navy + Gold
========================================================= */


/* =========================================================
   SECTION 01 — HERO
   Namespace: gavincHero
========================================================= */

.gavincHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 86% 25%,rgba(185,120,0,.16),transparent 26%),
        linear-gradient(135deg,#04152d 0%,#061d3d 58%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gavincHeroPattern{
    position:absolute;
    inset:0;
    opacity:.18;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    pointer-events:none;
}

.gavincHeroInner{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);
    gap:65px;
    align-items:center;
}

.gavincHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gavincHeroEyebrow span{
    display:block;
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gavincHero h1{
    margin:0 0 23px;
    max-width:900px;
    color:#fff;
    font-size:clamp(38px,4.5vw,65px);
    line-height:1.05;
    font-weight:850;
    letter-spacing:-1.8px;
}

.gavincHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.3;
    letter-spacing:-.3px;
}

.gavincHeroLead{
    max-width:850px;
    margin:0 0 25px;
    color:#edf2f7;
    font-size:18px;
    line-height:1.72;
}

.gavincHeroLead strong,
.gavincHeroText strong{
    color:#f0b429;
}

.gavincHeroStats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    max-width:850px;
    margin-bottom:25px;
    border:1px solid rgba(240,180,41,.25);
    background:rgba(255,255,255,.045);
}

.gavincHeroStat{
    min-height:76px;
    padding:13px 12px;
    border-right:1px solid rgba(255,255,255,.10);
}

.gavincHeroStat:last-child{
    border-right:0;
}

.gavincHeroStat strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:19px;
    font-weight:850;
}

.gavincHeroStat span{
    display:block;
    color:#c9d5e2;
    font-size:15px;
    line-height:1.35;
}

.gavincHeroText{
    max-width:850px;
    margin:0;
    color:#d4deea;
    font-size:16px;
    line-height:1.75;
}

.gavincHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.gavincPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 26px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gavincPrimaryCta span{
    font-size:21px;
}

.gavincPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.34);
}

.gavincPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:6px 17px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavincPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.10);
}

.gavincPhoneIcon{
    color:#f0b429;
    font-size:21px;
}

.gavincPhoneCta small{
    display:block;
    margin-bottom:2px;
    color:#aebdcd;
    font-size:15px;
}

.gavincPhoneCta strong{
    display:block;
    color:#fff;
    font-size:17px;
}

.gavincHeroTrust{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    margin-top:22px;
    color:#aebdcd;
    font-size:15px;
}

.gavincHeroTrust span:nth-child(even){
    color:#b97800;
}


/* =========================================================
   HERO VISUAL
========================================================= */

.gavincHeroVisual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gavincOrbit{
    position:absolute;
    border:1px solid rgba(240,180,41,.20);
    border-radius:50%;
}

.gavincOrbitOne{
    width:430px;
    height:430px;
}

.gavincOrbitTwo{
    width:330px;
    height:330px;
    border-color:rgba(255,255,255,.08);
}

.gavincTribunalCard{
    position:relative;
    z-index:3;
    width:min(100%,405px);
    padding:28px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:10px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
    box-shadow:
        0 30px 65px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
}

.gavincTribunalTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:27px;
}

.gavincTribunalIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:67px;
    height:67px;
    border:1px solid #d99a16;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:15px;
    font-weight:950;
}

.gavincTribunalLabel{
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gavincTribunalTitle{
    color:#fff;
    font-size:30px;
    line-height:1.18;
    font-weight:750;
}

.gavincTribunalTitle strong{
    display:block;
    color:#f0b429;
}

.gavincTribunalDivider{
    width:100%;
    height:1px;
    margin:25px 0;
    background:linear-gradient(90deg,#b97800,rgba(185,120,0,.05));
}

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

.gavincAssetRow > div{
    padding:13px 8px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.10);
    text-align:center;
}

.gavincAssetRow strong{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:16px;
}

.gavincAssetRow span{
    display:block;
    color:#bdc9d6;
    font-size:15px;
    line-height:1.35;
}

.gavincTribunalFooter{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:24px;
    color:#c7d2de;
    font-size:15px;
}

.gavincGoldDot{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#f0b429;
}

.gavincBenchFloat{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px 15px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:6px;
    background:#04152d;
    box-shadow:0 14px 30px rgba(0,0,0,.28);
}

.gavincBenchFloat strong{
    color:#f0b429;
    font-size:21px;
}

.gavincBenchFloat span{
    color:#d8e1eb;
    font-size:15px;
    line-height:1.25;
}

.gavincBenchFloatOne{
    top:62px;
    left:-5px;
}

.gavincBenchFloatTwo{
    right:-5px;
    bottom:62px;
}


/* =========================================================
   SECTION 02 — JURISDICTION MAP
   Namespace: gavincMap
========================================================= */

.gavincMap{
    padding:90px 0 82px;
    background:#f7f9fc;
}

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

.gavincSectionEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gavincSectionEyebrow span{
    display:block;
    width:30px;
    height:2px;
    background:#b97800;
}

.gavincSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,49px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gavincSectionHeading h2 strong{
    color:#b97800;
}

.gavincSectionHeading p{
    margin:0;
    color:#536377;
    font-size:16px;
    line-height:1.75;
}

.gavincBenchGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.gavincBenchCard{
    position:relative;
    min-height:225px;
    padding:24px 21px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 25px rgba(6,29,61,.045);
    overflow:hidden;
    transition:all .3s ease;
}

.gavincBenchCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
}

.gavincBenchCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 18px 35px rgba(6,29,61,.10);
}

.gavincBenchNumber{
    position:absolute;
    top:14px;
    right:16px;
    color:#dce3eb;
    font-size:15px;
    font-weight:900;
}

.gavincBenchHead span{
    display:block;
    margin-bottom:5px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gavincBenchHead h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
    font-weight:800;
}

.gavincBenchCard p{
    margin:0 0 12px;
    color:#3e4f63;
    font-size:15px;
    line-height:1.5;
}

.gavincBenchCard p strong{
    color:#092f62;
}

.gavincCities{
    padding-top:12px;
    border-top:1px solid #e5eaf0;
    color:#657386;
    font-size:15px;
    line-height:1.55;
}

.gavincBenchCardWide{
    grid-column:span 2;
}

.gavincSourceNote{
    margin-top:27px;
    padding:16px 19px;
    border-left:3px solid #b97800;
    background:#eef2f7;
    color:#56667a;
    font-size:15px;
    line-height:1.65;
}

.gavincSourceNote span{
    display:block;
    margin-bottom:3px;
    color:#092f62;
    font-size:15px;
    font-weight:850;
    letter-spacing:.8px;
}


/* =========================================================
   SECTION 03 — THREE CLASS
   Namespace: gavincThreeClass
========================================================= */

.gavincThreeClass{
    position:relative;
    padding:95px 0;
    background:
        radial-gradient(circle at 10% 80%,rgba(185,120,0,.10),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 65%,#092f62);
    color:#fff;
    overflow:hidden;
}

.gavincThreeClassGrid{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);
    gap:55px;
    align-items:center;
}

.gavincSectionEyebrowLight{
    justify-content:flex-start;
}

.gavincThreeClassContent h2{
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(32px,3.8vw,52px);
    line-height:1.12;
    font-weight:850;
    letter-spacing:-1px;
}

.gavincThreeClassContent h2 strong{
    color:#f0b429;
}

.gavincThreeIntro{
    max-width:720px;
    margin:0 0 31px;
    color:#d0dbe7;
    font-size:16px;
    line-height:1.78;
}

.gavincThreeIntro strong{
    color:#f0b429;
}

.gavincAssetCards{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.gavincAssetCard{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:15px;
    align-items:center;
    padding:15px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gavincAssetCode{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    border:1px solid rgba(240,180,41,.42);
    border-radius:4px;
    background:rgba(185,120,0,.10);
    color:#f0b429;
    font-size:16px;
    font-weight:900;
}

.gavincAssetCard strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:16px;
}

.gavincAssetCard span{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   ADVANTAGE PANEL
========================================================= */

.gavincAdvantagePanel{
    padding:31px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:9px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
    box-shadow:0 25px 55px rgba(0,0,0,.18);
}

.gavincAdvantageTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.gavincAdvantageTop span{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gavincAdvantageTop strong{
    color:rgba(240,180,41,.35);
    font-size:30px;
}

.gavincAdvantageItem{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:14px;
    padding:23px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.gavincAdvantageNo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
}

.gavincAdvantageItem h3{
    margin:0 0 7px;
    color:#fff;
    font-size:18px;
    line-height:1.35;
    font-weight:750;
}

.gavincAdvantageItem p{
    margin:0;
    color:#acbac9;
    font-size:15px;
    line-height:1.65;
}

.gavincAdvantageBottom{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-top:22px;
}

.gavincAdvantageBottom > strong{
    color:#f0b429;
    font-size:18px;
}

.gavincAdvantageBottom span{
    color:#b9c6d4;
    font-size:15px;
    line-height:1.5;
}

.gavincAdvantageBottom span strong{
    color:#fff;
}


/* =========================================================
   SECTION 04 — FINAL CTA
   Namespace: gavincFinal
========================================================= */

.gavincFinal{
    padding:70px 0;
    background:#f7f9fc;
}

.gavincFinalInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:35px 40px;
    border:1px solid rgba(185,120,0,.35);
    border-radius:9px;
    background:
        linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.13);
}

.gavincFinalContent{
    max-width:780px;
}

.gavincFinalContent .gavincSectionEyebrow{
    justify-content:flex-start;
}

.gavincFinalContent h2{
    margin:0 0 12px;
    color:#fff;
    font-size:32px;
    line-height:1.2;
    font-weight:800;
}

.gavincFinalContent h2 strong{
    color:#f0b429;
}

.gavincFinalContent p{
    margin:0;
    color:#c9d5e2;
    font-size:16px;
    line-height:1.7;
}

.gavincFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gavincFinalCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavincFinalCta:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(185,120,0,.30);
}

.gavincFinalCta span{
    font-size:21px;
}

.gavincFinalPhone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:55px;
    padding:7px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    text-decoration:none !important;
}

.gavincFinalPhone small{
    color:#9faec0;
    font-size:15px;
    line-height:1.25;
}

.gavincFinalPhone strong{
    color:#fff;
    font-size:17px;
    line-height:1.35;
}


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

@media (max-width:1199px){

    .gavincHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);
        gap:35px;
    }

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

    .gavincHeroStat:nth-child(2){
        border-right:0;
    }

    .gavincHeroStat:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .gavincBenchGrid{
        grid-template-columns:repeat(3,1fr);
    }

    .gavincBenchCardWide{
        grid-column:span 2;
    }

}


@media (max-width:991px){

    .gavincHero{
        padding:70px 0;
    }

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

    .gavincHeroContent{
        text-align:center;
    }

    .gavincHeroEyebrow,
    .gavincHeroActions,
    .gavincHeroTrust{
        justify-content:center;
    }

    .gavincHeroLead,
    .gavincHeroText{
        margin-left:auto;
        margin-right:auto;
    }

    .gavincHeroVisual{
        min-height:440px;
    }

    .gavincHeroStats{
        margin-left:auto;
        margin-right:auto;
    }

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

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

    .gavincFinalInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gavincFinalActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gavincHero{
        padding:55px 0;
    }

    .gavincHero h1{
        font-size:38px;
    }

    .gavincHero h1 strong{
        font-size:21px;
    }

    .gavincHeroLead{
        font-size:16px;
    }

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

    .gavincHeroVisual{
        min-height:400px;
    }

    .gavincOrbitOne{
        width:350px;
        height:350px;
    }

    .gavincOrbitTwo{
        width:275px;
        height:275px;
    }

    .gavincTribunalCard{
        width:90%;
        padding:22px;
    }

    .gavincTribunalTitle{
        font-size:25px;
    }

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

    .gavincBenchFloatTwo{
        right:0;
        bottom:30px;
    }

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

    .gavincBenchCardWide{
        grid-column:span 1;
    }

    .gavincMap,
    .gavincThreeClass{
        padding:70px 0;
    }

    .gavincSectionHeading h2{
        font-size:32px;
    }

    .gavincThreeClassContent h2{
        font-size:34px;
    }

    .gavincAdvantagePanel{
        padding:23px;
    }

    .gavincFinal{
        padding:55px 0;
    }

    .gavincFinalInner{
        padding:27px 21px;
    }

    .gavincFinalContent h2{
        font-size:27px;
    }

    .gavincFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gavincFinalCta,
    .gavincFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

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

    .gavincHeroStat{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .gavincHeroStat:last-child{
        border-bottom:0;
    }

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

    .gavincPrimaryCta,
    .gavincPhoneCta{
        width:100%;
    }

    .gavincHeroVisual{
        min-height:355px;
    }

    .gavincTribunalCard{
        width:94%;
    }

    .gavincAssetRow span{
        font-size:15px;
    }

    .gavincBenchFloat{
        display:none;
    }

    .gavincAssetCard{
        grid-template-columns:60px 1fr;
    }

}
/* =========================================================
   NATIONAL BANK EMPANELMENT
   GOVERNMENT APPROVED VALUERS INDIA
   Unique Namespace: gaviBank
   Royal Navy + Gold System
========================================================= */


/* =========================================================
   SECTION 01 — HERO
========================================================= */

.gaviBankHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 82% 18%,rgba(185,120,0,.18),transparent 30%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviBankHeroPattern{
    position:absolute;
    inset:0;
    opacity:.25;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(240,180,41,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.055) 1px,transparent 1px);
    background-size:55px 55px;
}

.gaviBankHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);
    gap:70px;
    align-items:center;
}

.gaviBankHeroContent{
    position:relative;
    z-index:2;
}

.gaviBankHeroEyebrow,
.gaviBankEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    line-height:1.4;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviBankHeroEyebrow span,
.gaviBankEyebrow span{
    display:inline-block;
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviBankHero h1{
    max-width:850px;
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(40px,4.5vw,65px);
    line-height:1.06;
    font-weight:800;
    letter-spacing:-1.8px;
}

.gaviBankHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.3;
    letter-spacing:-.3px;
}

.gaviBankHeroLead{
    max-width:830px;
    margin:0;
    color:#dbe4ee;
    font-size:17px;
    line-height:1.8;
}

.gaviBankHeroLead strong{
    color:#fff;
    font-weight:750;
}

.gaviBankHeroStats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    max-width:760px;
    margin-top:29px;
}

.gaviBankHeroStat{
    padding:15px 14px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:6px;
    background:rgba(255,255,255,.055);
}

.gaviBankHeroStat strong{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:19px;
    line-height:1.2;
}

.gaviBankHeroStat span{
    display:block;
    color:#c2cfdd;
    font-size:15px;
    line-height:1.4;
}

.gaviBankHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:13px;
    margin-top:30px;
}

.gaviBankPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 13px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviBankPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.36);
}

.gaviBankPrimaryCta span{
    font-size:21px;
}

.gaviBankPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:7px 17px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviBankPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.1);
}

.gaviBankPhoneIcon{
    color:#f0b429;
    font-size:22px;
}

.gaviBankPhoneCta small{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.3;
}

.gaviBankPhoneCta strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:17px;
    line-height:1.3;
}


/* =========================================================
   HERO VISUAL
========================================================= */

.gaviBankHeroVisual{
    position:relative;
    min-height:510px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviBankHeroOrb{
    width:390px;
    height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.3);
    border-radius:50%;
    background:
        radial-gradient(circle at center,rgba(185,120,0,.17),rgba(6,29,61,.15) 53%,transparent 54%),
        linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
    box-shadow:
        0 0 0 25px rgba(185,120,0,.025),
        0 0 90px rgba(185,120,0,.13),
        inset 0 0 60px rgba(185,120,0,.07);
}

.gaviBankHeroOrbInner{
    width:255px;
    height:255px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.45);
    border-radius:50%;
    background:linear-gradient(145deg,#092f62,#04152d);
    box-shadow:0 20px 55px rgba(0,0,0,.3);
    text-align:center;
}

.gaviBankHeroOrbLabel{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2.5px;
}

.gaviBankHeroOrbInner strong{
    margin:5px 0 0;
    color:#fff;
    font-size:43px;
    line-height:1;
    letter-spacing:2px;
}

.gaviBankHeroOrbInner > span:last-child{
    margin-top:7px;
    color:#d9e2ec;
    font-size:15px;
    font-weight:750;
    letter-spacing:3px;
}

.gaviBankFloatingCard{
    position:absolute;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px 15px;
    border:1px solid rgba(240,180,41,.34);
    border-radius:6px;
    background:rgba(4,21,45,.94);
    box-shadow:0 18px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(8px);
}

.gaviBankFloatingTop{
    top:75px;
    left:-8px;
}

.gaviBankFloatingBottom{
    right:-12px;
    bottom:80px;
}

.gaviBankFloatingCard > span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    min-height:40px;
    padding:5px 8px;
    border-radius:4px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:15px;
    font-weight:900;
}

.gaviBankFloatingCard strong{
    display:block;
    color:#fff;
    font-size:15px;
    line-height:1.35;
}

.gaviBankFloatingCard small{
    display:block;
    margin-top:2px;
    color:#aebdcd;
    font-size:15px;
}


/* =========================================================
   COMMON LIGHT SECTION HEADING
========================================================= */

.gaviBankSectionHeading{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviBankSectionHeading h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,48px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviBankSectionHeading h2 strong{
    color:#b97800;
}

.gaviBankSectionHeading > p{
    margin:0;
    color:#566679;
    font-size:16px;
    line-height:1.75;
}


/* =========================================================
   SECTION 02 — ADVANTAGE
========================================================= */

.gaviBankAdvantage{
    padding:90px 0;
    background:#f7f9fc;
}

.gaviBankAdvantageGrid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:stretch;
}

.gaviBankAdvantageMain{
    position:relative;
    padding:42px 42px 38px;
    border:1px solid #dce3ec;
    border-radius:10px;
    background:#fff;
    box-shadow:0 15px 35px rgba(6,29,61,.065);
    overflow:hidden;
}

.gaviBankAdvantageMain:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429);
}

.gaviBankQuoteMark{
    margin-bottom:8px;
    color:#b97800;
    font-family:Georgia,serif;
    font-size:75px;
    line-height:.7;
}

.gaviBankAdvantageMain p{
    margin:0 0 19px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviBankAdvantageMain p:last-child{
    margin-bottom:0;
}

.gaviBankAdvantageMain strong{
    color:#092f62;
}

.gaviBankAdvantagePoints{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.gaviBankAdvantagePoint{
    display:flex;
    gap:17px;
    padding:22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    transition:all .3s ease;
}

.gaviBankAdvantagePoint:hover{
    border-color:rgba(185,120,0,.4);
    transform:translateX(4px);
    box-shadow:0 12px 28px rgba(6,29,61,.07);
}

.gaviBankAdvantagePoint > span{
    flex:0 0 39px;
    width:39px;
    height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankAdvantagePoint strong{
    display:block;
    margin-bottom:5px;
    color:#061d3d;
    font-size:17px;
}

.gaviBankAdvantagePoint p{
    margin:0;
    color:#627184;
    font-size:15px;
    line-height:1.6;
}


/* =========================================================
   SECTION 03 — BANK COVERAGE
========================================================= */

.gaviBankCoverage{
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 15% 20%,rgba(185,120,0,.12),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 58%,#092f62);
    color:#fff;
}

.gaviBankHeadingLight h2{
    color:#fff;
}

.gaviBankHeadingLight > p{
    color:#bac8d7;
}

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

.gaviBankCard{
    position:relative;
    padding:30px 25px 26px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    box-shadow:0 18px 40px rgba(0,0,0,.13);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviBankCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviBankCard:hover{
    transform:translateY(-7px);
    border-color:rgba(240,180,41,.48);
    background:rgba(255,255,255,.075);
}

.gaviBankCardNumber{
    position:absolute;
    top:17px;
    right:18px;
    color:rgba(255,255,255,.2);
    font-size:15px;
    font-weight:900;
}

.gaviBankCardLogo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    min-height:44px;
    margin-bottom:19px;
    padding:7px 11px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:4px;
    background:rgba(185,120,0,.12);
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankCard h3{
    margin:0 0 13px;
    color:#fff;
    font-size:22px;
    line-height:1.3;
}

.gaviBankCard p{
    margin:0;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.72;
}

.gaviBankCard p strong{
    color:#f0b429;
}

.gaviBankCardTags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:22px;
}

.gaviBankCardTags span{
    padding:6px 8px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:3px;
    color:#dbe4ee;
    font-size:15px;
    line-height:1.3;
}

.gaviBankCoverageNote{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-top:28px;
    padding:18px 20px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:7px;
    background:rgba(255,255,255,.045);
}

.gaviBankNoteIcon{
    flex:0 0 27px;
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b97800;
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankCoverageNote p{
    margin:0;
    color:#aebdcd;
    font-size:15px;
    line-height:1.65;
}

.gaviBankCoverageNote strong{
    color:#f0b429;
}


/* =========================================================
   SECTION 04 — REQUIREMENTS
========================================================= */

.gaviBankRequirements{
    padding:90px 0;
    background:#fff;
}

.gaviBankRequirementGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.gaviBankRequirementCard{
    position:relative;
    min-height:285px;
    padding:27px 22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 27px rgba(6,29,61,.045);
    transition:all .3s ease;
    overflow:hidden;
}

.gaviBankRequirementCard:after{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    right:-35px;
    bottom:-35px;
    border-radius:50%;
    background:rgba(185,120,0,.07);
}

.gaviBankRequirementCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.45);
    box-shadow:0 18px 35px rgba(6,29,61,.09);
}

.gaviBankRequirementIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:51px;
    height:42px;
    margin-bottom:20px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankRequirementCard h3{
    margin:0 0 12px;
    color:#061d3d;
    font-size:20px;
    line-height:1.35;
}

.gaviBankRequirementCard h3 strong{
    color:#b97800;
}

.gaviBankRequirementCard p{
    margin:0;
    color:#5b6b7e;
    font-size:15px;
    line-height:1.7;
}

.gaviBankRequirementCard p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 05 — PAN INDIA ADVANTAGE
========================================================= */

.gaviBankNational{
    padding:90px 0;
    background:#f5f7fa;
}

.gaviBankNationalGrid{
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:45px;
    align-items:center;
}

.gaviBankNationalContent h2{
    max-width:750px;
    margin:0 0 18px;
    color:#061d3d;
    font-size:clamp(32px,3.8vw,50px);
    line-height:1.13;
    letter-spacing:-1px;
}

.gaviBankNationalContent h2 strong{
    color:#b97800;
}

.gaviBankNationalContent p{
    max-width:820px;
    margin:0 0 16px;
    color:#536376;
    font-size:16px;
    line-height:1.8;
}

.gaviBankNationalContent p strong{
    color:#092f62;
}

.gaviBankCityStrip{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:25px;
}

.gaviBankCityStrip span{
    padding:7px 11px;
    border:1px solid #d7dfe8;
    border-radius:3px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:750;
}

.gaviBankNationalPanel{
    position:relative;
    min-height:330px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:10px;
    background:linear-gradient(145deg,#04152d,#092f62);
    box-shadow:0 25px 50px rgba(6,29,61,.16);
    overflow:hidden;
}

.gaviBankNationalPanel:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-85px;
    top:-90px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviBankNationalPanel:after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-50px;
    top:-50px;
    border:1px solid rgba(240,180,41,.14);
    border-radius:50%;
}

.gaviBankNationalPanelTop span{
    display:block;
    color:#f0b429;
    font-size:68px;
    line-height:1;
    font-weight:850;
    letter-spacing:-2px;
}

.gaviBankNationalPanelTop small{
    display:block;
    margin-top:7px;
    color:#d7e0e9;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.4px;
}

.gaviBankNationalPanelLine{
    width:100%;
    height:1px;
    margin:28px 0;
    background:linear-gradient(90deg,#b97800,rgba(240,180,41,.05));
}

.gaviBankNationalPanelBottom strong{
    display:block;
    margin-bottom:7px;
    color:#fff;
    font-size:25px;
}

.gaviBankNationalPanelBottom span{
    color:#aebdcd;
    font-size:15px;
    line-height:1.55;
}


/* =========================================================
   SECTION 06 — FINAL CTA
========================================================= */

.gaviBankFinal{
    padding:65px 0 80px;
    background:#fff;
}

.gaviBankFinalBox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:34px 38px;
    border:1px solid rgba(185,120,0,.38);
    border-radius:9px;
    background:
        linear-gradient(110deg,#04152d 0%,#061d3d 58%,#092f62 100%);
    box-shadow:0 20px 45px rgba(6,29,61,.13);
}

.gaviBankFinalEyebrow{
    display:block;
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviBankFinalContent h2{
    max-width:750px;
    margin:0 0 9px;
    color:#fff;
    font-size:29px;
    line-height:1.3;
}

.gaviBankFinalContent h2 strong{
    color:#f0b429;
}

.gaviBankFinalContent p{
    max-width:700px;
    margin:0;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.65;
}

.gaviBankFinalActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    min-width:205px;
}

.gaviBankFinalCta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:54px;
    padding:0 21px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviBankFinalCta:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 27px rgba(185,120,0,.32);
}

.gaviBankFinalCta span{
    font-size:20px;
}

.gaviBankFinalPhone{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviBankFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}

.gaviBankFinalPhone span{
    color:#f0b429;
    font-size:19px;
}


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

@media (max-width:1199px){

    .gaviBankHeroInner{
        grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr);
        gap:40px;
    }

    .gaviBankHeroOrb{
        width:330px;
        height:330px;
    }

    .gaviBankHeroOrbInner{
        width:220px;
        height:220px;
    }

    .gaviBankFloatingTop{
        left:-10px;
    }

    .gaviBankFloatingBottom{
        right:-5px;
    }

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

}


@media (max-width:991px){

    .gaviBankHero{
        padding:70px 0;
    }

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

    .gaviBankHeroContent{
        text-align:center;
    }

    .gaviBankHeroEyebrow,
    .gaviBankHeroActions{
        justify-content:center;
    }

    .gaviBankHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviBankHeroVisual{
        min-height:430px;
        margin-top:5px;
    }

    .gaviBankHeroOrb{
        width:350px;
        height:350px;
    }

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

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

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

    .gaviBankFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviBankFinalActions{
        width:100%;
        max-width:360px;
        flex-direction:row;
    }

    .gaviBankFinalCta,
    .gaviBankFinalPhone{
        flex:1;
    }

}


@media (max-width:767px){

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

    .gaviBankHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviBankHero h1 strong{
        font-size:21px;
    }

    .gaviBankHeroLead{
        font-size:15px;
        line-height:1.72;
    }

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

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

    .gaviBankPrimaryCta,
    .gaviBankPhoneCta{
        width:100%;
        justify-content:center;
    }

    .gaviBankHeroVisual{
        min-height:390px;
    }

    .gaviBankHeroOrb{
        width:300px;
        height:300px;
    }

    .gaviBankHeroOrbInner{
        width:190px;
        height:190px;
    }

    .gaviBankHeroOrbInner strong{
        font-size:34px;
    }

    .gaviBankFloatingCard{
        padding:10px;
    }

    .gaviBankFloatingTop{
        left:0;
        top:35px;
    }

    .gaviBankFloatingBottom{
        right:0;
        bottom:35px;
    }

    .gaviBankSectionHeading h2{
        font-size:32px;
    }

    .gaviBankAdvantageMain{
        padding:30px 24px;
    }

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

    .gaviBankRequirementCard{
        min-height:240px;
    }

    .gaviBankNationalContent h2{
        font-size:32px;
    }

    .gaviBankNationalPanel{
        min-height:280px;
    }

    .gaviBankFinal{
        padding:45px 0 60px;
    }

    .gaviBankFinalBox{
        padding:27px 22px;
    }

    .gaviBankFinalContent h2{
        font-size:24px;
    }

    .gaviBankFinalActions{
        flex-direction:column;
        max-width:none;
    }

    .gaviBankFinalCta,
    .gaviBankFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviBankHeroVisual{
        min-height:350px;
    }

    .gaviBankHeroOrb{
        width:270px;
        height:270px;
    }

    .gaviBankHeroOrbInner{
        width:165px;
        height:165px;
    }

    .gaviBankHeroOrbInner strong{
        font-size:29px;
    }

    .gaviBankHeroOrbLabel,
    .gaviBankHeroOrbInner > span:last-child{
        font-size:15px;
    }

    .gaviBankFloatingCard{
        display:none;
    }

    .gaviBankCoverageNote{
        padding:15px;
    }

}
/* =========================================================
   NRI INDIA — NATIONAL PROPERTY SALE JOURNEY
   HERO
   Namespace: gaviNriHero
========================================================= */

.gaviNriHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 82% 18%,rgba(185,120,0,.16),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviNriHeroPattern{
    position:absolute;
    inset:0;
    opacity:.08;
    background-image:
        linear-gradient(rgba(240,180,41,.35) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.35) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to right,transparent,#000 35%,#000 80%,transparent);
    pointer-events:none;
}

.gaviNriHeroGrid{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);
    gap:65px;
    align-items:center;
}

.gaviNriHeroContent{
    position:relative;
    z-index:2;
}

.gaviNriHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviNriHeroEyebrow span{
    width:44px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviNriHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,4.5vw,68px);
    line-height:1.02;
    font-weight:850;
    letter-spacing:-1.8px;
}

.gaviNriHero h1 strong{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.2;
    letter-spacing:-.3px;
}

.gaviNriHeroRule{
    width:85px;
    height:3px;
    margin:27px 0 22px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviNriHero h2{
    margin:0 0 19px;
    color:#fff;
    font-size:26px;
    line-height:1.35;
    font-weight:700;
}

.gaviNriHero h2 span{
    color:#f0b429;
}

.gaviNriHeroLead{
    max-width:850px;
    margin:0;
    color:#d9e3ed;
    font-size:17px;
    line-height:1.8;
}

.gaviNriHeroLead strong{
    color:#fff;
    font-weight:750;
}

.gaviNriHeroHighlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
}

.gaviNriHeroHighlight{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-height:92px;
    padding:13px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:6px;
    background:rgba(255,255,255,.055);
}

.gaviNriHeroHighlight > span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriHeroHighlight strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:15px;
}

.gaviNriHeroHighlight small{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.45;
}

.gaviNriHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:29px;
}

.gaviNriPrimaryCta,
.gaviNriTaxCta,
.gaviNriFinalCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviNriPrimaryCta:hover,
.gaviNriTaxCta:hover,
.gaviNriFinalCta:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(185,120,0,.32);
}

.gaviNriPrimaryCta span,
.gaviNriTaxCta span,
.gaviNriFinalCta span{
    font-size:21px;
}

.gaviNriPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:57px;
    padding:7px 17px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
}

.gaviNriPhoneIcon{
    color:#f0b429;
    font-size:22px;
}

.gaviNriPhoneCta small{
    display:block;
    color:#aebdcd;
    font-size:15px;
}

.gaviNriPhoneCta strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:17px;
}


/* =========================================================
   HERO VISUAL — ABSTRACT INDIA NETWORK
========================================================= */

.gaviNriHeroVisual{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviNriIndiaCard{
    position:relative;
    z-index:3;
    width:min(100%,410px);
    min-height:450px;
    padding:24px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:14px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:
        0 30px 80px rgba(0,0,0,.3),
        inset 0 1px 0 rgba(255,255,255,.13);
    backdrop-filter:blur(10px);
}

.gaviNriIndiaCardTop{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    padding-bottom:17px;
    border-bottom:1px solid rgba(240,180,41,.18);
}

.gaviNriIndiaCardTop span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:2px;
}

.gaviNriIndiaCardTop strong{
    color:#dce6ef;
    font-size:15px;
    letter-spacing:1px;
}

.gaviNriMapCore{
    position:relative;
    height:330px;
    margin:10px 0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviNriMapCore:before{
    content:"";
    position:absolute;
    width:145px;
    height:220px;
    background:
        linear-gradient(135deg,transparent 8%,rgba(185,120,0,.16) 9%,rgba(185,120,0,.08) 85%,transparent 86%);
    clip-path:polygon(
        48% 0,
        67% 13%,
        80% 27%,
        71% 42%,
        84% 57%,
        73% 73%,
        58% 66%,
        49% 84%,
        38% 100%,
        30% 80%,
        17% 69%,
        23% 51%,
        8% 37%,
        23% 21%,
        31% 6%
    );
    border:1px solid rgba(240,180,41,.25);
}

.gaviNriMapRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.25);
    border-radius:50%;
}

.gaviNriMapRingOne{
    width:220px;
    height:220px;
}

.gaviNriMapRingTwo{
    width:300px;
    height:300px;
    border-color:rgba(255,255,255,.08);
}

.gaviNriMapCenter{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #f0b429;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:21px;
    font-weight:900;
    box-shadow:0 0 0 10px rgba(185,120,0,.08);
}

.gaviNriPin{
    position:absolute;
    z-index:4;
    padding:7px 9px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:4px;
    background:#061d3d;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.gaviNriPin:before{
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    margin-right:6px;
    border-radius:50%;
    background:#f0b429;
}

.gaviNriPinMumbai{
    top:45px;
    left:15px;
}

.gaviNriPinBengaluru{
    bottom:54px;
    left:10px;
}

.gaviNriPinChennai{
    bottom:32px;
    right:13px;
}

.gaviNriPinHyderabad{
    top:92px;
    right:2px;
}

.gaviNriIndiaCardBottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:17px;
    border-top:1px solid rgba(240,180,41,.18);
}

.gaviNriIndiaCardBottom small{
    display:block;
    color:#aebdcd;
    font-size:15px;
}

.gaviNriIndiaCardBottom strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:16px;
}

.gaviNriIndiaCardBottom > span{
    padding:7px 10px;
    border:1px solid rgba(240,180,41,.3);
    color:#f0b429;
    font-size:15px;
    font-weight:800;
}

.gaviNriOrbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(240,180,41,.12);
}

.gaviNriOrbitOne{
    width:460px;
    height:460px;
}

.gaviNriOrbitTwo{
    width:570px;
    height:570px;
    border-color:rgba(255,255,255,.055);
}

.gaviNriFloating{
    position:absolute;
    z-index:5;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:12px 15px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:6px;
    background:#04152d;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.gaviNriFloating strong{
    color:#f0b429;
    font-size:18px;
}

.gaviNriFloating span{
    color:#cbd7e4;
    font-size:15px;
}

.gaviNriFloatingOne{
    top:70px;
    left:-5px;
}

.gaviNriFloatingTwo{
    right:-7px;
    bottom:65px;
}


/* =========================================================
   COMMON SECTION HEADING
========================================================= */

.gaviNriSectionHeading{
    max-width:830px;
    margin:0 auto 46px;
    text-align:center;
}

.gaviNriSectionEyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviNriSectionEyebrow span{
    width:32px;
    height:2px;
    background:#b97800;
}

.gaviNriSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.4vw,47px);
    line-height:1.16;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviNriSectionHeading h2 strong{
    color:#b97800;
}

.gaviNriSectionHeading p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.75;
}


/* =========================================================
   SECTION 1 — FRAMEWORK
========================================================= */

.gaviNriFramework{
    position:relative;
    padding:90px 0;
    background:#f7f9fc;
}

.gaviNriFramework:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

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

.gaviNriFrameworkCard{
    position:relative;
    min-height:315px;
    padding:27px 22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 28px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviNriFrameworkCard:after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-45px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(185,120,0,.055);
}

.gaviNriFrameworkCard:hover{
    transform:translateY(-7px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 20px 42px rgba(6,29,61,.11);
}

.gaviNriStep{
    position:absolute;
    top:16px;
    right:18px;
    color:#dfe5ed;
    font-size:15px;
    font-weight:900;
}

.gaviNriStepIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:55px;
    min-height:42px;
    margin-bottom:20px;
    padding:6px 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriFrameworkCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
}

.gaviNriFrameworkCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.72;
}

.gaviNriFrameworkCard p strong{
    color:#092f62;
}

.gaviNriFrameworkNote{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:25px;
    padding:20px 22px;
    border-left:4px solid #b97800;
    background:#fff;
    box-shadow:0 8px 24px rgba(6,29,61,.055);
}

.gaviNriFrameworkNoteIcon{
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#b97800;
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.gaviNriFrameworkNote p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviNriFrameworkNote strong{
    color:#061d3d;
}


/* =========================================================
   SECTION 2 — CITIES
========================================================= */

.gaviNriCities{
    padding:90px 0;
    background:#fff;
}

.gaviNriCitiesHeading{
    margin-bottom:45px;
}

.gaviNriCityGrid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:15px;
}

.gaviNriCityCard{
    position:relative;
    min-height:330px;
    padding:26px 20px 22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:
        linear-gradient(145deg,#fff 0%,#f8fafc 100%);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviNriCityCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
}

.gaviNriCityCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.38);
    box-shadow:0 18px 38px rgba(6,29,61,.09);
}

.gaviNriCityNumber{
    position:absolute;
    top:17px;
    right:16px;
    color:#dfe5ed;
    font-size:15px;
    font-weight:900;
}

.gaviNriCityRegion{
    display:block;
    margin-bottom:14px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gaviNriCityCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:26px;
    line-height:1.2;
}

.gaviNriCityCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.72;
}

.gaviNriCityCard p strong{
    color:#092f62;
}

.gaviNriCityTag{
    position:absolute;
    left:20px;
    bottom:21px;
    padding:6px 9px;
    border:1px solid #dce3ec;
    border-radius:3px;
    color:#092f62;
    background:#fff;
    font-size:15px;
    font-weight:750;
}


/* =========================================================
   SECTION 3 — TAX / DOCUMENTATION
========================================================= */

.gaviNriTax{
    padding:90px 0;
    background:
        linear-gradient(135deg,#04152d,#061d3d 62%,#092f62);
    color:#fff;
}

.gaviNriTaxGrid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);
    gap:60px;
    align-items:center;
}

.gaviNriLightEyebrow{
    color:#f0b429;
}

.gaviNriLightEyebrow span{
    background:#f0b429;
}

.gaviNriTaxContent h2{
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.16;
    font-weight:850;
}

.gaviNriTaxContent h2 strong{
    color:#f0b429;
}

.gaviNriTaxContent p{
    max-width:760px;
    margin:0 0 17px;
    color:#d6e0ea;
    font-size:16px;
    line-height:1.78;
}

.gaviNriTaxContent p strong{
    color:#fff;
}

.gaviNriTaxCta{
    margin-top:14px;
}

.gaviNriTaxPanel{
    padding:26px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:10px;
    background:rgba(255,255,255,.055);
    box-shadow:0 25px 60px rgba(0,0,0,.22);
}

.gaviNriTaxPanelHeader{
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.gaviNriTaxPanelHeader span{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviNriTaxPanelHeader strong{
    color:#fff;
    font-size:21px;
}

.gaviNriTaxPoint{
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.gaviNriTaxPoint > span{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.35);
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriTaxPoint strong{
    display:block;
    color:#fff;
    font-size:15px;
}

.gaviNriTaxPoint small{
    display:block;
    margin-top:3px;
    color:#aebdcd;
    font-size:15px;
    line-height:1.45;
}

.gaviNriTaxPanelFooter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:19px;
}

.gaviNriTaxPanelFooter span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriTaxPanelFooter strong{
    color:#fff;
    font-size:15px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gaviNriFinal{
    padding:65px 0;
    background:#f7f9fc;
}

.gaviNriFinalBox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:34px 38px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:9px;
    background:
        linear-gradient(110deg,#04152d 0%,#092f62 72%,#061d3d 100%);
    box-shadow:0 20px 45px rgba(6,29,61,.13);
}

.gaviNriFinalEyebrow{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviNriFinalContent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:30px;
    line-height:1.25;
}

.gaviNriFinalContent h2 strong{
    color:#f0b429;
}

.gaviNriFinalContent p{
    max-width:700px;
    margin:0;
    color:#cbd7e4;
    font-size:15px;
    line-height:1.7;
}

.gaviNriFinalContent p strong{
    color:#fff;
}

.gaviNriFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:11px;
}

.gaviNriFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}

.gaviNriFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1199px){

    .gaviNriHeroGrid{
        grid-template-columns:minmax(0,1fr) minmax(350px,.78fr);
        gap:35px;
    }

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

    .gaviNriHeroHighlight{
        min-height:auto;
    }

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

}


@media (max-width:991px){

    .gaviNriHero{
        padding:70px 0;
    }

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

    .gaviNriHeroContent{
        text-align:center;
    }

    .gaviNriHeroEyebrow,
    .gaviNriHeroActions{
        justify-content:center;
    }

    .gaviNriHeroRule{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviNriHeroVisual{
        min-height:510px;
        margin-top:5px;
    }

    .gaviNriFramework,
    .gaviNriCities,
    .gaviNriTax{
        padding:70px 0;
    }

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

    .gaviNriTaxGrid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .gaviNriFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviNriFinalActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviNriHero{
        padding:55px 0;
    }

    .gaviNriHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviNriHero h1 strong{
        font-size:22px;
    }

    .gaviNriHeroLead{
        font-size:15px;
        line-height:1.72;
    }

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

    .gaviNriPrimaryCta,
    .gaviNriPhoneCta{
        width:100%;
    }

    .gaviNriHeroVisual{
        min-height:430px;
    }

    .gaviNriIndiaCard{
        width:94%;
        min-height:410px;
    }

    .gaviNriOrbitOne{
        width:390px;
        height:390px;
    }

    .gaviNriOrbitTwo{
        width:450px;
        height:450px;
    }

    .gaviNriFloating{
        display:none;
    }

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

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

    .gaviNriSectionHeading h2,
    .gaviNriTaxContent h2{
        font-size:32px;
    }

    .gaviNriFinal{
        padding:50px 0;
    }

    .gaviNriFinalBox{
        padding:27px 21px;
    }

    .gaviNriFinalContent h2{
        font-size:25px;
    }

    .gaviNriFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviNriFinalCta,
    .gaviNriFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviNriHeroVisual{
        min-height:390px;
    }

    .gaviNriIndiaCard{
        width:100%;
        padding:18px;
    }

    .gaviNriMapCore{
        height:280px;
    }

    .gaviNriPin{
        padding:6px 7px;
        font-size:15px;
    }

    .gaviNriPinMumbai{
        left:0;
    }

    .gaviNriPinBengaluru{
        left:0;
    }

    .gaviNriPinHyderabad{
        right:0;
    }

    .gaviNriPinChennai{
        right:0;
    }

    .gaviNriTaxPanel{
        padding:20px 17px;
    }

}
/* =========================================================
   INDIA GRADE A COMMERCIAL REAL ESTATE
   HERO
   Namespace: gaviCreHero
========================================================= */

.gaviCreHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.14),transparent 25%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviCreHeroPattern{
    position:absolute;
    inset:0;
    opacity:.055;
    background-image:
        linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);
    background-size:70px 70px;
    pointer-events:none;
}

.gaviCreHeroGlow{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(240,180,41,.15);
    pointer-events:none;
}

.gaviCreHeroGlowOne{
    width:450px;
    height:450px;
    right:-230px;
    top:-220px;
    box-shadow:0 0 100px rgba(185,120,0,.12);
}

.gaviCreHeroGlowTwo{
    width:260px;
    height:260px;
    left:-150px;
    bottom:-180px;
}

.gaviCreHeroInner{
    position:relative;
    max-width:1050px;
    margin:0 auto;
    text-align:center;
    z-index:2;
}

.gaviCreHeroEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviCreHeroEyebrow span{
    width:40px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCreHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(38px,5vw,67px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:850;
}

.gaviCreHero h1 strong{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.58em;
    line-height:1.25;
    letter-spacing:-.3px;
}

.gaviCreHeroRule{
    width:90px;
    height:3px;
    margin:27px auto 25px;
    border-radius:10px;
    background:linear-gradient(90deg,#b97800,#f0b429,#b97800);
}

.gaviCreHeroIntro{
    max-width:850px;
    margin:0 auto;
    color:#d9e3ee;
    font-size:18px;
    line-height:1.75;
}

.gaviCreHeroIntro strong{
    color:#fff;
}

.gaviCreHeroStats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin:34px auto 30px;
    max-width:880px;
}

.gaviCreHeroStat{
    padding:17px 12px;
    border:1px solid rgba(240,180,41,.23);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviCreHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:17px;
    line-height:1.35;
}

.gaviCreHeroStat span{
    display:block;
    margin-top:4px;
    color:#b8c6d5;
    font-size:15px;
}

.gaviCreHeroActions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.gaviCreHeroPrimary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviCreHeroPrimary:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 36px rgba(185,120,0,.35);
}

.gaviCreHeroPrimary span{
    font-size:22px;
}

.gaviCreHeroPhone{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:7px 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
}

.gaviCreHeroPhoneIcon{
    color:#f0b429;
    font-size:21px;
}

.gaviCreHeroPhone small,
.gaviCreHeroPhone strong{
    display:block;
    text-align:left;
}

.gaviCreHeroPhone small{
    color:#aebdcd;
    font-size:15px;
}

.gaviCreHeroPhone strong{
    color:#fff;
    font-size:17px;
}


/* =========================================================
   SHARED SECTION HEADING
========================================================= */

.gaviCreSectionHeading{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviCreSectionEyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviCreSectionEyebrow span{
    width:32px;
    height:2px;
    background:#b97800;
}

.gaviCreSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviCreSectionHeading h2 strong{
    color:#b97800;
}

.gaviCreSectionHeading p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.75;
}

.gaviCreSectionHeading p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 1
   MARKET CARDS
   Namespace: gaviCreMarkets
========================================================= */

.gaviCreMarkets{
    position:relative;
    padding:90px 0;
    background:#f7f9fc;
}

.gaviCreMarkets:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #061d3d,
        #092f62,
        #b97800,
        #f0b429,
        #b97800,
        #092f62,
        #061d3d
    );
}

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

.gaviCreMarketCard{
    position:relative;
    min-height:405px;
    padding:25px 21px 23px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 10px 28px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviCreMarketCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.3);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviCreMarketCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 20px 42px rgba(6,29,61,.11);
}

.gaviCreMarketCard:hover:before{
    transform:scaleX(1);
}

.gaviCreMarketFeatured{
    border-color:rgba(185,120,0,.38);
}

.gaviCreMarketGold{
    background:
        linear-gradient(145deg,#fff,#fffaf0);
}

.gaviCreMarketTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.gaviCreMarketNumber{
    color:#c8d1dc;
    font-size:15px;
    font-weight:900;
}

.gaviCreMarketTag{
    padding:6px 8px;
    border-radius:3px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:.5px;
}

.gaviCreMarketCard h3{
    margin:0 0 5px;
    color:#061d3d;
    font-size:22px;
    line-height:1.3;
    font-weight:800;
}

.gaviCreMarketCard h3 strong{
    color:#b97800;
}

.gaviCreMarketLocation{
    margin:0 0 19px;
    color:#667487;
    font-size:15px;
    line-height:1.5;
}

.gaviCreMarketMetrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:19px;
}

.gaviCreMarketMetrics > div{
    min-height:92px;
    padding:12px 10px;
    border:1px solid #e1e7ee;
    border-radius:5px;
    background:#f8fafc;
}

.gaviCreMarketMetrics small{
    display:block;
    margin-bottom:5px;
    color:#69778a;
    font-size:15px;
}

.gaviCreMarketMetrics strong{
    display:inline;
    color:#092f62;
    font-size:20px;
    font-weight:850;
}

.gaviCreMarketMetrics span{
    color:#69778a;
    font-size:15px;
}

.gaviCreMarketCard > p:last-child{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviCreMarketCard > p:last-child strong{
    color:#092f62;
}

.gaviCreMarketSpecial{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:92px;
    margin-bottom:19px;
    padding:14px;
    border:1px solid rgba(185,120,0,.3);
    border-radius:5px;
    background:rgba(185,120,0,.06);
}

.gaviCreMarketSpecial span{
    color:#6d5a32;
    font-size:15px;
}

.gaviCreMarketSpecial strong{
    color:#b97800;
    font-size:25px;
}


/* =========================================================
   SECTION 2
   METHODOLOGY
   Namespace: gaviCreMethod
========================================================= */

.gaviCreMethod{
    position:relative;
    padding:92px 0;
    background:
        linear-gradient(125deg,#04152d 0%,#061d3d 65%,#092f62 100%);
    color:#fff;
    overflow:hidden;
}

.gaviCreMethod:after{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    right:-230px;
    bottom:-240px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviCreMethodGrid{
    position:relative;
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:70px;
    align-items:center;
    z-index:2;
}

.gaviCreDarkEyebrow{
    color:#f0b429;
}

.gaviCreDarkEyebrow span{
    background:#f0b429;
}

.gaviCreMethodContent h2{
    margin:0 0 21px;
    color:#fff;
    font-size:clamp(31px,3.6vw,50px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviCreMethodContent h2 strong{
    color:#f0b429;
}

.gaviCreMethodContent > p{
    margin:0 0 18px;
    color:#d2dce7;
    font-size:16px;
    line-height:1.8;
}

.gaviCreMethodContent > p strong{
    color:#fff;
}

.gaviCreMethodHighlight{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-top:28px;
    padding:18px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:7px;
    background:rgba(255,255,255,.055);
}

.gaviCreMethodHighlightIcon{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-weight:900;
}

.gaviCreMethodHighlight strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:17px;
}

.gaviCreMethodHighlight p{
    margin:0;
    color:#cbd6e2;
    font-size:15px;
    line-height:1.6;
}

.gaviCreMethodSteps{
    border-left:1px solid rgba(240,180,41,.25);
}

.gaviCreMethodStep{
    position:relative;
    display:grid;
    grid-template-columns:58px 1fr;
    gap:18px;
    padding:0 0 27px 27px;
}

.gaviCreMethodStep:last-child{
    padding-bottom:0;
}

.gaviCreMethodStep > span{
    position:relative;
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:-49px;
    border:1px solid #b97800;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
}

.gaviCreMethodStep strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:17px;
}

.gaviCreMethodStep p{
    margin:0;
    color:#afbdcc;
    font-size:15px;
    line-height:1.6;
}


/* =========================================================
   SECTION 3
   MATRIX
   Namespace: gaviCreMatrix
========================================================= */

.gaviCreMatrix{
    padding:90px 0;
    background:#fff;
}

.gaviCreMatrixTableWrap{
    overflow-x:auto;
    border:1px solid #dce4ed;
    border-radius:9px;
    box-shadow:0 12px 32px rgba(6,29,61,.07);
}

.gaviCreMatrixTable{
    width:100%;
    min-width:850px;
    border-collapse:collapse;
    background:#fff;
}

.gaviCreMatrixTable th{
    padding:17px 18px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    line-height:1.4;
    font-weight:800;
    text-align:left;
    border-right:1px solid rgba(255,255,255,.08);
}

.gaviCreMatrixTable td{
    padding:18px;
    border-bottom:1px solid #e5eaf0;
    color:#526276;
    font-size:15px;
    line-height:1.6;
    vertical-align:top;
}

.gaviCreMatrixTable tr:last-child td{
    border-bottom:0;
}

.gaviCreMatrixTable tbody tr:nth-child(even){
    background:#f8fafc;
}

.gaviCreMatrixTable tbody tr:hover{
    background:#fffaf0;
}

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


/* =========================================================
   FINAL CTA
   Namespace: gaviCreFinal
========================================================= */

.gaviCreFinal{
    padding:0 0 90px;
    background:#fff;
}

.gaviCreFinalBox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:34px 38px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:9px;
    background:
        radial-gradient(circle at 90% 20%,rgba(240,180,41,.12),transparent 25%),
        linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.15);
    overflow:hidden;
}

.gaviCreFinalBox:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:linear-gradient(#b97800,#f0b429);
}

.gaviCreFinalContent{
    position:relative;
    z-index:2;
}

.gaviCreFinalContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviCreFinalContent h2{
    margin:0 0 9px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
}

.gaviCreFinalContent h2 strong{
    color:#f0b429;
}

.gaviCreFinalContent p{
    max-width:700px;
    margin:0;
    color:#c9d4df;
    font-size:15px;
    line-height:1.65;
}

.gaviCreFinalContent p strong{
    color:#fff;
}

.gaviCreFinalActions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviCreFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:54px;
    padding:0 24px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCreFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

.gaviCreFinalButton span{
    font-size:21px;
}

.gaviCreFinalPhone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:54px;
    padding:5px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
}

.gaviCreFinalPhone small{
    color:#aebdcd;
    font-size:15px;
}

.gaviCreFinalPhone strong{
    color:#fff;
    font-size:17px;
}


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

@media (max-width:1199px){

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

}


@media (max-width:991px){

    .gaviCreHero{
        padding:70px 0;
    }

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

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

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

    .gaviCreFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviCreFinalActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

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

    .gaviCreHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviCreHero h1 strong{
        font-size:22px;
    }

    .gaviCreHeroIntro{
        font-size:16px;
        line-height:1.7;
    }

    .gaviCreHeroStats{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

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

    .gaviCreHeroPrimary,
    .gaviCreHeroPhone{
        width:100%;
        justify-content:center;
    }

    .gaviCreMarkets,
    .gaviCreMethod,
    .gaviCreMatrix{
        padding:70px 0;
    }

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

    .gaviCreMarketCard{
        min-height:auto;
    }

    .gaviCreSectionHeading h2{
        font-size:32px;
    }

    .gaviCreMethodContent h2{
        font-size:32px;
    }

    .gaviCreFinal{
        padding-bottom:70px;
    }

    .gaviCreFinalBox{
        padding:28px 23px;
    }

    .gaviCreFinalContent h2{
        font-size:23px;
    }

    .gaviCreFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCreFinalButton,
    .gaviCreFinalPhone{
        width:100%;
        align-items:center;
    }

}


@media (max-width:480px){

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

    .gaviCreHeroStat{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        text-align:left;
    }

    .gaviCreHeroStat span{
        margin-top:0;
        text-align:right;
    }

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

}

/* =========================================================
   INDUSTRIAL CLUSTERS — HERO
   Namespace: gaviIndustrialHero
========================================================= */

.gaviIndustrialHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    color:#fff;
    background:
        radial-gradient(circle at 76% 45%,rgba(185,120,0,.16),transparent 27%),
        linear-gradient(125deg,#04152d 0%,#061d3d 55%,#092f62 100%);
}

.gaviIndustrialHero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:60px 60px;
    pointer-events:none;
}

.gaviIndustrialHeroGrid{
    position:relative;
    z-index:1;
}

.gaviIndustrialHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
    gap:60px;
    align-items:center;
}

.gaviIndustrialHeroContent{
    position:relative;
    z-index:2;
}

.gaviIndustrialEyebrow,
.gaviIndustrialSectionEyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviIndustrialEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviIndustrialHero h1{
    max-width:850px;
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(40px,4.6vw,66px);
    line-height:1.04;
    letter-spacing:-1.8px;
    font-weight:800;
}

.gaviIndustrialHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.52em;
    line-height:1.28;
    letter-spacing:-.2px;
}

.gaviIndustrialHeroLead{
    max-width:790px;
    margin:0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.gaviIndustrialHeroLead strong{
    color:#fff;
}

.gaviIndustrialHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.gaviIndustrialHeroStat{
    min-width:145px;
    padding:14px 17px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:5px;
    background:rgba(255,255,255,.055);
}

.gaviIndustrialHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:18px;
    line-height:1.25;
}

.gaviIndustrialHeroStat span{
    display:block;
    margin-top:4px;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.4;
}

.gaviIndustrialHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gaviIndustrialPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviIndustrialPrimaryCta span{
    font-size:22px;
}

.gaviIndustrialPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 34px rgba(185,120,0,.35);
}

.gaviIndustrialPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:56px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviIndustrialPhoneCta span{
    color:#f0b429;
    font-size:20px;
}

.gaviIndustrialPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.1);
}


/* =========================================================
   HERO VISUAL
========================================================= */

.gaviIndustrialHeroVisual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviIndustrialGridPattern{
    position:absolute;
    width:430px;
    height:430px;
    border:1px solid rgba(240,180,41,.13);
    background-image:
        linear-gradient(rgba(240,180,41,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.08) 1px,transparent 1px);
    background-size:34px 34px;
    transform:rotate(45deg);
    opacity:.75;
}

.gaviIndustrialHeroOrb{
    position:relative;
    width:285px;
    height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 60%,#04152d 100%);
    box-shadow:
        0 0 0 1px rgba(240,180,41,.25),
        0 0 70px rgba(185,120,0,.17);
}

.gaviIndustrialOrbRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.32);
    border-radius:50%;
}

.ringOne{
    width:340px;
    height:170px;
    transform:rotate(35deg);
}

.ringTwo{
    width:390px;
    height:205px;
    transform:rotate(-35deg);
}

.gaviIndustrialOrbCore{
    position:relative;
    z-index:3;
    width:150px;
    height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.55);
    border-radius:50%;
    background:linear-gradient(145deg,#092f62,#04152d);
    box-shadow:inset 0 0 35px rgba(185,120,0,.12);
}

.gaviIndustrialOrbCore span{
    color:#f0b429;
    font-size:40px;
    font-weight:900;
    line-height:1;
}

.gaviIndustrialOrbCore small{
    margin-top:8px;
    color:#d9e2ec;
    font-size:15px;
    letter-spacing:3px;
}

.gaviIndustrialClusterTag{
    position:absolute;
    display:flex;
    flex-direction:column;
    padding:11px 15px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:5px;
    background:rgba(4,21,45,.9);
    box-shadow:0 15px 30px rgba(0,0,0,.2);
}

.gaviIndustrialClusterTag strong{
    color:#f0b429;
    font-size:15px;
    letter-spacing:1px;
}

.gaviIndustrialClusterTag span{
    margin-top:3px;
    color:#c0ccda;
    font-size:15px;
}

.tagOne{
    top:62px;
    left:0;
}

.tagTwo{
    right:0;
    top:175px;
}

.tagThree{
    left:35px;
    bottom:45px;
}


/* =========================================================
   COMMON INDUSTRIAL SECTION
========================================================= */

.gaviIndustrialSection{
    position:relative;
    padding:92px 0;
    overflow:hidden;
}

.gaviChennai{
    background:#f8fafc;
}

.gaviPune{
    background:#fff;
}

.gaviGujarat{
    background:#f6f8fb;
}

.gaviIndustrialSectionGrid{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:65px;
    align-items:center;
}

.gaviPuneGrid{
    grid-template-columns:1.18fr .82fr;
}

.gaviIndustrialSectionIntro{
    position:relative;
}

.gaviIndustrialSectionNumber{
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:3px;
}

.gaviIndustrialSectionEyebrow{
    margin-bottom:12px;
    color:#b97800;
}

.gaviIndustrialSection h2{
    margin:0 0 19px;
    color:#061d3d;
    font-size:clamp(32px,3.7vw,50px);
    line-height:1.12;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviIndustrialSection h2 strong{
    color:#b97800;
}

.gaviIndustrialSectionLead{
    max-width:500px;
    margin:0;
    color:#536276;
    font-size:17px;
    line-height:1.75;
}

.gaviIndustrialSectionLead strong{
    color:#092f62;
}

.gaviIndustrialMiniCard{
    display:flex;
    align-items:center;
    gap:13px;
    max-width:390px;
    margin-top:28px;
    padding:15px;
    border:1px solid #dbe2eb;
    border-left:4px solid #b97800;
    border-radius:5px;
    background:#fff;
    box-shadow:0 10px 25px rgba(6,29,61,.06);
}

.gaviIndustrialMiniIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviIndustrialMiniCard strong{
    display:block;
    color:#061d3d;
    font-size:15px;
}

.gaviIndustrialMiniCard small{
    display:block;
    margin-top:4px;
    color:#657387;
    font-size:15px;
    line-height:1.45;
}


/* =========================================================
   CHENNAI HIGHLIGHTS
========================================================= */

.gaviIndustrialClusterHighlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:26px;
}

.gaviIndustrialHighlight{
    padding:17px;
    border:1px solid #dce3ec;
    border-radius:6px;
    background:#fff;
    box-shadow:0 8px 20px rgba(6,29,61,.04);
}

.gaviIndustrialHighlight span{
    display:block;
    margin-bottom:9px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviIndustrialHighlight strong{
    display:block;
    color:#061d3d;
    font-size:17px;
}

.gaviIndustrialHighlight small{
    display:block;
    margin-top:5px;
    color:#657387;
    font-size:15px;
    line-height:1.5;
}

.gaviIndustrialText p{
    margin:0 0 17px;
    color:#536276;
    font-size:15px;
    line-height:1.82;
}

.gaviIndustrialText p:last-child{
    margin-bottom:0;
}

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

.gaviIndustrialKeywordBar{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:25px;
}

.gaviIndustrialKeywordBar span{
    padding:7px 10px;
    border:1px solid #d8e0ea;
    border-radius:3px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   PUNE
========================================================= */

.gaviPune:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:38%;
    height:100%;
    background:
        linear-gradient(135deg,rgba(9,47,98,.035),transparent);
    pointer-events:none;
}

.gaviIndustrialLocationRibbon{
    display:inline-flex;
    flex-direction:column;
    margin-bottom:25px;
    padding:12px 17px;
    border-left:4px solid #b97800;
    background:#f6f8fb;
}

.gaviIndustrialLocationRibbon span{
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gaviIndustrialLocationRibbon strong{
    margin-top:4px;
    color:#061d3d;
    font-size:15px;
}

.gaviPuneMatrix{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
}

.gaviPuneMatrix > div{
    padding:16px 13px;
    border:1px solid #dce3ec;
    border-radius:5px;
    background:#f9fafc;
}

.gaviPuneMatrix span{
    display:block;
    margin-bottom:6px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviPuneMatrix strong{
    display:block;
    color:#061d3d;
    font-size:15px;
}

.gaviPuneMatrix small{
    display:block;
    margin-top:4px;
    color:#657387;
    font-size:15px;
}

.gaviIndustrialCompanyStack{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:27px;
}

.gaviIndustrialCompanyStack span{
    padding:8px 10px;
    border:1px solid #dce3ec;
    border-radius:3px;
    color:#092f62;
    background:#fff;
    font-size:15px;
    font-weight:750;
}


/* =========================================================
   GUJARAT
========================================================= */

.gaviGujaratHeader{
    max-width:780px;
    margin:0 auto 46px;
    text-align:center;
}

.gaviGujaratHeader .gaviIndustrialSectionEyebrow{
    justify-content:center;
}

.gaviGujaratHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(32px,3.7vw,50px);
    line-height:1.15;
    font-weight:800;
}

.gaviGujaratHeader h2 strong{
    color:#b97800;
}

.gaviGujaratHeader p{
    margin:0;
    color:#59687b;
    font-size:16px;
    line-height:1.75;
}

.gaviGujaratHeader p strong{
    color:#092f62;
}

.gaviGujaratGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.gaviGujaratCard{
    position:relative;
    min-height:340px;
    padding:24px 21px;
    border:1px solid #dce3ec;
    border-radius:7px;
    background:#fff;
    box-shadow:0 10px 28px rgba(6,29,61,.055);
    transition:all .3s ease;
}

.gaviGujaratCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.45);
    box-shadow:0 18px 35px rgba(6,29,61,.1);
}

.gaviGujaratCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:23px;
}

.gaviGujaratCardTop span{
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviGujaratCardTop strong{
    color:#092f62;
    font-size:15px;
    letter-spacing:1px;
}

.gaviGujaratCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
}

.gaviGujaratCard p{
    margin:0;
    color:#59687b;
    font-size:15px;
    line-height:1.75;
}

.gaviGujaratCard p strong{
    color:#092f62;
}

.gaviGujaratCardTag{
    position:absolute;
    left:21px;
    bottom:20px;
    padding-top:12px;
    border-top:1px solid #e2e7ee;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:.6px;
}

.gaviGujaratCardWide{
    grid-column:span 4;
    min-height:auto;
    display:grid;
    grid-template-columns:100px 1fr auto;
    gap:20px;
    align-items:start;
    padding-right:25px;
}

.gaviGujaratCardWide .gaviGujaratCardTop{
    margin:0;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
}

.gaviGujaratCardWide .gaviGujaratCardTag{
    position:static;
    border-top:0;
    padding:8px 0 0;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gaviIndustrialCTA{
    position:relative;
    overflow:hidden;
    padding:65px 0;
    background:
        radial-gradient(circle at 90% 40%,rgba(240,180,41,.13),transparent 25%),
        linear-gradient(125deg,#04152d,#092f62);
}

.gaviIndustrialCTA:after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviIndustrialCTAInner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.gaviIndustrialCTAContent{
    max-width:760px;
}

.gaviIndustrialCTAContent .gaviIndustrialSectionEyebrow{
    margin-bottom:11px;
}

.gaviIndustrialCTAContent h2{
    margin:0 0 13px;
    color:#fff;
    font-size:clamp(29px,3.2vw,43px);
    line-height:1.18;
}

.gaviIndustrialCTAContent h2 strong{
    color:#f0b429;
}

.gaviIndustrialCTAContent p{
    max-width:700px;
    margin:0;
    color:#d4dfeb;
    font-size:16px;
    line-height:1.7;
}

.gaviIndustrialCTAContent p strong{
    color:#fff;
}

.gaviIndustrialCTAActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:11px;
    min-width:225px;
}

.gaviIndustrialCTAphone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:62px;
    padding:8px 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.05);
}

.gaviIndustrialCTAphone small{
    color:#aebdcd;
    font-size:15px;
}

.gaviIndustrialCTAphone strong{
    margin-top:3px;
    color:#f0b429;
    font-size:17px;
}


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

@media (max-width:1199px){

    .gaviIndustrialHeroInner{
        grid-template-columns:1fr .78fr;
        gap:35px;
    }

    .gaviIndustrialHeroVisual{
        min-height:430px;
    }

    .gaviIndustrialHeroOrb{
        width:235px;
        height:235px;
    }

    .gaviIndustrialGridPattern{
        width:350px;
        height:350px;
    }

    .gaviIndustrialSectionGrid{
        gap:40px;
    }

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

    .gaviGujaratCardWide{
        grid-column:span 2;
    }

}


@media (max-width:991px){

    .gaviIndustrialHero{
        padding:70px 0;
    }

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

    .gaviIndustrialHeroContent{
        text-align:center;
    }

    .gaviIndustrialEyebrow{
        justify-content:center;
    }

    .gaviIndustrialHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviIndustrialHeroStats,
    .gaviIndustrialHeroActions{
        justify-content:center;
    }

    .gaviIndustrialHeroVisual{
        min-height:390px;
        margin-top:10px;
    }

    .gaviIndustrialClusterTag.tagOne{
        left:12%;
    }

    .gaviIndustrialClusterTag.tagThree{
        left:17%;
    }

    .gaviIndustrialSectionGrid,
    .gaviPuneGrid{
        grid-template-columns:1fr;
    }

    .gaviPuneGrid .gaviIndustrialSectionIntro{
        order:-1;
    }

    .gaviIndustrialSection{
        padding:72px 0;
    }

    .gaviIndustrialCTAInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviIndustrialCTAActions{
        width:100%;
        max-width:320px;
    }

}


@media (max-width:767px){

    .gaviIndustrialHero{
        padding:55px 0;
    }

    .gaviIndustrialHero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .gaviIndustrialHero h1 strong{
        font-size:21px;
    }

    .gaviIndustrialHeroLead{
        font-size:16px;
    }

    .gaviIndustrialHeroStats{
        display:grid;
        grid-template-columns:1fr;
    }

    .gaviIndustrialHeroStat{
        width:100%;
    }

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

    .gaviIndustrialPrimaryCta,
    .gaviIndustrialPhoneCta{
        width:100%;
    }

    .gaviIndustrialHeroVisual{
        min-height:350px;
    }

    .gaviIndustrialHeroOrb{
        width:200px;
        height:200px;
    }

    .gaviIndustrialOrbCore{
        width:115px;
        height:115px;
    }

    .gaviIndustrialOrbCore span{
        font-size:30px;
    }

    .gaviIndustrialGridPattern{
        width:280px;
        height:280px;
    }

    .gaviIndustrialClusterTag{
        padding:8px 10px;
    }

    .gaviIndustrialClusterTag span,
    .gaviIndustrialClusterTag strong{
        font-size:15px;
    }

    .tagOne{
        top:25px;
        left:0 !important;
    }

    .tagTwo{
        right:0;
        top:135px;
    }

    .tagThree{
        left:0 !important;
        bottom:15px;
    }

    .gaviIndustrialSection h2,
    .gaviGujaratHeader h2{
        font-size:33px;
    }

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

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

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

    .gaviGujaratCardWide{
        grid-column:span 1;
        display:block;
    }

    .gaviGujaratCardWide .gaviGujaratCardTop{
        margin-bottom:20px;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
    }

    .gaviGujaratCardWide .gaviGujaratCardTag{
        margin-top:18px;
        padding-top:12px;
        border-top:1px solid #e2e7ee;
    }

    .gaviIndustrialCTA{
        padding:55px 0;
    }

    .gaviIndustrialCTAContent h2{
        font-size:30px;
    }

}

/* =========================================================
   CAPITAL GAIN INDIA
   GLOBAL COLOUR SYSTEM
   Navy: #092f62 / #061d3d / #04152d
   Gold: #b97800 / #d99a16 / #f0b429
========================================================= */


/* =========================================================
   SECTION 01 — HERO
   Namespace: gaviCGHero
========================================================= */

.gaviCGHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 88% 15%,rgba(240,180,41,.14),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
}

.gaviCGHeroPattern{
    position:absolute;
    inset:0;
    opacity:.28;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    pointer-events:none;
}

.gaviCGHeroInner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
    gap:55px;
    align-items:center;
}

.gaviCGHeroContent{
    position:relative;
    z-index:2;
}

.gaviCGHeroEyebrow,
.gaviCGSectionEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviCGHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCGHero h1{
    max-width:900px;
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(40px,4.5vw,67px);
    line-height:1.06;
    font-weight:800;
    letter-spacing:-1.8px;
}

.gaviCGHero h1 strong{
    display:block;
    color:#f0b429;
}

.gaviCGHeroLead{
    max-width:860px;
    margin:0;
    color:#dce5ee;
    font-size:18px;
    line-height:1.75;
}

.gaviCGHeroLead strong{
    color:#fff;
}

.gaviCGHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:0;
    margin:32px 0 29px;
}

.gaviCGHeroStats div{
    min-width:145px;
    padding:0 23px;
    border-left:1px solid rgba(240,180,41,.35);
}

.gaviCGHeroStats div:first-child{
    padding-left:0;
    border-left:0;
}

.gaviCGHeroStats strong{
    display:block;
    color:#f0b429;
    font-size:18px;
    line-height:1.3;
}

.gaviCGHeroStats span{
    display:block;
    margin-top:4px;
    color:#aebdcd;
    font-size:15px;
}

.gaviCGHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
}

.gaviCGPrimaryBtn,
.gaviCGGoldBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviCGPrimaryBtn span,
.gaviCGGoldBtn span{
    font-size:21px;
}

.gaviCGPrimaryBtn:hover,
.gaviCGGoldBtn:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.34);
}

.gaviCGPhoneBtn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:57px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.06);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCGPhoneBtn span{
    color:#f0b429;
    font-size:20px;
}

.gaviCGPhoneBtn strong{
    color:#fff;
    font-size:16px;
}

.gaviCGPhoneBtn:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.12);
}


/* HERO SIDE CARD */

.gaviCGHeroSide{
    display:flex;
    justify-content:flex-end;
}

.gaviCGHeroCard{
    position:relative;
    max-width:430px;
    padding:34px 31px;
    border:1px solid rgba(240,180,41,.4);
    border-radius:9px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
    box-shadow:0 25px 65px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
}

.gaviCGHeroCard:before{
    content:"";
    position:absolute;
    top:-1px;
    left:35px;
    right:35px;
    height:3px;
    background:linear-gradient(90deg,#b97800,#f0b429,#b97800);
}

.gaviCGHeroCardLabel{
    display:block;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviCGHeroCard h3{
    margin:0 0 17px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
    font-weight:750;
}

.gaviCGHeroCard h3 strong{
    color:#f0b429;
}

.gaviCGHeroCard p{
    margin:0;
    color:#cbd6e2;
    font-size:15px;
    line-height:1.75;
}

.gaviCGHeroCard p strong{
    color:#fff;
}

.gaviCGHeroCardLine{
    width:60px;
    height:2px;
    margin:24px 0 14px;
    background:#b97800;
}

.gaviCGHeroCard small{
    color:#aebdcd;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   SECTION 02 — SECTION 55(2)(b)
   Namespace: gaviCG55
========================================================= */

.gaviCG55{
    padding:90px 0 88px;
    background:#f8fafc;
    color:#092f62;
}

.gaviCG55Grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:60px;
    align-items:start;
}

.gaviCGSectionEyebrow{
    margin-bottom:14px;
}

.gaviCGSectionEyebrow span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
}

.gaviCG55Intro h2{
    margin:0;
    color:#061d3d;
    font-size:clamp(32px,3.4vw,48px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviCG55Intro h2 strong{
    display:block;
    color:#b97800;
}

.gaviCG55Intro p{
    margin:22px 0 0;
    color:#536277;
    font-size:16px;
    line-height:1.8;
}

.gaviCG55Intro p strong{
    color:#092f62;
}

.gaviCGGoldLine{
    width:70px;
    height:3px;
    margin-top:22px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCG55Evidence{
    padding:31px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 15px 40px rgba(6,29,61,.07);
}

.gaviCGEvidenceHeading{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:17px;
}

.gaviCGEvidenceHeading > span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 45px;
    width:45px;
    height:45px;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCGEvidenceHeading h3{
    margin:0;
    color:#061d3d;
    font-size:22px;
    line-height:1.35;
}

.gaviCGEvidenceHeading h3 strong{
    color:#b97800;
}

.gaviCG55Evidence > p{
    margin:0;
    color:#536277;
    font-size:15px;
    line-height:1.75;
}

.gaviCGStateGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:11px;
    margin-top:23px;
}

.gaviCGStateCard{
    padding:16px;
    border-left:3px solid #b97800;
    background:#f5f7fa;
}

.gaviCGStateCard strong{
    display:block;
    color:#092f62;
    font-size:16px;
}

.gaviCGStateCard span{
    display:block;
    margin-top:4px;
    color:#647387;
    font-size:15px;
    line-height:1.45;
}


/* METHODOLOGY */

.gaviCGMethodology{
    margin-top:55px;
    padding:32px;
    border-radius:9px;
    background:linear-gradient(135deg,#04152d,#092f62);
    box-shadow:0 18px 45px rgba(6,29,61,.13);
}

.gaviCGMethodologyIntro > span{
    display:block;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviCGMethodologyIntro h3{
    margin:7px 0 27px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
}

.gaviCGMethodologyIntro h3 strong{
    color:#f0b429;
}

.gaviCGMethodologySteps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.gaviCGMethodStep{
    display:flex;
    gap:13px;
    padding:19px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviCGMethodStep > b{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#b97800;
    color:#061d3d;
    font-size:15px;
}

.gaviCGMethodStep strong{
    display:block;
    color:#fff;
    font-size:15px;
}

.gaviCGMethodStep span{
    display:block;
    margin-top:5px;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.55;
}

.gaviCGMethodStep span strong{
    display:inline;
    color:#f0b429;
}


/* BOTTOM CTA */

.gaviCG55Bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:38px;
    padding:23px 25px;
    border:1px solid #e0e6ed;
    border-radius:7px;
    background:#fff;
}

.gaviCG55Bottom p{
    max-width:820px;
    margin:0;
    color:#536277;
    font-size:15px;
    line-height:1.65;
}

.gaviCG55Bottom p strong{
    color:#092f62;
}

.gaviCGInlineBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:0 0 auto;
    min-height:50px;
    padding:0 20px;
    border-radius:5px;
    background:#061d3d;
    color:#f0b429 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCGInlineBtn:hover{
    background:#b97800;
    color:#061d3d !important;
}


/* =========================================================
   SECTION 03 — FINANCE ACT 2024
   Namespace: gaviCG2024
========================================================= */

.gaviCG2024{
    padding:90px 0 88px;
    background:
        radial-gradient(circle at 10% 90%,rgba(185,120,0,.12),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 65%,#092f62);
}

.gaviCG2024Header{
    max-width:850px;
    margin:0 auto 45px;
    text-align:center;
}

.gaviCGSectionEyebrowLight{
    justify-content:center;
}

.gaviCG2024Header h2{
    margin:0 0 17px;
    color:#fff;
    font-size:clamp(33px,3.6vw,50px);
    line-height:1.15;
    font-weight:800;
}

.gaviCG2024Header h2 strong{
    color:#f0b429;
}

.gaviCG2024Header p{
    margin:0;
    color:#cbd6e2;
    font-size:16px;
    line-height:1.78;
}

.gaviCG2024Header p strong{
    color:#fff;
}

.gaviCG2024Comparison{
    position:relative;
    display:grid;
    grid-template-columns:1fr 70px 1fr;
    align-items:stretch;
    gap:15px;
}

.gaviCG2024Method{
    padding:31px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.gaviCG2024MethodGold{
    border-color:rgba(240,180,41,.42);
    background:
        linear-gradient(145deg,rgba(185,120,0,.16),rgba(255,255,255,.045));
}

.gaviCGMethodTop{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.gaviCGMethodTop > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:50%;
    background:#b97800;
    color:#061d3d;
    font-size:22px;
    font-weight:900;
}

.gaviCGMethodTop small{
    display:block;
    margin-bottom:3px;
    color:#aebdcd;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.4px;
}

.gaviCGMethodTop h3{
    margin:0;
    color:#fff;
    font-size:23px;
    line-height:1.3;
}

.gaviCG2024Method p{
    margin:0;
    color:#c4d0dc;
    font-size:15px;
    line-height:1.75;
}

.gaviCG2024Method p strong{
    color:#fff;
}

.gaviCGMethodHighlight{
    margin-top:22px;
    padding:15px;
    border-left:3px solid #b97800;
    background:rgba(255,255,255,.055);
}

.gaviCGMethodHighlight strong{
    display:block;
    color:#f0b429;
    font-size:15px;
}

.gaviCGMethodHighlight span{
    display:block;
    margin-top:4px;
    color:#aebdcd;
    font-size:15px;
    line-height:1.45;
}

.gaviCG2024Vs{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}


/* NOTE */

.gaviCG2024Note{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-top:28px;
    padding:21px 23px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:7px;
    background:rgba(255,255,255,.045);
}

.gaviCG2024NoteIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#b97800;
    color:#061d3d;
    font-size:16px;
    font-weight:900;
}

.gaviCG2024Note p{
    margin:0;
    color:#bdcad7;
    font-size:15px;
    line-height:1.7;
}

.gaviCG2024Note p strong{
    color:#f0b429;
}


/* FINAL CTA */

.gaviCG2024CTA{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:42px;
    padding:28px 31px;
    border:1px solid rgba(240,180,41,.4);
    border-radius:8px;
    background:linear-gradient(90deg,#b97800,#d99a16,#b97800);
}

.gaviCG2024CTA > div:first-child > span{
    display:block;
    margin-bottom:6px;
    color:#061d3d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.3px;
}

.gaviCG2024CTA h3{
    margin:0;
    color:#061d3d;
    font-size:25px;
    line-height:1.3;
}

.gaviCG2024CTA h3 strong{
    color:#fff;
}

.gaviCG2024Actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviCGGoldBtn{
    min-height:52px;
    background:#061d3d;
    border-color:#061d3d;
    color:#f0b429 !important;
    box-shadow:none;
}

.gaviCGGoldBtn:hover{
    background:#092f62;
    color:#f0b429 !important;
}

.gaviCGDarkPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(6,29,61,.5);
    border-radius:5px;
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}


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

@media (max-width:1100px){

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

    .gaviCGHeroSide{
        justify-content:flex-start;
    }

    .gaviCGHeroCard{
        max-width:650px;
    }

    .gaviCG55Grid{
        grid-template-columns:1fr;
        gap:35px;
    }

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

}


@media (max-width:900px){

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

    .gaviCG2024Vs{
        height:30px;
    }

    .gaviCG2024CTA,
    .gaviCG55Bottom{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media (max-width:767px){

    .gaviCGHero,
    .gaviCG55,
    .gaviCG2024{
        padding:65px 0;
    }

    .gaviCGHero h1{
        font-size:40px;
    }

    .gaviCGHeroLead{
        font-size:16px;
    }

    .gaviCGHeroStats{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
    }

    .gaviCGHeroStats div{
        padding:0 0 0 15px;
        border-left:2px solid #b97800;
    }

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

    .gaviCGPrimaryBtn,
    .gaviCGPhoneBtn{
        width:100%;
    }

    .gaviCGHeroCard{
        padding:27px 22px;
    }

    .gaviCG55Intro h2,
    .gaviCG2024Header h2{
        font-size:32px;
    }

    .gaviCG55Evidence{
        padding:23px;
    }

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

    .gaviCGMethodology{
        padding:23px;
    }

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

    .gaviCG55Bottom{
        padding:21px;
    }

    .gaviCGInlineBtn{
        width:100%;
    }

    .gaviCG2024Method{
        padding:24px;
    }

    .gaviCG2024Note{
        padding:18px;
    }

    .gaviCG2024CTA{
        padding:24px 20px;
    }

    .gaviCG2024Actions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCGGoldBtn,
    .gaviCGDarkPhone{
        width:100%;
    }

}
/* =========================================================
   FIVE PAN INDIA VALUATION PROFILES
   Master Namespace: gavip
   Royal Navy + Gold
========================================================= */


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

.gavipHero{
    position:relative;
    overflow:hidden;
    padding:100px 0 92px;
    background:
        radial-gradient(circle at 15% 15%,rgba(240,180,41,.12),transparent 28%),
        radial-gradient(circle at 85% 80%,rgba(185,120,0,.11),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 55%,#092f62);
    color:#fff;
}

.gavipHeroPattern{
    position:absolute;
    inset:0;
    opacity:.08;
    background-image:
        linear-gradient(30deg,#fff 1px,transparent 1px),
        linear-gradient(150deg,#fff 1px,transparent 1px);
    background-size:55px 95px;
    pointer-events:none;
}

.gavipHeroInner{
    position:relative;
    max-width:980px;
    margin:auto;
    text-align:center;
    z-index:2;
}

.gavipHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:20px;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:2px;
}

.gavipHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gavipHero h1{
    margin:0 auto 24px;
    color:#fff;
    font-size:clamp(40px,5vw,68px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:800;
}

.gavipHero h1 strong{
    display:block;
    color:#f0b429;
}

.gavipHeroInner > p{
    max-width:850px;
    margin:0 auto;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.gavipHeroInner > p strong{
    color:#fff;
}

.gavipHeroTags{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
    margin-top:27px;
}

.gavipHeroTags span{
    padding:9px 14px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:4px;
    background:rgba(255,255,255,.055);
    color:#e7edf4;
    font-size:15px;
    font-weight:700;
}

.gavipHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gavipPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border-radius:5px;
    border:1px solid #f0b429;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gavipPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(185,120,0,.36);
}

.gavipPrimaryCta span{
    font-size:22px;
}

.gavipPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavipPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   INTRO
========================================================= */

.gavipIntro{
    padding:82px 0;
    background:#f8fafc;
}

.gavipIntroGrid{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:55px;
    align-items:start;
}

.gavipIntroLabel{
    padding-top:8px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gavipIntroLabel span{
    display:block;
    margin-bottom:11px;
    color:#092f62;
    font-size:34px;
    letter-spacing:0;
}

.gavipIntroContent h2{
    margin:0 0 20px;
    color:#061d3d;
    font-size:clamp(30px,3.4vw,46px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gavipIntroContent h2 strong{
    color:#b97800;
}

.gavipIntroContent p{
    margin:0 0 16px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gavipIntroContent p strong{
    color:#092f62;
}

.gavipIntroNote{
    margin-top:25px;
    padding:17px 19px;
    border-left:4px solid #b97800;
    background:#fff;
    color:#4d5d70;
    font-size:15px;
    line-height:1.65;
    box-shadow:0 8px 24px rgba(6,29,61,.06);
}

.gavipIntroNote strong{
    color:#092f62;
}


/* =========================================================
   PROFILE BASE
========================================================= */

.gavipProfile{
    position:relative;
    padding:88px 0;
    overflow:hidden;
}

.gavipProfileDark{
    background:
        radial-gradient(circle at 90% 20%,rgba(185,120,0,.12),transparent 27%),
        linear-gradient(125deg,#04152d,#061d3d 65%,#092f62);
    color:#fff;
}

.gavipProfileLight{
    background:#fff;
    color:#061d3d;
}

.gavipProfileGrid{
    display:grid;
    grid-template-columns:145px minmax(0,1fr) 245px;
    gap:35px;
    align-items:start;
}

.gavipProfileNumber{
    padding-top:4px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gavipProfileNumber span{
    display:block;
    margin-bottom:5px;
    color:#d99a16;
    font-size:48px;
    line-height:1;
    letter-spacing:-2px;
}

.gavipProfileLight .gavipProfileNumber span{
    color:#092f62;
}

.gavipProfileEyebrow{
    margin-bottom:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gavipProfileContent h2{
    margin:0 0 17px;
    font-size:clamp(29px,3.2vw,44px);
    line-height:1.13;
    letter-spacing:-1px;
}

.gavipProfileDark .gavipProfileContent h2{
    color:#fff;
}

.gavipProfileLight .gavipProfileContent h2{
    color:#061d3d;
}

.gavipProfileContent h2 strong{
    color:#f0b429;
}

.gavipProfileLight .gavipProfileContent h2 strong{
    color:#b97800;
}

.gavipProfileLead{
    max-width:850px;
    margin:0 0 25px;
    font-size:16px;
    line-height:1.78;
}

.gavipProfileDark .gavipProfileLead{
    color:#dce5ef;
}

.gavipProfileLight .gavipProfileLead{
    color:#526276;
}

.gavipProfileLead strong{
    color:#b97800;
}


/* =========================================================
   FACTS
========================================================= */

.gavipProfileFacts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:24px;
}

.gavipProfileFacts > div{
    padding:15px 16px;
    border-radius:5px;
}

.gavipProfileDark .gavipProfileFacts > div{
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.045);
}

.gavipProfileLight .gavipProfileFacts > div{
    border:1px solid #e2e7ee;
    background:#f8fafc;
}

.gavipProfileFacts span{
    display:block;
    margin-bottom:5px;
    font-size:15px;
}

.gavipProfileDark .gavipProfileFacts span{
    color:#9eafc1;
}

.gavipProfileLight .gavipProfileFacts span{
    color:#687789;
}

.gavipProfileFacts strong{
    display:block;
    font-size:15px;
    line-height:1.4;
}

.gavipProfileDark .gavipProfileFacts strong{
    color:#fff;
}

.gavipProfileLight .gavipProfileFacts strong{
    color:#092f62;
}


/* =========================================================
   METHODOLOGY
========================================================= */

.gavipMethodology{
    margin-top:5px;
    padding:20px;
    border-radius:6px;
}

.gavipProfileDark .gavipMethodology{
    border:1px solid rgba(240,180,41,.2);
    background:rgba(255,255,255,.04);
}

.gavipProfileLight .gavipMethodology{
    border:1px solid #e4e8ef;
    background:#f8fafc;
}

.gavipMethodologyTitle{
    margin-bottom:8px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gavipMethodology p{
    margin:0;
    font-size:15px;
    line-height:1.7;
}

.gavipProfileDark .gavipMethodology p{
    color:#ccd7e3;
}

.gavipProfileLight .gavipMethodology p{
    color:#526276;
}

.gavipMethodology strong{
    color:#b97800;
}


/* =========================================================
   RESULT GRID
========================================================= */

.gavipResultGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}

.gavipResultGrid > div{
    padding:16px;
    border-radius:5px;
    text-align:center;
}

.gavipProfileDark .gavipResultGrid > div{
    background:#092f62;
    border:1px solid rgba(240,180,41,.2);
}

.gavipProfileLight .gavipResultGrid > div{
    background:#061d3d;
    border:1px solid #061d3d;
}

.gavipResultGrid span{
    display:block;
    margin-bottom:5px;
    color:#c4d0dc;
    font-size:15px;
}

.gavipResultGrid strong{
    display:block;
    color:#f0b429;
    font-size:18px;
}


/* =========================================================
   PROFILE SIDE
========================================================= */

.gavipProfileSide{
    min-height:360px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:24px;
    border-radius:8px;
}

.gavipProfileDark .gavipProfileSide{
    border:1px solid rgba(240,180,41,.25);
    background:rgba(255,255,255,.045);
}

.gavipProfileLight .gavipProfileSide{
    border:1px solid #dfe5ed;
    background:linear-gradient(145deg,#f8fafc,#eef3f8);
}

.gavipSideBadge{
    display:inline-flex;
    align-self:flex-start;
    padding:8px 11px;
    border-radius:3px;
    background:#b97800;
    color:#061d3d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gavipSideQuote{
    padding:25px 0;
}

.gavipSideQuote span{
    display:block;
    margin-bottom:9px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gavipSideQuote strong{
    display:block;
    font-size:20px;
    line-height:1.4;
}

.gavipProfileDark .gavipSideQuote strong{
    color:#fff;
}

.gavipProfileLight .gavipSideQuote strong{
    color:#061d3d;
}

.gavipSideTags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.gavipSideTags span{
    padding:7px 8px;
    border-radius:3px;
    font-size:15px;
    font-weight:700;
}

.gavipProfileDark .gavipSideTags span{
    border:1px solid rgba(255,255,255,.14);
    color:#d9e2ec;
}

.gavipProfileLight .gavipSideTags span{
    border:1px solid #dbe2ea;
    color:#092f62;
}


/* =========================================================
   COMPARISON
========================================================= */

.gavipComparison{
    padding:90px 0;
    background:#f7f9fc;
}

.gavipComparisonHeader{
    max-width:760px;
    margin:0 auto 40px;
    text-align:center;
}

.gavipSectionEyebrow{
    margin-bottom:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.6px;
}

.gavipComparisonHeader h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,46px);
    line-height:1.15;
}

.gavipComparisonHeader h2 strong{
    color:#b97800;
}

.gavipComparisonHeader p{
    margin:0;
    color:#59697c;
    font-size:16px;
    line-height:1.7;
}

.gavipComparisonTable{
    overflow:hidden;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.07);
}

.gavipTableRow{
    display:grid;
    grid-template-columns:1fr 1.4fr 1.5fr 1.2fr;
    border-bottom:1px solid #e3e8ee;
}

.gavipTableRow:last-child{
    border-bottom:0;
}

.gavipTableRow > div{
    padding:17px 18px;
    color:#526276;
    font-size:15px;
    line-height:1.5;
}

.gavipTableRow > div + div{
    border-left:1px solid #e7ebf0;
}

.gavipTableHead{
    background:#061d3d;
}

.gavipTableHead > div{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
}

.gavipTableRow:not(.gavipTableHead) > div:first-child strong{
    color:#092f62;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gavipFinalCta{
    position:relative;
    overflow:hidden;
    padding:75px 0;
    background:
        radial-gradient(circle at 90% 30%,rgba(240,180,41,.14),transparent 28%),
        linear-gradient(125deg,#04152d,#061d3d 65%,#092f62);
}

.gavipFinalCtaGlow{
    position:absolute;
    width:360px;
    height:360px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gavipFinalCtaInner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    z-index:2;
}

.gavipFinalCtaInner h2{
    margin:0 0 14px;
    color:#fff;
    font-size:clamp(30px,3.5vw,46px);
    line-height:1.15;
}

.gavipFinalCtaInner h2 strong{
    color:#f0b429;
}

.gavipFinalCtaInner p{
    max-width:700px;
    margin:0;
    color:#cbd6e1;
    font-size:16px;
    line-height:1.7;
}

.gavipFinalActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    min-width:235px;
}

.gavipFinalButton{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:57px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.24);
    transition:all .3s ease;
}

.gavipFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 34px rgba(185,120,0,.35);
}

.gavipFinalButton span{
    font-size:21px;
}

.gavipFinalPhone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:60px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.045);
    transition:all .3s ease;
}

.gavipFinalPhone:hover{
    border-color:#f0b429;
}

.gavipFinalPhone small{
    color:#aebdcd;
    font-size:15px;
}

.gavipFinalPhone strong{
    margin-top:2px;
    color:#f0b429;
    font-size:17px;
}


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

@media(max-width:1100px){

    .gavipProfileGrid{
        grid-template-columns:100px minmax(0,1fr) 210px;
        gap:25px;
    }

}

@media(max-width:991px){

    .gavipHero{
        padding:75px 0;
    }

    .gavipIntroGrid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .gavipIntroLabel{
        padding:0;
    }

    .gavipProfileGrid{
        grid-template-columns:80px minmax(0,1fr);
    }

    .gavipProfileSide{
        grid-column:2;
        min-height:auto;
        gap:20px;
    }

    .gavipSideQuote{
        padding:15px 0;
    }

    .gavipFinalCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gavipFinalActions{
        width:100%;
        max-width:330px;
    }

}

@media(max-width:767px){

    .gavipHero{
        padding:58px 0;
    }

    .gavipHero h1{
        font-size:38px;
    }

    .gavipHeroInner > p{
        font-size:16px;
    }

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

    .gavipPrimaryCta,
    .gavipPhoneCta{
        width:100%;
    }

    .gavipIntro,
    .gavipProfile,
    .gavipComparison{
        padding:65px 0;
    }

    .gavipProfileGrid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .gavipProfileNumber{
        display:flex;
        align-items:center;
        gap:12px;
    }

    .gavipProfileNumber span{
        margin:0;
        font-size:38px;
    }

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

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

    .gavipProfileSide{
        grid-column:auto;
    }

    .gavipComparisonTable{
        overflow-x:auto;
    }

    .gavipTableRow{
        min-width:720px;
    }

    .gavipFinalCta{
        padding:60px 0;
    }

    .gavipFinalCtaInner h2{
        font-size:32px;
    }

}

@media(max-width:480px){

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

    .gavipHeroEyebrow span{
        width:25px;
    }

    .gavipHeroTags span{
        width:100%;
    }

}

/* =========================================================
   NOIDA PLOT OWNER JOURNEY
   Unique namespaces:
   noidaPlotJourney | noidaPlotStep | noidaPlotFinalCta
   Palette: Royal Navy & Gold
========================================================= */

.noidaPlotJourney,
.noidaPlotJourney *,
.noidaPlotStep,
.noidaPlotStep *,
.noidaPlotFinalCta,
.noidaPlotFinalCta * {
    box-sizing: border-box;
}

/* =========================================================
   SECTION 0 — PAGE INTRO
========================================================= */

.noidaPlotJourney {
    --npj-navy: #092f62;
    --npj-dark: #061d3d;
    --npj-deep: #04152d;
    --npj-gold: #b97800;
    --npj-gold-light: #d99a16;
    --npj-gold-bright: #f0b429;
    --npj-text: #26364a;
    --npj-muted: #59697c;
    --npj-border: #dce4ef;

    padding: 35px 0 0;
    color: var(--npj-text);
    background: linear-gradient(135deg, #ffffff, #f3f7fc);
    font-family: inherit;
}

.noidaPlotJourney__container,
.noidaPlotStep__container,
.noidaPlotFinalCta__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotJourney__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 26px;
    color: var(--npj-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaPlotJourney__breadcrumb a {
    color: var(--npj-navy);
    font-weight: 750;
    text-decoration: none;
}

.noidaPlotJourney__breadcrumb a:hover {
    color: var(--npj-gold);
}

.noidaPlotJourney__breadcrumb span:nth-child(2) {
    color: var(--npj-gold);
    font-weight: 850;
}

.noidaPlotJourney__intro {
    position: relative;
    padding: clamp(30px, 5vw, 58px);
    overflow: hidden;
    border: 1px solid #dce5f0;
    border-radius: 16px;
    background:
        radial-gradient(ellipse at 100% 0%,
            rgba(217, 154, 22, 0.13), transparent 38%),
        #ffffff;
    box-shadow: 0 14px 40px rgba(4, 21, 45, 0.045);
}

.noidaPlotJourney__intro::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background: linear-gradient(
        180deg,
        #f0b429,
        #b97800
    );
}

.noidaPlotJourney__eyebrow {
    display: block;
    margin-bottom: 15px;
    color: var(--npj-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.2px;
}

.noidaPlotJourney h1 {
    max-width: 950px;
    margin: 0 0 19px;
    color: var(--npj-dark);
    font-size: clamp(34px, 4.2vw, 52px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}

.noidaPlotJourney h1 strong {
    color: var(--npj-navy);
    font-weight: 900;
}

.noidaPlotJourney__introText {
    max-width: 900px;
    margin: 0;
    color: var(--npj-muted);
    font-size: 18px;
    line-height: 1.8;
}

.noidaPlotJourney__introText strong {
    color: var(--npj-navy);
    font-weight: 850;
}

.noidaPlotJourney__introTags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 25px;
}

.noidaPlotJourney__introTags span {
    padding: 9px 13px;
    border: 1px solid #dce5f0;
    border-radius: 6px;
    color: var(--npj-navy);
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.noidaPlotJourney__introActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

/* SHARED BUTTONS */

.noidaPlotJourney__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaPlotJourney__button:hover {
    transform: translateY(-2px);
}

.noidaPlotJourney__button--gold {
    color: #04152d !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 21px rgba(185, 120, 0, 0.2);
}

.noidaPlotJourney__button--gold:hover {
    box-shadow: 0 12px 27px rgba(185, 120, 0, 0.3);
}

.noidaPlotJourney__button--navy {
    color: #ffffff !important;
    background: #092f62;
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.17);
}

.noidaPlotJourney__button--navy:hover {
    background: #061d3d;
}

.noidaPlotJourney__button--white {
    color: #092f62 !important;
    border-color: rgba(255, 255, 255, 0.6);
    background: #ffffff;
}

.noidaPlotJourney__button--full {
    width: 100%;
}

/* STEP NAVIGATION */

.noidaPlotJourney__stepNav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 22px 0 30px;
}

.noidaPlotJourney__stepNav a {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 16px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    color: var(--npj-navy);
    background: #ffffff;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.noidaPlotJourney__stepNav a:hover {
    transform: translateY(-2px);
    border-color: var(--npj-gold-light);
}

.noidaPlotJourney__stepNav a > span {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--npj-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotJourney__stepNav strong {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}


/* =========================================================
   SHARED STEP SECTION STYLES
========================================================= */

.noidaPlotStep {
    --nps-navy: #092f62;
    --nps-dark: #061d3d;
    --nps-deep: #04152d;
    --nps-gold: #b97800;
    --nps-gold-light: #d99a16;
    --nps-gold-bright: #f0b429;
    --nps-text: #26364a;
    --nps-muted: #59697c;
    --nps-border: #dce4ef;

    padding: 68px 0;
    color: var(--nps-text);
    background: #ffffff;
    font-family: inherit;
    scroll-margin-top: 30px;
}

.noidaPlotStep--deed {
    background: #f6f8fc;
}

.noidaPlotStep--section50c {
    background: #ffffff;
}

.noidaPlotStep--documents {
    background: #f6f8fc;
}

.noidaPlotStep__heading {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: start;
    gap: 19px;
    margin-bottom: 34px;
}

.noidaPlotStep__number {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #04152d;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 18px rgba(185, 120, 0, 0.17);
    font-size: 22px;
    font-weight: 900;
}

.noidaPlotStep__eyebrow {
    display: block;
    margin: 0 0 8px;
    color: var(--nps-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotStep__heading h2 {
    margin: 0 0 12px;
    color: var(--nps-dark);
    font-size: clamp(28px, 3.1vw, 40px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.noidaPlotStep__heading h2 strong {
    color: var(--nps-navy);
    font-weight: 900;
}

.noidaPlotStep__heading p {
    max-width: 880px;
    margin: 0;
    color: var(--nps-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotStep__contentGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.75fr);
    align-items: start;
    gap: 30px;
}

.noidaPlotStep__main {
    min-width: 0;
}

.noidaPlotStep__main > p,
.noidaPlotStep__section50cIntro > p {
    margin: 0 0 18px;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.9;
}

.noidaPlotStep__main > p strong,
.noidaPlotStep__section50cIntro > p strong {
    color: var(--nps-navy);
    font-weight: 850;
}

.noidaPlotStep__subheading {
    margin: 29px 0 17px;
    color: var(--nps-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

/* HIGHLIGHT PANEL */

.noidaPlotStep__highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 25px 0;
    padding: 21px;
    border: 1px solid #e7d3a7;
    border-left: 4px solid #d99a16;
    border-radius: 9px;
    background: linear-gradient(120deg, #fffaf0, #ffffff);
}

.noidaPlotStep__highlightIcon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 18px;
    font-weight: 900;
}

.noidaPlotStep__highlight h3 {
    margin: 0 0 7px;
    color: var(--nps-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__highlight p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* CHECKLIST */

.noidaPlotStep__checkList {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaPlotStep__checkList li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.noidaPlotStep__checkList li > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__checkList strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nps-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__checkList p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* SIDE CARD */

.noidaPlotStep__sideCard {
    min-width: 0;
    padding: 25px;
    border: 1px solid #dce4ef;
    border-top: 4px solid #d99a16;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.06);
}

.noidaPlotStep__sideLabel {
    display: block;
    margin-bottom: 12px;
    color: #b97800;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaPlotStep__sideCard h3 {
    margin: 0 0 12px;
    color: #061d3d;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotStep__sideCard > p {
    margin: 0 0 20px;
    color: #59697c;
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotStep__scenarioRow {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 0;
    border-bottom: 1px solid #e5ebf3;
}

.noidaPlotStep__scenarioRow span {
    color: #59697c;
    font-size: 15px;
    line-height: 1.6;
}

.noidaPlotStep__scenarioRow strong {
    color: #092f62;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-align: right;
}

.noidaPlotStep__scenarioNote,
.noidaPlotStep__sideWarning {
    margin-top: 18px;
    padding: 15px;
    border-radius: 7px;
    color: #46586d;
    background: #f3f6fa;
    font-size: 15px;
    line-height: 1.75;
}

.noidaPlotStep__scenarioNote strong {
    color: #092f62;
    font-weight: 850;
}

.noidaPlotStep__textLink,
.noidaPlotStep__officialLink {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.noidaPlotStep__textLink:hover,
.noidaPlotStep__officialLink:hover {
    color: #b97800 !important;
}

/* STEP 1 BOTTOM CTA */

.noidaPlotStep__bottomCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 35px;
    padding: 25px;
    border: 1px solid #e7d3a7;
    border-radius: 11px;
    background: linear-gradient(120deg, #fffaf0, #ffffff);
}

.noidaPlotStep__bottomCta > div:first-child {
    min-width: 0;
}

.noidaPlotStep__bottomCta > div:first-child > strong {
    display: block;
    margin-bottom: 6px;
    color: #061d3d;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__bottomCta p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.75;
}

.noidaPlotStep__bottomActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.noidaPlotStep__phoneLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaPlotStep__phoneLink:hover {
    color: #b97800 !important;
}

/* STEP 2 TIMELINE */

.noidaPlotStep__timeline {
    position: relative;
    display: grid;
    gap: 19px;
    margin-top: 21px;
}

.noidaPlotStep__timelineItem {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.noidaPlotStep__timelineItem > span {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7d3a7;
    border-radius: 50%;
    color: #061d3d;
    background: #fff2cf;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__timelineItem strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__timelineItem p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.8;
}

.noidaPlotStep__sideCard--navy {
    border-top-color: #092f62;
}

.noidaPlotStep__documentList {
    display: grid;
    gap: 13px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.noidaPlotStep__documentList li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #34475d;
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotStep__documentList li span {
    color: #b97800;
    font-weight: 900;
}

.noidaPlotStep__sidePhone {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

/* STEP 3 SECTION 50C */

.noidaPlotStep__section50cGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: start;
    gap: 32px;
}

.noidaPlotStep__section50cIntro {
    min-width: 0;
}

.noidaPlotStep__checkPanel {
    padding: 25px;
    border: 1px solid #dce4ef;
    border-radius: 12px;
    background: linear-gradient(155deg, #ffffff, #f6f8fc);
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.05);
}

.noidaPlotStep__checkPanel > h3 {
    margin: 0 0 20px;
    color: #061d3d;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaPlotStep__checkRow {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f1;
}

.noidaPlotStep__checkRow > span {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #04152d;
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__checkRow strong {
    display: block;
    margin-bottom: 4px;
    color: #092f62;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__checkRow p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.75;
}

.noidaPlotStep__checkPanelFooter {
    display: grid;
    gap: 7px;
    margin-top: 22px;
}

/* STEP 4 DOCUMENT CARDS */

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

.noidaPlotStep__documentCard {
    min-width: 0;
    padding: 23px;
    border: 1px solid #dce4ef;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4, 21, 45, 0.035);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.noidaPlotStep__documentCard:hover {
    transform: translateY(-3px);
    border-color: #d9a437;
}

.noidaPlotStep__documentIcon {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 8px;
    color: #04152d;
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__documentCard h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaPlotStep__documentCard p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.8;
}

.noidaPlotStep__documentTip {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 25px;
    padding: 22px;
    border: 1px solid #e7d3a7;
    border-radius: 10px;
    background: #fffaf0;
}

.noidaPlotStep__tipIcon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 18px;
    font-weight: 900;
}

.noidaPlotStep__documentTip strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__documentTip p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   FINAL CTA
========================================================= */

.noidaPlotFinalCta {
    --npfc-navy: #092f62;
    --npfc-dark: #061d3d;
    --npfc-gold: #b97800;
    --npfc-gold-light: #d99a16;
    --npfc-gold-bright: #f0b429;

    padding: 62px 0;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%,
            rgba(240, 180, 41, 0.15), transparent 36%),
        linear-gradient(120deg, #04152d, #092f62);
    font-family: inherit;
}

.noidaPlotFinalCta__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.noidaPlotFinalCta__content {
    flex: 1;
    min-width: 0;
}

.noidaPlotFinalCta__content > span {
    display: block;
    margin-bottom: 11px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.noidaPlotFinalCta__content h2 {
    max-width: 720px;
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.3;
}

.noidaPlotFinalCta__content h2 strong {
    color: #f0b429;
    font-weight: 900;
}

.noidaPlotFinalCta__content p {
    max-width: 730px;
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.85;
}

.noidaPlotFinalCta__actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.noidaPlotFinalCta__whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaPlotFinalCta__whatsapp:hover {
    color: #f0b429 !important;
    border-color: #f0b429;
}


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

@media (max-width: 1000px) {
    .noidaPlotJourney__stepNav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noidaPlotStep__contentGrid,
    .noidaPlotStep__section50cGrid {
        grid-template-columns: 1fr;
    }

    .noidaPlotStep__sideCard {
        max-width: none;
    }

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

    .noidaPlotFinalCta__container {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaPlotFinalCta__actions {
        width: min(100%, 390px);
    }
}

@media (max-width: 650px) {
    .noidaPlotJourney {
        padding-top: 24px;
    }

    .noidaPlotJourney__container,
    .noidaPlotStep__container,
    .noidaPlotFinalCta__container {
        width: calc(100% - 32px);
    }

    .noidaPlotJourney__intro {
        padding: 27px 22px 26px;
    }

    .noidaPlotJourney h1 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -0.5px;
    }

    .noidaPlotJourney__introText {
        font-size: 16px;
        line-height: 1.8;
    }

    .noidaPlotJourney__introTags {
        gap: 7px;
    }

    .noidaPlotJourney__introTags span {
        font-size: 15px;
    }

    .noidaPlotJourney__introActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaPlotJourney__button {
        width: 100%;
        min-height: 53px;
    }

    .noidaPlotJourney__stepNav {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
        padding: 17px 0 22px;
    }

    .noidaPlotJourney__stepNav a {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
    }

    .noidaPlotStep {
        padding: 48px 0;
    }

    .noidaPlotStep__heading {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 13px;
        margin-bottom: 25px;
    }

    .noidaPlotStep__number {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .noidaPlotStep__heading h2 {
        font-size: clamp(27px, 7vw, 34px);
    }

    .noidaPlotStep__heading p {
        font-size: 16px;
    }

    .noidaPlotStep__contentGrid,
    .noidaPlotStep__section50cGrid {
        gap: 23px;
    }

    .noidaPlotStep__sideCard,
    .noidaPlotStep__checkPanel {
        padding: 21px;
    }

    .noidaPlotStep__bottomCta {
        align-items: stretch;
        flex-direction: column;
        padding: 21px;
    }

    .noidaPlotStep__bottomActions {
        width: 100%;
    }

    .noidaPlotStep__documentsGrid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .noidaPlotStep__documentCard {
        padding: 21px;
    }

    .noidaPlotFinalCta {
        padding: 48px 0;
    }

    .noidaPlotFinalCta__content h2 {
        font-size: 29px;
    }

    .noidaPlotFinalCta__actions {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaPlotJourney__stepNav a,
    .noidaPlotJourney__button,
    .noidaPlotStep__documentCard {
        transition: none;
    }
}


/* =========================================================
   DELHI-BORDER FLAT BUYER'S GUIDE
   Brand: Royal Navy + Gold
   Unique namespaces per section
   Minimum text size: 15px
========================================================= */

.noidaBorderIntro,
.noidaBorderIntro *,
.noidaBorderPremium,
.noidaBorderPremium *,
.noidaBorderCompare,
.noidaBorderCompare *,
.noidaBorderFMV,
.noidaBorderFMV * {
    box-sizing: border-box;
}

/* =========================================================
   SECTION 1 — INTRODUCTION
========================================================= */

.noidaBorderIntro {
    --nbi-navy: #092f62;
    --nbi-dark: #061d3d;
    --nbi-deep: #04152d;
    --nbi-gold: #b97800;
    --nbi-gold-light: #d99a16;
    --nbi-gold-bright: #f0b429;
    --nbi-text: #26364a;
    --nbi-muted: #59697c;
    --nbi-border: #dce4ef;

    padding: 44px 0 68px;
    color: var(--nbi-text);
    background:
        radial-gradient(ellipse at 90% 10%, rgba(217,154,22,.09), transparent 30%),
        linear-gradient(135deg, #ffffff, #f4f7fc);
    font-family: inherit;
}

.noidaBorderIntro__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderIntro__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    color: var(--nbi-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaBorderIntro__breadcrumb a {
    color: var(--nbi-navy);
    font-weight: 750;
    text-decoration: none;
}

.noidaBorderIntro__breadcrumb a:hover {
    color: var(--nbi-gold);
}

.noidaBorderIntro__breadcrumb span:nth-child(2) {
    color: var(--nbi-gold);
}

.noidaBorderIntro__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    align-items: center;
    gap: clamp(32px, 5vw, 68px);
}

.noidaBorderIntro__eyebrow,
.noidaBorderPremium__eyebrow,
.noidaBorderCompare__eyebrow,
.noidaBorderFMV__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nbi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaBorderIntro h1 {
    margin: 0 0 22px;
    color: var(--nbi-dark);
    font-size: clamp(35px, 4vw, 52px);
    font-weight: 550;
    line-height: 1.13;
    letter-spacing: -1.1px;
}

.noidaBorderIntro h1 strong {
    color: var(--nbi-navy);
    font-weight: 850;
}

.noidaBorderIntro__lead {
    margin: 0 0 16px;
    color: #30445c;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.noidaBorderIntro__lead strong,
.noidaBorderIntro__text strong {
    color: var(--nbi-navy);
    font-weight: 850;
}

.noidaBorderIntro__text {
    margin: 0 0 22px;
    color: var(--nbi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaBorderIntro__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 25px;
}

.noidaBorderIntro__chips span {
    padding: 8px 12px;
    border: 1px solid #d7e1ef;
    border-radius: 6px;
    color: var(--nbi-navy);
    background: #ffffff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

.noidaBorderIntro__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.noidaBorderIntro__button,
.noidaBorderPremium__button,
.noidaBorderCompare__button,
.noidaBorderFMV__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #04152d !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 9px 22px rgba(185,120,0,.2);
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaBorderIntro__button:hover,
.noidaBorderPremium__button:hover,
.noidaBorderCompare__button:hover,
.noidaBorderFMV__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.28);
}

.noidaBorderIntro__phone,
.noidaBorderFMV__phone {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 17px;
    border: 2px solid var(--nbi-navy);
    border-radius: 8px;
    color: #ffffff !important;
    background: var(--nbi-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

.noidaBorderIntro__phone:hover,
.noidaBorderFMV__phone:hover {
    transform: translateY(-2px);
    background: var(--nbi-dark);
}

/* INTRO SIDE PANEL */

.noidaBorderIntro__side {
    padding: 27px;
    border: 1px solid #dce4ef;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(4,21,45,.075);
}

.noidaBorderIntro__sideHeader {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e4eaf2;
}

.noidaBorderIntro__sideIcon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nbi-deep);
    background: var(--nbi-gold-bright);
    font-size: 24px;
    font-weight: 900;
}

.noidaBorderIntro__sideHeader > div > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nbi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaBorderIntro__sideHeader h2 {
    margin: 0;
    color: var(--nbi-navy);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaBorderIntro__sideList {
    padding: 8px 0 4px;
}

.noidaBorderIntro__sideList > div {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 14px 0;
}

.noidaBorderIntro__check {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--nbi-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaBorderIntro__sideList p {
    margin: 0;
}

.noidaBorderIntro__sideList strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nbi-dark);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaBorderIntro__sideList small {
    display: block;
    color: var(--nbi-muted);
    font-size: 15px;
    line-height: 1.65;
}

.noidaBorderIntro__sideLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #e4eaf2;
    color: var(--nbi-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.noidaBorderIntro__sideLink span {
    color: var(--nbi-gold);
    font-size: 21px;
}


/* =========================================================
   SECTION 2 — PREMIUM FACTORS
========================================================= */

.noidaBorderPremium {
    --nbp-navy: #092f62;
    --nbp-dark: #061d3d;
    --nbp-deep: #04152d;
    --nbp-gold: #b97800;
    --nbp-gold-light: #d99a16;
    --nbp-gold-bright: #f0b429;
    --nbp-text: #26364a;
    --nbp-muted: #59697c;
    --nbp-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nbp-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaBorderPremium__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderPremium__heading {
    max-width: 820px;
    margin: 0 auto 39px;
    text-align: center;
}

.noidaBorderPremium__heading h2,
.noidaBorderCompare__heading h2 {
    margin: 0 0 15px;
    color: var(--nbp-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.noidaBorderPremium__heading h2 strong,
.noidaBorderCompare__heading h2 strong {
    color: var(--nbp-navy);
    font-weight: 850;
}

.noidaBorderPremium__heading p,
.noidaBorderCompare__heading p {
    margin: 0;
    color: var(--nbp-muted);
    font-size: 17px;
    line-height: 1.8;
}

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

.noidaBorderPremium__card {
    padding: 27px 25px 25px;
    border: 1px solid var(--nbp-border);
    border-radius: 12px;
    background: linear-gradient(150deg, #ffffff, #f7f9fd);
    box-shadow: 0 8px 25px rgba(4,21,45,.04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.noidaBorderPremium__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(4,21,45,.085);
}

.noidaBorderPremium__number {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 10px;
    color: var(--nbp-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaBorderPremium__label {
    display: block;
    margin-bottom: 9px;
    color: var(--nbp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaBorderPremium__card h3 {
    margin: 0 0 13px;
    color: var(--nbp-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaBorderPremium__card h3 strong {
    color: var(--nbp-navy);
    font-weight: 850;
}

.noidaBorderPremium__card > p {
    margin: 0 0 22px;
    color: var(--nbp-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaBorderPremium__card > p strong {
    color: var(--nbp-navy);
    font-weight: 850;
}

.noidaBorderPremium__detail {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--nbp-border);
}

.noidaBorderPremium__detailMark {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbp-deep);
    background: var(--nbp-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaBorderPremium__detail p {
    margin: 0;
    color: var(--nbp-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.65;
}

.noidaBorderPremium__decision {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 25px 27px;
    border-left: 4px solid var(--nbp-gold-light);
    border-radius: 0 10px 10px 0;
    background: #f5f8fc;
}

.noidaBorderPremium__decisionMark {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbp-deep);
    background: var(--nbp-gold-bright);
    font-size: 21px;
    font-weight: 900;
}

.noidaBorderPremium__decision h3 {
    margin: 0 0 7px;
    color: var(--nbp-navy);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaBorderPremium__decision p {
    margin: 0;
    color: var(--nbp-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaBorderPremium__cta,
.noidaBorderCompare__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px 29px;
    border: 1px solid #dce4ef;
    border-radius: 12px;
    background: linear-gradient(120deg, #f4f7fc, #ffffff);
}

.noidaBorderPremium__cta > div:first-child {
    min-width: 0;
}

.noidaBorderPremium__cta > div:first-child > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nbp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaBorderPremium__cta h3 {
    margin: 0;
    color: var(--nbp-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaBorderPremium__ctaActions,
.noidaBorderCompare__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.noidaBorderPremium__call,
.noidaBorderCompare__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: var(--nbp-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaBorderPremium__call:hover,
.noidaBorderCompare__phone:hover {
    color: var(--nbp-gold) !important;
}


/* =========================================================
   SECTION 3 — SECTOR COMPARISON
========================================================= */

.noidaBorderCompare {
    --nbc-navy: #092f62;
    --nbc-dark: #061d3d;
    --nbc-deep: #04152d;
    --nbc-gold: #b97800;
    --nbc-gold-light: #d99a16;
    --nbc-gold-bright: #f0b429;
    --nbc-text: #26364a;
    --nbc-muted: #59697c;
    --nbc-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nbc-text);
    background: #f5f8fc;
    font-family: inherit;
}

.noidaBorderCompare__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderCompare__heading {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}

.noidaBorderCompare__eyebrow {
    color: var(--nbc-gold);
}

.noidaBorderCompare__heading h2 {
    color: var(--nbc-dark);
}

.noidaBorderCompare__heading h2 strong {
    color: var(--nbc-navy);
}

.noidaBorderCompare__tableWrap {
    overflow-x: auto;
    border: 1px solid var(--nbc-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(4,21,45,.05);
    -webkit-overflow-scrolling: touch;
}

.noidaBorderCompare__table {
    width: 100%;
    min-width: 740px;
    border-collapse: collapse;
    text-align: left;
}

.noidaBorderCompare__table thead {
    color: #ffffff;
    background: var(--nbc-navy);
}

.noidaBorderCompare__table th,
.noidaBorderCompare__table td {
    padding: 17px 18px;
    border-bottom: 1px solid var(--nbc-border);
    font-size: 15px;
    line-height: 1.7;
    vertical-align: top;
}

.noidaBorderCompare__table thead th {
    color: #ffffff;
    font-weight: 850;
}

.noidaBorderCompare__table thead th:first-child {
    border-top: 3px solid var(--nbc-gold-bright);
}

.noidaBorderCompare__table tbody th {
    width: 20%;
    color: var(--nbc-navy);
    background: #f8fafd;
    font-weight: 850;
}

.noidaBorderCompare__table tbody td {
    color: var(--nbc-muted);
}

.noidaBorderCompare__table tbody tr:last-child th,
.noidaBorderCompare__table tbody tr:last-child td {
    border-bottom: 0;
}

.noidaBorderCompare__table tbody tr:hover td,
.noidaBorderCompare__table tbody tr:hover th {
    background: #fffaf0;
}

.noidaBorderCompare__note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 20px;
    padding: 19px 21px;
    border: 1px solid #ead8ad;
    border-radius: 9px;
    background: #fffaf0;
}

.noidaBorderCompare__noteIcon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbc-deep);
    background: var(--nbc-gold-bright);
    font-size: 16px;
    font-weight: 900;
}

.noidaBorderCompare__note p {
    margin: 0;
    color: var(--nbc-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaBorderCompare__note strong {
    color: var(--nbc-navy);
    font-weight: 850;
}

.noidaBorderCompare__cta {
    background: #ffffff;
}

.noidaBorderCompare__ctaText {
    min-width: 0;
}

.noidaBorderCompare__ctaText h3 {
    margin: 0 0 7px;
    color: var(--nbc-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaBorderCompare__ctaText p {
    margin: 0;
    color: var(--nbc-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaBorderCompare__button {
    color: var(--nbc-deep) !important;
}

.noidaBorderCompare__phone {
    color: var(--nbc-navy) !important;
}


/* =========================================================
   SECTION 4 — PRE-PURCHASE FMV CHECK
========================================================= */

.noidaBorderFMV {
    --nbf-navy: #092f62;
    --nbf-dark: #061d3d;
    --nbf-deep: #04152d;
    --nbf-gold: #b97800;
    --nbf-gold-light: #d99a16;
    --nbf-gold-bright: #f0b429;
    --nbf-text: #26364a;
    --nbf-muted: #59697c;
    --nbf-border: #dce4ef;

    padding: 78px 0 84px;
    color: var(--nbf-text);
    background:
        radial-gradient(ellipse at 0% 100%, rgba(217,154,22,.08), transparent 32%),
        linear-gradient(135deg, #ffffff, #f5f8fc);
    font-family: inherit;
    scroll-margin-top: 30px;
}

.noidaBorderFMV__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderFMV__layout {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: start;
    gap: clamp(35px, 5vw, 65px);
}

.noidaBorderFMV__content {
    padding-top: 10px;
}

.noidaBorderFMV__content h2 {
    margin: 0 0 20px;
    color: var(--nbf-dark);
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.noidaBorderFMV__content h2 strong {
    color: var(--nbf-navy);
    font-weight: 850;
}

.noidaBorderFMV__lead {
    margin: 0 0 16px;
    color: #30445c;
    font-size: 18px;
    line-height: 1.8;
}

.noidaBorderFMV__lead strong,
.noidaBorderFMV__text strong {
    color: var(--nbf-navy);
    font-weight: 850;
}

.noidaBorderFMV__text {
    margin: 0 0 25px;
    color: var(--nbf-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaBorderFMV__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.noidaBorderFMV__button {
    color: var(--nbf-deep) !important;
}

.noidaBorderFMV__phone {
    color: #ffffff !important;
    background: var(--nbf-navy);
    border-color: var(--nbf-navy);
}

/* CHECKLIST PANEL */

.noidaBorderFMV__checklist {
    overflow: hidden;
    border: 1px solid var(--nbf-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(4,21,45,.07);
}

.noidaBorderFMV__checklistHeader {
    padding: 25px 27px 23px;
    border-bottom: 1px solid #e5ebf3;
    background: var(--nbf-navy);
}

.noidaBorderFMV__checklistHeader > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nbf-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaBorderFMV__checklistHeader h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaBorderFMV__checklistHeader p {
    margin: 0;
    color: #e2eaf5;
    font-size: 15px;
    line-height: 1.6;
}

.noidaBorderFMV__checklist ul {
    margin: 0;
    padding: 9px 25px;
    list-style: none;
}

.noidaBorderFMV__checklist li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #e8edf4;
}

.noidaBorderFMV__checklist li:last-child {
    border-bottom: 0;
}

.noidaBorderFMV__checklist li > span {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe5f1;
    border-radius: 8px;
    color: var(--nbf-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaBorderFMV__checklist li strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nbf-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaBorderFMV__checklist li p {
    margin: 0;
    color: var(--nbf-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaBorderFMV__checklistFooter {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 19px 25px;
    border-top: 1px solid #ead8ad;
    background: #fffaf0;
}

.noidaBorderFMV__checklistFooter > span {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbf-deep);
    background: var(--nbf-gold-bright);
    font-size: 16px;
    font-weight: 900;
}

.noidaBorderFMV__checklistFooter p {
    margin: 0;
    color: var(--nbf-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}


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

@media (max-width: 1000px) {
    .noidaBorderIntro__layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
        gap: 28px;
    }

    .noidaBorderIntro__side {
        padding: 22px;
    }

    .noidaBorderPremium__grid {
        gap: 15px;
    }

    .noidaBorderPremium__card {
        padding: 22px 19px;
    }

    .noidaBorderFMV__layout {
        gap: 30px;
    }
}

@media (max-width: 760px) {
    .noidaBorderIntro,
    .noidaBorderPremium,
    .noidaBorderCompare,
    .noidaBorderFMV {
        padding-top: 48px;
        padding-bottom: 52px;
    }

    .noidaBorderIntro__container,
    .noidaBorderPremium__container,
    .noidaBorderCompare__container,
    .noidaBorderFMV__container {
        width: calc(100% - 32px);
    }

    .noidaBorderIntro__breadcrumb {
        margin-bottom: 22px;
    }

    .noidaBorderIntro__layout,
    .noidaBorderFMV__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .noidaBorderIntro h1 {
        font-size: clamp(32px, 8vw, 42px);
        letter-spacing: -.7px;
    }

    .noidaBorderIntro__lead,
    .noidaBorderFMV__lead {
        font-size: 17px;
    }

    .noidaBorderIntro__side {
        padding: 22px;
    }

    .noidaBorderIntro__actions,
    .noidaBorderFMV__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaBorderIntro__button,
    .noidaBorderIntro__phone,
    .noidaBorderFMV__button,
    .noidaBorderFMV__phone {
        width: 100%;
    }

    .noidaBorderPremium__heading,
    .noidaBorderCompare__heading {
        margin-bottom: 27px;
    }

    .noidaBorderPremium__heading h2,
    .noidaBorderCompare__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaBorderPremium__heading p,
    .noidaBorderCompare__heading p {
        font-size: 16px;
    }

    .noidaBorderPremium__grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .noidaBorderPremium__card {
        padding: 23px 21px;
    }

    .noidaBorderPremium__decision {
        padding: 21px 18px;
    }

    .noidaBorderPremium__cta,
    .noidaBorderCompare__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 21px;
    }

    .noidaBorderPremium__ctaActions,
    .noidaBorderCompare__ctaActions {
        width: 100%;
    }

    .noidaBorderPremium__button,
    .noidaBorderCompare__button,
    .noidaBorderPremium__call,
    .noidaBorderCompare__phone {
        width: 100%;
    }

    .noidaBorderCompare__table {
        min-width: 740px;
    }

    .noidaBorderFMV__checklistHeader {
        padding: 22px;
    }

    .noidaBorderFMV__checklist ul {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 390px) {
    .noidaBorderIntro__container,
    .noidaBorderPremium__container,
    .noidaBorderCompare__container,
    .noidaBorderFMV__container {
        width: calc(100% - 26px);
    }

    .noidaBorderIntro h1 {
        font-size: 31px;
    }

    .noidaBorderIntro__sideHeader h2 {
        font-size: 21px;
    }

    .noidaBorderIntro__side {
        padding: 18px;
    }

    .noidaBorderIntro__chips span {
        font-size: 15px;
    }

    .noidaBorderPremium__decision {
        flex-direction: column;
    }

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

@media (prefers-reduced-motion: reduce) {
    .noidaBorderIntro__button,
    .noidaBorderIntro__phone,
    .noidaBorderPremium__card,
    .noidaBorderPremium__button,
    .noidaBorderCompare__button,
    .noidaBorderFMV__button,
    .noidaBorderFMV__phone {
        transition: none;
    }
}

/* =========================================================
   JAYPEE WISH TOWN GUIDE
   Royal Navy & Gold Design System
   Unique namespace for each section
========================================================= */

.jwhGuideHero,
.jwhGuideHero *,
.jwhIbcSection,
.jwhIbcSection *,
.jwhResolutionSection,
.jwhResolutionSection *,
.jwhFmvSection,
.jwhFmvSection *,
.jwhActionSection,
.jwhActionSection *,
.jwhDocumentsSection,
.jwhDocumentsSection *,
.jwhFinalCta,
.jwhFinalCta * {
    box-sizing: border-box;
}

/* =========================================================
   SECTION 1 — HERO
========================================================= */

.jwhGuideHero {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-deep: #04152d;
    --jwh-gold: #b97800;
    --jwh-gold-light: #d99a16;
    --jwh-gold-bright: #f0b429;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 68px 0 62px;
    background:
        radial-gradient(circle at 90% 10%,
            rgba(217,154,22,.10), transparent 30%),
        linear-gradient(135deg, #ffffff, #f3f7fc);
    color: var(--jwh-dark);
    font-family: inherit;
}

.jwhGuideHero__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhGuideHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: var(--jwh-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.jwhGuideHero__eyebrowLine {
    width: 30px;
    height: 3px;
    background: var(--jwh-gold-light);
}

.jwhGuideHero h1 {
    max-width: 1000px;
    margin: 0 0 22px;
    color: var(--jwh-dark);
    font-size: clamp(35px, 4.2vw, 53px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
}

.jwhGuideHero h1 strong {
    color: var(--jwh-navy);
    font-weight: 900;
}

.jwhGuideHero__intro {
    max-width: 950px;
    margin: 0 0 29px;
    color: #394d64;
    font-size: 18px;
    line-height: 1.85;
}

.jwhGuideHero__intro strong {
    color: var(--jwh-navy);
    font-weight: 850;
}

.jwhGuideHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 30px;
}

.jwhGuideHero__highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 19px 17px;
    border: 1px solid var(--jwh-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
}

.jwhGuideHero__highlightNumber {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.jwhGuideHero__highlight strong {
    display: block;
    margin-bottom: 4px;
    color: var(--jwh-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
}

.jwhGuideHero__highlight div > span {
    display: block;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.55;
}

.jwhGuideHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}

.jwhGuideHero__button,
.jwhResolutionSection__button,
.jwhFmvSection__button,
.jwhFinalCta__button,
.jwhFinalCta__whatsapp {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.jwhGuideHero__button:hover,
.jwhResolutionSection__button:hover,
.jwhFmvSection__button:hover,
.jwhFinalCta__button:hover,
.jwhFinalCta__whatsapp:hover {
    transform: translateY(-2px);
}

.jwhGuideHero__button--gold,
.jwhResolutionSection__button,
.jwhFmvSection__button,
.jwhFinalCta__button--gold {
    color: var(--jwh-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(185,120,0,.2);
}

.jwhGuideHero__button--navy {
    color: #ffffff !important;
    background: var(--jwh-navy);
    box-shadow: 0 8px 20px rgba(9,47,98,.16);
}

.jwhGuideHero__button--navy:hover {
    background: var(--jwh-dark);
}

.jwhGuideHero__disclaimer {
    max-width: 950px;
    margin: 0;
    padding-left: 15px;
    border-left: 3px solid var(--jwh-gold-light);
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 2 — IBC STATUS
========================================================= */

.jwhIbcSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 76px 0;
    color: #26364a;
    background: #ffffff;
    font-family: inherit;
}

.jwhIbcSection__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhIbcSection__heading {
    max-width: 850px;
    margin-bottom: 38px;
}

.jwhIbcSection__eyebrow,
.jwhResolutionSection__eyebrow,
.jwhFmvSection__eyebrow,
.jwhActionSection__eyebrow,
.jwhDocumentsSection__eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--jwh-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.jwhIbcSection__heading h2,
.jwhResolutionSection__heading h2,
.jwhFmvSection__heading h2,
.jwhActionSection__heading h2,
.jwhDocumentsSection__heading h2 {
    margin: 0 0 16px;
    color: var(--jwh-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 650;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.jwhIbcSection__heading h2 strong,
.jwhResolutionSection__heading h2 strong,
.jwhFmvSection__heading h2 strong,
.jwhActionSection__heading h2 strong,
.jwhDocumentsSection__heading h2 strong {
    color: var(--jwh-navy);
    font-weight: 900;
}

.jwhIbcSection__heading p,
.jwhResolutionSection__heading p,
.jwhFmvSection__heading p,
.jwhActionSection__heading p,
.jwhDocumentsSection__heading p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 17px;
    line-height: 1.85;
}

.jwhIbcSection__contentGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 30px;
    align-items: start;
}

.jwhIbcSection__main h3 {
    margin: 0 0 12px;
    color: var(--jwh-navy);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhIbcSection__main > p {
    margin: 0 0 27px;
    color: #46586d;
    font-size: 16px;
    line-height: 1.85;
}

.jwhIbcSection__main strong {
    color: var(--jwh-navy);
    font-weight: 850;
}

.jwhIbcSection__steps {
    display: grid;
    gap: 13px;
}

.jwhIbcSection__step {
    display: flex;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--jwh-border);
    border-radius: 10px;
    background: #ffffff;
}

.jwhIbcSection__stepNumber {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.jwhIbcSection__step h4 {
    margin: 0 0 7px;
    color: var(--jwh-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.jwhIbcSection__step p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}

.jwhIbcSection__sidePanel {
    padding: 27px 25px;
    border: 1px solid #e1e6ee;
    border-top: 4px solid var(--jwh-gold-light);
    border-radius: 11px;
    background: linear-gradient(150deg, #f5f8fc, #ffffff);
}

.jwhIbcSection__panelMark {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--jwh-navy);
    font-size: 20px;
    font-weight: 900;
}

.jwhIbcSection__sidePanel h3 {
    margin: 0 0 17px;
    color: var(--jwh-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhIbcSection__sidePanel ul {
    margin: 0 0 19px;
    padding-left: 21px;
}

.jwhIbcSection__sidePanel li {
    margin-bottom: 11px;
    padding-left: 3px;
    color: #46586d;
    font-size: 15px;
    line-height: 1.7;
}

.jwhIbcSection__sidePanel p {
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid var(--jwh-border);
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 3 — COURT ORDERS & SWAMIH
========================================================= */

.jwhResolutionSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 76px 0;
    color: #26364a;
    background: #f5f8fc;
    font-family: inherit;
}

.jwhResolutionSection__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhResolutionSection__heading {
    max-width: 850px;
    margin-bottom: 34px;
}

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

.jwhResolutionSection__card {
    padding: 25px 23px;
    border: 1px solid var(--jwh-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(4,21,45,.035);
}

.jwhResolutionSection__number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.jwhResolutionSection__card h3 {
    margin: 0 0 12px;
    color: var(--jwh-navy);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.jwhResolutionSection__card h3 strong {
    font-weight: 900;
}

.jwhResolutionSection__card p {
    margin: 0 0 18px;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}

.jwhResolutionSection__note {
    padding-top: 15px;
    border-top: 1px solid var(--jwh-border);
    color: #46586d;
    font-size: 15px;
    line-height: 1.7;
}

.jwhResolutionSection__note strong {
    color: var(--jwh-gold);
    font-weight: 850;
}

.jwhResolutionSection__callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 28px;
    padding: 27px;
    border: 1px solid #e6d4aa;
    border-radius: 11px;
    background: linear-gradient(120deg, #ffffff, #fffaf0);
}

.jwhResolutionSection__callout > div {
    flex: 1;
}

.jwhResolutionSection__callout h3 {
    margin: 0 0 7px;
    color: var(--jwh-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.jwhResolutionSection__callout p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jwhResolutionSection__button {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 4 — INDEPENDENT FMV CERTIFICATE
========================================================= */

.jwhFmvSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 78px 0;
    color: #26364a;
    background: #ffffff;
    font-family: inherit;
}

.jwhFmvSection__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhFmvSection__heading {
    max-width: 850px;
    margin-bottom: 36px;
}

.jwhFmvSection__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 24px;
    align-items: stretch;
}

.jwhFmvSection__mainCard {
    padding: 30px;
    border: 1px solid var(--jwh-border);
    border-radius: 12px;
    background: linear-gradient(150deg, #ffffff, #f8fafd);
}

.jwhFmvSection__cardLabel {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 11px;
    border-radius: 5px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .5px;
}

.jwhFmvSection__mainCard > h3 {
    margin: 0 0 23px;
    color: var(--jwh-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhFmvSection__item {
    display: flex;
    gap: 15px;
    padding: 20px 0;
    border-top: 1px solid var(--jwh-border);
}

.jwhFmvSection__check {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.jwhFmvSection__item h4 {
    margin: 0 0 7px;
    color: var(--jwh-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.jwhFmvSection__item p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}

.jwhFmvSection__important {
    padding: 29px 25px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(150deg, #092f62, #04152d);
    box-shadow: 0 15px 35px rgba(4,21,45,.12);
}

.jwhFmvSection__importantEyebrow {
    display: block;
    margin-bottom: 15px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.jwhFmvSection__important h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhFmvSection__important p {
    margin: 0 0 16px;
    color: #e1e9f4;
    font-size: 15px;
    line-height: 1.85;
}

.jwhFmvSection__button {
    width: 100%;
    margin-top: 7px;
}


/* =========================================================
   SECTION 5 — ACTION CHECKLIST
========================================================= */

.jwhActionSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 76px 0;
    color: #26364a;
    background: #f5f8fc;
    font-family: inherit;
}

.jwhActionSection__container {
    width: min(950px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhActionSection__heading {
    margin-bottom: 32px;
}

.jwhActionSection__checklist {
    display: grid;
    gap: 13px;
}

.jwhActionSection__row {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 22px;
    border: 1px solid var(--jwh-border);
    border-radius: 10px;
    background: #ffffff;
}

.jwhActionSection__checkIcon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-deep);
    background: #f0b429;
    font-size: 16px;
    font-weight: 900;
}

.jwhActionSection__row h3 {
    margin: 0 0 7px;
    color: var(--jwh-navy);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.jwhActionSection__row p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 6 — DOCUMENT CHECKLIST
========================================================= */

.jwhDocumentsSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 75px 0;
    color: #26364a;
    background: #ffffff;
    font-family: inherit;
}

.jwhDocumentsSection__container {
    width: min(1050px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhDocumentsSection__heading {
    max-width: 850px;
    margin-bottom: 31px;
}

.jwhDocumentsSection__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.jwhDocumentsSection__item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 18px;
    border: 1px solid var(--jwh-border);
    border-radius: 9px;
    background: #fbfcfe;
}

.jwhDocumentsSection__item > span {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--jwh-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.jwhDocumentsSection__item p {
    margin: 2px 0 0;
    color: var(--jwh-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}

.jwhDocumentsSection__note {
    margin: 20px 0 0;
    padding: 16px 18px;
    border-left: 3px solid var(--jwh-gold);
    color: var(--jwh-muted);
    background: #f5f8fc;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 7 — FINAL CONVERSION CTA
========================================================= */

.jwhFinalCta {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-deep: #04152d;
    --jwh-gold-light: #d99a16;
    --jwh-gold-bright: #f0b429;

    padding: 62px 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 90% 0%,
            rgba(240,180,41,.15), transparent 35%),
        linear-gradient(125deg, #092f62, #04152d);
    font-family: inherit;
}

.jwhFinalCta__container {
    width: min(1120px, calc(100% - 48px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin: 0 auto;
}

.jwhFinalCta__content {
    flex: 1;
    min-width: 0;
}

.jwhFinalCta__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.jwhFinalCta__content h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
}

.jwhFinalCta__content h2 strong {
    color: #f0b429;
    font-weight: 900;
}

.jwhFinalCta__content p {
    max-width: 720px;
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.85;
}

.jwhFinalCta__actions {
    flex: 0 0 255px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.jwhFinalCta__button--white {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.35);
    background: rgba(255,255,255,.07);
}

.jwhFinalCta__whatsapp {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.3);
    background: transparent;
}


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

@media (max-width: 900px) {
    .jwhIbcSection__contentGrid,
    .jwhFmvSection__layout {
        grid-template-columns: 1fr;
    }

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

    .jwhResolutionSection__callout {
        align-items: flex-start;
        flex-direction: column;
    }

    .jwhFinalCta__container {
        align-items: flex-start;
        flex-direction: column;
    }

    .jwhFinalCta__actions {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 650px) {
    .jwhGuideHero,
    .jwhIbcSection,
    .jwhResolutionSection,
    .jwhFmvSection,
    .jwhActionSection,
    .jwhDocumentsSection {
        padding: 48px 0;
    }

    .jwhGuideHero__container,
    .jwhIbcSection__container,
    .jwhResolutionSection__container,
    .jwhFmvSection__container,
    .jwhActionSection__container,
    .jwhDocumentsSection__container,
    .jwhFinalCta__container {
        width: calc(100% - 32px);
    }

    .jwhGuideHero h1 {
        font-size: clamp(32px, 8vw, 40px);
    }

    .jwhGuideHero__intro {
        font-size: 17px;
    }

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

    .jwhGuideHero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .jwhGuideHero__button {
        width: 100%;
    }

    .jwhIbcSection__heading h2,
    .jwhResolutionSection__heading h2,
    .jwhFmvSection__heading h2,
    .jwhActionSection__heading h2,
    .jwhDocumentsSection__heading h2 {
        font-size: 30px;
    }

    .jwhIbcSection__step,
    .jwhActionSection__row {
        gap: 12px;
        padding: 17px;
    }

    .jwhFmvSection__mainCard,
    .jwhFmvSection__important {
        padding: 22px 19px;
    }

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

    .jwhFinalCta {
        padding: 47px 0;
    }

    .jwhFinalCta__content h2 {
        font-size: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jwhGuideHero__button,
    .jwhResolutionSection__button,
    .jwhFmvSection__button,
    .jwhFinalCta__button,
    .jwhFinalCta__whatsapp {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — NG EXPRESSWAY OWNER GUIDE
   Unique namespace: ngOwnerGuide
   Palette: Royal navy and gold
========================================================= */

.ngOwnerGuide,
.ngOwnerGuide *,
.ngReraDecision,
.ngReraDecision * {
    box-sizing: border-box;
}

.ngOwnerGuide {
    --ng-navy: #092f62;
    --ng-dark: #061d3d;
    --ng-deep: #04152d;
    --ng-gold: #b97800;
    --ng-gold-light: #d99a16;
    --ng-gold-bright: #f0b429;
    --ng-text: #26364a;
    --ng-muted: #59697c;
    --ng-border: #dce4ef;

    padding: 68px 0 76px;
    color: var(--ng-text);
    background: linear-gradient(180deg, #f6f9fd 0%, #ffffff 100%);
    font-family: inherit;
}

.ngOwnerGuide__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.ngOwnerGuide__intro {
    max-width: 920px;
    margin: 0 auto 55px;
    text-align: center;
}

.ngOwnerGuide__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--ng-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.ngOwnerGuide__intro h1 {
    margin: 0 0 20px;
    color: var(--ng-dark);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.ngOwnerGuide__intro h1 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__intro h1 span {
    display: inline;
    font-weight: 500;
}

.ngOwnerGuide__intro > p {
    max-width: 850px;
    margin: 0 auto;
    color: var(--ng-muted);
    font-size: 17px;
    line-height: 1.85;
}

.ngOwnerGuide__introActions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

.ngOwnerGuide__button,
.ngOwnerGuide__phoneButton {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ngOwnerGuide__button {
    color: var(--ng-deep) !important;
    background: linear-gradient(135deg, var(--ng-gold-bright), var(--ng-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
}

.ngOwnerGuide__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.27);
}

.ngOwnerGuide__phoneButton {
    color: #ffffff !important;
    background: var(--ng-navy);
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.15);
}

.ngOwnerGuide__phoneButton:hover {
    transform: translateY(-2px);
    background: var(--ng-dark);
}

/* SECTION HEADING */

.ngOwnerGuide__sectionHeading {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 29px;
}

.ngOwnerGuide__sectionNumber {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--ng-deep);
    background: var(--ng-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.ngOwnerGuide__sectionHeading h2 {
    margin: 0 0 10px;
    color: var(--ng-dark);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.3;
}

.ngOwnerGuide__sectionHeading h2 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__sectionHeading p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* DEVELOPER CARDS */

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

.ngOwnerGuide__developerCard {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 24px 23px;
    border: 1px solid var(--ng-border);
    border-top: 4px solid var(--ng-navy);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(4, 21, 45, 0.045);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ngOwnerGuide__developerCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(4, 21, 45, 0.09);
}

.ngOwnerGuide__developerCard--highlight {
    border-top-color: var(--ng-gold-light);
    background: linear-gradient(160deg, #ffffff, #fffaf0);
}

.ngOwnerGuide__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.ngOwnerGuide__cardIndex {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--ng-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.ngOwnerGuide__cardLabel {
    color: var(--ng-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.ngOwnerGuide__developerCard h3 {
    margin: 0 0 12px;
    color: var(--ng-dark);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.4;
}

.ngOwnerGuide__developerCard h3 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__developerCard > p {
    flex: 1;
    margin: 0 0 19px;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngOwnerGuide__developerCard > p strong {
    color: var(--ng-navy);
    font-weight: 800;
}

.ngOwnerGuide__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--ng-border);
}

.ngOwnerGuide__check > span {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--ng-deep);
    background: #fce8ad;
    font-size: 15px;
    font-weight: 900;
}

.ngOwnerGuide__check p {
    margin: 0;
    color: var(--ng-text);
    font-size: 15px;
    line-height: 1.65;
}

/* CHECKLIST */

.ngOwnerGuide__checklist {
    margin-top: 47px;
    padding: 33px;
    border: 1px solid var(--ng-border);
    border-radius: 14px;
    background: #ffffff;
}

.ngOwnerGuide__checklistHeading {
    max-width: 760px;
    margin-bottom: 26px;
}

.ngOwnerGuide__checklistHeading h2 {
    margin: 0 0 11px;
    color: var(--ng-dark);
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 650;
    line-height: 1.3;
}

.ngOwnerGuide__checklistHeading h2 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__checklistHeading p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.75;
}

.ngOwnerGuide__checklistGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ngOwnerGuide__checklistItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px;
    border: 1px solid #e6ecf4;
    border-radius: 9px;
    background: #f8fafd;
}

.ngOwnerGuide__checklistItem > span {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--ng-navy);
    background: #e8eff9;
    font-size: 15px;
    font-weight: 900;
}

.ngOwnerGuide__checklistItem p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 15px;
    line-height: 1.7;
}

.ngOwnerGuide__checklistItem strong {
    color: var(--ng-navy);
    font-weight: 850;
}

/* SECTION CTA */

.ngOwnerGuide__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 38px;
    padding: 30px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 13px;
    background: linear-gradient(120deg, #f1f5fb, #ffffff);
}

.ngOwnerGuide__ctaContent {
    flex: 1;
    min-width: 0;
}

.ngOwnerGuide__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--ng-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.ngOwnerGuide__ctaContent h2 {
    margin: 0 0 10px;
    color: var(--ng-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.ngOwnerGuide__ctaContent p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.75;
}

.ngOwnerGuide__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   SECTION 2 — UP RERA DECISION GUIDE
   Unique namespace: ngReraDecision
========================================================= */

.ngReraDecision {
    --nrd-navy: #092f62;
    --nrd-dark: #061d3d;
    --nrd-deep: #04152d;
    --nrd-gold: #b97800;
    --nrd-gold-light: #d99a16;
    --nrd-gold-bright: #f0b429;
    --nrd-text: #26364a;
    --nrd-muted: #59697c;
    --nrd-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nrd-text);
    background:
        radial-gradient(ellipse at 90% 5%, rgba(217,154,22,0.08), transparent 28%),
        #f5f8fc;
    font-family: inherit;
}

.ngReraDecision__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.ngReraDecision__intro {
    max-width: 880px;
    margin: 0 auto 38px;
    text-align: center;
}

.ngReraDecision__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nrd-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.ngReraDecision__intro h2 {
    margin: 0 0 17px;
    color: var(--nrd-dark);
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 600;
    line-height: 1.25;
}

.ngReraDecision__intro h2 strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

.ngReraDecision__intro p {
    margin: 0;
    color: var(--nrd-muted);
    font-size: 17px;
    line-height: 1.85;
}

/* DECISION PATHS */

.ngReraDecision__paths {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ngReraDecision__path {
    padding: 28px;
    border: 1px solid var(--nrd-border);
    border-top: 4px solid var(--nrd-navy);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 9px 27px rgba(4, 21, 45, 0.045);
}

.ngReraDecision__path--gold {
    border-top-color: var(--nrd-gold-light);
    background: linear-gradient(155deg, #ffffff, #fffaf0);
}

.ngReraDecision__pathIcon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 10px;
    color: #ffffff;
    background: var(--nrd-navy);
    font-size: 18px;
    font-weight: 900;
}

.ngReraDecision__path--gold .ngReraDecision__pathIcon {
    color: var(--nrd-deep);
    background: var(--nrd-gold-bright);
}

.ngReraDecision__pathLabel {
    display: block;
    margin-bottom: 7px;
    color: var(--nrd-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ngReraDecision__path h3 {
    margin: 0 0 12px;
    color: var(--nrd-dark);
    font-size: 25px;
    font-weight: 650;
    line-height: 1.4;
}

.ngReraDecision__path h3 strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

.ngReraDecision__path > p {
    margin: 0 0 18px;
    color: var(--nrd-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngReraDecision__path ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ngReraDecision__path li {
    position: relative;
    padding-left: 27px;
    color: var(--nrd-text);
    font-size: 15px;
    line-height: 1.7;
}

.ngReraDecision__path li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nrd-deep);
    background: #f8df94;
    font-size: 13px;
    font-weight: 900;
}

/* FOUR DECISION FACTORS */

.ngReraDecision__factors {
    margin-top: 49px;
}

.ngReraDecision__factorsIntro {
    margin-bottom: 24px;
}

.ngReraDecision__factorsIntro h3 {
    margin: 0;
    color: var(--nrd-dark);
    font-size: clamp(25px, 2.7vw, 33px);
    font-weight: 750;
    line-height: 1.35;
}

.ngReraDecision__factorGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ngReraDecision__factor {
    padding: 22px 19px;
    border: 1px solid var(--nrd-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(4, 21, 45, 0.035);
}

.ngReraDecision__factorNumber {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--nrd-gold);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.4;
}

.ngReraDecision__factor h4 {
    margin: 0 0 10px;
    color: var(--nrd-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.ngReraDecision__factor p {
    margin: 0;
    color: var(--nrd-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* FMV PANEL */

.ngReraDecision__fmv {
    display: flex;
    align-items: flex-start;
    gap: 21px;
    margin-top: 35px;
    padding: 27px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 13px;
    background: linear-gradient(120deg, #ffffff, #fffaf0);
}

.ngReraDecision__fmvMark {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--nrd-deep);
    background: var(--nrd-gold-bright);
    font-size: 27px;
    font-weight: 900;
}

.ngReraDecision__fmvContent {
    min-width: 0;
}

.ngReraDecision__fmvContent h3 {
    margin: 0 0 10px;
    color: var(--nrd-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.ngReraDecision__fmvContent p {
    margin: 0;
    color: var(--nrd-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngReraDecision__fmvContent p strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

/* CAUTION / NOTICE */

.ngReraDecision__notice {
    margin-top: 22px;
    padding: 19px 22px;
    border-left: 4px solid var(--nrd-gold-light);
    border-radius: 0 8px 8px 0;
    color: var(--nrd-text);
    background: #ffffff;
    font-size: 15px;
    line-height: 1.8;
}

.ngReraDecision__notice strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

/* FINAL CTA */

.ngReraDecision__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 35px;
    padding: 29px;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(120deg, var(--nrd-deep), var(--nrd-navy));
    box-shadow: 0 14px 32px rgba(4, 21, 45, 0.15);
}

.ngReraDecision__ctaContent {
    flex: 1;
    min-width: 0;
}

.ngReraDecision__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nrd-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.ngReraDecision__ctaContent h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.ngReraDecision__ctaContent p {
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.75;
}

.ngReraDecision__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ngReraDecision__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 21px;
    border-radius: 8px;
    color: var(--nrd-deep) !important;
    background: linear-gradient(135deg, var(--nrd-gold-bright), var(--nrd-gold-light));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ngReraDecision__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}

.ngReraDecision__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.ngReraDecision__phone:hover {
    color: var(--nrd-gold-bright) !important;
}

.ngReraDecision__sourceNote {
    margin: 23px 0 0;
    color: var(--nrd-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ngReraDecision__sourceNote a {
    color: var(--nrd-navy);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}


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

@media (max-width: 1000px) {
    .ngOwnerGuide__developerGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .ngOwnerGuide__cta,
    .ngReraDecision__cta {
        align-items: flex-start;
    }
}

@media (max-width: 700px) {
    .ngOwnerGuide,
    .ngReraDecision {
        padding: 47px 0 52px;
    }

    .ngOwnerGuide__container,
    .ngReraDecision__container {
        width: calc(100% - 32px);
    }

    .ngOwnerGuide__intro {
        margin-bottom: 39px;
    }

    .ngOwnerGuide__intro h1 {
        font-size: clamp(30px, 7.5vw, 38px);
    }

    .ngOwnerGuide__intro > p,
    .ngReraDecision__intro p {
        font-size: 16px;
    }

    .ngOwnerGuide__introActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ngOwnerGuide__button,
    .ngOwnerGuide__phoneButton {
        width: 100%;
    }

    .ngOwnerGuide__sectionHeading {
        gap: 13px;
    }

    .ngOwnerGuide__sectionNumber {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    .ngOwnerGuide__sectionHeading h2 {
        font-size: 27px;
    }

    .ngOwnerGuide__developerGrid,
    .ngOwnerGuide__checklistGrid,
    .ngReraDecision__paths,
    .ngReraDecision__factorGrid {
        grid-template-columns: 1fr;
    }

    .ngOwnerGuide__developerCard {
        padding: 22px 20px;
    }

    .ngOwnerGuide__checklist {
        padding: 23px 19px;
    }

    .ngOwnerGuide__cta,
    .ngReraDecision__cta {
        flex-direction: column;
        gap: 20px;
        padding: 23px 20px;
    }

    .ngOwnerGuide__ctaActions,
    .ngReraDecision__ctaActions {
        width: 100%;
    }

    .ngOwnerGuide__ctaActions .ngOwnerGuide__button,
    .ngOwnerGuide__ctaActions .ngOwnerGuide__phoneButton,
    .ngReraDecision__button,
    .ngReraDecision__phone {
        width: 100%;
    }

    .ngReraDecision__intro h2 {
        font-size: 30px;
    }

    .ngReraDecision__path {
        padding: 23px 20px;
    }

    .ngReraDecision__fmv {
        gap: 14px;
        padding: 21px 18px;
    }

    .ngReraDecision__fmvMark {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 23px;
    }

    .ngReraDecision__fmvContent h3 {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ngOwnerGuide__button,
    .ngOwnerGuide__phoneButton,
    .ngOwnerGuide__developerCard,
    .ngReraDecision__button {
        transition: none;
    }
}

/* =========================================================
   FILM CITY LEASE VS BUY
   Unique namespace: fcLease
========================================================= */

.fcLease,
.fcLease * {
    box-sizing: border-box;
}

.fcLease {
    --fcl-navy: #092f62;
    --fcl-dark: #061d3d;
    --fcl-deep: #04152d;
    --fcl-gold: #b97800;
    --fcl-gold-light: #d99a16;
    --fcl-gold-bright: #f0b429;
    --fcl-text: #26364a;
    --fcl-muted: #59697c;
    --fcl-border: #dce4ef;

    color: var(--fcl-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.fcLease__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.fcLease__hero {
    padding: 64px 0 48px;
    background: linear-gradient(135deg, #ffffff, #f1f6fc);
    border-bottom: 1px solid #e1e8f1;
}

.fcLease__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: var(--fcl-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.fcLease h1 {
    max-width: 900px;
    margin: 0 0 20px;
    color: var(--fcl-dark);
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -0.8px;
}

.fcLease h1 strong,
.fcLease h2 strong {
    color: #b97800;
    font-weight: 850;
}

.fcLease__intro {
    max-width: 850px;
    margin: 0 0 26px;
    color: var(--fcl-muted);
    font-size: 18px;
    line-height: 1.8;
}

.fcLease__heroActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.fcLease__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--fcl-deep) !important;
    background: linear-gradient(135deg, var(--fcl-gold-bright), var(--fcl-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fcLease__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.fcLease__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    color: var(--fcl-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.fcLease__call:hover {
    color: var(--fcl-gold) !important;
}

.fcLease__heroNote {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid var(--fcl-border);
}

.fcLease__heroNote > span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--fcl-navy);
    background: #eaf0f8;
    font-size: 15px;
    font-weight: 850;
}

.fcLease__heroNote p {
    margin: 0 20px 0 0;
    color: var(--fcl-muted);
    font-size: 15px;
    font-weight: 700;
}

.fcLease__section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.fcLease__sectionHeading {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}

.fcLease__sectionHeading h2,
.fcLease__finance h2,
.fcLease__valuationPanel h2 {
    margin: 0 0 16px;
    color: var(--fcl-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.fcLease__sectionHeading > p,
.fcLease__financeGrid > div > p,
.fcLease__valuationPanel p {
    margin: 0;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.85;
}

.fcLease__comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.fcLease__compareCard {
    padding: 30px;
    border: 1px solid var(--fcl-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(4, 21, 45, 0.045);
}

.fcLease__compareCard--featured {
    border-color: rgba(217, 154, 22, 0.55);
    background: linear-gradient(145deg, #ffffff, #fffaf0);
}

.fcLease__cardNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    color: var(--fcl-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.fcLease__compareCard h3 {
    margin: 0 0 12px;
    color: var(--fcl-dark);
    font-size: 24px;
    line-height: 1.4;
}

.fcLease__compareCard h3 strong {
    color: var(--fcl-navy);
    font-weight: 850;
}

.fcLease__compareCard p,
.fcLease__compareCard li {
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__compareCard p {
    margin: 0 0 15px;
}

.fcLease__compareCard ul,
.fcLease__checklist,
.ngFlatGuide__developerCard ul,
.ngFlatGuide__fmvChecklist ul,
.ngFlatGuide__decisionCard ul {
    margin: 0;
    padding-left: 22px;
}

.fcLease__compareCard li,
.fcLease__checklist li,
.ngFlatGuide__developerCard li,
.ngFlatGuide__fmvChecklist li,
.ngFlatGuide__decisionCard li {
    margin-bottom: 8px;
}

.fcLease__costSection {
    padding: 70px 0;
    background: #f4f7fc;
}

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

.fcLease__costCard {
    padding: 25px;
    border: 1px solid var(--fcl-border);
    border-radius: 12px;
    background: #ffffff;
}

.fcLease__costLabel,
.fcLease__panelLabel {
    display: block;
    margin-bottom: 13px;
    color: var(--fcl-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
}

.fcLease__costCard > strong {
    display: block;
    margin-bottom: 12px;
    color: var(--fcl-navy);
    font-size: clamp(24px, 2.4vw, 31px);
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.fcLease__costCard > strong small {
    font-size: 15px;
    font-weight: 700;
}

.fcLease__costCard p {
    margin: 0;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__formula {
    margin-top: 22px;
    padding: 26px;
    border-left: 4px solid var(--fcl-gold-light);
    border-radius: 0 10px 10px 0;
    background: #ffffff;
}

.fcLease__formula > span {
    display: block;
    margin-bottom: 10px;
    color: var(--fcl-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.7px;
}

.fcLease__formula p {
    margin: 0 0 10px;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__formula p:last-child {
    margin-bottom: 0;
}

.fcLease__formula strong {
    color: var(--fcl-navy);
}

.fcLease__notice {
    margin-top: 18px;
    padding: 20px 23px;
    border: 1px solid #e6d4a9;
    border-radius: 9px;
    color: var(--fcl-text);
    background: #fffaf0;
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__notice strong {
    color: var(--fcl-navy);
}

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

.fcLease__benefit {
    padding: 23px 21px;
    border: 1px solid var(--fcl-border);
    border-radius: 11px;
    background: #ffffff;
}

.fcLease__benefit > span {
    display: block;
    margin-bottom: 16px;
    color: var(--fcl-gold);
    font-size: 17px;
    font-weight: 900;
}

.fcLease__benefit h3 {
    margin: 0 0 10px;
    color: var(--fcl-navy);
    font-size: 20px;
    line-height: 1.4;
}

.fcLease__benefit p {
    margin: 0;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__finance {
    padding: 70px 0;
    color: var(--fcl-text);
    background: linear-gradient(135deg, #061d3d, #092f62);
}

.fcLease__financeGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 38px;
}

.fcLease__finance .fcLease__eyebrow {
    color: var(--fcl-gold-bright);
}

.fcLease__finance h2 {
    color: #ffffff;
}

.fcLease__financeGrid > div > p {
    margin-bottom: 17px;
    color: #e0e8f3;
}

.fcLease__financeGrid h3 {
    margin: 25px 0 13px;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.45;
}

.fcLease__checklist {
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__loanPanel {
    padding: 28px;
    border: 1px solid rgba(240, 180, 41, 0.45);
    border-radius: 13px;
    color: var(--fcl-text);
    background: #ffffff;
}

.fcLease__loanPanel h3 {
    margin: 0 0 12px;
    color: var(--fcl-navy);
    font-size: 25px;
    line-height: 1.4;
}

.fcLease__loanPanel p {
    margin: 0 0 14px;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__loanPanel > strong {
    display: block;
    margin: 17px 0 10px;
    color: var(--fcl-navy);
    font-size: 17px;
    line-height: 1.6;
}

.fcLease__loanPanel small {
    display: block;
    color: var(--fcl-muted);
    font-size: 15px;
    line-height: 1.7;
}

.fcLease__loanDivider {
    height: 1px;
    background: var(--fcl-border);
}

.fcLease__valuationPanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 32px;
    border: 1px solid var(--fcl-border);
    border-radius: 13px;
    background: linear-gradient(120deg, #f5f8fd, #ffffff);
}

.fcLease__valuationPanel > div:first-child {
    flex: 1;
}

.fcLease__valuationPanel p + p {
    margin-top: 12px;
}

.fcLease__valuationActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}


/* =========================================================
   NG EXPRESSWAY FLAT GUIDE
   Unique namespace: ngFlatGuide
========================================================= */

.ngFlatGuide,
.ngFlatGuide * {
    box-sizing: border-box;
}

.ngFlatGuide {
    --ngf-navy: #092f62;
    --ngf-dark: #061d3d;
    --ngf-deep: #04152d;
    --ngf-gold: #b97800;
    --ngf-gold-light: #d99a16;
    --ngf-gold-bright: #f0b429;
    --ngf-text: #26364a;
    --ngf-muted: #59697c;
    --ngf-border: #dce4ef;

    color: var(--ngf-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.ngFlatGuide__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.ngFlatGuide__hero {
    padding: 64px 0 55px;
    border-bottom: 1px solid #e1e8f1;
    background: linear-gradient(135deg, #ffffff, #f1f6fc);
}

.ngFlatGuide__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: var(--ngf-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
    letter-spacing: 0.9px;
}

.ngFlatGuide h1 {
    max-width: 980px;
    margin: 0 0 19px;
    color: var(--ngf-dark);
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -0.8px;
}

.ngFlatGuide h1 strong,
.ngFlatGuide h2 strong {
    color: var(--ngf-navy);
    font-weight: 850;
}

.ngFlatGuide__intro {
    max-width: 870px;
    margin: 0 0 25px;
    color: var(--ngf-muted);
    font-size: 18px;
    line-height: 1.8;
}

.ngFlatGuide__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.ngFlatGuide__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--ngf-deep) !important;
    background: linear-gradient(135deg, var(--ngf-gold-bright), var(--ngf-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ngFlatGuide__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.ngFlatGuide__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    color: var(--ngf-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.ngFlatGuide__call:hover {
    color: var(--ngf-gold) !important;
}

.ngFlatGuide__section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.ngFlatGuide__sectionHeading {
    max-width: 850px;
    margin: 0 auto 36px;
    text-align: center;
}

.ngFlatGuide__sectionHeading h2,
.ngFlatGuide__fmvContent h2,
.ngFlatGuide__closingCta h2 {
    margin: 0 0 15px;
    color: var(--ngf-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.ngFlatGuide__sectionHeading > p,
.ngFlatGuide__fmvContent p,
.ngFlatGuide__closingCta p {
    margin: 0;
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.85;
}

.ngFlatGuide__developerGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ngFlatGuide__developerCard {
    padding: 26px;
    border: 1px solid var(--ngf-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4, 21, 45, 0.04);
}

.ngFlatGuide__developerCard--wide {
    grid-column: 1 / -1;
    background: linear-gradient(145deg, #ffffff, #f8fafd);
}

.ngFlatGuide__developerTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 18px;
}

.ngFlatGuide__developerNumber {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--ngf-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.ngFlatGuide__developerTag {
    color: var(--ngf-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.ngFlatGuide__developerCard h3 {
    margin: 0 0 12px;
    color: var(--ngf-dark);
    font-size: 23px;
    line-height: 1.4;
}

.ngFlatGuide__developerCard h3 strong {
    color: var(--ngf-navy);
    font-weight: 850;
}

.ngFlatGuide__developerCard p,
.ngFlatGuide__developerCard li {
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__developerCard p {
    margin: 0 0 17px;
}

.ngFlatGuide__developerCard h4 {
    margin: 17px 0 10px;
    color: var(--ngf-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.ngFlatGuide__fmv {
    padding: 70px 0;
    background: #f4f7fc;
}

.ngFlatGuide__fmvGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
    align-items: start;
    gap: 38px;
}

.ngFlatGuide__fmvContent > p + p {
    margin-top: 15px;
}

.ngFlatGuide__fmvChecklist {
    padding: 27px;
    border: 1px solid var(--ngf-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4, 21, 45, 0.045);
}

.ngFlatGuide__fmvChecklist h3 {
    margin: 0 0 16px;
    color: var(--ngf-navy);
    font-size: 22px;
    line-height: 1.4;
}

.ngFlatGuide__fmvChecklist ul {
    margin-bottom: 23px;
}

.ngFlatGuide__fmvChecklist li {
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__decisionGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ngFlatGuide__decisionCard {
    padding: 28px;
    border: 1px solid var(--ngf-border);
    border-radius: 12px;
    background: #ffffff;
}

.ngFlatGuide__decisionCard:first-child {
    border-top: 4px solid var(--ngf-navy);
}

.ngFlatGuide__decisionCard:last-child {
    border-top: 4px solid var(--ngf-gold-light);
}

.ngFlatGuide__decisionLabel {
    display: block;
    margin-bottom: 14px;
    color: var(--ngf-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.ngFlatGuide__decisionCard h3 {
    margin: 0 0 13px;
    color: var(--ngf-dark);
    font-size: 23px;
    line-height: 1.4;
}

.ngFlatGuide__decisionCard h3 strong {
    color: var(--ngf-navy);
}

.ngFlatGuide__decisionCard p,
.ngFlatGuide__decisionCard li {
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__decisionCard p {
    margin: 0 0 15px;
}

.ngFlatGuide__decisionNotice {
    margin-top: 22px;
    padding: 21px 24px;
    border: 1px solid #e6d4a9;
    border-radius: 9px;
    color: var(--ngf-text);
    background: #fffaf0;
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__decisionNotice strong {
    color: var(--ngf-navy);
}

.ngFlatGuide__financial {
    padding: 70px 0;
    background: #f4f7fc;
}

.ngFlatGuide__financialGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

.ngFlatGuide__financialItem {
    padding: 22px;
    border: 1px solid var(--ngf-border);
    border-radius: 11px;
    background: #ffffff;
}

.ngFlatGuide__financialItem > span {
    display: block;
    margin-bottom: 13px;
    color: var(--ngf-gold);
    font-size: 17px;
    font-weight: 900;
}

.ngFlatGuide__financialItem h3 {
    margin: 0 0 9px;
    color: var(--ngf-navy);
    font-size: 19px;
    line-height: 1.4;
}

.ngFlatGuide__financialItem p {
    margin: 0;
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__closingCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 35px;
    padding: 30px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 13px;
    background: linear-gradient(120deg, #ffffff, #fffaf0);
}

.ngFlatGuide__closingCta > div:first-child {
    flex: 1;
}

.ngFlatGuide__closingActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}


/* =========================================================
   RESPONSIVE — BOTH PAGE NAMESPACES ONLY
========================================================= */

@media (max-width: 1000px) {
    .fcLease__benefitGrid,
    .ngFlatGuide__financialGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fcLease__financeGrid,
    .ngFlatGuide__fmvGrid {
        grid-template-columns: 1fr;
    }

    .fcLease__valuationPanel,
    .ngFlatGuide__closingCta {
        align-items: flex-start;
        flex-direction: column;
    }

    .fcLease__valuationActions,
    .ngFlatGuide__closingActions {
        width: 100%;
    }

    .fcLease__valuationActions .fcLease__button,
    .fcLease__valuationActions .fcLease__call,
    .ngFlatGuide__closingActions .ngFlatGuide__button,
    .ngFlatGuide__closingActions .ngFlatGuide__call {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .fcLease__container,
    .ngFlatGuide__container {
        width: calc(100% - 32px);
    }

    .fcLease__hero,
    .ngFlatGuide__hero {
        padding: 42px 0 38px;
    }

    .fcLease h1,
    .ngFlatGuide h1 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -0.5px;
    }

    .fcLease__intro,
    .ngFlatGuide__intro {
        font-size: 17px;
    }

    .fcLease__heroActions,
    .ngFlatGuide__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .fcLease__heroActions .fcLease__button,
    .ngFlatGuide__actions .ngFlatGuide__button {
        width: 100%;
    }

    .fcLease__call,
    .ngFlatGuide__call {
        justify-content: center;
    }

    .fcLease__section,
    .fcLease__costSection,
    .fcLease__finance,
    .ngFlatGuide__section,
    .ngFlatGuide__fmv,
    .ngFlatGuide__financial {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .fcLease__comparison,
    .fcLease__costGrid,
    .fcLease__benefitGrid,
    .ngFlatGuide__developerGrid,
    .ngFlatGuide__decisionGrid,
    .ngFlatGuide__financialGrid {
        grid-template-columns: 1fr;
    }

    .ngFlatGuide__developerCard--wide {
        grid-column: auto;
    }

    .fcLease__compareCard,
    .fcLease__costCard,
    .fcLease__benefit,
    .fcLease__loanPanel,
    .fcLease__valuationPanel,
    .ngFlatGuide__developerCard,
    .ngFlatGuide__fmvChecklist,
    .ngFlatGuide__decisionCard,
    .ngFlatGuide__financialItem,
    .ngFlatGuide__closingCta {
        padding: 22px;
    }

    .fcLease__heroNote {
        gap: 8px;
    }

    .fcLease__heroNote p {
        margin-right: 8px;
    }

    .fcLease__valuationPanel,
    .ngFlatGuide__closingCta {
        gap: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fcLease__button,
    .ngFlatGuide__button {
        transition: none;
    }
}


/* =========================================================
   SECTOR 18 COMMERCIAL MORTGAGE GUIDE
   Unique namespace: noidaS18Mortgage
   Brand palette: Royal Navy + Gold
========================================================= */

.noidaS18Mortgage,
.noidaS18Mortgage * {
    box-sizing: border-box;
}

.noidaS18Mortgage {
    --s18-navy: #092f62;
    --s18-dark: #061d3d;
    --s18-deep: #04152d;
    --s18-gold: #b97800;
    --s18-gold-light: #d99a16;
    --s18-gold-bright: #f0b429;
    --s18-text: #26364a;
    --s18-muted: #59697c;
    --s18-border: #dce4ef;
    font-family: inherit;
    color: var(--s18-text);
}

.noidaS18Mortgage-container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaS18Mortgage strong {
    font-weight: 800;
}

.noidaS18Mortgage p {
    font-size: 16px;
    line-height: 1.8;
}

.noidaS18Mortgage-hero {
    padding: 68px 0;
    background:
        radial-gradient(ellipse at 90% 10%, rgba(217,154,22,.10), transparent 32%),
        linear-gradient(135deg, #ffffff, #f4f7fc);
}

.noidaS18Mortgage-heroGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    align-items: center;
    gap: 48px;
}

.noidaS18Mortgage-heroContent {
    min-width: 0;
}

.noidaS18Mortgage-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.noidaS18Mortgage-hero h1 {
    margin: 0 0 22px;
    color: var(--s18-dark);
    font-size: clamp(34px, 3.4vw, 49px);
    font-weight: 550;
    letter-spacing: -1px;
    line-height: 1.15;
}

.noidaS18Mortgage-hero h1 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-heroLead {
    margin: 0 0 16px;
    color: #30465f;
    font-size: 18px !important;
    font-weight: 500;
}

.noidaS18Mortgage-heroLead strong,
.noidaS18Mortgage-heroText strong {
    color: var(--s18-navy);
}

.noidaS18Mortgage-heroText {
    margin: 0 0 23px;
    color: var(--s18-muted);
}

.noidaS18Mortgage-heroPoints {
    display: grid;
    gap: 12px;
    margin-bottom: 27px;
}

.noidaS18Mortgage-heroPoints > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    font-size: 16px;
    line-height: 1.65;
}

.noidaS18Mortgage-check {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--s18-deep);
    background: var(--s18-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-heroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 15px;
}

.noidaS18Mortgage-button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 20px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaS18Mortgage-button:hover {
    transform: translateY(-2px);
}

.noidaS18Mortgage-buttonGold {
    color: var(--s18-deep) !important;
    background: linear-gradient(135deg, var(--s18-gold-bright), var(--s18-gold-light));
    box-shadow: 0 8px 20px rgba(185,120,0,.2);
}

.noidaS18Mortgage-buttonGold:hover {
    box-shadow: 0 12px 26px rgba(185,120,0,.3);
}

.noidaS18Mortgage-buttonNavy {
    color: #ffffff !important;
    background: var(--s18-navy);
    box-shadow: 0 8px 20px rgba(9,47,98,.16);
}

.noidaS18Mortgage-buttonNavy:hover {
    background: var(--s18-dark);
}

.noidaS18Mortgage-heroNote {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px !important;
}

.noidaS18Mortgage-heroPanel {
    padding: 30px 27px 22px;
    border: 1px solid var(--s18-border);
    border-top: 4px solid var(--s18-gold-light);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 48px rgba(4,21,45,.08);
}

.noidaS18Mortgage-panelLabel,
.noidaS18Mortgage-calculationLabel {
    display: block;
    margin-bottom: 12px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
    line-height: 1.5;
}

.noidaS18Mortgage-heroPanel h2 {
    margin: 0 0 23px;
    color: var(--s18-navy);
    font-size: 26px;
    line-height: 1.35;
}

.noidaS18Mortgage-question {
    display: flex;
    gap: 14px;
    padding: 17px 0;
    border-top: 1px solid #e8edf4;
}

.noidaS18Mortgage-question > span {
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--s18-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-question strong {
    display: block;
    margin-bottom: 5px;
    color: var(--s18-dark);
    font-size: 17px;
    line-height: 1.5;
}

.noidaS18Mortgage-question p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-panelFooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    margin-top: 13px;
    padding-top: 17px;
    border-top: 1px solid var(--s18-border);
    color: var(--s18-navy);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .5px;
}

/* SHARED SECTION HEADING */

.noidaS18Mortgage-sectionHeading {
    max-width: 830px;
    margin: 0 auto 38px;
    text-align: center;
}

.noidaS18Mortgage-sectionHeading h2 {
    margin: 0 0 15px;
    color: var(--s18-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    letter-spacing: -.6px;
    line-height: 1.23;
}

.noidaS18Mortgage-sectionHeading h2 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-sectionHeading p {
    margin: 0;
    color: var(--s18-muted);
}

/* SECTION: YIELD CAPITALISATION */

.noidaS18Mortgage-yield {
    padding: 76px 0;
    background: #ffffff;
}

.noidaS18Mortgage-yieldGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
    gap: 36px;
    align-items: start;
}

.noidaS18Mortgage-yieldContent h3 {
    margin: 0 0 15px;
    color: var(--s18-navy);
    font-size: 25px;
    line-height: 1.4;
}

.noidaS18Mortgage-yieldContent p {
    color: var(--s18-muted);
}

.noidaS18Mortgage-formula {
    margin: 23px 0;
    padding: 21px;
    border-left: 4px solid var(--s18-gold-light);
    border-radius: 0 9px 9px 0;
    background: #f3f6fb;
}

.noidaS18Mortgage-formula span {
    display: block;
    margin-bottom: 9px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 850;
    text-transform: uppercase;
}

.noidaS18Mortgage-formula strong {
    display: block;
    color: var(--s18-navy);
    font-size: 19px;
    line-height: 1.55;
}

.noidaS18Mortgage-infoNote {
    margin-top: 23px;
    padding: 17px 19px;
    border: 1px solid #ead6a6;
    border-radius: 9px;
    color: var(--s18-text);
    background: #fffaf0;
    font-size: 15px;
    line-height: 1.75;
}

.noidaS18Mortgage-infoNote strong {
    color: var(--s18-navy);
}

.noidaS18Mortgage-calculationCard {
    padding: 26px;
    border: 1px solid var(--s18-border);
    border-radius: 13px;
    background: linear-gradient(145deg, #ffffff, #f5f8fc);
    box-shadow: 0 12px 32px rgba(4,21,45,.06);
}

.noidaS18Mortgage-calculationCard h3 {
    margin: 0 0 22px;
    color: var(--s18-dark);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-calcRow {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid #e5ebf3;
}

.noidaS18Mortgage-calcRow span {
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaS18Mortgage-calcRow strong {
    color: var(--s18-navy);
    font-size: 16px;
    text-align: right;
    line-height: 1.5;
}

.noidaS18Mortgage-calcResult {
    margin-top: 19px;
    padding: 21px;
    border-radius: 10px;
    background: var(--s18-navy);
}

.noidaS18Mortgage-calcResult span,
.noidaS18Mortgage-calcResult small {
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}

.noidaS18Mortgage-calcResult strong {
    display: block;
    margin: 7px 0;
    color: var(--s18-gold-bright);
    font-size: 29px;
    line-height: 1.3;
}

.noidaS18Mortgage-calculationDisclaimer {
    margin: 17px 0 0;
    color: var(--s18-muted);
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* SECTION: COMMERCIAL SUB-MARKETS */

.noidaS18Mortgage-markets {
    padding: 76px 0;
    background: #f5f8fc;
}

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

.noidaS18Mortgage-marketCard {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px 23px;
    border: 1px solid var(--s18-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
}

.noidaS18Mortgage-marketCardFeatured {
    border-color: rgba(217,154,22,.65);
    box-shadow: 0 12px 30px rgba(4,21,45,.07);
}

.noidaS18Mortgage-marketNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    color: var(--s18-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.noidaS18Mortgage-marketCard h3 {
    margin: 0 0 11px;
    color: var(--s18-navy);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-marketExamples {
    min-height: 76px;
    margin: 0 0 18px;
    color: var(--s18-muted);
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.noidaS18Mortgage-marketExamples strong {
    color: var(--s18-navy);
}

.noidaS18Mortgage-marketCard ul {
    display: grid;
    gap: 12px;
    margin: 0 0 22px;
    padding-left: 20px;
}

.noidaS18Mortgage-marketCard li {
    padding-left: 3px;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-marketCard li::marker {
    color: var(--s18-gold);
}

.noidaS18Mortgage-marketNote {
    margin-top: auto;
    padding: 16px;
    border-radius: 8px;
    background: #f3f6fb;
}

.noidaS18Mortgage-marketNote strong {
    display: block;
    margin-bottom: 6px;
    color: var(--s18-navy);
    font-size: 15px;
    line-height: 1.5;
}

.noidaS18Mortgage-marketNote span {
    display: block;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-marketDisclaimer {
    margin-top: 25px;
    padding: 18px 20px;
    border: 1px solid #ead6a6;
    border-radius: 9px;
    color: var(--s18-text);
    background: #fffaf0;
    font-size: 15px;
    line-height: 1.8;
}

.noidaS18Mortgage-marketDisclaimer strong {
    color: var(--s18-navy);
}

/* SECTION: LAP */

.noidaS18Mortgage-lap {
    padding: 78px 0;
    background: #ffffff;
}

.noidaS18Mortgage-lapGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, .78fr);
    align-items: start;
    gap: 38px;
}

.noidaS18Mortgage-lapContent h2 {
    margin: 0 0 18px;
    color: var(--s18-dark);
    font-size: clamp(30px, 3vw, 40px);
    font-weight: 600;
    line-height: 1.25;
}

.noidaS18Mortgage-lapContent h2 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-lapContent > p {
    color: var(--s18-muted);
}

.noidaS18Mortgage-lapContent h3 {
    margin: 27px 0 16px;
    color: var(--s18-navy);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-lenderList {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaS18Mortgage-lenderList li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.noidaS18Mortgage-lenderList li > span {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--s18-deep);
    background: var(--s18-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-lenderList strong {
    display: block;
    margin-bottom: 4px;
    color: var(--s18-navy);
    font-size: 17px;
    line-height: 1.5;
}

.noidaS18Mortgage-lenderList p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-lapCalculator {
    padding: 27px;
    border: 1px solid var(--s18-border);
    border-top: 4px solid var(--s18-gold-light);
    border-radius: 13px;
    background: linear-gradient(150deg, #ffffff, #f4f7fc);
    box-shadow: 0 13px 35px rgba(4,21,45,.06);
}

.noidaS18Mortgage-lapCalculator h3 {
    margin: 0 0 20px;
    color: var(--s18-navy);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-lapValue {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 0;
    border-bottom: 1px solid #e3eaf3;
}

.noidaS18Mortgage-lapValue span {
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.5;
}

.noidaS18Mortgage-lapValue strong {
    color: var(--s18-navy);
    font-size: 20px;
    line-height: 1.4;
}

.noidaS18Mortgage-lapResult {
    margin-top: 19px;
    padding: 20px;
    border-radius: 10px;
    background: var(--s18-navy);
}

.noidaS18Mortgage-lapResult span,
.noidaS18Mortgage-lapResult small {
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}

.noidaS18Mortgage-lapResult strong {
    display: block;
    margin: 7px 0;
    color: var(--s18-gold-bright);
    font-size: 30px;
    line-height: 1.3;
}

.noidaS18Mortgage-lapCalculator > p {
    margin: 16px 0 0;
    color: var(--s18-muted);
    font-size: 15px;
}

.noidaS18Mortgage-premiumNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 35px;
    padding: 22px;
    border: 1px solid #ead6a6;
    border-radius: 11px;
    background: #fffaf0;
}

.noidaS18Mortgage-premiumIcon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--s18-deep);
    background: var(--s18-gold-bright);
    font-size: 18px;
    font-weight: 900;
}

.noidaS18Mortgage-premiumNote h3 {
    margin: 0 0 7px;
    color: var(--s18-navy);
    font-size: 19px;
    line-height: 1.5;
}

.noidaS18Mortgage-premiumNote p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
}

/* SECTION: DOCUMENTS AND FINAL CTA */

.noidaS18Mortgage-next {
    padding: 75px 0;
    background: #f5f8fc;
}

.noidaS18Mortgage-nextPanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, .65fr);
    gap: 42px;
    padding: 34px;
    border: 1px solid var(--s18-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(4,21,45,.055);
}

.noidaS18Mortgage-nextContent h2 {
    margin: 0 0 16px;
    color: var(--s18-dark);
    font-size: clamp(29px, 2.8vw, 38px);
    font-weight: 600;
    line-height: 1.25;
}

.noidaS18Mortgage-nextContent h2 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-nextContent > p {
    color: var(--s18-muted);
}

.noidaS18Mortgage-documentGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 26px 0;
}

.noidaS18Mortgage-documentGrid > div {
    padding: 17px;
    border: 1px solid var(--s18-border);
    border-radius: 9px;
    background: #f9fbfe;
}

.noidaS18Mortgage-documentGrid > div > span {
    display: block;
    margin-bottom: 9px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-documentGrid strong {
    display: block;
    margin-bottom: 6px;
    color: var(--s18-navy);
    font-size: 16px;
    line-height: 1.5;
}

.noidaS18Mortgage-documentGrid p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-finalNote {
    margin-bottom: 0;
    font-size: 15px !important;
}

.noidaS18Mortgage-finalCTA {
    align-self: start;
    padding: 27px;
    border-radius: 12px;
    background: linear-gradient(150deg, var(--s18-navy), var(--s18-deep));
}

.noidaS18Mortgage-finalCTALabel {
    display: block;
    margin-bottom: 13px;
    color: var(--s18-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaS18Mortgage-finalCTA h3 {
    margin: 0 0 12px;
    color: #c6a760;
    font-size: 25px;
    line-height: 1.4;
}

.noidaS18Mortgage-finalCTA > p {
    margin: 0 0 22px;
    color: #3f4042;
    font-size: 15px;
}

.noidaS18Mortgage-finalCTA .noidaS18Mortgage-button {
    width: 100%;
    margin-bottom: 11px;
}

.noidaS18Mortgage-finalCTA .noidaS18Mortgage-buttonNavy {
    border-color: rgba(255,255,255,.3);
    color: #b88723 !important;
    background: transparent;
    box-shadow: none;
}

.noidaS18Mortgage-finalCTA .noidaS18Mortgage-buttonNavy:hover {
    background: rgba(255,255,255,.08);
}

.noidaS18Mortgage-email {
    display: block;
    margin-top: 13px;
    color: var(--s18-gold-bright) !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.noidaS18Mortgage-email:hover {
    color: #b88723 !important
}


/* RESPONSIVE */

@media (max-width: 1000px) {
    .noidaS18Mortgage-heroGrid,
    .noidaS18Mortgage-yieldGrid,
    .noidaS18Mortgage-lapGrid,
    .noidaS18Mortgage-nextPanel {
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-heroGrid {
        gap: 30px;
    }

    .noidaS18Mortgage-heroPanel {
        max-width: 650px;
    }

    .noidaS18Mortgage-marketGrid {
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-marketExamples {
        min-height: 0;
    }

    .noidaS18Mortgage-finalCTA {
        max-width: none;
    }
}

@media (max-width: 700px) {
    .noidaS18Mortgage-container {
        width: calc(100% - 32px);
    }

    .noidaS18Mortgage-hero,
    .noidaS18Mortgage-yield,
    .noidaS18Mortgage-markets,
    .noidaS18Mortgage-lap,
    .noidaS18Mortgage-next {
        padding: 48px 0;
    }

    .noidaS18Mortgage-hero h1 {
        font-size: clamp(32px, 8vw, 40px);
    }

    .noidaS18Mortgage-heroLead {
        font-size: 17px !important;
    }

    .noidaS18Mortgage-heroActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-button {
        width: 100%;
    }

    .noidaS18Mortgage-sectionHeading {
        margin-bottom: 28px;
    }

    .noidaS18Mortgage-sectionHeading h2,
    .noidaS18Mortgage-lapContent h2,
    .noidaS18Mortgage-nextContent h2 {
        font-size: 30px;
    }

    .noidaS18Mortgage-calculationCard,
    .noidaS18Mortgage-lapCalculator {
        padding: 21px;
    }

    .noidaS18Mortgage-calcRow {
        gap: 10px;
    }

    .noidaS18Mortgage-calcRow strong {
        max-width: 48%;
    }

    .noidaS18Mortgage-marketCard {
        padding: 23px 20px;
    }

    .noidaS18Mortgage-premiumNote {
        padding: 18px;
    }

    .noidaS18Mortgage-nextPanel {
        gap: 25px;
        padding: 22px;
    }

    .noidaS18Mortgage-documentGrid {
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-finalCTA {
        padding: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaS18Mortgage-button {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — NRI INTRO
   Unique namespace: nriNoidaIntro
========================================================= */

.nriNoidaIntro,
.nriNoidaIntro *,
.nriNoidaTax,
.nriNoidaTax *,
.nriNoidaRemote,
.nriNoidaRemote * {
    box-sizing: border-box;
}

.nriNoidaIntro {
    --nri-intro-navy: #092f62;
    --nri-intro-dark: #061d3d;
    --nri-intro-deep: #04152d;
    --nri-intro-gold: #b97800;
    --nri-intro-gold-light: #d99a16;
    --nri-intro-gold-bright: #f0b429;
    --nri-intro-text: #26364a;
    --nri-intro-muted: #59697c;
    --nri-intro-border: #dce4ef;

    padding: 68px 0 62px;
    color: var(--nri-intro-text);
    background:
        radial-gradient(ellipse at 88% 10%, rgba(217,154,22,.09), transparent 31%),
        linear-gradient(135deg, #ffffff, #f4f7fc);
    font-family: inherit;
}

.nriNoidaIntro__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.nriNoidaIntro__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    color: var(--nri-intro-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: .9px;
}

.nriNoidaIntro__eyebrowLine {
    width: 27px;
    height: 2px;
    background: var(--nri-intro-gold-light);
}

.nriNoidaIntro__eyebrowDivider {
    color: var(--nri-intro-gold);
}

.nriNoidaIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr);
    align-items: start;
    gap: 44px;
}

.nriNoidaIntro__content {
    min-width: 0;
}

.nriNoidaIntro h1 {
    margin: 0 0 21px;
    color: var(--nri-intro-dark);
    font-size: clamp(34px, 3.4vw, 48px);
    font-weight: 550;
    line-height: 1.16;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}

.nriNoidaIntro h1 strong {
    color: var(--nri-intro-navy);
    font-weight: 850;
}

.nriNoidaIntro h1 span {
    font-weight: 500;
}

.nriNoidaIntro__lead {
    margin: 0 0 17px;
    color: #30465f;
    font-size: 18px;
    line-height: 1.8;
}

.nriNoidaIntro__lead strong,
.nriNoidaIntro__text strong {
    color: var(--nri-intro-navy);
    font-weight: 850;
}

.nriNoidaIntro__text {
    margin: 0 0 24px;
    color: var(--nri-intro-muted);
    font-size: 16px;
    line-height: 1.85;
}

.nriNoidaIntro__challenge {
    padding: 22px;
    border: 1px solid var(--nri-intro-border);
    border-left: 4px solid var(--nri-intro-gold-light);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.045);
}

.nriNoidaIntro__challengeTitle {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.nriNoidaIntro__challengeIcon {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--nri-intro-deep);
    background: var(--nri-intro-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.nriNoidaIntro__challengeTitle h2 {
    margin: 0;
    color: var(--nri-intro-navy);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.45;
}

.nriNoidaIntro__list {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nriNoidaIntro__list li {
    position: relative;
    padding-left: 22px;
    color: var(--nri-intro-muted);
    font-size: 16px;
    line-height: 1.75;
}

.nriNoidaIntro__list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--nri-intro-gold-light);
}

.nriNoidaIntro__list strong {
    color: var(--nri-intro-navy);
    font-weight: 850;
}

/* INTRO CTA */

.nriNoidaIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 24px;
}

.nriNoidaIntro__button,
.nriNoidaIntro__button:visited {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.nriNoidaIntro__button:hover {
    transform: translateY(-2px);
}

.nriNoidaIntro__button--gold {
    color: var(--nri-intro-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(185,120,0,.22);
}

.nriNoidaIntro__button--gold:hover {
    box-shadow: 0 12px 25px rgba(185,120,0,.3);
}

.nriNoidaIntro__button--navy {
    color: #ffffff !important;
    background: var(--nri-intro-navy);
    box-shadow: 0 8px 20px rgba(9,47,98,.17);
}

.nriNoidaIntro__button--navy:hover {
    background: var(--nri-intro-dark);
}

.nriNoidaIntro__microcopy {
    margin: 13px 0 0;
    color: var(--nri-intro-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* INTRO SIDE CARD */

.nriNoidaIntro__side {
    min-width: 0;
    padding: 27px;
    border: 1px solid #d8e2ef;
    border-radius: 14px;
    background: linear-gradient(155deg, #ffffff, #f5f8fd);
    box-shadow: 0 18px 44px rgba(4,21,45,.08);
}

.nriNoidaIntro__sideTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--nri-intro-border);
}

.nriNoidaIntro__sideLabel {
    color: var(--nri-intro-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaIntro__sideSymbol {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nri-intro-deep);
    background: var(--nri-intro-gold-bright);
    font-size: 25px;
    font-weight: 850;
}

.nriNoidaIntro__side h2 {
    margin: 22px 0 12px;
    color: var(--nri-intro-navy);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaIntro__side > p {
    margin: 0 0 24px;
    color: var(--nri-intro-muted);
    font-size: 16px;
    line-height: 1.8;
}

.nriNoidaIntro__steps {
    display: grid;
    gap: 20px;
}

.nriNoidaIntro__step {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.nriNoidaIntro__step > span {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ef;
    border-radius: 9px;
    color: var(--nri-intro-navy);
    background: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.nriNoidaIntro__step strong {
    display: block;
    margin: 1px 0 5px;
    color: var(--nri-intro-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaIntro__step p {
    margin: 0;
    color: var(--nri-intro-muted);
    font-size: 15px;
    line-height: 1.7;
}

.nriNoidaIntro__sideFooter {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--nri-intro-border);
}

.nriNoidaIntro__sideFooterMark {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nri-intro-deep);
    background: var(--nri-intro-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.nriNoidaIntro__sideFooter strong,
.nriNoidaIntro__sideFooter small {
    display: block;
    line-height: 1.5;
}

.nriNoidaIntro__sideFooter strong {
    margin-bottom: 3px;
    color: var(--nri-intro-navy);
    font-size: 16px;
    font-weight: 850;
}

.nriNoidaIntro__sideFooter small {
    color: var(--nri-intro-muted);
    font-size: 15px;
}


/* =========================================================
   SECTION 2 — TAX / SECTION 197
   Unique namespace: nriNoidaTax
========================================================= */

.nriNoidaTax {
    --nrt-navy: #092f62;
    --nrt-dark: #061d3d;
    --nrt-deep: #04152d;
    --nrt-gold: #b97800;
    --nrt-gold-light: #d99a16;
    --nrt-gold-bright: #f0b429;
    --nrt-text: #26364a;
    --nrt-muted: #59697c;
    --nrt-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--nrt-text);
    background: #f5f8fc;
    font-family: inherit;
}

.nriNoidaTax__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.nriNoidaTax__heading {
    max-width: 850px;
    margin: 0 auto 36px;
    text-align: center;
}

.nriNoidaTax__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.nriNoidaTax__heading h2 {
    margin: 0 0 15px;
    color: var(--nrt-dark);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    line-height: 1.22;
}

.nriNoidaTax__heading h2 strong {
    color: var(--nrt-navy);
    font-weight: 850;
}

.nriNoidaTax__heading p {
    margin: 0;
    color: var(--nrt-muted);
    font-size: 17px;
    line-height: 1.8;
}

/* SCENARIO */

.nriNoidaTax__scenario {
    margin-bottom: 25px;
    padding: 25px;
    border: 1px solid #d8e2ef;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(4,21,45,.04);
}

.nriNoidaTax__scenarioHeader {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.nriNoidaTax__scenarioIcon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--nrt-deep);
    background: var(--nrt-gold-bright);
    font-size: 25px;
    font-weight: 900;
}

.nriNoidaTax__scenarioLabel {
    display: block;
    margin-bottom: 4px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaTax__scenarioHeader h3 {
    margin: 0;
    color: var(--nrt-navy);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaTax__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.nriNoidaTax__fact {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--nrt-border);
    border-radius: 9px;
    background: #f9fbfe;
}

.nriNoidaTax__fact span {
    display: block;
    margin-bottom: 7px;
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.5;
}

.nriNoidaTax__fact strong {
    display: block;
    color: var(--nrt-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.nriNoidaTax__scenarioNote {
    margin: 17px 0 0;
    padding-top: 15px;
    border-top: 1px solid var(--nrt-border);
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* COMPARISON PANELS */

.nriNoidaTax__comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.nriNoidaTax__panel {
    min-width: 0;
    padding: 25px;
    border: 1px solid var(--nrt-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
}

.nriNoidaTax__panel--valuation {
    border-top: 4px solid var(--nrt-gold-light);
}

.nriNoidaTax__panel--default {
    border-top: 4px solid var(--nrt-navy);
}

.nriNoidaTax__panelHeader {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 18px;
}

.nriNoidaTax__panelStep {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nrt-navy);
    font-size: 16px;
    font-weight: 900;
}

.nriNoidaTax__panel--valuation .nriNoidaTax__panelStep {
    color: var(--nrt-deep);
    background: var(--nrt-gold-bright);
}

.nriNoidaTax__panelKicker {
    display: block;
    margin-bottom: 5px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaTax__panelHeader h3 {
    margin: 0;
    color: var(--nrt-navy);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.nriNoidaTax__panel > p {
    margin: 0 0 18px;
    color: var(--nrt-muted);
    font-size: 16px;
    line-height: 1.8;
}

.nriNoidaTax__panel > p strong {
    color: var(--nrt-navy);
    font-weight: 850;
}

.nriNoidaTax__calculation {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 0;
    border-top: 1px solid var(--nrt-border);
}

.nriNoidaTax__calculation span {
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.6;
}

.nriNoidaTax__calculation strong {
    flex: 0 0 auto;
    color: var(--nrt-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.nriNoidaTax__amount {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 8px;
    padding: 17px;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nrt-navy);
}

.nriNoidaTax__amount span {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.55;
}

.nriNoidaTax__amount strong {
    color: #ffffff;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.nriNoidaTax__amount--gold {
    color: var(--nrt-deep);
    background: linear-gradient(135deg, #f0b429, #d99a16);
}

.nriNoidaTax__amount--gold span,
.nriNoidaTax__amount--gold strong {
    color: var(--nrt-deep);
}

.nriNoidaTax .nriNoidaTax__panelFootnote {
    margin: 13px 0 0;
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* METHOD COMPARISON */

.nriNoidaTax__methodBox {
    margin-top: 25px;
    padding: 25px;
    border: 1px solid #d8e2ef;
    border-radius: 13px;
    background: #ffffff;
}

.nriNoidaTax__methodHeading {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 21px;
}

.nriNoidaTax__methodIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nrt-deep);
    background: var(--nrt-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.nriNoidaTax__methodHeading h3 {
    margin: 0 0 7px;
    color: var(--nrt-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.nriNoidaTax__methodHeading p {
    margin: 0;
    color: var(--nrt-muted);
    font-size: 16px;
    line-height: 1.75;
}

.nriNoidaTax__methodGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.nriNoidaTax__method {
    padding: 19px;
    border: 1px solid var(--nrt-border);
    border-radius: 9px;
    background: #f8fafd;
}

.nriNoidaTax__method > span {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.nriNoidaTax__method strong {
    display: block;
    margin-bottom: 9px;
    color: var(--nrt-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaTax__method p {
    margin: 0;
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.75;
}

.nriNoidaTax__important {
    margin-top: 19px;
    padding: 17px 19px;
    border-left: 4px solid var(--nrt-gold-light);
    border-radius: 7px;
    color: var(--nrt-muted);
    background: #fff8e8;
    font-size: 15px;
    line-height: 1.8;
}

.nriNoidaTax__important strong {
    color: var(--nrt-navy);
    font-weight: 900;
}

/* TAX CTA */

.nriNoidaTax__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 28px;
    padding: 29px;
    border-radius: 13px;
    background: linear-gradient(120deg, #061d3d, #092f62);
}

.nriNoidaTax__ctaContent {
    flex: 1;
    min-width: 0;
}

.nriNoidaTax__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaTax__ctaContent h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaTax__ctaContent p {
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.75;
}

.nriNoidaTax__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nriNoidaTax__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 21px;
    border-radius: 8px;
    color: var(--nrt-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.nriNoidaTax__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

.nriNoidaTax__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3 — REMOTE ENGAGEMENT
   Unique namespace: nriNoidaRemote
========================================================= */

.nriNoidaRemote {
    --nrr-navy: #092f62;
    --nrr-dark: #061d3d;
    --nrr-deep: #04152d;
    --nrr-gold: #b97800;
    --nrr-gold-light: #d99a16;
    --nrr-gold-bright: #f0b429;
    --nrr-text: #26364a;
    --nrr-muted: #59697c;
    --nrr-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--nrr-text);
    background:
        radial-gradient(ellipse at 5% 90%, rgba(217,154,22,.08), transparent 30%),
        #ffffff;
    font-family: inherit;
}

.nriNoidaRemote__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.nriNoidaRemote__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
    align-items: start;
    gap: 42px;
}

.nriNoidaRemote__content {
    min-width: 0;
}

.nriNoidaRemote__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--nrr-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.nriNoidaRemote__content h2 {
    margin: 0 0 18px;
    color: var(--nrr-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.nriNoidaRemote__content h2 strong {
    color: var(--nrr-navy);
    font-weight: 850;
}

.nriNoidaRemote__lead {
    margin: 0 0 29px;
    color: var(--nrr-muted);
    font-size: 17px;
    line-height: 1.85;
}

.nriNoidaRemote__features {
    display: grid;
    gap: 23px;
}

.nriNoidaRemote__feature {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.nriNoidaRemote__featureNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ef;
    border-radius: 10px;
    color: var(--nrr-navy);
    background: #f0f5fb;
    font-size: 16px;
    font-weight: 900;
}

.nriNoidaRemote__feature h3 {
    margin: 0 0 7px;
    color: var(--nrr-navy);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaRemote__feature p {
    margin: 0;
    color: var(--nrr-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* DOCUMENT CARD */

.nriNoidaRemote__documentCard {
    min-width: 0;
    padding: 26px;
    border: 1px solid #d8e2ef;
    border-top: 4px solid var(--nrr-gold-light);
    border-radius: 13px;
    background: linear-gradient(155deg, #ffffff, #f7f9fd);
    box-shadow: 0 16px 38px rgba(4,21,45,.07);
}

.nriNoidaRemote__documentHeader {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
}

.nriNoidaRemote__documentIcon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nrr-deep);
    background: var(--nrr-gold-bright);
    font-size: 21px;
    font-weight: 900;
}

.nriNoidaRemote__documentHeader > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--nrr-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.nriNoidaRemote__documentHeader h3 {
    margin: 0;
    color: var(--nrr-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaRemote__documentList {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nriNoidaRemote__documentList li {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    gap: 11px;
    padding: 14px 0;
    border-top: 1px solid var(--nrr-border);
    color: var(--nrr-text);
    font-size: 15px;
    line-height: 1.7;
}

.nriNoidaRemote__documentList li > span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--nrr-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.nriNoidaRemote__documentNote {
    margin: 12px 0 0;
    padding: 14px;
    border-radius: 8px;
    color: var(--nrr-muted);
    background: #f0f4fa;
    font-size: 15px;
    line-height: 1.75;
}

/* REMOTE CONTACT */

.nriNoidaRemote__contact {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 23px;
    padding-top: 21px;
    border-top: 1px solid var(--nrr-border);
}

.nriNoidaRemote__contactLabel {
    margin-bottom: 2px;
    color: var(--nrr-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaRemote__contactLink {
    color: var(--nrr-navy) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.nriNoidaRemote__contactLink:hover {
    color: var(--nrr-gold) !important;
}

.nriNoidaRemote__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 6px;
    padding: 14px 20px;
    border-radius: 8px;
    color: var(--nrr-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(185,120,0,.2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.nriNoidaRemote__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185,120,0,.28);
}

.nriNoidaRemote__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: var(--nrr-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}


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

@media (max-width: 1050px) {
    .nriNoidaIntro__grid,
    .nriNoidaRemote__grid {
        gap: 27px;
    }

    .nriNoidaIntro__side {
        padding: 22px;
    }

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

    .nriNoidaTax__cta {
        align-items: flex-start;
    }
}

@media (max-width: 780px) {
    .nriNoidaIntro,
    .nriNoidaTax,
    .nriNoidaRemote {
        padding: 52px 0 56px;
    }

    .nriNoidaIntro__container,
    .nriNoidaTax__container,
    .nriNoidaRemote__container {
        width: calc(100% - 32px);
    }

    .nriNoidaIntro__grid,
    .nriNoidaRemote__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .nriNoidaIntro h1 {
        font-size: clamp(32px, 7.5vw, 42px);
    }

    .nriNoidaIntro__lead,
    .nriNoidaRemote__lead {
        font-size: 16px;
    }

    .nriNoidaIntro__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .nriNoidaIntro__button {
        width: 100%;
    }

    .nriNoidaIntro__side {
        padding: 22px;
    }

    .nriNoidaTax__heading h2,
    .nriNoidaRemote__content h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

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

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

    .nriNoidaTax__cta {
        flex-direction: column;
        gap: 20px;
        padding: 24px;
    }

    .nriNoidaTax__ctaActions {
        width: 100%;
    }

    .nriNoidaTax__button,
    .nriNoidaTax__phone {
        width: 100%;
    }

    .nriNoidaRemote__documentCard {
        padding: 22px;
    }
}

@media (max-width: 480px) {
    .nriNoidaIntro__container,
    .nriNoidaTax__container,
    .nriNoidaRemote__container {
        width: calc(100% - 26px);
    }

    .nriNoidaIntro__challenge {
        padding: 17px;
    }

    .nriNoidaIntro__challengeTitle {
        align-items: flex-start;
    }

    .nriNoidaIntro__challengeTitle h2 {
        font-size: 18px;
    }

    .nriNoidaTax__scenario,
    .nriNoidaTax__panel,
    .nriNoidaTax__methodBox {
        padding: 18px;
    }

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

    .nriNoidaTax__calculation {
        flex-direction: column;
        gap: 5px;
    }

    .nriNoidaTax__calculation strong {
        text-align: left;
    }

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

    .nriNoidaTax__methodHeading {
        align-items: flex-start;
    }

    .nriNoidaTax__ctaContent h3 {
        font-size: 22px;
    }

    .nriNoidaRemote__documentHeader h3 {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nriNoidaIntro__button,
    .nriNoidaTax__button,
    .nriNoidaRemote__button {
        transition: none;
    }
}

/* =========================================================
   SECTION HERO — UNIQUE NAMESPACE: noidaSMEHero
   Royal Navy + Gold | No hero image
========================================================= */

.noidaSMEHero,
.noidaSMEHero *,
.noidaSMEMoments,
.noidaSMEMoments *,
.noidaNSEZ,
.noidaNSEZ * {
    box-sizing: border-box;
}

.noidaSMEHero {
    --smeh-navy: #092f62;
    --smeh-dark: #061d3d;
    --smeh-deep: #04152d;
    --smeh-gold: #b97800;
    --smeh-gold-light: #d99a16;
    --smeh-gold-bright: #f0b429;
    --smeh-text: #293b50;
    --smeh-muted: #59697c;
    --smeh-border: #dce4ef;

    padding: 66px 0 68px;
    color: var(--smeh-text);
    background:
        radial-gradient(ellipse at 92% 8%,
            rgba(217, 154, 22, 0.12), transparent 30%),
        linear-gradient(135deg, #ffffff, #f2f6fc);
    font-family: inherit;
}

.noidaSMEHero__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaSMEHero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 26px;
    color: var(--smeh-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.noidaSMEHero__eyebrow i {
    width: 28px;
    height: 2px;
    background: var(--smeh-gold-light);
}

.noidaSMEHero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
    align-items: stretch;
    gap: clamp(32px, 5vw, 68px);
}

.noidaSMEHero__content {
    align-self: center;
    min-width: 0;
}

.noidaSMEHero h1 {
    margin: 0 0 22px;
    color: var(--smeh-dark);
    font-size: clamp(35px, 3.5vw, 49px);
    font-weight: 550;
    line-height: 1.16;
    letter-spacing: -1.1px;
    overflow-wrap: anywhere;
}

.noidaSMEHero h1 strong {
    color: var(--smeh-navy);
    font-weight: 850;
}

.noidaSMEHero__intro {
    margin: 0 0 17px;
    color: #34485f;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.noidaSMEHero__intro strong,
.noidaSMEHero__description strong {
    color: var(--smeh-navy);
    font-weight: 850;
}

.noidaSMEHero__description {
    margin: 0 0 23px;
    color: var(--smeh-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaSMEHero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 26px;
}

.noidaSMEHero__tags span {
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #d7e1ef;
    border-radius: 6px;
    color: var(--smeh-navy);
    background: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

.noidaSMEHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.noidaSMEHero__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 21px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaSMEHero__button:hover {
    transform: translateY(-2px);
}

.noidaSMEHero__button--gold {
    color: var(--smeh-deep) !important;
    background: linear-gradient(135deg, var(--smeh-gold-bright), var(--smeh-gold-light));
    box-shadow: 0 9px 22px rgba(185, 120, 0, 0.22);
}

.noidaSMEHero__button--gold:hover {
    box-shadow: 0 13px 27px rgba(185, 120, 0, 0.3);
}

.noidaSMEHero__button--navy {
    color: #ffffff !important;
    background: var(--smeh-navy);
    box-shadow: 0 9px 22px rgba(9, 47, 98, 0.17);
}

.noidaSMEHero__button--navy:hover {
    background: var(--smeh-dark);
}

/* HERO RIGHT PANEL */

.noidaSMEHero__side {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border: 1px solid #dce4ef;
    border-top: 4px solid var(--smeh-gold-light);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 45px rgba(4, 21, 45, 0.07);
}

.noidaSMEHero__sideTop {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 21px;
    color: var(--smeh-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.6px;
}

.noidaSMEHero__sideIcon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--smeh-navy);
    font-size: 16px;
    font-weight: 850;
}

.noidaSMEHero__side h2 {
    margin: 0 0 25px;
    color: var(--smeh-dark);
    font-size: 27px;
    font-weight: 800;
    line-height: 1.35;
}

.noidaSMEHero__journey {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.noidaSMEHero__journeyItem {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 0 0 20px;
}

.noidaSMEHero__journeyItem:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 39px;
    bottom: 0;
    left: 18px;
    width: 1px;
    background: #d8e1ee;
}

.noidaSMEHero__journeyItem > span {
    z-index: 1;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(185, 120, 0, 0.35);
    border-radius: 50%;
    color: var(--smeh-navy);
    background: #fff7e5;
    font-size: 15px;
    font-weight: 850;
}

.noidaSMEHero__journeyItem strong {
    display: block;
    margin-bottom: 3px;
    color: var(--smeh-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaSMEHero__journeyItem p {
    margin: 0;
    color: var(--smeh-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaSMEHero__sideFooter {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid #e1e8f1;
}

.noidaSMEHero__goldLine {
    width: 4px;
    min-height: 42px;
    flex: 0 0 4px;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--smeh-gold-bright), var(--smeh-gold));
}

.noidaSMEHero__sideFooter p {
    margin: 0;
    color: var(--smeh-muted);
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 1 — FIVE MOMENTS
   UNIQUE NAMESPACE: noidaSMEMoments
========================================================= */

.noidaSMEMoments {
    --smm-navy: #092f62;
    --smm-dark: #061d3d;
    --smm-deep: #04152d;
    --smm-gold: #b97800;
    --smm-gold-light: #d99a16;
    --smm-gold-bright: #f0b429;
    --smm-text: #293b50;
    --smm-muted: #59697c;
    --smm-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--smm-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaSMEMoments__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaSMEMoments__heading {
    max-width: 850px;
    margin: 0 auto 46px;
    text-align: center;
}

.noidaSMEMoments__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--smm-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.4px;
}

.noidaSMEMoments__heading h2 {
    margin: 0 0 16px;
    color: var(--smm-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.noidaSMEMoments__heading h2 strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__heading p {
    margin: 0;
    color: var(--smm-muted);
    font-size: 17px;
    line-height: 1.8;
}

/* TIMELINE */

.noidaSMEMoments__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.noidaSMEMoments__timeline::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 27px;
    width: 2px;
    background: linear-gradient(
        180deg,
        var(--smm-gold-light),
        #dce4ef 75%
    );
}

.noidaSMEMoments__item {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: start;
    gap: 22px;
}

.noidaSMEMoments__marker {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.noidaSMEMoments__marker span {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
    border-radius: 50%;
    color: var(--smm-deep);
    background: var(--smm-gold-bright);
    box-shadow: 0 0 0 1px rgba(185, 120, 0, 0.3);
    font-size: 17px;
    font-weight: 900;
}

.noidaSMEMoments__card {
    min-width: 0;
    padding: 29px 30px;
    border: 1px solid var(--smm-border);
    border-radius: 13px;
    background: linear-gradient(155deg, #ffffff, #f9fbfe);
    box-shadow: 0 9px 28px rgba(4, 21, 45, 0.045);
}

.noidaSMEMoments__cardHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.noidaSMEMoments__category {
    color: var(--smm-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaSMEMoments__miniNumber {
    color: #718096;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.noidaSMEMoments__card h3 {
    margin: 0 0 14px;
    color: var(--smm-dark);
    font-size: 27px;
    font-weight: 650;
    line-height: 1.35;
}

.noidaSMEMoments__card h3 strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__card > p {
    margin: 0 0 16px;
    color: var(--smm-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaSMEMoments__card > p strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__detailBox {
    margin-top: 21px;
    padding: 22px 23px;
    border: 1px solid #e0e7f1;
    border-left: 4px solid var(--smm-gold-light);
    border-radius: 9px;
    background: #f5f8fc;
}

.noidaSMEMoments__detailBox h4 {
    margin: 0 0 13px;
    color: var(--smm-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaSMEMoments__detailBox ul {
    margin: 0;
    padding-left: 22px;
}

.noidaSMEMoments__detailBox li {
    padding-left: 4px;
    margin: 0 0 10px;
    color: var(--smm-text);
    font-size: 15px;
    line-height: 1.8;
}

.noidaSMEMoments__detailBox li:last-child {
    margin-bottom: 0;
}

.noidaSMEMoments__detailBox li::marker {
    color: var(--smm-gold);
}

.noidaSMEMoments__detailBox li strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__insight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 19px;
    padding: 15px 17px;
    border: 1px solid #e7dfc9;
    border-radius: 8px;
    background: #fffbf1;
}

.noidaSMEMoments__insight > span {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--smm-deep);
    background: var(--smm-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaSMEMoments__insight p {
    margin: 0;
    color: var(--smm-text);
    font-size: 15px;
    line-height: 1.75;
}

.noidaSMEMoments__insight strong {
    color: var(--smm-navy);
    font-weight: 850;
}

/* TIME-SENSITIVE NOTICE */

.noidaSMEMoments__item--urgent .noidaSMEMoments__marker span {
    color: #ffffff;
    background: var(--smm-navy);
    box-shadow: 0 0 0 1px var(--smm-navy);
}

.noidaSMEMoments__item--urgent .noidaSMEMoments__card {
    border-color: rgba(9, 47, 98, 0.28);
}

.noidaSMEMoments__warning {
    margin-top: 20px;
    padding: 17px 19px;
    border: 1px solid #d5dfed;
    border-radius: 8px;
    background: #edf3fb;
}

.noidaSMEMoments__warning > strong {
    display: block;
    margin-bottom: 5px;
    color: var(--smm-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaSMEMoments__warning p {
    margin: 0;
    color: var(--smm-text);
    font-size: 15px;
    line-height: 1.75;
}

/* MOMENTS CTA */

.noidaSMEMoments__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 42px;
    padding: 30px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 13px;
    background: linear-gradient(120deg, #f2f6fc, #ffffff);
}

.noidaSMEMoments__ctaText {
    flex: 1;
    min-width: 0;
}

.noidaSMEMoments__ctaText > span {
    display: block;
    margin-bottom: 8px;
    color: var(--smm-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaSMEMoments__ctaText h3 {
    margin: 0 0 8px;
    color: var(--smm-dark);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaSMEMoments__ctaText p {
    margin: 0;
    color: var(--smm-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaSMEMoments__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaSMEMoments__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    color: var(--smm-deep) !important;
    background: linear-gradient(135deg, var(--smm-gold-bright), var(--smm-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaSMEMoments__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185, 120, 0, 0.28);
}

.noidaSMEMoments__phone {
    display: inline-flex;
    justify-content: center;
    padding: 9px 10px;
    color: var(--smm-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 2 — NSEZ
   UNIQUE NAMESPACE: noidaNSEZ
========================================================= */

.noidaNSEZ {
    --nsez-navy: #092f62;
    --nsez-dark: #061d3d;
    --nsez-deep: #04152d;
    --nsez-gold: #b97800;
    --nsez-gold-light: #d99a16;
    --nsez-gold-bright: #f0b429;
    --nsez-text: #293b50;
    --nsez-muted: #59697c;
    --nsez-border: #dce4ef;

    padding: 78px 0 84px;
    color: var(--nsez-text);
    background: linear-gradient(180deg, #f3f6fb 0%, #ffffff 100%);
    font-family: inherit;
}

.noidaNSEZ__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaNSEZ__heading {
    max-width: 850px;
    margin: 0 auto 34px;
    text-align: center;
}

.noidaNSEZ__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nsez-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.4px;
}

.noidaNSEZ__heading h2 {
    margin: 0 0 15px;
    color: var(--nsez-dark);
    font-size: clamp(30px, 3.1vw, 42px);
    font-weight: 600;
    line-height: 1.23;
}

.noidaNSEZ__heading h2 strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

.noidaNSEZ__heading > p {
    margin: 0;
    color: var(--nsez-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaNSEZ__heading > p strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

/* INTRO BAND */

.noidaNSEZ__introBand {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 27px;
    padding: 22px 24px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 11px;
    background: linear-gradient(120deg, #fff9e9, #ffffff);
}

.noidaNSEZ__introIcon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--nsez-navy);
    font-size: 19px;
    font-weight: 900;
}

.noidaNSEZ__introBand p {
    margin: 0;
    color: var(--nsez-text);
    font-size: 16px;
    line-height: 1.8;
}

.noidaNSEZ__introBand strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

/* THREE FACTOR CARDS */

.noidaNSEZ__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.noidaNSEZ__card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 23px;
    border: 1px solid var(--nsez-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(4, 21, 45, 0.05);
}

.noidaNSEZ__cardNumber {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 9px;
    color: var(--nsez-deep);
    background: var(--nsez-gold-bright);
    font-size: 18px;
    font-weight: 900;
}

.noidaNSEZ__label {
    display: block;
    margin-bottom: 10px;
    color: var(--nsez-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.noidaNSEZ__card h3 {
    margin: 0 0 13px;
    color: var(--nsez-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.noidaNSEZ__card h3 strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

.noidaNSEZ__card > p {
    margin: 0 0 18px;
    color: var(--nsez-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaNSEZ__plainLanguage {
    margin-top: auto;
    padding: 17px;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    background: #f5f8fc;
}

.noidaNSEZ__plainLanguage > strong,
.noidaNSEZ__check > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--nsez-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaNSEZ__plainLanguage p,
.noidaNSEZ__check p {
    margin: 0;
    color: var(--nsez-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaNSEZ__check {
    margin-top: 15px;
    padding: 16px 0 0;
    border-top: 1px solid var(--nsez-border);
}

/* PROCESS STEPS */

.noidaNSEZ__process {
    margin-top: 38px;
    padding: 28px;
    border: 1px solid #d8e2ef;
    border-radius: 12px;
    background: #ffffff;
}

.noidaNSEZ__processHeading {
    margin-bottom: 22px;
    text-align: center;
}

.noidaNSEZ__processHeading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nsez-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaNSEZ__processHeading h3 {
    margin: 0;
    color: var(--nsez-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

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

.noidaNSEZ__step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #e2e9f2;
    border-radius: 9px;
    background: #f8fafd;
}

.noidaNSEZ__step > span {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nsez-deep);
    background: var(--nsez-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaNSEZ__step p {
    margin: 0;
    color: var(--nsez-text);
    font-size: 15px;
    line-height: 1.75;
}

/* NSEZ CTA */

.noidaNSEZ__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 30px;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(120deg, #061d3d, #092f62);
    box-shadow: 0 14px 32px rgba(4, 21, 45, 0.14);
}

.noidaNSEZ__ctaContent {
    flex: 1;
    min-width: 0;
}

.noidaNSEZ__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nsez-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaNSEZ__ctaContent h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaNSEZ__ctaContent p {
    margin: 0;
    color: #e1e9f5;
    font-size: 15px;
    line-height: 1.8;
}

.noidaNSEZ__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaNSEZ__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    color: var(--nsez-deep) !important;
    background: linear-gradient(135deg, var(--nsez-gold-bright), var(--nsez-gold-light));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaNSEZ__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.22);
}

.noidaNSEZ__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 10px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaNSEZ__phone:hover {
    color: var(--nsez-gold-bright) !important;
}


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

@media (max-width: 1050px) {
    .noidaSMEHero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(290px, 0.82fr);
        gap: 27px;
    }

    .noidaSMEHero__side {
        padding: 22px;
    }

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

    .noidaNSEZ__card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .noidaSMEHero {
        padding: 45px 0 50px;
    }

    .noidaSMEHero__container,
    .noidaSMEMoments__container,
    .noidaNSEZ__container {
        width: calc(100% - 32px);
    }

    .noidaSMEHero__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .noidaSMEHero h1 {
        font-size: clamp(32px, 8vw, 41px);
        letter-spacing: -0.7px;
    }

    .noidaSMEHero__intro {
        font-size: 17px;
    }

    .noidaSMEHero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaSMEHero__button {
        width: 100%;
    }

    .noidaSMEHero__side {
        padding: 24px;
    }

    .noidaSMEMoments,
    .noidaNSEZ {
        padding: 54px 0 58px;
    }

    .noidaSMEMoments__heading,
    .noidaNSEZ__heading {
        margin-bottom: 30px;
    }

    .noidaSMEMoments__heading h2,
    .noidaNSEZ__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaSMEMoments__timeline {
        gap: 18px;
    }

    .noidaSMEMoments__timeline::before {
        left: 21px;
    }

    .noidaSMEMoments__item {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .noidaSMEMoments__marker span {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .noidaSMEMoments__card {
        padding: 22px 19px;
    }

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

    .noidaSMEMoments__detailBox {
        padding: 18px;
    }

    .noidaSMEMoments__cta,
    .noidaNSEZ__cta {
        flex-direction: column;
        align-items: stretch;
        padding: 24px 20px;
    }

    .noidaSMEMoments__ctaActions,
    .noidaNSEZ__ctaActions {
        width: 100%;
    }

    .noidaSMEMoments__button,
    .noidaSMEMoments__phone,
    .noidaNSEZ__button,
    .noidaNSEZ__phone {
        width: 100%;
    }

    .noidaNSEZ__grid,
    .noidaNSEZ__steps {
        grid-template-columns: 1fr;
    }

    .noidaNSEZ__card:last-child {
        grid-column: auto;
    }

    .noidaNSEZ__process {
        padding: 22px 18px;
    }
}

@media (max-width: 420px) {
    .noidaSMEHero__container,
    .noidaSMEMoments__container,
    .noidaNSEZ__container {
        width: calc(100% - 26px);
    }

    .noidaSMEHero__eyebrow {
        gap: 8px;
    }

    .noidaSMEHero__tags span {
        width: 100%;
    }

    .noidaSMEMoments__item {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
    }

    .noidaSMEMoments__timeline::before {
        left: 17px;
    }

    .noidaSMEMoments__marker span {
        width: 36px;
        height: 36px;
        border-width: 3px;
        font-size: 15px;
    }

    .noidaSMEMoments__card {
        padding: 19px 15px;
    }

    .noidaSMEMoments__cardHeader {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .noidaSMEMoments__card h3 {
        font-size: 21px;
    }

    .noidaSMEMoments__detailBox {
        padding: 15px;
    }

    .noidaSMEMoments__detailBox ul {
        padding-left: 19px;
    }

    .noidaNSEZ__introBand {
        padding: 18px 16px;
    }

    .noidaNSEZ__card {
        padding: 21px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaSMEHero__button,
    .noidaSMEMoments__button,
    .noidaNSEZ__button {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: IGRS UP PRACTICAL GUIDE
   Unique namespace: noidaIgrsGuide
   Royal navy and gold design
========================================================= */

.noidaIgrsGuide,
.noidaIgrsGuide *,
.noidaArchiveGuide,
.noidaArchiveGuide * {
    box-sizing: border-box;
}

.noidaIgrsGuide {
    --nig-navy: #092f62;
    --nig-dark: #061d3d;
    --nig-deep: #04152d;
    --nig-gold: #b97800;
    --nig-gold-light: #d99a16;
    --nig-gold-bright: #f0b429;
    --nig-text: #26364a;
    --nig-muted: #59697c;
    --nig-border: #dce4ef;

    padding: 66px 0 72px;
    color: var(--nig-text);
    background:
        radial-gradient(ellipse at 95% 8%,
            rgba(217, 154, 22, 0.08), transparent 28%),
        linear-gradient(140deg, #ffffff, #f5f8fd);
    font-family: inherit;
}

.noidaIgrsGuide__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaIgrsGuide__eyebrow,
.noidaArchiveGuide__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaIgrsGuide__eyebrowLine,
.noidaArchiveGuide__eyebrow span {
    display: inline-block;
    width: 30px;
    height: 3px;
    flex: 0 0 30px;
    border-radius: 3px;
    background: var(--nig-gold-light);
}

.noidaIgrsGuide__introGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    align-items: center;
    gap: 44px;
    margin-top: 20px;
}

.noidaIgrsGuide__intro {
    min-width: 0;
}

.noidaIgrsGuide h1 {
    margin: 0 0 20px;
    color: var(--nig-dark);
    font-size: clamp(34px, 3.5vw, 49px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -1px;
}

.noidaIgrsGuide h1 strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__lead {
    margin: 0 0 22px;
    color: var(--nig-muted);
    font-size: 18px;
    line-height: 1.85;
}

.noidaIgrsGuide__lead strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__portalLink {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 21px;
    border: 2px solid var(--nig-navy);
    border-radius: 8px;
    color: #ffffff !important;
    background: var(--nig-navy);
    box-shadow: 0 8px 22px rgba(9, 47, 98, 0.15);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaIgrsGuide__portalLink:hover {
    transform: translateY(-2px);
    background: var(--nig-dark);
    box-shadow: 0 12px 27px rgba(9, 47, 98, 0.22);
}

/* QUICK PANEL */

.noidaIgrsGuide__quickPanel {
    min-width: 0;
    padding: 27px 25px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 14px;
    background: linear-gradient(145deg, #ffffff, #fffaf0);
    box-shadow: 0 16px 38px rgba(4, 21, 45, 0.065);
}

.noidaIgrsGuide__quickLabel {
    display: block;
    margin-bottom: 12px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.9px;
}

.noidaIgrsGuide__quickPanel h2 {
    margin: 0 0 19px;
    color: var(--nig-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaIgrsGuide__quickPanel ul {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaIgrsGuide__quickPanel li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #eadfc8;
    color: var(--nig-text);
    font-size: 16px;
    line-height: 1.65;
}

.noidaIgrsGuide__quickPanel li span {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--nig-deep);
    background: var(--nig-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

/* SECTION HEADING */

.noidaIgrsGuide__sectionHeading {
    max-width: 820px;
    margin: 67px auto 32px;
    text-align: center;
}

.noidaIgrsGuide__sectionHeading > span {
    display: block;
    margin-bottom: 10px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.3px;
}

.noidaIgrsGuide__sectionHeading h2 {
    margin: 0 0 13px;
    color: var(--nig-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
}

.noidaIgrsGuide__sectionHeading h2 strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__sectionHeading p {
    margin: 0;
    color: var(--nig-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* THREE USE CARDS */

.noidaIgrsGuide__usesGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.noidaIgrsGuide__useCard {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 23px 23px;
    border: 1px solid var(--nig-border);
    border-top: 4px solid var(--nig-navy);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(4, 21, 45, 0.045);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.noidaIgrsGuide__useCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(4, 21, 45, 0.09);
}

.noidaIgrsGuide__useTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 19px;
}

.noidaIgrsGuide__number {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--nig-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaIgrsGuide__miniLabel {
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaIgrsGuide__useCard h3 {
    margin: 0 0 13px;
    color: var(--nig-dark);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.4;
}

.noidaIgrsGuide__useCard h3 strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__useCard > p {
    flex: 1;
    margin: 0 0 20px;
    color: var(--nig-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaIgrsGuide__useNote {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #e3eaf4;
    border-radius: 9px;
    background: #f7f9fc;
}

.noidaIgrsGuide__useNote strong {
    color: var(--nig-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaIgrsGuide__useNote span {
    color: var(--nig-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaIgrsGuide__textLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--nig-border);
    color: var(--nig-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaIgrsGuide__textLink span {
    color: var(--nig-gold);
    font-size: 20px;
}

.noidaIgrsGuide__textLink:hover {
    color: var(--nig-gold) !important;
}

/* PRIMARY CTA */

.noidaIgrsGuide__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 40px;
    padding: 29px 31px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 13px;
    background:
        radial-gradient(ellipse at 100% 0%,
            rgba(240, 180, 41, 0.14), transparent 40%),
        linear-gradient(120deg, #f1f5fb, #ffffff);
}

.noidaIgrsGuide__ctaContent {
    flex: 1;
    min-width: 0;
}

.noidaIgrsGuide__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaIgrsGuide__ctaContent h2 {
    margin: 0 0 8px;
    color: var(--nig-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaIgrsGuide__ctaContent p {
    margin: 0;
    color: var(--nig-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaIgrsGuide__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaIgrsGuide__button,
.noidaArchiveGuide__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--nig-deep) !important;
    background: linear-gradient(135deg, var(--nig-gold-bright), var(--nig-gold-light));
    box-shadow: 0 8px 21px rgba(185, 120, 0, 0.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaIgrsGuide__button:hover,
.noidaArchiveGuide__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 27px rgba(185, 120, 0, 0.3);
}

.noidaIgrsGuide__phone,
.noidaArchiveGuide__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: var(--nig-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaIgrsGuide__phone:hover,
.noidaArchiveGuide__phone:hover {
    color: var(--nig-gold) !important;
}


/* =========================================================
   SECTION 2: SUB-REGISTRAR ARCHIVE GUIDE
   Unique namespace: noidaArchiveGuide
========================================================= */

.noidaArchiveGuide {
    --nag-navy: #092f62;
    --nag-dark: #061d3d;
    --nag-deep: #04152d;
    --nag-gold: #b97800;
    --nag-gold-light: #d99a16;
    --nag-gold-bright: #f0b429;
    --nag-text: #26364a;
    --nag-muted: #59697c;
    --nag-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nag-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaArchiveGuide__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaArchiveGuide__header {
    max-width: 900px;
    margin-bottom: 35px;
}

.noidaArchiveGuide__header h2 {
    margin: 18px 0 17px;
    color: var(--nag-dark);
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.noidaArchiveGuide__header h2 strong {
    color: var(--nag-navy);
    font-weight: 850;
}

.noidaArchiveGuide__header > p {
    margin: 0;
    color: var(--nag-muted);
    font-size: 17px;
    line-height: 1.85;
}

/* DIGITAL / PHYSICAL RECORD COMPARISON */

.noidaArchiveGuide__comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 145px minmax(0, 1fr);
    align-items: stretch;
    gap: 15px;
}

.noidaArchiveGuide__recordCard {
    min-width: 0;
    padding: 27px 25px;
    border: 1px solid var(--nag-border);
    border-top: 4px solid var(--nag-navy);
    border-radius: 12px;
    background: linear-gradient(150deg, #ffffff, #f7f9fc);
    box-shadow: 0 9px 28px rgba(4, 21, 45, 0.045);
}

.noidaArchiveGuide__recordCard--gold {
    border-top-color: var(--nag-gold-light);
    background: linear-gradient(150deg, #ffffff, #fffaf0);
}

.noidaArchiveGuide__recordIcon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 11px;
    color: var(--nag-navy);
    background: #edf3fb;
}

.noidaArchiveGuide__recordCard--gold .noidaArchiveGuide__recordIcon {
    color: var(--nag-gold);
    background: #fff0cc;
}

.noidaArchiveGuide__recordIcon svg {
    display: block;
    width: 34px;
    height: 34px;
}

.noidaArchiveGuide__recordLabel {
    display: block;
    margin-bottom: 8px;
    color: var(--nag-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.9px;
}

.noidaArchiveGuide__recordCard h3 {
    margin: 0 0 13px;
    color: var(--nag-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaArchiveGuide__recordCard > p {
    margin: 0 0 18px;
    color: var(--nag-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaArchiveGuide__recordCard ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaArchiveGuide__recordCard li {
    position: relative;
    padding-left: 24px;
    color: var(--nag-text);
    font-size: 15px;
    line-height: 1.7;
}

.noidaArchiveGuide__recordCard li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--nag-gold);
    font-size: 16px;
    font-weight: 900;
}

/* COMPARISON DIVIDER */

.noidaArchiveGuide__divider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 12px 4px;
    color: var(--nag-muted);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.65;
    text-align: center;
}

.noidaArchiveGuide__dividerArrow {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217, 154, 22, 0.5);
    border-radius: 50%;
    color: var(--nag-deep);
    background: var(--nag-gold-bright);
    font-size: 24px;
    font-weight: 900;
}

/* SECTION 55(2)(b) PANEL */

.noidaArchiveGuide__legalPanel {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 27px;
    margin-top: 35px;
    padding: 31px;
    border: 1px solid var(--nag-border);
    border-radius: 13px;
    background:
        radial-gradient(ellipse at 0% 0%,
            rgba(217, 154, 22, 0.09), transparent 35%),
        #f8fafd;
}

.noidaArchiveGuide__legalMarker {
    width: 86px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--nag-navy), var(--nag-dark));
    box-shadow: 0 9px 22px rgba(9, 47, 98, 0.15);
}

.noidaArchiveGuide__legalMarker span {
    color: var(--nag-gold-bright);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.1;
}

.noidaArchiveGuide__legalMarker small {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaArchiveGuide__legalContent {
    min-width: 0;
}

.noidaArchiveGuide__legalEyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--nag-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaArchiveGuide__legalContent h3 {
    margin: 0 0 13px;
    color: var(--nag-dark);
    font-size: 26px;
    font-weight: 750;
    line-height: 1.4;
}

.noidaArchiveGuide__legalContent h3 strong {
    color: var(--nag-navy);
    font-weight: 900;
}

.noidaArchiveGuide__legalContent > p {
    margin: 0 0 13px;
    color: var(--nag-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaArchiveGuide__legalNote {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
    padding: 15px 17px;
    border-left: 4px solid var(--nag-gold-light);
    border-radius: 0 8px 8px 0;
    background: #ffffff;
}

.noidaArchiveGuide__legalNote > span {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nag-deep);
    background: var(--nag-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaArchiveGuide__legalNote p {
    margin: 0;
    color: var(--nag-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* PRACTICE CTA */

.noidaArchiveGuide__practice {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 32px;
    margin-top: 35px;
    padding: 32px;
    border-radius: 14px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%,
            rgba(240, 180, 41, 0.15), transparent 40%),
        linear-gradient(125deg, #061d3d, #092f62);
    box-shadow: 0 15px 35px rgba(4, 21, 45, 0.12);
}

.noidaArchiveGuide__practiceText {
    min-width: 0;
}

.noidaArchiveGuide__practiceEyebrow {
    display: block;
    margin-bottom: 11px;
    color: var(--nag-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaArchiveGuide__practiceText h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.4;
}

.noidaArchiveGuide__practiceText h3 strong {
    color: var(--nag-gold-bright);
    font-weight: 900;
}

.noidaArchiveGuide__practiceText p {
    margin: 0 0 12px;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.8;
}

.noidaArchiveGuide__practiceText p:last-child {
    margin-bottom: 0;
}

.noidaArchiveGuide__practiceText strong {
    color: #ffffff;
    font-weight: 850;
}

.noidaArchiveGuide__practiceActions {
    width: 245px;
    flex: 0 0 245px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaArchiveGuide__practiceActions .noidaArchiveGuide__button {
    width: 100%;
}

.noidaArchiveGuide__practiceActions .noidaArchiveGuide__phone {
    color: #ffffff !important;
}

.noidaArchiveGuide__practiceActions .noidaArchiveGuide__phone:hover {
    color: var(--nag-gold-bright) !important;
}

.noidaArchiveGuide__email {
    display: block;
    padding: 8px 5px;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.noidaArchiveGuide__email:hover {
    color: var(--nag-gold-bright) !important;
}

.noidaArchiveGuide__disclaimer {
    margin: 22px 0 0;
    color: var(--nag-muted);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 1000px) {
    .noidaIgrsGuide__introGrid {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
        gap: 25px;
    }

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

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

    .noidaArchiveGuide__divider {
        flex-direction: row;
        gap: 15px;
    }

    .noidaArchiveGuide__dividerArrow {
        transform: rotate(90deg);
    }

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

    .noidaArchiveGuide__practiceActions {
        width: min(100%, 360px);
        flex-basis: auto;
    }
}

@media (max-width: 700px) {
    .noidaIgrsGuide {
        padding: 43px 0 50px;
    }

    .noidaIgrsGuide__container,
    .noidaArchiveGuide__container {
        width: calc(100% - 32px);
    }

    .noidaIgrsGuide__introGrid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .noidaIgrsGuide h1 {
        font-size: clamp(32px, 8vw, 40px);
    }

    .noidaIgrsGuide__lead {
        font-size: 17px;
    }

    .noidaIgrsGuide__quickPanel {
        padding: 22px 20px;
    }

    .noidaIgrsGuide__sectionHeading {
        margin-top: 48px;
    }

    .noidaIgrsGuide__sectionHeading h2 {
        font-size: 29px;
    }

    .noidaIgrsGuide__usesGrid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaIgrsGuide__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 20px;
    }

    .noidaIgrsGuide__ctaActions {
        width: 100%;
    }

    .noidaIgrsGuide__button,
    .noidaIgrsGuide__phone {
        width: 100%;
    }

    .noidaArchiveGuide {
        padding: 48px 0 54px;
    }

    .noidaArchiveGuide__header h2 {
        font-size: 31px;
    }

    .noidaArchiveGuide__header > p {
        font-size: 16px;
    }

    .noidaArchiveGuide__recordCard {
        padding: 23px 20px;
    }

    .noidaArchiveGuide__legalPanel {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 23px 20px;
    }

    .noidaArchiveGuide__legalMarker {
        width: 75px;
        height: 80px;
    }

    .noidaArchiveGuide__legalMarker span {
        font-size: 28px;
    }

    .noidaArchiveGuide__legalContent h3 {
        font-size: 24px;
    }

    .noidaArchiveGuide__practice {
        padding: 25px 20px;
    }

    .noidaArchiveGuide__practiceText h3 {
        font-size: 24px;
    }

    .noidaArchiveGuide__practiceActions {
        width: 100%;
    }

    .noidaArchiveGuide__button,
    .noidaArchiveGuide__phone {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaIgrsGuide__portalLink,
    .noidaIgrsGuide__useCard,
    .noidaIgrsGuide__button,
    .noidaArchiveGuide__button {
        transition: none;
    }
}

/* =========================================================
   NOIDA BUYERS & SELLERS CHECKLISTS
   Unique namespace: noidaInChecklist
   Palette: Royal Navy + Gold
========================================================= */

.noidaInChecklist,
.noidaInChecklist * {
    box-sizing: border-box;
}

.noidaInChecklist {
    --nic-navy: #092f62;
    --nic-dark: #061d3d;
    --nic-deep: #04152d;
    --nic-gold: #b97800;
    --nic-gold-light: #d99a16;
    --nic-gold-bright: #f0b429;
    --nic-text: #26364a;
    --nic-muted: #59697c;
    --nic-border: #dce4ef;
    --nic-soft: #f5f8fc;

    position: relative;
    padding: 76px 0 82px;
    color: var(--nic-text);
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(217, 154, 22, 0.08),
            transparent 26%
        ),
        linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
    font-family: inherit;
}

.noidaInChecklist__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

/* SECTION INTRO */

.noidaInChecklist__header {
    max-width: 850px;
    margin: 0 auto 43px;
    text-align: center;
}

.noidaInChecklist__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.noidaInChecklist__header h1 {
    margin: 0 0 17px;
    color: var(--nic-dark);
    font-size: clamp(32px, 3.4vw, 45px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.noidaInChecklist__header h1 strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__header > p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--nic-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInChecklist__header > p strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__headerLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    color: var(--nic-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.6px;
}

.noidaInChecklist__headerLine span:first-child {
    width: 34px;
    height: 3px;
    flex: 0 0 34px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--nic-gold),
        var(--nic-gold-bright)
    );
}

/* TWO MAIN CHECKLIST PANELS */

.noidaInChecklist__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 25px;
}

.noidaInChecklist__panel {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--nic-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(4, 21, 45, 0.06);
}

.noidaInChecklist__panelHeader {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 27px 25px 24px;
    border-bottom: 1px solid var(--nic-border);
    background:
        linear-gradient(
            115deg,
            rgba(9, 47, 98, 0.055),
            rgba(240, 180, 41, 0.07)
        );
}

.noidaInChecklist__panelHeader::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--nic-navy),
        var(--nic-gold-bright)
    );
}

.noidaInChecklist__panelIcon {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(9, 47, 98, 0.12);
    border-radius: 12px;
    color: var(--nic-navy);
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(4, 21, 45, 0.05);
}

.noidaInChecklist__panelIcon svg {
    width: 27px;
    height: 27px;
    display: block;
}

.noidaInChecklist__panelKicker {
    display: block;
    margin-bottom: 5px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInChecklist__panelHeader h2 {
    margin: 0 0 8px;
    color: var(--nic-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.35;
}

.noidaInChecklist__panelHeader p {
    margin: 0;
    color: var(--nic-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* CHECKLIST ITEMS */

.noidaInChecklist__items {
    flex: 1;
    padding: 5px 25px 12px;
}

.noidaInChecklist__item {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 20px 0;
    border-bottom: 1px solid #e9eef5;
}

.noidaInChecklist__item:last-child {
    border-bottom: 0;
}

.noidaInChecklist__check {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border: 1px solid rgba(185, 120, 0, 0.25);
    border-radius: 50%;
    color: var(--nic-deep);
    background: linear-gradient(
        135deg,
        var(--nic-gold-bright),
        var(--nic-gold-light)
    );
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

.noidaInChecklist__itemContent {
    min-width: 0;
}

.noidaInChecklist__itemContent h3 {
    margin: 0 0 7px;
    color: var(--nic-dark);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
}

.noidaInChecklist__itemContent h3 strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__itemContent p {
    margin: 0;
    color: var(--nic-muted);
    font-size: 15px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.noidaInChecklist__itemContent p strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__itemContent p a {
    color: var(--nic-navy);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: rgba(185, 120, 0, 0.6);
    text-underline-offset: 3px;
}

.noidaInChecklist__itemContent p a:hover {
    color: var(--nic-gold);
    text-decoration-color: var(--nic-gold);
}

/* PANEL FOOTER */

.noidaInChecklist__panelFooter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 22px 25px 25px;
    border-top: 1px solid var(--nic-border);
    background: #f8fafd;
}

.noidaInChecklist__footerLabel {
    margin-bottom: 3px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInChecklist__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--nic-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nic-gold-bright),
        var(--nic-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaInChecklist__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.noidaInChecklist__button span {
    font-size: 20px;
    line-height: 1;
}

.noidaInChecklist__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    color: var(--nic-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaInChecklist__phone:hover {
    color: var(--nic-gold) !important;
}

/* BOTTOM CTA */

.noidaInChecklist__bottomCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 34px;
    padding: 30px 32px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(240, 180, 41, 0.13),
            transparent 30%
        ),
        linear-gradient(120deg, #f1f5fb, #ffffff);
}

.noidaInChecklist__bottomCtaText {
    flex: 1;
    min-width: 0;
}

.noidaInChecklist__bottomCtaText > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInChecklist__bottomCtaText h2 {
    margin: 0 0 9px;
    color: var(--nic-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaInChecklist__bottomCtaText p {
    margin: 0;
    color: var(--nic-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaInChecklist__bottomCtaActions {
    flex: 0 0 auto;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaInChecklist__button--large {
    width: 100%;
}

.noidaInChecklist__bottomPhone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: var(--nic-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaInChecklist__bottomPhone:hover {
    color: var(--nic-gold) !important;
}

/* DISCLAIMER */

.noidaInChecklist__disclaimer {
    max-width: 1000px;
    margin: 22px auto 0;
    color: var(--nic-muted);
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
}


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

@media (max-width: 1050px) {
    .noidaInChecklist__grid {
        gap: 18px;
    }

    .noidaInChecklist__panelHeader {
        padding: 24px 20px 21px;
    }

    .noidaInChecklist__items {
        padding-right: 20px;
        padding-left: 20px;
    }

    .noidaInChecklist__panelFooter {
        padding-right: 20px;
        padding-left: 20px;
    }

    .noidaInChecklist__panelHeader h2 {
        font-size: 23px;
    }

    .noidaInChecklist__item {
        gap: 10px;
    }
}

@media (max-width: 760px) {
    .noidaInChecklist {
        padding: 52px 0 58px;
    }

    .noidaInChecklist__container {
        width: calc(100% - 32px);
    }

    .noidaInChecklist__header {
        margin-bottom: 30px;
    }

    .noidaInChecklist__header h1 {
        font-size: clamp(30px, 7.5vw, 38px);
    }

    .noidaInChecklist__header > p {
        font-size: 16px;
        line-height: 1.8;
    }

    .noidaInChecklist__headerLine {
        align-items: flex-start;
        font-size: 15px;
        text-align: left;
    }

    .noidaInChecklist__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .noidaInChecklist__panelHeader {
        padding: 23px 21px;
    }

    .noidaInChecklist__panelHeader h2 {
        font-size: 24px;
    }

    .noidaInChecklist__items {
        padding: 3px 21px 8px;
    }

    .noidaInChecklist__item {
        padding: 18px 0;
    }

    .noidaInChecklist__panelFooter {
        padding: 20px 21px 22px;
    }

    .noidaInChecklist__bottomCta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 21px;
    }

    .noidaInChecklist__bottomCtaText h2 {
        font-size: 23px;
    }

    .noidaInChecklist__bottomCtaActions {
        min-width: 0;
        width: 100%;
    }

    .noidaInChecklist__disclaimer {
        text-align: left;
    }
}

@media (max-width: 390px) {
    .noidaInChecklist__container {
        width: calc(100% - 26px);
    }

    .noidaInChecklist__panelHeader {
        gap: 12px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .noidaInChecklist__panelIcon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .noidaInChecklist__panelHeader h2 {
        font-size: 22px;
    }

    .noidaInChecklist__items {
        padding-right: 16px;
        padding-left: 16px;
    }

    .noidaInChecklist__item {
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 10px;
    }

    .noidaInChecklist__check {
        width: 25px;
        height: 25px;
    }

    .noidaInChecklist__itemContent h3 {
        font-size: 16px;
    }

    .noidaInChecklist__panelFooter {
        padding-right: 16px;
        padding-left: 16px;
    }

    .noidaInChecklist__bottomCta {
        padding: 21px 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInChecklist__button,
    .noidaInChecklist__card,
    .noidaInChecklist__bottomPhone {
        transition: none;
    }
}

/* =========================================================
   NOIDA PROPERTY OWNER FAQ
   Unique namespace: noidaInFaq
   Royal Navy + Gold
========================================================= */

.noidaInFaq,
.noidaInFaq * {
    box-sizing: border-box;
}

.noidaInFaq {
    --nif-navy: #092f62;
    --nif-dark: #061d3d;
    --nif-deep: #04152d;
    --nif-gold: #b97800;
    --nif-gold-light: #d99a16;
    --nif-gold-bright: #f0b429;
    --nif-text: #26364a;
    --nif-muted: #59697c;
    --nif-border: #dce4ef;
    --nif-soft: #f5f8fc;

    position: relative;
    padding: 78px 0 76px;
    color: var(--nif-text);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(217, 154, 22, 0.075),
            transparent 26%
        ),
        linear-gradient(180deg, #f8fafd 0%, #ffffff 34%, #ffffff 100%);
    font-family: inherit;
}

.noidaInFaq__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

/* SECTION HEADER */

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

.noidaInFaq__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.4px;
}

.noidaInFaq__header h2 {
    margin: 0 0 18px;
    color: var(--nif-dark);
    font-size: clamp(31px, 3.2vw, 45px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.noidaInFaq__header h2 strong {
    color: var(--nif-navy);
    font-weight: 850;
}

.noidaInFaq__header > p {
    max-width: 790px;
    margin: 0 auto;
    color: var(--nif-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInFaq__headerLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    color: var(--nif-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInFaq__headerLine span:first-child,
.noidaInFaq__headerLine span:last-child {
    width: 40px;
    height: 2px;
    background: var(--nif-gold-light);
}

/* MAIN TWO-COLUMN LAYOUT */

.noidaInFaq__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    align-items: start;
    gap: 28px;
}

.noidaInFaq__list {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

/* ACCORDION ITEMS */

.noidaInFaq__item {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--nif-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(4, 21, 45, 0.035);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.noidaInFaq__item[open] {
    border-color: rgba(217, 154, 22, 0.55);
    box-shadow: 0 10px 28px rgba(4, 21, 45, 0.06);
}

.noidaInFaq__question {
    position: relative;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 15px;
    padding: 21px 22px;
    color: var(--nif-dark);
    background: #ffffff;
    cursor: pointer;
    list-style: none;
}

.noidaInFaq__question::-webkit-details-marker {
    display: none;
}

.noidaInFaq__question::marker {
    content: "";
}

.noidaInFaq__number {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce6f2;
    border-radius: 9px;
    color: var(--nif-navy);
    background: #f0f5fb;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.noidaInFaq__questionText {
    display: block;
    color: var(--nif-dark);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.55;
}

.noidaInFaq__toggle {
    position: relative;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4eaf2;
    border-radius: 50%;
    color: var(--nif-navy);
    background: #f8fafd;
}

.noidaInFaq__toggle::before,
.noidaInFaq__toggle::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

.noidaInFaq__toggle::after {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.noidaInFaq__item[open] .noidaInFaq__toggle {
    border-color: var(--nif-gold-light);
    color: var(--nif-deep);
    background: var(--nif-gold-bright);
}

.noidaInFaq__item[open] .noidaInFaq__toggle::after {
    transform: rotate(0);
}

.noidaInFaq__question:hover .noidaInFaq__questionText {
    color: var(--nif-navy);
}

.noidaInFaq__question:focus-visible {
    outline: 3px solid rgba(217, 154, 22, 0.55);
    outline-offset: -3px;
}

/* ANSWER BODY */

.noidaInFaq__answer {
    padding: 0 25px 25px 80px;
    border-top: 1px solid #edf1f6;
}

.noidaInFaq__answer p {
    margin: 18px 0 0;
    color: var(--nif-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaInFaq__answer p strong {
    color: var(--nif-navy);
    font-weight: 850;
}

.noidaInFaq__answerLink {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    padding: 10px 0;
    color: var(--nif-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.noidaInFaq__answerLink span {
    color: var(--nif-gold);
    font-size: 20px;
    transition: transform 0.2s ease;
}

.noidaInFaq__answerLink:hover {
    color: var(--nif-gold) !important;
}

.noidaInFaq__answerLink:hover span {
    transform: translateX(4px);
}

/* SIDEBAR CONTACT CARD */

.noidaInFaq__sidebar {
    position: sticky;
    top: 25px;
    min-width: 0;
    padding: 7px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 15px;
    background: linear-gradient(
        145deg,
        #f0b429 0%,
        #d99a16 100%
    );
    box-shadow: 0 16px 36px rgba(4, 21, 45, 0.1);
}

.noidaInFaq__sidebarInner {
    padding: 26px 21px 22px;
    border-radius: 10px;
    background: linear-gradient(155deg, #ffffff, #f8fafd);
}

.noidaInFaq__sidebarEyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInFaq__sidebar h3 {
    margin: 0 0 12px;
    color: var(--nif-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -0.4px;
}

.noidaInFaq__sidebarInner > p {
    margin: 0 0 20px;
    color: var(--nif-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* SERVICES */

.noidaInFaq__serviceList {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0 0 23px;
    padding: 17px 0;
    border-top: 1px solid var(--nif-border);
    border-bottom: 1px solid var(--nif-border);
}

.noidaInFaq__serviceList > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.noidaInFaq__serviceList > div > span {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nif-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaInFaq__serviceList strong {
    color: var(--nif-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
}

/* CTA BUTTONS */

.noidaInFaq__cta {
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 17px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--nif-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nif-gold-bright),
        var(--nif-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.noidaInFaq__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185, 120, 0, 0.28);
}

.noidaInFaq__phone {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 14px 12px;
    border: 1px solid #dce5f0;
    border-radius: 9px;
    color: var(--nif-navy) !important;
    background: #ffffff;
    text-decoration: none !important;
    transition: border-color 0.2s ease;
}

.noidaInFaq__phone:hover {
    border-color: var(--nif-gold-light);
}

.noidaInFaq__phoneIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--nif-navy);
    font-size: 18px;
}

.noidaInFaq__phone small {
    display: block;
    margin-bottom: 3px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.noidaInFaq__phone strong {
    display: block;
    color: var(--nif-navy);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaInFaq__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 10px;
    padding: 12px 10px;
    border: 1px solid #dce5f0;
    border-radius: 8px;
    color: var(--nif-navy) !important;
    background: #ffffff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaInFaq__whatsapp:hover {
    border-color: var(--nif-gold-light);
    color: var(--nif-gold) !important;
}

.noidaInFaq__sidebarFooter {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--nif-border);
}

.noidaInFaq__sidebarFooter > span {
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaInFaq__sidebarFooter a {
    color: var(--nif-navy) !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    overflow-wrap: anywhere;
    text-decoration: none !important;
}

/* BOTTOM CTA */

.noidaInFaq__bottomCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 43px;
    padding: 30px 32px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 13px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(240, 180, 41, 0.14),
            transparent 32%
        ),
        linear-gradient(120deg, #f4f7fc, #ffffff);
}

.noidaInFaq__bottomCtaText {
    flex: 1;
    min-width: 0;
}

.noidaInFaq__bottomCtaText > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInFaq__bottomCtaText h3 {
    margin: 0 0 9px;
    color: var(--nif-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaInFaq__bottomCtaText p {
    margin: 0;
    color: var(--nif-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaInFaq__bottomCtaActions {
    flex: 0 0 230px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaInFaq__bottomPhone {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: var(--nif-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaInFaq__bottomPhone:hover {
    color: var(--nif-gold) !important;
}

/* DISCLAIMER */

.noidaInFaq__disclaimer {
    margin: 24px 0 0;
    padding: 17px 19px;
    border-left: 3px solid var(--nif-gold-light);
    border-radius: 0 8px 8px 0;
    color: var(--nif-muted);
    background: #f5f8fc;
    font-size: 15px;
    line-height: 1.75;
}

.noidaInFaq__disclaimer strong {
    color: var(--nif-navy);
    font-weight: 850;
}


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

@media (max-width: 1050px) {
    .noidaInFaq__layout {
        grid-template-columns: minmax(0, 1fr) 285px;
        gap: 20px;
    }

    .noidaInFaq__question {
        grid-template-columns: 38px minmax(0, 1fr) 27px;
        gap: 11px;
        padding: 18px;
    }

    .noidaInFaq__answer {
        padding-right: 20px;
        padding-left: 67px;
    }

    .noidaInFaq__sidebarInner {
        padding: 22px 17px;
    }
}

@media (max-width: 800px) {
    .noidaInFaq {
        padding: 55px 0 58px;
    }

    .noidaInFaq__container {
        width: calc(100% - 32px);
    }

    .noidaInFaq__header {
        margin-bottom: 30px;
    }

    .noidaInFaq__header h2 {
        font-size: clamp(29px, 6.5vw, 37px);
    }

    .noidaInFaq__header > p {
        font-size: 16px;
    }

    .noidaInFaq__layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .noidaInFaq__sidebar {
        position: static;
        max-width: 100%;
    }

    .noidaInFaq__sidebarInner {
        padding: 25px;
    }

    .noidaInFaq__bottomCta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 25px;
    }

    .noidaInFaq__bottomCtaActions {
        flex: 1 1 auto;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .noidaInFaq__container {
        width: calc(100% - 26px);
    }

    .noidaInFaq__eyebrow {
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    .noidaInFaq__question {
        grid-template-columns: 34px minmax(0, 1fr) 25px;
        gap: 9px;
        padding: 16px 13px;
    }

    .noidaInFaq__number {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .noidaInFaq__questionText {
        font-size: 16px;
        line-height: 1.55;
    }

    .noidaInFaq__toggle {
        width: 25px;
        height: 25px;
    }

    .noidaInFaq__answer {
        padding: 0 16px 20px;
    }

    .noidaInFaq__answer p {
        font-size: 16px;
        line-height: 1.8;
    }

    .noidaInFaq__answerLink {
        font-size: 15px;
    }

    .noidaInFaq__sidebarInner {
        padding: 21px 17px;
    }

    .noidaInFaq__bottomCta {
        padding: 22px 18px;
    }

    .noidaInFaq__bottomCtaText h3 {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInFaq__item,
    .noidaInFaq__toggle::after,
    .noidaInFaq__answerLink span,
    .noidaInFaq__cta {
        transition: none;
    }
}

/* =========================================================
   FIVE PROFILES PAGE — ROYAL NAVY & GOLD
   Namespaces:
   noidaProfilesHero
   noidaProfile
   noidaProfilesClosing
========================================================= */

.noidaProfilesHero,
.noidaProfilesHero *,
.noidaProfile,
.noidaProfile *,
.noidaProfilesClosing,
.noidaProfilesClosing * {
    box-sizing: border-box;
}

/* =========================================================
   PAGE INTRO
========================================================= */

.noidaProfilesHero {
    --nph-navy: #092f62;
    --nph-dark: #061d3d;
    --nph-deep: #04152d;
    --nph-gold: #b97800;
    --nph-gold-light: #d99a16;
    --nph-gold-bright: #f0b429;
    --nph-text: #26364a;
    --nph-muted: #59697c;
    --nph-border: #dce4ef;

    position: relative;
    isolation: isolate;
    padding: 68px 0 56px;
    overflow: hidden;
    color: var(--nph-text);
    background:
        radial-gradient(
            ellipse at 90% 0%,
            rgba(217, 154, 22, 0.11),
            transparent 34%
        ),
        linear-gradient(135deg, #ffffff 0%, #f2f6fc 100%);
    font-family: inherit;
}

.noidaProfilesHero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(
        180deg,
        var(--nph-gold-bright),
        var(--nph-navy)
    );
}

.noidaProfilesHero__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaProfilesHero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 21px;
    color: var(--nph-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.8px;
}

.noidaProfilesHero__eyebrowLine {
    width: 28px;
    height: 2px;
    background: var(--nph-gold-light);
}

.noidaProfilesHero h1 {
    max-width: 1000px;
    margin: 0 0 21px;
    color: var(--nph-dark);
    font-size: clamp(34px, 4vw, 51px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1.1px;
}

.noidaProfilesHero h1 strong {
    color: var(--nph-navy);
    font-weight: 850;
}

.noidaProfilesHero__intro {
    max-width: 940px;
    margin: 0;
    color: var(--nph-muted);
    font-size: 18px;
    line-height: 1.85;
}

.noidaProfilesHero__intro strong {
    color: var(--nph-navy);
    font-weight: 850;
}

.noidaProfilesHero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-top: 32px;
}

.noidaProfilesHero__stats > div {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--nph-border);
    border-top: 3px solid var(--nph-gold-light);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 22px rgba(4, 21, 45, 0.035);
}

.noidaProfilesHero__stats span {
    display: block;
    margin-bottom: 6px;
    color: var(--nph-navy);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.3;
}

.noidaProfilesHero__stats strong {
    display: block;
    color: var(--nph-muted);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.55;
}

.noidaProfilesHero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 27px;
}

.noidaProfilesHero__button,
.noidaProfilesHero__phone {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 24px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaProfilesHero__button {
    color: var(--nph-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nph-gold-bright),
        var(--nph-gold-light)
    );
    box-shadow: 0 9px 22px rgba(185, 120, 0, 0.2);
}

.noidaProfilesHero__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 27px rgba(185, 120, 0, 0.28);
}

.noidaProfilesHero__phone {
    color: #ffffff !important;
    background: var(--nph-navy);
    box-shadow: 0 9px 22px rgba(9, 47, 98, 0.16);
}

.noidaProfilesHero__phone:hover {
    transform: translateY(-2px);
    background: var(--nph-dark);
}

.noidaProfilesHero__disclaimer {
    max-width: 970px;
    margin: 24px 0 0;
    padding: 14px 17px;
    border-left: 3px solid var(--nph-gold-light);
    color: var(--nph-muted);
    background: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   INDIVIDUAL PROFILES
========================================================= */

.noidaProfile {
    --np-navy: #092f62;
    --np-dark: #061d3d;
    --np-deep: #04152d;
    --np-gold: #b97800;
    --np-gold-light: #d99a16;
    --np-gold-bright: #f0b429;
    --np-text: #26364a;
    --np-muted: #59697c;
    --np-border: #dce4ef;

    padding: 58px 0;
    color: var(--np-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaProfile:nth-of-type(even) {
    background: #f6f8fc;
}

.noidaProfile__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaProfile__header {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    margin-bottom: 29px;
    padding-bottom: 23px;
    border-bottom: 1px solid var(--np-border);
}

.noidaProfile__number {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--np-deep);
    background: linear-gradient(
        135deg,
        var(--np-gold-bright),
        var(--np-gold-light)
    );
    box-shadow: 0 8px 18px rgba(185, 120, 0, 0.16);
    font-size: 24px;
    font-weight: 900;
}

.noidaProfile__heading {
    min-width: 0;
}

.noidaProfile__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--np-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaProfile__heading h2 {
    margin: 0 0 7px;
    color: var(--np-dark);
    font-size: clamp(25px, 2.5vw, 34px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.noidaProfile__heading h2 strong {
    color: var(--np-navy);
    font-weight: 850;
}

.noidaProfile__heading p {
    margin: 0;
    color: var(--np-muted);
    font-size: 16px;
    line-height: 1.7;
}

.noidaProfile__category {
    max-width: 190px;
    padding: 9px 12px;
    border: 1px solid rgba(185, 120, 0, 0.3);
    border-radius: 6px;
    color: var(--np-navy);
    background: #fff9eb;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
}

.noidaProfile__body {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    align-items: start;
    gap: 30px;
}

.noidaProfile__story {
    min-width: 0;
}

.noidaProfile__story h3 {
    margin: 0 0 10px;
    color: var(--np-navy);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaProfile__story h3:not(:first-child) {
    margin-top: 27px;
}

.noidaProfile__story > p {
    margin: 0 0 17px;
    color: var(--np-text);
    font-size: 16px;
    line-height: 1.85;
}

.noidaProfile__story > p strong {
    color: var(--np-navy);
    font-weight: 850;
}

/* EVIDENCE ROWS */

.noidaProfile__evidence {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 13px;
    padding: 16px;
    border: 1px solid var(--np-border);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.85);
}

.noidaProfile__evidenceIcon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--np-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaProfile__evidence strong {
    display: block;
    margin-bottom: 5px;
    color: var(--np-dark);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaProfile__evidence p {
    margin: 0;
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* RESULT PANEL */

.noidaProfile__result {
    position: relative;
    min-width: 0;
    padding: 25px;
    border: 1px solid rgba(9, 47, 98, 0.13);
    border-top: 4px solid var(--np-gold-light);
    border-radius: 12px;
    background: linear-gradient(155deg, #ffffff 0%, #f5f8fd 100%);
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.065);
}

.noidaProfile__resultLabel {
    display: block;
    margin-bottom: 18px;
    color: var(--np-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.6px;
}

.noidaProfile__resultMain {
    margin-bottom: 19px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--np-border);
}

.noidaProfile__resultMain span {
    display: block;
    margin-bottom: 7px;
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaProfile__resultMain strong {
    display: block;
    color: var(--np-navy);
    font-size: clamp(29px, 3vw, 37px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.6px;
    overflow-wrap: anywhere;
}

.noidaProfile__metric {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid var(--np-border);
}

.noidaProfile__metric span {
    flex: 1;
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaProfile__metric strong {
    max-width: 48%;
    color: var(--np-dark);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-align: right;
    overflow-wrap: anywhere;
}

.noidaProfile__resultNote {
    margin: 19px 0;
    padding: 15px;
    border-left: 3px solid var(--np-gold-light);
    border-radius: 0 7px 7px 0;
    background: #fff9eb;
}

.noidaProfile__resultNote strong {
    display: block;
    margin-bottom: 7px;
    color: var(--np-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaProfile__resultNote p {
    margin: 0;
    color: #4c596b;
    font-size: 15px;
    line-height: 1.75;
}

/* PROFILE CALCULATION BOX */

.noidaProfile__calculation {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 21px 0;
    padding: 19px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 9px;
    background: #fffaf0;
}

.noidaProfile__calculation span {
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaProfile__calculation strong {
    color: var(--np-navy);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* IMPACTFUL CTAS */

.noidaProfile__button {
    width: 100%;
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 18px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--np-deep) !important;
    background: linear-gradient(
        135deg,
        var(--np-gold-bright),
        var(--np-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaProfile__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.noidaProfile__call {
    display: block;
    margin-top: 11px;
    padding: 10px;
    color: var(--np-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaProfile__call:hover {
    color: var(--np-gold) !important;
}

/* Distinct profile accents, using navy and gold only */

.noidaProfile--plot {
    --profile-accent: #b97800;
}

.noidaProfile--buyer {
    --profile-accent: #092f62;
}

.noidaProfile--jaypee {
    --profile-accent: #b97800;
}

.noidaProfile--commercial {
    --profile-accent: #092f62;
}

.noidaProfile--industrial {
    --profile-accent: #b97800;
}

.noidaProfile__number {
    box-shadow: 0 8px 18px rgba(185, 120, 0, 0.12);
}


/* =========================================================
   CLOSING CTA
========================================================= */

.noidaProfilesClosing {
    --npc-navy: #092f62;
    --npc-dark: #061d3d;
    --npc-deep: #04152d;
    --npc-gold: #b97800;
    --npc-gold-light: #d99a16;
    --npc-gold-bright: #f0b429;

    padding: 55px 0;
    color: #ffffff;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(240, 180, 41, 0.15),
            transparent 35%
        ),
        linear-gradient(120deg, #04152d 0%, #092f62 100%);
    font-family: inherit;
}

.noidaProfilesClosing__container {
    width: min(1120px, calc(100% - 48px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin: 0 auto;
}

.noidaProfilesClosing__content {
    flex: 1;
    min-width: 0;
}

.noidaProfilesClosing__content > span {
    display: block;
    margin-bottom: 10px;
    color: var(--npc-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaProfilesClosing__content h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 37px);
    font-weight: 800;
    line-height: 1.3;
}

.noidaProfilesClosing__content p {
    max-width: 720px;
    margin: 0;
    color: #e2eaf5;
    font-size: 16px;
    line-height: 1.8;
}

.noidaProfilesClosing__actions {
    flex: 0 0 auto;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.noidaProfilesClosing__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    border-radius: 8px;
    color: var(--npc-deep) !important;
    background: linear-gradient(
        135deg,
        var(--npc-gold-bright),
        var(--npc-gold-light)
    );
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaProfilesClosing__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.22);
}

.noidaProfilesClosing__phone {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 7px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaProfilesClosing__phone:hover {
    border-color: var(--npc-gold-bright);
    color: var(--npc-gold-bright) !important;
}


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

@media (max-width: 950px) {
    .noidaProfile__body {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 0.8fr);
        gap: 22px;
    }

    .noidaProfile__result {
        padding: 20px;
    }

    .noidaProfile__header {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .noidaProfile__number {
        width: 56px;
        height: 56px;
    }

    .noidaProfile__category {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
    }

    .noidaProfilesClosing__container {
        align-items: flex-start;
    }
}

@media (max-width: 720px) {
    .noidaProfilesHero {
        padding: 45px 0 40px;
    }

    .noidaProfilesHero__container,
    .noidaProfile__container,
    .noidaProfilesClosing__container {
        width: calc(100% - 32px);
    }

    .noidaProfilesHero h1 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -0.6px;
    }

    .noidaProfilesHero__intro {
        font-size: 16px;
    }

    .noidaProfilesHero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .noidaProfilesHero__stats > div {
        padding: 14px;
    }

    .noidaProfilesHero__stats span {
        font-size: 22px;
    }

    .noidaProfilesHero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaProfilesHero__button,
    .noidaProfilesHero__phone {
        width: 100%;
    }

    .noidaProfile {
        padding: 43px 0;
    }

    .noidaProfile__header {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 13px;
        margin-bottom: 23px;
        padding-bottom: 19px;
    }

    .noidaProfile__number {
        width: 47px;
        height: 47px;
        border-radius: 8px;
        font-size: 20px;
    }

    .noidaProfile__heading h2 {
        font-size: clamp(24px, 6vw, 30px);
    }

    .noidaProfile__heading p {
        font-size: 15px;
    }

    .noidaProfile__category {
        grid-column: 2;
    }

    .noidaProfile__body {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .noidaProfile__result {
        padding: 22px;
    }

    .noidaProfile__resultMain strong {
        font-size: 32px;
    }

    .noidaProfilesClosing {
        padding: 42px 0;
    }

    .noidaProfilesClosing__container {
        flex-direction: column;
        gap: 23px;
    }

    .noidaProfilesClosing__actions {
        width: 100%;
    }

    .noidaProfilesClosing__button,
    .noidaProfilesClosing__phone {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .noidaProfilesHero__container,
    .noidaProfile__container,
    .noidaProfilesClosing__container {
        width: calc(100% - 26px);
    }

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

    .noidaProfile__metric {
        flex-direction: column;
        gap: 4px;
    }

    .noidaProfile__metric strong {
        max-width: 100%;
        text-align: left;
    }

    .noidaProfile__evidence {
        padding: 13px;
    }

    .noidaProfile__result {
        padding: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaProfilesHero__button,
    .noidaProfilesHero__phone,
    .noidaProfile__button,
    .noidaProfile__call,
    .noidaProfilesClosing__button {
        transition: none;
    }
}

/* =========================================================
   THREE STEPS — NOIDA OWNER'S ENGAGEMENT GUIDE
   Unique namespace: noidaInEngage
   Palette: Royal Navy + Gold
========================================================= */

.noidaInEngage,
.noidaInEngage * {
    box-sizing: border-box;
}

.noidaInEngage {
    --nie-navy: #092f62;
    --nie-dark: #061d3d;
    --nie-deep: #04152d;
    --nie-gold: #b97800;
    --nie-gold-light: #d99a16;
    --nie-gold-bright: #f0b429;
    --nie-text: #26364a;
    --nie-muted: #59697c;
    --nie-border: #dce4ef;
    --nie-soft: #f5f8fd;
    --nie-white: #ffffff;

    padding: 68px 0 78px;
    color: var(--nie-text);
    background:
        radial-gradient(
            circle at 94% 5%,
            rgba(217, 154, 22, 0.08),
            transparent 26%
        ),
        linear-gradient(145deg, #ffffff, #f5f8fd);
    font-family: inherit;
}

.noidaInEngage__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

/* PAGE HEADER */

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

.noidaInEngage__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.noidaInEngage__header h1 {
    margin: 0 0 18px;
    color: var(--nie-dark);
    font-size: clamp(33px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.9px;
}

.noidaInEngage__header h1 strong {
    color: var(--nie-navy);
    font-weight: 850;
}

.noidaInEngage__intro {
    max-width: 790px;
    margin: 0 auto;
    color: var(--nie-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInEngage__intro strong {
    color: var(--nie-navy);
    font-weight: 850;
}

.noidaInEngage__headerActions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

/* BUTTONS */

.noidaInEngage__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.noidaInEngage__button:hover {
    transform: translateY(-2px);
}

.noidaInEngage__button--gold {
    color: var(--nie-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nie-gold-bright),
        var(--nie-gold-light)
    );
    box-shadow: 0 9px 23px rgba(185, 120, 0, 0.2);
}

.noidaInEngage__button--gold:hover {
    box-shadow: 0 13px 29px rgba(185, 120, 0, 0.29);
}

.noidaInEngage__button--navy {
    color: #ffffff !important;
    background: var(--nie-navy);
    box-shadow: 0 8px 22px rgba(9, 47, 98, 0.15);
}

.noidaInEngage__button--navy:hover {
    background: var(--nie-dark);
}

.noidaInEngage__button--white {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.1);
}

.noidaInEngage__button--white:hover {
    background: rgba(255, 255, 255, 0.18);
}

/* TIMELINE */

.noidaInEngage__timeline {
    position: relative;
}

.noidaInEngage__step {
    position: relative;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 24px;
    padding-bottom: 29px;
}

.noidaInEngage__step:last-child {
    padding-bottom: 0;
}

.noidaInEngage__stepMarker {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.noidaInEngage__stepMarker > span:first-child {
    position: relative;
    z-index: 2;
    width: 57px;
    height: 57px;
    flex: 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--nie-gold-light);
    border-radius: 50%;
    color: #ffffff;
    background: var(--nie-navy);
    box-shadow: 0 7px 20px rgba(9, 47, 98, 0.17);
    font-size: 17px;
    font-weight: 900;
}

.noidaInEngage__stepMarkerLine {
    width: 2px;
    flex: 1;
    min-height: 40px;
    margin-top: 12px;
    background: linear-gradient(
        180deg,
        var(--nie-gold-light),
        rgba(217, 154, 22, 0.12)
    );
}

.noidaInEngage__stepCard {
    min-width: 0;
    padding: 30px 32px;
    border: 1px solid var(--nie-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(4, 21, 45, 0.045);
}

.noidaInEngage__stepHeading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.noidaInEngage__stepKicker {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaInEngage__stepHeading h2 {
    margin: 0;
    color: var(--nie-dark);
    font-size: clamp(23px, 2.5vw, 30px);
    font-weight: 800;
    line-height: 1.35;
}

.noidaInEngage__stepSymbol {
    flex: 0 0 auto;
    color: rgba(9, 47, 98, 0.09);
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
}

.noidaInEngage__stepLead {
    margin: 0 0 22px;
    color: var(--nie-muted);
    font-size: 16px;
    line-height: 1.85;
}

/* CONTACT OPTIONS */

.noidaInEngage__contactOptions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 24px;
}

.noidaInEngage__contactOption {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--nie-border);
    border-radius: 10px;
    background: #f8fafd;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.noidaInEngage__contactOption:hover {
    border-color: var(--nie-gold-light);
    background: #ffffff;
}

.noidaInEngage__contactIcon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nie-navy);
    font-size: 19px;
    font-weight: 850;
}

.noidaInEngage__contactOption small {
    display: block;
    margin-bottom: 4px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
    letter-spacing: 0.6px;
}

.noidaInEngage__contactOption strong {
    display: block;
    color: var(--nie-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.noidaInEngage__optionArrow {
    margin-left: auto;
    color: var(--nie-gold);
    font-size: 20px;
}

/* STEP 1 DETAILS */

.noidaInEngage__detailGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.noidaInEngage__detail {
    padding: 19px;
    border-left: 3px solid var(--nie-gold-light);
    border-radius: 0 9px 9px 0;
    background: var(--nie-soft);
}

.noidaInEngage__detail h3 {
    margin: 0 0 9px;
    color: var(--nie-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaInEngage__detail p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInEngage__detail strong {
    color: var(--nie-navy);
    font-weight: 800;
}

.noidaInEngage__documentCallout {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(217, 154, 22, 0.35);
    border-radius: 10px;
    background: #fffbf1;
}

.noidaInEngage__calloutIcon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nie-deep);
    background: var(--nie-gold-bright);
    font-size: 18px;
    font-weight: 900;
}

.noidaInEngage__documentCallout strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nie-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaInEngage__documentCallout p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

/* STEP 2 — ESTIMATE AND CHECKS */

.noidaInEngage__estimateBanner {
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0 0 25px;
    padding: 21px;
    border: 1px solid rgba(217, 154, 22, 0.38);
    border-radius: 11px;
    background: linear-gradient(115deg, #fff8e7, #ffffff);
}

.noidaInEngage__estimateIcon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--nie-deep);
    background: var(--nie-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.noidaInEngage__estimateBanner strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nie-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaInEngage__estimateBanner p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaInEngage__subheading {
    margin: 0 0 17px;
    color: var(--nie-dark);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaInEngage__checkGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.noidaInEngage__checkItem {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 16px;
    border: 1px solid var(--nie-border);
    border-radius: 9px;
    background: #ffffff;
}

.noidaInEngage__checkItem > span {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nie-deep);
    background: #ffedbd;
    font-size: 15px;
    font-weight: 900;
}

.noidaInEngage__checkItem p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaInEngage__checkItem strong {
    color: var(--nie-navy);
    font-weight: 850;
}

.noidaInEngage__feePanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 25px;
    padding: 22px;
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient(120deg, var(--nie-dark), var(--nie-navy));
}

.noidaInEngage__feePanel > div {
    flex: 1;
    min-width: 0;
}

.noidaInEngage__feePanel > div > span {
    display: block;
    margin-bottom: 6px;
    color: var(--nie-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaInEngage__feePanel h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaInEngage__feePanel p {
    margin: 0;
    color: #e1e9f4;
    font-size: 15px;
    line-height: 1.7;
}

.noidaInEngage__feePanel .noidaInEngage__button {
    flex: 0 0 auto;
}

.noidaInEngage__disclaimer {
    margin: 17px 0 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* STEP 3 — FINAL STAGE */

.noidaInEngage__step--final .noidaInEngage__stepMarker > span:first-child {
    border-color: var(--nie-gold-bright);
    color: var(--nie-deep);
    background: var(--nie-gold-bright);
}

.noidaInEngage__step--final .noidaInEngage__stepCard {
    border-color: rgba(217, 154, 22, 0.45);
    background: linear-gradient(150deg, #ffffff, #fffdf7);
}

.noidaInEngage__processList {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 24px;
}

.noidaInEngage__processItem {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 15px;
    padding: 18px 0;
    border-bottom: 1px solid var(--nie-border);
}

.noidaInEngage__processItem:first-child {
    padding-top: 0;
}

.noidaInEngage__processItem:last-child {
    border-bottom: 0;
}

.noidaInEngage__processNumber {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ef;
    border-radius: 9px;
    color: var(--nie-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaInEngage__processItem h3 {
    margin: 0 0 6px;
    color: var(--nie-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaInEngage__processItem p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInEngage__deliveryPanel {
    margin: 5px 0 27px;
    padding: 23px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 12px;
    background: linear-gradient(120deg, #fff8e7, #ffffff);
}

.noidaInEngage__deliveryTop {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
}

.noidaInEngage__deliveryIcon {
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--nie-navy);
    font-size: 22px;
    font-weight: 900;
}

.noidaInEngage__deliveryTop > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.6px;
}

.noidaInEngage__deliveryTop h3 {
    margin: 0;
    color: var(--nie-navy);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.3;
}

.noidaInEngage__deliveryPanel > p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInEngage__supportTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.noidaInEngage__supportTags span {
    display: inline-flex;
    align-items: center;
    padding: 10px 13px;
    border: 1px solid #d7e1ee;
    border-radius: 7px;
    color: var(--nie-navy);
    background: #f5f8fd;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.noidaInEngage__supportNote {
    margin: 0;
    padding: 16px 18px;
    border-left: 3px solid var(--nie-gold-light);
    color: var(--nie-muted);
    background: #ffffff;
    font-size: 15px;
    line-height: 1.8;
}

/* FINAL CTA */

.noidaInEngage__finalCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 44px;
    padding: 32px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 14px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(240, 180, 41, 0.17),
            transparent 30%
        ),
        linear-gradient(120deg, var(--nie-deep), var(--nie-navy));
    box-shadow: 0 15px 36px rgba(4, 21, 45, 0.12);
}

.noidaInEngage__finalCtaContent {
    flex: 1;
    min-width: 0;
}

.noidaInEngage__finalCtaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nie-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInEngage__finalCtaContent h2 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: clamp(24px, 2.5vw, 31px);
    font-weight: 850;
    line-height: 1.35;
}

.noidaInEngage__finalCtaContent p {
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.75;
}

.noidaInEngage__finalCtaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}


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

@media (max-width: 900px) {
    .noidaInEngage__stepCard {
        padding: 25px;
    }

    .noidaInEngage__feePanel,
    .noidaInEngage__finalCta {
        align-items: stretch;
        flex-direction: column;
    }

    .noidaInEngage__feePanel .noidaInEngage__button,
    .noidaInEngage__finalCtaActions .noidaInEngage__button {
        width: 100%;
    }

    .noidaInEngage__finalCtaActions {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .noidaInEngage {
        padding: 45px 0 55px;
    }

    .noidaInEngage__container {
        width: calc(100% - 30px);
    }

    .noidaInEngage__header {
        margin-bottom: 32px;
    }

    .noidaInEngage__header h1 {
        font-size: clamp(30px, 8vw, 37px);
        letter-spacing: -0.5px;
    }

    .noidaInEngage__intro {
        font-size: 16px;
    }

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

    .noidaInEngage__headerActions .noidaInEngage__button {
        width: 100%;
    }

    .noidaInEngage__step {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        padding-bottom: 20px;
    }

    .noidaInEngage__stepMarker > span:first-child {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-width: 2px;
        font-size: 15px;
    }

    .noidaInEngage__stepMarkerLine {
        margin-top: 9px;
    }

    .noidaInEngage__stepCard {
        padding: 21px 17px;
        border-radius: 11px;
    }

    .noidaInEngage__stepHeading {
        gap: 8px;
    }

    .noidaInEngage__stepHeading h2 {
        font-size: 23px;
    }

    .noidaInEngage__stepSymbol {
        font-size: 30px;
    }

    .noidaInEngage__contactOptions,
    .noidaInEngage__detailGrid,
    .noidaInEngage__checkGrid {
        grid-template-columns: 1fr;
    }

    .noidaInEngage__contactOption {
        padding: 14px;
    }

    .noidaInEngage__feePanel {
        padding: 19px;
    }

    .noidaInEngage__estimateBanner {
        align-items: flex-start;
        padding: 17px;
    }

    .noidaInEngage__estimateIcon {
        width: 47px;
        height: 47px;
        flex-basis: 47px;
    }

    .noidaInEngage__processItem {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
    }

    .noidaInEngage__processNumber {
        width: 34px;
        height: 34px;
    }

    .noidaInEngage__deliveryPanel {
        padding: 19px;
    }

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

    .noidaInEngage__finalCta {
        margin-top: 28px;
        padding: 24px 20px;
    }

    .noidaInEngage__finalCtaActions {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInEngage__button,
    .noidaInEngage__contactOption {
        transition: none;
    }
}

/* =========================================================
   THE NOIDA OWNER'S ENGAGEMENT — SIX STAGES
   Unique namespace: noidaInProcess
   Palette: Royal Navy + Gold
========================================================= */

.noidaInProcess,
.noidaInProcess * {
    box-sizing: border-box;
}

.noidaInProcess {
    --nip-navy: #092f62;
    --nip-dark: #061d3d;
    --nip-deep: #04152d;
    --nip-gold: #b97800;
    --nip-gold-light: #d99a16;
    --nip-gold-bright: #f0b429;
    --nip-text: #29394e;
    --nip-muted: #59697c;
    --nip-border: #dce4ef;
    --nip-pale: #f5f8fc;

    position: relative;
    padding: 78px 0 84px;
    overflow: hidden;
    color: var(--nip-text);
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(217, 154, 22, 0.09),
            transparent 26%
        ),
        linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
    font-family: inherit;
}

.noidaInProcess__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

/* SECTION HEADER */

.noidaInProcess__header {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.noidaInProcess__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.noidaInProcess__header h2 {
    margin: 0 0 18px;
    color: var(--nip-dark);
    font-size: clamp(31px, 3.5vw, 45px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.noidaInProcess__header h2 strong {
    color: var(--nip-navy);
    font-weight: 850;
}

.noidaInProcess__header > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--nip-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInProcess__headerLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 25px;
    color: var(--nip-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 0.6px;
}

.noidaInProcess__headerLine span:first-child {
    width: 35px;
    height: 3px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        var(--nip-gold),
        var(--nip-gold-bright)
    );
}

/* SIX-STAGE TIMELINE */

.noidaInProcess__timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.noidaInProcess__timeline::before {
    content: "";
    position: absolute;
    top: 35px;
    bottom: 42px;
    left: 34px;
    width: 2px;
    background: linear-gradient(
        180deg,
        var(--nip-gold-light),
        rgba(9, 47, 98, 0.16) 45%,
        var(--nip-gold-light)
    );
}

.noidaInProcess__stage {
    position: relative;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 20px;
    margin-bottom: 26px;
}

.noidaInProcess__stage:last-child {
    margin-bottom: 0;
}

.noidaInProcess__marker {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.noidaInProcess__marker > span {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #ffffff;
    border-radius: 50%;
    color: var(--nip-deep);
    background: linear-gradient(
        145deg,
        var(--nip-gold-bright),
        var(--nip-gold-light)
    );
    box-shadow:
        0 0 0 1px rgba(185, 120, 0, 0.28),
        0 8px 20px rgba(4, 21, 45, 0.08);
    font-size: 18px;
    font-weight: 900;
}

.noidaInProcess__card {
    min-width: 0;
    padding: 29px 32px 30px;
    border: 1px solid var(--nip-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(4, 21, 45, 0.045);
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.noidaInProcess__card:hover {
    transform: translateY(-2px);
    border-color: rgba(217, 154, 22, 0.55);
    box-shadow: 0 16px 38px rgba(4, 21, 45, 0.075);
}

.noidaInProcess__stageTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 13px;
}

.noidaInProcess__stageLabel {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaInProcess__stageLabel::before {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--nip-gold-light);
}

.noidaInProcess__stageIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9f3;
    border-radius: 9px;
    color: var(--nip-navy);
    background: var(--nip-pale);
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__card h3 {
    margin: 0 0 13px;
    color: var(--nip-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.3px;
}

.noidaInProcess__card > p {
    margin: 0 0 19px;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaInProcess__card strong {
    color: var(--nip-navy);
    font-weight: 850;
}

/* STAGE LISTS */

.noidaInProcess__list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaInProcess__list li {
    position: relative;
    padding-left: 26px;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaInProcess__list li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--nip-gold-light);
    box-shadow: 0 0 0 4px rgba(240, 180, 41, 0.13);
}

/* PRELIMINARY / REVIEW NOTES */

.noidaInProcess__stageNote {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 16px 17px;
    border: 1px solid #ead7a7;
    border-radius: 9px;
    background: #fffaf0;
}

.noidaInProcess__noteIcon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nip-deep);
    background: var(--nip-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__stageNote p {
    margin: 0;
    color: #4d5867;
    font-size: 15px;
    line-height: 1.75;
}

/* ENGAGEMENT DETAIL GRID */

.noidaInProcess__detailGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.noidaInProcess__detail {
    min-width: 0;
    padding: 17px 16px;
    border: 1px solid var(--nip-border);
    border-radius: 9px;
    background: var(--nip-pale);
}

.noidaInProcess__detail > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaInProcess__detail strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__detail p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* INSPECTION GRID */

.noidaInProcess__inspectionGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 21px;
}

.noidaInProcess__inspectionItem {
    padding: 17px 18px;
    border-left: 3px solid var(--nip-gold-light);
    border-radius: 0 8px 8px 0;
    background: var(--nip-pale);
}

.noidaInProcess__inspectionItem strong {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__inspectionItem p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* REVIEW CHECKLIST */

.noidaInProcess__reviewList {
    display: grid;
    gap: 13px;
    margin-top: 20px;
}

.noidaInProcess__reviewItem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.noidaInProcess__reviewItem > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nip-deep);
    background: #fce7a8;
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__reviewItem p {
    margin: 1px 0 0;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* DELIVERY PANEL */

.noidaInProcess__deliveryPanel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 20px;
}

.noidaInProcess__deliveryItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 19px;
    border: 1px solid var(--nip-border);
    border-radius: 10px;
    background: var(--nip-pale);
}

.noidaInProcess__deliveryIcon {
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--nip-deep);
    background: linear-gradient(
        135deg,
        var(--nip-gold-bright),
        var(--nip-gold-light)
    );
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__deliveryItem strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__deliveryItem p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* POST-ENGAGEMENT SUPPORT */

.noidaInProcess__support {
    margin-top: 18px;
    padding: 19px;
    border: 1px solid rgba(9, 47, 98, 0.12);
    border-radius: 10px;
    background: linear-gradient(135deg, #f5f8fc, #ffffff);
}

.noidaInProcess__support > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__support > p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInProcess__supportTags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.noidaInProcess__supportTags span {
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border: 1px solid #dce4ef;
    border-radius: 6px;
    color: var(--nip-navy);
    background: #ffffff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

/* FINAL STAGE */

.noidaInProcess__stage--final .noidaInProcess__marker > span {
    color: #ffffff;
    background: linear-gradient(145deg, var(--nip-navy), var(--nip-dark));
    box-shadow:
        0 0 0 1px rgba(9, 47, 98, 0.18),
        0 8px 20px rgba(4, 21, 45, 0.12);
}

.noidaInProcess__stage--final .noidaInProcess__card {
    border-color: rgba(217, 154, 22, 0.55);
}

/* FINAL CTA */

.noidaInProcess__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 45px;
    padding: 31px 34px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(240, 180, 41, 0.16),
            transparent 34%
        ),
        linear-gradient(120deg, #f1f5fb, #ffffff);
    box-shadow: 0 10px 28px rgba(4, 21, 45, 0.04);
}

.noidaInProcess__ctaText {
    flex: 1;
    min-width: 0;
}

.noidaInProcess__ctaEyebrow {
    display: block;
    margin-bottom: 9px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInProcess__cta h3 {
    margin: 0 0 9px;
    color: var(--nip-dark);
    font-size: 25px;
    font-weight: 750;
    line-height: 1.4;
}

.noidaInProcess__cta h3 strong {
    color: var(--nip-navy);
    font-weight: 850;
}

.noidaInProcess__ctaText p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaInProcess__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.noidaInProcess__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 21px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaInProcess__button:hover {
    transform: translateY(-2px);
}

.noidaInProcess__button--gold {
    color: var(--nip-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nip-gold-bright),
        var(--nip-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
}

.noidaInProcess__button--gold:hover {
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.noidaInProcess__button--navy {
    color: #ffffff !important;
    background: var(--nip-navy);
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.16);
}

.noidaInProcess__button--navy:hover {
    background: var(--nip-dark);
}


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

@media (max-width: 900px) {
    .noidaInProcess__detailGrid {
        grid-template-columns: 1fr;
    }

    .noidaInProcess__detail {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 10px;
    }

    .noidaInProcess__detail > span {
        grid-row: span 2;
    }

    .noidaInProcess__detail strong {
        margin-bottom: 4px;
    }

    .noidaInProcess__detail p {
        grid-column: 2;
    }

    .noidaInProcess__cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaInProcess__ctaActions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .noidaInProcess {
        padding: 52px 0 58px;
    }

    .noidaInProcess__container {
        width: calc(100% - 30px);
    }

    .noidaInProcess__header {
        margin-bottom: 34px;
    }

    .noidaInProcess__header h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaInProcess__header > p {
        font-size: 16px;
    }

    .noidaInProcess__headerLine {
        align-items: flex-start;
        font-size: 15px;
    }

    .noidaInProcess__timeline::before {
        left: 21px;
    }

    .noidaInProcess__stage {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
        margin-bottom: 20px;
    }

    .noidaInProcess__marker > span {
        width: 44px;
        height: 44px;
        border-width: 3px;
        font-size: 15px;
    }

    .noidaInProcess__card {
        padding: 21px 18px 22px;
        border-radius: 10px;
    }

    .noidaInProcess__card h3 {
        font-size: 22px;
    }

    .noidaInProcess__card > p,
    .noidaInProcess__list li,
    .noidaInProcess__reviewItem p {
        font-size: 16px;
    }

    .noidaInProcess__inspectionGrid,
    .noidaInProcess__deliveryPanel {
        grid-template-columns: 1fr;
    }

    .noidaInProcess__stageNote {
        padding: 14px;
    }

    .noidaInProcess__cta {
        margin-top: 30px;
        padding: 24px 19px;
    }

    .noidaInProcess__cta h3 {
        font-size: 22px;
    }

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

    .noidaInProcess__button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInProcess__card,
    .noidaInProcess__button {
        transition: none;
    }
}

/* =========================================================
   NOIDA PROPERTY OWNER & SME INSIGHTS
   Unique namespace: noidaOwnerInsights
   Brand: Royal Navy + Gold
========================================================= */

.noidaOwnerInsights,
.noidaOwnerInsights * {
    box-sizing: border-box;
}

.noidaOwnerInsights {
    --noi-navy: #092f62;
    --noi-dark: #061d3d;
    --noi-deep: #04152d;
    --noi-gold: #b97800;
    --noi-gold-light: #d99a16;
    --noi-gold-bright: #f0b429;
    --noi-text: #26364a;
    --noi-muted: #59697c;
    --noi-border: #dce4ef;

    color: var(--noi-text);
    background: #ffffff;
    font-family: inherit;
}

/* PAGE INTRO */

.noidaOwnerInsights__intro {
    position: relative;
    overflow: hidden;
    padding: 67px 0 51px;
    border-bottom: 1px solid #e4eaf2;
    background:
        radial-gradient(
            ellipse at 90% 0%,
            rgba(217, 154, 22, 0.12),
            transparent 34%
        ),
        linear-gradient(135deg, #ffffff 0%, #f4f7fc 100%);
}

.noidaOwnerInsights__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaOwnerInsights__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 21px;
    color: var(--noi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.8px;
}

.noidaOwnerInsights__eyebrowLine {
    width: 27px;
    height: 2px;
    flex: 0 0 27px;
    background: var(--noi-gold-light);
}

.noidaOwnerInsights__eyebrowDivider {
    color: var(--noi-gold);
}

.noidaOwnerInsights__intro h1 {
    max-width: 950px;
    margin: 0 0 21px;
    color: var(--noi-dark);
    font-size: clamp(36px, 4vw, 53px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1.2px;
}

.noidaOwnerInsights__intro h1 strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__introText {
    max-width: 940px;
    margin: 0;
    color: var(--noi-muted);
    font-size: 18px;
    line-height: 1.85;
}

.noidaOwnerInsights__introText strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__introActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

.noidaOwnerInsights__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.noidaOwnerInsights__button:hover {
    transform: translateY(-2px);
}

.noidaOwnerInsights__button--gold {
    color: var(--noi-deep) !important;
    background: linear-gradient(
        135deg,
        var(--noi-gold-bright),
        var(--noi-gold-light)
    );
    box-shadow: 0 8px 21px rgba(185, 120, 0, 0.2);
}

.noidaOwnerInsights__button--gold:hover {
    box-shadow: 0 12px 27px rgba(185, 120, 0, 0.29);
}

.noidaOwnerInsights__button--navy {
    color: #ffffff !important;
    background: var(--noi-navy);
    box-shadow: 0 8px 21px rgba(9, 47, 98, 0.16);
}

.noidaOwnerInsights__button--navy:hover {
    background: var(--noi-dark);
}

.noidaOwnerInsights__introMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 25px;
    margin-top: 28px;
    padding-top: 21px;
    border-top: 1px solid #dce4ef;
}

.noidaOwnerInsights__introMeta span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--noi-muted);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.noidaOwnerInsights__introMeta i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--noi-gold-light);
}

/* ARTICLE COLLECTION */

.noidaOwnerInsights__main {
    padding: 61px 0 76px;
    background: #ffffff;
}

.noidaOwnerInsights__sectionHeading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 31px;
}

.noidaOwnerInsights__sectionEyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--noi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaOwnerInsights__sectionHeading h2 {
    margin: 0;
    color: var(--noi-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

.noidaOwnerInsights__sectionHeading h2 strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__sectionHeading > p {
    max-width: 380px;
    margin: 0 0 3px;
    color: var(--noi-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaOwnerInsights__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

/* ARTICLE CARDS */

.noidaOwnerInsights__card {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 24px 22px;
    overflow: hidden;
    border: 1px solid var(--noi-border);
    border-radius: 12px;
    background: linear-gradient(155deg, #ffffff, #f9fbfe);
    box-shadow: 0 7px 23px rgba(4, 21, 45, 0.045);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.noidaOwnerInsights__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--noi-navy),
        var(--noi-gold-bright)
    );
    transform: scaleX(0.35);
    transform-origin: left;
    transition: transform 0.22s ease;
}

.noidaOwnerInsights__card:hover {
    transform: translateY(-4px);
    border-color: rgba(185, 120, 0, 0.38);
    box-shadow: 0 16px 35px rgba(4, 21, 45, 0.09);
}

.noidaOwnerInsights__card:hover::before {
    transform: scaleX(1);
}

.noidaOwnerInsights__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.noidaOwnerInsights__number {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe4f0;
    border-radius: 9px;
    color: var(--noi-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaOwnerInsights__category {
    color: var(--noi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.3px;
    text-align: right;
}

.noidaOwnerInsights__card h3 {
    margin: 0 0 13px;
    color: var(--noi-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.noidaOwnerInsights__card h3 strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__card > p {
    flex: 1;
    margin: 0 0 22px;
    color: var(--noi-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaOwnerInsights__articleLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 15px;
    border-top: 1px solid var(--noi-border);
    color: var(--noi-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaOwnerInsights__articleLink span {
    flex: 0 0 auto;
    color: var(--noi-gold);
    font-size: 20px;
    transition: transform 0.2s ease;
}

.noidaOwnerInsights__articleLink:hover {
    color: var(--noi-gold) !important;
}

.noidaOwnerInsights__articleLink:hover span {
    transform: translate(3px, -2px);
}

.noidaOwnerInsights__card--featured {
    border-color: rgba(217, 154, 22, 0.65);
    background: linear-gradient(145deg, #ffffff, #fffaf0);
}

.noidaOwnerInsights__card--featured .noidaOwnerInsights__number {
    border-color: rgba(185, 120, 0, 0.25);
    background: #fff1cc;
}

/* BOTTOM CTA */

.noidaOwnerInsights__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 40px;
    padding: 32px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 13px;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(240, 180, 41, 0.13),
            transparent 37%
        ),
        linear-gradient(120deg, #f3f7fc, #ffffff);
}

.noidaOwnerInsights__ctaContent {
    flex: 1;
    min-width: 0;
}

.noidaOwnerInsights__ctaContent > span {
    display: block;
    margin-bottom: 9px;
    color: var(--noi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaOwnerInsights__ctaContent h2 {
    margin: 0 0 9px;
    color: var(--noi-dark);
    font-size: clamp(23px, 2.3vw, 29px);
    font-weight: 800;
    line-height: 1.4;
}

.noidaOwnerInsights__ctaContent p {
    margin: 0;
    color: var(--noi-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaOwnerInsights__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.noidaOwnerInsights__disclaimer {
    margin: 23px 0 0;
    color: var(--noi-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* RESPONSIVE */

@media (max-width: 1050px) {
    .noidaOwnerInsights__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noidaOwnerInsights__sectionHeading {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .noidaOwnerInsights__sectionHeading > p {
        max-width: 700px;
    }
}

@media (max-width: 720px) {
    .noidaOwnerInsights__intro {
        padding: 43px 0 35px;
    }

    .noidaOwnerInsights__container {
        width: calc(100% - 32px);
    }

    .noidaOwnerInsights__intro h1 {
        font-size: clamp(32px, 8vw, 41px);
        letter-spacing: -0.6px;
    }

    .noidaOwnerInsights__introText {
        font-size: 17px;
        line-height: 1.8;
    }

    .noidaOwnerInsights__introActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaOwnerInsights__button {
        width: 100%;
    }

    .noidaOwnerInsights__introMeta {
        flex-direction: column;
        gap: 10px;
    }

    .noidaOwnerInsights__main {
        padding: 43px 0 52px;
    }

    .noidaOwnerInsights__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaOwnerInsights__card {
        padding: 23px 21px 21px;
    }

    .noidaOwnerInsights__card h3 {
        font-size: 21px;
    }

    .noidaOwnerInsights__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
        padding: 24px 21px;
    }

    .noidaOwnerInsights__ctaActions {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .noidaOwnerInsights__container {
        width: calc(100% - 26px);
    }

    .noidaOwnerInsights__eyebrow {
        gap: 7px;
    }

    .noidaOwnerInsights__cardTop {
        align-items: flex-start;
    }

    .noidaOwnerInsights__category {
        max-width: 67%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaOwnerInsights__card,
    .noidaOwnerInsights__card::before,
    .noidaOwnerInsights__button,
    .noidaOwnerInsights__articleLink span {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — A2Z VALUERS PRACTICE INTRO
   Namespace: noidaPracticeIntro
========================================================= */

.noidaPracticeIntro,
.noidaPracticeIntro *,
.noidaPracticeGeography,
.noidaPracticeGeography *,
.noidaPracticeScope,
.noidaPracticeScope *,
.noidaPracticeEngage,
.noidaPracticeEngage * {
    box-sizing: border-box;
}

.noidaPracticeIntro {
    --npi-navy: #092f62;
    --npi-dark: #061d3d;
    --npi-deep: #04152d;
    --npi-gold: #b97800;
    --npi-gold-light: #d99a16;
    --npi-gold-bright: #f0b429;
    --npi-text: #293b51;
    --npi-muted: #59697c;
    --npi-border: #dce4ef;

    padding: 65px 0 50px;
    color: var(--npi-text);
    background:
        radial-gradient(ellipse at 90% 5%, rgba(217,154,22,.09), transparent 35%),
        linear-gradient(135deg, #fff, #f4f7fc);
    font-family: inherit;
}

.noidaPracticeIntro__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeIntro__topline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    color: var(--npi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPracticeIntro__topline i {
    width: 29px;
    height: 2px;
    background: var(--npi-gold-light);
}

.noidaPracticeIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: clamp(35px, 5vw, 75px);
    align-items: center;
}

.noidaPracticeIntro__content {
    min-width: 0;
}

.noidaPracticeIntro__eyebrow,
.noidaPracticeGeography__eyebrow,
.noidaPracticeScope__eyebrow,
.noidaPracticeEngage__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--npi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaPracticeIntro h2 {
    margin: 0 0 20px;
    color: var(--npi-dark);
    font-size: clamp(32px, 3.4vw, 46px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.8px;
}

.noidaPracticeIntro h2 strong {
    color: var(--npi-navy);
    font-weight: 850;
}

.noidaPracticeIntro__content > p {
    margin: 0 0 16px;
    color: var(--npi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaPracticeIntro__content > p strong {
    color: var(--npi-navy);
    font-weight: 800;
}

.noidaPracticeIntro__lead {
    color: var(--npi-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.noidaPracticeIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 25px;
}

.noidaPracticeIntro__button,
.noidaPracticeScope__button,
.noidaPracticeEngage__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--npi-deep) !important;
    background: linear-gradient(135deg, var(--npi-gold-bright), var(--npi-gold-light));
    box-shadow: 0 9px 23px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaPracticeIntro__button:hover,
.noidaPracticeScope__button:hover,
.noidaPracticeEngage__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.3);
}

.noidaPracticeIntro__call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--npi-navy) !important;
    text-decoration: none !important;
}

.noidaPracticeIntro__callIcon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4dfed;
    border-radius: 50%;
    color: var(--npi-gold);
    background: #fff;
    font-size: 19px;
}

.noidaPracticeIntro__call small,
.noidaPracticeIntro__call strong {
    display: block;
    line-height: 1.5;
}

.noidaPracticeIntro__call small {
    color: var(--npi-muted);
    font-size: 15px;
}

.noidaPracticeIntro__call strong {
    color: var(--npi-navy);
    font-size: 17px;
    font-weight: 850;
}

.noidaPracticeIntro__profile {
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(4,21,45,.08);
}

.noidaPracticeIntro__profileHeader {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 25px 24px;
    color: #fff;
    background: linear-gradient(125deg, var(--npi-deep), var(--npi-navy));
}

.noidaPracticeIntro__monogram {
    width: 61px;
    height: 61px;
    flex: 0 0 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.6);
    border-radius: 11px;
    color: var(--npi-gold-bright);
    font-size: 23px;
    font-weight: 900;
    letter-spacing: 1px;
}

.noidaPracticeIntro__profileEyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--npi-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaPracticeIntro__profileHeader h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaPracticeIntro__profileHeader p {
    margin: 0;
    color: #e0e8f4;
    font-size: 15px;
    line-height: 1.5;
}

.noidaPracticeIntro__profileBody {
    padding: 23px 24px 12px;
}

.noidaPracticeIntro__profileBody > p {
    margin: 0 0 17px;
    color: var(--npi-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaPracticeIntro__detail {
    padding: 13px 0;
    border-top: 1px solid #e8edf4;
}

.noidaPracticeIntro__detail span,
.noidaPracticeIntro__detail strong {
    display: block;
    line-height: 1.55;
}

.noidaPracticeIntro__detail span {
    margin-bottom: 4px;
    color: var(--npi-gold);
    font-size: 15px;
    font-weight: 800;
}

.noidaPracticeIntro__detail strong {
    color: var(--npi-navy);
    font-size: 15px;
    font-weight: 750;
}

.noidaPracticeIntro__profileLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 24px 24px;
    padding: 15px 17px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: var(--npi-navy) !important;
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 850;
    text-decoration: none !important;
}

.noidaPracticeIntro__profileLink span {
    color: var(--npi-gold);
    font-size: 20px;
}

.noidaPracticeIntro__profileLink:hover {
    border-color: var(--npi-gold-light);
    background: #fffaf0;
}

.noidaPracticeIntro__bottomline {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid #dce4ef;
    color: var(--npi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: .7px;
}

.noidaPracticeIntro__bottomline i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--npi-gold-light);
}


/* =========================================================
   SECTION 2 — NOIDA GEOGRAPHY
   Namespace: noidaPracticeGeography
========================================================= */

.noidaPracticeGeography {
    --npg-navy: #092f62;
    --npg-dark: #061d3d;
    --npg-gold: #b97800;
    --npg-gold-light: #d99a16;
    --npg-text: #293b51;
    --npg-muted: #59697c;
    --npg-border: #dce4ef;

    padding: 78px 0;
    color: var(--npg-text);
    background: #fff;
    font-family: inherit;
}

.noidaPracticeGeography__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeGeography__heading {
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
}

.noidaPracticeGeography__heading h2,
.noidaPracticeScope__heading h2,
.noidaPracticeEngage__heading h2 {
    margin: 0 0 16px;
    color: var(--npg-dark);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.7px;
}

.noidaPracticeGeography__heading h2 strong,
.noidaPracticeScope__heading h2 strong,
.noidaPracticeEngage__heading h2 strong {
    color: var(--npg-navy);
    font-weight: 850;
}

.noidaPracticeGeography__heading p,
.noidaPracticeScope__heading p,
.noidaPracticeEngage__heading p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--npg-muted);
    font-size: 17px;
    line-height: 1.8;
}

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

.noidaPracticeGeography__card {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 24px 23px;
    border: 1px solid var(--npg-border);
    border-radius: 12px;
    background: linear-gradient(150deg, #fff, #f8fafd);
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.noidaPracticeGeography__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(90deg, var(--npg-navy), var(--npg-gold-light));
}

.noidaPracticeGeography__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(4,21,45,.09);
}

.noidaPracticeGeography__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.noidaPracticeGeography__number {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce5f0;
    border-radius: 9px;
    color: var(--npg-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaPracticeGeography__category {
    color: var(--npg-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaPracticeGeography__card h3 {
    margin: 0 0 12px;
    color: var(--npg-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.42;
}

.noidaPracticeGeography__card h3 strong,
.noidaPracticeGeography__card p strong {
    color: var(--npg-navy);
    font-weight: 850;
}

.noidaPracticeGeography__card p {
    flex: 1;
    margin: 0 0 22px;
    color: var(--npg-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeGeography__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--npg-border);
    color: var(--npg-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
    text-decoration: none !important;
}

.noidaPracticeGeography__link span {
    color: var(--npg-gold);
    font-size: 21px;
    transition: transform .2s ease;
}

.noidaPracticeGeography__link:hover {
    color: var(--npg-gold) !important;
}

.noidaPracticeGeography__link:hover span {
    transform: translateX(4px);
}

.noidaPracticeGeography__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 30px;
    padding: 21px 23px;
    border: 1px solid rgba(217,154,22,.35);
    border-radius: 10px;
    background: #fffaf0;
}

.noidaPracticeGeography__noticeMark {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--npg-navy);
    font-size: 17px;
    font-weight: 850;
}

.noidaPracticeGeography__notice p {
    margin: 0;
    color: var(--npg-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaPracticeGeography__notice strong {
    color: var(--npg-navy);
    font-weight: 850;
}


/* =========================================================
   SECTION 3 — PROFESSIONAL SCOPE
   Namespace: noidaPracticeScope
========================================================= */

.noidaPracticeScope {
    --nps-navy: #092f62;
    --nps-dark: #061d3d;
    --nps-deep: #04152d;
    --nps-gold: #b97800;
    --nps-gold-light: #d99a16;
    --nps-gold-bright: #f0b429;
    --nps-muted: #59697c;
    --nps-border: #dce4ef;

    padding: 78px 0;
    color: #293b51;
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.noidaPracticeScope__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeScope__heading {
    max-width: 860px;
    margin: 0 auto 32px;
    text-align: center;
}

.noidaPracticeScope__heading h2 {
    color: var(--nps-dark);
}

.noidaPracticeScope__heading h2 strong {
    color: var(--nps-navy);
}

.noidaPracticeScope__heading p {
    color: var(--nps-muted);
}

.noidaPracticeScope__intro {
    display: flex;
    align-items: center;
    gap: 19px;
    max-width: 1020px;
    margin: 0 auto 31px;
    padding: 24px 27px;
    border: 1px solid #dce4ef;
    border-left: 4px solid var(--nps-gold-light);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(4,21,45,.04);
}

.noidaPracticeScope__introMark {
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nps-gold-bright);
    background: var(--nps-navy);
    font-size: 21px;
    font-weight: 900;
}

.noidaPracticeScope__intro p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeScope__intro strong {
    color: var(--nps-navy);
    font-weight: 850;
}

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

.noidaPracticeScope__credential {
    position: relative;
    padding: 26px 25px 25px;
    border: 1px solid var(--nps-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(4,21,45,.035);
}

.noidaPracticeScope__credentialNo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 15px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 8px;
    color: var(--nps-navy);
    background: #fff7e5;
    font-size: 16px;
    font-weight: 900;
}

.noidaPracticeScope__credential h3 {
    margin: 0 0 10px;
    color: var(--nps-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaPracticeScope__credential h3 strong {
    color: var(--nps-navy);
    font-weight: 850;
}

.noidaPracticeScope__credential p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeScope__credential p strong {
    color: var(--nps-navy);
    font-weight: 800;
}

.noidaPracticeScope__framework {
    margin-top: 35px;
    padding: 30px;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(130deg, var(--nps-deep), var(--nps-navy));
    box-shadow: 0 15px 38px rgba(4,21,45,.12);
}

.noidaPracticeScope__frameworkHeading {
    margin-bottom: 25px;
}

.noidaPracticeScope__frameworkHeading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nps-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPracticeScope__frameworkHeading h3 {
    margin: 0;
    color: #fff;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaPracticeScope__frameworkGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.noidaPracticeScope__factor {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 15px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
}

.noidaPracticeScope__factor > span {
    flex: 0 0 30px;
    color: var(--nps-gold-bright);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaPracticeScope__factor h4 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaPracticeScope__factor p {
    margin: 0;
    color: #e0e8f4;
    font-size: 15px;
    line-height: 1.7;
}

.noidaPracticeScope__disclaimer {
    margin: 18px 0 0;
    color: var(--nps-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPracticeScope__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px 30px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 12px;
    background: #fff;
}

.noidaPracticeScope__cta > div:first-child {
    flex: 1;
    min-width: 0;
}

.noidaPracticeScope__cta > div:first-child > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nps-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaPracticeScope__cta h3 {
    margin: 0 0 7px;
    color: var(--nps-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPracticeScope__cta p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.7;
}

.noidaPracticeScope__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.noidaPracticeScope__phone {
    display: inline-flex;
    justify-content: center;
    padding: 9px;
    color: var(--nps-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 4 — ENGAGEMENT & CONTACT
   Namespace: noidaPracticeEngage
========================================================= */

.noidaPracticeEngage {
    --npe-navy: #092f62;
    --npe-dark: #061d3d;
    --npe-deep: #04152d;
    --npe-gold: #b97800;
    --npe-gold-light: #d99a16;
    --npe-gold-bright: #f0b429;
    --npe-muted: #59697c;
    --npe-border: #dce4ef;

    padding: 78px 0 82px;
    color: #293b51;
    background: #fff;
    font-family: inherit;
}

.noidaPracticeEngage__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeEngage__heading {
    max-width: 840px;
    margin: 0 auto 40px;
    text-align: center;
}

.noidaPracticeEngage__heading h2 {
    color: var(--npe-dark);
}

.noidaPracticeEngage__heading h2 strong {
    color: var(--npe-navy);
}

.noidaPracticeEngage__heading p {
    color: var(--npe-muted);
}

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

.noidaPracticeEngage__step {
    min-width: 0;
    padding: 25px 24px;
    border: 1px solid var(--npe-border);
    border-radius: 11px;
    background: linear-gradient(150deg, #fff, #f8fafd);
    box-shadow: 0 7px 23px rgba(4,21,45,.04);
}

.noidaPracticeEngage__stepHead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.noidaPracticeEngage__stepNo {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--npe-gold-bright);
    background: var(--npe-navy);
    font-size: 18px;
    font-weight: 900;
}

.noidaPracticeEngage__stepLabel {
    color: var(--npe-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .5px;
}

.noidaPracticeEngage__step h3 {
    margin: 0 0 11px;
    color: var(--npe-dark);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaPracticeEngage__step p {
    margin: 0;
    color: var(--npe-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeEngage__step p strong {
    color: var(--npe-navy);
    font-weight: 850;
}

/* FINAL CONTACT PANEL */

.noidaPracticeEngage__contactPanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
    gap: 35px;
    margin-top: 40px;
    padding: 35px;
    border: 1px solid rgba(217,154,22,.35);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.11), transparent 36%),
        linear-gradient(130deg, #f4f7fc, #fff);
}

.noidaPracticeEngage__contactMain {
    min-width: 0;
}

.noidaPracticeEngage__contactEyebrow {
    display: block;
    margin-bottom: 11px;
    color: var(--npe-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaPracticeEngage__contactMain h3 {
    margin: 0 0 14px;
    color: var(--npe-dark);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 650;
    line-height: 1.25;
}

.noidaPracticeEngage__contactMain h3 strong {
    color: var(--npe-navy);
    font-weight: 850;
}

.noidaPracticeEngage__contactMain > p {
    margin: 0;
    color: var(--npe-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeEngage__contactMain > p strong {
    color: var(--npe-navy);
    font-weight: 850;
}

.noidaPracticeEngage__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.noidaPracticeEngage__callButton {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    border: 2px solid var(--npe-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--npe-navy);
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

.noidaPracticeEngage__callButton:hover {
    transform: translateY(-2px);
    background: var(--npe-dark);
}

.noidaPracticeEngage__contactDetails {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding-left: 27px;
    border-left: 1px solid #dce4ef;
}

.noidaPracticeEngage__contactItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f0;
    text-decoration: none !important;
}

.noidaPracticeEngage__contactItem:last-child {
    border-bottom: 0;
}

.noidaPracticeEngage__contactIcon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    color: var(--npe-gold);
    background: #fff;
    font-size: 19px;
    font-weight: 850;
}

.noidaPracticeEngage__contactItem div {
    min-width: 0;
}

.noidaPracticeEngage__contactItem div span {
    display: block;
    margin-bottom: 5px;
    color: var(--npe-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPracticeEngage__contactItem div strong {
    display: block;
    color: var(--npe-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.noidaPracticeEngage__contactItem:hover div strong {
    color: var(--npe-gold);
}


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

@media (max-width: 1050px) {
    .noidaPracticeIntro__grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
        gap: 30px;
    }

    .noidaPracticeIntro__profileHeader,
    .noidaPracticeIntro__profileBody {
        padding-right: 19px;
        padding-left: 19px;
    }

    .noidaPracticeIntro__profileLink {
        margin-right: 19px;
        margin-left: 19px;
    }

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

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

    .noidaPracticeScope__cta {
        align-items: flex-start;
    }

    .noidaPracticeEngage__contactPanel {
        gap: 24px;
        padding: 28px;
    }
}

@media (max-width: 760px) {
    .noidaPracticeIntro,
    .noidaPracticeGeography,
    .noidaPracticeScope,
    .noidaPracticeEngage {
        padding: 52px 0 56px;
    }

    .noidaPracticeIntro__container,
    .noidaPracticeGeography__container,
    .noidaPracticeScope__container,
    .noidaPracticeEngage__container {
        width: calc(100% - 32px);
    }

    .noidaPracticeIntro__topline {
        margin-bottom: 24px;
    }

    .noidaPracticeIntro__grid {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .noidaPracticeIntro h2 {
        font-size: clamp(31px, 7vw, 39px);
    }

    .noidaPracticeIntro__lead {
        font-size: 17px !important;
    }

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

    .noidaPracticeIntro__button {
        width: 100%;
    }

    .noidaPracticeIntro__call {
        align-self: flex-start;
    }

    .noidaPracticeIntro__bottomline {
        justify-content: flex-start;
        gap: 9px;
        margin-top: 30px;
        font-size: 15px;
    }

    .noidaPracticeGeography__heading,
    .noidaPracticeScope__heading,
    .noidaPracticeEngage__heading {
        margin-bottom: 29px;
    }

    .noidaPracticeGeography__heading h2,
    .noidaPracticeScope__heading h2,
    .noidaPracticeEngage__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaPracticeGeography__heading p,
    .noidaPracticeScope__heading p,
    .noidaPracticeEngage__heading p {
        font-size: 16px;
    }

    .noidaPracticeGeography__grid,
    .noidaPracticeScope__credentials,
    .noidaPracticeEngage__steps {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaPracticeScope__intro {
        align-items: flex-start;
        padding: 20px;
    }

    .noidaPracticeScope__framework {
        padding: 23px 20px;
    }

    .noidaPracticeScope__frameworkHeading h3 {
        font-size: 24px;
    }

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

    .noidaPracticeScope__cta {
        flex-direction: column;
        align-items: stretch;
        padding: 23px 20px;
    }

    .noidaPracticeScope__ctaActions {
        width: 100%;
    }

    .noidaPracticeScope__button {
        width: 100%;
    }

    .noidaPracticeScope__phone {
        justify-content: center;
    }

    .noidaPracticeEngage__contactPanel {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px 20px;
    }

    .noidaPracticeEngage__actions {
        flex-direction: column;
    }

    .noidaPracticeEngage__button,
    .noidaPracticeEngage__callButton {
        width: 100%;
    }

    .noidaPracticeEngage__contactDetails {
        padding: 10px 0 0;
        border-top: 1px solid #dce4ef;
        border-left: 0;
    }
}

@media (max-width: 390px) {
    .noidaPracticeIntro__container,
    .noidaPracticeGeography__container,
    .noidaPracticeScope__container,
    .noidaPracticeEngage__container {
        width: calc(100% - 26px);
    }

    .noidaPracticeIntro__profileHeader {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaPracticeIntro__bottomline {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaPracticeIntro__bottomline i {
        display: none;
    }

    .noidaPracticeGeography__card,
    .noidaPracticeScope__credential,
    .noidaPracticeEngage__step {
        padding: 21px 19px;
    }

    .noidaPracticeGeography__cardTop {
        align-items: flex-start;
    }

    .noidaPracticeGeography__category {
        max-width: 65%;
    }

    .noidaPracticeScope__intro {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaPracticeIntro__button,
    .noidaPracticeGeography__card,
    .noidaPracticeGeography__link span,
    .noidaPracticeScope__button,
    .noidaPracticeEngage__callButton {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: CIVIL SERVICES OFFICERS' INSTITUTE ENGAGEMENT
   Namespace: csoieEngagement
========================================================= */

.csoieEngagement,
.csoieEngagement * ,
.csoieProcess,
.csoieProcess *,
.csoieIBC,
.csoieIBC * {
    box-sizing: border-box;
}

.csoieEngagement {
    --csoie-navy: #092f62;
    --csoie-dark: #061d3d;
    --csoie-deep: #04152d;
    --csoie-gold: #b97800;
    --csoie-gold-light: #d99a16;
    --csoie-gold-bright: #f0b429;
    --csoie-muted: #59697c;
    --csoie-border: #dce4ef;

    padding: 72px 0;
    color: var(--csoie-muted);
    background:
        radial-gradient(ellipse at 92% 0%, rgba(217,154,22,.10), transparent 32%),
        linear-gradient(135deg, #fff, #f3f7fc);
    font-family: inherit;
}

.csoieEngagement__container,
.csoieProcess__container,
.csoieIBC__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.csoieEngagement__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 27px;
    color: var(--csoie-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.csoieEngagement__eyebrowLine {
    width: 34px;
    height: 2px;
    background: var(--csoie-gold-light);
}

.csoieEngagement__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    align-items: center;
    gap: clamp(30px, 5vw, 70px);
}

.csoieEngagement__content h2 {
    margin: 0 0 21px;
    color: var(--csoie-dark);
    font-size: clamp(32px, 3.4vw, 45px);
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.csoieEngagement__content h2 strong {
    color: var(--csoie-navy);
    font-weight: 850;
}

.csoieEngagement__content > p {
    margin: 0 0 16px;
    color: var(--csoie-muted);
    font-size: 16px;
    line-height: 1.85;
}

.csoieEngagement__content > p strong {
    color: var(--csoie-navy);
    font-weight: 850;
}

.csoieEngagement__lead {
    color: var(--csoie-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.csoieEngagement__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 26px;
}

.csoieEngagement__button,
.csoieProcess__button,
.csoieIBC__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--csoie-deep) !important;
    background: linear-gradient(135deg, var(--csoie-gold-bright), var(--csoie-gold-light));
    box-shadow: 0 9px 23px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoieEngagement__button:hover,
.csoieProcess__button:hover,
.csoieIBC__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.3);
}

.csoieEngagement__button span,
.csoieProcess__button span,
.csoieIBC__button span {
    font-size: 20px;
}

.csoieEngagement__call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--csoie-navy) !important;
    text-decoration: none !important;
}

.csoieEngagement__callIcon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--csoie-border);
    border-radius: 50%;
    color: var(--csoie-gold);
    background: #fff;
    font-size: 19px;
}

.csoieEngagement__call small,
.csoieEngagement__call strong {
    display: block;
    line-height: 1.5;
}

.csoieEngagement__call small {
    color: var(--csoie-muted);
    font-size: 15px;
}

.csoieEngagement__call strong {
    color: var(--csoie-navy);
    font-size: 17px;
    font-weight: 850;
}

.csoieEngagement__note {
    margin-top: 20px !important;
    padding-left: 13px;
    border-left: 2px solid var(--csoie-gold-light);
    font-size: 15px !important;
}

.csoieEngagement__panel {
    overflow: hidden;
    border: 1px solid var(--csoie-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 17px 45px rgba(4,21,45,.08);
}

.csoieEngagement__panelTop {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 25px;
    color: #fff;
    background: linear-gradient(130deg, var(--csoie-deep), var(--csoie-navy));
}

.csoieEngagement__panelMark {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.6);
    border-radius: 10px;
    color: var(--csoie-gold-bright);
    font-size: 22px;
    font-weight: 900;
}

.csoieEngagement__panelTop > div > span {
    display: block;
    margin-bottom: 7px;
    color: var(--csoie-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.csoieEngagement__panelTop h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieEngagement__panelList {
    padding: 7px 24px 0;
}

.csoieEngagement__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 19px 0;
    border-bottom: 1px solid #e8edf4;
}

.csoieEngagement__itemNo {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.35);
    border-radius: 8px;
    color: var(--csoie-navy);
    background: #fff8e8;
    font-size: 15px;
    font-weight: 900;
}

.csoieEngagement__item h4 {
    margin: 0 0 6px;
    color: var(--csoie-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.csoieEngagement__item p {
    margin: 0;
    color: var(--csoie-muted);
    font-size: 15px;
    line-height: 1.7;
}

.csoieEngagement__panelLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 20px 24px 24px;
    padding: 15px 17px;
    border: 1px solid var(--csoie-border);
    border-radius: 8px;
    color: var(--csoie-navy) !important;
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 850;
    text-decoration: none !important;
}

.csoieEngagement__panelLink span {
    color: var(--csoie-gold);
    font-size: 20px;
}


/* =========================================================
   SECTION 2: ENGAGEMENT PROCESS
   Namespace: csoieProcess
========================================================= */

.csoieProcess {
    --csoip-navy: #092f62;
    --csoip-dark: #061d3d;
    --csoip-deep: #04152d;
    --csoip-gold: #b97800;
    --csoip-gold-light: #d99a16;
    --csoip-gold-bright: #f0b429;
    --csoip-muted: #59697c;
    --csoip-border: #dce4ef;

    padding: 78px 0;
    color: var(--csoip-muted);
    background: #fff;
    font-family: inherit;
}

.csoieProcess__heading {
    max-width: 840px;
    margin: 0 auto 40px;
    text-align: center;
}

.csoieProcess__eyebrow,
.csoieIBC__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--csoip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.csoieProcess__heading h2,
.csoieIBC__heading h2 {
    margin: 0 0 16px;
    color: var(--csoip-dark);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -.6px;
}

.csoieProcess__heading h2 strong,
.csoieIBC__heading h2 strong {
    color: var(--csoip-navy);
    font-weight: 850;
}

.csoieProcess__heading p,
.csoieIBC__heading p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--csoip-muted);
    font-size: 17px;
    line-height: 1.8;
}

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

.csoieProcess__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px 24px;
    border: 1px solid var(--csoip-border);
    border-radius: 11px;
    background: linear-gradient(150deg, #fff, #f7f9fc);
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoieProcess__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 32px rgba(4,21,45,.08);
}

.csoieProcess__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.csoieProcess__number {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--csoip-gold-bright);
    background: var(--csoip-navy);
    font-size: 18px;
    font-weight: 900;
}

.csoieProcess__tag {
    color: var(--csoip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.csoieProcess__card h3 {
    margin: 0 0 12px;
    color: var(--csoip-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieProcess__card p {
    margin: 0 0 17px;
    color: var(--csoip-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoieProcess__card p strong {
    color: var(--csoip-navy);
    font-weight: 850;
}

.csoieProcess__card ul {
    margin: auto 0 0;
    padding: 16px 0 0;
    border-top: 1px solid var(--csoip-border);
    list-style: none;
}

.csoieProcess__card li {
    position: relative;
    margin: 0 0 11px;
    padding-left: 22px;
    color: var(--csoip-muted);
    font-size: 15px;
    line-height: 1.65;
}

.csoieProcess__card li:last-child {
    margin-bottom: 0;
}

.csoieProcess__card li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--csoip-gold-light);
}

.csoieProcess__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 28px 30px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 12px;
    background: linear-gradient(125deg, #f4f7fc, #fffaf0);
}

.csoieProcess__bottomContent {
    flex: 1;
    min-width: 0;
}

.csoieProcess__bottomContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--csoip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoieProcess__bottomContent h3 {
    margin: 0 0 8px;
    color: var(--csoip-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieProcess__bottomContent p {
    margin: 0;
    color: var(--csoip-muted);
    font-size: 16px;
    line-height: 1.75;
}

.csoieProcess__bottomActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    flex: 0 0 auto;
}

.csoieProcess__phone,
.csoieIBC__phone {
    display: inline-flex;
    justify-content: center;
    padding: 9px 10px;
    color: var(--csoip-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3: UNDERSTANDING IBC STATUS
   Namespace: csoieIBC
========================================================= */

.csoieIBC {
    --csoib-navy: #092f62;
    --csoib-dark: #061d3d;
    --csoib-deep: #04152d;
    --csoib-gold: #b97800;
    --csoib-gold-light: #d99a16;
    --csoib-gold-bright: #f0b429;
    --csoib-muted: #59697c;
    --csoib-border: #dce4ef;

    padding: 78px 0;
    color: var(--csoib-muted);
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.csoieIBC__heading {
    max-width: 870px;
    margin: 0 auto 32px;
    text-align: center;
}

.csoieIBC__eyebrow {
    color: var(--csoib-gold);
}

.csoieIBC__heading h2 {
    color: var(--csoib-dark);
}

.csoieIBC__heading h2 strong {
    color: var(--csoib-navy);
}

.csoieIBC__heading p {
    color: var(--csoib-muted);
}

.csoieIBC__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 1020px;
    margin: 0 auto 28px;
    padding: 21px 23px;
    border: 1px solid rgba(217,154,22,.4);
    border-left: 4px solid var(--csoib-gold-light);
    border-radius: 10px;
    background: #fffaf0;
}

.csoieIBC__noticeIcon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--csoib-gold-bright);
    background: var(--csoib-navy);
    font-size: 18px;
    font-weight: 900;
}

.csoieIBC__notice strong {
    display: block;
    margin-bottom: 5px;
    color: var(--csoib-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.csoieIBC__notice p {
    margin: 0;
    color: var(--csoib-muted);
    font-size: 16px;
    line-height: 1.8;
}

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

.csoieIBC__card {
    position: relative;
    min-width: 0;
    padding: 26px 24px;
    border: 1px solid var(--csoib-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(4,21,45,.045);
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoieIBC__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 11px 11px 0 0;
    background: linear-gradient(90deg, var(--csoib-navy), var(--csoib-gold-light));
}

.csoieIBC__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(4,21,45,.08);
}

.csoieIBC__step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    margin-bottom: 18px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 9px;
    color: var(--csoib-navy);
    background: #fff8e8;
    font-size: 17px;
    font-weight: 900;
}

.csoieIBC__card h3 {
    margin: 0 0 14px;
    color: var(--csoib-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.csoieIBC__card h3 strong {
    color: var(--csoib-navy);
    font-weight: 850;
}

.csoieIBC__card p {
    margin: 0 0 14px;
    color: var(--csoib-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoieIBC__card p:last-child {
    margin-bottom: 0;
}

.csoieIBC__card p strong {
    color: var(--csoib-navy);
    font-weight: 850;
}

.csoieIBC__card ul {
    margin: 13px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid var(--csoib-border);
    list-style: none;
}

.csoieIBC__card li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 22px;
    color: var(--csoib-muted);
    font-size: 15px;
    line-height: 1.65;
}

.csoieIBC__card li:last-child {
    margin-bottom: 0;
}

.csoieIBC__card li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--csoib-gold-light);
}

.csoieIBC__checklist {
    margin-top: 32px;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(130deg, var(--csoib-deep), var(--csoib-navy));
}

.csoieIBC__checklistHeading {
    margin-bottom: 23px;
}

.csoieIBC__checklistHeading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--csoib-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.csoieIBC__checklistHeading h3 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieIBC__checklistGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.csoieIBC__check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
}

.csoieIBC__check > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--csoib-deep);
    background: var(--csoib-gold-bright);
    font-size: 16px;
    font-weight: 900;
}

.csoieIBC__check p {
    margin: 0;
    color: #e4ebf5;
    font-size: 15px;
    line-height: 1.75;
}

.csoieIBC__check p strong {
    color: #fff;
    font-weight: 850;
}

.csoieIBC__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 30px;
    padding: 29px 30px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 12px;
    background: #fff;
}

.csoieIBC__ctaContent {
    flex: 1;
    min-width: 0;
}

.csoieIBC__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--csoib-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoieIBC__ctaContent h3 {
    margin: 0 0 10px;
    color: var(--csoib-dark);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieIBC__ctaContent p {
    margin: 0;
    color: var(--csoib-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoieIBC__ctaActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    flex: 0 0 auto;
}

.csoieIBC__phone {
    color: var(--csoib-navy) !important;
}


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

@media (max-width: 1020px) {
    .csoieEngagement__layout {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .9fr);
        gap: 28px;
    }

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

    .csoieProcess__card:last-child,
    .csoieIBC__card:last-child {
        grid-column: 1 / -1;
    }

    .csoieProcess__bottom,
    .csoieIBC__cta {
        align-items: flex-start;
    }
}

@media (max-width: 760px) {
    .csoieEngagement,
    .csoieProcess,
    .csoieIBC {
        padding: 54px 0;
    }

    .csoieEngagement__container,
    .csoieProcess__container,
    .csoieIBC__container {
        width: calc(100% - 32px);
    }

    .csoieEngagement__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .csoieEngagement__content h2 {
        font-size: clamp(31px, 7vw, 38px);
    }

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

    .csoieEngagement__button,
    .csoieProcess__button,
    .csoieIBC__button {
        width: 100%;
    }

    .csoieEngagement__call {
        align-self: flex-start;
    }

    .csoieProcess__heading,
    .csoieIBC__heading {
        margin-bottom: 29px;
    }

    .csoieProcess__heading h2,
    .csoieIBC__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .csoieProcess__heading p,
    .csoieIBC__heading p {
        font-size: 16px;
    }

    .csoieProcess__grid,
    .csoieIBC__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .csoieProcess__card:last-child,
    .csoieIBC__card:last-child {
        grid-column: auto;
    }

    .csoieProcess__bottom,
    .csoieIBC__cta {
        flex-direction: column;
        align-items: stretch;
        padding: 23px 20px;
    }

    .csoieProcess__bottomActions,
    .csoieIBC__ctaActions {
        width: 100%;
    }

    .csoieProcess__phone,
    .csoieIBC__phone {
        justify-content: center;
    }

    .csoieIBC__checklist {
        padding: 23px 19px;
    }

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

    .csoieIBC__notice {
        padding: 18px;
    }
}

@media (max-width: 390px) {
    .csoieEngagement__container,
    .csoieProcess__container,
    .csoieIBC__container {
        width: calc(100% - 26px);
    }

    .csoieEngagement__panelTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .csoieEngagement__panelList {
        padding-right: 18px;
        padding-left: 18px;
    }

    .csoieEngagement__panelLink {
        margin-right: 18px;
        margin-left: 18px;
    }

    .csoieProcess__card,
    .csoieIBC__card {
        padding: 22px 19px;
    }

    .csoieIBC__notice {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .csoieEngagement__button,
    .csoieProcess__button,
    .csoieIBC__button,
    .csoieProcess__card,
    .csoieIBC__card {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — INTRODUCTION
   Namespace: jaypeeSCIntro
========================================================= */

.jaypeeSCIntro,
.jaypeeSCIntro *,
.jaypeeSCTimeline,
.jaypeeSCTimeline *,
.jaypeeSCAction,
.jaypeeSCAction * {
    box-sizing: border-box;
}

.jaypeeSCIntro {
    --jpi-navy: #092f62;
    --jpi-dark: #061d3d;
    --jpi-deep: #04152d;
    --jpi-gold: #b97800;
    --jpi-gold-light: #d99a16;
    --jpi-gold-bright: #f0b429;
    --jpi-text: #293b51;
    --jpi-muted: #59697c;
    --jpi-border: #dce4ef;

    padding: 70px 0;
    color: var(--jpi-text);
    background:
        radial-gradient(ellipse at 95% 0%, rgba(217,154,22,.10), transparent 35%),
        linear-gradient(135deg, #fff, #f4f7fc);
    font-family: inherit;
}

.jaypeeSCIntro__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.jaypeeSCIntro__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 29px;
    color: var(--jpi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.jaypeeSCIntro__eyebrow i {
    width: 28px;
    height: 2px;
    background: var(--jpi-gold-light);
}

.jaypeeSCIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr);
    gap: clamp(32px, 5vw, 68px);
    align-items: center;
}

.jaypeeSCIntro__content {
    min-width: 0;
}

.jaypeeSCIntro__kicker,
.jaypeeSCTimeline__eyebrow,
.jaypeeSCAction__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--jpi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.jaypeeSCIntro__content h2 {
    margin: 0 0 21px;
    color: var(--jpi-dark);
    font-size: clamp(32px, 4vw, 47px);
    font-weight: 650;
    line-height: 1.17;
    letter-spacing: -.7px;
}

.jaypeeSCIntro__content h2 strong {
    color: var(--jpi-navy);
    font-weight: 900;
}

.jaypeeSCIntro__content > p {
    margin: 0 0 17px;
    color: var(--jpi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.jaypeeSCIntro__content > p strong {
    color: var(--jpi-navy);
    font-weight: 850;
}

.jaypeeSCIntro__lead {
    color: var(--jpi-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.jaypeeSCIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 26px;
}

.jaypeeSCIntro__button,
.jaypeeSCAction__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--jpi-deep) !important;
    background: linear-gradient(135deg, var(--jpi-gold-bright), var(--jpi-gold-light));
    box-shadow: 0 9px 24px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.jaypeeSCIntro__button:hover,
.jaypeeSCAction__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 29px rgba(185,120,0,.3);
}

.jaypeeSCIntro__phone {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--jpi-navy) !important;
    text-decoration: none !important;
}

.jaypeeSCIntro__phoneIcon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--jpi-border);
    border-radius: 50%;
    color: var(--jpi-gold);
    background: #fff;
    font-size: 19px;
}

.jaypeeSCIntro__phone small,
.jaypeeSCIntro__phone strong {
    display: block;
    line-height: 1.55;
}

.jaypeeSCIntro__phone small {
    color: var(--jpi-muted);
    font-size: 15px;
}

.jaypeeSCIntro__phone strong {
    color: var(--jpi-navy);
    font-size: 17px;
    font-weight: 900;
}

.jaypeeSCIntro__note {
    margin-top: 22px !important;
    padding-left: 14px;
    border-left: 3px solid var(--jpi-gold-light);
    font-size: 15px !important;
}

.jaypeeSCIntro__summary {
    overflow: hidden;
    padding: 27px;
    border: 1px solid var(--jpi-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,21,45,.08);
}

.jaypeeSCIntro__summaryTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.jaypeeSCIntro__summaryTag {
    padding: 7px 11px;
    border-radius: 5px;
    color: var(--jpi-gold);
    background: #fff5dd;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: .5px;
}

.jaypeeSCIntro__summaryDate {
    color: var(--jpi-muted);
    font-size: 15px;
    font-weight: 850;
}

.jaypeeSCIntro__summary h3 {
    margin: 0 0 21px;
    color: var(--jpi-dark);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.jaypeeSCIntro__summaryItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-top: 1px solid #e8edf4;
}

.jaypeeSCIntro__summaryNo {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9d5a8;
    border-radius: 8px;
    color: var(--jpi-navy);
    background: #fffaf0;
    font-size: 15px;
    font-weight: 900;
}

.jaypeeSCIntro__summaryItem strong {
    display: block;
    margin-bottom: 5px;
    color: var(--jpi-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.jaypeeSCIntro__summaryItem p {
    margin: 0;
    color: var(--jpi-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCIntro__sourceLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 15px 16px;
    border-radius: 7px;
    color: #fff !important;
    background: var(--jpi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.jaypeeSCIntro__sourceLink span {
    color: var(--jpi-gold-bright);
    font-size: 19px;
}

.jaypeeSCIntro__sourceLink:hover {
    background: var(--jpi-dark);
}


/* =========================================================
   SECTION 2 — SUPREME COURT TIMELINE
   Namespace: jaypeeSCTimeline
========================================================= */

.jaypeeSCTimeline {
    --jpt-navy: #092f62;
    --jpt-dark: #061d3d;
    --jpt-deep: #04152d;
    --jpt-gold: #b97800;
    --jpt-gold-light: #d99a16;
    --jpt-gold-bright: #f0b429;
    --jpt-text: #293b51;
    --jpt-muted: #59697c;
    --jpt-border: #dce4ef;

    padding: 76px 0;
    color: var(--jpt-text);
    background: #fff;
    font-family: inherit;
}

.jaypeeSCTimeline__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jaypeeSCTimeline__heading {
    max-width: 820px;
    margin: 0 auto 39px;
    text-align: center;
}

.jaypeeSCTimeline__heading h2,
.jaypeeSCAction__heading h2 {
    margin: 0 0 15px;
    color: var(--jpt-dark);
    font-size: clamp(30px, 3.3vw, 42px);
    font-weight: 650;
    line-height: 1.23;
    letter-spacing: -.5px;
}

.jaypeeSCTimeline__heading h2 strong,
.jaypeeSCAction__heading h2 strong {
    color: var(--jpt-navy);
    font-weight: 900;
}

.jaypeeSCTimeline__heading p,
.jaypeeSCAction__heading p {
    margin: 0;
    color: var(--jpt-muted);
    font-size: 16px;
    line-height: 1.85;
}

.jaypeeSCTimeline__list {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.jaypeeSCTimeline__card {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 25px;
    padding: 27px;
    border: 1px solid var(--jpt-border);
    border-radius: 12px;
    background: linear-gradient(135deg, #fff, #f8fafd);
    box-shadow: 0 7px 24px rgba(4,21,45,.04);
}

.jaypeeSCTimeline__date {
    width: 83px;
    height: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(145deg, var(--jpt-deep), var(--jpt-navy));
}

.jaypeeSCTimeline__date > span {
    color: var(--jpt-gold-bright);
    font-size: 29px;
    font-weight: 900;
    line-height: 1.1;
}

.jaypeeSCTimeline__date > strong {
    margin-top: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.jaypeeSCTimeline__date > small {
    margin-top: 3px;
    color: #dce6f4;
    font-size: 15px;
    font-weight: 750;
}

.jaypeeSCTimeline__date--current {
    border: 1px solid rgba(217,154,22,.5);
}

.jaypeeSCTimeline__body {
    min-width: 0;
}

.jaypeeSCTimeline__label {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--jpt-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.jaypeeSCTimeline__body h3 {
    margin: 0 0 13px;
    color: var(--jpt-dark);
    font-size: 23px;
    font-weight: 650;
    line-height: 1.4;
}

.jaypeeSCTimeline__body h3 strong {
    color: var(--jpt-navy);
    font-weight: 900;
}

.jaypeeSCTimeline__body p {
    margin: 0 0 13px;
    color: var(--jpt-muted);
    font-size: 16px;
    line-height: 1.8;
}

.jaypeeSCTimeline__body p strong {
    color: var(--jpt-navy);
    font-weight: 850;
}

.jaypeeSCTimeline__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(185,120,0,.4);
    color: var(--jpt-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.jaypeeSCTimeline__link span {
    color: var(--jpt-gold);
    font-size: 18px;
}

.jaypeeSCTimeline__link:hover {
    color: var(--jpt-gold) !important;
}

.jaypeeSCTimeline__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 27px;
    padding: 22px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 10px;
    background: #fffaf0;
}

.jaypeeSCTimeline__noticeIcon {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--jpt-navy);
    font-size: 18px;
    font-weight: 900;
}

.jaypeeSCTimeline__notice strong {
    display: block;
    margin-bottom: 6px;
    color: var(--jpt-dark);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.6;
}

.jaypeeSCTimeline__notice p {
    margin: 0;
    color: var(--jpt-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 3 — DOCUMENTS & VALUATION CTA
   Namespace: jaypeeSCAction
========================================================= */

.jaypeeSCAction {
    --jpa-navy: #092f62;
    --jpa-dark: #061d3d;
    --jpa-deep: #04152d;
    --jpa-gold: #b97800;
    --jpa-gold-light: #d99a16;
    --jpa-gold-bright: #f0b429;
    --jpa-text: #293b51;
    --jpa-muted: #59697c;
    --jpa-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--jpa-text);
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.jaypeeSCAction__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.jaypeeSCAction__heading {
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

.jaypeeSCAction__heading h2 {
    color: var(--jpa-dark);
}

.jaypeeSCAction__heading h2 strong {
    color: var(--jpa-navy);
}

.jaypeeSCAction__heading p {
    color: var(--jpa-muted);
}

.jaypeeSCAction__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr);
    gap: 24px;
    align-items: start;
}

.jaypeeSCAction__checklist {
    padding: 28px;
    border: 1px solid var(--jpa-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(4,21,45,.04);
}

.jaypeeSCAction__checklist h3 {
    margin: 0 0 9px;
    color: var(--jpa-dark);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.4;
}

.jaypeeSCAction__checklist > p {
    margin: 0 0 22px;
    color: var(--jpa-muted);
    font-size: 16px;
    line-height: 1.8;
}

.jaypeeSCAction__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jaypeeSCAction__list li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 0;
    border-top: 1px solid #e8edf4;
}

.jaypeeSCAction__list li > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--jpa-navy);
    background: #fff3d5;
    font-size: 17px;
    font-weight: 900;
}

.jaypeeSCAction__list li strong {
    display: block;
    margin-bottom: 5px;
    color: var(--jpa-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.55;
}

.jaypeeSCAction__list li p {
    margin: 0;
    color: var(--jpa-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCAction__valuation {
    padding: 29px;
    border: 1px solid rgba(217,154,22,.42);
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 35%),
        #fff;
    box-shadow: 0 10px 29px rgba(4,21,45,.06);
}

.jaypeeSCAction__valuationTag {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 10px;
    border-radius: 5px;
    color: var(--jpa-gold);
    background: #fff5dd;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .6px;
}

.jaypeeSCAction__valuation h3 {
    margin: 0 0 14px;
    color: var(--jpa-dark);
    font-size: 26px;
    font-weight: 650;
    line-height: 1.35;
}

.jaypeeSCAction__valuation h3 strong {
    color: var(--jpa-navy);
    font-weight: 900;
}

.jaypeeSCAction__valuation > p {
    margin: 0 0 18px;
    color: var(--jpa-muted);
    font-size: 16px;
    line-height: 1.8;
}

.jaypeeSCAction__useCases {
    margin: 20px 0 23px;
    border-top: 1px solid var(--jpa-border);
}

.jaypeeSCAction__useCases > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid var(--jpa-border);
}

.jaypeeSCAction__useCases span {
    color: var(--jpa-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.7;
}

.jaypeeSCAction__useCases p {
    margin: 0;
    color: var(--jpa-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}

.jaypeeSCAction__button {
    width: 100%;
}

.jaypeeSCAction__call {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 13px;
    padding: 12px;
    border: 1px solid var(--jpa-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--jpa-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    text-decoration: none !important;
    transition: background .2s ease;
}

.jaypeeSCAction__call:hover {
    background: var(--jpa-dark);
}

.jaypeeSCAction__valuation .jaypeeSCAction__smallNote {
    margin: 17px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--jpa-border);
    color: var(--jpa-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCAction__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 30px;
    padding: 25px 28px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(125deg, var(--jpa-deep), var(--jpa-navy));
}

.jaypeeSCAction__footer > div {
    min-width: 0;
}

.jaypeeSCAction__footerEyebrow {
    display: block;
    margin-bottom: 6px;
    color: var(--jpa-gold-bright);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.jaypeeSCAction__footer h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.jaypeeSCAction__footer p {
    margin: 0;
    color: #e0e8f4;
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCAction__officialLink {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 13px 17px;
    border: 1px solid var(--jpa-gold-bright);
    border-radius: 7px;
    color: var(--jpa-deep) !important;
    background: var(--jpa-gold-bright);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    text-decoration: none !important;
}

.jaypeeSCAction__officialLink:hover {
    background: var(--jpa-gold-light);
}

.jaypeeSCAction__disclaimer {
    margin: 22px 0 0;
    color: var(--jpa-muted);
    font-size: 15px;
    line-height: 1.8;
}


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

@media (max-width: 1000px) {
    .jaypeeSCIntro__grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(290px, .95fr);
        gap: 28px;
    }

    .jaypeeSCAction__grid {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .jaypeeSCAction__checklist,
    .jaypeeSCAction__valuation {
        padding: 23px;
    }

    .jaypeeSCAction__footer {
        align-items: flex-start;
    }
}

@media (max-width: 760px) {
    .jaypeeSCIntro,
    .jaypeeSCTimeline,
    .jaypeeSCAction {
        padding: 52px 0 56px;
    }

    .jaypeeSCIntro__container,
    .jaypeeSCTimeline__container,
    .jaypeeSCAction__container {
        width: calc(100% - 32px);
    }

    .jaypeeSCIntro__grid,
    .jaypeeSCAction__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .jaypeeSCIntro__content h2 {
        font-size: clamp(31px, 7vw, 39px);
    }

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

    .jaypeeSCIntro__button {
        width: 100%;
    }

    .jaypeeSCIntro__phone {
        align-self: flex-start;
    }

    .jaypeeSCIntro__summary {
        padding: 23px;
    }

    .jaypeeSCTimeline__heading,
    .jaypeeSCAction__heading {
        margin-bottom: 29px;
    }

    .jaypeeSCTimeline__heading h2,
    .jaypeeSCAction__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .jaypeeSCTimeline__card {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px;
    }

    .jaypeeSCTimeline__date {
        width: auto;
        height: auto;
        min-height: 46px;
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px;
        padding: 9px 12px;
        border-radius: 7px;
    }

    .jaypeeSCTimeline__date > span {
        font-size: 23px;
    }

    .jaypeeSCTimeline__date > strong,
    .jaypeeSCTimeline__date > small {
        margin-top: 0;
    }

    .jaypeeSCTimeline__body h3 {
        font-size: 21px;
    }

    .jaypeeSCTimeline__notice {
        padding: 18px;
    }

    .jaypeeSCAction__checklist,
    .jaypeeSCAction__valuation {
        padding: 23px 20px;
    }

    .jaypeeSCAction__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 23px 20px;
    }

    .jaypeeSCAction__officialLink {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .jaypeeSCIntro__container,
    .jaypeeSCTimeline__container,
    .jaypeeSCAction__container {
        width: calc(100% - 26px);
    }

    .jaypeeSCIntro__eyebrow {
        gap: 8px;
        font-size: 15px;
    }

    .jaypeeSCIntro__summaryTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .jaypeeSCIntro__summary h3,
    .jaypeeSCAction__valuation h3 {
        font-size: 23px;
    }

    .jaypeeSCTimeline__card {
        padding: 18px;
    }

    .jaypeeSCTimeline__notice {
        flex-direction: column;
    }

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

@media (prefers-reduced-motion: reduce) {
    .jaypeeSCIntro__button,
    .jaypeeSCAction__button,
    .jaypeeSCAction__call {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — HERO
   Unique namespace: csoi55Hero
========================================================= */

.csoi55Hero,
.csoi55Hero *,
.csoi55Guide,
.csoi55Guide *,
.csoi55Checklist,
.csoi55Checklist * {
    box-sizing: border-box;
}

.csoi55Hero {
    --c55h-navy: #092f62;
    --c55h-dark: #061d3d;
    --c55h-deep: #04152d;
    --c55h-gold: #b97800;
    --c55h-gold-light: #d99a16;
    --c55h-gold-bright: #f0b429;
    --c55h-muted: #59697c;
    --c55h-border: #dce4ef;

    padding: 66px 0 56px;
    color: var(--c55h-dark);
    background:
        radial-gradient(ellipse at 95% 5%, rgba(217,154,22,.10), transparent 33%),
        linear-gradient(135deg, #fff 0%, #f3f7fc 100%);
    font-family: inherit;
}

.csoi55Hero__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.csoi55Hero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    color: var(--c55h-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.csoi55Hero__eyebrowLine {
    width: 29px;
    height: 2px;
    background: var(--c55h-gold-light);
}

.csoi55Hero__eyebrowDivider {
    color: var(--c55h-gold);
}

.csoi55Hero__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    align-items: center;
    gap: clamp(32px, 5vw, 72px);
}

.csoi55Hero__content {
    min-width: 0;
}

.csoi55Hero__tag,
.csoi55Guide__eyebrow,
.csoi55Checklist__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--c55h-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.csoi55Hero h1 {
    margin: 0 0 19px;
    color: var(--c55h-dark);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -1px;
}

.csoi55Hero h1 strong {
    display: block;
    color: var(--c55h-navy);
    font-weight: 900;
}

.csoi55Hero h1 > span {
    display: block;
    margin-top: 6px;
}

.csoi55Hero__lead {
    margin: 0 0 16px;
    color: var(--c55h-navy);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.75;
}

.csoi55Hero__lead strong,
.csoi55Hero__description strong,
.csoi55Hero__note strong {
    color: var(--c55h-navy);
    font-weight: 850;
}

.csoi55Hero__description {
    margin: 0;
    color: var(--c55h-muted);
    font-size: 16px;
    line-height: 1.85;
}

.csoi55Hero__highlights {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
    margin-top: 25px;
}

.csoi55Hero__highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--c55h-border);
    border-radius: 9px;
    background: rgba(255,255,255,.86);
}

.csoi55Hero__highlight > span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--c55h-gold-bright);
    background: var(--c55h-navy);
    font-size: 16px;
    font-weight: 900;
}

.csoi55Hero__highlight strong,
.csoi55Hero__highlight small {
    display: block;
    line-height: 1.55;
}

.csoi55Hero__highlight strong {
    color: var(--c55h-navy);
    font-size: 16px;
    font-weight: 850;
}

.csoi55Hero__highlight small {
    margin-top: 3px;
    color: var(--c55h-muted);
    font-size: 15px;
}

.csoi55Hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 25px;
}

.csoi55Hero__button,
.csoi55Guide__button,
.csoi55Checklist__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--c55h-deep) !important;
    background: linear-gradient(135deg, var(--c55h-gold-bright), var(--c55h-gold-light));
    box-shadow: 0 9px 22px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoi55Hero__button:hover,
.csoi55Guide__button:hover,
.csoi55Checklist__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 27px rgba(185,120,0,.3);
}

.csoi55Hero__button span,
.csoi55Guide__button span,
.csoi55Checklist__button span {
    font-size: 20px;
}

.csoi55Hero__call {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--c55h-navy) !important;
    text-decoration: none !important;
}

.csoi55Hero__callIcon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c55h-border);
    border-radius: 50%;
    color: var(--c55h-gold);
    background: #fff;
    font-size: 19px;
}

.csoi55Hero__call small,
.csoi55Hero__call strong {
    display: block;
    line-height: 1.5;
}

.csoi55Hero__call small {
    color: var(--c55h-muted);
    font-size: 15px;
}

.csoi55Hero__call strong {
    color: var(--c55h-navy);
    font-size: 17px;
    font-weight: 900;
}

.csoi55Hero__note {
    margin: 23px 0 0;
    padding-top: 17px;
    border-top: 1px solid var(--c55h-border);
    color: var(--c55h-muted);
    font-size: 15px;
    line-height: 1.75;
}

.csoi55Hero__side {
    min-width: 0;
    padding: 30px;
    border: 1px solid var(--c55h-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(4,21,45,.08);
}

.csoi55Hero__sideTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
}

.csoi55Hero__sideLabel {
    color: var(--c55h-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .8px;
}

.csoi55Hero__sideMark {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 10px;
    color: var(--c55h-gold-bright);
    background: var(--c55h-navy);
    font-size: 20px;
    font-weight: 900;
}

.csoi55Hero__side h2 {
    margin: 0 0 14px;
    color: var(--c55h-dark);
    font-size: 27px;
    font-weight: 650;
    line-height: 1.35;
}

.csoi55Hero__side h2 strong {
    color: var(--c55h-navy);
    font-weight: 900;
}

.csoi55Hero__side > p {
    margin: 0 0 22px;
    color: var(--c55h-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoi55Hero__recordList {
    display: grid;
    gap: 13px;
    margin-bottom: 24px;
}

.csoi55Hero__recordList > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: var(--c55h-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.65;
}

.csoi55Hero__check {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--c55h-deep);
    background: #fff0c5;
    font-size: 15px;
    font-weight: 900;
}

.csoi55Hero__sideLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 17px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: var(--c55h-navy) !important;
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none !important;
}

.csoi55Hero__sideLink span {
    color: var(--c55h-gold);
    font-size: 20px;
}

.csoi55Hero__sideLink:hover {
    border-color: var(--c55h-gold-light);
    background: #fffaf0;
}

.csoi55Hero__sideFoot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
    color: var(--c55h-muted);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.csoi55Hero__sideFoot i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--c55h-gold-light);
}


/* =========================================================
   SECTION 2 — SECTION 55(2)(b) GUIDE
   Unique namespace: csoi55Guide
========================================================= */

.csoi55Guide {
    --c55g-navy: #092f62;
    --c55g-dark: #061d3d;
    --c55g-deep: #04152d;
    --c55g-gold: #b97800;
    --c55g-gold-light: #d99a16;
    --c55g-gold-bright: #f0b429;
    --c55g-muted: #59697c;
    --c55g-border: #dce4ef;

    padding: 78px 0;
    color: var(--c55g-dark);
    background: #fff;
    font-family: inherit;
}

.csoi55Guide__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.csoi55Guide__heading {
    max-width: 880px;
    margin: 0 auto 40px;
    text-align: center;
}

.csoi55Guide__heading h2,
.csoi55Checklist__heading h2 {
    margin: 0 0 17px;
    color: var(--c55g-dark);
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -.6px;
}

.csoi55Guide__heading h2 strong,
.csoi55Checklist__heading h2 strong {
    color: var(--c55g-navy);
    font-weight: 900;
}

.csoi55Guide__heading > p,
.csoi55Checklist__heading > p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 17px;
    line-height: 1.85;
}

.csoi55Guide__heading > p strong,
.csoi55Checklist__heading > p strong {
    color: var(--c55g-navy);
    font-weight: 850;
}

.csoi55Guide__timeline {
    display: grid;
    gap: 18px;
}

.csoi55Guide__step {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 22px;
    padding: 25px;
    border: 1px solid var(--c55g-border);
    border-radius: 11px;
    background: linear-gradient(120deg, #fff, #f8fafd);
    box-shadow: 0 7px 22px rgba(4,21,45,.035);
}

.csoi55Guide__stepNumber {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 10px;
    color: var(--c55g-gold-bright);
    background: var(--c55g-navy);
    font-size: 19px;
    font-weight: 900;
}

.csoi55Guide__stepLabel {
    display: block;
    margin-bottom: 7px;
    color: var(--c55g-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoi55Guide__step h3 {
    margin: 0 0 10px;
    color: var(--c55g-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.csoi55Guide__stepContent > p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 16px;
    line-height: 1.85;
}

.csoi55Guide__stepContent > p strong {
    color: var(--c55g-navy);
    font-weight: 850;
}

.csoi55Guide__detail {
    display: grid;
    grid-template-columns: minmax(145px, .35fr) minmax(0, 1fr);
    gap: 15px;
    margin-top: 17px;
    padding: 14px 16px;
    border-left: 3px solid var(--c55g-gold-light);
    border-radius: 0 7px 7px 0;
    background: #fff6e1;
}

.csoi55Guide__detail strong {
    color: var(--c55g-navy);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.65;
}

.csoi55Guide__detail span {
    color: var(--c55g-muted);
    font-size: 15px;
    line-height: 1.7;
}

.csoi55Guide__important {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 22px;
    border: 1px solid #e7d5ac;
    border-radius: 10px;
    background: #fffaf0;
}

.csoi55Guide__importantIcon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--c55g-navy);
    font-size: 18px;
    font-weight: 900;
}

.csoi55Guide__important strong {
    display: block;
    margin-bottom: 6px;
    color: var(--c55g-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.csoi55Guide__important p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 15px;
    line-height: 1.8;
}

.csoi55Guide__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px;
    border: 1px solid var(--c55g-border);
    border-radius: 12px;
    background: linear-gradient(120deg, #f4f7fc, #fff);
}

.csoi55Guide__cta > div:first-child {
    min-width: 0;
}

.csoi55Guide__cta > div:first-child > span {
    display: block;
    margin-bottom: 7px;
    color: var(--c55g-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoi55Guide__cta h3 {
    margin: 0 0 8px;
    color: var(--c55g-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.csoi55Guide__cta p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 15px;
    line-height: 1.75;
}

.csoi55Guide__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.csoi55Guide__phone {
    padding: 9px;
    color: var(--c55g-navy) !important;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3 — DOCUMENT CHECKLIST & CONTACT
   Unique namespace: csoi55Checklist
========================================================= */

.csoi55Checklist {
    --c55c-navy: #092f62;
    --c55c-dark: #061d3d;
    --c55c-deep: #04152d;
    --c55c-gold: #b97800;
    --c55c-gold-light: #d99a16;
    --c55c-gold-bright: #f0b429;
    --c55c-muted: #59697c;
    --c55c-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--c55c-dark);
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.csoi55Checklist__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.csoi55Checklist__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.csoi55Checklist__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(310px, .75fr);
    align-items: start;
    gap: 28px;
}

.csoi55Checklist__list {
    display: grid;
    gap: 13px;
}

.csoi55Checklist__item {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 15px;
    padding: 20px;
    border: 1px solid var(--c55c-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(4,21,45,.035);
}

.csoi55Checklist__itemNo {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 8px;
    color: var(--c55c-navy);
    background: #fff6e1;
    font-size: 16px;
    font-weight: 900;
}

.csoi55Checklist__item h3 {
    margin: 0 0 7px;
    color: var(--c55c-navy);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.45;
}

.csoi55Checklist__item p {
    margin: 0;
    color: var(--c55c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.csoi55Checklist__contact {
    padding: 27px;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(4,21,45,.07);
}

.csoi55Checklist__contactTop {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.csoi55Checklist__contactMark {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--c55c-gold-bright);
    background: var(--c55c-navy);
    font-size: 21px;
    font-weight: 900;
}

.csoi55Checklist__contactTop > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--c55c-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .6px;
}

.csoi55Checklist__contactTop h3 {
    margin: 0;
    color: var(--c55c-dark);
    font-size: 22px;
    font-weight: 900;
    line-height: 1.4;
}

.csoi55Checklist__contact > p:not(.csoi55Checklist__disclaimer) {
    margin: 0 0 20px;
    color: var(--c55c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.csoi55Checklist__contactFact {
    padding: 14px 0;
    border-top: 1px solid #e6ebf2;
}

.csoi55Checklist__contactFact > span {
    display: block;
    margin-bottom: 5px;
    color: var(--c55c-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
}

.csoi55Checklist__contactFact > strong,
.csoi55Checklist__contactFact > a {
    display: block;
    color: var(--c55c-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.csoi55Checklist__contactFact > a {
    text-decoration: none;
}

.csoi55Checklist__contactFact > a:hover {
    color: var(--c55c-gold);
}

.csoi55Checklist__button {
    width: 100%;
    margin-top: 15px;
}

.csoi55Checklist__call {
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
    padding: 12px 15px;
    border: 2px solid var(--c55c-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--c55c-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: background .2s ease;
}

.csoi55Checklist__call:hover {
    background: var(--c55c-dark);
}

.csoi55Checklist__disclaimer {
    margin: 17px 0 0;
    padding-top: 14px;
    border-top: 1px solid #e6ebf2;
    color: var(--c55c-muted);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 950px) {
    .csoi55Hero__layout {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .85fr);
        gap: 27px;
    }

    .csoi55Hero__side {
        padding: 23px;
    }

    .csoi55Checklist__layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
        gap: 20px;
    }

    .csoi55Checklist__contact {
        padding: 22px;
    }
}

@media (max-width: 760px) {
    .csoi55Hero,
    .csoi55Guide,
    .csoi55Checklist {
        padding: 52px 0 58px;
    }

    .csoi55Hero__container,
    .csoi55Guide__container,
    .csoi55Checklist__container {
        width: calc(100% - 32px);
    }

    .csoi55Hero__layout,
    .csoi55Checklist__layout {
        grid-template-columns: 1fr;
    }

    .csoi55Hero h1 {
        font-size: clamp(32px, 8vw, 42px);
    }

    .csoi55Hero__lead {
        font-size: 17px;
    }

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

    .csoi55Hero__button {
        width: 100%;
    }

    .csoi55Hero__call {
        align-self: flex-start;
    }

    .csoi55Hero__side {
        padding: 24px;
    }

    .csoi55Guide__heading,
    .csoi55Checklist__heading {
        margin-bottom: 28px;
    }

    .csoi55Guide__heading h2,
    .csoi55Checklist__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .csoi55Guide__heading > p,
    .csoi55Checklist__heading > p {
        font-size: 16px;
    }

    .csoi55Guide__step {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 14px;
        padding: 19px;
    }

    .csoi55Guide__stepNumber {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .csoi55Guide__step h3 {
        font-size: 20px;
    }

    .csoi55Guide__detail {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .csoi55Guide__cta {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .csoi55Guide__ctaActions {
        width: 100%;
    }

    .csoi55Guide__button {
        width: 100%;
    }

    .csoi55Guide__phone {
        text-align: center;
    }

    .csoi55Checklist__item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        padding: 17px;
    }

    .csoi55Checklist__itemNo {
        width: 37px;
        height: 37px;
    }

    .csoi55Checklist__contact {
        padding: 23px;
    }
}

@media (max-width: 390px) {
    .csoi55Hero__container,
    .csoi55Guide__container,
    .csoi55Checklist__container {
        width: calc(100% - 26px);
    }

    .csoi55Hero__eyebrow {
        gap: 8px;
        font-size: 15px;
    }

    .csoi55Hero__side {
        padding: 19px;
    }

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

    .csoi55Guide__important {
        padding: 17px;
    }

    .csoi55Checklist__contactTop {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .csoi55Hero__button,
    .csoi55Guide__button,
    .csoi55Checklist__button,
    .csoi55Checklist__call {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — NOIDA CONVEYANCE DEED GUIDE
   Namespace: noidaDeedGuide
========================================================= */

.noidaDeedGuide,
.noidaDeedGuide *,
.noidaDeedChecklist,
.noidaDeedChecklist *,
.noidaDeedValuation,
.noidaDeedValuation * {
    box-sizing: border-box;
}

.noidaDeedGuide {
    --ndg-navy: #092f62;
    --ndg-dark: #061d3d;
    --ndg-deep: #04152d;
    --ndg-gold: #b97800;
    --ndg-gold-light: #d99a16;
    --ndg-gold-bright: #f0b429;
    --ndg-text: #293b51;
    --ndg-muted: #59697c;
    --ndg-border: #dce4ef;

    padding: 70px 0;
    color: var(--ndg-text);
    background:
        radial-gradient(ellipse at 92% 8%, rgba(217,154,22,.09), transparent 32%),
        linear-gradient(135deg, #fff, #f4f7fc);
    font-family: inherit;
}

.noidaDeedGuide__container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaDeedGuide__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    color: var(--ndg-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaDeedGuide__eyebrowLine {
    width: 34px;
    height: 2px;
    background: var(--ndg-gold-light);
}

.noidaDeedGuide__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    align-items: start;
    gap: clamp(30px, 5vw, 68px);
}

.noidaDeedGuide__main h2 {
    margin: 0 0 21px;
    color: var(--ndg-dark);
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.noidaDeedGuide__main h2 strong {
    color: var(--ndg-navy);
    font-weight: 850;
}

.noidaDeedGuide__main > p {
    margin: 0 0 16px;
    color: var(--ndg-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaDeedGuide__main > p strong {
    color: var(--ndg-navy);
    font-weight: 850;
}

.noidaDeedGuide__main > .noidaDeedGuide__lead {
    margin-bottom: 19px;
    color: var(--ndg-dark);
    font-size: 18px;
    line-height: 1.75;
}

.noidaDeedGuide__keyPoint {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 25px 0;
    padding: 20px;
    border: 1px solid rgba(217,154,22,.38);
    border-left: 4px solid var(--ndg-gold-light);
    border-radius: 9px;
    background: #fffaf0;
}

.noidaDeedGuide__keyPointIcon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--ndg-gold-bright);
    background: var(--ndg-navy);
    font-size: 18px;
    font-weight: 900;
}

.noidaDeedGuide__keyPoint strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ndg-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaDeedGuide__keyPoint p {
    margin: 0;
    color: var(--ndg-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaDeedGuide__button,
.noidaDeedChecklist__button,
.noidaDeedValuation__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--ndg-deep) !important;
    background: linear-gradient(135deg, var(--ndg-gold-bright), var(--ndg-gold-light));
    box-shadow: 0 9px 23px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaDeedGuide__button:hover,
.noidaDeedChecklist__button:hover,
.noidaDeedValuation__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.3);
}

.noidaDeedGuide__button span,
.noidaDeedChecklist__button span,
.noidaDeedValuation__button span {
    font-size: 21px;
}

.noidaDeedGuide__phone {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    margin-left: 15px;
    color: var(--ndg-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}

.noidaDeedGuide__phone:hover {
    color: var(--ndg-gold) !important;
}

.noidaDeedGuide__side {
    overflow: hidden;
    border: 1px solid var(--ndg-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 17px 42px rgba(4,21,45,.07);
}

.noidaDeedGuide__sideTop {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 24px;
    color: #fff;
    background: linear-gradient(130deg, var(--ndg-deep), var(--ndg-navy));
}

.noidaDeedGuide__sideMark {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.55);
    border-radius: 9px;
    color: var(--ndg-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.noidaDeedGuide__sideLabel {
    display: block;
    margin-bottom: 5px;
    color: var(--ndg-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaDeedGuide__sideTop h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaDeedGuide__sideList {
    padding: 12px 24px 0;
}

.noidaDeedGuide__sideList > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #e8edf4;
}

.noidaDeedGuide__sideList > div:last-child {
    border-bottom: 0;
}

.noidaDeedGuide__sideList > div > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--ndg-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaDeedGuide__sideList p {
    margin: 0;
    color: var(--ndg-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaDeedGuide__sideList strong {
    color: var(--ndg-navy);
    font-weight: 850;
}

.noidaDeedGuide__sideNote {
    margin: 0;
    padding: 18px 24px 22px;
    border-top: 1px solid #e8edf4;
    color: var(--ndg-muted);
    background: #f8fafd;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 2 — PRACTICAL DOCUMENT CHECKLIST
   Namespace: noidaDeedChecklist
========================================================= */

.noidaDeedChecklist {
    --ndc-navy: #092f62;
    --ndc-dark: #061d3d;
    --ndc-gold: #b97800;
    --ndc-gold-light: #d99a16;
    --ndc-gold-bright: #f0b429;
    --ndc-muted: #59697c;
    --ndc-border: #dce4ef;

    padding: 75px 0;
    color: #293b51;
    background: #fff;
    font-family: inherit;
}

.noidaDeedChecklist__container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaDeedChecklist__heading {
    max-width: 840px;
    margin: 0 auto 38px;
    text-align: center;
}

.noidaDeedChecklist__eyebrow,
.noidaDeedValuation__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--ndc-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaDeedChecklist__heading h2,
.noidaDeedValuation__heading h2 {
    margin: 0 0 15px;
    color: var(--ndc-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.24;
    letter-spacing: -.6px;
}

.noidaDeedChecklist__heading h2 strong,
.noidaDeedValuation__heading h2 strong {
    color: var(--ndc-navy);
    font-weight: 850;
}

.noidaDeedChecklist__heading p,
.noidaDeedValuation__heading p {
    max-width: 790px;
    margin: 0 auto;
    color: var(--ndc-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaDeedChecklist__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.noidaDeedChecklist__card {
    min-width: 0;
    padding: 25px;
    border: 1px solid var(--ndc-border);
    border-radius: 11px;
    background: linear-gradient(145deg, #fff, #f8fafd);
    box-shadow: 0 8px 25px rgba(4,21,45,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaDeedChecklist__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(4,21,45,.08);
}

.noidaDeedChecklist__cardHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 19px;
}

.noidaDeedChecklist__number {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 9px;
    color: var(--ndc-navy);
    background: #fff7e5;
    font-size: 17px;
    font-weight: 900;
}

.noidaDeedChecklist__tag {
    color: var(--ndc-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaDeedChecklist__card h3 {
    margin: 0 0 16px;
    color: var(--ndc-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaDeedChecklist__card h3 strong {
    color: var(--ndc-navy);
    font-weight: 850;
}

.noidaDeedChecklist__card ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaDeedChecklist__card li {
    position: relative;
    padding-left: 25px;
    color: var(--ndc-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaDeedChecklist__card li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--ndc-gold);
    font-size: 16px;
    font-weight: 900;
}

.noidaDeedChecklist__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
    padding: 24px 27px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 11px;
    background: #fffaf0;
}

.noidaDeedChecklist__bottomText {
    flex: 1;
    min-width: 0;
}

.noidaDeedChecklist__bottomLabel {
    display: block;
    margin-bottom: 6px;
    color: var(--ndc-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaDeedChecklist__bottomText p {
    margin: 0;
    color: var(--ndc-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaDeedChecklist__button {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 3 — VALUATION & CONTACT CTA
   Namespace: noidaDeedValuation
========================================================= */

.noidaDeedValuation {
    --ndv-navy: #092f62;
    --ndv-dark: #061d3d;
    --ndv-deep: #04152d;
    --ndv-gold: #b97800;
    --ndv-gold-light: #d99a16;
    --ndv-gold-bright: #f0b429;
    --ndv-muted: #59697c;
    --ndv-border: #dce4ef;

    padding: 75px 0 80px;
    color: #293b51;
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.noidaDeedValuation__container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaDeedValuation__heading {
    max-width: 850px;
    margin: 0 auto 37px;
    text-align: center;
}

.noidaDeedValuation__heading h2 {
    color: var(--ndv-dark);
}

.noidaDeedValuation__heading h2 strong {
    color: var(--ndv-navy);
}

.noidaDeedValuation__heading p {
    color: var(--ndv-muted);
}

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

.noidaDeedValuation__step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 23px 21px;
    border: 1px solid var(--ndv-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 23px rgba(4,21,45,.04);
}

.noidaDeedValuation__stepNumber {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--ndv-gold-bright);
    background: var(--ndv-navy);
    font-size: 17px;
    font-weight: 900;
}

.noidaDeedValuation__step h3 {
    margin: 0 0 10px;
    color: var(--ndv-dark);
    font-size: 19px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaDeedValuation__step h3 strong {
    color: var(--ndv-navy);
    font-weight: 850;
}

.noidaDeedValuation__step p {
    margin: 0;
    color: var(--ndv-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaDeedValuation__ctaPanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, .65fr);
    gap: 34px;
    margin-top: 34px;
    padding: 32px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 14px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 40%),
        #fff;
    box-shadow: 0 12px 35px rgba(4,21,45,.055);
}

.noidaDeedValuation__ctaContent {
    min-width: 0;
}

.noidaDeedValuation__ctaEyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--ndv-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaDeedValuation__ctaContent h3 {
    margin: 0 0 14px;
    color: var(--ndv-dark);
    font-size: clamp(26px, 2.8vw, 34px);
    font-weight: 650;
    line-height: 1.3;
}

.noidaDeedValuation__ctaContent h3 strong {
    color: var(--ndv-navy);
    font-weight: 850;
}

.noidaDeedValuation__ctaContent > p {
    margin: 0;
    color: var(--ndv-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaDeedValuation__ctaContent > p strong {
    color: var(--ndv-navy);
    font-weight: 850;
}

.noidaDeedValuation__ctaActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 23px;
}

.noidaDeedValuation__call {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border: 1px solid var(--ndv-navy);
    border-radius: 8px;
    color: var(--ndv-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
    transition: color .2s ease, background .2s ease;
}

.noidaDeedValuation__call:hover {
    color: #fff !important;
    background: var(--ndv-navy);
}

.noidaDeedValuation__contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    border-left: 1px solid var(--ndv-border);
}

.noidaDeedValuation__contactItem {
    padding: 15px 0;
    border-bottom: 1px solid #e7edf4;
}

.noidaDeedValuation__contactItem:last-child {
    border-bottom: 0;
}

.noidaDeedValuation__contactItem > span {
    display: block;
    margin-bottom: 6px;
    color: var(--ndv-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .5px;
}

.noidaDeedValuation__contactItem a {
    color: var(--ndv-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.7;
    overflow-wrap: anywhere;
    text-decoration: none !important;
}

.noidaDeedValuation__contactItem a:hover {
    color: var(--ndv-gold) !important;
}

.noidaDeedValuation__contactItem p {
    margin: 0;
    color: var(--ndv-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaDeedValuation__disclaimer {
    margin: 20px 0 0;
    color: var(--ndv-muted);
    font-size: 15px;
    line-height: 1.8;
}


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

@media (max-width: 1000px) {
    .noidaDeedGuide__layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
        gap: 28px;
    }

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

    .noidaDeedValuation__step {
        padding: 22px;
    }

    .noidaDeedValuation__ctaPanel {
        gap: 24px;
        padding: 26px;
    }
}

@media (max-width: 760px) {
    .noidaDeedGuide,
    .noidaDeedChecklist,
    .noidaDeedValuation {
        padding: 52px 0 56px;
    }

    .noidaDeedGuide__container,
    .noidaDeedChecklist__container,
    .noidaDeedValuation__container {
        width: calc(100% - 32px);
    }

    .noidaDeedGuide__layout {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .noidaDeedGuide__main h2 {
        font-size: clamp(30px, 7vw, 38px);
    }

    .noidaDeedGuide__main > .noidaDeedGuide__lead {
        font-size: 17px;
    }

    .noidaDeedGuide__button {
        width: 100%;
    }

    .noidaDeedGuide__phone {
        justify-content: center;
        width: 100%;
        margin: 8px 0 0;
    }

    .noidaDeedChecklist__heading,
    .noidaDeedValuation__heading {
        margin-bottom: 29px;
    }

    .noidaDeedChecklist__heading h2,
    .noidaDeedValuation__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaDeedChecklist__heading p,
    .noidaDeedValuation__heading p {
        font-size: 16px;
    }

    .noidaDeedChecklist__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaDeedChecklist__bottom {
        align-items: stretch;
        flex-direction: column;
        padding: 22px 20px;
    }

    .noidaDeedChecklist__button {
        width: 100%;
    }

    .noidaDeedValuation__ctaPanel {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px 20px;
    }

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

    .noidaDeedValuation__button,
    .noidaDeedValuation__call {
        width: 100%;
    }

    .noidaDeedValuation__contact {
        padding: 10px 0 0;
        border-top: 1px solid var(--ndv-border);
        border-left: 0;
    }
}

@media (max-width: 390px) {
    .noidaDeedGuide__container,
    .noidaDeedChecklist__container,
    .noidaDeedValuation__container {
        width: calc(100% - 26px);
    }

    .noidaDeedGuide__sideTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaDeedChecklist__card {
        padding: 21px 19px;
    }

    .noidaDeedChecklist__cardHead {
        align-items: flex-start;
    }

    .noidaDeedChecklist__tag {
        max-width: 70%;
    }

    .noidaDeedValuation__step {
        gap: 12px;
        padding: 19px 16px;
    }

    .noidaDeedValuation__stepNumber {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaDeedGuide__button,
    .noidaDeedChecklist__button,
    .noidaDeedChecklist__card,
    .noidaDeedValuation__button,
    .noidaDeedValuation__call {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — SECTION 50C INTRODUCTION
   Namespace: noida50cIntro
========================================================= */

.noida50cIntro,
.noida50cIntro *,
.noida50cChecklist,
.noida50cChecklist *,
.noida50cContact,
.noida50cContact * {
    box-sizing: border-box;
}

.noida50cIntro {
    --n50i-navy: #092f62;
    --n50i-dark: #061d3d;
    --n50i-deep: #04152d;
    --n50i-gold: #b97800;
    --n50i-gold-light: #d99a16;
    --n50i-gold-bright: #f0b429;
    --n50i-text: #293b51;
    --n50i-muted: #59697c;
    --n50i-border: #dce4ef;

    padding: 70px 0 58px;
    color: var(--n50i-text);
    background:
        radial-gradient(ellipse at 88% 8%, rgba(217,154,22,.10), transparent 33%),
        linear-gradient(135deg, #fff, #f3f7fc);
    font-family: inherit;
}

.noida50cIntro__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noida50cIntro__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 28px;
    color: var(--n50i-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noida50cIntro__eyebrowLine {
    width: 31px;
    height: 3px;
    background: var(--n50i-gold-light);
}

.noida50cIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr);
    align-items: center;
    gap: clamp(30px, 5vw, 70px);
}

.noida50cIntro__content {
    min-width: 0;
}

.noida50cIntro__kicker,
.noida50cContact__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--n50i-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noida50cIntro h1 {
    margin: 0 0 21px;
    color: var(--n50i-dark);
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -1px;
}

.noida50cIntro h1 > strong {
    color: var(--n50i-navy);
    font-weight: 900;
}

.noida50cIntro h1 > span {
    display: block;
    margin-top: 12px;
    color: var(--n50i-muted);
    font-size: clamp(22px, 2.4vw, 29px);
    font-weight: 550;
    line-height: 1.35;
    letter-spacing: -.3px;
}

.noida50cIntro__content > p {
    margin: 0 0 15px;
    color: var(--n50i-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noida50cIntro__content > p strong {
    color: var(--n50i-navy);
    font-weight: 850;
}

.noida50cIntro__lead {
    color: var(--n50i-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.noida50cIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 25px;
}

.noida50cIntro__button,
.noida50cChecklist__button,
.noida50cContact__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--n50i-deep) !important;
    background: linear-gradient(135deg, var(--n50i-gold-bright), var(--n50i-gold-light));
    box-shadow: 0 9px 24px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noida50cIntro__button:hover,
.noida50cChecklist__button:hover,
.noida50cContact__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 29px rgba(185,120,0,.30);
}

.noida50cIntro__call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--n50i-navy) !important;
    text-decoration: none !important;
}

.noida50cIntro__phoneIcon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6e0ed;
    border-radius: 50%;
    color: var(--n50i-gold);
    background: #fff;
    font-size: 19px;
}

.noida50cIntro__call small,
.noida50cIntro__call strong {
    display: block;
    line-height: 1.5;
}

.noida50cIntro__call small {
    color: var(--n50i-muted);
    font-size: 15px;
}

.noida50cIntro__call strong {
    color: var(--n50i-navy);
    font-size: 17px;
    font-weight: 900;
}

.noida50cIntro__disclaimer {
    margin-top: 19px !important;
    color: #68778a !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Right-side value comparison panel */

.noida50cIntro__side {
    min-width: 0;
    padding: 27px;
    border: 1px solid var(--n50i-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 17px 45px rgba(4,21,45,.08);
}

.noida50cIntro__sideTop {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 19px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e6ebf2;
}

.noida50cIntro__sideIcon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--n50i-gold-bright);
    background: var(--n50i-navy);
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.noida50cIntro__sideTop > div > span {
    display: block;
    margin-bottom: 6px;
    color: var(--n50i-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noida50cIntro__sideTop h2 {
    margin: 0;
    color: var(--n50i-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.noida50cIntro__sideLead {
    margin: 0 0 14px;
    color: var(--n50i-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noida50cIntro__valueRow {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid #e9edf3;
}

.noida50cIntro__valueNumber {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 8px;
    color: var(--n50i-navy);
    background: #fff8e8;
    font-size: 15px;
    font-weight: 900;
}

.noida50cIntro__valueRow strong {
    display: block;
    margin: 0 0 5px;
    color: var(--n50i-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noida50cIntro__valueRow p {
    margin: 0;
    color: var(--n50i-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noida50cIntro__sideNote {
    margin-top: 19px;
    padding: 16px;
    border-left: 3px solid var(--n50i-gold-light);
    border-radius: 0 7px 7px 0;
    color: var(--n50i-muted);
    background: #fff9ed;
    font-size: 15px;
    line-height: 1.75;
}

.noida50cIntro__sideNote strong {
    color: var(--n50i-navy);
    font-weight: 850;
}


/* =========================================================
   SECTION 2 — OWNER CHECKLIST
   Namespace: noida50cChecklist
========================================================= */

.noida50cChecklist {
    --n50c-navy: #092f62;
    --n50c-dark: #061d3d;
    --n50c-deep: #04152d;
    --n50c-gold: #b97800;
    --n50c-gold-light: #d99a16;
    --n50c-gold-bright: #f0b429;
    --n50c-muted: #59697c;
    --n50c-border: #dce4ef;

    padding: 78px 0;
    color: #293b51;
    background: #fff;
    font-family: inherit;
}

.noida50cChecklist__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noida50cChecklist__heading {
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
}

.noida50cChecklist__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--n50c-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noida50cChecklist__heading h2 {
    margin: 0 0 16px;
    color: var(--n50c-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.7px;
}

.noida50cChecklist__heading h2 strong {
    color: var(--n50c-navy);
    font-weight: 900;
}

.noida50cChecklist__heading p {
    margin: 0 auto;
    color: var(--n50c-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noida50cChecklist__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    align-items: start;
    gap: 27px;
}

.noida50cChecklist__steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.noida50cChecklist__step {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 17px;
    padding: 23px;
    border: 1px solid var(--n50c-border);
    border-radius: 10px;
    background: linear-gradient(145deg, #fff, #f9fbfe);
    box-shadow: 0 6px 20px rgba(4,21,45,.035);
}

.noida50cChecklist__stepNo {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--n50c-gold-bright);
    background: var(--n50c-navy);
    font-size: 16px;
    font-weight: 900;
}

.noida50cChecklist__stepContent {
    min-width: 0;
}

.noida50cChecklist__step h3 {
    margin: 0 0 10px;
    color: var(--n50c-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.noida50cChecklist__step p {
    margin: 0 0 12px;
    color: var(--n50c-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noida50cChecklist__step ul {
    margin: 0;
    padding-left: 21px;
}

.noida50cChecklist__step li {
    margin: 7px 0;
    padding-left: 3px;
    color: var(--n50c-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noida50cChecklist__step li::marker {
    color: var(--n50c-gold);
}

.noida50cChecklist__step li strong {
    color: var(--n50c-navy);
    font-weight: 850;
}

/* Documents panel */

.noida50cChecklist__documentPanel {
    position: relative;
    padding: 25px;
    border: 1px solid var(--n50c-border);
    border-radius: 12px;
    background: #f5f8fc;
    box-shadow: 0 12px 30px rgba(4,21,45,.06);
}

.noida50cChecklist__documentHeader {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 17px;
}

.noida50cChecklist__documentIcon {
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--n50c-deep);
    background: var(--n50c-gold-bright);
    font-size: 23px;
    font-weight: 900;
}

.noida50cChecklist__documentHeader > div > span {
    display: block;
    margin-bottom: 5px;
    color: var(--n50c-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noida50cChecklist__documentHeader h3 {
    margin: 0;
    color: var(--n50c-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.noida50cChecklist__documentPanel > p {
    margin: 0 0 16px;
    color: var(--n50c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noida50cChecklist__documents {
    margin: 0;
    padding: 0;
    list-style: none;
}

.noida50cChecklist__documents li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 0;
    border-top: 1px solid #dfe6f0;
}

.noida50cChecklist__documents li > span {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 7px;
    color: var(--n50c-navy);
    background: #fff;
    font-size: 15px;
    font-weight: 900;
}

.noida50cChecklist__documents li div {
    min-width: 0;
}

.noida50cChecklist__documents strong,
.noida50cChecklist__documents small {
    display: block;
    line-height: 1.6;
}

.noida50cChecklist__documents strong {
    margin-bottom: 3px;
    color: var(--n50c-navy);
    font-size: 15px;
    font-weight: 850;
}

.noida50cChecklist__documents small {
    color: var(--n50c-muted);
    font-size: 15px;
}

.noida50cChecklist__documentNote {
    margin: 13px 0 18px;
    padding: 13px;
    border-left: 3px solid var(--n50c-gold-light);
    border-radius: 0 7px 7px 0;
    color: var(--n50c-muted);
    background: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.noida50cChecklist__button {
    width: 100%;
}

.noida50cChecklist__phone {
    display: block;
    margin-top: 12px;
    color: var(--n50c-navy) !important;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
}

.noida50cChecklist__phone:hover {
    color: var(--n50c-gold) !important;
}

.noida50cChecklist__legalNote {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 28px;
    padding: 19px 21px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    background: #f9fbfe;
}

.noida50cChecklist__legalMark {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--n50c-navy);
    font-size: 16px;
    font-weight: 900;
}

.noida50cChecklist__legalNote p {
    margin: 0;
    color: var(--n50c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noida50cChecklist__legalNote strong {
    color: var(--n50c-navy);
    font-weight: 850;
}


/* =========================================================
   SECTION 3 — CONSULTATION CTA
   Namespace: noida50cContact
========================================================= */

.noida50cContact {
    --n50ct-navy: #092f62;
    --n50ct-dark: #061d3d;
    --n50ct-deep: #04152d;
    --n50ct-gold: #b97800;
    --n50ct-gold-light: #d99a16;
    --n50ct-gold-bright: #f0b429;
    --n50ct-muted: #59697c;

    padding: 66px 0 72px;
    color: #293b51;
    background: linear-gradient(145deg, #f3f7fc, #fff);
    font-family: inherit;
}

.noida50cContact__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noida50cContact__panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .75fr);
    gap: 35px;
    padding: clamp(25px, 4vw, 42px);
    border: 1px solid rgba(217,154,22,.38);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 35%),
        #fff;
    box-shadow: 0 17px 42px rgba(4,21,45,.07);
}

.noida50cContact__content {
    min-width: 0;
}

.noida50cContact__content h2 {
    margin: 0 0 17px;
    color: var(--n50ct-dark);
    font-size: clamp(29px, 3.3vw, 41px);
    font-weight: 650;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.noida50cContact__content h2 strong {
    color: var(--n50ct-navy);
    font-weight: 900;
}

.noida50cContact__content > p {
    margin: 0;
    color: var(--n50ct-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noida50cContact__content > p strong {
    color: var(--n50ct-navy);
    font-weight: 850;
}

.noida50cContact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.noida50cContact__callButton {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 19px;
    border: 2px solid var(--n50ct-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--n50ct-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease;
}

.noida50cContact__callButton:hover {
    transform: translateY(-2px);
    background: var(--n50ct-dark);
}

.noida50cContact__microcopy {
    margin-top: 17px !important;
    color: #6b788a !important;
    font-size: 15px !important;
}

/* Contact details panel */

.noida50cContact__details {
    align-self: center;
    padding: 24px;
    border: 1px solid #dce4ef;
    border-radius: 11px;
    background: #f7f9fc;
}

.noida50cContact__detailsHeading {
    margin-bottom: 12px;
    padding-bottom: 17px;
    border-bottom: 1px solid #dce4ef;
}

.noida50cContact__detailsHeading > span {
    display: block;
    margin-bottom: 7px;
    color: var(--n50ct-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noida50cContact__detailsHeading h3 {
    margin: 0 0 6px;
    color: var(--n50ct-navy);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.4;
}

.noida50cContact__detailsHeading p {
    margin: 0;
    color: var(--n50ct-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noida50cContact__detail {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 0;
    border-bottom: 1px solid #e0e7f0;
    color: inherit;
    text-decoration: none !important;
}

.noida50cContact__detail:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.noida50cContact__detailIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    color: var(--n50ct-gold);
    background: #fff;
    font-size: 19px;
    font-weight: 850;
}

.noida50cContact__detail > span:last-child {
    min-width: 0;
}

.noida50cContact__detail small,
.noida50cContact__detail strong {
    display: block;
    line-height: 1.65;
}

.noida50cContact__detail small {
    margin-bottom: 4px;
    color: var(--n50ct-gold);
    font-size: 15px;
    font-weight: 850;
}

.noida50cContact__detail strong {
    color: var(--n50ct-navy);
    font-size: 15px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.noida50cContact__detail:hover strong {
    color: var(--n50ct-gold);
}

.noida50cContact__disclaimer {
    max-width: 1000px;
    margin: 20px auto 0;
    color: var(--n50ct-muted);
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
}


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

@media (max-width: 1000px) {
    .noida50cIntro__grid {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .85fr);
        gap: 28px;
    }

    .noida50cIntro__side {
        padding: 22px;
    }

    .noida50cChecklist__layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
        gap: 20px;
    }

    .noida50cChecklist__documentPanel {
        padding: 20px;
    }

    .noida50cContact__panel {
        gap: 24px;
    }
}

@media (max-width: 760px) {
    .noida50cIntro,
    .noida50cChecklist,
    .noida50cContact {
        padding: 52px 0 56px;
    }

    .noida50cIntro__container,
    .noida50cChecklist__container,
    .noida50cContact__container {
        width: calc(100% - 32px);
    }

    .noida50cIntro__grid,
    .noida50cChecklist__layout,
    .noida50cContact__panel {
        grid-template-columns: 1fr;
    }

    .noida50cIntro__grid {
        gap: 28px;
    }

    .noida50cIntro h1 {
        font-size: clamp(32px, 7.4vw, 41px);
    }

    .noida50cIntro h1 > span {
        font-size: 23px;
    }

    .noida50cIntro__actions,
    .noida50cContact__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .noida50cIntro__button,
    .noida50cChecklist__button,
    .noida50cContact__button,
    .noida50cContact__callButton {
        width: 100%;
    }

    .noida50cIntro__call {
        align-self: flex-start;
    }

    .noida50cChecklist__heading {
        margin-bottom: 28px;
    }

    .noida50cChecklist__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noida50cChecklist__heading p {
        font-size: 16px;
    }

    .noida50cChecklist__step {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 16px;
    }

    .noida50cChecklist__stepNo {
        width: 39px;
        height: 39px;
    }

    .noida50cChecklist__step h3 {
        font-size: 20px;
    }

    .noida50cChecklist__legalNote {
        padding: 16px;
    }

    .noida50cContact__panel {
        gap: 27px;
        padding: 24px 19px;
    }

    .noida50cContact__content h2 {
        font-size: clamp(28px, 7vw, 35px);
    }

    .noida50cContact__details {
        padding: 20px;
    }
}

@media (max-width: 390px) {
    .noida50cIntro__container,
    .noida50cChecklist__container,
    .noida50cContact__container {
        width: calc(100% - 26px);
    }

    .noida50cIntro__sideTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .noida50cIntro__side {
        padding: 19px;
    }

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

    .noida50cChecklist__documentHeader {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noida50cIntro__button,
    .noida50cChecklist__button,
    .noida50cContact__button,
    .noida50cContact__callButton {
        transition: none;
    }
}

/* =========================================================
   SHARED BOX MODEL — LIMITED TO THESE THREE SECTIONS
========================================================= */

.noidaPlotDocs,
.noidaPlotDocs *,
.noidaPlotPrep,
.noidaPlotPrep *,
.noidaPlotNext,
.noidaPlotNext * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION 1 — PLOT RESALE DOCUMENT CHECKLIST
   Namespace: noidaPlotDocs
========================================================= */

.noidaPlotDocs {
    --npd-navy: #092f62;
    --npd-dark: #061d3d;
    --npd-deep: #04152d;
    --npd-gold: #b97800;
    --npd-gold-light: #d99a16;
    --npd-gold-bright: #f0b429;
    --npd-text: #293b51;
    --npd-muted: #59697c;
    --npd-border: #dce4ef;

    padding: 76px 0;
    color: var(--npd-text);
    background:
        radial-gradient(ellipse at 95% 0%, rgba(217,154,22,.09), transparent 32%),
        linear-gradient(145deg, #fff, #f4f7fc);
    font-family: inherit;
}

.noidaPlotDocs__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotDocs__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 19px;
    color: var(--npd-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotDocs__eyebrowLine {
    width: 30px;
    height: 2px;
    background: var(--npd-gold-light);
}

.noidaPlotDocs__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 28px;
}

.noidaPlotDocs__heading > div:first-child {
    max-width: 920px;
}

.noidaPlotDocs__heading h2 {
    margin: 0 0 16px;
    color: var(--npd-dark);
    font-size: clamp(30px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.noidaPlotDocs__heading h2 strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__heading p {
    margin: 0;
    color: var(--npd-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotDocs__heading p strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__headingBadge {
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 12px;
    color: var(--npd-navy);
    background: #fff;
    box-shadow: 0 10px 26px rgba(4,21,45,.06);
    text-align: center;
}

.noidaPlotDocs__headingBadge > span {
    color: var(--npd-gold);
    font-size: 33px;
    font-weight: 900;
    line-height: 1;
}

.noidaPlotDocs__headingBadge small {
    color: var(--npd-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotDocs__notice {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 28px;
    padding: 18px 21px;
    border: 1px solid rgba(217,154,22,.4);
    border-left: 4px solid var(--npd-gold-light);
    border-radius: 9px;
    background: #fffaf0;
}

.noidaPlotDocs__noticeIcon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--npd-navy);
    font-size: 17px;
    font-weight: 850;
}

.noidaPlotDocs__notice p {
    margin: 0;
    color: var(--npd-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaPlotDocs__notice strong {
    color: var(--npd-navy);
    font-weight: 850;
}

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

.noidaPlotDocs__card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--npd-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.noidaPlotDocs__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(4,21,45,.09);
}

.noidaPlotDocs__cardHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 19px;
}

.noidaPlotDocs__number {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--npd-gold-bright);
    background: var(--npd-navy);
    font-size: 17px;
    font-weight: 900;
}

.noidaPlotDocs__tag {
    color: var(--npd-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaPlotDocs__card h3 {
    margin: 0 0 11px;
    color: var(--npd-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaPlotDocs__card h3 strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__card > p {
    margin: 0 0 15px;
    color: var(--npd-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaPlotDocs__card ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0;
    padding: 16px 0 0;
    border-top: 1px solid #e8edf4;
    list-style: none;
}

.noidaPlotDocs__card li {
    position: relative;
    padding-left: 21px;
    color: var(--npd-text);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotDocs__card li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--npd-gold-light);
    transform: rotate(45deg);
}

.noidaPlotDocs__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px 29px;
    border: 1px solid #dce4ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(4,21,45,.045);
}

.noidaPlotDocs__footer > div:first-child {
    flex: 1;
    min-width: 0;
}

.noidaPlotDocs__footerLabel {
    display: block;
    margin-bottom: 7px;
    color: var(--npd-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .7px;
    line-height: 1.5;
}

.noidaPlotDocs__footer h3 {
    margin: 0 0 7px;
    color: var(--npd-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotDocs__footer p {
    margin: 0;
    color: var(--npd-muted);
    font-size: 16px;
    line-height: 1.7;
}

.noidaPlotDocs__footerActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.noidaPlotDocs__button,
.noidaPlotPrep__button,
.noidaPlotNext__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--npd-deep) !important;
    background: linear-gradient(135deg, var(--npd-gold-bright), var(--npd-gold-light));
    box-shadow: 0 9px 22px rgba(185,120,0,.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaPlotDocs__button:hover,
.noidaPlotPrep__button:hover,
.noidaPlotNext__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.28);
}

.noidaPlotDocs__phone,
.noidaPlotPrep__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 4px;
    color: var(--npd-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 2 — DOCUMENT PREPARATION
   Namespace: noidaPlotPrep
========================================================= */

.noidaPlotPrep {
    --npp-navy: #092f62;
    --npp-dark: #061d3d;
    --npp-deep: #04152d;
    --npp-gold: #b97800;
    --npp-gold-light: #d99a16;
    --npp-gold-bright: #f0b429;
    --npp-text: #293b51;
    --npp-muted: #59697c;
    --npp-border: #dce4ef;

    padding: 78px 0;
    color: var(--npp-text);
    background: #fff;
    font-family: inherit;
}

.noidaPlotPrep__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotPrep__heading {
    max-width: 850px;
    margin: 0 auto 39px;
    text-align: center;
}

.noidaPlotPrep__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--npp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotPrep__heading h2 {
    margin: 0 0 15px;
    color: var(--npp-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.noidaPlotPrep__heading h2 strong {
    color: var(--npp-navy);
    font-weight: 850;
}

.noidaPlotPrep__heading p {
    margin: 0;
    color: var(--npp-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotPrep__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
    align-items: start;
    gap: 30px;
}

.noidaPlotPrep__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.noidaPlotPrep__timeline::before {
    content: "";
    position: absolute;
    top: 35px;
    bottom: 35px;
    left: 25px;
    width: 2px;
    background: linear-gradient(var(--npp-gold-light), #dce4ef);
}

.noidaPlotPrep__step {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 17px;
    padding: 23px;
    border: 1px solid var(--npp-border);
    border-radius: 11px;
    background: linear-gradient(140deg, #fff, #f9fbfe);
    box-shadow: 0 6px 20px rgba(4,21,45,.035);
}

.noidaPlotPrep__stepNo {
    position: relative;
    z-index: 1;
    width: 51px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 10px;
    color: var(--npp-gold-bright);
    background: var(--npp-navy);
    box-shadow: 0 0 0 1px #dce4ef;
    font-size: 17px;
    font-weight: 900;
}

.noidaPlotPrep__stepLabel {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--npp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaPlotPrep__step h3 {
    margin: 0 0 9px;
    color: var(--npp-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotPrep__step p {
    margin: 0;
    color: var(--npp-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotPrep__step p strong {
    color: var(--npp-navy);
    font-weight: 850;
}

.noidaPlotPrep__sidePanel {
    position: relative;
    padding: 27px;
    border: 1px solid #dce4ef;
    border-radius: 13px;
    background: linear-gradient(150deg, #f7f9fd, #fff);
    box-shadow: 0 12px 32px rgba(4,21,45,.07);
}

.noidaPlotPrep__sideHeader {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.noidaPlotPrep__sideIcon {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--npp-gold-bright);
    background: var(--npp-navy);
    font-size: 20px;
    font-weight: 900;
}

.noidaPlotPrep__sideHeader > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--npp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .5px;
}

.noidaPlotPrep__sideHeader h3 {
    margin: 0;
    color: var(--npp-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotPrep__sidePanel > p {
    margin: 0 0 19px;
    color: var(--npp-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaPlotPrep__checklist {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 19px 0;
    border-top: 1px solid var(--npp-border);
    border-bottom: 1px solid var(--npp-border);
    list-style: none;
}

.noidaPlotPrep__checklist li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: var(--npp-text);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotPrep__checklist li > span {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--npp-navy);
    background: #fff2cf;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotPrep__sideNote {
    margin: 20px 0;
    padding: 16px;
    border-left: 3px solid var(--npp-gold-light);
    border-radius: 5px;
    background: #fff8e8;
}

.noidaPlotPrep__sideNote strong {
    display: block;
    margin-bottom: 5px;
    color: var(--npp-navy);
    font-size: 15px;
    font-weight: 850;
}

.noidaPlotPrep__sideNote p {
    margin: 0;
    color: var(--npp-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotPrep__button {
    width: 100%;
}

.noidaPlotPrep__phone {
    width: 100%;
}


/* =========================================================
   SECTION 3 — VALUATION DISCUSSION & CONTACT
   Namespace: noidaPlotNext
========================================================= */

.noidaPlotNext {
    --npn-navy: #092f62;
    --npn-dark: #061d3d;
    --npn-deep: #04152d;
    --npn-gold: #b97800;
    --npn-gold-light: #d99a16;
    --npn-gold-bright: #f0b429;
    --npn-text: #293b51;
    --npn-muted: #59697c;
    --npn-border: #dce4ef;

    padding: 78px 0 80px;
    color: var(--npn-text);
    background: linear-gradient(140deg, #f4f7fc, #fff);
    font-family: inherit;
}

.noidaPlotNext__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotNext__intro {
    max-width: 880px;
    margin: 0 auto 35px;
    text-align: center;
}

.noidaPlotNext__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--npn-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotNext__intro h2 {
    margin: 0 0 16px;
    color: var(--npn-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.6px;
}

.noidaPlotNext__intro h2 strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__intro p {
    margin: 0;
    color: var(--npn-muted);
    font-size: 17px;
    line-height: 1.8;
}

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

.noidaPlotNext__card {
    padding: 24px;
    border: 1px solid var(--npn-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(4,21,45,.04);
}

.noidaPlotNext__cardNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 9px;
    color: var(--npn-gold-bright);
    background: var(--npn-navy);
    font-size: 17px;
    font-weight: 900;
}

.noidaPlotNext__card h3 {
    margin: 0 0 10px;
    color: var(--npn-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaPlotNext__card h3 strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__card p {
    margin: 0;
    color: var(--npn-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotNext__contact {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
    gap: 35px;
    margin-top: 34px;
    padding: 34px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 14px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 37%),
        #fff;
    box-shadow: 0 12px 34px rgba(4,21,45,.055);
}

.noidaPlotNext__contactContent {
    min-width: 0;
}

.noidaPlotNext__contactLabel {
    display: block;
    margin-bottom: 11px;
    color: var(--npn-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaPlotNext__contactContent h3 {
    margin: 0 0 14px;
    color: var(--npn-dark);
    font-size: clamp(27px, 2.8vw, 35px);
    font-weight: 600;
    line-height: 1.3;
}

.noidaPlotNext__contactContent h3 strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__contactContent > p {
    margin: 0;
    color: var(--npn-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotNext__contactContent > p strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.noidaPlotNext__button {
    color: var(--npn-deep) !important;
}

.noidaPlotNext__callButton {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    border: 2px solid var(--npn-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--npn-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease;
}

.noidaPlotNext__callButton:hover {
    transform: translateY(-2px);
    background: var(--npn-dark);
}

.noidaPlotNext__contactDetails {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25px;
    border-left: 1px solid var(--npn-border);
}

.noidaPlotNext__detail {
    display: block;
    padding: 17px 0;
    border-bottom: 1px solid #e7ecf3;
    text-decoration: none !important;
}

.noidaPlotNext__detail:last-child {
    border-bottom: 0;
}

.noidaPlotNext__detail > span {
    display: block;
    margin-bottom: 6px;
    color: var(--npn-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotNext__detail > strong {
    display: block;
    color: var(--npn-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.noidaPlotNext__detail[href]:hover > strong {
    color: var(--npn-gold);
}

.noidaPlotNext__disclaimer {
    margin: 18px 0 0;
    color: var(--npn-muted);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 1050px) {
    .noidaPlotDocs__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noidaPlotPrep__layout {
        grid-template-columns: minmax(0, 1fr) minmax(285px, .8fr);
        gap: 20px;
    }

    .noidaPlotPrep__sidePanel {
        padding: 22px;
    }

    .noidaPlotNext__contact {
        gap: 25px;
        padding: 27px;
    }
}

@media (max-width: 760px) {
    .noidaPlotDocs,
    .noidaPlotPrep,
    .noidaPlotNext {
        padding: 52px 0 56px;
    }

    .noidaPlotDocs__container,
    .noidaPlotPrep__container,
    .noidaPlotNext__container {
        width: calc(100% - 32px);
    }

    .noidaPlotDocs__heading {
        align-items: flex-start;
        gap: 15px;
    }

    .noidaPlotDocs__heading h2,
    .noidaPlotPrep__heading h2,
    .noidaPlotNext__intro h2 {
        font-size: clamp(28px, 6.5vw, 35px);
    }

    .noidaPlotDocs__headingBadge {
        width: 76px;
        height: 76px;
        flex-basis: 76px;
    }

    .noidaPlotDocs__headingBadge > span {
        font-size: 25px;
    }

    .noidaPlotDocs__headingBadge small {
        font-size: 15px;
    }

    .noidaPlotDocs__heading p,
    .noidaPlotPrep__heading p,
    .noidaPlotNext__intro p {
        font-size: 16px;
    }

    .noidaPlotDocs__grid,
    .noidaPlotNext__cards {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .noidaPlotDocs__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 23px 20px;
    }

    .noidaPlotDocs__footerActions {
        width: 100%;
    }

    .noidaPlotDocs__button {
        width: 100%;
    }

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

    .noidaPlotPrep__sidePanel {
        padding: 24px;
    }

    .noidaPlotNext__contact {
        grid-template-columns: 1fr;
        gap: 23px;
        padding: 24px 20px;
    }

    .noidaPlotNext__actions {
        flex-direction: column;
    }

    .noidaPlotNext__button,
    .noidaPlotNext__callButton {
        width: 100%;
    }

    .noidaPlotNext__contactDetails {
        padding: 8px 0 0;
        border-top: 1px solid var(--npn-border);
        border-left: 0;
    }
}

@media (max-width: 420px) {
    .noidaPlotDocs__heading {
        flex-direction: column-reverse;
    }

    .noidaPlotDocs__headingBadge {
        width: 70px;
        height: 70px;
        flex-basis: 70px;
    }

    .noidaPlotDocs__card,
    .noidaPlotNext__card {
        padding: 21px;
    }

    .noidaPlotPrep__step {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        padding: 18px;
    }

    .noidaPlotPrep__timeline::before {
        left: 20px;
    }

    .noidaPlotPrep__stepNo {
        width: 41px;
        height: 41px;
        font-size: 15px;
    }

    .noidaPlotPrep__step h3 {
        font-size: 19px;
    }

    .noidaPlotPrep__sideHeader {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaPlotDocs__card,
    .noidaPlotDocs__button,
    .noidaPlotPrep__button,
    .noidaPlotNext__button,
    .noidaPlotNext__callButton {
        transition: none;
    }
}

/*NEW*/

/* =========================================================
   SHARED DESIGN LANGUAGE
   Royal navy + gold | Minimum text size: 15px
   Each section retains its own CSS namespace.
========================================================= */


/* =========================================================
   SECTION 1: INTRODUCTION
========================================================= */
.gvgIntro {
    --gvg-navy: #092f62;
    --gvg-dark: #061d3d;
    --gvg-deep: #04152d;
    --gvg-gold: #b97800;
    --gvg-gold-light: #f0b429;
    --gvg-paper: #f8faff;

    padding: 76px 22px 68px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(240,180,41,.12), transparent 44%),
        linear-gradient(180deg, #ffffff 0%, var(--gvg-paper) 100%);
    color: var(--gvg-dark);
    font-size: 16px;
    line-height: 1.8;
}

.gvgIntro *,
.gvgDlf *,
.gvgLuxury *,
.gvgCyber *,
.gvgMetro *,
.gvgManesar * {
    box-sizing: border-box;
}

.gvgIntro__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.gvgIntro__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 20px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
}

.gvgIntro__eyebrowLine {
    display: inline-block;
    width: 34px;
    height: 2px;
    background: var(--gvg-gold-light);
}

.gvgIntro h1 {
    max-width: 1000px;
    margin: 0 auto 24px;
    color: var(--gvg-deep);
    font-size: clamp(32px, 4.3vw, 54px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1.2px;
    text-align: center;
}

.gvgIntro h1 span {
    display: block;
    color: var(--gvg-navy);
}

.gvgIntro__lead {
    max-width: 940px;
    margin: 0 auto 40px;
    color: #40516a;
    font-size: 18px;
    line-height: 1.9;
    text-align: center;
}

.gvgIntro strong {
    color: var(--gvg-navy);
    font-weight: 800;
}

.gvgIntro__facts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 38px;
}

.gvgIntro__fact {
    min-height: 156px;
    padding: 23px 16px;
    border: 1px solid #e4eaf3;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(6,29,61,.045);
    text-align: center;
}

.gvgIntro__number {
    display: block;
    margin-bottom: 8px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 2px;
}

.gvgIntro__fact strong {
    display: block;
    margin-bottom: 7px;
    font-size: 19px;
}

.gvgIntro__fact > span:last-child {
    display: block;
    color: #526178;
    font-size: 15px;
    line-height: 1.55;
}

.gvgIntro__bottom {
    padding: 28px 32px;
    border: 1px solid #e3e8f0;
    border-left: 5px solid var(--gvg-gold);
    border-radius: 8px;
    background: #fff;
}

.gvgIntro__bottom > p {
    margin: 0 0 20px;
    color: #40516a;
    font-size: 16px;
}

.gvgIntro__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.gvgIntro__btn,
.gvgDlf__btn,
.gvgLuxury__btn,
.gvgCyber__btn,
.gvgMetro__btn,
.gvgManesar__btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 24px;
    border: 2px solid var(--gvg-gold, #b97800);
    border-radius: 6px;
    background: linear-gradient(135deg, #d99a16 0%, #f0b429 52%, #c98909 100%);
    box-shadow: 0 7px 18px rgba(185,120,0,.20);
    color: #061d3d !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gvgIntro__btn:hover,
.gvgDlf__btn:hover,
.gvgLuxury__btn:hover,
.gvgCyber__btn:hover,
.gvgMetro__btn:hover,
.gvgManesar__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 24px rgba(185,120,0,.27);
}

.gvgIntro__phone,
.gvgDlf__phone,
.gvgLuxury__phone,
.gvgCyber__phone,
.gvgMetro__phone,
.gvgManesar__phone {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 15px;
    border: 1px solid #cbd6e5;
    border-radius: 6px;
    background: #fff;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
}

.gvgIntro__phone:hover,
.gvgDlf__phone:hover,
.gvgLuxury__phone:hover,
.gvgCyber__phone:hover,
.gvgMetro__phone:hover,
.gvgManesar__phone:hover {
    border-color: #b97800;
    background: #fffaf0;
}


/* =========================================================
   SECTION 2: DLF
========================================================= */
.gvgDlf {
    --gvg-navy: #092f62;
    --gvg-dark: #061d3d;
    --gvg-deep: #04152d;
    --gvg-gold: #b97800;
    --gvg-gold-light: #f0b429;

    padding: 78px 22px;
    background: #fff;
    color: var(--gvg-dark);
    font-size: 16px;
    line-height: 1.8;
}

.gvgDlf__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.gvgDlf__heading {
    display: flex;
    align-items: flex-start;
    gap: 23px;
    margin-bottom: 36px;
}

.gvgDlf__number {
    display: flex;
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--gvg-deep);
    box-shadow: inset 0 -4px 0 var(--gvg-gold-light);
    color: var(--gvg-gold-light);
    font-size: 27px;
    font-weight: 900;
}

.gvgDlf__eyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gvgDlf h2 {
    margin: 0;
    color: var(--gvg-deep);
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.24;
}

.gvgDlf h2 strong {
    color: var(--gvg-navy);
}

.gvgDlf__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
    gap: 36px;
    align-items: start;
}

.gvgDlf__main > p {
    margin: 0 0 21px;
    color: #40516a;
    font-size: 16px;
}

.gvgDlf__main strong {
    color: var(--gvg-navy);
    font-weight: 800;
}

.gvgDlf__callout {
    display: flex;
    gap: 17px;
    margin: 29px 0;
    padding: 25px;
    border: 1px solid #e7d4a9;
    border-radius: 8px;
    background: linear-gradient(110deg, #fff9ec, #fffdf8);
}

.gvgDlf__calloutMark {
    flex: 0 0 auto;
    color: var(--gvg-gold);
    font-family: Georgia, serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
}

.gvgDlf__callout h3 {
    margin: 0 0 8px;
    color: var(--gvg-deep);
    font-size: 20px;
    line-height: 1.4;
}

.gvgDlf__callout p {
    margin: 0;
    color: #4c5b6d;
    font-size: 16px;
}

.gvgDlf__subheading {
    margin: 32px 0 17px;
    color: var(--gvg-deep);
    font-size: 23px;
    line-height: 1.4;
}

.gvgDlf__projects {
    display: grid;
    gap: 13px;
    margin-bottom: 25px;
}

.gvgDlf__project {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 15px;
    padding: 19px 20px;
    border: 1px solid #e5eaf2;
    border-radius: 8px;
    background: #fff;
}

.gvgDlf__project > span {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fdf3d9;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 900;
}

.gvgDlf__project strong {
    display: block;
    margin-bottom: 5px;
    color: var(--gvg-navy);
    font-size: 17px;
    line-height: 1.5;
}

.gvgDlf__project p {
    margin: 0;
    color: #526178;
    font-size: 15px;
    line-height: 1.75;
}

.gvgDlf__side {
    position: sticky;
    top: 24px;
    padding: 30px 26px;
    border-radius: 10px;
    background: linear-gradient(160deg, #092f62, #04152d);
    box-shadow: 0 14px 32px rgba(4,21,45,.15);
    color: #fff;
}

.gvgDlf__sideLabel {
    display: inline-block;
    margin-bottom: 15px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gvgDlf__side h3 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 25px;
    line-height: 1.35;
}

.gvgDlf__side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gvgDlf__side li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 23px;
    color: #e6edf8;
    font-size: 15px;
    line-height: 1.65;
}

.gvgDlf__side li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #f0b429;
    content: "✓";
    font-weight: 900;
}

.gvgDlf__sideRule {
    height: 1px;
    margin: 23px 0;
    background: rgba(255,255,255,.2);
}

.gvgDlf__side > p {
    margin: 0 0 22px;
    color: #e6edf8;
    font-size: 15px;
}

.gvgDlf__side .gvgDlf__btn {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
}

.gvgDlf__side .gvgDlf__phone {
    display: flex;
    width: 100%;
    border-color: rgba(255,255,255,.45);
    background: transparent;
    color: #fff !important;
}


/* =========================================================
   SECTION 3: GOLF COURSE ROAD LUXURY
========================================================= */
.gvgLuxury {
    --gvg-navy: #092f62;
    --gvg-dark: #061d3d;
    --gvg-deep: #04152d;
    --gvg-gold: #b97800;
    --gvg-gold-light: #f0b429;

    padding: 82px 22px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 35%),
        #f5f7fb;
    color: var(--gvg-dark);
    font-size: 16px;
    line-height: 1.8;
}

.gvgLuxury__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.gvgLuxury__top {
    max-width: 920px;
    margin: 0 auto 40px;
    text-align: center;
}

.gvgLuxury__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.gvgLuxury h2 {
    margin: 0 0 20px;
    color: var(--gvg-deep);
    font-size: clamp(29px, 3.7vw, 44px);
    font-weight: 800;
    line-height: 1.25;
}

.gvgLuxury h2 span {
    color: var(--gvg-navy);
}

.gvgLuxury__top > p {
    margin: 0;
    color: #4c5b70;
    font-size: 17px;
}

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

.gvgLuxury__tier {
    position: relative;
    overflow: hidden;
    min-height: 310px;
    padding: 27px 25px 25px;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(6,29,61,.045);
}

.gvgLuxury__tier::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: #cbd6e5;
    content: "";
}

.gvgLuxury__tier--luxury::before {
    background: var(--gvg-gold);
}

.gvgLuxury__tier--ultra {
    border-color: #c9d5e6;
    background: linear-gradient(150deg, #092f62, #04152d);
    color: #fff;
}

.gvgLuxury__tier--ultra::before {
    background: linear-gradient(90deg, #b97800, #f0b429);
}

.gvgLuxury__tierTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.gvgLuxury__tierIndex {
    color: var(--gvg-gold);
    font-size: 26px;
    font-weight: 900;
}

.gvgLuxury__tierTag {
    padding: 5px 9px;
    border-radius: 4px;
    background: #f8f0df;
    color: var(--gvg-navy);
    font-size: 15px;
    font-weight: 800;
}

.gvgLuxury__tier--ultra .gvgLuxury__tierTag {
    background: rgba(240,180,41,.17);
    color: #ffda79;
}

.gvgLuxury__tier h3 {
    margin: 0 0 12px;
    color: var(--gvg-deep);
    font-size: 25px;
    line-height: 1.3;
}

.gvgLuxury__tier--ultra h3 {
    color: #fff;
}

.gvgLuxury__tier p {
    margin: 0;
    color: #526178;
    font-size: 16px;
    line-height: 1.8;
}

.gvgLuxury__tier--ultra p {
    color: #e1eaf7;
}

.gvgLuxury__tier strong {
    color: var(--gvg-navy);
}

.gvgLuxury__tier--ultra strong {
    color: #ffda79;
}

.gvgLuxury__tierLine {
    height: 1px;
    margin: 23px 0 13px;
    background: #e2e7ef;
}

.gvgLuxury__tier--ultra .gvgLuxury__tierLine {
    background: rgba(255,255,255,.2);
}

.gvgLuxury__tierNote {
    display: block;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
}

.gvgLuxury__tier--ultra .gvgLuxury__tierNote {
    color: #ffda79;
}

.gvgLuxury__method {
    padding: 32px;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(6,29,61,.04);
}

.gvgLuxury__methodHeading {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 28px;
}

.gvgLuxury__methodIcon {
    display: flex;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #f9edcf;
    color: var(--gvg-gold);
    font-size: 30px;
    font-weight: 900;
}

.gvgLuxury__methodEyebrow {
    display: block;
    margin-bottom: 5px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.gvgLuxury__method h3 {
    margin: 0;
    color: var(--gvg-deep);
    font-size: 25px;
    line-height: 1.4;
}

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

.gvgLuxury__methodItem {
    padding: 20px;
    border-left: 3px solid var(--gvg-gold-light);
    background: #f8faff;
}

.gvgLuxury__methodItem > span {
    display: block;
    margin-bottom: 10px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 900;
}

.gvgLuxury__methodItem h4 {
    margin: 0 0 9px;
    color: var(--gvg-navy);
    font-size: 18px;
    line-height: 1.45;
}

.gvgLuxury__methodItem p {
    margin: 0;
    color: #526178;
    font-size: 15px;
    line-height: 1.75;
}

.gvgLuxury__methodNote {
    margin: 24px 0 0;
    padding-top: 18px;
    border-top: 1px solid #e4eaf2;
    color: #526178;
    font-size: 15px;
}

.gvgLuxury__methodNote strong {
    color: var(--gvg-navy);
}

.gvgLuxury__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 28px;
    padding: 27px 30px;
    border-radius: 9px;
    background: var(--gvg-deep);
    color: #fff;
}

.gvgLuxury__cta h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
}

.gvgLuxury__cta p {
    margin: 0;
    color: #dce5f2;
    font-size: 15px;
}

.gvgLuxury__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
}

.gvgLuxury__phone {
    border-color: rgba(255,255,255,.35);
    background: transparent;
    color: #fff !important;
}


/* =========================================================
   SECTION 4: CYBER CITY COMMERCIAL
========================================================= */
.gvgCyber {
    --gvg-navy: #092f62;
    --gvg-dark: #061d3d;
    --gvg-deep: #04152d;
    --gvg-gold: #b97800;
    --gvg-gold-light: #f0b429;

    padding: 80px 22px;
    background: #fff;
    color: var(--gvg-dark);
    font-size: 16px;
    line-height: 1.8;
}

.gvgCyber__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.gvgCyber__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 35px;
}

.gvgCyber__headerText {
    max-width: 850px;
}

.gvgCyber__eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.gvgCyber h2 {
    margin: 0 0 18px;
    color: var(--gvg-deep);
    font-size: clamp(29px, 3.6vw, 43px);
    font-weight: 800;
    line-height: 1.25;
}

.gvgCyber h2 strong {
    color: var(--gvg-navy);
}

.gvgCyber__headerText > p {
    margin: 0;
    color: #526178;
    font-size: 17px;
}

.gvgCyber__badge {
    flex: 0 0 230px;
    padding: 22px;
    border: 1px solid #e5d2a4;
    border-radius: 8px;
    background: #fff9ec;
}

.gvgCyber__badge span {
    display: block;
    margin-bottom: 8px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gvgCyber__badge strong {
    color: var(--gvg-navy);
    font-size: 19px;
    line-height: 1.45;
}

.gvgCyber__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.gvgCyber__panel {
    padding: 30px;
    border: 1px solid #e3e8f0;
    border-radius: 9px;
    background: #f8faff;
}

.gvgCyber__panel--gold {
    border-color: #e7d5a8;
    background: #fffaf0;
}

.gvgCyber__panelNumber {
    display: inline-flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 7px;
    background: var(--gvg-deep);
    color: #f0b429;
    font-size: 17px;
    font-weight: 900;
}

.gvgCyber__panel h3 {
    margin: 0 0 12px;
    color: var(--gvg-navy);
    font-size: 23px;
    line-height: 1.4;
}

.gvgCyber__panel > p {
    margin: 0 0 18px;
    color: #526178;
    font-size: 16px;
}

.gvgCyber__panel ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gvgCyber__panel li {
    position: relative;
    padding-left: 24px;
    color: #40516a;
    font-size: 15px;
    line-height: 1.65;
}

.gvgCyber__panel li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--gvg-gold);
    content: "✓";
    font-weight: 900;
}

.gvgCyber__formula {
    margin-top: 25px;
    padding: 29px;
    border-radius: 9px;
    background: linear-gradient(135deg, #092f62, #04152d);
    color: #fff;
}

.gvgCyber__formulaLabel {
    display: block;
    margin-bottom: 17px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-align: center;
}

.gvgCyber__formulaMain {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
}

.gvgCyber__formulaMain > span:not(.gvgCyber__formulaDivider):not(.gvgCyber__formulaEquals) {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.gvgCyber__formulaDivider,
.gvgCyber__formulaEquals {
    color: #f0b429;
    font-size: 23px;
    font-weight: 900;
}

.gvgCyber__formulaMain > strong {
    color: #ffda79;
    font-size: 19px;
}

.gvgCyber__formula > p {
    max-width: 900px;
    margin: 20px auto 0;
    color: #dce5f2;
    font-size: 15px;
    text-align: center;
}

.gvgCyber__note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 23px;
    padding: 23px;
    border: 1px solid #e7d5a8;
    border-radius: 8px;
    background: #fffaf0;
}

.gvgCyber__noteMark {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0b429;
    color: var(--gvg-deep);
    font-size: 18px;
    font-weight: 900;
}

.gvgCyber__note p {
    margin: 0;
    color: #526178;
    font-size: 15px;
}

.gvgCyber__note strong {
    color: var(--gvg-navy);
}

.gvgCyber__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 26px;
    padding: 28px 30px;
    border: 1px solid #e3e8f0;
    border-radius: 9px;
    background: #f8faff;
}

.gvgCyber__footer h3 {
    margin: 0 0 8px;
    color: var(--gvg-deep);
    font-size: 23px;
    line-height: 1.4;
}

.gvgCyber__footer p {
    margin: 0;
    color: #526178;
    font-size: 15px;
}

.gvgCyber__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   SECTION 5: METRO CONNECTIVITY
========================================================= */
.gvgMetro {
    --gvg-navy: #092f62;
    --gvg-dark: #061d3d;
    --gvg-deep: #04152d;
    --gvg-gold: #b97800;
    --gvg-gold-light: #f0b429;

    padding: 80px 22px;
    background: linear-gradient(180deg, #f7f9fd 0%, #fff 100%);
    color: var(--gvg-dark);
    font-size: 16px;
    line-height: 1.8;
}

.gvgMetro__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.gvgMetro__heading {
    max-width: 900px;
    margin-bottom: 35px;
}

.gvgMetro__eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.gvgMetro h2 {
    margin: 0 0 18px;
    color: var(--gvg-deep);
    font-size: clamp(29px, 3.6vw, 43px);
    font-weight: 800;
    line-height: 1.25;
}

.gvgMetro h2 span {
    color: var(--gvg-navy);
}

.gvgMetro__heading > p {
    margin: 0;
    color: #526178;
    font-size: 17px;
}

.gvgMetro__route {
    overflow: hidden;
    padding: 28px;
    border: 1px solid #dce4ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(6,29,61,.04);
}

.gvgMetro__routeLabel {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
    color: var(--gvg-navy);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gvgMetro__routeDot {
    width: 11px;
    height: 11px;
    border: 3px solid var(--gvg-gold);
    border-radius: 50%;
}

.gvgMetro__stations {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.gvgMetro__stations::before {
    position: absolute;
    top: 12px;
    right: 10%;
    left: 10%;
    height: 3px;
    background: linear-gradient(90deg, #b97800, #f0b429);
    content: "";
}

.gvgMetro__station {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 0 10px 10px;
    text-align: center;
}

.gvgMetro__stationDot {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto 17px;
    border: 6px solid #fff;
    border-radius: 50%;
    background: var(--gvg-gold);
    box-shadow: 0 0 0 2px var(--gvg-gold);
}

.gvgMetro__station strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gvg-navy);
    font-size: 17px;
    line-height: 1.45;
}

.gvgMetro__station small {
    display: block;
    color: #617087;
    font-size: 15px;
    line-height: 1.6;
}

.gvgMetro__analysis {
    margin-top: 30px;
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(6,29,61,.05);
}

.gvgMetro__analysisHeading {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 25px;
}

.gvgMetro__analysisIcon {
    display: flex;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gvg-deep);
    color: #f0b429;
    font-size: 29px;
}

.gvgMetro__analysisHeading h3 {
    margin: 0 0 5px;
    color: var(--gvg-deep);
    font-size: 24px;
    line-height: 1.4;
}

.gvgMetro__analysisHeading p {
    margin: 0;
    color: #617087;
    font-size: 15px;
}

.gvgMetro__factors {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.gvgMetro__factor {
    padding: 21px;
    border: 1px solid #e3e8f0;
    border-radius: 7px;
    background: #f8faff;
}

.gvgMetro__factor > span {
    display: block;
    margin-bottom: 12px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 900;
}

.gvgMetro__factor strong {
    display: block;
    margin-bottom: 9px;
    color: var(--gvg-navy);
    font-size: 17px;
    line-height: 1.5;
}

.gvgMetro__factor p {
    margin: 0;
    color: #526178;
    font-size: 15px;
    line-height: 1.75;
}

.gvgMetro__conclusion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 27px;
    padding: 30px;
    border-radius: 9px;
    background: linear-gradient(125deg, #092f62, #04152d);
    color: #fff;
}

.gvgMetro__conclusionText {
    max-width: 750px;
}

.gvgMetro__conclusionLabel {
    display: block;
    margin-bottom: 10px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gvgMetro__conclusion h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
}

.gvgMetro__conclusion h3 strong {
    color: #ffda79;
}

.gvgMetro__conclusionText > p {
    margin: 0;
    color: #dce5f2;
    font-size: 15px;
}

.gvgMetro__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
}

.gvgMetro__phone {
    border-color: rgba(255,255,255,.35);
    background: transparent;
    color: #fff !important;
}


/* =========================================================
   SECTION 6: IMT MANESAR INDUSTRIAL VALUATION
========================================================= */
.gvgManesar {
    --gvg-navy: #092f62;
    --gvg-dark: #061d3d;
    --gvg-deep: #04152d;
    --gvg-gold: #b97800;
    --gvg-gold-light: #f0b429;

    padding: 82px 22px;
    background:
        radial-gradient(ellipse at 0% 0%, rgba(240,180,41,.11), transparent 33%),
        #f6f8fc;
    color: var(--gvg-dark);
    font-size: 16px;
    line-height: 1.8;
}

.gvgManesar__inner {
    max-width: 1180px;
    margin: 0 auto;
}

.gvgManesar__header {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin-bottom: 35px;
}

.gvgManesar__headerMark {
    display: flex;
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(145deg, #092f62, #04152d);
    box-shadow: inset 0 -4px 0 #f0b429;
    color: #f0b429;
    font-size: 27px;
    font-weight: 900;
}

.gvgManesar__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gvgManesar h2 {
    margin: 0 0 17px;
    color: var(--gvg-deep);
    font-size: clamp(29px, 3.6vw, 43px);
    font-weight: 800;
    line-height: 1.25;
}

.gvgManesar h2 span {
    color: var(--gvg-navy);
}

.gvgManesar__header p {
    margin: 0;
    color: #526178;
    font-size: 17px;
}

.gvgManesar__overview {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 25px;
    align-items: stretch;
}

.gvgManesar__overviewMain {
    padding: 31px;
    border: 1px solid #e0e7f0;
    border-radius: 9px;
    background: #fff;
}

.gvgManesar__overviewMain h3 {
    margin: 0 0 16px;
    color: var(--gvg-navy);
    font-size: 25px;
    line-height: 1.4;
}

.gvgManesar__overviewMain p {
    margin: 0 0 17px;
    color: #526178;
    font-size: 16px;
}

.gvgManesar__overviewMain p:last-child {
    margin-bottom: 0;
}

.gvgManesar__overviewMain strong {
    color: var(--gvg-navy);
}

.gvgManesar__overviewSide {
    padding: 29px;
    border-radius: 9px;
    background: linear-gradient(155deg, #092f62, #04152d);
    color: #fff;
}

.gvgManesar__sideLabel {
    display: block;
    margin-bottom: 11px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.gvgManesar__overviewSide h3 {
    margin: 0 0 23px;
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
}

.gvgManesar__scopeItem {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.18);
}

.gvgManesar__scopeItem:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.gvgManesar__scopeItem > span {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(240,180,41,.17);
    color: #ffda79;
    font-size: 15px;
    font-weight: 900;
}

.gvgManesar__scopeItem p {
    margin: 0;
    color: #dce5f2;
    font-size: 15px;
    line-height: 1.7;
}

.gvgManesar__scopeItem strong {
    color: #fff;
    font-size: 16px;
}

.gvgManesar__process {
    margin-top: 27px;
    padding: 30px;
    border: 1px solid #e0e7f0;
    border-radius: 9px;
    background: #fff;
}

.gvgManesar__processTitle {
    margin-bottom: 25px;
}

.gvgManesar__processTitle > span {
    display: block;
    margin-bottom: 8px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.gvgManesar__processTitle h3 {
    margin: 0;
    color: var(--gvg-deep);
    font-size: 25px;
    line-height: 1.4;
}

.gvgManesar__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

.gvgManesar__step {
    padding: 21px;
    border-top: 3px solid var(--gvg-gold-light);
    background: #f8faff;
}

.gvgManesar__step > span {
    display: block;
    margin-bottom: 13px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 900;
}

.gvgManesar__step h4 {
    margin: 0 0 9px;
    color: var(--gvg-navy);
    font-size: 18px;
    line-height: 1.45;
}

.gvgManesar__step p {
    margin: 0;
    color: #526178;
    font-size: 15px;
    line-height: 1.75;
}

.gvgManesar__credential {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 27px;
    padding: 31px;
    border: 1px solid #e7d5a8;
    border-radius: 9px;
    background: linear-gradient(120deg, #fffaf0, #fff);
}

.gvgManesar__credential > div:first-child {
    max-width: 790px;
}

.gvgManesar__credentialEyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--gvg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gvgManesar__credential h3 {
    margin: 0 0 12px;
    color: var(--gvg-deep);
    font-size: 25px;
    line-height: 1.4;
}

.gvgManesar__credential h3 strong {
    color: var(--gvg-navy);
}

.gvgManesar__credential p {
    margin: 0 0 13px;
    color: #526178;
    font-size: 15px;
}

.gvgManesar__related a {
    color: var(--gvg-navy);
    font-size: 15px;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #d99a16;
    text-underline-offset: 3px;
}

.gvgManesar__related a:hover {
    color: var(--gvg-gold);
}

.gvgManesar__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   RESPONSIVE DESIGN
========================================================= */
@media (max-width: 1000px) {
    .gvgIntro__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .gvgDlf__side {
        position: static;
    }

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

    .gvgLuxury__tier {
        min-height: auto;
    }

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

    .gvgLuxury__cta,
    .gvgCyber__footer,
    .gvgMetro__conclusion,
    .gvgManesar__credential {
        align-items: flex-start;
        flex-direction: column;
    }

    .gvgCyber__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .gvgCyber__badge {
        flex-basis: auto;
        width: 100%;
    }

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

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

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

@media (max-width: 650px) {
    .gvgIntro,
    .gvgDlf,
    .gvgLuxury,
    .gvgCyber,
    .gvgMetro,
    .gvgManesar {
        padding: 48px 16px;
    }

    .gvgIntro h1,
    .gvgDlf h2,
    .gvgLuxury h2,
    .gvgCyber h2,
    .gvgMetro h2,
    .gvgManesar h2 {
        letter-spacing: -.4px;
    }

    .gvgIntro__eyebrow {
        gap: 8px;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .gvgIntro__eyebrowLine {
        width: 18px;
    }

    .gvgIntro__lead,
    .gvgLuxury__top > p,
    .gvgCyber__headerText > p,
    .gvgMetro__heading > p,
    .gvgManesar__header p {
        font-size: 16px;
    }

    .gvgIntro__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .gvgIntro__fact {
        min-height: 140px;
        padding: 18px 12px;
    }

    .gvgIntro__bottom,
    .gvgLuxury__method,
    .gvgCyber__panel,
    .gvgCyber__formula,
    .gvgMetro__route,
    .gvgMetro__analysis,
    .gvgManesar__overviewMain,
    .gvgManesar__overviewSide,
    .gvgManesar__process,
    .gvgManesar__credential {
        padding: 22px 18px;
    }

    .gvgIntro__actions,
    .gvgLuxury__actions,
    .gvgCyber__actions,
    .gvgMetro__actions,
    .gvgManesar__actions {
        width: 100%;
    }

    .gvgIntro__btn,
    .gvgIntro__phone,
    .gvgDlf__btn,
    .gvgDlf__phone,
    .gvgLuxury__btn,
    .gvgLuxury__phone,
    .gvgCyber__btn,
    .gvgCyber__phone,
    .gvgMetro__btn,
    .gvgMetro__phone,
    .gvgManesar__btn,
    .gvgManesar__phone {
        width: 100%;
    }

    .gvgDlf__heading {
        gap: 15px;
    }

    .gvgDlf__number,
    .gvgManesar__headerMark {
        flex-basis: 55px;
        width: 55px;
        height: 55px;
        font-size: 21px;
    }

    .gvgDlf__callout {
        padding: 20px 16px;
    }

    .gvgDlf__project {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 10px;
        padding: 16px 13px;
    }

    .gvgDlf__project > span {
        width: 30px;
        height: 30px;
    }

    .gvgLuxury__methodHeading {
        align-items: flex-start;
        gap: 12px;
    }

    .gvgLuxury__methodIcon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
    }

    .gvgLuxury__method h3,
    .gvgCyber__panel h3,
    .gvgMetro__analysisHeading h3,
    .gvgManesar__processTitle h3 {
        font-size: 21px;
    }

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

    .gvgCyber__formulaMain {
        flex-direction: column;
        gap: 9px;
    }

    .gvgCyber__formulaDivider {
        transform: rotate(90deg);
    }

    .gvgCyber__formulaEquals {
        font-size: 19px;
    }

    .gvgCyber__note {
        padding: 18px 14px;
    }

    .gvgMetro__stations {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .gvgMetro__stations::before {
        top: 10px;
        bottom: 10px;
        left: 12px;
        width: 3px;
        height: auto;
    }

    .gvgMetro__station {
        display: grid;
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 0 14px;
        padding: 0;
        text-align: left;
    }

    .gvgMetro__stationDot {
        grid-row: 1 / span 2;
        margin: 3px 0 0;
    }

    .gvgMetro__station strong {
        margin-bottom: 3px;
    }

    .gvgMetro__analysisHeading {
        align-items: flex-start;
        gap: 12px;
    }

    .gvgMetro__analysisIcon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

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

    .gvgManesar__header {
        grid-template-columns: 1fr;
        gap: 17px;
    }

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

@media (prefers-reduced-motion: reduce) {
    .gvgIntro__btn,
    .gvgDlf__btn,
    .gvgLuxury__btn,
    .gvgCyber__btn,
    .gvgMetro__btn,
    .gvgManesar__btn {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: DLF CITY PHASES
   Namespace: gurDlfPhases
========================================================= */

.gurDlfPhases {
    --gdp-navy: #092f62;
    --gdp-deep: #061d3d;
    --gdp-gold: #b97800;
    --gdp-gold-bright: #f0b429;
    --gdp-cream: #fffaf0;
    --gdp-text: #25364b;
    --gdp-muted: #53647a;

    padding: 76px 20px;
    background:
        radial-gradient(ellipse at 0% 0%, rgba(217, 154, 22, 0.09), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    color: var(--gdp-text);
    font-size: 16px;
    line-height: 1.8;
}

.gurDlfPhases *,
.gurDlfPhases *::before,
.gurDlfPhases *::after {
    box-sizing: border-box;
}

.gurDlfPhases__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurDlfPhases__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--gdp-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.5;
}

.gurDlfPhases__eyebrowLine {
    display: inline-block;
    width: 42px;
    height: 3px;
    background: linear-gradient(90deg, var(--gdp-gold), var(--gdp-gold-bright));
}

.gurDlfPhases h1 {
    max-width: 1000px;
    margin: 0 0 22px;
    color: var(--gdp-deep);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.2px;
}

.gurDlfPhases h1 span {
    display: block;
    margin-top: 7px;
    color: var(--gdp-gold);
}

.gurDlfPhases__intro {
    max-width: 970px;
    margin: 0 0 46px;
    color: var(--gdp-muted);
    font-size: 17px;
    line-height: 1.9;
}

.gurDlfPhases strong {
    color: var(--gdp-deep);
    font-weight: 800;
}

.gurDlfPhases__heading {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(9, 47, 98, 0.14);
}

.gurDlfPhases__number {
    display: flex;
    flex: 0 0 58px;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(185, 120, 0, 0.45);
    border-radius: 15px;
    background: var(--gdp-cream);
    color: var(--gdp-gold);
    font-size: 22px;
    font-weight: 900;
}

.gurDlfPhases__heading h2 {
    margin: 0 0 8px;
    color: var(--gdp-deep);
    font-size: clamp(23px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.35;
}

.gurDlfPhases__heading p {
    margin: 0;
    color: var(--gdp-muted);
    font-size: 16px;
    line-height: 1.7;
}

.gurDlfPhases__timeline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.gurDlfPhases__card {
    position: relative;
    min-width: 0;
    padding: 27px;
    overflow: hidden;
    border: 1px solid #e0e7f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(6, 29, 61, 0.045);
    transition: transform 0.25s ease, box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.gurDlfPhases__card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--gdp-navy), var(--gdp-gold-bright));
    content: "";
}

.gurDlfPhases__card:hover {
    transform: translateY(-4px);
    border-color: rgba(185, 120, 0, 0.48);
    box-shadow: 0 16px 36px rgba(6, 29, 61, 0.10);
}

.gurDlfPhases__card--featured {
    background: linear-gradient(145deg, #ffffff 0%, #fffaf0 100%);
}

.gurDlfPhases__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
}

.gurDlfPhases__phase {
    color: var(--gdp-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.gurDlfPhases__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--gdp-deep);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.gurDlfPhases__card h3 {
    margin: 0 0 7px;
    color: var(--gdp-navy);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.35;
}

.gurDlfPhases__location {
    margin: 0 0 16px;
    color: var(--gdp-gold);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.gurDlfPhases__card > p:not(.gurDlfPhases__location) {
    margin: 0 0 19px;
    color: var(--gdp-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gurDlfPhases__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: auto;
}

.gurDlfPhases__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 11px;
    border: 1px solid #e8d6ad;
    border-radius: 7px;
    background: #fffaf0;
    color: var(--gdp-deep);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.gurDlfPhases__insight {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-top: 30px;
    padding: 26px;
    border: 1px solid #e7d3a5;
    border-radius: 16px;
    background: linear-gradient(115deg, #fffaf0, #ffffff);
}

.gurDlfPhases__insightIcon {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--gdp-gold);
    color: #ffffff;
    font-size: 21px;
    font-weight: 900;
}

.gurDlfPhases__insight h3 {
    margin: 0 0 8px;
    color: var(--gdp-deep);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.gurDlfPhases__insight p {
    margin: 0;
    color: var(--gdp-muted);
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 2: DLF DEVELOPER-BRAND METHODOLOGY
   Namespace: gurDlfBrand
========================================================= */

.gurDlfBrand {
    --gdb-navy: #092f62;
    --gdb-deep: #061d3d;
    --gdb-gold: #b97800;
    --gdb-bright: #f0b429;
    --gdb-muted: #52647b;

    position: relative;
    padding: 82px 20px;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.11), transparent 34%),
        #ffffff;
    color: var(--gdb-deep);
    font-size: 16px;
    line-height: 1.8;
}

.gurDlfBrand *,
.gurDlfBrand *::before,
.gurDlfBrand *::after {
    box-sizing: border-box;
}

.gurDlfBrand__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurDlfBrand__header {
    max-width: 920px;
    margin: 0 auto 42px;
    text-align: center;
}

.gurDlfBrand__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: var(--gdb-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.8px;
    line-height: 1.5;
}

.gurDlfBrand__eyebrow span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--gdb-deep);
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
}

.gurDlfBrand__header h2 {
    margin: 0 0 19px;
    color: var(--gdb-deep);
    font-size: clamp(29px, 3.8vw, 43px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.8px;
}

.gurDlfBrand__header h2 strong {
    color: var(--gdb-gold);
}

.gurDlfBrand__header > p {
    margin: 0;
    color: var(--gdb-muted);
    font-size: 17px;
    line-height: 1.9;
}

.gurDlfBrand__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 42px;
}

.gurDlfBrand__factor {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px;
    border: 1px solid #e0e7f0;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(6, 29, 61, 0.055);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.gurDlfBrand__factor:hover {
    transform: translateY(-4px);
    border-color: rgba(185, 120, 0, 0.5);
}

.gurDlfBrand__factorNumber {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 19px;
    border: 1px solid #e6cf9a;
    border-radius: 12px;
    background: #fffaf0;
    color: var(--gdb-gold);
    font-size: 20px;
    font-weight: 900;
}

.gurDlfBrand__factor h3 {
    margin: 0 0 12px;
    color: var(--gdb-navy);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.45;
}

.gurDlfBrand__factor p {
    margin: 0;
    color: var(--gdb-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gurDlfBrand__method {
    padding: 35px;
    border: 1px solid rgba(185, 120, 0, 0.36);
    border-radius: 22px;
    background: linear-gradient(145deg, #f8fbff 0%, #fffaf0 100%);
}

.gurDlfBrand__methodHeader {
    max-width: 850px;
    margin-bottom: 29px;
}

.gurDlfBrand__methodLabel {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--gdb-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.6px;
    line-height: 1.5;
}

.gurDlfBrand__methodHeader h3 {
    margin: 0 0 12px;
    color: var(--gdb-deep);
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.35;
}

.gurDlfBrand__methodHeader p {
    margin: 0;
    color: var(--gdb-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gurDlfBrand__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.gurDlfBrand__step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
    padding: 23px;
    border: 1px solid rgba(9, 47, 98, 0.11);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.92);
}

.gurDlfBrand__stepNo {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--gdb-navy);
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}

.gurDlfBrand__step h4 {
    margin: 0 0 7px;
    color: var(--gdb-deep);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.gurDlfBrand__step p {
    margin: 0;
    color: var(--gdb-muted);
    font-size: 16px;
    line-height: 1.8;
}

.gurDlfBrand__formula {
    margin-top: 25px;
    padding: 23px;
    border-radius: 13px;
    background: var(--gdb-deep);
    color: #ffffff;
    text-align: center;
}

.gurDlfBrand__formulaLabel {
    display: block;
    margin-bottom: 11px;
    color: var(--gdb-bright);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.6px;
    line-height: 1.5;
}

.gurDlfBrand__formula > p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 1.7;
}

.gurDlfBrand__formula > p strong {
    color: #ffffff;
    font-weight: 800;
}

.gurDlfBrand__formula > p span {
    color: var(--gdb-bright);
    font-size: 22px;
    font-weight: 900;
}

.gurDlfBrand__formula small {
    display: block;
    color: #e1e9f5;
    font-size: 15px;
    line-height: 1.7;
}

.gurDlfBrand__note {
    margin-top: 25px;
    padding: 22px 25px;
    border-left: 4px solid var(--gdb-gold);
    border-radius: 0 12px 12px 0;
    background: #f5f8fc;
    color: var(--gdb-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gurDlfBrand__note strong {
    color: var(--gdb-deep);
    font-weight: 800;
}


/* =========================================================
   SECTION 3: CONTACT CTA
   Namespace: gurDlfCta
========================================================= */

.gurDlfCta {
    --gdc-navy: #092f62;
    --gdc-deep: #04152d;
    --gdc-gold: #d99a16;
    --gdc-bright: #f0b429;

    padding: 70px 20px;
    background: #f5f8fc;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8;
}

.gurDlfCta *,
.gurDlfCta *::before,
.gurDlfCta *::after {
    box-sizing: border-box;
}

.gurDlfCta__container {
    position: relative;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 55px 42px 25px;
    overflow: hidden;
    border: 1px solid rgba(240, 180, 41, 0.5);
    border-radius: 24px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.17), transparent 36%),
        linear-gradient(135deg, var(--gdc-deep) 0%, var(--gdc-navy) 65%, #123d73 100%);
    box-shadow: 0 20px 55px rgba(4, 21, 45, 0.17);
}

.gurDlfCta__ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 23px;
}

.gurDlfCta__ornament span {
    display: block;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    background: var(--gdc-bright);
}

.gurDlfCta__ornament span:nth-child(2) {
    width: 11px;
    height: 11px;
}

.gurDlfCta__content {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.gurDlfCta__eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--gdc-bright);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.gurDlfCta__content h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.gurDlfCta__content h2 strong {
    color: var(--gdc-bright);
    font-weight: 900;
}

.gurDlfCta__content > p {
    max-width: 760px;
    margin: 0 auto 22px;
    color: #e2eaf5;
    font-size: 17px;
    line-height: 1.9;
}

.gurDlfCta__highlights {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
}

.gurDlfCta__highlights span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gurDlfCta__highlights i {
    color: var(--gdc-bright);
    font-size: 17px;
    font-style: normal;
    font-weight: 900;
}

.gurDlfCta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.gurDlfCta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 56px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 10px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease,
        background 0.2s ease, color 0.2s ease;
}

.gurDlfCta__button:hover {
    transform: translateY(-3px);
}

.gurDlfCta__button--gold {
    border-color: var(--gdc-bright);
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #04152d !important;
    box-shadow: 0 9px 25px rgba(217, 154, 22, 0.24);
}

.gurDlfCta__button--gold:hover {
    background: #ffffff;
    color: var(--gdc-deep) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.19);
}

.gurDlfCta__button--gold span {
    font-size: 22px;
    line-height: 1;
}

.gurDlfCta__button--outline {
    border-color: rgba(255, 255, 255, 0.65);
    background: transparent;
    color: #ffffff !important;
}

.gurDlfCta__button--outline:hover {
    border-color: var(--gdc-bright);
    background: rgba(255, 255, 255, 0.09);
    color: var(--gdc-bright) !important;
}

.gurDlfCta__phoneIcon {
    font-size: 19px;
    line-height: 1;
}

.gurDlfCta__contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px 12px;
    margin-top: 24px;
    color: #e2eaf5;
    font-size: 15px;
    line-height: 1.7;
}

.gurDlfCta__contact a {
    color: var(--gdc-bright);
    font-size: 15px;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 4px;
    overflow-wrap: anywhere;
}

.gurDlfCta__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 38px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.17);
    color: #d8e2f0;
    font-size: 15px;
    line-height: 1.6;
}

.gurDlfCta__footer span:first-child {
    color: var(--gdc-bright);
    font-weight: 900;
    letter-spacing: 1.8px;
}


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

@media (max-width: 900px) {
    .gurDlfPhases {
        padding: 60px 18px;
    }

    .gurDlfPhases__timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .gurDlfPhases__card {
        padding: 23px;
    }

    .gurDlfBrand {
        padding: 65px 18px;
    }

    .gurDlfBrand__grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .gurDlfBrand__factor {
        padding: 23px;
    }

    .gurDlfBrand__method {
        padding: 27px;
    }

    .gurDlfCta {
        padding: 55px 18px;
    }

    .gurDlfCta__container {
        padding: 42px 27px 22px;
    }
}

@media (max-width: 600px) {
    .gurDlfPhases {
        padding: 46px 15px;
    }

    .gurDlfPhases h1 {
        font-size: 31px;
        letter-spacing: -0.5px;
    }

    .gurDlfPhases__intro {
        margin-bottom: 34px;
        font-size: 16px;
    }

    .gurDlfPhases__heading {
        gap: 13px;
    }

    .gurDlfPhases__number {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        border-radius: 11px;
        font-size: 18px;
    }

    .gurDlfPhases__heading h2 {
        font-size: 24px;
    }

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

    .gurDlfPhases__card {
        padding: 23px 20px;
    }

    .gurDlfPhases__insight {
        gap: 12px;
        padding: 20px;
    }

    .gurDlfPhases__insightIcon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .gurDlfBrand {
        padding: 49px 15px;
    }

    .gurDlfBrand__header {
        margin-bottom: 30px;
    }

    .gurDlfBrand__header h2 {
        font-size: 30px;
    }

    .gurDlfBrand__method {
        padding: 20px 15px;
        border-radius: 16px;
    }

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

    .gurDlfBrand__step {
        gap: 12px;
        padding: 19px 15px;
    }

    .gurDlfBrand__stepNo {
        flex-basis: 35px;
        width: 35px;
        height: 35px;
    }

    .gurDlfBrand__formula {
        padding: 20px 14px;
    }

    .gurDlfBrand__formula > p {
        flex-direction: column;
        gap: 5px;
        font-size: 16px;
    }

    .gurDlfBrand__formula > p span {
        font-size: 20px;
    }

    .gurDlfBrand__note {
        padding: 19px;
    }

    .gurDlfCta {
        padding: 42px 14px;
    }

    .gurDlfCta__container {
        padding: 34px 18px 20px;
        border-radius: 17px;
    }

    .gurDlfCta__content h2 {
        font-size: 29px;
    }

    .gurDlfCta__content > p {
        font-size: 16px;
    }

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

    .gurDlfCta__button {
        width: 100%;
        min-height: 56px;
        padding: 14px 16px;
    }

    .gurDlfCta__footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}


/* =========================================================
   ACCESSIBILITY: REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gurDlfPhases__card,
    .gurDlfBrand__factor,
    .gurDlfCta__button {
        transition: none;
    }

    .gurDlfPhases__card:hover,
    .gurDlfBrand__factor:hover,
    .gurDlfCta__button:hover {
        transform: none;
    }
}

/* =========================================================
   GCR SECTION 1: HERO
========================================================= */
.gcr-hero,
.gcr-hero * {
    box-sizing: border-box;
}

.gcr-hero {
    --gcr-navy: #092f62;
    --gcr-dark: #061d3d;
    --gcr-deep: #04152d;
    --gcr-gold: #b97800;
    --gcr-gold-light: #f0b429;
    --gcr-text: #27384e;
    --gcr-muted: #53647a;

    position: relative;
    overflow: hidden;
    padding: 76px 20px 70px;
    background:
        radial-gradient(ellipse at 92% 8%, rgba(217, 154, 22, 0.11), transparent 34%),
        radial-gradient(ellipse at 0% 100%, rgba(9, 47, 98, 0.07), transparent 42%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 62%, #fffaf0 100%);
    border-bottom: 1px solid #e6dfd1;
    color: var(--gcr-text);
}

.gcr-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        var(--gcr-deep),
        var(--gcr-navy) 40%,
        var(--gcr-gold-light) 75%,
        var(--gcr-gold)
    );
}

.gcr-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.gcr-hero-inner {
    position: relative;
    max-width: 1050px;
    margin: 0 auto;
}

.gcr-eyebrow,
.gcr-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--gcr-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gcr-eyebrow-line {
    display: inline-block;
    width: 34px;
    height: 3px;
    background: var(--gcr-gold-light);
    border-radius: 3px;
}

.gcr-hero h1 {
    max-width: 1000px;
    margin: 22px 0 24px;
    color: var(--gcr-dark);
    font-size: clamp(34px, 4.3vw, 58px);
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.gcr-hero h1 span {
    display: block;
    margin-top: 8px;
    color: var(--gcr-gold);
}

.gcr-hero-description {
    max-width: 900px;
    margin: 0;
    color: var(--gcr-muted);
    font-size: 18px;
    line-height: 1.85;
}

.gcr-hero-description strong {
    color: var(--gcr-navy);
}

.gcr-hero-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 32px 0 30px;
}

.gcr-hero-highlight {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 15px 17px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #e7e0d2;
    border-radius: 12px;
    box-shadow: 0 7px 22px rgba(6, 29, 61, 0.045);
}

.gcr-highlight-number {
    color: var(--gcr-gold);
    font-size: 20px;
    font-weight: 850;
}

.gcr-highlight-text {
    color: var(--gcr-dark);
    font-size: 16px;
    line-height: 1.55;
}

.gcr-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.gcr-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.gcr-btn:hover {
    transform: translateY(-2px);
}

.gcr-btn-gold {
    color: #ffffff !important;
    background: linear-gradient(135deg, #c88b08, #a66a00);
    border-color: #b97800;
    box-shadow: 0 8px 22px rgba(185, 120, 0, 0.24);
}

.gcr-btn-gold:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d99a16, #915b00);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.3);
}

.gcr-btn-outline {
    color: var(--gcr-navy) !important;
    background: #ffffff;
    border-color: var(--gcr-navy);
}

.gcr-btn-outline:hover {
    color: #ffffff !important;
    background: var(--gcr-navy);
}

.gcr-phone-icon {
    font-size: 19px;
}

.gcr-hero-note {
    margin: 22px 0 0;
    color: #66758a;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   GCR SECTION 2: PRODUCT HIERARCHY
========================================================= */
.gcr-tiers,
.gcr-tiers * {
    box-sizing: border-box;
}

.gcr-tiers {
    --gcr-navy: #092f62;
    --gcr-dark: #061d3d;
    --gcr-gold: #b97800;
    --gcr-muted: #53647a;

    padding: 76px 20px;
    background: #ffffff;
    color: #27384e;
}

.gcr-section-heading {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.gcr-section-heading h2,
.gcr-methodology-copy h2,
.gcr-reconciliation-heading h2,
.gcr-cta-content h2 {
    margin: 15px 0 18px;
    color: var(--gcr-dark, #061d3d);
    font-size: clamp(29px, 3.2vw, 43px);
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.gcr-section-heading h2 strong,
.gcr-methodology-copy h2 strong,
.gcr-reconciliation-heading h2 strong,
.gcr-cta-content h2 strong {
    color: var(--gcr-gold, #b97800);
}

.gcr-section-heading > p {
    margin: 0;
    color: var(--gcr-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gcr-tier-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.gcr-tier-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    box-shadow: 0 9px 30px rgba(6, 29, 61, 0.055);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.gcr-tier-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 36px rgba(6, 29, 61, 0.1);
}

.gcr-tier-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #092f62, #d99a16);
}

.gcr-tier-featured {
    background: linear-gradient(150deg, #ffffff, #f7faff);
    border-color: #d5dfed;
}

.gcr-tier-ultra {
    background: linear-gradient(145deg, #061d3d, #092f62);
    border-color: #092f62;
    color: #ffffff;
}

.gcr-tier-ultra::before {
    background: linear-gradient(90deg, #f0b429, #fff0b5, #b97800);
}

.gcr-tier-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.gcr-tier-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #ffffff;
    background: var(--gcr-navy);
    border-radius: 10px;
    font-size: 17px;
    font-weight: 850;
}

.gcr-tier-ultra .gcr-tier-index {
    color: var(--gcr-dark);
    background: var(--gcr-gold-light, #f0b429);
}

.gcr-tier-label {
    padding: 7px 11px;
    color: var(--gcr-navy);
    background: #edf3fb;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.gcr-tier-ultra .gcr-tier-label {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
}

.gcr-tier-card h3 {
    margin: 0 0 14px;
    color: var(--gcr-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.35;
}

.gcr-tier-ultra h3 {
    color: #ffffff;
}

.gcr-tier-price {
    margin: 0 0 17px;
    color: var(--gcr-gold);
    font-size: 28px;
    font-weight: 850;
    line-height: 1.3;
}

.gcr-tier-ultra .gcr-tier-price {
    color: #ffd66c;
}

.gcr-tier-summary,
.gcr-tier-detail p,
.gcr-method-box p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
}

.gcr-tier-summary {
    margin-bottom: 22px;
    color: #53647a;
}

.gcr-tier-ultra .gcr-tier-summary,
.gcr-tier-ultra .gcr-tier-detail p {
    color: #e0e9f5;
}

.gcr-tier-detail {
    padding: 16px 0;
    border-top: 1px solid #e5e9ef;
}

.gcr-tier-ultra .gcr-tier-detail {
    border-color: rgba(255, 255, 255, 0.2);
}

.gcr-detail-label,
.gcr-method-label {
    display: block;
    margin-bottom: 8px;
    color: var(--gcr-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.gcr-method-box {
    margin-top: auto;
    padding: 18px;
    background: #f5f8fc;
    border: 1px solid #e4eaf2;
    border-left: 4px solid var(--gcr-gold);
    border-radius: 8px;
}

.gcr-method-box strong {
    display: block;
    margin-bottom: 8px;
    color: var(--gcr-navy);
    font-size: 18px;
    line-height: 1.5;
}

.gcr-method-box p {
    color: #53647a;
}

.gcr-tier-ultra .gcr-method-box {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
    border-left-color: #f0b429;
}

.gcr-tier-ultra .gcr-method-label {
    color: #ffd66c;
}

.gcr-tier-ultra .gcr-method-box strong {
    color: #ffffff;
}

.gcr-tier-ultra .gcr-method-box p {
    color: #e0e9f5;
}

.gcr-tier-disclaimer {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 27px;
    padding: 20px 22px;
    background: #fffaf0;
    border: 1px solid #eeddb8;
    border-radius: 10px;
}

.gcr-disclaimer-mark {
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #ffffff;
    background: var(--gcr-gold);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 850;
}

.gcr-tier-disclaimer p {
    margin: 0;
    color: #574a34;
    font-size: 15px;
    line-height: 1.8;
}

.gcr-tier-disclaimer strong {
    color: var(--gcr-dark);
}


/* =========================================================
   GCR SECTION 3: MULTI-METHOD METHODOLOGY
========================================================= */
.gcr-methodology,
.gcr-methodology * {
    box-sizing: border-box;
}

.gcr-methodology {
    --gcr-navy: #092f62;
    --gcr-dark: #061d3d;
    --gcr-deep: #04152d;
    --gcr-gold: #b97800;
    --gcr-muted: #53647a;

    padding: 78px 20px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217, 154, 22, 0.08), transparent 30%),
        #f5f8fc;
    color: #27384e;
}

.gcr-methodology-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 225px;
    gap: 35px;
    align-items: center;
    margin-bottom: 40px;
}

.gcr-methodology-copy {
    max-width: 850px;
}

.gcr-methodology-copy h2 {
    margin-top: 15px;
}

.gcr-methodology-copy > p {
    margin: 0;
    color: var(--gcr-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gcr-methodology-stamp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 175px;
    padding: 22px;
    color: #ffffff;
    background: linear-gradient(145deg, #061d3d, #0c3b74);
    border: 1px solid rgba(217, 154, 22, 0.7);
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(6, 29, 61, 0.15);
    text-align: center;
}

.gcr-methodology-stamp span {
    color: #f0c45f;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gcr-methodology-stamp strong {
    color: #ffffff;
    font-size: 27px;
    line-height: 1.3;
}

.gcr-method-list {
    display: grid;
    gap: 20px;
}

.gcr-method-card {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 22px;
    padding: 29px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    box-shadow: 0 8px 27px rgba(6, 29, 61, 0.045);
}

.gcr-method-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    color: #ffffff;
    background: linear-gradient(145deg, #092f62, #061d3d);
    border: 2px solid #d99a16;
    border-radius: 13px;
    font-size: 25px;
    font-weight: 850;
}

.gcr-method-overline {
    display: block;
    margin: 0 0 8px;
    color: var(--gcr-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
}

.gcr-method-content h3 {
    margin: 0 0 14px;
    color: var(--gcr-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.gcr-method-content h3 span {
    color: var(--gcr-gold);
}

.gcr-method-content > p {
    margin: 0 0 19px;
    color: #53647a;
    font-size: 16px;
    line-height: 1.85;
}

.gcr-method-content > p strong {
    color: var(--gcr-navy);
}

.gcr-method-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.gcr-method-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: var(--gcr-navy);
    background: #f2f6fc;
    border: 1px solid #e0e8f3;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gcr-method-points b {
    color: var(--gcr-gold);
    font-size: 17px;
}

.gcr-method-callout {
    padding: 16px 18px;
    color: #51452f;
    background: #fffaf0;
    border-left: 4px solid var(--gcr-gold);
    border-radius: 0 8px 8px 0;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   GCR SECTION 4: RECONCILIATION
========================================================= */
.gcr-reconciliation,
.gcr-reconciliation * {
    box-sizing: border-box;
}

.gcr-reconciliation {
    --gcr-navy: #092f62;
    --gcr-dark: #061d3d;
    --gcr-gold: #b97800;

    padding: 75px 20px;
    background: #ffffff;
}

.gcr-reconciliation-panel {
    padding: 44px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217, 154, 22, 0.09), transparent 32%),
        linear-gradient(145deg, #f8fbff, #ffffff);
    border: 1px solid #e0e7f0;
    border-radius: 18px;
    box-shadow: 0 13px 38px rgba(6, 29, 61, 0.065);
}

.gcr-reconciliation-heading {
    max-width: 850px;
    margin-bottom: 35px;
}

.gcr-reconciliation-heading > p {
    margin: 0;
    color: #53647a;
    font-size: 17px;
    line-height: 1.85;
}

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

.gcr-reconciliation-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 18px;
    background: #ffffff;
    border: 1px solid #e1e8f1;
    border-radius: 11px;
}

.gcr-step-number {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    color: #ffffff;
    background: var(--gcr-navy);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
}

.gcr-reconciliation-step h3 {
    margin: 2px 0 9px;
    color: var(--gcr-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.gcr-reconciliation-step p {
    margin: 0;
    color: #53647a;
    font-size: 15px;
    line-height: 1.8;
}

.gcr-reconciliation-note {
    margin-top: 24px;
    padding: 22px 24px;
    background: #061d3d;
    border-radius: 10px;
    border-left: 5px solid #d99a16;
}

.gcr-reconciliation-note strong {
    display: block;
    margin-bottom: 8px;
    color: #f0c45f;
    font-size: 18px;
    line-height: 1.5;
}

.gcr-reconciliation-note p {
    margin: 0;
    color: #e5edf7;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   GCR SECTION 5: CONTACT CTA
========================================================= */
.gcr-cta,
.gcr-cta * {
    box-sizing: border-box;
}

.gcr-cta {
    --gcr-navy: #092f62;
    --gcr-dark: #061d3d;
    --gcr-deep: #04152d;
    --gcr-gold: #b97800;
    --gcr-gold-light: #f0b429;

    padding: 70px 20px 80px;
    background: #f5f8fc;
}

.gcr-cta-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 38px;
    align-items: center;
    padding: 43px;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.13), transparent 34%),
        linear-gradient(130deg, #04152d, #092f62);
    border: 1px solid rgba(217, 154, 22, 0.65);
    border-radius: 18px;
    box-shadow: 0 20px 45px rgba(6, 29, 61, 0.16);
}

.gcr-cta-content {
    position: relative;
    z-index: 1;
}

.gcr-cta-content .gcr-section-kicker {
    color: #f0c45f;
}

.gcr-cta-content h2 {
    margin: 15px 0 18px;
    color: #ffffff;
}

.gcr-cta-content h2 strong {
    color: #f0c45f;
}

.gcr-cta-content > p {
    margin: 0;
    color: #e0e9f5;
    font-size: 17px;
    line-height: 1.85;
}

.gcr-cta-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 24px;
}

.gcr-cta-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}

.gcr-cta-trust b {
    color: #f0c45f;
    font-size: 14px;
}

.gcr-cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

.gcr-btn-large {
    width: 100%;
    min-height: 60px;
    padding: 17px 18px;
    font-size: 17px;
}

.gcr-btn-call {
    display: flex;
    justify-content: flex-start;
    gap: 13px;
    width: 100%;
    padding: 15px 17px;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.45);
    text-align: left;
}

.gcr-btn-call:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.15);
}

.gcr-cta-phone-icon {
    font-size: 24px;
}

.gcr-btn-call span:last-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gcr-btn-call small {
    color: #e0e9f5;
    font-size: 15px;
    line-height: 1.4;
}

.gcr-btn-call strong {
    color: #ffffff;
    font-size: 19px;
    line-height: 1.4;
}

.gcr-cta-email {
    margin: 0;
    color: #e0e9f5;
    font-size: 15px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.gcr-cta-email a {
    color: #f0c45f;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* =========================================================
   GCR RESPONSIVE DESIGN
========================================================= */
@media (max-width: 900px) {
    .gcr-hero {
        padding: 62px 20px;
    }

    .gcr-methodology-intro {
        grid-template-columns: minmax(0, 1fr) 180px;
        gap: 22px;
    }

    .gcr-methodology-stamp {
        min-height: 150px;
        padding: 16px;
    }

    .gcr-reconciliation-panel {
        padding: 32px;
    }

    .gcr-reconciliation-steps {
        grid-template-columns: 1fr;
    }

    .gcr-cta-panel {
        grid-template-columns: minmax(0, 1fr) 275px;
        gap: 25px;
        padding: 32px;
    }
}

@media (max-width: 640px) {
    .gcr-hero,
    .gcr-tiers,
    .gcr-methodology,
    .gcr-reconciliation,
    .gcr-cta {
        padding-right: 16px;
        padding-left: 16px;
    }

    .gcr-hero {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .gcr-hero h1 {
        margin-top: 18px;
        font-size: 35px;
        letter-spacing: -0.8px;
    }

    .gcr-hero-description {
        font-size: 17px;
        line-height: 1.8;
    }

    .gcr-hero-highlights {
        grid-template-columns: 1fr;
        gap: 10px;
        margin: 25px 0;
    }

    .gcr-hero-highlight {
        min-height: 62px;
        padding: 12px 15px;
    }

    .gcr-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .gcr-btn {
        width: 100%;
        min-height: 56px;
    }

    .gcr-section-heading {
        margin-bottom: 30px;
    }

    .gcr-section-heading h2,
    .gcr-methodology-copy h2,
    .gcr-reconciliation-heading h2,
    .gcr-cta-content h2 {
        font-size: 30px;
    }

    .gcr-tier-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .gcr-tier-card {
        padding: 23px;
    }

    .gcr-tier-card h3 {
        font-size: 22px;
    }

    .gcr-tier-price {
        font-size: 26px;
    }

    .gcr-tier-disclaimer {
        padding: 16px;
    }

    .gcr-methodology-intro {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .gcr-methodology-stamp {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 8px 15px;
        min-height: auto;
        text-align: left;
    }

    .gcr-methodology-stamp span:last-child {
        grid-column: 1 / -1;
    }

    .gcr-method-card {
        grid-template-columns: 1fr;
        gap: 17px;
        padding: 22px;
    }

    .gcr-method-number {
        width: 54px;
        height: 54px;
        font-size: 21px;
    }

    .gcr-method-content h3 {
        font-size: 23px;
    }

    .gcr-method-points {
        flex-direction: column;
        align-items: stretch;
    }

    .gcr-method-points span {
        align-items: flex-start;
    }

    .gcr-reconciliation-panel {
        padding: 24px 18px;
    }

    .gcr-reconciliation-step {
        padding: 18px 14px;
    }

    .gcr-reconciliation-note {
        padding: 18px;
    }

    .gcr-cta-panel {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 27px 20px;
    }

    .gcr-cta-trust {
        flex-direction: column;
        gap: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gcr-btn,
    .gcr-tier-card {
        transition: none;
    }

    .gcr-btn:hover,
    .gcr-tier-card:hover {
        transform: none;
    }
}

/* =========================================================
   SHARED BUTTONS & LABELS
========================================================= */

.gurgaonHsvpHero,
.gurgaonHsvpContext,
.gurgaonHsvpCapital,
.gurgaonHsvpExample {
    --gh-navy: #092f62;
    --gh-dark: #061d3d;
    --gh-deep: #04152d;
    --gh-gold: #b97800;
    --gh-gold2: #d99a16;
    --gh-gold3: #f0b429;
    --gh-cream: #fffaf0;
    --gh-text: #26364b;
    --gh-muted: #59677a;
    --gh-border: #e4e9f0;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.gurgaonHsvpHero *,
.gurgaonHsvpContext *,
.gurgaonHsvpCapital *,
.gurgaonHsvpExample * {
    box-sizing: border-box;
}

.gurgaonHsvpHero strong,
.gurgaonHsvpContext strong,
.gurgaonHsvpCapital strong,
.gurgaonHsvpExample strong {
    font-weight: 750;
}

.gurgaonHsvpLabel {
    display: inline-block;
    color: var(--gh-gold);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.gurgaonHsvpBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 14px 24px;
    border: 2px solid var(--gh-gold2);
    border-radius: 8px;
    background: linear-gradient(135deg, var(--gh-gold2), var(--gh-gold));
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurgaonHsvpBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185, 120, 0, 0.3);
    color: #fff !important;
}

.gurgaonHsvpBtn:focus-visible,
.gurgaonHsvpCall:focus-visible,
.gurgaonHsvpContext a:focus-visible,
.gurgaonHsvpCapital a:focus-visible,
.gurgaonHsvpExample a:focus-visible {
    outline: 3px solid var(--gh-gold3);
    outline-offset: 4px;
}


/* =========================================================
   SECTION 1: HERO — NO IMAGE
========================================================= */

.gurgaonHsvpHero {
    position: relative;
    overflow: hidden;
    padding: 78px 22px 60px;
    color: #fff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(217, 154, 22, 0.19), transparent 35%),
        radial-gradient(ellipse at 0% 100%, rgba(9, 47, 98, 0.75), transparent 45%),
        linear-gradient(125deg, var(--gh-deep) 0%, var(--gh-dark) 56%, var(--gh-navy) 100%);
}

.gurgaonHsvpHero::before {
    position: absolute;
    top: 0;
    right: 7%;
    width: 180px;
    height: 4px;
    background: linear-gradient(90deg, var(--gh-gold), var(--gh-gold3));
    content: "";
}

.gurgaonHsvpHero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gurgaonHsvpHero__eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 14px;
    border: 1px solid rgba(240, 180, 41, 0.48);
    border-radius: 4px;
    color: var(--gh-gold3);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.gurgaonHsvpHero h1 {
    max-width: 980px;
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(32px, 4.3vw, 54px);
    font-weight: 750;
    line-height: 1.16;
    letter-spacing: -1.1px;
}

.gurgaonHsvpHero h1 strong {
    color: var(--gh-gold3);
}

.gurgaonHsvpHero__intro {
    max-width: 850px;
    margin: 0;
    color: #e4ebf5;
    font-size: 18px;
    line-height: 1.85;
}

.gurgaonHsvpHero__intro strong {
    color: #fff;
}

.gurgaonHsvpHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 960px;
    margin: 34px 0;
}

.gurgaonHsvpHero__highlight {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: #fff;
    font-size: 16px;
    font-weight: 650;
}

.gurgaonHsvpHero__number {
    flex: 0 0 auto;
    color: var(--gh-gold3);
    font-size: 20px;
    font-weight: 850;
}

.gurgaonHsvpHero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.gurgaonHsvpCall {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff !important;
    text-decoration: none !important;
}

.gurgaonHsvpCall__icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: var(--gh-gold3);
    font-size: 21px;
}

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

.gurgaonHsvpCall small {
    color: #d4deeb;
    font-size: 15px;
    line-height: 1.5;
}

.gurgaonHsvpCall strong {
    color: #fff;
    font-size: 19px;
    line-height: 1.5;
}

.gurgaonHsvpHero__footnote {
    margin-top: 34px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #c6d2e2;
    font-size: 15px;
}

.gurgaonHsvpHero__footnote span {
    padding: 0 8px;
    color: var(--gh-gold3);
}


/* =========================================================
   SECTION 2: HSVP SECTOR CONTEXT
========================================================= */

.gurgaonHsvpContext {
    padding: 78px 22px;
    background: #fff;
    color: var(--gh-text);
}

.gurgaonHsvpContext__inner {
    max-width: 1160px;
    margin: 0 auto;
}

.gurgaonHsvpContext__heading {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.gurgaonHsvpContext__heading h2,
.gurgaonHsvpCapital__header h2,
.gurgaonHsvpExample__intro h2 {
    margin: 14px 0 16px;
    color: var(--gh-dark);
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.gurgaonHsvpContext__heading h2 strong,
.gurgaonHsvpCapital__header h2 strong,
.gurgaonHsvpExample__intro h2 strong {
    color: var(--gh-gold);
}

.gurgaonHsvpContext__heading > p {
    margin: 0;
    color: var(--gh-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gurgaonHsvpContext__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 30px;
}

.gurgaonHsvpContext__main {
    padding: 30px;
    border: 1px solid var(--gh-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(6, 29, 61, 0.045);
}

.gurgaonHsvpContext__main h3 {
    margin: 0 0 18px;
    color: var(--gh-dark);
    font-size: 25px;
    line-height: 1.4;
}

.gurgaonHsvpContext__main h3 strong {
    color: var(--gh-gold);
}

.gurgaonHsvpContext__main > p {
    margin: 0 0 18px;
    color: var(--gh-text);
    font-size: 16px;
    line-height: 1.9;
}

.gurgaonHsvpContext__main > p strong {
    color: var(--gh-navy);
}

.gurgaonHsvpContext__note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 24px;
    padding: 19px;
    border-left: 4px solid var(--gh-gold2);
    border-radius: 0 8px 8px 0;
    background: var(--gh-cream);
}

.gurgaonHsvpContext__noteIcon {
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: var(--gh-navy);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

.gurgaonHsvpContext__note p {
    margin: 0;
    color: var(--gh-text);
    font-size: 15px;
    line-height: 1.8;
}

.gurgaonHsvpContext__side {
    padding: 28px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 12px;
    background: linear-gradient(160deg, #fffdf8, #fff8e9);
    box-shadow: 0 14px 34px rgba(6, 29, 61, 0.07);
}

.gurgaonHsvpContext__sideLabel {
    color: var(--gh-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.3px;
}

.gurgaonHsvpContext__side h3 {
    margin: 10px 0 22px;
    color: var(--gh-dark);
    font-size: 25px;
    line-height: 1.35;
}

.gurgaonHsvpContext__side ul {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
}

.gurgaonHsvpContext__side li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(9, 47, 98, 0.12);
}

.gurgaonHsvpContext__side li > span {
    flex: 0 0 32px;
    color: var(--gh-gold);
    font-size: 16px;
    font-weight: 850;
}

.gurgaonHsvpContext__side li strong {
    display: block;
    color: var(--gh-dark);
    font-size: 16px;
    line-height: 1.5;
}

.gurgaonHsvpContext__side li p {
    margin: 4px 0 0;
    color: var(--gh-muted);
    font-size: 15px;
    line-height: 1.7;
}

.gurgaonHsvpBtn--full {
    display: flex;
    width: 100%;
}

.gurgaonHsvpContext__sidePhone {
    display: block;
    margin-top: 17px;
    color: var(--gh-navy) !important;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3: HISTORICAL FMV
========================================================= */

.gurgaonHsvpCapital {
    padding: 80px 22px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217, 154, 22, 0.09), transparent 34%),
        #f5f8fc;
    color: var(--gh-text);
}

.gurgaonHsvpCapital__inner {
    max-width: 1160px;
    margin: 0 auto;
}

.gurgaonHsvpCapital__header {
    max-width: 880px;
    margin: 0 auto 38px;
    text-align: center;
}

.gurgaonHsvpCapital__header > p {
    margin: 0;
    color: var(--gh-muted);
    font-size: 17px;
    line-height: 1.85;
}

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

.gurgaonHsvpCapital__card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid var(--gh-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(6, 29, 61, 0.045);
}

.gurgaonHsvpCapital__card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--gh-gold), var(--gh-gold3));
    content: "";
}

.gurgaonHsvpCapital__cardNumber {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    place-items: center;
    border-radius: 8px;
    background: var(--gh-dark);
    color: var(--gh-gold3);
    font-size: 18px;
    font-weight: 850;
}

.gurgaonHsvpCapital__card h3 {
    margin: 0 0 12px;
    color: var(--gh-dark);
    font-size: 21px;
    line-height: 1.4;
}

.gurgaonHsvpCapital__card p {
    margin: 0;
    color: var(--gh-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gurgaonHsvpCapital__card p strong {
    color: var(--gh-navy);
}

.gurgaonHsvpCapital__legal {
    margin-top: 28px;
    padding: 28px;
    border: 1px solid rgba(217, 154, 22, 0.38);
    border-radius: 12px;
    background: #fffdf8;
}

.gurgaonHsvpCapital__legalTitle {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}

.gurgaonHsvpCapital__legalTitle > span {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: var(--gh-navy);
    color: var(--gh-gold3);
    font-size: 24px;
    font-weight: 850;
}

.gurgaonHsvpCapital__legalTitle h3 {
    margin: 0;
    color: var(--gh-dark);
    font-size: 23px;
    line-height: 1.4;
}

.gurgaonHsvpCapital__legal > p {
    margin: 12px 0;
    color: var(--gh-text);
    font-size: 16px;
    line-height: 1.85;
}

.gurgaonHsvpCapital__reference {
    display: inline-block;
    margin-top: 8px;
    color: var(--gh-navy) !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: var(--gh-gold2) !important;
    text-underline-offset: 4px;
}

.gurgaonHsvpCapital__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 32px;
    border: 1px solid rgba(240, 180, 41, 0.4);
    border-radius: 12px;
    background: linear-gradient(120deg, var(--gh-deep), var(--gh-navy));
    box-shadow: 0 14px 35px rgba(6, 29, 61, 0.13);
}

.gurgaonHsvpCapital__cta .gurgaonHsvpLabel {
    color: var(--gh-gold3);
}

.gurgaonHsvpCapital__cta h3 {
    margin: 9px 0;
    color: #fff;
    font-size: 27px;
    line-height: 1.35;
}

.gurgaonHsvpCapital__cta > div:first-child p {
    max-width: 650px;
    margin: 0;
    color: #dce6f3;
    font-size: 16px;
    line-height: 1.8;
}

.gurgaonHsvpCapital__ctaActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

.gurgaonHsvpCapital__phone {
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 4: ILLUSTRATIVE CAPITAL GAINS SCENARIO
========================================================= */

.gurgaonHsvpExample {
    padding: 80px 22px;
    background: #fff;
    color: var(--gh-text);
}

.gurgaonHsvpExample__inner {
    max-width: 1160px;
    margin: 0 auto;
}

.gurgaonHsvpExample__intro {
    max-width: 880px;
    margin: 0 auto 38px;
    text-align: center;
}

.gurgaonHsvpExample__intro > p {
    margin: 0;
    color: var(--gh-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gurgaonHsvpExample__scenario {
    overflow: hidden;
    border: 1px solid rgba(217, 154, 22, 0.48);
    border-radius: 12px;
    background: var(--gh-cream);
}

.gurgaonHsvpExample__scenarioHead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 21px 26px;
    background: var(--gh-dark);
}

.gurgaonHsvpExample__scenarioHead span {
    color: var(--gh-gold3);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.gurgaonHsvpExample__scenarioHead strong {
    color: #fff;
    font-size: 17px;
}

.gurgaonHsvpExample__figures {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: rgba(185, 120, 0, 0.2);
}

.gurgaonHsvpExample__figures > div {
    padding: 26px;
    background: #fffdf8;
}

.gurgaonHsvpExample__figures small {
    display: block;
    margin-bottom: 8px;
    color: var(--gh-muted);
    font-size: 15px;
    line-height: 1.6;
}

.gurgaonHsvpExample__figures strong {
    color: var(--gh-navy);
    font-size: 24px;
    line-height: 1.4;
}

.gurgaonHsvpExample__disclaimer {
    padding: 20px 26px;
    border-top: 1px solid rgba(185, 120, 0, 0.2);
    color: var(--gh-text);
    font-size: 15px;
    line-height: 1.8;
}

.gurgaonHsvpExample__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 28px;
}

.gurgaonHsvpExample__step {
    padding: 26px;
    border: 1px solid var(--gh-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(6, 29, 61, 0.045);
}

.gurgaonHsvpExample__stepTag {
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #fff3d6;
    color: var(--gh-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gurgaonHsvpExample__step h3 {
    margin: 0 0 12px;
    color: var(--gh-dark);
    font-size: 21px;
    line-height: 1.4;
}

.gurgaonHsvpExample__step p {
    margin: 0;
    color: var(--gh-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gurgaonHsvpExample__step p strong {
    color: var(--gh-navy);
}

.gurgaonHsvpExample__warning {
    margin-top: 25px;
    padding: 23px 25px;
    border-left: 5px solid #b97800;
    border-radius: 0 8px 8px 0;
    background: #fff7e5;
}

.gurgaonHsvpExample__warning > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gh-dark);
    font-size: 18px;
}

.gurgaonHsvpExample__warning p {
    margin: 0;
    color: var(--gh-text);
    font-size: 15px;
    line-height: 1.85;
}

.gurgaonHsvpExample__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--gh-border);
}

.gurgaonHsvpExample__footer > p {
    flex: 1 1 400px;
    margin: 0;
    color: var(--gh-text);
    font-size: 16px;
    line-height: 1.8;
}

.gurgaonHsvpExample__footer > p a {
    color: var(--gh-navy) !important;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: var(--gh-gold2) !important;
    text-underline-offset: 4px;
}

.gurgaonHsvpExample__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.gurgaonHsvpExample__actions .gurgaonHsvpCall {
    color: var(--gh-navy) !important;
}

.gurgaonHsvpExample__actions .gurgaonHsvpCall small {
    color: var(--gh-muted);
}

.gurgaonHsvpExample__actions .gurgaonHsvpCall strong {
    color: var(--gh-navy);
}

.gurgaonHsvpExample__actions .gurgaonHsvpCall__icon {
    border-color: var(--gh-gold2);
    color: var(--gh-gold);
}


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

@media (max-width: 900px) {
    .gurgaonHsvpContext__layout {
        grid-template-columns: 1fr;
    }

    .gurgaonHsvpContext__side {
        max-width: none;
    }

    .gurgaonHsvpCapital__cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .gurgaonHsvpCapital__ctaActions {
        width: 100%;
        max-width: 340px;
    }
}


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

@media (max-width: 640px) {
    .gurgaonHsvpHero,
    .gurgaonHsvpContext,
    .gurgaonHsvpCapital,
    .gurgaonHsvpExample {
        padding: 48px 16px;
    }

    .gurgaonHsvpHero h1 {
        font-size: 33px;
        letter-spacing: -0.5px;
    }

    .gurgaonHsvpHero__intro {
        font-size: 16px;
    }

    .gurgaonHsvpHero__highlights {
        grid-template-columns: 1fr;
        gap: 10px;
        margin: 25px 0;
    }

    .gurgaonHsvpHero__highlight {
        min-height: 60px;
        padding: 12px 14px;
    }

    .gurgaonHsvpHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gurgaonHsvpHero__actions > .gurgaonHsvpBtn {
        width: 100%;
    }

    .gurgaonHsvpContext__heading h2,
    .gurgaonHsvpCapital__header h2,
    .gurgaonHsvpExample__intro h2 {
        font-size: 29px;
    }

    .gurgaonHsvpContext__heading > p,
    .gurgaonHsvpCapital__header > p,
    .gurgaonHsvpExample__intro > p {
        font-size: 16px;
    }

    .gurgaonHsvpContext__main,
    .gurgaonHsvpContext__side,
    .gurgaonHsvpCapital__card,
    .gurgaonHsvpCapital__legal {
        padding: 22px;
    }

    .gurgaonHsvpContext__main h3,
    .gurgaonHsvpContext__side h3 {
        font-size: 22px;
    }

    .gurgaonHsvpCapital__grid,
    .gurgaonHsvpExample__steps {
        grid-template-columns: 1fr;
    }

    .gurgaonHsvpCapital__cta {
        padding: 24px 20px;
    }

    .gurgaonHsvpCapital__cta h3 {
        font-size: 24px;
    }

    .gurgaonHsvpExample__scenarioHead {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

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

    .gurgaonHsvpExample__figures > div {
        padding: 18px 20px;
    }

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

    .gurgaonHsvpExample__disclaimer {
        padding: 18px 20px;
    }

    .gurgaonHsvpExample__warning {
        padding: 20px;
    }

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

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

    .gurgaonHsvpExample__actions > .gurgaonHsvpBtn {
        width: 100%;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gurgaonHsvpBtn {
        transition: none;
    }

    .gurgaonHsvpBtn:hover {
        transform: none;
    }
}

/* =========================================================
   GURUGRAM CORRIDOR PAGE — ROYAL NAVY & GOLD DESIGN SYSTEM
   Minimum font size: 15px
========================================================= */

.gurCorrHero,
.gurCorrSohna,
.gurCorrGolf,
.gurCorrSpr,
.gurCorrCompare,
.gurCorrProcess,
.gurCorrCta {
    --gur-navy: #092f62;
    --gur-dark: #061d3d;
    --gur-deep: #04152d;
    --gur-gold: #b97800;
    --gur-gold-light: #f0b429;
    --gur-gold-soft: #fff4d8;
    --gur-text: #24344a;
    --gur-muted: #59677a;
    --gur-white: #ffffff;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
    box-sizing: border-box;
}

.gurCorrHero *,
.gurCorrSohna *,
.gurCorrGolf *,
.gurCorrSpr *,
.gurCorrCompare *,
.gurCorrProcess *,
.gurCorrCta * {
    box-sizing: border-box;
}

.gurCorrHero h1,
.gurCorrHero p,
.gurCorrSohna h2,
.gurCorrSohna h3,
.gurCorrSohna p,
.gurCorrGolf h2,
.gurCorrGolf h3,
.gurCorrGolf p,
.gurCorrSpr h2,
.gurCorrSpr h3,
.gurCorrSpr p,
.gurCorrCompare h2,
.gurCorrCompare p,
.gurCorrProcess h2,
.gurCorrProcess h3,
.gurCorrProcess p,
.gurCorrCta h2,
.gurCorrCta p {
    margin-top: 0;
}

.gurCorrHero strong,
.gurCorrSohna strong,
.gurCorrGolf strong,
.gurCorrSpr strong,
.gurCorrCompare strong,
.gurCorrProcess strong,
.gurCorrCta strong {
    font-weight: 750;
}

.gurCorrGoldText {
    color: var(--gur-gold);
}

.gurCorrKicker {
    display: inline-block;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 14px;
}


/* =========================================================
   SECTION 1 — HERO
========================================================= */

.gurCorrHero {
    position: relative;
    overflow: hidden;
    padding: 76px 24px 38px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 5%, rgba(240,180,41,.15), transparent 34%),
        radial-gradient(ellipse at 0% 100%, rgba(31,81,138,.35), transparent 38%),
        linear-gradient(125deg, #04152d 0%, #092f62 62%, #061d3d 100%);
}

.gurCorrHero::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -90px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(240,180,41,.24);
    border-radius: 50%;
    pointer-events: none;
}

.gurCorrHero::after {
    content: "";
    position: absolute;
    top: -75px;
    right: -45px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(240,180,41,.15);
    border-radius: 50%;
    pointer-events: none;
}

.gurCorrHeroInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    padding: 9px 15px;
    border: 1px solid rgba(240,180,41,.42);
    border-radius: 3px;
    color: #ffdc82;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.gurCorrEyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    background: var(--gur-gold-light);
    transform: rotate(45deg);
}

.gurCorrHero h1 {
    max-width: 1000px;
    margin-bottom: 24px;
    color: #ffffff;
    font-size: clamp(34px, 4.2vw, 57px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -.8px;
}

.gurCorrHero h1 span {
    display: block;
    margin-top: 9px;
    color: #f0b429;
}

.gurCorrHeroText {
    max-width: 850px;
    margin-bottom: 25px;
    color: #e2eaf5;
    font-size: 18px;
    line-height: 1.85;
}

.gurCorrHeroText strong {
    color: #ffffff;
}

.gurCorrHeroTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 31px;
}

.gurCorrHeroTags span {
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 3px;
    color: #f8fafc;
    font-size: 15px;
    font-weight: 650;
    background: rgba(255,255,255,.055);
}

.gurCorrHeroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.gurCorrBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    min-height: 54px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.gurCorrBtn:hover {
    transform: translateY(-2px);
}

.gurCorrBtnGold {
    color: #201600 !important;
    background: linear-gradient(135deg, #ffdb76 0%, #f0b429 52%, #d99a16 100%);
    box-shadow: 0 8px 22px rgba(0,0,0,.2);
}

.gurCorrBtnGold:hover {
    color: #201600 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

.gurCorrBtnOutline {
    border-color: rgba(255,255,255,.65);
    color: #ffffff !important;
    background: rgba(255,255,255,.04);
}

.gurCorrBtnOutline:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.12);
}

.gurCorrHeroFoot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 56px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.18);
    color: #d5dfed;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.gurCorrHeroFootLine {
    width: 45px;
    height: 2px;
    background: var(--gur-gold-light);
}


/* =========================================================
   SECTION 2 — SOHNA ROAD
========================================================= */

.gurCorrSohna {
    padding: 82px 24px;
    color: var(--gur-text);
    background: #ffffff;
}

.gurCorrSohnaInner {
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrSectionHead {
    max-width: 850px;
    margin-bottom: 37px;
}

.gurCorrSectionHead h2,
.gurCorrGolfHeading h2,
.gurCorrCompareHead h2,
.gurCorrProcessHead h2 {
    margin-bottom: 18px;
    color: var(--gur-dark);
    font-size: clamp(29px, 3.1vw, 42px);
    font-weight: 800;
    line-height: 1.25;
}

.gurCorrSectionHead > p,
.gurCorrGolfHeading > p,
.gurCorrCompareHead > p,
.gurCorrProcessHead > p {
    margin-bottom: 0;
    color: var(--gur-muted);
    font-size: 17px;
    line-height: 1.8;
}

.gurCorrSohnaGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .85fr);
    gap: 28px;
    align-items: stretch;
}

.gurCorrSohnaMain {
    padding: 36px;
    border: 1px solid #e3eaf2;
    border-top: 4px solid var(--gur-gold);
    border-radius: 5px;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 35px rgba(6,29,61,.055);
}

.gurCorrSohnaBadge {
    display: inline-block;
    margin-bottom: 20px;
    padding: 7px 11px;
    border-radius: 3px;
    color: var(--gur-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurCorrSohnaMain h3 {
    margin-bottom: 19px;
    color: var(--gur-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.gurCorrSohnaMain > p {
    margin-bottom: 17px;
    color: var(--gur-text);
    font-size: 16px;
    line-height: 1.9;
}

.gurCorrInsightIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gur-gold);
    font-size: 15px;
}

.gurCorrSohnaInsight {
    display: flex;
    gap: 15px;
    margin-top: 27px;
    padding: 22px;
    border-left: 4px solid var(--gur-gold);
    background: #fff7e5;
}

.gurCorrSohnaInsight strong {
    display: block;
    margin-bottom: 6px;
    color: var(--gur-dark);
    font-size: 17px;
}

.gurCorrSohnaInsight p {
    margin-bottom: 0;
    color: #49566a;
    font-size: 16px;
    line-height: 1.8;
}

.gurCorrSohnaSide {
    padding: 29px;
    border-radius: 5px;
    color: #ffffff;
    background: linear-gradient(150deg, #092f62, #04152d);
    box-shadow: 0 14px 32px rgba(6,29,61,.13);
}

.gurCorrSideLabel {
    display: block;
    margin-bottom: 19px;
    color: #ffda78;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.gurCorrProject {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.gurCorrProjectNo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    border: 1px solid rgba(240,180,41,.55);
    border-radius: 3px;
    color: #ffda78;
    font-size: 15px;
    font-weight: 800;
}

.gurCorrProject strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.45;
}

.gurCorrProject small {
    display: block;
    color: #d6e1f0;
    font-size: 15px;
    line-height: 1.5;
}

.gurCorrSideNote {
    margin-top: 20px;
    color: #d6e1f0;
    font-size: 15px;
    line-height: 1.8;
}

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

.gurCorrSohnaBottom > div {
    padding: 23px;
    border: 1px solid #e4eaf2;
    border-radius: 4px;
    background: #ffffff;
}

.gurCorrBottomLabel {
    display: block;
    margin-bottom: 10px;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .6px;
}

.gurCorrSohnaBottom strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gur-dark);
    font-size: 18px;
    line-height: 1.5;
}

.gurCorrSohnaBottom p {
    margin-bottom: 0;
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 3 — GOLF COURSE EXTENSION ROAD
========================================================= */

.gurCorrGolf {
    padding: 82px 24px;
    color: var(--gur-text);
    background: #f5f8fc;
    border-top: 1px solid #e8edf4;
    border-bottom: 1px solid #e8edf4;
}

.gurCorrGolfInner {
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrGolfHeading {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
    gap: 38px;
    align-items: end;
    margin-bottom: 38px;
}

.gurCorrGolfHeading h2 {
    margin-bottom: 0;
}

.gurCorrGolfHeading h2 span {
    color: var(--gur-gold);
}

.gurCorrGolfHeading > p {
    padding-left: 22px;
    border-left: 3px solid var(--gur-gold);
}

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

.gurCorrGolfCard {
    position: relative;
    overflow: hidden;
    padding: 29px;
    border: 1px solid #e0e7f0;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(6,29,61,.045);
    transition: transform .22s ease, box-shadow .22s ease;
}

.gurCorrGolfCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(6,29,61,.1);
}

.gurCorrGolfCardDark {
    border-color: var(--gur-navy);
    color: #ffffff;
    background: linear-gradient(150deg, #092f62, #04152d);
}

.gurCorrGolfNumber {
    display: inline-block;
    margin-bottom: 22px;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.gurCorrGolfCardDark .gurCorrGolfNumber {
    color: #ffda78;
}

.gurCorrGolfCard h3 {
    margin-bottom: 15px;
    color: var(--gur-dark);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gurCorrGolfCardDark h3 {
    color: #ffffff;
}

.gurCorrGolfCard p {
    margin-bottom: 22px;
    color: var(--gur-muted);
    font-size: 16px;
    line-height: 1.9;
}

.gurCorrGolfCardDark p {
    color: #e0e8f4;
}

.gurCorrGolfRule {
    width: 48px;
    height: 3px;
    margin-bottom: 18px;
    background: var(--gur-gold);
}

.gurCorrGolfMini {
    color: var(--gur-navy);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .7px;
}

.gurCorrGolfCardDark .gurCorrGolfMini {
    color: #ffda78;
}

.gurCorrGolfRange {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) minmax(220px, .6fr);
    gap: 22px;
    align-items: start;
    margin-top: 28px;
    padding: 29px;
    border: 1px solid #ecd69f;
    border-radius: 5px;
    background: linear-gradient(115deg, #fff9e9, #ffffff);
}

.gurCorrRangeMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    color: #ffffff;
    background: var(--gur-gold);
    font-size: 29px;
    font-weight: 800;
}

.gurCorrRangeLabel {
    display: block;
    margin-bottom: 8px;
    color: #805500;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .8px;
}

.gurCorrRangeContent h3 {
    margin-bottom: 11px;
    color: var(--gur-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.45;
}

.gurCorrRangeContent h3 span {
    font-size: 16px;
    font-weight: 650;
}

.gurCorrRangeContent p {
    margin-bottom: 0;
    color: #4e5b6d;
    font-size: 15px;
    line-height: 1.8;
}

.gurCorrRangeDisclaimer {
    padding: 17px;
    border-left: 3px solid var(--gur-gold);
    background: #ffffff;
}

.gurCorrRangeDisclaimer span {
    display: block;
    margin-bottom: 7px;
    color: var(--gur-dark);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.gurCorrRangeDisclaimer p {
    margin-bottom: 0;
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 4 — SOUTHERN PERIPHERAL ROAD
========================================================= */

.gurCorrSpr {
    padding: 82px 24px;
    color: var(--gur-text);
    background: #ffffff;
}

.gurCorrSprInner {
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrSprIntro {
    max-width: 820px;
    margin-bottom: 38px;
}

.gurCorrSprIntro h2 {
    margin-bottom: 18px;
    color: var(--gur-dark);
    font-size: clamp(30px, 3.2vw, 43px);
    font-weight: 850;
    line-height: 1.25;
}

.gurCorrSprIntro h2 span {
    color: var(--gur-gold);
}

.gurCorrSprIntro > p {
    margin-bottom: 0;
    color: var(--gur-muted);
    font-size: 17px;
    line-height: 1.9;
}

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

.gurCorrSprFeature {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 26px;
    border: 1px solid #e3eaf2;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(6,29,61,.045);
}

.gurCorrSprIndex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 3px;
    color: #ffffff;
    background: var(--gur-navy);
    font-size: 17px;
    font-weight: 850;
}

.gurCorrSprFeature h3 {
    margin-bottom: 8px;
    color: var(--gur-dark);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.gurCorrSprFeature p {
    margin-bottom: 0;
    color: var(--gur-muted);
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 5 — CORRIDOR COMPARISON
========================================================= */

.gurCorrCompare {
    padding: 82px 24px;
    color: var(--gur-text);
    background: #f5f8fc;
}

.gurCorrCompareInner {
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrCompareHead {
    max-width: 850px;
    margin-bottom: 34px;
}

.gurCorrCompareHead h2 span {
    color: var(--gur-gold);
}

.gurCorrCompareTableWrap {
    overflow-x: auto;
    border: 1px solid #e0e7f0;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(6,29,61,.05);
}

.gurCorrCompareTable {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.gurCorrCompareTable th {
    padding: 20px 22px;
    color: #ffffff;
    background: var(--gur-navy);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    vertical-align: top;
}

.gurCorrCompareTable td {
    padding: 22px;
    border-bottom: 1px solid #e8edf4;
    color: var(--gur-text);
    font-size: 15px;
    line-height: 1.8;
    vertical-align: top;
}

.gurCorrCompareTable tbody tr:last-child td {
    border-bottom: 0;
}

.gurCorrCompareTable tbody tr:nth-child(even) {
    background: #f8fbff;
}

.gurCorrCompareTable td strong {
    display: block;
    margin-bottom: 5px;
    color: var(--gur-dark);
    font-size: 17px;
}

.gurCorrCompareTable td span {
    display: block;
    color: var(--gur-muted);
    font-size: 15px;
}

.gurCorrCompareNote {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-top: 23px;
    padding: 21px;
    border: 1px solid #ecd69f;
    border-radius: 4px;
    background: #fff9e9;
}

.gurCorrCompareNoteIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gur-gold);
    font-size: 17px;
    font-weight: 800;
}

.gurCorrCompareNote p {
    margin-bottom: 0;
    color: #49566a;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 6 — VALUATION PROCESS
========================================================= */

.gurCorrProcess {
    padding: 82px 24px;
    color: var(--gur-text);
    background: #ffffff;
}

.gurCorrProcessInner {
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrProcessHead {
    max-width: 820px;
    margin-bottom: 39px;
}

.gurCorrProcessHead h2 span {
    color: var(--gur-gold);
}

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

.gurCorrProcessStep {
    padding: 27px 23px;
    border: 1px solid #e1e8f1;
    border-top: 3px solid var(--gur-gold);
    border-radius: 4px;
    background: linear-gradient(145deg, #ffffff, #f8fbff);
}

.gurCorrProcessStep > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    margin-bottom: 21px;
    border-radius: 3px;
    color: #ffffff;
    background: var(--gur-navy);
    font-size: 16px;
    font-weight: 850;
}

.gurCorrProcessStep h3 {
    margin-bottom: 11px;
    color: var(--gur-dark);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.gurCorrProcessStep p {
    margin-bottom: 0;
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 7 — ROYAL CTA
========================================================= */

.gurCorrCta {
    position: relative;
    overflow: hidden;
    padding: 65px 24px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.15), transparent 38%),
        linear-gradient(120deg, #04152d, #092f62 65%, #061d3d);
}

.gurCorrCtaInner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(285px, .75fr);
    gap: 50px;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto;
}

.gurCorrCtaEyebrow {
    display: block;
    margin-bottom: 17px;
    color: #ffda78;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.7px;
}

.gurCorrCtaCopy h2 {
    margin-bottom: 19px;
    color: #ffffff;
    font-size: clamp(30px, 3.2vw, 43px);
    font-weight: 850;
    line-height: 1.28;
}

.gurCorrCtaCopy h2 span {
    color: #f0b429;
}

.gurCorrCtaCopy > p {
    max-width: 700px;
    margin-bottom: 24px;
    color: #e0e8f4;
    font-size: 17px;
    line-height: 1.9;
}

.gurCorrCtaCredentials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.gurCorrCtaDot {
    color: #f0b429;
    font-size: 15px;
}

.gurCorrCtaActions {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 26px;
    border: 1px solid rgba(240,180,41,.42);
    border-radius: 5px;
    background: rgba(255,255,255,.055);
}

.gurCorrCtaMainBtn,
.gurCorrBtnLight,
.gurCorrBtnWhatsApp {
    width: 100%;
}

.gurCorrBtnLight {
    border-color: rgba(255,255,255,.5);
    color: #ffffff !important;
    background: rgba(255,255,255,.07);
}

.gurCorrBtnLight:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.14);
}

.gurCorrBtnWhatsApp {
    border-color: #f0b429;
    color: #ffda78 !important;
    background: transparent;
}

.gurCorrBtnWhatsApp:hover {
    color: #ffffff !important;
    background: rgba(240,180,41,.12);
}

.gurCorrEmailLink {
    display: block;
    padding: 5px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #f0b429;
    text-underline-offset: 5px;
    overflow-wrap: anywhere;
}


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

@media (max-width: 991px) {
    .gurCorrHero,
    .gurCorrSohna,
    .gurCorrGolf,
    .gurCorrSpr,
    .gurCorrCompare,
    .gurCorrProcess,
    .gurCorrCta {
        padding: 60px 22px;
    }

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

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

    .gurCorrGolfHeading > p {
        max-width: 720px;
    }

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

    .gurCorrGolfCard:last-child {
        grid-column: 1 / -1;
    }

    .gurCorrGolfRange {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .gurCorrRangeDisclaimer {
        grid-column: 1 / -1;
    }

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

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

    .gurCorrCtaActions {
        max-width: 520px;
    }
}


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

@media (max-width: 600px) {
    .gurCorrHero,
    .gurCorrSohna,
    .gurCorrGolf,
    .gurCorrSpr,
    .gurCorrCompare,
    .gurCorrProcess,
    .gurCorrCta {
        padding: 46px 17px;
    }

    .gurCorrHero h1 {
        font-size: 34px;
        letter-spacing: -.4px;
    }

    .gurCorrHeroText {
        font-size: 16px;
    }

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

    .gurCorrHeroActions .gurCorrBtn {
        width: 100%;
    }

    .gurCorrHeroFoot {
        gap: 10px;
        margin-top: 37px;
        font-size: 15px;
    }

    .gurCorrHeroFootLine {
        width: 24px;
    }

    .gurCorrSectionHead h2,
    .gurCorrGolfHeading h2,
    .gurCorrCompareHead h2,
    .gurCorrProcessHead h2,
    .gurCorrSprIntro h2,
    .gurCorrCtaCopy h2 {
        font-size: 30px;
    }

    .gurCorrSohnaMain,
    .gurCorrSohnaSide {
        padding: 23px;
    }

    .gurCorrSohnaMain h3 {
        font-size: 22px;
    }

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

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

    .gurCorrGolfCard:last-child {
        grid-column: auto;
    }

    .gurCorrGolfRange {
        grid-template-columns: minmax(0, 1fr);
        padding: 22px;
    }

    .gurCorrRangeDisclaimer {
        grid-column: auto;
    }

    .gurCorrRangeContent h3 {
        font-size: 24px;
    }

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

    .gurCorrSprFeature {
        gap: 15px;
        padding: 21px;
    }

    .gurCorrCompareTable {
        min-width: 680px;
    }

    .gurCorrCompareTable th,
    .gurCorrCompareTable td {
        padding: 17px;
    }

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

    .gurCorrCtaActions {
        padding: 20px;
    }

    .gurCorrCtaCredentials {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .gurCorrCtaDot {
        display: none;
    }
}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gurCorrBtn,
    .gurCorrGolfCard {
        transition: none;
    }

    .gurCorrBtn:hover,
    .gurCorrGolfCard:hover {
        transform: none;
    }
}

/* =========================================================
   DWARKA EXPRESSWAY PAGE — SHARED DESIGN PRINCIPLES
   Royal Navy + Gold | Responsive | Minimum font size: 15px
========================================================= */


/* =========================================================
   SECTION 1: HERO
========================================================= */

.gdeHero {
    --gde-navy: #092f62;
    --gde-deep: #061d3d;
    --gde-gold: #b97800;
    --gde-gold-light: #f0b429;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 76px 24px 38px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 88% 12%, rgba(240, 180, 41, 0.14), transparent 34%),
        radial-gradient(ellipse at 8% 100%, rgba(64, 112, 173, 0.22), transparent 38%),
        linear-gradient(125deg, #04152d 0%, #092f62 57%, #061d3d 100%);
    font-size: 16px;
}

.gdeHero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -130px;
    right: -100px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(240, 180, 41, 0.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(240, 180, 41, 0.035),
        0 0 0 75px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gdeHeroInner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gdeHeroEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 22px;
    color: #f0c66a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gdeHeroEyebrow::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 2px;
    background: #f0b429;
}

.gdeHero h1 {
    max-width: 1000px;
    margin: 0 0 23px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 57px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.4px;
}

.gdeHero h1 span {
    color: #f0b429;
}

.gdeHeroIntro {
    max-width: 850px;
    margin: 0 0 27px;
    color: #e0e8f4;
    font-size: 18px;
    line-height: 1.85;
}

.gdeHeroIntro strong {
    color: #ffffff;
    font-weight: 800;
}

.gdeHeroTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 32px;
}

.gdeHeroTags span {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.19);
    border-radius: 5px;
    color: #f5f7fb;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    font-weight: 600;
}

.gdeHeroActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 23px;
}

.gdeHeroBtn,
.gdeReraBtn,
.gdeFinalCtaButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 54px;
    padding: 15px 24px;
    border: 1px solid #f0b429;
    border-radius: 5px;
    color: #061d3d;
    background: linear-gradient(135deg, #f5cd70, #f0b429 58%, #d99a16);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.17);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.gdeHeroBtn:hover,
.gdeReraBtn:hover,
.gdeFinalCtaButton:hover {
    color: #061d3d;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
    transform: translateY(-2px);
}

.gdeHeroBtn span,
.gdeReraBtn span,
.gdeFinalCtaButton span {
    font-size: 22px;
    line-height: 1;
}

.gdeHeroCall {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff;
    text-decoration: none;
}

.gdeHeroCallIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 50%;
    color: #f0b429;
    font-size: 21px;
}

.gdeHeroCall small,
.gdeHeroCall strong {
    display: block;
    font-size: 15px;
    line-height: 1.6;
}

.gdeHeroCall small {
    color: #c8d5e7;
}

.gdeHeroCall strong {
    color: #ffffff;
    font-weight: 800;
}

.gdeHeroFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #d0dced;
    font-size: 15px;
    letter-spacing: 0.3px;
}

.gdeHeroFooter > span:first-child {
    color: #f0c66a;
    font-weight: 800;
}

.gdeHeroFooterDivider {
    width: 24px;
    height: 1px;
    background: #b97800;
}


/* =========================================================
   SECTION 2: CORRIDOR DEVELOPMENT ARC
========================================================= */

.gdeCorridor {
    padding: 76px 24px;
    color: #26364c;
    background: #f8fafc;
    font-size: 16px;
}

.gdeCorridorInner {
    max-width: 1180px;
    margin: 0 auto;
}

.gdeCorridorHeading {
    max-width: 900px;
    margin: 0 0 37px;
}

.gdeCorridorKicker,
.gdeReraKicker {
    display: block;
    margin-bottom: 13px;
    color: #a96d00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.gdeCorridorHeading h2,
.gdeReraHeading h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.5vw, 41px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.gdeCorridorHeading h2 strong,
.gdeReraHeading h2 strong {
    color: #b97800;
    font-weight: 800;
}

.gdeCorridorHeading > p,
.gdeReraHeading > p {
    margin: 0;
    color: #4c5c70;
    font-size: 17px;
    line-height: 1.85;
}

.gdeCorridorHeading > p strong,
.gdeReraPoint h3,
.gdeCorridorCard h3 {
    color: #092f62;
}

.gdeCorridorGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px;
}

.gdeCorridorCard {
    position: relative;
    min-width: 0;
    padding: 29px 27px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-top: 3px solid #d99a16;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(6, 29, 61, 0.045);
    transition: border-color 0.22s ease, box-shadow 0.22s ease,
                transform 0.22s ease;
}

.gdeCorridorCard:hover {
    border-color: #d7b15b;
    box-shadow: 0 14px 32px rgba(6, 29, 61, 0.09);
    transform: translateY(-3px);
}

.gdeCorridorCardFeatured {
    background: linear-gradient(140deg, #ffffff, #f4f7fc);
}

.gdeCorridorNumber {
    margin-bottom: 18px;
    color: #b97800;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
}

.gdeCorridorLabel {
    display: block;
    margin-bottom: 9px;
    color: #7a8798;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.15px;
    line-height: 1.5;
}

.gdeCorridorCard h3 {
    margin: 0 0 12px;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gdeCorridorCard p {
    margin: 0;
    color: #536174;
    font-size: 16px;
    line-height: 1.85;
}

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

.gdeCorridorInsight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 22px 24px;
    border-left: 4px solid #d99a16;
    border-radius: 0 6px 6px 0;
    background: #eef3fa;
}

.gdeCorridorInsightMark {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #b97800;
    font-size: 17px;
}

.gdeCorridorInsight p {
    margin: 0;
    color: #35465c;
    font-size: 16px;
    line-height: 1.8;
}

.gdeCorridorInsight p strong {
    color: #092f62;
}


/* =========================================================
   SECTION 3: H-RERA & VALUATION CONTEXT
========================================================= */

.gdeRera {
    padding: 78px 24px;
    color: #26364c;
    background: #ffffff;
    font-size: 16px;
}

.gdeReraInner {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.8fr);
    align-items: start;
    gap: 38px;
    max-width: 1180px;
    margin: 0 auto;
}

.gdeReraMain {
    min-width: 0;
}

.gdeReraHeading {
    margin-bottom: 32px;
}

.gdeReraHeading h2 {
    max-width: 760px;
}

.gdeReraPoints {
    display: grid;
    gap: 0;
}

.gdeReraPoint {
    display: flex;
    align-items: flex-start;
    gap: 19px;
    padding: 23px 0;
    border-bottom: 1px solid #e7ecf2;
}

.gdeReraPoint:first-child {
    padding-top: 0;
}

.gdeReraPoint:last-child {
    border-bottom: 0;
}

.gdeReraPointIcon {
    display: flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid #e8c77a;
    border-radius: 6px;
    color: #a66b00;
    background: #fff9e9;
    font-size: 15px;
    font-weight: 800;
}

.gdeReraPoint > div {
    min-width: 0;
}

.gdeReraPoint h3 {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.gdeReraPoint p {
    margin: 0;
    color: #536174;
    font-size: 16px;
    line-height: 1.85;
}

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

.gdeReraAside {
    position: relative;
    overflow: hidden;
    border: 1px solid #dce5f0;
    border-radius: 9px;
    background: #f7f9fc;
    box-shadow: 0 14px 35px rgba(6, 29, 61, 0.07);
}

.gdeReraAsideTop {
    position: relative;
    padding: 30px 26px 26px;
    color: #ffffff;
    background:
        radial-gradient(circle at 95% 5%, rgba(240, 180, 41, 0.15), transparent 40%),
        linear-gradient(135deg, #092f62, #061d3d);
}

.gdeReraAsideOverline {
    display: block;
    margin-bottom: 13px;
    color: #f0c66a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.gdeReraAsideTop h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.gdeReraAsideTop p {
    margin: 0;
    color: #e0e8f4;
    font-size: 16px;
    line-height: 1.8;
}

.gdeReraChecklist {
    padding: 25px 26px 18px;
}

.gdeReraChecklist > span {
    display: block;
    margin-bottom: 16px;
    color: #8b5a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.gdeReraChecklist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gdeReraChecklist li {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid #e4eaf1;
    color: #35465c;
    font-size: 15px;
    line-height: 1.65;
}

.gdeReraChecklist li:last-child {
    border-bottom: 0;
}

.gdeReraChecklist li::before {
    content: "✓";
    position: absolute;
    top: 10px;
    left: 0;
    color: #a96d00;
    font-size: 17px;
    font-weight: 900;
}

.gdeReraBtn {
    display: flex;
    width: calc(100% - 52px);
    margin: 3px 26px 13px;
    box-sizing: border-box;
}

.gdeReraPhone {
    display: block;
    margin: 0 26px 18px;
    padding: 11px 8px;
    border: 1px solid #d7e0ec;
    border-radius: 5px;
    color: #092f62;
    background: #ffffff;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.gdeReraPhone:hover {
    border-color: #d99a16;
    background: #fff9e9;
}

.gdeReraDisclaimer {
    display: block;
    margin: 0 26px 25px;
    color: #66758a;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 4: FINAL CTA
========================================================= */

.gdeFinalCta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 60px 24px 27px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 8% 0%, rgba(240, 180, 41, 0.14), transparent 32%),
        linear-gradient(120deg, #061d3d 0%, #092f62 58%, #061d3d 100%);
    font-size: 16px;
}

.gdeFinalCta::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -100px;
    bottom: -180px;
    width: 370px;
    height: 370px;
    border: 1px solid rgba(240, 180, 41, 0.2);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(240, 180, 41, 0.035),
        0 0 0 75px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gdeFinalCtaInner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px 45px;
    max-width: 1180px;
    margin: 0 auto;
}

.gdeFinalCtaCopy {
    max-width: 760px;
}

.gdeFinalCtaKicker {
    display: block;
    margin-bottom: 14px;
    color: #f0c66a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.25px;
    line-height: 1.7;
}

.gdeFinalCtaCopy h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(28px, 3.2vw, 39px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.gdeFinalCtaCopy h2 strong {
    color: #f0b429;
    font-weight: 800;
}

.gdeFinalCtaCopy p {
    max-width: 720px;
    margin: 0;
    color: #e0e8f4;
    font-size: 16px;
    line-height: 1.85;
}

.gdeFinalCtaActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    min-width: 245px;
}

.gdeFinalCtaButton {
    width: 100%;
    box-sizing: border-box;
}

.gdeFinalCtaPhone {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 5px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.gdeFinalCtaPhone:hover {
    border-color: #f0b429;
    background: rgba(255, 255, 255, 0.1);
}

.gdeFinalCtaPhoneLabel {
    color: #d0dced;
    font-size: 15px;
    line-height: 1.5;
}

.gdeFinalCtaPhone strong {
    color: #f0c66a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
}

.gdeFinalCtaBottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 22px;
    grid-column: 1 / -1;
    margin-top: 12px;
    padding-top: 21px;
    border-top: 1px solid rgba(255, 255, 255, 0.17);
    color: #cbd7e7;
    font-size: 15px;
    line-height: 1.6;
}

.gdeFinalCtaBottom span:first-child {
    color: #f0c66a;
    font-weight: 800;
}


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

@media (max-width: 900px) {
    .gdeHero {
        padding-top: 60px;
    }

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

    .gdeReraAside {
        max-width: 620px;
    }

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

    .gdeFinalCtaActions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        min-width: 0;
    }

    .gdeFinalCtaButton {
        width: auto;
    }

    .gdeFinalCtaPhone {
        min-width: 215px;
    }
}

@media (max-width: 640px) {
    .gdeHero,
    .gdeCorridor,
    .gdeRera,
    .gdeFinalCta {
        padding-right: 18px;
        padding-left: 18px;
    }

    .gdeHero {
        padding-top: 48px;
        padding-bottom: 28px;
    }

    .gdeHero h1 {
        font-size: 35px;
        letter-spacing: -0.7px;
    }

    .gdeHeroIntro {
        font-size: 16px;
        line-height: 1.8;
    }

    .gdeHeroTags {
        gap: 8px;
    }

    .gdeHeroTags span {
        padding: 9px 11px;
    }

    .gdeHeroActions {
        align-items: stretch;
        flex-direction: column;
        gap: 19px;
    }

    .gdeHeroBtn {
        width: 100%;
        box-sizing: border-box;
    }

    .gdeHeroCall {
        align-self: flex-start;
    }

    .gdeHeroFooter {
        margin-top: 30px;
        gap: 9px;
    }

    .gdeCorridor,
    .gdeRera {
        padding-top: 53px;
        padding-bottom: 53px;
    }

    .gdeCorridorHeading h2,
    .gdeReraHeading h2 {
        font-size: 29px;
    }

    .gdeCorridorHeading > p,
    .gdeReraHeading > p {
        font-size: 16px;
    }

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

    .gdeCorridorCard {
        padding: 24px 21px;
    }

    .gdeCorridorCard h3 {
        font-size: 20px;
    }

    .gdeCorridorInsight {
        padding: 18px;
        gap: 11px;
    }

    .gdeReraPoint {
        gap: 13px;
    }

    .gdeReraPointIcon {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
    }

    .gdeReraPoint h3 {
        font-size: 18px;
    }

    .gdeReraAsideTop,
    .gdeReraChecklist {
        padding-right: 21px;
        padding-left: 21px;
    }

    .gdeReraBtn {
        width: calc(100% - 42px);
        margin-right: 21px;
        margin-left: 21px;
    }

    .gdeReraPhone {
        margin-right: 21px;
        margin-left: 21px;
    }

    .gdeReraDisclaimer {
        margin-right: 21px;
        margin-left: 21px;
    }

    .gdeFinalCta {
        padding-top: 48px;
        padding-bottom: 23px;
    }

    .gdeFinalCtaCopy h2 {
        font-size: 29px;
    }

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

    .gdeFinalCtaButton {
        width: 100%;
        box-sizing: border-box;
    }

    .gdeFinalCtaPhone {
        min-width: 0;
    }

    .gdeFinalCtaBottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gdeHeroBtn,
    .gdeReraBtn,
    .gdeFinalCtaButton,
    .gdeCorridorCard,
    .gdeReraPhone,
    .gdeFinalCtaPhone {
        transition: none;
    }
}

/* =========================================================
   GCV CYBER CITY PAGE
   Shared palette: Royal Navy + Gold
   Minimum text size: 15px
========================================================= */

.gcvCyberHero,
.gcvYield,
.gcvLease {
    --gcv-navy: #092f62;
    --gcv-dark: #061d3d;
    --gcv-deep: #04152d;
    --gcv-gold: #b97800;
    --gcv-gold-light: #f0b429;
    --gcv-gold-soft: #fff5dc;
    --gcv-text: #24344b;
    --gcv-muted: #53647a;
    --gcv-border: #e3e9f1;
    font-family: inherit;
    box-sizing: border-box;
}

.gcvCyberHero *,
.gcvYield *,
.gcvLease * {
    box-sizing: border-box;
}

.gcvCyberHero a,
.gcvYield a,
.gcvLease a {
    text-decoration: none;
}


/* =========================================================
   SECTION 1 — HERO
========================================================= */

.gcvCyberHero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 78px 24px 42px;
    background:
        radial-gradient(
            ellipse at 92% 8%,
            rgba(217, 154, 22, 0.13),
            transparent 34%
        ),
        linear-gradient(135deg, #ffffff 0%, #f7f9fd 58%, #edf2f9 100%);
    color: var(--gcv-dark, #061d3d);
    border-bottom: 1px solid #e7edf5;
}

.gcvCyberHero__glow {
    position: absolute;
    z-index: -1;
    top: -150px;
    right: -110px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(185, 120, 0, 0.15);
    border-radius: 50%;
    box-shadow:
        0 0 0 38px rgba(185, 120, 0, 0.035),
        0 0 0 78px rgba(9, 47, 98, 0.025);
    pointer-events: none;
}

.gcvCyberHero__inner {
    position: relative;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gcvCyberHero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #8a5a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.5;
}

.gcvCyberHero__eyebrow::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 3px;
    background: linear-gradient(
        90deg,
        #b97800,
        #f0b429
    );
    border-radius: 3px;
}

.gcvCyberHero h1 {
    max-width: 1000px;
    margin: 0;
    color: #061d3d;
    font-size: clamp(34px, 4.5vw, 58px);
    font-weight: 850;
    line-height: 1.13;
    letter-spacing: -1.5px;
}

.gcvCyberHero h1 span {
    display: block;
    margin-top: 8px;
    color: #a76a00;
}

.gcvCyberHero__intro {
    max-width: 870px;
    margin: 26px 0 0;
    color: #43546b;
    font-size: 17px;
    line-height: 1.9;
}

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

.gcvCyberHero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.gcvCyberHero__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid #dce4ef;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.86);
    color: #17365f;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}

.gcvCyberHero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 34px;
}

.gcvCyberHero__button,
.gcvYield__button,
.gcvLease__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 56px;
    padding: 15px 25px;
    border: 1px solid #e4b448;
    border-radius: 6px;
    background: linear-gradient(
        120deg,
        #092f62 0%,
        #061d3d 100%
    );
    box-shadow: 0 9px 24px rgba(6, 29, 61, 0.17);
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

.gcvCyberHero__button span,
.gcvYield__button span,
.gcvLease__button span {
    color: #f0b429;
    font-size: 21px;
    line-height: 1;
}

.gcvCyberHero__button:hover,
.gcvYield__button:hover,
.gcvLease__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(6, 29, 61, 0.24);
    background: linear-gradient(
        120deg,
        #123e78 0%,
        #092f62 100%
    );
}

.gcvCyberHero__phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #092f62 !important;
}

.gcvCyberHero__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    border: 1px solid #e6c578;
    border-radius: 50%;
    background: #fff6df;
    color: #966000;
    font-size: 20px;
}

.gcvCyberHero__phone small,
.gcvCyberHero__phone strong {
    display: block;
    font-size: 15px;
    line-height: 1.6;
}

.gcvCyberHero__phone small {
    color: #65738a;
}

.gcvCyberHero__phone strong {
    color: #092f62;
    font-size: 18px;
    font-weight: 850;
}

.gcvCyberHero__footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 44px;
    padding-top: 21px;
    border-top: 1px solid #dfe6ef;
    color: #52627a;
    font-size: 15px;
    line-height: 1.7;
}

.gcvCyberHero__footer > span:first-child {
    color: #092f62;
    font-weight: 850;
    letter-spacing: 0.4px;
}

.gcvCyberHero__footerDivider {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c28a15;
}


/* =========================================================
   SECTION 2 — RENTAL-YIELD METHODOLOGY
========================================================= */

.gcvYield {
    padding: 76px 24px;
    background: #ffffff;
    color: #24344b;
}

.gcvYield__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gcvYield__heading {
    max-width: 850px;
    margin-bottom: 36px;
}

.gcvYield__eyebrow,
.gcvLease__eyebrow {
    margin-bottom: 14px;
    color: #9b6808;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.7px;
    line-height: 1.5;
}

.gcvYield__heading h2,
.gcvLease__heading h2 {
    margin: 0;
    color: #061d3d;
    font-size: clamp(29px, 3.4vw, 43px);
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.gcvYield__heading h2 span,
.gcvLease__heading h2 span {
    color: #a76a00;
}

.gcvYield__heading > p,
.gcvLease__heading > p {
    margin: 20px 0 0;
    color: #53647a;
    font-size: 17px;
    line-height: 1.85;
}

.gcvYield__heading strong,
.gcvLease__heading strong {
    color: #092f62;
    font-weight: 800;
}

.gcvYield__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    align-items: stretch;
    gap: 24px;
}

.gcvYield__formulaCard,
.gcvYield__benchmarkCard {
    min-width: 0;
    padding: 30px;
    border: 1px solid #e0e7f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 36px rgba(6, 29, 61, 0.055);
}

.gcvYield__formulaCard {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f5f8fc 100%
        );
}

.gcvYield__formulaCard::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #092f62,
        #b97800,
        #f0b429
    );
    content: "";
}

.gcvYield__cardLabel {
    margin-bottom: 13px;
    color: #976300;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.55;
}

.gcvYield__formulaCard h3,
.gcvYield__benchmarkCard h3 {
    margin: 0;
    color: #092f62;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.35;
}

.gcvYield__formulaCard > p {
    margin: 15px 0 23px;
    color: #53647a;
    font-size: 16px;
    line-height: 1.8;
}

.gcvYield__formula {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 23px 18px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.gcvYield__formula > span:not(.gcvYield__operator):not(.gcvYield__divider) {
    color: #092f62;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.65;
}

.gcvYield__operator {
    color: #b97800;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.1;
}

.gcvYield__divider {
    width: 100%;
    max-width: 310px;
    height: 2px;
    margin: 7px 0;
    background: linear-gradient(
        90deg,
        #b97800,
        #f0b429
    );
}

.gcvYield__formula .gcvYield__denominator {
    color: #966000;
}

.gcvYield__formulaNote {
    margin-top: 18px;
    padding: 15px 16px;
    border-left: 4px solid #c18a18;
    border-radius: 0 6px 6px 0;
    background: #fff7e5;
    color: #5c4b2c;
    font-size: 15px;
    line-height: 1.8;
}

.gcvYield__formulaNote strong {
    color: #785000;
}

.gcvYield__disclaimer {
    margin: 13px 0 20px;
    color: #65738a;
    font-size: 15px;
    line-height: 1.75;
}

.gcvYield__metric {
    padding: 16px 0;
    border-top: 1px solid #e7edf4;
}

.gcvYield__metricTop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.gcvYield__metricTop > span:first-child {
    color: #344861;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
}

.gcvYield__metricIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 1px solid #ead6a5;
    border-radius: 6px;
    background: #fff6df;
    color: #8b5c00;
    font-size: 15px;
    font-weight: 850;
}

.gcvYield__metric > strong {
    display: block;
    margin-top: 6px;
    color: #092f62;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.gcvYield__metric > small {
    display: block;
    margin-top: 2px;
    color: #66758a;
    font-size: 15px;
    line-height: 1.65;
}

.gcvYield__evidence {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
    margin-top: 27px;
    padding: 26px;
    border: 1px solid #e9d6a9;
    border-radius: 10px;
    background: linear-gradient(
        115deg,
        #fffaf0 0%,
        #ffffff 100%
    );
}

.gcvYield__evidenceMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #092f62;
    color: #f0b429;
    font-size: 23px;
    font-weight: 850;
}

.gcvYield__evidenceText h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.gcvYield__evidenceText p {
    margin: 9px 0 0;
    color: #53647a;
    font-size: 16px;
    line-height: 1.85;
}

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

.gcvYield__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 30px;
    padding: 29px;
    border: 1px solid #173e70;
    border-radius: 10px;
    background: linear-gradient(
        115deg,
        #061d3d 0%,
        #092f62 75%,
        #123b6d 100%
    );
    box-shadow: 0 12px 28px rgba(6, 29, 61, 0.14);
}

.gcvYield__ctaCopy {
    min-width: 0;
}

.gcvYield__ctaCopy > span,
.gcvLease__bottomText > span {
    color: #f0c65f;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.6;
}

.gcvYield__ctaCopy h3 {
    margin: 8px 0;
    color: #ffffff;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.gcvYield__ctaCopy p {
    max-width: 650px;
    margin: 0;
    color: #e1e9f4;
    font-size: 15px;
    line-height: 1.8;
}

.gcvYield__ctaActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.gcvYield__cta .gcvYield__button {
    border-color: #f0b429;
    background: linear-gradient(
        120deg,
        #f0b429,
        #d99a16
    );
    box-shadow: none;
    color: #061d3d !important;
    text-align: center;
}

.gcvYield__cta .gcvYield__button span {
    color: #061d3d;
}

.gcvYield__cta .gcvYield__button:hover {
    background: #ffcf57;
}

.gcvYield__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 6px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
}

.gcvYield__call:hover {
    border-color: #f0b429;
    color: #f0c65f !important;
}


/* =========================================================
   SECTION 3 — SEZ LEASEHOLD & CORPORATE CAMPUSES
========================================================= */

.gcvLease {
    padding: 76px 24px;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(217, 154, 22, 0.08),
            transparent 30%
        ),
        #f5f8fc;
    color: #24344b;
}

.gcvLease__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gcvLease__heading {
    max-width: 900px;
    margin-bottom: 35px;
}

.gcvLease__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

.gcvLease__card {
    position: relative;
    min-width: 0;
    padding: 29px;
    border: 1px solid #dfe6f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(6, 29, 61, 0.055);
}

.gcvLease__card::before {
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(
        90deg,
        #092f62,
        #b97800,
        #f0b429
    );
    content: "";
}

.gcvLease__card--campus {
    background: linear-gradient(
        150deg,
        #ffffff,
        #fbfcff
    );
}

.gcvLease__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 21px;
}

.gcvLease__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid #ead8aa;
    border-radius: 8px;
    background: #fff5dc;
    color: #8a5a00;
    font-size: 17px;
    font-weight: 850;
}

.gcvLease__label {
    color: #8a5a00;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: right;
}

.gcvLease__card h3 {
    margin: 0;
    color: #092f62;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.35;
}

.gcvLease__card > p {
    margin: 15px 0 22px;
    color: #53647a;
    font-size: 16px;
    line-height: 1.85;
}

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

.gcvLease__checklist {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.gcvLease__checklist > div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    padding: 16px 0;
    border-top: 1px solid #e7edf4;
}

.gcvLease__checklist > div > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    background: #092f62;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
}

.gcvLease__checklist p {
    margin: 0;
    color: #344861;
    font-size: 16px;
    line-height: 1.6;
}

.gcvLease__checklist p strong {
    display: block;
    color: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.gcvLease__checklist p small {
    display: block;
    margin-top: 4px;
    color: #637188;
    font-size: 15px;
    line-height: 1.7;
}

.gcvLease__note {
    margin-top: 20px;
    padding: 17px 18px;
    border-left: 4px solid #bd8412;
    border-radius: 0 7px 7px 0;
    background: #fff7e6;
}

.gcvLease__note > strong {
    display: block;
    margin-bottom: 7px;
    color: #7c5300;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.gcvLease__note p {
    margin: 0;
    color: #5e5139;
    font-size: 15px;
    line-height: 1.8;
}

.gcvLease__valueBlocks {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.gcvLease__valueBlock {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 16px;
    border: 1px solid #e3e9f2;
    border-radius: 8px;
    background: #ffffff;
}

.gcvLease__valueIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: #092f62;
    color: #f0b429;
    font-size: 17px;
    font-weight: 850;
}

.gcvLease__valueBlock h4 {
    margin: 0;
    color: #092f62;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.gcvLease__valueBlock p {
    margin: 6px 0 0;
    color: #5c6a7e;
    font-size: 15px;
    line-height: 1.8;
}

.gcvLease__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #173e70;
    border-radius: 10px;
    background: linear-gradient(
        115deg,
        #061d3d,
        #092f62
    );
    box-shadow: 0 12px 28px rgba(6, 29, 61, 0.13);
}

.gcvLease__bottomText {
    min-width: 0;
}

.gcvLease__bottomText h3 {
    margin: 9px 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.gcvLease__bottomText p {
    max-width: 680px;
    margin: 0;
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.85;
}

.gcvLease__bottomActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.gcvLease__bottom .gcvLease__button {
    border-color: #f0b429;
    background: linear-gradient(
        120deg,
        #f0b429,
        #d99a16
    );
    box-shadow: none;
    color: #061d3d !important;
    text-align: center;
}

.gcvLease__bottom .gcvLease__button span {
    color: #061d3d;
}

.gcvLease__bottom .gcvLease__button:hover {
    background: #ffcf57;
}

.gcvLease__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 45px;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 6px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
}

.gcvLease__phone > span {
    color: #f0c65f;
}

.gcvLease__phone:hover {
    border-color: #f0b429;
    color: #f0c65f !important;
}

.gcvLease__disclaimer {
    margin: 22px 0 0;
    color: #66758a;
    font-size: 15px;
    line-height: 1.8;
}


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

@media (max-width: 900px) {
    .gcvCyberHero {
        padding-top: 62px;
    }

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

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

    .gcvYield__cta,
    .gcvLease__bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .gcvYield__ctaActions,
    .gcvLease__bottomActions {
        width: 100%;
        max-width: 360px;
    }
}

@media (max-width: 600px) {
    .gcvCyberHero,
    .gcvYield,
    .gcvLease {
        padding-right: 17px;
        padding-left: 17px;
    }

    .gcvCyberHero {
        padding-top: 48px;
        padding-bottom: 34px;
    }

    .gcvCyberHero h1 {
        font-size: 34px;
        letter-spacing: -0.8px;
        line-height: 1.2;
    }

    .gcvCyberHero__intro,
    .gcvYield__heading > p,
    .gcvLease__heading > p {
        font-size: 16px;
        line-height: 1.8;
    }

    .gcvCyberHero__tags {
        gap: 8px;
    }

    .gcvCyberHero__tags span {
        padding: 8px 11px;
        font-size: 15px;
    }

    .gcvCyberHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .gcvCyberHero__button {
        width: 100%;
    }

    .gcvCyberHero__footer {
        align-items: flex-start;
        gap: 9px;
    }

    .gcvCyberHero__footerDivider {
        margin-top: 9px;
    }

    .gcvYield,
    .gcvLease {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .gcvYield__heading h2,
    .gcvLease__heading h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .gcvYield__formulaCard,
    .gcvYield__benchmarkCard,
    .gcvLease__card {
        padding: 22px 18px;
    }

    .gcvYield__formula > span:not(.gcvYield__operator):not(.gcvYield__divider) {
        font-size: 15px;
    }

    .gcvYield__metric > strong {
        font-size: 25px;
    }

    .gcvYield__evidence {
        grid-template-columns: 1fr;
        padding: 21px 18px;
    }

    .gcvYield__cta,
    .gcvLease__bottom {
        padding: 23px 18px;
    }

    .gcvYield__ctaCopy h3,
    .gcvLease__bottomText h3 {
        font-size: 22px;
    }

    .gcvYield__ctaActions,
    .gcvLease__bottomActions {
        max-width: none;
    }

    .gcvYield__button,
    .gcvLease__button {
        width: 100%;
        min-height: 54px;
        padding: 14px 16px;
        font-size: 16px;
    }

    .gcvLease__cardTop {
        align-items: flex-start;
    }

    .gcvLease__label {
        max-width: 70%;
    }

    .gcvLease__valueBlock {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
        padding: 13px;
    }

    .gcvLease__valueIcon {
        width: 35px;
        height: 35px;
    }
}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gcvCyberHero__button,
    .gcvYield__button,
    .gcvLease__button {
        transition: none;
    }

    .gcvCyberHero__button:hover,
    .gcvYield__button:hover,
    .gcvLease__button:hover {
        transform: none;
    }
}

/* =========================================================
   IMT MANESAR INDUSTRIAL VALUATION PAGE
   Unique namespace: imtm
   Royal navy and gold | Responsive | Minimum font size 15px
========================================================= */

.imtmHero,
.imtmLandscape,
.imtmMachinery,
.imtmPpap,
.imtmResolution,
.imtmProcess,
.imtmFinalCTA {
    --imtm-navy: #092f62;
    --imtm-navy-dark: #061d3d;
    --imtm-navy-deep: #04152d;
    --imtm-gold: #b97800;
    --imtm-gold-bright: #f0b429;
    --imtm-gold-light: #fff4d8;
    --imtm-ink: #152944;
    --imtm-muted: #53657b;
    --imtm-border: #dce4ee;
    --imtm-white: #ffffff;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.imtmHero *,
.imtmLandscape *,
.imtmMachinery *,
.imtmPpap *,
.imtmResolution *,
.imtmProcess *,
.imtmFinalCTA * {
    box-sizing: border-box;
}

.imtmHero a,
.imtmLandscape a,
.imtmMachinery a,
.imtmPpap a,
.imtmResolution a,
.imtmProcess a,
.imtmFinalCTA a {
    text-decoration: none;
}

.imtmHero p,
.imtmLandscape p,
.imtmMachinery p,
.imtmPpap p,
.imtmResolution p,
.imtmProcess p,
.imtmFinalCTA p {
    margin-top: 0;
}

.imtmContainer {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.imtmHero h1,
.imtmLandscape h2,
.imtmMachinery h2,
.imtmPpap h2,
.imtmResolution h2,
.imtmProcess h2,
.imtmFinalCTA h2 {
    font-size: clamp(30px, 3.4vw, 45px);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.imtmHero h1,
.imtmLandscape h2,
.imtmMachinery h2,
.imtmPpap h2,
.imtmResolution h2,
.imtmProcess h2,
.imtmFinalCTA h2,
.imtmLandscape h3,
.imtmMachinery h3,
.imtmPpap h3,
.imtmResolution h3,
.imtmProcess h3,
.imtmFinalCTA h3 {
    margin-top: 0;
}

.imtmHero strong,
.imtmLandscape strong,
.imtmMachinery strong,
.imtmPpap strong,
.imtmResolution strong,
.imtmProcess strong,
.imtmFinalCTA strong {
    font-weight: 750;
}


/* =========================================================
   SHARED ELEMENTS
========================================================= */

.imtmEyebrow,
.imtmSectionKicker,
.imtmCardIndex,
.imtmFooterLabel,
.imtmPpapOverline,
.imtmResolutionTag,
.imtmFinalActionLabel {
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 800;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.imtmSectionKicker {
    color: var(--imtm-gold, #b97800);
    margin-bottom: 14px;
}

.imtmSectionHeading {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.imtmSectionHeading h2 {
    color: var(--imtm-navy-dark, #061d3d);
    margin-bottom: 18px;
}

.imtmSectionHeading h2 strong {
    color: var(--imtm-gold, #b97800);
}

.imtmSectionHeading > p {
    color: var(--imtm-muted, #53657b);
    font-size: 17px;
    line-height: 1.85;
    margin-bottom: 0;
}

.imtmHeadingLight h2 {
    color: #ffffff;
}

.imtmHeadingLight h2 strong {
    color: var(--imtm-gold-bright, #f0b429);
}

.imtmHeadingLight > p {
    color: #d8e3f2;
}

.imtmBtn {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        color 0.2s ease;
}

.imtmBtn:hover {
    transform: translateY(-2px);
}

.imtmBtn:focus-visible,
.imtmTextLink:focus-visible,
.imtmPhoneLink:focus-visible {
    outline: 3px solid #e5a619;
    outline-offset: 4px;
}

.imtmBtnGold {
    background: linear-gradient(135deg, #f5c85c 0%, #d99a16 52%, #b97800 100%);
    color: #061d3d !important;
    box-shadow: 0 9px 24px rgba(185, 120, 0, 0.24);
}

.imtmBtnGold:hover {
    box-shadow: 0 13px 30px rgba(185, 120, 0, 0.32);
}

.imtmBtnOutline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.68);
    background: rgba(255, 255, 255, 0.06);
}

.imtmBtnOutline:hover {
    background: #ffffff;
    color: var(--imtm-navy-dark, #061d3d) !important;
}

.imtmBtnNavy {
    width: 100%;
    background: var(--imtm-navy, #092f62);
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(6, 29, 61, 0.13);
}

.imtmBtnNavy:hover {
    background: var(--imtm-navy-dark, #061d3d);
}

.imtmBtnWhite {
    background: #ffffff;
    color: var(--imtm-navy-dark, #061d3d) !important;
    border-color: #ffffff;
}

.imtmBtnWhite:hover {
    background: var(--imtm-gold-light, #fff4d8);
}

.imtmBtnLarge {
    width: 100%;
    min-height: 60px;
    font-size: 17px;
    padding: 17px 20px;
}


/* =========================================================
   SECTION 1: HERO
========================================================= */

.imtmHero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 76px;
    color: #ffffff;
    background:
        radial-gradient(
            ellipse at 88% 10%,
            rgba(240, 180, 41, 0.15),
            transparent 33%
        ),
        linear-gradient(
            125deg,
            #04152d 0%,
            #061d3d 53%,
            #092f62 100%
        );
}

.imtmHero::before {
    content: "";
    position: absolute;
    width: 390px;
    height: 390px;
    top: -250px;
    right: -100px;
    border: 1px solid rgba(240, 180, 41, 0.34);
    border-radius: 50%;
    box-shadow:
        0 0 0 34px rgba(240, 180, 41, 0.035),
        0 0 0 70px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.imtmHeroInner {
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.imtmHero .imtmEyebrow {
    color: #ffd778;
    padding: 8px 15px;
    margin-bottom: 22px;
    border: 1px solid rgba(240, 180, 41, 0.45);
    border-radius: 50px;
    background: rgba(240, 180, 41, 0.07);
}

.imtmHero h1 {
    max-width: 950px;
    margin: 0 auto 25px;
    color: #ffffff;
}

.imtmHero h1 span {
    display: block;
    margin-top: 8px;
    color: #f0b429;
}

.imtmHeroLead {
    max-width: 850px;
    margin: 0 auto;
    color: #e0e9f5;
    font-size: 18px;
    line-height: 1.85;
}

.imtmHeroLead strong {
    color: #ffffff;
}

.imtmHeroHighlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 36px 0 32px;
}

.imtmHeroHighlight {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 76px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
}

.imtmHighlightNumber {
    flex: 0 0 37px;
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border-radius: 8px;
    background: rgba(240, 180, 41, 0.15);
    color: #ffd778;
    font-size: 15px;
    font-weight: 800;
}

.imtmHeroActions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.imtmHeroFootnote {
    margin: 25px 0 0;
    color: #c3d2e5;
    font-size: 15px;
}


/* =========================================================
   SECTION 2: INDUSTRIAL LANDSCAPE
========================================================= */

.imtmLandscape {
    padding: 82px 0;
    background: #ffffff;
}

.imtmLandscapeGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.imtmLandscapeCard {
    position: relative;
    padding: 29px;
    border: 1px solid #e1e7ef;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(6, 29, 61, 0.045);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.imtmLandscapeCard:hover {
    transform: translateY(-3px);
    border-color: #d5ad55;
    box-shadow: 0 14px 35px rgba(6, 29, 61, 0.09);
}

.imtmLandscapeCardFeatured {
    background: linear-gradient(135deg, #f8fbff, #fffaf0);
    border-color: #e6d3a6;
}

.imtmCardIndex {
    color: var(--imtm-gold, #b97800);
    margin-bottom: 16px;
}

.imtmLandscapeCard h3 {
    margin-bottom: 12px;
    color: var(--imtm-navy-dark, #061d3d);
    font-size: 23px;
    line-height: 1.35;
}

.imtmLandscapeCard p {
    margin-bottom: 20px;
    color: var(--imtm-muted, #53657b);
    font-size: 16px;
    line-height: 1.8;
}

.imtmLandscapeCard p strong {
    color: var(--imtm-navy, #092f62);
}

.imtmCardTag {
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid #e5d2a2;
    border-radius: 5px;
    background: #fff8e6;
    color: #78500a;
    font-size: 15px;
    font-weight: 750;
}

.imtmLandscapeNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 21px 23px;
    border-left: 4px solid var(--imtm-gold, #b97800);
    border-radius: 7px;
    background: #f5f8fc;
}

.imtmNoteMark {
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--imtm-navy, #092f62);
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
}

.imtmLandscapeNote p {
    margin: 0;
    color: var(--imtm-muted, #53657b);
    font-size: 15px;
}

.imtmLandscapeNote strong {
    color: var(--imtm-navy-dark, #061d3d);
}


/* =========================================================
   SECTION 3: PLANT & MACHINERY
========================================================= */

.imtmMachinery {
    padding: 84px 0;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(240, 180, 41, 0.10),
            transparent 34%
        ),
        linear-gradient(135deg, #04152d 0%, #061d3d 60%, #092f62 100%);
}

.imtmMachinery .imtmSectionKicker {
    color: #f4c65c;
}

.imtmMachineryGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.imtmMachineryCard {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.imtmMachineryCard:hover {
    transform: translateY(-3px);
    border-color: rgba(240, 180, 41, 0.6);
    background: rgba(255, 255, 255, 0.085);
}

.imtmMachineryIcon {
    display: grid;
    place-items: center;
    width: 51px;
    height: 51px;
    margin-bottom: 19px;
    border: 1px solid rgba(240, 180, 41, 0.6);
    border-radius: 10px;
    background: rgba(240, 180, 41, 0.13);
    color: #ffd778;
    font-size: 17px;
    font-weight: 850;
}

.imtmMachineryCard h3 {
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 23px;
    line-height: 1.4;
}

.imtmMachineryCard p {
    margin-bottom: 17px;
    color: #d9e4f2;
    font-size: 16px;
    line-height: 1.8;
}

.imtmMachineryCard p strong {
    color: #ffdc88;
}

.imtmMachineryCard ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.imtmMachineryCard li {
    position: relative;
    padding: 10px 0 10px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    color: #e4ebf5;
    font-size: 15px;
    line-height: 1.65;
}

.imtmMachineryCard li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 10px;
    color: #f0b429;
    font-weight: 900;
}

.imtmMachineryFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
    padding: 26px;
    border: 1px solid rgba(240, 180, 41, 0.3);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
}

.imtmFooterLabel {
    margin-bottom: 8px;
    color: #f4c65c;
}

.imtmMachineryFooter h3 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.5;
}


/* =========================================================
   SECTION 4: PPAP & DOCUMENTATION
========================================================= */

.imtmPpap {
    padding: 84px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
}

.imtmPpapGrid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 48px;
}

.imtmPpapIntro h2 {
    margin-bottom: 22px;
    color: var(--imtm-navy-dark, #061d3d);
}

.imtmPpapIntro h2 strong {
    color: var(--imtm-gold, #b97800);
}

.imtmPpapIntro p {
    margin-bottom: 17px;
    color: var(--imtm-muted, #53657b);
    font-size: 16px;
    line-height: 1.85;
}

.imtmTextLink {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 8px;
    color: var(--imtm-navy, #092f62) !important;
    font-size: 16px;
    font-weight: 800;
}

.imtmTextLink span {
    color: var(--imtm-gold, #b97800);
    transition: transform 0.2s ease;
}

.imtmTextLink:hover span {
    transform: translateX(4px);
}

.imtmPpapPanel {
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(6, 29, 61, 0.09);
}

.imtmPpapPanelHeader {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    background: linear-gradient(120deg, #061d3d, #092f62);
}

.imtmPpapSeal {
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(240, 180, 41, 0.6);
    border-radius: 50%;
    background: rgba(240, 180, 41, 0.13);
    color: #f5c85c;
    font-size: 23px;
    font-weight: 900;
}

.imtmPpapOverline {
    margin-bottom: 5px;
    color: #f5c85c;
}

.imtmPpapPanelHeader h3 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.4;
}

.imtmPpapChecklist {
    list-style: none;
    margin: 0;
    padding: 10px 24px 0;
}

.imtmPpapChecklist li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #edf0f5;
}

.imtmCheck {
    flex: 0 0 27px;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #fff2d0;
    color: #875700;
    font-size: 15px;
    font-weight: 900;
}

.imtmPpapChecklist li > span:last-child {
    display: block;
}

.imtmPpapChecklist strong {
    display: block;
    margin-bottom: 3px;
    color: var(--imtm-navy-dark, #061d3d);
    font-size: 16px;
}

.imtmPpapChecklist small {
    display: block;
    color: var(--imtm-muted, #53657b);
    font-size: 15px;
    line-height: 1.65;
}

.imtmPpapDisclaimer {
    margin: 0;
    padding: 19px 24px 22px;
    background: #fffaf0;
    color: #69552f;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 5: SARFAESI & CIRP
========================================================= */

.imtmResolution {
    padding: 84px 0;
    background: #f3f6fb;
}

.imtmResolutionGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 23px;
}

.imtmResolutionCard {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #e0e6ef;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(6, 29, 61, 0.055);
}

.imtmResolutionTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
}

.imtmResolutionNumber {
    display: grid;
    place-items: center;
    width: 47px;
    height: 47px;
    border-radius: 9px;
    background: #fff1cc;
    color: #815500;
    font-size: 17px;
    font-weight: 900;
}

.imtmResolutionTag {
    color: var(--imtm-gold, #b97800);
    text-align: right;
}

.imtmResolutionCard h3 {
    margin-bottom: 15px;
    color: var(--imtm-navy-dark, #061d3d);
    font-size: 26px;
    line-height: 1.35;
}

.imtmResolutionCard > p {
    margin-bottom: 22px;
    color: var(--imtm-muted, #53657b);
    font-size: 16px;
    line-height: 1.8;
}

.imtmAssetStack {
    margin-bottom: 25px;
}

.imtmAssetRow {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-top: 1px solid #e7ecf3;
}

.imtmAssetCode {
    flex: 0 0 55px;
    display: grid;
    place-items: center;
    min-height: 38px;
    padding: 6px;
    border-radius: 6px;
    background: #edf3fb;
    color: var(--imtm-navy, #092f62);
    font-size: 15px;
    font-weight: 850;
}

.imtmAssetRow strong,
.imtmCirpClass strong {
    display: block;
    margin-bottom: 4px;
    color: var(--imtm-navy-dark, #061d3d);
    font-size: 16px;
    line-height: 1.5;
}

.imtmAssetRow small,
.imtmCirpClass small {
    display: block;
    color: var(--imtm-muted, #53657b);
    font-size: 15px;
    line-height: 1.7;
}

.imtmResolutionCard > .imtmBtn {
    margin-top: auto;
}

.imtmResolutionCardDark {
    border-color: #092f62;
    background: linear-gradient(150deg, #061d3d, #092f62);
}

.imtmResolutionCardDark .imtmResolutionNumber {
    background: rgba(240, 180, 41, 0.15);
    color: #ffd778;
    border: 1px solid rgba(240, 180, 41, 0.38);
}

.imtmResolutionCardDark .imtmResolutionTag {
    color: #ffd778;
}

.imtmResolutionCardDark h3 {
    color: #ffffff;
}

.imtmResolutionCardDark > p {
    color: #d8e4f3;
}

.imtmCirpClasses {
    margin-bottom: 21px;
}

.imtmCirpClass {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.imtmCirpLetter {
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: rgba(240, 180, 41, 0.14);
    color: #ffd778;
    font-size: 15px;
    font-weight: 850;
}

.imtmResolutionCardDark .imtmCirpClass strong {
    color: #ffffff;
}

.imtmResolutionCardDark .imtmCirpClass small {
    color: #d8e4f3;
}

.imtmCirpNotice {
    margin-bottom: 23px;
    padding: 17px;
    border-left: 3px solid #f0b429;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.075);
    color: #e2eaf5;
    font-size: 15px;
    line-height: 1.75;
}

.imtmCirpNotice strong {
    display: block;
    margin-bottom: 5px;
    color: #ffda83;
}

.imtmLegalNote {
    margin: 25px 0 0;
    padding: 20px 23px;
    border: 1px solid #e0e6ef;
    border-radius: 9px;
    background: #ffffff;
    color: var(--imtm-muted, #53657b);
    font-size: 15px;
    line-height: 1.8;
}

.imtmLegalNote strong {
    color: var(--imtm-navy-dark, #061d3d);
}


/* =========================================================
   SECTION 6: PROCESS
========================================================= */

.imtmProcess {
    padding: 84px 0;
    background: #ffffff;
}

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

.imtmProcessStep {
    position: relative;
    padding: 25px 22px;
    border: 1px solid #e0e6ef;
    border-radius: 11px;
    background: linear-gradient(160deg, #ffffff, #f8faff);
}

.imtmProcessNo {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    border-radius: 9px;
    background: var(--imtm-navy, #092f62);
    color: #ffffff;
    font-size: 17px;
    font-weight: 850;
    box-shadow: 0 6px 15px rgba(9, 47, 98, 0.18);
}

.imtmProcessStep h3 {
    margin-bottom: 10px;
    color: var(--imtm-navy-dark, #061d3d);
    font-size: 20px;
    line-height: 1.4;
}

.imtmProcessStep p {
    margin-bottom: 0;
    color: var(--imtm-muted, #53657b);
    font-size: 15px;
    line-height: 1.8;
}

.imtmProcessCTA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 30px;
    padding: 30px;
    border-radius: 13px;
    background: linear-gradient(115deg, #061d3d, #092f62);
    box-shadow: 0 14px 34px rgba(6, 29, 61, 0.13);
}

.imtmProcessCTA .imtmSectionKicker {
    color: #f5c85c;
}

.imtmProcessCTA h3 {
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.4;
}

.imtmProcessCTA p {
    max-width: 680px;
    margin-bottom: 0;
    color: #d9e4f2;
    font-size: 16px;
}

.imtmProcessActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.imtmPhoneLink {
    display: inline-block;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}


/* =========================================================
   SECTION 7: FINAL CTA
========================================================= */

.imtmFinalCTA {
    padding: 0 0 82px;
    background: #ffffff;
}

.imtmFinalCTAWrap {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
    gap: 40px;
    padding: 42px;
    border: 1px solid #e6d3a6;
    border-radius: 16px;
    background:
        radial-gradient(
            ellipse at 0% 100%,
            rgba(240, 180, 41, 0.10),
            transparent 45%
        ),
        linear-gradient(135deg, #ffffff, #f7f9fd);
    box-shadow: 0 16px 42px rgba(6, 29, 61, 0.08);
}

.imtmFinalCopy h2 {
    margin-bottom: 18px;
    color: var(--imtm-navy-dark, #061d3d);
}

.imtmFinalCopy h2 strong {
    color: var(--imtm-gold, #b97800);
}

.imtmFinalCopy > p {
    margin-bottom: 24px;
    color: var(--imtm-muted, #53657b);
    font-size: 17px;
    line-height: 1.85;
}

.imtmContactDetails {
    display: grid;
    gap: 15px;
}

.imtmContactDetails > span {
    display: block;
    padding-top: 13px;
    border-top: 1px solid #e1e7ef;
    color: var(--imtm-ink, #152944);
    font-size: 15px;
    line-height: 1.7;
}

.imtmContactDetails strong {
    display: block;
    margin-bottom: 3px;
    color: var(--imtm-navy, #092f62);
}

.imtmContactDetails a {
    color: var(--imtm-navy, #092f62) !important;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.imtmFinalAction {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 15px;
    padding: 28px;
    border-radius: 12px;
    background: linear-gradient(145deg, #061d3d, #092f62);
    box-shadow: 0 12px 28px rgba(6, 29, 61, 0.16);
}

.imtmFinalActionLabel {
    color: #f5c85c;
    text-align: center;
}

.imtmFinalEmail {
    color: #e4edf8 !important;
    font-size: 15px;
    font-weight: 650;
    text-align: center;
    overflow-wrap: anywhere;
}


/* =========================================================
   RESPONSIVE: TABLETS
========================================================= */

@media (max-width: 991px) {
    .imtmHero,
    .imtmLandscape,
    .imtmMachinery,
    .imtmPpap,
    .imtmResolution,
    .imtmProcess {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .imtmPpapGrid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

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

    .imtmProcessCTA {
        align-items: flex-start;
        flex-direction: column;
    }

    .imtmProcessActions {
        width: 100%;
        max-width: 360px;
    }

    .imtmFinalCTAWrap {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 32px;
    }

    .imtmFinalAction {
        max-width: 480px;
    }
}


/* =========================================================
   RESPONSIVE: MOBILE
========================================================= */

@media (max-width: 600px) {
    .imtmContainer {
        width: min(100% - 30px, 1180px);
    }

    .imtmHero,
    .imtmLandscape,
    .imtmMachinery,
    .imtmPpap,
    .imtmResolution,
    .imtmProcess {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .imtmFinalCTA {
        padding-bottom: 48px;
    }

    .imtmHero h1,
    .imtmLandscape h2,
    .imtmMachinery h2,
    .imtmPpap h2,
    .imtmResolution h2,
    .imtmProcess h2,
    .imtmFinalCTA h2 {
        font-size: 30px;
        letter-spacing: -0.45px;
    }

    .imtmHeroLead {
        font-size: 16px;
    }

    .imtmHeroHighlights {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 26px;
    }

    .imtmHeroHighlight {
        justify-content: flex-start;
        min-height: 62px;
    }

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

    .imtmHeroActions .imtmBtn {
        width: 100%;
    }

    .imtmLandscapeGrid,
    .imtmMachineryGrid,
    .imtmResolutionGrid,
    .imtmProcessGrid {
        grid-template-columns: 1fr;
    }

    .imtmSectionHeading {
        margin-bottom: 29px;
    }

    .imtmSectionHeading > p {
        font-size: 16px;
    }

    .imtmLandscapeCard,
    .imtmMachineryCard,
    .imtmResolutionCard {
        padding: 23px;
    }

    .imtmLandscapeCard h3,
    .imtmMachineryCard h3 {
        font-size: 21px;
    }

    .imtmMachineryFooter {
        align-items: stretch;
        flex-direction: column;
        padding: 23px;
    }

    .imtmMachineryFooter h3 {
        font-size: 20px;
    }

    .imtmMachineryFooter .imtmBtn {
        width: 100%;
    }

    .imtmPpapPanelHeader {
        padding: 20px;
    }

    .imtmPpapChecklist {
        padding-right: 19px;
        padding-left: 19px;
    }

    .imtmPpapDisclaimer {
        padding: 17px 19px 20px;
    }

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

    .imtmResolutionTop {
        align-items: flex-start;
    }

    .imtmResolutionTag {
        max-width: 65%;
        font-size: 15px;
    }

    .imtmProcessCTA {
        padding: 24px;
    }

    .imtmProcessCTA h3 {
        font-size: 22px;
    }

    .imtmFinalCTAWrap {
        padding: 24px 20px;
    }

    .imtmFinalAction {
        padding: 22px 17px;
    }

    .imtmBtn {
        width: 100%;
        padding: 14px 16px;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .imtmBtn,
    .imtmLandscapeCard,
    .imtmMachineryCard,
    .imtmTextLink span {
        transition: none;
    }

    .imtmBtn:hover,
    .imtmLandscapeCard:hover,
    .imtmMachineryCard:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: GURUGRAM YELLOW LINE
   Unique namespace: gmlYellow
========================================================= */

.gmlYellow {
    --gml-navy: #092f62;
    --gml-dark: #061d3d;
    --gml-deep: #04152d;
    --gml-gold: #b97800;
    --gml-gold-light: #f0b429;
    --gml-gold-pale: #fff6df;
    --gml-text: #26374d;
    --gml-muted: #58677b;
    --gml-border: #e3e9f1;
    position: relative;
    padding: 76px 20px;
    overflow: hidden;
    color: var(--gml-text);
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217, 154, 22, 0.10), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    font-size: 16px;
    line-height: 1.75;
}

.gmlYellow *,
.gmlRapid * {
    box-sizing: border-box;
}

.gmlYellow__container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.gmlYellow__eyebrow,
.gmlRapid__topline {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--gml-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.gmlYellow__eyebrowLine,
.gmlRapid__line {
    display: inline-block;
    width: 38px;
    height: 3px;
    flex: 0 0 38px;
    background: linear-gradient(90deg, var(--gml-gold), var(--gml-gold-light));
}

.gmlYellow__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 22px;
}

.gmlYellow__heading {
    flex: 1 1 auto;
    min-width: 0;
}

.gmlYellow__heading h1 {
    max-width: 850px;
    margin: 0 0 18px;
    color: var(--gml-dark);
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 850;
    line-height: 1.16;
    letter-spacing: -1.1px;
}

.gmlYellow__heading h1 span {
    display: block;
    color: var(--gml-gold);
}

.gmlYellow__heading > p {
    max-width: 820px;
    margin: 0;
    color: var(--gml-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gmlYellow__heading strong,
.gmlYellow__main strong,
.gmlYellow__terminal strong,
.gmlRapid strong {
    color: var(--gml-dark);
    font-weight: 800;
}

.gmlYellow__badge {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 235px;
    padding: 18px;
    border: 1px solid rgba(185, 120, 0, 0.32);
    border-radius: 14px;
    background: linear-gradient(145deg, #fffdf8, #fff5dc);
    box-shadow: 0 12px 30px rgba(6, 29, 61, 0.06);
}

.gmlYellow__badgeIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--gml-gold-light), var(--gml-gold));
    font-size: 24px;
    font-weight: 900;
}

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

.gmlYellow__badge strong {
    color: var(--gml-dark);
    font-size: 17px;
    line-height: 1.5;
}

.gmlYellow__badge small {
    color: var(--gml-muted);
    font-size: 15px;
    line-height: 1.5;
}

.gmlYellow__rule {
    position: relative;
    height: 1px;
    margin: 36px 0;
    background: linear-gradient(90deg, transparent, #d8b46c 15%, #e5eaf1 55%, transparent);
}

.gmlYellow__rule span {
    position: absolute;
    top: -2px;
    left: 0;
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, var(--gml-gold), var(--gml-gold-light));
}

.gmlYellow__content {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(290px, 0.85fr);
    align-items: start;
    gap: 30px;
}

.gmlYellow__main h2 {
    margin: 0 0 18px;
    color: var(--gml-dark);
    font-size: clamp(25px, 2.6vw, 32px);
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -0.4px;
}

.gmlYellow__main > p {
    margin: 0 0 22px;
    color: var(--gml-muted);
    font-size: 16px;
    line-height: 1.9;
}

.gmlYellow__stations {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 25px 0 28px;
}

.gmlYellow__station {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 67px;
    padding: 12px 14px;
    border: 1px solid var(--gml-border);
    border-radius: 10px;
    background: #ffffff;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.gmlYellow__station:hover {
    transform: translateY(-2px);
    border-color: #d6ad58;
    box-shadow: 0 7px 18px rgba(6, 29, 61, 0.06);
}

.gmlYellow__stationNo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    border-radius: 9px;
    color: var(--gml-gold);
    background: var(--gml-gold-pale);
    font-size: 15px;
    font-weight: 900;
}

.gmlYellow__stationName {
    color: var(--gml-dark);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.45;
}

.gmlYellow__stationTag {
    margin-left: auto;
    padding: 4px 7px;
    border-radius: 5px;
    color: #6e4a00;
    background: #fff1c9;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.gmlYellow__station--terminal {
    border-color: rgba(185, 120, 0, 0.5);
    background: linear-gradient(135deg, #fffdf7, #fff5db);
}

.gmlYellow__terminal {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin: 26px 0 32px;
    padding: 23px;
    border-left: 4px solid var(--gml-gold);
    border-radius: 0 12px 12px 0;
    background: linear-gradient(110deg, #fff8e7, #ffffff);
}

.gmlYellow__terminalIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gml-gold);
    font-size: 18px;
}

.gmlYellow__terminal h3 {
    margin: 0 0 8px;
    color: var(--gml-dark);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.4;
}

.gmlYellow__terminal p {
    margin: 0;
    color: var(--gml-muted);
    font-size: 16px;
    line-height: 1.8;
}

.gmlYellow__subheading {
    margin: 0 0 12px;
    color: var(--gml-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.gmlYellow__sidebar {
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 15px 42px rgba(6, 29, 61, 0.07);
}

.gmlYellow__sideHead {
    padding: 25px 23px 21px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--gml-dark), var(--gml-navy));
}

.gmlYellow__sideHead > span {
    color: #f5cc68;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gmlYellow__sideHead h3 {
    margin: 9px 0 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.35;
}

.gmlYellow__factor {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 19px 21px;
    border-bottom: 1px solid #edf0f5;
}

.gmlYellow__factorNo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid #e5c67f;
    border-radius: 9px;
    color: var(--gml-gold);
    background: #fffaf0;
    font-size: 15px;
    font-weight: 900;
}

.gmlYellow__factor strong {
    display: block;
    margin: 0 0 4px;
    color: var(--gml-dark);
    font-size: 16px;
    line-height: 1.5;
}

.gmlYellow__factor p {
    margin: 0;
    color: var(--gml-muted);
    font-size: 15px;
    line-height: 1.7;
}

.gmlYellow__sideNote {
    margin: 17px;
    padding: 18px;
    border: 1px solid #f0dba9;
    border-radius: 10px;
    background: #fff9eb;
}

.gmlYellow__sideNote strong {
    display: block;
    margin-bottom: 7px;
    color: #805400;
    font-size: 16px;
}

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

.gmlYellow__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 42px;
    padding: 31px;
    border: 1px solid rgba(240, 180, 41, 0.5);
    border-radius: 16px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.15), transparent 45%),
        linear-gradient(120deg, var(--gml-deep), var(--gml-navy));
    box-shadow: 0 18px 42px rgba(4, 21, 45, 0.16);
}

.gmlYellow__ctaCopy {
    flex: 1 1 auto;
}

.gmlYellow__ctaCopy > span {
    color: #f5cc68;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gmlYellow__ctaCopy h2 {
    margin: 8px 0;
    color: #ffffff;
    font-size: clamp(23px, 2.5vw, 30px);
    font-weight: 850;
    line-height: 1.35;
}

.gmlYellow__ctaCopy p {
    max-width: 680px;
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.75;
}

.gmlYellow__ctaActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 13px;
    min-width: 225px;
}

.gmlYellow__button,
.gmlRapid__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 54px;
    padding: 14px 22px;
    border: 1px solid #ffcf57;
    border-radius: 8px;
    color: #061d3d !important;
    background: linear-gradient(135deg, #ffe18b, #f0b429 55%, #d99a16);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.17);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gmlYellow__button:hover,
.gmlRapid__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.23);
}

.gmlYellow__button span,
.gmlRapid__button span {
    font-size: 21px;
    line-height: 1;
}

.gmlYellow__phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.gmlYellow__phone:hover {
    background: rgba(255, 255, 255, 0.09);
}

.gmlYellow__phoneIcon {
    color: #f5cc68;
    font-size: 22px;
}

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

.gmlYellow__phone small {
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.4;
}

.gmlYellow__phone strong {
    color: #ffffff;
    font-size: 17px;
    line-height: 1.5;
}


/* =========================================================
   SECTION 2: RAPID METRO GURGAON
   Unique namespace: gmlRapid
========================================================= */

.gmlRapid {
    --gmr-navy: #092f62;
    --gmr-dark: #061d3d;
    --gmr-deep: #04152d;
    --gmr-gold: #b97800;
    --gmr-gold-light: #f0b429;
    --gmr-text: #26374d;
    --gmr-muted: #58677b;
    position: relative;
    padding: 72px 20px;
    overflow: hidden;
    color: var(--gmr-text);
    background: #ffffff;
    font-size: 16px;
    line-height: 1.75;
}

.gmlRapid__container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.gmlRapid__topline {
    margin-bottom: 30px;
}

.gmlRapid__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 48px;
    align-items: start;
}

.gmlRapid__intro {
    position: relative;
    padding: 32px;
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0%, rgba(240, 180, 41, 0.15), transparent 37%),
        linear-gradient(145deg, #f8fafc, #ffffff);
}

.gmlRapid__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 23px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--gmr-gold-light), var(--gmr-gold));
    font-size: 19px;
    font-weight: 900;
}

.gmlRapid__intro h2 {
    margin: 0 0 17px;
    color: var(--gmr-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.7px;
}

.gmlRapid__intro h2 span {
    color: var(--gmr-gold);
}

.gmlRapid__intro > p {
    margin: 0;
    color: var(--gmr-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gmlRapid__intro strong,
.gmlRapid__details strong {
    color: var(--gmr-dark);
    font-weight: 850;
}

.gmlRapid__highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 27px;
    padding: 20px;
    border: 1px solid #ecd59d;
    border-radius: 12px;
    background: linear-gradient(120deg, #fff9e9, #ffffff);
}

.gmlRapid__highlightMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border-radius: 10px;
    color: #ffffff;
    background: var(--gmr-navy);
    font-size: 22px;
    font-weight: 900;
}

.gmlRapid__highlight strong {
    display: block;
    margin-bottom: 5px;
    color: var(--gmr-dark);
    font-size: 17px;
    line-height: 1.5;
}

.gmlRapid__highlight p {
    margin: 0;
    color: var(--gmr-muted);
    font-size: 15px;
    line-height: 1.75;
}

.gmlRapid__details {
    padding: 5px 0;
}

.gmlRapid__details h3 {
    margin: 0 0 16px;
    color: var(--gmr-dark);
    font-size: clamp(24px, 2.6vw, 31px);
    font-weight: 900;
    line-height: 1.3;
}

.gmlRapid__details > p {
    margin: 0 0 17px;
    color: var(--gmr-muted);
    font-size: 16px;
    line-height: 1.9;
}

.gmlRapid__checklist {
    display: grid;
    gap: 12px;
    margin-top: 23px;
}

.gmlRapid__check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 15px;
    border: 1px solid #e6ebf2;
    border-radius: 9px;
    background: #ffffff;
}

.gmlRapid__check > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gmr-gold);
    font-size: 16px;
    font-weight: 900;
}

.gmlRapid__check p {
    margin: 0;
    color: var(--gmr-muted);
    font-size: 15px;
    line-height: 1.75;
}

.gmlRapid__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 42px;
    padding: 29px 31px;
    border-radius: 14px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.15), transparent 45%),
        linear-gradient(120deg, var(--gmr-deep), var(--gmr-navy));
    box-shadow: 0 15px 36px rgba(4, 21, 45, 0.13);
}

.gmlRapid__footer > div:first-child {
    flex: 1 1 auto;
}

.gmlRapid__footerLabel {
    display: block;
    margin-bottom: 8px;
    color: #f5cc68;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gmlRapid__footer h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: clamp(21px, 2.4vw, 27px);
    font-weight: 850;
    line-height: 1.4;
}

.gmlRapid__footer p {
    margin: 0;
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.8;
}

.gmlRapid__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
    min-width: 225px;
}

.gmlRapid__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.gmlRapid__call:hover {
    background: rgba(255, 255, 255, 0.1);
}


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

@media (max-width: 991px) {
    .gmlYellow {
        padding: 58px 20px;
    }

    .gmlYellow__header {
        align-items: flex-start;
    }

    .gmlYellow__badge {
        min-width: 205px;
    }

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

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

    .gmlYellow__sideHead {
        grid-column: 1 / -1;
    }

    .gmlYellow__factor {
        padding: 18px;
    }

    .gmlYellow__sideNote {
        grid-column: 1 / -1;
    }

    .gmlRapid {
        padding: 58px 20px;
    }

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

@media (max-width: 640px) {
    .gmlYellow,
    .gmlRapid {
        padding: 44px 16px;
    }

    .gmlYellow__header {
        flex-direction: column;
        gap: 22px;
    }

    .gmlYellow__heading h1 {
        font-size: 32px;
        letter-spacing: -0.6px;
    }

    .gmlYellow__heading > p {
        font-size: 16px;
    }

    .gmlYellow__badge {
        width: 100%;
    }

    .gmlYellow__rule {
        margin: 27px 0;
    }

    .gmlYellow__main h2 {
        font-size: 26px;
    }

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

    .gmlYellow__station {
        min-height: 61px;
    }

    .gmlYellow__stationTag {
        font-size: 15px;
    }

    .gmlYellow__terminal {
        padding: 18px;
    }

    .gmlYellow__terminal h3 {
        font-size: 19px;
    }

    .gmlYellow__sidebar {
        display: block;
    }

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

    .gmlYellow__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 23px;
        margin-top: 30px;
        padding: 23px 19px;
    }

    .gmlYellow__ctaCopy h2 {
        font-size: 25px;
    }

    .gmlYellow__ctaActions,
    .gmlRapid__actions {
        width: 100%;
        min-width: 0;
    }

    .gmlYellow__button,
    .gmlRapid__button {
        width: 100%;
        min-height: 56px;
    }

    .gmlYellow__phone {
        min-height: 55px;
    }

    .gmlRapid__topline {
        align-items: flex-start;
        font-size: 15px;
    }

    .gmlRapid__intro {
        padding: 24px 20px;
    }

    .gmlRapid__intro h2 {
        font-size: 31px;
    }

    .gmlRapid__details h3 {
        font-size: 25px;
    }

    .gmlRapid__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 23px;
        margin-top: 30px;
        padding: 24px 20px;
    }

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

@media (prefers-reduced-motion: reduce) {
    .gmlYellow__station,
    .gmlYellow__button,
    .gmlYellow__phone,
    .gmlRapid__button,
    .gmlRapid__call {
        transition: none;
    }

    .gmlYellow__station:hover,
    .gmlYellow__button:hover,
    .gmlRapid__button:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: HERO
========================================================= */

.hrgHero {
    --hrg-navy: #092f62;
    --hrg-deep: #061d3d;
    --hrg-gold: #d99a16;
    --hrg-gold-dark: #b97800;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 76px 24px 70px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(217, 154, 22, 0.17), transparent 38%),
        linear-gradient(130deg, #04152d 0%, #092f62 60%, #0b376b 100%);
    font-family: inherit;
}

.hrgHero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -110px;
    right: -100px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(240, 180, 41, 0.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(240, 180, 41, 0.035),
        0 0 0 70px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.hrgHero__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.hrgHero__eyebrow,
.hrgJurisdiction__kicker,
.hrgEvidence__kicker,
.hrgContact__kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    color: #f0c45d;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.hrgHero__eyebrowLine {
    display: inline-block;
    width: 38px;
    height: 3px;
    flex: 0 0 38px;
    background: #f0b429;
}

.hrgHero h1 {
    max-width: 1000px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(32px, 4.3vw, 54px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -1.2px;
}

.hrgHero h1 strong {
    display: block;
    color: #f0c45d;
    font-weight: 850;
}

.hrgHero h1 span {
    display: block;
    margin-top: 12px;
    color: #ffffff;
    font-size: clamp(25px, 3vw, 36px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.hrgHero__intro {
    max-width: 900px;
    margin: 0 0 30px;
    color: #e6edf7;
    font-size: 17px;
    line-height: 1.85;
}

.hrgHero__intro strong {
    color: #ffffff;
    font-weight: 800;
}

.hrgHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 1000px;
    margin: 30px 0 34px;
}

.hrgHero__highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 18px 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.065);
}

.hrgHero__number {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 9px;
    color: #f0c45d;
    font-size: 15px;
    font-weight: 850;
}

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

.hrgHero__highlight strong {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}

.hrgHero__highlight small {
    margin-top: 4px;
    color: #d6e0ee;
    font-size: 15px;
    line-height: 1.5;
}

.hrgHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
}

.hrgBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.hrgBtn:hover {
    transform: translateY(-2px);
}

.hrgBtn--gold {
    border-color: #f0b429;
    background: linear-gradient(135deg, #f0c45d 0%, #d99a16 100%);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.18);
    color: #061d3d !important;
}

.hrgBtn--gold:hover {
    border-color: #ffda7a;
    background: #ffda7a;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.24);
    color: #04152d !important;
}

.hrgBtn--outline {
    border-color: rgba(255, 255, 255, 0.65);
    background: transparent;
    color: #ffffff !important;
}

.hrgBtn--outline:hover {
    border-color: #f0c45d;
    background: rgba(255, 255, 255, 0.09);
    color: #f0c45d !important;
}

.hrgHero__note {
    max-width: 900px;
    margin: 0;
    color: #cbd8e8;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 2: JURISDICTION
========================================================= */

.hrgJurisdiction {
    padding: 76px 24px;
    background: #f8fbff;
    color: #24344a;
    font-family: inherit;
}

.hrgJurisdiction__wrap {
    max-width: 1160px;
    margin: 0 auto;
}

.hrgJurisdiction__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.hrgJurisdiction__kicker,
.hrgEvidence__kicker {
    justify-content: center;
    color: #a56e00;
}

.hrgJurisdiction h2,
.hrgEvidence h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.hrgJurisdiction h2 strong,
.hrgEvidence h2 strong {
    color: #b97800;
    font-weight: 850;
}

.hrgJurisdiction__heading > p,
.hrgEvidence__heading > p {
    margin: 0;
    color: #46566b;
    font-size: 17px;
    line-height: 1.85;
}

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

.hrgJurisdiction__card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 29px 25px 27px;
    border: 1px solid #e2e9f2;
    border-top: 4px solid #d99a16;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(9, 47, 98, 0.055);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.hrgJurisdiction__card:hover {
    transform: translateY(-4px);
    border-color: #d7b56c;
    box-shadow: 0 16px 35px rgba(9, 47, 98, 0.1);
}

.hrgJurisdiction__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    min-height: 35px;
    margin-bottom: 18px;
    padding: 5px 10px;
    border-radius: 6px;
    background: #092f62;
    color: #f0c45d;
    font-size: 15px;
    font-weight: 850;
}

.hrgJurisdiction__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.hrgJurisdiction__card p {
    margin: 0;
    color: #46566b;
    font-size: 16px;
    line-height: 1.8;
}

.hrgJurisdiction__card p strong {
    color: #092f62;
    font-weight: 850;
}

.hrgJurisdiction__notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 28px;
    padding: 20px 22px;
    border: 1px solid #ead7a8;
    border-radius: 10px;
    background: #fff9eb;
}

.hrgJurisdiction__noticeMark {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 50%;
    background: #092f62;
    color: #f0c45d;
    font-size: 17px;
    font-weight: 850;
}

.hrgJurisdiction__notice p {
    margin: 0;
    color: #38485c;
    font-size: 15px;
    line-height: 1.8;
}

.hrgJurisdiction__notice strong {
    color: #092f62;
    font-weight: 850;
}


/* =========================================================
   SECTION 3: VALUATION EVIDENCE
========================================================= */

.hrgEvidence {
    padding: 78px 24px;
    background:
        radial-gradient(ellipse at 0% 100%, rgba(217, 154, 22, 0.07), transparent 35%),
        #ffffff;
    color: #24344a;
    font-family: inherit;
}

.hrgEvidence__wrap {
    max-width: 1080px;
    margin: 0 auto;
}

.hrgEvidence__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.hrgEvidence__list {
    display: grid;
    gap: 18px;
}

.hrgEvidence__item {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding: 27px 29px;
    border: 1px solid #e2e9f2;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(9, 47, 98, 0.045);
}

.hrgEvidence__number {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #092f62, #061d3d);
    box-shadow: inset 0 0 0 1px rgba(240, 180, 41, 0.35);
    color: #f0c45d;
    font-size: 18px;
    font-weight: 850;
}

.hrgEvidence__content h3 {
    margin: 0 0 11px;
    color: #092f62;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.hrgEvidence__content p {
    margin: 0 0 16px;
    color: #46566b;
    font-size: 16px;
    line-height: 1.85;
}

.hrgEvidence__content p strong {
    color: #092f62;
    font-weight: 850;
}

.hrgEvidence__tag {
    display: inline-block;
    max-width: 100%;
    padding: 7px 12px;
    border: 1px solid #ead7a8;
    border-radius: 5px;
    background: #fff9eb;
    color: #74500c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.hrgEvidence__footer {
    margin-top: 24px;
    padding: 21px 24px;
    border-left: 4px solid #d99a16;
    border-radius: 0 8px 8px 0;
    background: #f3f6fa;
}

.hrgEvidence__footer p {
    margin: 0;
    color: #3f4f63;
    font-size: 15px;
    line-height: 1.85;
}

.hrgEvidence__footer strong {
    color: #092f62;
    font-weight: 850;
}


/* =========================================================
   SECTION 4: CONTACT CTA
========================================================= */

.hrgContact {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 66px 24px 28px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.15), transparent 35%),
        linear-gradient(125deg, #04152d 0%, #092f62 70%, #0a356a 100%);
    color: #ffffff;
    font-family: inherit;
}

.hrgContact::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -85px;
    bottom: -155px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(240, 180, 41, 0.2);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(240, 180, 41, 0.03),
        0 0 0 64px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.hrgContact__wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 42px;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto;
}

.hrgContact__content {
    min-width: 0;
}

.hrgContact__kicker {
    color: #f0c45d;
}

.hrgContact h2 {
    max-width: 740px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(29px, 3.2vw, 41px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.hrgContact h2 strong {
    color: #f0c45d;
    font-weight: 850;
}

.hrgContact__content > p {
    max-width: 730px;
    margin: 0 0 22px;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.85;
}

.hrgContact__details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.8;
}

.hrgContact__details strong {
    color: #f0c45d;
    font-weight: 850;
}

.hrgContact__actions {
    display: flex;
    min-width: 240px;
    flex-direction: column;
    gap: 13px;
    align-items: stretch;
}

.hrgBtn--light {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff !important;
}

.hrgBtn--light:hover {
    border-color: #f0c45d;
    background: rgba(255, 255, 255, 0.1);
    color: #f0c45d !important;
}

.hrgContact__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    grid-column: 1 / -1;
    margin-top: 42px;
    padding-top: 21px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    color: #d6e0ee;
    font-size: 15px;
    line-height: 1.7;
}

.hrgContact__bottom span {
    color: #f0c45d;
}


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

@media (max-width: 900px) {
    .hrgHero,
    .hrgJurisdiction,
    .hrgEvidence,
    .hrgContact {
        padding-right: 22px;
        padding-left: 22px;
    }

    .hrgHero {
        padding-top: 62px;
        padding-bottom: 58px;
    }

    .hrgHero__highlights {
        grid-template-columns: 1fr;
        max-width: 620px;
    }

    .hrgHero__highlight {
        padding: 15px 17px;
    }

    .hrgJurisdiction__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .hrgJurisdiction__card {
        padding: 24px;
    }

    .hrgContact__wrap {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hrgContact__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 600px;
    }

    .hrgContact__bottom {
        margin-top: 12px;
    }
}

@media (max-width: 600px) {
    .hrgHero,
    .hrgJurisdiction,
    .hrgEvidence,
    .hrgContact {
        padding-right: 17px;
        padding-left: 17px;
    }

    .hrgHero {
        padding-top: 49px;
        padding-bottom: 48px;
    }

    .hrgHero h1 {
        font-size: 34px;
        letter-spacing: -0.7px;
    }

    .hrgHero h1 span {
        font-size: 25px;
    }

    .hrgHero__intro,
    .hrgJurisdiction__heading > p,
    .hrgEvidence__heading > p {
        font-size: 16px;
    }

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

    .hrgBtn {
        width: 100%;
        min-height: 54px;
        padding: 14px 16px;
        font-size: 16px;
    }

    .hrgJurisdiction,
    .hrgEvidence {
        padding-top: 53px;
        padding-bottom: 53px;
    }

    .hrgJurisdiction h2,
    .hrgEvidence h2 {
        font-size: 29px;
    }

    .hrgJurisdiction__heading,
    .hrgEvidence__heading {
        margin-bottom: 28px;
    }

    .hrgJurisdiction__card {
        padding: 23px 20px;
    }

    .hrgJurisdiction__card h3 {
        font-size: 20px;
    }

    .hrgEvidence__item {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 22px 19px;
    }

    .hrgEvidence__number {
        width: 48px;
        height: 48px;
        font-size: 16px;
    }

    .hrgEvidence__content h3 {
        font-size: 21px;
    }

    .hrgEvidence__tag {
        padding: 8px 10px;
    }

    .hrgJurisdiction__notice {
        padding: 17px;
    }

    .hrgContact {
        padding-top: 50px;
        padding-bottom: 24px;
    }

    .hrgContact h2 {
        font-size: 30px;
    }

    .hrgContact__actions {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .hrgContact__bottom {
        flex-direction: column;
        gap: 7px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hrgBtn,
    .hrgJurisdiction__card {
        transition: none;
    }

    .hrgBtn:hover,
    .hrgJurisdiction__card:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: HERO
   Namespace: gurgaonCGVHero
========================================================= */

.gurgaonCGVHero {
    --g-cgv-navy: #092f62;
    --g-cgv-deep: #061d3d;
    --g-cgv-gold: #b97800;
    --g-cgv-gold-light: #f0b429;
    --g-cgv-bg: #f8faff;

    position: relative;
    overflow: hidden;
    padding: 76px 24px 62px;
    background:
        radial-gradient(
            ellipse at 90% 10%,
            rgba(217, 154, 22, 0.10),
            transparent 34%
        ),
        linear-gradient(135deg, #ffffff 0%, var(--g-cgv-bg) 100%);
    border-bottom: 1px solid rgba(9, 47, 98, 0.12);
    color: var(--g-cgv-deep);
    font-family: inherit;
}

.gurgaonCGVHero *,
.gurgaonCGVHero *::before,
.gurgaonCGVHero *::after {
    box-sizing: border-box;
}

.gurgaonCGVHero__inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}

.gurgaonCGVHero__eyebrow {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    color: var(--g-cgv-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gurgaonCGVHero__eyebrowLine {
    width: 32px;
    height: 2px;
    background: var(--g-cgv-gold-light);
}

.gurgaonCGVHero h1 {
    max-width: 1000px;
    margin: 0 auto 22px;
    color: var(--g-cgv-deep);
    font-size: clamp(32px, 4.2vw, 50px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -1.2px;
}

.gurgaonCGVHero h1 span {
    color: var(--g-cgv-gold);
}

.gurgaonCGVHero__intro {
    max-width: 880px;
    margin: 0 auto;
    color: #394b63;
    font-size: 17px;
    line-height: 1.85;
}

.gurgaonCGVHero__intro strong {
    color: var(--g-cgv-navy);
    font-weight: 800;
}

.gurgaonCGVHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 920px;
    margin: 34px auto 30px;
    border: 1px solid rgba(9, 47, 98, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 35px rgba(6, 29, 61, 0.055);
}

.gurgaonCGVHero__highlight {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 78px;
    padding: 18px 14px;
    color: var(--g-cgv-navy);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gurgaonCGVHero__highlight + .gurgaonCGVHero__highlight {
    border-left: 1px solid rgba(9, 47, 98, 0.12);
}

.gurgaonCGVHero__number {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff3d4;
    color: #8b5700;
    font-size: 15px;
    font-weight: 800;
}

.gurgaonCGVHero__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.gurgaonCGVHero__button {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 15px 25px;
    border: 2px solid var(--g-cgv-gold);
    border-radius: 8px;
    background: linear-gradient(135deg, #d99a16, #b97800);
    box-shadow: 0 9px 22px rgba(185, 120, 0, 0.22);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurgaonCGVHero__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 26px rgba(185, 120, 0, 0.3);
    color: #ffffff;
}

.gurgaonCGVHero__button span {
    font-size: 22px;
    line-height: 1;
}

.gurgaonCGVHero__call {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 4px;
    color: var(--g-cgv-navy);
    text-align: left;
    text-decoration: none;
}

.gurgaonCGVHero__callIcon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(9, 47, 98, 0.18);
    border-radius: 50%;
    background: #ffffff;
    color: var(--g-cgv-gold);
    font-size: 22px;
}

.gurgaonCGVHero__call small,
.gurgaonCGVHero__call strong {
    display: block;
    line-height: 1.6;
}

.gurgaonCGVHero__call small {
    color: #5d6b7d;
    font-size: 15px;
}

.gurgaonCGVHero__call strong {
    color: var(--g-cgv-navy);
    font-size: 18px;
    font-weight: 800;
}

.gurgaonCGVHero__footnote {
    margin-top: 28px;
    color: #66758a;
    font-size: 15px;
    letter-spacing: 0.4px;
}

.gurgaonCGVHero__footnote span {
    padding: 0 7px;
    color: var(--g-cgv-gold);
}


/* =========================================================
   SECTION 2: MARKET ANALYSIS
   Namespace: gurgaonCGVMarket
========================================================= */

.gurgaonCGVMarket {
    --g-cgvm-navy: #092f62;
    --g-cgvm-deep: #061d3d;
    --g-cgvm-gold: #b97800;
    --g-cgvm-gold-light: #f0b429;

    padding: 76px 24px;
    background: #ffffff;
    color: var(--g-cgvm-deep);
    font-family: inherit;
}

.gurgaonCGVMarket *,
.gurgaonCGVMarket *::before,
.gurgaonCGVMarket *::after {
    box-sizing: border-box;
}

.gurgaonCGVMarket__container {
    max-width: 1160px;
    margin: 0 auto;
}

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

.gurgaonCGVMarket__kicker {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--g-cgvm-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.gurgaonCGVMarket__heading h2 {
    margin: 0 0 18px;
    color: var(--g-cgvm-navy);
    font-size: clamp(28px, 3.2vw, 39px);
    font-weight: 800;
    line-height: 1.3;
}

.gurgaonCGVMarket__heading h2 strong {
    color: var(--g-cgvm-gold);
}

.gurgaonCGVMarket__heading > p {
    margin: 0;
    color: #47566b;
    font-size: 17px;
    line-height: 1.85;
}

.gurgaonCGVMarket__heading > p strong {
    color: var(--g-cgvm-navy);
    font-weight: 800;
}

.gurgaonCGVMarket__notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 1000px;
    margin: 0 auto 32px;
    padding: 20px 23px;
    border: 1px solid rgba(185, 120, 0, 0.25);
    border-left: 5px solid var(--g-cgvm-gold);
    border-radius: 8px;
    background: #fffaf0;
}

.gurgaonCGVMarket__noticeMark {
    display: inline-flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--g-cgvm-navy);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.gurgaonCGVMarket__notice p {
    margin: 0;
    color: #3e4d61;
    font-size: 15px;
    line-height: 1.8;
}

.gurgaonCGVMarket__notice strong {
    color: var(--g-cgvm-navy);
}

.gurgaonCGVMarket__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.gurgaonCGVMarket__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px 24px 22px;
    border: 1px solid #e1e8f1;
    border-radius: 13px;
    background: linear-gradient(160deg, #ffffff 0%, #f8faff 100%);
    box-shadow: 0 10px 28px rgba(6, 29, 61, 0.055);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.gurgaonCGVMarket__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(6, 29, 61, 0.10);
}

.gurgaonCGVMarket__cardTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 23px;
}

.gurgaonCGVMarket__index {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--g-cgvm-navy);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.gurgaonCGVMarket__tag {
    color: #875500;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.6px;
    line-height: 1.5;
}

.gurgaonCGVMarket__card h3 {
    margin: 0 0 14px;
    color: var(--g-cgvm-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gurgaonCGVMarket__card > p {
    margin: 0 0 24px;
    color: #4c5a6d;
    font-size: 16px;
    line-height: 1.85;
}

.gurgaonCGVMarket__card > p strong {
    color: var(--g-cgvm-deep);
    font-weight: 800;
}

.gurgaonCGVMarket__cardFooter {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid #e0e6ef;
}

.gurgaonCGVMarket__cardFooter span {
    color: #66758a;
    font-size: 15px;
    line-height: 1.6;
}

.gurgaonCGVMarket__cardFooter strong {
    color: var(--g-cgvm-gold);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
}

.gurgaonCGVMarket__source {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 32px;
    padding: 22px 25px;
    border: 1px solid rgba(9, 47, 98, 0.13);
    border-radius: 10px;
    background: #f5f8fd;
}

.gurgaonCGVMarket__sourceLabel {
    flex: 0 0 auto;
    color: var(--g-cgvm-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.8px;
    line-height: 1.6;
}

.gurgaonCGVMarket__source p {
    flex: 1 1 300px;
    margin: 0;
    color: #46566b;
    font-size: 15px;
    line-height: 1.7;
}

.gurgaonCGVMarket__source a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 18px;
    border: 1px solid var(--g-cgvm-navy);
    border-radius: 7px;
    background: var(--g-cgvm-navy);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    transition: background 0.2s ease;
}

.gurgaonCGVMarket__source a:hover {
    background: var(--g-cgvm-deep);
    color: #ffffff;
}


/* =========================================================
   SECTION 3: SECTION 50C & CONTACT CTA
   Namespace: gurgaonCGVSection50
========================================================= */

.gurgaonCGVSection50 {
    --g-cgv50-navy: #092f62;
    --g-cgv50-deep: #04152d;
    --g-cgv50-gold: #b97800;
    --g-cgv50-gold-light: #f0b429;

    padding: 76px 24px;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(217, 154, 22, 0.12),
            transparent 30%
        ),
        linear-gradient(135deg, #061d3d 0%, #092f62 100%);
    color: #ffffff;
    font-family: inherit;
}

.gurgaonCGVSection50 *,
.gurgaonCGVSection50 *::before,
.gurgaonCGVSection50 *::after {
    box-sizing: border-box;
}

.gurgaonCGVSection50__container {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(310px, 0.8fr);
    gap: 45px;
    align-items: start;
    max-width: 1160px;
    margin: 0 auto;
}

.gurgaonCGVSection50__content {
    min-width: 0;
}

.gurgaonCGVSection50__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--g-cgv50-gold-light);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
    line-height: 1.6;
}

.gurgaonCGVSection50__content h2 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(29px, 3.3vw, 40px);
    font-weight: 800;
    line-height: 1.3;
}

.gurgaonCGVSection50__content h2 strong {
    color: var(--g-cgv50-gold-light);
}

.gurgaonCGVSection50__content > p:not(.gurgaonCGVSection50__disclaimer) {
    margin: 0 0 27px;
    color: #e0e8f3;
    font-size: 17px;
    line-height: 1.85;
}

.gurgaonCGVSection50__steps {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.gurgaonCGVSection50__step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.gurgaonCGVSection50__step > span {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    background: rgba(240, 180, 41, 0.10);
    color: var(--g-cgv50-gold-light);
    font-size: 16px;
    font-weight: 800;
}

.gurgaonCGVSection50__step h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.gurgaonCGVSection50__step p {
    margin: 0;
    color: #d8e2ef;
    font-size: 16px;
    line-height: 1.8;
}

.gurgaonCGVSection50__disclaimer {
    margin: 23px 0 0;
    padding: 16px 18px;
    border-left: 3px solid var(--g-cgv50-gold-light);
    background: rgba(255, 255, 255, 0.06);
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.8;
}

.gurgaonCGVSection50__contact {
    padding: 31px 27px 26px;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
    color: var(--g-cgv50-deep);
}

.gurgaonCGVSection50__contactIcon {
    display: flex;
    width: 54px;
    height: 54px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 12px;
    background: #fff0ca;
    color: #875500;
    font-size: 26px;
    font-weight: 800;
}

.gurgaonCGVSection50__contactLabel {
    display: block;
    margin-bottom: 11px;
    color: var(--g-cgv50-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.gurgaonCGVSection50__contact h3 {
    margin: 0 0 14px;
    color: var(--g-cgv50-navy);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.gurgaonCGVSection50__contact h3 strong {
    color: var(--g-cgv50-gold);
}

.gurgaonCGVSection50__contact > p:not(.gurgaonCGVSection50__email):not(.gurgaonCGVSection50__feeNote) {
    margin: 0 0 23px;
    color: #526176;
    font-size: 16px;
    line-height: 1.8;
}

.gurgaonCGVSection50__button {
    display: flex;
    width: 100%;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    padding: 15px 19px;
    border: 2px solid var(--g-cgv50-gold);
    border-radius: 8px;
    background: linear-gradient(135deg, #d99a16, #b97800);
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.20);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurgaonCGVSection50__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(185, 120, 0, 0.28);
    color: #ffffff;
}

.gurgaonCGVSection50__button span {
    font-size: 22px;
}

.gurgaonCGVSection50__phone {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: var(--g-cgv50-navy);
    text-decoration: none;
}

.gurgaonCGVSection50__phone > span:first-child {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf3fb;
    color: var(--g-cgv50-gold);
    font-size: 21px;
}

.gurgaonCGVSection50__phone small,
.gurgaonCGVSection50__phone strong {
    display: block;
    line-height: 1.7;
}

.gurgaonCGVSection50__phone small {
    color: #647286;
    font-size: 15px;
}

.gurgaonCGVSection50__phone strong {
    color: var(--g-cgv50-navy);
    font-size: 19px;
    font-weight: 800;
}

.gurgaonCGVSection50__contactDivider {
    height: 1px;
    margin: 18px 0;
    background: #e2e8f0;
}

.gurgaonCGVSection50__email {
    margin: 0 0 14px;
    color: #526176;
    font-size: 15px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.gurgaonCGVSection50__email a {
    color: var(--g-cgv50-navy);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: var(--g-cgv50-gold);
    text-underline-offset: 3px;
}

.gurgaonCGVSection50__feeNote {
    margin: 0;
    padding: 13px 14px;
    border-radius: 7px;
    background: #fff8e8;
    color: #62450e;
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 900px) {
    .gurgaonCGVMarket__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gurgaonCGVMarket__card:last-child {
        grid-column: 1 / -1;
    }

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

    .gurgaonCGVSection50__contact {
        width: 100%;
        max-width: 560px;
    }
}

@media (max-width: 600px) {
    .gurgaonCGVHero,
    .gurgaonCGVMarket,
    .gurgaonCGVSection50 {
        padding: 48px 18px;
    }

    .gurgaonCGVHero h1 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .gurgaonCGVHero__intro,
    .gurgaonCGVMarket__heading > p,
    .gurgaonCGVSection50__content > p:not(.gurgaonCGVSection50__disclaimer) {
        font-size: 16px;
    }

    .gurgaonCGVHero__highlights {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 26px;
    }

    .gurgaonCGVHero__highlight {
        justify-content: flex-start;
        min-height: 66px;
        padding: 14px 18px;
    }

    .gurgaonCGVHero__highlight + .gurgaonCGVHero__highlight {
        border-top: 1px solid rgba(9, 47, 98, 0.12);
        border-left: 0;
    }

    .gurgaonCGVHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .gurgaonCGVHero__button {
        width: 100%;
    }

    .gurgaonCGVHero__call {
        justify-content: center;
    }

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

    .gurgaonCGVMarket__card:last-child {
        grid-column: auto;
    }

    .gurgaonCGVMarket__card {
        padding: 23px 20px;
    }

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

    .gurgaonCGVMarket__source a {
        width: 100%;
    }

    .gurgaonCGVSection50__step {
        gap: 13px;
    }

    .gurgaonCGVSection50__step h3 {
        font-size: 18px;
    }

    .gurgaonCGVSection50__contact {
        padding: 25px 20px;
    }

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

@media (prefers-reduced-motion: reduce) {
    .gurgaonCGVHero__button,
    .gurgaonCGVMarket__card,
    .gurgaonCGVMarket__source a,
    .gurgaonCGVSection50__button {
        transition: none;
    }

    .gurgaonCGVMarket__card:hover,
    .gurgaonCGVHero__button:hover,
    .gurgaonCGVSection50__button:hover {
        transform: none;
    }
}

/* =========================================================
   SHARED GURUGRAM CAPITAL GAIN PAGE STYLES
========================================================= */

.gurgain-hero,
.gurgain-hsvp,
.gurgain-dlf,
.gurgain-nri {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.gurgain-hero *,
.gurgain-hsvp *,
.gurgain-dlf *,
.gurgain-nri * {
    box-sizing: border-box;
}

.gurgain-hero p,
.gurgain-hsvp p,
.gurgain-dlf p,
.gurgain-nri p {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.8;
}

.gurgain-hero strong,
.gurgain-hsvp strong,
.gurgain-dlf strong,
.gurgain-nri strong {
    font-weight: 800;
}

.gurgain-section-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #b97800;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gurgain-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 14px 24px;
    border: 1px solid #f0b429;
    border-radius: 8px;
    background: linear-gradient(135deg, #f0b429 0%, #d99a16 55%, #b97800 100%);
    box-shadow: 0 8px 20px rgba(4, 21, 45, 0.2);
    color: #061d3d !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurgain-btn:hover,
.gurgain-btn:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(4, 21, 45, 0.28);
    color: #04152d !important;
}

.gurgain-btn span {
    font-size: 20px;
    line-height: 1;
}


/* =========================================================
   SECTION 1: HERO
========================================================= */

.gurgain-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 24px 72px;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(217, 154, 22, 0.14), transparent 36%),
        linear-gradient(135deg, #04152d 0%, #092f62 62%, #0b376c 100%);
    color: #ffffff;
}

.gurgain-hero::before {
    position: absolute;
    top: 0;
    right: 7%;
    width: 240px;
    height: 4px;
    background: linear-gradient(90deg, transparent, #f0b429, transparent);
    content: "";
}

.gurgain-hero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurgain-hero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
    color: #f0c96c;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.gurgain-hero__eyebrow span {
    display: inline-block;
    width: 42px;
    height: 2px;
    background: #d99a16;
}

.gurgain-hero h1 {
    max-width: 970px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 54px);
    font-weight: 750;
    line-height: 1.17;
    letter-spacing: -1.2px;
}

.gurgain-hero h1 strong {
    color: #f0c96c;
}

.gurgain-hero__intro {
    max-width: 900px;
    margin-bottom: 36px;
    color: #e5edf8;
    font-size: 18px !important;
}

.gurgain-hero__intro strong {
    color: #ffffff;
}

.gurgain-hero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 36px;
}

.gurgain-hero__highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-width: 0;
    padding: 22px 18px;
    border: 1px solid rgba(240, 196, 91, 0.3);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
}

.gurgain-hero__number {
    flex: 0 0 auto;
    color: #f0b429;
    font-size: 18px;
    font-weight: 800;
}

.gurgain-hero__highlight strong {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.45;
}

.gurgain-hero__highlight p {
    margin: 0;
    color: #d7e3f4;
    font-size: 15px;
    line-height: 1.65;
}

.gurgain-hero__cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.gurgain-hero__cta .gurgain-btn {
    min-width: 225px;
}

.gurgain-call {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.gurgain-call__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(240, 180, 41, 0.7);
    border-radius: 50%;
    color: #f0c96c;
    font-size: 20px;
}

.gurgain-call small,
.gurgain-call strong {
    display: block;
    line-height: 1.5;
}

.gurgain-call small {
    color: #d7e3f4;
    font-size: 15px;
}

.gurgain-call strong {
    color: #ffffff;
    font-size: 19px;
}

.gurgain-hero__note {
    margin: 28px 0 0 !important;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.17);
    color: #d7e3f4;
    font-size: 15px !important;
}


/* =========================================================
   SECTION 2: HSVP SECTOR PLOTS
========================================================= */

.gurgain-hsvp {
    padding: 76px 24px;
    background: #f8fbff;
    color: #1d2c40;
}

.gurgain-hsvp__container {
    max-width: 1180px;
    margin: 0 auto;
}

.gurgain-hsvp__heading {
    max-width: 890px;
    margin: 0 auto 42px;
    text-align: center;
}

.gurgain-hsvp__heading h2,
.gurgain-dlf__intro h2,
.gurgain-nri__heading h2 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.gurgain-hsvp__heading h2 strong,
.gurgain-dlf__intro h2 strong,
.gurgain-nri__heading h2 strong {
    color: #b97800;
}

.gurgain-hsvp__heading h2 span,
.gurgain-dlf__intro h2 span {
    color: #092f62;
}

.gurgain-hsvp__heading p {
    margin-bottom: 0;
    color: #4a5b70;
    font-size: 17px;
}

.gurgain-hsvp__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 36px;
}

.gurgain-hsvp__content h3 {
    margin: 0 0 24px;
    color: #092f62;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.gurgain-checklist {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gurgain-checklist li {
    display: flex;
    gap: 18px;
    padding: 22px 0;
    border-bottom: 1px solid #dce5f0;
}

.gurgain-checklist li:first-child {
    padding-top: 0;
}

.gurgain-checklist li > span {
    display: inline-flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid #e1b54e;
    border-radius: 9px;
    background: #fff7e2;
    color: #8c5c00;
    font-size: 16px;
    font-weight: 800;
}

.gurgain-checklist strong {
    display: block;
    margin-bottom: 6px;
    color: #092f62;
    font-size: 17px;
    line-height: 1.5;
}

.gurgain-checklist p {
    margin: 0;
    color: #536477;
    font-size: 16px;
}

.gurgain-hsvp__panel {
    padding: 30px;
    border: 1px solid #e6c66e;
    border-radius: 14px;
    background: linear-gradient(160deg, #ffffff 0%, #fffaf0 100%);
    box-shadow: 0 16px 42px rgba(9, 47, 98, 0.09);
}

.gurgain-hsvp__panel-tag {
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #092f62;
    color: #f0c96c;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurgain-hsvp__panel h3 {
    margin: 0 0 14px;
    color: #092f62;
    font-size: 27px;
    line-height: 1.3;
}

.gurgain-hsvp__panel h3 strong {
    color: #b97800;
}

.gurgain-hsvp__panel > p {
    color: #536477;
    font-size: 16px;
}

.gurgain-hsvp__panel-rule {
    height: 1px;
    margin: 24px 0;
    background: linear-gradient(90deg, #d99a16, #e8dfca);
}

.gurgain-hsvp__fact {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 18px;
}

.gurgain-hsvp__fact span {
    color: #66758a;
    font-size: 15px;
}

.gurgain-hsvp__fact strong {
    color: #092f62;
    font-size: 16px;
    line-height: 1.5;
}

.gurgain-btn--full {
    display: flex;
    width: 100%;
    margin-top: 26px;
}

.gurgain-hsvp__phone {
    display: block;
    margin-top: 16px;
    color: #092f62 !important;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
}

.gurgain-hsvp__disclaimer {
    margin-top: 32px;
    padding: 20px 24px;
    border-left: 4px solid #d99a16;
    border-radius: 0 8px 8px 0;
    background: #edf3fa;
    color: #45576d;
    font-size: 15px;
    line-height: 1.8;
}

.gurgain-hsvp__disclaimer strong {
    color: #092f62;
}


/* =========================================================
   SECTION 3: EARLY DLF CITY FLATS
========================================================= */

.gurgain-dlf {
    padding: 78px 24px;
    background: #ffffff;
    color: #24364b;
}

.gurgain-dlf__container {
    max-width: 1180px;
    margin: 0 auto;
}

.gurgain-dlf__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
    align-items: end;
    gap: 45px;
    margin-bottom: 38px;
}

.gurgain-dlf__intro h2 {
    margin-bottom: 0;
}

.gurgain-dlf__intro > p {
    margin: 0;
    color: #536477;
    font-size: 17px;
}

.gurgain-dlf__feature {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    margin-bottom: 28px;
    padding: 32px;
    border: 1px solid #e6c66e;
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 154, 22, 0.13), transparent 40%),
        #f8fbff;
}

.gurgain-dlf__feature-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 108px;
    border: 2px solid #d99a16;
    border-radius: 50%;
    background: #092f62;
    box-shadow: inset 0 0 0 6px #092f62, inset 0 0 0 7px #d99a16;
    color: #f0c96c;
    font-size: 29px;
    font-weight: 900;
    letter-spacing: -1px;
}

.gurgain-dlf__feature-copy > span {
    display: block;
    margin-bottom: 8px;
    color: #a36a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gurgain-dlf__feature-copy h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 25px;
    line-height: 1.35;
}

.gurgain-dlf__feature-copy p {
    margin: 0;
    color: #536477;
    font-size: 16px;
}

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

.gurgain-dlf__card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid #dce5f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(9, 47, 98, 0.055);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.gurgain-dlf__card:hover {
    transform: translateY(-4px);
    border-color: #d9a42d;
}

.gurgain-dlf__card-number {
    display: inline-block;
    margin-bottom: 22px;
    color: #b97800;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.gurgain-dlf__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.gurgain-dlf__card p {
    margin: 0;
    color: #536477;
    font-size: 16px;
}

.gurgain-dlf__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 30px;
    border-radius: 12px;
    background: #092f62;
    color: #ffffff;
}

.gurgain-dlf__bottom > div:first-child {
    max-width: 680px;
}

.gurgain-dlf__bottom h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.4;
}

.gurgain-dlf__bottom p {
    margin: 0;
    color: #dbe6f5;
    font-size: 16px;
}

.gurgain-dlf__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.gurgain-dlf__actions .gurgain-btn {
    white-space: nowrap;
}

.gurgain-dlf__phone {
    color: #f0c96c !important;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 4: NRI GURUGRAM PROPERTY SELLERS
========================================================= */

.gurgain-nri {
    padding: 78px 24px;
    background:
        radial-gradient(ellipse at 0% 100%, rgba(217, 154, 22, 0.09), transparent 34%),
        #f3f7fc;
    color: #24364b;
}

.gurgain-nri__container {
    max-width: 1180px;
    margin: 0 auto;
}

.gurgain-nri__heading {
    max-width: 920px;
    margin-bottom: 38px;
}

.gurgain-nri__heading h2 {
    margin-bottom: 18px;
}

.gurgain-nri__heading > p {
    margin-bottom: 0;
    color: #536477;
    font-size: 17px;
}

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

.gurgain-nri__card {
    padding: 25px 22px;
    border: 1px solid #dce5f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.05);
}

.gurgain-nri__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    border: 1px solid #e1b54e;
    border-radius: 10px;
    background: #fff7e2;
    color: #8c5c00;
    font-size: 17px;
    font-weight: 900;
}

.gurgain-nri__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.gurgain-nri__card p {
    margin: 0;
    color: #536477;
    font-size: 15px;
    line-height: 1.8;
}

.gurgain-nri__notice {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 22px 24px;
    border: 1px solid #e7cf91;
    border-radius: 10px;
    background: #fffaf0;
}

.gurgain-nri__notice-icon {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #092f62;
    color: #f0c96c;
    font-size: 18px;
    font-weight: 900;
}

.gurgain-nri__notice p {
    margin: 0;
    color: #4d5d70;
    font-size: 15px;
}

.gurgain-nri__notice strong {
    color: #092f62;
}

.gurgain-nri__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 34px;
    padding: 34px;
    border: 1px solid rgba(240, 180, 41, 0.5);
    border-radius: 14px;
    background: linear-gradient(125deg, #04152d 0%, #092f62 100%);
    box-shadow: 0 16px 38px rgba(4, 21, 45, 0.13);
}

.gurgain-nri__cta-copy {
    max-width: 690px;
}

.gurgain-nri__cta-copy > span {
    display: block;
    margin-bottom: 9px;
    color: #f0c96c;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.gurgain-nri__cta-copy h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.35;
}

.gurgain-nri__cta-copy p {
    margin: 0;
    color: #dbe6f5;
    font-size: 16px;
}

.gurgain-nri__cta-actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

.gurgain-nri__cta-actions .gurgain-btn {
    min-width: 230px;
}

.gurgain-nri__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #f0c96c !important;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none !important;
}


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

@media (max-width: 1000px) {
    .gurgain-hero__highlights {
        grid-template-columns: 1fr;
    }

    .gurgain-hsvp__layout {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 0.8fr);
        gap: 24px;
    }

    .gurgain-dlf__intro {
        grid-template-columns: 1fr;
        gap: 18px;
    }

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

    .gurgain-dlf__bottom,
    .gurgain-nri__cta {
        align-items: flex-start;
    }
}

@media (max-width: 760px) {
    .gurgain-hero,
    .gurgain-hsvp,
    .gurgain-dlf,
    .gurgain-nri {
        padding: 52px 18px;
    }

    .gurgain-hero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .gurgain-hero__intro,
    .gurgain-hsvp__heading p,
    .gurgain-dlf__intro > p,
    .gurgain-nri__heading > p {
        font-size: 16px !important;
    }

    .gurgain-hsvp__layout {
        grid-template-columns: 1fr;
    }

    .gurgain-hsvp__panel {
        padding: 24px;
    }

    .gurgain-dlf__feature {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 25px;
    }

    .gurgain-dlf__feature-mark {
        width: 82px;
        height: 82px;
        font-size: 24px;
    }

    .gurgain-dlf__grid {
        grid-template-columns: 1fr;
    }

    .gurgain-dlf__bottom,
    .gurgain-nri__cta {
        flex-direction: column;
        padding: 25px;
    }

    .gurgain-dlf__actions,
    .gurgain-nri__cta-actions {
        width: 100%;
    }

    .gurgain-dlf__actions .gurgain-btn,
    .gurgain-nri__cta-actions .gurgain-btn {
        width: 100%;
        white-space: normal;
    }

    .gurgain-nri__grid {
        grid-template-columns: 1fr;
    }

    .gurgain-hero__cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .gurgain-hero__cta .gurgain-btn {
        width: 100%;
    }

    .gurgain-hero__note {
        margin-top: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurgain-btn,
    .gurgain-dlf__card {
        transition: none;
    }

    .gurgain-btn:hover,
    .gurgain-dlf__card:hover {
        transform: none;
    }
}

/* =========================================================
   GURUGRAM FIVE VALUATION PROFILES
   Royal Navy & Gold | Responsive | No Hero Image
========================================================= */

.gurProfilesIntro,
.gurProfileCase,
.gurProfilesFinalCta {
    --gur-navy: #092f62;
    --gur-dark: #061d3d;
    --gur-deep: #04152d;
    --gur-gold: #b97800;
    --gur-gold-bright: #d99a16;
    --gur-gold-light: #f0b429;
    --gur-text: #23334a;
    --gur-muted: #58677b;
    --gur-border: #e1e7ef;
    --gur-white: #ffffff;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
    box-sizing: border-box;
}

.gurProfilesIntro *,
.gurProfileCase *,
.gurProfilesFinalCta * {
    box-sizing: border-box;
}

.gurProfilesContainer {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}

/* =========================================================
   SECTION 1 — INTRODUCTION
========================================================= */

.gurProfilesIntro {
    position: relative;
    overflow: hidden;
    padding: 76px 0 66px;
    color: var(--gur-text);
    background:
        radial-gradient(ellipse at 90% 0%, rgba(217, 154, 22, 0.12), transparent 35%),
        linear-gradient(135deg, #ffffff 0%, #f7f9fc 62%, #fffaf0 100%);
    border-bottom: 1px solid #e7dfcf;
}

.gurProfilesIntro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        var(--gur-dark),
        var(--gur-navy) 40%,
        var(--gur-gold-bright) 75%,
        var(--gur-gold)
    );
}

.gurProfilesEyebrow,
.gurProfileKicker,
.gurProfilesFinalEyebrow {
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gurProfilesIntro h1 {
    max-width: 1000px;
    margin: 18px 0 22px;
    color: var(--gur-dark);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -1.2px;
}

.gurProfilesIntro h1 span {
    color: var(--gur-gold);
}

.gurProfilesLead {
    max-width: 980px;
    margin: 0;
    color: var(--gur-muted);
    font-size: 18px;
    line-height: 1.9;
}

.gurProfilesIntro strong,
.gurProfileCase strong,
.gurProfilesFinalCta strong {
    font-weight: 800;
}

.gurProfilesHighlights {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin: 36px 0 32px;
}

.gurProfilesHighlight {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    min-height: 124px;
    padding: 20px 17px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e5e9ef;
    border-top: 3px solid var(--gur-gold-bright);
    border-radius: 10px;
    box-shadow: 0 9px 28px rgba(6, 29, 61, 0.045);
    color: var(--gur-dark);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.5;
}

.gurProfilesNumber {
    color: var(--gur-gold);
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.gurProfilesIntroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.gurProfilesBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}

.gurProfilesBtn:hover {
    transform: translateY(-2px);
}

.gurProfilesBtnGold {
    color: #ffffff !important;
    background: linear-gradient(135deg, #c1840b, #9b6100);
    border-color: #c1840b;
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.22);
}

.gurProfilesBtnGold:hover {
    color: #ffffff !important;
    background: var(--gur-dark);
    border-color: var(--gur-dark);
    box-shadow: 0 10px 24px rgba(6, 29, 61, 0.2);
}

.gurProfilesBtnOutline {
    color: var(--gur-navy) !important;
    background: #ffffff;
    border-color: var(--gur-navy);
}

.gurProfilesBtnOutline:hover {
    color: #ffffff !important;
    background: var(--gur-navy);
}

.gurProfilesIntroNote {
    margin: 24px 0 0;
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   SHARED CASE SECTION STRUCTURE
========================================================= */

.gurProfileCase {
    padding: 66px 0;
    color: var(--gur-text);
    background: #ffffff;
    border-bottom: 1px solid var(--gur-border);
}

.gurProfileCase:nth-of-type(even) {
    background: #f7f9fc;
}

.gurProfileCaseHeader {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    margin-bottom: 32px;
}

.gurProfileIndex {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: center;
    padding: 12px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--gur-navy), var(--gur-deep));
    border-radius: 9px;
    box-shadow: 0 8px 18px rgba(6, 29, 61, 0.16);
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-align: center;
}

.gurProfileCase h2 {
    margin: 7px 0 12px;
    color: var(--gur-dark);
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.gurProfileCaseHeader p {
    max-width: 900px;
    margin: 0;
    color: var(--gur-muted);
    font-size: 17px;
    line-height: 1.75;
}

.gurProfileKicker {
    font-size: 15px;
    letter-spacing: 1.2px;
}

.gurProfileCaseGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 28px;
    align-items: start;
}

.gurProfileMain {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.gurProfilePanel {
    padding: 25px 27px;
    background: #ffffff;
    border: 1px solid var(--gur-border);
    border-radius: 10px;
    box-shadow: 0 7px 24px rgba(6, 29, 61, 0.035);
}

.gurProfileCase:nth-of-type(even) .gurProfilePanel {
    background: #ffffff;
}

.gurProfilePanel h3 {
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 12px 16px;
    color: var(--gur-navy);
    border-bottom: 1px solid #e9edf3;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.gurProfilePanel h3::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 14px;
    left: 0;
    width: 4px;
    background: var(--gur-gold-bright);
    border-radius: 4px;
}

.gurProfilePanel p {
    margin: 0 0 15px;
    color: var(--gur-text);
    font-size: 16px;
    line-height: 1.85;
}

.gurProfilePanel p:last-child {
    margin-bottom: 0;
}

.gurProfilePanel strong {
    color: var(--gur-dark);
}

.gurProfileFinding {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 20px;
    padding: 19px 21px;
    background: linear-gradient(110deg, #f8f4e9, #fffaf0);
    border: 1px solid #ead7a9;
    border-left: 5px solid var(--gur-gold-bright);
    border-radius: 7px;
}

.gurProfileFinding span {
    color: var(--gur-dark);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.55;
}

.gurProfileFinding strong {
    color: var(--gur-gold);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.3;
}

.gurProfileFormula {
    margin: 18px 0;
    padding: 22px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--gur-dark), var(--gur-navy));
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    text-align: center;
    overflow-wrap: anywhere;
}

.gurProfileFormula strong {
    display: block;
    margin-top: 5px;
    color: #ffd56b;
    font-size: 29px;
    font-weight: 900;
}

.gurProfileFinePrint {
    padding-top: 13px;
    color: var(--gur-muted) !important;
    border-top: 1px solid var(--gur-border);
    font-size: 15px !important;
}

.gurProfileTableWrap {
    width: 100%;
    margin: 18px 0;
    overflow-x: auto;
    border: 1px solid var(--gur-border);
    border-radius: 7px;
}

.gurProfileTable {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    background: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}

.gurProfileTable th {
    padding: 15px 14px;
    color: #ffffff;
    background: var(--gur-navy);
    font-size: 15px;
    font-weight: 800;
    text-align: left;
}

.gurProfileTable td {
    padding: 14px;
    color: var(--gur-text);
    border-bottom: 1px solid var(--gur-border);
    vertical-align: top;
}

.gurProfileTable tbody tr:last-child td {
    border-bottom: 0;
}

.gurProfileTable tbody tr:nth-child(even) {
    background: #f7f9fc;
}

.gurProfileResultGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 20px 0;
}

.gurProfileResultGrid > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 19px;
    background: #f7f9fc;
    border: 1px solid #e0e7f0;
    border-radius: 8px;
}

.gurProfileResultGrid span {
    color: var(--gur-muted);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.55;
}

.gurProfileResultGrid strong {
    color: var(--gur-gold);
    font-size: 23px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.gurProfileList {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}

.gurProfileList li {
    position: relative;
    padding-left: 29px;
    color: var(--gur-text);
    font-size: 16px;
    line-height: 1.7;
}

.gurProfileList li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--gur-gold);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

.gurProfilePanelEmphasis {
    border-color: #dfc47e;
    box-shadow: 0 8px 25px rgba(185, 120, 0, 0.07);
}

/* =========================================================
   PROFILE SIDEBAR
========================================================= */

.gurProfileSidebar {
    position: sticky;
    top: 24px;
    padding: 23px;
    background: #ffffff;
    border: 1px solid #dbe2eb;
    border-radius: 11px;
    box-shadow: 0 12px 32px rgba(6, 29, 61, 0.075);
}

.gurProfileSidebarTop {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: -23px -23px 10px;
    padding: 25px 23px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--gur-dark), var(--gur-navy));
    border-radius: 10px 10px 0 0;
}

.gurProfileSidebarTop > span {
    color: #f4cc70;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gurProfileSidebarTop > strong {
    color: #ffffff;
    font-size: 29px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.gurProfileSidebarTop > small {
    color: #e1e9f5;
    font-size: 15px;
    line-height: 1.6;
}

.gurProfileMetric {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 15px 0;
    border-bottom: 1px solid #e8edf3;
}

.gurProfileMetric span {
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.5;
}

.gurProfileMetric strong {
    color: var(--gur-dark);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.gurProfileSidebarNote {
    margin: 20px 0;
    padding: 17px;
    background: #fbf7ed;
    border: 1px solid #eadbb9;
    border-radius: 8px;
}

.gurProfileSidebarNote > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gur-gold);
    font-size: 16px;
    font-weight: 850;
}

.gurProfileSidebarNote p {
    margin: 0;
    color: var(--gur-text);
    font-size: 15px;
    line-height: 1.75;
}

.gurProfilesBtnBlock {
    display: flex;
    width: 100%;
}

.gurProfileSidebar .gurProfilesBtn {
    padding-right: 12px;
    padding-left: 12px;
}

.gurProfileSidebar .gurProfilesBtnGold {
    white-space: normal;
}

.gurProfileSidebar .gurProfilesBtnGold::after {
    content: "→";
    font-size: 19px;
}

.gurProfileSidebar .gurProfileSidebarTop + .gurProfileMetric {
    padding-top: 17px;
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    letter-spacing: -0.4px;
}

.gurProfileSidebar .gurProfilesBtnBlock:hover {
    transform: translateY(-2px);
}

.gurProfileSidebar .gurProfileSidebarNote + .gurProfilesBtn {
    margin-top: 2px;
}

.gurProfileSidebar .gurProfileMetric:last-of-type {
    border-bottom: 0;
}

.gurProfileSidebar .gurProfileSidebarTop small {
    display: block;
}

.gurProfileSidebar .gurProfileSidebarTop span {
    display: block;
}

.gurProfileSidebar .gurProfileMetric strong {
    word-break: normal;
}

.gurProfileSidebar .gurProfileMetric span {
    display: block;
}

.gurProfileSidebar .gurProfileSidebarNote p strong {
    color: var(--gur-dark);
}

.gurProfileSidebar .gurProfileSidebarNote p {
    overflow-wrap: anywhere;
}

.gurProfileSidebar .gurProfilesBtn {
    margin-top: 3px;
}

.gurProfileSidebar .gurProfileSidebarNote {
    box-shadow: inset 3px 0 0 var(--gur-gold-bright);
}

.gurProfileSidebar .gurProfileMetric strong {
    font-variant-numeric: tabular-nums;
}

.gurProfileSidebar .gurProfileMetric span {
    font-weight: 650;
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    font-variant-numeric: tabular-nums;
}

.gurProfileSidebar .gurProfileMetric {
    min-width: 0;
}

.gurProfileSidebar .gurProfileSidebarNote {
    overflow-wrap: anywhere;
}

.gurProfileSidebar .gurProfilesBtnBlock {
    line-height: 1.45;
}

.gurProfileSidebar .gurProfilesBtnGold {
    min-height: 56px;
}

.gurProfileSidebar .gurProfilesBtnGold:hover {
    background: var(--gur-gold);
    border-color: var(--gur-gold);
}

.gurProfileSidebar .gurProfileSidebarTop {
    overflow: hidden;
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    max-width: 100%;
}

.gurProfileSidebar .gurProfileMetric:last-child {
    border-bottom: 0;
}

.gurProfileSidebar .gurProfileSidebarNote {
    margin-bottom: 18px;
}

.gurProfileSidebar .gurProfileSidebarNote > strong {
    line-height: 1.5;
}

.gurProfileSidebar .gurProfileSidebarNote p {
    margin-bottom: 0;
}

.gurProfileSidebar .gurProfilesBtnGold span {
    flex-shrink: 0;
}

.gurProfileSidebar .gurProfilesBtnGold {
    text-align: center;
}

.gurProfileSidebar .gurProfilesBtnGold:focus-visible,
.gurProfilesBtn:focus-visible,
.gurProfileSidebar a:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 3px;
}

.gurProfileSidebar .gurProfilesBtnGold::after {
    margin-left: 2px;
}

.gurProfileSidebar .gurProfilesBtnGold {
    gap: 7px;
}

.gurProfileSidebar .gurProfileSidebarNote {
    color: var(--gur-text);
}

.gurProfileSidebar .gurProfileMetric strong {
    text-align: left;
}

.gurProfileSidebar .gurProfileSidebarTop > small {
    font-weight: 500;
}

.gurProfileSidebar .gurProfileSidebarTop > span {
    line-height: 1.5;
}

.gurProfileSidebar .gurProfileSidebarNote > strong {
    letter-spacing: 0.1px;
}

.gurProfileSidebar .gurProfileMetric {
    overflow-wrap: anywhere;
}

.gurProfileSidebar .gurProfilesBtnGold {
    box-shadow: 0 7px 18px rgba(185, 120, 0, 0.2);
}

.gurProfileSidebar .gurProfilesBtnGold:hover {
    box-shadow: 0 8px 20px rgba(6, 29, 61, 0.18);
}

.gurProfileSidebar .gurProfileSidebarNote {
    border-left: 3px solid var(--gur-gold-bright);
}

.gurProfileSidebar .gurProfileMetric:last-of-type {
    padding-bottom: 14px;
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    font-family: inherit;
}

.gurProfileSidebar .gurProfileMetric strong {
    letter-spacing: -0.1px;
}

.gurProfileSidebar .gurProfilesBtnGold::after {
    display: inline-block;
}

.gurProfileSidebar .gurProfileSidebarNote p {
    font-size: 15px;
}

.gurProfileSidebar .gurProfileMetric span {
    font-size: 15px;
}

.gurProfileSidebar .gurProfileMetric strong {
    font-size: 17px;
}

.gurProfileSidebar .gurProfileSidebarTop > small {
    font-size: 15px;
}

.gurProfileSidebar .gurProfileSidebarTop > span {
    font-size: 15px;
}

.gurProfileSidebar .gurProfileSidebarNote > strong {
    font-size: 16px;
}

.gurProfileSidebar .gurProfilesBtnGold {
    font-size: 16px;
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    font-size: 29px;
}

.gurProfileSidebar .gurProfileSidebarNote {
    margin-top: 20px;
}

.gurProfileSidebar .gurProfileMetric:first-of-type {
    padding-top: 15px;
}

.gurProfileSidebar .gurProfileMetric:last-of-type {
    border-bottom: 0;
}

.gurProfileSidebar .gurProfileSidebarTop {
    position: relative;
}

.gurProfileSidebar .gurProfileSidebarTop::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gur-gold), var(--gur-gold-light));
}

.gurProfileSidebar .gurProfileSidebarNote {
    background: linear-gradient(135deg, #fbf7ed, #fffdf8);
}

.gurProfileSidebar .gurProfilesBtnBlock {
    width: 100%;
}

.gurProfileSidebar .gurProfileMetric strong {
    white-space: normal;
}

.gurProfileSidebar .gurProfileMetric span {
    overflow-wrap: anywhere;
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    word-break: break-word;
}

.gurProfileSidebar .gurProfileSidebarNote p {
    line-height: 1.7;
}

.gurProfileSidebar .gurProfilesBtnGold {
    border-radius: 7px;
}

.gurProfileSidebar .gurProfileSidebarTop {
    margin-bottom: 5px;
}

.gurProfileSidebar .gurProfileMetric {
    gap: 5px;
}

.gurProfileSidebar .gurProfileSidebarNote > strong {
    display: block;
}

.gurProfileSidebar .gurProfileSidebarNote p {
    display: block;
}

.gurProfileSidebar .gurProfileMetric strong {
    color: var(--gur-dark);
}

.gurProfileSidebar .gurProfileMetric span {
    color: var(--gur-muted);
}

.gurProfileSidebar .gurProfileSidebarTop > strong {
    color: #ffffff;
}

.gurProfileSidebar .gurProfileSidebarTop > small {
    color: #e1e9f5;
}

.gurProfileSidebar .gurProfileSidebarTop > span {
    color: #f4cc70;
}

.gurProfileSidebar .gurProfilesBtnGold::after {
    content: "→";
    font-size: 18px;
}

.gurProfileSidebar .gurProfilesBtnGold {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gurProfileSidebar .gurProfileSidebarNote {
    border-radius: 8px;
}

.gurProfileSidebar .gurProfileSidebarTop {
    border-radius: 10px 10px 0 0;
}

.gurProfileSidebar .gurProfileMetric {
    border-color: #e8edf3;
}

.gurProfileSidebar .gurProfileSidebarTop {
    background: linear-gradient(145deg, #061d3d, #092f62);
}

.gurProfileSidebar .gurProfileSidebarNote > strong {
    color: #946000;
}

.gurProfileSidebar .gurProfileSidebarNote p {
    color: #23334a;
}

.gurProfileSidebar .gurProfilesBtnGold {
    color: #ffffff !important;
}

/* =========================================================
   SIDEBAR CALL LINK
========================================================= */

.gurProfileSidebar .gurProfileSidebarTop + .gurProfileMetric {
    margin-top: 0;
}

.gurProfileSidebar .gurProfilesCallLink {
    display: block;
    margin-top: 14px;
    color: var(--gur-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
}

.gurProfileSidebar .gurProfilesCallLink:hover {
    color: var(--gur-gold);
    text-decoration: underline;
}

/* =========================================================
   SECTION 7 — FINAL CTA
========================================================= */

.gurProfilesFinalCta {
    padding: 72px 0;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.16), transparent 35%),
        linear-gradient(130deg, var(--gur-deep), var(--gur-navy));
}

.gurProfilesFinalInner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 42px;
    align-items: center;
    padding: 40px;
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.15);
}

.gurProfilesFinalEyebrow {
    color: #f4cc70;
}

.gurProfilesFinalCopy h2 {
    margin: 15px 0;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 850;
    line-height: 1.25;
}

.gurProfilesFinalCopy p {
    max-width: 760px;
    margin: 0;
    color: #e0e8f3;
    font-size: 17px;
    line-height: 1.9;
}

.gurProfilesFinalCta .gurProfilesFinalCopy strong {
    color: #ffda7a;
}

.gurProfilesFinalContact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    margin-top: 24px;
}

.gurProfilesFinalContact span {
    width: 100%;
    color: #f4cc70;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.gurProfilesFinalContact a {
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.gurProfilesFinalContact a:hover {
    color: #ffda7a;
    text-decoration: underline;
}

.gurProfilesFinalActions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.gurProfilesFinalActions .gurProfilesBtn {
    width: 100%;
}

.gurProfilesBtnLight {
    color: #ffffff !important;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.72);
}

.gurProfilesBtnLight:hover {
    color: var(--gur-dark) !important;
    background: #ffffff;
    border-color: #ffffff;
}

.gurProfilesFinalActions small {
    display: block;
    margin-top: 4px;
    color: #d6e0ef;
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   ACCESSIBILITY & RESPONSIVE LAYOUT
========================================================= */

.gurProfilesIntro a:focus-visible,
.gurProfilesFinalCta a:focus-visible,
.gurProfileCase a:focus-visible {
    outline: 3px solid var(--gur-gold-light);
    outline-offset: 4px;
}

@media (max-width: 1050px) {
    .gurProfilesHighlights {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gurProfileCaseGrid {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 20px;
    }

    .gurProfilePanel {
        padding: 22px;
    }

    .gurProfileSidebar {
        padding: 19px;
    }

    .gurProfileSidebarTop {
        margin: -19px -19px 10px;
        padding: 22px 19px;
    }

    .gurProfilesFinalInner {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 28px;
        padding: 30px;
    }
}

@media (max-width: 800px) {
    .gurProfilesIntro {
        padding: 56px 0 48px;
    }

    .gurProfileCase {
        padding: 48px 0;
    }

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

    .gurProfileSidebar {
        position: static;
    }

    .gurProfileCaseHeader {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 16px;
    }

    .gurProfileIndex {
        min-height: 65px;
        font-size: 15px;
    }

    .gurProfilesFinalInner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 28px;
    }

    .gurProfilesFinalActions {
        max-width: 420px;
    }
}

@media (max-width: 560px) {
    .gurProfilesContainer {
        width: min(100% - 28px, 1200px);
    }

    .gurProfilesIntro {
        padding: 46px 0 40px;
    }

    .gurProfilesEyebrow,
    .gurProfileKicker,
    .gurProfilesFinalEyebrow {
        font-size: 15px;
        letter-spacing: 0.7px;
    }

    .gurProfilesIntro h1 {
        margin-top: 14px;
        font-size: 34px;
        letter-spacing: -0.6px;
    }

    .gurProfilesLead {
        font-size: 16px;
        line-height: 1.8;
    }

    .gurProfilesHighlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 26px 0;
    }

    .gurProfilesHighlight {
        min-height: 112px;
        padding: 16px 13px;
        font-size: 15px;
    }

    .gurProfilesNumber {
        font-size: 22px;
    }

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

    .gurProfilesIntroActions .gurProfilesBtn {
        width: 100%;
    }

    .gurProfileCase {
        padding: 40px 0;
    }

    .gurProfileCaseHeader {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 24px;
    }

    .gurProfileIndex {
        width: fit-content;
        min-height: auto;
        padding: 10px 15px;
    }

    .gurProfileCase h2 {
        font-size: 28px;
    }

    .gurProfileCaseHeader p {
        font-size: 16px;
    }

    .gurProfileMain {
        gap: 14px;
    }

    .gurProfilePanel {
        padding: 19px 17px;
    }

    .gurProfilePanel h3 {
        font-size: 19px;
    }

    .gurProfilePanel p,
    .gurProfileList li {
        font-size: 16px;
    }

    .gurProfileResultGrid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gurProfileResultGrid > div {
        padding: 16px;
    }

    .gurProfileFinding {
        align-items: flex-start;
        flex-direction: column;
        padding: 17px;
    }

    .gurProfileFinding strong {
        font-size: 24px;
    }

    .gurProfileFormula {
        padding: 18px 14px;
        font-size: 15px;
    }

    .gurProfileFormula strong {
        font-size: 26px;
    }

    .gurProfileSidebar {
        padding: 17px;
    }

    .gurProfileSidebarTop {
        margin: -17px -17px 10px;
        padding: 22px 17px;
    }

    .gurProfileSidebarTop > strong {
        font-size: 27px;
    }

    .gurProfilesFinalCta {
        padding: 46px 0;
    }

    .gurProfilesFinalInner {
        gap: 25px;
        padding: 22px 18px;
    }

    .gurProfilesFinalCopy h2 {
        font-size: 29px;
    }

    .gurProfilesFinalCopy p {
        font-size: 16px;
    }

    .gurProfilesFinalContact {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .gurProfilesFinalActions {
        max-width: none;
    }

    .gurProfilesFinalActions .gurProfilesBtn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurProfilesBtn {
        transition: none;
    }

    .gurProfilesBtn:hover {
        transform: none;
    }
}

/* =========================================================
   SHARED DESIGN PRINCIPLES
   Royal navy + gold | Responsive | Minimum font-size: 15px
========================================================= */


/* =========================================================
   SECTION 1: HERO / ENGAGEMENT OVERVIEW
========================================================= */

.gurEng-hero {
    --ge-navy: #092f62;
    --ge-dark: #061d3d;
    --ge-deep: #04152d;
    --ge-gold: #b97800;
    --ge-gold2: #d99a16;
    --ge-gold3: #f0b429;
    --ge-cream: #fffaf0;
    padding: 76px 20px 66px;
    color: var(--ge-dark);
    background:
        radial-gradient(ellipse at 50% 0%, rgba(240,180,41,.13), transparent 48%),
        linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    border-bottom: 1px solid rgba(9,47,98,.12);
    font-size: 16px;
}

.gurEng-hero *,
.gurEng-identify *,
.gurFee-estimate *,
.gurCert-process *,
.gurSupport-aftercare * {
    box-sizing: border-box;
}

.gurEng-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurEng-eyebrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    color: var(--ge-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
}

.gurEng-eyebrowLine {
    width: 34px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ge-gold2));
}

.gurEng-eyebrowLine:last-child {
    transform: rotate(180deg);
}

.gurEng-hero h1 {
    max-width: 1000px;
    margin: 22px auto 18px;
    color: var(--ge-dark);
    font-size: clamp(34px, 4.2vw, 54px);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -1.5px;
    text-align: center;
}

.gurEng-hero h1 span {
    color: var(--ge-gold);
}

.gurEng-intro {
    max-width: 850px;
    margin: 0 auto;
    color: #44536a;
    font-size: 17px;
    line-height: 1.85;
    text-align: center;
}

.gurEng-intro strong {
    color: var(--ge-navy);
}

.gurEng-contactStrip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    max-width: 760px;
    margin: 32px auto 0;
    padding: 19px 25px;
    background: #ffffff;
    border: 1px solid rgba(185,120,0,.30);
    border-radius: 15px;
    box-shadow: 0 12px 35px rgba(6,29,61,.07);
}

.gurEng-contactLink {
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--ge-dark);
    text-decoration: none;
    min-width: 0;
}

.gurEng-contactIcon {
    display: flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, var(--ge-navy), var(--ge-dark));
    border: 1px solid rgba(240,180,41,.7);
    border-radius: 12px;
    font-size: 20px;
}

.gurEng-contactLink small {
    display: block;
    margin-bottom: 5px;
    color: #69758a;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .7px;
}

.gurEng-contactLink strong {
    overflow-wrap: anywhere;
    font-size: 17px;
}

.gurEng-contactDivider {
    width: 1px;
    height: 42px;
    background: #e5e9ef;
}

.gurEng-stepRail {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    max-width: 760px;
    margin: 37px auto 0;
}

.gurEng-railItem {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ge-dark);
    font-size: 16px;
}

.gurEng-railItem > span {
    display: flex;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    color: var(--ge-dark);
    background: linear-gradient(135deg, #fff5d9, #f0c65e);
    border: 1px solid rgba(185,120,0,.55);
    border-radius: 50%;
    font-size: 15px;
    font-weight: 900;
}

.gurEng-railItem strong {
    white-space: nowrap;
}

.gurEng-railConnector {
    width: 45px;
    height: 1px;
    background: linear-gradient(90deg, var(--ge-gold2), rgba(185,120,0,.2));
}


/* =========================================================
   SECTION 2: STEP 1 — IDENTIFICATION
========================================================= */

.gurEng-identify {
    --gi-navy: #092f62;
    --gi-dark: #061d3d;
    --gi-gold: #b97800;
    --gi-gold2: #d99a16;
    padding: 78px 20px;
    background: #ffffff;
    color: var(--gi-dark);
    font-size: 16px;
}

.gurEng-identifyContainer {
    max-width: 1180px;
    margin: 0 auto;
}

.gurEng-identifyHeading {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin-bottom: 35px;
}

.gurEng-stepBadge {
    padding: 15px 10px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--gi-navy), var(--gi-dark));
    border-bottom: 4px solid var(--gi-gold2);
    border-radius: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurEng-stepBadge strong {
    display: block;
    margin-top: 5px;
    color: #f0c65e;
    font-size: 27px;
}

.gurEng-sectionKicker {
    display: block;
    margin-bottom: 9px;
    color: var(--gi-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.gurEng-identify h2,
.gurFee-estimate h2,
.gurCert-process h2,
.gurSupport-aftercare h2 {
    margin: 0;
    color: var(--gi-dark);
    font-size: clamp(28px, 3.2vw, 40px);
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: -.7px;
}

.gurEng-identify h2 strong,
.gurFee-estimate h2 strong,
.gurCert-process h2 strong,
.gurSupport-aftercare h2 strong {
    color: var(--gi-gold);
}

.gurEng-identifyHeading p {
    max-width: 850px;
    margin: 13px 0 0;
    color: #536176;
    font-size: 17px;
    line-height: 1.8;
}

.gurEng-identifyGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.gurEng-infoPanel {
    position: relative;
    padding: 32px;
    background: linear-gradient(145deg, #f8faff, #ffffff);
    border: 1px solid #dfe6f0;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(6,29,61,.055);
    overflow: hidden;
}

.gurEng-infoPanel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--gi-navy), var(--gi-gold2));
}

.gurEng-panelNumber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    margin-bottom: 15px;
    color: #ffffff;
    background: var(--gi-navy);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 900;
}

.gurEng-infoPanel h3 {
    margin: 0 0 11px;
    color: var(--gi-dark);
    font-size: 23px;
    line-height: 1.4;
}

.gurEng-infoPanel > p {
    margin: 0 0 22px;
    color: #56657a;
    font-size: 16px;
    line-height: 1.8;
}

.gurEng-checkList {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gurEng-checkList li {
    position: relative;
    padding-left: 27px;
    color: #344258;
    font-size: 16px;
    line-height: 1.7;
}

.gurEng-checkList li::before {
    position: absolute;
    left: 0;
    top: 1px;
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    color: #ffffff;
    background: var(--gi-gold);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

.gurEng-checkList strong {
    color: var(--gi-navy);
}

.gurEng-purposePanel {
    background: linear-gradient(145deg, #fffaf0, #ffffff);
    border-color: #f0e0bc;
}

.gurEng-purposePanel .gurEng-panelNumber {
    background: linear-gradient(135deg, var(--gi-gold), #d99a16);
}

.gurEng-purposeTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gurEng-purposeTags span {
    display: inline-flex;
    align-items: center;
    min-height: 39px;
    padding: 8px 12px;
    color: var(--gi-navy);
    background: #ffffff;
    border: 1px solid #ead7ad;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
}

.gurEng-valueNote {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 20px;
    background: #ffffff;
    border-left: 4px solid var(--gi-gold2);
    border-radius: 9px;
}

.gurEng-valueSymbol {
    display: flex;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--gi-navy);
    border-radius: 50%;
    font-size: 24px;
    font-weight: 800;
}

.gurEng-valueNote strong {
    color: var(--gi-dark);
    font-size: 17px;
}

.gurEng-valueNote p {
    margin: 7px 0 0;
    color: #59677b;
    font-size: 15px;
    line-height: 1.75;
}

.gurEng-methodNote {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-top: 26px;
    padding: 23px 25px;
    background: #f4f7fc;
    border: 1px solid #dce5f2;
    border-radius: 13px;
}

.gurEng-methodIcon {
    flex: 0 0 23px;
    padding-top: 3px;
    color: var(--gi-gold);
    font-size: 21px;
}

.gurEng-methodNote p {
    margin: 0;
    color: #43536a;
    font-size: 16px;
    line-height: 1.85;
}

.gurEng-methodNote strong {
    color: var(--gi-navy);
}

.gurEng-actionRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 30px;
}

.gurEng-button,
.gurFee-button,
.gurSupport-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    min-height: 55px;
    padding: 15px 25px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #092f62, #061d3d);
    border: 1px solid #d99a16;
    border-radius: 9px;
    box-shadow: 0 8px 22px rgba(6,29,61,.18);
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurEng-button span,
.gurFee-button span,
.gurSupport-button span {
    color: #f0c65e;
    font-size: 22px;
    line-height: 1;
}

.gurEng-button:hover,
.gurFee-button:hover,
.gurSupport-button:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(6,29,61,.25);
}

.gurEng-callText {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--gi-navy);
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
}

.gurEng-callText span {
    color: var(--gi-gold);
    font-size: 21px;
}


/* =========================================================
   SECTION 3: STEP 2 — FEE ESTIMATE
========================================================= */

.gurFee-estimate {
    --gf-navy: #092f62;
    --gf-dark: #061d3d;
    --gf-gold: #b97800;
    --gf-gold2: #d99a16;
    padding: 78px 20px;
    color: var(--gf-dark);
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217,154,22,.12), transparent 35%),
        #f5f8fd;
    font-size: 16px;
}

.gurFee-container {
    max-width: 1180px;
    margin: 0 auto;
}

.gurFee-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.gurFee-step {
    padding: 9px 14px;
    color: #ffffff;
    background: var(--gf-navy);
    border-radius: 7px;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.gurFee-response {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #72500c;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .4px;
}

.gurFee-response > span {
    width: 10px;
    height: 10px;
    background: #d99a16;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(217,154,22,.13);
}

.gurFee-heading {
    max-width: 850px;
    margin-bottom: 34px;
}

.gurFee-kicker,
.gurCert-kicker,
.gurSupport-kicker {
    display: block;
    margin-bottom: 10px;
    color: var(--gf-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.4px;
}

.gurFee-heading h2 {
    margin: 0;
    color: var(--gf-dark);
    font-size: clamp(29px, 3.3vw, 41px);
    line-height: 1.25;
    font-weight: 850;
}

.gurFee-heading h2 strong {
    color: var(--gf-gold);
}

.gurFee-heading > p {
    margin: 15px 0 0;
    color: #536176;
    font-size: 17px;
    line-height: 1.85;
}

.gurFee-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.gurFee-card {
    position: relative;
    padding: 29px 25px;
    background: #ffffff;
    border: 1px solid #dfe6f0;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(6,29,61,.05);
    overflow: hidden;
}

.gurFee-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background: linear-gradient(90deg, var(--gf-navy), var(--gf-gold2));
}

.gurFee-cardFeatured {
    border-color: #d9b86e;
    box-shadow: 0 16px 36px rgba(185,120,0,.10);
    transform: translateY(-7px);
}

.gurFee-cardNumber {
    position: absolute;
    top: 19px;
    right: 20px;
    color: #d5dce7;
    font-size: 28px;
    font-weight: 900;
}

.gurFee-cardIcon {
    display: flex;
    width: 47px;
    height: 47px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--gf-navy), var(--gf-dark));
    border: 1px solid var(--gf-gold2);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 900;
}

.gurFee-card h3 {
    margin: 0 0 12px;
    color: var(--gf-dark);
    font-size: 21px;
    line-height: 1.4;
}

.gurFee-card > p {
    margin: 0 0 18px;
    color: #58677b;
    font-size: 16px;
    line-height: 1.75;
}

.gurFee-card ul {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gurFee-card li {
    position: relative;
    padding-left: 24px;
    color: #35455c;
    font-size: 15px;
    line-height: 1.7;
}

.gurFee-card li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "✓";
    color: var(--gf-gold);
    font-size: 17px;
    font-weight: 900;
}

.gurFee-card li strong {
    color: var(--gf-navy);
}

.gurFee-card > small {
    display: block;
    margin-top: 19px;
    padding-top: 16px;
    color: #58677b;
    border-top: 1px solid #e8edf4;
    font-size: 15px;
    line-height: 1.7;
}

.gurFee-note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 24px;
    padding: 19px 21px;
    background: #fffaf0;
    border: 1px solid #ead9b3;
    border-radius: 11px;
}

.gurFee-noteMark {
    display: flex;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--gf-gold);
    border-radius: 50%;
    font-size: 15px;
    font-weight: 900;
}

.gurFee-note p {
    margin: 0;
    color: #63563d;
    font-size: 15px;
    line-height: 1.8;
}

.gurFee-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    margin-top: 34px;
    padding: 29px 32px;
    color: #ffffff;
    background: linear-gradient(115deg, #061d3d, #092f62);
    border: 1px solid #d99a16;
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(6,29,61,.15);
}

.gurFee-ctaEyebrow {
    display: block;
    margin-bottom: 9px;
    color: #f0c65e;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurFee-cta h3 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.4;
}

.gurFee-cta p {
    margin: 8px 0 0;
    color: #e0e8f4;
    font-size: 16px;
    line-height: 1.7;
}

.gurFee-ctaActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-width: 225px;
}

.gurFee-button {
    color: var(--gf-dark) !important;
    background: linear-gradient(135deg, #f0c65e, #d99a16);
    border-color: #f5d88b;
}

.gurFee-button span {
    color: var(--gf-dark);
}

.gurFee-button:hover {
    color: var(--gf-dark) !important;
}

.gurFee-phone {
    display: block;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
}


/* =========================================================
   SECTION 4: STEP 3 — INSPECTION & CERTIFICATE
========================================================= */

.gurCert-process {
    --gc-navy: #092f62;
    --gc-dark: #061d3d;
    --gc-gold: #b97800;
    --gc-gold2: #d99a16;
    padding: 80px 20px;
    background: #ffffff;
    color: var(--gc-dark);
    font-size: 16px;
}

.gurCert-container {
    max-width: 1080px;
    margin: 0 auto;
}

.gurCert-heading {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.gurCert-stepBadge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin-bottom: 17px;
    padding: 9px 16px;
    color: #ffffff;
    background: var(--gc-navy);
    border: 1px solid var(--gc-gold2);
    border-radius: 7px;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.gurCert-kicker {
    color: var(--gc-gold);
}

.gurCert-heading h2 {
    margin: 0;
    color: var(--gc-dark);
    font-size: clamp(29px, 3.5vw, 42px);
    line-height: 1.25;
    font-weight: 850;
}

.gurCert-heading h2 strong {
    color: var(--gc-gold);
}

.gurCert-heading > p {
    margin: 15px 0 0;
    color: #58677b;
    font-size: 17px;
    line-height: 1.85;
}

.gurCert-timeline {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.gurCert-timeline::before {
    position: absolute;
    top: 27px;
    bottom: 27px;
    left: 27px;
    width: 2px;
    content: "";
    background: linear-gradient(180deg, var(--gc-gold2), #dce5f2);
}

.gurCert-timelineItem {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 22px;
    padding-bottom: 30px;
}

.gurCert-timelineItem:last-child {
    padding-bottom: 0;
}

.gurCert-timelineMarker {
    position: relative;
    z-index: 1;
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, var(--gc-navy), var(--gc-dark));
    border: 3px solid #f0c65e;
    border-radius: 50%;
    box-shadow: 0 0 0 6px #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.gurCert-timelineContent {
    padding: 23px 26px;
    background: linear-gradient(110deg, #f7f9fd, #ffffff);
    border: 1px solid #e1e7f0;
    border-radius: 13px;
}

.gurCert-timelineContent h3 {
    margin: 0 0 9px;
    color: var(--gc-navy);
    font-size: 21px;
    line-height: 1.4;
}

.gurCert-timelineContent p {
    margin: 0;
    color: #4d5c71;
    font-size: 16px;
    line-height: 1.85;
}

.gurCert-timelineContent strong {
    color: var(--gc-dark);
}

.gurCert-signaturePanel {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
    padding: 28px;
    background: linear-gradient(115deg, #061d3d, #092f62);
    border: 1px solid var(--gc-gold2);
    border-radius: 15px;
    box-shadow: 0 14px 30px rgba(6,29,61,.12);
}

.gurCert-signatureSeal {
    display: flex;
    flex: 0 0 85px;
    width: 85px;
    height: 85px;
    align-items: center;
    justify-content: center;
    color: #f0c65e;
    border: 2px solid #d99a16;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .5px;
}

.gurCert-signatureCopy > span {
    display: block;
    margin-bottom: 8px;
    color: #f0c65e;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurCert-signatureCopy h3 {
    margin: 0;
    color: #ffffff;
    font-size: 23px;
    line-height: 1.45;
}

.gurCert-signatureCopy h3 strong {
    color: #f0c65e;
}

.gurCert-signatureCopy p {
    margin: 9px 0 0;
    color: #e1e9f5;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 5: POST-ENGAGEMENT SUPPORT & FINAL CTA
========================================================= */

.gurSupport-aftercare {
    --gs-navy: #092f62;
    --gs-dark: #061d3d;
    --gs-gold: #b97800;
    --gs-gold2: #d99a16;
    padding: 78px 20px 55px;
    color: var(--gs-dark);
    background:
        radial-gradient(ellipse at 0% 100%, rgba(217,154,22,.10), transparent 36%),
        #f6f8fc;
    font-size: 16px;
}

.gurSupport-container {
    max-width: 1180px;
    margin: 0 auto;
}

.gurSupport-heading {
    max-width: 840px;
    margin-bottom: 32px;
}

.gurSupport-kicker {
    color: var(--gs-gold);
}

.gurSupport-heading h2 {
    margin: 0;
    color: var(--gs-dark);
    font-size: clamp(29px, 3.2vw, 40px);
    line-height: 1.25;
}

.gurSupport-heading h2 strong {
    color: var(--gs-gold);
}

.gurSupport-heading > p {
    margin: 14px 0 0;
    color: #56657a;
    font-size: 17px;
    line-height: 1.85;
}

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

.gurSupport-card {
    padding: 25px 23px;
    background: #ffffff;
    border: 1px solid #e0e6ef;
    border-radius: 13px;
    box-shadow: 0 8px 23px rgba(6,29,61,.045);
    transition: transform .2s ease, border-color .2s ease;
}

.gurSupport-card:hover {
    transform: translateY(-3px);
    border-color: #d9b86e;
}

.gurSupport-card > span {
    display: flex;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    color: #ffffff;
    background: var(--gs-navy);
    border-bottom: 3px solid var(--gs-gold2);
    border-radius: 9px;
    font-size: 15px;
    font-weight: 900;
}

.gurSupport-card h3 {
    margin: 0 0 9px;
    color: var(--gs-navy);
    font-size: 20px;
    line-height: 1.4;
}

.gurSupport-card p {
    margin: 0;
    color: #58677b;
    font-size: 15px;
    line-height: 1.8;
}

.gurSupport-bottomCta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    margin-top: 35px;
    padding: 31px;
    color: #ffffff;
    background: linear-gradient(120deg, #04152d, #092f62);
    border: 1px solid #d99a16;
    border-radius: 16px;
    box-shadow: 0 15px 34px rgba(6,29,61,.15);
}

.gurSupport-ctaCopy > span {
    display: block;
    margin-bottom: 9px;
    color: #f0c65e;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .9px;
}

.gurSupport-ctaCopy h3 {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.4;
}

.gurSupport-ctaCopy p {
    margin: 9px 0 0;
    color: #e0e8f4;
    font-size: 16px;
    line-height: 1.75;
}

.gurSupport-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
    min-width: 220px;
}

.gurSupport-button {
    color: var(--gs-dark) !important;
    background: linear-gradient(135deg, #f0c65e, #d99a16);
    border-color: #ffe3a0;
}

.gurSupport-button span {
    color: var(--gs-dark);
}

.gurSupport-button:hover {
    color: var(--gs-dark) !important;
}

.gurSupport-call,
.gurSupport-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    padding: 10px 14px;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    transition: background .2s ease;
}

.gurSupport-call:hover,
.gurSupport-whatsapp:hover {
    color: #ffffff;
    background: rgba(255,255,255,.12);
}

.gurSupport-contactDetails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 28px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #dce3ed;
    color: #58677b;
    font-size: 15px;
    line-height: 1.7;
}

.gurSupport-contactDetails strong {
    color: var(--gs-navy);
}


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

@media (max-width: 980px) {
    .gurFee-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gurFee-cardFeatured {
        transform: none;
    }

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

    .gurFee-cta,
    .gurSupport-bottomCta {
        align-items: flex-start;
        flex-direction: column;
    }

    .gurFee-ctaActions,
    .gurSupport-actions {
        width: 100%;
        max-width: 340px;
    }
}

@media (max-width: 680px) {
    .gurEng-hero,
    .gurEng-identify,
    .gurFee-estimate,
    .gurCert-process,
    .gurSupport-aftercare {
        padding: 54px 16px;
    }

    .gurEng-eyebrow {
        gap: 8px;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .gurEng-eyebrowLine {
        width: 19px;
    }

    .gurEng-hero h1 {
        font-size: 34px;
        letter-spacing: -.8px;
    }

    .gurEng-intro,
    .gurEng-identifyHeading p,
    .gurFee-heading > p,
    .gurCert-heading > p,
    .gurSupport-heading > p {
        font-size: 16px;
    }

    .gurEng-contactStrip {
        align-items: stretch;
        flex-direction: column;
        gap: 17px;
        padding: 20px;
    }

    .gurEng-contactDivider {
        width: 100%;
        height: 1px;
    }

    .gurEng-stepRail {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    }

    .gurEng-railConnector {
        width: 2px;
        height: 15px;
        margin-left: 19px;
    }

    .gurEng-identifyHeading {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .gurEng-stepBadge {
        width: 80px;
    }

    .gurEng-identifyGrid,
    .gurFee-grid,
    .gurSupport-grid {
        grid-template-columns: 1fr;
    }

    .gurEng-infoPanel {
        padding: 25px 21px;
    }

    .gurEng-methodNote {
        padding: 19px;
    }

    .gurEng-actionRow {
        align-items: stretch;
        flex-direction: column;
        gap: 17px;
    }

    .gurEng-button {
        width: 100%;
    }

    .gurEng-callText {
        justify-content: center;
    }

    .gurFee-topline {
        align-items: flex-start;
        flex-direction: column;
    }

    .gurFee-card {
        padding: 25px 21px;
    }

    .gurFee-cta,
    .gurSupport-bottomCta {
        padding: 24px 20px;
    }

    .gurFee-cta h3,
    .gurSupport-ctaCopy h3 {
        font-size: 22px;
    }

    .gurFee-ctaActions,
    .gurSupport-actions {
        max-width: none;
    }

    .gurCert-timeline::before {
        left: 21px;
    }

    .gurCert-timelineItem {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 13px;
        padding-bottom: 23px;
    }

    .gurCert-timelineMarker {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .gurCert-timelineContent {
        padding: 20px 17px;
    }

    .gurCert-timelineContent h3 {
        font-size: 19px;
    }

    .gurCert-timelineContent p {
        font-size: 15px;
    }

    .gurCert-signaturePanel {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px 20px;
    }

    .gurCert-signatureCopy h3 {
        font-size: 21px;
    }

    .gurSupport-contactDetails {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurEng-button,
    .gurFee-button,
    .gurSupport-button,
    .gurSupport-card,
    .gurSupport-call,
    .gurSupport-whatsapp {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: ENGAGEMENT INTRO
   Namespace: gurEngIntro
========================================================= */

.gurEngIntro {
    --ge-navy: #092f62;
    --ge-dark: #061d3d;
    --ge-gold: #b97800;
    --ge-gold-bright: #f0b429;
    --ge-cream: #fffaf0;

    position: relative;
    overflow: hidden;
    padding: 64px 24px 58px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217,154,22,.12), transparent 42%),
        linear-gradient(135deg, #ffffff 0%, #f8f9fc 58%, #fffaf0 100%);
    border-bottom: 1px solid rgba(9,47,98,.12);
    color: var(--ge-dark);
}

.gurEngIntro,
.gurEngIntro * {
    box-sizing: border-box;
}

.gurEngIntro__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurEngIntro__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: var(--ge-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gurEngIntro__eyebrow::before {
    content: "";
    width: 34px;
    height: 3px;
    background: linear-gradient(90deg, var(--ge-gold), var(--ge-gold-bright));
    border-radius: 4px;
}

.gurEngIntro h1 {
    max-width: 900px;
    margin: 0 0 20px;
    color: var(--ge-dark);
    font-size: clamp(32px, 4.2vw, 52px);
    font-weight: 850;
    letter-spacing: -1.4px;
    line-height: 1.16;
}

.gurEngIntro h1 span {
    color: var(--ge-gold);
}

.gurEngIntro__lead {
    max-width: 900px;
    margin: 0;
    color: #39495f;
    font-size: 18px;
    line-height: 1.85;
}

.gurEngIntro__lead strong {
    color: var(--ge-navy);
    font-weight: 800;
}

.gurEngIntro__highlights {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
}

.gurEngIntro__highlight {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 108px;
    padding: 17px 14px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(9,47,98,.13);
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(6,29,61,.045);
    color: var(--ge-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gurEngIntro__number {
    color: var(--ge-gold);
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.gurEngIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 32px;
}

.gurEngIntro__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 56px;
    padding: 15px 25px;
    border: 2px solid var(--ge-gold);
    border-radius: 8px;
    background: linear-gradient(135deg, #092f62, #061d3d);
    box-shadow: 0 9px 22px rgba(9,47,98,.19);
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurEngIntro__btn span {
    color: var(--ge-gold-bright);
    font-size: 22px;
}

.gurEngIntro__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(9,47,98,.25);
}

.gurEngIntro__phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: var(--ge-dark) !important;
    text-decoration: none !important;
}

.gurEngIntro__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid rgba(185,120,0,.35);
    border-radius: 50%;
    background: #fff7e5;
    color: var(--ge-gold);
    font-size: 22px;
}

.gurEngIntro__phone small,
.gurEngIntro__phone strong {
    display: block;
    line-height: 1.6;
}

.gurEngIntro__phone small {
    color: #536174;
    font-size: 15px;
}

.gurEngIntro__phone strong {
    color: var(--ge-navy);
    font-size: 19px;
    font-weight: 850;
}


/* =========================================================
   SECTION 2: SIX ENGAGEMENT STAGES
   Namespace: gurEngStages / gurEngStage
========================================================= */

.gurEngStages {
    --ges-navy: #092f62;
    --ges-dark: #061d3d;
    --ges-gold: #b97800;
    --ges-bright: #f0b429;

    padding: 72px 24px 76px;
    background: #f5f7fb;
    color: var(--ges-dark);
}

.gurEngStages,
.gurEngStages * {
    box-sizing: border-box;
}

.gurEngStages__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurEngStages__heading {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.gurEngStages__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--ges-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gurEngStages__heading h2 {
    margin: 0 0 17px;
    color: var(--ges-dark);
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 850;
    letter-spacing: -.7px;
    line-height: 1.25;
}

.gurEngStages__heading h2 strong {
    color: var(--ges-gold);
}

.gurEngStages__heading > p {
    margin: 0;
    color: #4c5b70;
    font-size: 17px;
    line-height: 1.85;
}

.gurEngStages__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.gurEngStage {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px 27px 24px;
    overflow: hidden;
    border: 1px solid rgba(9,47,98,.13);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 28px rgba(6,29,61,.055);
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurEngStage::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--ges-navy), var(--ges-bright));
    content: "";
}

.gurEngStage--gold::before {
    background: linear-gradient(90deg, #b97800, #f0b429);
}

.gurEngStage--final {
    border-color: rgba(185,120,0,.4);
    background: linear-gradient(145deg, #fff 0%, #fffaf0 100%);
}

.gurEngStage--final::before {
    height: 5px;
    background: linear-gradient(90deg, #b97800, #f0b429, #b97800);
}

.gurEngStage:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 34px rgba(6,29,61,.095);
}

.gurEngStage__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.gurEngStage__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    border-radius: 12px;
    background: var(--ges-navy);
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.gurEngStage--gold .gurEngStage__num,
.gurEngStage--final .gurEngStage__num {
    background: linear-gradient(135deg, #d99a16, #9c6200);
    color: #fff;
}

.gurEngStage__tag {
    color: var(--ges-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: right;
}

.gurEngStage h3 {
    margin: 0 0 13px;
    color: var(--ges-dark);
    font-size: 24px;
    font-weight: 850;
    letter-spacing: -.35px;
    line-height: 1.4;
}

.gurEngStage > p {
    margin: 0 0 16px;
    color: #46556a;
    font-size: 16px;
    line-height: 1.8;
}

.gurEngStage > p strong {
    color: var(--ges-navy);
    font-weight: 800;
}

.gurEngStage ul {
    display: grid;
    gap: 12px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.gurEngStage li {
    position: relative;
    padding-left: 25px;
    color: #3f4e62;
    font-size: 15px;
    line-height: 1.8;
}

.gurEngStage li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: var(--ges-gold);
    font-size: 18px;
    font-weight: 900;
    content: "✓";
}

.gurEngStage li strong {
    color: var(--ges-dark);
    font-weight: 800;
}

.gurEngStage__footer {
    margin-top: auto;
    padding: 17px 17px 0;
    border-top: 1px solid rgba(9,47,98,.13);
}

.gurEngStage__footer > span {
    display: block;
    margin-bottom: 5px;
    color: var(--ges-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .7px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gurEngStage__footer p {
    margin: 0;
    color: var(--ges-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}


/* =========================================================
   SECTION 3: CONTACT CTA
   Namespace: gurEngCta
========================================================= */

.gurEngCta {
    --gec-navy: #092f62;
    --gec-dark: #061d3d;
    --gec-gold: #d99a16;
    --gec-bright: #f0b429;

    position: relative;
    overflow: hidden;
    padding: 56px 24px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.17), transparent 42%),
        linear-gradient(125deg, #061d3d 0%, #092f62 65%, #0b386f 100%);
    color: #fff;
}

.gurEngCta,
.gurEngCta * {
    box-sizing: border-box;
}

.gurEngCta__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .8fr);
    align-items: center;
    gap: 42px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurEngCta__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--gec-bright);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.gurEngCta__content h2 {
    max-width: 720px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 43px);
    font-weight: 850;
    letter-spacing: -.7px;
    line-height: 1.25;
}

.gurEngCta__content h2 strong {
    color: var(--gec-bright);
}

.gurEngCta__content > p {
    max-width: 720px;
    margin: 0;
    color: #e5ebf5;
    font-size: 16px;
    line-height: 1.9;
}

.gurEngCta__trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 23px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

.gurEngCta__dot {
    color: var(--gec-bright);
}

.gurEngCta__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    padding: 25px;
    border: 1px solid rgba(240,180,41,.4);
    border-radius: 15px;
    background: rgba(255,255,255,.065);
    box-shadow: 0 15px 38px rgba(0,0,0,.12);
}

.gurEngCta__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 15px 20px;
    border: 2px solid #f0b429;
    border-radius: 8px;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
    color: #061d3d !important;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurEngCta__button span {
    font-size: 22px;
}

.gurEngCta__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.23);
}

.gurEngCta__call {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
    background: rgba(255,255,255,.07);
    color: #fff !important;
    text-decoration: none !important;
    transition: background .2s ease;
}

.gurEngCta__call:hover {
    background: rgba(255,255,255,.13);
}

.gurEngCta__callIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border-radius: 50%;
    background: rgba(240,180,41,.16);
    color: var(--gec-bright);
    font-size: 21px;
}

.gurEngCta__call small,
.gurEngCta__call strong {
    display: block;
    line-height: 1.6;
}

.gurEngCta__call small {
    color: #dce5f3;
    font-size: 15px;
}

.gurEngCta__call strong {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.gurEngCta__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 8px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: background .2s ease;
}

.gurEngCta__whatsapp:hover {
    background: rgba(255,255,255,.1);
}

.gurEngCta__email {
    display: block;
    color: #f8d98a !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 4px;
}


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

@media (max-width: 1050px) {
    .gurEngIntro__highlights {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gurEngCta__inner {
        grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr);
        gap: 28px;
    }
}

@media (max-width: 767px) {
    .gurEngIntro {
        padding: 44px 18px;
    }

    .gurEngIntro h1 {
        font-size: 34px;
        letter-spacing: -.7px;
    }

    .gurEngIntro__lead {
        font-size: 16px;
        line-height: 1.8;
    }

    .gurEngIntro__highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 26px;
    }

    .gurEngIntro__highlight {
        min-height: 94px;
        padding: 14px;
    }

    .gurEngIntro__actions {
        align-items: stretch;
        gap: 18px;
    }

    .gurEngIntro__btn {
        width: 100%;
        min-height: 56px;
    }

    .gurEngStages {
        padding: 48px 18px 52px;
    }

    .gurEngStages__heading {
        margin-bottom: 28px;
    }

    .gurEngStages__heading h2 {
        font-size: 30px;
    }

    .gurEngStages__heading > p {
        font-size: 16px;
    }

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

    .gurEngStage {
        padding: 23px 20px 21px;
    }

    .gurEngStage h3 {
        font-size: 22px;
    }

    .gurEngCta {
        padding: 44px 18px;
    }

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

    .gurEngCta__content h2 {
        font-size: 31px;
    }

    .gurEngCta__trust {
        align-items: flex-start;
    }

    .gurEngCta__actions {
        padding: 19px;
    }
}

@media (max-width: 380px) {
    .gurEngIntro h1 {
        font-size: 30px;
    }

    .gurEngIntro__highlight {
        padding: 12px;
    }

    .gurEngStage__top {
        align-items: flex-start;
    }

    .gurEngStage__tag {
        max-width: 58%;
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurEngIntro__btn,
    .gurEngStage,
    .gurEngCta__button,
    .gurEngCta__call,
    .gurEngCta__whatsapp {
        transition: none;
    }

    .gurEngStage:hover,
    .gurEngIntro__btn:hover,
    .gurEngCta__button:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: PRACTICE INTRO
   Namespace: gurPracticeIntro
========================================================= */

.gurPracticeIntro {
    --gpi-navy: #092f62;
    --gpi-dark: #061d3d;
    --gpi-gold: #b97800;
    --gpi-bright: #f0b429;

    padding: 62px 24px 58px;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(217,154,22,.13), transparent 40%),
        linear-gradient(135deg, #fff 0%, #f8f9fc 60%, #fffaf0 100%);
    border-bottom: 1px solid rgba(9,47,98,.12);
    color: var(--gpi-dark);
}

.gurPracticeIntro,
.gurPracticeIntro * {
    box-sizing: border-box;
}

.gurPracticeIntro__inner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.gurPracticeIntro__eyebrow,
.gurPracticeExpertise__eyebrow,
.gurPracticeCredentials__eyebrow,
.gurPracticeContact__eyebrow {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 17px;
    color: var(--gpi-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.8px;
    line-height: 1.7;
}

.gurPracticeIntro__eyebrow::before {
    content: "";
    width: 32px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--gpi-gold), var(--gpi-bright));
}

.gurPracticeIntro__eyebrow span {
    color: var(--gpi-bright);
}

.gurPracticeIntro h1 {
    max-width: 950px;
    margin: 0 0 19px;
    color: var(--gpi-dark);
    font-size: clamp(34px, 4.5vw, 53px);
    font-weight: 900;
    letter-spacing: -1.3px;
    line-height: 1.18;
}

.gurPracticeIntro h1 span {
    color: var(--gpi-gold);
}

.gurPracticeIntro__lead {
    max-width: 930px;
    margin: 0 0 14px;
    color: #34465d;
    font-size: 19px;
    font-weight: 550;
    line-height: 1.8;
}

.gurPracticeIntro__lead strong,
.gurPracticeIntro__text strong {
    color: var(--gpi-navy);
    font-weight: 850;
}

.gurPracticeIntro__text {
    max-width: 930px;
    margin: 0;
    color: #4c5b6f;
    font-size: 16px;
    line-height: 1.9;
}

.gurPracticeIntro__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 32px;
}

.gurPracticeIntro__fact {
    position: relative;
    min-height: 148px;
    padding: 21px;
    overflow: hidden;
    border: 1px solid rgba(9,47,98,.13);
    border-radius: 12px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 8px 24px rgba(6,29,61,.045);
}

.gurPracticeIntro__fact::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, var(--gpi-bright), var(--gpi-gold));
    content: "";
}

.gurPracticeIntro__factNum {
    display: block;
    margin-bottom: 10px;
    color: var(--gpi-gold);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}

.gurPracticeIntro__fact > strong {
    display: block;
    margin-bottom: 6px;
    color: var(--gpi-dark);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.gurPracticeIntro__fact p {
    margin: 0;
    color: #58667a;
    font-size: 15px;
    line-height: 1.75;
}

.gurPracticeIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 23px;
    margin-top: 30px;
}

.gurPracticeIntro__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 56px;
    padding: 15px 25px;
    border: 2px solid var(--gpi-gold);
    border-radius: 8px;
    background: linear-gradient(135deg, var(--gpi-navy), var(--gpi-dark));
    box-shadow: 0 9px 23px rgba(9,47,98,.19);
    color: #fff !important;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurPracticeIntro__btn span {
    color: var(--gpi-bright);
    font-size: 22px;
}

.gurPracticeIntro__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 29px rgba(9,47,98,.25);
}

.gurPracticeIntro__phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: var(--gpi-dark) !important;
    text-decoration: none !important;
}

.gurPracticeIntro__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid rgba(185,120,0,.35);
    border-radius: 50%;
    background: #fff7e5;
    color: var(--gpi-gold);
    font-size: 22px;
}

.gurPracticeIntro__phone small,
.gurPracticeIntro__phone strong {
    display: block;
    line-height: 1.65;
}

.gurPracticeIntro__phone small {
    color: #56647a;
    font-size: 15px;
}

.gurPracticeIntro__phone strong {
    color: var(--gpi-navy);
    font-size: 19px;
    font-weight: 900;
}


/* =========================================================
   SECTION 2: GURUGRAM PROPERTY EXPERTISE
   Namespace: gurPracticeExpertise
========================================================= */

.gurPracticeExpertise {
    --gpe-navy: #092f62;
    --gpe-dark: #061d3d;
    --gpe-gold: #b97800;
    --gpe-bright: #f0b429;

    padding: 72px 24px;
    background: #f5f7fb;
    color: var(--gpe-dark);
}

.gurPracticeExpertise,
.gurPracticeExpertise * {
    box-sizing: border-box;
}

.gurPracticeExpertise__inner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.gurPracticeExpertise__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.gurPracticeExpertise__eyebrow {
    justify-content: center;
    margin-bottom: 12px;
    color: var(--gpe-gold);
}

.gurPracticeExpertise__heading h2 {
    margin: 0 0 16px;
    color: var(--gpe-dark);
    font-size: clamp(29px, 3.5vw, 43px);
    font-weight: 900;
    letter-spacing: -.8px;
    line-height: 1.25;
}

.gurPracticeExpertise__heading h2 strong {
    color: var(--gpe-gold);
}

.gurPracticeExpertise__heading > p {
    margin: 0;
    color: #4b5a70;
    font-size: 17px;
    line-height: 1.9;
}

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

.gurPracticeExpertise__card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 25px 23px 23px;
    border: 1px solid rgba(9,47,98,.12);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(6,29,61,.045);
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurPracticeExpertise__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 32px rgba(6,29,61,.09);
}

.gurPracticeExpertise__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 16px;
    border-radius: 10px;
    background: var(--gpe-navy);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.gurPracticeExpertise__line {
    width: 48px;
    height: 3px;
    margin-bottom: 17px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--gpe-gold), var(--gpe-bright));
}

.gurPracticeExpertise__card h3 {
    margin: 0 0 12px;
    color: var(--gpe-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.gurPracticeExpertise__card p {
    margin: 0 0 20px;
    color: #4b5a6e;
    font-size: 15px;
    line-height: 1.85;
}

.gurPracticeExpertise__card p strong {
    color: var(--gpe-navy);
    font-weight: 850;
}

.gurPracticeExpertise__tag {
    display: inline-flex;
    align-self: flex-start;
    margin-top: auto;
    padding: 8px 11px;
    border: 1px solid rgba(185,120,0,.22);
    border-radius: 6px;
    background: #fff8e9;
    color: #815200;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.gurPracticeExpertise__note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 20px 22px;
    border: 1px solid rgba(185,120,0,.28);
    border-left: 4px solid var(--gpe-gold);
    border-radius: 8px;
    background: #fffaf0;
}

.gurPracticeExpertise__noteMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: var(--gpe-navy);
    color: #fff;
    font-size: 17px;
    font-weight: 900;
}

.gurPracticeExpertise__note p {
    margin: 0;
    color: #455369;
    font-size: 15px;
    line-height: 1.8;
}

.gurPracticeExpertise__note strong {
    color: var(--gpe-dark);
}


/* =========================================================
   SECTION 3: CREDENTIALS & PROFESSIONAL SCOPE
   Namespace: gurPracticeCredentials
========================================================= */

.gurPracticeCredentials {
    --gpc-navy: #092f62;
    --gpc-dark: #061d3d;
    --gpc-gold: #b97800;
    --gpc-bright: #f0b429;

    padding: 72px 24px;
    background: #fff;
    color: var(--gpc-dark);
}

.gurPracticeCredentials,
.gurPracticeCredentials * {
    box-sizing: border-box;
}

.gurPracticeCredentials__inner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.gurPracticeCredentials__heading {
    max-width: 840px;
    margin: 0 auto 38px;
    text-align: center;
}

.gurPracticeCredentials__eyebrow {
    justify-content: center;
    margin-bottom: 12px;
    color: var(--gpc-gold);
}

.gurPracticeCredentials__heading h2 {
    margin: 0 0 16px;
    color: var(--gpc-dark);
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 900;
    letter-spacing: -.7px;
    line-height: 1.3;
}

.gurPracticeCredentials__heading h2 strong {
    color: var(--gpc-gold);
}

.gurPracticeCredentials__heading > p {
    margin: 0;
    color: #4d5b6e;
    font-size: 17px;
    line-height: 1.9;
}

.gurPracticeCredentials__layout {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 25px;
    align-items: stretch;
}

.gurPracticeCredentials__profile {
    position: relative;
    padding: 34px 30px;
    overflow: hidden;
    border: 1px solid rgba(240,180,41,.42);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.15), transparent 42%),
        linear-gradient(145deg, #092f62, #061d3d);
    color: #fff;
}

.gurPracticeCredentials__profileLabel {
    display: inline-block;
    margin-bottom: 17px;
    color: #f0c65f;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gurPracticeCredentials__profile h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.35;
}

.gurPracticeCredentials__designation {
    margin: 0;
    color: #f0c65f;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.7;
}

.gurPracticeCredentials__goldRule {
    width: 70px;
    height: 4px;
    margin: 23px 0;
    border-radius: 3px;
    background: linear-gradient(90deg, #d99a16, #f0b429);
}

.gurPracticeCredentials__profile > p:not(.gurPracticeCredentials__designation) {
    margin: 0;
    color: #e8edf5;
    font-size: 16px;
    line-height: 1.9;
}

.gurPracticeCredentials__profile > p strong {
    color: #f8d98a;
    font-weight: 850;
}

.gurPracticeCredentials__profilePoints {
    display: grid;
    gap: 14px;
    margin-top: 27px;
    padding-top: 23px;
    border-top: 1px solid rgba(255,255,255,.2);
}

.gurPracticeCredentials__profilePoints > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #fff;
    font-size: 15px;
    line-height: 1.75;
}

.gurPracticeCredentials__profilePoints > div > span:first-child {
    color: #f0b429;
    font-size: 18px;
    font-weight: 900;
}

.gurPracticeCredentials__details {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
}

.gurPracticeCredentials__detail {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 20px;
    border: 1px solid rgba(9,47,98,.12);
    border-radius: 11px;
    background: #f9fafc;
    transition: border-color .2s ease, background .2s ease;
}

.gurPracticeCredentials__detail:hover {
    border-color: rgba(185,120,0,.4);
    background: #fffaf0;
}

.gurPracticeCredentials__detailNum {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border-radius: 9px;
    background: #fff2d1;
    color: var(--gpc-gold);
    font-size: 19px;
    font-weight: 900;
}

.gurPracticeCredentials__detail h4 {
    margin: 0 0 7px;
    color: var(--gpc-dark);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.gurPracticeCredentials__detail p {
    margin: 0;
    color: #4c5a6d;
    font-size: 15px;
    line-height: 1.8;
}

.gurPracticeCredentials__disclaimer {
    margin-top: 24px;
    padding: 18px 21px;
    border: 1px solid rgba(9,47,98,.13);
    border-left: 4px solid var(--gpc-gold);
    border-radius: 7px;
    background: #f6f8fb;
    color: #455369;
    font-size: 15px;
    line-height: 1.8;
}

.gurPracticeCredentials__disclaimer strong {
    color: var(--gpc-dark);
}


/* =========================================================
   SECTION 4: CONTACT & ENGAGEMENT CTA
   Namespace: gurPracticeContact
========================================================= */

.gurPracticeContact {
    --gpt-navy: #092f62;
    --gpt-dark: #061d3d;
    --gpt-gold: #d99a16;
    --gpt-bright: #f0b429;

    position: relative;
    overflow: hidden;
    padding: 64px 24px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.17), transparent 42%),
        linear-gradient(125deg, #061d3d 0%, #092f62 70%, #0c3971 100%);
    color: #fff;
}

.gurPracticeContact,
.gurPracticeContact * {
    box-sizing: border-box;
}

.gurPracticeContact__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, .8fr);
    align-items: center;
    gap: 42px;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.gurPracticeContact__eyebrow {
    margin-bottom: 15px;
    color: var(--gpt-bright);
}

.gurPracticeContact__content h2 {
    max-width: 720px;
    margin: 0 0 19px;
    color: #fff;
    font-size: clamp(30px, 3.6vw, 44px);
    font-weight: 900;
    letter-spacing: -.8px;
    line-height: 1.27;
}

.gurPracticeContact__content h2 strong {
    color: var(--gpt-bright);
}

.gurPracticeContact__content > p {
    max-width: 700px;
    margin: 0 0 14px;
    color: #e4ebf6;
    font-size: 16px;
    line-height: 1.9;
}

.gurPracticeContact__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.gurPracticeContact__highlights span {
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid rgba(240,180,41,.35);
    border-radius: 6px;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gurPracticeContact__panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 26px;
    border: 1px solid rgba(240,180,41,.4);
    border-radius: 14px;
    background: rgba(255,255,255,.065);
    box-shadow: 0 15px 38px rgba(0,0,0,.13);
}

.gurPracticeContact__panelLabel {
    color: #f0c65f;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.4px;
    line-height: 1.6;
}

.gurPracticeContact__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 15px 18px;
    border: 2px solid #f0b429;
    border-radius: 8px;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 24px rgba(0,0,0,.17);
    color: #061d3d !important;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gurPracticeContact__button span {
    font-size: 22px;
}

.gurPracticeContact__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.24);
}

.gurPracticeContact__phone {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
    color: #fff !important;
    text-decoration: none !important;
}

.gurPracticeContact__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 50%;
    background: rgba(240,180,41,.16);
    color: var(--gpt-bright);
    font-size: 22px;
}

.gurPracticeContact__phone small,
.gurPracticeContact__phone strong {
    display: block;
    line-height: 1.65;
}

.gurPracticeContact__phone small {
    color: #dce6f4;
    font-size: 15px;
}

.gurPracticeContact__phone strong {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.gurPracticeContact__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 8px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: background .2s ease;
}

.gurPracticeContact__whatsapp:hover {
    background: rgba(255,255,255,.1);
}

.gurPracticeContact__divider {
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.2);
}

.gurPracticeContact__infoLabel {
    display: block;
    margin-bottom: 6px;
    color: #f0c65f;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.6;
}

.gurPracticeContact__info > a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.7;
    text-decoration: underline;
    text-decoration-color: rgba(240,180,41,.7);
    text-underline-offset: 4px;
    overflow-wrap: anywhere;
}

.gurPracticeContact__info p {
    margin: 0;
    color: #e4ebf6;
    font-size: 15px;
    line-height: 1.85;
}


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

@media (max-width: 1000px) {
    .gurPracticeExpertise__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .gurPracticeCredentials__profile {
        padding: 30px;
    }

    .gurPracticeContact__inner {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .gurPracticeIntro,
    .gurPracticeExpertise,
    .gurPracticeCredentials,
    .gurPracticeContact {
        padding: 46px 18px;
    }

    .gurPracticeIntro h1 {
        font-size: 35px;
        letter-spacing: -.7px;
    }

    .gurPracticeIntro__lead {
        font-size: 17px;
    }

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

    .gurPracticeIntro__fact {
        min-height: 0;
        padding: 17px;
    }

    .gurPracticeIntro__actions {
        align-items: stretch;
        gap: 18px;
    }

    .gurPracticeIntro__btn {
        width: 100%;
    }

    .gurPracticeExpertise__heading h2,
    .gurPracticeCredentials__heading h2 {
        font-size: 30px;
    }

    .gurPracticeExpertise__heading > p,
    .gurPracticeCredentials__heading > p {
        font-size: 16px;
    }

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

    .gurPracticeExpertise__card {
        padding: 23px 20px;
    }

    .gurPracticeExpertise__note {
        padding: 17px;
    }

    .gurPracticeCredentials__profile {
        padding: 27px 22px;
    }

    .gurPracticeCredentials__profile h3 {
        font-size: 27px;
    }

    .gurPracticeCredentials__detail {
        gap: 13px;
        padding: 17px;
    }

    .gurPracticeCredentials__detail h4 {
        font-size: 18px;
    }

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

    .gurPracticeContact__content h2 {
        font-size: 32px;
    }

    .gurPracticeContact__panel {
        padding: 21px;
    }
}

@media (max-width: 380px) {
    .gurPracticeIntro h1 {
        font-size: 31px;
    }

    .gurPracticeIntro__eyebrow,
    .gurPracticeExpertise__eyebrow,
    .gurPracticeCredentials__eyebrow,
    .gurPracticeContact__eyebrow {
        letter-spacing: 1px;
    }

    .gurPracticeCredentials__detail {
        align-items: flex-start;
    }

    .gurPracticeCredentials__detailNum {
        width: 37px;
        height: 37px;
        flex-basis: 37px;
        font-size: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurPracticeIntro__btn,
    .gurPracticeExpertise__card,
    .gurPracticeCredentials__detail,
    .gurPracticeContact__button,
    .gurPracticeContact__whatsapp {
        transition: none;
    }

    .gurPracticeIntro__btn:hover,
    .gurPracticeExpertise__card:hover,
    .gurPracticeContact__button:hover {
        transform: none;
    }
}

/* =========================================================
   SHARED GURUGRAM INSIGHTS DESIGN TOKENS
========================================================= */

.gurInsightHero,
.gurInsightLibrary,
.gurInsightFocus,
.gurInsightCTA {
    --gur-navy: #092f62;
    --gur-dark: #061d3d;
    --gur-deep: #04152d;
    --gur-gold: #b97800;
    --gur-gold-light: #d99a16;
    --gur-gold-bright: #f0b429;
    --gur-cream: #fbf8f0;
    --gur-white: #ffffff;
    --gur-text: #27384f;
    --gur-muted: #52647a;
    font-family: inherit;
    box-sizing: border-box;
}

.gurInsightHero *,
.gurInsightLibrary *,
.gurInsightFocus *,
.gurInsightCTA * {
    box-sizing: border-box;
}

.gurInsightHero a,
.gurInsightLibrary a,
.gurInsightCTA a {
    text-decoration: none;
}

.gurInsightHero strong,
.gurInsightLibrary strong,
.gurInsightFocus strong,
.gurInsightCTA strong {
    font-weight: 800;
}


/* =========================================================
   SECTION 1: HERO
========================================================= */

.gurInsightHero {
    position: relative;
    overflow: hidden;
    padding: 76px 24px 0;
    color: var(--gur-white);
    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(217, 154, 22, 0.16),
            transparent 27%
        ),
        radial-gradient(
            circle at 5% 95%,
            rgba(240, 180, 41, 0.10),
            transparent 30%
        ),
        linear-gradient(
            130deg,
            var(--gur-deep) 0%,
            var(--gur-dark) 57%,
            var(--gur-navy) 100%
        );
}

.gurInsightHero::before {
    content: "";
    position: absolute;
    top: -115px;
    right: -95px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(240, 180, 41, 0.24);
    border-radius: 50%;
    pointer-events: none;
}

.gurInsightHero::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -50px;
    width: 245px;
    height: 245px;
    border: 1px solid rgba(240, 180, 41, 0.14);
    border-radius: 50%;
    pointer-events: none;
}

.gurInsightHeroInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurInsightEyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    color: var(--gur-gold-bright);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.7px;
}

.gurInsightEyebrowLine {
    display: inline-block;
    width: 37px;
    height: 2px;
    flex: 0 0 37px;
    background: var(--gur-gold-bright);
}

.gurInsightHero h1 {
    max-width: 950px;
    margin: 0;
    color: var(--gur-white);
    font-size: clamp(36px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.5px;
}

.gurInsightHero h1 span {
    display: block;
    margin-top: 8px;
    color: var(--gur-gold-bright);
}

.gurInsightHeroText {
    max-width: 820px;
    margin: 25px 0 0;
    color: #e2e9f3;
    font-size: 17px;
    line-height: 1.9;
}

.gurInsightHeroText strong {
    color: var(--gur-white);
}

.gurInsightHeroTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.gurInsightHeroTags span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(240, 180, 41, 0.32);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.055);
    color: #f5f7fb;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.gurInsightHeroActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 35px;
}

.gurInsightBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 56px;
    padding: 15px 24px;
    border: 2px solid var(--gur-gold-bright);
    border-radius: 5px;
    background: linear-gradient(
        135deg,
        var(--gur-gold-bright),
        var(--gur-gold-light)
    );
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    color: var(--gur-deep) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurInsightBtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

.gurInsightBtn span {
    font-size: 21px;
    line-height: 1;
}

.gurInsightPhone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: var(--gur-white) !important;
}

.gurInsightPhoneIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border: 1px solid rgba(240, 180, 41, 0.6);
    border-radius: 50%;
    color: var(--gur-gold-bright);
    font-size: 21px;
}

.gurInsightPhone small,
.gurInsightCTACall small {
    display: block;
    margin-bottom: 3px;
    color: #dce5f0;
    font-size: 15px;
    line-height: 1.5;
}

.gurInsightPhone strong {
    display: block;
    color: var(--gur-white);
    font-size: 19px;
    line-height: 1.5;
}

.gurInsightHeroFoot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-top: 54px;
    padding: 19px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    color: #d6dfeb;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.8px;
}


/* =========================================================
   SECTION 2: INSIGHT LIBRARY
========================================================= */

.gurInsightLibrary {
    padding: 76px 24px 65px;
    background: var(--gur-cream);
    color: var(--gur-text);
}

.gurInsightLibraryInner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurInsightSectionHead {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
    align-items: end;
    gap: 35px;
    margin-bottom: 36px;
}

.gurInsightKicker {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.gurInsightSectionHead h2,
.gurInsightFocusIntro h2 {
    margin: 0;
    color: var(--gur-dark);
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

.gurInsightSectionHead h2 strong,
.gurInsightFocusIntro h2 strong {
    color: var(--gur-gold);
}

.gurInsightSectionHead > p {
    margin: 0;
    padding-left: 22px;
    border-left: 3px solid var(--gur-gold-light);
    color: var(--gur-muted);
    font-size: 16px;
    line-height: 1.85;
}

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

.gurInsightCard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 340px;
    padding: 25px 24px 22px;
    border: 1px solid #e4e7ed;
    border-top: 3px solid var(--gur-gold);
    border-radius: 7px;
    background: var(--gur-white);
    box-shadow: 0 5px 20px rgba(6, 29, 61, 0.045);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.gurInsightCard:hover {
    transform: translateY(-4px);
    border-color: #d9b76c;
    box-shadow: 0 15px 34px rgba(6, 29, 61, 0.11);
}

.gurInsightCardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 21px;
}

.gurInsightNumber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    min-height: 39px;
    padding: 5px 9px;
    border-radius: 4px;
    background: var(--gur-dark);
    color: var(--gur-gold-bright);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.gurInsightCategory {
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.4px;
    text-align: right;
}

.gurInsightCard h3 {
    margin: 0 0 14px;
    color: var(--gur-dark);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.gurInsightCard h3 strong {
    color: var(--gur-navy);
}

.gurInsightCard > p {
    margin: 0 0 22px;
    color: var(--gur-muted);
    font-size: 16px;
    line-height: 1.8;
}

.gurInsightReadLink {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #e8ebf0;
    color: var(--gur-navy) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
}

.gurInsightReadLink span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border-radius: 50%;
    background: #f7edda;
    color: var(--gur-gold);
    font-size: 18px;
    transition: background 0.2s ease, color 0.2s ease;
}

.gurInsightReadLink:hover {
    color: var(--gur-gold) !important;
}

.gurInsightReadLink:hover span {
    background: var(--gur-gold);
    color: var(--gur-white);
}

.gurInsightLibraryFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #e0e3e9;
}

.gurInsightLibraryFooter > span {
    color: var(--gur-muted);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 0.5px;
}

.gurInsightLibraryFooter > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 12px 18px;
    border: 1px solid var(--gur-navy);
    border-radius: 5px;
    background: var(--gur-white);
    color: var(--gur-navy) !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    transition: background 0.2s ease, color 0.2s ease;
}

.gurInsightLibraryFooter > a:hover {
    background: var(--gur-navy);
    color: var(--gur-white) !important;
}


/* =========================================================
   SECTION 3: RESEARCH FOCUS STRIP
========================================================= */

.gurInsightFocus {
    padding: 66px 24px;
    background: var(--gur-white);
    color: var(--gur-text);
}

.gurInsightFocusInner {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 50px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurInsightFocusIntro h2 {
    margin-bottom: 17px;
}

.gurInsightFocusIntro > p {
    margin: 0;
    color: var(--gur-muted);
    font-size: 16px;
    line-height: 1.9;
}

.gurInsightFocusGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.gurInsightFocusItem {
    position: relative;
    min-width: 0;
    padding: 21px 20px;
    border: 1px solid #e6e9ef;
    border-radius: 6px;
    background: #fbfcfe;
}

.gurInsightFocusItem > span {
    display: block;
    margin-bottom: 10px;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}

.gurInsightFocusItem > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gur-dark);
    font-size: 18px;
    line-height: 1.5;
}

.gurInsightFocusItem > p {
    margin: 0;
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 4: CONTACT CTA
========================================================= */

.gurInsightCTA {
    position: relative;
    overflow: hidden;
    padding: 67px 24px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(217, 154, 22, 0.17),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            var(--gur-deep),
            var(--gur-dark) 60%,
            var(--gur-navy)
        );
    color: var(--gur-white);
}

.gurInsightCTA::before {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -180px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(240, 180, 41, 0.2);
    border-radius: 50%;
    pointer-events: none;
}

.gurInsightCTAInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.gurInsightCTALabel {
    display: inline-block;
    margin-bottom: 17px;
    color: var(--gur-gold-bright);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.7px;
}

.gurInsightCTA h2 {
    max-width: 850px;
    margin: 0 auto;
    color: var(--gur-white);
    font-size: clamp(29px, 4vw, 44px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.6px;
}

.gurInsightCTA h2 strong {
    color: var(--gur-gold-bright);
}

.gurInsightCTAInner > p {
    max-width: 780px;
    margin: 20px auto 0;
    color: #e0e8f2;
    font-size: 17px;
    line-height: 1.9;
}

.gurInsightCTAActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 31px;
}

.gurInsightCTAButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 58px;
    padding: 15px 26px;
    border: 2px solid var(--gur-gold-bright);
    border-radius: 5px;
    background: linear-gradient(
        135deg,
        var(--gur-gold-bright),
        var(--gur-gold-light)
    );
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.22);
    color: var(--gur-deep) !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurInsightCTAButton:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

.gurInsightCTAButton span {
    font-size: 21px;
    line-height: 1;
}

.gurInsightCTACall {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: var(--gur-white) !important;
    text-align: left;
}

.gurInsightCTACallIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    border: 1px solid rgba(240, 180, 41, 0.7);
    border-radius: 50%;
    color: var(--gur-gold-bright);
    font-size: 21px;
}

.gurInsightCTACall strong {
    display: block;
    color: var(--gur-white);
    font-size: 19px;
    line-height: 1.5;
}

.gurInsightCTAContact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 24px;
    margin-top: 35px;
    padding-top: 21px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    color: #dce5f0;
    font-size: 15px;
    line-height: 1.8;
}

.gurInsightCTAContact a {
    color: var(--gur-gold-bright) !important;
    font-size: 15px;
    font-weight: 700;
}


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

@media (max-width: 1050px) {

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

    .gurInsightFocusInner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .gurInsightCard {
        min-height: 320px;
    }
}

@media (max-width: 700px) {

    .gurInsightHero {
        padding: 53px 20px 0;
    }

    .gurInsightHero h1 {
        font-size: clamp(34px, 8vw, 46px);
        letter-spacing: -0.7px;
    }

    .gurInsightHeroText {
        font-size: 16px;
        line-height: 1.8;
    }

    .gurInsightHeroActions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gurInsightBtn {
        width: 100%;
    }

    .gurInsightHeroFoot {
        flex-direction: column;
        margin-top: 38px;
    }

    .gurInsightLibrary {
        padding: 52px 18px;
    }

    .gurInsightSectionHead {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 27px;
    }

    .gurInsightSectionHead h2,
    .gurInsightFocusIntro h2 {
        font-size: 30px;
    }

    .gurInsightSectionHead > p {
        padding-left: 15px;
    }

    .gurInsightGrid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .gurInsightCard {
        min-height: 0;
        padding: 23px 20px;
    }

    .gurInsightCard h3 {
        font-size: 21px;
    }

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

    .gurInsightLibraryFooter > a {
        width: 100%;
    }

    .gurInsightFocus {
        padding: 49px 18px;
    }

    .gurInsightFocusGrid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gurInsightCTA {
        padding: 52px 20px;
    }

    .gurInsightCTA h2 {
        font-size: 30px;
    }

    .gurInsightCTAInner > p {
        font-size: 16px;
    }

    .gurInsightCTAActions {
        align-items: stretch;
        flex-direction: column;
        gap: 22px;
    }

    .gurInsightCTAButton {
        width: 100%;
    }

    .gurInsightCTACall {
        justify-content: center;
    }

    .gurInsightCTAContact {
        flex-direction: column;
        gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .gurInsightBtn,
    .gurInsightCard,
    .gurInsightReadLink span,
    .gurInsightLibraryFooter > a,
    .gurInsightCTAButton {
        transition: none;
    }

    .gurInsightCard:hover,
    .gurInsightBtn:hover,
    .gurInsightCTAButton:hover {
        transform: none;
    }
}

/* =========================================================
   GURUGRAM FLAT BUYER'S PRACTICAL GUIDE
   Royal Navy & Gold | Responsive | No Hero Image
   Minimum font size: 15px
========================================================== */

.gfb-hero,
.gfb-journey,
.gfb-step,
.gfb-final-cta {
    --gfb-navy: #092f62;
    --gfb-deep: #061d3d;
    --gfb-deeper: #04152d;
    --gfb-gold: #b97800;
    --gfb-gold-light: #f0b429;
    --gfb-cream: #fff9eb;
    --gfb-paper: #f8fbff;
    --gfb-text: #26364a;
    --gfb-muted: #596a7f;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
    box-sizing: border-box;
}

.gfb-hero *,
.gfb-journey *,
.gfb-step *,
.gfb-final-cta * {
    box-sizing: border-box;
}

.gfb-hero *,
.gfb-journey *,
.gfb-step *,
.gfb-final-cta * {
    min-width: 0;
}

.gfb-hero a,
.gfb-journey a,
.gfb-step a,
.gfb-final-cta a {
    text-decoration: none;
}

.gfb-hero p,
.gfb-journey p,
.gfb-step p,
.gfb-final-cta p {
    margin-top: 0;
}

.gfb-container {
    width: min(1160px, calc(100% - 40px));
    margin-inline: auto;
}


/* =========================================================
   SECTION 1 — HERO
========================================================== */

.gfb-hero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 76px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 95% 0%, rgba(185, 120, 0, 0.19), transparent 34%),
        linear-gradient(120deg, #04152d 0%, #092f62 58%, #0d396f 100%);
}

.gfb-hero::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    top: -190px;
    right: 8%;
    border: 1px solid rgba(240, 180, 41, 0.28);
    border-radius: 50%;
    pointer-events: none;
}

.gfb-hero::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    top: -140px;
    right: 12%;
    border: 1px solid rgba(240, 180, 41, 0.17);
    border-radius: 50%;
    pointer-events: none;
}

.gfb-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 950px;
}

.gfb-eyebrow,
.gfb-section-kicker,
.gfb-final-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--gfb-gold-light);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gfb-eyebrow-line {
    display: inline-block;
    width: 35px;
    height: 2px;
    flex: 0 0 35px;
    background: var(--gfb-gold-light);
}

.gfb-hero h1 {
    max-width: 920px;
    margin: 23px 0 24px;
    color: #ffffff;
    font-size: clamp(36px, 5.2vw, 58px);
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.15;
}

.gfb-hero h1 span {
    color: var(--gfb-gold-light);
}

.gfb-hero-description {
    max-width: 830px;
    margin-bottom: 30px;
    color: #e0e9f5;
    font-size: 18px;
    line-height: 1.9;
}

.gfb-hero-description strong {
    color: #ffffff;
}

.gfb-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 32px;
}

.gfb-hero-points span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 6px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    font-weight: 600;
}

.gfb-hero-points i {
    display: inline-grid;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    place-items: center;
    border-radius: 50%;
    color: var(--gfb-deep);
    background: var(--gfb-gold-light);
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
}

.gfb-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
}

.gfb-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 14px 24px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease;
}

.gfb-btn:hover {
    transform: translateY(-2px);
}

.gfb-btn:focus-visible,
.gfb-hero a:focus-visible,
.gfb-journey a:focus-visible,
.gfb-step a:focus-visible,
.gfb-final-cta a:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 4px;
}

.gfb-btn-gold {
    color: #061d3d !important;
    background: var(--gfb-gold-light);
    border-color: var(--gfb-gold-light);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.17);
}

.gfb-btn-gold:hover {
    color: #061d3d !important;
    background: #ffd36a;
    border-color: #ffd36a;
}

.gfb-phone-link,
.gfb-final-phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
}

.gfb-phone-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: var(--gfb-gold-light);
    font-size: 20px;
}

.gfb-phone-link small,
.gfb-final-phone small {
    display: block;
    margin-bottom: 2px;
    color: #d8e2f0;
    font-size: 15px;
    line-height: 1.5;
}

.gfb-phone-link strong,
.gfb-final-phone strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
}

.gfb-hero-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 31px;
    color: #d8e2f0;
    font-size: 15px;
}

.gfb-note-mark {
    display: grid;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    place-items: center;
    border-radius: 50%;
    color: var(--gfb-deep);
    background: var(--gfb-gold-light);
    font-weight: 900;
}


/* =========================================================
   SECTION 2 — JOURNEY NAVIGATION
========================================================== */

.gfb-journey {
    padding: 65px 0 70px;
    color: var(--gfb-text);
    background: #ffffff;
}

.gfb-journey-heading {
    max-width: 720px;
    margin: 0 auto 35px;
    text-align: center;
}

.gfb-journey .gfb-section-kicker,
.gfb-step .gfb-section-kicker {
    color: var(--gfb-gold);
}

.gfb-journey-heading h2 {
    margin: 10px 0 12px;
    color: var(--gfb-navy);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.25;
}

.gfb-journey-heading p {
    margin-bottom: 0;
    color: var(--gfb-muted);
    font-size: 16px;
}

.gfb-journey-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.gfb-journey-card {
    position: relative;
    display: flex;
    min-height: 160px;
    flex-direction: column;
    justify-content: space-between;
    gap: 17px;
    padding: 22px 19px;
    overflow: hidden;
    border: 1px solid #e1e8f1;
    border-radius: 7px;
    background: var(--gfb-paper);
    transition: border-color 0.2s ease, transform 0.2s ease,
                box-shadow 0.2s ease;
}

.gfb-journey-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--gfb-gold);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.2s ease;
}

.gfb-journey-card:hover {
    transform: translateY(-4px);
    border-color: #d9b46d;
    box-shadow: 0 12px 30px rgba(9, 47, 98, 0.09);
}

.gfb-journey-card:hover::before {
    transform: scaleY(1);
}

.gfb-journey-number {
    color: var(--gfb-gold);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}

.gfb-journey-content {
    display: block;
    padding-right: 10px;
}

.gfb-journey-content strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gfb-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-journey-content small {
    display: block;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.6;
}

.gfb-journey-arrow {
    position: absolute;
    right: 18px;
    bottom: 19px;
    color: var(--gfb-gold);
    font-size: 23px;
}


/* =========================================================
   SECTIONS 3–6 — SHARED STEP LAYOUT
========================================================== */

.gfb-step {
    padding: 76px 0;
    color: var(--gfb-text);
    background: var(--gfb-paper);
    scroll-margin-top: 25px;
}

.gfb-step:nth-of-type(even) {
    background: #ffffff;
}

.gfb-step-layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    align-items: start;
    gap: 55px;
}

.gfb-step-side {
    position: sticky;
    top: 25px;
    padding: 26px 23px;
    border: 1px solid #e1e7ef;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(9, 47, 98, 0.045);
}

.gfb-step-label {
    display: block;
    color: var(--gfb-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gfb-step-big-number {
    margin: 18px 0 10px;
    color: var(--gfb-navy);
    font-size: 76px;
    font-weight: 900;
    letter-spacing: -4px;
    line-height: 1;
}

.gfb-step-side-rule {
    display: block;
    width: 58px;
    height: 4px;
    margin: 20px 0;
    border-radius: 3px;
    background: var(--gfb-gold);
}

.gfb-step-side p {
    margin: 0;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.75;
}

.gfb-step-main h2 {
    margin: 10px 0 20px;
    color: var(--gfb-navy);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 850;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.gfb-step-main > p {
    margin-bottom: 23px;
    color: var(--gfb-text);
    font-size: 17px;
    line-height: 1.9;
}

.gfb-step-main > p strong,
.gfb-step-main li strong {
    color: var(--gfb-navy);
}

.gfb-step-main > p a {
    color: var(--gfb-navy);
    text-decoration: underline;
    text-decoration-color: var(--gfb-gold);
    text-underline-offset: 4px;
    overflow-wrap: anywhere;
}

.gfb-subheading {
    margin: 30px 0 18px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-check-panel {
    margin: 28px 0;
    padding: 27px;
    border: 1px solid #e0e7f0;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.035);
}

.gfb-check-panel h3 {
    margin: 0 0 18px;
    color: var(--gfb-navy);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-check-list {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gfb-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}

.gfb-check-icon {
    display: grid;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    margin-top: 2px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 15px;
    font-weight: 900;
}

.gfb-insight-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 28px 0;
    padding: 24px;
    border-left: 4px solid var(--gfb-gold);
    border-radius: 0 7px 7px 0;
    background: #f2f6fb;
}

.gfb-insight-symbol {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 18px;
    font-weight: 900;
}

.gfb-insight-box h3 {
    margin: 2px 0 9px;
    color: var(--gfb-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-insight-box p {
    margin: 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}

.gfb-brand-note {
    margin: 27px 0;
    padding: 22px 24px;
    border: 1px solid #ead7ad;
    border-radius: 7px;
    background: #fffaf0;
}

.gfb-brand-note-label {
    display: inline-block;
    margin-bottom: 9px;
    color: #875500;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gfb-brand-note p {
    margin: 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}

.gfb-step-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 19px;
    margin-top: 30px;
}

.gfb-btn-navy {
    color: #ffffff !important;
    background: var(--gfb-navy);
    border-color: var(--gfb-navy);
    box-shadow: 0 7px 20px rgba(9, 47, 98, 0.15);
}

.gfb-btn-navy:hover {
    color: #ffffff !important;
    background: var(--gfb-deep);
    border-color: var(--gfb-deep);
}

.gfb-inline-phone {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    color: var(--gfb-navy) !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: var(--gfb-gold) !important;
    text-underline-offset: 5px;
}


/* =========================================================
   SECTION 4 — DLF PRICE COMPARISON
========================================================== */

.gfb-price-example {
    margin: 28px 0;
    padding: 27px;
    border: 1px solid #e3d1aa;
    border-radius: 8px;
    background: linear-gradient(135deg, #fffaf0 0%, #ffffff 100%);
}

.gfb-price-tag {
    display: inline-block;
    padding: 7px 11px;
    border-radius: 4px;
    color: #765000;
    background: #f7e6bb;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.gfb-price-example-heading h3 {
    margin: 14px 0 5px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-price-example-heading p {
    margin: 0 0 21px;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.7;
}

.gfb-price-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.gfb-price-card {
    min-height: 140px;
    padding: 19px;
    border: 1px solid #dce5ef;
    border-radius: 6px;
    background: #ffffff;
}

.gfb-price-card-highlight {
    border-color: #d6ad56;
    background: #fffdf7;
}

.gfb-price-card-label {
    display: block;
    margin-bottom: 10px;
    color: var(--gfb-muted);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.gfb-price-card strong {
    display: block;
    color: var(--gfb-navy);
    font-size: clamp(23px, 2.7vw, 32px);
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.gfb-price-card small {
    display: block;
    margin-top: 8px;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.5;
}

.gfb-price-divider {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #e6d2a8;
    border-radius: 50%;
    color: #805700;
    background: #fff4d9;
    font-size: 15px;
    font-weight: 900;
}

.gfb-price-difference {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 17px;
    padding: 16px 18px;
    border-radius: 5px;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 15px;
    line-height: 1.6;
}

.gfb-price-difference strong {
    color: var(--gfb-gold-light);
    font-size: 19px;
    font-weight: 900;
}

.gfb-factor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin: 20px 0 28px;
}

.gfb-factor-card {
    padding: 22px;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gfb-factor-card:hover {
    border-color: #d5b16c;
    box-shadow: 0 8px 23px rgba(9, 47, 98, 0.06);
}

.gfb-factor-number {
    display: block;
    margin-bottom: 12px;
    color: var(--gfb-gold);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
}

.gfb-factor-card strong {
    display: block;
    margin-bottom: 8px;
    color: var(--gfb-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
}

.gfb-factor-card p {
    margin: 0;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 5 — FMV AND LOCATION CARDS
========================================================== */

.gfb-location-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin: 26px 0;
}

.gfb-location-card {
    position: relative;
    padding: 23px 19px;
    border: 1px solid #dfe7f0;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.035);
}

.gfb-location-index {
    display: grid;
    width: 36px;
    height: 36px;
    margin-bottom: 17px;
    place-items: center;
    border-radius: 5px;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 16px;
    font-weight: 900;
}

.gfb-location-card h3 {
    margin: 0 0 10px;
    color: var(--gfb-navy);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.45;
}

.gfb-location-card p {
    margin: 0;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.8;
}

.gfb-oc-panel {
    margin: 29px 0;
    padding: 26px;
    border: 1px solid #ead4a6;
    border-radius: 7px;
    background: #fffaf0;
}

.gfb-oc-badge {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 4px;
    color: #795000;
    background: #f7e7bf;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.gfb-oc-panel h3 {
    margin: 15px 0 13px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-oc-panel p {
    margin: 0 0 13px;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.85;
}

.gfb-oc-panel p:last-child {
    margin-bottom: 0;
}

.gfb-fmv-process {
    margin: 30px 0;
}

.gfb-fmv-process > h3 {
    margin: 0 0 18px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-fmv-process-list {
    display: grid;
    gap: 0;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    overflow: hidden;
    background: #ffffff;
}

.gfb-fmv-process-list > div {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: start;
    gap: 15px;
    padding: 18px 21px;
    border-bottom: 1px solid #e7edf4;
}

.gfb-fmv-process-list > div:last-child {
    border-bottom: 0;
}

.gfb-fmv-process-list > div > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    color: #795000;
    background: #fff0c9;
    font-size: 15px;
    font-weight: 900;
}

.gfb-fmv-process-list p {
    margin: 3px 0 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 6 — LUXURY PROPERTY CHECKS
========================================================== */

.gfb-luxury-banner {
    position: relative;
    margin: 27px 0;
    padding: 28px;
    overflow: hidden;
    border-radius: 7px;
    color: #ffffff;
    background:
        radial-gradient(circle at 100% 0%, rgba(240, 180, 41, 0.17), transparent 36%),
        linear-gradient(115deg, #061d3d, #092f62);
}

.gfb-luxury-banner-label {
    display: inline-block;
    color: var(--gfb-gold-light);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.gfb-luxury-banner h3 {
    margin: 12px 0 10px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.gfb-luxury-banner p {
    max-width: 690px;
    margin: 0;
    color: #e0e9f5;
    font-size: 16px;
    line-height: 1.8;
}

.gfb-luxury-checks {
    display: grid;
    gap: 15px;
    margin: 28px 0;
}

.gfb-luxury-check {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    padding: 23px;
    border: 1px solid #e1e7ef;
    border-radius: 7px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gfb-luxury-check:hover {
    border-color: #d7b36b;
    box-shadow: 0 8px 23px rgba(9, 47, 98, 0.05);
}

.gfb-luxury-check-number {
    display: grid;
    width: 49px;
    height: 49px;
    place-items: center;
    border: 1px solid #e4d0a4;
    border-radius: 5px;
    color: #825900;
    background: #fff7e5;
    font-size: 20px;
    font-weight: 900;
}

.gfb-luxury-check h3 {
    margin: 2px 0 8px;
    color: var(--gfb-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.gfb-luxury-check p {
    margin: 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.85;
}

.gfb-luxury-disclaimer {
    margin: 25px 0;
    padding: 20px 23px;
    border: 1px solid #dfe5ed;
    border-radius: 6px;
    color: var(--gfb-muted);
    background: #f4f7fb;
    font-size: 15px;
    line-height: 1.85;
}

.gfb-luxury-disclaimer strong {
    color: var(--gfb-navy);
}


/* =========================================================
   SECTION 7 — FINAL CTA
========================================================== */

.gfb-final-cta {
    padding: 67px 0 25px;
    color: #ffffff;
    background: #04152d;
}

.gfb-final-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 45px;
    padding: 39px;
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 9px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.18), transparent 42%),
        linear-gradient(120deg, #092f62, #071f40);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.15);
}

.gfb-final-kicker {
    color: var(--gfb-gold-light);
}

.gfb-final-cta-copy h2 {
    margin: 14px 0 15px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 850;
    line-height: 1.25;
}

.gfb-final-cta-copy p {
    max-width: 650px;
    margin: 0;
    color: #dce7f5;
    font-size: 16px;
    line-height: 1.85;
}

.gfb-final-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 19px;
}

.gfb-final-cta-actions .gfb-btn {
    width: 100%;
}

.gfb-final-phone {
    justify-content: center;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
}

.gfb-final-phone-icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 50%;
    color: var(--gfb-gold-light);
    font-size: 20px;
}

.gfb-final-footnote {
    padding: 23px 0 0;
    color: #c2d0e2;
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
}


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

@media (max-width: 1000px) {
    .gfb-journey-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gfb-step-layout {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 30px;
    }

    .gfb-step-big-number {
        font-size: 65px;
    }

    .gfb-location-cards {
        grid-template-columns: 1fr;
    }

    .gfb-location-card {
        padding: 22px;
    }

    .gfb-final-cta-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .gfb-final-cta-actions {
        max-width: 430px;
    }
}

@media (max-width: 700px) {
    .gfb-container {
        width: min(100% - 32px, 560px);
    }

    .gfb-hero {
        padding: 62px 0 55px;
    }

    .gfb-hero h1 {
        font-size: clamp(34px, 9vw, 46px);
        letter-spacing: -0.8px;
    }

    .gfb-hero-description {
        font-size: 17px;
        line-height: 1.8;
    }

    .gfb-hero-points {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .gfb-hero-points span {
        width: 100%;
    }

    .gfb-hero-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .gfb-hero-actions .gfb-btn {
        width: 100%;
    }

    .gfb-phone-link {
        align-self: flex-start;
    }

    .gfb-journey {
        padding: 48px 0;
    }

    .gfb-journey-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gfb-journey-card {
        min-height: 130px;
        padding: 19px;
    }

    .gfb-step {
        padding: 51px 0;
    }

    .gfb-step-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .gfb-step-side {
        position: static;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 8px 14px;
        padding: 17px 19px;
    }

    .gfb-step-label {
        grid-column: 1;
        align-self: end;
    }

    .gfb-step-big-number {
        grid-column: 2;
        grid-row: 1 / span 3;
        margin: 0;
        font-size: 50px;
    }

    .gfb-step-side-rule {
        width: 42px;
        height: 3px;
        margin: 4px 0;
    }

    .gfb-step-side p {
        grid-column: 1;
        font-size: 15px;
    }

    .gfb-step-main h2 {
        font-size: 29px;
    }

    .gfb-step-main > p {
        font-size: 16px;
    }

    .gfb-check-panel,
    .gfb-price-example,
    .gfb-oc-panel {
        padding: 20px;
    }

    .gfb-insight-box {
        padding: 19px;
        gap: 12px;
    }

    .gfb-insight-symbol {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .gfb-price-comparison {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gfb-price-divider {
        margin-inline: auto;
    }

    .gfb-price-card {
        min-height: auto;
    }

    .gfb-factor-grid {
        grid-template-columns: 1fr;
    }

    .gfb-fmv-process-list > div {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
        padding: 16px;
    }

    .gfb-fmv-process-list > div > span {
        width: 34px;
        height: 34px;
    }

    .gfb-luxury-banner {
        padding: 22px;
    }

    .gfb-luxury-check {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        padding: 18px;
    }

    .gfb-luxury-check-number {
        width: 39px;
        height: 39px;
        font-size: 17px;
    }

    .gfb-step-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 13px;
    }

    .gfb-step-actions .gfb-btn {
        width: 100%;
    }

    .gfb-inline-phone {
        justify-content: center;
    }

    .gfb-final-cta {
        padding: 47px 0 20px;
    }

    .gfb-final-cta-inner {
        padding: 25px 20px;
        gap: 24px;
    }

    .gfb-final-cta-copy h2 {
        font-size: 29px;
    }

    .gfb-final-cta-actions {
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gfb-btn,
    .gfb-journey-card,
    .gfb-journey-card::before,
    .gfb-factor-card,
    .gfb-luxury-check {
        transition: none;
    }

    .gfb-btn:hover,
    .gfb-journey-card:hover {
        transform: none;
    }
}

/* =========================================================
   GURUGRAM FLAT BUYER'S PRACTICAL GUIDE
   Royal Navy & Gold | Responsive | No Hero Image
   Minimum font size: 15px
========================================================== */

.gfb-hero,
.gfb-journey,
.gfb-step,
.gfb-final-cta {
    --gfb-navy: #092f62;
    --gfb-deep: #061d3d;
    --gfb-deeper: #04152d;
    --gfb-gold: #b97800;
    --gfb-gold-light: #f0b429;
    --gfb-cream: #fff9eb;
    --gfb-paper: #f8fbff;
    --gfb-text: #26364a;
    --gfb-muted: #596a7f;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
    box-sizing: border-box;
}

.gfb-hero *,
.gfb-journey *,
.gfb-step *,
.gfb-final-cta * {
    box-sizing: border-box;
}

.gfb-hero *,
.gfb-journey *,
.gfb-step *,
.gfb-final-cta * {
    min-width: 0;
}

.gfb-hero a,
.gfb-journey a,
.gfb-step a,
.gfb-final-cta a {
    text-decoration: none;
}

.gfb-hero p,
.gfb-journey p,
.gfb-step p,
.gfb-final-cta p {
    margin-top: 0;
}

.gfb-container {
    width: min(1160px, calc(100% - 40px));
    margin-inline: auto;
}


/* =========================================================
   SECTION 1 — HERO
========================================================== */

.gfb-hero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 76px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 95% 0%, rgba(185, 120, 0, 0.19), transparent 34%),
        linear-gradient(120deg, #04152d 0%, #092f62 58%, #0d396f 100%);
}

.gfb-hero::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    top: -190px;
    right: 8%;
    border: 1px solid rgba(240, 180, 41, 0.28);
    border-radius: 50%;
    pointer-events: none;
}

.gfb-hero::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    top: -140px;
    right: 12%;
    border: 1px solid rgba(240, 180, 41, 0.17);
    border-radius: 50%;
    pointer-events: none;
}

.gfb-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 950px;
}

.gfb-eyebrow,
.gfb-section-kicker,
.gfb-final-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--gfb-gold-light);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gfb-eyebrow-line {
    display: inline-block;
    width: 35px;
    height: 2px;
    flex: 0 0 35px;
    background: var(--gfb-gold-light);
}

.gfb-hero h1 {
    max-width: 920px;
    margin: 23px 0 24px;
    color: #ffffff;
    font-size: clamp(36px, 5.2vw, 58px);
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1.15;
}

.gfb-hero h1 span {
    color: var(--gfb-gold-light);
}

.gfb-hero-description {
    max-width: 830px;
    margin-bottom: 30px;
    color: #e0e9f5;
    font-size: 18px;
    line-height: 1.9;
}

.gfb-hero-description strong {
    color: #ffffff;
}

.gfb-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 32px;
}

.gfb-hero-points span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 6px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    font-weight: 600;
}

.gfb-hero-points i {
    display: inline-grid;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    place-items: center;
    border-radius: 50%;
    color: var(--gfb-deep);
    background: var(--gfb-gold-light);
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
}

.gfb-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
}

.gfb-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 14px 24px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease;
}

.gfb-btn:hover {
    transform: translateY(-2px);
}

.gfb-btn:focus-visible,
.gfb-hero a:focus-visible,
.gfb-journey a:focus-visible,
.gfb-step a:focus-visible,
.gfb-final-cta a:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 4px;
}

.gfb-btn-gold {
    color: #061d3d !important;
    background: var(--gfb-gold-light);
    border-color: var(--gfb-gold-light);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.17);
}

.gfb-btn-gold:hover {
    color: #061d3d !important;
    background: #ffd36a;
    border-color: #ffd36a;
}

.gfb-phone-link,
.gfb-final-phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
}

.gfb-phone-icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: var(--gfb-gold-light);
    font-size: 20px;
}

.gfb-phone-link small,
.gfb-final-phone small {
    display: block;
    margin-bottom: 2px;
    color: #d8e2f0;
    font-size: 15px;
    line-height: 1.5;
}

.gfb-phone-link strong,
.gfb-final-phone strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
}

.gfb-hero-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 31px;
    color: #d8e2f0;
    font-size: 15px;
}

.gfb-note-mark {
    display: grid;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    place-items: center;
    border-radius: 50%;
    color: var(--gfb-deep);
    background: var(--gfb-gold-light);
    font-weight: 900;
}


/* =========================================================
   SECTION 2 — JOURNEY NAVIGATION
========================================================== */

.gfb-journey {
    padding: 65px 0 70px;
    color: var(--gfb-text);
    background: #ffffff;
}

.gfb-journey-heading {
    max-width: 720px;
    margin: 0 auto 35px;
    text-align: center;
}

.gfb-journey .gfb-section-kicker,
.gfb-step .gfb-section-kicker {
    color: var(--gfb-gold);
}

.gfb-journey-heading h2 {
    margin: 10px 0 12px;
    color: var(--gfb-navy);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.25;
}

.gfb-journey-heading p {
    margin-bottom: 0;
    color: var(--gfb-muted);
    font-size: 16px;
}

.gfb-journey-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.gfb-journey-card {
    position: relative;
    display: flex;
    min-height: 160px;
    flex-direction: column;
    justify-content: space-between;
    gap: 17px;
    padding: 22px 19px;
    overflow: hidden;
    border: 1px solid #e1e8f1;
    border-radius: 7px;
    background: var(--gfb-paper);
    transition: border-color 0.2s ease, transform 0.2s ease,
                box-shadow 0.2s ease;
}

.gfb-journey-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--gfb-gold);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.2s ease;
}

.gfb-journey-card:hover {
    transform: translateY(-4px);
    border-color: #d9b46d;
    box-shadow: 0 12px 30px rgba(9, 47, 98, 0.09);
}

.gfb-journey-card:hover::before {
    transform: scaleY(1);
}

.gfb-journey-number {
    color: var(--gfb-gold);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}

.gfb-journey-content {
    display: block;
    padding-right: 10px;
}

.gfb-journey-content strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gfb-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-journey-content small {
    display: block;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.6;
}

.gfb-journey-arrow {
    position: absolute;
    right: 18px;
    bottom: 19px;
    color: var(--gfb-gold);
    font-size: 23px;
}


/* =========================================================
   SECTIONS 3–6 — SHARED STEP LAYOUT
========================================================== */

.gfb-step {
    padding: 76px 0;
    color: var(--gfb-text);
    background: var(--gfb-paper);
    scroll-margin-top: 25px;
}

.gfb-step:nth-of-type(even) {
    background: #ffffff;
}

.gfb-step-layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    align-items: start;
    gap: 55px;
}

.gfb-step-side {
    position: sticky;
    top: 25px;
    padding: 26px 23px;
    border: 1px solid #e1e7ef;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(9, 47, 98, 0.045);
}

.gfb-step-label {
    display: block;
    color: var(--gfb-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gfb-step-big-number {
    margin: 18px 0 10px;
    color: var(--gfb-navy);
    font-size: 76px;
    font-weight: 900;
    letter-spacing: -4px;
    line-height: 1;
}

.gfb-step-side-rule {
    display: block;
    width: 58px;
    height: 4px;
    margin: 20px 0;
    border-radius: 3px;
    background: var(--gfb-gold);
}

.gfb-step-side p {
    margin: 0;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.75;
}

.gfb-step-main h2 {
    margin: 10px 0 20px;
    color: var(--gfb-navy);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 850;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.gfb-step-main > p {
    margin-bottom: 23px;
    color: var(--gfb-text);
    font-size: 17px;
    line-height: 1.9;
}

.gfb-step-main > p strong,
.gfb-step-main li strong {
    color: var(--gfb-navy);
}

.gfb-step-main > p a {
    color: var(--gfb-navy);
    text-decoration: underline;
    text-decoration-color: var(--gfb-gold);
    text-underline-offset: 4px;
    overflow-wrap: anywhere;
}

.gfb-subheading {
    margin: 30px 0 18px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-check-panel {
    margin: 28px 0;
    padding: 27px;
    border: 1px solid #e0e7f0;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.035);
}

.gfb-check-panel h3 {
    margin: 0 0 18px;
    color: var(--gfb-navy);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-check-list {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gfb-check-list li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}

.gfb-check-icon {
    display: grid;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    margin-top: 2px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 15px;
    font-weight: 900;
}

.gfb-insight-box {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 28px 0;
    padding: 24px;
    border-left: 4px solid var(--gfb-gold);
    border-radius: 0 7px 7px 0;
    background: #f2f6fb;
}

.gfb-insight-symbol {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 18px;
    font-weight: 900;
}

.gfb-insight-box h3 {
    margin: 2px 0 9px;
    color: var(--gfb-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-insight-box p {
    margin: 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}

.gfb-brand-note {
    margin: 27px 0;
    padding: 22px 24px;
    border: 1px solid #ead7ad;
    border-radius: 7px;
    background: #fffaf0;
}

.gfb-brand-note-label {
    display: inline-block;
    margin-bottom: 9px;
    color: #875500;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gfb-brand-note p {
    margin: 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}

.gfb-step-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 19px;
    margin-top: 30px;
}

.gfb-btn-navy {
    color: #ffffff !important;
    background: var(--gfb-navy);
    border-color: var(--gfb-navy);
    box-shadow: 0 7px 20px rgba(9, 47, 98, 0.15);
}

.gfb-btn-navy:hover {
    color: #ffffff !important;
    background: var(--gfb-deep);
    border-color: var(--gfb-deep);
}

.gfb-inline-phone {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    color: var(--gfb-navy) !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: var(--gfb-gold) !important;
    text-underline-offset: 5px;
}


/* =========================================================
   SECTION 4 — DLF PRICE COMPARISON
========================================================== */

.gfb-price-example {
    margin: 28px 0;
    padding: 27px;
    border: 1px solid #e3d1aa;
    border-radius: 8px;
    background: linear-gradient(135deg, #fffaf0 0%, #ffffff 100%);
}

.gfb-price-tag {
    display: inline-block;
    padding: 7px 11px;
    border-radius: 4px;
    color: #765000;
    background: #f7e6bb;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.gfb-price-example-heading h3 {
    margin: 14px 0 5px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-price-example-heading p {
    margin: 0 0 21px;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.7;
}

.gfb-price-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.gfb-price-card {
    min-height: 140px;
    padding: 19px;
    border: 1px solid #dce5ef;
    border-radius: 6px;
    background: #ffffff;
}

.gfb-price-card-highlight {
    border-color: #d6ad56;
    background: #fffdf7;
}

.gfb-price-card-label {
    display: block;
    margin-bottom: 10px;
    color: var(--gfb-muted);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.gfb-price-card strong {
    display: block;
    color: var(--gfb-navy);
    font-size: clamp(23px, 2.7vw, 32px);
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.gfb-price-card small {
    display: block;
    margin-top: 8px;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.5;
}

.gfb-price-divider {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #e6d2a8;
    border-radius: 50%;
    color: #805700;
    background: #fff4d9;
    font-size: 15px;
    font-weight: 900;
}

.gfb-price-difference {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 17px;
    padding: 16px 18px;
    border-radius: 5px;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 15px;
    line-height: 1.6;
}

.gfb-price-difference strong {
    color: var(--gfb-gold-light);
    font-size: 19px;
    font-weight: 900;
}

.gfb-factor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin: 20px 0 28px;
}

.gfb-factor-card {
    padding: 22px;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gfb-factor-card:hover {
    border-color: #d5b16c;
    box-shadow: 0 8px 23px rgba(9, 47, 98, 0.06);
}

.gfb-factor-number {
    display: block;
    margin-bottom: 12px;
    color: var(--gfb-gold);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
}

.gfb-factor-card strong {
    display: block;
    margin-bottom: 8px;
    color: var(--gfb-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
}

.gfb-factor-card p {
    margin: 0;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 5 — FMV AND LOCATION CARDS
========================================================== */

.gfb-location-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin: 26px 0;
}

.gfb-location-card {
    position: relative;
    padding: 23px 19px;
    border: 1px solid #dfe7f0;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.035);
}

.gfb-location-index {
    display: grid;
    width: 36px;
    height: 36px;
    margin-bottom: 17px;
    place-items: center;
    border-radius: 5px;
    color: #ffffff;
    background: var(--gfb-navy);
    font-size: 16px;
    font-weight: 900;
}

.gfb-location-card h3 {
    margin: 0 0 10px;
    color: var(--gfb-navy);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.45;
}

.gfb-location-card p {
    margin: 0;
    color: var(--gfb-muted);
    font-size: 15px;
    line-height: 1.8;
}

.gfb-oc-panel {
    margin: 29px 0;
    padding: 26px;
    border: 1px solid #ead4a6;
    border-radius: 7px;
    background: #fffaf0;
}

.gfb-oc-badge {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 4px;
    color: #795000;
    background: #f7e7bf;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.gfb-oc-panel h3 {
    margin: 15px 0 13px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-oc-panel p {
    margin: 0 0 13px;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.85;
}

.gfb-oc-panel p:last-child {
    margin-bottom: 0;
}

.gfb-fmv-process {
    margin: 30px 0;
}

.gfb-fmv-process > h3 {
    margin: 0 0 18px;
    color: var(--gfb-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gfb-fmv-process-list {
    display: grid;
    gap: 0;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    overflow: hidden;
    background: #ffffff;
}

.gfb-fmv-process-list > div {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: start;
    gap: 15px;
    padding: 18px 21px;
    border-bottom: 1px solid #e7edf4;
}

.gfb-fmv-process-list > div:last-child {
    border-bottom: 0;
}

.gfb-fmv-process-list > div > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    color: #795000;
    background: #fff0c9;
    font-size: 15px;
    font-weight: 900;
}

.gfb-fmv-process-list p {
    margin: 3px 0 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 6 — LUXURY PROPERTY CHECKS
========================================================== */

.gfb-luxury-banner {
    position: relative;
    margin: 27px 0;
    padding: 28px;
    overflow: hidden;
    border-radius: 7px;
    color: #ffffff;
    background:
        radial-gradient(circle at 100% 0%, rgba(240, 180, 41, 0.17), transparent 36%),
        linear-gradient(115deg, #061d3d, #092f62);
}

.gfb-luxury-banner-label {
    display: inline-block;
    color: var(--gfb-gold-light);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.gfb-luxury-banner h3 {
    margin: 12px 0 10px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.gfb-luxury-banner p {
    max-width: 690px;
    margin: 0;
    color: #e0e9f5;
    font-size: 16px;
    line-height: 1.8;
}

.gfb-luxury-checks {
    display: grid;
    gap: 15px;
    margin: 28px 0;
}

.gfb-luxury-check {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    padding: 23px;
    border: 1px solid #e1e7ef;
    border-radius: 7px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gfb-luxury-check:hover {
    border-color: #d7b36b;
    box-shadow: 0 8px 23px rgba(9, 47, 98, 0.05);
}

.gfb-luxury-check-number {
    display: grid;
    width: 49px;
    height: 49px;
    place-items: center;
    border: 1px solid #e4d0a4;
    border-radius: 5px;
    color: #825900;
    background: #fff7e5;
    font-size: 20px;
    font-weight: 900;
}

.gfb-luxury-check h3 {
    margin: 2px 0 8px;
    color: var(--gfb-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.gfb-luxury-check p {
    margin: 0;
    color: var(--gfb-text);
    font-size: 16px;
    line-height: 1.85;
}

.gfb-luxury-disclaimer {
    margin: 25px 0;
    padding: 20px 23px;
    border: 1px solid #dfe5ed;
    border-radius: 6px;
    color: var(--gfb-muted);
    background: #f4f7fb;
    font-size: 15px;
    line-height: 1.85;
}

.gfb-luxury-disclaimer strong {
    color: var(--gfb-navy);
}


/* =========================================================
   SECTION 7 — FINAL CTA
========================================================== */

.gfb-final-cta {
    padding: 67px 0 25px;
    color: #ffffff;
    background: #04152d;
}

.gfb-final-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    align-items: center;
    gap: 45px;
    padding: 39px;
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 9px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.18), transparent 42%),
        linear-gradient(120deg, #092f62, #071f40);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.15);
}

.gfb-final-kicker {
    color: var(--gfb-gold-light);
}

.gfb-final-cta-copy h2 {
    margin: 14px 0 15px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 850;
    line-height: 1.25;
}

.gfb-final-cta-copy p {
    max-width: 650px;
    margin: 0;
    color: #dce7f5;
    font-size: 16px;
    line-height: 1.85;
}

.gfb-final-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 19px;
}

.gfb-final-cta-actions .gfb-btn {
    width: 100%;
}

.gfb-final-phone {
    justify-content: center;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
}

.gfb-final-phone-icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 50%;
    color: var(--gfb-gold-light);
    font-size: 20px;
}

.gfb-final-footnote {
    padding: 23px 0 0;
    color: #c2d0e2;
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
}


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

@media (max-width: 1000px) {
    .gfb-journey-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gfb-step-layout {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 30px;
    }

    .gfb-step-big-number {
        font-size: 65px;
    }

    .gfb-location-cards {
        grid-template-columns: 1fr;
    }

    .gfb-location-card {
        padding: 22px;
    }

    .gfb-final-cta-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .gfb-final-cta-actions {
        max-width: 430px;
    }
}

@media (max-width: 700px) {
    .gfb-container {
        width: min(100% - 32px, 560px);
    }

    .gfb-hero {
        padding: 62px 0 55px;
    }

    .gfb-hero h1 {
        font-size: clamp(34px, 9vw, 46px);
        letter-spacing: -0.8px;
    }

    .gfb-hero-description {
        font-size: 17px;
        line-height: 1.8;
    }

    .gfb-hero-points {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .gfb-hero-points span {
        width: 100%;
    }

    .gfb-hero-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .gfb-hero-actions .gfb-btn {
        width: 100%;
    }

    .gfb-phone-link {
        align-self: flex-start;
    }

    .gfb-journey {
        padding: 48px 0;
    }

    .gfb-journey-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gfb-journey-card {
        min-height: 130px;
        padding: 19px;
    }

    .gfb-step {
        padding: 51px 0;
    }

    .gfb-step-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .gfb-step-side {
        position: static;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 8px 14px;
        padding: 17px 19px;
    }

    .gfb-step-label {
        grid-column: 1;
        align-self: end;
    }

    .gfb-step-big-number {
        grid-column: 2;
        grid-row: 1 / span 3;
        margin: 0;
        font-size: 50px;
    }

    .gfb-step-side-rule {
        width: 42px;
        height: 3px;
        margin: 4px 0;
    }

    .gfb-step-side p {
        grid-column: 1;
        font-size: 15px;
    }

    .gfb-step-main h2 {
        font-size: 29px;
    }

    .gfb-step-main > p {
        font-size: 16px;
    }

    .gfb-check-panel,
    .gfb-price-example,
    .gfb-oc-panel {
        padding: 20px;
    }

    .gfb-insight-box {
        padding: 19px;
        gap: 12px;
    }

    .gfb-insight-symbol {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .gfb-price-comparison {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gfb-price-divider {
        margin-inline: auto;
    }

    .gfb-price-card {
        min-height: auto;
    }

    .gfb-factor-grid {
        grid-template-columns: 1fr;
    }

    .gfb-fmv-process-list > div {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
        padding: 16px;
    }

    .gfb-fmv-process-list > div > span {
        width: 34px;
        height: 34px;
    }

    .gfb-luxury-banner {
        padding: 22px;
    }

    .gfb-luxury-check {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        padding: 18px;
    }

    .gfb-luxury-check-number {
        width: 39px;
        height: 39px;
        font-size: 17px;
    }

    .gfb-step-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 13px;
    }

    .gfb-step-actions .gfb-btn {
        width: 100%;
    }

    .gfb-inline-phone {
        justify-content: center;
    }

    .gfb-final-cta {
        padding: 47px 0 20px;
    }

    .gfb-final-cta-inner {
        padding: 25px 20px;
        gap: 24px;
    }

    .gfb-final-cta-copy h2 {
        font-size: 29px;
    }

    .gfb-final-cta-actions {
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gfb-btn,
    .gfb-journey-card,
    .gfb-journey-card::before,
    .gfb-factor-card,
    .gfb-luxury-check {
        transition: none;
    }

    .gfb-btn:hover,
    .gfb-journey-card:hover {
        transform: none;
    }
}

/* =========================================================
   SHARED BUTTONS
   Royal navy and gold | Minimum font size: 15px
========================================================= */

.dlfSellerHero,
.dlfPremiumSection,
.dlfNocSection,
.dlfCapitalSection {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.dlfSellerHero *,
.dlfPremiumSection *,
.dlfNocSection *,
.dlfCapitalSection * {
    box-sizing: border-box;
}

.dlfSellerBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 13px 24px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .25s ease,
                color .25s ease,
                border-color .25s ease,
                transform .25s ease,
                box-shadow .25s ease;
}

.dlfSellerBtn--gold {
    color: #061d3d !important;
    background: linear-gradient(135deg, #f0c45c, #d99a16);
    border-color: #f0c45c;
    box-shadow: 0 7px 20px rgba(185, 120, 0, .20);
}

.dlfSellerBtn--gold:hover {
    color: #061d3d !important;
    background: #f8d77f;
    border-color: #f8d77f;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(185, 120, 0, .28);
}

.dlfSellerBtn--outline {
    color: #fff !important;
    background: transparent;
    border-color: rgba(255, 255, 255, .65);
}

.dlfSellerBtn--outline:hover {
    color: #061d3d !important;
    background: #fff;
    border-color: #fff;
}

.dlfSellerBtn:focus-visible,
.dlfSellerHero a:focus-visible,
.dlfPremiumSection a:focus-visible,
.dlfNocSection a:focus-visible,
.dlfCapitalSection a:focus-visible {
    outline: 3px solid #e8ad2c;
    outline-offset: 4px;
}


/* =========================================================
   SECTION 1: HERO
   Unique namespace: dlfSellerHero
========================================================= */

.dlfSellerHero {
    position: relative;
    overflow: hidden;
    padding: 78px 24px 68px;
    color: #fff;
    background:
        radial-gradient(ellipse at 90% 5%,
            rgba(185, 120, 0, .19), transparent 35%),
        linear-gradient(125deg, #04152d 0%, #092f62 60%, #0c376c 100%);
}

.dlfSellerHero::before {
    position: absolute;
    top: -100px;
    right: -90px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(240, 180, 41, .24);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.dlfSellerHero::after {
    position: absolute;
    top: -50px;
    right: -40px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(240, 180, 41, .15);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.dlfSellerHero__inner {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    margin: 0 auto;
}

.dlfSellerHero__eyebrow,
.dlfPremiumSection__eyebrow,
.dlfNocSection__eyebrow,
.dlfCapitalSection__eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #b97800;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.dlfSellerHero__eyebrow {
    padding: 8px 13px;
    color: #f5cb69;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(240, 180, 41, .36);
    border-radius: 5px;
}

.dlfSellerHero h1 {
    max-width: 950px;
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(34px, 4.2vw, 54px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.8px;
}

.dlfSellerHero h1 strong {
    color: #f0c45c;
    font-weight: 850;
}

.dlfSellerHero h1 span {
    display: block;
    margin-top: 8px;
    color: #fff;
}

.dlfSellerHero p {
    max-width: 820px;
    margin: 0;
    color: #e1eaf6;
    font-size: 18px;
    line-height: 1.85;
}

.dlfSellerHero p strong {
    color: #fff;
    font-weight: 800;
}

.dlfSellerHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.dlfSellerHero__phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none !important;
}

.dlfSellerHero__phone span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #f0c45c;
    border: 1px solid rgba(240, 180, 41, .55);
    border-radius: 50%;
}

.dlfSellerHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
    padding-top: 23px;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.dlfSellerHero__trust span {
    padding: 7px 13px;
    color: #e4edf9;
    background: rgba(255, 255, 255, .06);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
}


/* =========================================================
   SECTION 2: BRAND PREMIUM
   Unique namespace: dlfPremiumSection
========================================================= */

.dlfPremiumSection {
    padding: 76px 24px;
    color: #24364d;
    background: #f8faff;
}

.dlfPremiumSection__inner {
    max-width: 1160px;
    margin: 0 auto;
}

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

.dlfPremiumSection__intro h2,
.dlfNocSection__heading h2,
.dlfCapitalSection__heading h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 750;
    line-height: 1.3;
}

.dlfPremiumSection__intro h2 strong,
.dlfNocSection__heading h2 strong,
.dlfCapitalSection__heading h2 strong {
    color: #b97800;
}

.dlfPremiumSection__intro > p,
.dlfNocSection__heading > p,
.dlfCapitalSection__heading > p {
    margin: 0;
    color: #46566b;
    font-size: 17px;
    line-height: 1.85;
}

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

.dlfPremiumSection__card {
    position: relative;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #e0e7f1;
    border-top: 4px solid #b97800;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(9, 47, 98, .055);
    transition: transform .25s ease, box-shadow .25s ease;
}

.dlfPremiumSection__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(9, 47, 98, .11);
}

.dlfPremiumSection__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    margin-bottom: 19px;
    color: #f0c45c;
    background: #092f62;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 850;
}

.dlfPremiumSection__card h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfPremiumSection__card p {
    margin: 0;
    color: #4a586a;
    font-size: 16px;
    line-height: 1.85;
}

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

.dlfPremiumSection__example {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    margin-top: 28px;
    padding: 30px;
    background: #fff8e8;
    border: 1px solid #efd8a0;
    border-radius: 10px;
}

.dlfPremiumSection__exampleLabel {
    display: inline-block;
    margin-bottom: 10px;
    color: #8a5900;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.dlfPremiumSection__example h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 23px;
    line-height: 1.4;
}

.dlfPremiumSection__example p {
    margin: 0;
    color: #4d4a41;
    font-size: 16px;
    line-height: 1.8;
}

.dlfPremiumSection__figures {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 255px;
    padding: 23px;
    text-align: center;
    background: #092f62;
    border-radius: 8px;
}

.dlfPremiumSection__figures span {
    color: #dce8f7;
    font-size: 15px;
    line-height: 1.6;
}

.dlfPremiumSection__figures strong {
    color: #f0c45c;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.dlfPremiumSection__figures small {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.dlfPremiumSection__note {
    margin-top: 22px;
    padding: 20px 22px;
    color: #394b62;
    background: #edf3fb;
    border-left: 4px solid #092f62;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.8;
}

.dlfPremiumSection__note strong {
    color: #092f62;
}

.dlfPremiumSection__cta,
.dlfNocSection__bottom,
.dlfCapitalSection__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 34px;
    padding: 29px;
    color: #fff;
    background: linear-gradient(115deg, #061d3d, #092f62);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(9, 47, 98, .13);
}

.dlfPremiumSection__cta h3,
.dlfNocSection__bottom h3,
.dlfCapitalSection__cta h3 {
    margin: 0 0 7px;
    color: #f0c45c;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfPremiumSection__cta p,
.dlfNocSection__bottom p,
.dlfCapitalSection__cta p {
    margin: 0;
    color: #e1eaf6;
    font-size: 16px;
    line-height: 1.75;
}

.dlfPremiumSection__ctaActions,
.dlfNocSection__actions,
.dlfCapitalSection__ctaActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}


/* =========================================================
   SECTION 3: DLF NOC AND RESALE DOCUMENTS
   Unique namespace: dlfNocSection
========================================================= */

.dlfNocSection {
    padding: 76px 24px;
    color: #263b54;
    background: #fff;
}

.dlfNocSection__inner {
    max-width: 1160px;
    margin: 0 auto;
}

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

.dlfNocSection__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, .85fr);
    align-items: start;
    gap: 30px;
}

.dlfNocSection__main {
    padding: 30px;
    background: #f8faff;
    border: 1px solid #e1e8f2;
    border-radius: 10px;
}

.dlfNocSection__main > h3 {
    margin: 0 0 23px;
    padding-bottom: 16px;
    color: #092f62;
    border-bottom: 2px solid #e7c675;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfNocSection__check {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #dfe7f1;
}

.dlfNocSection__check:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.dlfNocSection__checkIcon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #fff;
    background: #092f62;
    border: 2px solid #d99a16;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 850;
}

.dlfNocSection__check h4 {
    margin: 0 0 6px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.dlfNocSection__check p {
    margin: 0;
    color: #4b5b6f;
    font-size: 16px;
    line-height: 1.8;
}

.dlfNocSection__sidebar {
    padding: 29px;
    color: #fff;
    background: linear-gradient(155deg, #092f62, #04152d);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(9, 47, 98, .15);
}

.dlfNocSection__sidebarTag {
    display: inline-block;
    margin-bottom: 16px;
    padding: 7px 11px;
    color: #f0c45c;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(240, 196, 92, .35);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.dlfNocSection__sidebar h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfNocSection__sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dlfNocSection__sidebar li {
    position: relative;
    margin: 0;
    padding: 12px 0 12px 25px;
    color: #e5edf8;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    font-size: 16px;
    line-height: 1.65;
}

.dlfNocSection__sidebar li::before {
    position: absolute;
    top: 12px;
    left: 0;
    color: #f0c45c;
    content: "✓";
    font-size: 17px;
    font-weight: 850;
}

.dlfNocSection__sidebar p {
    margin: 20px 0 0;
    padding-top: 16px;
    color: #dbe6f4;
    border-top: 1px solid rgba(255, 255, 255, .2);
    font-size: 15px;
    line-height: 1.8;
}

.dlfNocSection__bottom {
    margin-top: 30px;
}

.dlfNocSection__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 17px;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
}

.dlfNocSection__phone:hover {
    color: #061d3d !important;
    background: #fff;
}


/* =========================================================
   SECTION 4: HISTORICAL FMV AND CAPITAL GAINS
   Unique namespace: dlfCapitalSection
========================================================= */

.dlfCapitalSection {
    padding: 76px 24px;
    color: #293c53;
    background:
        linear-gradient(180deg, #f4f7fc 0%, #fff 48%, #f8faff 100%);
}

.dlfCapitalSection__inner {
    max-width: 1160px;
    margin: 0 auto;
}

.dlfCapitalSection__heading {
    max-width: 920px;
    margin: 0 auto 38px;
    text-align: center;
}

.dlfCapitalSection__feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 255px;
    align-items: center;
    gap: 30px;
    padding: 32px;
    background: #fff;
    border: 1px solid #dfe6f0;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(9, 47, 98, .055);
}

.dlfCapitalSection__featureLabel {
    display: inline-block;
    margin-bottom: 12px;
    color: #9a6500;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.dlfCapitalSection__featureText h3 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfCapitalSection__featureText p {
    margin: 0 0 14px;
    color: #4b5b6f;
    font-size: 16px;
    line-height: 1.85;
}

.dlfCapitalSection__featureText p:last-child {
    margin-bottom: 0;
}

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

.dlfCapitalSection__dateCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 225px;
    padding: 24px;
    color: #fff;
    text-align: center;
    background: linear-gradient(145deg, #092f62, #04152d);
    border: 1px solid #b97800;
    border-radius: 9px;
}

.dlfCapitalSection__dateCard span {
    margin-bottom: 18px;
    color: #f0c45c;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: .7px;
}

.dlfCapitalSection__dateCard strong {
    color: #fff;
    font-size: 30px;
    font-weight: 850;
    line-height: 1.25;
}

.dlfCapitalSection__dateCard small {
    display: block;
    margin-top: 17px;
    color: #dce7f6;
    font-size: 15px;
    line-height: 1.6;
}

.dlfCapitalSection__calculation {
    margin-top: 30px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e0e7f1;
    border-radius: 10px;
}

.dlfCapitalSection__calculationHead {
    max-width: 850px;
    margin-bottom: 25px;
}

.dlfCapitalSection__calculationHead .dlfCapitalSection__eyebrow {
    margin-bottom: 10px;
}

.dlfCapitalSection__calculationHead h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfCapitalSection__calculationHead p {
    margin: 0;
    color: #4b5b6f;
    font-size: 16px;
    line-height: 1.8;
}

.dlfCapitalSection__scenario {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.dlfCapitalSection__scenarioItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 125px;
    padding: 20px;
    background: #f5f8fd;
    border: 1px solid #e1e8f2;
    border-bottom: 3px solid #b97800;
    border-radius: 7px;
}

.dlfCapitalSection__scenarioItem span {
    margin-bottom: 9px;
    color: #53647a;
    font-size: 15px;
    line-height: 1.6;
}

.dlfCapitalSection__scenarioItem strong {
    color: #092f62;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.dlfCapitalSection__caution {
    margin-top: 23px;
    padding: 22px;
    color: #4c432e;
    background: #fff8e8;
    border: 1px solid #ead29b;
    border-left: 5px solid #b97800;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.85;
}

.dlfCapitalSection__caution strong {
    color: #805300;
    font-weight: 850;
}

.dlfCapitalSection__steps {
    margin-top: 32px;
}

.dlfCapitalSection__steps > h3 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfCapitalSection__stepsGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.dlfCapitalSection__step {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    min-height: 115px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e0e7f1;
    border-radius: 8px;
}

.dlfCapitalSection__step span {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #f0c45c;
    background: #092f62;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 850;
}

.dlfCapitalSection__step p {
    margin: 0;
    color: #42536a;
    font-size: 15px;
    line-height: 1.75;
}

.dlfCapitalSection__cta {
    margin-top: 34px;
}


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

@media (max-width: 1000px) {
    .dlfPremiumSection__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dlfPremiumSection__card:last-child {
        grid-column: 1 / -1;
    }

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

    .dlfPremiumSection__cta,
    .dlfNocSection__bottom,
    .dlfCapitalSection__cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .dlfPremiumSection__ctaActions,
    .dlfNocSection__actions,
    .dlfCapitalSection__ctaActions {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .dlfSellerHero,
    .dlfPremiumSection,
    .dlfNocSection,
    .dlfCapitalSection {
        padding: 52px 18px;
    }

    .dlfSellerHero h1 {
        font-size: 35px;
        letter-spacing: -.4px;
    }

    .dlfSellerHero p {
        font-size: 16px;
    }

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

    .dlfPremiumSection__card:last-child {
        grid-column: auto;
    }

    .dlfPremiumSection__example {
        grid-template-columns: 1fr;
        padding: 23px;
    }

    .dlfPremiumSection__figures {
        min-width: 0;
        width: 100%;
    }

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

    .dlfCapitalSection__feature {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .dlfCapitalSection__dateCard {
        min-height: 190px;
    }

    .dlfPremiumSection__cta,
    .dlfNocSection__bottom,
    .dlfCapitalSection__cta {
        padding: 24px;
    }
}

@media (max-width: 520px) {
    .dlfSellerHero h1 {
        font-size: 31px;
    }

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

    .dlfSellerHero__actions .dlfSellerBtn {
        width: 100%;
    }

    .dlfSellerHero__trust {
        gap: 8px;
    }

    .dlfPremiumSection__intro h2,
    .dlfNocSection__heading h2,
    .dlfCapitalSection__heading h2 {
        font-size: 28px;
    }

    .dlfNocSection__main,
    .dlfNocSection__sidebar,
    .dlfCapitalSection__calculation {
        padding: 22px;
    }

    .dlfCapitalSection__scenario,
    .dlfCapitalSection__stepsGrid {
        grid-template-columns: 1fr;
    }

    .dlfPremiumSection__ctaActions,
    .dlfNocSection__actions,
    .dlfCapitalSection__ctaActions {
        align-items: stretch;
        flex-direction: column;
    }

    .dlfPremiumSection__ctaActions .dlfSellerBtn,
    .dlfNocSection__actions .dlfSellerBtn,
    .dlfCapitalSection__ctaActions .dlfSellerBtn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dlfSellerBtn,
    .dlfPremiumSection__card {
        transition: none;
    }

    .dlfPremiumSection__card:hover,
    .dlfSellerBtn--gold:hover {
        transform: none;
    }
}

/* =========================================
   SHARED BUTTONS — GURUGRAM DELAY PAGE
========================================= */

.gurDelayHero,
.gurDelayLandscape,
.gurDelayDecision,
.gurDelayValuation,
.gurDelayFiling,
.gurDelayChecklist,
.gurDelayFinalCta {
    --gur-navy: #092f62;
    --gur-dark: #061d3d;
    --gur-deep: #04152d;
    --gur-gold: #b97800;
    --gur-gold-bright: #f0b429;
    --gur-gold-soft: #fff5dc;
    --gur-text: #26364b;
    --gur-muted: #5b6a7e;
    --gur-border: #dce4ef;
    box-sizing: border-box;
    font-family: inherit;
}

.gurDelayHero *,
.gurDelayLandscape *,
.gurDelayDecision *,
.gurDelayValuation *,
.gurDelayFiling *,
.gurDelayChecklist *,
.gurDelayFinalCta * {
    box-sizing: border-box;
}

.gurDelayHero p,
.gurDelayLandscape p,
.gurDelayDecision p,
.gurDelayValuation p,
.gurDelayFiling p,
.gurDelayChecklist p,
.gurDelayFinalCta p,
.gurDelayLandscape li,
.gurDelayDecision li,
.gurDelayChecklist li {
    font-size: 16px;
    line-height: 1.8;
}

.gurDelayBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 15px 25px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.gurDelayBtn:hover {
    transform: translateY(-2px);
}

.gurDelayBtn:focus-visible,
.gurDelayFiling__stepBody a:focus-visible,
.gurDelayChecklist__phone:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 4px;
}

.gurDelayBtn--gold {
    color: #061d3d;
    background: linear-gradient(135deg, #ffd777, #f0b429);
    border-color: #f0b429;
    box-shadow: 0 8px 22px rgba(185, 120, 0, 0.22);
}

.gurDelayBtn--gold:hover {
    background: #ffda80;
    box-shadow: 0 11px 26px rgba(185, 120, 0, 0.3);
}

.gurDelayBtn--outline {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.06);
}

.gurDelayBtn--outline:hover {
    background: rgba(255, 255, 255, 0.13);
}

.gurDelayBtn--navy {
    color: #fff;
    background: var(--gur-navy);
    box-shadow: 0 7px 20px rgba(9, 47, 98, 0.18);
}

.gurDelayBtn--navy:hover {
    background: var(--gur-dark);
}

.gurDelayBtn--white {
    color: var(--gur-dark);
    background: #fff;
    border-color: #fff;
}

.gurDelayBtn--white:hover {
    background: #fff5dc;
}


/* =========================================
   SECTION 1 — HERO
========================================= */

.gurDelayHero {
    position: relative;
    overflow: hidden;
    padding: 88px 24px 76px;
    color: #fff;
    background:
        radial-gradient(
            ellipse at 90% 5%,
            rgba(185, 120, 0, 0.22),
            transparent 38%
        ),
        linear-gradient(125deg, #04152d 0%, #092f62 62%, #103d70 100%);
}

.gurDelayHero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #b97800,
        #f0b429,
        #ffdf8b,
        #b97800
    );
}

.gurDelayHero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gurDelayHero__eyebrow,
.gurDelayFinalCta__eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    color: #ffcf67;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gurDelayHero h1 {
    max-width: 950px;
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(34px, 4.4vw, 56px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1.1px;
}

.gurDelayHero h1 span {
    display: block;
    margin-top: 8px;
    color: #ffcf67;
}

.gurDelayHero__intro {
    max-width: 860px;
    margin: 0 0 26px;
    color: #e9eff8;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

.gurDelayHero__intro strong {
    color: #fff;
}

.gurDelayHero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 30px;
}

.gurDelayHero__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 207, 103, 0.42);
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gurDelayHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.gurDelayHero__note {
    max-width: 800px;
    margin: 0;
    color: #d5e0ef;
    font-size: 15px !important;
    line-height: 1.8 !important;
}


/* =========================================
   SECTION 2 — POSSESSION LANDSCAPE
========================================= */

.gurDelayLandscape {
    padding: 78px 24px;
    background: #f8fbff;
}

.gurDelayLandscape__inner {
    max-width: 1160px;
    margin: 0 auto;
}

.gurDelaySectionHead {
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

.gurDelayLabel {
    display: inline-block;
    margin-bottom: 13px;
    color: #956000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gurDelaySectionHead h2,
.gurDelayValuation__intro h2,
.gurDelayChecklist__heading h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.gurDelaySectionHead h2 strong,
.gurDelayValuation__intro h2 strong,
.gurDelayChecklist__heading h2 strong {
    color: #a66b00;
}

.gurDelaySectionHead > p {
    margin: 0;
    color: #5b6a7e;
}

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

.gurDelayLandscape__card {
    position: relative;
    min-width: 0;
    padding: 30px 25px 28px;
    background: #fff;
    border: 1px solid #e1e8f1;
    border-top: 4px solid #b97800;
    border-radius: 9px;
    box-shadow: 0 9px 28px rgba(6, 29, 61, 0.055);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.gurDelayLandscape__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 34px rgba(6, 29, 61, 0.1);
}

.gurDelayLandscape__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 19px;
    color: #fff;
    background: #092f62;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
}

.gurDelayLandscape__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.gurDelayLandscape__card p {
    margin: 0;
    color: #526177;
}

.gurDelayLandscape__card p strong {
    color: #092f62;
}

.gurDelayLandscape__corridor {
    margin-top: 26px;
    padding: 24px 27px;
    background: #edf3fb;
    border-left: 5px solid #b97800;
    border-radius: 5px;
}

.gurDelayLandscape__corridorLabel {
    display: block;
    margin-bottom: 8px;
    color: #956000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.gurDelayLandscape__corridor p {
    margin: 0;
    color: #26364b;
}

.gurDelayLandscape__corridor strong {
    color: #092f62;
}


/* =========================================
   SECTION 3 — ACCEPT OR REFUND
========================================= */

.gurDelayDecision {
    padding: 80px 24px;
    color: #fff;
    background:
        radial-gradient(
            ellipse at 0% 100%,
            rgba(185, 120, 0, 0.14),
            transparent 40%
        ),
        linear-gradient(135deg, #04152d, #092f62);
}

.gurDelayDecision__inner {
    max-width: 1120px;
    margin: 0 auto;
}

.gurDelaySectionHead--light h2 {
    color: #fff;
}

.gurDelaySectionHead--light h2 strong {
    color: #ffcf67;
}

.gurDelaySectionHead--light > p {
    color: #dce6f4;
}

.gurDelaySectionHead--light .gurDelayLabel {
    color: #ffcf67;
}

.gurDelayDecision__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.gurDelayDecision__card {
    min-width: 0;
    padding: 32px;
    color: #26364b;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    box-shadow: 0 15px 38px rgba(0, 0, 0, 0.13);
}

.gurDelayDecision__card--gold {
    background: #fffaf0;
    border: 1px solid #e6c67e;
}

.gurDelayDecision__kicker {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 12px;
    color: #fff;
    background: #092f62;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gurDelayDecision__card--gold .gurDelayDecision__kicker {
    color: #061d3d;
    background: #f0b429;
}

.gurDelayDecision__card h3 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.gurDelayDecision__card p {
    margin: 0 0 18px;
    color: #526177;
}

.gurDelayDecision__card ul {
    margin: 0;
    padding-left: 22px;
}

.gurDelayDecision__card li {
    padding-left: 3px;
    margin-bottom: 10px;
    color: #26364b;
}

.gurDelayDecision__card li::marker {
    color: #b97800;
}

.gurDelayDecision__card li strong {
    color: #092f62;
}

.gurDelayDecision__notice {
    margin-top: 25px;
    padding: 22px 25px;
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 207, 103, 0.55);
    border-radius: 7px;
    font-size: 16px;
    line-height: 1.8;
}

.gurDelayDecision__notice strong {
    color: #ffcf67;
}


/* =========================================
   SECTION 4 — VALUATION SUPPORT
========================================= */

.gurDelayValuation {
    padding: 82px 24px;
    background: #fff;
}

.gurDelayValuation__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 55px;
    max-width: 1160px;
    margin: 0 auto;
}

.gurDelayValuation__intro {
    position: sticky;
    top: 25px;
    padding: 32px;
    background: linear-gradient(145deg, #f8fbff, #edf3fb);
    border: 1px solid #dce5f1;
    border-top: 5px solid #b97800;
    border-radius: 9px;
}

.gurDelayValuation__intro h2 {
    font-size: clamp(28px, 3vw, 37px);
}

.gurDelayValuation__intro > p {
    margin: 0 0 25px;
    color: #526177;
}

.gurDelayValuation__list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.gurDelayValuation__item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
    padding: 23px 0;
    border-bottom: 1px solid #e1e8f1;
}

.gurDelayValuation__item:first-child {
    padding-top: 5px;
}

.gurDelayValuation__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #092f62;
    background: #fff2cf;
    border: 1px solid #e8c56f;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 800;
}

.gurDelayValuation__item h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gurDelayValuation__item p {
    margin: 0;
    color: #526177;
}

.gurDelayValuation__item p strong {
    color: #092f62;
}

.gurDelayValuation__footnote {
    grid-column: 1 / -1;
    margin: 0;
    padding: 20px 23px;
    color: #46566c;
    background: #fff8e9;
    border-left: 4px solid #b97800;
    border-radius: 4px;
}


/* =========================================
   SECTION 5 — FILING TIMELINE
========================================= */

.gurDelayFiling {
    padding: 80px 24px;
    background: #f5f8fc;
}

.gurDelayFiling__inner {
    max-width: 960px;
    margin: 0 auto;
}

.gurDelayFiling .gurDelaySectionHead {
    margin-bottom: 45px;
}

.gurDelayFiling__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.gurDelayFiling__timeline::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 29px;
    width: 2px;
    background: #d8b15b;
}

.gurDelayFiling__step {
    position: relative;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 20px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e1e8f1;
    border-radius: 8px;
    box-shadow: 0 7px 22px rgba(6, 29, 61, 0.04);
}

.gurDelayFiling__stepNo {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    color: #fff;
    background: #092f62;
    border: 4px solid #f5f8fc;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 800;
}

.gurDelayFiling__stepBody h3 {
    margin: 3px 0 9px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gurDelayFiling__stepBody p {
    margin: 0 0 10px;
    color: #526177;
}

.gurDelayFiling__stepBody p strong {
    color: #092f62;
}

.gurDelayFiling__stepBody a {
    display: inline-block;
    margin-top: 3px;
    color: #895700;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.7;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}


/* =========================================
   SECTION 6 — DOCUMENT CHECKLIST
========================================= */

.gurDelayChecklist {
    padding: 75px 24px;
    background: #fff;
}

.gurDelayChecklist__inner {
    max-width: 1080px;
    margin: 0 auto;
}

.gurDelayChecklist__panel {
    padding: 42px;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(185, 120, 0, 0.11),
            transparent 38%
        ),
        #f7faff;
    border: 1px solid #dce5f1;
    border-radius: 12px;
    box-shadow: 0 15px 42px rgba(6, 29, 61, 0.07);
}

.gurDelayChecklist__heading {
    max-width: 760px;
    margin-bottom: 26px;
}

.gurDelayChecklist__heading p {
    margin: 0;
    color: #526177;
}

.gurDelayChecklist__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gurDelayChecklist__list li {
    position: relative;
    min-width: 0;
    padding: 0 0 14px 32px;
    color: #26364b;
    border-bottom: 1px solid #e0e7f0;
}

.gurDelayChecklist__list li::before {
    content: "✓";
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #092f62;
    background: #ffedbc;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.gurDelayChecklist__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 32px;
}

.gurDelayChecklist__phone {
    color: #092f62;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
}

.gurDelayChecklist__phone:hover {
    color: #895700;
    text-decoration: underline;
}


/* =========================================
   SECTION 7 — FINAL CTA
========================================= */

.gurDelayFinalCta {
    position: relative;
    overflow: hidden;
    padding: 75px 24px;
    color: #fff;
    text-align: center;
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(185, 120, 0, 0.2),
            transparent 55%
        ),
        linear-gradient(130deg, #04152d, #092f62);
    border-top: 5px solid #b97800;
}

.gurDelayFinalCta__inner {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 auto;
}

.gurDelayFinalCta__eyebrow {
    margin-bottom: 17px;
}

.gurDelayFinalCta h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(30px, 3.8vw, 44px);
    font-weight: 800;
    line-height: 1.25;
}

.gurDelayFinalCta h2 strong {
    color: #ffcf67;
}

.gurDelayFinalCta__inner > p:not(.gurDelayFinalCta__disclaimer) {
    max-width: 740px;
    margin: 0 auto 28px;
    color: #e2eaf5;
    font-size: 17px;
    line-height: 1.85;
}

.gurDelayFinalCta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 25px;
}

.gurDelayFinalCta__disclaimer {
    max-width: 780px;
    margin: 0 auto;
    padding-top: 20px;
    color: #d0dced;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 15px !important;
    line-height: 1.8 !important;
}


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

@media (max-width: 900px) {
    .gurDelayHero {
        padding: 68px 22px 60px;
    }

    .gurDelayLandscape,
    .gurDelayDecision,
    .gurDelayValuation,
    .gurDelayFiling {
        padding: 65px 22px;
    }

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

    .gurDelayValuation__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .gurDelayValuation__intro {
        position: static;
    }

    .gurDelayValuation__item:first-child {
        padding-top: 20px;
    }

    .gurDelayValuation__footnote {
        grid-column: auto;
    }

    .gurDelayChecklist {
        padding: 60px 22px;
    }

    .gurDelayChecklist__panel {
        padding: 32px;
    }
}


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

@media (max-width: 600px) {
    .gurDelayHero {
        padding: 54px 18px 48px;
    }

    .gurDelayHero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gurDelayHero__intro {
        font-size: 16px !important;
    }

    .gurDelayHero__eyebrow,
    .gurDelayFinalCta__eyebrow {
        letter-spacing: 1px;
    }

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

    .gurDelayHero__actions .gurDelayBtn,
    .gurDelayFinalCta__actions .gurDelayBtn,
    .gurDelayChecklist__actions .gurDelayBtn {
        width: 100%;
    }

    .gurDelayHero__tags {
        gap: 8px;
    }

    .gurDelayHero__tags span {
        padding: 7px 10px;
    }

    .gurDelayLandscape,
    .gurDelayDecision,
    .gurDelayValuation,
    .gurDelayFiling {
        padding: 52px 18px;
    }

    .gurDelaySectionHead {
        margin-bottom: 30px;
    }

    .gurDelaySectionHead h2,
    .gurDelayValuation__intro h2,
    .gurDelayChecklist__heading h2 {
        font-size: 29px;
    }

    .gurDelayLandscape__grid,
    .gurDelayDecision__grid,
    .gurDelayChecklist__list {
        grid-template-columns: 1fr;
    }

    .gurDelayLandscape__card {
        padding: 25px 22px;
    }

    .gurDelayLandscape__corridor {
        padding: 20px;
    }

    .gurDelayDecision__card {
        padding: 25px 22px;
    }

    .gurDelayDecision__card h3 {
        font-size: 22px;
    }

    .gurDelayValuation__intro {
        padding: 25px 22px;
    }

    .gurDelayValuation__item {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 13px;
        padding: 20px 0;
    }

    .gurDelayValuation__icon {
        width: 40px;
        height: 40px;
    }

    .gurDelayValuation__item h3 {
        font-size: 19px;
    }

    .gurDelayFiling__timeline::before {
        left: 21px;
    }

    .gurDelayFiling__step {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 13px;
        padding: 20px 15px;
    }

    .gurDelayFiling__stepNo {
        width: 42px;
        height: 42px;
        border-width: 3px;
        font-size: 15px;
    }

    .gurDelayFiling__stepBody h3 {
        font-size: 19px;
    }

    .gurDelayChecklist {
        padding: 50px 18px;
    }

    .gurDelayChecklist__panel {
        padding: 25px 20px;
    }

    .gurDelayChecklist__list {
        gap: 13px;
    }

    .gurDelayChecklist__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .gurDelayChecklist__phone {
        text-align: center;
    }

    .gurDelayFinalCta {
        padding: 55px 18px;
    }

    .gurDelayFinalCta h2 {
        font-size: 31px;
    }

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


/* =========================================
   REDUCED MOTION ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {
    .gurDelayBtn,
    .gurDelayLandscape__card {
        transition: none;
    }

    .gurDelayBtn:hover,
    .gurDelayLandscape__card:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: ROYAL NAVY HERO
========================================================= */

.nriGurHero {
    position: relative;
    overflow: hidden;
    padding: 105px 0 100px;
    color: #ffffff;
    background:
        radial-gradient(circle at 88% 18%, rgba(240,180,41,.13), transparent 33%),
        linear-gradient(135deg, #04152d 0%, #092f62 62%, #061d3d 100%);
    font-family: inherit;
}

.nriGurHero,
.nriGurHero * {
    box-sizing: border-box;
}

.nriGurHero::before {
    content: "";
    position: absolute;
    right: -120px;
    top: -180px;
    width: 530px;
    height: 530px;
    border: 1px solid rgba(240,180,41,.18);
    border-radius: 50%;
    pointer-events: none;
}

.nriGurHero::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #b97800, #f0b429, #b97800);
}

.nriGurHeroInner {
    position: relative;
    z-index: 1;
    max-width: 1060px;
    margin: 0 auto;
    text-align: center;
}

.nriGurHeroEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    padding: 11px 19px;
    border: 1px solid rgba(240,180,41,.35);
    border-radius: 50px;
    background: rgba(255,255,255,.045);
    color: #f3c566;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.nriGurHeroDot {
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f0b429;
    box-shadow: 0 0 14px rgba(240,180,41,.5);
}

.nriGurHero h1 {
    max-width: 1020px;
    margin: 0 auto 25px;
    color: #ffffff;
    font-size: clamp(37px, 5.1vw, 64px);
    line-height: 1.16;
    letter-spacing: -1.3px;
    font-weight: 800;
}

.nriGurHero h1 span {
    display: block;
    margin-top: 10px;
    color: #f0b429;
}

.nriGurHeroLead {
    max-width: 875px;
    margin: 0 auto 29px;
    color: #dce7f7;
    font-size: 18px;
    line-height: 1.95;
}

.nriGurHeroLead strong {
    color: #ffffff;
    font-weight: 750;
}

.nriGurHeroHighlights {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 36px;
}

.nriGurHeroHighlights span {
    padding: 10px 17px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 6px;
    background: rgba(255,255,255,.06);
    color: #f3f5fa;
    font-size: 15px;
    font-weight: 600;
}

.nriGurHeroActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.nriGurHeroBtnPrimary,
.nriGurHeroBtnCall {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 56px;
    padding: 16px 28px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.nriGurHeroBtnPrimary {
    background: linear-gradient(135deg, #f0b429, #c7880c);
    color: #061d3d !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

.nriGurHeroBtnCall {
    border: 1px solid rgba(255,255,255,.65);
    background: rgba(255,255,255,.07);
    color: #ffffff !important;
}

.nriGurHeroBtnPrimary:hover,
.nriGurHeroBtnCall:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
}

.nriGurHeroBtnCall:hover {
    background: rgba(255,255,255,.17);
}

.nriGurHeroFoot {
    margin-top: 28px;
    color: #c6d4e6;
    font-size: 15px;
}


/* =========================================================
   SECTION 2: PROPERTY OWNERSHIP PROFILE
========================================================= */

.nriGurProfile {
    padding: 95px 0;
    background: #f8fbff;
    color: #26364c;
}

.nriGurProfile,
.nriGurProfile * {
    box-sizing: border-box;
}

.nriGurProfileHead {
    max-width: 930px;
    margin: 0 auto 46px;
    text-align: center;
}

.nriGurProfileKicker {
    display: inline-block;
    margin-bottom: 16px;
    color: #b97800;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.nriGurProfileHead h2 {
    margin: 0 0 22px;
    color: #092f62;
    font-size: clamp(30px, 3.6vw, 45px);
    font-weight: 800;
    line-height: 1.22;
}

.nriGurProfileHead h2 span {
    color: #b97800;
}

.nriGurProfileHead p {
    margin: 0 0 15px;
    color: #4a5870;
    font-size: 17px;
    line-height: 1.9;
}

.nriGurProfileHead p strong {
    color: #092f62;
}

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

.nriGurProfileCard {
    position: relative;
    padding: 35px 29px 32px;
    border: 1px solid #e1e8f1;
    border-top: 4px solid #b97800;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(9,47,98,.055);
    transition: transform .25s ease, box-shadow .25s ease;
}

.nriGurProfileCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(9,47,98,.11);
}

.nriGurProfileNumber {
    margin-bottom: 19px;
    color: #d2b477;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.nriGurProfileCard h3 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 800;
}

.nriGurProfileCard p {
    margin: 0;
    color: #526076;
    font-size: 16px;
    line-height: 1.85;
}

.nriGurProfileCard strong {
    color: #092f62;
}

.nriGurProfileAction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 36px;
    padding: 27px 33px;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    background: #edf3fa;
}

.nriGurProfileAction strong {
    color: #092f62;
    font-size: 19px;
}

.nriGurProfileAction p {
    margin: 7px 0 0;
    color: #506078;
    font-size: 16px;
}

.nriGurProfileButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 52px;
    padding: 14px 25px;
    border-radius: 5px;
    background: #092f62;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
    transition: background .25s ease, transform .25s ease;
}

.nriGurProfileButton:hover {
    background: #b97800;
    transform: translateY(-2px);
}


/* =========================================================
   SECTION 3: SECTION 197 TAX OPPORTUNITY
========================================================= */

.nriGurTax {
    padding: 100px 0;
    background: #ffffff;
    color: #24344b;
}

.nriGurTax,
.nriGurTax * {
    box-sizing: border-box;
}

.nriGurTaxHeader {
    max-width: 930px;
    margin: 0 auto 48px;
    text-align: center;
}

.nriGurTaxKicker {
    display: inline-block;
    margin-bottom: 16px;
    color: #b97800;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.nriGurTaxHeader h2 {
    margin: 0 0 23px;
    color: #092f62;
    font-size: clamp(31px, 3.7vw, 46px);
    font-weight: 800;
    line-height: 1.22;
}

.nriGurTaxHeader h2 span {
    color: #b97800;
}

.nriGurTaxHeader p {
    margin: 0;
    color: #506078;
    font-size: 17px;
    line-height: 1.9;
}

.nriGurTaxHeader strong {
    color: #092f62;
}

.nriGurTaxLayout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 28px;
}

.nriGurTaxExample {
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 11px;
    background: #f8fbff;
}

.nriGurTaxExampleTop {
    padding: 30px 32px;
    background: linear-gradient(135deg, #092f62, #061d3d);
}

.nriGurTaxExampleTop > span {
    display: inline-block;
    margin-bottom: 14px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.nriGurTaxExampleTop h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 800;
}

.nriGurTaxExampleTop h3 strong {
    color: #f0b429;
}

.nriGurTaxExampleTop p {
    margin: 0;
    color: #d7e3f2;
    font-size: 16px;
    line-height: 1.75;
}

.nriGurTaxFigures {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    padding: 25px;
}

.nriGurTaxFigure {
    padding: 22px 18px;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    background: #ffffff;
}

.nriGurTaxFigure span {
    display: block;
    margin-bottom: 9px;
    color: #657186;
    font-size: 15px;
    font-weight: 600;
}

.nriGurTaxFigure strong {
    display: block;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;
}

.nriGurTaxFigure small {
    display: block;
    margin-top: 8px;
    color: #657186;
    font-size: 15px;
    line-height: 1.55;
}

.nriGurTaxExampleNote {
    margin: 0 25px 25px;
    padding: 17px 19px;
    border-left: 4px solid #b97800;
    border-radius: 4px;
    background: #fff7e9;
    color: #64502e;
    font-size: 15px;
    line-height: 1.8;
}

.nriGurTaxExampleNote strong {
    color: #7b5100;
}

.nriGurTaxSteps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nriGurTaxStep {
    display: flex;
    gap: 18px;
    flex: 1;
    padding: 22px 23px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 5px 19px rgba(9,47,98,.035);
}

.nriGurTaxStepNo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    border-radius: 7px;
    background: #092f62;
    color: #f0b429;
    font-size: 17px;
    font-weight: 800;
}

.nriGurTaxStep h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
}

.nriGurTaxStep p {
    margin: 0;
    color: #566277;
    font-size: 15px;
    line-height: 1.8;
}

.nriGurTaxStep strong {
    color: #092f62;
}

.nriGurTaxInsight {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 33px;
    padding: 27px 30px;
    border: 1px solid #e8d5ad;
    border-radius: 9px;
    background: #fffaf0;
}

.nriGurTaxInsightIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #b97800;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
}

.nriGurTaxInsight h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
}

.nriGurTaxInsight p {
    margin: 0;
    color: #5b5660;
    font-size: 16px;
    line-height: 1.85;
}

.nriGurTaxInsight strong {
    color: #092f62;
}

.nriGurTaxCTA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 35px;
    padding: 33px 36px;
    border-radius: 9px;
    background: #092f62;
}

.nriGurTaxCTA h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 800;
}

.nriGurTaxCTA p {
    margin: 0;
    color: #dce6f3;
    font-size: 16px;
    line-height: 1.75;
}

.nriGurTaxCTA p strong {
    color: #ffffff;
}

.nriGurTaxCTAButtons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    flex-shrink: 0;
}

.nriGurTaxPrimaryBtn,
.nriGurTaxCallBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 21px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .25s ease, background .25s ease;
}

.nriGurTaxPrimaryBtn {
    background: #f0b429;
    color: #061d3d !important;
}

.nriGurTaxCallBtn {
    border: 1px solid rgba(255,255,255,.6);
    color: #ffffff !important;
}

.nriGurTaxPrimaryBtn:hover,
.nriGurTaxCallBtn:hover {
    transform: translateY(-2px);
}

.nriGurTaxCallBtn:hover {
    background: rgba(255,255,255,.13);
}


/* =========================================================
   SECTION 4: REMOTE ENGAGEMENT
========================================================= */

.nriGurRemote {
    padding: 100px 0 0;
    background: #f4f7fc;
    color: #26364c;
}

.nriGurRemote,
.nriGurRemote * {
    box-sizing: border-box;
}

.nriGurRemoteHeading {
    max-width: 920px;
    margin: 0 auto 45px;
    text-align: center;
}

.nriGurRemoteKicker {
    display: inline-block;
    margin-bottom: 15px;
    color: #b97800;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.nriGurRemoteHeading h2 {
    margin: 0 0 22px;
    color: #092f62;
    font-size: clamp(31px, 3.6vw, 45px);
    line-height: 1.25;
    font-weight: 800;
}

.nriGurRemoteHeading h2 span {
    color: #b97800;
}

.nriGurRemoteHeading p {
    margin: 0;
    color: #536176;
    font-size: 17px;
    line-height: 1.9;
}

.nriGurRemoteHeading strong {
    color: #092f62;
}

.nriGurRemoteGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 19px;
    margin-bottom: 80px;
}

.nriGurRemoteCard {
    position: relative;
    padding: 31px 24px;
    border: 1px solid #dfe6f0;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 9px 25px rgba(9,47,98,.04);
    transition: transform .25s ease, border-color .25s ease;
}

.nriGurRemoteCard:hover {
    transform: translateY(-5px);
    border-color: #d6ad59;
}

.nriGurRemoteIndex {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 21px;
    border-radius: 8px;
    background: #fff2d8;
    color: #a56d00;
    font-size: 18px;
    font-weight: 800;
}

.nriGurRemoteCard h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
}

.nriGurRemoteCard p {
    margin: 0;
    color: #566379;
    font-size: 15px;
    line-height: 1.85;
}

.nriGurRemoteCard strong {
    color: #092f62;
}

.nriGurRemoteFinal {
    position: relative;
    overflow: hidden;
    padding: 75px 40px 78px;
    border-radius: 15px 15px 0 0;
    background:
        radial-gradient(circle at 90% 10%, rgba(240,180,41,.13), transparent 32%),
        linear-gradient(135deg, #04152d, #092f62);
    text-align: center;
}

.nriGurRemoteFinal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 190px;
    height: 4px;
    background: #f0b429;
}

.nriGurRemoteFinalContent {
    position: relative;
    z-index: 1;
    max-width: 840px;
    margin: 0 auto;
}

.nriGurRemoteFinalTag {
    display: inline-block;
    margin-bottom: 22px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.nriGurRemoteFinal h2 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(30px, 3.7vw, 46px);
    line-height: 1.25;
    font-weight: 800;
}

.nriGurRemoteFinal h2 span {
    display: block;
    color: #f0b429;
}

.nriGurRemoteFinal p {
    max-width: 760px;
    margin: 0 auto 32px;
    color: #dce7f6;
    font-size: 17px;
    line-height: 1.9;
}

.nriGurRemoteFinal p strong {
    color: #ffffff;
}

.nriGurRemoteFinalActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.nriGurRemotePrimaryBtn,
.nriGurRemotePhoneBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 57px;
    padding: 16px 29px;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease;
}

.nriGurRemotePrimaryBtn {
    background: linear-gradient(135deg, #f0b429, #c58a15);
    color: #061d3d !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.16);
}

.nriGurRemotePhoneBtn {
    border: 1px solid rgba(255,255,255,.65);
    background: rgba(255,255,255,.07);
    color: #ffffff !important;
}

.nriGurRemotePrimaryBtn:hover,
.nriGurRemotePhoneBtn:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 28px rgba(0,0,0,.18);
}

.nriGurRemoteContact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    color: #cbd9eb;
    font-size: 15px;
}

.nriGurRemoteContact a {
    color: #f0c56a !important;
    text-decoration: none;
}

.nriGurRemoteContact a:hover {
    text-decoration: underline;
}

.nriGurRemoteSeparator {
    color: rgba(255,255,255,.35);
}


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

@media (max-width: 1199px) {
    .nriGurRemoteGrid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .nriGurTaxCTA {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 991px) {
    .nriGurProfileGrid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

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

    .nriGurProfileAction {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .nriGurHero {
        padding: 75px 0 72px;
    }

    .nriGurHero h1 {
        font-size: 36px;
        letter-spacing: -.5px;
    }

    .nriGurHeroLead {
        font-size: 16px;
        line-height: 1.85;
    }

    .nriGurHeroEyebrow {
        font-size: 15px;
        letter-spacing: .5px;
    }

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

    .nriGurHeroBtnPrimary,
    .nriGurHeroBtnCall {
        width: 100%;
    }

    .nriGurProfile,
    .nriGurTax {
        padding: 70px 0;
    }

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

    .nriGurProfileAction {
        padding: 25px;
    }

    .nriGurProfileButton {
        width: 100%;
    }

    .nriGurTaxFigures {
        grid-template-columns: 1fr 1fr;
        padding: 17px;
    }

    .nriGurTaxExampleTop {
        padding: 25px 22px;
    }

    .nriGurTaxExampleNote {
        margin: 0 17px 20px;
    }

    .nriGurTaxInsight {
        flex-direction: column;
        padding: 24px;
    }

    .nriGurTaxCTA {
        padding: 28px 23px;
    }

    .nriGurTaxCTAButtons {
        width: 100%;
        flex-direction: column;
    }

    .nriGurTaxPrimaryBtn,
    .nriGurTaxCallBtn {
        width: 100%;
    }

    .nriGurRemote {
        padding-top: 70px;
    }

    .nriGurRemoteGrid {
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

    .nriGurRemoteFinal {
        padding: 65px 22px;
    }

    .nriGurRemoteFinalActions {
        flex-direction: column;
    }

    .nriGurRemotePrimaryBtn,
    .nriGurRemotePhoneBtn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .nriGurHero h1 {
        font-size: 32px;
    }

    .nriGurProfileHead h2,
    .nriGurTaxHeader h2,
    .nriGurRemoteHeading h2,
    .nriGurRemoteFinal h2 {
        font-size: 29px;
    }

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

    .nriGurTaxStep {
        padding: 20px 17px;
        gap: 13px;
    }

    .nriGurTaxStepNo {
        width: 38px;
        height: 38px;
    }

    .nriGurRemoteContact {
        flex-direction: column;
        gap: 9px;
    }

    .nriGurRemoteSeparator {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nriGurHero *,
    .nriGurProfile *,
    .nriGurTax *,
    .nriGurRemote * {
        transition: none !important;
    }
}
/* =========================================================
   MANESAR SME VALUATION PAGE
   Royal Navy: #092f62
   Deep Navy:  #061d3d
   Gold:       #b97800
   Light Gold: #f0b429
   Minimum font size: 15px
========================================================= */

.manesarHero,
.manesarMoments,
.manesarFinalCta {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
}

.manesarHero *,
.manesarMoments *,
.manesarFinalCta * {
    box-sizing: border-box;
}

.manesarHero p,
.manesarMoments p,
.manesarFinalCta p,
.manesarHero li,
.manesarMoments li,
.manesarFinalCta li,
.manesarHero small {
    font-size: 16px;
    line-height: 1.8;
}

.manesarHero h1,
.manesarHero h2,
.manesarHero h3,
.manesarMoments h2,
.manesarMoments h3,
.manesarMoments h4,
.manesarFinalCta h2,
.manesarFinalCta h3,
.manesarFinalCta h4 {
    margin-top: 0;
    line-height: 1.3;
}

.manesarHero strong,
.manesarMoments strong,
.manesarFinalCta strong {
    font-weight: 800;
}


/* =========================================================
   SECTION 1: HERO
========================================================= */

.manesarHero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 82px 24px 68px;
    color: #ffffff;
    background:
        radial-gradient(
            ellipse at 88% 10%,
            rgba(185, 120, 0, 0.20),
            transparent 34%
        ),
        linear-gradient(
            128deg,
            #04152d 0%,
            #061d3d 48%,
            #092f62 100%
        );
}

.manesarHero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -130px;
    right: -90px;
    width: 410px;
    height: 410px;
    border: 1px solid rgba(240, 180, 41, 0.20);
    border-radius: 50%;
    pointer-events: none;
}

.manesarHero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -80px;
    right: -40px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(240, 180, 41, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.manesarHeroInner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.manesarEyebrow,
.manesarSectionKicker,
.manesarMomentLabel,
.manesarFinalEyebrow {
    display: inline-block;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.manesarEyebrow {
    margin-bottom: 23px;
    padding: 8px 13px;
    border: 1px solid rgba(240, 180, 41, 0.42);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.035);
}

.manesarHero h1 {
    max-width: 970px;
    margin-bottom: 25px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 650;
    letter-spacing: -1.4px;
}

.manesarHero h1 strong {
    display: inline;
    color: #f0b429;
}

.manesarHeroText {
    max-width: 850px;
    margin-bottom: 27px;
    color: #e5edf7;
    font-size: 18px !important;
    line-height: 1.9 !important;
}

.manesarHeroText strong {
    color: #ffffff;
}

.manesarHeroTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 34px;
}

.manesarHeroTags span {
    display: inline-flex;
    align-items: center;
    min-height: 39px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.19);
    border-radius: 3px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.5;
}

.manesarHeroActions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.manesarBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 54px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 4px;
    text-align: center;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.manesarBtnGold {
    color: #061d3d !important;
    background: linear-gradient(135deg, #f6cb63, #e8a91c);
    border-color: #f0b429;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.manesarBtnGold:hover {
    color: #04152d !important;
    background: #ffd779;
    border-color: #ffd779;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.23);
}

.manesarBtn:focus-visible,
.manesarInlineLink:focus-visible,
.manesarPhoneLink:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 4px;
}

.manesarPhoneLink {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.manesarPhoneIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border: 1px solid rgba(240, 180, 41, 0.6);
    border-radius: 50%;
    color: #f0b429;
    font-size: 20px;
}

.manesarPhoneLink small {
    display: block;
    margin-bottom: 2px;
    color: #d9e4f2;
    font-size: 15px;
    line-height: 1.5;
}

.manesarPhoneLink strong {
    display: block;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.5;
}

.manesarHeroFoot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 48px;
    color: #c6d4e7;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.6;
}

.manesarHeroLine {
    display: inline-block;
    width: 44px;
    height: 2px;
    background: #f0b429;
}


/* =========================================================
   SECTION 2: MOMENTS INTRODUCTION
========================================================= */

.manesarMoments {
    padding: 76px 24px 84px;
    color: #202c3c;
    background: #f5f7fb;
}

.manesarContainer {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.manesarSectionHeading {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.manesarSectionKicker {
    margin-bottom: 13px;
    color: #9a6500;
}

.manesarSectionHeading h2 {
    margin-bottom: 18px;
    color: #092f62;
    font-size: clamp(29px, 3.3vw, 42px);
    font-weight: 750;
    letter-spacing: -0.6px;
}

.manesarSectionHeading h2 strong {
    color: #a76d00;
}

.manesarSectionHeading p {
    max-width: 790px;
    margin: 0 auto;
    color: #526174;
    font-size: 17px;
    line-height: 1.85;
}


/* =========================================================
   SHARED MOMENT CARDS
========================================================= */

.manesarMoment {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 25px;
    margin-bottom: 28px;
    padding: 35px;
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 35px rgba(6, 29, 61, 0.055);
}

.manesarMoment::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #f0b429, #b97800);
}

.manesarMomentNumber {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    align-self: start;
    gap: 4px;
    min-height: 100px;
    padding: 18px 10px;
    border: 1px solid #e8d4a5;
    border-radius: 5px;
    background: linear-gradient(145deg, #fffaf0, #f8f0dc);
}

.manesarMomentNumber span {
    color: #8c620e;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.5;
}

.manesarMomentNumber strong {
    color: #092f62;
    font-size: 39px;
    line-height: 1.2;
}

.manesarMomentContent {
    min-width: 0;
}

.manesarMomentLabel {
    margin-bottom: 10px;
    color: #9a6500;
    font-size: 15px;
    letter-spacing: 1.4px;
}

.manesarMomentContent h3 {
    margin-bottom: 17px;
    color: #092f62;
    font-size: clamp(25px, 2.6vw, 33px);
    font-weight: 750;
    letter-spacing: -0.5px;
}

.manesarMomentContent h3 strong {
    color: #a76d00;
}

.manesarMomentContent > p {
    margin: 0 0 22px;
    color: #435167;
    font-size: 16px;
    line-height: 1.9;
}

.manesarSubheading {
    margin: 27px 0 12px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
}

.manesarMomentContent h4 {
    line-height: 1.5;
}

.manesarMomentFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 27px;
    padding-top: 20px;
    border-top: 1px solid #e5eaf1;
}

.manesarMomentFooter > span {
    flex: 1 1 280px;
    color: #536175;
    font-size: 15px;
    line-height: 1.75;
}

.manesarMomentFooter > span strong {
    color: #092f62;
}

.manesarInlineLink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #d9c18c;
    border-radius: 4px;
    color: #092f62 !important;
    background: #fffaf0;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.manesarInlineLink:hover {
    border-color: #b97800;
    background: #fff0c9;
}


/* =========================================================
   MOMENT 1: PPAP INFORMATION PANELS
========================================================= */

.manesarInfoPanel {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 15px;
    margin: 25px 0;
    padding: 23px;
    border: 1px solid #dbe5f0;
    border-radius: 5px;
    background: #f4f8fd;
}

.manesarInfoIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 19px;
    font-weight: 800;
}

.manesarInfoPanel h4 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 20px;
}

.manesarInfoPanel p {
    margin: 0;
    color: #46576c;
    font-size: 16px;
    line-height: 1.85;
}

.manesarPremiumPanel {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 17px;
    align-items: start;
    margin: 22px 0;
    padding: 23px;
    border: 1px solid #e7d5a9;
    border-radius: 5px;
    background: linear-gradient(135deg, #fffaf0, #fffdf8);
}

.manesarPremiumMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 5px;
    color: #ffffff;
    background: #092f62;
    font-size: 25px;
    font-weight: 800;
}

.manesarPremiumPanel h4 {
    margin: 0 0 9px;
    color: #805500;
    font-size: 19px;
}

.manesarPremiumPanel p {
    margin: 0;
    color: #514b3f;
    font-size: 16px;
    line-height: 1.85;
}

.manesarChecklist {
    display: grid;
    gap: 12px;
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.manesarChecklist li {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    color: #435167;
    font-size: 16px;
    line-height: 1.8;
}

.manesarCheckIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    margin-top: 3px;
    border-radius: 50%;
    color: #ffffff;
    background: #0b6b4d;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

.manesarChecklist li strong {
    color: #092f62;
}


/* =========================================================
   MOMENT 2: COLLATERAL REVIEW DETAIL CARDS
========================================================= */

.manesarDetailGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 25px 0;
}

.manesarDetailCard {
    padding: 22px 19px;
    border: 1px solid #dce4ee;
    border-top: 4px solid #b97800;
    border-radius: 4px;
    background: #fbfcfe;
}

.manesarDetailNumber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
    border-radius: 4px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 800;
}

.manesarDetailCard h4 {
    margin: 0 0 11px;
    color: #092f62;
    font-size: 18px;
}

.manesarDetailCard p {
    margin: 0;
    color: #526174;
    font-size: 15px;
    line-height: 1.8;
}

.manesarNote {
    margin-top: 24px;
    padding: 19px 21px;
    border-left: 4px solid #b97800;
    border-radius: 0 4px 4px 0;
    color: #47566a;
    background: #f7f4ec;
    font-size: 16px;
    line-height: 1.85;
}

.manesarNote strong {
    color: #092f62;
}


/* =========================================================
   MOMENT 3: FACTORY SALE CHECKLIST
========================================================= */

.manesarSaleList {
    display: grid;
    gap: 0;
    margin: 25px 0;
    border: 1px solid #e0e6ee;
    border-radius: 5px;
    overflow: hidden;
}

.manesarSaleItem {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 17px;
    padding: 22px;
    border-bottom: 1px solid #e0e6ee;
    background: #ffffff;
}

.manesarSaleItem:last-child {
    border-bottom: 0;
}

.manesarSaleIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #e4cf9f;
    border-radius: 4px;
    color: #092f62;
    background: #fff8e9;
    font-size: 15px;
    font-weight: 800;
}

.manesarSaleItem h4 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 19px;
}

.manesarSaleItem p {
    margin: 0;
    color: #526174;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   MOMENT 4: SUCCESSION
========================================================= */

.manesarSuccessionGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin: 26px 0;
}

.manesarSuccessionCard {
    padding: 22px 19px;
    border: 1px solid #dce4ee;
    border-radius: 5px;
    background: #f9fbfe;
}

.manesarSuccessionCode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.manesarSuccessionCard h4 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 18px;
}

.manesarSuccessionCard p {
    margin: 0;
    color: #526174;
    font-size: 15px;
    line-height: 1.8;
}

.manesarLegacyPanel {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 17px;
    margin: 25px 0;
    padding: 24px;
    border: 1px solid #e7d7b4;
    border-radius: 5px;
    background: linear-gradient(135deg, #fffaf0, #ffffff);
}

.manesarLegacySymbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #092f62;
    background: #f5e6bf;
    font-size: 23px;
}

.manesarLegacyPanel h4 {
    margin: 0 0 10px;
    color: #805500;
    font-size: 20px;
}

.manesarLegacyPanel p {
    margin: 0;
    color: #514b3f;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   MOMENT 5: SARFAESI
========================================================= */

.manesarUrgentPanel {
    margin: 24px 0;
    padding: 25px;
    border: 1px solid #e7c8bd;
    border-radius: 5px;
    background: #fff8f5;
}

.manesarUrgentHeader {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
    color: #963d26;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1.6;
}

.manesarUrgentDot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b64b2e;
}

.manesarUrgentPanel h4 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 21px;
}

.manesarUrgentPanel p {
    margin: 0 0 14px;
    color: #574b49;
    font-size: 16px;
    line-height: 1.85;
}

.manesarUrgentPanel p:last-child {
    margin-bottom: 0;
}

.manesarUrgentCallout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 23px;
    margin-top: 28px;
    padding: 26px;
    border-radius: 5px;
    color: #ffffff;
    background: linear-gradient(120deg, #061d3d, #092f62);
}

.manesarUrgentCallout > div {
    flex: 1 1 310px;
}

.manesarUrgentEyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1.6;
}

.manesarUrgentCallout h4 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
}

.manesarUrgentCallout p {
    margin: 0;
    color: #dce7f4;
    font-size: 16px;
    line-height: 1.8;
}

.manesarUrgentCallout .manesarBtn {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 3: FINAL CTA
========================================================= */

.manesarFinalCta {
    position: relative;
    overflow: hidden;
    padding: 72px 24px;
    color: #ffffff;
    text-align: center;
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(185, 120, 0, 0.20),
            transparent 48%
        ),
        linear-gradient(135deg, #04152d, #092f62);
}

.manesarFinalCtaInner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.manesarCtaOrnament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 24px;
}

.manesarCtaOrnament span {
    width: 46px;
    height: 1px;
    background: #b97800;
}

.manesarCtaOrnament strong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    border: 1px solid #b97800;
    border-radius: 50%;
    color: #f0b429;
    font-size: 19px;
    letter-spacing: 1px;
}

.manesarFinalEyebrow {
    margin-bottom: 17px;
}

.manesarFinalCta h2 {
    margin-bottom: 20px;
    color: #ffffff;
    font-size: clamp(29px, 3.6vw, 43px);
    font-weight: 750;
    letter-spacing: -0.6px;
}

.manesarFinalCta h2 strong {
    display: block;
    margin-top: 6px;
    color: #f0b429;
}

.manesarFinalCta p {
    max-width: 750px;
    margin: 0 auto 28px;
    color: #dce7f4;
    font-size: 17px;
    line-height: 1.9;
}

.manesarFinalActions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.manesarBtnLarge {
    min-height: 58px;
    padding: 17px 28px;
}

.manesarBtnOutline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.04);
}

.manesarBtnOutline:hover {
    color: #061d3d !important;
    border-color: #ffffff;
    background: #ffffff;
}

.manesarCtaDisclaimer {
    max-width: 720px;
    margin: 25px auto 0;
    color: #c4d3e6;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   RESPONSIVE: TABLETS
========================================================= */

@media (max-width: 900px) {

    .manesarHero {
        padding: 66px 22px 56px;
    }

    .manesarMoments {
        padding: 60px 20px 65px;
    }

    .manesarMoment {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 19px;
        padding: 27px;
    }

    .manesarMomentNumber {
        min-height: 88px;
        padding: 14px 7px;
    }

    .manesarMomentNumber strong {
        font-size: 33px;
    }

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

    .manesarFinalCta {
        padding: 60px 22px;
    }
}


/* =========================================================
   RESPONSIVE: MOBILE
========================================================= */

@media (max-width: 600px) {

    .manesarHero {
        padding: 48px 18px 43px;
    }

    .manesarHero::before {
        top: -100px;
        right: -230px;
    }

    .manesarHero::after {
        right: -200px;
    }

    .manesarEyebrow {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .manesarHero h1 {
        font-size: 34px;
        letter-spacing: -0.7px;
        line-height: 1.22;
    }

    .manesarHeroText {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    .manesarHeroTags {
        gap: 8px;
        margin-bottom: 26px;
    }

    .manesarHeroTags span {
        padding: 7px 10px;
        font-size: 15px;
    }

    .manesarHeroActions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .manesarHeroActions .manesarBtn {
        width: 100%;
    }

    .manesarPhoneLink {
        align-self: flex-start;
    }

    .manesarHeroFoot {
        margin-top: 32px;
        font-size: 15px;
    }

    .manesarMoments {
        padding: 47px 14px 50px;
    }

    .manesarSectionHeading {
        margin-bottom: 29px;
    }

    .manesarSectionHeading h2 {
        font-size: 30px;
    }

    .manesarSectionHeading p {
        font-size: 16px;
    }

    .manesarMoment {
        grid-template-columns: minmax(0, 1fr);
        gap: 19px;
        margin-bottom: 20px;
        padding: 22px 18px;
        border-radius: 6px;
    }

    .manesarMomentNumber {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        width: fit-content;
        min-height: auto;
        padding: 9px 13px;
    }

    .manesarMomentNumber span {
        font-size: 15px;
    }

    .manesarMomentNumber strong {
        font-size: 26px;
    }

    .manesarMomentContent h3 {
        font-size: 27px;
    }

    .manesarMomentContent > p {
        font-size: 16px;
        line-height: 1.85;
    }

    .manesarInfoPanel,
    .manesarPremiumPanel,
    .manesarLegacyPanel {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 18px;
    }

    .manesarInfoPanel h4,
    .manesarLegacyPanel h4 {
        font-size: 19px;
    }

    .manesarPremiumPanel h4 {
        font-size: 18px;
    }

    .manesarSubheading {
        font-size: 19px;
    }

    .manesarDetailGrid,
    .manesarSuccessionGrid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .manesarDetailCard,
    .manesarSuccessionCard {
        padding: 19px;
    }

    .manesarSaleItem {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        padding: 18px 14px;
    }

    .manesarSaleIcon {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .manesarSaleItem h4 {
        font-size: 18px;
    }

    .manesarSaleItem p,
    .manesarLegacyPanel p,
    .manesarInfoPanel p,
    .manesarPremiumPanel p {
        font-size: 16px;
    }

    .manesarUrgentPanel {
        padding: 19px;
    }

    .manesarUrgentCallout {
        align-items: stretch;
        flex-direction: column;
        padding: 21px 18px;
    }

    .manesarUrgentCallout h4 {
        font-size: 22px;
    }

    .manesarUrgentCallout .manesarBtn {
        width: 100%;
    }

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

    .manesarInlineLink {
        align-self: flex-start;
    }

    .manesarFinalCta {
        padding: 50px 18px;
    }

    .manesarFinalCta h2 {
        font-size: 31px;
    }

    .manesarFinalCta p {
        font-size: 16px;
    }

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

    .manesarFinalActions .manesarBtn {
        width: 100%;
    }
}


/* =========================================================
   ACCESSIBILITY: REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .manesarBtn,
    .manesarInlineLink {
        transition: none;
    }

    .manesarBtnGold:hover {
        transform: none;
    }
}/* =========================================================
   SHARED DESIGN TOKENS
   Royal navy and gold; minimum text size: 15px
========================================================= */

.cyberMortgageHero,
.cyberYieldSection,
.cyberYieldExample,
.cyberMortgageMethod,
.cyberSection50C,
.cyberMortgageCTA {
    --cyber-navy: #092f62;
    --cyber-deep: #061d3d;
    --cyber-dark: #04152d;
    --cyber-gold: #b97800;
    --cyber-gold-light: #f0b429;
    --cyber-cream: #fffaf0;
    --cyber-text: #243247;
    --cyber-muted: #536176;
    font-family: inherit;
}

.cyberMortgageHero *,
.cyberYieldSection *,
.cyberYieldExample *,
.cyberMortgageMethod *,
.cyberSection50C *,
.cyberMortgageCTA * {
    box-sizing: border-box;
}

.cyberMortgageHero a,
.cyberYieldExample a,
.cyberMortgageCTA a {
    text-decoration: none;
}

.cyberMortgageHero strong,
.cyberYieldSection strong,
.cyberYieldExample strong,
.cyberMortgageMethod strong,
.cyberSection50C strong,
.cyberMortgageCTA strong {
    font-weight: 800;
}


/* =========================================================
   SECTION 1: HERO
========================================================= */

.cyberMortgageHero {
    position: relative;
    overflow: hidden;
    padding: 76px 24px 66px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 88% 15%, rgba(240,180,41,0.13), transparent 36%),
        linear-gradient(125deg, #04152d 0%, #092f62 58%, #0b376c 100%);
    border-bottom: 4px solid var(--cyber-gold);
}

.cyberMortgageHero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 7%;
    width: 210px;
    height: 100%;
    border-left: 1px solid rgba(255,255,255,0.08);
    border-right: 1px solid rgba(255,255,255,0.08);
    transform: skewX(-18deg);
    pointer-events: none;
}

.cyberMortgageHero__inner {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}

.cyberMortgageHero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #f0c76b;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.5;
}

.cyberMortgageHero__eyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--cyber-gold-light);
}

.cyberMortgageHero h1 {
    max-width: 940px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.3vw, 58px);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -1.2px;
}

.cyberMortgageHero h1 span {
    color: #f0c76b;
}

.cyberMortgageHero__intro {
    max-width: 850px;
    margin: 0;
    color: #e1e9f4;
    font-size: 18px;
    line-height: 1.85;
}

.cyberMortgageHero__intro strong {
    color: #ffffff;
}

.cyberMortgageHero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 32px;
}

.cyberMortgageHero__button,
.cyberYieldExample__button,
.cyberMortgageCTA__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 58px;
    padding: 16px 26px;
    border: 2px solid var(--cyber-gold-light);
    border-radius: 7px;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #071b35 !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cyberMortgageHero__button:hover,
.cyberYieldExample__button:hover,
.cyberMortgageCTA__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.24);
}

.cyberMortgageHero__button span,
.cyberYieldExample__button span,
.cyberMortgageCTA__button span {
    font-size: 22px;
    line-height: 1;
}

.cyberMortgageHero__phone,
.cyberMortgageCTA__phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff !important;
}

.cyberMortgageHero__phoneIcon,
.cyberMortgageCTA__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(240,196,100,0.75);
    border-radius: 50%;
    color: #f0c76b;
    font-size: 21px;
}

.cyberMortgageHero__phone small,
.cyberMortgageCTA__phone small {
    display: block;
    margin-bottom: 3px;
    color: #d8e2f0;
    font-size: 15px;
    line-height: 1.5;
}

.cyberMortgageHero__phone strong,
.cyberMortgageCTA__phone strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
}

.cyberMortgageHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 36px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,0.17);
}

.cyberMortgageHero__trust span {
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,0.19);
    border-radius: 4px;
    color: #edf2f8;
    font-size: 15px;
    line-height: 1.5;
}


/* =========================================================
   SECTION 2: YIELD-CAPITALISATION
========================================================= */

.cyberYieldSection {
    padding: 76px 24px;
    background: #ffffff;
    color: var(--cyber-text);
}

.cyberYieldSection__container {
    max-width: 1160px;
    margin: 0 auto;
}

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

.cyberYieldSection__eyebrow,
.cyberYieldExample__eyebrow,
.cyberMortgageMethod__eyebrow,
.cyberSection50C__eyebrow,
.cyberMortgageCTA__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--cyber-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.5;
}

.cyberYieldSection__heading h2,
.cyberMortgageMethod__heading h2,
.cyberSection50C__heading h2 {
    margin: 0 0 18px;
    color: var(--cyber-deep);
    font-size: clamp(29px, 3.2vw, 42px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.cyberYieldSection__heading h2 strong,
.cyberMortgageMethod__heading h2 strong,
.cyberSection50C__heading h2 strong {
    color: var(--cyber-gold);
}

.cyberYieldSection__heading p,
.cyberMortgageMethod__heading p,
.cyberSection50C__heading p {
    margin: 0;
    color: var(--cyber-muted);
    font-size: 17px;
    line-height: 1.85;
}

.cyberYieldSection__comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.cyberYieldSection__compareCard {
    position: relative;
    padding: 30px;
    border: 1px solid #dce4ef;
    border-radius: 10px;
    background: #f8fafc;
}

.cyberYieldSection__compareCard--featured {
    border: 1px solid #c89a3b;
    background: linear-gradient(145deg, #fffaf0, #ffffff);
    box-shadow: 0 12px 30px rgba(9,47,98,0.08);
}

.cyberYieldSection__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 17px;
    border-radius: 6px;
    background: var(--cyber-navy);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.cyberYieldSection__compareCard--featured .cyberYieldSection__number {
    background: var(--cyber-gold);
    color: #ffffff;
}

.cyberYieldSection__compareCard h3 {
    margin: 0 0 12px;
    color: var(--cyber-deep);
    font-size: 22px;
    line-height: 1.4;
}

.cyberYieldSection__compareCard p {
    margin: 0 0 18px;
    color: var(--cyber-muted);
    font-size: 16px;
    line-height: 1.8;
}

.cyberYieldSection__tag {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 4px;
    background: #e9eef6;
    color: var(--cyber-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}

.cyberYieldSection__compareCard--featured .cyberYieldSection__tag {
    background: #f6e8c5;
    color: #76500a;
}

.cyberYieldSection__formula {
    margin-top: 28px;
    padding: 28px;
    border-radius: 9px;
    background: var(--cyber-deep);
    color: #ffffff;
}

.cyberYieldSection__formulaLabel {
    margin-bottom: 18px;
    color: #f0c76b;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

.cyberYieldSection__formulaMain {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    text-align: center;
}

.cyberYieldSection__formulaMain span {
    font-size: 16px;
    line-height: 1.6;
}

.cyberYieldSection__divide,
.cyberYieldSection__equals {
    color: #f0c76b;
    font-size: 23px !important;
    font-weight: 800;
}

.cyberYieldSection__formulaMain strong {
    color: #f0c76b;
    font-size: 18px;
    line-height: 1.6;
}

.cyberYieldSection__formula > p {
    margin: 18px 0 0;
    padding-top: 17px;
    border-top: 1px solid rgba(255,255,255,0.17);
    color: #dce6f3;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 3: NUMERIC EXAMPLE
========================================================= */

.cyberYieldExample {
    padding: 76px 24px;
    background: #f4f7fb;
    color: var(--cyber-text);
}

.cyberYieldExample__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(350px, 0.88fr);
    align-items: center;
    gap: 48px;
    max-width: 1160px;
    margin: 0 auto;
}

.cyberYieldExample__content h2 {
    margin: 0 0 20px;
    color: var(--cyber-deep);
    font-size: clamp(29px, 3.1vw, 41px);
    font-weight: 800;
    line-height: 1.27;
    letter-spacing: -0.5px;
}

.cyberYieldExample__content h2 strong {
    color: var(--cyber-gold);
}

.cyberYieldExample__content p {
    margin: 0 0 17px;
    color: var(--cyber-muted);
    font-size: 16px;
    line-height: 1.9;
}

.cyberYieldExample__button {
    margin-top: 12px;
}

.cyberYieldExample__calculation {
    overflow: hidden;
    border: 1px solid #d7e0eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(4,21,45,0.1);
}

.cyberYieldExample__calcHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 22px 25px;
    background: var(--cyber-navy);
    color: #ffffff;
}

.cyberYieldExample__calcHeader > span:first-child {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.cyberYieldExample__calcMark {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 50%;
    color: #f0c76b;
    font-size: 21px;
    font-weight: 800;
}

.cyberYieldExample__metric {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 24px;
    border-bottom: 1px solid #e9edf3;
}

.cyberYieldExample__metric span {
    color: var(--cyber-muted);
    font-size: 15px;
    line-height: 1.6;
}

.cyberYieldExample__metric strong {
    color: var(--cyber-deep);
    font-size: 16px;
    line-height: 1.6;
    text-align: right;
}

.cyberYieldExample__result {
    margin: 20px;
    padding: 22px;
    border: 1px solid #e3c77e;
    border-radius: 8px;
    background: linear-gradient(140deg, #fff7df, #fffdf7);
}

.cyberYieldExample__result span {
    display: block;
    margin-bottom: 8px;
    color: #76500a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.cyberYieldExample__result strong {
    display: block;
    color: var(--cyber-deep);
    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.25;
}

.cyberYieldExample__result small {
    display: block;
    margin-top: 8px;
    color: #5e4b26;
    font-size: 15px;
    line-height: 1.6;
}

.cyberYieldExample__disclaimer {
    margin: 0;
    padding: 0 22px 22px;
    color: var(--cyber-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 4: MORTGAGE VALUATION METHODOLOGY
========================================================= */

.cyberMortgageMethod {
    padding: 76px 24px;
    background: #ffffff;
    color: var(--cyber-text);
}

.cyberMortgageMethod__container {
    max-width: 1160px;
    margin: 0 auto;
}

.cyberMortgageMethod__heading {
    max-width: 880px;
    margin: 0 auto 38px;
    text-align: center;
}

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

.cyberMortgageMethod__card {
    padding: 26px 22px;
    border: 1px solid #dfe6ef;
    border-top: 4px solid var(--cyber-navy);
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(9,47,98,0.045);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cyberMortgageMethod__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 32px rgba(9,47,98,0.1);
}

.cyberMortgageMethod__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
    border-radius: 6px;
    background: #f7e9c8;
    color: #79520a;
    font-size: 16px;
    font-weight: 800;
}

.cyberMortgageMethod__card h3 {
    margin: 0 0 12px;
    color: var(--cyber-deep);
    font-size: 20px;
    line-height: 1.4;
}

.cyberMortgageMethod__card p {
    margin: 0;
    color: var(--cyber-muted);
    font-size: 15px;
    line-height: 1.85;
}

.cyberMortgageMethod__note {
    margin-top: 28px;
    padding: 20px 23px;
    border-left: 4px solid var(--cyber-gold);
    border-radius: 0 6px 6px 0;
    background: #f7f9fc;
    color: var(--cyber-muted);
    font-size: 15px;
    line-height: 1.85;
}

.cyberMortgageMethod__note strong {
    color: var(--cyber-deep);
}


/* =========================================================
   SECTION 5: SECTION 50C
========================================================= */

.cyberSection50C {
    padding: 76px 24px;
    background: linear-gradient(180deg, #f6f8fb 0%, #ffffff 100%);
    color: var(--cyber-text);
}

.cyberSection50C__container {
    max-width: 1160px;
    margin: 0 auto;
}

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

.cyberSection50C__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px;
}

.cyberSection50C__card {
    padding: 30px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(9,47,98,0.05);
}

.cyberSection50C__card--gold {
    border-color: #e3cc95;
    background: linear-gradient(150deg, #fffaf0, #ffffff 75%);
}

.cyberSection50C__cardTop {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.cyberSection50C__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background: var(--cyber-navy);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.cyberSection50C__card--gold .cyberSection50C__badge {
    background: var(--cyber-gold);
}

.cyberSection50C__card h3 {
    margin: 0;
    color: var(--cyber-deep);
    font-size: 22px;
    line-height: 1.4;
}

.cyberSection50C__card p {
    margin: 0 0 18px;
    color: var(--cyber-muted);
    font-size: 16px;
    line-height: 1.85;
}

.cyberSection50C__card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cyberSection50C__card li {
    position: relative;
    margin-top: 12px;
    padding-left: 25px;
    color: var(--cyber-text);
    font-size: 15px;
    line-height: 1.75;
}

.cyberSection50C__card li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--cyber-gold);
    font-weight: 900;
}

.cyberSection50C__legalNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 26px;
    padding: 21px;
    border: 1px solid #e6d5a9;
    border-radius: 7px;
    background: #fffaf0;
}

.cyberSection50C__legalIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--cyber-gold);
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
}

.cyberSection50C__legalNote p {
    margin: 0;
    color: #55472d;
    font-size: 15px;
    line-height: 1.85;
}

.cyberSection50C__legalNote strong {
    color: var(--cyber-deep);
}


/* =========================================================
   SECTION 6: FINAL CTA
========================================================= */

.cyberMortgageCTA {
    position: relative;
    overflow: hidden;
    padding: 68px 24px;
    background:
        radial-gradient(ellipse at 90% 20%, rgba(240,180,41,0.13), transparent 34%),
        linear-gradient(120deg, #04152d, #092f62);
    color: #ffffff;
    border-top: 4px solid var(--cyber-gold);
}

.cyberMortgageCTA__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1160px;
    margin: 0 auto;
}

.cyberMortgageCTA__content {
    max-width: 820px;
}

.cyberMortgageCTA__eyebrow {
    color: #f0c76b;
}

.cyberMortgageCTA__content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(29px, 3.3vw, 43px);
    font-weight: 800;
    line-height: 1.25;
}

.cyberMortgageCTA__content h2 strong {
    color: #f0c76b;
}

.cyberMortgageCTA__content p {
    max-width: 760px;
    margin: 0;
    color: #e0e8f3;
    font-size: 17px;
    line-height: 1.85;
}

.cyberMortgageCTA__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 23px;
    margin-top: 29px;
}

.cyberMortgageCTA__seal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 154px;
    width: 154px;
    height: 154px;
    border: 2px solid rgba(240,196,100,0.75);
    border-radius: 50%;
    outline: 1px solid rgba(240,196,100,0.28);
    outline-offset: 7px;
    color: #f0c76b;
    text-align: center;
    transform: rotate(-7deg);
}

.cyberMortgageCTA__seal span {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.cyberMortgageCTA__seal strong {
    color: #ffffff;
    font-size: 24px;
    line-height: 1.5;
}


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

@media (max-width: 1000px) {
    .cyberMortgageMethod__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cyberYieldExample__container {
        grid-template-columns: minmax(0, 1fr) minmax(310px, 0.9fr);
        gap: 30px;
    }

    .cyberMortgageCTA__seal {
        flex-basis: 125px;
        width: 125px;
        height: 125px;
    }

    .cyberMortgageCTA__seal strong {
        font-size: 21px;
    }
}

@media (max-width: 760px) {
    .cyberMortgageHero,
    .cyberYieldSection,
    .cyberYieldExample,
    .cyberMortgageMethod,
    .cyberSection50C,
    .cyberMortgageCTA {
        padding: 52px 18px;
    }

    .cyberMortgageHero h1 {
        font-size: clamp(32px, 8vw, 44px);
        letter-spacing: -0.5px;
    }

    .cyberMortgageHero__intro,
    .cyberMortgageCTA__content p {
        font-size: 16px;
    }

    .cyberMortgageHero__actions,
    .cyberMortgageCTA__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cyberMortgageHero__button,
    .cyberYieldExample__button,
    .cyberMortgageCTA__button {
        width: 100%;
        min-height: 56px;
        text-align: center;
    }

    .cyberMortgageHero__phone,
    .cyberMortgageCTA__phone {
        align-self: flex-start;
    }

    .cyberYieldSection__comparison,
    .cyberYieldExample__container,
    .cyberSection50C__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cyberYieldSection__heading h2,
    .cyberMortgageMethod__heading h2,
    .cyberSection50C__heading h2,
    .cyberYieldExample__content h2,
    .cyberMortgageCTA__content h2 {
        font-size: 30px;
    }

    .cyberYieldSection__formula {
        padding: 23px 18px;
    }

    .cyberYieldSection__formulaMain {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .cyberYieldSection__divide,
    .cyberYieldSection__equals {
        line-height: 1.2;
    }

    .cyberYieldExample__container {
        gap: 30px;
    }

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

    .cyberMortgageCTA__container {
        align-items: flex-start;
        flex-direction: column;
    }

    .cyberMortgageCTA__seal {
        display: none;
    }
}

@media (max-width: 420px) {
    .cyberMortgageHero,
    .cyberYieldSection,
    .cyberYieldExample,
    .cyberMortgageMethod,
    .cyberSection50C,
    .cyberMortgageCTA {
        padding-right: 15px;
        padding-left: 15px;
    }

    .cyberYieldSection__compareCard,
    .cyberMortgageMethod__card,
    .cyberSection50C__card {
        padding: 22px 18px;
    }

    .cyberYieldExample__metric {
        padding: 14px 16px;
    }

    .cyberYieldExample__metric span,
    .cyberYieldExample__metric strong {
        font-size: 15px;
    }

    .cyberYieldExample__result {
        margin: 15px;
        padding: 19px;
    }

    .cyberSection50C__cardTop {
        align-items: flex-start;
    }

    .cyberSection50C__card h3 {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cyberMortgageHero__button,
    .cyberYieldExample__button,
    .cyberMortgageCTA__button,
    .cyberMortgageMethod__card {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: HERO
   Namespace: gurIgrsHero
   ========================================================= */

.gurIgrsHero {
    --gur-hero-navy: #061d3d;
    --gur-hero-deep: #04152d;
    --gur-hero-gold: #d99a16;
    --gur-hero-light: #f8f5ed;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 82px 24px 76px;
    color: var(--gur-hero-light);
    background:
        radial-gradient(ellipse at 88% 12%, rgba(217, 154, 22, 0.15), transparent 38%),
        linear-gradient(125deg, var(--gur-hero-deep) 0%, var(--gur-hero-navy) 62%, #103660 100%);
    border-bottom: 4px solid var(--gur-hero-gold);
}

.gurIgrsHero::before {
    position: absolute;
    z-index: -1;
    top: -110px;
    right: -95px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(217, 154, 22, 0.25);
    border-radius: 50%;
    content: "";
}

.gurIgrsHero::after {
    position: absolute;
    z-index: -1;
    top: -55px;
    right: -40px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(217, 154, 22, 0.17);
    border-radius: 50%;
    content: "";
}

.gurIgrsHero__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gurIgrsHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: #f0c66d;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gurIgrsHero__eyebrowLine {
    display: inline-block;
    width: 38px;
    height: 3px;
    background: var(--gur-hero-gold);
}

.gurIgrsHero h1 {
    max-width: 1000px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 57px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1.3px;
}

.gurIgrsHero h1 span {
    display: block;
    margin-top: 8px;
    color: #efc56a;
}

.gurIgrsHero__intro {
    max-width: 850px;
    margin: 25px 0 0;
    color: #e2e9f2;
    font-size: 17px;
    line-height: 1.85;
}

.gurIgrsHero__intro strong {
    color: #ffffff;
    font-weight: 800;
}

.gurIgrsHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 30px;
}

.gurIgrsHero__button,
.gurIgrsOffices__button,
.gurIgrsCTA__button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 15px 25px;
    border: 2px solid #efbd50;
    border-radius: 7px;
    color: #061d3d;
    background: linear-gradient(135deg, #f3cf7c, #d99a16);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.gurIgrsHero__button:hover,
.gurIgrsOffices__button:hover,
.gurIgrsCTA__button:hover {
    color: #061d3d;
    background: #ffdf91;
    box-shadow: 0 11px 28px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.gurIgrsHero__button span,
.gurIgrsOffices__button span,
.gurIgrsCTA__button span {
    font-size: 22px;
    line-height: 1;
}

.gurIgrsHero__secondary {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 13px 21px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 7px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.gurIgrsHero__secondary:hover {
    color: #ffffff;
    border-color: #e8b94e;
    background: rgba(255, 255, 255, 0.12);
}

.gurIgrsHero__trustline {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    color: #d6dfeb;
    font-size: 15px;
    line-height: 1.7;
}

.gurIgrsHero__trustDot {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e7b54b;
    box-shadow: 0 0 0 4px rgba(231, 181, 75, 0.13);
}


/* =========================================================
   SECTION 2: IGRS USES
   Namespace: gurIgrsUses / gurIgrsUseCard
   ========================================================= */

.gurIgrsUses {
    padding: 76px 24px;
    color: #24354a;
    background: #f8fbff;
}

.gurIgrsUses__container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gurIgrsUses__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.gurIgrsUses__eyebrow,
.gurIgrsOffices__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: #a36e08;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.gurIgrsUses__heading h2,
.gurIgrsOffices__heading h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -0.5px;
}

.gurIgrsUses__heading h2 strong,
.gurIgrsOffices__heading h2 strong {
    color: #a8730b;
}

.gurIgrsUses__heading > p,
.gurIgrsOffices__heading > p {
    margin: 17px 0 0;
    color: #526176;
    font-size: 17px;
    line-height: 1.85;
}

.gurIgrsUses__heading > p strong,
.gurIgrsOffices__heading > p strong {
    color: #092f62;
    font-weight: 800;
}

.gurIgrsUses__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.gurIgrsUseCard {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 27px 24px 25px;
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-top: 4px solid #b97800;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(9, 47, 98, 0.055);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.gurIgrsUseCard:hover {
    border-color: #d6b46d;
    box-shadow: 0 15px 35px rgba(9, 47, 98, 0.11);
    transform: translateY(-4px);
}

.gurIgrsUseCard__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}

.gurIgrsUseCard__number {
    color: #a8730b;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurIgrsUseCard__icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ead7aa;
    border-radius: 12px;
    color: #b97800;
    background: #fff9ec;
    font-size: 25px;
    font-weight: 800;
}

.gurIgrsUseCard h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gurIgrsUseCard > p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.85;
}

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

.gurIgrsUseCard__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 22px;
}

.gurIgrsUseCard__tags span {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid #e4eaf1;
    border-radius: 5px;
    color: #344760;
    background: #f6f8fb;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
}

.gurIgrsUseCard__note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: auto;
    padding-top: 22px;
    color: #44566d;
    font-size: 15px;
    line-height: 1.7;
}

.gurIgrsUseCard__note span {
    display: inline-flex;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #092f62;
    background: #f7e7c1;
    font-size: 15px;
    font-weight: 800;
}

.gurIgrsUses__disclaimer {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 27px;
    padding: 19px 21px;
    border: 1px solid #e7d7b2;
    border-radius: 8px;
    background: #fffaf0;
}

.gurIgrsUses__disclaimerMark {
    display: inline-flex;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.gurIgrsUses__disclaimer p {
    margin: 0;
    color: #4d5968;
    font-size: 15px;
    line-height: 1.8;
}

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


/* =========================================================
   SECTION 3: SUB-REGISTRAR OFFICES
   Namespace: gurIgrsOffices / gurIgrsOfficeCard
   ========================================================= */

.gurIgrsOffices {
    padding: 78px 24px;
    color: #26364b;
    background: #ffffff;
}

.gurIgrsOffices__container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gurIgrsOffices__heading {
    max-width: 870px;
    margin: 0 auto 40px;
    text-align: center;
}

.gurIgrsOffices__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 28px;
    align-items: stretch;
}

.gurIgrsOffices__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gurIgrsOfficeCard {
    display: flex;
    gap: 19px;
    padding: 23px;
    border: 1px solid #e0e7ef;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(9, 47, 98, 0.045);
}

.gurIgrsOfficeCard__marker {
    display: flex;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #f5d88e;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.gurIgrsOfficeCard__content {
    min-width: 0;
}

.gurIgrsOfficeCard__label {
    display: block;
    margin-bottom: 6px;
    color: #a8730b;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.gurIgrsOfficeCard h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gurIgrsOfficeCard p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.8;
}

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

.gurIgrsOffices__research {
    padding: 30px;
    border: 1px solid #183e6a;
    border-radius: 11px;
    color: #e4ebf4;
    background:
        radial-gradient(ellipse at top right, rgba(217, 154, 22, 0.14), transparent 42%),
        linear-gradient(150deg, #092f62 0%, #061d3d 100%);
    box-shadow: 0 14px 35px rgba(6, 29, 61, 0.14);
}

.gurIgrsOffices__researchTop {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: #f0c66d;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.6;
}

.gurIgrsOffices__researchIcon {
    display: inline-flex;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 198, 109, 0.45);
    border-radius: 10px;
    color: #f0c66d;
    background: rgba(255, 255, 255, 0.06);
    font-size: 24px;
}

.gurIgrsOffices__research h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.4;
}

.gurIgrsOffices__research h3 strong {
    color: #f0c66d;
}

.gurIgrsOffices__research > p {
    margin: 0 0 23px;
    color: #d7e2ef;
    font-size: 16px;
    line-height: 1.8;
}

.gurIgrsOffices__researchItem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.gurIgrsOffices__check {
    display: inline-flex;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #061d3d;
    background: #f0c66d;
    font-size: 15px;
    font-weight: 900;
}

.gurIgrsOffices__researchItem p {
    margin: 0;
    color: #dbe5f0;
    font-size: 15px;
    line-height: 1.8;
}

.gurIgrsOffices__researchItem strong {
    color: #ffffff;
    font-weight: 800;
}

.gurIgrsOffices__researchNote {
    margin-top: 23px;
    padding: 15px;
    border: 1px solid rgba(240, 198, 109, 0.35);
    border-radius: 7px;
    color: #f5e6c3;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    line-height: 1.8;
}

.gurIgrsOffices__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 32px;
    padding: 28px 30px;
    border: 1px solid #e4d3ad;
    border-radius: 10px;
    background: linear-gradient(110deg, #fffaf0, #ffffff 78%);
}

.gurIgrsOffices__bottom > div {
    min-width: 0;
}

.gurIgrsOffices__bottomEyebrow {
    display: block;
    margin-bottom: 8px;
    color: #a8730b;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.6;
}

.gurIgrsOffices__bottom h3 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
}

.gurIgrsOffices__bottom p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.8;
}

.gurIgrsOffices__button {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 4: FINAL CTA
   Namespace: gurIgrsCTA
   ========================================================= */

.gurIgrsCTA {
    padding: 68px 24px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 95% 15%, rgba(217, 154, 22, 0.17), transparent 38%),
        linear-gradient(120deg, #04152d, #092f62);
    border-top: 4px solid #b97800;
}

.gurIgrsCTA__container {
    display: flex;
    width: 100%;
    max-width: 1160px;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin: 0 auto;
}

.gurIgrsCTA__content {
    flex: 1 1 auto;
    min-width: 0;
}

.gurIgrsCTA__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: #f0c66d;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.gurIgrsCTA h2 {
    max-width: 790px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.3;
}

.gurIgrsCTA h2 strong {
    display: block;
    color: #f0c66d;
}

.gurIgrsCTA__content > p {
    max-width: 760px;
    margin: 17px 0 0;
    color: #dce6f2;
    font-size: 17px;
    line-height: 1.85;
}

.gurIgrsCTA__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 28px;
}

.gurIgrsCTA__phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
}

.gurIgrsCTA__phoneIcon {
    display: inline-flex;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 198, 109, 0.5);
    border-radius: 50%;
    color: #f0c66d;
    background: rgba(255, 255, 255, 0.06);
    font-size: 21px;
}

.gurIgrsCTA__phone small {
    display: block;
    margin-bottom: 3px;
    color: #d7e2ef;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gurIgrsCTA__phone strong {
    display: block;
    color: #ffffff;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.gurIgrsCTA__phone:hover strong {
    color: #f0c66d;
}

.gurIgrsCTA__seal {
    display: flex;
    flex: 0 0 205px;
    width: 205px;
    height: 205px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 198, 109, 0.75);
    border-radius: 50%;
    outline: 1px solid rgba(240, 198, 109, 0.28);
    outline-offset: 8px;
    color: #f0c66d;
    background: rgba(255, 255, 255, 0.035);
    text-align: center;
}

.gurIgrsCTA__sealTop,
.gurIgrsCTA__sealBottom {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.7;
}

.gurIgrsCTA__sealMonogram {
    display: block;
    margin: 5px 0;
    color: #ffffff;
    font-size: 46px;
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.2;
}


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

@media (max-width: 980px) {
    .gurIgrsHero {
        padding: 66px 24px;
    }

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

    .gurIgrsUseCard:last-child {
        grid-column: 1 / -1;
    }

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

    .gurIgrsOffices__research {
        padding: 28px;
    }

    .gurIgrsCTA__seal {
        flex-basis: 165px;
        width: 165px;
        height: 165px;
    }

    .gurIgrsCTA__sealMonogram {
        font-size: 38px;
    }
}

@media (max-width: 640px) {
    .gurIgrsHero,
    .gurIgrsUses,
    .gurIgrsOffices,
    .gurIgrsCTA {
        padding: 48px 18px;
    }

    .gurIgrsHero h1 {
        font-size: 35px;
        letter-spacing: -0.6px;
    }

    .gurIgrsHero__intro,
    .gurIgrsUses__heading > p,
    .gurIgrsOffices__heading > p,
    .gurIgrsCTA__content > p {
        font-size: 16px;
    }

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

    .gurIgrsHero__button,
    .gurIgrsHero__secondary {
        width: 100%;
    }

    .gurIgrsHero__trustline {
        align-items: flex-start;
    }

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

    .gurIgrsUseCard:last-child {
        grid-column: auto;
    }

    .gurIgrsUseCard {
        padding: 23px 20px;
    }

    .gurIgrsUses__heading h2,
    .gurIgrsOffices__heading h2 {
        font-size: 29px;
    }

    .gurIgrsUses__disclaimer {
        padding: 16px;
    }

    .gurIgrsOfficeCard {
        gap: 13px;
        padding: 19px 16px;
    }

    .gurIgrsOfficeCard__marker {
        flex-basis: 37px;
        width: 37px;
        height: 37px;
    }

    .gurIgrsOfficeCard h3 {
        font-size: 19px;
    }

    .gurIgrsOffices__research {
        padding: 23px 19px;
    }

    .gurIgrsOffices__research h3 {
        font-size: 24px;
    }

    .gurIgrsOffices__bottom {
        align-items: stretch;
        flex-direction: column;
        padding: 23px 20px;
    }

    .gurIgrsOffices__bottom h3 {
        font-size: 21px;
    }

    .gurIgrsOffices__button {
        width: 100%;
    }

    .gurIgrsCTA__container {
        align-items: flex-start;
        flex-direction: column;
        gap: 34px;
    }

    .gurIgrsCTA h2 {
        font-size: 30px;
    }

    .gurIgrsCTA__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gurIgrsCTA__button {
        width: 100%;
    }

    .gurIgrsCTA__seal {
        align-self: center;
        flex-basis: 155px;
        width: 155px;
        height: 155px;
    }

    .gurIgrsCTA__sealMonogram {
        font-size: 35px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurIgrsHero__button,
    .gurIgrsHero__secondary,
    .gurIgrsUseCard,
    .gurIgrsOffices__button,
    .gurIgrsCTA__button {
        transition: none;
    }
}

/* =========================================================
   GURUGRAM CHECKLISTS — ROYAL NAVY & GOLD DESIGN SYSTEM
   Minimum font size: 15px
========================================================= */

.gurChecklistHero,
.gurBuyerChecklist,
.gurSellerChecklist,
.gurChecklistFinalCta {
    --gur-navy: #092f62;
    --gur-deep: #061d3d;
    --gur-dark: #04152d;
    --gur-gold: #b97800;
    --gur-gold-light: #f0b429;
    --gur-cream: #fffaf0;
    --gur-text: #26364a;
    --gur-muted: #58677a;
    --gur-border: #e3e8ef;
    font-family: inherit;
    box-sizing: border-box;
}

.gurChecklistHero *,
.gurBuyerChecklist *,
.gurSellerChecklist *,
.gurChecklistFinalCta * {
    box-sizing: border-box;
}

.gurChecklistHero a,
.gurBuyerChecklist a,
.gurSellerChecklist a,
.gurChecklistFinalCta a {
    text-decoration: none;
}

.gurChecklistHero p,
.gurBuyerChecklist p,
.gurSellerChecklist p,
.gurChecklistFinalCta p,
.gurChecklistHero span,
.gurBuyerChecklist span,
.gurSellerChecklist span,
.gurChecklistFinalCta span,
.gurChecklistHero a,
.gurBuyerChecklist a,
.gurSellerChecklist a,
.gurChecklistFinalCta a {
    font-size: max(15px, 1em);
}


/* =========================================================
   SECTION 1 — HERO
========================================================= */

.gurChecklistHero {
    position: relative;
    overflow: hidden;
    padding: 76px 24px 64px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(185, 120, 0, 0.18),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #04152d 0%,
            #092f62 58%,
            #0b376d 100%
        );
    border-bottom: 4px solid var(--gur-gold);
}

.gurChecklistHero::before {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -170px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(240, 180, 41, 0.23);
    border-radius: 50%;
    pointer-events: none;
}

.gurChecklistHero::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -110px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(240, 180, 41, 0.17);
    border-radius: 50%;
    pointer-events: none;
}

.gurChecklistHero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gurChecklistHero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    color: #f5c75e;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gurChecklistHero__eyebrow::before {
    content: "";
    width: 32px;
    height: 2px;
    background: #f0b429;
}

.gurChecklistHero h1 {
    max-width: 900px;
    margin: 0 0 23px;
    color: #ffffff;
    font-size: clamp(34px, 4.4vw, 56px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.4px;
}

.gurChecklistHero h1 span {
    display: block;
    margin-top: 7px;
    color: #f0b429;
    font-size: inherit;
    font-weight: inherit;
}

.gurChecklistHero__intro {
    max-width: 830px;
    margin: 0;
    color: #e3ebf6;
    font-size: 17px;
    line-height: 1.9;
}

.gurChecklistHero__intro strong {
    color: #ffffff;
    font-weight: 800;
}

.gurChecklistHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 31px;
}

.gurChecklistBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.gurChecklistBtn:hover {
    transform: translateY(-2px);
}

.gurChecklistBtn--gold {
    color: #201600;
    background: linear-gradient(135deg, #f5cb69, #e6a91e);
    border-color: #f0b429;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.gurChecklistBtn--gold:hover {
    color: #061d3d;
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22);
}

.gurChecklistBtn--outline {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.65);
}

.gurChecklistBtn--outline:hover {
    color: #061d3d;
    background: #ffffff;
    border-color: #ffffff;
}

.gurChecklistHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
}

.gurChecklistHero__trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    color: #f3f6fc;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
}

.gurChecklistHero__trust span::before {
    content: "✓";
    color: #f0b429;
    font-weight: 900;
}


/* =========================================================
   SECTION 2 — BUYER CHECKLIST
========================================================= */

.gurBuyerChecklist {
    padding: 82px 24px;
    background: #f5f8fc;
}

.gurBuyerChecklist__container {
    max-width: 1200px;
    margin: 0 auto;
}

.gurBuyerChecklist__heading {
    max-width: 800px;
    margin: 0 auto 43px;
    text-align: center;
}

.gurBuyerChecklist__eyebrow,
.gurSellerChecklist__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gurBuyerChecklist__heading h2,
.gurSellerChecklist__heading h2 {
    margin: 0 0 18px;
    color: var(--gur-deep);
    font-size: clamp(30px, 3.6vw, 43px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.7px;
}

.gurBuyerChecklist__heading h2 span,
.gurSellerChecklist__heading h2 span {
    color: var(--gur-gold);
}

.gurBuyerChecklist__heading > p,
.gurSellerChecklist__heading > p {
    margin: 0;
    color: var(--gur-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gurBuyerChecklist__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
    align-items: stretch;
}

.gurBuyerChecklist__card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 30px 25px 26px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e8f1;
    border-radius: 8px;
    box-shadow: 0 7px 24px rgba(9, 47, 98, 0.045);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.gurBuyerChecklist__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #092f62, #b97800);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.gurBuyerChecklist__card:hover {
    transform: translateY(-5px);
    border-color: #d2b16b;
    box-shadow: 0 15px 35px rgba(9, 47, 98, 0.11);
}

.gurBuyerChecklist__card:hover::before {
    transform: scaleX(1);
}

.gurBuyerChecklist__number {
    position: absolute;
    top: 23px;
    right: 23px;
    color: #dce4ef;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
}

.gurBuyerChecklist__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    margin-bottom: 23px;
    color: #ffffff;
    background: var(--gur-navy);
    border: 1px solid rgba(185, 120, 0, 0.65);
    border-radius: 7px;
    font-size: 24px;
    font-weight: 800;
}

.gurBuyerChecklist__card h3 {
    margin: 0 0 13px;
    padding-right: 8px;
    color: var(--gur-deep);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

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

.gurBuyerChecklist__card p {
    margin: 0 0 15px;
    color: var(--gur-text);
    font-size: 15px;
    line-height: 1.85;
}

.gurBuyerChecklist__card p strong {
    color: var(--gur-navy);
    font-weight: 800;
}

.gurBuyerChecklist__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    margin-top: auto;
    padding-top: 12px;
    color: var(--gur-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
}

.gurBuyerChecklist__link span {
    color: var(--gur-gold);
    font-size: 17px;
}

.gurBuyerChecklist__link:hover {
    color: var(--gur-gold);
}

.gurBuyerChecklist__note {
    display: block;
    margin-top: auto;
    padding-top: 12px;
    color: var(--gur-muted);
    font-size: 15px;
    font-style: italic;
    line-height: 1.7;
}

.gurBuyerChecklist__card--featured {
    background: linear-gradient(150deg, #ffffff, #fffaf0);
    border-color: #d8bd80;
}

.gurBuyerChecklist__card--featured::before {
    transform: scaleX(1);
}

.gurBuyerChecklist__detail {
    padding: 13px 14px;
    background: rgba(185, 120, 0, 0.075);
    border-left: 3px solid var(--gur-gold);
    border-radius: 0 4px 4px 0;
}

.gurBuyerChecklist__cardCta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-self: flex-start;
    margin-top: auto;
    padding: 13px 17px;
    color: #ffffff;
    background: var(--gur-navy);
    border: 1px solid var(--gur-navy);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    transition: background 0.2s ease, color 0.2s ease;
}

.gurBuyerChecklist__cardCta:hover {
    color: #ffffff;
    background: var(--gur-gold);
    border-color: var(--gur-gold);
}

.gurBuyerChecklist__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 36px;
    padding: 25px 28px;
    background: #ffffff;
    border: 1px solid #e0e6ef;
    border-left: 5px solid var(--gur-gold);
    border-radius: 6px;
}

.gurBuyerChecklist__footer > p {
    flex: 1 1 320px;
    margin: 0;
    color: var(--gur-deep);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.7;
}

.gurBuyerChecklist__footerActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.gurBuyerChecklist__footer .gurChecklistBtn--gold {
    color: #ffffff;
    background: var(--gur-navy);
    border-color: var(--gur-navy);
}

.gurBuyerChecklist__footer .gurChecklistBtn--gold:hover {
    color: #ffffff;
    background: var(--gur-gold);
    border-color: var(--gur-gold);
}

.gurBuyerChecklist__footer .gurChecklistBtn {
    box-shadow: none;
}

.gurBuyerChecklist__footer .gurChecklistBtn:hover {
    box-shadow: 0 6px 15px rgba(9, 47, 98, 0.12);
}

.gurBuyerChecklist__footer .gurChecklistBtn--gold span {
    color: inherit;
}

.gurBuyerChecklist__footer .gurChecklistBtn--gold {
    color: #ffffff;
}

.gurBuyerChecklist__footer .gurChecklistBtn--gold:hover {
    color: #ffffff;
}

.gurBuyerChecklist__footer .gurChecklistPhone {
    color: var(--gur-navy);
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
}

.gurBuyerChecklist__footer .gurChecklistPhone:hover {
    color: var(--gur-gold);
}


/* =========================================================
   SECTION 3 — SELLER CHECKLIST
========================================================= */

.gurSellerChecklist {
    padding: 82px 24px;
    background: #ffffff;
}

.gurSellerChecklist__container {
    max-width: 1200px;
    margin: 0 auto;
}

.gurSellerChecklist__heading {
    max-width: 790px;
    margin: 0 auto 43px;
    text-align: center;
}

.gurSellerChecklist__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 335px;
    gap: 30px;
    align-items: start;
}

.gurSellerChecklist__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 0;
}

.gurSellerChecklist__item {
    position: relative;
    display: grid;
    grid-template-columns: 47px minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e0e6ef;
    border-radius: 7px;
    box-shadow: 0 5px 18px rgba(9, 47, 98, 0.045);
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.gurSellerChecklist__item:hover {
    border-color: #d3b16b;
    box-shadow: 0 10px 25px rgba(9, 47, 98, 0.09);
    transform: translateY(-2px);
}

.gurSellerChecklist__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #ffffff;
    background: var(--gur-navy);
    border-bottom: 3px solid var(--gur-gold);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 900;
}

.gurSellerChecklist__content {
    min-width: 0;
}

.gurSellerChecklist__content h3 {
    margin: 1px 0 10px;
    color: var(--gur-deep);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

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

.gurSellerChecklist__content p {
    margin: 0;
    color: var(--gur-text);
    font-size: 15px;
    line-height: 1.85;
}

.gurSellerChecklist__content p strong {
    color: var(--gur-navy);
    font-weight: 800;
}

.gurSellerChecklist__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 125px;
    padding: 8px 10px;
    color: var(--gur-navy);
    background: #f0f4f9;
    border: 1px solid #dfe7f1;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.gurSellerChecklist__item--featured {
    background: linear-gradient(135deg, #fffdf8, #fff8e9);
    border-color: #d8bd80;
}

.gurSellerChecklist__item--featured .gurSellerChecklist__number {
    color: #201600;
    background: #f0b429;
    border-bottom-color: var(--gur-navy);
}

.gurSellerChecklist__caution {
    margin-top: 14px !important;
    padding: 13px 15px;
    color: #4c3b1b !important;
    background: rgba(185, 120, 0, 0.09);
    border-left: 3px solid var(--gur-gold);
    border-radius: 0 4px 4px 0;
    font-size: 15px;
    line-height: 1.8;
}

.gurSellerChecklist__sidebar {
    position: sticky;
    top: 25px;
    padding: 30px 25px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(240, 180, 41, 0.18),
            transparent 36%
        ),
        linear-gradient(150deg, #092f62, #04152d);
    border: 1px solid rgba(185, 120, 0, 0.75);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(9, 47, 98, 0.15);
}

.gurSellerChecklist__sidebarEyebrow {
    display: inline-block;
    margin-bottom: 17px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gurSellerChecklist__sidebar h3 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.gurSellerChecklist__sidebar h3 span {
    display: block;
    margin-top: 4px;
    color: #f0b429;
    font-size: inherit;
    font-weight: inherit;
}

.gurSellerChecklist__sidebar > p {
    margin: 0 0 22px;
    color: #e2eaf5;
    font-size: 15px;
    line-height: 1.85;
}

.gurSellerChecklist__sidebarBtn {
    display: flex;
    width: 100%;
    margin-bottom: 17px;
    padding: 15px 13px;
    color: #201600;
    background: linear-gradient(135deg, #f5cb69, #e6a91e);
    border-color: #f0b429;
    white-space: normal;
}

.gurSellerChecklist__sidebarBtn:hover {
    color: var(--gur-deep);
    background: #ffffff;
    border-color: #ffffff;
}

.gurSellerChecklist__sidebarPhone {
    display: block;
    padding: 13px 10px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 4px;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    transition: background 0.2s ease;
}

.gurSellerChecklist__sidebarPhone:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.gurSellerChecklist__sidebarDivider {
    height: 1px;
    margin: 24px 0;
    background: rgba(255, 255, 255, 0.22);
}

.gurSellerChecklist__sidebar .gurSellerChecklist__sidebarSmall {
    margin: 0;
    color: #d6e0ef;
    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   SECTION 4 — FINAL CONTACT CTA
========================================================= */

.gurChecklistFinalCta {
    position: relative;
    overflow: hidden;
    padding: 61px 24px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 12% 100%,
            rgba(185, 120, 0, 0.16),
            transparent 35%
        ),
        linear-gradient(115deg, #04152d, #092f62);
    border-top: 4px solid var(--gur-gold);
}

.gurChecklistFinalCta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    max-width: 1160px;
    margin: 0 auto;
}

.gurChecklistFinalCta__copy {
    flex: 1 1 650px;
    min-width: 0;
}

.gurChecklistFinalCta__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.gurChecklistFinalCta__copy h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.gurChecklistFinalCta__copy h2 span {
    color: #f0b429;
}

.gurChecklistFinalCta__copy p {
    max-width: 730px;
    margin: 0;
    color: #e1eaf6;
    font-size: 16px;
    line-height: 1.9;
}

.gurChecklistFinalCta__copy p strong {
    color: #ffffff;
    font-weight: 800;
}

.gurChecklistFinalCta__actions {
    display: flex;
    flex: 0 0 245px;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

.gurChecklistFinalCta__actions .gurChecklistBtn {
    width: 100%;
    min-height: 56px;
}

.gurChecklistFinalCta__phone {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 15px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.gurChecklistFinalCta__phone:hover {
    color: var(--gur-deep);
    background: #ffffff;
    border-color: #ffffff;
}


/* =========================================================
   ACCESSIBILITY — VISIBLE KEYBOARD FOCUS
========================================================= */

.gurChecklistHero a:focus-visible,
.gurBuyerChecklist a:focus-visible,
.gurSellerChecklist a:focus-visible,
.gurChecklistFinalCta a:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 4px;
}


/* =========================================================
   RESPONSIVE — TABLETS
========================================================= */

@media (max-width: 1024px) {
    .gurBuyerChecklist__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gurSellerChecklist__layout {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 22px;
    }

    .gurSellerChecklist__item {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 15px;
    }

    .gurSellerChecklist__status {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
    }

    .gurChecklistFinalCta__inner {
        gap: 25px;
    }

    .gurChecklistFinalCta__actions {
        flex-basis: 225px;
    }
}


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

@media (max-width: 767px) {
    .gurChecklistHero {
        padding: 56px 20px 45px;
    }

    .gurChecklistHero h1 {
        font-size: clamp(32px, 8vw, 42px);
        letter-spacing: -0.7px;
    }

    .gurChecklistHero__intro {
        font-size: 16px;
        line-height: 1.8;
    }

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

    .gurChecklistHero__actions .gurChecklistBtn {
        width: 100%;
    }

    .gurChecklistHero__trust {
        gap: 9px;
        margin-top: 26px;
    }

    .gurChecklistHero__trust span {
        font-size: 15px;
    }

    .gurBuyerChecklist,
    .gurSellerChecklist {
        padding: 58px 18px;
    }

    .gurBuyerChecklist__heading,
    .gurSellerChecklist__heading {
        margin-bottom: 30px;
        text-align: left;
    }

    .gurBuyerChecklist__heading h2,
    .gurSellerChecklist__heading h2 {
        font-size: 32px;
    }

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

    .gurBuyerChecklist__card {
        padding: 25px 22px;
    }

    .gurBuyerChecklist__card h3 {
        font-size: 19px;
    }

    .gurBuyerChecklist__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

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

    .gurBuyerChecklist__footerActions .gurChecklistBtn {
        width: 100%;
    }

    .gurBuyerChecklist__footer .gurChecklistPhone {
        display: block;
        padding: 12px;
        text-align: center;
        border: 1px solid #dfe7f1;
        border-radius: 4px;
    }

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

    .gurSellerChecklist__item {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 20px 17px;
    }

    .gurSellerChecklist__content h3 {
        font-size: 18px;
    }

    .gurSellerChecklist__status {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
    }

    .gurSellerChecklist__sidebar {
        position: static;
        padding: 26px 22px;
    }

    .gurChecklistFinalCta {
        padding: 49px 20px;
    }

    .gurChecklistFinalCta__inner {
        align-items: stretch;
        flex-direction: column;
        gap: 27px;
    }

    .gurChecklistFinalCta__copy {
        flex-basis: auto;
    }

    .gurChecklistFinalCta__copy h2 {
        font-size: 31px;
    }

    .gurChecklistFinalCta__actions {
        flex-basis: auto;
        width: 100%;
    }
}


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

@media (max-width: 380px) {
    .gurChecklistHero,
    .gurBuyerChecklist,
    .gurSellerChecklist,
    .gurChecklistFinalCta {
        padding-left: 15px;
        padding-right: 15px;
    }

    .gurChecklistHero h1 {
        font-size: 31px;
    }

    .gurChecklistBtn {
        padding: 14px 13px;
    }

    .gurSellerChecklist__item {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
        padding: 17px 13px;
    }

    .gurSellerChecklist__number {
        width: 36px;
        height: 36px;
    }

    .gurBuyerChecklist__number {
        right: 15px;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gurChecklistHero *,
    .gurBuyerChecklist *,
    .gurSellerChecklist *,
    .gurChecklistFinalCta * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   SECTION 1: FAQ HERO
   Namespace: gviFaqHero
   Royal navy + gold | No hero image
   ========================================================= */

.gviFaqHero {
    --gvi-hero-navy: #061d3d;
    --gvi-hero-deep: #04152d;
    --gvi-hero-gold: #d99a16;
    --gvi-hero-white: #ffffff;
    --gvi-hero-muted: #e3eaf4;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 76px 22px 64px;
    color: var(--gvi-hero-white);
    background:
        radial-gradient(
            ellipse at 88% 10%,
            rgba(217, 154, 22, 0.17),
            transparent 34%
        ),
        linear-gradient(
            130deg,
            var(--gvi-hero-deep) 0%,
            var(--gvi-hero-navy) 58%,
            #103969 100%
        );
    border-bottom: 4px solid var(--gvi-hero-gold);
}

.gviFaqHero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 100%;
    pointer-events: none;
    opacity: 0.15;
    background-image: radial-gradient(
        rgba(255, 255, 255, 0.7) 0.8px,
        transparent 0.8px
    );
    background-size: 18px 18px;
    mask-image: linear-gradient(135deg, black, transparent 78%);
}

.gviFaqHero__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gviFaqHero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #f3c65f;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.gviFaqHero__eyebrow::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 3px;
    flex: 0 0 34px;
    background: var(--gvi-hero-gold);
}

.gviFaqHero h1 {
    max-width: 1000px;
    margin: 0 0 22px;
    color: var(--gvi-hero-white);
    font-size: clamp(32px, 4.3vw, 52px);
    font-weight: 750;
    line-height: 1.17;
    letter-spacing: -1.2px;
}

.gviFaqHero h1 span {
    display: block;
    margin-top: 8px;
    color: #f1bd4b;
}

.gviFaqHero__intro {
    max-width: 890px;
    margin: 0;
    color: var(--gvi-hero-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gviFaqHero__intro strong {
    color: var(--gvi-hero-white);
    font-weight: 750;
}

.gviFaqHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.gviFaqButton {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.gviFaqButton--gold {
    color: #171717;
    background: #f0bd4b;
    border-color: #f0bd4b;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}

.gviFaqButton--gold:hover {
    color: #ffffff;
    background: #a96d00;
    border-color: #f0bd4b;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

.gviFaqButton--outline {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.62);
}

.gviFaqButton--outline:hover {
    color: #061d3d;
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
}

.gviFaqHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.gviFaqHero__trust span {
    color: #e6edf7;
    font-size: 15px;
    line-height: 1.65;
}

.gviFaqHero__trust span::before {
    content: "✓";
    margin-right: 8px;
    color: #f0bd4b;
    font-weight: 900;
}

.gviFaqHero a:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 4px;
}


/* =========================================================
   SECTION 2: FAQ LIBRARY
   Namespace: gviFaqLibrary / gviFaqItem
   ========================================================= */

.gviFaqLibrary {
    --gvi-faq-navy: #092f62;
    --gvi-faq-deep: #061d3d;
    --gvi-faq-gold: #b97800;
    --gvi-faq-gold-light: #f3c75e;
    --gvi-faq-text: #25364a;
    --gvi-faq-muted: #526174;
    --gvi-faq-border: #dce4ee;
    --gvi-faq-bg: #f5f8fc;

    padding: 76px 22px 80px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--gvi-faq-bg) 100%
        );
    color: var(--gvi-faq-text);
}

.gviFaqLibrary__container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.gviFaqLibrary__header {
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

.gviFaqLibrary__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--gvi-faq-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.4px;
}

.gviFaqLibrary__header h2 {
    margin: 0 0 17px;
    color: var(--gvi-faq-deep);
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.gviFaqLibrary__header h2 strong {
    color: var(--gvi-faq-navy);
}

.gviFaqLibrary__header p {
    margin: 0;
    color: var(--gvi-faq-muted);
    font-size: 16px;
    line-height: 1.85;
}

.gviFaqLibrary__list {
    display: grid;
    gap: 15px;
}

.gviFaqItem {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--gvi-faq-border);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(9, 47, 98, 0.045);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.gviFaqItem:hover {
    border-color: #c6a45c;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.08);
}

.gviFaqItem[open] {
    border-color: #c6a45c;
    box-shadow: 0 8px 26px rgba(9, 47, 98, 0.09);
}

.gviFaqItem summary {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 25px;
    align-items: center;
    gap: 16px;
    padding: 23px 24px;
    color: var(--gvi-faq-deep);
    cursor: pointer;
    list-style: none;
}

.gviFaqItem summary::-webkit-details-marker {
    display: none;
}

.gviFaqItem summary::marker {
    content: "";
}

.gviFaqItem summary:focus-visible {
    outline: 3px solid var(--gvi-faq-gold);
    outline-offset: -4px;
    border-radius: 8px;
}

.gviFaqItem__number {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: var(--gvi-faq-navy);
    border-radius: 8px;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.3;
}

.gviFaqItem[open] .gviFaqItem__number {
    color: #1d1a12;
    background: var(--gvi-faq-gold-light);
}

.gviFaqItem__question {
    color: var(--gvi-faq-deep);
    font-size: 17px;
    font-weight: 750;
    line-height: 1.65;
}

.gviFaqItem__toggle {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border: 1.5px solid #c8d3e0;
    border-radius: 50%;
}

.gviFaqItem__toggle::before,
.gviFaqItem__toggle::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    width: 10px;
    height: 2px;
    background: var(--gvi-faq-navy);
    border-radius: 2px;
}

.gviFaqItem__toggle::after {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.gviFaqItem[open] .gviFaqItem__toggle {
    border-color: var(--gvi-faq-gold);
    background: #fff8e7;
}

.gviFaqItem[open] .gviFaqItem__toggle::after {
    transform: rotate(0);
}

.gviFaqItem__answer {
    padding: 0 28px 27px 83px;
    border-top: 1px solid #edf1f6;
}

.gviFaqItem__answer p {
    margin: 18px 0 0;
    color: var(--gvi-faq-text);
    font-size: 16px;
    line-height: 1.9;
}

.gviFaqItem__answer strong {
    color: var(--gvi-faq-deep);
    font-weight: 800;
}

.gviFaqInlineLink {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 21px;
    color: var(--gvi-faq-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    border-bottom: 2px solid #d9aa43;
    padding-bottom: 4px;
    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

.gviFaqInlineLink:hover {
    color: #8b5b00;
    border-color: var(--gvi-faq-navy);
}

.gviFaqInlineLink:focus-visible {
    outline: 3px solid var(--gvi-faq-gold);
    outline-offset: 4px;
}

.gviFaqLibrary__note {
    margin: 28px 0 0;
    padding: 19px 22px;
    color: #3f4f63;
    background: #edf2f8;
    border-left: 4px solid var(--gvi-faq-gold);
    border-radius: 4px 8px 8px 4px;
    font-size: 15px;
    line-height: 1.8;
}

.gviFaqLibrary__note strong {
    color: var(--gvi-faq-deep);
}


/* =========================================================
   SECTION 3: FINAL CONTACT CTA
   Namespace: gviFaqCta
   ========================================================= */

.gviFaqCta {
    --gvi-cta-navy: #061d3d;
    --gvi-cta-blue: #092f62;
    --gvi-cta-gold: #f0bd4b;
    --gvi-cta-white: #ffffff;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 65px 22px;
    color: var(--gvi-cta-white);
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(240, 189, 75, 0.16),
            transparent 30%
        ),
        linear-gradient(
            120deg,
            var(--gvi-cta-navy),
            var(--gvi-cta-blue)
        );
    border-top: 4px solid var(--gvi-cta-gold);
}

.gviFaqCta__container {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, 0.8fr);
    align-items: center;
    gap: 45px;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gviFaqCta__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--gvi-cta-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.3px;
}

.gviFaqCta__content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.24;
    letter-spacing: -0.6px;
}

.gviFaqCta__content h2 strong {
    display: block;
    color: var(--gvi-cta-gold);
}

.gviFaqCta__content p {
    max-width: 690px;
    margin: 0;
    color: #e1eaf6;
    font-size: 16px;
    line-height: 1.85;
}

.gviFaqCta__content p strong {
    color: #ffffff;
    font-weight: 800;
}

.gviFaqCta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 28px;
}

.gviFaqCta__button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.gviFaqCta__button--gold {
    color: #201808;
    background: var(--gvi-cta-gold);
    border-color: var(--gvi-cta-gold);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.2);
}

.gviFaqCta__button--gold:hover {
    color: #ffffff;
    background: #a96d00;
    border-color: var(--gvi-cta-gold);
    transform: translateY(-2px);
}

.gviFaqCta__button--light {
    color: #ffffff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.65);
}

.gviFaqCta__button--light:hover {
    color: var(--gvi-cta-navy);
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
}

.gviFaqCta__email {
    display: inline-block;
    margin-top: 19px;
    color: #f4d58e;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.gviFaqCta__side {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 28px 26px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(240, 189, 75, 0.48);
    border-radius: 10px;
}

.gviFaqCta__sideLabel {
    color: var(--gvi-cta-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.gviFaqCta__side > strong {
    color: #ffffff;
    font-size: 26px;
    font-weight: 850;
    line-height: 1.35;
}

.gviFaqCta__side > span:not(.gviFaqCta__sideLabel) {
    color: #e0e9f5;
    font-size: 15px;
    line-height: 1.75;
}

.gviFaqCta a:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 4px;
}


/* =========================================================
   RESPONSIVE LAYOUT
   Each rule only adjusts the existing section namespaces.
   Minimum font size remains 15px.
   ========================================================= */

@media (max-width: 900px) {
    .gviFaqHero {
        padding: 62px 22px 54px;
    }

    .gviFaqLibrary {
        padding: 60px 20px 64px;
    }

    .gviFaqCta__container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .gviFaqCta__side {
        max-width: 600px;
    }
}

@media (max-width: 600px) {
    .gviFaqHero {
        padding: 47px 18px 42px;
    }

    .gviFaqHero h1 {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .gviFaqHero__intro {
        font-size: 16px;
        line-height: 1.8;
    }

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

    .gviFaqButton {
        width: 100%;
        min-height: 54px;
    }

    .gviFaqHero__trust {
        flex-direction: column;
        gap: 9px;
    }

    .gviFaqLibrary {
        padding: 47px 14px 52px;
    }

    .gviFaqLibrary__header {
        margin-bottom: 27px;
        text-align: left;
    }

    .gviFaqLibrary__header h2 {
        font-size: 29px;
    }

    .gviFaqLibrary__header p {
        font-size: 16px;
    }

    .gviFaqLibrary__list {
        gap: 12px;
    }

    .gviFaqItem summary {
        grid-template-columns: 37px minmax(0, 1fr) 23px;
        gap: 11px;
        padding: 18px 14px;
    }

    .gviFaqItem__number {
        width: 37px;
        height: 37px;
        font-size: 15px;
    }

    .gviFaqItem__question {
        font-size: 16px;
        line-height: 1.65;
    }

    .gviFaqItem__answer {
        padding: 0 16px 22px;
    }

    .gviFaqItem__answer p {
        font-size: 16px;
        line-height: 1.85;
    }

    .gviFaqInlineLink {
        font-size: 15px;
    }

    .gviFaqLibrary__note {
        padding: 16px;
        font-size: 15px;
    }

    .gviFaqCta {
        padding: 47px 18px;
    }

    .gviFaqCta__content h2 {
        font-size: 30px;
    }

    .gviFaqCta__content p {
        font-size: 16px;
    }

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

    .gviFaqCta__button {
        width: 100%;
        min-height: 54px;
    }

    .gviFaqCta__side {
        padding: 23px 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gviFaqHero *,
    .gviFaqLibrary *,
    .gviFaqCta * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* =========================================================
   SHARED DESIGN TOKENS
========================================================= */
.gurProfilesHero,
.gurProfilesIntro,
.gurProfileCase,
.gurProfilesFinalCTA {
    --gur-navy: #092f62;
    --gur-deep: #061d3d;
    --gur-deeper: #04152d;
    --gur-gold: #b97800;
    --gur-gold-light: #f0b429;
    --gur-cream: #fffaf0;
    --gur-ink: #182b43;
    --gur-muted: #526176;
    --gur-border: #e2e8f0;
    font-family: inherit;
    box-sizing: border-box;
}

.gurProfilesHero *,
.gurProfilesIntro *,
.gurProfileCase *,
.gurProfilesFinalCTA * {
    box-sizing: border-box;
}

.gurProfilesHero p,
.gurProfilesIntro p,
.gurProfileCase p,
.gurProfilesFinalCTA p {
    font-size: 16px;
    line-height: 1.8;
}

.gurProfilesHero strong,
.gurProfilesIntro strong,
.gurProfileCase strong,
.gurProfilesFinalCTA strong {
    font-weight: 750;
}

.gurProfilesBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}

.gurProfilesBtn:hover,
.gurProfilesBtn:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(4, 21, 45, .2);
}

.gurProfilesBtn:focus-visible,
.gurProfilesHero a:focus-visible,
.gurProfileCase a:focus-visible,
.gurProfilesFinalCTA a:focus-visible {
    outline: 3px solid #e7ad29;
    outline-offset: 4px;
}

.gurProfilesBtn--gold {
    color: #061d3d !important;
    background: linear-gradient(135deg, #f5c75e, #e3a322);
    border-color: #f5c75e;
}

.gurProfilesBtn--gold:hover {
    color: #04152d !important;
    background: #ffd77b;
}


/* =========================================================
   SECTION 1: HERO
========================================================= */
.gurProfilesHero {
    position: relative;
    overflow: hidden;
    padding: clamp(56px, 7vw, 96px) 22px 54px;
    color: #fff;
    background:
        radial-gradient(ellipse at 88% 8%, rgba(185, 120, 0, .24), transparent 34%),
        linear-gradient(125deg, #04152d 0%, #092f62 58%, #0b396f 100%);
}

.gurProfilesHero::before {
    position: absolute;
    right: -100px;
    bottom: -210px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(240, 180, 41, .22);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gurProfilesHero::after {
    position: absolute;
    right: -30px;
    bottom: -140px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(240, 180, 41, .18);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gurProfilesHero__inner {
    position: relative;
    z-index: 1;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gurProfilesHero__eyebrow,
.gurProfilesLabel,
.gurProfileCase__eyebrow,
.gurProfileCase__sideLabel,
.gurProfilesFinalCTA__eyebrow {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.gurProfilesHero__eyebrow {
    margin-bottom: 20px;
    color: #f5c75e;
}

.gurProfilesHero h1 {
    max-width: 960px;
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.9px;
}

.gurProfilesHero h1 span {
    color: #f5c75e;
}

.gurProfilesHero__inner > p {
    max-width: 890px;
    margin: 0;
    color: #edf3fb;
}

.gurProfilesHero__inner > p strong {
    color: #fff;
}

.gurProfilesHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 32px;
}

.gurProfilesHero__phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff !important;
    text-decoration: none !important;
}

.gurProfilesHero__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border: 1px solid rgba(245, 199, 94, .65);
    border-radius: 50%;
    color: #f5c75e;
    font-size: 22px;
}

.gurProfilesHero__phone small {
    display: block;
    margin-bottom: 3px;
    color: #d7e3f3;
    font-size: 15px;
}

.gurProfilesHero__phone strong {
    color: #fff;
    font-size: 17px;
}

.gurProfilesHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 38px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.gurProfilesHero__trust span {
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
    color: #f4f7fc;
    font-size: 15px;
    font-weight: 650;
}


/* =========================================================
   SECTION 2: INTRODUCTION
========================================================= */
.gurProfilesIntro {
    padding: 64px 22px;
    background: #f5f8fc;
}

.gurProfilesIntro__inner {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gurProfilesIntro__heading {
    max-width: 800px;
    margin-bottom: 22px;
}

.gurProfilesLabel {
    margin-bottom: 12px;
    color: var(--gur-gold);
}

.gurProfilesIntro h2 {
    margin: 0;
    color: var(--gur-deep);
    font-size: clamp(28px, 3.7vw, 42px);
    font-weight: 800;
    line-height: 1.25;
}

.gurProfilesIntro h2 span {
    color: var(--gur-gold);
}

.gurProfilesIntro__inner > p {
    max-width: 980px;
    margin: 0;
    color: var(--gur-ink);
}

.gurProfilesIntro__note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 26px;
    padding: 20px 22px;
    border: 1px solid #ead8ae;
    border-left: 5px solid var(--gur-gold);
    border-radius: 8px;
    background: #fffdf7;
}

.gurProfilesIntro__noteIcon {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    background: var(--gur-navy);
    font-size: 17px;
    font-weight: 800;
}

.gurProfilesIntro__note p {
    margin: 0;
    color: #37465a;
}


/* =========================================================
   SECTIONS 3–7: SHARED PROFILE LAYOUT
========================================================= */
.gurProfileCase {
    padding: 68px 22px;
    background: #fff;
    scroll-margin-top: 30px;
}

.gurProfileCase:nth-of-type(even) {
    background: #f7f9fc;
}

.gurProfileCase__inner {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gurProfileCase__top {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: start;
    gap: 22px;
    margin-bottom: 34px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--gur-border);
}

.gurProfileCase__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border: 1px solid rgba(185, 120, 0, .48);
    border-radius: 12px;
    color: #f4c65d;
    background: var(--gur-deep);
    font-size: 28px;
    font-weight: 850;
    box-shadow: 5px 5px 0 #f2e4c5;
}

.gurProfileCase__eyebrow {
    margin-bottom: 10px;
    color: var(--gur-gold);
}

.gurProfileCase__heading h2 {
    margin: 0 0 14px;
    color: var(--gur-deep);
    font-size: clamp(27px, 3.6vw, 39px);
    font-weight: 800;
    line-height: 1.25;
}

.gurProfileCase__heading h2 span {
    color: var(--gur-gold);
}

.gurProfileCase__heading > p {
    max-width: 850px;
    margin: 0;
    color: var(--gur-muted);
}

.gurProfileCase__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(285px, .9fr);
    align-items: start;
    gap: 28px;
}

.gurProfileCase__main {
    min-width: 0;
}

.gurProfileCase__main h3 {
    margin: 27px 0 10px;
    color: var(--gur-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;
}

.gurProfileCase__main h3:first-child {
    margin-top: 0;
}

.gurProfileCase__main p {
    margin: 0 0 17px;
    color: var(--gur-ink);
}

.gurProfileCase__main p strong {
    color: var(--gur-deep);
}

.gurProfileCase__calc {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0 25px;
}

.gurProfileCase__calc > div {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--gur-border);
    border-top: 3px solid var(--gur-gold);
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(6, 29, 61, .045);
}

.gurProfileCase__calc span {
    display: block;
    margin-bottom: 8px;
    color: var(--gur-muted);
    font-size: 15px;
    line-height: 1.55;
}

.gurProfileCase__calc strong {
    display: block;
    color: var(--gur-deep);
    font-size: 19px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.gurProfileCase__callout {
    margin-top: 25px;
    padding: 22px;
    border-left: 4px solid var(--gur-gold);
    border-radius: 0 8px 8px 0;
    background: #fff8e8;
}

.gurProfileCase__callout > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gur-deep);
    font-size: 18px;
}

.gurProfileCase__callout p {
    margin: 0;
    color: #37465a;
}

.gurProfileCase__side {
    padding: 26px 23px;
    border: 1px solid #dce4ef;
    border-radius: 10px;
    background: linear-gradient(155deg, #f5f8fc, #fff);
    box-shadow: 0 12px 30px rgba(6, 29, 61, .065);
}

.gurProfileCase__sideLabel {
    margin-bottom: 12px;
    color: var(--gur-gold);
}

.gurProfileCase__side h3 {
    margin: 0 0 17px;
    color: var(--gur-deep);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.35;
}

.gurProfileCase__side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gurProfileCase__side li {
    position: relative;
    margin: 0;
    padding: 12px 0 12px 27px;
    border-bottom: 1px solid #e2e8f0;
    color: #26384d;
    font-size: 16px;
    line-height: 1.65;
}

.gurProfileCase__side li::before {
    position: absolute;
    top: 13px;
    left: 0;
    color: var(--gur-gold);
    content: "✓";
    font-size: 17px;
    font-weight: 900;
}

.gurProfileCase__sideFooter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #dce4ef;
}

.gurProfileCase__sideFooter > span {
    color: var(--gur-deep);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.5;
}

.gurProfileCase__sideFooter .gurProfilesBtn {
    width: 100%;
}

.gurProfileCase__phone {
    display: inline-block;
    color: var(--gur-navy) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
}

.gurProfileCase__phone:hover {
    color: var(--gur-gold) !important;
}


/* =========================================================
   PROFILE 1: HSVP — HISTORICAL VALUATION
========================================================= */
.gurProfileCase--hsvp {
    --gur-gold: #b97800;
}

.gurProfileCase--hsvp .gurProfileCase__number {
    background: #092f62;
}

.gurProfileCase--hsvp .gurProfileCase__calc > div:first-child {
    border-top-color: #092f62;
}


/* =========================================================
   PROFILE 2: DLF NRI — ROYAL BLUE ACCENT
========================================================= */
.gurProfileCase--nri {
    --gur-gold: #a66b00;
    background: #f8f9fc;
}

.gurProfileCase--nri .gurProfileCase__number {
    background: linear-gradient(145deg, #092f62, #174c82);
}

.gurProfileCase--nri .gurProfileCase__side {
    border-top: 4px solid #b97800;
}


/* =========================================================
   PROFILE 3: H-RERA — GOLD ACCENT
========================================================= */
.gurProfileCase--hrera {
    --gur-gold: #a76d00;
}

.gurProfileCase--hrera .gurProfileCase__number {
    color: #061d3d;
    background: linear-gradient(145deg, #f5cf76, #dda22b);
    box-shadow: 5px 5px 0 #f5ead2;
}

.gurProfileCase--hrera .gurProfileCase__callout {
    background: #fff8e8;
}


/* =========================================================
   PROFILE 4: MANESAR — INDUSTRIAL NAVY
========================================================= */
.gurProfileCase--manesar {
    --gur-gold: #b97800;
    background: #f5f8fc;
}

.gurProfileCase--manesar .gurProfileCase__number {
    border-radius: 5px;
    background: #061d3d;
}

.gurProfileCase--manesar .gurProfileCase__side {
    background: linear-gradient(160deg, #edf3fa, #fff);
}


/* =========================================================
   PROFILE 5: CYBER CITY — COMMERCIAL ACCENT
========================================================= */
.gurProfileCase--cyber {
    --gur-gold: #b97800;
}

.gurProfileCase--cyber .gurProfileCase__number {
    background: linear-gradient(145deg, #061d3d, #0c4177);
}

.gurProfileCase__formula {
    margin: 22px 0;
    padding: 24px;
    border: 1px solid #e6d2a8;
    border-radius: 9px;
    background: linear-gradient(135deg, #fffaf0, #fff);
}

.gurProfileCase__formula > span {
    display: block;
    margin-bottom: 12px;
    color: var(--gur-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.gurProfileCase__formula > strong {
    display: block;
    color: var(--gur-deep);
    font-size: 19px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.gurProfileCase__formula p {
    margin: 14px 0 0;
    padding-top: 14px;
    border-top: 1px solid #eadfca;
    color: #37465a;
}

.gurProfileCase__formula p b {
    display: block;
    margin-top: 5px;
    color: var(--gur-navy);
    font-size: 23px;
}


/* =========================================================
   SECTION 8: FINAL CTA
========================================================= */
.gurProfilesFinalCTA {
    position: relative;
    overflow: hidden;
    padding: 65px 22px 28px;
    color: #fff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(240, 180, 41, .2), transparent 35%),
        linear-gradient(125deg, #04152d, #092f62);
}

.gurProfilesFinalCTA__inner {
    position: relative;
    z-index: 1;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.gurProfilesFinalCTA__content {
    max-width: 830px;
}

.gurProfilesFinalCTA__eyebrow {
    margin-bottom: 13px;
    color: #f5c75e;
}

.gurProfilesFinalCTA h2 {
    margin: 0 0 17px;
    color: #fff;
    font-size: clamp(30px, 4vw, 45px);
    font-weight: 850;
    line-height: 1.2;
}

.gurProfilesFinalCTA h2 span {
    color: #f5c75e;
}

.gurProfilesFinalCTA__content p {
    margin: 0;
    color: #e8eff8;
}

.gurProfilesFinalCTA__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-top: 27px;
}

.gurProfilesFinalCTA__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px 17px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 7px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none !important;
    transition: background-color .2s ease;
}

.gurProfilesFinalCTA__phone:hover {
    background: rgba(255, 255, 255, .1);
}

.gurProfilesFinalCTA__foot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 25px;
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    color: #dbe6f5;
    font-size: 15px;
    line-height: 1.7;
}

.gurProfilesFinalCTA__foot span:first-child {
    color: #f5c75e;
    font-weight: 850;
}


/* =========================================================
   RESPONSIVE TABLET
========================================================= */
@media (max-width: 900px) {
    .gurProfileCase__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .gurProfileCase__side {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 24px;
    }

    .gurProfileCase__sideLabel,
    .gurProfileCase__side h3 {
        grid-column: 1 / -1;
    }

    .gurProfileCase__side ul {
        grid-column: 1;
    }

    .gurProfileCase__sideFooter {
        grid-column: 2;
        grid-row: 3;
        align-self: start;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }
}


/* =========================================================
   RESPONSIVE MOBILE
========================================================= */
@media (max-width: 600px) {
    .gurProfilesHero,
    .gurProfilesIntro,
    .gurProfileCase,
    .gurProfilesFinalCTA {
        padding-right: 17px;
        padding-left: 17px;
    }

    .gurProfilesHero {
        padding-top: 49px;
        padding-bottom: 40px;
    }

    .gurProfilesHero h1 {
        font-size: clamp(32px, 8.5vw, 42px);
        letter-spacing: -.5px;
    }

    .gurProfilesHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 17px;
    }

    .gurProfilesHero__actions > .gurProfilesBtn {
        width: 100%;
    }

    .gurProfilesHero__phone {
        align-self: flex-start;
    }

    .gurProfilesHero__trust {
        gap: 8px;
        margin-top: 28px;
    }

    .gurProfilesHero__trust span {
        padding: 8px 10px;
    }

    .gurProfilesIntro {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .gurProfilesIntro__note {
        padding: 17px;
    }

    .gurProfileCase {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .gurProfileCase__top {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 15px;
        margin-bottom: 27px;
        padding-bottom: 22px;
    }

    .gurProfileCase__number {
        width: 52px;
        height: 52px;
        border-radius: 8px;
        font-size: 21px;
        box-shadow: 3px 3px 0 #f2e4c5;
    }

    .gurProfileCase__heading h2 {
        font-size: 28px;
    }

    .gurProfileCase__main h3 {
        font-size: 21px;
    }

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

    .gurProfileCase__calc > div {
        padding: 16px;
    }

    .gurProfileCase__side {
        display: block;
        padding: 22px 18px;
    }

    .gurProfileCase__sideFooter {
        margin-top: 22px;
        padding-top: 19px;
        border-top: 1px solid #dce4ef;
    }

    .gurProfileCase__formula {
        padding: 19px;
    }

    .gurProfileCase__formula > strong {
        font-size: 17px;
    }

    .gurProfileCase__formula p b {
        font-size: 21px;
    }

    .gurProfilesFinalCTA {
        padding-top: 48px;
        padding-bottom: 23px;
    }

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

    .gurProfilesFinalCTA__actions > * {
        width: 100%;
    }

    .gurProfilesFinalCTA__foot {
        flex-direction: column;
        gap: 5px;
        margin-top: 30px;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */
@media (prefers-reduced-motion: reduce) {
    .gurProfilesBtn,
    .gurProfilesFinalCTA__phone {
        transition: none;
    }

    .gurProfilesBtn:hover,
    .gurProfilesBtn:focus-visible {
        transform: none;
    }
}

/* =========================================================
   SHARED DESIGN PRINCIPLES
   Royal navy, rich gold, elegant borders and generous spacing.
   Each section has its own unique CSS namespace.
   Minimum font size: 15px.
   ========================================================= */


/* =========================================================
   SECTION 1: HERO
   ========================================================= */
.gurOwnerInsightHero {
    --goih-navy: #092f62;
    --goih-deep: #061d3d;
    --goih-gold: #b97800;
    --goih-bright-gold: #f0b429;

    position: relative;
    overflow: hidden;
    padding: 76px 24px 66px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 5%, rgba(185, 120, 0, 0.20), transparent 38%),
        linear-gradient(125deg, var(--goih-deep) 0%, var(--goih-navy) 58%, #123e73 100%);
}

.gurOwnerInsightHero *,
.gurOwnerInsightIntro *,
.gurOwnerInsightLibrary *,
.gurOwnerInsightFocus *,
.gurOwnerInsightCTA * {
    box-sizing: border-box;
}

.gurOwnerInsightHero__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurOwnerInsightHero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #ffd878;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.gurOwnerInsightHero__eyebrow::before {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #f0b429;
    content: "";
}

.gurOwnerInsightHero h1 {
    max-width: 980px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4.3vw, 54px);
    font-weight: 750;
    line-height: 1.16;
    letter-spacing: -1.1px;
}

.gurOwnerInsightHero h1 span {
    display: block;
    margin-top: 8px;
    color: #f0c768;
}

.gurOwnerInsightHero__rule {
    width: 94px;
    height: 4px;
    margin: 26px 0 24px;
    border-radius: 10px;
    background: linear-gradient(90deg, #f0b429, #fff0b8);
}

.gurOwnerInsightHero p {
    max-width: 900px;
    margin: 0;
    color: #e8eef8;
    font-size: 17px;
    line-height: 1.9;
}

.gurOwnerInsightHero p strong {
    color: #ffffff;
    font-weight: 800;
}

.gurOwnerInsightHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 30px;
}

.gurOwnerInsightHero__button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 14px 24px;
    border: 2px solid #f0b429;
    border-radius: 6px;
    color: #061d3d;
    background: linear-gradient(135deg, #ffdc83, #f0b429);
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.20);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurOwnerInsightHero__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 26px rgba(0, 0, 0, 0.25);
}

.gurOwnerInsightHero__button span {
    font-size: 22px;
    line-height: 1;
}

.gurOwnerInsightHero__phone {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 12px 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.5;
    text-decoration: none;
}

.gurOwnerInsightHero__phone:hover {
    color: #ffdc83;
}

.gurOwnerInsightHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px;
}

.gurOwnerInsightHero__trust span {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 7px 13px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 3px;
    color: #f6e7bd;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================================
   SECTION 2: INTRODUCTION & TOPIC NAVIGATION
   ========================================================= */
.gurOwnerInsightIntro {
    padding: 52px 24px 46px;
    color: #172b45;
    background: #ffffff;
}

.gurOwnerInsightIntro__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurOwnerInsightIntro__heading {
    margin-bottom: 15px;
}

.gurOwnerInsightIntro__kicker {
    display: block;
    margin-bottom: 11px;
    color: #986000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gurOwnerInsightIntro h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 750;
    line-height: 1.3;
}

.gurOwnerInsightIntro h2 strong {
    color: #a96d00;
    font-weight: 850;
}

.gurOwnerInsightIntro p {
    max-width: 980px;
    margin: 0;
    color: #42536a;
    font-size: 16px;
    line-height: 1.9;
}

.gurOwnerInsightIntro__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.gurOwnerInsightIntro__nav a {
    display: inline-flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border: 1px solid #d9e2ef;
    border-radius: 4px;
    color: #092f62;
    background: #f8fbff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.gurOwnerInsightIntro__nav a:hover {
    border-color: #b97800;
    color: #ffffff;
    background: #092f62;
}


/* =========================================================
   SECTION 3: ARTICLE LIBRARY
   ========================================================= */
.gurOwnerInsightLibrary {
    padding: 68px 24px 72px;
    color: #172b45;
    background: #f5f8fc;
}

.gurOwnerInsightLibrary__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurOwnerInsightLibrary__header {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    align-items: end;
    gap: 28px;
    margin-bottom: 32px;
}

.gurOwnerInsightLibrary__kicker {
    display: block;
    margin-bottom: 10px;
    color: #986000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gurOwnerInsightLibrary__header h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 39px);
    font-weight: 800;
    line-height: 1.25;
}

.gurOwnerInsightLibrary__header h2 strong {
    color: #a96d00;
}

.gurOwnerInsightLibrary__header > p {
    margin: 0;
    color: #526176;
    font-size: 16px;
    line-height: 1.85;
}

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

.gurOwnerInsightCard {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 25px 23px 23px;
    border: 1px solid #e1e7f0;
    border-top: 3px solid #b97800;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.055);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.gurOwnerInsightCard:hover {
    transform: translateY(-4px);
    border-color: #d7bd83;
    box-shadow: 0 14px 30px rgba(9, 47, 98, 0.12);
}

.gurOwnerInsightCard__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.gurOwnerInsightCard__number {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #f8d985;
    background: #092f62;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
}

.gurOwnerInsightCard__category {
    color: #936000;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    text-align: right;
}

.gurOwnerInsightCard h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.gurOwnerInsightCard h3 strong {
    color: #966000;
    font-weight: 850;
}

.gurOwnerInsightCard > p {
    flex: 1 0 auto;
    margin: 0 0 23px;
    color: #526176;
    font-size: 15px;
    line-height: 1.85;
}

.gurOwnerInsightCard__link {
    display: inline-flex;
    min-height: 45px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 13px;
    border-top: 1px solid #e7edf5;
    color: #092f62;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none;
}

.gurOwnerInsightCard__link span {
    color: #a96d00;
    font-size: 21px;
    transition: transform 0.2s ease;
}

.gurOwnerInsightCard__link:hover {
    color: #986000;
}

.gurOwnerInsightCard__link:hover span {
    transform: translateX(4px);
}

.gurOwnerInsightLibrary__note {
    margin-top: 27px;
    padding: 18px 20px;
    border-left: 4px solid #b97800;
    border-radius: 3px;
    color: #42536a;
    background: #ffffff;
    font-size: 15px;
    line-height: 1.8;
}

.gurOwnerInsightLibrary__note strong {
    color: #092f62;
}


/* =========================================================
   SECTION 4: PRACTICAL VALUATION CONTEXT
   ========================================================= */
.gurOwnerInsightFocus {
    padding: 70px 24px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 100%, rgba(185, 120, 0, 0.13), transparent 35%),
        #061d3d;
}

.gurOwnerInsightFocus__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurOwnerInsightFocus__heading {
    max-width: 800px;
    margin: 0 auto 35px;
    text-align: center;
}

.gurOwnerInsightFocus__kicker {
    display: block;
    margin-bottom: 12px;
    color: #f0c768;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gurOwnerInsightFocus__heading h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(27px, 3.1vw, 38px);
    font-weight: 800;
    line-height: 1.3;
}

.gurOwnerInsightFocus__heading h2 strong {
    color: #f0c768;
}

.gurOwnerInsightFocus__heading > p {
    margin: 0;
    color: #d5deeb;
    font-size: 16px;
    line-height: 1.85;
}

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

.gurOwnerInsightFocus__item {
    padding: 25px 23px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.045);
}

.gurOwnerInsightFocus__index {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border: 1px solid #c18a1a;
    border-radius: 50%;
    color: #ffdc83;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
}

.gurOwnerInsightFocus__item h3 {
    margin: 0 0 11px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.45;
}

.gurOwnerInsightFocus__item > p {
    margin: 0;
    color: #d5deeb;
    font-size: 15px;
    line-height: 1.85;
}

.gurOwnerInsightFocus__item > p strong {
    color: #f0c768;
    font-weight: 800;
}


/* =========================================================
   SECTION 5: FINAL CTA
   ========================================================= */
.gurOwnerInsightCTA {
    padding: 66px 24px 30px;
    color: #ffffff;
    background: linear-gradient(120deg, #092f62, #0c396d);
}

.gurOwnerInsightCTA__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gurOwnerInsightCTA__content {
    max-width: 850px;
}

.gurOwnerInsightCTA__kicker {
    display: block;
    margin-bottom: 13px;
    color: #f0c768;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
    line-height: 1.6;
}

.gurOwnerInsightCTA__content h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.28;
}

.gurOwnerInsightCTA__content h2 strong {
    color: #f0c768;
}

.gurOwnerInsightCTA__content > p {
    max-width: 790px;
    margin: 0;
    color: #e2eaf5;
    font-size: 16px;
    line-height: 1.9;
}

.gurOwnerInsightCTA__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 28px;
}

.gurOwnerInsightCTA__button {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 17px;
    padding: 15px 25px;
    border: 2px solid #f0b429;
    border-radius: 5px;
    color: #061d3d;
    background: linear-gradient(135deg, #ffdc83, #f0b429);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurOwnerInsightCTA__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.27);
}

.gurOwnerInsightCTA__button span {
    font-size: 22px;
    line-height: 1;
}

.gurOwnerInsightCTA__phone {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #ffffff;
    text-decoration: none;
}

.gurOwnerInsightCTA__phoneLabel {
    color: #d8e3f2;
    font-size: 15px;
    line-height: 1.5;
}

.gurOwnerInsightCTA__phone strong {
    color: #ffdc83;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.5;
}

.gurOwnerInsightCTA__phone:hover strong {
    color: #ffffff;
}

.gurOwnerInsightCTA__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-top: 48px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.19);
    color: #e3c778;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: 0.7px;
    line-height: 1.7;
}


/* =========================================================
   RESPONSIVE LAYOUT
   ========================================================= */
@media (max-width: 980px) {
    .gurOwnerInsightLibrary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gurOwnerInsightLibrary__header {
        grid-template-columns: 1fr;
        gap: 15px;
    }

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

@media (max-width: 640px) {
    .gurOwnerInsightHero {
        padding: 54px 20px 48px;
    }

    .gurOwnerInsightHero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gurOwnerInsightHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .gurOwnerInsightHero__button {
        width: 100%;
    }

    .gurOwnerInsightHero__phone {
        justify-content: flex-start;
        padding-left: 2px;
    }

    .gurOwnerInsightIntro {
        padding: 42px 20px;
    }

    .gurOwnerInsightIntro h2 {
        font-size: 28px;
    }

    .gurOwnerInsightIntro__nav {
        gap: 8px;
    }

    .gurOwnerInsightIntro__nav a {
        flex: 1 1 calc(50% - 8px);
        text-align: center;
    }

    .gurOwnerInsightLibrary {
        padding: 48px 20px;
    }

    .gurOwnerInsightLibrary__grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .gurOwnerInsightLibrary__header h2 {
        font-size: 30px;
    }

    .gurOwnerInsightCard {
        padding: 23px 20px;
    }

    .gurOwnerInsightFocus {
        padding: 48px 20px;
    }

    .gurOwnerInsightCTA {
        padding: 48px 20px 25px;
    }

    .gurOwnerInsightCTA__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .gurOwnerInsightCTA__button {
        width: 100%;
    }

    .gurOwnerInsightCTA__footer {
        flex-direction: column;
        margin-top: 35px;
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .gurOwnerInsightHero__button,
    .gurOwnerInsightIntro__nav a,
    .gurOwnerInsightCard,
    .gurOwnerInsightCard__link span,
    .gurOwnerInsightCTA__button {
        transition: none;
    }

    .gurOwnerInsightCard:hover,
    .gurOwnerInsightHero__button:hover,
    .gurOwnerInsightCTA__button:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: HERO — gbiBuyerHero
========================================================= */

.gbiBuyerHero {
    --gbi-hero-navy: #061d3d;
    --gbi-hero-deep: #04152d;
    --gbi-hero-gold: #d99a16;
    --gbi-hero-light: #f8faff;

    position: relative;
    overflow: hidden;
    padding: 82px 20px 76px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(217, 154, 22, 0.13),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            var(--gbi-hero-deep) 0%,
            var(--gbi-hero-navy) 68%,
            #103966 100%
        );
    color: var(--gbi-hero-light);
    font-size: 16px;
    isolation: isolate;
}

.gbiBuyerHero *,
.gbiReraCheck *,
.gbiDeveloperReview *,
.gbiBuyerCTA * {
    box-sizing: border-box;
}

.gbiBuyerHero__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gbiBuyerHero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #f0c66d;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
    text-transform: uppercase;
}

.gbiBuyerHero__eyebrow::before {
    width: 34px;
    height: 2px;
    background: var(--gbi-hero-gold);
    content: "";
}

.gbiBuyerHero h1 {
    max-width: 950px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 750;
    line-height: 1.17;
    letter-spacing: -1.2px;
}

.gbiBuyerHero h1 span {
    color: #f0c66d;
}

.gbiBuyerHero__intro {
    max-width: 830px;
    margin: 0;
    color: #e1e9f4;
    font-size: 17px;
    line-height: 1.9;
}

.gbiBuyerHero__intro strong {
    color: #ffffff;
    font-weight: 750;
}

.gbiBuyerHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 32px;
}

.gbiBuyerBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.gbiBuyerBtn--gold {
    background: #f0b429;
    color: #061d3d;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.gbiBuyerBtn--gold:hover {
    background: #ffcc5d;
    color: #04152d;
    transform: translateY(-2px);
}

.gbiBuyerBtn--outline {
    border-color: rgba(255, 255, 255, 0.65);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
}

.gbiBuyerBtn--outline:hover {
    border-color: #f0c66d;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.gbiBuyerHero__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 28px;
    color: #dce7f5;
    font-size: 15px;
    line-height: 1.7;
}

.gbiBuyerHero__noteMark {
    display: inline-flex;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d99a16;
    border-radius: 50%;
    color: #f0c66d;
    font-size: 15px;
    font-weight: 800;
}


/* =========================================================
   SECTION 2: H-RERA CHECK — gbiReraCheck
========================================================= */

.gbiReraCheck {
    --gbi-rera-navy: #092f62;
    --gbi-rera-dark: #061d3d;
    --gbi-rera-gold: #b97800;
    --gbi-rera-gold-light: #fff6df;
    --gbi-rera-border: #e0e7f0;

    padding: 76px 20px;
    background: #f8fbff;
    color: #23354c;
    font-size: 16px;
}

.gbiReraCheck__container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gbiReraCheck__heading {
    max-width: 860px;
    margin-bottom: 32px;
}

.gbiReraCheck__step {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 13px;
    border-left: 3px solid var(--gbi-rera-gold);
    background: #eaf0f8;
    color: var(--gbi-rera-navy);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.gbiReraCheck__heading h2 {
    margin: 0 0 17px;
    color: var(--gbi-rera-dark);
    font-size: clamp(28px, 3.3vw, 41px);
    font-weight: 750;
    line-height: 1.28;
}

.gbiReraCheck__heading h2 strong {
    color: var(--gbi-rera-navy);
}

.gbiReraCheck__heading > p {
    margin: 0;
    color: #46566b;
    font-size: 17px;
    line-height: 1.85;
}

.gbiReraCheck__heading > p strong {
    color: var(--gbi-rera-navy);
}

.gbiReraCheck__portal {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 34px 0 42px;
    padding: 25px;
    border: 1px solid #d8e2ef;
    border-left: 5px solid var(--gbi-rera-gold);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(9, 47, 98, 0.07);
}

.gbiReraCheck__portalIcon {
    display: flex;
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--gbi-rera-navy);
    color: #ffffff;
    font-size: 19px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gbiReraCheck__portalText {
    flex: 1;
    min-width: 0;
}

.gbiReraCheck__portalText > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gbi-rera-dark);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
}

.gbiReraCheck__portalText p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.75;
}

.gbiReraCheck__portalLink {
    display: inline-flex;
    min-height: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 18px;
    border-radius: 6px;
    background: var(--gbi-rera-navy);
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.gbiReraCheck__portalLink:hover {
    background: var(--gbi-rera-gold);
    color: #ffffff;
    transform: translateY(-2px);
}

.gbiReraCheck__subheading {
    margin: 0 0 22px;
    color: var(--gbi-rera-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.gbiReraCheck__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.gbiReraCheck__card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 27px 26px 25px;
    border: 1px solid var(--gbi-rera-border);
    border-radius: 9px;
    background: #ffffff;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.gbiReraCheck__card:hover {
    transform: translateY(-3px);
    border-color: #c7a65f;
    box-shadow: 0 13px 30px rgba(9, 47, 98, 0.08);
}

.gbiReraCheck__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    min-height: 32px;
    margin-bottom: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    background: var(--gbi-rera-gold-light);
    color: var(--gbi-rera-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.gbiReraCheck__card h3 {
    margin: 0 0 10px;
    color: var(--gbi-rera-navy);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.gbiReraCheck__card p {
    margin: 0;
    color: #4a5b70;
    font-size: 16px;
    line-height: 1.85;
}

.gbiReraCheck__card p strong {
    color: var(--gbi-rera-dark);
}

.gbiReraCheck__important {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 25px;
    border: 1px solid #ecd8a7;
    border-radius: 9px;
    background: #fffaf0;
}

.gbiReraCheck__importantIcon {
    display: flex;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gbi-rera-gold);
    color: #ffffff;
    font-size: 18px;
    font-weight: 850;
}

.gbiReraCheck__important h3 {
    margin: 0 0 8px;
    color: var(--gbi-rera-dark);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.gbiReraCheck__important p {
    margin: 0;
    color: #4b5666;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 3: DEVELOPER REVIEW — gbiDeveloperReview
========================================================= */

.gbiDeveloperReview {
    --gbi-review-navy: #092f62;
    --gbi-review-deep: #061d3d;
    --gbi-review-gold: #b97800;

    padding: 76px 20px;
    background: #ffffff;
    color: #33445a;
    font-size: 16px;
}

.gbiDeveloperReview__container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gbiDeveloperReview__heading {
    max-width: 850px;
    margin: 0 auto 35px;
    text-align: center;
}

.gbiDeveloperReview__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--gbi-review-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gbiDeveloperReview__heading h2 {
    margin: 0 0 17px;
    color: var(--gbi-review-deep);
    font-size: clamp(27px, 3.2vw, 39px);
    font-weight: 750;
    line-height: 1.3;
}

.gbiDeveloperReview__heading h2 strong {
    color: var(--gbi-review-navy);
}

.gbiDeveloperReview__heading p {
    margin: 0;
    color: #526176;
    font-size: 17px;
    line-height: 1.85;
}

.gbiDeveloperReview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.gbiDeveloperReview__card {
    min-width: 0;
    padding: 30px;
    border: 1px solid #dce4ef;
    border-radius: 10px;
    background: #f8fbff;
    box-shadow: 0 9px 25px rgba(6, 29, 61, 0.045);
}

.gbiDeveloperReview__cardTop {
    padding-bottom: 19px;
    border-bottom: 1px solid #dce4ef;
}

.gbiDeveloperReview__badge {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #e9eff7;
    color: var(--gbi-review-navy);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.6px;
    line-height: 1.5;
}

.gbiDeveloperReview__card h3 {
    margin: 0;
    color: var(--gbi-review-deep);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.45;
}

.gbiDeveloperReview__card ul {
    display: grid;
    gap: 15px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.gbiDeveloperReview__card li {
    position: relative;
    padding-left: 27px;
    color: #46566b;
    font-size: 16px;
    line-height: 1.8;
}

.gbiDeveloperReview__card li::before {
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--gbi-review-gold);
    font-size: 18px;
    font-weight: 900;
    content: "✓";
}

.gbiDeveloperReview__disclaimer {
    margin-top: 25px;
    padding: 20px 23px;
    border-left: 4px solid var(--gbi-review-gold);
    border-radius: 4px;
    background: #fff8e8;
    color: #4b5666;
    font-size: 15px;
    line-height: 1.85;
}

.gbiDeveloperReview__disclaimer strong {
    color: var(--gbi-review-deep);
}


/* =========================================================
   SECTION 4: CTA — gbiBuyerCTA
========================================================= */

.gbiBuyerCTA {
    --gbi-cta-navy: #061d3d;
    --gbi-cta-gold: #f0b429;

    position: relative;
    overflow: hidden;
    padding: 66px 20px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(217, 154, 22, 0.17),
            transparent 34%
        ),
        linear-gradient(120deg, #04152d 0%, #092f62 100%);
    color: #ffffff;
    font-size: 16px;
}

.gbiBuyerCTA__container {
    display: flex;
    width: 100%;
    max-width: 1120px;
    align-items: center;
    justify-content: space-between;
    gap: 42px;
    margin: 0 auto;
}

.gbiBuyerCTA__content {
    max-width: 690px;
}

.gbiBuyerCTA__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: #f0c66d;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.4px;
    line-height: 1.6;
}

.gbiBuyerCTA__content h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 750;
    line-height: 1.28;
}

.gbiBuyerCTA__content h2 strong {
    color: #f0c66d;
}

.gbiBuyerCTA__content p {
    max-width: 650px;
    margin: 0;
    color: #e0e9f5;
    font-size: 16px;
    line-height: 1.9;
}

.gbiBuyerCTA__actions {
    display: flex;
    min-width: 255px;
    flex-direction: column;
    align-items: stretch;
    gap: 13px;
}

.gbiBuyerCTA__button {
    display: inline-flex;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 20px;
    border: 2px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.gbiBuyerCTA__button--gold {
    background: var(--gbi-cta-gold);
    color: #061d3d;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.gbiBuyerCTA__button--gold:hover {
    background: #ffcc5d;
    color: #04152d;
    transform: translateY(-2px);
}

.gbiBuyerCTA__button--call {
    border-color: rgba(255, 255, 255, 0.7);
    background: transparent;
    color: #ffffff;
}

.gbiBuyerCTA__button--call:hover {
    border-color: #f0c66d;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.gbiBuyerCTA__email {
    display: block;
    color: #e0e9f5;
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
}


/* =========================================================
   RESPONSIVE STYLES — ALL FOUR SECTIONS
========================================================= */

@media (max-width: 900px) {
    .gbiBuyerHero {
        padding: 66px 22px;
    }

    .gbiReraCheck,
    .gbiDeveloperReview {
        padding: 60px 22px;
    }

    .gbiBuyerCTA {
        padding: 58px 22px;
    }

    .gbiBuyerCTA__container {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .gbiBuyerCTA__actions {
        width: 100%;
        max-width: 390px;
    }
}

@media (max-width: 640px) {
    .gbiBuyerHero {
        padding: 52px 18px;
    }

    .gbiBuyerHero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gbiBuyerHero__intro,
    .gbiReraCheck__heading > p,
    .gbiDeveloperReview__heading p {
        font-size: 16px;
    }

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

    .gbiBuyerBtn {
        width: 100%;
    }

    .gbiReraCheck,
    .gbiDeveloperReview {
        padding: 48px 18px;
    }

    .gbiReraCheck__heading h2,
    .gbiDeveloperReview__heading h2 {
        font-size: 29px;
    }

    .gbiReraCheck__portal {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 15px;
        padding: 19px;
    }

    .gbiReraCheck__portalIcon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .gbiReraCheck__portalText {
        flex-basis: calc(100% - 70px);
    }

    .gbiReraCheck__portalLink {
        width: 100%;
    }

    .gbiReraCheck__grid,
    .gbiDeveloperReview__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .gbiReraCheck__card,
    .gbiDeveloperReview__card {
        padding: 23px 20px;
    }

    .gbiReraCheck__important {
        gap: 12px;
        padding: 19px;
    }

    .gbiBuyerCTA {
        padding: 48px 18px;
    }

    .gbiBuyerCTA__content h2 {
        font-size: 30px;
    }

    .gbiBuyerCTA__actions {
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gbiBuyerBtn,
    .gbiReraCheck__card,
    .gbiReraCheck__portalLink,
    .gbiBuyerCTA__button {
        transition: none;
    }
}
/* =========================================================
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Minimum font size: 15px
========================================================= */

.dlfBuyerHero,
.dlfPremiumCompare,
.dlfPremiumFactors,
.dlfBuyerValuation,
.dlfBuyerFinalCta {
    box-sizing: border-box;
    font-family: inherit;
}

.dlfBuyerHero *,
.dlfPremiumCompare *,
.dlfPremiumFactors *,
.dlfBuyerValuation *,
.dlfBuyerFinalCta * {
    box-sizing: border-box;
}

.dlfBuyerHero a,
.dlfPremiumCompare a,
.dlfPremiumFactors a,
.dlfBuyerValuation a,
.dlfBuyerFinalCta a {
    text-decoration: none;
}

.dlfBuyerHero strong,
.dlfPremiumCompare strong,
.dlfPremiumFactors strong,
.dlfBuyerValuation strong,
.dlfBuyerFinalCta strong {
    font-weight: 800;
}

.dlfBuyerHero__container,
.dlfPremiumCompare__container,
.dlfPremiumFactors__container,
.dlfBuyerValuation__container,
.dlfBuyerFinalCta__container {
    width: min(1160px, calc(100% - 40px));
    margin-inline: auto;
}


/* =========================================================
   SECTION 1: HERO — TEXT ONLY
========================================================= */

.dlfBuyerHero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 66px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(185, 120, 0, 0.19),
            transparent 28%
        ),
        linear-gradient(135deg, #04152d 0%, #092f62 64%, #061d3d 100%);
    border-bottom: 4px solid #b97800;
}

.dlfBuyerHero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 8%;
    width: 1px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(240, 180, 41, 0.45),
        transparent
    );
    pointer-events: none;
}

.dlfBuyerHero__container {
    position: relative;
    z-index: 1;
    max-width: 1000px;
}

.dlfBuyerHero__eyebrow,
.dlfPremiumCompare__eyebrow,
.dlfPremiumFactors__eyebrow,
.dlfBuyerValuation__eyebrow,
.dlfBuyerFinalCta__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #f0c66a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.dlfBuyerHero__line {
    display: inline-block;
    width: 36px;
    height: 2px;
    background: #d99a16;
}

.dlfBuyerHero h1 {
    max-width: 900px;
    margin: 22px 0 20px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 54px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1.2px;
}

.dlfBuyerHero h1 span {
    display: block;
    margin-top: 10px;
    color: #f0c66a;
}

.dlfBuyerHero__intro {
    max-width: 850px;
    margin: 0;
    color: #e0e8f3;
    font-size: 17px;
    line-height: 1.9;
}

.dlfBuyerHero__intro strong {
    color: #ffffff;
}

.dlfBuyerHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 32px;
}

.dlfBuyerHero__highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 16px;
    border: 1px solid rgba(240, 198, 106, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.dlfBuyerHero__number {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: #b97800;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
}

.dlfBuyerHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

.dlfBuyerHero__button,
.dlfBuyerValuation__button,
.dlfBuyerFinalCta__button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 15px 24px;
    border: 2px solid #f0c66a;
    border-radius: 6px;
    background: linear-gradient(135deg, #d99a16, #b97800);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    color: #061d3d !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.dlfBuyerHero__button:hover,
.dlfBuyerValuation__button:hover,
.dlfBuyerFinalCta__button:hover {
    transform: translateY(-2px);
    background: #f0c66a;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.dlfBuyerHero__button span,
.dlfBuyerValuation__button span,
.dlfBuyerFinalCta__button span {
    font-size: 21px;
    line-height: 1;
}

.dlfBuyerHero__phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 6px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    transition: background 0.2s ease;
}

.dlfBuyerHero__phone:hover {
    background: rgba(255, 255, 255, 0.1);
}

.dlfBuyerHero__phoneIcon {
    color: #f0c66a;
    font-size: 19px;
}

.dlfBuyerHero__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 28px;
    color: #d4dfed;
    font-size: 15px;
    line-height: 1.7;
}

.dlfBuyerHero__noteMark {
    color: #f0c66a;
    font-size: 18px;
}


/* =========================================================
   SECTION 2: COMPARISON CARDS
========================================================= */

.dlfPremiumCompare {
    padding: 76px 0;
    background: #f8f7f3;
    color: #26364b;
}

.dlfPremiumCompare__container {
    max-width: 1080px;
}

.dlfPremiumCompare__heading {
    max-width: 800px;
    margin: 0 auto 38px;
    text-align: center;
}

.dlfPremiumCompare__eyebrow {
    justify-content: center;
    color: #946000;
}

.dlfPremiumCompare h2,
.dlfPremiumFactors h2,
.dlfBuyerValuation h2 {
    margin: 16px 0;
    color: #092f62;
    font-size: clamp(28px, 3.4vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.dlfPremiumCompare h2 strong,
.dlfPremiumFactors h2 strong,
.dlfBuyerValuation h2 strong {
    color: #a66b00;
}

.dlfPremiumCompare__heading > p {
    margin: 0;
    color: #526176;
    font-size: 16px;
    line-height: 1.85;
}

.dlfPremiumCompare__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.dlfPremiumCompare__card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #e2e5ea;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(6, 29, 61, 0.055);
}

.dlfPremiumCompare__card--dlf {
    border: 2px solid #b97800;
    background: linear-gradient(145deg, #ffffff 0%, #fffaf0 100%);
    box-shadow: 0 14px 36px rgba(185, 120, 0, 0.12);
}

.dlfPremiumCompare__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.dlfPremiumCompare__label {
    color: #75510d;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.dlfPremiumCompare__symbol {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #d9b96c;
    border-radius: 50%;
    color: #946000;
    font-size: 19px;
    font-weight: 800;
}

.dlfPremiumCompare__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfPremiumCompare__description {
    min-height: 58px;
    margin: 0;
    color: #536176;
    font-size: 15px;
    line-height: 1.8;
}

.dlfPremiumCompare__price {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 24px 0;
    padding: 20px;
    border-radius: 8px;
    background: #f0f3f8;
}

.dlfPremiumCompare__card--dlf .dlfPremiumCompare__price {
    background: #f8edd3;
}

.dlfPremiumCompare__price > span {
    color: #526176;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.dlfPremiumCompare__price strong {
    color: #092f62;
    font-size: clamp(25px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.dlfPremiumCompare__features {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dlfPremiumCompare__features li {
    position: relative;
    padding-left: 25px;
    color: #36465c;
    font-size: 15px;
    line-height: 1.7;
}

.dlfPremiumCompare__features li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: #a66b00;
    font-weight: 900;
}

.dlfPremiumCompare__difference {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 720px;
    margin: 30px auto 20px;
    padding: 24px;
    border: 1px solid #d8bb7b;
    border-radius: 10px;
    background: #fffaf0;
}

.dlfPremiumCompare__differenceIcon {
    display: grid;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 50%;
    background: #092f62;
    color: #f0c66a;
    font-size: 26px;
    font-weight: 800;
}

.dlfPremiumCompare__differenceText {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dlfPremiumCompare__differenceText > span {
    color: #526176;
    font-size: 15px;
    line-height: 1.6;
}

.dlfPremiumCompare__differenceText strong {
    color: #092f62;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.35;
}

.dlfPremiumCompare__differenceText p {
    margin: 0;
    color: #59677a;
    font-size: 15px;
    line-height: 1.7;
}

.dlfPremiumCompare__disclaimer {
    max-width: 850px;
    margin: 20px auto 0;
    color: #5b6675;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}


/* =========================================================
   SECTION 3: FACTORS BEHIND A BRAND PREMIUM
========================================================= */

.dlfPremiumFactors {
    position: relative;
    overflow: hidden;
    padding: 78px 0;
    background: #ffffff;
    color: #26364b;
}

.dlfPremiumFactors::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #092f62 0%,
        #b97800 50%,
        #092f62 100%
    );
}

.dlfPremiumFactors__intro {
    max-width: 800px;
    margin-bottom: 36px;
}

.dlfPremiumFactors__eyebrow {
    color: #946000;
}

.dlfPremiumFactors__intro > p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.9;
}

.dlfPremiumFactors__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.dlfPremiumFactors__item {
    position: relative;
    min-height: 235px;
    padding: 27px;
    border: 1px solid #e2e7ee;
    border-radius: 10px;
    background: #fbfcfe;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.dlfPremiumFactors__item:hover {
    transform: translateY(-3px);
    border-color: #d2b36e;
    box-shadow: 0 12px 28px rgba(9, 47, 98, 0.09);
}

.dlfPremiumFactors__number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #a9b5c5;
    font-size: 15px;
    font-weight: 800;
}

.dlfPremiumFactors__icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    place-items: center;
    border: 1px solid #e5cd92;
    border-radius: 8px;
    background: #fff7e5;
    color: #946000;
    font-size: 25px;
}

.dlfPremiumFactors__item h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.45;
}

.dlfPremiumFactors__item p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.85;
}

.dlfPremiumFactors__insight {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 23px 25px;
    border-left: 4px solid #b97800;
    border-radius: 0 8px 8px 0;
    background: #f5f7fa;
}

.dlfPremiumFactors__insightMark {
    flex: 0 0 auto;
    color: #a66b00;
    font-size: 23px;
}

.dlfPremiumFactors__insight p {
    margin: 0;
    color: #35465c;
    font-size: 16px;
    line-height: 1.9;
}

.dlfPremiumFactors__insight strong {
    color: #092f62;
}


/* =========================================================
   SECTION 4: VALUATION & BUYER DUE DILIGENCE
========================================================= */

.dlfBuyerValuation {
    padding: 78px 0;
    background: #f1f4f8;
    color: #26364b;
}

.dlfBuyerValuation__container {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.8fr);
    gap: 38px;
    align-items: start;
}

.dlfBuyerValuation__eyebrow {
    color: #946000;
}

.dlfBuyerValuation__content > p {
    margin: 0 0 18px;
    color: #4e5e73;
    font-size: 16px;
    line-height: 1.95;
}

.dlfBuyerValuation__content > p strong {
    color: #092f62;
}

.dlfBuyerValuation__checklist {
    margin-top: 28px;
    padding: 25px;
    border: 1px solid #dfe5ed;
    border-radius: 10px;
    background: #ffffff;
}

.dlfBuyerValuation__checklist h3 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.5;
}

.dlfBuyerValuation__checklist ul {
    display: grid;
    gap: 17px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dlfBuyerValuation__checklist li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #43546a;
    font-size: 15px;
    line-height: 1.8;
}

.dlfBuyerValuation__check {
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    place-items: center;
    border-radius: 50%;
    background: #e9f3e9;
    color: #246b36;
    font-size: 15px;
    font-weight: 900;
}

.dlfBuyerValuation__side {
    padding: 29px;
    border: 1px solid #274b78;
    border-top: 5px solid #b97800;
    border-radius: 10px;
    background: linear-gradient(155deg, #092f62 0%, #061d3d 100%);
    box-shadow: 0 16px 38px rgba(6, 29, 61, 0.15);
    color: #ffffff;
}

.dlfBuyerValuation__sideTop {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #f0c66a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.dlfBuyerValuation__sideIcon {
    font-size: 22px;
}

.dlfBuyerValuation__side h3 {
    margin: 20px 0 14px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.dlfBuyerValuation__side > p {
    margin: 0;
    color: #d9e3f0;
    font-size: 15px;
    line-height: 1.85;
}

.dlfBuyerValuation__sideRule {
    height: 1px;
    margin: 23px 0;
    background: rgba(240, 198, 106, 0.4);
}

.dlfBuyerValuation__sidePoint {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 17px;
}

.dlfBuyerValuation__sidePoint > span {
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(240, 198, 106, 0.55);
    border-radius: 50%;
    color: #f0c66a;
    font-size: 15px;
    font-weight: 800;
}

.dlfBuyerValuation__sidePoint p {
    margin: 2px 0 0;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.7;
}

.dlfBuyerValuation__button {
    display: flex;
    width: 100%;
    margin-top: 27px;
    text-align: center;
}

.dlfBuyerValuation__phone {
    display: block;
    margin-top: 18px;
    color: #f0c66a !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.7;
    text-align: center;
}

.dlfBuyerValuation__phone:hover {
    color: #ffffff !important;
}


/* =========================================================
   SECTION 5: FINAL CTA
========================================================= */

.dlfBuyerFinalCta {
    position: relative;
    overflow: hidden;
    padding: 68px 0 55px;
    border-top: 4px solid #b97800;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(185, 120, 0, 0.2),
            transparent 43%
        ),
        #04152d;
    color: #ffffff;
    text-align: center;
}

.dlfBuyerFinalCta__container {
    max-width: 850px;
}

.dlfBuyerFinalCta__ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 25px;
}

.dlfBuyerFinalCta__ornament span {
    width: 52px;
    height: 1px;
    background: #b97800;
}

.dlfBuyerFinalCta__ornament b {
    display: grid;
    width: 45px;
    height: 45px;
    place-items: center;
    border: 1px solid #d9aa4a;
    border-radius: 50%;
    color: #f0c66a;
    font-size: 15px;
    letter-spacing: 1px;
}

.dlfBuyerFinalCta__eyebrow {
    justify-content: center;
}

.dlfBuyerFinalCta h2 {
    margin: 18px 0;
    color: #ffffff;
    font-size: clamp(29px, 3.6vw, 42px);
    font-weight: 800;
    line-height: 1.3;
}

.dlfBuyerFinalCta h2 strong {
    color: #f0c66a;
}

.dlfBuyerFinalCta__container > p {
    max-width: 720px;
    margin: 0 auto;
    color: #dce5f1;
    font-size: 16px;
    line-height: 1.9;
}

.dlfBuyerFinalCta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 29px;
}

.dlfBuyerFinalCta__phone {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 20px;
    border: 1px solid rgba(240, 198, 106, 0.65);
    border-radius: 6px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    transition: background 0.2s ease;
}

.dlfBuyerFinalCta__phone:hover {
    background: rgba(255, 255, 255, 0.08);
}

.dlfBuyerFinalCta__phone span {
    color: #f0c66a;
    font-size: 19px;
}

.dlfBuyerFinalCta__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
    padding-top: 23px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #c5d2e3;
    font-size: 15px;
    line-height: 1.7;
}

.dlfBuyerFinalCta__footer span {
    color: #f0c66a;
}


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

@media (max-width: 900px) {
    .dlfBuyerHero {
        padding: 62px 0 54px;
    }

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

    .dlfBuyerValuation__side {
        max-width: 650px;
    }
}

@media (max-width: 680px) {
    .dlfBuyerHero__container,
    .dlfPremiumCompare__container,
    .dlfPremiumFactors__container,
    .dlfBuyerValuation__container,
    .dlfBuyerFinalCta__container {
        width: min(100% - 30px, 1160px);
    }

    .dlfBuyerHero {
        padding: 48px 0 42px;
    }

    .dlfBuyerHero h1 {
        font-size: 34px;
        letter-spacing: -0.6px;
    }

    .dlfBuyerHero__intro,
    .dlfPremiumCompare__heading > p,
    .dlfPremiumFactors__intro > p,
    .dlfBuyerValuation__content > p,
    .dlfBuyerFinalCta__container > p {
        font-size: 15px;
    }

    .dlfBuyerHero__highlights {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin-top: 24px;
    }

    .dlfBuyerHero__highlight {
        min-height: 60px;
    }

    .dlfBuyerHero__actions,
    .dlfBuyerFinalCta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .dlfBuyerHero__button,
    .dlfBuyerHero__phone,
    .dlfBuyerFinalCta__button,
    .dlfBuyerFinalCta__phone {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .dlfPremiumCompare,
    .dlfPremiumFactors,
    .dlfBuyerValuation {
        padding: 52px 0;
    }

    .dlfPremiumCompare__cards,
    .dlfPremiumFactors__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .dlfPremiumCompare__card {
        padding: 23px;
    }

    .dlfPremiumCompare__card h3 {
        font-size: 21px;
    }

    .dlfPremiumCompare__price strong {
        font-size: 27px;
    }

    .dlfPremiumCompare__difference {
        align-items: flex-start;
        gap: 14px;
        padding: 18px;
    }

    .dlfPremiumCompare__differenceText strong {
        font-size: 26px;
    }

    .dlfPremiumFactors__item {
        min-height: auto;
        padding: 23px;
    }

    .dlfPremiumFactors__insight {
        gap: 11px;
        padding: 19px;
    }

    .dlfBuyerValuation__checklist,
    .dlfBuyerValuation__side {
        padding: 22px;
    }

    .dlfBuyerFinalCta {
        padding: 51px 0 38px;
    }

    .dlfBuyerFinalCta h2 {
        font-size: 30px;
    }

    .dlfBuyerFinalCta__footer {
        flex-direction: column;
        gap: 5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dlfBuyerHero__button,
    .dlfBuyerHero__phone,
    .dlfPremiumFactors__item,
    .dlfBuyerValuation__button,
    .dlfBuyerFinalCta__button,
    .dlfBuyerFinalCta__phone {
        transition: none;
    }

    .dlfPremiumFactors__item:hover,
    .dlfBuyerHero__button:hover,
    .dlfBuyerValuation__button:hover,
    .dlfBuyerFinalCta__button:hover {
        transform: none;
    }
}
/* =========================================================
   SECTION 1: PRE-PURCHASE FMV HERO
   Namespace: gurFMVHero
   ========================================================= */

.gurFMVHero {
    --gur-hero-navy: #061d3d;
    --gur-hero-gold: #d99a16;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 76px 24px 72px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 10%, rgba(185, 120, 0, 0.20), transparent 35%),
        linear-gradient(120deg, #04152d 0%, #092f62 58%, #061d3d 100%);
    font-family: inherit;
}

.gurFMVHero::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 360px;
    height: 360px;
    top: -210px;
    right: -90px;
    border: 1px solid rgba(240, 180, 41, 0.30);
    border-radius: 50%;
    box-shadow:
        0 0 0 28px rgba(240, 180, 41, 0.035),
        0 0 0 58px rgba(240, 180, 41, 0.025);
}

.gurFMVHero__container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gurFMVHero__eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    padding: 9px 15px;
    border: 1px solid rgba(240, 180, 41, 0.48);
    border-radius: 3px;
    color: #ffd77c;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.gurFMVHero h1 {
    max-width: 900px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.17;
    font-weight: 700;
    letter-spacing: -1.1px;
}

.gurFMVHero h1 span {
    color: #f0b429;
}

.gurFMVHero__intro {
    max-width: 850px;
    margin: 0;
    color: #e4ebf5;
    font-size: 18px;
    line-height: 1.85;
}

.gurFMVHero__intro strong {
    color: #ffffff;
}

.gurFMVHero__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

.gurFMVHero__highlights span {
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, 0.19);
    border-radius: 3px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    line-height: 1.5;
}

.gurFMVHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 34px;
}

.gurFMVHero__button,
.gurFMVHero__button:visited {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 23px;
    border: 2px solid #f0b429;
    border-radius: 4px;
    color: #061d3d;
    background: #f0b429;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.20);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.gurFMVHero__button:hover {
    color: #ffffff;
    background: transparent;
    transform: translateY(-2px);
}

.gurFMVHero__button span {
    font-size: 22px;
}

.gurFMVHero__phone {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #ffffff;
    text-decoration: none;
}

.gurFMVHero__phoneLabel {
    color: #dce5f1;
    font-size: 15px;
    line-height: 1.5;
}

.gurFMVHero__phone strong {
    color: #ffd77c;
    font-size: 19px;
    line-height: 1.5;
}

.gurFMVHero__phone:hover strong {
    color: #ffffff;
}


/* =========================================================
   SECTION 2: FMV OVERVIEW
   Namespace: gurFMVOverview
   ========================================================= */

.gurFMVOverview {
    padding: 76px 24px;
    color: #24364c;
    background: #ffffff;
    font-family: inherit;
}

.gurFMVOverview__container {
    max-width: 1160px;
    margin: 0 auto;
}

.gurFMVOverview__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.gurFMVOverview__eyebrow,
.gurFMVTier__eyebrow,
.gurFMVChecklist__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #a36a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.4px;
    line-height: 1.6;
}

.gurFMVOverview h2,
.gurFMVTier h2,
.gurFMVChecklist h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.6vw, 40px);
    line-height: 1.3;
    font-weight: 700;
}

.gurFMVOverview h2 strong,
.gurFMVTier h2 strong,
.gurFMVChecklist h2 strong {
    color: #a36a00;
}

.gurFMVOverview__heading > p {
    margin: 0;
    color: #4a5a6d;
    font-size: 17px;
    line-height: 1.9;
}

.gurFMVOverview__heading > p strong {
    color: #092f62;
}

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

.gurFMVOverview__card {
    position: relative;
    padding: 29px 25px 30px;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(9, 47, 98, 0.055);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gurFMVOverview__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 34px rgba(9, 47, 98, 0.11);
}

.gurFMVOverview__number {
    display: inline-block;
    margin-bottom: 17px;
    color: #b97800;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gurFMVOverview__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 21px;
    line-height: 1.45;
}

.gurFMVOverview__card p {
    margin: 0;
    color: #4a5a6d;
    font-size: 16px;
    line-height: 1.85;
}

.gurFMVOverview__card p strong {
    color: #092f62;
}


/* =========================================================
   SECTION 3: DWARKA EXPRESSWAY OC CAVEAT
   Namespace: gurFMVOc
   ========================================================= */

.gurFMVOc {
    padding: 76px 24px;
    color: #24364c;
    background: #f5f8fc;
    font-family: inherit;
}

.gurFMVOc__container {
    max-width: 1160px;
    margin: 0 auto;
}

.gurFMVOc__label {
    display: inline-block;
    margin-bottom: 24px;
    padding: 9px 13px;
    border-left: 4px solid #b97800;
    color: #092f62;
    background: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gurFMVOc__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
    align-items: start;
    gap: 42px;
}

.gurFMVOc__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #a36a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.6;
}

.gurFMVOc__content h2 {
    margin: 0 0 22px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 39px);
    line-height: 1.3;
}

.gurFMVOc__content h2 strong {
    color: #a36a00;
}

.gurFMVOc__content p {
    margin: 0 0 18px;
    color: #4a5a6d;
    font-size: 17px;
    line-height: 1.9;
}

.gurFMVOc__content p strong {
    color: #092f62;
}

.gurFMVOc__panel {
    padding: 29px;
    border: 1px solid #e1e7ef;
    border-top: 5px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(9, 47, 98, 0.075);
}

.gurFMVOc__panelIcon {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 50%;
    color: #092f62;
    background: #fff0c9;
    font-size: 23px;
    font-weight: 800;
}

.gurFMVOc__panel h3 {
    margin: 0 0 17px;
    color: #092f62;
    font-size: 22px;
    line-height: 1.45;
}

.gurFMVOc__panel ul {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.gurFMVOc__panel li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 24px;
    color: #4a5a6d;
    font-size: 15px;
    line-height: 1.75;
}

.gurFMVOc__panel li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: #a36a00;
    font-size: 17px;
    font-weight: 800;
}

.gurFMVOc__button,
.gurFMVOc__button:visited {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 18px;
    border: 2px solid #092f62;
    border-radius: 4px;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.gurFMVOc__button:hover {
    color: #092f62;
    background: #f0b429;
    border-color: #f0b429;
}

.gurFMVOc__button span {
    font-size: 21px;
}


/* =========================================================
   SECTION 4: GOLF COURSE EXTENSION COMPARISON
   Namespace: gurFMVTier
   ========================================================= */

.gurFMVTier {
    padding: 78px 24px;
    color: #24364c;
    background: #ffffff;
    font-family: inherit;
}

.gurFMVTier__container {
    max-width: 1160px;
    margin: 0 auto;
}

.gurFMVTier__header {
    max-width: 860px;
    margin-bottom: 36px;
}

.gurFMVTier__header > p {
    margin: 0;
    color: #4a5a6d;
    font-size: 17px;
    line-height: 1.9;
}

.gurFMVTier__header > p strong {
    color: #092f62;
}

.gurFMVTier__comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
    align-items: stretch;
    gap: 15px;
}

.gurFMVTier__card {
    padding: 30px;
    border-radius: 5px;
}

.gurFMVTier__card--established {
    border: 1px solid #d9e3f0;
    border-top: 5px solid #092f62;
    background: #f5f8fc;
}

.gurFMVTier__card--newer {
    border: 1px solid #eadbb8;
    border-top: 5px solid #b97800;
    background: #fffbf1;
}

.gurFMVTier__tag {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 11px;
    border-radius: 3px;
    color: #092f62;
    background: #e5edf8;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.gurFMVTier__card--newer .gurFMVTier__tag {
    color: #754b00;
    background: #fff0c9;
}

.gurFMVTier__card h3 {
    margin: 0 0 14px;
    color: #092f62;
    font-size: 23px;
    line-height: 1.45;
}

.gurFMVTier__card p {
    margin: 0;
    color: #4a5a6d;
    font-size: 16px;
    line-height: 1.85;
}

.gurFMVTier__rule {
    height: 1px;
    margin: 24px 0 18px;
    background: #d9e1eb;
}

.gurFMVTier__card--newer .gurFMVTier__rule {
    background: #eadbb8;
}

.gurFMVTier__takeaway {
    color: #092f62;
    font-size: 16px;
    line-height: 1.6;
}

.gurFMVTier__card--newer .gurFMVTier__takeaway {
    color: #8a5a00;
}

.gurFMVTier__versus {
    display: flex;
    width: 52px;
    height: 52px;
    align-self: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5c36f;
    border-radius: 50%;
    color: #092f62;
    background: #fff4d5;
    font-size: 15px;
    font-weight: 800;
}

.gurFMVTier__note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 25px;
    padding: 21px 23px;
    border-left: 4px solid #b97800;
    background: #f5f8fc;
}

.gurFMVTier__note > span {
    padding-top: 2px;
    color: #b97800;
    font-size: 17px;
}

.gurFMVTier__note p {
    margin: 0;
    color: #4a5a6d;
    font-size: 16px;
    line-height: 1.8;
}

.gurFMVTier__note strong {
    color: #092f62;
}


/* =========================================================
   SECTION 5: BUYER CHECKLIST
   Namespace: gurFMVChecklist
   ========================================================= */

.gurFMVChecklist {
    padding: 76px 24px;
    color: #24364c;
    background: #f5f8fc;
    font-family: inherit;
}

.gurFMVChecklist__container {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 52px;
    max-width: 1160px;
    margin: 0 auto;
}

.gurFMVChecklist__intro p {
    margin: 0;
    color: #4a5a6d;
    font-size: 17px;
    line-height: 1.85;
}

.gurFMVChecklist__list {
    border-top: 1px solid #dce4ee;
}

.gurFMVChecklist__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 15px;
    padding: 19px 0;
    border-bottom: 1px solid #dce4ee;
}

.gurFMVChecklist__item > span {
    display: flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 800;
}

.gurFMVChecklist__item p {
    margin: 2px 0 0;
    color: #4a5a6d;
    font-size: 16px;
    line-height: 1.8;
}

.gurFMVChecklist__item p strong {
    color: #092f62;
}


/* =========================================================
   SECTION 6: FINAL CTA
   Namespace: gurFMVCta
   ========================================================= */

.gurFMVCta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 65px 24px 30px;
    color: #ffffff;
    background: linear-gradient(120deg, #04152d 0%, #092f62 65%, #061d3d 100%);
    font-family: inherit;
}

.gurFMVCta::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 280px;
    height: 280px;
    top: -155px;
    right: 8%;
    border: 1px solid rgba(240, 180, 41, 0.35);
    border-radius: 50%;
    box-shadow:
        0 0 0 25px rgba(240, 180, 41, 0.04),
        0 0 0 50px rgba(240, 180, 41, 0.025);
}

.gurFMVCta__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 35px;
    max-width: 1160px;
    margin: 0 auto;
}

.gurFMVCta__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #ffd77c;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.6;
}

.gurFMVCta__content h2 {
    max-width: 690px;
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 40px);
    line-height: 1.3;
}

.gurFMVCta__content h2 strong {
    color: #f0b429;
}

.gurFMVCta__content p {
    max-width: 700px;
    margin: 0;
    color: #e4ebf5;
    font-size: 16px;
    line-height: 1.85;
}

.gurFMVCta__content p strong {
    color: #ffffff;
}

.gurFMVCta__actions {
    display: flex;
    min-width: 230px;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

.gurFMVCta__button,
.gurFMVCta__button:visited {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 21px;
    border: 2px solid #f0b429;
    border-radius: 4px;
    color: #061d3d;
    background: #f0b429;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.gurFMVCta__button:hover {
    color: #ffffff;
    background: transparent;
    transform: translateY(-2px);
}

.gurFMVCta__button span {
    font-size: 21px;
}

.gurFMVCta__phone,
.gurFMVCta__phone:visited {
    display: block;
    padding: 12px 10px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.gurFMVCta__phone strong {
    color: #ffd77c;
    white-space: nowrap;
}

.gurFMVCta__phone:hover {
    border-color: #f0b429;
    background: rgba(255, 255, 255, 0.06);
}

.gurFMVCta__footer {
    grid-column: 1 / -1;
    margin-top: 17px;
    padding-top: 23px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    color: #dce5f1;
    font-size: 15px;
    line-height: 1.7;
}

.gurFMVCta__footer span {
    padding: 0 8px;
    color: #f0b429;
}


/* =========================================================
   RESPONSIVE LAYOUT
   All section namespaces remain independent.
   ========================================================= */

@media (max-width: 900px) {
    .gurFMVOverview__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gurFMVOc__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .gurFMVTier__comparison {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .gurFMVTier__versus {
        justify-self: center;
    }

    .gurFMVChecklist__container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .gurFMVCta__container {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .gurFMVCta__actions {
        max-width: 360px;
    }

    .gurFMVCta__footer {
        grid-column: 1;
    }
}

@media (max-width: 600px) {
    .gurFMVHero,
    .gurFMVOverview,
    .gurFMVOc,
    .gurFMVTier,
    .gurFMVChecklist {
        padding: 52px 18px;
    }

    .gurFMVCta {
        padding: 49px 18px 25px;
    }

    .gurFMVHero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .gurFMVHero__intro,
    .gurFMVOverview__heading > p,
    .gurFMVOc__content p,
    .gurFMVTier__header > p {
        font-size: 16px;
    }

    .gurFMVHero__highlights {
        gap: 9px;
    }

    .gurFMVHero__highlights span {
        width: 100%;
    }

    .gurFMVHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .gurFMVHero__button {
        width: 100%;
        box-sizing: border-box;
    }

    .gurFMVOverview__grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .gurFMVOverview__card,
    .gurFMVOc__panel,
    .gurFMVTier__card {
        padding: 23px 20px;
    }

    .gurFMVOverview h2,
    .gurFMVTier h2,
    .gurFMVChecklist h2,
    .gurFMVOc__content h2,
    .gurFMVCta__content h2 {
        font-size: 29px;
    }

    .gurFMVOc__label {
        font-size: 15px;
    }

    .gurFMVTier__note {
        padding: 18px 16px;
    }

    .gurFMVChecklist__item {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 12px;
    }

    .gurFMVChecklist__item > span {
        width: 34px;
        height: 34px;
    }

    .gurFMVCta__actions {
        max-width: none;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gurFMVHero__button,
    .gurFMVHero__phone,
    .gurFMVOverview__card,
    .gurFMVOc__button,
    .gurFMVTier__card,
    .gurFMVCta__button,
    .gurFMVCta__phone {
        transition: none;
    }
}


/* =========================================
   LUXURY FLAT BUYER DUE DILIGENCE
   Royal Navy & Gold Design
   Unique namespace: gvlux-
   Minimum font size: 15px
========================================= */

.gvlux-hero,
.gvlux-intro,
.gvlux-checks,
.gvlux-fmv,
.gvlux-action {
    box-sizing: border-box;
    font-family: inherit;
}

.gvlux-hero *,
.gvlux-intro *,
.gvlux-checks *,
.gvlux-fmv *,
.gvlux-action * {
    box-sizing: border-box;
}

.gvlux-hero {
    position: relative;
    overflow: hidden;
    padding: 82px 20px 76px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(185, 120, 0, 0.15),
            transparent 32%
        ),
        linear-gradient(135deg, #04152d 0%, #092f62 64%, #061d3d 100%);
    color: #ffffff;
    border-bottom: 4px solid #b97800;
}

.gvlux-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.gvlux-hero-inner {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
}

.gvlux-eyebrow,
.gvlux-section-label {
    display: inline-block;
    color: #dca83f;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.gvlux-eyebrow {
    padding: 9px 16px;
    margin-bottom: 23px;
    border: 1px solid rgba(220, 168, 63, 0.52);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.045);
}

.gvlux-hero h1 {
    max-width: 900px;
    margin: 0 auto 24px;
    color: #ffffff;
    font-size: clamp(34px, 4.4vw, 56px);
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: -1.2px;
}

.gvlux-hero h1 strong,
.gvlux-hero h1 span {
    color: #f0bd55;
}

.gvlux-hero-text {
    max-width: 850px;
    margin: 0 auto;
    color: #e4ebf5;
    font-size: 17px;
    line-height: 1.9;
}

.gvlux-hero-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.gvlux-hero-tags span {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    line-height: 1.5;
}

.gvlux-hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 35px;
}

.gvlux-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 54px;
    padding: 15px 24px;
    border: 2px solid transparent;
    border-radius: 5px;
    text-align: center;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.gvlux-btn span {
    font-size: 21px;
    line-height: 1;
}

.gvlux-btn-gold {
    color: #061d3d !important;
    background: linear-gradient(135deg, #f0bd55, #d99a16);
    border-color: #f0bd55;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
}

.gvlux-btn-gold:hover {
    color: #04152d !important;
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}

.gvlux-phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
    text-align: left;
    text-decoration: none !important;
}

.gvlux-phone-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(240, 189, 85, 0.65);
    border-radius: 50%;
    color: #f0bd55;
    font-size: 21px;
}

.gvlux-phone small,
.gvlux-phone strong {
    display: block;
    font-size: 15px;
    line-height: 1.55;
}

.gvlux-phone small {
    color: #d5dfec;
}

.gvlux-phone strong {
    color: #ffffff;
    font-weight: 800;
}


/* =========================================
   SECTION 2: INTRODUCTION
========================================= */

.gvlux-intro {
    padding: 70px 20px;
    background: #ffffff;
    color: #26374c;
}

.gvlux-intro-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 54px;
    align-items: start;
}

.gvlux-intro .gvlux-section-label,
.gvlux-checks .gvlux-section-label,
.gvlux-fmv .gvlux-section-label,
.gvlux-action .gvlux-section-label {
    margin-bottom: 16px;
    color: #a36a00;
}

.gvlux-intro-heading h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 39px);
    font-weight: 750;
    line-height: 1.3;
}

.gvlux-intro-heading h2 strong {
    color: #b97800;
}

.gvlux-intro-content {
    padding-left: 25px;
    border-left: 3px solid #d99a16;
}

.gvlux-intro-content p {
    margin: 0 0 17px;
    color: #43536a;
    font-size: 16px;
    line-height: 1.9;
}

.gvlux-intro-content p:last-child {
    margin-bottom: 0;
}

.gvlux-intro-content strong {
    color: #092f62;
    font-weight: 800;
}


/* =========================================
   SECTION 3: DLF CHECKLIST
========================================= */

.gvlux-checks {
    padding: 76px 20px;
    background: #f5f7fb;
    color: #26374c;
}

.gvlux-section-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.gvlux-section-heading h2 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: clamp(28px, 3.3vw, 40px);
    font-weight: 750;
    line-height: 1.3;
}

.gvlux-section-heading h2 strong {
    color: #b97800;
}

.gvlux-section-heading > p {
    margin: 0;
    color: #526176;
    font-size: 16px;
    line-height: 1.8;
}

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

.gvlux-check-card {
    position: relative;
    min-width: 0;
    padding: 30px 25px 28px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e6ee;
    border-top: 4px solid #b97800;
    border-radius: 7px;
    box-shadow: 0 8px 25px rgba(9, 47, 98, 0.055);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.gvlux-check-card:hover {
    transform: translateY(-5px);
    border-color: #d9b56b;
    box-shadow: 0 15px 34px rgba(9, 47, 98, 0.11);
}

.gvlux-check-number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #e9edf3;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.gvlux-check-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    margin-bottom: 22px;
    border: 1px solid #ead8b3;
    border-radius: 6px;
    background: #fbf5e9;
    color: #a36a00;
    font-size: 28px;
    font-weight: 700;
}

.gvlux-check-card h3 {
    position: relative;
    margin: 0 0 14px;
    padding-right: 15px;
    color: #092f62;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.4;
}

.gvlux-check-card p {
    margin: 0 0 18px;
    color: #526176;
    font-size: 15px;
    line-height: 1.8;
}

.gvlux-check-card p strong {
    color: #092f62;
    font-weight: 800;
}

.gvlux-check-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gvlux-check-card li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 23px;
    color: #35465b;
    font-size: 15px;
    line-height: 1.7;
}

.gvlux-check-card li:last-child {
    margin-bottom: 0;
}

.gvlux-check-card li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #b97800;
    content: "✓";
    font-size: 16px;
    font-weight: 800;
}

.gvlux-check-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 28px;
    padding: 19px 22px;
    border: 1px solid #e6d4ad;
    border-radius: 5px;
    background: #fffaf0;
}

.gvlux-note-mark {
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #092f62;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.gvlux-check-note p {
    margin: 0;
    color: #48566a;
    font-size: 15px;
    line-height: 1.8;
}

.gvlux-check-note strong {
    color: #092f62;
}


/* =========================================
   SECTION 4: FMV PANEL
========================================= */

.gvlux-fmv {
    padding: 78px 20px;
    background: #ffffff;
    color: #26374c;
}

.gvlux-fmv-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(270px, 0.75fr);
    gap: 44px;
    align-items: stretch;
    padding: 42px;
    border: 1px solid #e3e7ee;
    border-radius: 9px;
    background:
        linear-gradient(115deg, #ffffff 0%, #fbfcfe 68%, #f6f1e6 100%);
    box-shadow: 0 15px 42px rgba(9, 47, 98, 0.075);
}

.gvlux-fmv-content h2 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: clamp(28px, 3.1vw, 38px);
    font-weight: 750;
    line-height: 1.3;
}

.gvlux-fmv-content h2 strong {
    color: #b97800;
}

.gvlux-fmv-content > p {
    margin: 0 0 17px;
    color: #4b5b70;
    font-size: 16px;
    line-height: 1.9;
}

.gvlux-fmv-content > p strong {
    color: #092f62;
    font-weight: 800;
}

.gvlux-fmv-points {
    display: grid;
    gap: 13px;
    margin: 24px 0 28px;
}

.gvlux-fmv-point {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #34465b;
    font-size: 15px;
    line-height: 1.7;
}

.gvlux-fmv-point > span:first-child {
    display: inline-flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    border-radius: 50%;
    background: #092f62;
    color: #f0bd55;
    font-size: 15px;
    font-weight: 800;
}

.gvlux-fmv-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    padding: 30px 26px;
    border-radius: 7px;
    background: linear-gradient(145deg, #04152d, #092f62);
    color: #ffffff;
}

.gvlux-fmv-side-label {
    color: #f0bd55;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.3px;
}

.gvlux-fmv-price {
    margin: 17px 0 10px;
    color: #f0bd55;
    font-size: clamp(34px, 4vw, 46px);
    font-weight: 800;
    line-height: 1.15;
}

.gvlux-fmv-side-top p {
    margin: 0;
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.8;
}

.gvlux-fmv-divider {
    height: 1px;
    margin: 27px 0;
    background: rgba(255, 255, 255, 0.23);
}

.gvlux-fmv-side-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    border: 1px solid rgba(240, 189, 85, 0.6);
    border-radius: 50%;
    color: #f0bd55;
    font-size: 27px;
}

.gvlux-fmv-side-bottom h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.4;
}

.gvlux-fmv-side-bottom p {
    margin: 0;
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   SECTION 5: FINAL CTA
========================================= */

.gvlux-action {
    position: relative;
    overflow: hidden;
    padding: 65px 20px;
    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(185, 120, 0, 0.18),
            transparent 35%
        ),
        linear-gradient(130deg, #061d3d, #092f62);
    border-top: 4px solid #b97800;
    color: #ffffff;
}

.gvlux-action-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 38px;
}

.gvlux-action-copy {
    max-width: 760px;
}

.gvlux-action .gvlux-section-label {
    color: #f0bd55;
}

.gvlux-action-copy h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(28px, 3.3vw, 40px);
    font-weight: 750;
    line-height: 1.3;
}

.gvlux-action-copy h2 strong {
    color: #f0bd55;
}

.gvlux-action-copy p {
    max-width: 740px;
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.9;
}

.gvlux-action-copy p strong {
    color: #ffffff;
    font-weight: 800;
}

.gvlux-action-buttons {
    display: flex;
    flex: 0 0 240px;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}

.gvlux-btn-wide {
    width: 100%;
}

.gvlux-action-phone {
    display: block;
    padding: 12px 15px;
    border: 1px solid rgba(240, 189, 85, 0.65);
    border-radius: 5px;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    transition: background 0.25s ease, color 0.25s ease;
}

.gvlux-action-phone:hover {
    background: #ffffff;
    color: #092f62 !important;
}


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

@media (max-width: 950px) {
    .gvlux-intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .gvlux-intro-content {
        padding-left: 20px;
    }

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

    .gvlux-check-card:last-child {
        grid-column: 1 / -1;
    }

    .gvlux-fmv-panel {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 32px;
    }

    .gvlux-fmv-side {
        min-height: 0;
    }

    .gvlux-action-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .gvlux-action-buttons {
        width: 100%;
        max-width: 340px;
        flex-basis: auto;
    }
}


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

@media (max-width: 600px) {
    .gvlux-hero {
        padding: 58px 18px 54px;
    }

    .gvlux-eyebrow {
        letter-spacing: 1px;
    }

    .gvlux-hero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gvlux-hero-text {
        font-size: 16px;
        line-height: 1.8;
    }

    .gvlux-hero-tags {
        gap: 8px;
    }

    .gvlux-hero-tags span {
        width: 100%;
        justify-content: center;
    }

    .gvlux-hero-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gvlux-hero-actions .gvlux-btn {
        width: 100%;
    }

    .gvlux-phone {
        justify-content: center;
    }

    .gvlux-intro,
    .gvlux-checks,
    .gvlux-fmv {
        padding: 52px 18px;
    }

    .gvlux-intro-heading h2,
    .gvlux-section-heading h2,
    .gvlux-fmv-content h2,
    .gvlux-action-copy h2 {
        font-size: 29px;
    }

    .gvlux-intro-content {
        padding-left: 16px;
    }

    .gvlux-check-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .gvlux-check-card:last-child {
        grid-column: auto;
    }

    .gvlux-check-card {
        padding: 26px 21px;
    }

    .gvlux-check-note {
        padding: 17px;
    }

    .gvlux-fmv-panel {
        gap: 25px;
        padding: 24px 19px;
    }

    .gvlux-fmv-side {
        padding: 25px 21px;
    }

    .gvlux-action {
        padding: 52px 18px;
    }

    .gvlux-action-buttons {
        max-width: none;
    }
}


/* =========================================
   ACCESSIBILITY: KEYBOARD FOCUS
========================================= */

.gvlux-hero a:focus-visible,
.gvlux-fmv a:focus-visible,
.gvlux-action a:focus-visible {
    outline: 3px solid #f0bd55;
    outline-offset: 4px;
}
/* =========================================================
   SECTION 1: SELLER HERO
========================================================= */
.dlfSellerHero {
    --dlf-navy: #092f62;
    --dlf-deep: #061d3d;
    --dlf-gold: #b97800;
    --dlf-gold-light: #f0c76a;

    position: relative;
    overflow: hidden;
    padding: 76px 24px 62px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 88% 18%, rgba(185, 120, 0, 0.19), transparent 36%),
        linear-gradient(125deg, #04152d 0%, #092f62 58%, #0b2850 100%);
    font-size: 16px;
}

.dlfSellerHero *,
.dlfSellerPremium *,
.dlfSellerComparison *,
.dlfSellerEvidence *,
.dlfSellerReview *,
.dlfSellerChecklist *,
.dlfSellerCTA * {
    box-sizing: border-box;
}

.dlfSellerHero__container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.dlfSellerHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    color: var(--dlf-gold-light);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.dlfSellerHero__line {
    width: 38px;
    height: 2px;
    flex: 0 0 38px;
    background: var(--dlf-gold-light);
}

.dlfSellerHero h1 {
    max-width: 900px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 750;
    line-height: 1.14;
    letter-spacing: -1.2px;
}

.dlfSellerHero h1 span {
    color: var(--dlf-gold-light);
}

.dlfSellerHero__intro {
    max-width: 820px;
    margin: 0;
    color: #e4ebf5;
    font-size: 18px;
    line-height: 1.85;
}

.dlfSellerHero__intro strong {
    color: #ffffff;
    font-weight: 750;
}

.dlfSellerHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 34px;
}

.dlfSellerHero__button,
.dlfSellerCTA__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 56px;
    padding: 15px 24px;
    border: 2px solid #f0c76a;
    border-radius: 7px;
    color: #071c39;
    background: linear-gradient(135deg, #f5d98e, #d99a16);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dlfSellerHero__button:hover,
.dlfSellerCTA__button:hover {
    color: #04152d;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.dlfSellerHero__button span,
.dlfSellerCTA__button span {
    font-size: 23px;
    line-height: 1;
}

.dlfSellerHero__phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
}

.dlfSellerHero__phoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(240, 199, 106, 0.65);
    border-radius: 50%;
    color: var(--dlf-gold-light);
    font-size: 21px;
}

.dlfSellerHero__phone small,
.dlfSellerHero__phone strong {
    display: block;
    font-size: 15px;
    line-height: 1.6;
}

.dlfSellerHero__phone small {
    color: #d2ddec;
}

.dlfSellerHero__phone strong {
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
}

.dlfSellerHero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 42px;
    padding-top: 23px;
    border-top: 1px solid rgba(255, 255, 255, 0.17);
}

.dlfSellerHero__trust span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #e4ebf5;
    font-size: 15px;
    line-height: 1.6;
}

.dlfSellerHero__trust i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--dlf-gold-light);
}


/* =========================================================
   SECTION 2: DLF BRAND PREMIUM
========================================================= */
.dlfSellerPremium {
    padding: 76px 24px;
    color: #24354b;
    background: #ffffff;
    font-size: 16px;
}

.dlfSellerPremium__container {
    max-width: 1160px;
    margin: 0 auto;
}

.dlfSellerPremium__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.dlfSellerPremium__eyebrow,
.dlfSellerEvidence__eyebrow,
.dlfSellerReview__eyebrow,
.dlfSellerChecklist__eyebrow {
    display: block;
    margin-bottom: 14px;
    color: #946000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.dlfSellerPremium h2,
.dlfSellerEvidence h2,
.dlfSellerReview h2,
.dlfSellerChecklist h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.dlfSellerPremium h2 strong,
.dlfSellerEvidence h2 strong,
.dlfSellerReview h2 strong,
.dlfSellerChecklist h2 strong {
    color: #a76c00;
}

.dlfSellerPremium__heading > p,
.dlfSellerEvidence__heading > p,
.dlfSellerReview__heading > p,
.dlfSellerChecklist__heading > p {
    margin: 0;
    color: #536176;
    font-size: 17px;
    line-height: 1.85;
}

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

.dlfSellerPremium__card {
    position: relative;
    padding: 30px 26px;
    border: 1px solid #e3e8ef;
    border-top: 4px solid #b97800;
    border-radius: 9px;
    background: linear-gradient(180deg, #ffffff, #f8faff);
    box-shadow: 0 8px 26px rgba(9, 47, 98, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dlfSellerPremium__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 32px rgba(9, 47, 98, 0.11);
}

.dlfSellerPremium__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    margin-bottom: 20px;
    border-radius: 7px;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.dlfSellerPremium__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.4;
}

.dlfSellerPremium__card p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.8;
}

.dlfSellerPremium__card p strong {
    color: #092f62;
}


/* =========================================================
   SECTION 3: ILLUSTRATIVE COMPARISON
========================================================= */
.dlfSellerComparison {
    padding: 76px 24px;
    color: #24354b;
    background: #f5f7fb;
    font-size: 16px;
}

.dlfSellerComparison__container {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 48px;
    max-width: 1160px;
    margin: 0 auto;
}

.dlfSellerComparison__eyebrow {
    display: block;
    margin-bottom: 14px;
    color: #946000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.dlfSellerComparison__copy h2 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: clamp(28px, 3.3vw, 40px);
    font-weight: 750;
    line-height: 1.27;
    letter-spacing: -0.5px;
}

.dlfSellerComparison__copy h2 strong {
    color: #a76c00;
}

.dlfSellerComparison__copy > p {
    margin: 0 0 17px;
    color: #536176;
    font-size: 17px;
    line-height: 1.85;
}

.dlfSellerComparison__copy .dlfSellerComparison__note {
    padding: 16px 18px;
    border-left: 4px solid #b97800;
    border-radius: 0 6px 6px 0;
    color: #34445a;
    background: #fffaf0;
    font-size: 15px;
    line-height: 1.8;
}

.dlfSellerComparison__note strong {
    color: #092f62;
}

.dlfSellerComparison__panel {
    overflow: hidden;
    border: 1px solid #dfe5ed;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(9, 47, 98, 0.1);
}

.dlfSellerComparison__panelTop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 21px 24px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.dlfSellerComparison__badge {
    padding: 5px 10px;
    border: 1px solid rgba(240, 199, 106, 0.6);
    border-radius: 4px;
    color: #f5d98e;
    font-size: 15px;
    letter-spacing: 0;
}

.dlfSellerComparison__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 24px;
    border-bottom: 1px solid #e7ebf1;
}

.dlfSellerComparison__itemText span,
.dlfSellerComparison__itemText small {
    display: block;
    line-height: 1.6;
}

.dlfSellerComparison__itemText span {
    color: #092f62;
    font-size: 17px;
    font-weight: 750;
}

.dlfSellerComparison__itemText small {
    margin-top: 5px;
    color: #68768a;
    font-size: 15px;
}

.dlfSellerComparison__item > strong {
    flex-shrink: 0;
    color: #092f62;
    font-size: clamp(17px, 2vw, 22px);
    font-weight: 800;
    line-height: 1.5;
    text-align: right;
}

.dlfSellerComparison__item--featured {
    background: #fffaf0;
}

.dlfSellerComparison__item--featured > strong {
    color: #986000;
}

.dlfSellerComparison__disclaimer {
    padding: 19px 24px 22px;
    color: #536176;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 4: EVIDENCE AND METHODOLOGY
========================================================= */
.dlfSellerEvidence {
    padding: 76px 24px;
    color: #24354b;
    background: #ffffff;
    font-size: 16px;
}

.dlfSellerEvidence__container {
    max-width: 1000px;
    margin: 0 auto;
}

.dlfSellerEvidence__heading {
    max-width: 830px;
    margin: 0 auto 36px;
    text-align: center;
}

.dlfSellerEvidence__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.dlfSellerEvidence__step {
    display: flex;
    align-items: flex-start;
    gap: 19px;
    padding: 25px;
    border: 1px solid #e0e6ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.05);
}

.dlfSellerEvidence__stepNo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    box-shadow: inset 0 0 0 3px rgba(240, 199, 106, 0.35);
    font-size: 15px;
    font-weight: 800;
}

.dlfSellerEvidence__step h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 20px;
    font-weight: 750;
    line-height: 1.45;
}

.dlfSellerEvidence__step p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.8;
}

.dlfSellerEvidence__step p strong {
    color: #092f62;
}


/* =========================================================
   SECTION 5: BANK AND TAX REVIEW
========================================================= */
.dlfSellerReview {
    padding: 76px 24px;
    color: #24354b;
    background: #f5f7fb;
    font-size: 16px;
}

.dlfSellerReview__container {
    max-width: 1100px;
    margin: 0 auto;
}

.dlfSellerReview__heading {
    max-width: 850px;
    margin: 0 auto 36px;
    text-align: center;
}

.dlfSellerReview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.dlfSellerReview__card {
    padding: 30px;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(9, 47, 98, 0.06);
}

.dlfSellerReview__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    border-radius: 7px;
    color: #f5d98e;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.dlfSellerReview__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 22px;
    font-weight: 750;
    line-height: 1.4;
}

.dlfSellerReview__card p {
    margin: 0;
    color: #536176;
    font-size: 16px;
    line-height: 1.85;
}

.dlfSellerReview__card p strong {
    color: #092f62;
}

.dlfSellerReview__legalNote {
    margin-top: 24px;
    padding: 22px 25px;
    border: 1px solid #e3d0a6;
    border-left: 5px solid #b97800;
    border-radius: 6px;
    background: #fffaf0;
}

.dlfSellerReview__legalNote > strong {
    display: block;
    margin-bottom: 7px;
    color: #092f62;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6;
}

.dlfSellerReview__legalNote p {
    margin: 0;
    color: #536176;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 6: SELLER DOCUMENT CHECKLIST
========================================================= */
.dlfSellerChecklist {
    padding: 76px 24px;
    color: #24354b;
    background: #ffffff;
    font-size: 16px;
}

.dlfSellerChecklist__container {
    max-width: 1050px;
    margin: 0 auto;
}

.dlfSellerChecklist__heading {
    max-width: 830px;
    margin: 0 auto 32px;
    text-align: center;
}

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

.dlfSellerChecklist__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 19px;
    border: 1px solid #e1e7ef;
    border-radius: 7px;
    background: #f9fbfe;
}

.dlfSellerChecklist__item > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.dlfSellerChecklist__item p {
    margin: 0;
    color: #34445a;
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 7: FINAL CALL TO ACTION
========================================================= */
.dlfSellerCTA {
    position: relative;
    overflow: hidden;
    padding: 70px 24px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 92% 50%, rgba(185, 120, 0, 0.18), transparent 32%),
        linear-gradient(120deg, #04152d 0%, #092f62 72%, #0b2850 100%);
    font-size: 16px;
}

.dlfSellerCTA__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 42px;
    max-width: 1100px;
    margin: 0 auto;
}

.dlfSellerCTA__content {
    max-width: 790px;
}

.dlfSellerCTA__eyebrow {
    display: block;
    margin-bottom: 15px;
    color: #f0c76a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.dlfSellerCTA h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 750;
    line-height: 1.22;
    letter-spacing: -0.6px;
}

.dlfSellerCTA h2 span {
    display: block;
    margin-top: 5px;
    color: #f0c76a;
}

.dlfSellerCTA__content > p {
    max-width: 720px;
    margin: 0;
    color: #e0e8f3;
    font-size: 17px;
    line-height: 1.85;
}

.dlfSellerCTA__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
}

.dlfSellerCTA__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 14px 22px;
    border: 1px solid rgba(240, 199, 106, 0.75);
    border-radius: 7px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.dlfSellerCTA__call:hover {
    color: #04152d;
    background: #f0c76a;
}

.dlfSellerCTA__footnote {
    display: block;
    margin-top: 20px;
    color: #cbd7e7;
    font-size: 15px;
    line-height: 1.7;
}

.dlfSellerCTA__seal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 170px;
    height: 170px;
    flex: 0 0 170px;
    border: 1px solid rgba(240, 199, 106, 0.85);
    border-radius: 50%;
    outline: 5px solid rgba(240, 199, 106, 0.1);
    outline-offset: 5px;
    color: #f0c76a;
    background: rgba(255, 255, 255, 0.035);
    text-align: center;
}

.dlfSellerCTA__sealTop,
.dlfSellerCTA__sealBottom {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.dlfSellerCTA__seal strong {
    margin: 2px 0;
    color: #ffffff;
    font-size: 43px;
    font-weight: 800;
    line-height: 1.2;
}

.dlfSellerCTA__seal i {
    width: 35px;
    height: 2px;
    margin-top: 8px;
    background: #f0c76a;
}


/* =========================================================
   RESPONSIVE LAYOUT
========================================================= */
@media (max-width: 900px) {
    .dlfSellerHero,
    .dlfSellerPremium,
    .dlfSellerComparison,
    .dlfSellerEvidence,
    .dlfSellerReview,
    .dlfSellerChecklist,
    .dlfSellerCTA {
        padding-top: 58px;
        padding-bottom: 58px;
    }

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

    .dlfSellerComparison__container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .dlfSellerCTA__seal {
        width: 140px;
        height: 140px;
        flex-basis: 140px;
    }

    .dlfSellerCTA__seal strong {
        font-size: 36px;
    }
}

@media (max-width: 640px) {
    .dlfSellerHero,
    .dlfSellerPremium,
    .dlfSellerComparison,
    .dlfSellerEvidence,
    .dlfSellerReview,
    .dlfSellerChecklist,
    .dlfSellerCTA {
        padding: 46px 18px;
    }

    .dlfSellerHero h1 {
        font-size: 35px;
        letter-spacing: -0.6px;
    }

    .dlfSellerHero__intro,
    .dlfSellerPremium__heading > p,
    .dlfSellerEvidence__heading > p,
    .dlfSellerReview__heading > p,
    .dlfSellerChecklist__heading > p,
    .dlfSellerComparison__copy > p,
    .dlfSellerCTA__content > p {
        font-size: 16px;
    }

    .dlfSellerHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .dlfSellerHero__button,
    .dlfSellerCTA__button {
        width: 100%;
    }

    .dlfSellerHero__trust {
        flex-direction: column;
        gap: 10px;
        margin-top: 30px;
    }

    .dlfSellerPremium__grid,
    .dlfSellerEvidence__steps,
    .dlfSellerReview__grid,
    .dlfSellerChecklist__grid {
        grid-template-columns: 1fr;
    }

    .dlfSellerPremium__card,
    .dlfSellerReview__card {
        padding: 24px 21px;
    }

    .dlfSellerComparison__item {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 22px 19px;
    }

    .dlfSellerComparison__item > strong {
        text-align: left;
    }

    .dlfSellerComparison__panelTop {
        padding: 18px;
    }

    .dlfSellerEvidence__step {
        gap: 14px;
        padding: 21px 18px;
    }

    .dlfSellerReview__legalNote {
        padding: 18px;
    }

    .dlfSellerCTA__container {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

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

    .dlfSellerCTA__call {
        width: 100%;
    }

    .dlfSellerCTA__seal {
        align-self: center;
    }
}


/* =========================================================
   ACCESSIBILITY: REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
    .dlfSellerHero__button,
    .dlfSellerCTA__button,
    .dlfSellerCTA__call,
    .dlfSellerPremium__card {
        transition: none;
    }
}

/* =========================================================
   DLF NOC GUIDE — ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique namespaces for every section
   Minimum font size: 15px
   ========================================================= */

.dlfNocHero,
.dlfNocOverview,
.dlfNocCoverage,
.dlfNocProcess,
.dlfNocValuation,
.dlfNocChecklist,
.dlfNocFaq,
.dlfNocFinalCta {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.dlfNocHero *,
.dlfNocOverview *,
.dlfNocCoverage *,
.dlfNocProcess *,
.dlfNocValuation *,
.dlfNocChecklist *,
.dlfNocFaq *,
.dlfNocFinalCta * {
    box-sizing: border-box;
}

.dlfNocHero {
    --dlf-navy: #061d3d;
    --dlf-gold: #b97800;
    --dlf-gold-light: #f0b429;
    --dlf-muted: #52627a;
}

.dlfNocOverview,
.dlfNocCoverage,
.dlfNocProcess,
.dlfNocValuation,
.dlfNocChecklist,
.dlfNocFaq,
.dlfNocFinalCta {
    --dlf-navy: #061d3d;
    --dlf-navy-light: #092f62;
    --dlf-gold: #b97800;
    --dlf-gold-light: #f0b429;
    --dlf-text: #24334a;
    --dlf-muted: #59677b;
    --dlf-border: #e2e8f0;
}

.dlfNocHero p,
.dlfNocOverview p,
.dlfNocCoverage p,
.dlfNocProcess p,
.dlfNocValuation p,
.dlfNocChecklist p,
.dlfNocFaq p,
.dlfNocFinalCta p {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 0;
}

.dlfNocHero h1,
.dlfNocHero h2,
.dlfNocOverview h2,
.dlfNocCoverage h2,
.dlfNocProcess h2,
.dlfNocValuation h2,
.dlfNocChecklist h2,
.dlfNocFaq h2,
.dlfNocFinalCta h2 {
    margin-top: 0;
    line-height: 1.25;
    letter-spacing: -0.035em;
}

.dlfNocHero strong,
.dlfNocOverview strong,
.dlfNocCoverage strong,
.dlfNocProcess strong,
.dlfNocValuation strong,
.dlfNocChecklist strong,
.dlfNocFaq strong,
.dlfNocFinalCta strong {
    font-weight: 800;
}

.dlfNocHero a,
.dlfNocOverview a,
.dlfNocCoverage a,
.dlfNocProcess a,
.dlfNocValuation a,
.dlfNocChecklist a,
.dlfNocFaq a,
.dlfNocFinalCta a {
    text-decoration: none;
}

/* SHARED CTA BUTTONS */

.dlfNocBtn {
    min-height: 54px;
    padding: 14px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background-color .22s ease,
        color .22s ease;
}

.dlfNocBtn:hover {
    transform: translateY(-3px);
}

.dlfNocBtn--gold {
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #061d3d !important;
    box-shadow: 0 8px 22px rgba(185, 120, 0, .24);
}

.dlfNocBtn--gold:hover {
    background: #ffd36a;
    box-shadow: 0 12px 26px rgba(185, 120, 0, .32);
}

.dlfNocBtn--outline {
    border-color: rgba(255,255,255,.52);
    background: rgba(255,255,255,.06);
    color: #fff !important;
}

.dlfNocBtn--outline:hover {
    background: rgba(255,255,255,.14);
}

.dlfNocBtn--navy {
    background: #061d3d;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(6,29,61,.16);
}

.dlfNocBtn--navy:hover {
    background: #092f62;
}

.dlfNocBtn--light {
    background: #fff;
    color: #061d3d !important;
    border-color: rgba(255,255,255,.8);
}

.dlfNocBtn--light:hover {
    background: #f6e9c7;
}

.dlfNocSectionTag {
    display: inline-block;
    color: #9a6500;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1.5;
    text-transform: uppercase;
}


/* =========================================================
   SECTION 1 — HERO
   ========================================================= */

.dlfNocHero {
    position: relative;
    overflow: hidden;
    padding: 86px 24px 76px;
    color: #fff;
    background:
        radial-gradient(ellipse at 92% 10%, rgba(185,120,0,.2), transparent 35%),
        linear-gradient(125deg, #04152d 0%, #061d3d 54%, #092f62 100%);
}

.dlfNocHero::before {
    content: "";
    position: absolute;
    top: -115px;
    right: -85px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(240,180,41,.2);
    border-radius: 50%;
    pointer-events: none;
}

.dlfNocHero::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -40px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(240,180,41,.12);
    border-radius: 50%;
    pointer-events: none;
}

.dlfNocHero__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.dlfNocHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    color: #f0c15a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .14em;
}

.dlfNocHero__eyebrowLine {
    display: inline-block;
    width: 38px;
    height: 2px;
    background: #f0b429;
}

.dlfNocHero h1 {
    max-width: 900px;
    margin-bottom: 24px;
    color: #fff;
    font-size: clamp(36px, 5.2vw, 60px);
    font-weight: 500;
}

.dlfNocHero h1 strong {
    color: #f0b429;
}

.dlfNocHero__intro {
    max-width: 810px;
    margin-bottom: 34px;
    color: #e3eaf4;
    font-size: 18px !important;
}

.dlfNocHero__intro strong {
    color: #fff;
}

.dlfNocHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 850px;
    gap: 14px;
    margin: 0 0 34px;
}

.dlfNocHero__highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    background: rgba(255,255,255,.055);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.dlfNocHero__number {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(240,180,41,.15);
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
}

.dlfNocHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.dlfNocHero__note {
    margin-bottom: 0;
    color: #bdcada;
    font-size: 15px !important;
}


/* =========================================================
   SECTION 2 — OVERVIEW
   ========================================================= */

.dlfNocOverview {
    padding: 76px 24px;
    background: #fff;
}

.dlfNocOverview__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocOverview__heading {
    margin-bottom: 35px;
}

.dlfNocOverview__heading h2,
.dlfNocCoverage__heading h2,
.dlfNocProcess__heading h2,
.dlfNocValuation__heading h2,
.dlfNocChecklist__heading h2,
.dlfNocFaq__heading h2 {
    margin: 12px 0 0;
    color: #061d3d;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 600;
}

.dlfNocOverview__heading h2 strong,
.dlfNocCoverage__heading h2 strong,
.dlfNocProcess__heading h2 strong,
.dlfNocValuation__heading h2 strong,
.dlfNocChecklist__heading h2 strong,
.dlfNocFaq__heading h2 strong {
    color: #a96d00;
}

.dlfNocOverview__rule {
    display: block;
    width: 76px;
    height: 4px;
    margin-top: 20px;
    border-radius: 3px;
    background: linear-gradient(90deg, #b97800, #f0b429);
}

.dlfNocOverview__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
    gap: 38px;
    align-items: stretch;
}

.dlfNocOverview__content p {
    margin-bottom: 19px;
    color: #334155;
}

.dlfNocOverview__content p:last-child {
    margin-bottom: 0;
}

.dlfNocOverview__side {
    padding: 30px;
    border: 1px solid #ead9b5;
    border-top: 4px solid #b97800;
    border-radius: 10px;
    background: linear-gradient(145deg, #fffdf7, #f9f4e8);
}

.dlfNocOverview__sideLabel {
    color: #956000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .09em;
}

.dlfNocOverview__side h3 {
    margin: 16px 0;
    color: #061d3d;
    font-size: 25px;
    line-height: 1.4;
}

.dlfNocOverview__side p {
    color: #526075;
}

.dlfNocOverview__sideFooter {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #e7d9bb;
    color: #092f62;
    font-size: 15px;
    font-weight: 800;
}

.dlfNocOverview__sideIcon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #092f62;
    color: #fff;
    font-size: 16px;
}


/* =========================================================
   SECTION 3 — NOC COVERAGE CARDS
   ========================================================= */

.dlfNocCoverage {
    padding: 78px 24px;
    background: #f5f7fb;
}

.dlfNocCoverage__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocCoverage__heading {
    max-width: 790px;
    margin: 0 auto 40px;
    text-align: center;
}

.dlfNocCoverage__heading h2 {
    margin: 13px 0 15px;
    color: #061d3d;
    font-size: clamp(29px, 3.5vw, 42px);
    line-height: 1.3;
}

.dlfNocCoverage__heading h2 strong {
    color: #a96d00;
}

.dlfNocCoverage__heading p {
    margin-bottom: 0;
    color: #59677b;
}

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

.dlfNocCoverage__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px 24px;
    border: 1px solid #e0e6ef;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(6,29,61,.045);
    transition: transform .22s ease, box-shadow .22s ease;
}

.dlfNocCoverage__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 32px rgba(6,29,61,.09);
}

.dlfNocCoverage__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.dlfNocCoverage__index {
    color: #a96d00;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .08em;
}

.dlfNocCoverage__icon {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #092f62;
    color: #f0b429;
    font-size: 22px;
    font-weight: 800;
}

.dlfNocCoverage__card h3 {
    margin: 0 0 12px;
    color: #061d3d;
    font-size: 23px;
    line-height: 1.35;
}

.dlfNocCoverage__card > p {
    margin-bottom: 22px;
    color: #526075;
}

.dlfNocCoverage__tip {
    margin-top: auto;
    padding: 15px;
    border-left: 3px solid #b97800;
    border-radius: 0 6px 6px 0;
    background: #faf6eb;
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
}

.dlfNocCoverage__tip strong {
    color: #7d5200;
}


/* =========================================================
   SECTION 4 — APPLICATION PROCESS
   ========================================================= */

.dlfNocProcess {
    padding: 80px 24px;
    background: #fff;
}

.dlfNocProcess__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocProcess__heading {
    max-width: 790px;
    margin-bottom: 40px;
}

.dlfNocProcess__heading p {
    margin: 17px 0 0;
    color: #59677b;
}

.dlfNocProcess__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(270px, .7fr);
    gap: 35px;
    align-items: start;
}

.dlfNocProcess__steps {
    position: relative;
}

.dlfNocProcess__steps::before {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 35px;
    left: 25px;
    width: 2px;
    background: linear-gradient(#b97800, #e7d7b2);
}

.dlfNocProcess__step {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 20px;
    padding-bottom: 31px;
}

.dlfNocProcess__step:last-child {
    padding-bottom: 0;
}

.dlfNocProcess__stepNumber {
    position: relative;
    z-index: 1;
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border: 2px solid #d8a02c;
    border-radius: 50%;
    background: #fff;
    color: #092f62;
    font-size: 16px;
    font-weight: 900;
}

.dlfNocProcess__step h3 {
    margin: 2px 0 9px;
    color: #061d3d;
    font-size: 22px;
    line-height: 1.4;
}

.dlfNocProcess__step p {
    margin-bottom: 0;
    color: #526075;
}

.dlfNocProcess__timeline {
    padding: 30px;
    border: 1px solid #e4d5b4;
    border-radius: 10px;
    background:
        radial-gradient(circle at 100% 0%, rgba(240,180,41,.12), transparent 45%),
        #fbf8f0;
}

.dlfNocProcess__timelineLabel {
    color: #956000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .12em;
}

.dlfNocProcess__timelineNumber {
    margin-top: 17px;
    color: #092f62;
    font-size: 68px;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1.05;
}

.dlfNocProcess__timeline h3 {
    margin: 4px 0 18px;
    color: #a96d00;
    font-size: 26px;
}

.dlfNocProcess__timeline p {
    margin-bottom: 0;
    color: #526075;
    font-size: 15px;
}

.dlfNocProcess__timelineDivider {
    height: 1px;
    margin: 22px 0;
    background: #e3d5b7;
}

.dlfNocProcess__timeline .dlfNocProcess__timelineFoot {
    color: #334155;
}


/* =========================================================
   SECTION 5 — VALUATION RELEVANCE
   ========================================================= */

.dlfNocValuation {
    padding: 78px 24px;
    background: #f5f7fb;
}

.dlfNocValuation__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocValuation__heading {
    max-width: 850px;
    margin-bottom: 32px;
}

.dlfNocValuation__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .8fr);
    gap: 30px;
    align-items: stretch;
}

.dlfNocValuation__main {
    padding: 30px;
    border: 1px solid #e0e6ef;
    border-radius: 10px;
    background: #fff;
}

.dlfNocValuation__main p {
    margin-bottom: 19px;
    color: #334155;
}

.dlfNocValuation__main p:last-child {
    margin-bottom: 0;
}

.dlfNocValuation__side {
    padding: 30px;
    border-radius: 10px;
    background: linear-gradient(145deg, #061d3d, #092f62);
    color: #fff;
}

.dlfNocValuation__sideIcon {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid rgba(240,180,41,.5);
    border-radius: 9px;
    color: #f0b429;
    font-size: 24px;
    font-weight: 800;
}

.dlfNocValuation__side h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
}

.dlfNocValuation__side p {
    margin-bottom: 24px;
    color: #dce6f3;
}

.dlfNocValuation__side .dlfNocBtn {
    width: 100%;
}


/* =========================================================
   SECTION 6 — DOCUMENT CHECKLIST
   ========================================================= */

.dlfNocChecklist {
    padding: 80px 24px;
    background: #fff;
}

.dlfNocChecklist__container {
    max-width: 1000px;
    margin: 0 auto;
}

.dlfNocChecklist__heading {
    margin-bottom: 35px;
}

.dlfNocChecklist__heading p {
    max-width: 790px;
    margin: 17px 0 0;
    color: #59677b;
}

.dlfNocChecklist__panel {
    overflow: hidden;
    border: 1px solid #e0e6ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 35px rgba(6,29,61,.06);
}

.dlfNocChecklist__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    padding: 24px 30px;
}

.dlfNocChecklist__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
    padding: 19px 0;
    border-bottom: 1px solid #edf0f5;
}

.dlfNocChecklist__check {
    display: flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    border-radius: 50%;
    background: #f7edd4;
    color: #8a5a00;
    font-size: 16px;
    font-weight: 900;
}

.dlfNocChecklist__item p {
    margin-bottom: 0;
    color: #334155;
    font-size: 15px;
}

.dlfNocChecklist__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 25px 30px;
    border-top: 1px solid #e8dfcb;
    background: #faf7ef;
}

.dlfNocChecklist__footer > div {
    flex: 1 1 320px;
}

.dlfNocChecklist__footer > div > strong {
    display: block;
    margin-bottom: 4px;
    color: #061d3d;
    font-size: 18px;
}

.dlfNocChecklist__footer p {
    margin-bottom: 0;
    color: #59677b;
    font-size: 15px;
}


/* =========================================================
   SECTION 7 — FAQ
   ========================================================= */

.dlfNocFaq {
    padding: 78px 24px;
    background: #f5f7fb;
}

.dlfNocFaq__container {
    max-width: 920px;
    margin: 0 auto;
}

.dlfNocFaq__heading {
    margin-bottom: 34px;
    text-align: center;
}

.dlfNocFaq__list {
    display: grid;
    gap: 13px;
}

.dlfNocFaq__item {
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.dlfNocFaq__item[open] {
    border-color: #d4ad5c;
    box-shadow: 0 6px 20px rgba(6,29,61,.045);
}

.dlfNocFaq__item summary {
    position: relative;
    padding: 21px 58px 21px 23px;
    color: #061d3d;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.55;
    list-style: none;
}

.dlfNocFaq__item summary::-webkit-details-marker {
    display: none;
}

.dlfNocFaq__item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #f7edd4;
    color: #805500;
    font-size: 21px;
    font-weight: 600;
}

.dlfNocFaq__item[open] summary::after {
    content: "−";
}

.dlfNocFaq__answer {
    padding: 0 23px 21px;
}

.dlfNocFaq__answer p {
    margin-bottom: 0;
    color: #526075;
    font-size: 16px;
}


/* =========================================================
   SECTION 8 — FINAL CTA
   ========================================================= */

.dlfNocFinalCta {
    position: relative;
    overflow: hidden;
    padding: 76px 24px;
    background:
        radial-gradient(ellipse at 10% 100%, rgba(240,180,41,.14), transparent 35%),
        linear-gradient(120deg, #04152d, #092f62);
    color: #fff;
    text-align: center;
}

.dlfNocFinalCta::before {
    content: "";
    position: absolute;
    top: -125px;
    right: -90px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(240,180,41,.2);
    border-radius: 50%;
    pointer-events: none;
}

.dlfNocFinalCta__container {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

.dlfNocFinalCta__ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 24px;
}

.dlfNocFinalCta__ornament span {
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #f0b429;
}

.dlfNocFinalCta__ornament span:nth-child(2) {
    width: 12px;
    height: 12px;
}

.dlfNocFinalCta__eyebrow {
    display: block;
    margin-bottom: 17px;
    color: #f0c15a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .12em;
}

.dlfNocFinalCta h2 {
    max-width: 820px;
    margin: 0 auto 20px;
    color: #fff;
    font-size: clamp(30px, 4.4vw, 47px);
    font-weight: 600;
}

.dlfNocFinalCta h2 strong {
    color: #f0b429;
}

.dlfNocFinalCta__container > p {
    max-width: 720px;
    margin: 0 auto 30px;
    color: #dce6f3;
    font-size: 17px;
}

.dlfNocFinalCta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.dlfNocFinalCta__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 30px;
    color: #dce6f3;
    font-size: 15px;
}

.dlfNocFinalCta__trustDot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f0b429;
}


/* =========================================================
   RESPONSIVE — TABLETS
   ========================================================= */

@media (max-width: 900px) {
    .dlfNocHero,
    .dlfNocOverview,
    .dlfNocCoverage,
    .dlfNocProcess,
    .dlfNocValuation,
    .dlfNocChecklist,
    .dlfNocFaq,
    .dlfNocFinalCta {
        padding: 62px 22px;
    }

    .dlfNocOverview__grid,
    .dlfNocProcess__layout,
    .dlfNocValuation__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

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

    .dlfNocCoverage__card:last-child {
        grid-column: 1 / -1;
    }

    .dlfNocProcess__timeline {
        max-width: none;
    }

    .dlfNocProcess__timelineNumber {
        font-size: 56px;
    }
}


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

@media (max-width: 600px) {
    .dlfNocHero,
    .dlfNocOverview,
    .dlfNocCoverage,
    .dlfNocProcess,
    .dlfNocValuation,
    .dlfNocChecklist,
    .dlfNocFaq,
    .dlfNocFinalCta {
        padding: 48px 18px;
    }

    .dlfNocHero h1 {
        font-size: 36px;
    }

    .dlfNocHero__intro {
        font-size: 16px !important;
    }

    .dlfNocHero__highlights {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .dlfNocHero__highlight {
        min-height: 54px;
    }

    .dlfNocHero__actions,
    .dlfNocFinalCta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dlfNocBtn {
        width: 100%;
        min-height: 54px;
    }

    .dlfNocOverview__side,
    .dlfNocValuation__main,
    .dlfNocValuation__side {
        padding: 23px;
    }

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

    .dlfNocCoverage__card:last-child {
        grid-column: auto;
    }

    .dlfNocCoverage__card {
        padding: 23px;
    }

    .dlfNocCoverage__heading {
        text-align: left;
    }

    .dlfNocProcess__step {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 14px;
        padding-bottom: 27px;
    }

    .dlfNocProcess__steps::before {
        left: 20px;
    }

    .dlfNocProcess__stepNumber {
        width: 43px;
        height: 43px;
        font-size: 15px;
    }

    .dlfNocProcess__step h3 {
        font-size: 20px;
    }

    .dlfNocChecklist__list {
        grid-template-columns: 1fr;
        padding: 15px 21px;
    }

    .dlfNocChecklist__footer {
        padding: 23px 21px;
    }

    .dlfNocFaq__item summary {
        padding: 19px 50px 19px 18px;
        font-size: 16px;
    }

    .dlfNocFaq__item summary::after {
        right: 15px;
    }

    .dlfNocFaq__answer {
        padding: 0 18px 20px;
    }

    .dlfNocFinalCta h2 {
        font-size: 32px;
    }

    .dlfNocFinalCta__trust {
        flex-direction: column;
        gap: 9px;
    }

    .dlfNocFinalCta__trustDot {
        display: none;
    }
}


/* ACCESSIBILITY: REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .dlfNocBtn,
    .dlfNocCoverage__card,
    .dlfNocFaq__item {
        transition: none;
    }

    .dlfNocBtn:hover,
    .dlfNocCoverage__card:hover {
        transform: none;
    }
}

/* =========================================================
   DLF NOC GUIDE — ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique namespaces for every section
   Minimum font size: 15px
   ========================================================= */

.dlfNocHero,
.dlfNocOverview,
.dlfNocCoverage,
.dlfNocProcess,
.dlfNocValuation,
.dlfNocChecklist,
.dlfNocFaq,
.dlfNocFinalCta {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.dlfNocHero *,
.dlfNocOverview *,
.dlfNocCoverage *,
.dlfNocProcess *,
.dlfNocValuation *,
.dlfNocChecklist *,
.dlfNocFaq *,
.dlfNocFinalCta * {
    box-sizing: border-box;
}

.dlfNocHero {
    --dlf-navy: #061d3d;
    --dlf-gold: #b97800;
    --dlf-gold-light: #f0b429;
    --dlf-muted: #52627a;
}

.dlfNocOverview,
.dlfNocCoverage,
.dlfNocProcess,
.dlfNocValuation,
.dlfNocChecklist,
.dlfNocFaq,
.dlfNocFinalCta {
    --dlf-navy: #061d3d;
    --dlf-navy-light: #092f62;
    --dlf-gold: #b97800;
    --dlf-gold-light: #f0b429;
    --dlf-text: #24334a;
    --dlf-muted: #59677b;
    --dlf-border: #e2e8f0;
}

.dlfNocHero p,
.dlfNocOverview p,
.dlfNocCoverage p,
.dlfNocProcess p,
.dlfNocValuation p,
.dlfNocChecklist p,
.dlfNocFaq p,
.dlfNocFinalCta p {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 0;
}

.dlfNocHero h1,
.dlfNocHero h2,
.dlfNocOverview h2,
.dlfNocCoverage h2,
.dlfNocProcess h2,
.dlfNocValuation h2,
.dlfNocChecklist h2,
.dlfNocFaq h2,
.dlfNocFinalCta h2 {
    margin-top: 0;
    line-height: 1.25;
    letter-spacing: -0.035em;
}

.dlfNocHero strong,
.dlfNocOverview strong,
.dlfNocCoverage strong,
.dlfNocProcess strong,
.dlfNocValuation strong,
.dlfNocChecklist strong,
.dlfNocFaq strong,
.dlfNocFinalCta strong {
    font-weight: 800;
}

.dlfNocHero a,
.dlfNocOverview a,
.dlfNocCoverage a,
.dlfNocProcess a,
.dlfNocValuation a,
.dlfNocChecklist a,
.dlfNocFaq a,
.dlfNocFinalCta a {
    text-decoration: none;
}

/* SHARED CTA BUTTONS */

.dlfNocBtn {
    min-height: 54px;
    padding: 14px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background-color .22s ease,
        color .22s ease;
}

.dlfNocBtn:hover {
    transform: translateY(-3px);
}

.dlfNocBtn--gold {
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #061d3d !important;
    box-shadow: 0 8px 22px rgba(185, 120, 0, .24);
}

.dlfNocBtn--gold:hover {
    background: #ffd36a;
    box-shadow: 0 12px 26px rgba(185, 120, 0, .32);
}

.dlfNocBtn--outline {
    border-color: rgba(255,255,255,.52);
    background: rgba(255,255,255,.06);
    color: #fff !important;
}

.dlfNocBtn--outline:hover {
    background: rgba(255,255,255,.14);
}

.dlfNocBtn--navy {
    background: #061d3d;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(6,29,61,.16);
}

.dlfNocBtn--navy:hover {
    background: #092f62;
}

.dlfNocBtn--light {
    background: #fff;
    color: #061d3d !important;
    border-color: rgba(255,255,255,.8);
}

.dlfNocBtn--light:hover {
    background: #f6e9c7;
}

.dlfNocSectionTag {
    display: inline-block;
    color: #9a6500;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1.5;
    text-transform: uppercase;
}


/* =========================================================
   SECTION 1 — HERO
   ========================================================= */

.dlfNocHero {
    position: relative;
    overflow: hidden;
    padding: 86px 24px 76px;
    color: #fff;
    background:
        radial-gradient(ellipse at 92% 10%, rgba(185,120,0,.2), transparent 35%),
        linear-gradient(125deg, #04152d 0%, #061d3d 54%, #092f62 100%);
}

.dlfNocHero::before {
    content: "";
    position: absolute;
    top: -115px;
    right: -85px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(240,180,41,.2);
    border-radius: 50%;
    pointer-events: none;
}

.dlfNocHero::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -40px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(240,180,41,.12);
    border-radius: 50%;
    pointer-events: none;
}

.dlfNocHero__container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.dlfNocHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    color: #f0c15a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .14em;
}

.dlfNocHero__eyebrowLine {
    display: inline-block;
    width: 38px;
    height: 2px;
    background: #f0b429;
}

.dlfNocHero h1 {
    max-width: 900px;
    margin-bottom: 24px;
    color: #fff;
    font-size: clamp(36px, 5.2vw, 60px);
    font-weight: 500;
}

.dlfNocHero h1 strong {
    color: #f0b429;
}

.dlfNocHero__intro {
    max-width: 810px;
    margin-bottom: 34px;
    color: #e3eaf4;
    font-size: 18px !important;
}

.dlfNocHero__intro strong {
    color: #fff;
}

.dlfNocHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 850px;
    gap: 14px;
    margin: 0 0 34px;
}

.dlfNocHero__highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    background: rgba(255,255,255,.055);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.dlfNocHero__number {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(240,180,41,.15);
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
}

.dlfNocHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.dlfNocHero__note {
    margin-bottom: 0;
    color: #bdcada;
    font-size: 15px !important;
}


/* =========================================================
   SECTION 2 — OVERVIEW
   ========================================================= */

.dlfNocOverview {
    padding: 76px 24px;
    background: #fff;
}

.dlfNocOverview__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocOverview__heading {
    margin-bottom: 35px;
}

.dlfNocOverview__heading h2,
.dlfNocCoverage__heading h2,
.dlfNocProcess__heading h2,
.dlfNocValuation__heading h2,
.dlfNocChecklist__heading h2,
.dlfNocFaq__heading h2 {
    margin: 12px 0 0;
    color: #061d3d;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 600;
}

.dlfNocOverview__heading h2 strong,
.dlfNocCoverage__heading h2 strong,
.dlfNocProcess__heading h2 strong,
.dlfNocValuation__heading h2 strong,
.dlfNocChecklist__heading h2 strong,
.dlfNocFaq__heading h2 strong {
    color: #a96d00;
}

.dlfNocOverview__rule {
    display: block;
    width: 76px;
    height: 4px;
    margin-top: 20px;
    border-radius: 3px;
    background: linear-gradient(90deg, #b97800, #f0b429);
}

.dlfNocOverview__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
    gap: 38px;
    align-items: stretch;
}

.dlfNocOverview__content p {
    margin-bottom: 19px;
    color: #334155;
}

.dlfNocOverview__content p:last-child {
    margin-bottom: 0;
}

.dlfNocOverview__side {
    padding: 30px;
    border: 1px solid #ead9b5;
    border-top: 4px solid #b97800;
    border-radius: 10px;
    background: linear-gradient(145deg, #fffdf7, #f9f4e8);
}

.dlfNocOverview__sideLabel {
    color: #956000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .09em;
}

.dlfNocOverview__side h3 {
    margin: 16px 0;
    color: #061d3d;
    font-size: 25px;
    line-height: 1.4;
}

.dlfNocOverview__side p {
    color: #526075;
}

.dlfNocOverview__sideFooter {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #e7d9bb;
    color: #092f62;
    font-size: 15px;
    font-weight: 800;
}

.dlfNocOverview__sideIcon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #092f62;
    color: #fff;
    font-size: 16px;
}


/* =========================================================
   SECTION 3 — NOC COVERAGE CARDS
   ========================================================= */

.dlfNocCoverage {
    padding: 78px 24px;
    background: #f5f7fb;
}

.dlfNocCoverage__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocCoverage__heading {
    max-width: 790px;
    margin: 0 auto 40px;
    text-align: center;
}

.dlfNocCoverage__heading h2 {
    margin: 13px 0 15px;
    color: #061d3d;
    font-size: clamp(29px, 3.5vw, 42px);
    line-height: 1.3;
}

.dlfNocCoverage__heading h2 strong {
    color: #a96d00;
}

.dlfNocCoverage__heading p {
    margin-bottom: 0;
    color: #59677b;
}

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

.dlfNocCoverage__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px 24px;
    border: 1px solid #e0e6ef;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(6,29,61,.045);
    transition: transform .22s ease, box-shadow .22s ease;
}

.dlfNocCoverage__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 32px rgba(6,29,61,.09);
}

.dlfNocCoverage__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.dlfNocCoverage__index {
    color: #a96d00;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .08em;
}

.dlfNocCoverage__icon {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #092f62;
    color: #f0b429;
    font-size: 22px;
    font-weight: 800;
}

.dlfNocCoverage__card h3 {
    margin: 0 0 12px;
    color: #061d3d;
    font-size: 23px;
    line-height: 1.35;
}

.dlfNocCoverage__card > p {
    margin-bottom: 22px;
    color: #526075;
}

.dlfNocCoverage__tip {
    margin-top: auto;
    padding: 15px;
    border-left: 3px solid #b97800;
    border-radius: 0 6px 6px 0;
    background: #faf6eb;
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
}

.dlfNocCoverage__tip strong {
    color: #7d5200;
}


/* =========================================================
   SECTION 4 — APPLICATION PROCESS
   ========================================================= */

.dlfNocProcess {
    padding: 80px 24px;
    background: #fff;
}

.dlfNocProcess__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocProcess__heading {
    max-width: 790px;
    margin-bottom: 40px;
}

.dlfNocProcess__heading p {
    margin: 17px 0 0;
    color: #59677b;
}

.dlfNocProcess__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(270px, .7fr);
    gap: 35px;
    align-items: start;
}

.dlfNocProcess__steps {
    position: relative;
}

.dlfNocProcess__steps::before {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 35px;
    left: 25px;
    width: 2px;
    background: linear-gradient(#b97800, #e7d7b2);
}

.dlfNocProcess__step {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 20px;
    padding-bottom: 31px;
}

.dlfNocProcess__step:last-child {
    padding-bottom: 0;
}

.dlfNocProcess__stepNumber {
    position: relative;
    z-index: 1;
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border: 2px solid #d8a02c;
    border-radius: 50%;
    background: #fff;
    color: #092f62;
    font-size: 16px;
    font-weight: 900;
}

.dlfNocProcess__step h3 {
    margin: 2px 0 9px;
    color: #061d3d;
    font-size: 22px;
    line-height: 1.4;
}

.dlfNocProcess__step p {
    margin-bottom: 0;
    color: #526075;
}

.dlfNocProcess__timeline {
    padding: 30px;
    border: 1px solid #e4d5b4;
    border-radius: 10px;
    background:
        radial-gradient(circle at 100% 0%, rgba(240,180,41,.12), transparent 45%),
        #fbf8f0;
}

.dlfNocProcess__timelineLabel {
    color: #956000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .12em;
}

.dlfNocProcess__timelineNumber {
    margin-top: 17px;
    color: #092f62;
    font-size: 68px;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1.05;
}

.dlfNocProcess__timeline h3 {
    margin: 4px 0 18px;
    color: #a96d00;
    font-size: 26px;
}

.dlfNocProcess__timeline p {
    margin-bottom: 0;
    color: #526075;
    font-size: 15px;
}

.dlfNocProcess__timelineDivider {
    height: 1px;
    margin: 22px 0;
    background: #e3d5b7;
}

.dlfNocProcess__timeline .dlfNocProcess__timelineFoot {
    color: #334155;
}


/* =========================================================
   SECTION 5 — VALUATION RELEVANCE
   ========================================================= */

.dlfNocValuation {
    padding: 78px 24px;
    background: #f5f7fb;
}

.dlfNocValuation__container {
    max-width: 1120px;
    margin: 0 auto;
}

.dlfNocValuation__heading {
    max-width: 850px;
    margin-bottom: 32px;
}

.dlfNocValuation__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .8fr);
    gap: 30px;
    align-items: stretch;
}

.dlfNocValuation__main {
    padding: 30px;
    border: 1px solid #e0e6ef;
    border-radius: 10px;
    background: #fff;
}

.dlfNocValuation__main p {
    margin-bottom: 19px;
    color: #334155;
}

.dlfNocValuation__main p:last-child {
    margin-bottom: 0;
}

.dlfNocValuation__side {
    padding: 30px;
    border-radius: 10px;
    background: linear-gradient(145deg, #061d3d, #092f62);
    color: #fff;
}

.dlfNocValuation__sideIcon {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid rgba(240,180,41,.5);
    border-radius: 9px;
    color: #f0b429;
    font-size: 24px;
    font-weight: 800;
}

.dlfNocValuation__side h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 25px;
    line-height: 1.4;
}

.dlfNocValuation__side p {
    margin-bottom: 24px;
    color: #dce6f3;
}

.dlfNocValuation__side .dlfNocBtn {
    width: 100%;
}


/* =========================================================
   SECTION 6 — DOCUMENT CHECKLIST
   ========================================================= */

.dlfNocChecklist {
    padding: 80px 24px;
    background: #fff;
}

.dlfNocChecklist__container {
    max-width: 1000px;
    margin: 0 auto;
}

.dlfNocChecklist__heading {
    margin-bottom: 35px;
}

.dlfNocChecklist__heading p {
    max-width: 790px;
    margin: 17px 0 0;
    color: #59677b;
}

.dlfNocChecklist__panel {
    overflow: hidden;
    border: 1px solid #e0e6ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 35px rgba(6,29,61,.06);
}

.dlfNocChecklist__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    padding: 24px 30px;
}

.dlfNocChecklist__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 13px;
    align-items: start;
    padding: 19px 0;
    border-bottom: 1px solid #edf0f5;
}

.dlfNocChecklist__check {
    display: flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    border-radius: 50%;
    background: #f7edd4;
    color: #8a5a00;
    font-size: 16px;
    font-weight: 900;
}

.dlfNocChecklist__item p {
    margin-bottom: 0;
    color: #334155;
    font-size: 15px;
}

.dlfNocChecklist__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 25px 30px;
    border-top: 1px solid #e8dfcb;
    background: #faf7ef;
}

.dlfNocChecklist__footer > div {
    flex: 1 1 320px;
}

.dlfNocChecklist__footer > div > strong {
    display: block;
    margin-bottom: 4px;
    color: #061d3d;
    font-size: 18px;
}

.dlfNocChecklist__footer p {
    margin-bottom: 0;
    color: #59677b;
    font-size: 15px;
}


/* =========================================================
   SECTION 7 — FAQ
   ========================================================= */

.dlfNocFaq {
    padding: 78px 24px;
    background: #f5f7fb;
}

.dlfNocFaq__container {
    max-width: 920px;
    margin: 0 auto;
}

.dlfNocFaq__heading {
    margin-bottom: 34px;
    text-align: center;
}

.dlfNocFaq__list {
    display: grid;
    gap: 13px;
}

.dlfNocFaq__item {
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.dlfNocFaq__item[open] {
    border-color: #d4ad5c;
    box-shadow: 0 6px 20px rgba(6,29,61,.045);
}

.dlfNocFaq__item summary {
    position: relative;
    padding: 21px 58px 21px 23px;
    color: #061d3d;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.55;
    list-style: none;
}

.dlfNocFaq__item summary::-webkit-details-marker {
    display: none;
}

.dlfNocFaq__item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #f7edd4;
    color: #805500;
    font-size: 21px;
    font-weight: 600;
}

.dlfNocFaq__item[open] summary::after {
    content: "−";
}

.dlfNocFaq__answer {
    padding: 0 23px 21px;
}

.dlfNocFaq__answer p {
    margin-bottom: 0;
    color: #526075;
    font-size: 16px;
}


/* =========================================================
   SECTION 8 — FINAL CTA
   ========================================================= */

.dlfNocFinalCta {
    position: relative;
    overflow: hidden;
    padding: 76px 24px;
    background:
        radial-gradient(ellipse at 10% 100%, rgba(240,180,41,.14), transparent 35%),
        linear-gradient(120deg, #04152d, #092f62);
    color: #fff;
    text-align: center;
}

.dlfNocFinalCta::before {
    content: "";
    position: absolute;
    top: -125px;
    right: -90px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(240,180,41,.2);
    border-radius: 50%;
    pointer-events: none;
}

.dlfNocFinalCta__container {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

.dlfNocFinalCta__ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 24px;
}

.dlfNocFinalCta__ornament span {
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #f0b429;
}

.dlfNocFinalCta__ornament span:nth-child(2) {
    width: 12px;
    height: 12px;
}

.dlfNocFinalCta__eyebrow {
    display: block;
    margin-bottom: 17px;
    color: #f0c15a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .12em;
}

.dlfNocFinalCta h2 {
    max-width: 820px;
    margin: 0 auto 20px;
    color: #fff;
    font-size: clamp(30px, 4.4vw, 47px);
    font-weight: 600;
}

.dlfNocFinalCta h2 strong {
    color: #f0b429;
}

.dlfNocFinalCta__container > p {
    max-width: 720px;
    margin: 0 auto 30px;
    color: #dce6f3;
    font-size: 17px;
}

.dlfNocFinalCta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.dlfNocFinalCta__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 30px;
    color: #dce6f3;
    font-size: 15px;
}

.dlfNocFinalCta__trustDot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f0b429;
}


/* =========================================================
   RESPONSIVE — TABLETS
   ========================================================= */

@media (max-width: 900px) {
    .dlfNocHero,
    .dlfNocOverview,
    .dlfNocCoverage,
    .dlfNocProcess,
    .dlfNocValuation,
    .dlfNocChecklist,
    .dlfNocFaq,
    .dlfNocFinalCta {
        padding: 62px 22px;
    }

    .dlfNocOverview__grid,
    .dlfNocProcess__layout,
    .dlfNocValuation__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

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

    .dlfNocCoverage__card:last-child {
        grid-column: 1 / -1;
    }

    .dlfNocProcess__timeline {
        max-width: none;
    }

    .dlfNocProcess__timelineNumber {
        font-size: 56px;
    }
}


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

@media (max-width: 600px) {
    .dlfNocHero,
    .dlfNocOverview,
    .dlfNocCoverage,
    .dlfNocProcess,
    .dlfNocValuation,
    .dlfNocChecklist,
    .dlfNocFaq,
    .dlfNocFinalCta {
        padding: 48px 18px;
    }

    .dlfNocHero h1 {
        font-size: 36px;
    }

    .dlfNocHero__intro {
        font-size: 16px !important;
    }

    .dlfNocHero__highlights {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .dlfNocHero__highlight {
        min-height: 54px;
    }

    .dlfNocHero__actions,
    .dlfNocFinalCta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dlfNocBtn {
        width: 100%;
        min-height: 54px;
    }

    .dlfNocOverview__side,
    .dlfNocValuation__main,
    .dlfNocValuation__side {
        padding: 23px;
    }

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

    .dlfNocCoverage__card:last-child {
        grid-column: auto;
    }

    .dlfNocCoverage__card {
        padding: 23px;
    }

    .dlfNocCoverage__heading {
        text-align: left;
    }

    .dlfNocProcess__step {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 14px;
        padding-bottom: 27px;
    }

    .dlfNocProcess__steps::before {
        left: 20px;
    }

    .dlfNocProcess__stepNumber {
        width: 43px;
        height: 43px;
        font-size: 15px;
    }

    .dlfNocProcess__step h3 {
        font-size: 20px;
    }

    .dlfNocChecklist__list {
        grid-template-columns: 1fr;
        padding: 15px 21px;
    }

    .dlfNocChecklist__footer {
        padding: 23px 21px;
    }

    .dlfNocFaq__item summary {
        padding: 19px 50px 19px 18px;
        font-size: 16px;
    }

    .dlfNocFaq__item summary::after {
        right: 15px;
    }

    .dlfNocFaq__answer {
        padding: 0 18px 20px;
    }

    .dlfNocFinalCta h2 {
        font-size: 32px;
    }

    .dlfNocFinalCta__trust {
        flex-direction: column;
        gap: 9px;
    }

    .dlfNocFinalCta__trustDot {
        display: none;
    }
}


/* ACCESSIBILITY: REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .dlfNocBtn,
    .dlfNocCoverage__card,
    .dlfNocFaq__item {
        transition: none;
    }

    .dlfNocBtn:hover,
    .dlfNocCoverage__card:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: HERO
   ========================================================= */
.dlf55Hero {
    --dlf55-navy: #092f62;
    --dlf55-deep: #061d3d;
    --dlf55-gold: #b97800;
    --dlf55-gold-light: #f0c56b;

    position: relative;
    overflow: hidden;
    padding: 76px 24px 48px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(185, 120, 0, 0.20), transparent 38%),
        linear-gradient(135deg, #04152d 0%, #092f62 58%, #0b2547 100%);
    font-family: inherit;
}

.dlf55Hero::before {
    position: absolute;
    right: -105px;
    bottom: -175px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(240, 197, 107, 0.22);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.dlf55Hero::after {
    position: absolute;
    right: -48px;
    bottom: -118px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(240, 197, 107, 0.16);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.dlf55Hero__inner {
    position: relative;
    z-index: 1;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.dlf55Hero__eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 9px 13px;
    border: 1px solid rgba(240, 197, 107, 0.45);
    border-radius: 3px;
    color: #f7d993;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.dlf55Hero h1 {
    max-width: 900px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 54px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.8px;
}

.dlf55Hero h1 span {
    display: block;
    margin-top: 8px;
    color: #f0c56b;
}

.dlf55Hero__intro {
    max-width: 850px;
    margin: 0;
    color: #e7edf6;
    font-size: 18px;
    line-height: 1.85;
}

.dlf55Hero__intro strong {
    color: #ffffff;
}

.dlf55Hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 17px;
    margin-top: 30px;
}

.dlf55Btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 24px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.dlf55Btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.20);
}

.dlf55Btn--gold {
    color: #071b35 !important;
    background: #f0c56b;
    border-color: #f0c56b;
}

.dlf55Btn--gold:hover {
    color: #071b35 !important;
    background: #ffda8b;
}

.dlf55Hero__phone {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none !important;
}

.dlf55Hero__phone:hover {
    color: #f0c56b !important;
}

.dlf55Hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin-top: 36px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.dlf55Hero__trust span {
    color: #e4ebf5;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
}

.dlf55Hero__trust span::before {
    margin-right: 9px;
    color: #f0c56b;
    content: "◆";
    font-size: 11px;
}


/* =========================================================
   SECTION 2: ELIGIBILITY
   ========================================================= */
.dlf55Eligibility {
    padding: 76px 24px;
    color: #24354a;
    background: #f8fafc;
    font-family: inherit;
}

.dlf55Eligibility__wrap {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.dlf55Label {
    display: inline-block;
    margin-bottom: 14px;
    color: #9b6400;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
}

.dlf55Eligibility__heading {
    max-width: 830px;
    margin: 0 auto 38px;
    text-align: center;
}

.dlf55Eligibility h2,
.dlf55FMV h2,
.dlf55Example h2,
.dlf55Documents h2,
.dlf55CTA h2 {
    margin: 0 0 18px;
    font-size: clamp(28px, 3.3vw, 40px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.4px;
}

.dlf55Eligibility h2 {
    color: #092f62;
}

.dlf55Eligibility h2 strong,
.dlf55Example h2 strong,
.dlf55Documents h2 strong {
    color: #a56b00;
}

.dlf55Eligibility__heading > p,
.dlf55Example__heading > p,
.dlf55Documents__heading > p {
    margin: 0;
    color: #536174;
    font-size: 17px;
    line-height: 1.8;
}

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

.dlf55Eligibility__card {
    padding: 28px 25px;
    border: 1px solid #e1e7ef;
    border-top: 4px solid #b97800;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(9, 47, 98, 0.055);
}

.dlf55Eligibility__number {
    display: inline-flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 800;
}

.dlf55Eligibility__card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.dlf55Eligibility__card p {
    margin: 0;
    color: #536174;
    font-size: 16px;
    line-height: 1.8;
}

.dlf55Eligibility__card strong {
    color: #092f62;
}

.dlf55Eligibility__note {
    margin: 25px 0 0;
    padding: 18px 20px;
    border-left: 4px solid #b97800;
    border-radius: 0 5px 5px 0;
    color: #34465d;
    background: #fff4dc;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 3: HISTORICAL FMV
   ========================================================= */
.dlf55FMV {
    padding: 76px 24px;
    color: #e9eff8;
    background: #061d3d;
    font-family: inherit;
}

.dlf55FMV__wrap {
    display: grid;
    width: min(1120px, 100%);
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
    align-items: center;
    gap: 54px;
    margin: 0 auto;
}

.dlf55Label--light {
    color: #f0c56b;
}

.dlf55FMV h2 {
    color: #ffffff;
}

.dlf55FMV h2 strong {
    color: #f0c56b;
}

.dlf55FMV__content > p {
    margin: 0 0 24px;
    color: #d5deeb;
    font-size: 17px;
    line-height: 1.85;
}

.dlf55FMV__list {
    display: grid;
    gap: 17px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dlf55FMV__list li {
    position: relative;
    padding-left: 28px;
    color: #dce5f1;
    font-size: 16px;
    line-height: 1.8;
}

.dlf55FMV__list li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #f0c56b;
    content: "✓";
    font-size: 19px;
    font-weight: 800;
}

.dlf55FMV__list strong {
    color: #ffffff;
}

.dlf55FMV__panel {
    padding: 32px 28px;
    border: 1px solid rgba(240, 197, 107, 0.5);
    border-radius: 8px;
    background: linear-gradient(150deg, #103a6e, #09284f);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}

.dlf55FMV__panelTag {
    display: block;
    margin-bottom: 14px;
    color: #f0c56b;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.dlf55FMV__date {
    display: block;
    color: #ffffff;
    font-size: clamp(32px, 3vw, 43px);
    font-weight: 800;
    line-height: 1.2;
}

.dlf55FMV__panelTitle {
    display: block;
    margin-top: 8px;
    color: #f0c56b;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.dlf55FMV__panel > p {
    margin: 16px 0 0;
    color: #e0e9f5;
    font-size: 16px;
    line-height: 1.8;
}

.dlf55FMV__divider {
    height: 1px;
    margin: 24px 0;
    background: rgba(255, 255, 255, 0.20);
}

.dlf55FMV__panel .dlf55FMV__panelFoot {
    margin-top: 0;
    font-size: 15px;
}

.dlf55FMV__panelFoot strong {
    color: #f0c56b;
}


/* =========================================================
   SECTION 4: CAPITAL GAINS EXAMPLE
   ========================================================= */
.dlf55Example {
    padding: 76px 24px;
    color: #26374d;
    background: #ffffff;
    font-family: inherit;
}

.dlf55Example__wrap {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.dlf55Example__heading {
    max-width: 850px;
    margin: 0 auto 34px;
    text-align: center;
}

.dlf55Example h2 {
    color: #092f62;
}

.dlf55Example__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.dlf55Example__fact {
    padding: 23px 20px;
    border: 1px solid #e0e7ef;
    border-radius: 7px;
    background: #f8fafc;
    text-align: center;
}

.dlf55Example__fact span,
.dlf55Example__fact small {
    display: block;
    color: #536174;
    font-size: 15px;
    line-height: 1.7;
}

.dlf55Example__fact strong {
    display: block;
    margin: 8px 0;
    color: #092f62;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.35;
}

.dlf55Example__comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.dlf55Example__method {
    padding: 30px;
    border: 1px solid #dce4ee;
    border-radius: 8px;
    background: #f8fafc;
}

.dlf55Example__method--featured {
    border: 2px solid #b97800;
    background: #fffaf0;
}

.dlf55Example__methodTag {
    display: inline-block;
    margin-bottom: 14px;
    color: #9b6400;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.dlf55Example__method h3 {
    margin: 0 0 17px;
    color: #092f62;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.dlf55Example__formula {
    margin: 0 0 20px;
    padding: 14px;
    border-radius: 5px;
    color: #092f62;
    background: #eaf0f7;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.dlf55Example__method--featured .dlf55Example__formula {
    background: #f8edcf;
}

.dlf55Example__result {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid #dce4ee;
}

.dlf55Example__result span {
    color: #536174;
    font-size: 15px;
    line-height: 1.7;
}

.dlf55Example__result strong {
    flex-shrink: 0;
    color: #092f62;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6;
    text-align: right;
}

.dlf55Example__methodNote {
    margin: 18px 0 0;
    color: #4c5b6e;
    font-size: 15px;
    line-height: 1.8;
}

.dlf55Example__caution {
    margin-top: 25px;
    padding: 20px 22px;
    border: 1px solid #e7d5a8;
    border-left: 5px solid #b97800;
    border-radius: 5px;
    color: #4d422d;
    background: #fff8e8;
    font-size: 15px;
    line-height: 1.85;
}

.dlf55Example__caution strong {
    color: #092f62;
}


/* =========================================================
   SECTION 5: DOCUMENT CHECKLIST
   ========================================================= */
.dlf55Documents {
    padding: 76px 24px;
    color: #29394d;
    background: #f4f7fb;
    font-family: inherit;
}

.dlf55Documents__wrap {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.dlf55Documents__heading {
    max-width: 850px;
    margin: 0 auto 36px;
    text-align: center;
}

.dlf55Documents h2 {
    color: #092f62;
}

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

.dlf55Documents__item {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 24px;
    border: 1px solid #e0e6ef;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.04);
}

.dlf55Documents__check {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 800;
}

.dlf55Documents__item h3 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.dlf55Documents__item p {
    margin: 0;
    color: #536174;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 6: FINAL CTA
   ========================================================= */
.dlf55CTA {
    position: relative;
    overflow: hidden;
    padding: 70px 24px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.22), transparent 38%),
        linear-gradient(120deg, #092f62, #04152d);
    font-family: inherit;
}

.dlf55CTA__wrap {
    position: relative;
    z-index: 1;
    width: min(970px, 100%);
    margin: 0 auto;
    text-align: center;
}

.dlf55CTA__eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: #f0c56b;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.dlf55CTA h2 {
    color: #ffffff;
}

.dlf55CTA h2 strong {
    color: #f0c56b;
}

.dlf55CTA__wrap > p {
    max-width: 780px;
    margin: 0 auto;
    color: #e2eaf5;
    font-size: 17px;
    line-height: 1.85;
}

.dlf55CTA__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 30px 0 23px;
}

.dlf55Btn--dark {
    color: #071b35 !important;
    background: #f0c56b;
    border-color: #f0c56b;
}

.dlf55Btn--dark:hover {
    color: #071b35 !important;
    background: #ffda8b;
}

.dlf55CTA__phone {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #ffffff !important;
    text-align: left;
    text-decoration: none !important;
}

.dlf55CTA__phone:hover {
    color: #f0c56b !important;
}

.dlf55CTA__phoneLabel {
    color: #dce6f3;
    font-size: 15px;
    line-height: 1.5;
}

.dlf55CTA__phone strong {
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
}

.dlf55CTA__wrap > small {
    display: block;
    max-width: 820px;
    margin: 0 auto;
    color: #d2ddec;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   RESPONSIVE LAYOUT
   ========================================================= */
@media (max-width: 900px) {
    .dlf55Hero {
        padding: 60px 22px 40px;
    }

    .dlf55Eligibility,
    .dlf55FMV,
    .dlf55Example,
    .dlf55Documents {
        padding: 60px 22px;
    }

    .dlf55FMV__wrap {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .dlf55FMV__panel {
        max-width: 560px;
    }

    .dlf55Eligibility__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dlf55Eligibility__card {
        padding: 25px;
    }
}

@media (max-width: 640px) {
    .dlf55Hero {
        padding: 46px 18px 34px;
    }

    .dlf55Eligibility,
    .dlf55FMV,
    .dlf55Example,
    .dlf55Documents,
    .dlf55CTA {
        padding: 48px 18px;
    }

    .dlf55Hero h1 {
        font-size: 34px;
        letter-spacing: -0.4px;
    }

    .dlf55Hero__intro,
    .dlf55FMV__content > p,
    .dlf55CTA__wrap > p {
        font-size: 16px;
    }

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

    .dlf55Btn {
        width: 100%;
    }

    .dlf55Hero__phone {
        padding: 8px 0;
        text-align: center;
    }

    .dlf55Hero__trust {
        flex-direction: column;
        gap: 8px;
    }

    .dlf55Example__facts,
    .dlf55Example__comparison,
    .dlf55Documents__grid {
        grid-template-columns: 1fr;
    }

    .dlf55Example__method {
        padding: 23px 19px;
    }

    .dlf55Example__fact strong {
        font-size: 26px;
    }

    .dlf55Example__result {
        flex-direction: column;
        gap: 5px;
    }

    .dlf55Example__result strong {
        text-align: left;
    }

    .dlf55Documents__item {
        padding: 20px 17px;
    }

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

    .dlf55CTA__phone {
        align-items: center;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dlf55Btn {
        transition: none;
    }

    .dlf55Btn:hover {
        transform: none;
    }
}