.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*/

/* =========================================================
   TWO DOMAINS · GURGAON & GURUGRAM
   Royal Navy & Gold | Responsive | Minimum font-size: 15px
   ========================================================= */

.tgdc-hero,
.tgdc-name,
.tgdc-gurgaon,
.tgdc-gurugram,
.tgdc-coverage,
.tgdc-final {
    box-sizing: border-box;
    font-family: inherit;
}

.tgdc-hero *,
.tgdc-name *,
.tgdc-gurgaon *,
.tgdc-gurugram *,
.tgdc-coverage *,
.tgdc-final * {
    box-sizing: border-box;
}

.tgdc-hero {
    --tgdc-navy: #092f62;
    --tgdc-deep: #04152d;
    --tgdc-gold: #b97800;
    --tgdc-gold-light: #f0b429;
    position: relative;
    overflow: hidden;
    padding: 88px 24px 76px;
    color: #fff;
    background:
        radial-gradient(ellipse at 88% 8%, rgba(185,120,0,.20), transparent 35%),
        linear-gradient(125deg, #04152d 0%, #092f62 58%, #0d3c73 100%);
    border-bottom: 4px solid var(--tgdc-gold);
}

.tgdc-hero::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -115px;
    bottom: -180px;
    border: 1px solid rgba(240,180,41,.34);
    border-radius: 50%;
    box-shadow:
        0 0 0 28px rgba(240,180,41,.035),
        0 0 0 58px rgba(240,180,41,.025);
    pointer-events: none;
}

.tgdc-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    margin: 0 auto;
}

.tgdc-eyebrow,
.tgdc-kicker {
    display: inline-block;
    color: #d99a16;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
    line-height: 1.6;
}

.tgdc-hero h1 {
    max-width: 970px;
    margin: 20px 0 22px;
    color: #fff;
    font-size: clamp(34px, 4.5vw, 58px);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -1.1px;
}

.tgdc-hero h1 strong {
    color: #f0b429;
    font-weight: 800;
}

.tgdc-hero-lead {
    max-width: 850px;
    margin: 0;
    color: #e7edf6;
    font-size: 18px;
    line-height: 1.85;
}

.tgdc-hero-lead strong {
    color: #fff;
    font-weight: 800;
}

.tgdc-hero-actions,
.tgdc-final-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}

.tgdc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    transition: background .22s ease, color .22s ease,
                border-color .22s ease, transform .22s ease,
                box-shadow .22s ease;
}

.tgdc-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.17);
}

.tgdc-btn-primary {
    color: #092f62 !important;
    background: #f0b429;
    border-color: #f0b429;
}

.tgdc-btn-primary:hover {
    color: #04152d !important;
    background: #ffd36a;
    border-color: #ffd36a;
}

.tgdc-btn-outline {
    color: #fff !important;
    background: transparent;
    border-color: rgba(255,255,255,.75);
}

.tgdc-btn-outline:hover {
    color: #092f62 !important;
    background: #fff;
    border-color: #fff;
}

.tgdc-hero-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 29px;
    color: #d5dfed;
    font-size: 15px;
    line-height: 1.7;
}

.tgdc-note-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: #f0b429;
    border-radius: 50%;
}


/* =========================================================
   SECTION 2 · CITY NAME & SIGNIFICANCE
   ========================================================= */

.tgdc-name {
    padding: 78px 24px;
    color: #24354b;
    background: #f8fafc;
}

.tgdc-container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.tgdc-section-heading {
    max-width: 830px;
    margin: 0 auto 37px;
    text-align: center;
}

.tgdc-name .tgdc-kicker,
.tgdc-coverage .tgdc-kicker {
    color: #986000;
}

.tgdc-section-heading h2,
.tgdc-domain-heading h2 {
    margin: 13px 0 16px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.tgdc-section-heading h2 strong,
.tgdc-domain-heading h2 strong {
    color: #986000;
    font-weight: 800;
}

.tgdc-section-heading > p,
.tgdc-domain-heading > div > p {
    margin: 0;
    color: #536276;
    font-size: 17px;
    line-height: 1.8;
}

.tgdc-name-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.tgdc-name-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 33px;
    border-radius: 9px;
    border: 1px solid #e2e8f0;
}

.tgdc-name-card-light {
    background: #fff;
    box-shadow: 0 12px 35px rgba(9,47,98,.055);
}

.tgdc-name-card-dark {
    color: #fff;
    background: linear-gradient(140deg, #092f62, #04152d);
    border-color: #092f62;
}

.tgdc-name-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 17px;
    color: #092f62;
    background: #f6e5bd;
    border-radius: 6px;
    font-size: 25px;
    font-weight: 900;
}

.tgdc-name-card h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 26px;
    line-height: 1.3;
}

.tgdc-name-card-dark h3 {
    color: #fff;
}

.tgdc-name-card p {
    margin: 0;
    color: #536276;
    font-size: 16px;
    line-height: 1.8;
}

.tgdc-name-card-dark p {
    color: #e0e8f3;
}

.tgdc-name-tag {
    display: inline-block;
    margin-top: 22px;
    padding: 8px 12px;
    color: #815300;
    background: #fff4d8;
    border: 1px solid #f1d28a;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}

.tgdc-name-card-dark .tgdc-name-tag {
    color: #fff0c4;
    background: rgba(240,180,41,.12);
    border-color: rgba(240,180,41,.4);
}

.tgdc-name-summary {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 22px 25px;
    background: #fff;
    border-left: 4px solid #b97800;
    border-radius: 5px;
    box-shadow: 0 5px 22px rgba(9,47,98,.045);
}

.tgdc-summary-icon {
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #fff;
    background: #092f62;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 800;
}

.tgdc-name-summary p {
    margin: 0;
    color: #435269;
    font-size: 16px;
    line-height: 1.8;
}

.tgdc-name-summary p strong {
    color: #092f62;
}


/* =========================================================
   SECTION 3 · ESTABLISHED GURGAON
   ========================================================= */

.tgdc-gurgaon {
    padding: 80px 24px;
    color: #24354b;
    background: #fff;
}

.tgdc-domain-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 34px;
}

.tgdc-domain-heading > div {
    max-width: 820px;
}

.tgdc-gurgaon .tgdc-kicker {
    color: #986000;
}

.tgdc-domain-badge {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 40px;
    padding: 9px 13px;
    color: #092f62;
    background: #f8edcf;
    border: 1px solid #e9cf8c;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}

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

.tgdc-domain-card {
    position: relative;
    min-width: 0;
    padding: 27px 23px 25px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid #b97800;
    border-radius: 6px;
    box-shadow: 0 7px 22px rgba(9,47,98,.045);
    transition: transform .22s ease, box-shadow .22s ease;
}

.tgdc-domain-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 13px 30px rgba(9,47,98,.10);
}

.tgdc-card-number {
    display: inline-block;
    margin-bottom: 15px;
    color: #986000;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

.tgdc-domain-card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.45;
}

.tgdc-domain-card h3 strong {
    font-weight: 800;
}

.tgdc-domain-card p {
    margin: 0;
    color: #536276;
    font-size: 16px;
    line-height: 1.8;
}

.tgdc-domain-card p strong {
    color: #092f62;
    font-weight: 800;
}

.tgdc-domain-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
    padding: 22px 24px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.tgdc-domain-footer p {
    flex: 1 1 260px;
    margin: 0;
    color: #435269;
    font-size: 16px;
    line-height: 1.7;
}

.tgdc-domain-footer .tgdc-btn {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 4 · POST-2016 GURUGRAM
   ========================================================= */

.tgdc-gurugram {
    padding: 80px 24px;
    color: #e8eef7;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185,120,0,.10), transparent 34%),
        linear-gradient(145deg, #04152d 0%, #092f62 100%);
}

.tgdc-gurugram .tgdc-kicker {
    color: #f0b429;
}

.tgdc-gurugram .tgdc-domain-heading h2 {
    color: #fff;
}

.tgdc-gurugram .tgdc-domain-heading h2 strong {
    color: #f0b429;
}

.tgdc-gurugram .tgdc-domain-heading > div > p {
    color: #d5dfed;
}

.tgdc-gurugram .tgdc-domain-badge {
    color: #fff0c4;
    background: rgba(240,180,41,.10);
    border-color: rgba(240,180,41,.4);
}

.tgdc-gurugram .tgdc-domain-card {
    background: rgba(255,255,255,.97);
    border-color: rgba(240,180,41,.4);
    border-top: 3px solid #f0b429;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.tgdc-gurugram .tgdc-domain-card:hover {
    box-shadow: 0 15px 32px rgba(0,0,0,.22);
}

.tgdc-gurugram .tgdc-card-number {
    color: #986000;
}

.tgdc-gurugram .tgdc-domain-card h3 {
    color: #092f62;
}

.tgdc-gurugram .tgdc-domain-card p {
    color: #536276;
}

.tgdc-gurugram .tgdc-domain-card p strong {
    color: #092f62;
}

.tgdc-gurugram .tgdc-domain-footer {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.16);
}

.tgdc-gurugram .tgdc-domain-footer p {
    color: #e1eaf6;
}

.tgdc-btn-outline-dark {
    color: #fff !important;
    background: transparent;
    border-color: rgba(255,255,255,.75);
}

.tgdc-btn-outline-dark:hover {
    color: #092f62 !important;
    background: #fff;
    border-color: #fff;
}


/* =========================================================
   SECTION 5 · COMPARISON TABLE
   ========================================================= */

.tgdc-coverage {
    padding: 80px 24px;
    color: #24354b;
    background: #f8fafc;
}

.tgdc-coverage-table-wrap {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(9,47,98,.06);
}

.tgdc-coverage-table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}

.tgdc-coverage-table th,
.tgdc-coverage-table td {
    padding: 19px 21px;
    border-bottom: 1px solid #e5eaf1;
    font-size: 16px;
    line-height: 1.7;
    vertical-align: top;
}

.tgdc-coverage-table thead th {
    color: #fff;
    background: #092f62;
    font-weight: 800;
}

.tgdc-coverage-table thead th:first-child {
    border-top-left-radius: 7px;
}

.tgdc-coverage-table thead th:last-child {
    border-top-right-radius: 7px;
}

.tgdc-coverage-table tbody th {
    width: 23%;
    color: #092f62;
    background: #f0f4f9;
    font-weight: 800;
}

.tgdc-coverage-table tbody td {
    color: #435269;
}

.tgdc-coverage-table tbody tr:last-child th,
.tgdc-coverage-table tbody tr:last-child td {
    border-bottom: 0;
}

.tgdc-coverage-table tbody tr:hover td {
    background: #fffaf0;
}

.tgdc-coverage-note {
    margin-top: 20px;
    padding: 20px 23px;
    color: #435269;
    background: #fff;
    border-left: 4px solid #b97800;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 6 · FINAL CTA
   ========================================================= */

.tgdc-final {
    position: relative;
    overflow: hidden;
    padding: 75px 24px;
    color: #fff;
    text-align: center;
    background:
        radial-gradient(ellipse at 0% 100%, rgba(240,180,41,.14), transparent 38%),
        linear-gradient(125deg, #092f62, #04152d);
    border-top: 4px solid #b97800;
}

.tgdc-final::after {
    content: "";
    position: absolute;
    top: -115px;
    right: -95px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(240,180,41,.25);
    border-radius: 50%;
    box-shadow:
        0 0 0 24px rgba(240,180,41,.035),
        0 0 0 48px rgba(240,180,41,.025);
    pointer-events: none;
}

.tgdc-final-inner {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 auto;
}

.tgdc-final .tgdc-kicker {
    color: #f0b429;
}

.tgdc-final h2 {
    margin: 17px 0;
    color: #fff;
    font-size: clamp(29px, 3.5vw, 43px);
    font-weight: 600;
    line-height: 1.25;
}

.tgdc-final h2 strong {
    color: #f0b429;
    font-weight: 800;
}

.tgdc-final-inner > p:not(.tgdc-final-contact) {
    max-width: 760px;
    margin: 0 auto;
    color: #e0e8f3;
    font-size: 17px;
    line-height: 1.85;
}

.tgdc-final-actions {
    justify-content: center;
}

.tgdc-btn-gold {
    color: #092f62 !important;
    background: #f0b429;
    border-color: #f0b429;
}

.tgdc-btn-gold:hover {
    color: #04152d !important;
    background: #ffd36a;
    border-color: #ffd36a;
}

.tgdc-btn-light-outline {
    color: #fff !important;
    background: transparent;
    border-color: rgba(255,255,255,.75);
}

.tgdc-btn-light-outline:hover {
    color: #092f62 !important;
    background: #fff;
    border-color: #fff;
}

.tgdc-final-contact {
    margin: 28px 0 0;
    padding-top: 20px;
    color: #cbd8e9;
    border-top: 1px solid rgba(255,255,255,.17);
    font-size: 15px;
    line-height: 1.7;
}


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

@media (max-width: 900px) {
    .tgdc-hero {
        padding: 70px 22px 62px;
    }

    .tgdc-name,
    .tgdc-gurgaon,
    .tgdc-gurugram,
    .tgdc-coverage {
        padding: 65px 22px;
    }

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

    .tgdc-domain-heading {
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .tgdc-hero {
        padding: 57px 19px 50px;
    }

    .tgdc-hero h1 {
        font-size: 35px;
        letter-spacing: -.5px;
    }

    .tgdc-hero-lead {
        font-size: 16px;
        line-height: 1.8;
    }

    .tgdc-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .tgdc-hero-actions .tgdc-btn {
        width: 100%;
    }

    .tgdc-hero-note {
        align-items: flex-start;
        gap: 8px;
    }

    .tgdc-name,
    .tgdc-gurgaon,
    .tgdc-gurugram,
    .tgdc-coverage {
        padding: 53px 18px;
    }

    .tgdc-section-heading {
        margin-bottom: 28px;
    }

    .tgdc-section-heading h2,
    .tgdc-domain-heading h2 {
        font-size: 29px;
    }

    .tgdc-section-heading > p,
    .tgdc-domain-heading > div > p {
        font-size: 16px;
    }

    .tgdc-name-grid,
    .tgdc-domain-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .tgdc-name-card {
        padding: 25px 22px;
    }

    .tgdc-name-card h3 {
        font-size: 24px;
    }

    .tgdc-name-summary {
        padding: 18px;
    }

    .tgdc-domain-heading {
        flex-direction: column;
        gap: 17px;
    }

    .tgdc-domain-card {
        padding: 24px 21px;
    }

    .tgdc-domain-card h3 {
        font-size: 19px;
    }

    .tgdc-domain-footer {
        align-items: stretch;
        flex-direction: column;
        padding: 19px;
    }

    .tgdc-domain-footer .tgdc-btn {
        width: 100%;
    }

    .tgdc-coverage-table th,
    .tgdc-coverage-table td {
        padding: 15px;
        font-size: 15px;
    }

    .tgdc-final {
        padding: 58px 19px;
    }

    .tgdc-final h2 {
        font-size: 30px;
    }

    .tgdc-final-inner > p:not(.tgdc-final-contact) {
        font-size: 16px;
    }

    .tgdc-final-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .tgdc-final-actions .tgdc-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tgdc-btn,
    .tgdc-domain-card {
        transition: none;
    }

    .tgdc-btn:hover,
    .tgdc-domain-card:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: ROYAL NAVY & GOLD HERO
========================================================= */
.gpdHero {
    --gpd-navy: #092f62;
    --gpd-deep: #04152d;
    --gpd-gold: #b97800;
    --gpd-gold-light: #f0b429;
    position: relative;
    overflow: hidden;
    padding: 76px 24px 42px;
    color: #fff;
    background:
        radial-gradient(ellipse at 90% 5%, rgba(185,120,0,.22), transparent 36%),
        linear-gradient(125deg, #04152d 0%, #092f62 60%, #0d3767 100%);
    font-family: inherit;
}
.gpdHero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 7%;
    width: 1px;
    height: 100%;
    background: linear-gradient(transparent, rgba(240,180,41,.45), transparent);
    transform: skewX(-18deg);
}
.gpdHeroInner {
    position: relative;
    z-index: 1;
    max-width: 1160px;
    margin: 0 auto;
}
.gpdEyebrow {
    display: inline-block;
    margin-bottom: 18px;
    padding: 9px 14px;
    border: 1px solid rgba(240,180,41,.55);
    border-radius: 3px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}
.gpdHero h1 {
    max-width: 950px;
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(34px, 4.5vw, 58px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -.8px;
}
.gpdHero h1 strong {
    color: #f0b429;
    font-weight: 800;
}
.gpdHeroInner > p {
    max-width: 850px;
    margin: 0;
    color: #e1eaf6;
    font-size: 18px;
    line-height: 1.85;
}
.gpdHeroInner > p strong {
    color: #fff;
    font-weight: 800;
}
.gpdHeroActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}
.gpdBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.gpdBtn:hover {
    transform: translateY(-2px);
}
.gpdBtnGold {
    color: #071b35 !important;
    background: #f0b429;
    box-shadow: 0 8px 22px rgba(0,0,0,.2);
}
.gpdBtnGold:hover {
    color: #071b35 !important;
    background: #ffd166;
    box-shadow: 0 10px 26px rgba(0,0,0,.25);
}
.gpdBtnOutline {
    color: #fff !important;
    border-color: rgba(255,255,255,.55);
    background: rgba(255,255,255,.04);
}
.gpdBtnOutline:hover {
    color: #fff !important;
    background: rgba(255,255,255,.12);
}
.gpdHeroFoot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 38px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.18);
}
.gpdHeroFoot span {
    color: #e5edf8;
    font-size: 15px;
    font-weight: 600;
}
.gpdHeroFoot span::before {
    content: "◆";
    margin-right: 9px;
    color: #f0b429;
    font-size: 12px;
}


/* =========================================================
   SECTION 2: M3M INDIA
========================================================= */
.gpdM3M {
    padding: 76px 24px;
    color: #1c2d43;
    background: #f5f7fb;
    font-family: inherit;
}
.gpdM3MInner {
    max-width: 1160px;
    margin: 0 auto;
}
.gpdM3MHeading {
    max-width: 900px;
    margin-bottom: 34px;
}
.gpdM3MLabel {
    display: inline-block;
    margin-bottom: 14px;
    color: #9a6200;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}
.gpdM3MHeading h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 500;
    line-height: 1.25;
}
.gpdM3MHeading h2 strong {
    color: #092f62;
    font-weight: 900;
    text-decoration: underline;
    text-decoration-color: #d99a16;
    text-decoration-thickness: 4px;
    text-underline-offset: 7px;
}
.gpdM3MHeading > p {
    margin: 0;
    color: #47576b;
    font-size: 17px;
    line-height: 1.85;
}
.gpdM3MHeading > p strong {
    color: #092f62;
    font-weight: 800;
}
.gpdM3MProjectGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.gpdM3MProject {
    position: relative;
    min-width: 0;
    padding: 25px 23px 22px;
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-top: 4px solid #b97800;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(9,47,98,.045);
    transition: transform .22s ease, box-shadow .22s ease;
}
.gpdM3MProject:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(9,47,98,.11);
}
.gpdM3MNumber {
    display: block;
    margin-bottom: 16px;
    color: #b97800;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}
.gpdM3MProject h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;
}
.gpdM3MProject p {
    margin: 0 0 18px;
    color: #526176;
    font-size: 15px;
    line-height: 1.7;
}
.gpdM3MProject p strong {
    color: #092f62;
    font-weight: 800;
}
.gpdM3MTag {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 3px;
    color: #092f62;
    background: #edf2f9;
    font-size: 15px;
    font-weight: 700;
}
.gpdM3MProjectWide {
    grid-column: auto;
}
.gpdM3MInsight {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 20px;
    margin-top: 32px;
    padding: 28px;
    border: 1px solid #e8d7ad;
    border-left: 5px solid #b97800;
    border-radius: 4px;
    background: #fffaf0;
}
.gpdM3MInsightMark {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #092f62;
    font-size: 22px;
    font-weight: 900;
}
.gpdM3MInsight h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 23px;
    line-height: 1.35;
}
.gpdM3MInsight p {
    margin: 0;
    color: #48566a;
    font-size: 16px;
    line-height: 1.85;
}
.gpdM3MInsight p strong {
    color: #092f62;
    font-weight: 800;
}
.gpdM3MComparison {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, .8fr);
    gap: 26px;
    align-items: stretch;
    margin-top: 24px;
    padding: 30px;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(125deg, #061d3d, #092f62);
}
.gpdM3MComparison .gpdM3MLabel {
    color: #f0b429;
}
.gpdM3MComparisonText h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 27px;
    line-height: 1.35;
}
.gpdM3MComparisonText h3 strong {
    color: #f0b429;
}
.gpdM3MComparisonText p {
    margin: 0;
    color: #e0e9f5;
    font-size: 16px;
    line-height: 1.85;
}
.gpdM3MComparisonSide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border: 1px solid rgba(240,180,41,.45);
    border-radius: 4px;
    background: rgba(255,255,255,.045);
}
.gpdM3MComparisonSide > span {
    margin-bottom: 12px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}
.gpdM3MComparisonSide > strong {
    color: #fff;
    font-size: 23px;
    line-height: 1.4;
}
.gpdM3MComparisonSide p {
    margin: 12px 0 0;
    color: #e0e9f5;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 3: GODREJ PROPERTIES
========================================================= */
.gpdGodrej {
    padding: 78px 24px;
    color: #23344b;
    background: #fff;
    font-family: inherit;
}
.gpdGodrejInner {
    max-width: 1160px;
    margin: 0 auto;
}
.gpdGodrejIntro {
    max-width: 880px;
    margin-bottom: 36px;
}
.gpdGodrejLabel {
    display: inline-block;
    margin-bottom: 14px;
    color: #a36a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}
.gpdGodrejIntro h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 500;
    line-height: 1.25;
}
.gpdGodrejIntro h2 strong {
    font-weight: 900;
}
.gpdGodrejIntro > p {
    margin: 0;
    color: #4c5c70;
    font-size: 17px;
    line-height: 1.85;
}
.gpdGodrejIntro > p strong {
    color: #092f62;
    font-weight: 800;
}
.gpdGodrejBody {
    display: grid;
    grid-template-columns: minmax(270px, .82fr) minmax(0, 1.35fr);
    gap: 28px;
    align-items: stretch;
}
.gpdGodrejProjects {
    padding: 28px;
    border: 1px solid #e0e7f0;
    border-radius: 5px;
    background: #f5f7fb;
}
.gpdGodrejProjects > h3 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: 23px;
    line-height: 1.35;
}
.gpdGodrejProject {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    padding: 19px 0;
    border-top: 1px solid #dce4ef;
}
.gpdGodrejProjectIndex {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #092f62;
    background: #f4dfad;
    font-size: 15px;
    font-weight: 900;
}
.gpdGodrejProject strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 18px;
    line-height: 1.4;
}
.gpdGodrejProject p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.65;
}
.gpdGodrejAnalysis {
    padding: 32px;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(145deg, #092f62, #061d3d);
}
.gpdGodrejAnalysisTag {
    display: inline-block;
    margin-bottom: 17px;
    padding: 8px 11px;
    border: 1px solid rgba(240,180,41,.5);
    border-radius: 3px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}
.gpdGodrejAnalysis h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 27px;
    line-height: 1.35;
}
.gpdGodrejAnalysis > p {
    margin: 0;
    color: #e2eaf5;
    font-size: 16px;
    line-height: 1.85;
}
.gpdGodrejAnalysis > p strong {
    color: #f0b429;
    font-weight: 800;
}
.gpdGodrejEvidence {
    margin-top: 24px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 4px;
    background: rgba(255,255,255,.045);
}
.gpdGodrejEvidence > strong {
    display: block;
    margin-bottom: 13px;
    color: #f0b429;
    font-size: 17px;
}
.gpdGodrejEvidence ul {
    margin: 0;
    padding-left: 22px;
}
.gpdGodrejEvidence li {
    margin: 9px 0;
    padding-left: 4px;
    color: #e2eaf5;
    font-size: 15px;
    line-height: 1.7;
}
.gpdGodrejEvidence li strong {
    color: #fff;
    font-weight: 800;
}
.gpdGodrejNote {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 15px;
    align-items: start;
    margin-top: 24px;
    padding: 22px;
    border: 1px solid #e7d8b7;
    border-radius: 4px;
    background: #fffaf0;
}
.gpdGodrejNoteIcon {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #b97800;
    font-size: 17px;
    font-weight: 900;
}
.gpdGodrejNote p {
    margin: 0;
    color: #46566b;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 4: SOBHA LIMITED
========================================================= */
.gpdSobha {
    padding: 78px 24px;
    color: #24364b;
    background: #f5f7fb;
    font-family: inherit;
}
.gpdSobhaInner {
    max-width: 1160px;
    margin: 0 auto;
}
.gpdSobhaTop {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    gap: 35px;
    align-items: end;
    margin-bottom: 34px;
}
.gpdSobhaLabel {
    display: inline-block;
    margin-bottom: 13px;
    color: #9b6400;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}
.gpdSobhaTop h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 500;
    line-height: 1.25;
}
.gpdSobhaTop h2 strong {
    font-weight: 900;
}
.gpdSobhaTop > p {
    margin: 0;
    color: #4b5c70;
    font-size: 16px;
    line-height: 1.85;
}
.gpdSobhaProjectGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.gpdSobhaProject {
    padding: 29px;
    border: 1px solid #dfe6ef;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(9,47,98,.045);
}
.gpdSobhaProjectTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 23px;
}
.gpdSobhaProjectTop > span:first-child {
    color: #a16a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}
.gpdSobhaPin {
    display: inline-flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #092f62;
    font-size: 15px;
    font-weight: 900;
}
.gpdSobhaProject h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.35;
}
.gpdSobhaProject > p {
    margin: 0;
    color: #4d5d71;
    font-size: 16px;
    line-height: 1.75;
}
.gpdSobhaProject > p strong {
    color: #092f62;
    font-weight: 800;
}
.gpdSobhaRule {
    width: 58px;
    height: 4px;
    margin: 21px 0;
    border-radius: 3px;
    background: #d99a16;
}
.gpdSobhaProject .gpdSobhaProjectDesc {
    font-size: 15px;
    line-height: 1.8;
}
.gpdSobhaPremium {
    margin-top: 26px;
    padding: 32px;
    border: 1px solid #e6d4aa;
    border-radius: 5px;
    background: #fffaf0;
}
.gpdSobhaPremiumHeading {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-bottom: 20px;
}
.gpdSobhaPremiumIcon {
    display: flex;
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #f0b429;
    background: #092f62;
    font-size: 26px;
    font-weight: 900;
}
.gpdSobhaPremiumHeading .gpdSobhaLabel {
    margin-bottom: 6px;
}
.gpdSobhaPremiumHeading h3 {
    margin: 0;
    color: #092f62;
    font-size: 26px;
    line-height: 1.35;
}
.gpdSobhaPremium > p {
    margin: 0;
    color: #46566b;
    font-size: 16px;
    line-height: 1.85;
}
.gpdSobhaPremium > p strong {
    color: #092f62;
    font-weight: 900;
}
.gpdSobhaEvidenceGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
    margin-top: 25px;
}
.gpdSobhaEvidenceGrid > div {
    padding: 20px;
    border: 1px solid #e5d8bc;
    border-radius: 4px;
    background: #fff;
}
.gpdSobhaEvidenceNum {
    display: block;
    margin-bottom: 12px;
    color: #b97800;
    font-size: 15px;
    font-weight: 900;
}
.gpdSobhaEvidenceGrid strong {
    display: block;
    margin-bottom: 8px;
    color: #092f62;
    font-size: 17px;
    line-height: 1.5;
}
.gpdSobhaEvidenceGrid p {
    margin: 0;
    color: #536176;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 5: HERO HOMES, EMAAR & SIGNATURE GLOBAL
========================================================= */
.gpdOtherDevelopers {
    padding: 78px 24px;
    color: #26364b;
    background: #fff;
    font-family: inherit;
}
.gpdOtherDevelopersInner {
    max-width: 1160px;
    margin: 0 auto;
}
.gpdOtherDevelopersHeading {
    max-width: 900px;
    margin-bottom: 35px;
}
.gpdOtherDevelopersLabel {
    display: inline-block;
    margin-bottom: 14px;
    color: #9c6500;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}
.gpdOtherDevelopersHeading h2 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 42px);
    font-weight: 500;
    line-height: 1.25;
}
.gpdOtherDevelopersHeading h2 strong {
    font-weight: 900;
}
.gpdOtherDevelopersHeading > p {
    margin: 0;
    color: #4d5c70;
    font-size: 17px;
    line-height: 1.85;
}
.gpdOtherDevelopersGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}
.gpdOtherDeveloperCard {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 25px;
    border: 1px solid #dfe6ef;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(9,47,98,.055);
    transition: transform .22s ease, box-shadow .22s ease;
}
.gpdOtherDeveloperCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 32px rgba(9,47,98,.12);
}
.gpdOtherDeveloperHeader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 23px;
}
.gpdOtherDeveloperCode {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #f0b429;
    background: #092f62;
    font-size: 19px;
    font-weight: 900;
}
.gpdOtherDeveloperCategory {
    color: #946000;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}
.gpdOtherDeveloperCard h3 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.35;
}
.gpdOtherDeveloperLocation {
    margin: 0;
    color: #647286;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}
.gpdOtherDeveloperDivider {
    width: 56px;
    height: 4px;
    margin: 20px 0;
    border-radius: 3px;
    background: #d99a16;
}
.gpdOtherDeveloperCard > p:not(.gpdOtherDeveloperLocation) {
    margin: 0 0 22px;
    color: #48596e;
    font-size: 15px;
    line-height: 1.85;
}
.gpdOtherDeveloperCard > p strong {
    color: #092f62;
    font-weight: 800;
}
.gpdOtherDeveloperEvidence {
    margin-top: auto;
    padding: 18px;
    border-left: 3px solid #b97800;
    border-radius: 2px;
    background: #f4f7fb;
}
.gpdOtherDeveloperEvidence strong {
    display: block;
    margin-bottom: 8px;
    color: #092f62;
    font-size: 16px;
    font-weight: 900;
}
.gpdOtherDeveloperEvidence span {
    display: block;
    color: #526176;
    font-size: 15px;
    line-height: 1.7;
}
.gpdOtherDevelopersFooter {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
    gap: 28px;
    align-items: center;
    margin-top: 32px;
    padding: 34px;
    border-radius: 5px;
    color: #fff;
    background:
        radial-gradient(ellipse at 95% 0%, rgba(240,180,41,.15), transparent 45%),
        linear-gradient(120deg, #04152d, #092f62);
}
.gpdOtherDevelopersFooterLabel {
    display: inline-block;
    margin-bottom: 12px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}
.gpdOtherDevelopersFooter h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 27px;
    line-height: 1.35;
}
.gpdOtherDevelopersFooter p {
    margin: 0;
    color: #e1eaf5;
    font-size: 16px;
    line-height: 1.8;
}
.gpdOtherDevelopersFooterActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 13px;
}
.gpdOtherDevelopersBtn {
    display: flex;
    min-height: 55px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 20px;
    border: 2px solid #f0b429;
    border-radius: 4px;
    color: #071b35 !important;
    background: #f0b429;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}
.gpdOtherDevelopersBtn:hover {
    transform: translateY(-2px);
    color: #071b35 !important;
    background: #ffd166;
}
.gpdOtherDevelopersPhone {
    display: flex;
    min-height: 49px;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 4px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
}
.gpdOtherDevelopersPhone:hover {
    color: #f0b429 !important;
    border-color: #f0b429;
}


/* =========================================================
   RESPONSIVE LAYOUT
========================================================= */
@media (max-width: 900px) {
    .gpdM3MProjectGrid,
    .gpdOtherDevelopersGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .gpdSobhaTop {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
    }

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

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

    .gpdOtherDevelopersFooterActions {
        max-width: 380px;
    }
}

@media (max-width: 600px) {
    .gpdHero,
    .gpdM3M,
    .gpdGodrej,
    .gpdSobha,
    .gpdOtherDevelopers {
        padding: 52px 18px;
    }

    .gpdHero h1 {
        font-size: 35px;
        letter-spacing: -.4px;
    }

    .gpdHeroInner > p,
    .gpdM3MHeading > p,
    .gpdGodrejIntro > p,
    .gpdSobhaTop > p,
    .gpdOtherDevelopersHeading > p {
        font-size: 16px;
    }

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

    .gpdBtn {
        width: 100%;
    }

    .gpdHeroFoot {
        flex-direction: column;
        gap: 12px;
    }

    .gpdM3MProjectGrid,
    .gpdSobhaProjectGrid,
    .gpdSobhaEvidenceGrid,
    .gpdOtherDevelopersGrid {
        grid-template-columns: 1fr;
    }

    .gpdM3MInsight {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .gpdM3MComparison,
    .gpdGodrejAnalysis,
    .gpdGodrejProjects,
    .gpdSobhaPremium,
    .gpdOtherDevelopersFooter {
        padding: 23px;
    }

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

    .gpdSobhaPremiumHeading h3,
    .gpdM3MComparisonText h3,
    .gpdGodrejAnalysis h3 {
        font-size: 23px;
    }

    .gpdOtherDevelopersFooterActions {
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gpdBtn,
    .gpdM3MProject,
    .gpdOtherDeveloperCard,
    .gpdOtherDevelopersBtn {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: SOUTHERN GURUGRAM HERO
   Royal navy and gold | Image-free hero
========================================================= */

.sgsp-hero {
    --sgsp-navy: #092f62;
    --sgsp-deep: #04152d;
    --sgsp-gold: #b97800;
    --sgsp-bright-gold: #f0b429;
    position: relative;
    overflow: hidden;
    padding: 76px 24px 28px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 5%, rgba(185, 120, 0, 0.17), transparent 34%),
        linear-gradient(125deg, #04152d 0%, #092f62 60%, #103b70 100%);
    font-family: inherit;
}

.sgsp-hero::before {
    content: "";
    position: absolute;
    top: -105px;
    right: -75px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(240, 180, 41, 0.22);
    border-radius: 50%;
    pointer-events: none;
}

.sgsp-hero::after {
    content: "";
    position: absolute;
    top: -45px;
    right: -15px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(240, 180, 41, 0.14);
    border-radius: 50%;
    pointer-events: none;
}

.sgsp-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.sgsp-eyebrow,
.sgsp-section-index {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.sgsp-eyebrow-line {
    display: inline-block;
    width: 34px;
    height: 2px;
    background: #f0b429;
}

.sgsp-hero h1 {
    max-width: 900px;
    margin: 22px 0 20px;
    color: #ffffff;
    font-size: clamp(36px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.5px;
}

.sgsp-hero h1 span {
    display: block;
    color: #f0b429;
}

.sgsp-hero-description {
    max-width: 850px;
    margin: 0;
    color: #e1e9f4;
    font-size: 17px;
    line-height: 1.9;
}

.sgsp-hero-description strong {
    color: #ffffff;
    font-weight: 800;
}

.sgsp-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 27px;
}

.sgsp-hero-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 4px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.sgsp-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 32px;
}

.sgsp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 54px;
    padding: 15px 24px;
    border: 1px solid #f0b429;
    border-radius: 5px;
    color: #04152d !important;
    background: linear-gradient(135deg, #f5c85d, #e4a21b);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sgsp-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.27);
}

.sgsp-btn span {
    font-size: 20px;
}

.sgsp-phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.sgsp-phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(240, 180, 41, 0.6);
    border-radius: 50%;
    color: #f0b429;
    font-size: 21px;
}

.sgsp-phone small,
.sgsp-phone strong {
    display: block;
    line-height: 1.7;
}

.sgsp-phone small {
    color: #d9e4f2;
    font-size: 15px;
}

.sgsp-phone strong {
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
}

.sgsp-hero-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 54px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #d3dfed;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.8px;
}


/* =========================================================
   SECTION 2: SOUTHERN PERIPHERAL ROAD
========================================================= */

.sgsp-spr {
    --sgsp-spr-navy: #092f62;
    --sgsp-spr-deep: #061d3d;
    --sgsp-spr-gold: #b97800;
    --sgsp-spr-light-gold: #f0b429;
    padding: 82px 24px;
    background: #f6f8fc;
    color: #24364b;
    font-family: inherit;
}

.sgsp-spr-inner {
    max-width: 1180px;
    margin: 0 auto;
}

.sgsp-spr-heading {
    max-width: 880px;
    margin-bottom: 42px;
}

.sgsp-spr .sgsp-section-index {
    margin-bottom: 16px;
    color: #986000;
}

.sgsp-spr .sgsp-section-index span {
    color: #b97800;
}

.sgsp-spr-heading h2,
.sgsp-gce-heading h2,
.sgsp-sohna-heading h2 {
    margin: 0 0 19px;
    color: #092f62;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.sgsp-spr-heading h2 strong,
.sgsp-gce-heading h2 strong,
.sgsp-sohna-heading h2 strong {
    color: #b97800;
    font-weight: 800;
}

.sgsp-spr-intro {
    max-width: 790px;
    margin: 0;
    color: #53657b;
    font-size: 17px;
    line-height: 1.85;
}

.sgsp-spr-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(285px, 0.8fr);
    align-items: start;
    gap: 36px;
}

.sgsp-spr-main > p {
    margin: 0 0 21px;
    color: #34465a;
    font-size: 16px;
    line-height: 1.95;
}

.sgsp-spr-main > p strong {
    color: #092f62;
    font-weight: 800;
}

.sgsp-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin: 28px 0 38px;
}

.sgsp-project-card {
    position: relative;
    min-height: 156px;
    padding: 22px 20px;
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-top: 3px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.045);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sgsp-project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(9, 47, 98, 0.1);
}

.sgsp-project-number {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #d7dfea;
    font-size: 24px;
    font-weight: 800;
}

.sgsp-project-card h3 {
    position: relative;
    margin: 9px 0 8px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.sgsp-project-card p {
    margin: 0 0 7px;
    color: #34465a;
    font-size: 15px;
    line-height: 1.65;
}

.sgsp-project-card p strong {
    color: #986000;
}

.sgsp-project-note {
    display: block;
    color: #64748b;
    font-size: 15px;
    line-height: 1.65;
}

.sgsp-project-wide {
    grid-column: 1 / -1;
    min-height: auto;
}

.sgsp-subheading {
    margin: 0 0 14px;
    padding-left: 15px;
    border-left: 4px solid #b97800;
    color: #092f62;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.45;
}

.sgsp-spr-aside {
    overflow: hidden;
    border: 1px solid #dbe3ef;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(9, 47, 98, 0.08);
}

.sgsp-aside-top {
    padding: 29px 25px 27px;
    color: #ffffff;
    background: linear-gradient(145deg, #061d3d, #092f62);
}

.sgsp-aside-label {
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.sgsp-aside-emblem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 23px 0 19px;
    border: 1px solid rgba(240, 180, 41, 0.7);
    border-radius: 50%;
    color: #f0b429;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sgsp-aside-top h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.45;
}

.sgsp-aside-top p,
.sgsp-aside-detail p {
    margin: 0;
    font-size: 15px;
    line-height: 1.85;
}

.sgsp-aside-top p {
    color: #e1e9f4;
}

.sgsp-aside-detail {
    padding: 22px 25px;
    border-bottom: 1px solid #e7ebf2;
}

.sgsp-gold-rule {
    display: block;
    width: 34px;
    height: 3px;
    margin-bottom: 12px;
    background: #b97800;
}

.sgsp-aside-detail h4 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
}

.sgsp-aside-detail p {
    color: #53657b;
}

.sgsp-aside-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 20px;
    padding: 15px 17px;
    border-radius: 4px;
    color: #ffffff !important;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.sgsp-aside-cta:hover {
    background: #b97800;
}

.sgsp-aside-cta span {
    font-size: 21px;
}

.sgsp-spr-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 35px;
    padding: 23px 26px;
    border: 1px solid #e2e8f0;
    border-left: 5px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
}

.sgsp-bottom-label {
    display: block;
    margin-bottom: 7px;
    color: #986000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
    line-height: 1.6;
}

.sgsp-spr-bottom strong {
    display: block;
    color: #092f62;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.7;
}

.sgsp-spr-bottom > a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #092f62;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.7;
    text-decoration: none;
}

.sgsp-spr-bottom > a:hover {
    color: #986000;
}


/* =========================================================
   SECTION 3: GOLF COURSE EXTENSION ROAD
========================================================= */

.sgsp-gce {
    --sgsp-gce-navy: #092f62;
    --sgsp-gce-deep: #04152d;
    --sgsp-gce-gold: #b97800;
    padding: 82px 24px;
    color: #25364b;
    background: #ffffff;
    font-family: inherit;
}

.sgsp-gce-inner {
    max-width: 1180px;
    margin: 0 auto;
}

.sgsp-gce-heading {
    max-width: 900px;
    margin-bottom: 40px;
}

.sgsp-gce .sgsp-section-index {
    margin-bottom: 16px;
    color: #986000;
}

.sgsp-gce-heading > p {
    max-width: 780px;
    margin: 0;
    color: #53657b;
    font-size: 17px;
    line-height: 1.85;
}

.sgsp-gce-content {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.8fr);
    align-items: start;
    gap: 45px;
}

.sgsp-gce-copy > p {
    margin: 0 0 22px;
    color: #34465a;
    font-size: 16px;
    line-height: 1.95;
}

.sgsp-gce-copy > p strong {
    color: #092f62;
    font-weight: 800;
}

.sgsp-gce-projects {
    margin: 28px 0;
    border-top: 1px solid #e1e7f0;
}

.sgsp-gce-project {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 22px 0;
    border-bottom: 1px solid #e1e7f0;
}

.sgsp-gce-project-mark {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d8b66c;
    border-radius: 4px;
    color: #986000;
    background: #fffaf0;
    font-size: 17px;
    font-weight: 800;
}

.sgsp-gce-project h3 {
    margin: 0 0 7px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.sgsp-gce-project p {
    margin: 0;
    color: #53657b;
    font-size: 15px;
    line-height: 1.8;
}

.sgsp-gce-copy > .sgsp-gce-note {
    padding: 18px 20px;
    border-left: 4px solid #b97800;
    border-radius: 3px;
    color: #4b5d73;
    background: #f7f8fb;
    font-size: 15px;
    line-height: 1.85;
}

.sgsp-gce-note strong {
    color: #092f62;
}

.sgsp-gce-panel {
    position: relative;
    padding: 32px 28px;
    overflow: hidden;
    border-radius: 6px;
    color: #ffffff;
    background:
        radial-gradient(circle at 100% 0%, rgba(240, 180, 41, 0.16), transparent 35%),
        linear-gradient(145deg, #061d3d, #092f62);
    box-shadow: 0 18px 40px rgba(9, 47, 98, 0.13);
}

.sgsp-gce-panel-kicker {
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.6;
}

.sgsp-gce-panel-number {
    margin: 23px 0 15px;
    color: #f0b429;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
}

.sgsp-gce-panel-number span {
    padding: 0 7px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 25px;
}

.sgsp-gce-panel h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.sgsp-gce-panel > p {
    margin: 0;
    color: #e0e8f3;
    font-size: 15px;
    line-height: 1.9;
}

.sgsp-gce-checklist {
    display: grid;
    gap: 13px;
    margin: 25px 0 27px;
    padding: 21px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sgsp-gce-checklist div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.7;
}

.sgsp-gce-checklist div span {
    color: #f0b429;
    font-size: 19px;
    font-weight: 800;
}

.sgsp-btn-light {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.sgsp-gce-phone {
    display: block;
    margin-top: 17px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.7;
    text-align: center;
    text-decoration: none !important;
}

.sgsp-gce-phone:hover {
    color: #f0b429 !important;
}


/* =========================================================
   SECTION 4: SOHNA ROAD & SOHNA DEVELOPMENT AREA
========================================================= */

.sgsp-sohna {
    --sgsp-sohna-navy: #092f62;
    --sgsp-sohna-deep: #061d3d;
    --sgsp-sohna-gold: #b97800;
    padding: 82px 24px 76px;
    color: #25364b;
    background: #f6f8fc;
    font-family: inherit;
}

.sgsp-sohna-inner {
    max-width: 1180px;
    margin: 0 auto;
}

.sgsp-sohna-heading {
    max-width: 920px;
    margin-bottom: 42px;
}

.sgsp-sohna .sgsp-section-index {
    margin-bottom: 16px;
    color: #986000;
}

.sgsp-sohna-heading > p {
    max-width: 810px;
    margin: 0;
    color: #53657b;
    font-size: 17px;
    line-height: 1.85;
}

.sgsp-sohna-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 42px;
}

.sgsp-sohna-copy > p {
    margin: 0 0 22px;
    color: #34465a;
    font-size: 16px;
    line-height: 1.95;
}

.sgsp-sohna-copy > p strong {
    color: #092f62;
    font-weight: 800;
}

.sgsp-sohna-highlight {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-top: 28px;
    padding: 23px;
    border: 1px solid #e4d5b6;
    border-left: 5px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
}

.sgsp-sohna-highlight-icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 21px;
}

.sgsp-sohna-highlight h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.sgsp-sohna-highlight p {
    margin: 0;
    color: #53657b;
    font-size: 15px;
    line-height: 1.85;
}

.sgsp-sohna-facts {
    border-top: 1px solid #dfe6f0;
}

.sgsp-sohna-fact {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 23px 0;
    border-bottom: 1px solid #dfe6f0;
}

.sgsp-sohna-fact-no {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid #d8b66c;
    border-radius: 4px;
    color: #986000;
    background: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.sgsp-sohna-fact h3 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.sgsp-sohna-fact p {
    margin: 0;
    color: #53657b;
    font-size: 15px;
    line-height: 1.85;
}

.sgsp-sohna-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 48px;
    padding: 34px;
    border: 1px solid rgba(240, 180, 41, 0.4);
    border-radius: 7px;
    color: #ffffff;
    background:
        radial-gradient(circle at 100% 0%, rgba(240, 180, 41, 0.13), transparent 32%),
        linear-gradient(120deg, #04152d, #092f62);
    box-shadow: 0 18px 40px rgba(9, 47, 98, 0.1);
}

.sgsp-sohna-cta-copy {
    max-width: 690px;
}

.sgsp-sohna-cta-copy > span {
    display: block;
    margin-bottom: 12px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.8px;
    line-height: 1.6;
}

.sgsp-sohna-cta-copy h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(23px, 3vw, 31px);
    font-weight: 800;
    line-height: 1.4;
}

.sgsp-sohna-cta-copy p {
    margin: 0;
    color: #dce6f2;
    font-size: 15px;
    line-height: 1.85;
}

.sgsp-sohna-cta-actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 13px;
    min-width: 230px;
}

.sgsp-sohna-call {
    display: block;
    padding: 12px 15px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 4px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.7;
    text-align: center;
    text-decoration: none !important;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.sgsp-sohna-call:hover {
    border-color: #f0b429;
    color: #f0b429 !important;
}


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

@media (max-width: 900px) {
    .sgsp-spr-layout,
    .sgsp-gce-content,
    .sgsp-sohna-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sgsp-spr-aside,
    .sgsp-gce-panel {
        max-width: none;
    }

    .sgsp-sohna-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .sgsp-sohna-cta-actions {
        width: 100%;
        max-width: 360px;
    }
}

@media (max-width: 600px) {
    .sgsp-hero,
    .sgsp-spr,
    .sgsp-gce,
    .sgsp-sohna {
        padding-right: 18px;
        padding-left: 18px;
    }

    .sgsp-hero {
        padding-top: 55px;
        padding-bottom: 25px;
    }

    .sgsp-hero h1 {
        font-size: 36px;
        letter-spacing: -0.7px;
    }

    .sgsp-hero-description,
    .sgsp-spr-intro,
    .sgsp-gce-heading > p,
    .sgsp-sohna-heading > p {
        font-size: 16px;
    }

    .sgsp-hero-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .sgsp-hero-actions > .sgsp-btn {
        width: 100%;
        box-sizing: border-box;
    }

    .sgsp-hero-footer {
        margin-top: 35px;
    }

    .sgsp-project-grid {
        grid-template-columns: 1fr;
    }

    .sgsp-project-wide {
        grid-column: auto;
    }

    .sgsp-spr,
    .sgsp-gce,
    .sgsp-sohna {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .sgsp-spr-heading h2,
    .sgsp-gce-heading h2,
    .sgsp-sohna-heading h2 {
        font-size: 31px;
    }

    .sgsp-spr-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .sgsp-gce-panel {
        padding: 26px 22px;
    }

    .sgsp-sohna-highlight {
        padding: 18px;
    }

    .sgsp-sohna-cta {
        padding: 24px 20px;
    }

    .sgsp-sohna-cta-actions {
        max-width: none;
    }

    .sgsp-btn {
        padding: 14px 18px;
    }
}

/* =========================================
   GURUGRAM INDEPENDENT FLOOR PAGE
   Royal Navy & Gold Design System
   Minimum font size: 15px
========================================= */

.gifHero,
.gifCompare,
.gifStructure,
.gifMethod,
.gifFloor,
.gifEvidence,
.gifFinalCta {
    box-sizing: border-box;
    font-size: 16px;
}

.gifHero *,
.gifCompare *,
.gifStructure *,
.gifMethod *,
.gifFloor *,
.gifEvidence *,
.gifFinalCta * {
    box-sizing: border-box;
}

.gifHero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 86px 24px 36px;
    color: #fff;
    background:
        radial-gradient(ellipse at 85% 12%, rgba(185, 120, 0, .22), transparent 36%),
        linear-gradient(135deg, #04152d 0%, #092f62 57%, #061d3d 100%);
}

.gifHero::before {
    position: absolute;
    z-index: -1;
    top: -115px;
    right: -90px;
    width: 410px;
    height: 410px;
    border: 1px solid rgba(240, 180, 41, .22);
    border-radius: 50%;
    content: "";
}

.gifHero::after {
    position: absolute;
    z-index: -1;
    top: -55px;
    right: -30px;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(240, 180, 41, .15);
    border-radius: 50%;
    content: "";
}

.gifHeroGlow {
    position: absolute;
    z-index: -1;
    right: 12%;
    bottom: -220px;
    width: 480px;
    height: 300px;
    border-radius: 50%;
    background: rgba(185, 120, 0, .12);
    filter: blur(55px);
}

.gifHeroInner {
    width: min(1140px, 100%);
    margin: 0 auto;
}

.gifEyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #dca83a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase;
}

.gifHero h1 {
    max-width: 920px;
    margin: 0 0 23px;
    color: #fff;
    font-size: clamp(36px, 5vw, 62px);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -1.4px;
}

.gifHero h1 span {
    color: #f0b429;
}

.gifHero p {
    max-width: 800px;
    margin: 0;
    color: #e2eaf5;
    font-size: 18px;
    line-height: 1.85;
}

.gifHero p strong {
    color: #fff;
    font-weight: 750;
}

.gifHeroActions,
.gifFinalActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}

.gifBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    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: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.gifBtn:hover {
    transform: translateY(-3px);
}

.gifBtnGold {
    color: #061d3d;
    background: linear-gradient(135deg, #f5cc66, #d99a16);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .2);
}

.gifBtnGold:hover {
    color: #04152d;
    background: #ffda7c;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .26);
}

.gifBtnOutline {
    border-color: rgba(255, 255, 255, .6);
    color: #fff;
    background: rgba(255, 255, 255, .04);
}

.gifBtnOutline:hover {
    color: #fff;
    border-color: #f0b429;
    background: rgba(255, 255, 255, .1);
}

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

.gifHeroFoot {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 30px;
    margin-top: 53px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .18);
}

.gifHeroFoot span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #e2eaf5;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.6;
}

.gifHeroFoot i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f0b429;
}


/* =========================================
   SECTION 2: PRODUCT COMPARISON
========================================= */

.gifCompare {
    padding: 84px 24px;
    color: #18304c;
    background: #f7f9fc;
}

.gifCompareInner {
    max-width: 1140px;
    margin: 0 auto;
}

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

.gifSectionHead .gifEyebrow {
    margin-bottom: 13px;
}

.gifSectionHead h2,
.gifStructureIntro h2,
.gifMethodHeading h2,
.gifEvidenceCopy h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 43px);
    font-weight: 750;
    line-height: 1.24;
    letter-spacing: -.7px;
}

.gifSectionHead h2 strong,
.gifStructureIntro h2 strong,
.gifMethodHeading h2 strong,
.gifEvidenceCopy h2 strong {
    color: #b97800;
}

.gifSectionHead > p,
.gifStructureIntro > p,
.gifMethodHeading > p {
    margin: 0;
    color: #52647a;
    font-size: 17px;
    line-height: 1.85;
}

.gifCompareGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.gifCompareCard {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 32px;
    border: 1px solid #e0e6ee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(9, 47, 98, .06);
}

.gifCompareGurugram {
    border-top: 4px solid #b97800;
    background: linear-gradient(180deg, #fffdf7 0%, #fff 44%);
}

.gifCompareDelhi {
    border-top: 4px solid #092f62;
}

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

.gifCardNumber {
    color: #b97800;
    font-size: 32px;
    font-weight: 850;
    line-height: 1.2;
}

.gifCardTag {
    padding: 7px 12px;
    border-radius: 5px;
    color: #092f62;
    background: #edf2f8;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gifCompareGurugram .gifCardTag {
    color: #754900;
    background: #fff0c8;
}

.gifCompareCard h3 {
    margin: 0 0 14px;
    color: #092f62;
    font-size: 25px;
    font-weight: 750;
    line-height: 1.35;
}

.gifCompareCard p {
    margin: 0 0 18px;
    color: #52647a;
    font-size: 16px;
    line-height: 1.85;
}

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

.gifCompareCard ul {
    display: grid;
    gap: 13px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.gifCompareCard li {
    position: relative;
    padding-left: 25px;
    color: #354a63;
    font-size: 16px;
    line-height: 1.75;
}

.gifCompareCard li::before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 9px;
    height: 9px;
    border: 2px solid #b97800;
    border-radius: 50%;
    content: "";
}

.gifCardBottom {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #e8edf3;
    color: #092f62;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
}

.gifCompareNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 27px;
    padding: 22px 24px;
    border: 1px solid #e9d29d;
    border-radius: 10px;
    background: #fff9e9;
}

.gifNoteIcon {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #092f62;
    font-size: 17px;
    font-weight: 800;
}

.gifCompareNote p {
    margin: 0;
    color: #4e4b41;
    font-size: 15px;
    line-height: 1.8;
}

.gifCompareNote strong {
    color: #092f62;
}


/* =========================================
   SECTION 3: STRUCTURAL DIFFERENCES
========================================= */

.gifStructure {
    padding: 84px 24px;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0%, rgba(185, 120, 0, .15), transparent 30%),
        linear-gradient(135deg, #061d3d, #092f62);
}

.gifStructureInner {
    max-width: 1140px;
    margin: 0 auto;
}

.gifStructureIntro {
    max-width: 780px;
    margin-bottom: 42px;
}

.gifStructureIntro h2 {
    color: #fff;
}

.gifStructureIntro h2 strong {
    color: #f0b429;
}

.gifStructureIntro > p {
    color: #d8e3f1;
}

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

.gifStructureItem {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    padding: 29px 26px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 12px;
    background: rgba(255, 255, 255, .055);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.gifStructureItem:hover {
    transform: translateY(-4px);
    border-color: rgba(240, 180, 41, .65);
    background: rgba(255, 255, 255, .085);
}

.gifStructureIndex {
    display: flex;
    width: 47px;
    height: 47px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, .7);
    border-radius: 8px;
    color: #f0b429;
    font-size: 18px;
    font-weight: 850;
}

.gifStructureItem h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.4;
}

.gifStructureItem p {
    margin: 0;
    color: #d8e3f1;
    font-size: 16px;
    line-height: 1.85;
}

.gifStructureItem p strong {
    color: #f4cc72;
}


/* =========================================
   SECTION 4: VALUATION METHODOLOGY
========================================= */

.gifMethod {
    padding: 84px 24px;
    color: #18304c;
    background: #fff;
}

.gifMethodInner {
    max-width: 1140px;
    margin: 0 auto;
}

.gifMethodHeading {
    max-width: 850px;
    margin-bottom: 37px;
}

.gifMethodHeading .gifEyebrow {
    margin-bottom: 13px;
}

.gifMethodPanel {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(9, 47, 98, .075);
}

.gifMethodMain {
    padding: 38px 33px;
    color: #fff;
    background: linear-gradient(145deg, #092f62, #04152d);
}

.gifMethodLabel {
    display: inline-block;
    margin-bottom: 20px;
    padding: 7px 11px;
    border: 1px solid rgba(240, 180, 41, .55);
    border-radius: 5px;
    color: #f0c968;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gifMethodMain h3 {
    margin: 0 0 19px;
    color: #fff;
    font-size: 28px;
    font-weight: 750;
    line-height: 1.35;
}

.gifMethodMain p {
    margin: 0 0 17px;
    color: #e0e9f5;
    font-size: 16px;
    line-height: 1.9;
}

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

.gifMethodMain strong {
    color: #f4cc72;
}

.gifMethodSteps {
    display: grid;
    align-content: center;
    gap: 0;
    padding: 20px 31px;
    background: #fbfcfe;
}

.gifMethodStep {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 21px 0;
    border-bottom: 1px solid #e3e9f0;
}

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

.gifMethodStep > span {
    display: flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #092f62;
    background: #f7e7be;
    font-size: 16px;
    font-weight: 850;
}

.gifMethodStep h4 {
    margin: 0 0 6px;
    color: #092f62;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.45;
}

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

.gifMethodDisclaimer {
    margin: 18px 0 0;
    padding-left: 15px;
    border-left: 3px solid #b97800;
    color: #59697b;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   SECTION 5: FLOOR-LEVEL ADJUSTMENTS
========================================= */

.gifFloor {
    padding: 84px 24px;
    color: #18304c;
    background: #f5f7fa;
}

.gifFloorInner {
    max-width: 1140px;
    margin: 0 auto;
}

.gifFloorHead {
    max-width: 820px;
}

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

.gifFloorCard {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(9, 47, 98, .05);
    transition: transform .2s ease, box-shadow .2s ease;
}

.gifFloorCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 17px 35px rgba(9, 47, 98, .11);
}

.gifFloorFeatured {
    border-color: #d7b46b;
    box-shadow: 0 12px 34px rgba(185, 120, 0, .1);
}

.gifFloorVisual {
    position: relative;
    display: flex;
    min-height: 142px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 15%, rgba(240, 180, 41, .2), transparent 40%),
        linear-gradient(135deg, #061d3d, #092f62);
}

.gifFloorVisual::after {
    position: absolute;
    right: -25px;
    bottom: -68px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(240, 180, 41, .3);
    border-radius: 50%;
    content: "";
}

.gifFloorCode {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, .95);
    font-size: 56px;
    font-weight: 850;
    letter-spacing: -2px;
}

.gifFloorPill {
    position: absolute;
    z-index: 2;
    bottom: 14px;
    left: 16px;
    padding: 6px 10px;
    border-radius: 4px;
    color: #092f62;
    background: #f0c968;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .5px;
}

.gifFloorContent {
    padding: 25px 23px 23px;
}

.gifFloorContent h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 22px;
    font-weight: 750;
    line-height: 1.4;
}

.gifFloorContent p {
    margin: 0 0 23px;
    color: #53657a;
    font-size: 16px;
    line-height: 1.85;
}

.gifFloorFactor {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-top: 17px;
    border-top: 1px solid #e5eaf0;
}

.gifFloorFactor span {
    color: #68798c;
    font-size: 15px;
    line-height: 1.6;
}

.gifFloorFactor strong {
    color: #956000;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
}


/* =========================================
   SECTION 6: EVIDENCE AND REPORTING
========================================= */

.gifEvidence {
    padding: 84px 24px;
    color: #18304c;
    background: #fff;
}

.gifEvidenceInner {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 55px;
    max-width: 1140px;
    margin: 0 auto;
}

.gifEvidenceCopy {
    position: sticky;
    top: 25px;
}

.gifEvidenceCopy .gifEyebrow {
    margin-bottom: 13px;
}

.gifEvidenceCopy h2 {
    font-size: clamp(29px, 3.3vw, 40px);
}

.gifEvidenceCopy > p {
    margin: 0;
    color: #53657a;
    font-size: 17px;
    line-height: 1.9;
}

.gifEvidenceCopy .gifBtn {
    margin-top: 26px;
}

.gifEvidenceList {
    padding: 10px 28px;
    border: 1px solid #e0e6ee;
    border-radius: 13px;
    background: #fbfcfe;
}

.gifEvidenceRow {
    display: flex;
    align-items: flex-start;
    gap: 19px;
    padding: 24px 0;
    border-bottom: 1px solid #e4eaf1;
}

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

.gifEvidenceRow > span {
    display: flex;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    background: #092f62;
    font-size: 16px;
    font-weight: 850;
    box-shadow: inset 0 -3px 0 rgba(185, 120, 0, .8);
}

.gifEvidenceRow h3 {
    margin: 0 0 7px;
    color: #092f62;
    font-size: 19px;
    font-weight: 750;
    line-height: 1.45;
}

.gifEvidenceRow p {
    margin: 0;
    color: #596b80;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   SECTION 7: FINAL CTA
========================================= */

.gifFinalCta {
    position: relative;
    overflow: hidden;
    padding: 76px 24px;
    color: #fff;
    text-align: center;
    background:
        radial-gradient(ellipse at 50% 120%, rgba(185, 120, 0, .24), transparent 55%),
        linear-gradient(135deg, #04152d 0%, #092f62 60%, #061d3d 100%);
}

.gifFinalCta::before,
.gifFinalCta::after {
    position: absolute;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(240, 180, 41, .2);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gifFinalCta::before {
    top: -170px;
    left: -90px;
}

.gifFinalCta::after {
    right: -90px;
    bottom: -170px;
}

.gifFinalCtaInner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

.gifFinalCta .gifEyebrow {
    margin-bottom: 14px;
}

.gifFinalCta h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(31px, 4.4vw, 48px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.7px;
}

.gifFinalCta h2 strong {
    color: #f0b429;
}

.gifFinalCtaInner > p {
    max-width: 760px;
    margin: 0 auto;
    color: #e0e9f5;
    font-size: 17px;
    line-height: 1.9;
}

.gifFinalActions {
    justify-content: center;
    margin-top: 30px;
}

.gifBtnLarge {
    min-height: 60px;
    padding: 16px 29px;
    font-size: 17px;
}

.gifBtnLight {
    border-color: rgba(255, 255, 255, .7);
    color: #fff;
    background: rgba(255, 255, 255, .06);
}

.gifBtnLight:hover {
    border-color: #f0b429;
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.gifPhoneIcon {
    font-size: 19px;
}

.gifFinalTrust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 15px;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .18);
    color: #e0e9f5;
    font-size: 15px;
    line-height: 1.7;
}

.gifTrustDot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f0b429;
}


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

@media (max-width: 900px) {
    .gifHero {
        padding-top: 68px;
    }

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

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

    .gifEvidenceInner {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .gifEvidenceCopy {
        position: static;
    }
}

@media (max-width: 600px) {
    .gifHero,
    .gifCompare,
    .gifStructure,
    .gifMethod,
    .gifFloor,
    .gifEvidence,
    .gifFinalCta {
        padding-right: 18px;
        padding-left: 18px;
    }

    .gifHero {
        padding-top: 54px;
        padding-bottom: 28px;
    }

    .gifHero h1 {
        font-size: 37px;
        letter-spacing: -.8px;
    }

    .gifHero p {
        font-size: 16px;
    }

    .gifHeroActions,
    .gifFinalActions {
        align-items: stretch;
        flex-direction: column;
    }

    .gifBtn {
        width: 100%;
    }

    .gifHeroFoot {
        gap: 12px;
        margin-top: 35px;
    }

    .gifSectionHead h2,
    .gifStructureIntro h2,
    .gifMethodHeading h2,
    .gifEvidenceCopy h2 {
        font-size: 30px;
    }

    .gifCompareGrid,
    .gifStructureGrid,
    .gifFloorGrid {
        grid-template-columns: 1fr;
    }

    .gifCompareCard {
        padding: 25px 22px;
    }

    .gifStructureItem {
        padding: 24px 22px;
    }

    .gifMethodMain {
        padding: 29px 23px;
    }

    .gifMethodSteps {
        padding: 12px 22px;
    }

    .gifFloorContent {
        padding: 23px 21px;
    }

    .gifEvidenceList {
        padding-right: 20px;
        padding-left: 20px;
    }

    .gifEvidenceRow {
        gap: 13px;
    }

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

    .gifFinalTrust {
        flex-direction: column;
        gap: 8px;
    }

    .gifTrustDot {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gifBtn,
    .gifStructureItem,
    .gifFloorCard {
        transition: none;
    }

    .gifBtn:hover,
    .gifStructureItem:hover,
    .gifFloorCard:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: HERO
   ========================================================= */

.gafbHero {
    --gafb-navy: #092f62;
    --gafb-dark: #061d3d;
    --gafb-gold: #b97800;
    --gafb-light-gold: #f0b429;
    position: relative;
    overflow: hidden;
    padding: 76px 24px 42px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 92% 12%, rgba(185, 120, 0, 0.17), transparent 32%),
        linear-gradient(125deg, #04152d 0%, #092f62 58%, #103b70 100%);
    border-bottom: 4px solid var(--gafb-gold);
}

.gafbHeroInner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gafbHeroEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 23px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gafbHeroEyebrow::before {
    content: "";
    width: 34px;
    height: 2px;
    background: #f0b429;
}

.gafbHero h1 {
    max-width: 1000px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1.2px;
}

.gafbHero h1 span {
    display: block;
    margin-top: 8px;
    color: #f0b429;
}

.gafbHeroDivider {
    width: 100px;
    height: 4px;
    margin: 28px 0 22px;
    background: linear-gradient(90deg, #f0b429, #b97800);
    border-radius: 3px;
}

.gafbHero p {
    max-width: 900px;
    margin: 0;
    color: #e5edf8;
    font-size: 17px;
    line-height: 1.9;
}

.gafbHero p strong {
    color: #ffffff;
    font-weight: 800;
}

.gafbHeroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
}

.gafbBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 54px;
    padding: 14px 23px;
    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, background 0.2s ease, box-shadow 0.2s ease;
}

.gafbBtn:hover {
    transform: translateY(-2px);
    text-decoration: none !important;
}

.gafbBtnGold {
    color: #061d3d !important;
    background: #f0b429;
    border-color: #f0b429;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.gafbBtnGold:hover {
    color: #061d3d !important;
    background: #ffd36a;
    border-color: #ffd36a;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.27);
}

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

.gafbBtnOutline {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.65);
}

.gafbBtnOutline:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12);
    border-color: #f0b429;
}

.gafbPhoneIcon {
    font-size: 19px;
    line-height: 1;
}

.gafbHeroFoot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.19);
}

.gafbHeroFoot span {
    padding: 8px 12px;
    color: #f5d991;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(240, 180, 41, 0.3);
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================================
   SECTION 2: PERI-URBAN AGRICULTURAL BELT
   ========================================================= */

.gafbBelt {
    padding: 76px 24px;
    color: #243247;
    background: #f7f9fc;
}

.gafbBeltContainer {
    max-width: 1160px;
    margin: 0 auto;
}

.gafbSectionHeading {
    max-width: 850px;
    margin-bottom: 30px;
}

.gafbSectionKicker {
    display: block;
    margin-bottom: 13px;
    color: #a66a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.6;
}

.gafbSectionHeading h2,
.gafbAravalliHeading h2,
.gafbFarmhouseHeader h2 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.gafbSectionHeading h2 strong,
.gafbAravalliHeading h2 strong,
.gafbFarmhouseHeader h2 strong {
    color: #a66a00;
}

.gafbSectionHeading > p,
.gafbAravalliHeading > p,
.gafbFarmhouseHeader > p {
    margin: 0;
    color: #526176;
    font-size: 17px;
    line-height: 1.8;
}

.gafbBeltIntro {
    margin-bottom: 30px;
    padding: 23px 26px;
    background: #ffffff;
    border-left: 4px solid #b97800;
    box-shadow: 0 8px 25px rgba(9, 47, 98, 0.055);
}

.gafbBeltIntro p {
    margin: 0;
    color: #39485c;
    font-size: 17px;
    line-height: 1.9;
}

.gafbBeltIntro strong {
    color: #092f62;
}

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

.gafbVillageCard {
    position: relative;
    min-width: 0;
    padding: 25px 22px 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid #b97800;
    border-radius: 5px;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.045);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gafbVillageCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 28px rgba(9, 47, 98, 0.1);
}

.gafbVillageNumber {
    display: inline-block;
    margin-bottom: 14px;
    color: #a66a00;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gafbVillageCard h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gafbVillageCard p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.8;
}

.gafbMethodPanel {
    margin-top: 30px;
    padding: 32px;
    color: #ffffff;
    background: linear-gradient(125deg, #061d3d, #092f62);
    border-radius: 7px;
    box-shadow: 0 14px 35px rgba(6, 29, 61, 0.13);
}

.gafbMethodLabel {
    margin-bottom: 10px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gafbMethodPanel h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 29px;
    font-weight: 800;
    line-height: 1.35;
}

.gafbMethodPanel h3 strong {
    color: #f0b429;
}

.gafbMethodPanel > p {
    max-width: 1000px;
    margin: 0;
    color: #e3ebf7;
    font-size: 16px;
    line-height: 1.9;
}

.gafbMethodPoints {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 28px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.gafbMethodPoints > div {
    min-width: 0;
}

.gafbMethodTick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    margin-bottom: 12px;
    color: #061d3d;
    background: #f0b429;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 800;
}

.gafbMethodPoints strong {
    display: block;
    margin-bottom: 7px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}

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


/* =========================================================
   SECTION 3: ARAVALLI ZONE
   ========================================================= */

.gafbAravalli {
    padding: 76px 24px;
    color: #28374b;
    background: #ffffff;
}

.gafbAravalliContainer {
    max-width: 1160px;
    margin: 0 auto;
}

.gafbAravalliHeading {
    max-width: 900px;
    margin-bottom: 32px;
}

.gafbAravalliLayout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);
    gap: 28px;
    align-items: start;
}

.gafbAravalliMain > p {
    margin: 0 0 20px;
    color: #4b596c;
    font-size: 16px;
    line-height: 1.95;
}

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

.gafbLegalNotice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 21px;
    background: #fff8e8;
    border: 1px solid #f0d8a2;
    border-left: 4px solid #b97800;
    border-radius: 4px;
}

.gafbLegalIcon {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: #a66a00;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 800;
}

.gafbLegalNotice strong {
    display: block;
    margin-bottom: 6px;
    color: #092f62;
    font-size: 16px;
    line-height: 1.5;
}

.gafbLegalNotice p {
    margin: 0;
    color: #66532f;
    font-size: 15px;
    line-height: 1.8;
}

.gafbAravalliAside {
    padding: 27px;
    color: #ffffff;
    background: #092f62;
    border-radius: 6px;
    box-shadow: 0 12px 28px rgba(9, 47, 98, 0.13);
}

.gafbAsideLabel {
    display: block;
    margin-bottom: 11px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.6;
}

.gafbAravalliAside h3 {
    margin: 0 0 24px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

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

.gafbRestrictionItem > span {
    display: inline-flex;
    flex: 0 0 33px;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    color: #061d3d;
    background: #f0b429;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 800;
}

.gafbRestrictionItem strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}

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

.gafbAravalliCertificate {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-top: 30px;
    padding: 28px;
    background: #f5f7fa;
    border: 1px solid #e0e6ee;
    border-radius: 5px;
}

.gafbCertificateMark {
    display: flex;
    flex: 0 0 72px;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    color: #061d3d;
    background: #f0b429;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 900;
}

.gafbCertificateContent h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.45;
}

.gafbCertificateContent p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   SECTION 4: FARMHOUSE DEVELOPMENT BELT
   ========================================================= */

.gafbFarmhouse {
    padding: 76px 24px;
    color: #27364a;
    background: #f7f9fc;
    border-top: 1px solid #e8edf4;
}

.gafbFarmhouseContainer {
    max-width: 1160px;
    margin: 0 auto;
}

.gafbFarmhouseHeader {
    max-width: 900px;
    margin-bottom: 32px;
}

.gafbFarmhouseBody {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 30px;
    align-items: start;
}

.gafbFarmhouseCopy > p {
    margin: 0 0 20px;
    color: #4b596c;
    font-size: 16px;
    line-height: 1.95;
}

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

.gafbFarmhouseHighlight {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 25px;
    padding: 23px;
    background: #ffffff;
    border: 1px solid #e4e9f0;
    border-left: 4px solid #b97800;
    border-radius: 5px;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.05);
}

.gafbFarmhouseHighlightIcon {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #061d3d;
    background: #f0b429;
    border-radius: 4px;
    font-size: 23px;
    font-weight: 900;
}

.gafbFarmhouseHighlight strong {
    display: block;
    margin-bottom: 7px;
    color: #092f62;
    font-size: 17px;
    line-height: 1.5;
}

.gafbFarmhouseHighlight p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.85;
}

.gafbFarmhouseSteps {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e0e7f0;
    border-radius: 6px;
    box-shadow: 0 9px 27px rgba(9, 47, 98, 0.055);
}

.gafbFarmhouseSteps h3 {
    margin: 0 0 20px;
    padding-bottom: 16px;
    color: #092f62;
    border-bottom: 2px solid #f0b429;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
}

.gafbFarmStep {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid #e8edf4;
}

.gafbFarmStep:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.gafbFarmStepNumber {
    display: inline-flex;
    flex: 0 0 35px;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #ffffff;
    background: #092f62;
    border-bottom: 3px solid #f0b429;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 800;
}

.gafbFarmStep strong {
    display: block;
    margin-bottom: 6px;
    color: #092f62;
    font-size: 16px;
    line-height: 1.5;
}

.gafbFarmStep p {
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.8;
}

.gafbFarmhouseFooter {
    margin-top: 28px;
    padding: 21px 25px;
    background: #092f62;
    border-radius: 5px;
}

.gafbFarmhouseFooter p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
}

.gafbFarmhouseFooter p::before {
    content: "VALUATION PRINCIPLE";
    display: block;
    margin-bottom: 8px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}


/* =========================================================
   SECTION 5: FINAL CTA
   ========================================================= */

.gafbFinalCta {
    position: relative;
    overflow: hidden;
    padding: 66px 24px;
    color: #ffffff;
    text-align: center;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(240, 180, 41, 0.16), transparent 50%),
        linear-gradient(125deg, #04152d, #092f62);
    border-top: 4px solid #b97800;
}

.gafbFinalCtaInner {
    position: relative;
    z-index: 1;
    max-width: 950px;
    margin: 0 auto;
}

.gafbCtaEyebrow {
    margin-bottom: 17px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gafbFinalCta h2 {
    margin: 0 auto 18px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 43px);
    font-weight: 800;
    line-height: 1.3;
}

.gafbFinalCta h2 strong {
    color: #f0b429;
}

.gafbFinalCtaInner > p {
    max-width: 790px;
    margin: 0 auto;
    color: #e0e9f6;
    font-size: 17px;
    line-height: 1.85;
}

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

.gafbBtnLarge {
    min-height: 60px;
    padding: 16px 30px;
    font-size: 17px;
}

.gafbBtnCall {
    min-height: 60px;
    padding: 16px 26px;
    color: #ffffff !important;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.7);
    font-size: 17px;
}

.gafbBtnCall:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1);
    border-color: #f0b429;
}

.gafbCtaFoot {
    margin-top: 28px;
    padding-top: 20px;
    color: #e5d3a6;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   RESPONSIVE DESIGN
   All section classes remain uniquely namespaced.
   ========================================================= */

@media (max-width: 900px) {
    .gafbVillageGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gafbAravalliLayout,
    .gafbFarmhouseBody {
        grid-template-columns: 1fr;
    }

    .gafbMethodPoints {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .gafbAravalliAside {
        margin-top: 2px;
    }
}

@media (max-width: 600px) {
    .gafbHero,
    .gafbBelt,
    .gafbAravalli,
    .gafbFarmhouse,
    .gafbFinalCta {
        padding-right: 17px;
        padding-left: 17px;
    }

    .gafbHero {
        padding-top: 51px;
        padding-bottom: 30px;
    }

    .gafbHero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gafbHero p,
    .gafbSectionHeading > p,
    .gafbAravalliHeading > p,
    .gafbFarmhouseHeader > p,
    .gafbFinalCtaInner > p {
        font-size: 16px;
    }

    .gafbHeroActions,
    .gafbCtaActions {
        flex-direction: column;
        align-items: stretch;
    }

    .gafbBtn {
        width: 100%;
        box-sizing: border-box;
    }

    .gafbHeroFoot {
        gap: 8px;
        margin-top: 30px;
    }

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

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

    .gafbMethodPanel,
    .gafbAravalliAside,
    .gafbFarmhouseSteps {
        padding: 23px 19px;
    }

    .gafbMethodPanel h3 {
        font-size: 26px;
    }

    .gafbAravalliCertificate {
        flex-direction: column;
        gap: 15px;
        padding: 22px;
    }

    .gafbCertificateMark {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }

    .gafbFarmhouseHighlight {
        padding: 19px;
    }

    .gafbFinalCta {
        padding-top: 51px;
        padding-bottom: 48px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gafbBtn,
    .gafbVillageCard {
        transition: none;
    }

    .gafbBtn:hover,
    .gafbVillageCard:hover {
        transform: none;
    }
}

/* =========================================================
   SECTION 1: HERO
========================================================= */
.gicHero,
.gicHealthcare,
.gicIncome,
.gicReplacement,
.gicEducation,
.gicCTA {
    box-sizing: border-box;
}

.gicHero *,
.gicHealthcare *,
.gicIncome *,
.gicReplacement *,
.gicEducation *,
.gicCTA * {
    box-sizing: border-box;
}

.gicHero {
    --gic-navy: #092f62;
    --gic-deep: #04152d;
    --gic-gold: #b97800;
    --gic-bright-gold: #f0b429;

    position: relative;
    overflow: hidden;
    padding: 76px 24px 34px;
    color: #fff;
    background:
        radial-gradient(ellipse at 90% 8%, rgba(185,120,0,.20), transparent 34%),
        linear-gradient(125deg, #04152d 0%, #092f62 65%, #103c70 100%);
    font-family: inherit;
}

.gicHero::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    right: -140px;
    bottom: -180px;
    border: 1px solid rgba(240,180,41,.34);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(240,180,41,.035),
        0 0 0 70px rgba(240,180,41,.025);
    pointer-events: none;
}

.gicHeroInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gicEyebrow,
.gicSectionLabel,
.gicCTALabel {
    display: inline-block;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.gicHero h1 {
    max-width: 950px;
    margin: 18px 0 20px;
    color: #fff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -.8px;
}

.gicHero h1 strong {
    color: #f0b429;
    font-weight: 800;
}

.gicHeroInner > p {
    max-width: 850px;
    margin: 0;
    color: #e2eaf5;
    font-size: 18px;
    line-height: 1.85;
}

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

.gicBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 23px;
    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: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.gicBtnGold {
    color: #04152d !important;
    background: linear-gradient(135deg, #f5c85f, #e5a51b);
    border-color: #f5c85f;
    box-shadow: 0 7px 22px rgba(0,0,0,.18);
}

.gicBtnGold:hover,
.gicBtnGold:focus-visible {
    color: #04152d !important;
    background: #ffd875;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0,0,0,.25);
}

.gicBtn span {
    font-size: 21px;
    line-height: 1;
}

.gicPhone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff !important;
    text-decoration: none !important;
}

.gicPhoneIcon {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.65);
    border-radius: 50%;
    color: #f0b429;
    font-size: 20px;
}

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

.gicPhone small {
    margin-bottom: 3px;
    color: #d4deed;
    font-size: 15px;
}

.gicPhone strong {
    color: #fff;
    font-size: 19px;
    letter-spacing: .3px;
}

.gicHeroFoot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 50px;
    padding-top: 21px;
    border-top: 1px solid rgba(255,255,255,.19);
}

.gicHeroFoot span {
    padding: 8px 13px;
    border: 1px solid rgba(240,180,41,.3);
    border-radius: 3px;
    color: #f3dfb3;
    font-size: 15px;
    line-height: 1.5;
}


/* =========================================================
   SECTION 2: HEALTHCARE CAMPUS
========================================================= */
.gicHealthcare {
    padding: 78px 24px;
    color: #23344b;
    background: #f8fbff;
    font-family: inherit;
}

.gicHealthcareInner {
    max-width: 1160px;
    margin: 0 auto;
}

.gicHealthcare .gicSectionLabel,
.gicIncome .gicSectionLabel,
.gicReplacement .gicSectionLabel,
.gicEducation .gicSectionLabel {
    color: #946000;
}

.gicSectionIntro {
    max-width: 850px;
    margin: 0 0 35px;
}

.gicSectionIntro h2,
.gicIncomeHeader h2,
.gicReplacementContent h2,
.gicEducationHeading h2 {
    margin: 13px 0 17px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.gicSectionIntro h2 strong,
.gicIncomeHeader h2 strong,
.gicReplacementContent h2 strong,
.gicEducationHeading h2 strong {
    color: #092f62;
    font-weight: 800;
}

.gicSectionIntro > p,
.gicIncomeHeader > p,
.gicEducationHeading > p {
    margin: 0;
    color: #46576c;
    font-size: 17px;
    line-height: 1.85;
}

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

.gicHospitalCard {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 29px 25px 27px;
    border: 1px solid #e0e7f0;
    border-top: 4px solid #092f62;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(9,47,98,.055);
    transition: transform .25s ease, box-shadow .25s ease;
}

.gicHospitalCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 17px 36px rgba(9,47,98,.12);
}

.gicHospitalNumber {
    display: block;
    margin-bottom: 19px;
    color: #b97800;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.gicHospitalAccent {
    width: 48px;
    height: 3px;
    margin-bottom: 20px;
    background: #d99a16;
}

.gicHospitalCard h3 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.35;
}

.gicHospitalLocation {
    margin: 0 0 17px;
    color: #9a6500;
    font-size: 15px;
    font-weight: 700;
}

.gicHospitalCard > p:last-child {
    margin: 0;
    color: #4d5d70;
    font-size: 16px;
    line-height: 1.8;
}

.gicInsight {
    display: flex;
    gap: 19px;
    margin-top: 28px;
    padding: 25px 27px;
    border: 1px solid #e8d7ae;
    border-left: 5px solid #b97800;
    border-radius: 5px;
    background: #fffaf0;
}

.gicInsightMark {
    display: flex;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #092f62;
    font-size: 18px;
    font-weight: 800;
}

.gicInsight h3 {
    margin: 1px 0 8px;
    color: #092f62;
    font-size: 19px;
    line-height: 1.45;
}

.gicInsight p {
    margin: 0;
    color: #4c5868;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 3: INCOME APPROACH
========================================================= */
.gicIncome {
    padding: 80px 24px;
    color: #e9eff8;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185,120,0,.13), transparent 35%),
        linear-gradient(135deg, #04152d, #092f62);
    font-family: inherit;
}

.gicIncomeInner {
    max-width: 1160px;
    margin: 0 auto;
}

.gicIncomeHeader {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: end;
    gap: 45px;
    margin-bottom: 38px;
}

.gicIncomeHeader h2 {
    margin-bottom: 0;
    color: #fff;
}

.gicIncomeHeader h2 strong {
    color: #f0b429;
}

.gicIncomeHeader > p {
    color: #d4dfed;
}

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

.gicIncomeStep {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 27px 24px 23px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 6px;
    background: rgba(255,255,255,.055);
    transition: border-color .2s ease, background .2s ease;
}

.gicIncomeStep:hover {
    border-color: rgba(240,180,41,.65);
    background: rgba(255,255,255,.085);
}

.gicStepTop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 25px;
}

.gicStepNo {
    color: #f0b429;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.gicStepTag {
    color: #f2dba9;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .7px;
}

.gicIncomeStep h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gicIncomeStep p {
    margin: 0;
    color: #d5e0ef;
    font-size: 16px;
    line-height: 1.85;
}

.gicIncomeStep p strong {
    color: #f5cc69;
}

.gicStepRule {
    width: 48px;
    height: 3px;
    margin: 24px 0 16px;
    background: #d99a16;
}

.gicStepFooter {
    margin-top: auto;
    color: #f2dba9;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.gicYieldNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 22px 24px;
    border: 1px solid rgba(240,180,41,.45);
    border-radius: 5px;
    background: rgba(3,15,33,.55);
}

.gicYieldIcon {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 17px;
    font-weight: 800;
}

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

.gicYieldNote p strong {
    color: #f5cc69;
}


/* =========================================================
   SECTION 4: REPLACEMENT COST
========================================================= */
.gicReplacement {
    padding: 80px 24px;
    color: #26384d;
    background: #fff;
    font-family: inherit;
}

.gicReplacementInner {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
    gap: 55px;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto;
}

.gicReplacementContent h2 {
    max-width: 700px;
}

.gicReplacementContent > p {
    margin: 0;
    color: #4c5d71;
    font-size: 17px;
    line-height: 1.85;
}

.gicReplacementPoints {
    display: grid;
    gap: 24px;
    margin-top: 32px;
}

.gicReplacementPoint {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}

.gicCheck {
    display: flex;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9b66a;
    border-radius: 4px;
    color: #092f62;
    background: #fff8e9;
    font-size: 15px;
    font-weight: 800;
}

.gicReplacementPoint h3 {
    margin: 0 0 7px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

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

.gicReplacementAside {
    position: relative;
    overflow: hidden;
    padding: 33px 28px;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(150deg, #092f62, #04152d);
    box-shadow: 0 18px 40px rgba(9,47,98,.15);
}

.gicReplacementAside::after {
    content: "";
    position: absolute;
    right: -48px;
    bottom: -60px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(240,180,41,.35);
    border-radius: 50%;
    box-shadow: 0 0 0 22px rgba(240,180,41,.04);
    pointer-events: none;
}

.gicAsideLabel {
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gicAsideSymbol {
    margin: 23px 0 16px;
    color: #f0b429;
    font-family: Georgia, serif;
    font-size: 48px;
    line-height: 1;
}

.gicReplacementAside h3 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.gicReplacementAside p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #dbe5f2;
    font-size: 16px;
    line-height: 1.85;
}

.gicAsideDivider {
    width: 52px;
    height: 3px;
    margin: 24px 0;
    background: #f0b429;
}

.gicReplacementAside p.gicAsideSmall {
    color: #f1d9a4;
}


/* =========================================================
   SECTION 5: EDUCATIONAL CAMPUS
========================================================= */
.gicEducation {
    padding: 78px 24px;
    color: #27384b;
    background: #f5f8fc;
    font-family: inherit;
}

.gicEducationInner {
    max-width: 1160px;
    margin: 0 auto;
}

.gicEducationHeading {
    max-width: 850px;
    margin-bottom: 34px;
}

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

.gicEducationCard {
    position: relative;
    min-width: 0;
    padding: 30px 25px 28px;
    border: 1px solid #e0e6ef;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(9,47,98,.045);
}

.gicEducationIndex {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 4px;
    color: #fff;
    background: #092f62;
    font-size: 18px;
    font-weight: 800;
}

.gicEducationCard h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.gicEducationCard p {
    margin: 0;
    color: #4c5c70;
    font-size: 16px;
    line-height: 1.85;
}

.gicEducationCard p strong {
    color: #8a5a00;
}


/* =========================================================
   SECTION 6: FINAL CTA
========================================================= */
.gicCTA {
    position: relative;
    overflow: hidden;
    padding: 55px 24px;
    color: #fff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.19), transparent 35%),
        linear-gradient(120deg, #04152d, #092f62);
    font-family: inherit;
}

.gicCTAInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1160px;
    margin: 0 auto;
}

.gicCTACopy {
    max-width: 700px;
}

.gicCTALabel {
    margin-bottom: 11px;
}

.gicCTACopy h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(28px, 3.4vw, 39px);
    font-weight: 500;
    line-height: 1.25;
}

.gicCTACopy h2 strong {
    color: #f0b429;
    font-weight: 800;
}

.gicCTACopy > p {
    margin: 0;
    color: #d9e3f1;
    font-size: 17px;
    line-height: 1.8;
}

.gicCTAActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.gicCTAPhone {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff !important;
    text-decoration: none !important;
}

.gicCTAPhoneIcon {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.7);
    border-radius: 50%;
    color: #f0b429;
    font-size: 19px;
}

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

.gicCTAPhone small {
    margin-bottom: 3px;
    color: #d9e3f1;
    font-size: 15px;
}

.gicCTAPhone strong {
    color: #fff;
    font-size: 19px;
}


/* =========================================================
   RESPONSIVE STYLES
========================================================= */
@media (max-width: 900px) {
    .gicHospitalGrid,
    .gicIncomeSteps,
    .gicEducationGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gicIncomeHeader {
        grid-template-columns: 1fr;
        gap: 20px;
    }

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

    .gicReplacementAside {
        max-width: none;
    }

    .gicCTAInner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .gicCTAActions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 600px) {
    .gicHero,
    .gicHealthcare,
    .gicIncome,
    .gicReplacement,
    .gicEducation,
    .gicCTA {
        padding-right: 18px;
        padding-left: 18px;
    }

    .gicHero {
        padding-top: 53px;
        padding-bottom: 25px;
    }

    .gicHero h1 {
        font-size: 34px;
        letter-spacing: -.4px;
    }

    .gicHeroInner > p,
    .gicSectionIntro > p,
    .gicIncomeHeader > p,
    .gicReplacementContent > p,
    .gicEducationHeading > p,
    .gicCTACopy > p {
        font-size: 16px;
    }

    .gicHeroActions {
        align-items: flex-start;
        flex-direction: column;
        gap: 19px;
    }

    .gicHeroFoot {
        gap: 8px;
        margin-top: 32px;
    }

    .gicHospitalGrid,
    .gicIncomeSteps,
    .gicEducationGrid {
        grid-template-columns: 1fr;
    }

    .gicHealthcare,
    .gicIncome,
    .gicReplacement,
    .gicEducation {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .gicSectionIntro h2,
    .gicIncomeHeader h2,
    .gicReplacementContent h2,
    .gicEducationHeading h2 {
        font-size: 30px;
    }

    .gicHospitalCard,
    .gicIncomeStep,
    .gicEducationCard {
        padding: 25px 22px;
    }

    .gicInsight {
        gap: 12px;
        padding: 20px 17px;
    }

    .gicYieldNote {
        padding: 19px 17px;
    }

    .gicReplacementPoint {
        gap: 13px;
    }

    .gicReplacementAside {
        padding: 27px 23px;
    }

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

    .gicBtn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gicBtn,
    .gicHospitalCard,
    .gicIncomeStep {
        transition: none;
    }
}

/* =========================================
   SECTION 1: HERO
========================================= */

.gucEduHero {
    --guc-hero-navy: #061d3d;
    --guc-hero-gold: #d99a16;
    position: relative;
    overflow: hidden;
    padding: 76px 24px 72px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 10%, rgba(217,154,22,.15), transparent 34%),
        linear-gradient(125deg, #04152d 0%, #092f62 65%, #061d3d 100%);
    border-bottom: 4px solid var(--guc-hero-gold);
}

.gucEduHero *,
.gucEduOverview *,
.gucEduReplacement *,
.gucEduIncome *,
.gucEduCTA * {
    box-sizing: border-box;
}

.gucEduHero__inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gucEduHero__eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 9px 14px;
    border: 1px solid rgba(240,180,41,.6);
    border-radius: 3px;
    color: #ffd77a;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.gucEduHero h1 {
    max-width: 970px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -.8px;
}

.gucEduHero h1 strong {
    display: block;
    color: #f0b429;
    font-weight: 750;
}

.gucEduHero__intro {
    max-width: 850px;
    margin: 0 0 24px;
    color: #e7edf7;
    font-size: 17px;
    line-height: 1.85;
}

.gucEduHero__intro strong {
    color: #ffffff;
    font-weight: 750;
}

.gucEduHero__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 30px;
}

.gucEduHero__highlights span {
    display: inline-flex;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 3px;
    color: #ffffff;
    background: rgba(255,255,255,.07);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.gucEduHero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
}

.gucEduHero__button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 14px 23px;
    border: 2px solid #f0b429;
    border-radius: 4px;
    color: #061d3d;
    background: linear-gradient(135deg, #ffd875, #e5a51a);
    box-shadow: 0 8px 22px rgba(0,0,0,.22);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gucEduHero__button:hover {
    color: #04152d;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(0,0,0,.3);
}

.gucEduHero__button span {
    font-size: 22px;
    line-height: 1;
}

.gucEduHero__phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
}

.gucEduHero__phoneIcon {
    display: inline-flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d99a16;
    border-radius: 50%;
    color: #ffd875;
    font-size: 20px;
}

.gucEduHero__phone small,
.gucEduCTA__phone small {
    display: block;
    margin-bottom: 3px;
    color: #e7edf7;
    font-size: 15px;
    line-height: 1.5;
}

.gucEduHero__phone strong {
    display: block;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .gucEduHero {
        padding: 54px 20px;
    }

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

    .gucEduHero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gucEduHero__button {
        width: 100%;
    }
}


/* =========================================
   SECTION 2: EDUCATIONAL CAMPUS OVERVIEW
========================================= */

.gucEduOverview {
    padding: 76px 24px;
    color: #26364b;
    background: #f8fbff;
}

.gucEduOverview__container {
    max-width: 1160px;
    margin: 0 auto;
}

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

.gucEduOverview__eyebrow,
.gucEduReplacement__eyebrow,
.gucEduIncome__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #9a6900;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

.gucEduOverview h2,
.gucEduReplacement h2,
.gucEduIncome h2 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 750;
    line-height: 1.25;
}

.gucEduOverview h2 strong,
.gucEduReplacement h2 strong,
.gucEduIncome h2 strong {
    color: #a66e00;
}

.gucEduOverview__heading > p {
    margin: 0;
    color: #526174;
    font-size: 17px;
    line-height: 1.85;
}

.gucEduOverview__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr);
    gap: 28px;
    align-items: stretch;
}

.gucEduOverview__main {
    padding: 31px;
    border: 1px solid #e0e7f0;
    border-top: 4px solid #092f62;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(9,47,98,.055);
}

.gucEduOverview__main h3,
.gucEduOverview__side h3 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: 24px;
    font-weight: 750;
    line-height: 1.4;
}

.gucEduOverview__main p {
    margin: 0 0 17px;
    color: #435267;
    font-size: 16px;
    line-height: 1.9;
}

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

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

.gucEduOverview__side {
    padding: 30px;
    border: 1px solid #ead8ad;
    border-radius: 5px;
    background: linear-gradient(155deg, #fffdf7, #f8f0dd);
}

.gucEduOverview__sideLabel {
    display: block;
    margin-bottom: 12px;
    color: #8b6100;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

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

.gucEduOverview__side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gucEduOverview__side li {
    position: relative;
    margin: 0;
    padding: 12px 0 12px 25px;
    border-bottom: 1px solid #e8d9b8;
    color: #34465c;
    font-size: 15px;
    line-height: 1.65;
}

.gucEduOverview__side li:last-child {
    border-bottom: 0;
}

.gucEduOverview__side li::before {
    position: absolute;
    top: 13px;
    left: 0;
    color: #b97800;
    content: "◆";
    font-size: 13px;
}

@media (max-width: 760px) {
    .gucEduOverview {
        padding: 55px 20px;
    }

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

    .gucEduOverview__main,
    .gucEduOverview__side {
        padding: 24px;
    }
}


/* =========================================
   SECTION 3: REPLACEMENT COST APPROACH
========================================= */

.gucEduReplacement {
    padding: 78px 24px;
    color: #25364b;
    background: #ffffff;
}

.gucEduReplacement__container {
    max-width: 1160px;
    margin: 0 auto;
}

.gucEduReplacement__heading {
    max-width: 880px;
    margin-bottom: 38px;
}

.gucEduReplacement__heading > p {
    margin: 0;
    color: #536176;
    font-size: 17px;
    line-height: 1.85;
}

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

.gucEduReplacement__card {
    position: relative;
    overflow: hidden;
    padding: 30px 25px;
    border: 1px solid #dce4ef;
    border-radius: 5px;
    background: #f8fbff;
    box-shadow: 0 8px 24px rgba(9,47,98,.05);
    transition: transform .2s ease, border-color .2s ease;
}

.gucEduReplacement__card::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #092f62, #d99a16);
    content: "";
}

.gucEduReplacement__card:hover {
    border-color: #d9b45f;
    transform: translateY(-4px);
}

.gucEduReplacement__number {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
    border-radius: 4px;
    color: #ffffff;
    background: #092f62;
    font-size: 17px;
    font-weight: 800;
}

.gucEduReplacement__card h3 {
    margin: 0 0 13px;
    color: #092f62;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.45;
}

.gucEduReplacement__card p {
    margin: 0;
    color: #526174;
    font-size: 16px;
    line-height: 1.85;
}

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

.gucEduReplacement__note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 28px;
    padding: 22px 24px;
    border-left: 4px solid #b97800;
    border-radius: 3px;
    background: #fff8e8;
}

.gucEduReplacement__noteIcon {
    display: inline-flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 17px;
    font-weight: 800;
}

.gucEduReplacement__note p {
    margin: 0;
    color: #4d4b42;
    font-size: 15px;
    line-height: 1.8;
}

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

@media (max-width: 850px) {
    .gucEduReplacement {
        padding: 56px 20px;
    }

    .gucEduReplacement__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}


/* =========================================
   SECTION 4: INCOME APPROACH
========================================= */

.gucEduIncome {
    padding: 78px 24px;
    color: #26364b;
    background: linear-gradient(135deg, #f0f4fa, #fbfcff);
    border-top: 1px solid #e1e7f0;
    border-bottom: 1px solid #e1e7f0;
}

.gucEduIncome__container {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 48px;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto;
}

.gucEduIncome__content h2 {
    margin-bottom: 21px;
}

.gucEduIncome__content p {
    margin: 0 0 17px;
    color: #526174;
    font-size: 16px;
    line-height: 1.9;
}

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

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

.gucEduIncome__panel {
    padding: 30px;
    border: 1px solid #d9e1ec;
    border-top: 5px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 15px 38px rgba(6,29,61,.08);
}

.gucEduIncome__panelLabel {
    display: block;
    margin-bottom: 12px;
    color: #9a6900;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gucEduIncome__panel h3 {
    margin: 0 0 22px;
    color: #092f62;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.4;
}

.gucEduIncome__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 17px 0;
    border-top: 1px solid #e8edf4;
}

.gucEduIncome__itemMark {
    display: inline-flex;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 800;
}

.gucEduIncome__item strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 17px;
    line-height: 1.5;
}

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

@media (max-width: 800px) {
    .gucEduIncome {
        padding: 56px 20px;
    }

    .gucEduIncome__container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .gucEduIncome__panel {
        padding: 24px;
    }
}


/* =========================================
   SECTION 5: FINAL CTA
========================================= */

.gucEduCTA {
    position: relative;
    overflow: hidden;
    padding: 68px 24px;
    color: #ffffff;
    background:
        radial-gradient(circle at 88% 48%, rgba(217,154,22,.17), transparent 26%),
        linear-gradient(125deg, #04152d, #092f62);
    border-top: 4px solid #d99a16;
}

.gucEduCTA__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1160px;
    margin: 0 auto;
}

.gucEduCTA__content {
    max-width: 810px;
}

.gucEduCTA__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #ffd875;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.4px;
    line-height: 1.5;
}

.gucEduCTA h2 {
    margin: 0 0 19px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 750;
    line-height: 1.25;
}

.gucEduCTA h2 strong {
    color: #f0b429;
}

.gucEduCTA__content > p {
    max-width: 790px;
    margin: 0 0 26px;
    color: #e6edf8;
    font-size: 16px;
    line-height: 1.85;
}

.gucEduCTA__content > p strong {
    color: #ffffff;
    font-weight: 750;
}

.gucEduCTA__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 23px;
}

.gucEduCTA__button {
    display: inline-flex;
    min-height: 55px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 24px;
    border: 2px solid #f0b429;
    border-radius: 4px;
    color: #061d3d;
    background: linear-gradient(135deg, #ffdc82, #e4a116);
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.gucEduCTA__button:hover {
    color: #04152d;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.3);
}

.gucEduCTA__button span {
    font-size: 22px;
    line-height: 1;
}

.gucEduCTA__phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
}

.gucEduCTA__phoneIcon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d99a16;
    border-radius: 50%;
    color: #ffd875;
    font-size: 20px;
}

.gucEduCTA__phone strong {
    display: block;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.5;
}

.gucEduCTA__seal {
    display: flex;
    flex: 0 0 190px;
    width: 190px;
    height: 190px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid rgba(240,180,41,.85);
    border-radius: 50%;
    outline: 1px solid rgba(240,180,41,.35);
    outline-offset: 8px;
    color: #ffd875;
    text-align: center;
}

.gucEduCTA__sealTop,
.gucEduCTA__sealBottom {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.6;
}

.gucEduCTA__sealCenter {
    margin: 8px 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

@media (max-width: 800px) {
    .gucEduCTA {
        padding: 55px 20px;
    }

    .gucEduCTA__container {
        align-items: flex-start;
        flex-direction: column;
        gap: 38px;
    }

    .gucEduCTA__seal {
        flex-basis: auto;
        width: 150px;
        height: 150px;
    }

    .gucEduCTA__sealCenter {
        font-size: 19px;
    }
}

@media (max-width: 560px) {
    .gucEduCTA__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gucEduCTA__button {
        width: 100%;
    }
}

/* =========================================================
   DDJAY PAGE DESIGN SYSTEM
   Royal Navy: #092f62 / #061d3d
   Royal Gold: #b97800 / #d99a16
   Minimum font size: 15px
========================================================= */

.ddjayHero,
.ddjayScheme,
.ddjayValuation,
.ddjayBenchmark,
.ddjayMortgage,
.ddjayFinalCta {
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
}

.ddjayHero *,
.ddjayScheme *,
.ddjayValuation *,
.ddjayBenchmark *,
.ddjayMortgage *,
.ddjayFinalCta * {
    box-sizing: border-box;
}

.ddjayHero p,
.ddjayScheme p,
.ddjayValuation p,
.ddjayBenchmark p,
.ddjayMortgage p,
.ddjayFinalCta p {
    font-size: 16px;
    line-height: 1.85;
    margin-top: 0;
}

.ddjayHero a,
.ddjayScheme a,
.ddjayValuation a,
.ddjayBenchmark a,
.ddjayMortgage a,
.ddjayFinalCta a {
    text-decoration: none;
}


/* =========================================================
   SECTION 1 — ROYAL NAVY HERO
========================================================= */

.ddjayHero {
    position: relative;
    overflow: hidden;
    padding: 82px 24px 66px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(217, 154, 22, 0.17),
            transparent 30%
        ),
        linear-gradient(125deg, #04152d 0%, #092f62 62%, #061d3d 100%);
    border-bottom: 4px solid #b97800;
}

.ddjayHero::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -115px;
    bottom: -190px;
    border: 1px solid rgba(240, 180, 41, 0.35);
    border-radius: 50%;
    pointer-events: none;
}

.ddjayHero::after {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -65px;
    bottom: -140px;
    border: 1px solid rgba(240, 180, 41, 0.22);
    border-radius: 50%;
    pointer-events: none;
}

.ddjayHeroInner {
    position: relative;
    z-index: 1;
    max-width: 1160px;
    margin: 0 auto;
}

.ddjayHeroEyebrow,
.ddjaySectionEyebrow,
.ddjayPanelLabel,
.ddjayBenchmarkLabel,
.ddjayFinalCtaEyebrow {
    display: inline-block;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ddjayHero h1 {
    max-width: 950px;
    margin: 20px 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.4vw, 56px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1.2px;
}

.ddjayHero h1 span {
    color: #f0b429;
}

.ddjayHeroIntro {
    max-width: 820px;
    margin-bottom: 30px;
    color: #e5edf8;
    font-size: 18px !important;
    line-height: 1.8 !important;
}

.ddjayHeroIntro strong {
    color: #ffffff;
    font-weight: 800;
}

.ddjayHeroActions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.ddjayBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 56px;
    padding: 15px 25px;
    border: 2px solid #f0b429;
    border-radius: 5px;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #061d3d !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ddjayBtn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

.ddjayBtn span {
    font-size: 22px;
    line-height: 1;
}

.ddjayPhone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff !important;
}

.ddjayPhoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: #f0b429;
    font-size: 22px;
}

.ddjayPhone small,
.ddjayPhone strong {
    display: block;
    font-size: 15px;
    line-height: 1.6;
}

.ddjayPhone small {
    color: #d9e4f2;
}

.ddjayPhone strong {
    color: #ffffff;
    font-size: 19px;
    font-weight: 800;
}

.ddjayHeroTrust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
    padding-top: 23px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.ddjayHeroTrust span {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    border: 1px solid rgba(240, 180, 41, 0.3);
    border-radius: 3px;
    color: #f5f7fb;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}


/* =========================================================
   SHARED SECTION HEADINGS
========================================================= */

.ddjaySectionHeading {
    max-width: 800px;
    margin: 0 auto 42px;
    text-align: center;
}

.ddjaySectionHeading h2,
.ddjayBenchmarkHeader h2,
.ddjayMortgageCopy h2 {
    margin: 14px 0 16px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.ddjaySectionHeading h2 strong,
.ddjayBenchmarkHeader h2 strong,
.ddjayMortgageCopy h2 strong {
    color: #b97800;
}

.ddjaySectionHeading > p {
    max-width: 720px;
    margin: 0 auto;
    color: #475569;
    font-size: 17px !important;
}


/* =========================================================
   SECTION 2 — SCHEME & PROJECT LANDSCAPE
========================================================= */

.ddjayScheme {
    padding: 76px 24px;
    background: #f8fafc;
}

.ddjaySchemeInner {
    max-width: 1160px;
    margin: 0 auto;
}

.ddjayScheme .ddjaySectionEyebrow,
.ddjayBenchmark .ddjaySectionEyebrow,
.ddjayMortgage .ddjaySectionEyebrow {
    color: #946000;
}

.ddjaySchemeLayout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 36px;
}

.ddjaySchemeCopy {
    padding: 30px 32px;
    border: 1px solid #e1e8f0;
    border-left: 5px solid #b97800;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(9, 47, 98, 0.055);
}

.ddjaySchemeCopy p {
    margin-bottom: 21px;
    color: #344256;
    font-size: 16px;
}

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

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

.ddjaySchemePanel {
    padding: 29px;
    border: 1px solid #d6b36a;
    border-radius: 6px;
    background: linear-gradient(155deg, #ffffff, #fffaf0);
    box-shadow: 0 14px 32px rgba(9, 47, 98, 0.07);
}

.ddjayPanelLabel {
    margin-bottom: 24px;
    color: #946000;
    font-size: 15px;
    letter-spacing: 1px;
}

.ddjaySchemeFact {
    display: flex;
    align-items: flex-start;
    gap: 17px;
}

.ddjayFactNumber {
    flex: 0 0 62px;
    color: #b97800;
    font-size: 37px;
    font-weight: 800;
    line-height: 1.15;
}

.ddjaySchemeFact strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 17px;
    line-height: 1.5;
}

.ddjaySchemeFact p {
    margin-bottom: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.7;
}

.ddjaySchemeDivider {
    height: 1px;
    margin: 22px 0;
    background: #e7d6ad;
}

.ddjayTextLink {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
}

.ddjayTextLink span {
    color: #b97800;
    font-size: 21px;
}


/* =========================================================
   SECTION 3 — SECTION 34AB VALUATION
========================================================= */

.ddjayValuation {
    position: relative;
    overflow: hidden;
    padding: 78px 24px;
    background:
        radial-gradient(
            circle at 4% 95%,
            rgba(217, 154, 22, 0.12),
            transparent 27%
        ),
        linear-gradient(135deg, #04152d 0%, #092f62 70%, #061d3d 100%);
}

.ddjayValuationInner {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
}

.ddjayHeadingLight h2 {
    color: #ffffff;
}

.ddjayHeadingLight h2 strong {
    color: #f0b429;
}

.ddjayHeadingLight > p {
    color: #dce6f3;
}

.ddjayHeadingLight .ddjaySectionEyebrow {
    color: #f0b429;
}

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

.ddjayValuationCard {
    position: relative;
    overflow: hidden;
    padding: 30px 23px;
    border: 1px solid rgba(240, 180, 41, 0.32);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.ddjayValuationCard:hover {
    transform: translateY(-5px);
    border-color: #f0b429;
}

.ddjayValuationIndex {
    position: absolute;
    top: 13px;
    right: 17px;
    color: #e5eaf1;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.ddjayValuationIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    border: 1px solid #e2c37c;
    border-radius: 5px;
    background: #fff7e5;
    color: #946000;
    font-size: 15px;
    font-weight: 800;
}

.ddjayValuationCard h3 {
    position: relative;
    margin: 0 0 14px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.ddjayValuationCard p {
    margin-bottom: 0;
    color: #465569;
    font-size: 15px;
    line-height: 1.8;
}

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

.ddjayValuationNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 27px;
    padding: 19px 22px;
    border: 1px solid rgba(240, 180, 41, 0.3);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.07);
}

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

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


/* =========================================================
   SECTION 4 — INDICATIVE 2026 FMV BENCHMARK
========================================================= */

.ddjayBenchmark {
    padding: 76px 24px;
    background: #ffffff;
}

.ddjayBenchmarkInner {
    max-width: 1160px;
    margin: 0 auto;
}

.ddjayBenchmarkHeader {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    align-items: end;
    gap: 35px;
    margin-bottom: 35px;
}

.ddjayBenchmarkHeader h2 {
    max-width: 690px;
    margin-bottom: 0;
}

.ddjayBenchmarkHeader > p {
    margin-bottom: 4px;
    color: #526176;
    font-size: 16px;
}

.ddjayBenchmarkPanel {
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    overflow: hidden;
    border: 1px solid #d9e2ee;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(9, 47, 98, 0.09);
}

.ddjayBenchmarkValue {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 320px;
    padding: 40px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(240, 180, 41, 0.2),
            transparent 35%
        ),
        linear-gradient(145deg, #04152d, #092f62);
    color: #ffffff;
}

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

.ddjayBenchmarkAmount {
    margin: 18px 0 9px;
    color: #ffffff;
    font-size: clamp(36px, 4vw, 49px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1px;
}

.ddjayBenchmarkValue > p {
    margin: 0;
    color: #dce6f3;
    font-size: 16px;
}

.ddjayBenchmarkDetails {
    padding: 35px 39px;
}

.ddjayBenchmarkDetails h3 {
    margin: 0 0 22px;
    color: #092f62;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.4;
}

.ddjayBenchmarkList {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ddjayBenchmarkList li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #465569;
    font-size: 16px;
    line-height: 1.7;
}

.ddjayBenchmarkList li > span:first-child {
    display: flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 2px;
    border-radius: 50%;
    background: #fff4d8;
    color: #946000;
    font-size: 15px;
    font-weight: 800;
}

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

.ddjayBenchmarkDetails .ddjayBenchmarkDisclaimer {
    margin: 24px 0 0;
    padding-top: 17px;
    border-top: 1px solid #e3e9f0;
    color: #526176;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 5 — BANK MORTGAGE VALUATION
========================================================= */

.ddjayMortgage {
    padding: 76px 24px;
    background: #f5f8fc;
    border-top: 1px solid #e0e7f0;
    border-bottom: 1px solid #e0e7f0;
}

.ddjayMortgageInner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    align-items: center;
    gap: 65px;
    max-width: 1160px;
    margin: 0 auto;
}

.ddjayMortgageCopy h2 {
    margin-top: 15px;
}

.ddjayMortgageCopy > p {
    color: #465569;
    font-size: 16px;
}

.ddjayMortgageCopy .ddjayBtn {
    margin-top: 12px;
}

.ddjayBtnDark {
    border-color: #092f62;
    background: #092f62;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.2);
}

.ddjayBtnDark:hover {
    border-color: #b97800;
    background: #061d3d;
}

.ddjayMortgageSteps {
    padding: 12px 28px;
    border: 1px solid #d8e1ec;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(9, 47, 98, 0.06);
}

.ddjayMortgageStep {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 0;
    border-bottom: 1px solid #e5eaf1;
}

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

.ddjayMortgageStep > span {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid #d9b76a;
    border-radius: 4px;
    background: #fff7e5;
    color: #946000;
    font-size: 15px;
    font-weight: 800;
}

.ddjayMortgageStep h3 {
    margin: 0 0 5px;
    color: #092f62;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.45;
}

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


/* =========================================================
   SECTION 6 — FINAL HIGH-CONTRAST CTA
========================================================= */

.ddjayFinalCta {
    position: relative;
    overflow: hidden;
    padding: 57px 24px;
    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(240, 180, 41, 0.14),
            transparent 30%
        ),
        linear-gradient(120deg, #04152d, #092f62);
    border-top: 4px solid #b97800;
}

.ddjayFinalCtaInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1160px;
    margin: 0 auto;
}

.ddjayFinalCtaCopy {
    max-width: 670px;
}

.ddjayFinalCtaEyebrow {
    color: #f0b429;
}

.ddjayFinalCtaCopy h2 {
    margin: 13px 0;
    color: #ffffff;
    font-size: clamp(29px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.25;
}

.ddjayFinalCtaCopy h2 strong {
    color: #f0b429;
}

.ddjayFinalCtaCopy p {
    margin: 0;
    color: #dce6f3;
    font-size: 16px;
}

.ddjayFinalCtaActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
}

.ddjayBtnGold {
    min-width: 240px;
    border-color: #f0b429;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #061d3d !important;
}

.ddjayFinalPhone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
}

.ddjayFinalPhoneIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: #f0b429;
    font-size: 20px;
}

.ddjayFinalPhone small,
.ddjayFinalPhone strong {
    display: block;
    font-size: 15px;
    line-height: 1.6;
}

.ddjayFinalPhone small {
    color: #dce6f3;
}

.ddjayFinalPhone strong {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}


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

@media (max-width: 1000px) {
    .ddjayValuationGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ddjaySchemeLayout {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
        gap: 22px;
    }

    .ddjayMortgageInner {
        gap: 32px;
    }

    .ddjayFinalCtaInner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .ddjayFinalCtaActions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 760px) {
    .ddjayHero,
    .ddjayScheme,
    .ddjayValuation,
    .ddjayBenchmark,
    .ddjayMortgage,
    .ddjayFinalCta {
        padding: 52px 18px;
    }

    .ddjayHero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .ddjayHeroIntro {
        font-size: 16px !important;
    }

    .ddjayHeroActions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .ddjayHeroActions .ddjayBtn {
        width: 100%;
    }

    .ddjayPhone {
        align-self: flex-start;
    }

    .ddjayHeroTrust {
        gap: 9px;
        margin-top: 28px;
    }

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

    .ddjaySectionHeading {
        margin-bottom: 30px;
    }

    .ddjaySectionHeading h2,
    .ddjayBenchmarkHeader h2,
    .ddjayMortgageCopy h2 {
        font-size: 30px;
    }

    .ddjaySchemeLayout,
    .ddjayBenchmarkHeader,
    .ddjayBenchmarkPanel,
    .ddjayMortgageInner {
        grid-template-columns: minmax(0, 1fr);
    }

    .ddjaySchemeCopy,
    .ddjaySchemePanel {
        padding: 24px 21px;
    }

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

    .ddjayValuationCard {
        padding: 27px 23px;
    }

    .ddjayBenchmarkHeader {
        gap: 15px;
    }

    .ddjayBenchmarkValue {
        min-height: 240px;
        padding: 30px 25px;
    }

    .ddjayBenchmarkAmount {
        font-size: 39px;
    }

    .ddjayBenchmarkDetails {
        padding: 27px 23px;
    }

    .ddjayMortgageInner {
        gap: 30px;
    }

    .ddjayMortgageSteps {
        padding: 8px 20px;
    }

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

    .ddjayBtnGold {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ddjayBtn,
    .ddjayValuationCard {
        transition: none;
    }
}

/* =========================================================
   POST-RERA GURUGRAM — SHARED DESIGN SYSTEM
   Royal navy, antique gold and warm ivory
   Minimum font size: 15px
========================================================= */

.prgHero,
.prgIntro,
.prgFactors,
.prgApproach {
    --prg-navy: #092f62;
    --prg-deep: #061d3d;
    --prg-deeper: #04152d;
    --prg-gold: #b97800;
    --prg-gold-light: #f0b429;
    --prg-ivory: #fbf8f1;
    --prg-ink: #192b40;
    --prg-muted: #526174;
    font-family: inherit;
    box-sizing: border-box;
}

.prgHero *,
.prgIntro *,
.prgFactors *,
.prgApproach * {
    box-sizing: border-box;
}

.prgHero p,
.prgIntro p,
.prgFactors p,
.prgApproach p,
.prgFactors li,
.prgApproach li {
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 1 — HERO
========================================================= */

.prgHero {
    position: relative;
    overflow: hidden;
    padding: 76px 24px 54px;
    color: #fff;
    background:
        radial-gradient(
            circle at 90% 12%,
            rgba(185, 120, 0, 0.20),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #04152d 0%,
            #092f62 58%,
            #0c376c 100%
        );
    border-bottom: 4px solid var(--prg-gold);
}

.prgHero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 8%;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.prgHeroInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.prgEyebrow,
.prgSectionLabel {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--prg-gold-light);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase;
}

.prgHero h1 {
    max-width: 950px;
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -1.1px;
}

.prgHero h1 span {
    color: var(--prg-gold-light);
}

.prgHeroSubtitle {
    max-width: 850px;
    margin: 0 0 18px;
    color: #f5d99d;
    font-size: clamp(20px, 2.3vw, 27px) !important;
    font-weight: 650;
    line-height: 1.45 !important;
}

.prgHeroText {
    max-width: 900px;
    margin: 0;
    color: #e7edf6;
    font-size: 17px !important;
    line-height: 1.9 !important;
}

.prgHeroText strong {
    color: #fff;
    font-weight: 750;
}

.prgHeroActions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
}

.prgBtn {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 15px 25px;
    border: 2px solid var(--prg-gold-light);
    border-radius: 7px;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    color: #061d3d !important;
    font-size: 17px;
    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;
}

.prgBtn span {
    font-size: 22px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.prgBtn:hover,
.prgBtn:focus-visible {
    transform: translateY(-3px);
    background: #ffca4d;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

.prgBtn:hover span {
    transform: translateX(4px);
}

.prgPhone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #fff !important;
    text-decoration: none !important;
}

.prgPhoneIcon {
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, 0.75);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    color: var(--prg-gold-light);
    font-size: 21px;
}

.prgPhone small,
.prgPhone strong {
    display: block;
    font-size: 15px;
    line-height: 1.6;
}

.prgPhone small {
    color: #d5deeb;
}

.prgPhone strong {
    color: #fff;
    font-size: 19px;
    font-weight: 800;
}

.prgHeroMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.prgHeroMeta span {
    display: inline-flex;
    align-items: center;
    padding: 8px 13px;
    border: 1px solid rgba(240, 180, 41, 0.35);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.045);
    color: #f6e5bf;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}


/* =========================================================
   SECTION 2 — INTRODUCTION
========================================================= */

.prgIntro {
    padding: 70px 24px;
    background: var(--prg-ivory);
    color: var(--prg-ink);
}

.prgIntroInner {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 25px;
    border-left: 4px solid var(--prg-gold);
}

.prgIntro .prgSectionLabel {
    margin-bottom: 12px;
    color: var(--prg-gold);
    font-size: 15px;
}

.prgIntro h2,
.prgFactorsHeading h2,
.prgApproach h2 {
    margin: 0 0 22px;
    color: var(--prg-deep);
    font-size: clamp(27px, 3.2vw, 39px);
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.prgIntro h2 strong,
.prgFactorsHeading h2 strong,
.prgApproach h2 strong {
    color: var(--prg-navy);
}

.prgIntro p {
    margin: 0 0 17px;
    color: var(--prg-muted);
}

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

.prgIntro p strong {
    color: var(--prg-deep);
    font-weight: 750;
}


/* =========================================================
   SECTION 3 — THREE VALUATION FACTORS
========================================================= */

.prgFactors {
    padding: 76px 24px 82px;
    background: #fff;
    color: var(--prg-ink);
}

.prgFactorsInner {
    max-width: 1200px;
    margin: 0 auto;
}

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

.prgFactorsHeading .prgSectionLabel {
    color: var(--prg-gold);
}

.prgFactorsHeading h2 {
    margin-bottom: 14px;
}

.prgFactorsHeading p {
    margin: 0;
    color: var(--prg-muted);
}

.prgFactorsGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
    align-items: stretch;
}

.prgFactorCard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px 25px 25px;
    overflow: hidden;
    border: 1px solid #e2e7ee;
    border-top: 4px solid var(--prg-navy);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(6, 29, 61, 0.07);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.prgFactorCard:hover {
    transform: translateY(-5px);
    border-top-color: var(--prg-gold);
    box-shadow: 0 17px 36px rgba(6, 29, 61, 0.13);
}

.prgFactorFeatured {
    border-top-color: var(--prg-gold);
    background: linear-gradient(180deg, #fffdf7 0%, #fff 58%);
    box-shadow: 0 14px 35px rgba(185, 120, 0, 0.11);
}

.prgFactorTop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}

.prgFactorNumber {
    display: inline-flex;
    width: 49px;
    height: 49px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--prg-deep);
    color: var(--prg-gold-light);
    font-size: 19px;
    font-weight: 800;
}

.prgFactorFeatured .prgFactorNumber {
    background: var(--prg-gold);
    color: #fff;
}

.prgFactorTag {
    color: var(--prg-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.prgFactorCard h3 {
    margin: 0 0 16px;
    color: var(--prg-deep);
    font-size: 22px;
    font-weight: 750;
    line-height: 1.4;
}

.prgFactorCard p {
    margin: 0 0 22px;
    color: var(--prg-muted);
    font-size: 16px;
    line-height: 1.8;
}

.prgFactorCard p strong {
    color: var(--prg-deep);
    font-weight: 750;
}

.prgFactorInsight {
    margin-top: auto;
    padding: 17px;
    border-left: 3px solid var(--prg-gold);
    border-radius: 0 5px 5px 0;
    background: #f7f8fa;
}

.prgFactorInsight strong,
.prgFactorInsight span {
    display: block;
    font-size: 15px;
    line-height: 1.7;
}

.prgFactorInsight strong {
    margin-bottom: 5px;
    color: var(--prg-navy);
    font-weight: 800;
}

.prgFactorInsight span {
    color: var(--prg-muted);
}


/* =========================================================
   SECTION 4 — EVIDENCE-LED APPROACH & FINAL CTA
========================================================= */

.prgApproach {
    padding: 78px 24px;
    background:
        radial-gradient(
            circle at 0% 100%,
            rgba(185, 120, 0, 0.09),
            transparent 35%
        ),
        #f3f6fa;
    color: var(--prg-ink);
}

.prgApproachInner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 48px;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto;
}

.prgApproachContent .prgSectionLabel {
    color: var(--prg-gold);
}

.prgApproachContent p {
    margin: 0 0 17px;
    color: var(--prg-muted);
}

.prgApproachContent p strong {
    color: var(--prg-deep);
}

.prgApproachPanel {
    position: relative;
    padding: 32px;
    border: 1px solid rgba(240, 180, 41, 0.42);
    border-radius: 10px;
    background: linear-gradient(145deg, #061d3d 0%, #092f62 100%);
    box-shadow: 0 18px 42px rgba(6, 29, 61, 0.19);
    color: #fff;
}

.prgPanelKicker {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--prg-gold-light);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

.prgApproachPanel h3 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 25px;
    font-weight: 750;
    line-height: 1.35;
}

.prgApproachPanel ul {
    display: grid;
    gap: 13px;
    margin: 0 0 27px;
    padding: 0;
    list-style: none;
}

.prgApproachPanel li {
    position: relative;
    padding-left: 27px;
    color: #e5ebf4;
    font-size: 16px;
    line-height: 1.65;
}

.prgApproachPanel li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--prg-gold-light);
    font-size: 17px;
    font-weight: 900;
}

.prgPanelBtn {
    width: 100%;
    min-height: 58px;
    margin-bottom: 17px;
}

.prgPanelPhone {
    display: block;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    text-decoration: underline !important;
    text-decoration-color: var(--prg-gold-light) !important;
    text-underline-offset: 5px;
}


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

@media (max-width: 980px) {
    .prgFactorsGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prgFactorCard:last-child {
        grid-column: 1 / -1;
    }

    .prgApproachInner {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .prgApproachPanel {
        max-width: 720px;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .prgHero {
        padding: 55px 20px 38px;
    }

    .prgHero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .prgHeroSubtitle {
        font-size: 21px !important;
    }

    .prgHeroText {
        font-size: 16px !important;
    }

    .prgHeroActions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .prgHeroActions .prgBtn {
        width: 100%;
    }

    .prgPhone {
        align-self: flex-start;
    }

    .prgHeroMeta {
        gap: 9px;
    }

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

    .prgIntro,
    .prgFactors,
    .prgApproach {
        padding: 52px 20px;
    }

    .prgIntroInner {
        padding-left: 18px;
    }

    .prgIntro h2,
    .prgFactorsHeading h2,
    .prgApproach h2 {
        font-size: 29px;
    }

    .prgFactorsGrid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .prgFactorCard:last-child {
        grid-column: auto;
    }

    .prgFactorCard {
        padding: 24px 21px;
    }

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

    .prgApproachPanel {
        padding: 25px 21px;
    }

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

@media (prefers-reduced-motion: reduce) {
    .prgBtn,
    .prgBtn span,
    .prgFactorCard {
        transition: none;
    }

    .prgBtn:hover,
    .prgFactorCard:hover {
        transform: none;
    }
}

/* =========================================
   BUILT-TO-SUIT CORPORATE CAMPUS
   Royal Navy & Gold Design System
   Unique namespace: gcbt
   Minimum font size: 15px
========================================= */

.gcbtHero,
.gcbtDistinction,
.gcbtAlternative,
.gcbtFramework,
.gcbtCta {
    box-sizing: border-box;
    font-family: inherit;
}

.gcbtHero *,
.gcbtDistinction *,
.gcbtAlternative *,
.gcbtFramework *,
.gcbtCta * {
    box-sizing: border-box;
}

.gcbtHero {
    position: relative;
    overflow: hidden;
    padding: 78px 24px 72px;
    background: linear-gradient(135deg, #04152d 0%, #092f62 65%, #123d70 100%);
    color: #ffffff;
    border-bottom: 5px solid #b97800;
}

.gcbtHero::before {
    content: "";
    position: absolute;
    top: -130px;
    right: -100px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(240, 180, 41, 0.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(240, 180, 41, 0.045),
        0 0 0 70px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gcbtHeroInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.gcbtEyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.gcbtHero h1 {
    max-width: 950px;
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 56px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1px;
}

.gcbtHero h1 span {
    color: #f0b429;
}

.gcbtHeroText {
    max-width: 850px;
    margin: 0;
    color: #e4ebf5;
    font-size: 18px;
    line-height: 1.85;
}

.gcbtHeroText strong {
    color: #ffffff;
    font-weight: 800;
}

.gcbtHeroHighlights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 850px;
    margin-top: 34px;
}

.gcbtHeroHighlight {
    padding: 22px;
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(240, 180, 41, 0.32);
    border-radius: 10px;
}

.gcbtHighlightNumber {
    display: block;
    margin-bottom: 8px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gcbtHeroHighlight > strong {
    display: block;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.5;
}

.gcbtHeroHighlight p {
    margin: 7px 0 0;
    color: #dbe5f2;
    font-size: 15px;
    line-height: 1.7;
}

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

.gcbtButton {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 15px 25px;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #061d3d !important;
    border: 2px solid #f0b429;
    border-radius: 6px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.19);
    font-size: 17px;
    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;
}

.gcbtButton:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #092f62 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.23);
    transform: translateY(-2px);
}

.gcbtButton span {
    font-size: 22px;
    line-height: 1;
}

.gcbtPhone {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.gcbtPhoneLabel {
    color: #dbe5f2;
    font-size: 15px;
    line-height: 1.5;
}

.gcbtPhone strong {
    color: #f0b429;
    font-size: 21px;
    line-height: 1.5;
}

.gcbtDistinction {
    padding: 76px 24px;
    background: #f8fafd;
    color: #203047;
}

.gcbtDistinctionInner {
    max-width: 1160px;
    margin: 0 auto;
}

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

.gcbtDistinction .gcbtEyebrow,
.gcbtAlternative .gcbtEyebrow,
.gcbtFramework .gcbtEyebrow {
    color: #9b6800;
}

.gcbtSectionIntro h2,
.gcbtAlternativeHeading h2,
.gcbtFrameworkIntro h2 {
    margin: 0 0 18px;
    color: #092f62;
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 800;
    line-height: 1.3;
}

.gcbtSectionIntro h2 strong,
.gcbtAlternativeHeading h2 strong,
.gcbtFrameworkIntro h2 strong {
    color: #a36d00;
}

.gcbtSectionIntro > p,
.gcbtAlternativeHeading > p,
.gcbtFrameworkIntro > p {
    margin: 0;
    color: #4d5b6e;
    font-size: 17px;
    line-height: 1.85;
}

.gcbtComparisonGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.gcbtComparisonCard {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e0e7f0;
    border-radius: 12px;
    box-shadow: 0 12px 34px rgba(9, 47, 98, 0.07);
}

.gcbtSezCard {
    border-top: 5px solid #092f62;
}

.gcbtCampusCard {
    border-top: 5px solid #b97800;
}

.gcbtCardIndex {
    display: block;
    margin-bottom: 16px;
    color: #916000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gcbtComparisonCard h3 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.gcbtComparisonCard > p {
    margin: 0 0 18px;
    color: #4d5b6e;
    font-size: 16px;
    line-height: 1.85;
}

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

.gcbtComparisonCard ul {
    display: grid;
    gap: 12px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.gcbtComparisonCard li {
    position: relative;
    padding-left: 25px;
    color: #33445b;
    font-size: 15px;
    line-height: 1.8;
}

.gcbtComparisonCard li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: #a36d00;
    font-size: 16px;
    font-weight: 900;
}

.gcbtComparisonCard li strong {
    color: #092f62;
}

.gcbtCardFoot {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
    padding: 18px;
    background: #f2f6fb;
    border-radius: 7px;
}

.gcbtCardFoot span {
    color: #5a6879;
    font-size: 15px;
    line-height: 1.5;
}

.gcbtCardFoot strong {
    color: #092f62;
    font-size: 17px;
    line-height: 1.6;
}

.gcbtInsightStrip {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 23px;
    background: #fff8e8;
    border: 1px solid #ead19b;
    border-left: 5px solid #b97800;
    border-radius: 8px;
}

.gcbtInsightMark {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #092f62;
    color: #f0b429;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 900;
}

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

.gcbtInsightStrip strong {
    color: #092f62;
}

.gcbtAlternative {
    padding: 78px 24px;
    background: #061d3d;
    color: #ffffff;
}

.gcbtAlternativeInner {
    max-width: 1160px;
    margin: 0 auto;
}

.gcbtAlternativeHeading {
    max-width: 850px;
    margin-bottom: 38px;
}

.gcbtAlternativeHeading h2 {
    color: #ffffff;
}

.gcbtAlternativeHeading h2 strong {
    color: #f0b429;
}

.gcbtAlternativeHeading > p {
    color: #d9e3f1;
}

.gcbtAlternative .gcbtEyebrow {
    color: #f0b429;
}

.gcbtAlternativeLayout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
}

.gcbtValuePanel {
    padding: 30px;
    border-radius: 12px;
}

.gcbtValueInUse {
    background: #ffffff;
    color: #203047;
    border: 1px solid #dce5f0;
}

.gcbtValueAlternative {
    background: #102e51;
    color: #ffffff;
    border: 1px solid rgba(240, 180, 41, 0.45);
}

.gcbtValueTag {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 11px;
    background: #f4e7c6;
    color: #6c4900;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

.gcbtValueAlternative .gcbtValueTag {
    background: #f0b429;
    color: #061d3d;
}

.gcbtValueIcon {
    display: block;
    margin-bottom: 10px;
    color: #b97800;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 1px;
}

.gcbtValuePanel h3 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.gcbtValueAlternative h3 {
    color: #ffffff;
}

.gcbtValuePanel > p {
    margin: 0 0 20px;
    color: #4d5b6e;
    font-size: 16px;
    line-height: 1.85;
}

.gcbtValueAlternative > p {
    color: #d9e3f1;
}

.gcbtValuePanel ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding-left: 21px;
}

.gcbtValuePanel li {
    padding-left: 3px;
    color: #344258;
    font-size: 15px;
    line-height: 1.8;
}

.gcbtValueAlternative li {
    color: #e4ebf5;
}

.gcbtValueDivider {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.gcbtCaution {
    margin-top: 26px;
    padding: 22px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(240, 180, 41, 0.4);
    border-radius: 8px;
    color: #e4ebf5;
    font-size: 15px;
    line-height: 1.85;
}

.gcbtCaution strong {
    color: #f0b429;
}

.gcbtFramework {
    padding: 78px 24px;
    background: #ffffff;
    color: #203047;
}

.gcbtFrameworkInner {
    max-width: 1160px;
    margin: 0 auto;
}

.gcbtFrameworkIntro {
    max-width: 850px;
    margin-bottom: 38px;
}

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

.gcbtFrameworkItem {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px;
    background: #f8fafd;
    border: 1px solid #e1e8f0;
    border-radius: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gcbtFrameworkItem:hover {
    border-color: #d5ad56;
    box-shadow: 0 9px 24px rgba(9, 47, 98, 0.07);
}

.gcbtFrameworkNo {
    display: flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    background: #092f62;
    color: #f0b429;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 900;
}

.gcbtFrameworkItem h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.gcbtFrameworkItem p {
    margin: 0;
    color: #4d5b6e;
    font-size: 15px;
    line-height: 1.85;
}

.gcbtFrameworkNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 26px;
    padding: 22px;
    background: #fff8e8;
    border: 1px solid #ead19b;
    border-radius: 8px;
}

.gcbtNoteIcon {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #b97800;
    color: #ffffff;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 900;
}

.gcbtFrameworkNote p {
    margin: 0;
    color: #344258;
    font-size: 15px;
    line-height: 1.85;
}

.gcbtCta {
    position: relative;
    overflow: hidden;
    padding: 58px 24px;
    background: linear-gradient(125deg, #092f62, #04152d);
    border-top: 5px solid #b97800;
    color: #ffffff;
}

.gcbtCtaInner {
    display: flex;
    max-width: 1160px;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    margin: 0 auto;
}

.gcbtCtaContent {
    max-width: 730px;
}

.gcbtCta .gcbtEyebrow {
    margin-bottom: 12px;
    color: #f0b429;
}

.gcbtCtaContent h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(28px, 3.2vw, 39px);
    font-weight: 800;
    line-height: 1.3;
}

.gcbtCtaContent h2 strong {
    color: #f0b429;
}

.gcbtCtaContent p {
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.85;
}

.gcbtCtaActions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

.gcbtCtaButton {
    min-width: 230px;
}

.gcbtCtaPhone {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.gcbtCtaPhone span {
    color: #dbe5f2;
    font-size: 15px;
    line-height: 1.5;
}

.gcbtCtaPhone strong {
    color: #f0b429;
    font-size: 21px;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .gcbtHero {
        padding: 60px 22px;
    }

    .gcbtDistinction,
    .gcbtAlternative,
    .gcbtFramework {
        padding: 60px 22px;
    }

    .gcbtComparisonGrid {
        gap: 18px;
    }

    .gcbtComparisonCard {
        padding: 24px;
    }

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

    .gcbtValueDivider {
        min-height: 45px;
    }

    .gcbtCtaInner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .gcbtCtaActions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 640px) {
    .gcbtHero {
        padding: 48px 18px;
    }

    .gcbtHero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gcbtHeroText {
        font-size: 16px;
    }

    .gcbtHeroHighlights {
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
        margin-top: 26px;
    }

    .gcbtHeroActions {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .gcbtHeroActions .gcbtButton {
        width: 100%;
    }

    .gcbtDistinction,
    .gcbtAlternative,
    .gcbtFramework {
        padding: 48px 18px;
    }

    .gcbtSectionIntro {
        margin-bottom: 28px;
        text-align: left;
    }

    .gcbtSectionIntro h2,
    .gcbtAlternativeHeading h2,
    .gcbtFrameworkIntro h2 {
        font-size: 29px;
    }

    .gcbtSectionIntro > p,
    .gcbtAlternativeHeading > p,
    .gcbtFrameworkIntro > p {
        font-size: 16px;
    }

    .gcbtComparisonGrid,
    .gcbtFrameworkGrid {
        grid-template-columns: minmax(0, 1fr);
    }

    .gcbtComparisonCard,
    .gcbtValuePanel {
        padding: 23px;
    }

    .gcbtComparisonCard h3,
    .gcbtValuePanel h3 {
        font-size: 22px;
    }

    .gcbtInsightStrip,
    .gcbtFrameworkNote {
        padding: 18px;
    }

    .gcbtFrameworkItem {
        gap: 14px;
        padding: 20px;
    }

    .gcbtFrameworkItem h3 {
        font-size: 19px;
    }

    .gcbtCta {
        padding: 46px 18px;
    }

    .gcbtCtaContent h2 {
        font-size: 29px;
    }

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

    .gcbtCtaButton {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gcbtButton,
    .gcbtFrameworkItem {
        transition: none;
    }
}

/* =========================================================
   GCG26 — GURUGRAM CAPITAL GAINS PAGE
   Royal navy and gold | Responsive | No hero image
   Minimum font size: 15px
========================================================= */

.gcg26-hero,
.gcg26-section,
.gcg26-resource,
.gcg26-final-cta {
    box-sizing: border-box;
}

.gcg26-hero *,
.gcg26-section *,
.gcg26-resource *,
.gcg26-final-cta * {
    box-sizing: border-box;
}

.gcg26-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 24px 72px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 88% 12%, rgba(185, 120, 0, 0.19), transparent 36%),
        linear-gradient(125deg, #04152d 0%, #092f62 62%, #061d3d 100%);
    border-bottom: 4px solid #b97800;
}

.gcg26-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 7%;
    width: 190px;
    height: 100%;
    opacity: 0.15;
    border-left: 1px solid #f0b429;
    border-right: 1px solid #f0b429;
    transform: skewX(-18deg);
    pointer-events: none;
}

.gcg26-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 0 auto;
}

.gcg26-eyebrow,
.gcg26-kicker,
.gcg26-panel-label,
.gcg26-example-label,
.gcg26-resource-kicker,
.gcg26-conclusion-kicker {
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.gcg26-eyebrow {
    margin-bottom: 20px;
    color: #f0b429;
}

.gcg26-hero h1 {
    max-width: 920px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 54px);
    line-height: 1.13;
    font-weight: 800;
    letter-spacing: -1.1px;
}

.gcg26-hero h1 span {
    display: block;
    margin-top: 8px;
    color: #f0b429;
}

.gcg26-hero-inner > p {
    max-width: 800px;
    margin: 0;
    color: #e3eaf4;
    font-size: 18px;
    line-height: 1.85;
}

.gcg26-hero-inner strong {
    color: #ffffff;
}

.gcg26-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.gcg26-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 15px 24px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.gcg26-btn:hover {
    transform: translateY(-2px);
}

.gcg26-btn-gold {
    color: #061d3d !important;
    background: linear-gradient(135deg, #f5c75e, #d99a16);
    border-color: #f0b429;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.18);
}

.gcg26-btn-gold:hover {
    color: #04152d !important;
    background: #ffd777;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.gcg26-btn-outline {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(240, 180, 41, 0.75);
}

.gcg26-btn-outline:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12);
}

.gcg26-hero-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    color: #d7e2f0;
    font-size: 15px;
    line-height: 1.6;
}

.gcg26-note-mark {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #f0b429;
    box-shadow: 0 0 0 5px rgba(240, 180, 41, 0.12);
}


/* SHARED SECTION LAYOUT */

.gcg26-container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.gcg26-section {
    padding: 76px 24px;
}

.gcg26-section-50c {
    color: #20334b;
    background: #f7f9fc;
}

.gcg26-section-heading {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.gcg26-kicker {
    margin-bottom: 14px;
    color: #a66a00;
}

.gcg26-section-heading h2 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: clamp(29px, 3.3vw, 40px);
    line-height: 1.23;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.gcg26-section-heading > p {
    margin: 0;
    color: #52647a;
    font-size: 17px;
    line-height: 1.8;
}


/* SECTION 50C */

.gcg26-50c-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.85fr);
    gap: 32px;
    align-items: start;
}

.gcg26-50c-copy > p {
    margin: 0 0 20px;
    color: #35485f;
    font-size: 17px;
    line-height: 1.9;
}

.gcg26-50c-copy strong {
    color: #092f62;
}

.gcg26-highlight {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e7d6b1;
    border-left: 5px solid #b97800;
    border-radius: 7px;
    box-shadow: 0 8px 26px rgba(9, 47, 98, 0.05);
}

.gcg26-highlight-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 18px;
    font-weight: 800;
}

.gcg26-highlight strong {
    display: block;
    margin: 2px 0 8px;
    color: #092f62;
    font-size: 19px;
    line-height: 1.5;
}

.gcg26-highlight p {
    margin: 0;
    color: #47596f;
    font-size: 16px;
    line-height: 1.8;
}

.gcg26-50c-panel {
    padding: 30px 26px;
    color: #ffffff;
    background: linear-gradient(155deg, #092f62, #04152d);
    border-top: 4px solid #d99a16;
    border-radius: 8px;
    box-shadow: 0 14px 35px rgba(4, 21, 45, 0.15);
}

.gcg26-panel-label {
    color: #f0b429;
    letter-spacing: 1px;
}

.gcg26-50c-panel h3 {
    margin: 12px 0 26px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 800;
}

.gcg26-check-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    padding: 19px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

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

.gcg26-check-item strong {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.5;
}

.gcg26-check-item p {
    margin: 0;
    color: #d7e2f0;
    font-size: 15px;
    line-height: 1.75;
}

.gcg26-panel-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 17px;
    padding: 16px 18px;
    color: #061d3d !important;
    background: #f0b429;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.gcg26-panel-link:hover {
    color: #061d3d !important;
    background: #ffd777;
}


/* SECTION: METHOD A VS METHOD B */

.gcg26-section-method {
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.13), transparent 38%),
        linear-gradient(145deg, #04152d 0%, #092f62 60%, #061d3d 100%);
}

.gcg26-heading-light h2 {
    color: #ffffff;
}

.gcg26-heading-light > p {
    color: #dce6f2;
}

.gcg26-heading-light .gcg26-kicker {
    color: #f0b429;
}

.gcg26-method-intro {
    max-width: 940px;
    margin: 0 auto 32px;
    padding: 0 4px;
}

.gcg26-method-intro p {
    margin: 0;
    color: #e2eaf4;
    font-size: 17px;
    line-height: 1.9;
}

.gcg26-method-intro strong {
    color: #f7cd6b;
}

.gcg26-example-card {
    padding: 32px;
    color: #24364b;
    background: #ffffff;
    border: 1px solid rgba(240, 180, 41, 0.6);
    border-radius: 10px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
}

.gcg26-example-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6ebf1;
}

.gcg26-example-label {
    margin-bottom: 8px;
    color: #a66a00;
    letter-spacing: 1px;
}

.gcg26-example-top h3 {
    margin: 0;
    color: #092f62;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 800;
}

.gcg26-example-tag {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    color: #77500a;
    background: #fff4d9;
    border: 1px solid #ead19a;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;
    white-space: nowrap;
}

.gcg26-input-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0 30px;
}

.gcg26-input-box {
    min-width: 0;
    padding: 17px;
    background: #f5f8fc;
    border: 1px solid #e3eaf3;
    border-radius: 5px;
}

.gcg26-input-box span {
    display: block;
    margin-bottom: 8px;
    color: #596b80;
    font-size: 15px;
    line-height: 1.5;
}

.gcg26-input-box strong {
    display: block;
    color: #092f62;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.gcg26-method-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.gcg26-method-box {
    padding: 25px;
    border: 1px solid #dce4ee;
    border-radius: 7px;
    background: #ffffff;
}

.gcg26-method-a {
    border-top: 4px solid #b97800;
}

.gcg26-method-b {
    border-top: 4px solid #092f62;
}

.gcg26-method-title {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px;
}

.gcg26-method-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    color: #061d3d;
    background: #f0b429;
    border-radius: 5px;
    font-size: 23px;
    font-weight: 900;
}

.gcg26-method-b .gcg26-method-letter {
    color: #ffffff;
    background: #092f62;
}

.gcg26-method-title h4 {
    margin: 0 0 4px;
    color: #092f62;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 800;
}

.gcg26-method-title > div > span {
    color: #5a6b80;
    font-size: 15px;
    line-height: 1.5;
}

.gcg26-calculation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid #e5eaf1;
}

.gcg26-calculation span {
    color: #52647a;
    font-size: 15px;
    line-height: 1.5;
}

.gcg26-calculation strong {
    color: #092f62;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 800;
}

.gcg26-formula {
    margin: 15px 0;
    padding: 16px;
    color: #092f62;
    background: #f5f8fc;
    border: 1px dashed #c6d2e1;
    border-radius: 4px;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 800;
    text-align: center;
    overflow-wrap: anywhere;
}

.gcg26-result-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid #edf0f5;
}

.gcg26-result-row span {
    color: #52647a;
    font-size: 15px;
    line-height: 1.6;
}

.gcg26-result-row strong {
    color: #092f62;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 800;
    text-align: right;
}

.gcg26-tax-result {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 18px;
    padding: 17px;
    color: #ffffff;
    background: #092f62;
    border-radius: 4px;
}

.gcg26-tax-result span {
    font-size: 15px;
    line-height: 1.5;
}

.gcg26-tax-result strong {
    color: #f7cd6b;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 900;
}

.gcg26-comparison-note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 25px;
    padding: 20px;
    background: #fff8e8;
    border: 1px solid #ead19a;
    border-radius: 6px;
}

.gcg26-comparison-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    color: #ffffff;
    background: #9b6700;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 900;
}

.gcg26-comparison-note p {
    margin: 0;
    color: #574521;
    font-size: 15px;
    line-height: 1.8;
}

.gcg26-comparison-note strong {
    color: #694800;
}

.gcg26-method-conclusion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 32px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 7px;
}

.gcg26-conclusion-kicker {
    margin-bottom: 10px;
    color: #f0b429;
    letter-spacing: 1px;
}

.gcg26-method-conclusion h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 23px;
    line-height: 1.45;
    font-weight: 800;
}

.gcg26-method-conclusion p {
    max-width: 730px;
    margin: 0;
    color: #dce6f2;
    font-size: 16px;
    line-height: 1.8;
}

.gcg26-method-conclusion .gcg26-btn {
    flex: 0 0 auto;
}


/* SPECIALIST RESOURCE */

.gcg26-resource {
    padding: 54px 24px;
    background: #f7f9fc;
}

.gcg26-resource-inner {
    display: flex;
    align-items: center;
    gap: 25px;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e3e8ef;
    border-left: 5px solid #b97800;
    border-radius: 7px;
    box-shadow: 0 10px 30px rgba(9, 47, 98, 0.06);
}

.gcg26-resource-emblem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    color: #f0b429;
    background: #092f62;
    border: 2px solid #b97800;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 900;
}

.gcg26-resource-kicker {
    margin-bottom: 7px;
    color: #a66a00;
    letter-spacing: 1px;
}

.gcg26-resource-copy h2 {
    margin: 0 0 9px;
    color: #092f62;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 800;
}

.gcg26-resource-copy p {
    margin: 0 0 15px;
    color: #52647a;
    font-size: 16px;
    line-height: 1.8;
}

.gcg26-resource-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #092f62 !important;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 800;
    text-decoration: none !important;
    border-bottom: 2px solid #d99a16;
    padding-bottom: 4px;
}

.gcg26-resource-link:hover {
    color: #a66a00 !important;
}


/* FINAL CTA */

.gcg26-final-cta {
    padding: 60px 24px;
    color: #ffffff;
    background: linear-gradient(125deg, #092f62, #04152d);
    border-top: 4px solid #b97800;
}

.gcg26-final-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.gcg26-final-cta-copy {
    max-width: 700px;
}

.gcg26-final-cta-copy .gcg26-kicker {
    color: #f0b429;
}

.gcg26-final-cta-copy h2 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.3;
    font-weight: 800;
}

.gcg26-final-cta-copy p {
    margin: 0;
    color: #dce6f2;
    font-size: 17px;
    line-height: 1.8;
}

.gcg26-final-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 17px;
    min-width: 250px;
}

.gcg26-phone-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 12px 16px;
    color: #ffffff !important;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 5px;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.gcg26-phone-link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08);
}

.gcg26-phone-link > span:first-child {
    color: #f0b429;
    font-size: 24px;
    line-height: 1.4;
}

.gcg26-phone-link small {
    display: block;
    margin-bottom: 3px;
    color: #dce6f2;
    font-size: 15px;
    line-height: 1.5;
}

.gcg26-phone-link strong {
    display: block;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 800;
}


/* RESPONSIVE */

@media (max-width: 900px) {
    .gcg26-50c-layout {
        grid-template-columns: 1fr;
    }

    .gcg26-50c-panel {
        max-width: 100%;
    }

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

    .gcg26-method-conclusion,
    .gcg26-final-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .gcg26-final-cta-actions {
        width: 100%;
        max-width: 420px;
    }

    .gcg26-method-conclusion .gcg26-btn {
        align-self: flex-start;
    }
}

@media (max-width: 640px) {
    .gcg26-hero {
        padding: 55px 20px 48px;
    }

    .gcg26-hero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .gcg26-hero-inner > p,
    .gcg26-50c-copy > p,
    .gcg26-method-intro p {
        font-size: 16px;
    }

    .gcg26-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .gcg26-btn {
        width: 100%;
        min-height: 54px;
    }

    .gcg26-section {
        padding: 55px 20px;
    }

    .gcg26-section-heading {
        margin-bottom: 30px;
    }

    .gcg26-section-heading h2 {
        font-size: 30px;
    }

    .gcg26-example-card {
        padding: 20px;
    }

    .gcg26-example-top {
        flex-direction: column;
    }

    .gcg26-input-grid,
    .gcg26-method-grid {
        grid-template-columns: 1fr;
    }

    .gcg26-input-box strong {
        font-size: 20px;
    }

    .gcg26-method-box {
        padding: 20px;
    }

    .gcg26-method-conclusion {
        padding: 22px;
    }

    .gcg26-resource {
        padding: 40px 20px;
    }

    .gcg26-resource-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 24px;
    }

    .gcg26-resource-copy h2 {
        font-size: 24px;
    }

    .gcg26-resource-link {
        align-items: flex-start;
        overflow-wrap: anywhere;
    }

    .gcg26-final-cta {
        padding: 48px 20px;
    }

    .gcg26-final-cta-actions {
        max-width: none;
    }

    .gcg26-comparison-note {
        padding: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gcg26-btn,
    .gcg26-panel-link,
    .gcg26-resource-link,
    .gcg26-phone-link {
        transition: none;
    }

    .gcg26-btn:hover {
        transform: none;
    }
}

/* =========================================================
   FIVE GURUGRAM PROFILES — ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique namespace: gvg5-
   Minimum font size: 15px
   ========================================================= */

.gvg5-hero,
.gvg5-intro,
.gvg5-case,
.gvg5-summary,
.gvg5-cta {
    box-sizing: border-box;
    font-family: inherit;
}

.gvg5-hero *,
.gvg5-intro *,
.gvg5-case *,
.gvg5-summary *,
.gvg5-cta * {
    box-sizing: border-box;
}

.gvg5-hero {
    position: relative;
    overflow: hidden;
    padding: 76px 24px 70px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(185, 120, 0, 0.20), transparent 36%),
        linear-gradient(130deg, #04152d 0%, #092f62 58%, #061d3d 100%);
    border-bottom: 4px solid #b97800;
}

.gvg5-hero::before {
    content: "";
    position: absolute;
    top: 0;
    right: 7%;
    width: 1px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(240, 180, 41, 0.32),
        transparent
    );
    pointer-events: none;
}

.gvg5-hero-inner,
.gvg5-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.gvg5-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1040px;
}

.gvg5-eyebrow,
.gvg5-section-kicker {
    display: inline-block;
    margin-bottom: 15px;
    color: #d99a16;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.gvg5-hero h1 {
    max-width: 950px;
    margin: 0 0 23px;
    color: #ffffff;
    font-size: clamp(34px, 4.3vw, 54px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1px;
}

.gvg5-hero-intro {
    max-width: 850px;
    margin: 0;
    color: #e7edf7;
    font-size: 18px;
    line-height: 1.9;
}

.gvg5-hero-intro strong {
    color: #ffd47b;
    font-weight: 800;
}

.gvg5-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.gvg5-hero-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 9px 14px;
    color: #fff5dc;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.gvg5-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 32px;
}

.gvg5-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 54px;
    padding: 15px 24px;
    color: #061d3d !important;
    background: linear-gradient(135deg, #f0c15c, #d99a16);
    border: 2px solid #f0c15c;
    border-radius: 5px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.23);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.gvg5-btn:hover,
.gvg5-btn:focus-visible {
    color: #ffffff !important;
    background: #092f62;
    border-color: #f0c15c;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

.gvg5-btn:focus-visible,
.gvg5-phone:focus-visible,
.gvg5-cta-phone:focus-visible {
    outline: 3px solid #ffd47b;
    outline-offset: 4px;
}

.gvg5-phone {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.gvg5-phone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #f0c15c;
    border: 1px solid rgba(240, 193, 92, 0.7);
    border-radius: 50%;
    font-size: 19px;
}

.gvg5-phone small,
.gvg5-phone strong {
    display: block;
    line-height: 1.6;
}

.gvg5-phone small {
    color: #d5dfed;
    font-size: 15px;
}

.gvg5-phone strong {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}

.gvg5-hero-note {
    margin: 28px 0 0;
    color: #d5dfed;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   INTRODUCTION & PROFILE NAVIGATION
   ========================================================= */

.gvg5-intro {
    padding: 66px 24px 62px;
    color: #172b43;
    background: #f8fbff;
}

.gvg5-intro-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 52px;
    align-items: start;
}

.gvg5-intro .gvg5-section-kicker,
.gvg5-summary .gvg5-section-kicker,
.gvg5-cta .gvg5-section-kicker {
    color: #946000;
}

.gvg5-intro-heading h2,
.gvg5-summary-heading h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.28;
}

.gvg5-intro-copy p {
    margin: 0 0 17px;
    color: #3c4b5f;
    font-size: 17px;
    line-height: 1.9;
}

.gvg5-intro-copy p:last-child {
    margin-bottom: 0;
}

.gvg5-intro-copy strong {
    color: #092f62;
    font-weight: 800;
}

.gvg5-profile-index {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 38px;
}

.gvg5-profile-index a {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px 16px;
    color: #092f62 !important;
    background: #ffffff;
    border: 1px solid #dce4ef;
    border-top: 3px solid #b97800;
    border-radius: 5px;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.gvg5-profile-index a:hover,
.gvg5-profile-index a:focus-visible {
    border-color: #b97800;
    box-shadow: 0 10px 25px rgba(9, 47, 98, 0.10);
    transform: translateY(-3px);
}

.gvg5-profile-index a > span {
    margin-bottom: 13px;
    color: #a36a00;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.3;
}

.gvg5-profile-index strong {
    margin-bottom: 7px;
    color: #092f62;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.gvg5-profile-index small {
    color: #5a687b;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   CASE STUDIES — SHARED STRUCTURE
   ========================================================= */

.gvg5-case {
    padding: 68px 24px;
    color: #24364c;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    scroll-margin-top: 30px;
}

.gvg5-case:nth-of-type(even) {
    background: #f8fbff;
}

.gvg5-case-header {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 34px;
    padding-bottom: 27px;
    border-bottom: 1px solid #dce4ef;
}

.gvg5-case-number {
    display: flex;
    flex: 0 0 64px;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    color: #061d3d;
    background: linear-gradient(145deg, #f5d78e, #d99a16);
    border-radius: 5px;
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 5px 14px rgba(185, 120, 0, 0.16);
}

.gvg5-case-header .gvg5-section-kicker {
    margin: 0 0 8px;
    color: #956000;
}

.gvg5-case-header h2 {
    margin: 0;
    color: #092f62;
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.28;
}

.gvg5-case-location {
    margin: 11px 0 0;
    color: #66768a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

.gvg5-case-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 38px;
    align-items: start;
}

.gvg5-case-main {
    min-width: 0;
}

.gvg5-case-block {
    margin: 0 0 30px;
}

.gvg5-case-block:last-child {
    margin-bottom: 0;
}

.gvg5-case-block h3 {
    margin: 0 0 13px;
    padding-left: 14px;
    color: #092f62;
    border-left: 4px solid #b97800;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.45;
}

.gvg5-case-block p {
    margin: 0 0 15px;
    color: #3c4b5f;
    font-size: 16px;
    line-height: 1.9;
}

.gvg5-case-block p:last-child {
    margin-bottom: 0;
}

.gvg5-case-block strong {
    color: #092f62;
    font-weight: 800;
}

.gvg5-list {
    margin: 14px 0 0;
    padding: 0 0 0 23px;
}

.gvg5-list li {
    margin: 0 0 12px;
    padding-left: 5px;
    color: #3c4b5f;
    font-size: 16px;
    line-height: 1.8;
}

.gvg5-list li::marker {
    color: #b97800;
}

.gvg5-list li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CASE STUDY SIDEBAR
   ========================================================= */

.gvg5-case-aside {
    position: sticky;
    top: 24px;
    padding: 26px 23px;
    color: #ffffff;
    background: linear-gradient(155deg, #092f62 0%, #061d3d 100%);
    border: 1px solid #234b78;
    border-top: 4px solid #d99a16;
    border-radius: 6px;
    box-shadow: 0 12px 32px rgba(6, 29, 61, 0.12);
}

.gvg5-aside-label {
    display: block;
    margin-bottom: 20px;
    color: #f0c15c;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1px;
}

.gvg5-metric {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.gvg5-metric:first-of-type {
    padding-top: 0;
}

.gvg5-metric span {
    color: #d5dfed;
    font-size: 15px;
    line-height: 1.6;
}

.gvg5-metric strong {
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.gvg5-outcome {
    margin-top: 21px;
    padding: 17px;
    background: rgba(240, 193, 92, 0.10);
    border: 1px solid rgba(240, 193, 92, 0.45);
    border-radius: 4px;
}

.gvg5-outcome > strong {
    display: block;
    margin-bottom: 7px;
    color: #f0c15c;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
}

.gvg5-outcome p {
    margin: 0;
    color: #edf2f9;
    font-size: 15px;
    line-height: 1.8;
}

.gvg5-aside-note {
    margin: 17px 0 0;
    color: #d5dfed;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   PROFILE-SPECIFIC DETAILS
   ========================================================= */

/* Profile 1: developer premium / residential mortgage */
.gvg5-case-m3m {
    border-top: 4px solid #b97800;
}

.gvg5-case-m3m .gvg5-case-number {
    background: linear-gradient(145deg, #f5d78e, #d99a16);
}

/* Profile 2: tax and pre-registration review */
.gvg5-case-sobha {
    background: #f8fbff;
    border-top: 4px solid #244e7c;
}

.gvg5-case-sobha .gvg5-case-number {
    color: #ffffff;
    background: linear-gradient(145deg, #244e7c, #092f62);
}

/* Profile 3: affordable housing / regulatory context */
.gvg5-case-ddjay {
    border-top: 4px solid #9b741f;
}

.gvg5-case-ddjay .gvg5-case-number {
    background: linear-gradient(145deg, #f5d78e, #b97800);
}

/* Profile 4: land and acquisition */
.gvg5-case-land {
    background: #f8fbff;
    border-top: 4px solid #a77a25;
}

.gvg5-case-land .gvg5-case-number {
    color: #ffffff;
    background: linear-gradient(145deg, #536b82, #092f62);
}

/* Profile 5: institutional and campus valuation */
.gvg5-case-campus {
    border-top: 4px solid #b97800;
}

.gvg5-case-campus .gvg5-case-number {
    color: #061d3d;
    background: linear-gradient(145deg, #f5d78e, #d99a16);
}


/* =========================================================
   SUMMARY — KEY VALUATION PRINCIPLES
   ========================================================= */

.gvg5-summary {
    padding: 72px 24px;
    color: #25374d;
    background:
        radial-gradient(circle at 100% 0%, rgba(185, 120, 0, 0.08), transparent 30%),
        #f3f7fc;
    border-top: 1px solid #dce4ef;
}

.gvg5-summary-heading {
    max-width: 820px;
    margin: 0 auto 37px;
    text-align: center;
}

.gvg5-summary-heading h2 {
    margin-bottom: 16px;
}

.gvg5-summary-heading > p {
    margin: 0;
    color: #536276;
    font-size: 17px;
    line-height: 1.9;
}

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

.gvg5-summary-card {
    padding: 27px 24px;
    background: #ffffff;
    border: 1px solid #dce4ef;
    border-bottom: 3px solid #b97800;
    border-radius: 5px;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.045);
}

.gvg5-summary-card > span {
    display: block;
    margin-bottom: 16px;
    color: #a36a00;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.4;
}

.gvg5-summary-card h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

.gvg5-summary-card p {
    margin: 0;
    color: #536276;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   FINAL CTA — HIGH CONTRAST / CONTACT CONVERSION
   ========================================================= */

.gvg5-cta {
    padding: 68px 24px 42px;
    color: #ffffff;
    background: #061d3d;
}

.gvg5-cta-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
    padding: 40px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.19), transparent 45%),
        linear-gradient(120deg, #092f62, #04152d);
    border: 1px solid rgba(240, 193, 92, 0.48);
    border-left: 5px solid #d99a16;
    border-radius: 7px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.17);
}

.gvg5-cta-copy h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.3;
}

.gvg5-cta-copy > p {
    max-width: 760px;
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.9;
}

.gvg5-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    min-width: 245px;
}

.gvg5-btn-cta {
    width: 100%;
    min-height: 58px;
    font-size: 17px;
}

.gvg5-cta-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 48px;
    padding: 11px 15px;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.gvg5-cta-phone strong {
    color: #ffd47b;
    font-size: 17px;
    font-weight: 800;
}

.gvg5-cta-phone:hover,
.gvg5-cta-phone:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    border-color: #f0c15c;
}

.gvg5-disclaimer {
    max-width: 1050px;
    margin: 24px auto 0;
    color: #c9d4e3;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}


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

@media (max-width: 1000px) {
    .gvg5-profile-index {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gvg5-case-layout {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 25px;
    }

    .gvg5-intro-grid {
        gap: 30px;
    }

    .gvg5-cta-panel {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
    }

    .gvg5-cta-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        min-width: 0;
    }

    .gvg5-btn-cta {
        width: auto;
    }
}


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

@media (max-width: 700px) {
    .gvg5-hero {
        padding: 52px 20px 48px;
    }

    .gvg5-hero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .gvg5-hero-intro {
        font-size: 16px;
        line-height: 1.85;
    }

    .gvg5-hero-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 19px;
    }

    .gvg5-btn {
        width: 100%;
        min-height: 56px;
    }

    .gvg5-intro,
    .gvg5-summary {
        padding: 48px 20px;
    }

    .gvg5-intro-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .gvg5-profile-index {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 28px;
    }

    .gvg5-profile-index a {
        padding: 17px 13px;
    }

    .gvg5-case {
        padding: 48px 20px;
    }

    .gvg5-case-header {
        gap: 15px;
        margin-bottom: 27px;
        padding-bottom: 22px;
    }

    .gvg5-case-number {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 20px;
    }

    .gvg5-case-header h2 {
        font-size: 27px;
    }

    .gvg5-case-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .gvg5-case-aside {
        position: static;
        padding: 23px 20px;
    }

    .gvg5-case-block h3 {
        font-size: 19px;
    }

    .gvg5-case-block p,
    .gvg5-list li {
        font-size: 16px;
    }

    .gvg5-summary-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .gvg5-cta {
        padding: 48px 20px 30px;
    }

    .gvg5-cta-panel {
        padding: 27px 21px;
        gap: 24px;
    }

    .gvg5-cta-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .gvg5-btn-cta {
        width: 100%;
    }

    .gvg5-cta-phone {
        width: 100%;
    }
}


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

@media (max-width: 380px) {
    .gvg5-hero h1 {
        font-size: 31px;
    }

    .gvg5-profile-index {
        grid-template-columns: minmax(0, 1fr);
    }

    .gvg5-case-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .gvg5-metric strong {
        font-size: 23px;
    }
}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gvg5-btn,
    .gvg5-profile-index a,
    .gvg5-cta-phone {
        transition: none;
    }
}

/* =========================================================
   GURUGRAM ENGAGEMENT GUIDE
   Royal Navy & Gold | Responsive | No Hero Image
   Unique namespace: gveGuide
   Minimum font size: 15px
========================================================= */

.gveGuideHero,
.gveGuideStep,
.gveGuideFinalCta {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.gveGuideHero *,
.gveGuideStep *,
.gveGuideFinalCta * {
    box-sizing: border-box;
}

.gveGuideHero {
    --gve-navy: #092f62;
    --gve-deep: #04152d;
    --gve-gold: #b97800;
    --gve-gold-light: #f0b429;
    --gve-ink: #172b45;
    --gve-muted: #52647a;

    position: relative;
    overflow: hidden;
    padding: 82px 24px 76px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 8%, rgba(185,120,0,.20), transparent 35%),
        radial-gradient(ellipse at 5% 100%, rgba(42,92,150,.32), transparent 40%),
        linear-gradient(125deg, #04152d 0%, #092f62 62%, #0d396d 100%);
}

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

.gveGuideHero::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -120px;
    bottom: -170px;
    border: 1px solid rgba(240,180,41,.28);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(240,180,41,.035),
        0 0 0 70px rgba(240,180,41,.025);
    pointer-events: none;
}

.gveGuideHero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gveGuideHero__eyebrow,
.gveGuideFinalCta__eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.gveGuideHero h1 {
    max-width: 920px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.2vw, 54px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.8px;
}

.gveGuideHero h1 strong {
    color: #f0b429;
    font-weight: 800;
}

.gveGuideHero__intro {
    max-width: 850px;
    margin: 0;
    color: #e3eaf4;
    font-size: 18px;
    line-height: 1.85;
}

.gveGuideHero__intro strong {
    color: #ffffff;
    font-weight: 800;
}

.gveGuideHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 980px;
    margin-top: 38px;
}

.gveGuideHero__highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 78px;
    padding: 17px 18px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    background: rgba(255,255,255,.065);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.gveGuideHero__number {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.65);
    border-radius: 8px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
}

.gveGuideHero__actions,
.gveGuideFinalCta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 32px;
}

.gveGuideBtn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.gveGuideBtn:hover {
    transform: translateY(-2px);
}

.gveGuideBtn:focus-visible,
.gveGuideHero a:focus-visible,
.gveGuideStep a:focus-visible,
.gveGuideFinalCta a:focus-visible {
    outline: 3px solid #f0b429;
    outline-offset: 4px;
}

.gveGuideBtn--gold {
    border-color: #f0b429;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    color: #04152d !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.20);
}

.gveGuideBtn--gold:hover {
    border-color: #ffcf60;
    background: #ffcf60;
    color: #04152d !important;
    box-shadow: 0 11px 28px rgba(0,0,0,.25);
}

.gveGuideBtn--outline {
    border-color: rgba(255,255,255,.65);
    background: transparent;
    color: #ffffff !important;
}

.gveGuideBtn--outline:hover {
    border-color: #f0b429;
    background: rgba(255,255,255,.08);
    color: #ffffff !important;
}

.gveGuideHero__contact {
    margin: 20px 0 0;
    color: #d7e1ef;
    font-size: 15px;
    line-height: 1.7;
}

.gveGuideHero__contact a {
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* =========================================================
   SHARED SECTION LAYOUT
========================================================= */

.gveGuideStep {
    --gve-navy: #092f62;
    --gve-deep: #061d3d;
    --gve-gold: #b97800;
    --gve-gold-light: #f0b429;
    --gve-ink: #172b45;
    --gve-muted: #52647a;

    padding: 76px 24px;
    color: var(--gve-ink);
    background: #ffffff;
}

.gveGuideContainer {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.gveGuideStep--identify {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.gveGuideStep--estimate {
    background: #f1f5fa;
}

.gveGuideStep--certificate {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.gveGuideStep__heading {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 24px;
}

.gveGuideStep__label {
    display: inline-flex;
    flex: 0 0 86px;
    min-height: 72px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gve-navy);
    color: #f0b429;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gveGuideStep__kicker {
    display: block;
    margin: 0 0 7px;
    color: var(--gve-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1.6;
    text-transform: uppercase;
}

.gveGuideStep__heading h2 {
    margin: 0;
    color: var(--gve-deep);
    font-size: clamp(27px, 3.1vw, 38px);
    font-weight: 600;
    line-height: 1.3;
}

.gveGuideStep__heading h2 strong {
    color: var(--gve-navy);
    font-weight: 800;
}

.gveGuideStep__intro {
    max-width: 900px;
    margin: 0 0 32px;
    color: var(--gve-muted);
    font-size: 17px;
    line-height: 1.85;
}

.gveGuideStep__intro strong {
    color: var(--gve-navy);
    font-weight: 800;
}

.gveGuideStep__intro a {
    color: var(--gve-navy);
    font-size: inherit;
    text-decoration: underline;
    text-decoration-color: #d99a16;
    text-underline-offset: 3px;
}


/* =========================================================
   STEP 1 — IDENTIFICATION CARDS
========================================================= */

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

.gveGuideIdentifyCard {
    position: relative;
    overflow: hidden;
    padding: 28px 25px 26px;
    border: 1px solid #dce4ee;
    border-top: 4px solid #b97800;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(9,47,98,.055);
    transition: transform .2s ease, box-shadow .2s ease;
}

.gveGuideIdentifyCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 34px rgba(9,47,98,.11);
}

.gveGuideIdentifyCard__icon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 8px;
    background: #092f62;
    color: #f0b429;
    font-size: 16px;
    font-weight: 800;
}

.gveGuideIdentifyCard h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.45;
}

.gveGuideIdentifyCard p {
    margin: 0;
    color: #52647a;
    font-size: 16px;
    line-height: 1.85;
}

.gveGuideIdentifyCard p strong {
    color: #172b45;
    font-weight: 800;
}

.gveGuideInsight {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-top: 28px;
    padding: 24px 25px;
    border: 1px solid #e5c87f;
    border-left: 5px solid #b97800;
    border-radius: 8px;
    background: #fffaf0;
}

.gveGuideInsight__mark {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #092f62;
    color: #f0b429;
    font-size: 18px;
    font-weight: 800;
}

.gveGuideInsight p {
    margin: 0;
    color: #3d4e62;
    font-size: 16px;
    line-height: 1.85;
}

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

.gveGuideInlineCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 30px;
    padding: 25px 28px;
    border-radius: 9px;
    background: #092f62;
    box-shadow: 0 10px 26px rgba(9,47,98,.12);
}

.gveGuideInlineCta h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
}

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

.gveGuideBtn--navy {
    flex-shrink: 0;
    border-color: #f0b429;
    background: #f0b429;
    color: #04152d !important;
}

.gveGuideBtn--navy:hover {
    background: #ffcf60;
    color: #04152d !important;
}


/* =========================================================
   STEP 2 — FEE ESTIMATE PANEL
========================================================= */

.gveGuideEstimatePanel {
    overflow: hidden;
    border: 1px solid #d9e2ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(4,21,45,.075);
}

.gveGuideEstimatePanel__header {
    padding: 30px 32px;
    border-bottom: 1px solid rgba(255,255,255,.13);
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.15), transparent 42%),
        linear-gradient(120deg, #04152d, #092f62);
}

.gveGuideEstimatePanel__badge {
    display: inline-block;
    margin-bottom: 13px;
    padding: 7px 11px;
    border: 1px solid rgba(240,180,41,.65);
    border-radius: 4px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gveGuideEstimatePanel__header h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.4;
}

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

.gveGuideEstimateList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 10px 30px;
}

.gveGuideEstimateItem {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 24px 15px;
    border-bottom: 1px solid #e7edf4;
}

.gveGuideEstimateItem:nth-last-child(-n+2) {
    border-bottom: 0;
}

.gveGuideEstimateItem__check {
    display: inline-flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff3d4;
    color: #835400;
    font-size: 17px;
    font-weight: 800;
}

.gveGuideEstimateItem h4 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
}

.gveGuideEstimateItem p {
    margin: 0;
    color: #52647a;
    font-size: 15px;
    line-height: 1.85;
}

.gveGuideEstimateItem p strong {
    color: #172b45;
    font-weight: 800;
}

.gveGuideEstimateNote {
    margin-top: 23px;
    padding: 20px 23px;
    border-left: 4px solid #b97800;
    border-radius: 6px;
    background: #fff8e8;
    color: #45556a;
    font-size: 15px;
    line-height: 1.8;
}

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

.gveGuideCenteredCta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
    margin-top: 32px;
    text-align: center;
}

.gveGuideTextLink {
    color: #092f62;
    font-size: 16px;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: #b97800;
    text-underline-offset: 4px;
}


/* =========================================================
   STEP 3 — PROCESS TIMELINE
========================================================= */

.gveGuideProcess {
    position: relative;
    margin-top: 12px;
}

.gveGuideProcess::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 30px;
    width: 2px;
    background: linear-gradient(180deg, #b97800, #dce4ee);
}

.gveGuideProcess__item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 0 0 30px;
}

.gveGuideProcess__item:last-child {
    padding-bottom: 0;
}

.gveGuideProcess__number {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #092f62;
    box-shadow: 0 0 0 1px #d8b15c;
    color: #f0b429;
    font-size: 17px;
    font-weight: 800;
}

.gveGuideProcess__content {
    flex: 1;
    padding: 21px 25px 23px;
    border: 1px solid #dfe6ef;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(9,47,98,.04);
}

.gveGuideProcess__content h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.5;
}

.gveGuideProcess__content p {
    margin: 0;
    color: #52647a;
    font-size: 16px;
    line-height: 1.85;
}

.gveGuideProcess__content p strong {
    color: #172b45;
    font-weight: 800;
}


/* =========================================================
   POST-ENGAGEMENT SUPPORT
========================================================= */

.gveGuideSupport {
    margin-top: 54px;
    padding: 32px;
    border: 1px solid #dce4ee;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(9,47,98,.055);
}

.gveGuideSupport__heading {
    max-width: 800px;
    margin-bottom: 27px;
}

.gveGuideSupport__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #b97800;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.gveGuideSupport__heading h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.4;
}

.gveGuideSupport__heading p {
    margin: 0;
    color: #52647a;
    font-size: 16px;
    line-height: 1.8;
}

.gveGuideSupport__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.gveGuideSupport__card {
    padding: 21px 18px;
    border: 1px solid #e0e7f0;
    border-radius: 8px;
    background: #f8fafc;
}

.gveGuideSupport__icon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    border-radius: 7px;
    background: #092f62;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
}

.gveGuideSupport__card h4 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
}

.gveGuideSupport__card p {
    margin: 0;
    color: #52647a;
    font-size: 15px;
    line-height: 1.8;
}

.gveGuideSupport__disclaimer {
    margin: 23px 0 0;
    padding-top: 18px;
    border-top: 1px solid #e2e8f0;
    color: #52647a;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   FINAL CTA — HIGH CONTRAST CONTACT PANEL
========================================================= */

.gveGuideFinalCta {
    position: relative;
    overflow: hidden;
    padding: 72px 24px;
    background:
        radial-gradient(ellipse at 0% 100%, rgba(240,180,41,.14), transparent 38%),
        linear-gradient(125deg, #04152d, #092f62 70%, #0b376b);
    color: #ffffff;
    text-align: center;
}

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

.gveGuideFinalCta__inner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

.gveGuideFinalCta__eyebrow {
    margin-bottom: 14px;
}

.gveGuideFinalCta h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 600;
    line-height: 1.3;
}

.gveGuideFinalCta h2 strong {
    color: #f0b429;
    font-weight: 800;
}

.gveGuideFinalCta__inner > p:not(.gveGuideFinalCta__email) {
    max-width: 780px;
    margin: 0 auto;
    color: #e0e9f4;
    font-size: 17px;
    line-height: 1.85;
}

.gveGuideFinalCta__actions {
    justify-content: center;
    margin-top: 29px;
}

.gveGuideBtn--white {
    border-color: #ffffff;
    background: #ffffff;
    color: #092f62 !important;
}

.gveGuideBtn--white:hover {
    border-color: #f0b429;
    background: #f0b429;
    color: #04152d !important;
}

.gveGuideFinalCta__email {
    margin: 22px 0 0;
    color: #dce6f3;
    font-size: 15px;
    line-height: 1.7;
}

.gveGuideFinalCta__email a {
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}


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

@media (max-width: 900px) {
    .gveGuideHero {
        padding: 65px 22px;
    }

    .gveGuideStep {
        padding: 62px 22px;
    }

    .gveGuideHero__highlights {
        gap: 12px;
    }

    .gveGuideHero__highlight {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 16px;
    }

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

    .gveGuideIdentifyCard:last-child {
        grid-column: 1 / -1;
    }

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

    .gveGuideEstimateList {
        padding-right: 18px;
        padding-left: 18px;
    }

    .gveGuideEstimateItem {
        padding-right: 12px;
        padding-left: 12px;
    }
}


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

@media (max-width: 600px) {
    .gveGuideHero {
        padding: 52px 18px 48px;
    }

    .gveGuideHero__eyebrow,
    .gveGuideFinalCta__eyebrow {
        letter-spacing: 1.3px;
    }

    .gveGuideHero h1 {
        font-size: 34px;
        line-height: 1.23;
        letter-spacing: -.4px;
    }

    .gveGuideHero__intro {
        font-size: 16px;
        line-height: 1.8;
    }

    .gveGuideHero__highlights {
        grid-template-columns: 1fr;
        margin-top: 27px;
    }

    .gveGuideHero__highlight {
        min-height: 0;
        align-items: center;
        flex-direction: row;
        padding: 13px 15px;
    }

    .gveGuideHero__actions,
    .gveGuideFinalCta__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .gveGuideBtn {
        width: 100%;
        min-height: 54px;
        padding: 14px 17px;
        font-size: 16px;
    }

    .gveGuideStep {
        padding: 49px 18px;
    }

    .gveGuideStep__heading {
        gap: 14px;
        margin-bottom: 20px;
    }

    .gveGuideStep__label {
        flex-basis: 61px;
        min-height: 60px;
        font-size: 15px;
    }

    .gveGuideStep__heading h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .gveGuideStep__kicker {
        font-size: 15px;
        letter-spacing: .5px;
    }

    .gveGuideStep__intro {
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 1.8;
    }

    .gveGuideIdentifyGrid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gveGuideIdentifyCard:last-child {
        grid-column: auto;
    }

    .gveGuideIdentifyCard {
        padding: 23px 21px;
    }

    .gveGuideIdentifyCard h3 {
        font-size: 20px;
    }

    .gveGuideIdentifyCard p {
        font-size: 15px;
    }

    .gveGuideInsight {
        gap: 12px;
        padding: 19px 17px;
    }

    .gveGuideInsight p {
        font-size: 15px;
    }

    .gveGuideInlineCta {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
        padding: 22px 20px;
    }

    .gveGuideInlineCta h3 {
        font-size: 19px;
    }

    .gveGuideEstimatePanel__header {
        padding: 24px 21px;
    }

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

    .gveGuideEstimatePanel__header p {
        font-size: 15px;
    }

    .gveGuideEstimateList {
        grid-template-columns: 1fr;
        padding: 7px 18px;
    }

    .gveGuideEstimateItem {
        padding: 21px 0;
        border-bottom: 1px solid #e7edf4 !important;
    }

    .gveGuideEstimateItem:last-child {
        border-bottom: 0 !important;
    }

    .gveGuideEstimateItem h4 {
        font-size: 17px;
    }

    .gveGuideEstimateItem p {
        font-size: 15px;
    }

    .gveGuideEstimateNote {
        padding: 17px;
        font-size: 15px;
    }

    .gveGuideProcess::before {
        left: 22px;
    }

    .gveGuideProcess__item {
        gap: 15px;
        padding-bottom: 23px;
    }

    .gveGuideProcess__number {
        flex-basis: 47px;
        width: 47px;
        height: 47px;
        font-size: 15px;
    }

    .gveGuideProcess__content {
        padding: 18px 16px;
    }

    .gveGuideProcess__content h3 {
        font-size: 19px;
    }

    .gveGuideProcess__content p {
        font-size: 15px;
    }

    .gveGuideSupport {
        margin-top: 38px;
        padding: 23px 17px;
    }

    .gveGuideSupport__heading h3 {
        font-size: 24px;
    }

    .gveGuideSupport__heading p {
        font-size: 15px;
    }

    .gveGuideSupport__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .gveGuideSupport__card {
        padding: 18px;
    }

    .gveGuideSupport__card h4 {
        font-size: 17px;
    }

    .gveGuideSupport__card p,
    .gveGuideSupport__disclaimer {
        font-size: 15px;
    }

    .gveGuideFinalCta {
        padding: 51px 18px;
    }

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

    .gveGuideFinalCta__inner > p:not(.gveGuideFinalCta__email) {
        font-size: 16px;
    }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gveGuideBtn,
    .gveGuideIdentifyCard {
        transition: none;
    }

    .gveGuideBtn:hover,
    .gveGuideIdentifyCard:hover {
        transform: none;
    }
}

/* =========================================
   SECTION 1: HERO
========================================= */
.ggrEngHero {
    --ggr-navy: #092f62;
    --ggr-deep: #04152d;
    --ggr-gold: #b97800;
    --ggr-gold-light: #f0b429;
    position: relative;
    overflow: hidden;
    padding: 76px 24px 72px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 10%, rgba(185, 120, 0, 0.19), transparent 35%),
        linear-gradient(120deg, #04152d 0%, #092f62 62%, #0d376b 100%);
    border-bottom: 4px solid var(--ggr-gold);
}

.ggrEngHero::before {
    content: "";
    position: absolute;
    top: -115px;
    right: -85px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(240, 180, 41, 0.25);
    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;
}

.ggrEngHeroInner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.ggrEngEyebrow,
.ggrEngSectionEyebrow,
.ggrEngCtaEyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.ggrEngHero h1 {
    max-width: 920px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(34px, 4.2vw, 54px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.1px;
}

.ggrEngHero h1 span {
    display: block;
    margin-top: 9px;
    color: #f0b429;
}

.ggrEngHeroText {
    max-width: 820px;
    margin: 0;
    color: #e4ebf5;
    font-size: 18px;
    line-height: 1.85;
}

.ggrEngHeroText strong {
    color: #ffffff;
    font-weight: 800;
}

.ggrEngHeroHighlights {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.ggrEngHeroHighlights span {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid rgba(240, 180, 41, 0.38);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.ggrEngHeroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ggrEngBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 54px;
    padding: 14px 23px;
    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: background-color 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease;
}

.ggrEngBtn:hover {
    transform: translateY(-2px);
}

.ggrEngBtnGold {
    border-color: #f0b429;
    background: #f0b429;
    color: #04152d !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}

.ggrEngBtnGold:hover {
    border-color: #ffd36a;
    background: #ffd36a;
    color: #04152d !important;
}

.ggrEngBtnOutline {
    border-color: rgba(255, 255, 255, 0.75);
    background: transparent;
    color: #ffffff !important;
}

.ggrEngBtnOutline:hover {
    border-color: #f0b429;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
}

.ggrEngHeroNote {
    margin: 19px 0 0;
    color: #d7e2f0;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   SECTION 2: SIX-STAGE OVERVIEW
========================================= */
.ggrEngOverview {
    padding: 76px 24px 82px;
    background: #f6f8fc;
    color: #18263b;
}

.ggrEngOverviewInner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

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

.ggrEngSectionHeading .ggrEngSectionEyebrow {
    color: #986200;
}

.ggrEngSectionHeading h2,
.ggrEngMethodIntro h2 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.ggrEngSectionHeading p,
.ggrEngMethodIntro p {
    margin: 0;
    color: #4c5b70;
    font-size: 17px;
    line-height: 1.8;
}

.ggrEngStageGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.ggrEngStageCard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 27px 25px 25px;
    overflow: hidden;
    border: 1px solid #dce3ed;
    border-top: 4px solid #b97800;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 9px 28px rgba(4, 21, 45, 0.055);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ggrEngStageCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(4, 21, 45, 0.11);
}

.ggrEngStageTwo {
    border-top-color: #092f62;
}

.ggrEngStageThree {
    border-top-color: #b97800;
}

.ggrEngStageFour {
    border-top-color: #092f62;
}

.ggrEngStageFive {
    border-top-color: #b97800;
}

.ggrEngStageSix {
    border-top-color: #092f62;
}

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

.ggrEngStageNumber {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 50%;
    background: #092f62;
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.ggrEngStageOne .ggrEngStageNumber,
.ggrEngStageThree .ggrEngStageNumber,
.ggrEngStageFive .ggrEngStageNumber {
    background: #b97800;
    color: #ffffff;
}

.ggrEngStageTag {
    display: inline-block;
    padding: 7px 10px;
    border: 1px solid #e6d2a8;
    border-radius: 4px;
    background: #fff9ed;
    color: #6e4b0a;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.ggrEngStageCard h3 {
    margin: 0 0 14px;
    color: #092f62;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.ggrEngStageCard p {
    margin: 0 0 17px;
    color: #4b586b;
    font-size: 16px;
    line-height: 1.8;
}

.ggrEngStageCard p strong,
.ggrEngStageList strong {
    color: #092f62;
    font-weight: 800;
}

.ggrEngStageList {
    display: grid;
    gap: 11px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.ggrEngStageList li {
    position: relative;
    padding-left: 22px;
    color: #46566b;
    font-size: 15px;
    line-height: 1.75;
}

.ggrEngStageList li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #b97800;
    transform: rotate(45deg);
}

.ggrEngStageHighlight {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
    padding: 15px 16px;
    border-left: 4px solid #b97800;
    border-radius: 0 5px 5px 0;
    background: #fff8e9;
}

.ggrEngStageHighlight strong {
    color: #092f62;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.ggrEngStageHighlight span {
    color: #5a4a2e;
    font-size: 15px;
    line-height: 1.65;
}

.ggrEngStageFooter {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 17px;
    color: #092f62;
    font-size: 15px;
    line-height: 1.6;
}

.ggrEngMiniDot {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    margin-top: 6px;
    border-radius: 50%;
    background: #b97800;
}

.ggrEngSupportList {
    display: grid;
    gap: 9px;
    margin: 0 0 20px;
}

.ggrEngSupportList span {
    display: block;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #f7f9fc;
    color: #253b59;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}


/* =========================================
   SECTION 3: METHODOLOGY STRIP
========================================= */
.ggrEngMethod {
    padding: 74px 24px;
    background: #ffffff;
    color: #18263b;
}

.ggrEngMethodInner {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 54px;
    align-items: start;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.ggrEngMethodIntro {
    padding-top: 7px;
}

.ggrEngMethodIntro .ggrEngSectionEyebrow {
    color: #986200;
}

.ggrEngMethodIntro h2 {
    font-size: clamp(28px, 3vw, 38px);
}

.ggrEngMethodItems {
    display: grid;
    gap: 15px;
}

.ggrEngMethodItem {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 17px;
    padding: 21px;
    border: 1px solid #dce3ed;
    border-radius: 7px;
    background: #fbfcfe;
}

.ggrEngMethodIndex {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background: #092f62;
    color: #f0b429;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.ggrEngMethodItem h3 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.ggrEngMethodItem p {
    margin: 0;
    color: #4b586b;
    font-size: 15px;
    line-height: 1.8;
}

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


/* =========================================
   SECTION 4: FINAL CTA
========================================= */
.ggrEngFinalCta {
    position: relative;
    overflow: hidden;
    padding: 58px 24px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240, 180, 41, 0.16), transparent 38%),
        linear-gradient(115deg, #04152d 0%, #092f62 100%);
    border-top: 4px solid #b97800;
}

.ggrEngFinalCtaInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.ggrEngFinalCtaContent {
    max-width: 680px;
}

.ggrEngCtaEyebrow {
    margin-bottom: 12px;
}

.ggrEngFinalCta h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.3;
}

.ggrEngFinalCta p {
    margin: 0;
    color: #e1e9f4;
    font-size: 17px;
    line-height: 1.8;
}

.ggrEngFinalCtaActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-width: 250px;
}

.ggrEngBtnLight {
    border-color: rgba(255, 255, 255, 0.8);
    background: transparent;
    color: #ffffff !important;
}

.ggrEngBtnLight:hover {
    border-color: #f0b429;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
}


/* =========================================
   RESPONSIVE LAYOUT
========================================= */
@media (max-width: 1000px) {
    .ggrEngStageGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ggrEngMethodInner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

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

    .ggrEngFinalCtaActions {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .ggrEngHero {
        padding: 54px 19px 50px;
    }

    .ggrEngHero::before {
        top: -180px;
        right: -190px;
    }

    .ggrEngHero h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .ggrEngHeroText {
        font-size: 16px;
        line-height: 1.8;
    }

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

    .ggrEngHeroHighlights span {
        width: 100%;
    }

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

    .ggrEngBtn {
        width: 100%;
        min-height: 54px;
    }

    .ggrEngOverview,
    .ggrEngMethod {
        padding: 54px 18px;
    }

    .ggrEngSectionHeading {
        margin-bottom: 30px;
        text-align: left;
    }

    .ggrEngStageGrid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .ggrEngStageCard {
        padding: 23px 20px;
    }

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

    .ggrEngMethodItem {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        padding: 17px;
    }

    .ggrEngMethodIndex {
        width: 40px;
        height: 40px;
    }

    .ggrEngFinalCta {
        padding: 48px 19px;
    }

    .ggrEngFinalCtaActions {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ggrEngStageCard,
    .ggrEngBtn {
        transition: none;
    }

    .ggrEngStageCard:hover,
    .ggrEngBtn:hover {
        transform: none;
    }
}

/* =========================================================
   GVI26 — POST-2016 GURUGRAM VALUATION INSIGHTS
   Royal Navy & Gold | Responsive | No Hero Image
   Minimum font size: 15px
   ========================================================= */


/* SECTION 1: HERO */
.gvi26-hero {
    --gvi26-navy: #092f62;
    --gvi26-deep: #04152d;
    --gvi26-gold: #b97800;
    --gvi26-bright-gold: #f0b429;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 82px 24px 54px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(185, 120, 0, 0.19), transparent 36%),
        linear-gradient(125deg, #04152d 0%, #092f62 60%, #0c3c73 100%);
}

.gvi26-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -125px;
    right: -95px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(240, 180, 41, 0.24);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(240, 180, 41, 0.035),
        0 0 0 68px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gvi26-hero-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gvi26-eyebrow {
    display: inline-block;
    margin-bottom: 21px;
    padding: 9px 14px;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 3px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.4px;
}

.gvi26-hero h1 {
    max-width: 950px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4.4vw, 57px);
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: -1.1px;
}

.gvi26-hero h1 strong {
    color: #ffca58;
    font-weight: 800;
}

.gvi26-gold-line {
    width: 84px;
    height: 4px;
    margin: 25px 0 22px;
    border-radius: 4px;
    background: linear-gradient(90deg, #b97800, #ffcf64);
}

.gvi26-hero p {
    max-width: 850px;
    margin: 0;
    color: #e5edf8;
    font-size: 17px;
    line-height: 1.9;
}

.gvi26-hero p strong {
    color: #ffffff;
    font-weight: 750;
}

.gvi26-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}

.gvi26-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    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;
}

.gvi26-btn-primary {
    color: #071a32 !important;
    background: linear-gradient(135deg, #f6c95f, #e6a51d);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}

.gvi26-btn-primary:hover {
    color: #04152d !important;
    background: #ffda7a;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.26);
}

.gvi26-btn-outline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.04);
}

.gvi26-btn-outline:hover {
    color: #ffcf64 !important;
    border-color: #ffcf64;
    background: rgba(255, 255, 255, 0.08);
}

.gvi26-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.19);
}

.gvi26-hero-meta span {
    color: #d6e2f1;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.6px;
}


/* SECTION 2: INTRODUCTION */
.gvi26-intro {
    padding: 65px 24px;
    background: #ffffff;
    color: #182a40;
}

.gvi26-intro-inner {
    display: grid;
    grid-template-columns: minmax(200px, 0.72fr) minmax(0, 2fr);
    gap: 50px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gvi26-intro-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding-top: 8px;
}

.gvi26-intro-label > span:first-child {
    color: #926000;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1px;
}

.gvi26-intro-number {
    padding: 7px 10px;
    border-left: 3px solid #b97800;
    color: #526174;
    background: #f5f7fa;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.gvi26-intro-content h2 {
    margin: 0 0 22px;
    color: #092f62;
    font-size: clamp(27px, 3vw, 37px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.gvi26-intro-content h2 strong {
    color: #b97800;
    font-weight: 800;
}

.gvi26-intro-content p {
    margin: 0 0 16px;
    color: #405066;
    font-size: 16px;
    line-height: 1.9;
}

.gvi26-intro-content p:last-child {
    margin-bottom: 0;
}

.gvi26-intro-content p strong {
    color: #092f62;
    font-weight: 800;
}


/* SECTION 3: INSIGHTS LIBRARY */
.gvi26-library {
    padding: 76px 24px 82px;
    background:
        linear-gradient(180deg, #f3f6fb 0%, #ffffff 100%);
    color: #182a40;
}

.gvi26-library-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gvi26-section-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.gvi26-section-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: #986500;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.5px;
}

.gvi26-section-heading h2 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.gvi26-section-heading h2 strong {
    color: #b97800;
    font-weight: 800;
}

.gvi26-section-heading p {
    max-width: 690px;
    margin: 0 auto;
    color: #526174;
    font-size: 16px;
    line-height: 1.8;
}

.gvi26-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
    align-items: stretch;
}

.gvi26-article {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px 24px 23px;
    border: 1px solid #e0e6ef;
    border-top: 3px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 7px 24px rgba(9, 47, 98, 0.055);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.gvi26-article:hover {
    transform: translateY(-5px);
    border-color: #d7b36a;
    box-shadow: 0 15px 34px rgba(9, 47, 98, 0.12);
}

.gvi26-article-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.gvi26-article-number {
    display: inline-flex;
    width: 39px;
    height: 39px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.gvi26-article-category {
    display: inline-block;
    color: #805500;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.gvi26-article h3 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.gvi26-article h3 strong {
    color: #8d5b00;
    font-weight: 850;
}

.gvi26-article p {
    margin: 0 0 23px;
    color: #526174;
    font-size: 15px;
    line-height: 1.85;
}

.gvi26-read-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    align-self: flex-start;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #e7ebf2;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none !important;
}

.gvi26-read-link span {
    color: #b97800;
    font-size: 20px;
    transition: transform 0.2s ease;
}

.gvi26-read-link:hover {
    color: #8d5b00 !important;
}

.gvi26-read-link:hover span {
    transform: translateX(4px);
}


/* SECTION 4: EXPERT ADVICE CTA */
.gvi26-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 60px 24px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.22), transparent 38%),
        linear-gradient(120deg, #04152d 0%, #092f62 72%, #0b376a 100%);
}

.gvi26-cta::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -85px;
    bottom: -175px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(240, 180, 41, 0.25);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(240, 180, 41, 0.04),
        0 0 0 60px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gvi26-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, 0.8fr);
    align-items: center;
    gap: 45px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gvi26-cta-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.4px;
}

.gvi26-cta-copy h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 500;
    line-height: 1.3;
}

.gvi26-cta-copy h2 strong {
    color: #ffca58;
    font-weight: 800;
}

.gvi26-cta-copy p {
    max-width: 730px;
    margin: 0;
    color: #e0eaf7;
    font-size: 16px;
    line-height: 1.9;
}

.gvi26-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 21px;
}

.gvi26-cta-actions .gvi26-btn {
    width: 100%;
    max-width: 310px;
}

.gvi26-cta-phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.gvi26-phone-icon {
    display: inline-flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: #ffcf64;
    font-size: 20px;
}

.gvi26-cta-phone > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gvi26-cta-phone small {
    color: #dce7f5;
    font-size: 15px;
    line-height: 1.5;
}

.gvi26-cta-phone strong {
    color: #ffcf64;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.gvi26-cta-phone:hover strong {
    color: #ffffff;
}


/* ACCESSIBILITY */
.gvi26-hero a:focus-visible,
.gvi26-article a:focus-visible,
.gvi26-cta a:focus-visible {
    outline: 3px solid #ffcf64;
    outline-offset: 4px;
}


/* RESPONSIVE: TABLETS */
@media (max-width: 980px) {
    .gvi26-hero {
        padding: 65px 22px 45px;
    }

    .gvi26-intro-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .gvi26-intro-label {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .gvi26-article-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .gvi26-cta-inner {
        grid-template-columns: minmax(0, 1fr) minmax(235px, 0.8fr);
        gap: 28px;
    }
}


/* RESPONSIVE: MOBILE */
@media (max-width: 600px) {
    .gvi26-hero {
        padding: 48px 19px 35px;
    }

    .gvi26-eyebrow {
        margin-bottom: 17px;
        letter-spacing: 0.7px;
    }

    .gvi26-hero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .gvi26-hero p {
        font-size: 16px;
        line-height: 1.8;
    }

    .gvi26-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .gvi26-hero-actions .gvi26-btn {
        width: 100%;
    }

    .gvi26-hero-meta {
        gap: 10px 17px;
        margin-top: 30px;
        padding-top: 18px;
    }

    .gvi26-intro {
        padding: 45px 19px;
    }

    .gvi26-intro-content h2 {
        font-size: 29px;
    }

    .gvi26-library {
        padding: 50px 19px 55px;
    }

    .gvi26-section-heading {
        margin-bottom: 29px;
        text-align: left;
    }

    .gvi26-section-heading h2 {
        font-size: 31px;
    }

    .gvi26-section-heading p {
        margin-left: 0;
    }

    .gvi26-article-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .gvi26-article {
        padding: 23px 20px;
    }

    .gvi26-article h3 {
        font-size: 20px;
    }

    .gvi26-cta {
        padding: 45px 19px;
    }

    .gvi26-cta-inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .gvi26-cta-copy h2 {
        font-size: 30px;
    }

    .gvi26-cta-actions {
        align-items: stretch;
    }

    .gvi26-cta-actions .gvi26-btn {
        max-width: none;
    }
}


/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
    .gvi26-btn,
    .gvi26-article,
    .gvi26-read-link span {
        transition: none;
    }
}

/* ==========================================================
   A2Z GURUGRAM ABOUT PAGE
   Royal navy & gold palette
   Three unique section namespaces
   Minimum font size: 15px
   ========================================================== */


/* ==========================================================
   SECTION 1: HERO
   ========================================================== */

.a2g-about-hero {
    --a2g-hero-navy: #092f62;
    --a2g-hero-deep: #04152d;
    --a2g-hero-gold: #b97800;
    --a2g-hero-light-gold: #ffcf64;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 76px 24px 40px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(185, 120, 0, 0.2),
            transparent 30%
        ),
        linear-gradient(
            125deg,
            var(--a2g-hero-deep) 0%,
            var(--a2g-hero-navy) 64%,
            #104276 100%
        );
}

.a2g-about-hero::before {
    position: absolute;
    z-index: -1;
    top: -175px;
    right: -115px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(255, 207, 100, 0.28);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(255, 207, 100, 0.04),
        0 0 0 75px rgba(255, 207, 100, 0.025);
    content: "";
    pointer-events: none;
}

.a2g-about-hero-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.a2g-about-eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 207, 100, 0.6);
    border-radius: 3px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 1.1px;
}

.a2g-about-hero h1 {
    max-width: 980px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(35px, 4.5vw, 56px);
    font-weight: 550;
    line-height: 1.18;
    letter-spacing: -0.8px;
}

.a2g-about-hero h1 strong {
    color: #ffcf64;
    font-weight: 850;
}

.a2g-about-gold-rule {
    width: 82px;
    height: 4px;
    margin: 25px 0 22px;
    border-radius: 4px;
    background: linear-gradient(90deg, #b97800, #ffcf64);
}

.a2g-about-hero-description {
    max-width: 900px;
    margin: 0 0 15px;
    color: #edf3fb;
    font-size: 18px;
    line-height: 1.85;
}

.a2g-about-hero-description strong {
    color: #ffffff;
    font-weight: 800;
}

.a2g-about-hero-subtext {
    max-width: 850px;
    margin: 0;
    color: #d3e0f0;
    font-size: 16px;
    line-height: 1.85;
}

.a2g-about-hero-subtext strong {
    color: #ffcf64;
    font-weight: 800;
}

.a2g-about-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}

.a2g-about-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.a2g-about-btn-gold {
    color: #071a32 !important;
    background: linear-gradient(135deg, #ffda7a, #e9ad2b);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.19);
}

.a2g-about-btn-gold:hover {
    color: #04152d !important;
    background: #ffe29a;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.a2g-about-btn-outline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.65);
    background: rgba(255, 255, 255, 0.04);
}

.a2g-about-btn-outline:hover {
    color: #ffcf64 !important;
    border-color: #ffcf64;
    background: rgba(255, 255, 255, 0.08);
}

.a2g-about-hero-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin-top: 40px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.a2g-about-hero-footer span {
    color: #e0e9f6;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    letter-spacing: 0.7px;
}


/* ==========================================================
   SECTION 2: PRACTICE STORY & DOMAIN POSITIONING
   ========================================================== */

.a2g-about-story {
    padding: 76px 24px;
    color: #23344a;
    background: #ffffff;
}

.a2g-about-story-inner {
    display: grid;
    grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1.65fr);
    gap: 58px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.a2g-about-story-aside {
    align-self: start;
    padding: 28px 25px;
    border: 1px solid #e5e9ef;
    border-top: 4px solid #b97800;
    border-radius: 4px;
    background: linear-gradient(160deg, #f6f8fc, #ffffff);
}

.a2g-about-story-kicker {
    color: #8d5b00;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.3px;
}

.a2g-about-story-mark {
    margin: 24px 0 15px;
    color: #092f62;
    font-size: 57px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -3px;
}

.a2g-about-story-aside h2 {
    margin: 0;
    color: #092f62;
    font-size: 28px;
    font-weight: 550;
    line-height: 1.35;
}

.a2g-about-story-aside h2 strong {
    color: #a76c00;
    font-weight: 850;
}

.a2g-about-story-accent {
    width: 55px;
    height: 4px;
    margin-top: 23px;
    border-radius: 3px;
    background: #b97800;
}

.a2g-about-story-content > p {
    margin: 0 0 19px;
    color: #46556a;
    font-size: 16px;
    line-height: 1.95;
}

.a2g-about-story-content > p strong {
    color: #092f62;
    font-weight: 850;
}

.a2g-about-domain-note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 28px;
    padding: 22px;
    border: 1px solid #e7d4a8;
    border-left: 4px solid #b97800;
    border-radius: 3px;
    background: #fbf8f0;
}

.a2g-about-domain-icon {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
}

.a2g-about-domain-note > div {
    min-width: 0;
}

.a2g-about-domain-note strong {
    display: block;
    margin: 0 0 7px;
    color: #092f62;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.a2g-about-domain-note p {
    margin: 0;
    color: #48566a;
    font-size: 15px;
    line-height: 1.85;
}

.a2g-about-domain-note a {
    color: #855600 !important;
    font-size: inherit;
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.a2g-about-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.7;
    text-decoration: none !important;
}

.a2g-about-inline-link span {
    color: #b97800;
    font-size: 21px;
    transition: transform 0.2s ease;
}

.a2g-about-inline-link:hover {
    color: #8d5b00 !important;
}

.a2g-about-inline-link:hover span {
    transform: translateX(4px);
}


/* ==========================================================
   SECTION 3: EXPERTISE & CONTACT CTA
   ========================================================== */

.a2g-about-expertise {
    padding: 78px 24px 75px;
    color: #203149;
    background: linear-gradient(180deg, #f1f5fb 0%, #ffffff 100%);
}

.a2g-about-expertise-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.a2g-about-expertise-heading {
    max-width: 790px;
    margin: 0 auto 42px;
    text-align: center;
}

.a2g-about-expertise-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: #916000;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.4px;
}

.a2g-about-expertise-heading h2 {
    margin: 0 0 16px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 550;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.a2g-about-expertise-heading h2 strong {
    color: #b97800;
    font-weight: 850;
}

.a2g-about-expertise-heading > p {
    max-width: 700px;
    margin: 0 auto;
    color: #536176;
    font-size: 16px;
    line-height: 1.85;
}

.a2g-about-expertise-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.a2g-about-expertise-card {
    position: relative;
    min-width: 0;
    padding: 27px 24px 25px;
    border: 1px solid #e0e6ef;
    border-top: 3px solid #b97800;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(9, 47, 98, 0.055);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.a2g-about-expertise-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(9, 47, 98, 0.11);
}

.a2g-about-card-number {
    position: absolute;
    top: 17px;
    right: 18px;
    color: #9aa8ba;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.a2g-about-card-icon {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #e9d7ad;
    border-radius: 4px;
    color: #b97800;
    background: #fbf7ed;
    font-size: 26px;
    line-height: 1;
}

.a2g-about-expertise-card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.a2g-about-expertise-card p {
    margin: 0;
    color: #536176;
    font-size: 15px;
    line-height: 1.9;
}

.a2g-about-expertise-card p strong {
    color: #092f62;
    font-weight: 850;
}


/* CREDENTIAL / PROFESSIONAL APPROACH STRIP */

.a2g-about-credentials {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, 0.75fr);
    align-items: center;
    gap: 36px;
    margin-top: 42px;
    padding: 34px;
    border: 1px solid rgba(255, 207, 100, 0.28);
    border-radius: 5px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(185, 120, 0, 0.2),
            transparent 38%
        ),
        linear-gradient(120deg, #04152d, #092f62);
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.12);
}

.a2g-about-credentials-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.2px;
}

.a2g-about-credentials-copy h3 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 550;
    line-height: 1.4;
}

.a2g-about-credentials-copy h3 strong {
    color: #ffcf64;
    font-weight: 850;
}

.a2g-about-credentials-copy p {
    margin: 0;
    color: #e0eaf7;
    font-size: 15px;
    line-height: 1.9;
}

.a2g-about-credentials-copy p strong {
    color: #ffffff;
    font-weight: 850;
}

.a2g-about-credentials-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
}

.a2g-about-credentials-action .a2g-about-btn {
    width: 100%;
}

.a2g-about-credentials-phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ffcf64 !important;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.a2g-about-credentials-phone:hover {
    color: #ffffff !important;
}

.a2g-about-credentials-phone span {
    font-size: 21px;
}

.a2g-about-credentials-caption {
    color: #d7e2f1;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

.a2g-about-hero a:focus-visible,
.a2g-about-story a:focus-visible,
.a2g-about-expertise a:focus-visible {
    outline: 3px solid #e6a51d;
    outline-offset: 4px;
}


/* ==========================================================
   RESPONSIVE: TABLET
   ========================================================== */

@media (max-width: 950px) {
    .a2g-about-story-inner {
        grid-template-columns: minmax(200px, 0.7fr) minmax(0, 1.3fr);
        gap: 30px;
    }

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

    .a2g-about-credentials {
        grid-template-columns: minmax(0, 1.3fr) minmax(230px, 0.8fr);
        gap: 25px;
        padding: 28px;
    }
}


/* ==========================================================
   RESPONSIVE: MOBILE
   ========================================================== */

@media (max-width: 650px) {
    .a2g-about-hero {
        padding: 48px 19px 32px;
    }

    .a2g-about-hero h1 {
        font-size: 35px;
        letter-spacing: -0.45px;
    }

    .a2g-about-hero-description {
        font-size: 16px;
        line-height: 1.85;
    }

    .a2g-about-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .a2g-about-hero-actions .a2g-about-btn {
        width: 100%;
    }

    .a2g-about-hero-footer {
        gap: 10px 18px;
        margin-top: 30px;
        padding-top: 18px;
    }

    .a2g-about-story {
        padding: 48px 19px;
    }

    .a2g-about-story-inner {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .a2g-about-story-aside {
        padding: 24px 21px;
    }

    .a2g-about-story-mark {
        margin-top: 18px;
        font-size: 49px;
    }

    .a2g-about-story-aside h2 {
        font-size: 27px;
    }

    .a2g-about-domain-note {
        padding: 17px;
    }

    .a2g-about-expertise {
        padding: 50px 19px;
    }

    .a2g-about-expertise-heading {
        margin-bottom: 28px;
        text-align: left;
    }

    .a2g-about-expertise-heading h2 {
        font-size: 30px;
    }

    .a2g-about-expertise-heading > p {
        margin-left: 0;
    }

    .a2g-about-expertise-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .a2g-about-expertise-card {
        padding: 23px 21px;
    }

    .a2g-about-credentials {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-top: 28px;
        padding: 24px 20px;
    }

    .a2g-about-credentials-copy h3 {
        font-size: 27px;
    }

    .a2g-about-credentials-action .a2g-about-btn {
        max-width: none;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .a2g-about-btn,
    .a2g-about-expertise-card,
    .a2g-about-inline-link span {
        transition: none;
    }
}

/* =========================================================
   M3MG26 — M3M INDIA GURUGRAM VALUATION PAGE
   Royal navy and gold design
   Three unique section namespaces
   Minimum font size: 15px
   No hero image
   ========================================================= */


/* =========================================================
   SECTION 1 — HERO
   ========================================================= */

.m3mg26-hero {
    --m3mg26-navy: #092f62;
    --m3mg26-deep: #04152d;
    --m3mg26-gold: #b97800;
    --m3mg26-light-gold: #f0b429;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 78px 24px 38px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(185, 120, 0, 0.20),
            transparent 32%
        ),
        linear-gradient(
            125deg,
            #04152d 0%,
            #092f62 62%,
            #103d72 100%
        );
}

.m3mg26-hero::before {
    position: absolute;
    z-index: -1;
    top: -140px;
    right: -95px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(240, 180, 41, 0.32);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(240, 180, 41, 0.045),
        0 0 0 65px rgba(240, 180, 41, 0.025);
    content: "";
    pointer-events: none;
}

.m3mg26-hero-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.m3mg26-eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    padding: 9px 14px;
    border: 1px solid rgba(240, 180, 41, 0.58);
    border-radius: 3px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.m3mg26-hero h1 {
    max-width: 960px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(35px, 4.5vw, 58px);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -1px;
}

.m3mg26-hero h1 strong {
    color: #ffcf64;
    font-weight: 850;
}

.m3mg26-accent-line {
    width: 86px;
    height: 4px;
    margin: 25px 0 22px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        #b97800,
        #ffcf64
    );
}

.m3mg26-hero-description {
    max-width: 850px;
    margin: 0;
    color: #e5edf8;
    font-size: 17px;
    line-height: 1.9;
}

.m3mg26-hero-description strong {
    color: #ffffff;
    font-weight: 800;
}

.m3mg26-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 29px;
}

.m3mg26-button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.m3mg26-button-gold {
    color: #071a32 !important;
    background: linear-gradient(
        135deg,
        #f7d47b,
        #e6a51d
    );
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2);
}

.m3mg26-button-gold:hover {
    color: #04152d !important;
    background: #ffdc83;
    transform: translateY(-2px);
    box-shadow: 0 11px 28px rgba(0, 0, 0, 0.26);
}

.m3mg26-button-outline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.58);
    background: rgba(255, 255, 255, 0.04);
}

.m3mg26-button-outline:hover {
    color: #ffcf64 !important;
    border-color: #ffcf64;
    background: rgba(255, 255, 255, 0.08);
}

.m3mg26-hero-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 39px;
    padding-top: 21px;
    border-top: 1px solid rgba(255, 255, 255, 0.19);
}

.m3mg26-hero-bottom span {
    color: #dbe7f5;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    letter-spacing: 0.6px;
}


/* =========================================================
   SECTION 2 — VALUATION ANALYSIS
   ========================================================= */

.m3mg26-analysis {
    padding: 76px 24px;
    color: #182a40;
    background: #ffffff;
}

.m3mg26-analysis-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.m3mg26-analysis-heading {
    max-width: 850px;
    margin: 0 auto 43px;
    text-align: center;
}

.m3mg26-section-label {
    display: inline-block;
    margin-bottom: 14px;
    color: #926000;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.4px;
}

.m3mg26-analysis-heading h2 {
    margin: 0 0 17px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 550;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.m3mg26-analysis-heading h2 strong {
    color: #b97800;
    font-weight: 850;
}

.m3mg26-analysis-heading > p {
    max-width: 780px;
    margin: 0 auto;
    color: #526174;
    font-size: 16px;
    line-height: 1.85;
}

.m3mg26-analysis-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.85fr);
    gap: 30px;
    align-items: stretch;
}

.m3mg26-analysis-main {
    padding: 32px;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(9, 47, 98, 0.055);
}

.m3mg26-analysis-main h3 {
    margin: 0 0 20px;
    color: #092f62;
    font-size: 25px;
    font-weight: 750;
    line-height: 1.45;
}

.m3mg26-analysis-main h3 strong {
    color: #986300;
    font-weight: 850;
}

.m3mg26-analysis-main > p {
    margin: 0 0 17px;
    color: #46566b;
    font-size: 16px;
    line-height: 1.9;
}

.m3mg26-analysis-main > p strong {
    color: #092f62;
    font-weight: 850;
}

.m3mg26-analysis-note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 25px;
    padding: 19px;
    border-left: 4px solid #b97800;
    border-radius: 3px;
    background: #f6f8fb;
}

.m3mg26-note-mark {
    display: inline-flex;
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #092f62;
    font-size: 16px;
    font-weight: 850;
}

.m3mg26-analysis-note p {
    margin: 0;
    color: #405066;
    font-size: 15px;
    line-height: 1.8;
}

.m3mg26-analysis-note p strong {
    color: #092f62;
    font-weight: 850;
}

.m3mg26-analysis-side {
    padding: 29px 25px;
    border-radius: 5px;
    color: #ffffff;
    background: linear-gradient(
        145deg,
        #04152d,
        #092f62
    );
    box-shadow: 0 12px 30px rgba(4, 21, 45, 0.14);
}

.m3mg26-side-label {
    display: inline-block;
    margin-bottom: 23px;
    padding-bottom: 13px;
    border-bottom: 2px solid #b97800;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.m3mg26-side-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.m3mg26-side-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.m3mg26-side-number {
    display: inline-flex;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 3px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
}

.m3mg26-side-item h4 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
}

.m3mg26-side-item p {
    margin: 0;
    color: #dce7f5;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 3 — VALUATION FACTORS & CTA
   ========================================================= */

.m3mg26-factors {
    padding: 76px 24px 70px;
    color: #182a40;
    background: linear-gradient(
        180deg,
        #f1f5fa 0%,
        #ffffff 100%
    );
}

.m3mg26-factors-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.m3mg26-factors-heading {
    max-width: 800px;
    margin: 0 auto 38px;
    text-align: center;
}

.m3mg26-factors-heading h2 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: clamp(29px, 3.4vw, 41px);
    font-weight: 550;
    line-height: 1.3;
}

.m3mg26-factors-heading h2 strong {
    color: #b97800;
    font-weight: 850;
}

.m3mg26-factors-heading > p {
    margin: 0 auto;
    color: #526174;
    font-size: 16px;
    line-height: 1.85;
}

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

.m3mg26-factor-card {
    min-width: 0;
    padding: 25px 22px;
    border: 1px solid #e0e6ef;
    border-top: 3px solid #b97800;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(9, 47, 98, 0.05);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.m3mg26-factor-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 13px 28px rgba(9, 47, 98, 0.1);
}

.m3mg26-factor-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 3px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.m3mg26-factor-card h3 {
    margin: 0 0 12px;
    color: #092f62;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.m3mg26-factor-card p {
    margin: 0;
    color: #526174;
    font-size: 15px;
    line-height: 1.85;
}

.m3mg26-expert-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(255px, 0.8fr);
    align-items: center;
    gap: 36px;
    margin-top: 42px;
    padding: 37px;
    border: 1px solid rgba(240, 180, 41, 0.3);
    border-radius: 5px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(185, 120, 0, 0.2),
            transparent 38%
        ),
        linear-gradient(
            120deg,
            #04152d,
            #092f62
        );
    box-shadow: 0 13px 35px rgba(4, 21, 45, 0.12);
}

.m3mg26-expert-kicker {
    display: inline-block;
    margin-bottom: 13px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.2px;
}

.m3mg26-expert-copy h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 550;
    line-height: 1.35;
}

.m3mg26-expert-copy h2 strong {
    color: #ffcf64;
    font-weight: 850;
}

.m3mg26-expert-copy > p {
    max-width: 720px;
    margin: 0;
    color: #e0eaf7;
    font-size: 16px;
    line-height: 1.85;
}

.m3mg26-expert-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 21px;
}

.m3mg26-expert-actions .m3mg26-button {
    width: 100%;
    max-width: 310px;
}

.m3mg26-expert-phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.m3mg26-phone-symbol {
    display: inline-flex;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, 0.7);
    border-radius: 50%;
    color: #ffcf64;
    font-size: 20px;
}

.m3mg26-expert-phone > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.m3mg26-expert-phone small {
    color: #dce7f5;
    font-size: 15px;
    line-height: 1.5;
}

.m3mg26-expert-phone strong {
    color: #ffcf64;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.m3mg26-expert-phone:hover strong {
    color: #ffffff;
}


/* =========================================================
   ACCESSIBILITY & RESPONSIVE LAYOUT
   ========================================================= */

.m3mg26-hero a:focus-visible,
.m3mg26-expert-actions a:focus-visible {
    outline: 3px solid #ffcf64;
    outline-offset: 4px;
}

@media (max-width: 1000px) {
    .m3mg26-analysis-layout {
        grid-template-columns: 1fr;
    }

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

    .m3mg26-expert-panel {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .m3mg26-expert-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 600px) {
    .m3mg26-hero {
        padding: 48px 19px 30px;
    }

    .m3mg26-hero h1 {
        font-size: 35px;
        letter-spacing: -0.5px;
    }

    .m3mg26-hero-description {
        font-size: 16px;
        line-height: 1.8;
    }

    .m3mg26-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .m3mg26-hero-actions .m3mg26-button {
        width: 100%;
    }

    .m3mg26-hero-bottom {
        gap: 11px 17px;
        margin-top: 29px;
    }

    .m3mg26-analysis,
    .m3mg26-factors {
        padding: 49px 19px;
    }

    .m3mg26-analysis-heading {
        margin-bottom: 28px;
        text-align: left;
    }

    .m3mg26-analysis-heading h2,
    .m3mg26-factors-heading h2 {
        font-size: 30px;
    }

    .m3mg26-analysis-heading > p {
        margin-left: 0;
    }

    .m3mg26-analysis-main {
        padding: 23px 19px;
    }

    .m3mg26-analysis-main h3 {
        font-size: 23px;
    }

    .m3mg26-analysis-side {
        padding: 24px 20px;
    }

    .m3mg26-factors-heading {
        text-align: left;
    }

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

    .m3mg26-factor-card {
        padding: 22px 20px;
    }

    .m3mg26-expert-panel {
        gap: 25px;
        margin-top: 28px;
        padding: 25px 20px;
    }

    .m3mg26-expert-copy h2 {
        font-size: 29px;
    }

    .m3mg26-expert-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .m3mg26-expert-actions .m3mg26-button {
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .m3mg26-button,
    .m3mg26-factor-card {
        transition: none;
    }
}

/* =========================================================
   GDEV31 — DEVELOPER ECOSYSTEM
   Royal navy and gold design
   Unique namespace for all three sections
   Minimum font size: 15px
   ========================================================= */


/* ---------------------------------------------------------
   SECTION 1: HERO
   --------------------------------------------------------- */
.gdev31-hero {
    --gdev31-navy: #092f62;
    --gdev31-deep: #04152d;
    --gdev31-gold: #b97800;
    --gdev31-bright: #f0b429;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 78px 24px 45px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%, rgba(185, 120, 0, 0.20), transparent 35%),
        linear-gradient(125deg, #04152d 0%, #092f62 65%, #0b3a70 100%);
}

.gdev31-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -135px;
    right: -90px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(240, 180, 41, 0.28);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(240, 180, 41, 0.035),
        0 0 0 70px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gdev31-hero-inner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}

.gdev31-eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    padding: 9px 13px;
    border: 1px solid rgba(240, 180, 41, 0.55);
    border-radius: 3px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.gdev31-hero h1 {
    max-width: 1000px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 57px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.gdev31-hero h1 strong {
    color: #ffca58;
    font-weight: 850;
}

.gdev31-gold-rule {
    width: 86px;
    height: 4px;
    margin: 25px 0 22px;
    border-radius: 4px;
    background: linear-gradient(90deg, #b97800, #ffcf64);
}

.gdev31-hero p {
    max-width: 880px;
    margin: 0 0 15px;
    color: #e4edf8;
    font-size: 17px;
    line-height: 1.9;
}

.gdev31-hero p strong {
    color: #ffffff;
    font-weight: 800;
}

.gdev31-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

.gdev31-btn {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.gdev31-btn-gold {
    color: #071a32 !important;
    background: linear-gradient(135deg, #f6cf70, #e6a51d);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.20);
}

.gdev31-btn-gold:hover {
    color: #04152d !important;
    background: #ffdc85;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.gdev31-btn-outline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.035);
}

.gdev31-btn-outline:hover {
    color: #ffcf64 !important;
    border-color: #ffcf64;
    background: rgba(255, 255, 255, 0.08);
}

.gdev31-hero-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 38px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.19);
}

.gdev31-hero-footer span {
    color: #dce6f4;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    letter-spacing: 0.6px;
}


/* ---------------------------------------------------------
   SECTION 2: FIVE DEVELOPER PROFILES
   --------------------------------------------------------- */
.gdev31-profiles {
    padding: 75px 24px 82px;
    color: #182a40;
    background: linear-gradient(180deg, #f3f6fb 0%, #ffffff 100%);
}

.gdev31-profiles-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gdev31-heading {
    max-width: 790px;
    margin: 0 auto 42px;
    text-align: center;
}

.gdev31-kicker {
    display: inline-block;
    margin-bottom: 13px;
    color: #8d5b00;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.3px;
}

.gdev31-heading h2 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 42px);
    font-weight: 500;
    line-height: 1.28;
    letter-spacing: -0.5px;
}

.gdev31-heading h2 strong {
    color: #b97800;
    font-weight: 850;
}

.gdev31-heading > p {
    max-width: 740px;
    margin: 0 auto;
    color: #526174;
    font-size: 16px;
    line-height: 1.85;
}

.gdev31-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.gdev31-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 25px 23px 22px;
    border: 1px solid #e0e6ef;
    border-top: 4px solid #b97800;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(9, 47, 98, 0.055);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.gdev31-card:hover {
    transform: translateY(-5px);
    border-color: #d8bd81;
    box-shadow: 0 16px 34px rgba(9, 47, 98, 0.12);
}

.gdev31-card-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.gdev31-number {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #ffffff;
    background: #092f62;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.gdev31-category {
    color: #805500;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.55;
}

.gdev31-card h3 {
    margin: 0 0 14px;
    color: #092f62;
    font-size: 21px;
    font-weight: 650;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.gdev31-card h3 strong {
    color: #8d5b00;
    font-weight: 850;
}

.gdev31-card > p {
    margin: 0 0 22px;
    color: #526174;
    font-size: 15px;
    line-height: 1.85;
}

.gdev31-factor {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
    margin-bottom: 20px;
    padding: 14px;
    border-left: 3px solid #b97800;
    background: #f5f7fa;
}

.gdev31-factor span {
    color: #805500;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.gdev31-factor strong {
    color: #092f62;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.65;
}

.gdev31-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    align-self: stretch;
    padding-top: 15px;
    border-top: 1px solid #e5eaf1;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.gdev31-link span {
    color: #b97800;
    font-size: 20px;
    transition: transform 0.2s ease;
}

.gdev31-link:hover {
    color: #8d5b00 !important;
}

.gdev31-link:hover span {
    transform: translateX(4px);
}

.gdev31-card-featured {
    border-top-color: #092f62;
    background: linear-gradient(150deg, #ffffff 0%, #f3f6fb 100%);
}

.gdev31-card-featured .gdev31-number {
    color: #071a32;
    background: #f0b429;
}


/* ---------------------------------------------------------
   SECTION 3: VALUATION FRAMEWORK & CTA
   --------------------------------------------------------- */
.gdev31-framework {
    padding: 74px 24px 0;
    color: #182a40;
    background: #ffffff;
}

.gdev31-framework-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.gdev31-framework-heading {
    max-width: 800px;
    margin: 0 auto 38px;
    text-align: center;
}

.gdev31-framework-heading h2 {
    margin: 0 0 15px;
    color: #092f62;
    font-size: clamp(29px, 3.5vw, 41px);
    font-weight: 500;
    line-height: 1.3;
}

.gdev31-framework-heading h2 strong {
    color: #b97800;
    font-weight: 850;
}

.gdev31-framework-heading > p {
    max-width: 720px;
    margin: 0 auto;
    color: #526174;
    font-size: 16px;
    line-height: 1.85;
}

.gdev31-framework-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px;
    margin-bottom: 62px;
}

.gdev31-framework-item {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 23px;
    border: 1px solid #e0e6ef;
    border-radius: 4px;
    background: #f8fafd;
}

.gdev31-framework-index {
    display: inline-flex;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9b45e;
    border-radius: 3px;
    color: #805500;
    background: #fff9eb;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.gdev31-framework-item h3 {
    margin: 0 0 8px;
    color: #092f62;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5;
}

.gdev31-framework-item p {
    margin: 0;
    color: #526174;
    font-size: 15px;
    line-height: 1.8;
}


/* CTA PANEL */
.gdev31-cta-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, 0.8fr);
    align-items: center;
    gap: 40px;
    overflow: hidden;
    isolation: isolate;
    padding: 43px;
    border-radius: 6px 6px 0 0;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(185, 120, 0, 0.22), transparent 40%),
        linear-gradient(120deg, #04152d 0%, #092f62 72%, #0b3a70 100%);
}

.gdev31-cta-panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -95px;
    bottom: -180px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(240, 180, 41, 0.25);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(240, 180, 41, 0.035),
        0 0 0 65px rgba(240, 180, 41, 0.025);
    pointer-events: none;
}

.gdev31-cta-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #ffcf64;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.1px;
}

.gdev31-cta-copy h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 37px);
    font-weight: 500;
    line-height: 1.3;
}

.gdev31-cta-copy h2 strong {
    color: #ffca58;
    font-weight: 850;
}

.gdev31-cta-copy p {
    max-width: 710px;
    margin: 0;
    color: #e1eaf6;
    font-size: 16px;
    line-height: 1.85;
}

.gdev31-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}

.gdev31-phone {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.gdev31-phone-icon {
    display: inline-flex;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240, 180, 41, 0.65);
    border-radius: 50%;
    color: #ffcf64;
    font-size: 20px;
}

.gdev31-phone-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gdev31-phone-text small {
    color: #dce7f5;
    font-size: 15px;
    line-height: 1.5;
}

.gdev31-phone-text strong {
    color: #ffcf64;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.gdev31-phone:hover .gdev31-phone-text strong {
    color: #ffffff;
}


/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */
.gdev31-hero a:focus-visible,
.gdev31-card a:focus-visible,
.gdev31-cta-panel a:focus-visible {
    outline: 3px solid #ffcf64;
    outline-offset: 4px;
}


/* ---------------------------------------------------------
   TABLET RESPONSIVE
   --------------------------------------------------------- */
@media (max-width: 980px) {
    .gdev31-hero {
        padding: 62px 22px 40px;
    }

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

    .gdev31-cta-panel {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 0.75fr);
        gap: 28px;
        padding: 32px;
    }
}


/* ---------------------------------------------------------
   MOBILE RESPONSIVE
   --------------------------------------------------------- */
@media (max-width: 600px) {
    .gdev31-hero {
        padding: 46px 19px 32px;
    }

    .gdev31-eyebrow {
        margin-bottom: 17px;
        letter-spacing: 0.5px;
    }

    .gdev31-hero h1 {
        font-size: 35px;
        letter-spacing: -0.4px;
    }

    .gdev31-hero p {
        font-size: 16px;
        line-height: 1.8;
    }

    .gdev31-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .gdev31-hero-actions .gdev31-btn {
        width: 100%;
    }

    .gdev31-hero-footer {
        gap: 10px 16px;
        margin-top: 28px;
        padding-top: 17px;
    }

    .gdev31-profiles {
        padding: 49px 19px 53px;
    }

    .gdev31-heading {
        margin-bottom: 29px;
        text-align: left;
    }

    .gdev31-heading h2 {
        font-size: 30px;
    }

    .gdev31-heading > p {
        margin-left: 0;
    }

    .gdev31-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .gdev31-card {
        padding: 23px 20px 21px;
    }

    .gdev31-card h3 {
        font-size: 21px;
    }

    .gdev31-framework {
        padding: 50px 19px 0;
    }

    .gdev31-framework-heading {
        margin-bottom: 27px;
        text-align: left;
    }

    .gdev31-framework-heading h2 {
        font-size: 30px;
    }

    .gdev31-framework-heading > p {
        margin-left: 0;
    }

    .gdev31-framework-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 42px;
    }

    .gdev31-framework-item {
        gap: 13px;
        padding: 18px;
    }

    .gdev31-framework-item h3 {
        font-size: 18px;
    }

    .gdev31-cta-panel {
        grid-template-columns: 1fr;
        gap: 26px;
        margin-right: -19px;
        margin-left: -19px;
        padding: 30px 20px;
        border-radius: 0;
    }

    .gdev31-cta-copy h2 {
        font-size: 29px;
    }

    .gdev31-cta-actions {
        align-items: stretch;
    }

    .gdev31-cta-actions .gdev31-btn {
        width: 100%;
    }
}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .gdev31-btn,
    .gdev31-card,
    .gdev31-link span {
        transition: none;
    }
}

/*NEW CSS - FOR NEXT SITE*/

/* ==========================================================
   GVR BUYER GUIDE
   ROYAL NAVY & ANTIQUE GOLD DESIGN SYSTEM
   Unique Namespace: gvrbuy-
========================================================== */

.gvrbuy-hero,
.gvrbuy-step {
    --gvrbuy-navy: #092f62;
    --gvrbuy-navy-light: #174675;
    --gvrbuy-gold: #b97800;
    --gvrbuy-gold-light: #d8ad5b;
    --gvrbuy-text: #42546d;
    --gvrbuy-muted: #68788e;
    --gvrbuy-border: #e3e9f1;
    --gvrbuy-soft: #f5f8fc;

    font-family: inherit;
    color: var(--gvrbuy-text);
    box-sizing: border-box;
}

.gvrbuy-hero *,
.gvrbuy-step * {
    box-sizing: border-box;
}

.gvrbuy-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ==========================================================
   HERO SECTION
========================================================== */

.gvrbuy-hero {
    position: relative;
    overflow: hidden;
    padding: 76px 0 25px;
    background:
        radial-gradient(ellipse at 90% 10%,
            rgba(185,120,0,.09), transparent 35%),
        linear-gradient(135deg, #f5f8fc 0%, #ffffff 55%, #faf7ef 100%);
}

.gvrbuy-hero:before {
    position: absolute;
    top: -180px;
    right: -160px;
    width: 460px;
    height: 460px;
    border: 1px solid rgba(185,120,0,.15);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gvrbuy-hero:after {
    position: absolute;
    top: -120px;
    right: -100px;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(9,47,98,.08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gvrbuy-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    align-items: center;
    gap: 65px;
}

.gvrbuy-hero-content {
    min-width: 0;
}

.gvrbuy-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    padding: 10px 15px;
    border: 1px solid #e9d6af;
    border-radius: 50px;
    background: #fffaf0;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-eyebrow-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--gvrbuy-gold);
}

.gvrbuy-hero h1 {
    margin: 0;
    color: var(--gvrbuy-navy) !important;
    font-size: clamp(36px, 4vw, 49px);
    line-height: 1.18;
    letter-spacing: -1.5px;
    font-weight: 900;
}

.gvrbuy-hero h1 > span {
    display: block;
    color: var(--gvrbuy-gold) !important;
}

.gvrbuy-hero h1 small {
    display: block;
    margin-top: 10px;
    color: var(--gvrbuy-navy) !important;
    font-size: .66em;
    line-height: 1.4;
    font-weight: 750;
    letter-spacing: -.4px;
}

.gvrbuy-gold-line {
    width: 85px;
    height: 4px;
    margin: 23px 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #b97800, #e4c47c);
}

.gvrbuy-hero-description,
.gvrbuy-hero-lead {
    margin: 0 0 15px;
    color: #52627a !important;
    font-size: 16px;
    line-height: 1.85;
}

.gvrbuy-hero-description strong,
.gvrbuy-hero-lead strong {
    color: var(--gvrbuy-navy) !important;
    font-weight: 850;
}

.gvrbuy-hero-highlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin: 27px 0;
}

.gvrbuy-hero-highlights > div {
    display: flex;
    min-height: 90px;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    padding: 12px 9px;
    border: 1px solid #e4e9f0;
    border-radius: 7px;
    background: rgba(255,255,255,.85);
}

.gvrbuy-highlight-number {
    color: var(--gvrbuy-gold) !important;
    font-size: 20px;
    font-weight: 900;
}

.gvrbuy-hero-highlights > div > span:last-child {
    color: var(--gvrbuy-navy) !important;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 750;
}

.gvrbuy-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gvrbuy-btn {
    display: inline-flex !important;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 19px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all .25s ease;
}

.gvrbuy-btn,
.gvrbuy-btn * {
    opacity: 1 !important;
    visibility: visible !important;
}

.gvrbuy-btn-call,
.gvrbuy-btn-primary {
    background: var(--gvrbuy-navy) !important;
    border-color: var(--gvrbuy-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(9,47,98,.18);
}

.gvrbuy-btn-call:hover,
.gvrbuy-btn-primary:hover {
    background: #174a7e !important;
    border-color: #174a7e !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.gvrbuy-btn-gold {
    background: var(--gvrbuy-gold) !important;
    border-color: var(--gvrbuy-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(185,120,0,.18);
}

.gvrbuy-btn-gold:hover {
    background: #946000 !important;
    border-color: #946000 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.gvrbuy-btn-icon {
    color: #ffffff !important;
    font-size: 19px;
}

.gvrbuy-btn-gold span {
    color: #ffffff !important;
    font-size: 19px;
}

.gvrbuy-hero-note {
    margin-top: 17px;
    color: #758399 !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvrbuy-hero-note strong {
    color: var(--gvrbuy-navy) !important;
}


/* ==========================================================
   HERO RIGHT — BUYER CHECKLIST PANEL
========================================================== */

.gvrbuy-hero-aside {
    position: relative;
    overflow: hidden;
    padding: 31px;
    border: 1px solid rgba(220,181,105,.55);
    border-radius: 12px;
    background: linear-gradient(145deg, #092f62, #123e6e 70%, #174675);
    box-shadow: 0 25px 55px rgba(9,47,98,.18);
}

.gvrbuy-hero-aside:after {
    position: absolute;
    right: -75px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    content: "";
}

.gvrbuy-aside-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.gvrbuy-aside-top > span:first-child {
    color: #e5c17a !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.gvrbuy-aside-seal {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7b263;
    border-radius: 50%;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
}

.gvrbuy-aside-title {
    position: relative;
    z-index: 1;
    margin: 25px 0;
    color: #ffffff !important;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 800;
}

.gvrbuy-aside-title strong {
    display: block;
    color: #e8c57d !important;
}

.gvrbuy-aside-list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.gvrbuy-aside-item {
    display: grid;
    grid-template-columns: 38px 1fr 25px;
    align-items: center;
    gap: 12px;
    padding: 19px 0;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.gvrbuy-aside-item > span {
    color: #e6bd70 !important;
    font-size: 19px;
    font-weight: 900;
}

.gvrbuy-aside-item strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
}

.gvrbuy-aside-item small {
    display: block;
    color: #d5e0ee !important;
    font-size: 15px;
    line-height: 1.5;
}

.gvrbuy-aside-item > b {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #d5ad60;
    color: #092f62 !important;
    font-size: 15px;
}

.gvrbuy-aside-footer {
    position: relative;
    z-index: 1;
    margin-top: 25px;
    padding: 18px;
    border: 1px solid rgba(228,194,125,.4);
    border-radius: 6px;
    background: rgba(255,255,255,.07);
}

.gvrbuy-aside-footer span {
    display: block;
    margin-bottom: 7px;
    color: #e8c57d !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-aside-footer strong {
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.5;
}

.gvrbuy-hero-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 52px;
    padding-top: 23px;
    border-top: 1px solid #e6eaf0;
    color: #7a8798 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    text-align: center;
}

.gvrbuy-bottom-divider {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gvrbuy-gold);
}


/* ==========================================================
   COMMON STEP SECTION
========================================================== */

.gvrbuy-step {
    position: relative;
    padding: 85px 0;
}

.gvrbuy-step-one {
    background: #ffffff;
}

.gvrbuy-step-two {
    background: #f5f7fb;
}

.gvrbuy-step-three {
    background: #ffffff;
}

.gvrbuy-step-four {
    background: #f5f7fb;
}

.gvrbuy-step-heading {
    display: flex;
    align-items: flex-start;
    gap: 23px;
    max-width: 970px;
    margin-bottom: 43px;
}

.gvrbuy-step-number {
    display: flex;
    width: 68px;
    height: 68px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9b66f;
    border-radius: 9px;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 26px;
    font-weight: 900;
    box-shadow: 0 7px 20px rgba(9,47,98,.14);
}

.gvrbuy-section-label {
    display: block;
    margin-bottom: 10px;
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

.gvrbuy-step-heading h2 {
    margin: 0 0 12px;
    color: var(--gvrbuy-navy) !important;
    font-size: clamp(29px, 3vw, 39px);
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: -.7px;
}

.gvrbuy-step-heading h2 strong {
    color: var(--gvrbuy-gold) !important;
}

.gvrbuy-step-heading p {
    max-width: 800px;
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 16px;
    line-height: 1.8;
}


/* ==========================================================
   STEP 01 — H-RERA INTRO
========================================================== */

.gvrbuy-rera-intro {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 32px;
    padding: 25px;
    border: 1px solid #e6d7b8;
    border-radius: 9px;
    background: #fffaf0;
}

.gvrbuy-rera-icon {
    display: flex;
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 900;
}

.gvrbuy-rera-intro h3 {
    margin: 0 0 10px;
    color: var(--gvrbuy-navy) !important;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.gvrbuy-rera-intro p {
    margin: 0 0 15px;
    color: var(--gvrbuy-text) !important;
    font-size: 16px;
    line-height: 1.8;
}

.gvrbuy-rera-intro p strong {
    color: var(--gvrbuy-navy) !important;
}

.gvrbuy-official-link,
.gvrbuy-oc-link {
    display: inline-flex !important;
    min-height: 47px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 11px 16px;
    border-radius: 5px;
    background: var(--gvrbuy-navy) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all .25s ease;
}

.gvrbuy-official-link:hover,
.gvrbuy-oc-link:hover {
    background: var(--gvrbuy-gold) !important;
    color: #ffffff !important;
}

.gvrbuy-official-link span {
    color: #ffffff !important;
    font-size: 19px;
}


/* ==========================================================
   STEP 01 — FOUR VERIFICATION CARDS
========================================================== */

.gvrbuy-verification-panel {
    margin-bottom: 43px;
}

.gvrbuy-panel-heading {
    margin-bottom: 23px;
}

.gvrbuy-panel-heading > span {
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-panel-heading h3,
.gvrbuy-record-heading h3,
.gvrbuy-fmv-heading h3,
.gvrbuy-oc-heading h3 {
    margin: 8px 0 0;
    color: var(--gvrbuy-navy) !important;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 850;
}

.gvrbuy-verification-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

.gvrbuy-verification-card {
    position: relative;
    min-width: 0;
    padding: 24px 19px;
    border: 1px solid #e4eaf1;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(9,47,98,.04);
    transition: .25s ease;
}

.gvrbuy-verification-card:hover {
    transform: translateY(-5px);
    border-color: #d6b56d;
    box-shadow: 0 12px 25px rgba(9,47,98,.09);
}

.gvrbuy-card-number {
    position: absolute;
    top: 16px;
    right: 17px;
    color: #c6a15e !important;
    font-size: 17px;
    font-weight: 900;
}

.gvrbuy-verification-icon {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 19px;
    border-radius: 7px;
    background: #fff4df;
    color: var(--gvrbuy-gold) !important;
    font-size: 24px;
}

.gvrbuy-verification-card h4 {
    margin: 0 0 10px;
    color: var(--gvrbuy-navy) !important;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 850;
}

.gvrbuy-verification-card p {
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}


/* ==========================================================
   STEP 01 — DEVELOPER RECORDS
========================================================== */

.gvrbuy-developer-record {
    padding: 32px;
    border-radius: 11px;
    background: #f5f7fb;
}

.gvrbuy-record-heading {
    margin-bottom: 25px;
}

.gvrbuy-record-heading h3 {
    margin-bottom: 8px;
}

.gvrbuy-record-heading p {
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 16px;
    line-height: 1.7;
}

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

.gvrbuy-developer-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 23px;
    border: 1px solid #e3e9f0;
    border-radius: 8px;
    background: #ffffff;
}

.gvrbuy-developer-featured {
    border: 1px solid #d9b66f;
    box-shadow: 0 8px 23px rgba(9,47,98,.07);
}

.gvrbuy-developer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 18px;
}

.gvrbuy-developer-initial {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 900;
}

.gvrbuy-developer-tag {
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    text-align: right;
}

.gvrbuy-developer-card h4 {
    margin: 0 0 12px;
    color: var(--gvrbuy-navy) !important;
    font-size: 22px;
    font-weight: 900;
}

.gvrbuy-developer-card > p {
    margin: 0 0 20px;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrbuy-developer-bottom {
    margin-top: auto;
    padding: 14px;
    border-left: 3px solid var(--gvrbuy-gold);
    border-radius: 0 5px 5px 0;
    background: #fff9ed;
}

.gvrbuy-developer-bottom strong {
    display: block;
    margin-bottom: 6px;
    color: var(--gvrbuy-navy) !important;
    font-size: 15px;
}

.gvrbuy-developer-bottom span {
    display: block;
    color: #647188 !important;
    font-size: 15px;
    line-height: 1.6;
}


/* ==========================================================
   COMMON STEP CTA
========================================================== */

.gvrbuy-step-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 29px 30px;
    border: 1px solid #c5a15d;
    border-radius: 9px;
    background: linear-gradient(110deg, #092f62, #164675);
    box-shadow: 0 10px 27px rgba(9,47,98,.11);
}

.gvrbuy-step-cta > div:first-child {
    min-width: 0;
}

.gvrbuy-step-cta > div:first-child > span {
    display: block;
    margin-bottom: 9px;
    color: #e8c77f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-step-cta h3 {
    margin: 0 0 8px;
    color: #ffffff !important;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 850;
}

.gvrbuy-step-cta p {
    margin: 0;
    color: #e1eaf4 !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvrbuy-cta-buttons {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 10px;
}

.gvrbuy-cta-buttons .gvrbuy-btn {
    min-width: 225px;
}


/* ==========================================================
   STEP 02 — BUYER INSIGHT
========================================================== */

.gvrbuy-buyer-insight {
    margin-bottom: 32px;
    padding: 28px 30px;
    border: 1px solid #e1d1ac;
    border-left: 5px solid var(--gvrbuy-gold);
    border-radius: 8px;
    background: #fffaf0;
}

.gvrbuy-insight-label {
    display: block;
    margin-bottom: 10px;
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-buyer-insight h3 {
    max-width: 900px;
    margin: 0 0 12px;
    color: var(--gvrbuy-navy) !important;
    font-size: 25px;
    line-height: 1.45;
    font-weight: 850;
}

.gvrbuy-buyer-insight h3 strong {
    color: var(--gvrbuy-gold) !important;
}

.gvrbuy-buyer-insight p {
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 16px;
    line-height: 1.8;
}

.gvrbuy-buyer-insight p strong {
    color: var(--gvrbuy-navy) !important;
}


/* ==========================================================
   STEP 02 — PREMIUM COMPARISON CARDS
========================================================== */

.gvrbuy-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 19px;
}

.gvrbuy-premium-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 26px 23px;
    border: 1px solid #e1e7ef;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 7px 24px rgba(9,47,98,.045);
    transition: .25s ease;
}

.gvrbuy-premium-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 13px 30px rgba(9,47,98,.10);
}

.gvrbuy-premium-highlight {
    border: 1px solid #d9b66f;
    box-shadow: 0 10px 30px rgba(185,120,0,.08);
}

.gvrbuy-premium-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-bottom: 20px;
}

.gvrbuy-premium-number {
    display: flex;
    width: 41px;
    height: 41px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.gvrbuy-premium-category {
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    text-align: right;
}

.gvrbuy-premium-card h3 {
    margin: 0 0 16px;
    color: var(--gvrbuy-navy) !important;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 900;
}

.gvrbuy-premium-card h3 strong {
    color: var(--gvrbuy-gold) !important;
}

.gvrbuy-premium-range {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 17px;
    padding: 18px;
    border-radius: 7px;
    background: linear-gradient(110deg, #092f62, #174675);
}

.gvrbuy-premium-range strong {
    color: #f0cf87 !important;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 900;
}

.gvrbuy-premium-range span {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.6;
}

.gvrbuy-premium-card > p {
    margin: 0 0 17px;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrbuy-premium-card > p strong {
    color: var(--gvrbuy-navy) !important;
}

.gvrbuy-premium-divider {
    width: 100%;
    height: 1px;
    margin: 3px 0 18px;
    background: #e7ebf1;
}

.gvrbuy-premium-card h4 {
    margin: 0 0 12px;
    color: var(--gvrbuy-navy) !important;
    font-size: 17px;
    font-weight: 850;
}

.gvrbuy-premium-card ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.gvrbuy-premium-card li {
    position: relative;
    padding-left: 23px;
    color: var(--gvrbuy-text) !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvrbuy-premium-card li:before {
    position: absolute;
    top: 3px;
    left: 0;
    color: var(--gvrbuy-gold);
    font-size: 17px;
    font-weight: 900;
    content: "✓";
}

.gvrbuy-premium-takeaway {
    margin-top: auto;
    padding: 16px;
    border-left: 3px solid var(--gvrbuy-gold);
    border-radius: 0 5px 5px 0;
    background: #fff8eb;
}

.gvrbuy-premium-takeaway strong {
    display: block;
    margin-bottom: 7px;
    color: var(--gvrbuy-navy) !important;
    font-size: 15px;
    font-weight: 850;
}

.gvrbuy-premium-takeaway p {
    margin: 0;
    color: #5c6b80 !important;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   STEP 02 — CONCLUSION PANEL
========================================================== */

.gvrbuy-comparison-conclusion {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 32px;
    padding: 28px;
    border: 1px solid #d9b66f;
    border-radius: 9px;
    background: #fffaf0;
}

.gvrbuy-conclusion-icon {
    display: flex;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 27px;
    font-weight: 900;
}

.gvrbuy-comparison-conclusion > div:last-child > span {
    display: block;
    margin-bottom: 8px;
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-comparison-conclusion h3 {
    margin: 0 0 11px;
    color: var(--gvrbuy-navy) !important;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 850;
}

.gvrbuy-comparison-conclusion h3 strong {
    color: var(--gvrbuy-gold) !important;
}

.gvrbuy-comparison-conclusion p {
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 16px;
    line-height: 1.8;
}

.gvrbuy-comparison-conclusion p strong {
    color: var(--gvrbuy-navy) !important;
}


/* ==========================================================
   STEP 03 — FMV INTRODUCTION
========================================================== */

.gvrbuy-fmv-introduction {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .7fr);
    gap: 28px;
    align-items: stretch;
    margin-bottom: 43px;
}

.gvrbuy-fmv-intro-main {
    padding: 28px;
    border: 1px solid #e3e9f0;
    border-radius: 9px;
    background: #ffffff;
}

.gvrbuy-fmv-intro-main h3 {
    margin: 0 0 15px;
    color: var(--gvrbuy-navy) !important;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 850;
}

.gvrbuy-fmv-intro-main h3 strong {
    color: var(--gvrbuy-gold) !important;
}

.gvrbuy-fmv-intro-main p {
    margin: 0 0 13px;
    color: var(--gvrbuy-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.gvrbuy-fmv-intro-main p:last-child {
    margin-bottom: 0;
}

.gvrbuy-fmv-intro-main p strong {
    color: var(--gvrbuy-navy) !important;
}

.gvrbuy-fmv-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 27px;
    border: 1px solid #d5b16c;
    border-radius: 9px;
    background: linear-gradient(145deg, #092f62, #164675);
}

.gvrbuy-fmv-side > span {
    color: #e5c37d !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvrbuy-fmv-side > strong {
    display: block;
    margin: 14px 0 9px;
    color: #ffffff !important;
    font-size: 39px;
    font-weight: 900;
}

.gvrbuy-fmv-side p {
    margin: 0;
    color: #e3eaf3 !important;
    font-size: 15px;
    line-height: 1.75;
}

.gvrbuy-fmv-side-line {
    width: 55px;
    height: 3px;
    margin: 21px 0;
    border-radius: 5px;
    background: #e0b85f;
}

.gvrbuy-fmv-side small {
    color: #f0d59d !important;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 750;
}


/* ==========================================================
   STEP 03 — FMV CHECKLIST
========================================================== */

.gvrbuy-fmv-heading {
    margin-bottom: 24px;
}

.gvrbuy-fmv-checks {
    margin-bottom: 35px;
}

.gvrbuy-fmv-check-card {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 21px;
    margin-bottom: 15px;
    padding: 24px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    transition: .25s ease;
}

.gvrbuy-fmv-check-card:hover {
    border-color: #d3b06c;
    box-shadow: 0 8px 22px rgba(9,47,98,.06);
}

.gvrbuy-fmv-check-number {
    display: flex;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 900;
}

.gvrbuy-fmv-check-content h4 {
    margin: 0 0 10px;
    color: var(--gvrbuy-navy) !important;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 850;
}

.gvrbuy-fmv-check-content p {
    margin: 0 0 15px;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrbuy-fmv-check-content p strong {
    color: var(--gvrbuy-navy) !important;
}

.gvrbuy-fmv-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gvrbuy-fmv-tags span {
    display: inline-block;
    padding: 8px 11px;
    border: 1px solid #e6eaf0;
    border-radius: 5px;
    background: #f5f8fc;
    color: #405675 !important;
    font-size: 15px;
    font-weight: 750;
}


/* ==========================================================
   STEP 03 — FMV OUTCOMES
========================================================== */

.gvrbuy-fmv-outcome {
    padding: 27px;
    border: 1px solid #e2d2ae;
    border-radius: 9px;
    background: #fffaf0;
}

.gvrbuy-outcome-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.gvrbuy-outcome-card {
    padding: 21px;
    border: 1px solid #eadfca;
    border-radius: 7px;
    background: #ffffff;
}

.gvrbuy-outcome-icon {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    border-radius: 50%;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 900;
}

.gvrbuy-outcome-card h4 {
    margin: 0 0 9px;
    color: var(--gvrbuy-navy) !important;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 850;
}

.gvrbuy-outcome-card p {
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   STEP 04 — OC ALERT
========================================================== */

.gvrbuy-oc-alert {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 39px;
    padding: 24px;
    border: 1px solid #d9b66f;
    border-left: 5px solid var(--gvrbuy-gold);
    border-radius: 8px;
    background: #fffaf0;
}

.gvrbuy-oc-alert-icon {
    display: flex;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gvrbuy-gold);
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 900;
}

.gvrbuy-oc-alert strong {
    display: block;
    margin-bottom: 9px;
    color: var(--gvrbuy-navy) !important;
    font-size: 16px;
    font-weight: 900;
}

.gvrbuy-oc-alert p {
    margin: 0;
    color: var(--gvrbuy-text) !important;
    font-size: 15px;
    line-height: 1.85;
}

.gvrbuy-oc-alert p strong {
    display: inline;
    font-size: inherit;
}

.gvrbuy-oc-heading {
    margin-bottom: 25px;
}


/* ==========================================================
   STEP 04 — OC VERIFICATION CARDS
========================================================== */

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

.gvrbuy-oc-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 25px;
    border: 1px solid #e1e7ef;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(9,47,98,.045);
    transition: .25s ease;
}

.gvrbuy-oc-card:hover {
    transform: translateY(-5px);
    border-color: #d4b16b;
    box-shadow: 0 12px 27px rgba(9,47,98,.09);
}

.gvrbuy-oc-card-featured {
    border-color: #d5b16b;
}

.gvrbuy-oc-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.gvrbuy-oc-number {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--gvrbuy-navy);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.gvrbuy-oc-label {
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    font-weight: 850;
    text-align: right;
}

.gvrbuy-oc-icon {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 8px;
    background: #fff4df;
    color: var(--gvrbuy-gold) !important;
    font-size: 25px;
}

.gvrbuy-oc-card h4 {
    margin: 0 0 11px;
    color: var(--gvrbuy-navy) !important;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 850;
}

.gvrbuy-oc-card > p {
    margin: 0 0 18px;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrbuy-oc-card > p strong {
    color: var(--gvrbuy-navy) !important;
}

.gvrbuy-oc-link {
    align-self: flex-start;
    margin-bottom: 19px;
}

.gvrbuy-oc-link-static {
    background: #f3f6fa !important;
    color: var(--gvrbuy-navy) !important;
    border: 1px solid #dce4ef;
}

.gvrbuy-oc-check {
    margin-top: auto;
    padding: 14px;
    border-left: 3px solid var(--gvrbuy-gold);
    border-radius: 0 5px 5px 0;
    background: #fff9ed;
}

.gvrbuy-oc-check strong {
    display: block;
    margin-bottom: 5px;
    color: var(--gvrbuy-navy) !important;
    font-size: 15px;
}

.gvrbuy-oc-check span {
    display: block;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.6;
}


/* ==========================================================
   STEP 04 — FINAL CONVERSION PANEL
========================================================== */

.gvrbuy-oc-final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 37px;
    padding: 31px;
    border: 1px solid #c5a15d;
    border-radius: 10px;
    background: linear-gradient(115deg, #092f62, #174675);
    box-shadow: 0 12px 30px rgba(9,47,98,.12);
}

.gvrbuy-oc-final-content {
    max-width: 690px;
}

.gvrbuy-oc-final-content .gvrbuy-section-label {
    color: #e7c47b !important;
}

.gvrbuy-oc-final-content h3 {
    margin: 0 0 11px;
    color: #ffffff !important;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 900;
}

.gvrbuy-oc-final-content h3 strong {
    color: #e9c477 !important;
}

.gvrbuy-oc-final-content p {
    margin: 0;
    color: #e2eaf3 !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrbuy-oc-final-content p strong {
    color: #ffffff !important;
}

.gvrbuy-oc-final-actions {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 11px;
}

.gvrbuy-oc-final-actions .gvrbuy-btn {
    min-width: 225px;
}


/* ==========================================================
   GUIDE FOOTER
========================================================== */

.gvrbuy-guide-footer {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 25px;
    align-items: center;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #dfe5ed;
}

.gvrbuy-footer-brand strong {
    display: block;
    margin-bottom: 5px;
    color: var(--gvrbuy-navy) !important;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: 1px;
}

.gvrbuy-footer-brand span {
    color: var(--gvrbuy-gold) !important;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 750;
}

.gvrbuy-footer-copy p {
    margin: 0;
    color: var(--gvrbuy-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrbuy-footer-copy strong {
    color: var(--gvrbuy-navy) !important;
}


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

@media (max-width: 1050px) {

    .gvrbuy-hero-inner {
        gap: 30px;
    }

    .gvrbuy-hero h1 {
        font-size: 38px;
    }

    .gvrbuy-hero-aside {
        padding: 24px;
    }

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

    .gvrbuy-developer-grid,
    .gvrbuy-premium-grid,
    .gvrbuy-oc-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gvrbuy-premium-card:last-child,
    .gvrbuy-oc-card:last-child {
        grid-column: 1 / -1;
    }

    .gvrbuy-step-cta,
    .gvrbuy-oc-final {
        align-items: flex-start;
    }

    .gvrbuy-cta-buttons .gvrbuy-btn,
    .gvrbuy-oc-final-actions .gvrbuy-btn {
        min-width: 205px;
    }

}


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

@media (max-width: 767px) {

    .gvrbuy-container {
        padding: 0 16px;
    }

    .gvrbuy-hero {
        padding: 43px 0 25px;
    }

    .gvrbuy-hero-inner {
        grid-template-columns: 1fr;
        gap: 33px;
    }

    .gvrbuy-hero h1 {
        font-size: 35px;
        letter-spacing: -.8px;
    }

    .gvrbuy-hero h1 small {
        font-size: .72em;
    }

    .gvrbuy-eyebrow {
        font-size: 15px;
        letter-spacing: .5px;
    }

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

    .gvrbuy-hero-highlights > div {
        min-height: 78px;
    }

    .gvrbuy-hero-cta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .gvrbuy-hero-cta .gvrbuy-btn {
        width: 100%;
    }

    .gvrbuy-hero-aside {
        padding: 23px 19px;
    }

    .gvrbuy-aside-title {
        font-size: 27px;
    }

    .gvrbuy-hero-bottom {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 35px;
        font-size: 15px;
    }

    .gvrbuy-step {
        padding: 58px 0;
    }

    .gvrbuy-step-heading {
        gap: 14px;
        margin-bottom: 30px;
    }

    .gvrbuy-step-number {
        width: 49px;
        height: 49px;
        font-size: 20px;
    }

    .gvrbuy-step-heading h2 {
        font-size: 29px;
    }

    .gvrbuy-step-heading p {
        font-size: 15px;
    }

    .gvrbuy-rera-intro {
        flex-direction: column;
        padding: 20px;
    }

    .gvrbuy-rera-intro h3 {
        font-size: 21px;
    }

    .gvrbuy-verification-grid,
    .gvrbuy-developer-grid,
    .gvrbuy-premium-grid,
    .gvrbuy-oc-grid {
        grid-template-columns: 1fr;
    }

    .gvrbuy-premium-card:last-child,
    .gvrbuy-oc-card:last-child {
        grid-column: auto;
    }

    .gvrbuy-developer-record {
        padding: 20px 15px;
    }

    .gvrbuy-step-cta,
    .gvrbuy-oc-final {
        flex-direction: column;
        align-items: stretch;
        padding: 23px 19px;
    }

    .gvrbuy-cta-buttons,
    .gvrbuy-oc-final-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .gvrbuy-cta-buttons .gvrbuy-btn,
    .gvrbuy-oc-final-actions .gvrbuy-btn {
        width: 100%;
        min-width: 0;
    }

    .gvrbuy-step-cta h3 {
        font-size: 21px;
    }

    .gvrbuy-buyer-insight {
        padding: 22px 19px;
    }

    .gvrbuy-buyer-insight h3 {
        font-size: 22px;
    }

    .gvrbuy-premium-card {
        padding: 23px 19px;
    }

    .gvrbuy-comparison-conclusion {
        flex-direction: column;
        padding: 22px 19px;
    }

    .gvrbuy-comparison-conclusion h3 {
        font-size: 22px;
    }

    .gvrbuy-fmv-introduction {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .gvrbuy-fmv-intro-main,
    .gvrbuy-fmv-side {
        padding: 22px 19px;
    }

    .gvrbuy-fmv-intro-main h3 {
        font-size: 24px;
    }

    .gvrbuy-fmv-check-card {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 14px;
    }

    .gvrbuy-fmv-check-number {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .gvrbuy-fmv-check-content h4 {
        font-size: 18px;
    }

    .gvrbuy-fmv-outcome {
        padding: 20px 15px;
    }

    .gvrbuy-outcome-grid {
        grid-template-columns: 1fr;
    }

    .gvrbuy-oc-alert {
        flex-direction: column;
        padding: 20px;
    }

    .gvrbuy-oc-card {
        padding: 22px 19px;
    }

    .gvrbuy-oc-final-content h3 {
        font-size: 23px;
    }

    .gvrbuy-guide-footer {
        grid-template-columns: 1fr;
        gap: 13px;
    }

}


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

@media (max-width: 380px) {

    .gvrbuy-hero h1 {
        font-size: 31px;
    }

    .gvrbuy-step-heading h2 {
        font-size: 26px;
    }

    .gvrbuy-hero-highlights > div {
        padding: 10px 7px;
    }

    .gvrbuy-aside-title {
        font-size: 24px;
    }

    .gvrbuy-fmv-check-card {
        grid-template-columns: 1fr;
    }

    .gvrbuy-fmv-check-number {
        margin-bottom: 3px;
    }

    .gvrbuy-premium-range strong {
        font-size: 31px;
    }

}


/* ==========================================================
   ACCESSIBILITY & THEME OVERRIDE PROTECTION
========================================================== */

.gvrbuy-hero a,
.gvrbuy-step a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.gvrbuy-hero a:focus-visible,
.gvrbuy-step a:focus-visible {
    outline: 3px solid #d6ad5c !important;
    outline-offset: 4px;
}

.gvrbuy-hero p,
.gvrbuy-step p,
.gvrbuy-hero li,
.gvrbuy-step li,
.gvrbuy-hero small,
.gvrbuy-step small,
.gvrbuy-hero span,
.gvrbuy-step span {
    overflow-wrap: break-word;
}

@media (prefers-reduced-motion: reduce) {
    .gvrbuy-hero *,
    .gvrbuy-step * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}


/* =========================================================
   A2Z VALUERS — GURUGRAM INDEPENDENT FLOOR PAGE
   UNIQUE PREFIX: aavmso-
   ROYAL NAVY + GOLD DESIGN SYSTEM
========================================================= */

.aavmso-floor-page {
    --aavmso-navy: #092f62;
    --aavmso-deep: #061f40;
    --aavmso-gold: #b97800;
    --aavmso-champagne: #c5a059;
    --aavmso-gold-light: #f6e9ca;
    --aavmso-text: #354963;
    --aavmso-muted: #68778b;
    --aavmso-bg: #f7f9fc;
    --aavmso-white: #ffffff;
    --aavmso-border: #e4e9f0;

    width: 100%;
    overflow: hidden;
    color: var(--aavmso-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.75;
}

.aavmso-floor-page *,
.aavmso-floor-page *::before,
.aavmso-floor-page *::after {
    box-sizing: border-box;
}

.aavmso-floor-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
}

.aavmso-floor-page p {
    font-size: 16px;
}

.aavmso-floor-page strong {
    font-weight: 800;
}

.aavmso-floor-page a {
    text-decoration: none;
}


/* =========================================================
   SHARED SECTION HEADINGS
========================================================= */

.aavmso-floor-section-heading {
    max-width: 850px;
    margin: 0 auto 48px;
    text-align: center;
}

.aavmso-floor-overline {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--aavmso-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.6px;
    line-height: 1.5;
}

.aavmso-floor-section-heading h2 {
    margin: 0 0 17px;
    color: var(--aavmso-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 700;
    letter-spacing: -0.7px;
    line-height: 1.25;
}

.aavmso-floor-section-heading h2 span {
    color: var(--aavmso-gold);
}

.aavmso-floor-section-heading > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--aavmso-muted);
    font-size: 17px;
    line-height: 1.85;
}


/* =========================================================
   BUTTON SYSTEM
========================================================= */

.aavmso-floor-btn {
    display: inline-flex !important;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}

.aavmso-floor-btn span {
    color: inherit !important;
    font-size: 21px;
    line-height: 1;
}

.aavmso-floor-btn-primary {
    background: linear-gradient(115deg, #b97800, #d6ad58);
    color: #061f40 !important;
    box-shadow: 0 7px 18px rgba(185,120,0,0.2);
}

.aavmso-floor-btn-primary:hover {
    background: var(--aavmso-white);
    border-color: var(--aavmso-gold);
    color: var(--aavmso-navy) !important;
    transform: translateY(-3px);
}

.aavmso-floor-btn-outline {
    border-color: rgba(255,255,255,0.7);
    background: transparent;
    color: var(--aavmso-white) !important;
}

.aavmso-floor-btn-outline:hover {
    background: var(--aavmso-white);
    border-color: var(--aavmso-white);
    color: var(--aavmso-navy) !important;
    transform: translateY(-3px);
}

.aavmso-floor-btn-gold {
    flex-shrink: 0;
    background: linear-gradient(120deg, #c5a059, #e0c27e);
    color: var(--aavmso-deep) !important;
}

.aavmso-floor-btn-gold:hover {
    background: var(--aavmso-white);
    color: var(--aavmso-navy) !important;
    transform: translateY(-3px);
}


/* =========================================================
   SECTION 1 — HERO
========================================================= */

.aavmso-floor-hero {
    position: relative;
    padding: 82px 0 0;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 85% 10%, rgba(197,160,89,0.12), transparent 35%),
        linear-gradient(135deg, #061f40 0%, #092f62 62%, #123d6d 100%);
    color: var(--aavmso-white);
}

.aavmso-floor-hero::before {
    position: absolute;
    top: -170px;
    right: -120px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(197,160,89,0.19);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.aavmso-floor-hero::after {
    position: absolute;
    top: -100px;
    right: -55px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(197,160,89,0.13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.aavmso-floor-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.aavmso-floor-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 24px;
    padding: 9px 17px;
    border: 1px solid rgba(214,173,88,0.45);
    border-radius: 50px;
    background: rgba(255,255,255,0.055);
    color: #e9c982;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.5;
}

.aavmso-floor-eyebrow-line {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--aavmso-champagne);
    box-shadow: 0 0 12px rgba(197,160,89,0.7);
}

.aavmso-floor-hero h1 {
    max-width: 930px;
    margin: 0 auto;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4.4vw, 58px);
    font-weight: 700;
    letter-spacing: -1.2px;
    line-height: 1.18;
}

.aavmso-floor-hero h1 span {
    display: block;
    margin-top: 10px;
    color: #dfbb72;
}

.aavmso-floor-hero-divider {
    width: 90px;
    height: 3px;
    margin: 26px auto;
    background: linear-gradient(90deg, transparent, #d3ae65, transparent);
}

.aavmso-floor-hero-lead {
    max-width: 900px;
    margin: 0 auto 18px;
    color: #f4e8ce;
    font-size: 19px !important;
    font-weight: 600;
    line-height: 1.85;
}

.aavmso-floor-hero-description {
    max-width: 850px;
    margin: 0 auto 23px;
    color: #e1eaf5;
    font-size: 16px !important;
    line-height: 1.9;
}

.aavmso-floor-hero-description strong {
    color: #f3d18a;
}

.aavmso-floor-hero-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 25px 0 29px;
}

.aavmso-floor-hero-tags span {
    padding: 9px 14px;
    border: 1px solid rgba(220,190,130,0.36);
    border-radius: 4px;
    background: rgba(255,255,255,0.07);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.aavmso-floor-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 13px;
}

.aavmso-floor-phone-icon {
    font-size: 19px !important;
}

.aavmso-floor-hero-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
    color: #e2e9f2;
    font-size: 15px;
}

.aavmso-floor-trust-mark {
    display: flex;
    width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #c5a059;
    color: #061f40;
    font-size: 15px;
    font-weight: 900;
}

.aavmso-floor-hero-bottom {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 950px;
    margin: 62px auto 0;
    padding: 25px 15px;
    border-top: 1px solid rgba(255,255,255,0.16);
    background: rgba(0,0,0,0.07);
}

.aavmso-floor-hero-bottom-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.aavmso-floor-hero-bottom-item strong {
    color: #d9b66f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
}

.aavmso-floor-hero-bottom-item span {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   SECTION 2 — PROPERTY DEFINITION
========================================================= */

.aavmso-floor-definition {
    padding: 88px 0;
    background: #ffffff;
}

.aavmso-floor-definition-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.75fr);
    gap: 45px;
    align-items: stretch;
}

.aavmso-floor-definition-main {
    min-width: 0;
}

.aavmso-floor-definition-main > p {
    margin: 0 0 19px;
    color: var(--aavmso-text);
    font-size: 17px;
    line-height: 1.95;
}

.aavmso-floor-definition-main strong {
    color: var(--aavmso-navy);
}

.aavmso-floor-definition-note {
    display: flex;
    gap: 16px;
    margin-top: 27px;
    padding: 22px;
    border: 1px solid #e9d6b0;
    border-left: 4px solid var(--aavmso-gold);
    border-radius: 6px;
    background: #fffaf0;
}

.aavmso-floor-note-icon {
    display: flex;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--aavmso-navy);
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.aavmso-floor-definition-note strong {
    display: block;
    margin-bottom: 7px;
    color: var(--aavmso-navy);
    font-size: 17px;
}

.aavmso-floor-definition-note p {
    margin: 0;
    color: var(--aavmso-muted);
    font-size: 16px;
    line-height: 1.75;
}

.aavmso-floor-definition-side {
    display: flex;
    flex-direction: column;
    padding: 30px 25px;
    border: 1px solid rgba(197,160,89,0.3);
    border-radius: 9px;
    background:
        linear-gradient(150deg, #092f62, #061f40);
    box-shadow: 0 15px 38px rgba(6,31,64,0.12);
}

.aavmso-floor-side-label {
    margin-bottom: 13px;
    color: #d9b66f;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.aavmso-floor-definition-side h3 {
    margin: 0 0 26px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    line-height: 1.35;
}

.aavmso-floor-brand-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 17px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.aavmso-floor-brand-item > span {
    display: flex;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214,173,88,0.55);
    border-radius: 50%;
    color: #e5c27d;
    font-size: 15px;
    font-weight: 800;
}

.aavmso-floor-brand-item strong {
    display: block;
    margin-bottom: 3px;
    color: #ffffff;
    font-size: 18px;
}

.aavmso-floor-brand-item small {
    display: block;
    color: #d3deeb;
    font-size: 15px;
    line-height: 1.6;
}

.aavmso-floor-side-footer {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.15);
    color: #e6c782;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 3 — FLOOR COMPARISON
========================================================= */

.aavmso-floor-comparison {
    padding: 88px 0;
    background:
        radial-gradient(circle at 0% 0%, rgba(197,160,89,0.08), transparent 30%),
        #f7f9fc;
}

.aavmso-floor-comparison-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.aavmso-floor-choice {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 26px 23px;
    border: 1px solid var(--aavmso-border);
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 7px 25px rgba(9,47,98,0.045);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aavmso-floor-choice:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(9,47,98,0.10);
}

.aavmso-floor-ground {
    border-top: 4px solid #b97800;
}

.aavmso-floor-first {
    border-top: 4px solid #092f62;
}

.aavmso-floor-second {
    border-top: 4px solid #c5a059;
}

.aavmso-floor-choice-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-bottom: 21px;
}

.aavmso-floor-choice-number {
    display: flex;
    width: 41px;
    height: 41px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #092f62;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.aavmso-floor-choice-label {
    color: var(--aavmso-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-align: right;
}

.aavmso-floor-choice h3 {
    margin: 0 0 13px;
    color: var(--aavmso-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.35;
}

.aavmso-floor-choice h3 span {
    display: block;
    margin-top: 4px;
    color: var(--aavmso-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.aavmso-floor-choice > p {
    margin: 0 0 18px;
    color: var(--aavmso-muted);
    font-size: 16px;
    line-height: 1.8;
}

.aavmso-floor-choice > p strong {
    color: var(--aavmso-navy);
}

.aavmso-floor-premium {
    display: flex;
    min-height: 94px;
    flex-direction: column;
    justify-content: center;
    margin: 2px 0 20px;
    padding: 13px 17px;
    border: 1px solid #e9d5a8;
    border-radius: 6px;
    background: linear-gradient(120deg, #fff8e9, #ffffff);
}

.aavmso-floor-premium strong {
    color: #a36b00;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.3;
}

.aavmso-floor-premium span {
    color: #65748a;
    font-size: 15px;
    line-height: 1.5;
}

.aavmso-floor-premium-neutral {
    border-color: #dce5f0;
    background: #f2f6fb;
}

.aavmso-floor-premium-neutral strong {
    color: var(--aavmso-navy);
    font-size: 24px;
}

.aavmso-floor-subheading {
    margin: 3px 0 13px;
    color: var(--aavmso-navy);
    font-size: 17px;
    font-weight: 850;
}

.aavmso-floor-choice ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0 0 21px;
    padding: 0;
    list-style: none;
}

.aavmso-floor-choice ul li {
    position: relative;
    padding-left: 23px;
    color: var(--aavmso-text);
    font-size: 15px;
    line-height: 1.65;
}

.aavmso-floor-choice ul li::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid var(--aavmso-gold);
    border-radius: 50%;
    content: "";
}

.aavmso-floor-caution {
    margin-top: auto;
    padding: 16px;
    border-left: 3px solid var(--aavmso-navy);
    border-radius: 0 5px 5px 0;
    background: #f3f6fa;
}

.aavmso-floor-caution strong {
    display: block;
    margin-bottom: 6px;
    color: var(--aavmso-navy);
    font-size: 16px;
}

.aavmso-floor-caution p {
    margin: 0;
    color: #5d6c80;
    font-size: 15px;
    line-height: 1.7;
}


/* VALUATION INSIGHT */

.aavmso-floor-valuation-insight {
    display: flex;
    align-items: center;
    gap: 23px;
    margin-top: 35px;
    padding: 27px 29px;
    border: 1px solid #d7bc7c;
    border-radius: 9px;
    background: linear-gradient(115deg, #092f62, #061f40);
    box-shadow: 0 12px 30px rgba(9,47,98,0.10);
}

.aavmso-floor-insight-mark {
    display: flex;
    width: 68px;
    height: 68px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9b66f;
    border-radius: 50%;
    color: #e5c27d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 800;
}

.aavmso-floor-insight-content {
    flex: 1;
    min-width: 0;
}

.aavmso-floor-insight-content > span {
    display: block;
    margin-bottom: 5px;
    color: #dfbd76;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.aavmso-floor-insight-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    line-height: 1.4;
}

.aavmso-floor-insight-content p {
    margin: 0;
    color: #e0e8f2;
    font-size: 15px;
    line-height: 1.75;
}

.aavmso-floor-insight-content strong {
    color: #f0d394;
}


/* =========================================================
   SECTION 4 — BUYER CHECKLIST
========================================================= */

.aavmso-floor-checklist {
    padding: 90px 0;
    background: #ffffff;
}

.aavmso-floor-checklist-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.76fr) minmax(0, 1.35fr);
    gap: 45px;
    align-items: start;
}

.aavmso-floor-checklist-intro {
    position: sticky;
    top: 25px;
    padding: 31px 26px;
    border: 1px solid #e3d0a7;
    border-radius: 9px;
    background:
        linear-gradient(155deg, #092f62, #061f40);
    box-shadow: 0 15px 38px rgba(9,47,98,0.12);
}

.aavmso-floor-checklist-kicker {
    display: block;
    margin-bottom: 15px;
    color: #e0bd77;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.aavmso-floor-checklist-intro h3 {
    margin: 0 0 17px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1.35;
}

.aavmso-floor-checklist-intro h3 span {
    color: #e2bd73;
}

.aavmso-floor-checklist-intro > p {
    margin: 0 0 21px;
    color: #dce6f2;
    font-size: 16px;
    line-height: 1.85;
}

.aavmso-floor-checklist-callout {
    margin: 22px 0;
    padding: 17px;
    border: 1px solid rgba(225,190,116,0.4);
    border-radius: 5px;
    background: rgba(255,255,255,0.07);
}

.aavmso-floor-checklist-callout strong {
    display: block;
    margin-bottom: 7px;
    color: #f0d18f;
    font-size: 16px;
}

.aavmso-floor-checklist-callout p {
    margin: 0;
    color: #e4ebf4;
    font-size: 15px;
    line-height: 1.7;
}

.aavmso-floor-checklist-intro .aavmso-floor-btn {
    width: 100%;
}

.aavmso-floor-checklist-phone {
    display: block;
    margin-top: 16px;
    color: #f2d69c !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
}

.aavmso-floor-checklist-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aavmso-floor-check-item {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 18px;
    padding: 23px;
    border: 1px solid var(--aavmso-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(9,47,98,0.035);
    transition: border-color 0.25s ease, transform 0.25s ease;
}

.aavmso-floor-check-item:hover {
    border-color: #d5b16b;
    transform: translateX(4px);
}

.aavmso-floor-check-number {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8bd83;
    border-radius: 7px;
    background: #fff8e9;
    color: #a36b00;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 800;
}

.aavmso-floor-check-content h3 {
    margin: 0 0 10px;
    color: var(--aavmso-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.4;
}

.aavmso-floor-check-content p {
    margin: 0 0 13px;
    color: var(--aavmso-muted);
    font-size: 16px;
    line-height: 1.8;
}

.aavmso-floor-check-content p strong {
    color: var(--aavmso-navy);
}

.aavmso-floor-check-tag {
    display: inline-block;
    padding: 7px 11px;
    border-radius: 4px;
    background: #f3f6fa;
    color: var(--aavmso-navy);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================================
   SECTION 5 — RESALE
========================================================= */

.aavmso-floor-resale {
    padding: 90px 0;
    background:
        radial-gradient(ellipse at 95% 0%, rgba(197,160,89,0.09), transparent 32%),
        #f7f9fc;
}

.aavmso-floor-resale-intro {
    max-width: 850px;
    margin: -15px auto 32px;
    text-align: center;
}

.aavmso-floor-resale-intro p {
    margin: 0;
    color: var(--aavmso-text);
    font-size: 17px;
    line-height: 1.85;
}

.aavmso-floor-resale-intro strong {
    color: var(--aavmso-navy);
}

.aavmso-floor-resale-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.aavmso-floor-resale-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 27px 23px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 7px 24px rgba(9,47,98,0.045);
    transition: all 0.3s ease;
}

.aavmso-floor-resale-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(9,47,98,0.09);
}

.aavmso-floor-resale-featured {
    border: 1px solid #d9bc7a;
    background: linear-gradient(155deg, #ffffff, #fffaf0);
    box-shadow: 0 9px 28px rgba(185,120,0,0.09);
}

.aavmso-floor-resale-number {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 6px;
    background: var(--aavmso-navy);
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 800;
}

.aavmso-floor-resale-label {
    display: block;
    margin-bottom: 10px;
    color: var(--aavmso-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.aavmso-floor-resale-card h3 {
    margin: 0 0 14px;
    color: var(--aavmso-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.4;
}

.aavmso-floor-resale-card > p {
    margin: 0 0 23px;
    color: var(--aavmso-muted);
    font-size: 16px;
    line-height: 1.85;
}

.aavmso-floor-resale-card > p strong {
    color: var(--aavmso-navy);
}

.aavmso-floor-resale-footer {
    margin-top: auto;
    padding: 14px 0 0;
    border-top: 1px solid #e5eaf0;
    color: var(--aavmso-navy);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.65;
}


/* RESALE PROCESS */

.aavmso-floor-resale-process {
    margin-top: 45px;
    padding: 31px;
    border: 1px solid rgba(197,160,89,0.4);
    border-radius: 9px;
    background: #ffffff;
}

.aavmso-floor-process-heading {
    margin-bottom: 30px;
    text-align: center;
}

.aavmso-floor-process-heading > span {
    display: block;
    margin-bottom: 9px;
    color: var(--aavmso-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.aavmso-floor-process-heading h3 {
    margin: 0;
    color: var(--aavmso-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.4;
}

.aavmso-floor-process-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.aavmso-floor-process-step {
    flex: 1;
    min-width: 0;
    text-align: center;
}

.aavmso-floor-process-step > span {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 11px;
    border-radius: 50%;
    background: var(--aavmso-navy);
    color: #ffffff;
    font-size: 16px;
    font-weight: 850;
}

.aavmso-floor-process-step strong {
    display: block;
    margin-bottom: 5px;
    color: var(--aavmso-gold);
    font-size: 19px;
}

.aavmso-floor-process-step p {
    max-width: 230px;
    margin: 0 auto;
    color: var(--aavmso-muted);
    font-size: 15px;
    line-height: 1.65;
}

.aavmso-floor-process-connector {
    width: 65px;
    height: 1px;
    flex-shrink: 0;
    background: linear-gradient(90deg, #d4b36d, #092f62);
}


/* =========================================================
   SECTION 6 — FINAL CTA
========================================================= */

.aavmso-floor-final-cta {
    position: relative;
    padding: 65px 0 0;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 85% 20%, rgba(197,160,89,0.13), transparent 30%),
        linear-gradient(120deg, #061f40, #092f62);
}

.aavmso-floor-final-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 53px;
}

.aavmso-floor-final-content {
    max-width: 730px;
}

.aavmso-floor-final-label {
    display: block;
    margin-bottom: 14px;
    color: #e3c17c;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.5px;
}

.aavmso-floor-final-content h2 {
    margin: 0 0 17px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 3.2vw, 42px);
    line-height: 1.3;
}

.aavmso-floor-final-content h2 span {
    color: #e4c17b;
}

.aavmso-floor-final-content p {
    margin: 0;
    color: #e1e9f3;
    font-size: 16px;
    line-height: 1.85;
}

.aavmso-floor-final-actions {
    display: flex;
    min-width: 235px;
    flex-direction: column;
    gap: 13px;
}

.aavmso-floor-final-button {
    display: flex !important;
    min-height: 57px;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 14px 22px;
    border: 2px solid #e0bf7d;
    border-radius: 5px;
    background: linear-gradient(120deg, #c5a059, #e2c47e);
    color: #061f40 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.aavmso-floor-final-button span {
    color: inherit;
    font-size: 22px;
}

.aavmso-floor-final-button:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--aavmso-navy) !important;
    transform: translateY(-3px);
}

.aavmso-floor-final-phone {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,0.55);
    border-radius: 5px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    transition: all 0.25s ease;
}

.aavmso-floor-final-phone:hover {
    background: rgba(255,255,255,0.1);
    border-color: #e2c47e;
    color: #f0d394 !important;
}

.aavmso-floor-final-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 19px 0;
    border-top: 1px solid rgba(255,255,255,0.18);
}

.aavmso-floor-final-bottom span {
    color: #e4c27e;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


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

@media (max-width: 1024px) {

    .aavmso-floor-definition-grid {
        grid-template-columns: 1.2fr 0.8fr;
        gap: 28px;
    }

    .aavmso-floor-comparison-grid,
    .aavmso-floor-resale-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aavmso-floor-choice:last-child,
    .aavmso-floor-resale-card:last-child {
        grid-column: 1 / -1;
    }

    .aavmso-floor-checklist-layout {
        grid-template-columns: 0.85fr 1.15fr;
        gap: 25px;
    }

    .aavmso-floor-insight-content h3 {
        font-size: 21px;
    }

    .aavmso-floor-final-inner {
        gap: 25px;
    }

}


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

@media (max-width: 767px) {

    .aavmso-floor-container {
        padding-right: 17px;
        padding-left: 17px;
    }

    .aavmso-floor-hero {
        padding-top: 55px;
    }

    .aavmso-floor-hero h1 {
        font-size: 36px;
        letter-spacing: -0.6px;
    }

    .aavmso-floor-hero-lead {
        font-size: 17px !important;
    }

    .aavmso-floor-hero-description {
        font-size: 16px !important;
    }

    .aavmso-floor-hero-tags {
        gap: 8px;
    }

    .aavmso-floor-hero-tags span {
        padding: 8px 10px;
    }

    .aavmso-floor-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .aavmso-floor-btn {
        width: 100%;
        min-height: 54px;
    }

    .aavmso-floor-hero-trust {
        align-items: flex-start;
        text-align: left;
        line-height: 1.6;
    }

    .aavmso-floor-hero-bottom {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 39px;
        padding: 22px 5px;
    }

    .aavmso-floor-hero-bottom-item {
        justify-content: flex-start;
        padding-left: 18px;
    }

    .aavmso-floor-hero-bottom-item strong {
        font-size: 24px;
    }

    .aavmso-floor-definition,
    .aavmso-floor-comparison,
    .aavmso-floor-checklist,
    .aavmso-floor-resale {
        padding: 62px 0;
    }

    .aavmso-floor-section-heading {
        margin-bottom: 31px;
    }

    .aavmso-floor-section-heading h2 {
        font-size: 31px;
    }

    .aavmso-floor-section-heading > p {
        font-size: 16px;
    }

    .aavmso-floor-definition-grid {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .aavmso-floor-definition-main > p {
        font-size: 16px;
    }

    .aavmso-floor-definition-side {
        padding: 25px 21px;
    }

    .aavmso-floor-comparison-grid,
    .aavmso-floor-resale-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .aavmso-floor-choice:last-child,
    .aavmso-floor-resale-card:last-child {
        grid-column: auto;
    }

    .aavmso-floor-choice {
        padding: 23px 19px;
    }

    .aavmso-floor-choice h3 {
        font-size: 24px;
    }

    .aavmso-floor-valuation-insight {
        flex-direction: column;
        align-items: flex-start;
        padding: 23px 20px;
    }

    .aavmso-floor-valuation-insight .aavmso-floor-btn {
        width: 100%;
    }

    .aavmso-floor-checklist-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .aavmso-floor-checklist-intro {
        position: static;
        padding: 26px 21px;
    }

    .aavmso-floor-check-item {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 15px;
    }

    .aavmso-floor-check-number {
        width: 41px;
        height: 41px;
        font-size: 18px;
    }

    .aavmso-floor-check-content h3 {
        font-size: 19px;
    }

    .aavmso-floor-resale-intro {
        margin-top: -8px;
    }

    .aavmso-floor-resale-card {
        padding: 24px 20px;
    }

    .aavmso-floor-resale-card h3 {
        font-size: 23px;
    }

    .aavmso-floor-resale-process {
        padding: 24px 17px;
    }

    .aavmso-floor-process-heading h3 {
        font-size: 23px;
    }

    .aavmso-floor-process-steps {
        flex-direction: column;
        gap: 14px;
    }

    .aavmso-floor-process-step {
        width: 100%;
    }

    .aavmso-floor-process-connector {
        width: 1px;
        height: 25px;
    }

    .aavmso-floor-final-cta {
        padding-top: 48px;
    }

    .aavmso-floor-final-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 27px;
        padding-bottom: 37px;
    }

    .aavmso-floor-final-content h2 {
        font-size: 31px;
    }

    .aavmso-floor-final-actions {
        width: 100%;
    }

    .aavmso-floor-final-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 9px;
    }

}


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

@media (max-width: 380px) {

    .aavmso-floor-hero h1 {
        font-size: 32px;
    }

    .aavmso-floor-section-heading h2 {
        font-size: 28px;
    }

    .aavmso-floor-choice-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .aavmso-floor-choice-label {
        text-align: left;
    }

    .aavmso-floor-check-item {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .aavmso-floor-page *,
    .aavmso-floor-page *::before,
    .aavmso-floor-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }

}

/* ============================================================
   A2Z VALUERS — DDJAY PAGE
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique Namespace: ddj-
============================================================ */

:root {
    --ddj-navy: #092f62;
    --ddj-navy-dark: #062347;
    --ddj-navy-light: #174779;
    --ddj-gold: #b97800;
    --ddj-gold-light: #d7ae61;
    --ddj-gold-pale: #fff7e9;
    --ddj-ivory: #fffaf1;
    --ddj-text: #40516a;
    --ddj-muted: #66758a;
    --ddj-border: #e7eaf0;
    --ddj-white: #ffffff;
}


/* ============================================================
   GLOBAL
============================================================ */

.ddj-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
    box-sizing: border-box;
}

.ddj-intro-section,
.ddj-comparison-section,
.ddj-checklist-section,
.ddj-final-cta {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    font-family: inherit;
}

.ddj-intro-section *,
.ddj-comparison-section *,
.ddj-checklist-section *,
.ddj-final-cta * {
    box-sizing: border-box;
}

.ddj-intro-section p,
.ddj-comparison-section p,
.ddj-checklist-section p,
.ddj-final-cta p {
    font-size: 16px;
}

.ddj-intro-section a,
.ddj-comparison-section a,
.ddj-checklist-section a,
.ddj-final-cta a {
    text-decoration: none;
}


/* ============================================================
   SECTION 1 — INTRODUCTION
============================================================ */

.ddj-intro-section {
    padding: 78px 0 82px;
    color: var(--ddj-text);
    background:
        radial-gradient(
            ellipse at 90% 8%,
            rgba(185,120,0,0.085),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #f5f8fc 0%,
            #ffffff 52%,
            #fffaf2 100%
        );
}

.ddj-intro-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 48px;
}

.ddj-intro-content {
    min-width: 0;
}

.ddj-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 23px;
    padding: 10px 15px;
    border: 1px solid #e7d3a9;
    border-radius: 50px;
    background: var(--ddj-ivory);
    color: #936000 !important;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ddj-eyebrow-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--ddj-gold);
}

.ddj-intro-content h1 {
    margin: 0 0 22px;
    color: var(--ddj-navy) !important;
    font-size: clamp(35px, 4vw, 48px);
    line-height: 1.19;
    font-weight: 900;
    letter-spacing: -1.3px;
}

.ddj-intro-content h1 span {
    display: block;
    margin-top: 12px;
    color: var(--ddj-gold) !important;
    font-size: 0.77em;
    line-height: 1.34;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.ddj-intro-lead {
    margin: 0 0 25px;
    padding: 19px 21px;
    border-left: 4px solid var(--ddj-gold);
    border-radius: 0 9px 9px 0;
    background: #ffffff;
    color: #45566d !important;
    font-size: 17px !important;
    line-height: 1.85;
    box-shadow: 0 7px 25px rgba(9,47,98,0.045);
}

.ddj-intro-content p {
    margin: 0 0 19px;
    color: var(--ddj-text) !important;
    font-size: 16px;
    line-height: 1.9;
}

.ddj-intro-content p strong {
    color: var(--ddj-navy) !important;
    font-weight: 850;
}

.ddj-intro-divider {
    width: 76px;
    height: 4px;
    margin: 28px 0;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--ddj-gold),
        var(--ddj-gold-light)
    );
}

.ddj-intro-content h2 {
    margin: 0 0 18px;
    color: var(--ddj-navy) !important;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 850;
}

.ddj-intro-content h2 strong {
    color: var(--ddj-gold) !important;
}

.ddj-feature-box {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin: 27px 0;
    padding: 21px;
    border: 1px solid #ead9b8;
    border-radius: 9px;
    background: linear-gradient(
        110deg,
        #fff9ed,
        #ffffff
    );
}

.ddj-feature-icon {
    display: flex;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--ddj-navy);
    color: #ffffff !important;
    font-size: 25px;
    font-weight: 850;
}

.ddj-feature-box h3 {
    margin: 0 0 8px;
    color: var(--ddj-navy) !important;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 850;
}

.ddj-feature-box p {
    margin: 0;
    font-size: 15px !important;
    line-height: 1.8;
}

.ddj-intro-takeaway {
    margin: 27px 0;
    padding: 20px 22px;
    border: 1px solid #e6d4ae;
    border-radius: 8px;
    background: var(--ddj-ivory);
}

.ddj-takeaway-label {
    display: block;
    margin-bottom: 9px;
    color: #a16a00 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.ddj-intro-takeaway p {
    margin: 0;
    color: var(--ddj-navy) !important;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 650;
}


/* ============================================================
   BUTTON SYSTEM — ALL BUTTON TEXT ALWAYS VISIBLE
============================================================ */

.ddj-btn {
    display: inline-flex !important;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 13px 19px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.25s ease;
}

.ddj-btn span {
    color: inherit !important;
    font-size: 20px;
    font-weight: 900;
}

.ddj-btn-gold {
    background: var(--ddj-gold) !important;
    border-color: var(--ddj-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(185,120,0,0.17);
}

.ddj-btn-gold:hover {
    background: var(--ddj-navy) !important;
    border-color: var(--ddj-navy) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.ddj-btn-outline {
    background: var(--ddj-navy) !important;
    border-color: var(--ddj-navy) !important;
    color: #ffffff !important;
}

.ddj-btn-outline:hover {
    background: var(--ddj-navy-light) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.ddj-inline-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
}


/* ============================================================
   INTRODUCTION — ROYAL SIDE PANEL
============================================================ */

.ddj-intro-aside {
    position: sticky;
    top: 30px;
    overflow: hidden;
    padding: 27px;
    border: 1px solid rgba(215,174,97,0.55);
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(215,174,97,0.18),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            var(--ddj-navy-dark),
            var(--ddj-navy)
        );
    color: #ffffff;
    box-shadow: 0 18px 42px rgba(9,47,98,0.15);
}

.ddj-aside-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(255,255,255,0.19);
}

.ddj-aside-top > span:first-child {
    color: #e7c47d !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.ddj-aside-number {
    color: rgba(255,255,255,0.3) !important;
    font-size: 26px;
    font-weight: 900;
}

.ddj-intro-aside h3 {
    margin: 27px 0 13px;
    color: #ffffff !important;
    font-size: 27px;
    line-height: 1.42;
    font-weight: 850;
}

.ddj-intro-aside h3 strong {
    color: #e7bf70 !important;
}

.ddj-intro-aside > p {
    margin: 0 0 24px;
    color: #dce7f5 !important;
    font-size: 15px;
    line-height: 1.8;
}

.ddj-aside-points {
    display: flex;
    flex-direction: column;
}

.ddj-aside-point {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.ddj-point-icon {
    display: flex;
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215,174,97,0.5);
    border-radius: 7px;
    color: #e9c579 !important;
    font-size: 15px;
    font-weight: 850;
}

.ddj-aside-point strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1.4;
}

.ddj-aside-point small {
    display: block;
    color: #d2deed !important;
    font-size: 15px;
    line-height: 1.55;
}

.ddj-aside-bottom {
    margin-top: 25px;
    padding: 18px;
    border-radius: 7px;
    background: rgba(255,255,255,0.09);
}

.ddj-aside-bottom span {
    display: block;
    margin-bottom: 9px;
    color: #e7bf70 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ddj-aside-bottom strong {
    display: block;
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.6;
}


/* ============================================================
   SECTION 2 — COMPARISON
============================================================ */

.ddj-comparison-section {
    padding: 85px 0;
    background: #ffffff;
}

.ddj-section-heading {
    max-width: 850px;
    margin: 0 auto 43px;
    text-align: center;
}

.ddj-section-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--ddj-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.ddj-section-heading h2 {
    margin: 0 0 17px;
    color: var(--ddj-navy) !important;
    font-size: clamp(30px, 3.3vw, 41px);
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: -0.6px;
}

.ddj-section-heading h2 strong {
    color: var(--ddj-gold) !important;
}

.ddj-section-heading > p {
    max-width: 770px;
    margin: 0 auto;
    color: var(--ddj-muted) !important;
    font-size: 17px;
    line-height: 1.85;
}


/* MARKET CARDS */

.ddj-market-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
    align-items: stretch;
    gap: 15px;
}

.ddj-market-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px;
    border: 1px solid var(--ddj-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(9,47,98,0.055);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ddj-market-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(9,47,98,0.11);
}

.ddj-market-card-affordable {
    border-top: 4px solid var(--ddj-gold);
}

.ddj-market-card-premium {
    border-top: 4px solid var(--ddj-navy);
}

.ddj-market-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ddj-market-label {
    color: #9a6700 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ddj-market-symbol {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--ddj-gold-pale);
    color: var(--ddj-gold) !important;
    font-size: 20px;
    font-weight: 900;
}

.ddj-market-card-premium .ddj-market-symbol {
    background: #eaf0f8;
    color: var(--ddj-navy) !important;
}

.ddj-market-card h3 {
    margin: 20px 0 16px;
    color: var(--ddj-navy) !important;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 850;
}

.ddj-market-price {
    padding: 19px;
    border-radius: 8px;
    background: #fff8e9;
}

.ddj-market-card-premium .ddj-market-price {
    background: #f0f4fa;
}

.ddj-market-price small {
    display: block;
    margin-bottom: 8px;
    color: var(--ddj-muted) !important;
    font-size: 15px;
    line-height: 1.5;
}

.ddj-market-price strong {
    display: block;
    color: var(--ddj-gold) !important;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 900;
}

.ddj-market-card-premium .ddj-market-price strong {
    color: var(--ddj-navy) !important;
}

.ddj-market-line {
    height: 1px;
    margin: 23px 0;
    background: var(--ddj-border);
}

.ddj-market-card ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.ddj-market-card li {
    position: relative;
    padding-left: 22px;
    color: var(--ddj-text) !important;
    font-size: 15px;
    line-height: 1.65;
}

.ddj-market-card li:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid var(--ddj-gold);
    border-radius: 50%;
    content: "";
}

.ddj-market-card li strong {
    color: var(--ddj-navy) !important;
    font-weight: 850;
}

.ddj-market-footer {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
    padding: 17px;
    border-radius: 7px;
    background: #f6f8fb;
}

.ddj-market-footer span {
    color: var(--ddj-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.7px;
}

.ddj-market-footer strong {
    color: var(--ddj-navy) !important;
    font-size: 16px;
    line-height: 1.5;
}

.ddj-market-vs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ddj-market-vs span {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: var(--ddj-navy);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 5px 18px rgba(9,47,98,0.18);
}


/* COMPARISON NOTE */

.ddj-comparison-note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 24px;
    padding: 19px 21px;
    border: 1px solid #ead9b8;
    border-radius: 8px;
    background: var(--ddj-ivory);
}

.ddj-note-icon {
    display: flex;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ddj-gold);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.ddj-comparison-note p {
    margin: 0;
    color: var(--ddj-text) !important;
    font-size: 15px;
    line-height: 1.8;
}

.ddj-comparison-note strong {
    color: var(--ddj-navy) !important;
}


/* ANALYSIS PANEL */

.ddj-analysis-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(270px, 0.8fr);
    gap: 35px;
    margin-top: 45px;
    padding: 32px;
    border: 1px solid var(--ddj-border);
    border-radius: 11px;
    background: #f7f9fc;
}

.ddj-analysis-content h3 {
    margin: 0 0 17px;
    color: var(--ddj-navy) !important;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 850;
}

.ddj-analysis-content h3 strong {
    color: var(--ddj-gold) !important;
}

.ddj-analysis-content > p {
    margin: 0 0 15px;
    color: var(--ddj-text) !important;
    font-size: 16px;
    line-height: 1.8;
}

.ddj-analysis-content > p strong {
    color: var(--ddj-navy) !important;
}

.ddj-analysis-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 23px;
}

.ddj-analysis-points span {
    position: relative;
    padding: 12px 13px 12px 34px;
    border: 1px solid #e6eaf0;
    border-radius: 6px;
    background: #ffffff;
    color: #405675 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.ddj-analysis-points span:before {
    position: absolute;
    top: 17px;
    left: 13px;
    color: var(--ddj-gold);
    font-size: 15px;
    font-weight: 900;
    content: "✓";
}

.ddj-analysis-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 25px;
    border-radius: 9px;
    background: linear-gradient(
        145deg,
        var(--ddj-navy-dark),
        var(--ddj-navy)
    );
}

.ddj-stat-overline {
    color: #e9c67e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ddj-analysis-stat > strong {
    margin: 13px 0 8px;
    color: #eac67c !important;
    font-size: 65px;
    line-height: 1;
    font-weight: 900;
}

.ddj-analysis-stat h4 {
    margin: 0 0 13px;
    color: #ffffff !important;
    font-size: 21px;
    line-height: 1.5;
}

.ddj-analysis-stat p {
    margin: 0 0 21px;
    color: #dce6f2 !important;
    font-size: 15px;
    line-height: 1.75;
}


/* BANK PANEL */

.ddj-bank-panel {
    display: flex;
    align-items: flex-start;
    gap: 23px;
    margin-top: 28px;
    padding: 29px;
    border: 1px solid #e7d5ae;
    border-radius: 10px;
    background: linear-gradient(
        110deg,
        #fffaf1,
        #ffffff
    );
}

.ddj-bank-icon {
    display: flex;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--ddj-navy);
    color: #ffffff !important;
    font-size: 27px;
}

.ddj-bank-content > span {
    display: block;
    margin-bottom: 9px;
    color: var(--ddj-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ddj-bank-content h3 {
    margin: 0 0 13px;
    color: var(--ddj-navy) !important;
    font-size: 25px;
    line-height: 1.45;
    font-weight: 850;
}

.ddj-bank-content h3 strong {
    color: var(--ddj-gold) !important;
}

.ddj-bank-content p {
    margin: 0 0 13px;
    color: var(--ddj-text) !important;
    font-size: 16px;
    line-height: 1.8;
}

.ddj-bank-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
    color: var(--ddj-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}

.ddj-bank-link span {
    color: var(--ddj-gold) !important;
    font-size: 21px;
    transition: transform 0.2s ease;
}

.ddj-bank-link:hover span {
    transform: translateX(5px);
}


/* ============================================================
   SECTION 3 — BUYER CHECKLIST
============================================================ */

.ddj-checklist-section {
    padding: 85px 0;
    background:
        radial-gradient(
            circle at 0% 100%,
            rgba(185,120,0,0.055),
            transparent 32%
        ),
        #f5f7fb;
}

.ddj-checklist-heading {
    margin-bottom: 43px;
}

.ddj-checklist-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.8fr);
    align-items: start;
    gap: 30px;
}

.ddj-checklist-main {
    display: flex;
    flex-direction: column;
    gap: 17px;
}


/* CHECK CARDS */

.ddj-check-card {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 20px;
    padding: 26px;
    border: 1px solid #e4e9f0;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 5px 19px rgba(9,47,98,0.035);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.ddj-check-card:hover {
    border-color: #d9bd81;
    box-shadow: 0 10px 26px rgba(9,47,98,0.075);
}

.ddj-check-number {
    display: flex;
    width: 51px;
    height: 51px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--ddj-navy);
    color: #ffffff !important;
    font-size: 19px;
    font-weight: 900;
    box-shadow: 0 5px 12px rgba(9,47,98,0.12);
}

.ddj-check-content {
    min-width: 0;
}

.ddj-check-category {
    display: block;
    margin-bottom: 9px;
    color: var(--ddj-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.9px;
    line-height: 1.5;
}

.ddj-check-content h3 {
    margin: 0 0 12px;
    color: var(--ddj-navy) !important;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 850;
}

.ddj-check-content h3 strong {
    color: var(--ddj-gold) !important;
}

.ddj-check-content > p {
    margin: 0 0 15px;
    color: var(--ddj-text) !important;
    font-size: 16px;
    line-height: 1.85;
}

.ddj-check-content > p strong {
    color: var(--ddj-navy) !important;
}

.ddj-check-action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid #e8edf3;
    border-radius: 6px;
    background: #f7f9fc;
}

.ddj-check-action span {
    color: var(--ddj-muted) !important;
    font-size: 15px;
    font-weight: 700;
}

.ddj-check-action a {
    color: var(--ddj-navy) !important;
    font-size: 15px;
    font-weight: 850;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.ddj-check-insight {
    padding: 15px 17px;
    border-left: 3px solid var(--ddj-gold);
    border-radius: 0 6px 6px 0;
    background: var(--ddj-ivory);
    color: #4d5e74 !important;
    font-size: 15px;
    line-height: 1.8;
}

.ddj-mini-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.ddj-mini-list li {
    position: relative;
    padding-left: 23px;
    color: var(--ddj-text) !important;
    font-size: 15px;
    line-height: 1.65;
}

.ddj-mini-list li:before {
    position: absolute;
    top: 5px;
    left: 0;
    color: var(--ddj-gold);
    font-size: 16px;
    font-weight: 900;
    content: "✓";
}


/* FEATURED FINAL CHECK */

.ddj-check-card-featured {
    border: 1px solid #d9bf8d;
    background: linear-gradient(
        120deg,
        #ffffff,
        #fffaf0
    );
}

.ddj-check-card-featured .ddj-check-number {
    background: var(--ddj-gold);
}

.ddj-check-delivery {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 21px;
    padding: 17px;
    border: 1px solid #e8d7b3;
    border-radius: 8px;
    background: #ffffff;
}

.ddj-delivery-icon {
    display: flex;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ddj-navy);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.ddj-check-delivery strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ddj-navy) !important;
    font-size: 16px;
    line-height: 1.5;
}

.ddj-check-delivery small {
    display: block;
    color: var(--ddj-muted) !important;
    font-size: 15px;
    line-height: 1.65;
}


/* CHECKLIST SIDE CARD */

.ddj-checklist-aside {
    position: sticky;
    top: 30px;
    padding: 27px;
    border: 1px solid rgba(215,174,97,0.5);
    border-radius: 11px;
    background: linear-gradient(
        145deg,
        var(--ddj-navy-dark),
        var(--ddj-navy)
    );
    box-shadow: 0 16px 38px rgba(9,47,98,0.14);
}

.ddj-checklist-aside-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(255,255,255,0.17);
}

.ddj-checklist-aside-top > span {
    color: #e8c47b !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ddj-checklist-aside-icon {
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ddj-gold);
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 900;
}

.ddj-checklist-aside h3 {
    margin: 25px 0 12px;
    color: #ffffff !important;
    font-size: 27px;
    line-height: 1.45;
    font-weight: 850;
}

.ddj-checklist-aside h3 strong {
    color: #e8c47b !important;
}

.ddj-checklist-aside > p {
    margin: 0 0 25px;
    color: #dce6f2 !important;
    font-size: 15px;
    line-height: 1.8;
}

.ddj-checklist-progress {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ddj-checklist-progress > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.ddj-checklist-progress span {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
}

.ddj-checklist-progress b {
    display: flex;
    width: 29px;
    height: 29px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(215,174,97,0.17);
    color: #e8c47b !important;
    font-size: 15px;
    font-weight: 850;
}

.ddj-checklist-aside-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 23px 0;
    padding: 17px;
    border-radius: 7px;
    background: rgba(255,255,255,0.09);
}

.ddj-checklist-aside-footer strong {
    color: #e9c77e !important;
    font-size: 16px;
    line-height: 1.5;
}

.ddj-checklist-aside-footer span {
    color: #dce6f2 !important;
    font-size: 15px;
    line-height: 1.6;
}

.ddj-aside-cta {
    display: flex !important;
    width: 100%;
    margin-bottom: 11px;
    background: #d5a84e !important;
    border-color: #d5a84e !important;
    color: var(--ddj-navy-dark) !important;
}

.ddj-aside-cta:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--ddj-navy) !important;
}

.ddj-check-phone {
    display: flex;
    min-height: 49px;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 6px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    transition: all 0.2s ease;
}

.ddj-check-phone:hover {
    background: rgba(255,255,255,0.12);
    color: #ffffff !important;
}


/* ============================================================
   SECTION 4 — FINAL CONVERSION CTA
============================================================ */

.ddj-final-cta {
    padding: 76px 0 42px;
    background: #ffffff;
}

.ddj-final-cta-inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.7fr);
    align-items: center;
    gap: 35px;
    overflow: hidden;
    padding: 44px;
    border: 1px solid #b9914c;
    border-radius: 13px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(215,174,97,0.19),
            transparent 35%
        ),
        linear-gradient(
            125deg,
            var(--ddj-navy-dark),
            var(--ddj-navy)
        );
    box-shadow: 0 17px 42px rgba(9,47,98,0.14);
}

.ddj-final-cta-content {
    position: relative;
    z-index: 1;
}

.ddj-final-kicker {
    display: block;
    margin-bottom: 15px;
    color: #e7c47e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.ddj-final-cta-content h2 {
    margin: 0 0 18px;
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 37px);
    line-height: 1.38;
    font-weight: 900;
}

.ddj-final-cta-content h2 strong {
    color: #e7c47e !important;
}

.ddj-final-cta-content > p {
    margin: 0 0 23px;
    color: #dce6f2 !important;
    font-size: 16px;
    line-height: 1.85;
}

.ddj-final-cta-content > p strong {
    color: #ffffff !important;
}

.ddj-final-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ddj-final-highlights span {
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,0.23);
    border-radius: 5px;
    background: rgba(255,255,255,0.07);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.ddj-final-cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.ddj-final-primary {
    width: 100%;
    min-height: 56px;
    background: #d7ae61 !important;
    border-color: #d7ae61 !important;
    color: var(--ddj-navy-dark) !important;
    font-size: 16px !important;
}

.ddj-final-primary:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--ddj-navy) !important;
}

.ddj-final-secondary {
    width: 100%;
    min-height: 54px;
    border-color: rgba(255,255,255,0.55) !important;
    background: transparent !important;
    color: #ffffff !important;
}

.ddj-final-secondary:hover {
    background: rgba(255,255,255,0.13) !important;
    color: #ffffff !important;
}

.ddj-final-whatsapp {
    width: 100%;
    min-height: 54px;
    background: #168b55 !important;
    border-color: #168b55 !important;
    color: #ffffff !important;
}

.ddj-final-whatsapp:hover {
    background: #107044 !important;
    border-color: #107044 !important;
    color: #ffffff !important;
}

.ddj-final-disclaimer {
    max-width: 1000px;
    margin: 20px auto 0;
    color: #788497 !important;
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
}


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

@media (max-width: 1050px) {

    .ddj-intro-layout {
        grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr);
        gap: 27px;
    }

    .ddj-intro-aside {
        padding: 22px;
    }

    .ddj-market-comparison {
        grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
        gap: 8px;
    }

    .ddj-market-card {
        padding: 22px;
    }

    .ddj-analysis-panel {
        gap: 22px;
        padding: 25px;
    }

    .ddj-checklist-layout {
        grid-template-columns: minmax(0, 1.3fr) minmax(250px, 0.8fr);
        gap: 20px;
    }

    .ddj-final-cta-inner {
        gap: 25px;
        padding: 32px;
    }
}


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

@media (max-width: 767px) {

    .ddj-container {
        padding: 0 16px;
    }

    .ddj-intro-section,
    .ddj-comparison-section,
    .ddj-checklist-section {
        padding: 55px 0;
    }

    .ddj-intro-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .ddj-intro-content h1 {
        font-size: 35px;
        letter-spacing: -0.7px;
    }

    .ddj-intro-content h1 span {
        font-size: 0.77em;
    }

    .ddj-intro-lead {
        padding: 16px;
        font-size: 16px !important;
    }

    .ddj-intro-content h2 {
        font-size: 24px;
    }

    .ddj-feature-box {
        padding: 17px;
    }

    .ddj-intro-aside {
        position: relative;
        top: auto;
        padding: 23px;
    }

    .ddj-intro-aside h3 {
        font-size: 25px;
    }

    .ddj-inline-cta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ddj-inline-cta .ddj-btn {
        width: 100%;
    }

    .ddj-section-heading {
        margin-bottom: 29px;
    }

    .ddj-section-heading h2 {
        font-size: 29px;
    }

    .ddj-section-heading > p {
        font-size: 16px;
    }

    .ddj-market-comparison {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .ddj-market-card {
        padding: 22px 19px;
    }

    .ddj-market-vs {
        padding: 2px 0;
    }

    .ddj-market-vs span {
        width: 42px;
        height: 42px;
        font-size: 15px;
    }

    .ddj-market-price strong {
        font-size: 31px;
    }

    .ddj-comparison-note {
        padding: 16px;
    }

    .ddj-analysis-panel {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        padding: 20px;
    }

    .ddj-analysis-content h3 {
        font-size: 24px;
    }

    .ddj-analysis-points {
        grid-template-columns: 1fr;
    }

    .ddj-analysis-stat {
        padding: 23px;
    }

    .ddj-analysis-stat > strong {
        font-size: 55px;
    }

    .ddj-bank-panel {
        flex-direction: column;
        gap: 16px;
        padding: 21px;
    }

    .ddj-bank-content h3 {
        font-size: 22px;
    }

    .ddj-checklist-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 27px;
    }

    .ddj-check-card {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 13px;
        padding: 20px 16px;
    }

    .ddj-check-number {
        width: 41px;
        height: 41px;
        font-size: 16px;
    }

    .ddj-check-content h3 {
        font-size: 20px;
    }

    .ddj-check-content > p {
        font-size: 15px;
    }

    .ddj-check-action {
        align-items: flex-start;
        flex-direction: column;
    }

    .ddj-checklist-aside {
        position: relative;
        top: auto;
        padding: 23px;
    }

    .ddj-checklist-aside h3 {
        font-size: 25px;
    }

    .ddj-final-cta {
        padding: 55px 0 30px;
    }

    .ddj-final-cta-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        padding: 26px 20px;
    }

    .ddj-final-cta-content h2 {
        font-size: 28px;
    }

    .ddj-final-cta-actions {
        width: 100%;
    }

    .ddj-final-disclaimer {
        font-size: 15px;
        text-align: left;
    }

}


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

@media (max-width: 380px) {

    .ddj-container {
        padding: 0 13px;
    }

    .ddj-intro-content h1 {
        font-size: 31px;
    }

    .ddj-intro-content h1 span {
        font-size: 0.76em;
    }

    .ddj-eyebrow {
        font-size: 15px;
        letter-spacing: 0.3px;
    }

    .ddj-market-price strong {
        font-size: 28px;
    }

    .ddj-check-card {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
        padding: 17px 12px;
    }

    .ddj-check-number {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .ddj-final-cta-inner {
        padding: 22px 16px;
    }

    .ddj-final-cta-content h2 {
        font-size: 26px;
    }

}


/* ============================================================
   ACCESSIBILITY & THEME OVERRIDE PROTECTION
============================================================ */

.ddj-intro-section a:focus-visible,
.ddj-comparison-section a:focus-visible,
.ddj-checklist-section a:focus-visible,
.ddj-final-cta a:focus-visible {
    outline: 3px solid #d7ae61 !important;
    outline-offset: 4px;
}

.ddj-intro-section strong,
.ddj-comparison-section strong,
.ddj-checklist-section strong,
.ddj-final-cta strong {
    font-weight: 850;
}

@media (prefers-reduced-motion: reduce) {

    .ddj-intro-section *,
    .ddj-comparison-section *,
    .ddj-checklist-section *,
    .ddj-final-cta * {
        scroll-behavior: auto !important;
        transition: none !important;
    }

}


/* =========================================================
   A2Z VALUERS — H-RERA POSSESSION DELAY PAGE
   UNIQUE PREFIX: m3mr-
   ROYAL NAVY / ANTIQUE GOLD / IVORY
========================================================= */

.m3mr-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
    box-sizing: border-box;
}

.m3mr-hero *,
.m3mr-landscape *,
.m3mr-decision *,
.m3mr-filing *,
.m3mr-final-cta * {
    box-sizing: border-box;
}

.m3mr-hero,
.m3mr-landscape,
.m3mr-decision,
.m3mr-filing,
.m3mr-final-cta {
    font-family: inherit;
}

.m3mr-hero p,
.m3mr-landscape p,
.m3mr-decision p,
.m3mr-filing p,
.m3mr-final-cta p {
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 1 — HERO
========================================================= */

.m3mr-hero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 72px;
    background:
        radial-gradient(ellipse at 95% 5%, rgba(185,120,0,.10), transparent 35%),
        linear-gradient(135deg, #f8f9fc 0%, #ffffff 55%, #faf6ed 100%);
    color: #34445c;
}

.m3mr-hero:before {
    position: absolute;
    top: -160px;
    right: -140px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(185,120,0,.12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.m3mr-hero:after {
    position: absolute;
    right: -85px;
    bottom: -210px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(9,47,98,.08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.m3mr-hero-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: 52px;
    align-items: center;
}

.m3mr-hero-content {
    min-width: 0;
}

.m3mr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 10px 15px;
    border: 1px solid #e9d7b2;
    border-radius: 50px;
    background: #fffaf0;
    color: #916000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
    line-height: 1.4;
}

.m3mr-eyebrow span {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #b97800;
}

.m3mr-hero-content h1 {
    margin: 0 0 23px;
    color: #092f62 !important;
    font-size: clamp(36px, 4vw, 49px);
    font-weight: 900;
    line-height: 1.19;
    letter-spacing: -1.2px;
}

.m3mr-hero-content h1 strong {
    color: #092f62 !important;
    font-weight: 950;
}

.m3mr-hero-content h1 span {
    display: block;
    margin-top: 9px;
    color: #b97800 !important;
    font-size: .78em;
    line-height: 1.32;
    letter-spacing: -.4px;
}

.m3mr-hero-intro {
    margin: 0 0 21px;
    color: #59687c !important;
    font-size: 17px !important;
    line-height: 1.85;
}

.m3mr-hero-intro strong {
    color: #092f62 !important;
    font-weight: 850;
}


/* HERO HIGHLIGHT */

.m3mr-hero-highlight {
    margin: 0 0 23px;
    padding: 19px 21px;
    border: 1px solid #e8d8b9;
    border-left: 4px solid #b97800;
    border-radius: 7px;
    background: #fffdf8;
    box-shadow: 0 7px 23px rgba(9,47,98,.045);
}

.m3mr-highlight-label {
    display: block;
    margin-bottom: 8px;
    color: #a16c08 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.m3mr-hero-highlight p {
    margin: 0;
    color: #526177 !important;
    font-size: 16px !important;
    line-height: 1.8;
}

.m3mr-hero-highlight p strong {
    color: #092f62 !important;
    font-weight: 850;
}


/* HERO POINTS */

.m3mr-hero-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
    margin: 0 0 25px;
}

.m3mr-hero-points span {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #344d6d !important;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.55;
}

.m3mr-hero-points b {
    display: flex;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #092f62;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 850;
}


/* HERO BUTTONS */

.m3mr-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.m3mr-btn {
    display: inline-flex !important;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 19px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all .25s ease;
}

.m3mr-btn span {
    color: inherit !important;
    font-size: 19px;
}

.m3mr-btn-primary {
    background: #092f62 !important;
    border-color: #092f62 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(9,47,98,.17);
}

.m3mr-btn-primary:hover {
    background: #174b7d !important;
    border-color: #174b7d !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.m3mr-btn-gold {
    background: #b97800 !important;
    border-color: #b97800 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(185,120,0,.16);
}

.m3mr-btn-gold:hover {
    background: #092f62 !important;
    border-color: #092f62 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.m3mr-hero-note {
    margin: 16px 0 0;
    color: #738096 !important;
    font-size: 15px !important;
    line-height: 1.7;
}

.m3mr-hero-note strong {
    color: #a36b00 !important;
}


/* HERO RIGHT PANEL */

.m3mr-hero-aside {
    position: relative;
    overflow: hidden;
    padding: 32px;
    border: 1px solid rgba(220,184,111,.5);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0%, rgba(205,164,87,.20), transparent 45%),
        linear-gradient(145deg, #092f62 0%, #103d70 100%);
    box-shadow: 0 22px 48px rgba(9,47,98,.18);
}

.m3mr-hero-aside:after {
    position: absolute;
    right: -95px;
    bottom: -100px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.m3mr-aside-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.m3mr-aside-top > span:first-child {
    color: #f0d394 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .9px;
    line-height: 1.5;
}

.m3mr-aside-mark {
    display: flex;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4af68;
    border-radius: 7px;
    background: rgba(255,255,255,.08);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.m3mr-hero-aside h2 {
    margin: 27px 0 14px;
    color: #ffffff !important;
    font-size: 33px;
    font-weight: 850;
    line-height: 1.34;
}

.m3mr-hero-aside h2 span {
    display: block;
    margin-top: 5px;
    color: #e4bd72 !important;
}

.m3mr-hero-aside > p {
    margin: 0;
    color: #e1e9f3 !important;
    font-size: 16px !important;
    line-height: 1.8;
}

.m3mr-aside-divider {
    height: 1px;
    margin: 24px 0;
    background: rgba(255,255,255,.2);
}

.m3mr-aside-metric {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.m3mr-aside-metric > strong {
    display: flex;
    width: 64px;
    min-height: 48px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(222,186,112,.5);
    border-radius: 6px;
    background: rgba(255,255,255,.08);
    color: #f2d28f !important;
    font-size: 17px;
    font-weight: 900;
}

.m3mr-aside-metric div b {
    display: block;
    margin-bottom: 4px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
}

.m3mr-aside-metric div span {
    display: block;
    color: #d3dfed !important;
    font-size: 15px;
    line-height: 1.5;
}

.m3mr-aside-footer {
    position: relative;
    z-index: 1;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.2);
}

.m3mr-aside-footer span {
    display: block;
    margin-bottom: 8px;
    color: #e5c27e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.m3mr-aside-footer strong {
    display: block;
    margin-bottom: 6px;
    color: #ffffff !important;
    font-size: 23px;
    font-weight: 900;
}

.m3mr-aside-footer small {
    display: block;
    margin-top: 5px;
    color: #e0e8f3 !important;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   SECTION 2 — MARKET LANDSCAPE
========================================================= */

.m3mr-landscape {
    padding: 82px 0;
    background: #ffffff;
}

.m3mr-section-heading {
    max-width: 850px;
    margin: 0 auto 43px;
    text-align: center;
}

.m3mr-section-kicker {
    display: inline-block;
    margin-bottom: 13px;
    color: #a16b08 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.3px;
}

.m3mr-section-heading h2 {
    margin: 0 0 16px;
    color: #092f62 !important;
    font-size: clamp(29px, 3.2vw, 40px);
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: -.6px;
}

.m3mr-section-heading h2 strong {
    color: #b97800 !important;
}

.m3mr-section-heading > p {
    margin: 0 auto;
    max-width: 790px;
    color: #68768a !important;
    font-size: 17px !important;
    line-height: 1.85;
}

.m3mr-landscape-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    gap: 36px;
    align-items: stretch;
}

.m3mr-landscape-copy {
    padding: 12px 0;
}

.m3mr-landscape-copy h3 {
    margin: 0 0 19px;
    color: #092f62 !important;
    font-size: 26px;
    font-weight: 850;
    line-height: 1.45;
}

.m3mr-landscape-copy h3 strong {
    color: #b97800 !important;
}

.m3mr-landscape-copy > p {
    margin: 0 0 17px;
    color: #596a80 !important;
    font-size: 16px !important;
    line-height: 1.9;
}

.m3mr-landscape-copy > p strong {
    color: #092f62 !important;
    font-weight: 850;
}


/* LANDSCAPE NOTE */

.m3mr-landscape-note {
    display: flex;
    gap: 14px;
    margin-top: 25px;
    padding: 20px;
    border: 1px solid #e9d9ba;
    border-radius: 8px;
    background: #fffaf0;
}

.m3mr-note-icon {
    display: flex;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #b97800;
    color: #ffffff !important;
    font-size: 19px;
    font-weight: 900;
}

.m3mr-landscape-note strong {
    display: block;
    margin-bottom: 6px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
}

.m3mr-landscape-note p {
    margin: 0;
    color: #617086 !important;
    font-size: 15px !important;
    line-height: 1.75;
}


/* MARKET VALUE CARD */

.m3mr-market-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 29px;
    border: 1px solid #d9c18e;
    border-radius: 12px;
    background: linear-gradient(150deg, #092f62, #123e70);
    box-shadow: 0 15px 35px rgba(9,47,98,.13);
}

.m3mr-market-card:after {
    position: absolute;
    right: -85px;
    top: -100px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
    content: "";
}

.m3mr-market-card-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.m3mr-market-card-header span {
    color: #e4c57e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .7px;
}

.m3mr-market-card-header strong {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.m3mr-market-value {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px 0;
}

.m3mr-market-value > span {
    color: #d5e0ed !important;
    font-size: 15px;
    font-weight: 700;
}

.m3mr-market-value > strong {
    color: #ffffff !important;
    font-size: 35px;
    line-height: 1.25;
    font-weight: 900;
}

.m3mr-market-value > .m3mr-gold-value {
    color: #f0cd81 !important;
}

.m3mr-market-line {
    position: relative;
    z-index: 1;
    height: 1px;
    background: rgba(255,255,255,.2);
}

.m3mr-market-tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    align-self: flex-start;
    margin: 0 0 17px;
    padding: 8px 11px;
    border: 1px solid rgba(240,205,129,.5);
    border-radius: 4px;
    background: rgba(255,255,255,.07);
    color: #f0cd81 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .4px;
}

.m3mr-market-card > p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #d9e3ef !important;
    font-size: 15px !important;
    line-height: 1.8;
}

.m3mr-market-footer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 23px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.2);
}

.m3mr-market-footer span {
    color: #e5c47e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.m3mr-market-footer strong {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.6;
}


/* DEVELOPER STRIP */

.m3mr-developer-strip {
    margin-top: 36px;
    padding: 24px;
    border: 1px solid #e8e2d4;
    border-radius: 8px;
    background: #fbfaf7;
    text-align: center;
}

.m3mr-developer-strip > span {
    display: block;
    margin-bottom: 19px;
    color: #98701f !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.m3mr-developer-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.m3mr-developer-list span {
    min-width: 120px;
    padding: 12px 18px;
    border: 1px solid #e3e7ee;
    border-radius: 5px;
    background: #ffffff;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .5px;
}


/* =========================================================
   SECTION 3 — DECISION CARDS
========================================================= */

.m3mr-decision {
    padding: 84px 0;
    background: #f5f7fb;
}

.m3mr-decision-heading {
    margin-bottom: 42px;
}

.m3mr-decision-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px;
}

.m3mr-decision-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 29px;
    border: 1px solid #e0e6ef;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 27px rgba(9,47,98,.055);
    transition: transform .25s ease, box-shadow .25s ease;
}

.m3mr-decision-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 32px rgba(9,47,98,.10);
}

.m3mr-accept-card {
    border-top: 4px solid #b97800;
}

.m3mr-refund-card {
    border-top: 4px solid #092f62;
}

.m3mr-decision-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 21px;
}

.m3mr-option-number {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #092f62;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.m3mr-accept-card .m3mr-option-number {
    background: #b97800;
}

.m3mr-option-label {
    color: #9c700e !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.m3mr-decision-card h3 {
    margin: 0 0 15px;
    color: #092f62 !important;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.4;
}

.m3mr-decision-card h3 span {
    display: block;
    color: #b97800 !important;
    font-size: 20px;
}

.m3mr-decision-card > p {
    margin: 0 0 19px;
    color: #647288 !important;
    font-size: 16px !important;
    line-height: 1.8;
}

.m3mr-decision-divider {
    height: 1px;
    margin-bottom: 19px;
    background: #e9edf2;
}

.m3mr-card-subtitle {
    display: block;
    margin-bottom: 15px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 900;
}

.m3mr-decision-card ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.m3mr-decision-card ul li {
    position: relative;
    padding-left: 24px;
    color: #52647b !important;
    font-size: 15px;
    line-height: 1.65;
}

.m3mr-decision-card ul li:before {
    position: absolute;
    top: 3px;
    left: 0;
    color: #b97800;
    font-size: 17px;
    font-weight: 900;
    content: "✓";
}

.m3mr-decision-card ul li strong {
    color: #092f62 !important;
    font-weight: 850;
}

.m3mr-decision-verdict {
    margin-top: auto;
    padding: 17px;
    border: 1px solid #e9d9b8;
    border-radius: 6px;
    background: #fffaf0;
}

.m3mr-decision-verdict strong {
    display: block;
    margin-bottom: 6px;
    color: #946300 !important;
    font-size: 15px;
    font-weight: 900;
}

.m3mr-decision-verdict p {
    margin: 0;
    color: #58677b !important;
    font-size: 15px !important;
    line-height: 1.7;
}


/* DISCLAIMER */

.m3mr-decision-disclaimer {
    margin-top: 25px;
    padding: 18px 20px;
    border-left: 4px solid #b97800;
    border-radius: 4px;
    background: #fffaf0;
    color: #5d6878 !important;
    font-size: 15px;
    line-height: 1.8;
}

.m3mr-decision-disclaimer > span {
    display: block;
    margin-bottom: 5px;
    color: #946300 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* FMV BLOCK */

.m3mr-fmv-block {
    margin-top: 58px;
    padding: 35px;
    border: 1px solid #e2d5b9;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(9,47,98,.045);
}

.m3mr-fmv-heading {
    max-width: 750px;
    margin-bottom: 31px;
}

.m3mr-fmv-heading h3 {
    margin: 0 0 12px;
    color: #092f62 !important;
    font-size: 29px;
    font-weight: 900;
    line-height: 1.4;
}

.m3mr-fmv-heading h3 strong {
    color: #b97800 !important;
}

.m3mr-fmv-heading p {
    margin: 0;
    color: #66758a !important;
    font-size: 16px !important;
}

.m3mr-fmv-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.m3mr-fmv-item {
    padding: 20px 16px;
    border: 1px solid #e6eaf0;
    border-radius: 7px;
    background: #fafbfd;
}

.m3mr-fmv-number {
    display: inline-flex;
    margin-bottom: 14px;
    color: #b97800 !important;
    font-size: 19px;
    font-weight: 900;
}

.m3mr-fmv-item h4 {
    margin: 0 0 10px;
    color: #092f62 !important;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.m3mr-fmv-item p {
    margin: 0;
    color: #66758a !important;
    font-size: 15px !important;
    line-height: 1.75;
}

.m3mr-rental-note {
    margin-top: 22px;
    padding: 17px 19px;
    border-left: 3px solid #b97800;
    background: #fffaf0;
    color: #58677b !important;
    font-size: 15px;
    line-height: 1.8;
}

.m3mr-rental-note strong {
    color: #092f62 !important;
}


/* =========================================================
   SECTION 4 — FILING PROCESS
========================================================= */

.m3mr-filing {
    padding: 84px 0;
    background: #ffffff;
}

.m3mr-filing-heading {
    margin-bottom: 44px;
}

.m3mr-filing-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    align-items: start;
    gap: 39px;
}


/* TIMELINE */

.m3mr-timeline {
    position: relative;
}

.m3mr-timeline:before {
    position: absolute;
    top: 24px;
    bottom: 40px;
    left: 23px;
    width: 2px;
    background: linear-gradient(#b97800, #d9e0e9);
    content: "";
}

.m3mr-timeline-item {
    position: relative;
    display: flex;
    gap: 21px;
    margin-bottom: 23px;
}

.m3mr-timeline-number {
    position: relative;
    z-index: 1;
    display: flex;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #092f62;
    box-shadow: 0 0 0 1px #d5b578;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 900;
}

.m3mr-timeline-content {
    flex: 1;
    min-width: 0;
    padding: 18px 21px;
    border: 1px solid #e7eaf0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 5px 19px rgba(9,47,98,.04);
}

.m3mr-timeline-content > span {
    display: block;
    margin-bottom: 8px;
    color: #a16b08 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.m3mr-timeline-content h3 {
    margin: 0 0 9px;
    color: #092f62 !important;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.m3mr-timeline-content p {
    margin: 0;
    color: #647288 !important;
    font-size: 15px !important;
    line-height: 1.8;
}

.m3mr-timeline-content p strong {
    color: #092f62 !important;
    font-weight: 850;
}

.m3mr-text-link {
    display: inline-flex !important;
    align-items: center;
    margin-top: 13px;
    color: #a16b08 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.m3mr-text-link:hover {
    color: #092f62 !important;
    text-decoration: underline !important;
}


/* DOCUMENT CHECKLIST */

.m3mr-document-card {
    position: sticky;
    top: 25px;
    overflow: hidden;
    padding: 26px;
    border: 1px solid #d9c08c;
    border-radius: 10px;
    background: linear-gradient(150deg, #092f62, #123d6e);
    box-shadow: 0 14px 35px rgba(9,47,98,.13);
}

.m3mr-document-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.m3mr-document-top > span {
    color: #e8c981 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .7px;
}

.m3mr-document-top > div {
    display: flex;
    width: 33px;
    height: 33px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e3b75f;
    color: #092f62 !important;
    font-size: 19px;
    font-weight: 900;
}

.m3mr-document-card h3 {
    margin: 21px 0 9px;
    color: #ffffff !important;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.4;
}

.m3mr-document-card > p {
    margin: 0 0 20px;
    color: #dce5ef !important;
    font-size: 15px !important;
    line-height: 1.7;
}

.m3mr-document-card ul {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.m3mr-document-card ul li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.6;
}

.m3mr-document-card ul li span {
    display: flex;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e3b75f;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 900;
}

.m3mr-document-note {
    margin-top: 22px;
    padding: 15px;
    border: 1px solid rgba(233,202,138,.4);
    border-radius: 6px;
    background: rgba(255,255,255,.07);
    color: #e0e9f3 !important;
    font-size: 15px;
    line-height: 1.7;
}

.m3mr-document-note strong {
    color: #f1ce87 !important;
}

.m3mr-btn-document {
    display: flex !important;
    width: 100%;
    margin-top: 22px;
    background: #d9ad5a !important;
    border-color: #d9ad5a !important;
    color: #092f62 !important;
}

.m3mr-btn-document:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #092f62 !important;
}

.m3mr-document-phone {
    display: block;
    margin-top: 15px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    text-align: center;
    text-decoration: none !important;
}

.m3mr-document-phone:hover {
    color: #f1ce87 !important;
}


/* =========================================================
   SECTION 5 — FINAL CTA
========================================================= */

.m3mr-final-cta {
    position: relative;
    overflow: hidden;
    padding: 75px 0;
    background:
        radial-gradient(circle at 100% 0%, rgba(209,168,91,.18), transparent 35%),
        linear-gradient(120deg, #082b58, #123e70);
}

.m3mr-final-cta:after {
    position: absolute;
    top: -190px;
    right: -100px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.m3mr-final-cta-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
    align-items: center;
    gap: 50px;
}

.m3mr-final-kicker {
    display: block;
    margin-bottom: 16px;
    color: #e6c17b !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.1px;
}

.m3mr-final-content h2 {
    margin: 0 0 19px;
    color: #ffffff !important;
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 900;
    line-height: 1.3;
}

.m3mr-final-content h2 strong {
    color: #f0cd81 !important;
}

.m3mr-final-content > p {
    margin: 0 0 25px;
    color: #e1e9f3 !important;
    font-size: 16px !important;
    line-height: 1.85;
}

.m3mr-final-content > p strong {
    color: #ffffff !important;
    font-weight: 850;
}

.m3mr-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.m3mr-final-call,
.m3mr-final-advice {
    display: inline-flex !important;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 19px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all .25s ease;
}

.m3mr-final-call {
    border-color: rgba(255,255,255,.65);
    background: transparent !important;
    color: #ffffff !important;
}

.m3mr-final-call:hover {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
}

.m3mr-final-advice {
    border-color: #dcb45f;
    background: #dcb45f !important;
    color: #092f62 !important;
}

.m3mr-final-advice:hover {
    border-color: #ffffff;
    background: #ffffff !important;
    color: #092f62 !important;
}

.m3mr-final-footnote {
    display: block;
    margin-top: 19px;
    color: #cbd8e8 !important;
    font-size: 15px;
    line-height: 1.7;
}


/* FINAL SIDE PANEL */

.m3mr-final-side {
    padding: 26px;
    border: 1px solid rgba(226,192,124,.4);
    border-radius: 9px;
    background: rgba(255,255,255,.07);
}

.m3mr-final-side > span {
    display: block;
    margin-bottom: 23px;
    color: #f0cd81 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.m3mr-final-side > strong {
    display: block;
    margin-bottom: 5px;
    color: #e6bd72 !important;
    font-size: 27px;
    font-weight: 900;
}

.m3mr-final-side p {
    margin: 0;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.65;
}

.m3mr-final-side > div {
    height: 1px;
    margin: 17px 0;
    background: rgba(255,255,255,.2);
}


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

@media (max-width: 1050px) {

    .m3mr-hero-layout {
        gap: 28px;
    }

    .m3mr-hero-content h1 {
        font-size: 38px;
    }

    .m3mr-hero-aside {
        padding: 25px;
    }

    .m3mr-hero-aside h2 {
        font-size: 29px;
    }

    .m3mr-landscape-layout {
        gap: 23px;
    }

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

    .m3mr-filing-layout {
        gap: 25px;
    }

}


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

@media (max-width: 767px) {

    .m3mr-container {
        padding: 0 16px;
    }

    .m3mr-hero {
        padding: 45px 0 48px;
    }

    .m3mr-hero-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .m3mr-hero-content h1 {
        font-size: 35px;
        letter-spacing: -.7px;
    }

    .m3mr-hero-content h1 span {
        font-size: .78em;
    }

    .m3mr-eyebrow {
        font-size: 15px;
        letter-spacing: .3px;
    }

    .m3mr-hero-intro {
        font-size: 16px !important;
    }

    .m3mr-hero-highlight {
        padding: 17px;
    }

    .m3mr-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .m3mr-btn {
        width: 100%;
        min-height: 53px;
    }

    .m3mr-hero-aside {
        padding: 23px;
    }

    .m3mr-hero-aside h2 {
        font-size: 28px;
    }

    .m3mr-landscape,
    .m3mr-decision,
    .m3mr-filing {
        padding: 60px 0;
    }

    .m3mr-section-heading {
        margin-bottom: 30px;
    }

    .m3mr-section-heading h2 {
        font-size: 30px;
    }

    .m3mr-section-heading > p {
        font-size: 16px !important;
    }

    .m3mr-landscape-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .m3mr-landscape-copy h3 {
        font-size: 23px;
    }

    .m3mr-market-card {
        padding: 23px;
    }

    .m3mr-market-value > strong {
        font-size: 31px;
    }

    .m3mr-developer-strip {
        padding: 19px 14px;
    }

    .m3mr-developer-list {
        gap: 8px;
    }

    .m3mr-developer-list span {
        min-width: calc(50% - 8px);
        padding: 11px 8px;
    }

    .m3mr-decision-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .m3mr-decision-card {
        padding: 23px 19px;
    }

    .m3mr-decision-card h3 {
        font-size: 25px;
    }

    .m3mr-fmv-block {
        margin-top: 38px;
        padding: 22px 17px;
    }

    .m3mr-fmv-heading h3 {
        font-size: 25px;
    }

    .m3mr-fmv-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .m3mr-fmv-item {
        padding: 19px;
    }

    .m3mr-filing-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .m3mr-document-card {
        position: static;
        padding: 23px;
    }

    .m3mr-timeline:before {
        left: 20px;
    }

    .m3mr-timeline-item {
        gap: 13px;
    }

    .m3mr-timeline-number {
        width: 42px;
        height: 42px;
    }

    .m3mr-timeline-content {
        padding: 16px;
    }

    .m3mr-timeline-content h3 {
        font-size: 19px;
    }

    .m3mr-final-cta {
        padding: 55px 0;
    }

    .m3mr-final-cta-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .m3mr-final-content h2 {
        font-size: 31px;
    }

    .m3mr-final-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .m3mr-final-call,
    .m3mr-final-advice {
        width: 100%;
        min-height: 53px;
    }

}


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

@media (max-width: 380px) {

    .m3mr-hero-content h1 {
        font-size: 31px;
    }

    .m3mr-hero-aside h2 {
        font-size: 25px;
    }

    .m3mr-market-value > strong {
        font-size: 28px;
    }

    .m3mr-section-heading h2 {
        font-size: 27px;
    }

    .m3mr-final-content h2 {
        font-size: 28px;
    }

}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .m3mr-hero *,
    .m3mr-landscape *,
    .m3mr-decision *,
    .m3mr-filing *,
    .m3mr-final-cta * {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }

}

/* ==========================================================
   A2Z VALUERS — LARR ACT PAGE
   ROYAL NAVY & ANTIQUE GOLD
   UNIQUE NAMESPACE: LARRX
========================================================== */

:root {
    --larrx-navy: #092f62;
    --larrx-navy-dark: #061f43;
    --larrx-navy-light: #174879;
    --larrx-gold: #b97800;
    --larrx-gold-light: #e4bd70;
    --larrx-gold-pale: #fff5df;
    --larrx-ivory: #fbf8f1;
    --larrx-white: #ffffff;
    --larrx-text: #34465e;
    --larrx-muted: #65748a;
    --larrx-border: #e7e2d7;
    --larrx-shadow: 0 12px 35px rgba(9,47,98,.075);
}


/* ==========================================================
   GLOBAL
========================================================== */

.larrx-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
    box-sizing: border-box;
}

.larrx-hero *,
.larrx-process *,
.larrx-fmv *,
.larrx-aravalli *,
.larrx-action * {
    box-sizing: border-box;
}

.larrx-hero,
.larrx-process,
.larrx-fmv,
.larrx-aravalli,
.larrx-action {
    width: 100%;
    font-family: inherit;
}

.larrx-hero p,
.larrx-process p,
.larrx-fmv p,
.larrx-aravalli p,
.larrx-action p {
    font-size: 16px;
    line-height: 1.85;
}

.larrx-hero strong,
.larrx-process strong,
.larrx-fmv strong,
.larrx-aravalli strong,
.larrx-action strong {
    font-weight: 800;
}


/* ==========================================================
   COMMON TYPOGRAPHY
========================================================== */

.larrx-section-kicker {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 850;
    letter-spacing: 1.5px;
}

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

.larrx-section-heading h2,
.larrx-fmv-heading h2,
.larrx-action-heading h2 {
    margin: 0 0 19px;
    color: var(--larrx-navy) !important;
    font-size: clamp(30px, 3.4vw, 41px);
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.larrx-section-heading h2 strong,
.larrx-fmv-heading h2 strong,
.larrx-action-heading h2 strong {
    color: var(--larrx-gold) !important;
}

.larrx-section-heading > p,
.larrx-fmv-heading > p,
.larrx-action-heading > p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 17px;
    line-height: 1.9;
}


/* ==========================================================
   COMMON CTA BUTTONS
========================================================== */

.larrx-btn {
    display: inline-flex !important;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 16px !important;
    line-height: 1.45;
    font-weight: 850 !important;
    text-decoration: none !important;
    text-align: center;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all .25s ease;
}

.larrx-btn span {
    color: inherit !important;
    font-size: 21px;
    line-height: 1;
}

.larrx-btn-gold {
    background: var(--larrx-gold) !important;
    border-color: var(--larrx-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(185,120,0,.20);
}

.larrx-btn-gold:hover {
    background: var(--larrx-navy) !important;
    border-color: var(--larrx-navy) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.larrx-btn-navy {
    background: var(--larrx-navy) !important;
    border-color: var(--larrx-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(9,47,98,.17);
}

.larrx-btn-navy:hover {
    background: var(--larrx-navy-light) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.larrx-btn-full {
    display: flex !important;
    width: 100%;
    margin-top: 22px;
}


/* ==========================================================
   SECTION 1 — HERO
========================================================== */

.larrx-hero {
    position: relative;
    overflow: hidden;
    padding: 85px 0 0;
    background:
        radial-gradient(ellipse at 90% 10%,
        rgba(185,120,0,.09), transparent 32%),
        linear-gradient(135deg,#ffffff 0%,#fbf9f3 100%);
    color: var(--larrx-text);
}

.larrx-hero:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 190px;
    background: linear-gradient(
        to bottom,
        var(--larrx-gold),
        transparent
    );
    content: "";
}

.larrx-hero-inner {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.larrx-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-bottom: 25px;
    padding: 11px 18px;
    border: 1px solid #ead7b1;
    border-radius: 50px;
    background: #fffaf1;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-eyebrow-line {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--larrx-gold);
}

.larrx-hero h1 {
    margin: 0 auto 23px;
    color: var(--larrx-navy) !important;
    font-size: clamp(37px, 4.3vw, 55px);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -1.4px;
}

.larrx-hero h1 strong {
    color: var(--larrx-gold) !important;
}

.larrx-hero h1 span {
    color: var(--larrx-navy) !important;
}

.larrx-hero-lead {
    max-width: 850px;
    margin: 0 auto 19px;
    color: #3e5068 !important;
    font-size: 20px !important;
    line-height: 1.75 !important;
    font-weight: 550;
}

.larrx-hero-lead strong {
    color: var(--larrx-navy) !important;
}

.larrx-hero-description {
    max-width: 820px;
    margin: 0 auto 29px;
    color: var(--larrx-muted) !important;
    font-size: 16px;
    line-height: 1.9;
}

.larrx-hero-description strong {
    color: var(--larrx-navy) !important;
}

.larrx-hero-points {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px 22px;
    max-width: 730px;
    margin: 0 auto 34px;
    padding: 23px;
    border: 1px solid #e8e1d2;
    border-radius: 10px;
    background: rgba(255,255,255,.8);
    text-align: left;
}

.larrx-hero-point {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--larrx-text) !important;
    font-size: 15px;
    line-height: 1.6;
}

.larrx-hero-point strong {
    color: var(--larrx-navy) !important;
}

.larrx-check {
    display: flex;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8edd4;
    color: var(--larrx-gold) !important;
    font-size: 16px;
    font-weight: 900;
}

.larrx-hero-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.larrx-hero-note {
    margin-top: 23px;
    color: #718096 !important;
    font-size: 15px;
    line-height: 1.7;
}

.larrx-hero-note strong {
    color: var(--larrx-navy) !important;
}


/* HERO BOTTOM STRIP */

.larrx-hero-bottom {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1px;
    margin-top: 65px;
    border-top: 1px solid #e6dfd1;
    background: #e6dfd1;
}

.larrx-hero-bottom > div {
    display: flex;
    min-height: 116px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    background: #f7f4ed;
    text-align: center;
}

.larrx-bottom-number {
    margin-bottom: 8px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.larrx-hero-bottom strong {
    margin-bottom: 5px;
    color: var(--larrx-navy) !important;
    font-size: 17px;
}

.larrx-hero-bottom small {
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.5;
}


/* ==========================================================
   SECTION 2 — LARR PROCESS
========================================================== */

.larrx-process {
    padding: 88px 0;
    background: #ffffff;
}

.larrx-process-layout {
    display: grid;
    grid-template-columns: .83fr 1.5fr;
    gap: 48px;
    align-items: start;
}


/* LEFT INTRO */

.larrx-process-intro {
    position: sticky;
    top: 25px;
    padding: 30px 26px;
    border: 1px solid #dfd3b9;
    border-radius: 10px;
    background: linear-gradient(150deg,#092f62,#061f43);
    box-shadow: var(--larrx-shadow);
}

.larrx-process-intro-label {
    margin-bottom: 19px;
    color: #e5c47e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.3px;
}

.larrx-process-intro h3 {
    margin: 0 0 18px;
    color: #ffffff !important;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-process-intro > p {
    margin: 0 0 22px;
    color: #e0e8f2 !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-process-highlight {
    margin-bottom: 25px;
    padding: 16px;
    border-left: 3px solid var(--larrx-gold-light);
    border-radius: 0 6px 6px 0;
    background: rgba(255,255,255,.09);
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.75;
}

.larrx-process-highlight strong {
    color: #f1ce83 !important;
}


/* TIMELINE */

.larrx-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.larrx-timeline:before {
    position: absolute;
    top: 36px;
    bottom: 40px;
    left: 28px;
    width: 2px;
    background: linear-gradient(
        to bottom,
        var(--larrx-gold),
        #e8ddc6
    );
    content: "";
}

.larrx-stage {
    position: relative;
    display: grid;
    grid-template-columns: 57px minmax(0,1fr);
    gap: 20px;
}

.larrx-stage-marker {
    position: relative;
    z-index: 1;
    display: flex;
    width: 57px;
    height: 57px;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background: var(--larrx-navy);
    box-shadow: 0 0 0 1px #e4c98f;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 900;
}

.larrx-stage-content {
    padding: 24px 26px;
    border: 1px solid #e8e6df;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(9,47,98,.045);
    transition: border-color .25s ease, transform .25s ease;
}

.larrx-stage-content:hover {
    border-color: #d2ae69;
    transform: translateX(4px);
}

.larrx-stage-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.larrx-stage-top > span {
    padding: 7px 11px;
    border-radius: 4px;
    background: var(--larrx-navy);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 850;
}

.larrx-stage-top small {
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .7px;
}

.larrx-stage-content h3 {
    margin: 0 0 13px;
    color: var(--larrx-navy) !important;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 850;
}

.larrx-stage-content p {
    margin: 0 0 11px;
    color: var(--larrx-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-stage-content p:last-child {
    margin-bottom: 0;
}

.larrx-stage-content strong {
    color: var(--larrx-navy) !important;
}


/* COMPENSATION FORMULA */

.larrx-formula {
    margin-top: 66px;
    padding: 37px;
    border: 1px solid #dfd1b2;
    border-radius: 12px;
    background: linear-gradient(140deg,#fbf8f1,#ffffff);
}

.larrx-formula-heading {
    margin-bottom: 30px;
    text-align: center;
}

.larrx-formula-heading > span {
    display: block;
    margin-bottom: 10px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.larrx-formula-heading h3 {
    margin: 0;
    color: var(--larrx-navy) !important;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-formula-heading h3 strong {
    color: var(--larrx-gold) !important;
}

.larrx-formula-grid {
    display: grid;
    grid-template-columns: 1fr 35px 1fr 35px 1fr;
    gap: 12px;
    align-items: center;
}

.larrx-formula-item {
    min-height: 170px;
    padding: 21px 15px;
    border: 1px solid #e6ddca;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.larrx-formula-item > span {
    display: block;
    margin-bottom: 12px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-formula-item strong {
    display: block;
    margin-bottom: 9px;
    color: var(--larrx-navy) !important;
    font-size: 18px;
}

.larrx-formula-item p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.65;
}

.larrx-formula-operator {
    color: var(--larrx-gold) !important;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}

.larrx-formula-note {
    margin: 24px 0 0;
    padding: 16px;
    border-radius: 6px;
    background: #f1eee6;
    color: #56647a !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}


/* ==========================================================
   SECTION 3 — FMV / VALUATION
========================================================== */

.larrx-fmv {
    padding: 90px 0;
    background: #f6f7f9;
}

.larrx-fmv-heading {
    max-width: 880px;
    margin: 0 auto 43px;
    text-align: center;
}

.larrx-fmv-layout {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: 30px;
    align-items: start;
}

.larrx-fmv-main {
    padding: 30px;
    border: 1px solid #e5e8ed;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 7px 25px rgba(9,47,98,.04);
}

.larrx-fmv-intro {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 24px;
    border-bottom: 1px solid #e8e9eb;
}

.larrx-fmv-number {
    display: flex;
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--larrx-navy);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.larrx-fmv-intro h3 {
    margin: 0 0 10px;
    color: var(--larrx-navy) !important;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-fmv-intro p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 16px;
}

.larrx-reasons {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.larrx-reason {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 17px;
    padding: 24px 0;
    border-bottom: 1px solid #eceef1;
}

.larrx-reason:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.larrx-reason-icon {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7d4ad;
    border-radius: 7px;
    background: #fff8e9;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-reason h4 {
    margin: 0 0 9px;
    color: var(--larrx-navy) !important;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 850;
}

.larrx-reason p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.85;
}


/* EVIDENCE PANEL */

.larrx-evidence {
    padding: 29px 25px;
    border: 1px solid #c9a45d;
    border-radius: 10px;
    background: linear-gradient(155deg,#092f62,#061f43);
    box-shadow: 0 15px 38px rgba(9,47,98,.15);
}

.larrx-evidence-top {
    display: inline-block;
    margin-bottom: 17px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 4px;
    color: #efd18f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-evidence h3 {
    margin: 0 0 14px;
    color: #ffffff !important;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-evidence h3 strong {
    color: #e8c47b !important;
}

.larrx-evidence > p {
    margin: 0 0 22px;
    color: #dce5f1 !important;
    font-size: 15px;
    line-height: 1.8;
}

.larrx-evidence-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.larrx-evidence-list > div {
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    gap: 10px;
    align-items: start;
}

.larrx-evidence-list > div > span {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7c47f;
    color: var(--larrx-navy) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-evidence-list p {
    margin: 0;
    color: #dbe5f1 !important;
    font-size: 15px;
    line-height: 1.7;
}

.larrx-evidence-list p strong {
    display: block;
    margin-bottom: 3px;
    color: #ffffff !important;
    font-size: 16px;
}

.larrx-evidence .larrx-btn-gold {
    margin-top: 27px;
}

.larrx-evidence-phone {
    display: block;
    margin-top: 15px;
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 850;
    text-align: center;
    text-decoration: none !important;
}

.larrx-evidence-phone:hover {
    color: #f0cf8a !important;
}


/* FMV BOTTOM DISCLAIMER */

.larrx-fmv-bottom {
    display: grid;
    grid-template-columns: 47px minmax(0,1fr);
    gap: 17px;
    align-items: start;
    margin-top: 27px;
    padding: 22px 24px;
    border: 1px solid #e4d7ba;
    border-radius: 8px;
    background: #fffaf0;
}

.larrx-fmv-bottom-icon {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--larrx-gold);
    color: #ffffff !important;
    font-size: 23px;
    font-weight: 900;
}

.larrx-fmv-bottom strong {
    display: block;
    margin-bottom: 6px;
    color: var(--larrx-navy) !important;
    font-size: 16px;
    line-height: 1.6;
}

.larrx-fmv-bottom p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   SECTION 4 — ARAVALLI
========================================================== */

.larrx-aravalli {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: linear-gradient(135deg,#092f62,#061f43);
}

.larrx-aravalli:after {
    position: absolute;
    right: -100px;
    bottom: -170px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(228,189,112,.16);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(228,189,112,.035),
        0 0 0 75px rgba(228,189,112,.025);
    content: "";
    pointer-events: none;
}

.larrx-aravalli-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.1fr .85fr;
    gap: 58px;
    align-items: center;
}

.larrx-aravalli-content .larrx-section-kicker {
    color: #e7c37b !important;
}

.larrx-aravalli-content h2 {
    margin: 0 0 23px;
    color: #ffffff !important;
    font-size: clamp(31px,3.5vw,42px);
    line-height: 1.35;
    font-weight: 850;
}

.larrx-aravalli-content h2 strong {
    color: #e7c37b !important;
}

.larrx-aravalli-lead {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

.larrx-aravalli-content > p:not(.larrx-aravalli-lead) {
    color: #dce5f0 !important;
    font-size: 16px;
    line-height: 1.9;
}

.larrx-aravalli-content strong {
    color: #f0d394 !important;
}

.larrx-aravalli-warning {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 13px;
    margin-top: 26px;
    padding: 19px;
    border: 1px solid rgba(232,196,123,.4);
    border-radius: 8px;
    background: rgba(255,255,255,.075);
}

.larrx-warning-symbol {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e5bf76;
    color: var(--larrx-navy) !important;
    font-size: 20px;
    font-weight: 900;
}

.larrx-aravalli-warning strong {
    color: #f0cf8b !important;
    font-size: 17px;
}

.larrx-aravalli-warning p {
    margin: 7px 0 0;
    color: #e2e9f1 !important;
    font-size: 15px;
    line-height: 1.75;
}


/* RESTRICTION CARD */

.larrx-restriction-card {
    padding: 30px 26px;
    border: 1px solid #d8b56e;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
}

.larrx-restriction-label {
    display: block;
    margin-bottom: 13px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.larrx-restriction-card h3 {
    margin: 0 0 24px;
    color: var(--larrx-navy) !important;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-restriction-item {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid #eae8e2;
}

.larrx-restriction-item > span {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff4dc;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-restriction-item strong {
    display: block;
    margin-bottom: 5px;
    color: var(--larrx-navy) !important;
    font-size: 16px;
}

.larrx-restriction-item p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.7;
}

.larrx-aravalli-note {
    margin: 17px 0 0;
    color: #dce5f0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}


/* ==========================================================
   SECTION 5 — ACTION PLAN
========================================================== */

.larrx-action {
    padding: 90px 0;
    background:
        radial-gradient(ellipse at 5% 10%,rgba(185,120,0,.055),transparent 30%),
        #fbfaf7;
}

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

.larrx-action-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 19px;
    max-width: 950px;
    margin: 0 auto;
}

.larrx-action-step {
    position: relative;
    display: grid;
    grid-template-columns: 75px minmax(0,1fr);
    gap: 23px;
    padding: 27px 30px;
    border: 1px solid #e6e2d8;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(9,47,98,.045);
    transition: transform .25s ease, border-color .25s ease;
}

.larrx-action-step:hover {
    transform: translateX(4px);
    border-color: #d5b16b;
}

.larrx-action-number {
    display: flex;
    width: 67px;
    height: 67px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5b16b;
    border-radius: 9px;
    background: var(--larrx-navy);
    color: #ffffff !important;
    font-size: 23px;
    font-weight: 900;
}

.larrx-action-content > span {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-action-content h3 {
    margin: 0 0 12px;
    color: var(--larrx-navy) !important;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 850;
}

.larrx-action-content h3 strong {
    color: var(--larrx-gold) !important;
}

.larrx-action-content > p {
    margin: 0 0 17px;
    color: var(--larrx-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-action-content > p strong {
    color: var(--larrx-navy) !important;
}

.larrx-action-tip {
    padding: 13px 16px;
    border-left: 3px solid var(--larrx-gold);
    border-radius: 0 5px 5px 0;
    background: #fff8e9;
    color: #526178 !important;
    font-size: 15px;
    line-height: 1.75;
}

.larrx-action-tip strong {
    color: var(--larrx-navy) !important;
}


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

.larrx-final-cta {
    display: grid;
    grid-template-columns: 1.4fr .7fr;
    gap: 35px;
    align-items: center;
    margin-top: 65px;
    padding: 43px;
    border: 1px solid #d5b36f;
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 95% 0%,rgba(228,189,112,.15),transparent 38%),
        linear-gradient(130deg,#092f62,#061f43);
    box-shadow: 0 17px 45px rgba(9,47,98,.17);
}

.larrx-final-cta-content > span {
    display: block;
    margin-bottom: 14px;
    color: #e9c77f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.larrx-final-cta-content h2 {
    margin: 0 0 17px;
    color: #ffffff !important;
    font-size: clamp(27px,3vw,35px);
    line-height: 1.4;
    font-weight: 850;
}

.larrx-final-cta-content h2 strong {
    color: #eac77e !important;
}

.larrx-final-cta-content > p {
    margin: 0;
    color: #e1e9f3 !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-final-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 22px;
}

.larrx-final-points span {
    color: #f0d496 !important;
    font-size: 15px;
    font-weight: 700;
}

.larrx-final-contact {
    padding: 26px 22px;
    border: 1px solid rgba(231,196,126,.55);
    border-radius: 9px;
    background: rgba(255,255,255,.085);
    text-align: center;
}

.larrx-final-contact-label {
    margin-bottom: 14px;
    color: #f0d18c !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-final-phone {
    display: block;
    margin-bottom: 20px;
    color: #ffffff !important;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 900;
    text-decoration: none !important;
}

.larrx-final-phone:hover {
    color: #f0d18c !important;
}

.larrx-btn-final {
    display: flex !important;
    width: 100%;
    background: #e4bd70 !important;
    border-color: #e4bd70 !important;
    color: #092f62 !important;
}

.larrx-btn-final:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #092f62 !important;
    transform: translateY(-3px);
}

.larrx-final-contact > p {
    margin: 14px 0 0;
    color: #dce5f0 !important;
    font-size: 15px;
    line-height: 1.65;
}


/* LEGAL DISCLAIMER */

.larrx-legal-note {
    margin: 28px auto 0;
    padding: 20px 22px;
    border: 1px solid #e6e3dc;
    border-radius: 7px;
    background: #f2f0ea;
    color: #657084 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.larrx-legal-note strong {
    color: var(--larrx-navy) !important;
}


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

@media (max-width: 1024px) {

    .larrx-process-layout {
        grid-template-columns: 1fr 1.4fr;
        gap: 25px;
    }

    .larrx-process-intro {
        padding: 25px 20px;
    }

    .larrx-process-intro h3 {
        font-size: 25px;
    }

    .larrx-fmv-layout {
        grid-template-columns: 1fr;
    }

    .larrx-evidence {
        max-width: 100%;
    }

    .larrx-aravalli-grid {
        gap: 30px;
    }

    .larrx-final-cta {
        padding: 30px;
        grid-template-columns: 1.2fr .8fr;
    }

}


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

@media (max-width: 767px) {

    .larrx-container {
        padding: 0 17px;
    }

    .larrx-hero {
        padding-top: 55px;
    }

    .larrx-hero h1 {
        font-size: 36px;
        letter-spacing: -.8px;
    }

    .larrx-hero-lead {
        font-size: 18px !important;
    }

    .larrx-hero-points {
        grid-template-columns: 1fr;
        gap: 13px;
        padding: 19px;
    }

    .larrx-hero-cta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .larrx-btn {
        width: 100%;
        min-height: 54px;
    }

    .larrx-hero-bottom {
        grid-template-columns: 1fr;
        margin-top: 42px;
    }

    .larrx-hero-bottom > div {
        min-height: 98px;
    }

    .larrx-process,
    .larrx-fmv,
    .larrx-aravalli,
    .larrx-action {
        padding: 62px 0;
    }

    .larrx-section-heading,
    .larrx-fmv-heading,
    .larrx-action-heading {
        margin-bottom: 32px;
    }

    .larrx-section-heading h2,
    .larrx-fmv-heading h2,
    .larrx-action-heading h2 {
        font-size: 30px;
    }

    .larrx-process-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .larrx-process-intro {
        position: relative;
        top: auto;
        padding: 25px 21px;
    }

    .larrx-process-intro h3 {
        font-size: 25px;
    }

    .larrx-stage {
        grid-template-columns: 44px minmax(0,1fr);
        gap: 13px;
    }

    .larrx-timeline:before {
        left: 21px;
    }

    .larrx-stage-marker {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .larrx-stage-content {
        padding: 19px 16px;
    }

    .larrx-stage-content h3 {
        font-size: 20px;
    }

    .larrx-stage-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .larrx-formula {
        margin-top: 40px;
        padding: 24px 16px;
    }

    .larrx-formula-heading h3 {
        font-size: 23px;
    }

    .larrx-formula-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .larrx-formula-item {
        min-height: auto;
        padding: 20px;
    }

    .larrx-formula-operator {
        line-height: 1.2;
    }

    .larrx-fmv-main {
        padding: 21px 17px;
    }

    .larrx-fmv-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .larrx-fmv-intro {
        gap: 12px;
    }

    .larrx-fmv-intro h3 {
        font-size: 20px;
    }

    .larrx-reason {
        grid-template-columns: 37px minmax(0,1fr);
        gap: 12px;
    }

    .larrx-reason-icon {
        width: 37px;
        height: 37px;
    }

    .larrx-reason h4 {
        font-size: 18px;
    }

    .larrx-evidence {
        padding: 24px 19px;
    }

    .larrx-fmv-bottom {
        grid-template-columns: 1fr;
        padding: 19px;
    }

    .larrx-aravalli-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .larrx-aravalli-content h2 {
        font-size: 31px;
    }

    .larrx-restriction-card {
        padding: 24px 19px;
    }

    .larrx-action-step {
        grid-template-columns: 48px minmax(0,1fr);
        gap: 14px;
        padding: 22px 16px;
    }

    .larrx-action-number {
        width: 47px;
        height: 47px;
        font-size: 18px;
    }

    .larrx-action-content h3 {
        font-size: 19px;
    }

    .larrx-final-cta {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-top: 42px;
        padding: 25px 18px;
    }

    .larrx-final-cta-content h2 {
        font-size: 28px;
    }

    .larrx-final-points {
        flex-direction: column;
        gap: 10px;
    }

    .larrx-final-contact {
        padding: 22px 16px;
    }

}


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

@media (max-width: 380px) {

    .larrx-container {
        padding: 0 14px;
    }

    .larrx-hero h1 {
        font-size: 32px;
    }

    .larrx-section-heading h2,
    .larrx-fmv-heading h2,
    .larrx-action-heading h2 {
        font-size: 28px;
    }

    .larrx-hero-lead {
        font-size: 17px !important;
    }

    .larrx-final-phone {
        font-size: 22px;
    }

}


/* ==========================================================
   A2Z VALUERS — LARR ACT PAGE
   ROYAL NAVY & ANTIQUE GOLD
   UNIQUE NAMESPACE: LARRX
========================================================== */

:root {
    --larrx-navy: #092f62;
    --larrx-navy-dark: #061f43;
    --larrx-navy-light: #174879;
    --larrx-gold: #b97800;
    --larrx-gold-light: #e4bd70;
    --larrx-gold-pale: #fff5df;
    --larrx-ivory: #fbf8f1;
    --larrx-white: #ffffff;
    --larrx-text: #34465e;
    --larrx-muted: #65748a;
    --larrx-border: #e7e2d7;
    --larrx-shadow: 0 12px 35px rgba(9,47,98,.075);
}


/* ==========================================================
   GLOBAL
========================================================== */

.larrx-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
    box-sizing: border-box;
}

.larrx-hero *,
.larrx-process *,
.larrx-fmv *,
.larrx-aravalli *,
.larrx-action * {
    box-sizing: border-box;
}

.larrx-hero,
.larrx-process,
.larrx-fmv,
.larrx-aravalli,
.larrx-action {
    width: 100%;
    font-family: inherit;
}

.larrx-hero p,
.larrx-process p,
.larrx-fmv p,
.larrx-aravalli p,
.larrx-action p {
    font-size: 16px;
    line-height: 1.85;
}

.larrx-hero strong,
.larrx-process strong,
.larrx-fmv strong,
.larrx-aravalli strong,
.larrx-action strong {
    font-weight: 800;
}


/* ==========================================================
   COMMON TYPOGRAPHY
========================================================== */

.larrx-section-kicker {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 850;
    letter-spacing: 1.5px;
}

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

.larrx-section-heading h2,
.larrx-fmv-heading h2,
.larrx-action-heading h2 {
    margin: 0 0 19px;
    color: var(--larrx-navy) !important;
    font-size: clamp(30px, 3.4vw, 41px);
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.larrx-section-heading h2 strong,
.larrx-fmv-heading h2 strong,
.larrx-action-heading h2 strong {
    color: var(--larrx-gold) !important;
}

.larrx-section-heading > p,
.larrx-fmv-heading > p,
.larrx-action-heading > p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 17px;
    line-height: 1.9;
}


/* ==========================================================
   COMMON CTA BUTTONS
========================================================== */

.larrx-btn {
    display: inline-flex !important;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 16px !important;
    line-height: 1.45;
    font-weight: 850 !important;
    text-decoration: none !important;
    text-align: center;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all .25s ease;
}

.larrx-btn span {
    color: inherit !important;
    font-size: 21px;
    line-height: 1;
}

.larrx-btn-gold {
    background: var(--larrx-gold) !important;
    border-color: var(--larrx-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(185,120,0,.20);
}

.larrx-btn-gold:hover {
    background: var(--larrx-navy) !important;
    border-color: var(--larrx-navy) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.larrx-btn-navy {
    background: var(--larrx-navy) !important;
    border-color: var(--larrx-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(9,47,98,.17);
}

.larrx-btn-navy:hover {
    background: var(--larrx-navy-light) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.larrx-btn-full {
    display: flex !important;
    width: 100%;
    margin-top: 22px;
}


/* ==========================================================
   SECTION 1 — HERO
========================================================== */

.larrx-hero {
    position: relative;
    overflow: hidden;
    padding: 85px 0 0;
    background:
        radial-gradient(ellipse at 90% 10%,
        rgba(185,120,0,.09), transparent 32%),
        linear-gradient(135deg,#ffffff 0%,#fbf9f3 100%);
    color: var(--larrx-text);
}

.larrx-hero:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 190px;
    background: linear-gradient(
        to bottom,
        var(--larrx-gold),
        transparent
    );
    content: "";
}

.larrx-hero-inner {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.larrx-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-bottom: 25px;
    padding: 11px 18px;
    border: 1px solid #ead7b1;
    border-radius: 50px;
    background: #fffaf1;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-eyebrow-line {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--larrx-gold);
}

.larrx-hero h1 {
    margin: 0 auto 23px;
    color: var(--larrx-navy) !important;
    font-size: clamp(37px, 4.3vw, 55px);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -1.4px;
}

.larrx-hero h1 strong {
    color: var(--larrx-gold) !important;
}

.larrx-hero h1 span {
    color: var(--larrx-navy) !important;
}

.larrx-hero-lead {
    max-width: 850px;
    margin: 0 auto 19px;
    color: #3e5068 !important;
    font-size: 20px !important;
    line-height: 1.75 !important;
    font-weight: 550;
}

.larrx-hero-lead strong {
    color: var(--larrx-navy) !important;
}

.larrx-hero-description {
    max-width: 820px;
    margin: 0 auto 29px;
    color: var(--larrx-muted) !important;
    font-size: 16px;
    line-height: 1.9;
}

.larrx-hero-description strong {
    color: var(--larrx-navy) !important;
}

.larrx-hero-points {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px 22px;
    max-width: 730px;
    margin: 0 auto 34px;
    padding: 23px;
    border: 1px solid #e8e1d2;
    border-radius: 10px;
    background: rgba(255,255,255,.8);
    text-align: left;
}

.larrx-hero-point {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--larrx-text) !important;
    font-size: 15px;
    line-height: 1.6;
}

.larrx-hero-point strong {
    color: var(--larrx-navy) !important;
}

.larrx-check {
    display: flex;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8edd4;
    color: var(--larrx-gold) !important;
    font-size: 16px;
    font-weight: 900;
}

.larrx-hero-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.larrx-hero-note {
    margin-top: 23px;
    color: #718096 !important;
    font-size: 15px;
    line-height: 1.7;
}

.larrx-hero-note strong {
    color: var(--larrx-navy) !important;
}


/* HERO BOTTOM STRIP */

.larrx-hero-bottom {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1px;
    margin-top: 65px;
    border-top: 1px solid #e6dfd1;
    background: #e6dfd1;
}

.larrx-hero-bottom > div {
    display: flex;
    min-height: 116px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    background: #f7f4ed;
    text-align: center;
}

.larrx-bottom-number {
    margin-bottom: 8px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.larrx-hero-bottom strong {
    margin-bottom: 5px;
    color: var(--larrx-navy) !important;
    font-size: 17px;
}

.larrx-hero-bottom small {
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.5;
}


/* ==========================================================
   SECTION 2 — LARR PROCESS
========================================================== */

.larrx-process {
    padding: 88px 0;
    background: #ffffff;
}

.larrx-process-layout {
    display: grid;
    grid-template-columns: .83fr 1.5fr;
    gap: 48px;
    align-items: start;
}


/* LEFT INTRO */

.larrx-process-intro {
    position: sticky;
    top: 25px;
    padding: 30px 26px;
    border: 1px solid #dfd3b9;
    border-radius: 10px;
    background: linear-gradient(150deg,#092f62,#061f43);
    box-shadow: var(--larrx-shadow);
}

.larrx-process-intro-label {
    margin-bottom: 19px;
    color: #e5c47e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.3px;
}

.larrx-process-intro h3 {
    margin: 0 0 18px;
    color: #ffffff !important;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-process-intro > p {
    margin: 0 0 22px;
    color: #e0e8f2 !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-process-highlight {
    margin-bottom: 25px;
    padding: 16px;
    border-left: 3px solid var(--larrx-gold-light);
    border-radius: 0 6px 6px 0;
    background: rgba(255,255,255,.09);
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.75;
}

.larrx-process-highlight strong {
    color: #f1ce83 !important;
}


/* TIMELINE */

.larrx-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.larrx-timeline:before {
    position: absolute;
    top: 36px;
    bottom: 40px;
    left: 28px;
    width: 2px;
    background: linear-gradient(
        to bottom,
        var(--larrx-gold),
        #e8ddc6
    );
    content: "";
}

.larrx-stage {
    position: relative;
    display: grid;
    grid-template-columns: 57px minmax(0,1fr);
    gap: 20px;
}

.larrx-stage-marker {
    position: relative;
    z-index: 1;
    display: flex;
    width: 57px;
    height: 57px;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background: var(--larrx-navy);
    box-shadow: 0 0 0 1px #e4c98f;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 900;
}

.larrx-stage-content {
    padding: 24px 26px;
    border: 1px solid #e8e6df;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(9,47,98,.045);
    transition: border-color .25s ease, transform .25s ease;
}

.larrx-stage-content:hover {
    border-color: #d2ae69;
    transform: translateX(4px);
}

.larrx-stage-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.larrx-stage-top > span {
    padding: 7px 11px;
    border-radius: 4px;
    background: var(--larrx-navy);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 850;
}

.larrx-stage-top small {
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .7px;
}

.larrx-stage-content h3 {
    margin: 0 0 13px;
    color: var(--larrx-navy) !important;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 850;
}

.larrx-stage-content p {
    margin: 0 0 11px;
    color: var(--larrx-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-stage-content p:last-child {
    margin-bottom: 0;
}

.larrx-stage-content strong {
    color: var(--larrx-navy) !important;
}


/* COMPENSATION FORMULA */

.larrx-formula {
    margin-top: 66px;
    padding: 37px;
    border: 1px solid #dfd1b2;
    border-radius: 12px;
    background: linear-gradient(140deg,#fbf8f1,#ffffff);
}

.larrx-formula-heading {
    margin-bottom: 30px;
    text-align: center;
}

.larrx-formula-heading > span {
    display: block;
    margin-bottom: 10px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.larrx-formula-heading h3 {
    margin: 0;
    color: var(--larrx-navy) !important;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-formula-heading h3 strong {
    color: var(--larrx-gold) !important;
}

.larrx-formula-grid {
    display: grid;
    grid-template-columns: 1fr 35px 1fr 35px 1fr;
    gap: 12px;
    align-items: center;
}

.larrx-formula-item {
    min-height: 170px;
    padding: 21px 15px;
    border: 1px solid #e6ddca;
    border-radius: 8px;
    background: #ffffff;
    text-align: center;
}

.larrx-formula-item > span {
    display: block;
    margin-bottom: 12px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-formula-item strong {
    display: block;
    margin-bottom: 9px;
    color: var(--larrx-navy) !important;
    font-size: 18px;
}

.larrx-formula-item p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.65;
}

.larrx-formula-operator {
    color: var(--larrx-gold) !important;
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}

.larrx-formula-note {
    margin: 24px 0 0;
    padding: 16px;
    border-radius: 6px;
    background: #f1eee6;
    color: #56647a !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}


/* ==========================================================
   SECTION 3 — FMV / VALUATION
========================================================== */

.larrx-fmv {
    padding: 90px 0;
    background: #f6f7f9;
}

.larrx-fmv-heading {
    max-width: 880px;
    margin: 0 auto 43px;
    text-align: center;
}

.larrx-fmv-layout {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: 30px;
    align-items: start;
}

.larrx-fmv-main {
    padding: 30px;
    border: 1px solid #e5e8ed;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 7px 25px rgba(9,47,98,.04);
}

.larrx-fmv-intro {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 24px;
    border-bottom: 1px solid #e8e9eb;
}

.larrx-fmv-number {
    display: flex;
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--larrx-navy);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.larrx-fmv-intro h3 {
    margin: 0 0 10px;
    color: var(--larrx-navy) !important;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-fmv-intro p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 16px;
}

.larrx-reasons {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.larrx-reason {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 17px;
    padding: 24px 0;
    border-bottom: 1px solid #eceef1;
}

.larrx-reason:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.larrx-reason-icon {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7d4ad;
    border-radius: 7px;
    background: #fff8e9;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-reason h4 {
    margin: 0 0 9px;
    color: var(--larrx-navy) !important;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 850;
}

.larrx-reason p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.85;
}


/* EVIDENCE PANEL */

.larrx-evidence {
    padding: 29px 25px;
    border: 1px solid #c9a45d;
    border-radius: 10px;
    background: linear-gradient(155deg,#092f62,#061f43);
    box-shadow: 0 15px 38px rgba(9,47,98,.15);
}

.larrx-evidence-top {
    display: inline-block;
    margin-bottom: 17px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 4px;
    color: #efd18f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-evidence h3 {
    margin: 0 0 14px;
    color: #ffffff !important;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-evidence h3 strong {
    color: #e8c47b !important;
}

.larrx-evidence > p {
    margin: 0 0 22px;
    color: #dce5f1 !important;
    font-size: 15px;
    line-height: 1.8;
}

.larrx-evidence-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.larrx-evidence-list > div {
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    gap: 10px;
    align-items: start;
}

.larrx-evidence-list > div > span {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7c47f;
    color: var(--larrx-navy) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-evidence-list p {
    margin: 0;
    color: #dbe5f1 !important;
    font-size: 15px;
    line-height: 1.7;
}

.larrx-evidence-list p strong {
    display: block;
    margin-bottom: 3px;
    color: #ffffff !important;
    font-size: 16px;
}

.larrx-evidence .larrx-btn-gold {
    margin-top: 27px;
}

.larrx-evidence-phone {
    display: block;
    margin-top: 15px;
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 850;
    text-align: center;
    text-decoration: none !important;
}

.larrx-evidence-phone:hover {
    color: #f0cf8a !important;
}


/* FMV BOTTOM DISCLAIMER */

.larrx-fmv-bottom {
    display: grid;
    grid-template-columns: 47px minmax(0,1fr);
    gap: 17px;
    align-items: start;
    margin-top: 27px;
    padding: 22px 24px;
    border: 1px solid #e4d7ba;
    border-radius: 8px;
    background: #fffaf0;
}

.larrx-fmv-bottom-icon {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--larrx-gold);
    color: #ffffff !important;
    font-size: 23px;
    font-weight: 900;
}

.larrx-fmv-bottom strong {
    display: block;
    margin-bottom: 6px;
    color: var(--larrx-navy) !important;
    font-size: 16px;
    line-height: 1.6;
}

.larrx-fmv-bottom p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   SECTION 4 — ARAVALLI
========================================================== */

.larrx-aravalli {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: linear-gradient(135deg,#092f62,#061f43);
}

.larrx-aravalli:after {
    position: absolute;
    right: -100px;
    bottom: -170px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(228,189,112,.16);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(228,189,112,.035),
        0 0 0 75px rgba(228,189,112,.025);
    content: "";
    pointer-events: none;
}

.larrx-aravalli-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.1fr .85fr;
    gap: 58px;
    align-items: center;
}

.larrx-aravalli-content .larrx-section-kicker {
    color: #e7c37b !important;
}

.larrx-aravalli-content h2 {
    margin: 0 0 23px;
    color: #ffffff !important;
    font-size: clamp(31px,3.5vw,42px);
    line-height: 1.35;
    font-weight: 850;
}

.larrx-aravalli-content h2 strong {
    color: #e7c37b !important;
}

.larrx-aravalli-lead {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

.larrx-aravalli-content > p:not(.larrx-aravalli-lead) {
    color: #dce5f0 !important;
    font-size: 16px;
    line-height: 1.9;
}

.larrx-aravalli-content strong {
    color: #f0d394 !important;
}

.larrx-aravalli-warning {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 13px;
    margin-top: 26px;
    padding: 19px;
    border: 1px solid rgba(232,196,123,.4);
    border-radius: 8px;
    background: rgba(255,255,255,.075);
}

.larrx-warning-symbol {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e5bf76;
    color: var(--larrx-navy) !important;
    font-size: 20px;
    font-weight: 900;
}

.larrx-aravalli-warning strong {
    color: #f0cf8b !important;
    font-size: 17px;
}

.larrx-aravalli-warning p {
    margin: 7px 0 0;
    color: #e2e9f1 !important;
    font-size: 15px;
    line-height: 1.75;
}


/* RESTRICTION CARD */

.larrx-restriction-card {
    padding: 30px 26px;
    border: 1px solid #d8b56e;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
}

.larrx-restriction-label {
    display: block;
    margin-bottom: 13px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.larrx-restriction-card h3 {
    margin: 0 0 24px;
    color: var(--larrx-navy) !important;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 850;
}

.larrx-restriction-item {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid #eae8e2;
}

.larrx-restriction-item > span {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff4dc;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 900;
}

.larrx-restriction-item strong {
    display: block;
    margin-bottom: 5px;
    color: var(--larrx-navy) !important;
    font-size: 16px;
}

.larrx-restriction-item p {
    margin: 0;
    color: var(--larrx-muted) !important;
    font-size: 15px;
    line-height: 1.7;
}

.larrx-aravalli-note {
    margin: 17px 0 0;
    color: #dce5f0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}


/* ==========================================================
   SECTION 5 — ACTION PLAN
========================================================== */

.larrx-action {
    padding: 90px 0;
    background:
        radial-gradient(ellipse at 5% 10%,rgba(185,120,0,.055),transparent 30%),
        #fbfaf7;
}

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

.larrx-action-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 19px;
    max-width: 950px;
    margin: 0 auto;
}

.larrx-action-step {
    position: relative;
    display: grid;
    grid-template-columns: 75px minmax(0,1fr);
    gap: 23px;
    padding: 27px 30px;
    border: 1px solid #e6e2d8;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(9,47,98,.045);
    transition: transform .25s ease, border-color .25s ease;
}

.larrx-action-step:hover {
    transform: translateX(4px);
    border-color: #d5b16b;
}

.larrx-action-number {
    display: flex;
    width: 67px;
    height: 67px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5b16b;
    border-radius: 9px;
    background: var(--larrx-navy);
    color: #ffffff !important;
    font-size: 23px;
    font-weight: 900;
}

.larrx-action-content > span {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--larrx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-action-content h3 {
    margin: 0 0 12px;
    color: var(--larrx-navy) !important;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 850;
}

.larrx-action-content h3 strong {
    color: var(--larrx-gold) !important;
}

.larrx-action-content > p {
    margin: 0 0 17px;
    color: var(--larrx-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-action-content > p strong {
    color: var(--larrx-navy) !important;
}

.larrx-action-tip {
    padding: 13px 16px;
    border-left: 3px solid var(--larrx-gold);
    border-radius: 0 5px 5px 0;
    background: #fff8e9;
    color: #526178 !important;
    font-size: 15px;
    line-height: 1.75;
}

.larrx-action-tip strong {
    color: var(--larrx-navy) !important;
}


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

.larrx-final-cta {
    display: grid;
    grid-template-columns: 1.4fr .7fr;
    gap: 35px;
    align-items: center;
    margin-top: 65px;
    padding: 43px;
    border: 1px solid #d5b36f;
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 95% 0%,rgba(228,189,112,.15),transparent 38%),
        linear-gradient(130deg,#092f62,#061f43);
    box-shadow: 0 17px 45px rgba(9,47,98,.17);
}

.larrx-final-cta-content > span {
    display: block;
    margin-bottom: 14px;
    color: #e9c77f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.larrx-final-cta-content h2 {
    margin: 0 0 17px;
    color: #ffffff !important;
    font-size: clamp(27px,3vw,35px);
    line-height: 1.4;
    font-weight: 850;
}

.larrx-final-cta-content h2 strong {
    color: #eac77e !important;
}

.larrx-final-cta-content > p {
    margin: 0;
    color: #e1e9f3 !important;
    font-size: 16px;
    line-height: 1.85;
}

.larrx-final-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 22px;
}

.larrx-final-points span {
    color: #f0d496 !important;
    font-size: 15px;
    font-weight: 700;
}

.larrx-final-contact {
    padding: 26px 22px;
    border: 1px solid rgba(231,196,126,.55);
    border-radius: 9px;
    background: rgba(255,255,255,.085);
    text-align: center;
}

.larrx-final-contact-label {
    margin-bottom: 14px;
    color: #f0d18c !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.larrx-final-phone {
    display: block;
    margin-bottom: 20px;
    color: #ffffff !important;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 900;
    text-decoration: none !important;
}

.larrx-final-phone:hover {
    color: #f0d18c !important;
}

.larrx-btn-final {
    display: flex !important;
    width: 100%;
    background: #e4bd70 !important;
    border-color: #e4bd70 !important;
    color: #092f62 !important;
}

.larrx-btn-final:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #092f62 !important;
    transform: translateY(-3px);
}

.larrx-final-contact > p {
    margin: 14px 0 0;
    color: #dce5f0 !important;
    font-size: 15px;
    line-height: 1.65;
}


/* LEGAL DISCLAIMER */

.larrx-legal-note {
    margin: 28px auto 0;
    padding: 20px 22px;
    border: 1px solid #e6e3dc;
    border-radius: 7px;
    background: #f2f0ea;
    color: #657084 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

.larrx-legal-note strong {
    color: var(--larrx-navy) !important;
}


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

@media (max-width: 1024px) {

    .larrx-process-layout {
        grid-template-columns: 1fr 1.4fr;
        gap: 25px;
    }

    .larrx-process-intro {
        padding: 25px 20px;
    }

    .larrx-process-intro h3 {
        font-size: 25px;
    }

    .larrx-fmv-layout {
        grid-template-columns: 1fr;
    }

    .larrx-evidence {
        max-width: 100%;
    }

    .larrx-aravalli-grid {
        gap: 30px;
    }

    .larrx-final-cta {
        padding: 30px;
        grid-template-columns: 1.2fr .8fr;
    }

}


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

@media (max-width: 767px) {

    .larrx-container {
        padding: 0 17px;
    }

    .larrx-hero {
        padding-top: 55px;
    }

    .larrx-hero h1 {
        font-size: 36px;
        letter-spacing: -.8px;
    }

    .larrx-hero-lead {
        font-size: 18px !important;
    }

    .larrx-hero-points {
        grid-template-columns: 1fr;
        gap: 13px;
        padding: 19px;
    }

    .larrx-hero-cta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .larrx-btn {
        width: 100%;
        min-height: 54px;
    }

    .larrx-hero-bottom {
        grid-template-columns: 1fr;
        margin-top: 42px;
    }

    .larrx-hero-bottom > div {
        min-height: 98px;
    }

    .larrx-process,
    .larrx-fmv,
    .larrx-aravalli,
    .larrx-action {
        padding: 62px 0;
    }

    .larrx-section-heading,
    .larrx-fmv-heading,
    .larrx-action-heading {
        margin-bottom: 32px;
    }

    .larrx-section-heading h2,
    .larrx-fmv-heading h2,
    .larrx-action-heading h2 {
        font-size: 30px;
    }

    .larrx-process-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .larrx-process-intro {
        position: relative;
        top: auto;
        padding: 25px 21px;
    }

    .larrx-process-intro h3 {
        font-size: 25px;
    }

    .larrx-stage {
        grid-template-columns: 44px minmax(0,1fr);
        gap: 13px;
    }

    .larrx-timeline:before {
        left: 21px;
    }

    .larrx-stage-marker {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .larrx-stage-content {
        padding: 19px 16px;
    }

    .larrx-stage-content h3 {
        font-size: 20px;
    }

    .larrx-stage-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .larrx-formula {
        margin-top: 40px;
        padding: 24px 16px;
    }

    .larrx-formula-heading h3 {
        font-size: 23px;
    }

    .larrx-formula-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .larrx-formula-item {
        min-height: auto;
        padding: 20px;
    }

    .larrx-formula-operator {
        line-height: 1.2;
    }

    .larrx-fmv-main {
        padding: 21px 17px;
    }

    .larrx-fmv-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .larrx-fmv-intro {
        gap: 12px;
    }

    .larrx-fmv-intro h3 {
        font-size: 20px;
    }

    .larrx-reason {
        grid-template-columns: 37px minmax(0,1fr);
        gap: 12px;
    }

    .larrx-reason-icon {
        width: 37px;
        height: 37px;
    }

    .larrx-reason h4 {
        font-size: 18px;
    }

    .larrx-evidence {
        padding: 24px 19px;
    }

    .larrx-fmv-bottom {
        grid-template-columns: 1fr;
        padding: 19px;
    }

    .larrx-aravalli-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .larrx-aravalli-content h2 {
        font-size: 31px;
    }

    .larrx-restriction-card {
        padding: 24px 19px;
    }

    .larrx-action-step {
        grid-template-columns: 48px minmax(0,1fr);
        gap: 14px;
        padding: 22px 16px;
    }

    .larrx-action-number {
        width: 47px;
        height: 47px;
        font-size: 18px;
    }

    .larrx-action-content h3 {
        font-size: 19px;
    }

    .larrx-final-cta {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-top: 42px;
        padding: 25px 18px;
    }

    .larrx-final-cta-content h2 {
        font-size: 28px;
    }

    .larrx-final-points {
        flex-direction: column;
        gap: 10px;
    }

    .larrx-final-contact {
        padding: 22px 16px;
    }

}


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

@media (max-width: 380px) {

    .larrx-container {
        padding: 0 14px;
    }

    .larrx-hero h1 {
        font-size: 32px;
    }

    .larrx-section-heading h2,
    .larrx-fmv-heading h2,
    .larrx-action-heading h2 {
        font-size: 28px;
    }

    .larrx-hero-lead {
        font-size: 17px !important;
    }

    .larrx-final-phone {
        font-size: 22px;
    }

}

/* ============================================================
   A2Z VALUERS — INSTITUTIONAL PROPERTY LOAN GUIDE
   Royal Navy: #092f62
   Antique Gold: #b97800
   Elegant White / Ivory / Light Blue
============================================================ */

.a2z-inst-guide {
    --inst-navy: #092f62;
    --inst-navy-dark: #061f43;
    --inst-navy-light: #164675;
    --inst-gold: #b97800;
    --inst-gold-light: #d9b66b;
    --inst-ivory: #fbf8f1;
    --inst-light: #f4f7fb;
    --inst-text: #40536d;
    --inst-muted: #69788d;
    --inst-border: #e3e9f0;

    width: 100%;
    overflow: hidden;
    color: var(--inst-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.a2z-inst-guide *,
.a2z-inst-guide *::before,
.a2z-inst-guide *::after {
    box-sizing: border-box;
}

.a2z-inst-guide p,
.a2z-inst-guide li,
.a2z-inst-guide small,
.a2z-inst-guide span {
    font-size: max(15px, inherit);
}

.a2z-inst-container {
    width: 100%;
    max-width: 1190px;
    padding: 0 22px;
    margin: 0 auto;
}


/* ============================================================
   COMMON TYPOGRAPHY
============================================================ */

.a2z-inst-guide h1,
.a2z-inst-guide h2,
.a2z-inst-guide h3,
.a2z-inst-guide h4 {
    font-family: inherit;
    letter-spacing: -0.5px;
}

.a2z-inst-guide strong {
    font-weight: 800;
}

.a2z-inst-section-heading {
    max-width: 830px;
    margin: 0 auto 45px;
    text-align: center;
}

.a2z-inst-section-kicker {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--inst-gold) !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.a2z-inst-section-heading h2 {
    margin: 0 0 17px;
    color: var(--inst-navy) !important;
    font-size: clamp(30px, 3.2vw, 39px);
    font-weight: 850;
    line-height: 1.3;
}

.a2z-inst-section-heading h2 strong {
    color: var(--inst-gold) !important;
}

.a2z-inst-section-heading > p {
    max-width: 750px;
    margin: 0 auto;
    color: var(--inst-muted) !important;
    font-size: 17px !important;
    line-height: 1.85;
}


/* ============================================================
   BUTTON SYSTEM — HIGH CONTRAST
============================================================ */

.a2z-inst-btn {
    display: inline-flex !important;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 21px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background .25s ease,
                color .25s ease,
                transform .25s ease,
                box-shadow .25s ease;
}

.a2z-inst-btn span {
    color: inherit !important;
    font-size: 19px !important;
    font-weight: 900;
}

.a2z-inst-btn-primary {
    background: var(--inst-navy) !important;
    border-color: var(--inst-navy) !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(9,47,98,.17);
}

.a2z-inst-btn-primary:hover {
    background: var(--inst-navy-light) !important;
    border-color: var(--inst-navy-light) !important;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 9px 20px rgba(9,47,98,.2);
}

.a2z-inst-btn-gold {
    background: var(--inst-gold) !important;
    border-color: var(--inst-gold) !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(185,120,0,.18);
}

.a2z-inst-btn-gold:hover {
    background: #925c00 !important;
    border-color: #925c00 !important;
    color: #fff !important;
    transform: translateY(-3px);
}

.a2z-inst-btn-white {
    background: #fff !important;
    border-color: #fff !important;
    color: var(--inst-navy) !important;
}

.a2z-inst-btn-white:hover {
    background: var(--inst-ivory) !important;
    border-color: var(--inst-ivory) !important;
    color: var(--inst-navy) !important;
    transform: translateY(-3px);
}


/* ============================================================
   HERO — EDITORIAL INTRODUCTION
============================================================ */

.a2z-inst-hero {
    position: relative;
    padding: 75px 0 65px;
    background:
        radial-gradient(ellipse at 92% 0%,
            rgba(185,120,0,.09), transparent 33%),
        linear-gradient(135deg,
            #f8f9fc 0%, #ffffff 55%, #fbf8f1 100%);
    border-bottom: 1px solid #e9e4d9;
}

.a2z-inst-hero::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        var(--inst-gold),
        var(--inst-navy)
    );
    content: "";
}

.a2z-inst-hero-inner {
    max-width: 1050px;
    margin: 0 auto;
}

.a2z-inst-eyebrow {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 24px;
    padding: 9px 15px;
    border: 1px solid #e8d7b3;
    border-radius: 50px;
    background: #fffdf8;
    color: #956200 !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: .7px;
    line-height: 1.5;
}

.a2z-inst-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--inst-gold);
    flex-shrink: 0;
}

.a2z-inst-eyebrow-divider {
    color: #c6a15e !important;
}

.a2z-inst-hero h1 {
    max-width: 950px;
    margin: 0 0 23px;
    color: var(--inst-navy) !important;
    font-size: clamp(36px, 4vw, 51px);
    font-weight: 900;
    letter-spacing: -1.4px;
    line-height: 1.18;
}

.a2z-inst-hero h1 span {
    display: block;
    margin-top: 12px;
    color: var(--inst-gold) !important;
    font-size: .72em !important;
    font-weight: 750;
    letter-spacing: -.5px;
    line-height: 1.35;
}

.a2z-inst-hero-description {
    max-width: 940px;
    margin: 0 0 30px;
    color: #506079 !important;
    font-size: 18px !important;
    line-height: 1.9;
}

.a2z-inst-hero-description strong {
    color: var(--inst-navy) !important;
}


/* HERO HIGHLIGHTS */

.a2z-inst-hero-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin: 32px 0;
}

.a2z-inst-highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 18px 15px;
    border: 1px solid var(--inst-border);
    border-radius: 8px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 5px 18px rgba(9,47,98,.035);
    transition: transform .25s ease,
                border-color .25s ease;
}

.a2z-inst-highlight:hover {
    transform: translateY(-4px);
    border-color: #d7bd87;
}

.a2z-inst-highlight-icon {
    display: flex;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--inst-navy);
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900;
}

.a2z-inst-highlight strong {
    display: block;
    margin-bottom: 3px;
    color: var(--inst-navy) !important;
    font-size: 16px !important;
    line-height: 1.4;
}

.a2z-inst-highlight small {
    display: block;
    color: var(--inst-muted) !important;
    font-size: 15px !important;
    line-height: 1.5;
}


/* HERO BOTTOM */

.a2z-inst-hero-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding-top: 25px;
    border-top: 1px solid #e2e5eb;
}

.a2z-inst-hero-note {
    max-width: 590px;
    color: var(--inst-muted) !important;
    font-size: 16px !important;
    line-height: 1.8;
}

.a2z-inst-hero-note strong {
    color: var(--inst-navy) !important;
}

.a2z-inst-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    flex-shrink: 0;
}


/* ============================================================
   SECTION 1 — MORTGAGE ELIGIBILITY
============================================================ */

.a2z-inst-eligibility {
    padding: 85px 0;
    background: #fff;
}


/* ANSWER PANEL */

.a2z-inst-answer-panel {
    display: flex;
    align-items: flex-start;
    gap: 21px;
    margin-bottom: 32px;
    padding: 29px 31px;
    border: 1px solid #e6d5ae;
    border-left: 5px solid var(--inst-gold);
    border-radius: 9px;
    background: linear-gradient(110deg,
        #fffaf0, #fff);
    box-shadow: 0 8px 25px rgba(9,47,98,.045);
}

.a2z-inst-answer-icon {
    display: flex;
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--inst-navy);
    color: #fff !important;
    font-size: 23px !important;
    font-weight: 900;
}

.a2z-inst-answer-label {
    display: block;
    margin-bottom: 8px;
    color: var(--inst-gold) !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: 1px;
}

.a2z-inst-answer-content h3 {
    margin: 0 0 10px;
    color: var(--inst-navy) !important;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-answer-content p {
    margin: 0;
    color: var(--inst-text) !important;
    font-size: 16px !important;
    line-height: 1.85;
}

.a2z-inst-answer-content p strong {
    color: var(--inst-navy) !important;
}


/* ELIGIBILITY CARDS */

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

.a2z-inst-info-card {
    position: relative;
    min-width: 0;
    padding: 29px 23px 25px;
    border: 1px solid var(--inst-border);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 5px 22px rgba(9,47,98,.045);
    transition: transform .25s ease,
                box-shadow .25s ease,
                border-color .25s ease;
}

.a2z-inst-info-card:hover {
    transform: translateY(-5px);
    border-color: #d8bd87;
    box-shadow: 0 13px 30px rgba(9,47,98,.085);
}

.a2z-inst-card-number {
    position: absolute;
    top: 22px;
    right: 22px;
    color: #c4a267 !important;
    font-size: 17px !important;
    font-weight: 900;
}

.a2z-inst-card-icon {
    display: flex;
    width: 53px;
    height: 53px;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
    border-radius: 8px;
    background: #fff5e3;
    color: var(--inst-gold) !important;
    font-size: 27px !important;
    font-weight: 800;
}

.a2z-inst-info-card h3 {
    margin: 0 0 12px;
    color: var(--inst-navy) !important;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-info-card p {
    margin: 0 0 17px;
    color: var(--inst-muted) !important;
    font-size: 15px !important;
    line-height: 1.8;
}

.a2z-inst-info-card p strong {
    color: var(--inst-navy) !important;
}

.a2z-inst-info-card ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 16px 0 0;
    border-top: 1px solid #edf0f4;
    list-style: none;
}

.a2z-inst-info-card li {
    position: relative;
    padding-left: 21px;
    color: #4c607b !important;
    font-size: 15px !important;
    line-height: 1.55;
}

.a2z-inst-info-card li::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 9px;
    height: 9px;
    border: 2px solid var(--inst-gold);
    border-radius: 50%;
    content: "";
}


/* LTV PANEL */

.a2z-inst-ltv-panel {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 35px;
    align-items: center;
    margin-top: 34px;
    padding: 32px;
    border-radius: 10px;
    background: var(--inst-navy);
    box-shadow: 0 12px 32px rgba(9,47,98,.13);
}

.a2z-inst-gold-label {
    display: block;
    margin-bottom: 11px;
    color: #e5bd6e !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: 1px;
}

.a2z-inst-ltv-copy h3 {
    margin: 0 0 14px;
    color: #fff !important;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 850;
}

.a2z-inst-ltv-copy p {
    margin: 0 0 12px;
    color: #e0e9f5 !important;
    font-size: 15px !important;
    line-height: 1.85;
}

.a2z-inst-ltv-copy p strong {
    color: #f1cf87 !important;
}

.a2z-inst-ltv-visual {
    padding: 23px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background: rgba(255,255,255,.07);
}

.a2z-inst-ltv-item > span {
    display: block;
    margin-bottom: 6px;
    color: #e3eaf4 !important;
    font-size: 15px !important;
    line-height: 1.5;
}

.a2z-inst-ltv-item > strong {
    display: block;
    color: #f2cd7b !important;
    font-size: 37px !important;
    font-weight: 900;
    line-height: 1.3;
}

.a2z-inst-ltv-item > small {
    display: block;
    margin-top: 5px;
    color: #d6dfeb !important;
    font-size: 15px !important;
    line-height: 1.5;
}

.a2z-inst-ltv-divider {
    height: 1px;
    margin: 21px 0;
    background: rgba(255,255,255,.2);
}


/* PURPOSE STRIP */

.a2z-inst-purpose-strip {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1.2fr 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 25px;
    padding: 25px;
    border: 1px solid var(--inst-border);
    border-radius: 9px;
    background: #f8f9fc;
}

.a2z-inst-purpose-heading > span {
    color: var(--inst-gold) !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: .8px;
}

.a2z-inst-purpose-heading h3 {
    margin: 5px 0 0;
    color: var(--inst-navy) !important;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 850;
}

.a2z-inst-purpose-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.a2z-inst-purpose-item span {
    display: flex;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1e2c3;
    color: #8a5b00 !important;
    font-size: 15px !important;
    font-weight: 850;
}

.a2z-inst-purpose-item strong {
    color: var(--inst-navy) !important;
    font-size: 15px !important;
    line-height: 1.5;
}

.a2z-inst-purpose-note {
    grid-column: 1 / -1;
    margin: 3px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--inst-border);
    color: var(--inst-muted) !important;
    font-size: 15px !important;
    line-height: 1.7;
}


/* ============================================================
   SECTION 2 — REPLACEMENT COST
============================================================ */

.a2z-inst-replacement {
    padding: 85px 0;
    background:
        radial-gradient(ellipse at 5% 5%,
            rgba(185,120,0,.12), transparent 32%),
        linear-gradient(135deg,
            #071f41, #092f62 65%, #123f6e);
}

.a2z-inst-heading-light h2 {
    color: #fff !important;
}

.a2z-inst-heading-light h2 strong {
    color: #e7c47b !important;
}

.a2z-inst-heading-light > p {
    color: #dbe6f3 !important;
}


/* INTRO PANEL */

.a2z-inst-replacement-intro {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 22px;
    margin-bottom: 35px;
}

.a2z-inst-replacement-definition,
.a2z-inst-construction-factors {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 9px;
    background: rgba(255,255,255,.07);
}

.a2z-inst-replacement-definition {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.a2z-inst-definition-icon {
    display: flex;
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e8c67e;
    color: var(--inst-navy) !important;
    font-size: 28px !important;
    font-weight: 900;
}

.a2z-inst-replacement-definition h3 {
    margin: 0 0 12px;
    color: #fff !important;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-replacement-definition p {
    margin: 0;
    color: #e0e8f2 !important;
    font-size: 16px !important;
    line-height: 1.85;
}

.a2z-inst-replacement-definition p strong {
    color: #f1ce82 !important;
}

.a2z-inst-construction-factors h3 {
    margin: 0 0 20px;
    color: #fff !important;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-factor {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.13);
}

.a2z-inst-factor:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.a2z-inst-factor > span {
    display: flex;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(232,198,126,.18);
    color: #f1ce82 !important;
    font-size: 15px !important;
    font-weight: 900;
}

.a2z-inst-factor p {
    margin: 0;
    color: #dbe6f3 !important;
    font-size: 15px !important;
    line-height: 1.7;
}

.a2z-inst-factor p strong {
    display: block;
    margin-bottom: 3px;
    color: #fff !important;
    font-size: 16px !important;
}


/* CALCULATION BOX */

.a2z-inst-calculation {
    padding: 32px;
    border: 1px solid #e6d4ac;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
}

.a2z-inst-calculation-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e8ebef;
}

.a2z-inst-calculation-header .a2z-inst-gold-label {
    color: var(--inst-gold) !important;
}

.a2z-inst-calculation-header h3 {
    margin: 0 0 9px;
    color: var(--inst-navy) !important;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 850;
}

.a2z-inst-calculation-header p {
    max-width: 720px;
    margin: 0;
    color: var(--inst-muted) !important;
    font-size: 15px !important;
    line-height: 1.8;
}

.a2z-inst-calculation-header p strong {
    color: var(--inst-navy) !important;
}

.a2z-inst-example-tag {
    display: flex;
    min-width: 108px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 1px solid #ead6ae;
    border-radius: 7px;
    background: #fff8e9;
    color: #a16b00 !important;
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: .7px;
}

.a2z-inst-example-tag strong {
    color: var(--inst-navy) !important;
    font-size: 15px !important;
}


/* CALCULATION GRID */

.a2z-inst-calculation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.a2z-inst-calculation-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 22px 19px;
    border: 1px solid #e3e9f0;
    border-radius: 8px;
    background: #f8fafc;
}

.a2z-inst-calc-step {
    display: block;
    margin-bottom: 12px;
    color: var(--inst-gold) !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: .8px;
}

.a2z-inst-calculation-card h4 {
    min-height: 55px;
    margin: 0 0 17px;
    color: var(--inst-navy) !important;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 850;
}

.a2z-inst-calc-formula {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    min-height: 57px;
    color: #596b81 !important;
    font-size: 15px !important;
}

.a2z-inst-calc-formula strong {
    color: var(--inst-navy) !important;
    font-size: 17px !important;
    font-weight: 900;
}

.a2z-inst-calc-detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
    padding: 10px 0;
    border-bottom: 1px solid #e5eaf0;
}

.a2z-inst-calc-detail span {
    color: var(--inst-muted) !important;
    font-size: 15px !important;
}

.a2z-inst-calc-detail strong {
    color: var(--inst-navy) !important;
    font-size: 15px !important;
    text-align: right;
}

.a2z-inst-calc-result {
    margin-top: auto;
    padding: 15px 12px;
    border-radius: 6px;
    background: var(--inst-navy);
    text-align: center;
}

.a2z-inst-calc-result small {
    display: block;
    margin-bottom: 5px;
    color: #dce7f4 !important;
    font-size: 15px !important;
}

.a2z-inst-calc-result strong {
    display: block;
    color: #f1ce82 !important;
    font-size: 23px !important;
    font-weight: 900;
    line-height: 1.35;
}


/* FMV RESULT */

.a2z-inst-fmv-result {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 25px;
    margin-top: 21px;
    padding: 27px;
    border: 1px solid #d4b46e;
    border-radius: 8px;
    background: linear-gradient(110deg, #fff8e8, #fdfbf5);
}

.a2z-inst-fmv-copy > span {
    display: block;
    margin-bottom: 7px;
    color: #916000 !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: .8px;
}

.a2z-inst-fmv-copy h3 {
    margin: 0 0 4px;
    color: var(--inst-navy) !important;
    font-size: 39px;
    font-weight: 900;
    line-height: 1.3;
}

.a2z-inst-fmv-copy p {
    margin: 0;
    color: var(--inst-muted) !important;
    font-size: 15px !important;
}

.a2z-inst-fmv-breakdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.a2z-inst-fmv-breakdown > div {
    padding: 15px;
    border: 1px solid #e9dfc9;
    border-radius: 6px;
    background: #fff;
}

.a2z-inst-fmv-breakdown span {
    display: block;
    margin-bottom: 5px;
    color: var(--inst-muted) !important;
    font-size: 15px !important;
}

.a2z-inst-fmv-breakdown strong {
    color: var(--inst-navy) !important;
    font-size: 20px !important;
    font-weight: 900;
}

.a2z-inst-calculation-disclaimer {
    margin: 20px 0 0;
    padding: 15px 17px;
    border-left: 3px solid var(--inst-gold);
    background: #f8fafc;
    color: #66768b !important;
    font-size: 15px !important;
    line-height: 1.8;
}

.a2z-inst-calculation-disclaimer strong {
    color: var(--inst-navy) !important;
}


/* BANK NOTE */

.a2z-inst-bank-note {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin-top: 27px;
    padding: 25px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 8px;
    background: rgba(255,255,255,.075);
}

.a2z-inst-bank-note-icon {
    display: flex;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #e8c67e;
    color: var(--inst-navy) !important;
    font-size: 25px !important;
    font-weight: 900;
}

.a2z-inst-bank-note h3 {
    margin: 0 0 7px;
    color: #fff !important;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-bank-note p {
    margin: 0;
    color: #dce6f2 !important;
    font-size: 15px !important;
    line-height: 1.8;
}

.a2z-inst-bank-note p strong {
    color: #f1ce82 !important;
}


/* ============================================================
   SECTION 3 — DOCUMENT CHECKLIST
============================================================ */

.a2z-inst-documents {
    padding: 85px 0;
    background:
        radial-gradient(ellipse at 95% 10%,
            rgba(185,120,0,.06), transparent 32%),
        #f7f9fc;
}


/* DOCUMENT LAYOUT */

.a2z-inst-document-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr);
    gap: 27px;
    align-items: start;
}

.a2z-inst-document-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* DOCUMENT CARDS */

.a2z-inst-document-card {
    display: flex;
    align-items: flex-start;
    gap: 21px;
    padding: 25px;
    border: 1px solid var(--inst-border);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(9,47,98,.035);
    transition: border-color .25s ease,
                transform .25s ease,
                box-shadow .25s ease;
}

.a2z-inst-document-card:hover {
    transform: translateX(4px);
    border-color: #d7bb81;
    box-shadow: 0 9px 25px rgba(9,47,98,.075);
}

.a2z-inst-document-icon {
    display: flex;
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9d5ad;
    border-radius: 7px;
    background: #fff7e9;
    color: #986200 !important;
    font-size: 16px !important;
    font-weight: 900;
}

.a2z-inst-document-content {
    min-width: 0;
}

.a2z-inst-document-content > span {
    display: block;
    margin-bottom: 5px;
    color: var(--inst-gold) !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: .8px;
}

.a2z-inst-document-content h3 {
    margin: 0 0 9px;
    color: var(--inst-navy) !important;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-document-content p {
    margin: 0 0 13px;
    color: var(--inst-muted) !important;
    font-size: 15px !important;
    line-height: 1.75;
}

.a2z-inst-document-content ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 15px;
    margin: 0;
    padding: 13px 0 0;
    border-top: 1px solid #edf0f4;
    list-style: none;
}

.a2z-inst-document-content li {
    position: relative;
    padding-left: 20px;
    color: #405675 !important;
    font-size: 15px !important;
    line-height: 1.6;
}

.a2z-inst-document-content li::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid var(--inst-gold);
    border-radius: 50%;
    content: "";
}


/* DOCUMENT SIDEBAR */

.a2z-inst-document-sidebar {
    position: sticky;
    top: 25px;
    overflow: hidden;
    border: 1px solid #d7bd86;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(9,47,98,.08);
}

.a2z-inst-sidebar-top {
    padding: 27px 23px;
    background: var(--inst-navy);
}

.a2z-inst-sidebar-top > span {
    display: block;
    margin-bottom: 12px;
    color: #e6c477 !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: .8px;
}

.a2z-inst-sidebar-top h3 {
    margin: 0 0 12px;
    color: #fff !important;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.a2z-inst-sidebar-top p {
    margin: 0;
    color: #e0e9f5 !important;
    font-size: 15px !important;
    line-height: 1.75;
}

.a2z-inst-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 12px 21px;
}

.a2z-inst-sidebar-list > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid #edf0f4;
}

.a2z-inst-sidebar-list > div:last-child {
    border-bottom: 0;
}

.a2z-inst-sidebar-list > div > span {
    display: flex;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff2d8;
    color: #986200 !important;
    font-size: 15px !important;
    font-weight: 900;
}

.a2z-inst-sidebar-list p {
    margin: 0;
    color: var(--inst-navy) !important;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.55;
}

.a2z-inst-sidebar-cta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    background: #f9f6ee;
    border-top: 1px solid #e9dfca;
}

.a2z-inst-sidebar-cta > p {
    margin: 0 0 4px;
    color: var(--inst-navy) !important;
    font-size: 16px !important;
    font-weight: 750;
    line-height: 1.7;
}

.a2z-inst-sidebar-cta .a2z-inst-btn {
    width: 100%;
}

.a2z-inst-sidebar-phone {
    display: block;
    padding: 10px;
    color: var(--inst-navy) !important;
    font-size: 16px !important;
    font-weight: 850;
    text-align: center;
    text-decoration: none !important;
}


/* ============================================================
   FINAL CTA — PREMIUM NAVY & GOLD
============================================================ */

.a2z-inst-final-cta {
    position: relative;
    padding: 60px 0;
    background: linear-gradient(115deg,
        #061e40, #092f62 65%, #164675);
    overflow: hidden;
}

.a2z-inst-final-cta::after {
    position: absolute;
    top: -100px;
    right: -70px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(226,185,105,.23);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(226,185,105,.035),
        0 0 0 65px rgba(226,185,105,.025);
    content: "";
    pointer-events: none;
}

.a2z-inst-final-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.a2z-inst-final-content {
    max-width: 730px;
}

.a2z-inst-final-content > span {
    display: block;
    margin-bottom: 12px;
    color: #e8c77f !important;
    font-size: 15px !important;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.a2z-inst-final-content h2 {
    margin: 0 0 13px;
    color: #fff !important;
    font-size: clamp(28px, 3vw, 37px);
    font-weight: 850;
    line-height: 1.35;
}

.a2z-inst-final-content h2 strong {
    color: #e8c77f !important;
}

.a2z-inst-final-content p {
    margin: 0;
    color: #e0e8f2 !important;
    font-size: 16px !important;
    line-height: 1.8;
}

.a2z-inst-final-actions {
    display: flex;
    min-width: 235px;
    flex-direction: column;
    gap: 12px;
}


/* ============================================================
   RESPONSIVE — LAPTOP
============================================================ */

@media (max-width: 1100px) {

    .a2z-inst-hero-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .a2z-inst-purpose-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .a2z-inst-document-layout {
        grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr);
    }

    .a2z-inst-hero-actions {
        width: 100%;
    }

}


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

@media (max-width: 900px) {

    .a2z-inst-hero-highlights {
        grid-template-columns: 1fr;
    }

    .a2z-inst-eligibility-grid {
        grid-template-columns: 1fr 1fr;
    }

    .a2z-inst-ltv-panel {
        grid-template-columns: 1fr;
    }

    .a2z-inst-replacement-intro {
        grid-template-columns: 1fr;
    }

    .a2z-inst-calculation-grid {
        grid-template-columns: 1fr 1fr;
    }

    .a2z-inst-calculation-card:last-child {
        grid-column: 1 / -1;
    }

    .a2z-inst-document-layout {
        grid-template-columns: 1fr;
    }

    .a2z-inst-document-sidebar {
        position: relative;
        top: auto;
    }

    .a2z-inst-final-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .a2z-inst-final-actions {
        width: 100%;
        max-width: 420px;
    }

}


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

@media (max-width: 767px) {

    .a2z-inst-container {
        padding: 0 17px;
    }

    .a2z-inst-hero {
        padding: 48px 0 42px;
    }

    .a2z-inst-hero h1 {
        font-size: 35px;
        letter-spacing: -.8px;
    }

    .a2z-inst-hero h1 span {
        font-size: .77em !important;
    }

    .a2z-inst-hero-description {
        font-size: 16px !important;
    }

    .a2z-inst-hero-highlights {
        gap: 10px;
        margin: 25px 0;
    }

    .a2z-inst-highlight {
        padding: 14px;
    }

    .a2z-inst-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .a2z-inst-btn {
        width: 100%;
        min-height: 53px;
    }

    .a2z-inst-eligibility,
    .a2z-inst-documents {
        padding: 62px 0;
    }

    .a2z-inst-replacement {
        padding: 62px 0;
    }

    .a2z-inst-section-heading {
        margin-bottom: 31px;
    }

    .a2z-inst-section-heading h2 {
        font-size: 29px;
    }

    .a2z-inst-section-heading > p {
        font-size: 16px !important;
    }

    .a2z-inst-answer-panel {
        padding: 21px 18px;
        gap: 13px;
    }

    .a2z-inst-answer-icon {
        width: 38px;
        height: 38px;
        font-size: 19px !important;
    }

    .a2z-inst-answer-content h3 {
        font-size: 21px;
    }

    .a2z-inst-eligibility-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .a2z-inst-info-card {
        padding: 23px 19px;
    }

    .a2z-inst-ltv-panel {
        padding: 23px 18px;
        gap: 23px;
    }

    .a2z-inst-ltv-copy h3 {
        font-size: 22px;
    }

    .a2z-inst-ltv-visual {
        padding: 18px;
    }

    .a2z-inst-ltv-item > strong {
        font-size: 33px !important;
    }

    .a2z-inst-purpose-strip {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .a2z-inst-purpose-note {
        grid-column: auto;
    }

    .a2z-inst-replacement-definition {
        flex-direction: column;
        padding: 22px 19px;
    }

    .a2z-inst-construction-factors {
        padding: 22px 19px;
    }

    .a2z-inst-calculation {
        padding: 21px 15px;
    }

    .a2z-inst-calculation-header {
        flex-direction: column;
        gap: 13px;
    }

    .a2z-inst-calculation-header h3 {
        font-size: 23px;
    }

    .a2z-inst-calculation-grid {
        grid-template-columns: 1fr;
    }

    .a2z-inst-calculation-card:last-child {
        grid-column: auto;
    }

    .a2z-inst-calculation-card h4 {
        min-height: auto;
    }

    .a2z-inst-fmv-result {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .a2z-inst-fmv-copy h3 {
        font-size: 34px;
    }

    .a2z-inst-fmv-breakdown {
        grid-template-columns: 1fr 1fr;
    }

    .a2z-inst-bank-note {
        padding: 20px 16px;
        gap: 12px;
    }

    .a2z-inst-bank-note-icon {
        width: 37px;
        height: 37px;
        font-size: 20px !important;
    }

    .a2z-inst-bank-note h3 {
        font-size: 19px;
    }

    .a2z-inst-document-card {
        padding: 20px 16px;
        gap: 13px;
    }

    .a2z-inst-document-icon {
        width: 39px;
        height: 39px;
        font-size: 15px !important;
    }

    .a2z-inst-document-content h3 {
        font-size: 20px;
    }

    .a2z-inst-document-content ul {
        grid-template-columns: 1fr;
    }

    .a2z-inst-final-cta {
        padding: 48px 0;
    }

    .a2z-inst-final-content h2 {
        font-size: 28px;
    }

    .a2z-inst-final-actions {
        max-width: 100%;
    }

}


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

@media (max-width: 380px) {

    .a2z-inst-container {
        padding: 0 14px;
    }

    .a2z-inst-hero h1 {
        font-size: 31px;
    }

    .a2z-inst-eyebrow {
        font-size: 15px !important;
        letter-spacing: .2px;
    }

    .a2z-inst-fmv-breakdown {
        grid-template-columns: 1fr;
    }

    .a2z-inst-fmv-copy h3 {
        font-size: 31px;
    }

    .a2z-inst-document-card {
        flex-direction: column;
    }

}


/* ============================================================
   ACCESSIBILITY — KEYBOARD & MOTION
============================================================ */

.a2z-inst-guide a:focus-visible {
    outline: 3px solid #d8a846;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .a2z-inst-guide *,
    .a2z-inst-guide *::before,
    .a2z-inst-guide *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }

}

/* ==========================================================
   A2Z VALUERS
   SELLING SOUTHERN GURUGRAM PROPERTY
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique Prefix: sprsell-
========================================================== */

.sprsell-page {
    --spr-navy: #092f62;
    --spr-royal: #123e70;
    --spr-deep: #071f40;
    --spr-gold: #b97800;
    --spr-gold-light: #d6ad61;
    --spr-pale-gold: #f7edda;
    --spr-ink: #263c57;
    --spr-muted: #607087;
    --spr-border: #e3e8ef;
    --spr-bg: #f7f9fc;
    --spr-white: #ffffff;

    width: 100%;
    overflow: hidden;
    color: var(--spr-ink);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.sprsell-page *,
.sprsell-page *::before,
.sprsell-page *::after {
    box-sizing: border-box;
}

.sprsell-page p,
.sprsell-page span,
.sprsell-page strong,
.sprsell-page a,
.sprsell-page li {
    overflow-wrap: anywhere;
}

.sprsell-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
}

.sprsell-page strong {
    font-weight: 800;
}

.sprsell-page a {
    text-decoration: none;
}


/* ==========================================================
   COMMON BUTTON SYSTEM
========================================================== */

.sprsell-page .sprsell-btn {
    display: inline-flex !important;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 13px 21px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background .25s ease,
                color .25s ease,
                border-color .25s ease,
                transform .25s ease,
                box-shadow .25s ease;
}

.sprsell-page .sprsell-btn span {
    color: inherit !important;
    font-size: 19px;
    font-weight: 900;
}

.sprsell-page .sprsell-btn-gold {
    background: var(--spr-gold) !important;
    border-color: var(--spr-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(185,120,0,.20);
}

.sprsell-page .sprsell-btn-gold:hover {
    background: var(--spr-navy) !important;
    border-color: var(--spr-navy) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.sprsell-page .sprsell-btn-navy {
    background: var(--spr-navy) !important;
    border-color: var(--spr-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 17px rgba(9,47,98,.13);
}

.sprsell-page .sprsell-btn-navy:hover {
    background: var(--spr-gold) !important;
    border-color: var(--spr-gold) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

.sprsell-page .sprsell-full-btn {
    display: flex !important;
    width: 100%;
}


/* ==========================================================
   INTRODUCTION
========================================================== */

.sprsell-intro {
    position: relative;
    padding: 75px 0 67px;
    background:
        radial-gradient(ellipse at 92% 10%,
        rgba(185,120,0,.11), transparent 35%),
        linear-gradient(120deg, #f4f7fc 0%, #ffffff 58%, #faf6ed 100%);
    border-bottom: 1px solid #e8e9e9;
}

.sprsell-intro::after {
    position: absolute;
    top: 0;
    right: 8%;
    width: 3px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(185,120,0,.32),
        transparent
    );
    content: "";
}

.sprsell-intro-inner {
    position: relative;
    z-index: 1;
    max-width: 930px;
}

.sprsell-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 9px 15px;
    border: 1px solid #e9d5ad;
    border-radius: 50px;
    background: #fffaf1;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .9px;
}

.sprsell-eyebrow > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--spr-gold);
    flex-shrink: 0;
}

.sprsell-intro h1 {
    max-width: 900px;
    margin: 0 0 21px;
    color: var(--spr-navy) !important;
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 900;
    line-height: 1.19;
    letter-spacing: -1.3px;
}

.sprsell-intro h1 span {
    display: block;
    margin-top: 9px;
    color: var(--spr-gold) !important;
    font-size: .78em;
    line-height: 1.35;
    letter-spacing: -.4px;
}

.sprsell-intro-text {
    max-width: 850px;
    margin: 0 0 28px;
    color: #53657c !important;
    font-size: 17px;
    line-height: 1.9;
}

.sprsell-intro-text strong {
    color: var(--spr-navy) !important;
}

.sprsell-intro-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin: 30px 0;
}

.sprsell-intro-points > div {
    display: flex;
    min-height: 68px;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid #e4e8ee;
    border-radius: 7px;
    background: rgba(255,255,255,.85);
    color: var(--spr-navy) !important;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 4px 13px rgba(9,47,98,.035);
}

.sprsell-point-number {
    display: flex;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--spr-pale-gold);
    color: #986200 !important;
    font-size: 15px;
    font-weight: 900;
}

.sprsell-intro-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 28px;
}

.sprsell-phone-icon {
    font-size: 18px;
}

.sprsell-intro-note {
    margin: 18px 0 0;
    color: #758197 !important;
    font-size: 15px;
}

.sprsell-intro-note strong {
    color: var(--spr-navy) !important;
}


/* ==========================================================
   COMMON SECTION HEADINGS
========================================================== */

.sprsell-step {
    position: relative;
    padding: 80px 0;
}

.sprsell-step-one {
    background: #ffffff;
}

.sprsell-step-two {
    background: #f5f7fb;
}

.sprsell-step-three {
    background: #ffffff;
}

.sprsell-section-heading {
    max-width: 850px;
    margin-bottom: 42px;
}

.sprsell-step-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
}

.sprsell-step-label > span:first-child {
    padding: 7px 12px;
    border-radius: 4px;
    background: var(--spr-navy);
    color: #ffffff !important;
}

.sprsell-label-line {
    width: 38px;
    height: 2px;
    background: var(--spr-gold);
}

.sprsell-section-heading h2 {
    margin: 0 0 16px;
    color: var(--spr-navy) !important;
    font-size: clamp(29px, 3.3vw, 39px);
    font-weight: 900;
    line-height: 1.32;
    letter-spacing: -.6px;
}

.sprsell-section-heading h2 strong {
    color: var(--spr-gold) !important;
}

.sprsell-section-heading > p {
    max-width: 790px;
    margin: 0;
    color: var(--spr-muted) !important;
    font-size: 17px;
    line-height: 1.85;
}


/* ==========================================================
   STEP 01 — SECTION 50C
========================================================== */

.sprsell-step-one-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(290px, .85fr);
    align-items: stretch;
    gap: 25px;
}

.sprsell-main-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sprsell-content-card {
    padding: 27px;
    border: 1px solid var(--spr-border);
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 5px 22px rgba(9,47,98,.045);
}

.sprsell-content-card h3 {
    margin: 0 0 13px;
    color: var(--spr-navy) !important;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.sprsell-content-card h3 strong {
    color: var(--spr-gold) !important;
}

.sprsell-content-card > p {
    margin: 0 0 15px;
    color: var(--spr-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.sprsell-content-card > p strong {
    color: var(--spr-navy) !important;
}

.sprsell-text-link,
.sprsell-resource-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #a16b00 !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}

.sprsell-text-link:hover,
.sprsell-resource-link:hover {
    color: var(--spr-navy) !important;
}

.sprsell-text-link span,
.sprsell-resource-link span {
    font-size: 19px;
}

.sprsell-note-box {
    margin-top: 19px;
    padding: 15px 17px;
    border-left: 3px solid var(--spr-gold);
    border-radius: 0 6px 6px 0;
    background: #fff9ee;
    color: #53647a !important;
    font-size: 15px;
    line-height: 1.75;
}

.sprsell-note-box strong {
    color: var(--spr-navy) !important;
}

.sprsell-insight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 22px;
}

.sprsell-insight {
    padding: 19px;
    border: 1px solid #eee2cd;
    border-radius: 7px;
    background: #fffcf7;
}

.sprsell-insight-icon {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 6px;
    background: var(--spr-pale-gold);
    color: #a16b00 !important;
    font-size: 20px;
    font-weight: 900;
}

.sprsell-insight h4 {
    margin: 0 0 8px;
    color: var(--spr-navy) !important;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.45;
}

.sprsell-insight p {
    margin: 0;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.75;
}


/* SECTION 50C SIDE CARD */

.sprsell-side-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cba65e;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(9,47,98,.10);
}

.sprsell-side-top {
    padding: 27px 24px;
    background: linear-gradient(140deg, #092f62, #174979);
}

.sprsell-side-kicker {
    display: block;
    margin-bottom: 14px;
    color: #e7c47f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.sprsell-side-top h3 {
    margin: 0 0 13px;
    color: #ffffff !important;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 900;
}

.sprsell-side-top h3 span {
    display: block;
    color: #e6bb68 !important;
}

.sprsell-side-top p {
    margin: 0;
    color: #e5edf7 !important;
    font-size: 15px;
    line-height: 1.8;
}

.sprsell-comparison {
    padding: 24px 21px 18px;
    background: #ffffff;
}

.sprsell-comparison-item {
    padding: 17px;
    border: 1px solid var(--spr-border);
    border-radius: 7px;
    background: #f8fafc;
}

.sprsell-comparison-item span {
    display: block;
    margin-bottom: 6px;
    color: #778499 !important;
    font-size: 15px;
}

.sprsell-comparison-item strong {
    display: block;
    color: var(--spr-navy) !important;
    font-size: 17px;
    line-height: 1.45;
}

.sprsell-comparison-divider {
    display: flex;
    justify-content: center;
    margin: 8px 0;
}

.sprsell-comparison-divider span {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5d0a5;
    border-radius: 50%;
    background: #fff7e9;
    color: #966200 !important;
    font-size: 15px;
    font-weight: 900;
}

.sprsell-side-bottom {
    margin-top: auto;
    padding: 5px 21px 23px;
}

.sprsell-side-bottom > p {
    margin: 0 0 17px;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.75;
}

.sprsell-side-phone {
    display: block;
    margin-top: 13px;
    color: var(--spr-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-align: center;
}


/* STEP 01 FOOTER */

.sprsell-step-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 27px;
    padding: 24px 27px;
    border: 1px solid #e5d5b5;
    border-radius: 9px;
    background: #fffaf1;
}

.sprsell-step-footer > div:first-child {
    min-width: 0;
}

.sprsell-step-footer > div > strong {
    display: block;
    margin-bottom: 6px;
    color: var(--spr-navy) !important;
    font-size: 18px;
    line-height: 1.5;
}

.sprsell-step-footer p {
    margin: 0;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.7;
}

.sprsell-step-footer > .sprsell-btn {
    flex-shrink: 0;
}


/* ==========================================================
   STEP 02 — TAX INTRO
========================================================== */

.sprsell-tax-intro {
    display: flex;
    align-items: flex-start;
    gap: 19px;
    margin-bottom: 25px;
    padding: 24px;
    border: 1px solid #e5d4b2;
    border-radius: 9px;
    background: linear-gradient(110deg, #fffaf0, #ffffff);
}

.sprsell-tax-intro-icon {
    display: flex;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--spr-navy);
    color: #ffffff !important;
    font-size: 25px;
    font-weight: 900;
}

.sprsell-tax-intro h3 {
    margin: 0 0 9px;
    color: var(--spr-navy) !important;
    font-size: 21px;
    font-weight: 850;
}

.sprsell-tax-intro p {
    margin: 0 0 10px;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.sprsell-tax-intro p:last-child {
    margin-bottom: 0;
}

.sprsell-tax-intro strong {
    color: var(--spr-navy) !important;
}


/* ==========================================================
   METHOD A & B CARDS
========================================================== */

.sprsell-method-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 34px;
}

.sprsell-method-card {
    overflow: hidden;
    border: 1px solid #e0e6ed;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 7px 23px rgba(9,47,98,.055);
}

.sprsell-method-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 21px 22px;
    background: var(--spr-navy);
}

.sprsell-method-b .sprsell-method-header {
    background: linear-gradient(115deg, #174879, #092f62);
}

.sprsell-method-letter {
    display: flex;
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 7px;
    background: rgba(255,255,255,.12);
    color: #ffffff !important;
    font-size: 25px;
    font-weight: 900;
}

.sprsell-method-header > div {
    flex: 1;
    min-width: 0;
}

.sprsell-method-header > div > span {
    display: block;
    margin-bottom: 2px;
    color: #e5c47f !important;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .8px;
}

.sprsell-method-header h3 {
    margin: 0;
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 900;
}

.sprsell-method-rate {
    color: #f4d18b !important;
    font-size: 23px;
    font-weight: 900;
    white-space: nowrap;
}

.sprsell-method-body {
    padding: 24px;
}

.sprsell-method-body h4 {
    margin: 0 0 9px;
    color: var(--spr-navy) !important;
    font-size: 19px;
    font-weight: 850;
}

.sprsell-method-body > p {
    margin: 0 0 19px;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.sprsell-formula {
    display: flex;
    min-height: 85px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 18px 0;
    padding: 13px;
    border: 1px solid #e5d7bd;
    border-radius: 7px;
    background: #fffaf1;
    color: var(--spr-navy) !important;
    font-size: 15px;
    font-weight: 850;
    text-align: center;
}

.sprsell-fraction {
    display: flex;
    flex-direction: column;
    color: var(--spr-gold) !important;
    font-size: 15px;
    line-height: 1.5;
}

.sprsell-fraction span:first-child {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--spr-gold);
}

.sprsell-fraction span:last-child {
    padding-top: 5px;
}

.sprsell-formula-simple {
    flex-direction: column;
    gap: 4px;
}

.sprsell-method-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.sprsell-method-list li {
    position: relative;
    padding-left: 25px;
    color: #52647b !important;
    font-size: 15px;
    line-height: 1.6;
}

.sprsell-method-list li::before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid var(--spr-gold);
    border-radius: 50%;
    content: "✓";
    color: var(--spr-gold);
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    text-align: center;
}

.sprsell-method-footer {
    padding: 15px 23px;
    border-top: 1px solid #e8eaf0;
    background: #f9fafc;
    color: #66768a !important;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
}


/* ==========================================================
   WORKED EXAMPLE — PREMIUM FINANCIAL DASHBOARD
========================================================== */

.sprsell-example {
    overflow: hidden;
    border: 1px solid #d6b97e;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 13px 36px rgba(9,47,98,.09);
}

.sprsell-example-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 28px;
    background: linear-gradient(115deg, #092f62, #164979);
}

.sprsell-example-label {
    display: block;
    margin-bottom: 9px;
    color: #e6bf70 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
}

.sprsell-example-heading h3 {
    margin: 0 0 8px;
    color: #ffffff !important;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.sprsell-example-heading h3 strong {
    color: #f0ca80 !important;
}

.sprsell-example-heading p {
    margin: 0;
    color: #e1eaf4 !important;
    font-size: 15px;
    line-height: 1.6;
}

.sprsell-example-badge {
    display: flex;
    min-width: 125px;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 12px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 7px;
    background: rgba(255,255,255,.08);
}

.sprsell-example-badge span {
    margin-bottom: 5px;
    color: #e8c779 !important;
    font-size: 15px;
    font-weight: 800;
}

.sprsell-example-badge strong {
    color: #ffffff !important;
    font-size: 18px;
}

.sprsell-example-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: #e7eaf0;
    border-bottom: 1px solid #e7eaf0;
}

.sprsell-example-facts > div {
    min-width: 0;
    padding: 20px 14px;
    background: #fafbfd;
    text-align: center;
}

.sprsell-example-facts span {
    display: block;
    margin-bottom: 6px;
    color: #778499 !important;
    font-size: 15px;
    line-height: 1.5;
}

.sprsell-example-facts strong {
    display: block;
    color: var(--spr-navy) !important;
    font-size: 20px;
    font-weight: 900;
}

.sprsell-calculation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding: 25px;
}

.sprsell-calculation-card {
    overflow: hidden;
    border: 1px solid #e4d8c1;
    border-radius: 8px;
    background: #ffffff;
}

.sprsell-calculation-card-alt {
    border-color: #d8e0eb;
}

.sprsell-calculation-title {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 17px 19px;
    background: #fff8ea;
}

.sprsell-calculation-card-alt .sprsell-calculation-title {
    background: #eff4fa;
}

.sprsell-calculation-title span {
    color: #a36b00 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.sprsell-calculation-card-alt .sprsell-calculation-title span {
    color: var(--spr-navy) !important;
}

.sprsell-calculation-title strong {
    color: var(--spr-navy) !important;
    font-size: 18px;
}

.sprsell-calculation-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px;
    border-top: 1px solid #edf0f4;
}

.sprsell-calculation-row span {
    color: #64748a !important;
    font-size: 15px;
    line-height: 1.5;
}

.sprsell-calculation-row strong {
    color: var(--spr-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-align: right;
}

.sprsell-calculation-total {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 17px 18px;
    border-top: 1px solid #e5d4b2;
    background: #fff8e9;
}

.sprsell-calculation-card-alt .sprsell-calculation-total {
    background: #f0f4fa;
}

.sprsell-calculation-total span {
    color: #776443 !important;
    font-size: 15px;
    font-weight: 800;
}

.sprsell-calculation-total strong {
    color: #956000 !important;
    font-size: 27px;
    font-weight: 900;
}

.sprsell-calculation-card-alt .sprsell-calculation-total strong {
    color: var(--spr-navy) !important;
}


/* RESULT PANEL */

.sprsell-result {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    margin: 0 25px 25px;
    padding: 23px;
    border: 1px solid #d6c08d;
    border-radius: 8px;
    background: linear-gradient(110deg, #fff8e9, #fffdf8);
}

.sprsell-result-icon {
    display: flex;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--spr-gold);
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 900;
}

.sprsell-result > div:last-child > span {
    display: block;
    margin-bottom: 7px;
    color: #996500 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.sprsell-result h4 {
    margin: 0 0 8px;
    color: var(--spr-navy) !important;
    font-size: 21px;
    line-height: 1.5;
}

.sprsell-result h4 strong {
    color: #a36b00 !important;
}

.sprsell-result p {
    margin: 0;
    color: #66758a !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   PROFESSIONAL VALUATION RESOURCE
========================================================== */

.sprsell-professional-note {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 27px;
    padding: 25px;
    border: 1px solid #dce3ed;
    border-left: 4px solid var(--spr-gold);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(9,47,98,.04);
}

.sprsell-professional-icon {
    display: flex;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--spr-navy);
    color: #f1ce83 !important;
    font-size: 17px;
    font-weight: 900;
}

.sprsell-professional-content h3 {
    margin: 0 0 10px;
    color: var(--spr-navy) !important;
    font-size: 21px;
    line-height: 1.45;
}

.sprsell-professional-content h3 strong {
    color: var(--spr-gold) !important;
}

.sprsell-professional-content p {
    margin: 0 0 13px;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.sprsell-professional-content p strong {
    color: var(--spr-navy) !important;
}

.sprsell-tax-footer {
    margin-top: 26px;
}

.sprsell-footer-actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 10px;
}


/* ==========================================================
   STEP 03 — DOCUMENT CHECKLIST
========================================================== */

.sprsell-document-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(275px, .8fr);
    align-items: start;
    gap: 25px;
}

.sprsell-document-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sprsell-document-card {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 23px;
    border: 1px solid var(--spr-border);
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(9,47,98,.045);
    transition: transform .25s ease, box-shadow .25s ease;
}

.sprsell-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 11px 25px rgba(9,47,98,.08);
}

.sprsell-document-number {
    display: flex;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--spr-navy);
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 900;
}

.sprsell-document-content {
    flex: 1;
    min-width: 0;
}

.sprsell-document-category {
    display: block;
    margin-bottom: 7px;
    color: #a36b00 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.sprsell-document-content h3 {
    margin: 0 0 12px;
    color: var(--spr-navy) !important;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.sprsell-document-content h3 strong {
    color: var(--spr-gold) !important;
}

.sprsell-document-content p {
    margin: 0 0 12px;
    color: var(--spr-muted) !important;
    font-size: 15px;
    line-height: 1.8;
}

.sprsell-document-content p strong {
    color: var(--spr-navy) !important;
}

.sprsell-document-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.sprsell-document-tags span {
    padding: 7px 10px;
    border: 1px solid #e4e9f0;
    border-radius: 5px;
    background: #f6f8fb;
    color: #52647b !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.sprsell-document-check {
    display: flex;
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff3d9;
    color: #a16b00 !important;
    font-size: 16px;
    font-weight: 900;
}


/* DOCUMENT SIDEBAR */

.sprsell-document-sidebar {
    position: sticky;
    top: 25px;
}

.sprsell-checklist-card {
    padding: 26px 23px;
    border: 1px solid #cbb176;
    border-radius: 10px;
    background: linear-gradient(145deg, #092f62, #123f70);
    box-shadow: 0 13px 33px rgba(9,47,98,.13);
}

.sprsell-sidebar-label {
    display: block;
    margin-bottom: 13px;
    color: #edcc87 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
}

.sprsell-checklist-card > h3 {
    margin: 0 0 12px;
    color: #ffffff !important;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.35;
}

.sprsell-checklist-card > h3 strong {
    display: block;
    color: #edc77a !important;
}

.sprsell-checklist-card > p {
    margin: 0 0 22px;
    color: #e2eaf4 !important;
    font-size: 15px;
    line-height: 1.8;
}

.sprsell-checklist-progress {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sprsell-checklist-progress > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.17);
}

.sprsell-checklist-progress span {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.5;
}

.sprsell-checklist-progress strong {
    display: flex;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(255,255,255,.12);
    color: #f0ce89 !important;
    font-size: 15px;
}

.sprsell-sidebar-divider {
    height: 1px;
    margin: 23px 0;
    background: rgba(255,255,255,.23);
}

.sprsell-checklist-card h4 {
    margin: 0 0 9px;
    color: #ffffff !important;
    font-size: 19px;
    line-height: 1.5;
    font-weight: 850;
}

.sprsell-checklist-card .sprsell-btn-gold {
    color: #ffffff !important;
}

.sprsell-sidebar-phone {
    display: block;
    margin-top: 16px;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 850;
    text-align: center;
}


/* ==========================================================
   FINAL CTA — ROYAL CLOSING SECTION
========================================================== */

.sprsell-final-cta {
    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background:
        radial-gradient(circle at 92% 10%,
        rgba(214,173,97,.18), transparent 32%),
        linear-gradient(115deg, #071f40, #123f70);
}

.sprsell-final-cta::before {
    position: absolute;
    top: -110px;
    right: -100px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(226,189,116,.24);
    border-radius: 50%;
    content: "";
}

.sprsell-final-cta::after {
    position: absolute;
    top: -75px;
    right: -65px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(226,189,116,.20);
    border-radius: 50%;
    content: "";
}

.sprsell-final-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.sprsell-final-content {
    max-width: 760px;
}

.sprsell-final-content > span {
    display: block;
    margin-bottom: 12px;
    color: #edc87f !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.5px;
}

.sprsell-final-content h2 {
    margin: 0 0 15px;
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 37px);
    line-height: 1.35;
    font-weight: 900;
}

.sprsell-final-content h2 strong {
    display: block;
    color: #edc87f !important;
}

.sprsell-final-content > p {
    margin: 0;
    color: #e0e9f4 !important;
    font-size: 16px;
    line-height: 1.85;
}

.sprsell-final-content > p strong {
    color: #ffffff !important;
}

.sprsell-final-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 20px;
    margin-top: 22px;
}

.sprsell-final-highlights span {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
}

.sprsell-final-actions {
    display: flex;
    min-width: 215px;
    flex-shrink: 0;
    flex-direction: column;
    gap: 12px;
}

.sprsell-page .sprsell-final-gold {
    background: #d5a747 !important;
    border-color: #d5a747 !important;
    color: #092f62 !important;
}

.sprsell-page .sprsell-final-gold:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #092f62 !important;
}

.sprsell-page .sprsell-final-outline {
    border-color: rgba(255,255,255,.65) !important;
    background: transparent !important;
    color: #ffffff !important;
}

.sprsell-page .sprsell-final-outline:hover {
    border-color: #d5a747 !important;
    background: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
}


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

@media (max-width: 1024px) {

    .sprsell-step-one-grid {
        grid-template-columns: minmax(0, 1.3fr) minmax(260px, .9fr);
        gap: 18px;
    }

    .sprsell-document-layout {
        grid-template-columns: minmax(0, 1.35fr) minmax(250px, .85fr);
        gap: 18px;
    }

    .sprsell-intro-points {
        gap: 9px;
    }

    .sprsell-intro-points > div {
        padding: 11px;
        gap: 8px;
    }

    .sprsell-final-inner {
        gap: 23px;
    }

    .sprsell-calculation-grid {
        padding: 18px;
        gap: 13px;
    }
}


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

@media (max-width: 767px) {

    .sprsell-container {
        padding: 0 16px;
    }

    .sprsell-intro {
        padding: 48px 0 42px;
    }

    .sprsell-intro::after {
        display: none;
    }

    .sprsell-intro h1 {
        font-size: 34px;
        letter-spacing: -.7px;
    }

    .sprsell-intro h1 span {
        font-size: .78em;
    }

    .sprsell-intro-text {
        font-size: 16px;
        line-height: 1.8;
    }

    .sprsell-intro-points {
        grid-template-columns: 1fr;
        gap: 9px;
        margin: 23px 0;
    }

    .sprsell-intro-points > div {
        min-height: 57px;
    }

    .sprsell-intro-cta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sprsell-intro-cta .sprsell-btn {
        width: 100%;
    }

    .sprsell-step {
        padding: 58px 0;
    }

    .sprsell-section-heading {
        margin-bottom: 29px;
    }

    .sprsell-section-heading h2 {
        font-size: 29px;
    }

    .sprsell-section-heading > p {
        font-size: 16px;
    }

    .sprsell-step-one-grid {
        grid-template-columns: 1fr;
        gap: 19px;
    }

    .sprsell-content-card {
        padding: 21px 18px;
    }

    .sprsell-content-card h3 {
        font-size: 20px;
    }

    .sprsell-insight-grid {
        grid-template-columns: 1fr;
    }

    .sprsell-side-top {
        padding: 23px 20px;
    }

    .sprsell-side-top h3 {
        font-size: 23px;
    }

    .sprsell-step-footer {
        flex-direction: column;
        align-items: stretch;
        padding: 21px 18px;
    }

    .sprsell-step-footer > .sprsell-btn {
        width: 100%;
    }

    .sprsell-tax-intro {
        gap: 12px;
        padding: 18px;
    }

    .sprsell-tax-intro-icon {
        width: 42px;
        height: 42px;
    }

    .sprsell-tax-intro h3 {
        font-size: 19px;
    }

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

    .sprsell-method-header {
        padding: 18px;
    }

    .sprsell-method-body {
        padding: 20px 18px;
    }

    .sprsell-example-heading {
        align-items: flex-start;
        flex-direction: column;
        padding: 23px 19px;
    }

    .sprsell-example-heading h3 {
        font-size: 22px;
    }

    .sprsell-example-badge {
        min-width: 130px;
        align-items: flex-start;
    }

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

    .sprsell-example-facts > div {
        padding: 16px 9px;
    }

    .sprsell-example-facts strong {
        font-size: 19px;
    }

    .sprsell-calculation-grid {
        grid-template-columns: 1fr;
        padding: 15px;
        gap: 14px;
    }

    .sprsell-calculation-row {
        padding: 13px;
    }

    .sprsell-result {
        margin: 0 15px 17px;
        padding: 17px;
        gap: 12px;
    }

    .sprsell-result h4 {
        font-size: 19px;
    }

    .sprsell-professional-note {
        padding: 19px;
        gap: 12px;
    }

    .sprsell-professional-icon {
        width: 44px;
        height: 44px;
    }

    .sprsell-professional-content h3 {
        font-size: 19px;
    }

    .sprsell-footer-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sprsell-footer-actions .sprsell-btn {
        width: 100%;
    }

    .sprsell-document-layout {
        grid-template-columns: 1fr;
    }

    .sprsell-document-card {
        padding: 19px 15px;
        gap: 12px;
    }

    .sprsell-document-number {
        width: 37px;
        height: 37px;
        font-size: 16px;
    }

    .sprsell-document-content h3 {
        font-size: 19px;
    }

    .sprsell-document-check {
        width: 25px;
        height: 25px;
    }

    .sprsell-document-sidebar {
        position: static;
    }

    .sprsell-checklist-card {
        padding: 23px 20px;
    }

    .sprsell-final-cta {
        padding: 49px 0;
    }

    .sprsell-final-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 27px;
    }

    .sprsell-final-content h2 {
        font-size: 28px;
    }

    .sprsell-final-actions {
        display: grid;
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .sprsell-final-actions .sprsell-btn {
        width: 100%;
    }

}


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

@media (max-width: 380px) {

    .sprsell-container {
        padding: 0 13px;
    }

    .sprsell-intro h1 {
        font-size: 30px;
    }

    .sprsell-eyebrow {
        letter-spacing: .3px;
    }

    .sprsell-section-heading h2 {
        font-size: 27px;
    }

    .sprsell-method-header {
        gap: 9px;
        padding: 15px;
    }

    .sprsell-method-letter {
        width: 40px;
        height: 40px;
    }

    .sprsell-method-rate {
        font-size: 20px;
    }

    .sprsell-calculation-row {
        gap: 7px;
    }

    .sprsell-calculation-row strong {
        font-size: 15px;
    }

    .sprsell-document-card {
        gap: 9px;
        padding: 15px 12px;
    }

}


/* ==========================================================
   ACCESSIBILITY — REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sprsell-page *,
    .sprsell-page *::before,
    .sprsell-page *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

}

/* ==========================================================
   IGRS HARYANA — SOUTHERN GURUGRAM
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique namespace: igrsh-
========================================================== */

.igrsh-main,
.igrsh-main * {
    box-sizing: border-box;
}

.igrsh-main {
    --igrsh-navy: #092f62;
    --igrsh-navy-dark: #062448;
    --igrsh-navy-light: #164879;
    --igrsh-gold: #b97800;
    --igrsh-gold-light: #e4bd70;
    --igrsh-gold-pale: #fff8e9;
    --igrsh-text: #43546b;
    --igrsh-muted: #68788d;
    --igrsh-border: #e5e9ef;

    width: 100%;
    overflow: hidden;
    background: #ffffff;
    color: var(--igrsh-text);
    font-family: inherit;
}

.igrsh-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ==========================================================
   SECTION 01 — INTRODUCTION
========================================================== */

.igrsh-intro {
    position: relative;
    padding: 75px 0 65px;
}

.igrsh-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 21px;
    padding: 10px 16px;
    border: 1px solid #e8d4aa;
    border-radius: 50px;
    background: var(--igrsh-gold-pale);
    color: #946000;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.igrsh-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--igrsh-gold);
}

.igrsh-intro h1 {
    max-width: 950px;
    margin: 0;
    color: var(--igrsh-navy);
    font-size: clamp(35px, 4vw, 49px);
    font-weight: 850;
    line-height: 1.18;
    letter-spacing: -1.2px;
}

.igrsh-intro h1 span {
    display: block;
    margin-top: 12px;
    color: var(--igrsh-gold);
    font-size: 0.69em;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: -0.4px;
}

.igrsh-title-line {
    width: 85px;
    height: 4px;
    margin: 24px 0;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--igrsh-gold),
        var(--igrsh-gold-light)
    );
}

.igrsh-intro-text {
    max-width: 1050px;
    margin: 0 0 16px;
    color: var(--igrsh-text);
    font-size: 17px;
    line-height: 1.9;
}

.igrsh-intro-text strong {
    color: var(--igrsh-navy);
    font-weight: 850;
}

.igrsh-intro-text a {
    color: var(--igrsh-gold);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* PORTAL LINK STRIP */

.igrsh-portal-strip {
    display: flex;
    align-items: center;
    gap: 17px;
    max-width: 850px;
    margin-top: 29px;
    padding: 19px 22px;
    border: 1px solid #dfcfac;
    border-radius: 9px;
    background: linear-gradient(
        110deg,
        #fffaf0,
        #ffffff
    );
    box-shadow: 0 6px 20px rgba(9,47,98,0.045);
}

.igrsh-portal-icon {
    display: flex;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--igrsh-navy);
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
}

.igrsh-portal-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.igrsh-portal-content > span {
    color: var(--igrsh-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.igrsh-portal-content strong {
    color: var(--igrsh-navy);
    font-size: 17px;
    line-height: 1.5;
}

.igrsh-portal-content a {
    color: var(--igrsh-gold);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.igrsh-portal-content a:hover {
    color: var(--igrsh-navy);
}

.igrsh-portal-status {
    margin-left: auto;
    padding: 9px 12px;
    border: 1px solid #e5d1a6;
    border-radius: 5px;
    color: var(--igrsh-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.6px;
}


/* ==========================================================
   SECTION 02 — THREE PRACTICAL USES
========================================================== */

.igrsh-uses {
    padding: 72px 0;
    border-top: 1px solid var(--igrsh-border);
    border-bottom: 1px solid var(--igrsh-border);
    background: #f7f8fb;
}

.igrsh-section-heading {
    max-width: 800px;
    margin: 0 auto 42px;
    text-align: center;
}

.igrsh-section-kicker {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--igrsh-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.5px;
}

.igrsh-section-heading h2,
.igrsh-research-header h2 {
    margin: 0 0 15px;
    color: var(--igrsh-navy);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 850;
    line-height: 1.35;
}

.igrsh-section-heading h2 strong,
.igrsh-research-header h2 strong {
    color: var(--igrsh-gold);
}

.igrsh-section-heading p,
.igrsh-research-header > p {
    margin: 0;
    color: var(--igrsh-muted);
    font-size: 17px;
    line-height: 1.85;
}


/* THREE CARD GRID */

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

.igrsh-use-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 27px 24px 0;
    overflow: hidden;
    border: 1px solid #e3e7ed;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 7px 24px rgba(9,47,98,0.045);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.igrsh-use-card:hover {
    transform: translateY(-6px);
    border-color: #d2b16d;
    box-shadow: 0 16px 35px rgba(9,47,98,0.10);
}

.igrsh-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.igrsh-card-number {
    color: #d5b36e;
    font-size: 27px;
    font-weight: 900;
    letter-spacing: 1px;
}

.igrsh-card-icon {
    display: flex;
    width: 49px;
    height: 49px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ead8b4;
    border-radius: 9px;
    background: var(--igrsh-gold-pale);
    color: var(--igrsh-gold);
    font-size: 26px;
    font-weight: 800;
}

.igrsh-card-label {
    display: block;
    margin-bottom: 12px;
    color: var(--igrsh-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
    line-height: 1.5;
}

.igrsh-use-card h3 {
    margin: 0 0 14px;
    color: var(--igrsh-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.igrsh-use-card > p {
    margin: 0 0 20px;
    color: var(--igrsh-muted);
    font-size: 16px;
    line-height: 1.85;
}

.igrsh-use-card > p strong {
    color: var(--igrsh-navy);
    font-weight: 850;
}


/* CARD DETAILS */

.igrsh-card-detail {
    margin-top: auto;
    padding: 17px 16px;
    border: 1px solid #eee4d0;
    border-radius: 7px;
    background: #fffbf4;
}

.igrsh-card-detail > strong {
    display: block;
    margin-bottom: 12px;
    color: var(--igrsh-navy);
    font-size: 16px;
    font-weight: 850;
}

.igrsh-card-detail ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.igrsh-card-detail li {
    position: relative;
    padding-left: 20px;
    color: var(--igrsh-text);
    font-size: 15px;
    line-height: 1.6;
}

.igrsh-card-detail li:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--igrsh-gold);
    content: "";
}

.igrsh-card-footer {
    margin: 20px -24px 0;
    padding: 15px 24px;
    border-top: 1px solid #e8ebef;
    background: #ffffff;
}

.igrsh-card-footer span {
    color: #8a6a2e;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.7px;
}


/* ==========================================================
   SECTION 03 — SOHNA JURISDICTION
========================================================== */

.igrsh-sohna {
    padding: 70px 0;
    background: #ffffff;
}

.igrsh-sohna-inner {
    position: relative;
    padding: 37px 39px;
    overflow: hidden;
    border: 1px solid #d9c18e;
    border-radius: 11px;
    background: linear-gradient(
        125deg,
        #092f62,
        #103e6b 65%,
        #164878
    );
    box-shadow: 0 12px 35px rgba(9,47,98,0.13);
}

.igrsh-sohna-inner:after {
    position: absolute;
    top: -100px;
    right: -90px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(226,190,115,0.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(226,190,115,0.04),
        0 0 0 65px rgba(226,190,115,0.035);
    content: "";
    pointer-events: none;
}

.igrsh-sohna-label {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    color: #e8c47b;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.igrsh-alert-mark {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8c47b;
    border-radius: 50%;
    font-size: 16px;
}

.igrsh-sohna-inner h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 35px);
    font-weight: 850;
    line-height: 1.4;
}

.igrsh-sohna-inner h2 strong {
    color: #e9c67e;
}

.igrsh-sohna-inner > p {
    position: relative;
    z-index: 1;
    max-width: 970px;
    margin: 0 0 26px;
    color: #e3eaf3;
    font-size: 16px;
    line-height: 1.9;
}

.igrsh-sohna-inner > p strong {
    color: #ffffff;
    font-weight: 850;
}


/* JURISDICTION TWO COLUMNS */

.igrsh-jurisdiction-flow {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.igrsh-jurisdiction-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,0.17);
    border-radius: 8px;
    background: rgba(255,255,255,0.075);
}

.igrsh-jurisdiction-icon {
    display: flex;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e3b85e;
    color: #092f62;
    font-size: 15px;
    font-weight: 900;
}

.igrsh-jurisdiction-item strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.5;
}

.igrsh-jurisdiction-item p {
    margin: 0;
    color: #d8e2ee;
    font-size: 15px;
    line-height: 1.75;
}


/* SOHNA ADVISORY */

.igrsh-sohna-note {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid rgba(231,195,123,0.55);
    border-radius: 7px;
    background: rgba(255,255,255,0.10);
}

.igrsh-note-icon {
    display: flex;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e4bd70;
    color: #092f62;
    font-size: 17px;
    font-weight: 900;
}

.igrsh-sohna-note p {
    margin: 0;
    color: #eaf0f7;
    font-size: 15px;
    line-height: 1.8;
}

.igrsh-sohna-note strong {
    color: #f0cd87;
}


/* ==========================================================
   SECTION 04 — PROFESSIONAL RESEARCH
========================================================== */

.igrsh-research {
    padding: 78px 0;
    background: #f7f8fb;
    border-top: 1px solid #e9edf2;
}

.igrsh-research-header {
    max-width: 850px;
    margin: 0 auto 37px;
    text-align: center;
}

.igrsh-research-panel {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 0;
    overflow: hidden;
    border: 1px solid #e2e6ec;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(9,47,98,0.07);
}

.igrsh-research-main {
    padding: 35px;
}

.igrsh-research-tag {
    display: inline-block;
    margin-bottom: 17px;
    padding: 9px 13px;
    border: 1px solid #e9d7b4;
    border-radius: 5px;
    background: var(--igrsh-gold-pale);
    color: #956200;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.igrsh-research-main h3 {
    margin: 0 0 18px;
    color: var(--igrsh-navy);
    font-size: 27px;
    font-weight: 850;
    line-height: 1.4;
}

.igrsh-research-main > p {
    margin: 0 0 17px;
    color: var(--igrsh-text);
    font-size: 16px;
    line-height: 1.9;
}

.igrsh-research-main > p strong {
    color: var(--igrsh-navy);
    font-weight: 850;
}


/* RESEARCH CALLOUT */

.igrsh-research-callout {
    margin-top: 23px;
    padding: 20px;
    border-left: 4px solid var(--igrsh-gold);
    border-radius: 0 7px 7px 0;
    background: #fff8eb;
}

.igrsh-research-callout > strong {
    display: block;
    margin-bottom: 9px;
    color: var(--igrsh-navy);
    font-size: 16px;
    font-weight: 850;
}

.igrsh-research-callout p {
    margin: 0;
    color: #58677c;
    font-size: 15px;
    line-height: 1.85;
}


/* RESEARCH LOCATIONS PANEL */

.igrsh-research-areas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 27px;
    background: linear-gradient(
        145deg,
        #092f62,
        #103f70
    );
}

.igrsh-areas-heading {
    display: block;
    margin-bottom: 23px;
    color: #e5bf77;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.6;
}

.igrsh-area-list {
    display: flex;
    flex-direction: column;
}

.igrsh-area-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.igrsh-area-item > span {
    display: flex;
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(228,189,112,0.18);
    color: #e8c47b;
    font-size: 15px;
    font-weight: 850;
}

.igrsh-area-item strong {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 750;
}

.igrsh-areas-footnote {
    margin-top: 22px;
    padding: 14px;
    border: 1px solid rgba(228,189,112,0.35);
    border-radius: 6px;
    color: #e7d5b3;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   SECTION 05 — FINAL CONTACT CTA
========================================================== */

.igrsh-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 70px 0;
    padding: 35px 38px;
    border: 1px solid #c9a85e;
    border-radius: 11px;
    background: linear-gradient(
        110deg,
        #092f62,
        #164879
    );
    box-shadow: 0 13px 35px rgba(9,47,98,0.15);
}

.igrsh-final-cta-content {
    max-width: 690px;
}

.igrsh-final-kicker {
    display: block;
    margin-bottom: 13px;
    color: #e8c47b;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.igrsh-final-cta h2 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 850;
    line-height: 1.35;
}

.igrsh-final-cta h2 strong {
    color: #e9c77f;
}

.igrsh-final-cta-content > p {
    margin: 0;
    color: #e2eaf4;
    font-size: 16px;
    line-height: 1.85;
}

.igrsh-final-cta-actions {
    display: flex;
    min-width: 230px;
    flex-direction: column;
    gap: 12px;
}

.igrsh-cta-call,
.igrsh-cta-advice {
    display: inline-flex !important;
    width: 100%;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 17px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.igrsh-cta-call {
    border-color: rgba(255,255,255,0.5);
    background: transparent;
    color: #ffffff !important;
}

.igrsh-cta-call span {
    color: #e8c47b;
    font-size: 19px;
}

.igrsh-cta-call:hover {
    background: rgba(255,255,255,0.12);
    border-color: #ffffff;
    color: #ffffff !important;
}

.igrsh-cta-advice {
    border-color: #e3b85e;
    background: #e3b85e;
    color: #092f62 !important;
}

.igrsh-cta-advice span {
    color: #092f62;
    font-size: 20px;
}

.igrsh-cta-advice:hover {
    border-color: #ffffff;
    background: #ffffff;
    color: #092f62 !important;
}

.igrsh-cta-advice:hover span {
    color: #092f62;
}


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

@media (max-width: 1024px) {

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

    .igrsh-use-card:last-child {
        grid-column: 1 / -1;
    }

    .igrsh-research-panel {
        grid-template-columns: 1fr 0.8fr;
    }

    .igrsh-final-cta {
        gap: 22px;
        padding: 29px;
    }

}


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

@media (max-width: 767px) {

    .igrsh-container {
        padding: 0 17px;
    }

    .igrsh-intro {
        padding: 45px 0 43px;
    }

    .igrsh-intro h1 {
        font-size: 35px;
        letter-spacing: -0.6px;
    }

    .igrsh-intro h1 span {
        font-size: 0.76em;
    }

    .igrsh-intro-text {
        font-size: 16px;
        line-height: 1.85;
    }

    .igrsh-portal-strip {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 17px;
    }

    .igrsh-portal-content {
        flex: 1;
    }

    .igrsh-portal-content strong {
        font-size: 16px;
    }

    .igrsh-portal-status {
        margin-left: 65px;
    }

    .igrsh-uses,
    .igrsh-research {
        padding: 55px 0;
    }

    .igrsh-section-heading {
        margin-bottom: 30px;
    }

    .igrsh-section-heading h2,
    .igrsh-research-header h2 {
        font-size: 29px;
    }

    .igrsh-section-heading p,
    .igrsh-research-header > p {
        font-size: 16px;
    }

    .igrsh-use-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .igrsh-use-card:last-child {
        grid-column: auto;
    }

    .igrsh-use-card {
        padding: 24px 20px 0;
    }

    .igrsh-use-card h3 {
        font-size: 21px;
    }

    .igrsh-card-footer {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .igrsh-sohna {
        padding: 48px 0;
    }

    .igrsh-sohna-inner {
        padding: 27px 20px;
    }

    .igrsh-sohna-inner h2 {
        font-size: 28px;
    }

    .igrsh-jurisdiction-flow {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .igrsh-jurisdiction-item {
        padding: 17px;
    }

    .igrsh-sohna-note {
        padding: 15px;
    }

    .igrsh-research-panel {
        grid-template-columns: 1fr;
    }

    .igrsh-research-main {
        padding: 24px 20px;
    }

    .igrsh-research-main h3 {
        font-size: 24px;
    }

    .igrsh-research-areas {
        padding: 25px 22px;
    }

    .igrsh-final-cta {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        margin: 48px 0;
        padding: 27px 21px;
    }

    .igrsh-final-cta h2 {
        font-size: 28px;
    }

    .igrsh-final-cta-actions {
        width: 100%;
    }

}


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

@media (max-width: 380px) {

    .igrsh-container {
        padding: 0 14px;
    }

    .igrsh-intro h1 {
        font-size: 31px;
    }

    .igrsh-eyebrow {
        font-size: 15px;
        letter-spacing: 0.3px;
    }

    .igrsh-card-label,
    .igrsh-areas-heading {
        letter-spacing: 0.4px;
    }

}

/* ==========================================================
   GVC — POST-2016 GURUGRAM CHECKLIST
   ROYAL NAVY & ANTIQUE GOLD
   Independent CSS Namespace
========================================================== */

.gvc-checklist-section {
    --gvc-navy: #092f62;
    --gvc-royal: #123e70;
    --gvc-gold: #b97800;
    --gvc-light-gold: #f5e7c5;
    --gvc-bg: #f8faff;
    --gvc-text: #344761;
    --gvc-muted: #64748b;
    --gvc-border: #e4eaf2;

    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(185,120,0,0.055),
            transparent 30%
        ),
        linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
    color: var(--gvc-text);
    font-family: inherit;
    box-sizing: border-box;
}

.gvc-checklist-section *,
.gvc-checklist-section *::before,
.gvc-checklist-section *::after {
    box-sizing: border-box;
}

.gvc-container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ==========================================================
   SECTION HEADER
========================================================== */

.gvc-header {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
}

.gvc-eyebrow {
    display: inline-block;
    margin-bottom: 17px;
    padding: 9px 17px;
    border: 1px solid #e8d5ad;
    border-radius: 50px;
    background: #fffaf0;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.gvc-header h2 {
    margin: 0 0 18px;
    color: var(--gvc-navy) !important;
    font-size: clamp(32px, 4vw, 43px);
    font-weight: 850;
    letter-spacing: -1px;
    line-height: 1.25;
}

.gvc-header h2 strong {
    color: var(--gvc-gold) !important;
    font-weight: 900;
}

.gvc-header h2 span {
    display: block;
    margin-top: 7px;
    color: var(--gvc-navy) !important;
    font-size: 0.72em;
    font-weight: 750;
    letter-spacing: -0.3px;
}

.gvc-intro {
    max-width: 840px;
    margin: 0 auto;
    color: var(--gvc-muted) !important;
    font-size: 17px;
    line-height: 1.9;
}

.gvc-intro strong {
    color: var(--gvc-navy) !important;
    font-weight: 850;
}

.gvc-header-line {
    display: flex;
    justify-content: center;
    margin-top: 27px;
}

.gvc-header-line span {
    width: 90px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        var(--gvc-navy),
        var(--gvc-gold)
    );
}


/* ==========================================================
   CHECKLIST MAIN WRAPPER
========================================================== */

.gvc-checklist-wrapper {
    padding: 34px;
    border: 1px solid var(--gvc-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 12px 45px rgba(9,47,98,0.055);
}


/* ==========================================================
   CHECKLIST HEADING
========================================================== */

.gvc-checklist-heading {
    display: flex;
    align-items: flex-start;
    gap: 19px;
    margin-bottom: 29px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--gvc-border);
}

.gvc-heading-icon {
    display: flex;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--gvc-navy);
    color: #ffffff !important;
    font-size: 19px;
    font-weight: 900;
}

.gvc-subheading {
    display: block;
    margin-bottom: 7px;
    color: var(--gvc-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.gvc-checklist-heading h3 {
    margin: 0 0 8px;
    color: var(--gvc-navy) !important;
    font-size: 28px;
    font-weight: 850;
    line-height: 1.35;
}

.gvc-checklist-heading h3 strong {
    color: var(--gvc-gold) !important;
}

.gvc-checklist-heading p {
    margin: 0;
    color: var(--gvc-muted) !important;
    font-size: 16px;
    line-height: 1.7;
}


/* ==========================================================
   INDIVIDUAL CHECKLIST ITEMS
========================================================== */

.gvc-checklist-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.gvc-check-item {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 35px;
    align-items: start;
    gap: 19px;
    padding: 23px 21px;
    border: 1px solid #e8edf4;
    border-radius: 9px;
    background: #ffffff;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.gvc-check-item:hover {
    border-color: #d8b46e;
    box-shadow: 0 8px 24px rgba(9,47,98,0.07);
    transform: translateY(-2px);
}


/* NUMBER */

.gvc-check-number {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce5f0;
    border-radius: 8px;
    background: #f0f4fa;
    color: var(--gvc-navy) !important;
    font-size: 17px;
    font-weight: 900;
}


/* TITLE AND TAG */

.gvc-check-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 13px;
    margin-bottom: 9px;
}

.gvc-check-title h4 {
    margin: 0;
    color: var(--gvc-navy) !important;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.gvc-check-title h4 strong {
    color: var(--gvc-navy) !important;
    font-weight: 900;
}

.gvc-check-tag {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #ebdfc5;
    border-radius: 4px;
    background: #fffaf0;
    color: #926000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.4px;
    line-height: 1.4;
}


/* DESCRIPTION */

.gvc-check-content > p {
    margin: 0;
    color: #586980 !important;
    font-size: 16px;
    line-height: 1.85;
}

.gvc-check-content > p strong {
    color: var(--gvc-navy) !important;
    font-weight: 850;
}

.gvc-check-content > p a {
    color: var(--gvc-gold) !important;
    font-weight: 850;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* STATUS MARK */

.gvc-check-status {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf4ed;
    color: #287342 !important;
    font-size: 17px;
    font-weight: 900;
}

.gvc-check-status span {
    color: inherit !important;
}


/* ==========================================================
   FEATURED ITEM — INDEPENDENT FMV VALUATION
========================================================== */

.gvc-check-featured {
    border: 1px solid #d9bd82;
    border-left: 4px solid var(--gvc-gold);
    background:
        linear-gradient(
            120deg,
            #fffaf0 0%,
            #ffffff 80%
        );
    box-shadow: 0 7px 25px rgba(185,120,0,0.075);
}

.gvc-check-featured:hover {
    border-color: var(--gvc-gold);
}

.gvc-gold-number {
    background: var(--gvc-gold);
    border-color: var(--gvc-gold);
    color: #ffffff !important;
}

.gvc-gold-tag {
    border-color: #e7d0a0;
    background: #f9edcf;
    color: #835600 !important;
}

.gvc-gold-status {
    background: #f8edcf;
    color: #a56b00 !important;
}

.gvc-featured-note {
    margin-top: 17px;
    padding: 17px 18px;
    border: 1px solid #ead8b2;
    border-radius: 7px;
    background: rgba(255,255,255,0.82);
    color: #586980 !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvc-featured-note strong {
    color: var(--gvc-navy) !important;
    font-weight: 850;
}


/* FEATURED ITEM CTA */

.gvc-featured-link {
    display: inline-flex !important;
    width: fit-content;
    min-height: 49px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 18px;
    padding: 12px 18px;
    border: 1px solid var(--gvc-navy);
    border-radius: 6px;
    background: var(--gvc-navy) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.5;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.gvc-featured-link span {
    color: #ffffff !important;
    font-size: 20px;
    transition: transform 0.25s ease;
}

.gvc-featured-link:hover {
    border-color: var(--gvc-gold);
    background: var(--gvc-gold) !important;
    color: #ffffff !important;
}

.gvc-featured-link:hover span {
    transform: translateX(4px);
}


/* ==========================================================
   CHECKLIST DISCLAIMER
========================================================== */

.gvc-checklist-footnote {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 23px;
    padding: 17px 19px;
    border-radius: 7px;
    background: #f3f6fa;
}

.gvc-footnote-mark {
    display: flex;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gvc-navy);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
}

.gvc-checklist-footnote p {
    margin: 0;
    color: #617086 !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ==========================================================
   BOTTOM CTA — ROYAL NAVY PANEL
========================================================== */

.gvc-bottom-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 37px;
    padding: 32px 34px;
    border: 1px solid #c69b48;
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(255,255,255,0.09),
            transparent 35%
        ),
        linear-gradient(
            120deg,
            #092f62 0%,
            #153f70 100%
        );
    box-shadow: 0 14px 34px rgba(9,47,98,0.14);
}

.gvc-bottom-content {
    max-width: 650px;
}

.gvc-cta-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #e9c577 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
    line-height: 1.5;
}

.gvc-bottom-content h3 {
    margin: 0 0 11px;
    color: #ffffff !important;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.4;
}

.gvc-bottom-content h3 strong {
    color: #edc879 !important;
    font-weight: 900;
}

.gvc-bottom-content p {
    margin: 0;
    color: #e0e9f5 !important;
    font-size: 16px;
    line-height: 1.8;
}

.gvc-bottom-content p strong {
    color: #ffffff !important;
    font-weight: 850;
}


/* CTA BUTTONS */

.gvc-bottom-actions {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 12px;
    min-width: 235px;
}

.gvc-cta-phone,
.gvc-cta-advice {
    display: inline-flex !important;
    width: 100%;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 17px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.gvc-cta-phone {
    border-color: #ffffff;
    background: #ffffff !important;
    color: var(--gvc-navy) !important;
}

.gvc-cta-phone span {
    color: var(--gvc-navy) !important;
    font-size: 19px;
}

.gvc-cta-phone:hover {
    border-color: #edc879;
    background: #edc879 !important;
    color: var(--gvc-navy) !important;
}

.gvc-cta-advice {
    border-color: #d9ad55;
    background: #c28a23 !important;
    color: #ffffff !important;
}

.gvc-cta-advice span {
    color: #ffffff !important;
    font-size: 20px;
}

.gvc-cta-advice:hover {
    border-color: #ffffff;
    background: #ffffff !important;
    color: var(--gvc-navy) !important;
}

.gvc-cta-advice:hover span {
    color: var(--gvc-navy) !important;
}


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

@media (max-width: 991px) {

    .gvc-checklist-section {
        padding: 70px 0;
    }

    .gvc-checklist-wrapper {
        padding: 25px;
    }

    .gvc-bottom-cta {
        gap: 22px;
    }

    .gvc-bottom-actions {
        min-width: 220px;
    }

}


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

@media (max-width: 767px) {

    .gvc-container {
        padding: 0 16px;
    }

    .gvc-checklist-section {
        padding: 52px 0;
    }

    .gvc-header {
        margin-bottom: 32px;
    }

    .gvc-header h2 {
        font-size: 32px;
    }

    .gvc-intro {
        font-size: 16px;
        line-height: 1.8;
    }

    .gvc-checklist-wrapper {
        padding: 19px 14px;
        border-radius: 10px;
    }

    .gvc-checklist-heading {
        gap: 13px;
        margin-bottom: 21px;
        padding-bottom: 20px;
    }

    .gvc-heading-icon {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .gvc-checklist-heading h3 {
        font-size: 23px;
    }

    .gvc-checklist-heading p {
        font-size: 15px;
    }

    .gvc-checklist-list {
        gap: 11px;
    }

    .gvc-check-item {
        grid-template-columns: 37px minmax(0, 1fr);
        gap: 12px;
        padding: 17px 13px;
    }

    .gvc-check-number {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .gvc-check-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .gvc-check-title h4 {
        font-size: 17px;
    }

    .gvc-check-tag {
        font-size: 15px;
    }

    .gvc-check-content > p {
        font-size: 15px;
        line-height: 1.8;
    }

    .gvc-check-status {
        display: none;
    }

    .gvc-featured-link {
        width: 100%;
        text-align: center;
    }

    .gvc-checklist-footnote {
        padding: 14px;
    }

    .gvc-bottom-cta {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
        padding: 25px 19px;
    }

    .gvc-bottom-content h3 {
        font-size: 24px;
    }

    .gvc-bottom-content p {
        font-size: 15px;
    }

    .gvc-bottom-actions {
        display: grid;
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .gvc-cta-phone,
    .gvc-cta-advice {
        min-height: 53px;
    }

}


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

@media (max-width: 380px) {

    .gvc-header h2 {
        font-size: 29px;
    }

    .gvc-checklist-heading h3 {
        font-size: 21px;
    }

    .gvc-check-item {
        padding: 15px 11px;
    }

}

/* =========================================================
   GSCX — POST-2016 GURUGRAM CHECKLIST
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique CSS Namespace: gscx-
========================================================= */

.gscx-presale-section {
    --gscx-navy: #092f62;
    --gscx-navy-light: #164675;
    --gscx-gold: #b97800;
    --gscx-gold-light: #d5a94f;
    --gscx-text: #43536b;
    --gscx-muted: #68778c;
    --gscx-border: #e4e9f0;
    --gscx-bg: #f7f9fc;

    padding: 75px 0;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(185,120,0,0.07),
            transparent 30%
        ),
        linear-gradient(145deg, #f7f9fc, #ffffff 65%, #faf8f3);

    color: var(--gscx-text);
    font-family: inherit;
}

.gscx-presale-section *,
.gscx-presale-section *::before,
.gscx-presale-section *::after {
    box-sizing: border-box;
}

.gscx-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 22px;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.gscx-header {
    max-width: 900px;
    margin: 0 auto 52px;
    text-align: center;
}

.gscx-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 19px;
    padding: 10px 16px;
    border: 1px solid #ead8b5;
    border-radius: 50px;
    background: #fffaf1;
    color: #956100 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gscx-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gscx-gold);
}

.gscx-header h1 {
    margin: 0 0 20px;
    color: var(--gscx-navy) !important;
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -1px;
}

.gscx-header h1 span {
    display: block;
    margin-top: 7px;
    color: var(--gscx-gold) !important;
    font-size: 0.83em;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.gscx-intro {
    max-width: 820px;
    margin: 0 auto;
    color: var(--gscx-muted) !important;
    font-size: 17px;
    line-height: 1.9;
}

.gscx-intro strong {
    color: var(--gscx-navy) !important;
    font-weight: 850;
}

.gscx-header-divider {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.gscx-header-divider span {
    width: 85px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--gscx-navy),
        var(--gscx-gold)
    );
}


/* =========================================================
   CHECKLIST HEADING
========================================================= */

.gscx-checklist-wrapper {
    position: relative;
}

.gscx-checklist-heading {
    display: flex;
    align-items: center;
    gap: 19px;
    margin-bottom: 29px;
    padding: 22px 25px;
    border: 1px solid var(--gscx-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(9,47,98,0.045);
}

.gscx-heading-icon {
    display: flex;
    width: 57px;
    height: 57px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--gscx-navy);
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 900;
}

.gscx-subtitle {
    display: block;
    margin-bottom: 5px;
    color: var(--gscx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.gscx-checklist-heading h2 {
    margin: 0 0 5px;
    color: var(--gscx-navy) !important;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.4;
}

.gscx-checklist-heading h2 strong {
    color: var(--gscx-gold) !important;
}

.gscx-checklist-heading p {
    margin: 0;
    color: var(--gscx-muted) !important;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   CHECKLIST GRID
========================================================= */

.gscx-checklist-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px;
}

.gscx-check-card {
    position: relative;
    display: flex;
    gap: 17px;
    min-width: 0;
    padding: 25px 23px;
    border: 1px solid var(--gscx-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(9,47,98,0.04);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.gscx-check-card:hover {
    transform: translateY(-4px);
    border-color: #d7b66f;
    box-shadow: 0 12px 29px rgba(9,47,98,0.09);
}

.gscx-card-number {
    display: flex;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #092f62;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.gscx-card-content {
    flex: 1;
    min-width: 0;
}

.gscx-card-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-bottom: 13px;
}

.gscx-category {
    color: var(--gscx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.gscx-check-icon {
    display: flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf5ef;
    color: #277547 !important;
    font-size: 15px;
    font-weight: 900;
}

.gscx-card-content h3 {
    margin: 0 0 12px;
    color: var(--gscx-navy) !important;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.5;
}

.gscx-card-content h3 strong {
    color: var(--gscx-gold) !important;
    font-weight: 900;
}

.gscx-card-content p {
    margin: 0;
    color: var(--gscx-text) !important;
    font-size: 16px;
    line-height: 1.85;
}

.gscx-card-content p strong {
    color: var(--gscx-navy) !important;
    font-weight: 850;
}


/* =========================================================
   CARD FOOTER — KEY CHECK
========================================================= */

.gscx-card-footer {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 19px;
    padding: 13px 14px;
    border-left: 3px solid var(--gscx-gold);
    border-radius: 0 6px 6px 0;
    background: #faf7f0;
    color: var(--gscx-navy) !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
}

.gscx-card-footer span {
    color: var(--gscx-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.6px;
}


/* =========================================================
   FEATURED SECTION 50C CARD
========================================================= */

.gscx-featured-card {
    border: 1px solid #d8bd85;
    background: linear-gradient(145deg, #fffdf8, #ffffff);
}

.gscx-featured-card .gscx-card-number {
    background: linear-gradient(
        145deg,
        #b97800,
        #d5a94f
    );
}

.gscx-free-label {
    display: inline-block;
    padding: 6px 9px;
    border: 1px solid #d9c18f;
    border-radius: 4px;
    background: #fff4d9;
    color: #855600 !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
}


/* =========================================================
   EXPERT ADVISORY CTA
========================================================= */

.gscx-advisory {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 42px;
    padding: 34px 35px;
    border: 1px solid #bd9854;
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(213,169,79,0.15),
            transparent 40%
        ),
        linear-gradient(120deg, #092f62, #164675);
    box-shadow: 0 13px 35px rgba(9,47,98,0.15);
}

.gscx-advisory-content {
    flex: 1;
    min-width: 0;
}

.gscx-advisory-label {
    display: block;
    margin-bottom: 12px;
    color: #e7c477 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.gscx-advisory-content h2 {
    margin: 0 0 12px;
    color: #ffffff !important;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.4;
}

.gscx-advisory-content p {
    max-width: 650px;
    margin: 0;
    color: #e4ebf4 !important;
    font-size: 16px;
    line-height: 1.8;
}

.gscx-advisory-content p strong {
    color: #f2d18a !important;
    font-weight: 850;
}

.gscx-advisory-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 17px;
    margin-top: 20px;
}

.gscx-advisory-points span {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.gscx-advisory-actions {
    display: flex;
    width: 255px;
    flex-shrink: 0;
    flex-direction: column;
    gap: 12px;
}


/* =========================================================
   CTA BUTTONS — HIGH CONTRAST
========================================================= */

.gscx-btn {
    display: inline-flex !important;
    width: 100%;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 16px;
    border: 2px solid transparent !important;
    border-radius: 7px;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: all 0.25s ease;
}

.gscx-btn span {
    color: inherit !important;
    font-size: 19px;
    font-weight: 900;
}

.gscx-btn-call {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #092f62 !important;
    box-shadow: 0 5px 16px rgba(0,0,0,0.12);
}

.gscx-btn-call:hover {
    border-color: #e4bd70 !important;
    background: #f5e5c5 !important;
    color: #092f62 !important;
    transform: translateY(-3px);
}

.gscx-btn-advice {
    border-color: #d5a94f !important;
    background: #c28b24 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 16px rgba(0,0,0,0.12);
}

.gscx-btn-advice:hover {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #092f62 !important;
    transform: translateY(-3px);
}


/* =========================================================
   PROFESSIONAL NOTE
========================================================= */

.gscx-professional-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 23px;
    padding: 19px 21px;
    border: 1px solid #e8dfcd;
    border-radius: 8px;
    background: #fffdf8;
}

.gscx-note-icon {
    display: flex;
    width: 27px;
    height: 27px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #092f62;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
}

.gscx-professional-note p {
    margin: 0;
    color: #66748a !important;
    font-size: 15px;
    line-height: 1.8;
}

.gscx-professional-note p strong {
    color: #092f62 !important;
    font-weight: 850;
}


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

@media (max-width: 991px) {

    .gscx-checklist-grid {
        grid-template-columns: 1fr;
    }

    .gscx-advisory {
        gap: 23px;
        padding: 27px;
    }

    .gscx-advisory-actions {
        width: 230px;
    }

}


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

@media (max-width: 767px) {

    .gscx-presale-section {
        padding: 48px 0;
    }

    .gscx-container {
        padding: 0 16px;
    }

    .gscx-header {
        margin-bottom: 35px;
    }

    .gscx-header h1 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .gscx-header h1 span {
        font-size: 0.82em;
    }

    .gscx-intro {
        font-size: 16px;
        line-height: 1.8;
    }

    .gscx-checklist-heading {
        align-items: flex-start;
        gap: 13px;
        padding: 18px 15px;
    }

    .gscx-heading-icon {
        width: 46px;
        height: 46px;
        font-size: 17px;
    }

    .gscx-checklist-heading h2 {
        font-size: 22px;
    }

    .gscx-checklist-grid {
        gap: 15px;
    }

    .gscx-check-card {
        gap: 12px;
        padding: 20px 15px;
    }

    .gscx-card-number {
        width: 37px;
        height: 37px;
        font-size: 15px;
    }

    .gscx-card-content h3 {
        font-size: 19px;
    }

    .gscx-card-content p {
        font-size: 15px;
    }

    .gscx-card-top {
        align-items: flex-start;
    }

    .gscx-advisory {
        flex-direction: column;
        align-items: stretch;
        gap: 23px;
        margin-top: 30px;
        padding: 25px 19px;
    }

    .gscx-advisory-content h2 {
        font-size: 23px;
    }

    .gscx-advisory-points {
        flex-direction: column;
        gap: 9px;
    }

    .gscx-advisory-actions {
        width: 100%;
    }

    .gscx-btn {
        min-height: 54px;
    }

    .gscx-professional-note {
        padding: 16px 14px;
    }

}


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

@media (max-width: 380px) {

    .gscx-header h1 {
        font-size: 29px;
    }

    .gscx-card-top {
        flex-direction: column;
    }

    .gscx-card-number {
        width: 34px;
        height: 34px;
    }

    .gscx-free-label {
        align-self: flex-start;
    }

}

/* ==========================================================
   GVRFAQ — GURUGRAM PROPERTY VALUATION FAQ
   Design: Royal Navy | Antique Gold | Premium Editorial
   Namespace: gvrfaq-
========================================================== */


/* ================= GLOBAL ================= */

.gvrfaq-section {
    --gvrfaq-navy: #092f62;
    --gvrfaq-navy-dark: #061f43;
    --gvrfaq-navy-light: #174775;
    --gvrfaq-gold: #b97800;
    --gvrfaq-gold-light: #d7b46b;
    --gvrfaq-gold-pale: #fff8eb;
    --gvrfaq-text: #45566e;
    --gvrfaq-muted: #718096;
    --gvrfaq-border: #e5e9ef;

    position: relative;
    overflow: hidden;
    padding: 85px 0 90px;
    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(185,120,0,0.055),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f8f9fc 0%,
            #ffffff 48%,
            #f7f8fb 100%
        );

    color: var(--gvrfaq-text);
    font-family: inherit;
    box-sizing: border-box;
}

.gvrfaq-section *,
.gvrfaq-section *::before,
.gvrfaq-section *::after {
    box-sizing: border-box;
}

.gvrfaq-container {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ================= SECTION HEADER ================= */

.gvrfaq-header {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
}

.gvrfaq-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 19px;
    padding: 10px 17px;
    border: 1px solid #e7d4ad;
    border-radius: 50px;
    background: #fffaf1;

    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gvrfaq-eyebrow-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--gvrfaq-gold);
    box-shadow: 0 0 0 4px rgba(185,120,0,0.12);
}

.gvrfaq-header h2 {
    margin: 0 auto 19px;
    color: var(--gvrfaq-navy) !important;
    font-size: clamp(32px, 3.5vw, 43px);
    font-weight: 850;
    line-height: 1.27;
    letter-spacing: -0.9px;
}

.gvrfaq-header h2 strong {
    color: var(--gvrfaq-gold) !important;
    font-weight: 850;
}

.gvrfaq-header > p {
    max-width: 790px;
    margin: 0 auto;
    color: var(--gvrfaq-muted) !important;
    font-size: 17px;
    line-height: 1.85;
}

.gvrfaq-header > p strong {
    color: var(--gvrfaq-navy) !important;
    font-weight: 800;
}

.gvrfaq-header-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 25px;
}

.gvrfaq-header-line span:nth-child(1),
.gvrfaq-header-line span:nth-child(3) {
    width: 38px;
    height: 1px;
    background: #d9bd83;
}

.gvrfaq-header-line span:nth-child(2) {
    width: 9px;
    height: 9px;
    border: 2px solid var(--gvrfaq-gold);
    border-radius: 50%;
}


/* ================= FAQ GRID ================= */

.gvrfaq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 22px;
}


/* ================= FAQ CARD ================= */

.gvrfaq-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--gvrfaq-border);
    border-radius: 11px;
    background: #ffffff;

    box-shadow:
        0 5px 20px rgba(9,47,98,0.045),
        0 1px 3px rgba(9,47,98,0.025);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.gvrfaq-card:hover {
    border-color: #d7bd8a;
    box-shadow: 0 11px 30px rgba(9,47,98,0.085);
    transform: translateY(-3px);
}

.gvrfaq-item {
    width: 100%;
    margin: 0;
}

.gvrfaq-item[open] {
    border-top: 3px solid var(--gvrfaq-gold);
}


/* ================= FAQ QUESTION ================= */

.gvrfaq-item summary {
    position: relative;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 14px;

    min-height: 112px;
    padding: 21px 20px;

    background: #ffffff;
    cursor: pointer;
    list-style: none;
    transition: background 0.25s ease;
}

.gvrfaq-item summary::-webkit-details-marker {
    display: none;
}

.gvrfaq-item summary::marker {
    display: none;
    content: "";
}

.gvrfaq-item summary:hover {
    background: #fcfaf6;
}

.gvrfaq-item[open] summary {
    background: #fffaf1;
}

.gvrfaq-number {
    display: flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;

    border: 1px solid #e8d2a8;
    border-radius: 8px;
    background: #fff5e2;

    color: #9c6700 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.gvrfaq-item[open] .gvrfaq-number {
    border-color: var(--gvrfaq-navy);
    background: var(--gvrfaq-navy);
    color: #ffffff !important;
}

.gvrfaq-question {
    display: block;
    color: var(--gvrfaq-navy) !important;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.55;
}

.gvrfaq-question strong {
    color: #a36b00 !important;
    font-weight: 900;
}


/* ================= ACCORDION TOGGLE ================= */

.gvrfaq-toggle {
    position: relative;
    display: flex;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;

    border: 1px solid #e7d7b9;
    border-radius: 50%;
    background: #fffaf1;

    transition: all 0.25s ease;
}

.gvrfaq-toggle::before,
.gvrfaq-toggle::after {
    position: absolute;
    width: 12px;
    height: 2px;
    border-radius: 3px;
    background: var(--gvrfaq-gold);
    content: "";
    transition: transform 0.25s ease;
}

.gvrfaq-toggle::after {
    transform: rotate(90deg);
}

.gvrfaq-item[open] .gvrfaq-toggle {
    border-color: var(--gvrfaq-navy);
    background: var(--gvrfaq-navy);
}

.gvrfaq-item[open] .gvrfaq-toggle::before,
.gvrfaq-item[open] .gvrfaq-toggle::after {
    background: #ffffff;
}

.gvrfaq-item[open] .gvrfaq-toggle::after {
    transform: rotate(0deg);
}


/* ================= FAQ ANSWER ================= */

.gvrfaq-answer {
    padding: 23px 24px 25px;
    border-top: 1px solid #eee7d9;
    background: #ffffff;
    animation: gvrfaqReveal 0.28s ease both;
}

@keyframes gvrfaqReveal {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gvrfaq-answer p {
    margin: 0 0 16px;
    color: var(--gvrfaq-text) !important;
    font-size: 16px;
    line-height: 1.85;
}

.gvrfaq-answer p strong {
    color: var(--gvrfaq-navy) !important;
    font-weight: 850;
}

.gvrfaq-answer ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0 0 19px;
    padding: 0 0 0 22px;
}

.gvrfaq-answer li {
    padding-left: 4px;
    color: var(--gvrfaq-text) !important;
    font-size: 16px;
    line-height: 1.75;
}

.gvrfaq-answer li::marker {
    color: var(--gvrfaq-gold);
}

.gvrfaq-answer li strong {
    color: var(--gvrfaq-navy) !important;
    font-weight: 850;
}


/* ================= VALUATION INSIGHT BOX ================= */

.gvrfaq-insight {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin: 21px 0;
    padding: 19px 19px 19px 20px;

    border: 1px solid #ead9b9;
    border-left: 4px solid var(--gvrfaq-gold);
    border-radius: 7px;

    background:
        linear-gradient(
            110deg,
            #fffaf0,
            #ffffff
        );
}

.gvrfaq-insight-label {
    color: #9d6900 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.gvrfaq-insight > strong {
    color: var(--gvrfaq-navy) !important;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.gvrfaq-insight > span:last-child {
    color: #627188 !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ================= COMPARISON BOX — FAQ 02 ================= */

.gvrfaq-comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 20px 0;
}

.gvrfaq-comparison-item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 9px;
    padding: 17px 14px;

    border: 1px solid #e6eaf0;
    border-radius: 8px;
    background: #f7f9fc;
}

.gvrfaq-comparison-item:first-child {
    border-top: 3px solid var(--gvrfaq-gold);
}

.gvrfaq-comparison-item:last-child {
    border-top: 3px solid var(--gvrfaq-navy);
}

.gvrfaq-comparison-item > span {
    color: #a36b00 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.8px;
}

.gvrfaq-comparison-item > strong {
    color: var(--gvrfaq-navy) !important;
    font-size: 16px;
    line-height: 1.5;
}

.gvrfaq-comparison-item > b {
    color: #a36b00 !important;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 900;
}

.gvrfaq-comparison-item > small {
    color: #66758b !important;
    font-size: 15px;
    line-height: 1.6;
}


/* ================= ACTION TEXT ================= */

.gvrfaq-action-text {
    padding-left: 13px;
    border-left: 3px solid var(--gvrfaq-gold);
    color: var(--gvrfaq-navy) !important;
    font-weight: 750;
}


/* ================= CTA BUTTONS ================= */

.gvrfaq-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 20px;
}

.gvrfaq-btn {
    display: inline-flex !important;
    min-height: 50px;
    flex: 1 1 190px;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 12px 14px;
    border: 2px solid transparent !important;
    border-radius: 6px;

    font-family: inherit;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.gvrfaq-btn span {
    color: inherit !important;
    font-size: 19px;
    font-weight: 900;
}

.gvrfaq-btn-call {
    background: var(--gvrfaq-navy) !important;
    border-color: var(--gvrfaq-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 13px rgba(9,47,98,0.14);
}

.gvrfaq-btn-call:hover {
    background: var(--gvrfaq-navy-light) !important;
    border-color: var(--gvrfaq-navy-light) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.gvrfaq-btn-advice {
    background: #ffffff !important;
    border-color: var(--gvrfaq-gold) !important;
    color: #855600 !important;
}

.gvrfaq-btn-advice:hover {
    background: var(--gvrfaq-gold) !important;
    border-color: var(--gvrfaq-gold) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.gvrfaq-btn-advice span {
    font-size: 19px;
}


/* ================= DISCLAIMER ================= */

.gvrfaq-disclaimer {
    margin-top: 30px;
    padding: 19px 22px;
    border: 1px solid #e5e8ee;
    border-radius: 7px;
    background: #f2f5f9;

    color: #637087 !important;
    font-size: 15px;
    line-height: 1.8;
}

.gvrfaq-disclaimer strong {
    color: var(--gvrfaq-navy) !important;
    font-weight: 900;
}


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

.gvrfaq-final-cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 265px;
    align-items: center;
    gap: 35px;

    margin-top: 38px;
    padding: 39px 38px;

    overflow: hidden;
    border: 1px solid #c69a48;
    border-radius: 12px;

    background:
        radial-gradient(
            circle at 95% 10%,
            rgba(215,180,107,0.18),
            transparent 33%
        ),
        linear-gradient(
            115deg,
            #061f43 0%,
            #092f62 65%,
            #174775 100%
        );

    box-shadow: 0 15px 36px rgba(9,47,98,0.14);
}

.gvrfaq-final-content {
    position: relative;
    z-index: 1;
}

.gvrfaq-final-eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #e8c477 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.6;
}

.gvrfaq-final-content h2 {
    max-width: 700px;
    margin: 0 0 14px;
    color: #ffffff !important;
    font-size: 31px;
    font-weight: 850;
    line-height: 1.35;
}

.gvrfaq-final-content h2 strong {
    color: #e8c477 !important;
}

.gvrfaq-final-content > p {
    max-width: 730px;
    margin: 0;
    color: #e3ebf5 !important;
    font-size: 16px;
    line-height: 1.8;
}

.gvrfaq-final-content > p strong {
    color: #ffffff !important;
    font-weight: 850;
}


/* FINAL CTA HIGHLIGHTS */

.gvrfaq-final-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 19px;
    margin-top: 22px;
}

.gvrfaq-final-highlights span {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.gvrfaq-final-highlights span::first-letter {
    color: #e8c477;
}


/* FINAL CTA BUTTONS */

.gvrfaq-final-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gvrfaq-final-call,
.gvrfaq-final-advice {
    display: flex !important;
    min-height: 58px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;

    padding: 13px 16px;
    border: 2px solid transparent;
    border-radius: 7px;

    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;

    transition: all 0.25s ease;
}

.gvrfaq-final-call {
    border-color: rgba(255,255,255,0.65);
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}

.gvrfaq-final-call strong {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 900;
}

.gvrfaq-final-call span {
    color: #e8c477 !important;
    font-size: 19px;
}

.gvrfaq-final-call:hover {
    background: rgba(255,255,255,0.17) !important;
    border-color: #ffffff;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.gvrfaq-final-advice {
    flex-direction: row;
    gap: 12px;
    background: #d9ad58 !important;
    border-color: #d9ad58;
    color: #092f62 !important;
    font-size: 16px !important;
}

.gvrfaq-final-advice span {
    color: #092f62 !important;
    font-size: 20px;
}

.gvrfaq-final-advice:hover {
    background: #ffffff !important;
    border-color: #ffffff;
    color: #092f62 !important;
    transform: translateY(-2px);
}


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

@media (max-width: 1000px) {

    .gvrfaq-grid {
        gap: 17px;
    }

    .gvrfaq-item summary {
        grid-template-columns: 39px minmax(0, 1fr) 29px;
        gap: 10px;
        padding: 18px 15px;
    }

    .gvrfaq-question {
        font-size: 17px;
    }

    .gvrfaq-answer {
        padding: 20px 18px 22px;
    }

    .gvrfaq-final-cta {
        grid-template-columns: minmax(0, 1fr) 235px;
        gap: 22px;
        padding: 30px 25px;
    }

}


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

@media (max-width: 767px) {

    .gvrfaq-section {
        padding: 58px 0 65px;
    }

    .gvrfaq-container {
        padding: 0 16px;
    }

    .gvrfaq-header {
        margin-bottom: 32px;
    }

    .gvrfaq-eyebrow {
        padding: 9px 12px;
        font-size: 15px;
        letter-spacing: 0.4px;
    }

    .gvrfaq-header h2 {
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.5px;
    }

    .gvrfaq-header > p {
        font-size: 16px;
        line-height: 1.8;
    }

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

    .gvrfaq-card:hover {
        transform: none;
    }

    .gvrfaq-item summary {
        grid-template-columns: 38px minmax(0, 1fr) 29px;
        gap: 11px;
        min-height: 100px;
        padding: 18px 14px;
    }

    .gvrfaq-number {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .gvrfaq-question {
        font-size: 17px;
        line-height: 1.5;
    }

    .gvrfaq-toggle {
        width: 29px;
        height: 29px;
    }

    .gvrfaq-answer {
        padding: 20px 16px 21px;
    }

    .gvrfaq-answer p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 14px;
    }

    .gvrfaq-answer li {
        font-size: 15px;
    }

    .gvrfaq-insight {
        padding: 16px;
    }

    .gvrfaq-comparison {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .gvrfaq-buttons {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .gvrfaq-btn {
        width: 100%;
        min-height: 52px;
        flex: none;
        padding: 12px 10px;
        font-size: 15px !important;
    }

    .gvrfaq-disclaimer {
        padding: 16px;
        font-size: 15px;
    }

    .gvrfaq-final-cta {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
        margin-top: 28px;
        padding: 27px 20px;
    }

    .gvrfaq-final-content h2 {
        font-size: 27px;
    }

    .gvrfaq-final-content > p {
        font-size: 15px;
    }

    .gvrfaq-final-highlights {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .gvrfaq-final-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
    }

    .gvrfaq-final-call,
    .gvrfaq-final-advice {
        width: 100%;
        min-height: 56px;
    }

}


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

@media (max-width: 380px) {

    .gvrfaq-header h2 {
        font-size: 27px;
    }

    .gvrfaq-item summary {
        grid-template-columns: 34px minmax(0, 1fr) 27px;
        gap: 8px;
        padding: 16px 11px;
    }

    .gvrfaq-number {
        width: 34px;
        height: 34px;
    }

    .gvrfaq-question {
        font-size: 15px;
    }

    .gvrfaq-answer {
        padding: 17px 13px;
    }

    .gvrfaq-final-content h2 {
        font-size: 25px;
    }

}


/* ================= ACCESSIBILITY ================= */

.gvrfaq-item summary:focus-visible,
.gvrfaq-btn:focus-visible,
.gvrfaq-final-call:focus-visible,
.gvrfaq-final-advice:focus-visible {
    outline: 3px solid #d7a844;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {

    .gvrfaq-section *,
    .gvrfaq-section *::before,
    .gvrfaq-section *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

}

/* ============================================================
   A2Z VALUERS — GURUGRAM CASE STUDIES
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Namespace: azg-
============================================================ */

.azg-case-studies {
    --azg-navy: #092f62;
    --azg-navy-dark: #061f43;
    --azg-navy-light: #164777;
    --azg-gold: #b97800;
    --azg-gold-light: #d8b56a;
    --azg-gold-pale: #fff8eb;
    --azg-text: #35465d;
    --azg-muted: #64748b;
    --azg-border: #e5e9ef;
    --azg-white: #ffffff;

    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(185,120,0,0.055),
            transparent 28%
        ),
        linear-gradient(180deg, #f8f9fc 0%, #ffffff 45%, #f7f8fb 100%);
    color: var(--azg-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
    isolation: isolate;
}

.azg-case-studies *,
.azg-case-studies *::before,
.azg-case-studies *::after {
    box-sizing: border-box;
}

.azg-case-studies a {
    text-decoration: none !important;
}

.azg-cs-container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ============================================================
   SECTION HEADER
============================================================ */

.azg-cs-header {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.azg-cs-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 19px;
    padding: 9px 16px;
    border: 1px solid #e9d7b3;
    border-radius: 50px;
    background: #fffaf1;
    color: #966100 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
}

.azg-cs-eyebrow span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--azg-gold);
}

.azg-cs-header h2 {
    margin: 0 0 18px;
    color: var(--azg-navy) !important;
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -0.7px;
}

.azg-cs-header h2 strong {
    color: var(--azg-gold) !important;
    font-weight: 900;
}

.azg-cs-header > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--azg-muted) !important;
    font-size: 17px;
    line-height: 1.85;
}

.azg-cs-header-line {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.azg-cs-header-line span {
    width: 80px;
    height: 3px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--azg-navy),
        var(--azg-gold)
    );
}


/* ============================================================
   CASE CARD — MAIN STRUCTURE
============================================================ */

.azg-case {
    position: relative;
    margin-bottom: 35px;
    overflow: hidden;
    border: 1px solid #e4e8ef;
    border-radius: 13px;
    background: var(--azg-white);
    box-shadow: 0 10px 35px rgba(9,47,98,0.055);
    transition:
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.azg-case:hover {
    border-color: #d9c18e;
    box-shadow: 0 17px 42px rgba(9,47,98,0.09);
    transform: translateY(-3px);
}


/* ============================================================
   CASE HEADING
============================================================ */

.azg-case-heading {
    display: flex;
    align-items: center;
    gap: 21px;
    padding: 28px 31px;
    border-bottom: 1px solid rgba(255,255,255,0.13);
    background:
        linear-gradient(
            110deg,
            var(--azg-navy-dark) 0%,
            var(--azg-navy) 70%,
            #174675 100%
        );
}

.azg-case-number {
    display: flex;
    width: 61px;
    height: 61px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226,190,112,0.65);
    border-radius: 10px;
    background: rgba(255,255,255,0.08);
    color: #f0cc7c !important;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.azg-case-title {
    flex: 1;
    min-width: 0;
}

.azg-case-category {
    display: block;
    margin-bottom: 8px;
    color: #e5c078 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.azg-case-title h3 {
    margin: 0 0 7px;
    color: #ffffff !important;
    font-size: clamp(22px, 2.3vw, 29px);
    font-weight: 850;
    line-height: 1.35;
}

.azg-case-title h3 strong {
    color: #edc879 !important;
}

.azg-case-title p {
    margin: 0;
    color: #e1eaf5 !important;
    font-size: 15px;
    line-height: 1.7;
}

.azg-case-status {
    flex-shrink: 0;
    padding: 9px 12px;
    border: 1px solid rgba(230,192,116,0.5);
    border-radius: 5px;
    background: rgba(255,255,255,0.08);
    color: #f0cf89 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.5px;
}


/* ============================================================
   CASE BODY — CONTENT AND SIDEBAR
============================================================ */

.azg-case-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 32px;
    align-items: start;
    padding: 31px;
}

.azg-case-main {
    min-width: 0;
}

.azg-case-subsection {
    margin-bottom: 26px;
}

.azg-case-subsection h4 {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 14px;
    color: var(--azg-navy) !important;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.45;
}

.azg-gold-marker {
    display: inline-block;
    width: 4px;
    height: 23px;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--azg-gold);
}

.azg-case-subsection p {
    margin: 0 0 14px;
    color: var(--azg-text) !important;
    font-size: 16px;
    line-height: 1.85;
}

.azg-case-subsection p strong,
.azg-case-list strong {
    color: var(--azg-navy) !important;
    font-weight: 850;
}

.azg-emphasis-line {
    display: block;
    margin-top: 15px;
    padding: 13px 16px;
    border-left: 3px solid var(--azg-gold);
    border-radius: 0 6px 6px 0;
    background: var(--azg-gold-pale);
    color: var(--azg-navy) !important;
    font-size: 17px;
    line-height: 1.6;
}


/* ============================================================
   COMPARABLE TRANSACTION LISTS
============================================================ */

.azg-case-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.azg-case-list li {
    position: relative;
    padding: 0 0 0 25px;
    color: var(--azg-text) !important;
    font-size: 16px;
    line-height: 1.75;
}

.azg-case-list li::before {
    position: absolute;
    top: 9px;
    left: 2px;
    width: 10px;
    height: 10px;
    border: 2px solid var(--azg-gold);
    border-radius: 50%;
    background: #fffaf0;
    content: "";
}

.azg-case-list strong {
    font-weight: 850;
}


/* ============================================================
   RESULT PANEL
============================================================ */

.azg-result-panel {
    position: relative;
    margin: 24px 0;
    padding: 25px 26px;
    overflow: hidden;
    border: 1px solid #dfc68e;
    border-radius: 9px;
    background:
        linear-gradient(
            115deg,
            #fffaf0 0%,
            #ffffff 100%
        );
}

.azg-result-panel::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: var(--azg-gold);
    content: "";
}

.azg-result-label {
    display: block;
    margin-bottom: 8px;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
}

.azg-result-value {
    margin-bottom: 8px;
    color: var(--azg-navy) !important;
    font-size: clamp(31px, 3.5vw, 43px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.azg-result-panel p {
    max-width: 600px;
    margin: 0;
    color: #59687d !important;
    font-size: 16px;
    line-height: 1.75;
}


/* ============================================================
   INTEREST PANEL
============================================================ */

.azg-interest-panel {
    display: flex;
    align-items: center;
    gap: 23px;
    margin: 22px 0;
    padding: 22px;
    border: 1px solid #dce4ee;
    border-radius: 9px;
    background: #f4f7fb;
}

.azg-interest-panel > div {
    min-width: 180px;
}

.azg-interest-panel span {
    display: block;
    margin-bottom: 7px;
    color: #8d620e !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.azg-interest-panel strong {
    display: block;
    color: var(--azg-navy) !important;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.3;
}

.azg-interest-panel p {
    margin: 0;
    color: #56667b !important;
    font-size: 15px;
    line-height: 1.75;
}


/* ============================================================
   TAX COMPARISON
============================================================ */

.azg-tax-section {
    margin-top: 29px;
}

.azg-tax-comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.azg-tax-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border: 1px solid var(--azg-border);
    border-radius: 8px;
    background: #ffffff;
}

.azg-tax-card > span {
    color: #9c6a0c !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.azg-tax-card > strong {
    color: var(--azg-navy) !important;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.3;
}

.azg-tax-card small {
    color: #637187 !important;
    font-size: 15px;
    line-height: 1.8;
}

.azg-tax-card em {
    display: inline-block;
    align-self: flex-start;
    margin-top: 5px;
    padding: 6px 9px;
    border-radius: 4px;
    background: #eaf3ed;
    color: #236c43 !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 850;
}

.azg-tax-note {
    padding: 13px 15px;
    border-radius: 6px;
    background: #f5f7fa;
    color: #5b687a !important;
    font-size: 15px !important;
}


/* ============================================================
   LARR COMPENSATION COMPARISON
============================================================ */

.azg-compensation-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 35px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 25px 0;
}

.azg-compensation-item {
    min-width: 0;
    padding: 18px 15px;
    border: 1px solid var(--azg-border);
    border-radius: 8px;
    background: #ffffff;
}

.azg-compensation-item span {
    display: block;
    margin-bottom: 8px;
    color: #7c8798 !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.azg-compensation-item strong {
    display: block;
    color: var(--azg-navy) !important;
    font-size: clamp(20px, 2.5vw, 27px);
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.azg-compensation-item small {
    display: block;
    margin-top: 7px;
    color: #64748b !important;
    font-size: 15px;
    line-height: 1.6;
}

.azg-compensation-highlight {
    border-color: #d8bd7d;
    background: #fff8e9;
}

.azg-compensation-highlight strong {
    color: #a36b00 !important;
}

.azg-compensation-arrow {
    color: var(--azg-gold) !important;
    font-size: 27px;
    font-weight: 900;
    text-align: center;
}


/* ============================================================
   INSTITUTIONAL VALUATION BREAKDOWN
============================================================ */

.azg-valuation-breakdown {
    margin: 22px 0;
    border: 1px solid var(--azg-border);
    border-radius: 9px;
    overflow: hidden;
}

.azg-valuation-row {
    padding: 20px;
    border-bottom: 1px solid var(--azg-border);
}

.azg-valuation-row:last-child {
    border-bottom: 0;
}

.azg-valuation-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}

.azg-valuation-row-head > div > span {
    display: block;
    margin-bottom: 5px;
    color: #a36b00 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.7px;
}

.azg-valuation-row-head > div > strong {
    display: block;
    color: var(--azg-navy) !important;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.azg-valuation-amount {
    flex-shrink: 0;
    color: var(--azg-navy) !important;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.3;
}

.azg-valuation-row p {
    margin: 0 0 9px;
    color: #526177 !important;
    font-size: 15px;
    line-height: 1.8;
}

.azg-valuation-row small {
    display: block;
    color: #8a6a2b !important;
    font-size: 15px;
    line-height: 1.7;
}


/* ============================================================
   PROPERTY SIDEBAR
============================================================ */

.azg-case-sidebar {
    position: sticky;
    top: 25px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    min-width: 0;
}

.azg-case-property {
    padding: 21px;
    border: 1px solid #e0e6ef;
    border-radius: 9px;
    background: #f8fafd;
}

.azg-case-property > span {
    display: block;
    margin-bottom: 9px;
    color: #a16b00 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.9px;
}

.azg-case-property > strong {
    display: block;
    margin-bottom: 4px;
    color: var(--azg-navy) !important;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.4;
}

.azg-case-property > p {
    margin: 0;
    color: #68758a !important;
    font-size: 15px;
    line-height: 1.6;
}

.azg-property-divider {
    height: 1px;
    margin: 17px 0;
    background: #dfe5ed;
}

.azg-property-detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

.azg-property-detail:last-child {
    margin-bottom: 0;
}

.azg-property-detail span {
    color: #718096 !important;
    font-size: 15px;
    line-height: 1.5;
}

.azg-property-detail strong {
    max-width: 58%;
    color: var(--azg-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}


/* ============================================================
   SIDEBAR METRIC CARDS
============================================================ */

.azg-case-metric {
    padding: 17px 19px;
    border: 1px solid #dfe5ed;
    border-radius: 8px;
    background: #ffffff;
}

.azg-case-metric > span,
.azg-case-saving > span {
    display: block;
    margin-bottom: 6px;
    color: #79869a !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.azg-case-metric > strong {
    display: block;
    color: var(--azg-navy) !important;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.35;
}

.azg-case-metric-gold {
    border-color: #e4d0a6;
    background: #fff9ed;
}

.azg-case-metric-gold > span {
    color: #976300 !important;
}

.azg-case-metric-gold > strong {
    color: #a36b00 !important;
}

.azg-case-saving {
    padding: 19px;
    border: 1px solid #d8c18c;
    border-radius: 8px;
    background: linear-gradient(135deg, #fff7e5, #ffffff);
}

.azg-case-saving > span {
    color: #986400 !important;
}

.azg-case-saving > strong {
    display: block;
    margin-bottom: 5px;
    color: var(--azg-navy) !important;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.azg-case-saving > small {
    display: block;
    color: #68758a !important;
    font-size: 15px;
    line-height: 1.6;
}


/* ============================================================
   OUTCOME PANEL
============================================================ */

.azg-case-outcome {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 0 31px;
    padding: 22px;
    border: 1px solid #d8e4ee;
    border-left: 4px solid #b97800;
    border-radius: 7px;
    background: #f5f8fc;
}

.azg-outcome-icon {
    display: flex;
    width: 37px;
    height: 37px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--azg-navy);
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 900;
}

.azg-case-outcome > div:last-child {
    min-width: 0;
}

.azg-case-outcome > div > span {
    display: block;
    margin-bottom: 7px;
    color: #a36b00 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.5;
}

.azg-case-outcome p {
    margin: 0;
    color: #43546a !important;
    font-size: 16px;
    line-height: 1.8;
}

.azg-case-outcome p strong {
    color: var(--azg-navy) !important;
    font-weight: 850;
}


/* ============================================================
   CASE CTA BUTTONS
============================================================ */

.azg-case-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 23px 31px 29px;
}

.azg-case-btn {
    display: inline-flex !important;
    min-height: 51px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 19px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.5;
    text-align: center;
    transition: all 0.25s ease;
}

.azg-case-btn-call {
    border-color: var(--azg-navy);
    background: var(--azg-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 14px rgba(9,47,98,0.15);
}

.azg-case-btn-call span {
    color: #ffffff !important;
}

.azg-case-btn-call:hover {
    border-color: #174b7c;
    background: #174b7c !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.azg-case-btn-advice {
    border-color: var(--azg-gold);
    background: var(--azg-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 14px rgba(185,120,0,0.15);
}

.azg-case-btn-advice span {
    color: #ffffff !important;
    font-size: 20px;
}

.azg-case-btn-advice:hover {
    border-color: var(--azg-navy);
    background: var(--azg-navy) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}


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

.azg-cs-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 54px;
    padding: 38px;
    border: 1px solid #b78a37;
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(255,255,255,0.09),
            transparent 30%
        ),
        linear-gradient(
            115deg,
            #061f43,
            #092f62 65%,
            #164777
        );
    box-shadow: 0 14px 38px rgba(9,47,98,0.16);
}

.azg-cs-final-content {
    flex: 1;
    min-width: 0;
}

.azg-cs-final-content > span {
    display: block;
    margin-bottom: 12px;
    color: #edc879 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.6;
}

.azg-cs-final-content h3 {
    max-width: 670px;
    margin: 0 0 12px;
    color: #ffffff !important;
    font-size: clamp(24px, 2.5vw, 32px);
    font-weight: 850;
    line-height: 1.4;
}

.azg-cs-final-content h3 strong {
    color: #edc879 !important;
}

.azg-cs-final-content p {
    max-width: 650px;
    margin: 0;
    color: #e1eaf5 !important;
    font-size: 16px;
    line-height: 1.8;
}

.azg-cs-final-actions {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 12px;
}

.azg-cs-final-call,
.azg-cs-final-advice {
    display: inline-flex !important;
    min-width: 225px;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 17px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 850 !important;
    text-align: center;
    transition: all 0.25s ease;
}

.azg-cs-final-call {
    border-color: #ffffff;
    background: transparent !important;
    color: #ffffff !important;
}

.azg-cs-final-call:hover {
    background: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
}

.azg-cs-final-advice {
    border-color: #e6bd6b;
    background: #e6bd6b !important;
    color: #092f62 !important;
}

.azg-cs-final-advice span {
    color: #092f62 !important;
    font-size: 20px;
}

.azg-cs-final-advice:hover {
    border-color: #ffffff;
    background: #ffffff !important;
    color: #092f62 !important;
}


/* ============================================================
   DISCLAIMER
============================================================ */

.azg-cs-disclaimer {
    margin: 27px 0 0;
    padding: 17px 19px;
    border: 1px solid #e3e7ed;
    border-radius: 7px;
    background: #f8f9fb;
    color: #647187 !important;
    font-size: 15px;
    line-height: 1.8;
}

.azg-cs-disclaimer strong {
    color: var(--azg-navy) !important;
    font-weight: 850;
}


/* ============================================================
   PROFILE-SPECIFIC GOLD ACCENTS
============================================================ */

.azg-case-one {
    border-top: 4px solid #b97800;
}

.azg-case-two {
    border-top: 4px solid #9b7b38;
}

.azg-case-three {
    border-top: 4px solid #b78b3f;
}

.azg-case-four {
    border-top: 4px solid #9d7429;
}

.azg-case-five {
    border-top: 4px solid #b97800;
}


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

@media (max-width: 1000px) {

    .azg-case-body {
        grid-template-columns: minmax(0, 1fr) 250px;
        gap: 22px;
        padding: 25px;
    }

    .azg-case-heading {
        padding: 25px;
    }

    .azg-case-actions {
        padding-left: 25px;
        padding-right: 25px;
    }

    .azg-case-outcome {
        margin-left: 25px;
        margin-right: 25px;
    }

    .azg-cs-final-cta {
        padding: 29px;
        gap: 22px;
    }

}


/* ============================================================
   TABLET / SMALL LAPTOP
============================================================ */

@media (max-width: 767px) {

    .azg-case-studies {
        padding: 60px 0;
    }

    .azg-cs-container {
        padding: 0 16px;
    }

    .azg-cs-header {
        margin-bottom: 36px;
    }

    .azg-cs-header h2 {
        font-size: 31px;
    }

    .azg-cs-header > p {
        font-size: 16px;
    }

    .azg-case {
        margin-bottom: 24px;
    }

    .azg-case-heading {
        flex-wrap: wrap;
        gap: 14px;
        padding: 22px 19px;
    }

    .azg-case-number {
        width: 48px;
        height: 48px;
        font-size: 21px;
    }

    .azg-case-title {
        flex: 1 1 calc(100% - 65px);
    }

    .azg-case-title h3 {
        font-size: 23px;
    }

    .azg-case-status {
        margin-left: 62px;
    }

    .azg-case-body {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 22px 19px;
    }

    .azg-case-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .azg-case-property {
        grid-column: 1 / -1;
    }

    .azg-case-outcome {
        margin: 0 19px;
        padding: 18px;
    }

    .azg-case-actions {
        padding: 20px 19px 24px;
    }

    .azg-case-btn {
        flex: 1 1 220px;
    }

    .azg-cs-final-cta {
        flex-direction: column;
        align-items: stretch;
        padding: 25px 21px;
    }

    .azg-cs-final-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .azg-cs-final-call,
    .azg-cs-final-advice {
        min-width: 0;
    }

}


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

@media (max-width: 540px) {

    .azg-case-studies {
        padding: 48px 0;
    }

    .azg-cs-header h2 {
        font-size: 28px;
        letter-spacing: -0.4px;
    }

    .azg-cs-eyebrow {
        font-size: 15px;
        letter-spacing: 0.4px;
    }

    .azg-case-heading {
        gap: 12px;
    }

    .azg-case-title h3 {
        font-size: 22px;
    }

    .azg-case-status {
        margin-left: 0;
    }

    .azg-case-body {
        padding: 20px 16px;
    }

    .azg-case-subsection h4 {
        font-size: 19px;
    }

    .azg-case-sidebar {
        grid-template-columns: 1fr;
    }

    .azg-case-property {
        grid-column: auto;
    }

    .azg-interest-panel {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 18px;
    }

    .azg-interest-panel > div {
        min-width: 0;
    }

    .azg-tax-comparison {
        grid-template-columns: 1fr;
    }

    .azg-compensation-comparison {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .azg-compensation-arrow {
        transform: rotate(90deg);
    }

    .azg-valuation-row-head {
        align-items: flex-start;
    }

    .azg-valuation-amount {
        font-size: 22px;
    }

    .azg-case-outcome {
        gap: 11px;
        margin: 0 16px;
        padding: 16px;
    }

    .azg-outcome-icon {
        width: 32px;
        height: 32px;
    }

    .azg-case-actions {
        display: grid;
        grid-template-columns: 1fr;
        padding: 19px 16px 22px;
    }

    .azg-case-btn {
        width: 100%;
        min-height: 53px;
    }

    .azg-cs-final-actions {
        grid-template-columns: 1fr;
    }

    .azg-cs-final-call,
    .azg-cs-final-advice {
        width: 100%;
    }

    .azg-cs-disclaimer {
        padding: 15px;
    }

}


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

@media (max-width: 360px) {

    .azg-cs-container {
        padding: 0 12px;
    }

    .azg-cs-header h2 {
        font-size: 26px;
    }

    .azg-case-heading {
        padding: 19px 15px;
    }

    .azg-case-title h3 {
        font-size: 21px;
    }

    .azg-case-body {
        padding: 18px 14px;
    }

    .azg-result-panel {
        padding: 20px 17px;
    }

    .azg-result-value {
        font-size: 30px;
    }

    .azg-case-saving > strong {
        font-size: 25px;
    }

}

/* ==========================================================
   GVG ENGAGEMENT GUIDE
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Unique Namespace: gvg-engage-
========================================================== */

.gvg-engage-section,
.gvg-engage-section * {
    box-sizing: border-box;
}

.gvg-engage-section {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(185,120,0,0.07),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #f7f8fb 0%,
            #ffffff 50%,
            #f8f6f0 100%
        );
    color: #33445d;
    font-family: inherit;
}

.gvg-engage-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ==========================================================
   SECTION HEADER
========================================================== */

.gvg-engage-header {
    max-width: 850px;
    margin: 0 auto 58px;
    text-align: center;
}

.gvg-engage-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 19px;
    padding: 10px 17px;
    border: 1px solid #e6cf9f;
    border-radius: 50px;
    background: #fffaf0;
    color: #956100 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
    line-height: 1.5;
}

.gvg-engage-eyebrow-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #b97800;
    box-shadow: 0 0 0 4px rgba(185,120,0,0.12);
}

.gvg-engage-header h2 {
    margin: 0 0 18px;
    color: #092f62 !important;
    font-size: clamp(30px, 3.5vw, 43px);
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -0.8px;
}

.gvg-engage-header h2 strong {
    color: #b97800 !important;
}

.gvg-engage-header > p {
    max-width: 750px;
    margin: 0 auto;
    color: #5c6b80 !important;
    font-size: 17px;
    line-height: 1.85;
}

.gvg-engage-heading-line {
    width: 75px;
    height: 4px;
    margin: 25px auto 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #092f62, #d2a343);
}


/* ==========================================================
   THREE COLUMN LAYOUT
========================================================== */

.gvg-engage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 23px;
}


/* ==========================================================
   STEP CARD
========================================================== */

.gvg-engage-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    padding: 27px 24px 23px;
    border: 1px solid #e4e8ef;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(9,47,98,0.055);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

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

.gvg-engage-card:hover {
    transform: translateY(-7px);
    border-color: #d4b36f;
    box-shadow: 0 18px 42px rgba(9,47,98,0.11);
}

.gvg-engage-card-featured {
    border-color: #d6b46f;
    box-shadow: 0 12px 34px rgba(9,47,98,0.09);
}

.gvg-engage-card-featured:before {
    height: 6px;
    background: linear-gradient(
        90deg,
        #b97800,
        #e4c47f,
        #b97800
    );
}


/* ==========================================================
   CARD TOP / NUMBER
========================================================== */

.gvg-engage-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 23px;
}

.gvg-engage-number {
    display: flex;
    width: 53px;
    height: 53px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8bd82;
    border-radius: 9px;
    background: #092f62;
    color: #ffffff !important;
    font-size: 21px;
    font-weight: 900;
    box-shadow: 0 5px 13px rgba(9,47,98,0.17);
}

.gvg-engage-stage {
    padding: 8px 12px;
    border: 1px solid #ead8b3;
    border-radius: 5px;
    background: #fffaf0;
    color: #956100 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}


/* ==========================================================
   ICON / STEP VISUAL
========================================================== */

.gvg-engage-icon {
    display: flex;
    width: 59px;
    height: 59px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #ecd9b3;
    border-radius: 50%;
    background: linear-gradient(
        135deg,
        #fff9eb,
        #f5e8cd
    );
    color: #a36b00 !important;
    font-size: 20px;
    font-weight: 900;
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.7);
}


/* ==========================================================
   CARD TYPOGRAPHY
========================================================== */

.gvg-engage-step-label {
    display: block;
    margin-bottom: 9px;
    color: #b07812 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.3px;
}

.gvg-engage-card-content h3 {
    margin: 0 0 15px;
    color: #092f62 !important;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
    letter-spacing: -0.35px;
}

.gvg-engage-card-content h3 strong {
    color: #b97800 !important;
}

.gvg-engage-card-content > p {
    margin: 0 0 21px;
    color: #5d6b7e !important;
    font-size: 16px;
    line-height: 1.85;
}


/* ==========================================================
   INFORMATION BOX
========================================================== */

.gvg-engage-info-box {
    margin-bottom: 21px;
    padding: 19px 17px;
    border: 1px solid #e8eaf0;
    border-left: 3px solid #b97800;
    border-radius: 7px;
    background: #f8f9fc;
}

.gvg-engage-info-box > strong {
    display: block;
    margin-bottom: 14px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.gvg-engage-info-box ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gvg-engage-info-box li {
    position: relative;
    padding-left: 19px;
    color: #5b687b !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvg-engage-info-box li:before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b97800;
    content: "";
}

.gvg-engage-info-box li strong {
    color: #092f62 !important;
    font-weight: 850;
}


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

.gvg-engage-requirements {
    margin-bottom: 20px;
}

.gvg-engage-requirements > strong {
    display: block;
    margin-bottom: 12px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
}

.gvg-engage-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gvg-engage-tags span {
    display: inline-block;
    padding: 8px 10px;
    border: 1px solid #e8d6af;
    border-radius: 5px;
    background: #fffaf0;
    color: #75551b !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}


/* ==========================================================
   ASSURANCE BOX
========================================================== */

.gvg-engage-assurance {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 21px;
    padding: 15px;
    border: 1px solid #dce9df;
    border-radius: 7px;
    background: #f4faf5;
}

.gvg-engage-check {
    display: flex;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #1b8652;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
}

.gvg-engage-assurance p {
    margin: 0;
    color: #536b5d !important;
    font-size: 15px;
    line-height: 1.75;
}

.gvg-engage-assurance p strong {
    color: #174e34 !important;
    font-weight: 850;
}


/* ==========================================================
   ESTIMATE BOX
========================================================== */

.gvg-engage-estimate {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin-bottom: 19px;
    padding: 16px;
    border: 1px solid #e8d7b6;
    border-radius: 7px;
    background: #fffbf3;
}

.gvg-engage-estimate-icon {
    display: flex;
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #b97800;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 900;
}

.gvg-engage-estimate strong {
    display: block;
    margin-bottom: 6px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
}

.gvg-engage-estimate p {
    margin: 0;
    color: #637087 !important;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   24 HOUR HIGHLIGHT
========================================================== */

.gvg-engage-highlight {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 21px;
    padding: 17px;
    border: 1px solid #ddc28b;
    border-radius: 7px;
    background: linear-gradient(
        110deg,
        #092f62,
        #174a79
    );
}

.gvg-engage-highlight strong {
    flex-shrink: 0;
    color: #e8c476 !important;
    font-size: 25px;
    font-weight: 900;
}

.gvg-engage-highlight span {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.6;
}


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

.gvg-engage-timeline {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding: 17px;
    border: 1px solid #e5d2aa;
    border-radius: 7px;
    background: #fff9ed;
}

.gvg-engage-timeline-number {
    color: #a36b00 !important;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -1px;
    white-space: nowrap;
}

.gvg-engage-timeline > div:last-child strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
}

.gvg-engage-timeline p {
    margin: 0;
    color: #66748a !important;
    font-size: 15px;
    line-height: 1.6;
}


/* ==========================================================
   CARD FOOTER / CTA BUTTONS
========================================================== */

.gvg-engage-card-footer {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #e9edf2;
}

.gvg-engage-btn {
    display: flex !important;
    width: 100%;
    min-height: 51px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 15px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.25s ease;
}

.gvg-engage-btn span {
    color: inherit !important;
    font-size: 19px;
}

.gvg-engage-btn-primary {
    background: #092f62 !important;
    border-color: #092f62 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 13px rgba(9,47,98,0.15);
}

.gvg-engage-btn-primary:hover {
    background: #174c7e !important;
    border-color: #174c7e !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.gvg-engage-btn-whatsapp {
    background: #168750 !important;
    border-color: #168750 !important;
    color: #ffffff !important;
}

.gvg-engage-btn-whatsapp:hover {
    background: #0c6d3e !important;
    border-color: #0c6d3e !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.gvg-engage-btn-gold {
    background: linear-gradient(
        110deg,
        #b97800,
        #d6a94e
    ) !important;
    border-color: #b97800 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 13px rgba(185,120,0,0.16);
}

.gvg-engage-btn-gold:hover {
    background: #092f62 !important;
    border-color: #092f62 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.gvg-engage-text-link {
    display: block;
    padding: 7px 4px;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 750;
    text-align: center;
    text-decoration: none !important;
}

.gvg-engage-text-link:hover {
    color: #b97800 !important;
}


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

.gvg-engage-final {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 52px;
    padding: 37px 39px;
    overflow: hidden;
    border: 1px solid #b78a3b;
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(215,172,87,0.17),
            transparent 38%
        ),
        linear-gradient(
            120deg,
            #092f62,
            #123f70
        );
    box-shadow: 0 14px 35px rgba(9,47,98,0.15);
}

.gvg-engage-final:after {
    position: absolute;
    top: -75px;
    right: 24%;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(221,186,113,0.19);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gvg-engage-final-content {
    position: relative;
    z-index: 1;
    max-width: 710px;
}

.gvg-engage-final-label {
    display: block;
    margin-bottom: 12px;
    color: #e8c477 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.6;
}

.gvg-engage-final h3 {
    margin: 0 0 12px;
    color: #ffffff !important;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.4;
}

.gvg-engage-final h3 strong {
    color: #e8c477 !important;
}

.gvg-engage-final p {
    margin: 0;
    color: #e4ebf5 !important;
    font-size: 16px;
    line-height: 1.8;
}


/* FINAL CTA BUTTONS */

.gvg-engage-final-actions {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 215px;
    flex-direction: column;
    gap: 12px;
}

.gvg-engage-final-call,
.gvg-engage-final-advice {
    display: flex !important;
    min-height: 53px;
    align-items: center;
    justify-content: center;
    padding: 13px 17px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 850 !important;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.gvg-engage-final-call {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #092f62 !important;
}

.gvg-engage-final-call:hover {
    background: #e8c477 !important;
    border-color: #e8c477 !important;
    color: #092f62 !important;
}

.gvg-engage-final-advice {
    background: #b97800 !important;
    border-color: #d4aa57 !important;
    color: #ffffff !important;
}

.gvg-engage-final-advice:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #092f62 !important;
}


/* ==========================================================
   BOTTOM CONTACT DETAILS
========================================================== */

.gvg-engage-contact-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 24px;
    color: #6d7a8d !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvg-engage-contact-note > span:first-child {
    color: #092f62 !important;
    font-weight: 800;
}

.gvg-engage-contact-note a {
    color: #a36b00 !important;
    font-size: 15px;
    font-weight: 850;
    text-decoration: none !important;
}

.gvg-engage-contact-note a:hover {
    color: #092f62 !important;
}

.gvg-engage-contact-separator {
    color: #c6a66b !important;
}


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

@media (max-width: 1050px) {

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

    .gvg-engage-card:last-child {
        grid-column: 1 / -1;
        max-width: 100%;
    }

    .gvg-engage-final {
        gap: 24px;
        padding: 30px;
    }

    .gvg-engage-final h3 {
        font-size: 24px;
    }

}


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

@media (max-width: 767px) {

    .gvg-engage-section {
        padding: 60px 0;
    }

    .gvg-engage-container {
        padding: 0 16px;
    }

    .gvg-engage-header {
        margin-bottom: 36px;
    }

    .gvg-engage-header h2 {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .gvg-engage-header > p {
        font-size: 16px;
        line-height: 1.8;
    }

    .gvg-engage-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .gvg-engage-card,
    .gvg-engage-card:last-child {
        grid-column: auto;
        padding: 24px 19px 20px;
    }

    .gvg-engage-card-content h3 {
        font-size: 23px;
    }

    .gvg-engage-info-box {
        padding: 17px 15px;
    }

    .gvg-engage-final {
        flex-direction: column;
        align-items: stretch;
        gap: 23px;
        margin-top: 34px;
        padding: 27px 21px;
    }

    .gvg-engage-final h3 {
        font-size: 24px;
    }

    .gvg-engage-final-actions {
        display: grid;
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .gvg-engage-contact-note {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }

    .gvg-engage-contact-separator {
        display: none;
    }

}


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

@media (max-width: 380px) {

    .gvg-engage-header h2 {
        font-size: 27px;
    }

    .gvg-engage-card-content h3 {
        font-size: 21px;
    }

    .gvg-engage-number {
        width: 47px;
        height: 47px;
    }

    .gvg-engage-highlight {
        flex-direction: column;
        align-items: flex-start;
    }

    .gvg-engage-final h3 {
        font-size: 22px;
    }

}

/* ==========================================================
   A2Z VALUERS — GURUGRAM SIX-STAGE ENGAGEMENT
   ROYAL NAVY & GOLD DESIGN SYSTEM
   Independent CSS namespace: gvr-engage-
========================================================== */

.gvr-engage-section {
    --gvr-navy: #092f62;
    --gvr-navy-dark: #062347;
    --gvr-navy-light: #174878;
    --gvr-gold: #b97800;
    --gvr-gold-light: #e1bd70;
    --gvr-gold-pale: #fff8eb;
    --gvr-text: #43546c;
    --gvr-muted: #6b788b;
    --gvr-border: #e5e9ef;

    position: relative;
    padding: 85px 0;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 5% 10%,
            rgba(185,120,0,0.055),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #f7f9fc 0%,
            #ffffff 48%,
            #f7f9fc 100%
        );

    color: var(--gvr-text);
    font-family: inherit;
}

.gvr-engage-section *,
.gvr-engage-section *::before,
.gvr-engage-section *::after {
    box-sizing: border-box;
}

.gvr-engage-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
}


/* ==========================================================
   SECTION HEADER
========================================================== */

.gvr-engage-header {
    max-width: 850px;
    margin: 0 auto 54px;
    text-align: center;
}

.gvr-engage-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px 17px;
    border: 1px solid #e9d5ad;
    border-radius: 50px;
    background: #fffaf1;
    color: var(--gvr-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.2px;
    line-height: 1.5;
}

.gvr-engage-eyebrow-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--gvr-gold);
    box-shadow: 0 0 0 4px rgba(185,120,0,0.12);
}

.gvr-engage-header h2 {
    margin: 0 0 20px;
    color: var(--gvr-navy) !important;
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 1.28;
}

.gvr-engage-header h2 span {
    display: block;
    margin-top: 5px;
    color: var(--gvr-gold) !important;
}

.gvr-engage-header > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--gvr-muted) !important;
    font-size: 17px;
    line-height: 1.85;
}

.gvr-engage-header > p strong {
    color: var(--gvr-navy) !important;
    font-weight: 850;
}

.gvr-engage-header-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 28px;
}

.gvr-engage-header-line > span:not(.gvr-engage-header-diamond) {
    width: 75px;
    height: 1px;
    background: #d6b36c;
}

.gvr-engage-header-diamond {
    color: var(--gvr-gold) !important;
    font-size: 15px;
}


/* ==========================================================
   SIX STAGE GRID
========================================================== */

.gvr-engage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    position: relative;
}


/* ==========================================================
   INDIVIDUAL STAGE CARD
========================================================== */

.gvr-engage-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 27px 25px 22px;
    border: 1px solid var(--gvr-border);
    border-top: 4px solid var(--gvr-navy);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 27px rgba(9,47,98,0.055);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.gvr-engage-card:hover {
    transform: translateY(-6px);
    border-top-color: var(--gvr-gold);
    box-shadow: 0 17px 38px rgba(9,47,98,0.11);
}


/* CARD TOP */

.gvr-engage-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}

.gvr-engage-number {
    display: flex;
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1c17f;
    border-radius: 8px;
    background: linear-gradient(
        145deg,
        #092f62,
        #174878
    );
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 900;
    box-shadow: 0 5px 13px rgba(9,47,98,0.15);
}

.gvr-engage-stage-label {
    display: inline-block;
    color: var(--gvr-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
    text-align: right;
    line-height: 1.5;
}


/* STAGE ICON */

.gvr-engage-icon {
    display: flex;
    width: 53px;
    height: 53px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border: 1px solid #efdfbf;
    border-radius: 50%;
    background: var(--gvr-gold-pale);
    color: var(--gvr-gold) !important;
    font-size: 17px;
    font-weight: 900;
    box-shadow: inset 0 0 0 5px #ffffff;
}


/* STAGE HEADING */

.gvr-engage-card h3 {
    margin: 0 0 15px;
    color: var(--gvr-navy) !important;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: -0.3px;
}

.gvr-engage-card h3 strong {
    color: var(--gvr-gold) !important;
    font-weight: 900;
}


/* STAGE INTRODUCTION */

.gvr-engage-intro {
    margin: 0 0 19px;
    padding-bottom: 18px;
    border-bottom: 1px solid #edf0f4;
    color: var(--gvr-muted) !important;
    font-size: 16px;
    line-height: 1.8;
}


/* ==========================================================
   STAGE CHECKLIST
========================================================== */

.gvr-engage-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0 0 23px;
    padding: 0;
    list-style: none;
}

.gvr-engage-list li {
    position: relative;
    padding-left: 24px;
    color: var(--gvr-text) !important;
    font-size: 15px;
    line-height: 1.75;
}

.gvr-engage-list li::before {
    position: absolute;
    top: 7px;
    left: 0;
    display: flex;
    width: 13px;
    height: 13px;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--gvr-gold);
    border-radius: 50%;
    background: #fffaf1;
    content: "";
}

.gvr-engage-list li strong {
    color: var(--gvr-navy) !important;
    font-weight: 850;
}


/* ==========================================================
   HIGHLIGHT / PROFESSIONAL ASSURANCE
========================================================== */

.gvr-engage-highlight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: auto;
    margin-bottom: 19px;
    padding: 16px 14px;
    border: 1px solid #efdfbf;
    border-left: 3px solid var(--gvr-gold);
    border-radius: 5px;
    background: #fffaf1;
}

.gvr-engage-highlight-icon {
    display: flex;
    width: 27px;
    height: 27px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gvr-navy);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
}

.gvr-engage-highlight > div {
    min-width: 0;
}

.gvr-engage-highlight strong {
    display: block;
    margin-bottom: 6px;
    color: var(--gvr-navy) !important;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
}

.gvr-engage-highlight p {
    margin: 0;
    color: var(--gvr-muted) !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvr-engage-highlight p strong {
    display: inline;
    color: var(--gvr-navy) !important;
}


/* ==========================================================
   STAGE FOOTER
========================================================== */

.gvr-engage-stage-footer {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 15px;
    border-top: 1px solid #e8edf3;
}

.gvr-engage-stage-footer span {
    color: var(--gvr-gold) !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.gvr-engage-stage-footer strong {
    color: var(--gvr-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
}


/* ==========================================================
   SPECIAL EMPHASIS — STAGE 5
========================================================== */

.gvr-engage-card-featured {
    border-color: #d9c18f;
    border-top: 4px solid var(--gvr-gold);
    background: linear-gradient(
        180deg,
        #fffdf8 0%,
        #ffffff 35%
    );
}

.gvr-engage-card-featured .gvr-engage-number {
    border-color: #e5c77f;
    background: linear-gradient(
        145deg,
        #b97800,
        #d59b2e
    );
}

.gvr-engage-card-featured .gvr-engage-icon {
    border-color: #e5c77f;
    background: #fff2d7;
}


/* ==========================================================
   SPECIAL EMPHASIS — FINAL STAGE
========================================================== */

.gvr-engage-card-final {
    border-bottom: 3px solid var(--gvr-gold);
}

.gvr-engage-card-final .gvr-engage-number {
    background: linear-gradient(
        145deg,
        #b97800,
        #d59b2e
    );
}


/* ==========================================================
   COMPLETION CTA PANEL
========================================================== */

.gvr-engage-completion {
    display: grid;
    grid-template-columns: 65px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    margin-top: 42px;
    padding: 31px;
    border: 1px solid #d5b46f;
    border-radius: 11px;
    background:
        linear-gradient(
            115deg,
            #062347 0%,
            #092f62 58%,
            #174878 100%
        );
    box-shadow: 0 14px 35px rgba(9,47,98,0.16);
}

.gvr-engage-completion-mark {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border: 2px solid #e1bd70;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #f1cc7a !important;
    font-size: 28px;
    font-weight: 900;
}

.gvr-engage-completion-content > span {
    display: block;
    margin-bottom: 9px;
    color: #e4bf73 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
}

.gvr-engage-completion-content h3 {
    margin: 0 0 9px;
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.4;
}

.gvr-engage-completion-content h3 strong {
    color: #f0ca7a !important;
}

.gvr-engage-completion-content p {
    margin: 0;
    color: #e2eaf4 !important;
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   CTA BUTTONS — HIGH CONTRAST
========================================================== */

.gvr-engage-completion-actions {
    display: flex;
    min-width: 205px;
    flex-direction: column;
    gap: 11px;
}

.gvr-engage-btn {
    display: inline-flex !important;
    width: 100%;
    min-height: 51px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 17px;
    border: 2px solid transparent !important;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.25s ease;
}

.gvr-engage-btn-call {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #092f62 !important;
}

.gvr-engage-btn-call span {
    color: #092f62 !important;
    font-size: 18px;
}

.gvr-engage-btn-call:hover {
    border-color: #e1bd70 !important;
    background: #fff3d8 !important;
    color: #092f62 !important;
    transform: translateY(-3px);
}

.gvr-engage-btn-advice {
    border-color: #d9ac50 !important;
    background: #c18a25 !important;
    color: #ffffff !important;
}

.gvr-engage-btn-advice span {
    color: #ffffff !important;
    font-size: 20px;
}

.gvr-engage-btn-advice:hover {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #092f62 !important;
    transform: translateY(-3px);
}

.gvr-engage-btn-advice:hover span {
    color: #092f62 !important;
}


/* ==========================================================
   BOTTOM PROFESSIONAL NOTE
========================================================== */

.gvr-engage-bottom-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin-top: 29px;
    text-align: center;
}

.gvr-engage-bottom-note p {
    margin: 0;
    color: var(--gvr-muted) !important;
    font-size: 15px;
    line-height: 1.7;
}

.gvr-engage-bottom-note p strong {
    color: var(--gvr-navy) !important;
    font-weight: 850;
}

.gvr-engage-bottom-line {
    width: 35px;
    height: 1px;
    flex-shrink: 0;
    background: #d5b46f;
}


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

@media (max-width: 1024px) {

    .gvr-engage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 19px;
    }

    .gvr-engage-completion {
        grid-template-columns: 55px minmax(0, 1fr);
    }

    .gvr-engage-completion-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }

}


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

@media (max-width: 767px) {

    .gvr-engage-section {
        padding: 58px 0;
    }

    .gvr-engage-container {
        padding: 0 16px;
    }

    .gvr-engage-header {
        margin-bottom: 35px;
    }

    .gvr-engage-header h2 {
        font-size: 31px;
        letter-spacing: -0.5px;
    }

    .gvr-engage-header > p {
        font-size: 16px;
        line-height: 1.8;
    }

    .gvr-engage-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .gvr-engage-card {
        padding: 24px 20px 20px;
    }

    .gvr-engage-card h3 {
        font-size: 22px;
    }

    .gvr-engage-list {
        gap: 14px;
    }

    .gvr-engage-list li {
        font-size: 15px;
    }

    .gvr-engage-completion {
        grid-template-columns: 1fr;
        gap: 17px;
        margin-top: 29px;
        padding: 24px 20px;
    }

    .gvr-engage-completion-mark {
        width: 53px;
        height: 53px;
    }

    .gvr-engage-completion-content h3 {
        font-size: 23px;
    }

    .gvr-engage-completion-actions {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: auto;
        width: 100%;
    }

    .gvr-engage-btn {
        min-height: 53px;
        width: 100%;
    }

    .gvr-engage-bottom-note {
        gap: 10px;
    }

    .gvr-engage-bottom-line {
        width: 15px;
    }

}


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

@media (max-width: 380px) {

    .gvr-engage-header h2 {
        font-size: 29px;
    }

    .gvr-engage-card {
        padding: 21px 16px;
    }

    .gvr-engage-card-top {
        gap: 8px;
    }

    .gvr-engage-stage-label {
        font-size: 15px;
        letter-spacing: 0.3px;
    }

    .gvr-engage-card h3 {
        font-size: 21px;
    }

    .gvr-engage-completion-content h3 {
        font-size: 21px;
    }

}

/* =========================================================
   GVI — GURUGRAM INSIGHTS & BLOG
   ROYAL NAVY + PREMIUM GOLD DESIGN
   Unique namespace: gvi-
========================================================= */

.gvi-insights-page,
.gvi-insights-page * {
    box-sizing: border-box;
}

.gvi-insights-page {
    --gvi-navy: #092f62;
    --gvi-navy-light: #174675;
    --gvi-gold: #b97800;
    --gvi-gold-light: #d9b66f;
    --gvi-ivory: #fbf9f4;
    --gvi-text: #42536b;
    --gvi-muted: #68778d;
    --gvi-border: #e6eaf0;

    width: 100%;
    overflow: hidden;
    padding: 65px 0 55px;
    background: #ffffff;
    color: var(--gvi-text);
    font-family: inherit;
}

.gvi-insights-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 22px;
}


/* =========================================================
   SECTION 1 — EDITORIAL HERO
========================================================= */

.gvi-insights-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.75fr);
    align-items: center;
    gap: 45px;
    padding: 52px 48px;
    overflow: hidden;
    border: 1px solid #e8dfcc;
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 90% 15%, rgba(185,120,0,0.11), transparent 40%),
        linear-gradient(125deg, #fbf9f4 0%, #ffffff 65%, #f7f8fb 100%);
    box-shadow: 0 12px 38px rgba(9,47,98,0.055);
}

.gvi-insights-hero-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.gvi-insights-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    padding: 10px 15px;
    border: 1px solid #e9d4aa;
    border-radius: 50px;
    background: #fffaf0;
    color: #946000 !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gvi-insights-eyebrow-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--gvi-gold);
    box-shadow: 0 0 0 4px rgba(185,120,0,0.12);
}

.gvi-insights-hero h1 {
    margin: 0 0 21px;
    color: var(--gvi-navy) !important;
    font-size: clamp(36px, 4vw, 49px);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -1.3px;
}

.gvi-insights-hero h1 span {
    display: block;
    color: var(--gvi-gold) !important;
}

.gvi-insights-hero h1 em {
    display: block;
    margin-top: 4px;
    color: var(--gvi-navy) !important;
    font-size: 0.72em;
    font-style: normal;
    font-weight: 750;
    letter-spacing: -0.5px;
}

.gvi-insights-gold-line {
    width: 90px;
    height: 4px;
    margin-bottom: 23px;
    border-radius: 5px;
    background: linear-gradient(90deg, #b97800, #e4c47f);
}

.gvi-insights-intro {
    margin: 0 0 15px;
    color: #40536d !important;
    font-size: 17px;
    line-height: 1.9;
}

.gvi-insights-intro strong {
    color: var(--gvi-navy) !important;
    font-weight: 850;
}

.gvi-insights-intro-secondary {
    margin: 0;
    color: var(--gvi-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}

.gvi-insights-intro-secondary strong {
    color: var(--gvi-navy) !important;
    font-weight: 800;
}


/* HERO HIGHLIGHTS */

.gvi-insights-hero-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 29px;
}

.gvi-insight-highlight {
    display: flex;
    min-height: 67px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #e8dfcc;
    border-radius: 7px;
    background: rgba(255,255,255,0.85);
}

.gvi-highlight-number {
    display: flex;
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--gvi-navy);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 900;
}

.gvi-insight-highlight > span:last-child {
    color: var(--gvi-navy) !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
}


/* HERO SIDE PANEL */

.gvi-insights-hero-side {
    position: relative;
    display: flex;
    min-height: 340px;
    flex-direction: column;
    justify-content: center;
    padding: 35px 30px;
    overflow: hidden;
    border: 1px solid rgba(223,190,123,0.5);
    border-radius: 11px;
    background: linear-gradient(145deg, #092f62, #123f70 75%, #092f62);
    box-shadow: 0 15px 35px rgba(9,47,98,0.17);
}

.gvi-insights-hero-side:after {
    position: absolute;
    right: -65px;
    bottom: -95px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(224,190,123,0.22);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 20px rgba(255,255,255,0.025),
                0 0 0 40px rgba(255,255,255,0.025);
}

.gvi-side-label {
    position: relative;
    z-index: 1;
    color: #e5c27e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1px;
    line-height: 1.5;
}

.gvi-side-quote-mark {
    position: relative;
    z-index: 1;
    height: 64px;
    margin-top: 15px;
    color: #d9b66f !important;
    font-family: Georgia, serif;
    font-size: 85px;
    line-height: 1;
}

.gvi-insights-hero-side h2 {
    position: relative;
    z-index: 1;
    margin: 13px 0 20px;
    color: #ffffff !important;
    font-size: 27px;
    line-height: 1.5;
    font-weight: 800;
}

.gvi-insights-hero-side h2 strong {
    color: #e9c779 !important;
}

.gvi-side-divider {
    position: relative;
    z-index: 1;
    width: 60px;
    height: 3px;
    margin-bottom: 17px;
    background: #d9b66f;
}

.gvi-insights-hero-side p {
    position: relative;
    z-index: 1;
    margin: 0 0 24px;
    color: #e0e9f4 !important;
    font-size: 16px;
    line-height: 1.8;
}

.gvi-side-button {
    position: relative;
    z-index: 2;
    display: flex !important;
    min-height: 51px;
    align-items: center;
    justify-content: space-between;
    padding: 13px 17px;
    border: 1px solid #e4bf70;
    border-radius: 6px;
    background: #d9b66f !important;
    color: #092f62 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.gvi-side-button span {
    color: #092f62 !important;
    font-size: 21px;
}

.gvi-side-button:hover {
    background: #ffffff !important;
    border-color: #ffffff;
    color: #092f62 !important;
}


/* =========================================================
   SECTION 2 — ARTICLES HEADING
========================================================= */

.gvi-articles-section {
    padding: 83px 0 75px;
}

.gvi-articles-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 37px;
}

.gvi-section-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--gvi-gold) !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.gvi-articles-heading h2 {
    margin: 0 0 12px;
    color: var(--gvi-navy) !important;
    font-size: clamp(29px, 3vw, 37px);
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: -0.6px;
}

.gvi-articles-heading h2 strong {
    color: var(--gvi-gold) !important;
}

.gvi-articles-heading p {
    max-width: 730px;
    margin: 0;
    color: var(--gvi-muted) !important;
    font-size: 16px;
    line-height: 1.85;
}


/* ALL ARTICLES BUTTON */

.gvi-all-articles-button {
    display: inline-flex !important;
    min-height: 51px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 13px 18px;
    border: 1px solid var(--gvi-navy);
    border-radius: 6px;
    background: var(--gvi-navy) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.gvi-all-articles-button span {
    color: #e6c47f !important;
    font-size: 19px;
}

.gvi-all-articles-button:hover {
    border-color: var(--gvi-gold);
    background: var(--gvi-gold) !important;
    color: #ffffff !important;
}

.gvi-all-articles-button:hover span {
    color: #ffffff !important;
}


/* =========================================================
   ARTICLE GRID
========================================================= */

.gvi-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
    align-items: stretch;
}


/* ARTICLE CARD */

.gvi-article-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 360px;
    flex-direction: column;
    padding: 25px 23px 20px;
    overflow: hidden;
    border: 1px solid #e5e9ef;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 5px 22px rgba(9,47,98,0.045);
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

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

.gvi-article-card:hover {
    transform: translateY(-6px);
    border-color: #d6bb83;
    box-shadow: 0 15px 34px rgba(9,47,98,0.10);
}

.gvi-article-card:hover:before {
    transform: scaleX(1);
}


/* ARTICLE TOP */

.gvi-article-top {
    display: flex;
    min-height: 39px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 23px;
}

.gvi-article-number {
    display: flex;
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--gvi-navy);
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 900;
}

.gvi-article-category {
    color: #9b680d !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.5px;
    line-height: 1.5;
    text-align: right;
}


/* ARTICLE CONTENT */

.gvi-article-content {
    flex: 1;
}

.gvi-article-content h3 {
    margin: 0 0 15px;
    color: var(--gvi-navy) !important;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.48;
    letter-spacing: -0.2px;
}

.gvi-article-content h3 strong {
    color: var(--gvi-gold) !important;
    font-weight: 900;
}

.gvi-article-content p {
    margin: 0 0 20px;
    color: #68778b !important;
    font-size: 15px;
    line-height: 1.85;
}

.gvi-article-content p strong {
    color: var(--gvi-navy) !important;
    font-weight: 850;
}


/* ARTICLE FOOTER */

.gvi-article-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid #edf0f4;
}

.gvi-article-bottom > span {
    color: #8792a2 !important;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1.4;
}

.gvi-article-bottom a {
    display: inline-flex !important;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 13px;
    border-radius: 5px;
    background: #092f62 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.25s ease;
}

.gvi-article-bottom a span {
    color: #e5c27e !important;
    font-size: 19px;
}

.gvi-article-bottom a:hover {
    background: #b97800 !important;
    color: #ffffff !important;
}

.gvi-article-bottom a:hover span {
    color: #ffffff !important;
}


/* =========================================================
   SECTION 3 — CONVERSION CTA
========================================================= */

.gvi-insights-cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 35px;
    padding: 38px 40px;
    overflow: hidden;
    border: 1px solid #c79b4d;
    border-radius: 11px;
    background: linear-gradient(115deg, #092f62 0%, #123f70 65%, #092f62 100%);
    box-shadow: 0 14px 35px rgba(9,47,98,0.14);
}

.gvi-cta-decoration {
    position: absolute;
    top: -105px;
    right: 230px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(225,194,128,0.19);
    border-radius: 50%;
    pointer-events: none;
}

.gvi-cta-decoration:after {
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(225,194,128,0.16);
    border-radius: 50%;
    content: "";
}

.gvi-insights-cta-content {
    position: relative;
    z-index: 1;
    max-width: 740px;
}

.gvi-cta-eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #e5c27e !important;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.gvi-insights-cta-content h2 {
    margin: 0 0 14px;
    color: #ffffff !important;
    font-size: clamp(25px, 3vw, 34px);
    line-height: 1.4;
    font-weight: 900;
}

.gvi-insights-cta-content h2 strong {
    color: #e9c77e !important;
}

.gvi-insights-cta-content p {
    margin: 0 0 19px;
    color: #e1eaf4 !important;
    font-size: 16px;
    line-height: 1.85;
}

.gvi-cta-trust-points {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.gvi-cta-trust-points span {
    display: inline-block;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,0.27);
    border-radius: 5px;
    background: rgba(255,255,255,0.07);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}


/* CTA BUTTONS */

.gvi-insights-cta-actions {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 245px;
    flex-direction: column;
    gap: 12px;
}

.gvi-insights-call-button,
.gvi-insights-advice-button {
    display: flex !important;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 17px;
    border-radius: 6px;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.gvi-insights-call-button {
    border: 1px solid #ffffff;
    background: #ffffff !important;
    color: #092f62 !important;
}

.gvi-insights-call-button span {
    color: #b97800 !important;
    font-size: 19px;
}

.gvi-insights-call-button:hover {
    background: #f2e4c8 !important;
    color: #092f62 !important;
}

.gvi-insights-advice-button {
    border: 1px solid #d9b66f;
    background: #d9b66f !important;
    color: #092f62 !important;
}

.gvi-insights-advice-button span {
    color: #092f62 !important;
    font-size: 20px;
}

.gvi-insights-advice-button:hover {
    border-color: #ffffff;
    background: #ffffff !important;
    color: #092f62 !important;
}


/* =========================================================
   SECTION 4 — EDITORIAL FOOTER NOTE
========================================================= */

.gvi-insights-footer-note {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding: 18px 22px;
    border: 1px solid #eee6d7;
    border-radius: 7px;
    background: #fbf9f4;
}

.gvi-footer-note-mark {
    display: flex;
    width: 37px;
    height: 37px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #092f62;
    color: #e5c27e !important;
    font-size: 19px;
}

.gvi-insights-footer-note p {
    margin: 0;
    color: #68778b !important;
    font-size: 15px;
    line-height: 1.75;
}

.gvi-insights-footer-note p strong {
    color: #092f62 !important;
    font-weight: 900;
}


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

@media (max-width: 1050px) {

    .gvi-insights-hero {
        grid-template-columns: minmax(0, 1.2fr) minmax(270px, 0.8fr);
        gap: 25px;
        padding: 35px 27px;
    }

    .gvi-insights-hero h1 {
        font-size: 37px;
    }

    .gvi-insight-highlight {
        flex-direction: column;
        align-items: flex-start;
    }

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

    .gvi-insights-cta {
        gap: 20px;
        padding: 30px 25px;
    }

    .gvi-insights-cta-actions {
        min-width: 220px;
    }

}


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

@media (max-width: 767px) {

    .gvi-insights-page {
        padding: 35px 0 40px;
    }

    .gvi-insights-container {
        padding: 0 15px;
    }

    .gvi-insights-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
        padding: 28px 20px;
        border-radius: 10px;
    }

    .gvi-insights-hero h1 {
        font-size: 34px;
        letter-spacing: -0.7px;
    }

    .gvi-insights-hero h1 em {
        font-size: 0.75em;
    }

    .gvi-insights-intro {
        font-size: 16px;
    }

    .gvi-insights-intro-secondary {
        font-size: 15px;
    }

    .gvi-insights-hero-highlights {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 21px;
    }

    .gvi-insight-highlight {
        min-height: 55px;
        flex-direction: row;
        align-items: center;
    }

    .gvi-insights-hero-side {
        min-height: 300px;
        padding: 26px 23px;
    }

    .gvi-insights-hero-side h2 {
        font-size: 25px;
    }

    .gvi-articles-section {
        padding: 55px 0 50px;
    }

    .gvi-articles-heading {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        margin-bottom: 27px;
    }

    .gvi-articles-heading h2 {
        font-size: 29px;
    }

    .gvi-articles-heading p {
        font-size: 15px;
    }

    .gvi-all-articles-button {
        width: 100%;
    }

    .gvi-articles-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gvi-article-card {
        min-height: 320px;
        padding: 23px 19px 18px;
    }

    .gvi-article-content h3 {
        font-size: 21px;
    }

    .gvi-article-content p {
        font-size: 15px;
    }

    .gvi-article-bottom {
        flex-wrap: wrap;
    }

    .gvi-insights-cta {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        padding: 27px 20px;
    }

    .gvi-insights-cta-content h2 {
        font-size: 27px;
    }

    .gvi-insights-cta-actions {
        display: grid;
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .gvi-insights-call-button,
    .gvi-insights-advice-button {
        width: 100%;
        min-height: 54px;
    }

    .gvi-insights-footer-note {
        align-items: flex-start;
        padding: 16px;
    }

}


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

@media (max-width: 380px) {

    .gvi-insights-hero h1 {
        font-size: 30px;
    }

    .gvi-insights-hero {
        padding: 24px 16px;
    }

    .gvi-article-card {
        padding: 20px 16px;
    }

    .gvi-article-category {
        font-size: 15px;
    }

    .gvi-article-content h3 {
        font-size: 20px;
    }

    .gvi-article-bottom {
        align-items: flex-start;
    }

}