.page-hero{min-height:545px;display:flex;align-items:center;padding:90px 0;background:url("../../img/hero/about-hero.webp") center 42%/cover no-repeat;}
.page-hero h1{color:#fff;font-size:clamp(42px,6vw,72px);max-width:780px;line-height:1.05;}
.page-hero p{color:rgba(255,255,255,.84);max-width:700px;font-size:18px;line-height:1.75;}
.hero-label{color:#d8a15d;font-weight:700;letter-spacing:.14em;font-size:13px;}
.crumb{margin-top:25px;color:#fff;}.crumb a{color:#fff;}

.about-section{padding:100px 0;}
.soft{background:#f5f8fb;}

/* First About block only */
.about-intro-section .row{
    align-items:flex-start !important;
}

.about-intro-section .about-photo{
    width:100%;
    margin:0;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 22px 60px rgba(8,30,55,.13);
}

.about-intro-section .about-photo img{
    display:block;
    width:100%;
    height:680px;
    object-fit:cover;
    object-position:center;
}

.about-intro-section .about-copy{
    padding-top:0;
}

.about-intro-section .about-copy .sub-title3{
    margin-bottom:18px;
}

.about-intro-section .about-copy h2{
    font-size:clamp(34px,4vw,50px);
    line-height:1.12;
    margin:0 0 22px;
}

.about-intro-section .about-copy > p{
    color:#617083;
    line-height:1.8;
    margin:0 0 18px;
}

.about-features{
    margin:26px 0 30px;
}

.about-intro-section .check-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin:0;
    padding:20px 0;
    border-top:1px solid #e5ebf1;
}

.about-intro-section .check-item:last-child{
    border-bottom:1px solid #e5ebf1;
}

.about-intro-section .about-feature-icon{
    width:62px;
    height:62px;
    min-width:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eceff3;
    border:1px solid #d8dee8;
    font-size:28px;
    line-height:1;
}

.about-intro-section .check-content{
    flex:1;
    padding-top:2px;
}

.about-intro-section .check-content h3{
    margin:0 0 7px;
    font-size:26px;
    line-height:1.2;
}

.about-intro-section .check-content p{
    margin:0;
    color:#667487;
    line-height:1.65;
}

.value-card{
    height:100%;
    padding:32px 25px;
    border:1px solid #e5ebf1;
    border-radius:20px;
    background:#fff;
    text-align:center;
}

.value-icon{
    width:72px;
    height:72px;
    min-width:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 24px;
    padding:0;
    border-radius:50%;
    background:#eceff3;
    border:1px solid #d8dee8;
    box-sizing:border-box;
    box-shadow:none;
    font-size:34px;
    line-height:1;
    transition:transform .3s ease;
}

.value-card:hover .value-icon{
    transform:translateY(-4px);
}

.green-dollar{
    color:#22c55e;
    font-size:38px;
    font-weight:700;
    line-height:1;
}

.value-card p{
    color:#667487;
    line-height:1.7;
}

.promise{
    padding:100px 0;
}

.promise-box{
    padding:58px;
    border-radius:24px;
    background:linear-gradient(135deg,#0b2644,#123f6b);
    color:#fff;
}

.promise-box h2{
    color:#fff;
}

.promise-box p{
    color:rgba(255,255,255,.76);
}

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

.promise-item{
    padding:16px;
    border-radius:14px;
    background:rgba(255,255,255,.08);
    font-weight:600;
}

.promise-item i{
    color:#e5b16f;
    margin-right:10px;
}

.final-cta{
    padding:85px 0;
    background:#f5f8fb;
}

.cta-box{
    padding:58px;
    border-radius:24px;
    background:#fff;
    border:1px solid #e5ebf1;
    text-align:center;
    box-shadow:0 18px 50px rgba(9,31,57,.08);
}

.about-wide-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:58px;
    margin-top:28px;
    padding:15px 28px;
    border-radius:14px;
    text-align:center;
}

@media(max-width:991px){.about-section,
    .promise{
        padding:75px 0;
    }.about-intro-section .about-photo{
        margin-bottom:5px;
    }.about-intro-section .about-photo img{
        height:500px;
    }.promise-box{
        padding:40px 25px;
    }}

@media(max-width:575px){.about-intro-section .about-photo img{
        height:360px;
    }.about-intro-section .about-feature-icon{
        width:54px;
        height:54px;
        min-width:54px;
        font-size:24px;
    }.about-intro-section .check-content h3{
        font-size:22px;
    }.promise-grid{
        grid-template-columns:1fr;
    }.cta-box{
        padding:40px 20px;
    }}

/* ========================================================= */

/* =========================================================
   ABOUT PAGE — APPROVED MOBILE STANDARD
   Mobile only. Desktop remains unchanged.
========================================================= */

.about-mobile-summary,
.about-mobile-guides,
.about-mobile-promise,
.about-mobile-hero-title,
.about-mobile-hero-copy{
    display:none;
}

@media(max-width:991px){/* Header/menu behavior *//* Short mobile hero */.page-hero{
        
        
        
        
        
        position:relative !important;
    }.page-hero::before{
        
        position:absolute;
        inset:0;
        background:linear-gradient(
            90deg,
            rgba(7,24,45,.90) 0%,
            rgba(7,24,45,.76) 52%,
            rgba(7,24,45,.35) 100%
        );
    }.page-hero .container{
        position:relative !important;
        z-index:2 !important;
    }.page-hero .hero-label,
    .page-hero .crumb,
    .about-desktop-hero-title,
    .about-desktop-hero-copy{
        display:none !important;
    }.about-mobile-hero-title,
    .about-mobile-hero-copy{
        display:block !important;
    }.page-hero h1{
        max-width:340px !important;
        margin:0 0 16px !important;
        font-size:42px !important;
        line-height:1.04 !important;
        text-align:left !important;
    }.page-hero p{
        max-width:320px !important;
        margin:0 !important;
        font-size:16px !important;
        line-height:1.55 !important;
        text-align:left !important;
    }/* Hide desktop-heavy About sections */.about-intro-section,
    .about-section.soft,
    .promise{
        display:none !important;
    }/* Compact About mobile sections */.about-mobile-summary,
    .about-mobile-guides,
    .about-mobile-promise{
        display:block !important;
        padding:34px 0 18px !important;
        background:#fff !important;
    }.about-mobile-guides{
        
        padding-bottom:18px !important;
    }.about-mobile-promise{
        padding-top:24px !important;
        padding-bottom:12px !important;
    }.about-mobile-heading{
        margin-bottom:12px !important;
        text-align:center !important;
    }.about-mobile-heading span{
        display:block !important;
        width:100% !important;
        
        
        
        
        
        
        
    }.about-mobile-list{
        border-top:1px solid #dfe4ea !important;
    }.about-mobile-row{
        min-height:68px !important;
        display:grid !important;
        grid-template-columns:36px 1fr !important;
        align-items:center !important;
        gap:12px !important;
        padding:14px 2px !important;
        border-bottom:1px solid #dfe4ea !important;
        
        
        
        
    }.about-mobile-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:21px !important;
    }/* CTA directly before footer */.final-cta{
        display:block !important;
        padding:10px 0 36px !important;
        background:#fff !important;
    }.final-cta .cta-box{
        padding:28px 24px !important;
        border:1px solid #dfe4ea !important;
        border-radius:16px !important;
        background:#f7f9fb !important;
        box-shadow:none !important;
    }.final-cta .sub-title3,
    .final-cta .cta-box p{
        display:none !important;
    }.final-cta .cta-box h2{
        margin:0 0 20px !important;
        color:#111827 !important;
        font-size:27px !important;
        line-height:1.15 !important;
        text-align:center !important;
    }.final-cta .cta-box > div{
        display:block !important;
    }.final-cta .th-btn{
        width:100% !important;
        min-height:54px !important;
        margin:0 0 12px !important;
    }.final-cta .th-btn:last-child{
        margin-bottom:0 !important;
    }/* Short company footer */.scroll-top{
        display:none !important;
    }}

/* ========================================================= */

/* =========================================================
   ABOUT PAGE — FINAL MOBILE HERO & MENU
   Desktop remains unchanged.
========================================================= */
@media(max-width:991px){/* Keep the approved About hero photo and composition */.page-hero{
        
        
        display:flex !important;
        
        
    }.page-hero::before{
        content:none !important;
        display:none !important;
    }.page-hero .hero-label{
        display:block !important;
        margin-bottom:12px !important;
        color:#d8a15d !important;
        font-size:14px !important;
        font-weight:800 !important;
        letter-spacing:.14em !important;
        text-transform:uppercase !important;
    }.about-mobile-hero-title{
        display:block !important;
        
        font-size:42px !important;
        line-height:1.04 !important;
    }.about-mobile-hero-copy{
        display:block !important;
        
        margin:0 !important;
        color:rgba(255,255,255,.92) !important;
        font-size:16px !important;
        line-height:1.55 !important;
    }.about-desktop-hero-title,
    .about-desktop-hero-copy,
    .page-hero .crumb{
        display:none !important;
    }/* Exact Rockford-style mobile menu *//* Prevent floating button overlap */}

/* ========================================================= */

/* =========================================================
   ABOUT PAGE — FINAL MOBILE HERO CTA & TRUST BADGES
   Desktop remains unchanged.
========================================================= */

.about-mobile-hero-actions{
    display:none;
}

@media(max-width:991px){.about-mobile-hero-actions{
        display:block !important;
        margin-top:22px !important;
    }.about-mobile-hero-quote{
        width:100% !important;
        min-height:58px !important;
        margin:0 0 14px !important;
        font-size:18px !important;
    }.about-mobile-hero-call{
        width:100% !important;
        max-width:100% !important;
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        margin:0 0 18px !important;
        padding:0 22px !important;
        border:1px solid rgba(255,255,255,.72) !important;
        border-radius:12px !important;
        background:rgba(8,29,52,.28) !important;
        color:#fff !important;
        font-size:17px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        text-decoration:none !important;
        text-shadow:0 2px 5px rgba(0,0,0,.4) !important;
        backdrop-filter:blur(3px) !important;
        -webkit-backdrop-filter:blur(3px) !important;
        box-sizing:border-box !important;
    }.about-mobile-hero-call:hover,
    .about-mobile-hero-call:focus{
        color:#fff !important;
        background:#ae2349 !important;
        border-color:#ae2349 !important;
    }.about-mobile-hero-badges{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:9px !important;
    }.about-mobile-hero-badge{
        min-height:38px !important;
        display:inline-flex !important;
        align-items:center !important;
        gap:9px !important;
        padding:8px 16px !important;
        border:1px solid rgba(255,255,255,.38) !important;
        border-radius:22px !important;
        background:rgba(255,255,255,.16) !important;
        color:#fff !important;
        font-size:14px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        backdrop-filter:blur(5px) !important;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
    }.about-mobile-guides{
        padding-top:32px !important;
    }.final-cta .about-final-actions{
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }.final-cta .about-final-actions .th-btn{
        width:100% !important;
        min-height:54px !important;
        margin:0 !important;
    }}

@media(max-width:575px){.about-mobile-hero-badge{
        font-size:13px !important;
    }}

/* ========================================================= */

/* =========================================================
   ABOUT PAGE — FINAL MOBILE HERO PHOTO ADJUSTMENT
   Desktop remains unchanged.
========================================================= */
@media(max-width:991px){.page-hero{
        
        
        align-items:flex-end !important;

        background:
            linear-gradient(
                90deg,
                rgba(7,24,45,.88) 0%,
                rgba(7,24,45,.72) 44%,
                rgba(7,24,45,.34) 72%,
                rgba(7,24,45,.16) 100%
            ),
            url("../../img/hero/about-hero.webp") 76% center/cover no-repeat !important;
    }.about-mobile-hero-title{
        max-width:330px !important;
    }.about-mobile-hero-copy{
        max-width:325px !important;
    }}

@media(max-width:575px){.page-hero{
        

        background:
            linear-gradient(
                90deg,
                rgba(7,24,45,.90) 0%,
                rgba(7,24,45,.75) 46%,
                rgba(7,24,45,.38) 74%,
                rgba(7,24,45,.18) 100%
            ),
            url("../../img/hero/about-hero.webp") 79% center/cover no-repeat !important;
    }}

/* ========================================================= */

/* =========================================================
   ABOUT PAGE — FINAL MOBILE HERO CROP
   Existing photo only. Desktop remains unchanged.
========================================================= */
@media(max-width:991px){.page-hero{
        min-height:700px !important;
        padding:42px 0 30px !important;

        background-image:
            linear-gradient(
                90deg,
                rgba(7,24,45,.90) 0%,
                rgba(7,24,45,.72) 44%,
                rgba(7,24,45,.32) 72%,
                rgba(7,24,45,.12) 100%
            ),
            url("../../img/hero/about-hero.webp") !important;

        background-repeat:no-repeat !important;
        background-size:auto 108% !important;
        background-position:64% 28% !important;
        background-color:#0b2138 !important;
    }}

@media(max-width:575px){.page-hero{
        min-height:680px !important;
        background-size:auto 106% !important;
        background-position:61% 25% !important;
    }}

/* ========================================================= */

/* =========================================================
   ABOUT PAGE — OPEN MOBILE MENU WHITE LOGO STRIP
   Only the strip behind the logo is changed.
   The close button remains unchanged.
========================================================= */


/* ========================================================= */

/* FINAL SHARED MOBILE TYPOGRAPHY — ABOUT PAGE */
@media(max-width:991px){/* Section headings */.about-mobile-heading span{
        color:#ae2349 !important;
        font-family:"Inter",sans-serif !important;
        font-size:18px !important;
        font-weight:800 !important;
        line-height:1.2 !important;
        letter-spacing:.14em !important;
        text-align:center !important;
        text-transform:uppercase !important;
    }/* Inner rows/lists */.about-mobile-row{
        color:#111827 !important;
        font-family:"Outfit",sans-serif !important;
        font-size:22px !important;
        font-weight:700 !important;
        line-height:1.25 !important;
        letter-spacing:0 !important;
    }}



/* =========================================================
   ABOUT PAGE — FINAL DESKTOP SECTION RHYTHM
   Matches the compact homepage spacing standard.
   Mobile remains unchanged.
========================================================= */
@media (min-width:992px){/* Remove accidental outside gaps between page sections */main > section{
        margin-top:0 !important;
        margin-bottom:0 !important;
    }/* Compact, consistent section spacing */.about-section{
        padding-top:44px !important;
        padding-bottom:44px !important;
    }.about-intro-section{
        padding-top:40px !important;
        padding-bottom:40px !important;
    }.about-section.soft{
        padding-top:40px !important;
        padding-bottom:40px !important;
    }.promise{
        padding-top:40px !important;
        padding-bottom:40px !important;
    }.final-cta{
        padding-top:36px !important;
        padding-bottom:36px !important;
    }/* Homepage-standard heading rhythm */.about-section .title-area,
    .about-section.soft .title-area{
        margin-top:0 !important;
        margin-bottom:22px !important;
    }.about-section .sub-title3,
    .promise .sub-title3,
    .final-cta .sub-title3{
        margin-bottom:7px !important;
    }/* Keep content balanced while reducing total page height */.about-intro-section .about-copy h2{
        margin-bottom:16px !important;
    }.about-intro-section .about-copy > p{
        margin-bottom:13px !important;
    }.about-intro-section .about-features{
        margin-top:18px !important;
        
    }.about-intro-section .check-item{
        padding-top:14px !important;
        padding-bottom:14px !important;
    }.about-intro-section .about-wide-btn{
        margin-top:20px !important;
    }.value-card{
        padding-top:26px !important;
        padding-bottom:26px !important;
    }.value-icon{
        margin-bottom:18px !important;
    }.promise-box{
        padding:40px !important;
    }.promise-box h2{
        margin-bottom:12px !important;
    }.promise-box p{
        margin-bottom:0 !important;
    }.cta-box{
        padding:40px !important;
    }.cta-box h2{
        margin-bottom:12px !important;
    }.cta-box p{
        margin-bottom:22px !important;
    }}



/* =========================================================
   ABOUT INTRO — IMAGE / CONTENT BOTTOM ALIGNMENT
   Desktop only. The image ends level with the final divider.
========================================================= */
@media (min-width:992px){.about-intro-section .row{
        align-items:stretch !important;
    }.about-intro-section .row > .col-lg-6:first-child{
        display:flex !important;
        flex-direction:column !important;
    }.about-intro-section .about-photo{
        flex:1 1 auto !important;
        height:100% !important;
        min-height:0 !important;
    }.about-intro-section .about-photo img{
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        object-fit:cover !important;
        object-position:center !important;
    }.about-intro-section .about-features{
        margin-bottom:0 !important;
    }}