/* Desktop/base update styles. All responsive media rules were moved to responsivehomeads.css. */

/* Google Ads landing page update - add this file after homegoogleads-extra.css */
:root{
    --sm-green:#34a853;
    --sm-dark:#061417;
    --sm-deep:#071b1a;
    --sm-soft:#f4fbf7;
    --sm-border:rgba(52,168,83,.18);
}

.sm-hero-clean.home_hero_upgrade{
    min-height: 790px;
    padding: 92px 0 82px;
    overflow: hidden;
}

.sm-hero-clean .min-vh-lg-hero{
    min-height: 650px;
}

.sm-hero-clean .home_hero_title{
    max-width: 780px;
}

.sm-hero-clean .home_hero_subtitle{
    max-width: 830px;
    margin-bottom: 0;
}

.sm-hero-main-cta{
    margin-top: 32px;
    margin-bottom: 26px;
}

.sm-hero-clean .home_btn_primary{
    min-width: 300px;
    justify-content: center;
}

.sm-auto-metric-strip{
    margin-top: 24px;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.sm-auto-metric-strip .home_hero_metric_item{
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sm-auto-metric-strip .home_hero_metric_item strong{
    white-space: nowrap;
}

.sm-hero-visual-large{
    width: min(100%, 590px);
    min-height: 575px;
    margin-left: auto;
    margin-right: auto;
    transform: scale(1.04);
    transform-origin: center;
}

.sm-hero-clean .home_hero_girl_canvas{
    position: absolute;
    inset: 18px 18px 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
    pointer-events: none;
}

.sm-hero-clean .home_hero_girl_img{
    display: block;
    width: 95%;
    max-height: 520px;
    object-fit: contain;
    object-position: bottom center;
    filter: drop-shadow(0 30px 65px rgba(52,168,83,.28));
    opacity: .98;
}

.sm-hero-clean .home_hero_float_card,
.sm-hero-clean .home_hero_side_stats{
    z-index: 4;
}

.sm-hero-clean .card_top{
    top: 90px;
    right: 22px;
}

.sm-hero-clean .card_bottom{
    left: 22px;
    bottom: 105px;
}

.sm-hero-clean .home_hero_side_stats{
    right: 24px;
    bottom: 22px;
}

.sm-trusted-refresh{
    padding-top: 74px;
    padding-bottom: 74px;
}

.sm-industry-three-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.sm-industry-three-grid .home_cpm_industry_card{
    min-height: 205px;
    padding: 34px 30px !important;
    align-items: flex-start;
    gap: 22px;
}

.sm-industry-three-grid .home_cpm_industry_icon{
    width: 70px;
    height: 70px;
    min-width: 70px;
    font-size: 29px;
}

.sm-industry-three-grid .home_cpm_industry_name{
    font-size: 25px !important;
    line-height: 1.22 !important;
    margin-bottom: 12px !important;
}

.sm-industry-three-grid .home_cpm_industry_desc{
    font-size: 19px !important;
    line-height: 1.55 !important;
    margin-bottom: 0;
}

.sm-brand-divider{
    margin-top: 64px !important;
    margin-bottom: 30px !important;
}

.sm-brand-divider span{
    font-size: 18px;
    letter-spacing: 5px;
}

.sm-logo-marquee-wrapper{
    max-width: 100% !important;
    padding: 28px 0 !important;
    border-radius: 34px !important;
    overflow: hidden;
}

.sm-logo-marquee-inner{
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    width: max-content;
}

.sm-logo-marquee-inner .home_cpm_logo_item{
    width: 310px !important;
    min-width: 310px !important;
    height: 200px !important;
    padding: 20px 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff;
    border: 1px solid #dce8f0;
    border-radius: 25px;
    box-shadow: 0 20px 45px rgba(15,23,42,.08);
}

.sm-logo-marquee-inner .home_cpm_logo_item img{
    width: 100%;
    /*max-width: 245px;*/
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.sm-diag-text-only .home_diag_header{
    /*max-width: 1080px;*/
}

.sm-diag-text-only .home_diag_title,
.sm-section-title{
    font-size: 44px;
    line-height: 1.12;
}

.sm-diag-text-only .home_diag_subtitle,
.sm-section-subtitle{
    font-size: 22px;
    line-height: 1.75 !important;
    color: #5b6878;
    max-width: 980px;
}

.sm_diag_text_card{
    padding: 36px 34px !important;
    border-radius: 28px !important;
}

.sm_diag_text_card .home_compare_title{
    font-size: 26px;
    line-height: 1.22 !important;
    margin-bottom: 26px !important;
}

.sm_diag_text_card .home_compare_list{
    display: grid;
    gap: 15px;
}

.sm_diag_text_card .home_compare_list li{
    font-size: clamp(17px, 1.25vw, 21px) !important;
    line-height: 1.58 !important;
    align-items: flex-start;
}

.sm_diag_text_card .home_compare_list li i{
    margin-top: 4px;
}

.sm_diag_final_panel{
    max-width: 100% !important;
    margin-top: 44px !important;
}

.sm_diag_final_panel p{
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(24px, 2.2vw, 38px) !important;
    line-height: 1.45 !important;
}

.sm-case-study-section{
    background: linear-gradient(180deg, #f7fbf8 0%, #eef8f2 100%);
}

.sm-result-panel{
    position: relative;
    overflow: hidden;
    border-radius: 36px;
    padding: clamp(42px, 6vw, 86px) clamp(24px, 5vw, 74px);
    text-align: center;
    color: #fff;
    background:
        radial-gradient(circle at 75% 20%, rgba(52,168,83,.38), transparent 34%),
        radial-gradient(circle at 15% 80%, rgba(74,222,128,.22), transparent 30%),
        linear-gradient(135deg, #06131b 0%, #09221d 52%, #042013 100%);
    box-shadow: 0 26px 75px rgba(5, 30, 20, .22);
}

.sm-result-panel::before{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--sm-green), transparent);
    opacity: .9;
}

.sm-result-eyebrow{
    color: #d8ffe5 !important;
    background: rgba(52,168,83,.13);
    border-color: rgba(52,168,83,.35);
}

.sm-result-headline{
    max-width: 1230px;
    margin: 24px auto 18px;
    font-size: clamp(34px, 4.25vw, 72px);
    line-height: 1.18;
    letter-spacing: -.03em;
    font-weight: 900;
}

.sm-result-subtitle{
    max-width: 980px;
    margin: 0 auto 38px;
    font-size: clamp(18px, 1.65vw, 27px);
    line-height: 1.7;
    color: rgba(255,255,255,.82);
}

.sm-result-metric-grid{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 0 auto 38px;
}

.sm-result-metric-card{
    min-height: 118px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 24px;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 14px;
}

.sm-result-metric-card strong{
    display: block;
    font-size: clamp(25px, 2.4vw, 43px);
    line-height: 1;
    font-weight: 900;
}

.sm-result-metric-card span{
    display: block;
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: rgba(255,255,255,.72);
    font-weight: 800;
}

.sm-result-btn{
    min-width: 310px;
    justify-content: center;
}

.sm-dashboard-proof-section{
    background: #fff;
}

.sm-dashboard-shell{
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(16px, 3vw, 34px);
    border-radius: 32px;
    background: #f4f7f8;
    box-shadow: 0 26px 80px rgba(15,23,42,.1);
}

.sm-dashboard-img{
    width: 100%;
    border-radius: 20px;
    display: block;
    object-fit: contain;
    box-shadow: 0 16px 45px rgba(15,23,42,.10);
}

.sm-proof-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #06131b;
    font-size: 28px;
    box-shadow: 0 12px 35px rgba(15,23,42,.14);
    z-index: 2;
}

.sm-proof-arrow-left{left: -30px;}
.sm-proof-arrow-right{right: -30px;}

.sm-youtube-proof-section{
    background: linear-gradient(180deg, #f6fbf8 0%, #ffffff 100%);
}

.sm-youtube-card{
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: #071014;
    box-shadow: 0 28px 80px rgba(15,23,42,.16);
    border: 1px solid rgba(15,23,42,.08);
    cursor: pointer;
}

.sm-youtube-card img{
    width: 100%;
    display: block;
    border-radius: 28px;
    object-fit: cover;
}

.sm-youtube-card::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.26));
    pointer-events:none;
}

.sm-youtube-play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 96px;
    height: 96px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff0000;
    color: #fff;
    font-size: 54px;
    z-index: 2;
    box-shadow: 0 20px 50px rgba(255,0,0,.34);
}









/* ===== Google Ads landing page second update: compact case studies, proof slider and full-width video ===== */

/* Hero spacing fix */
.sm-hero-clean .home_hero_subtitle{
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    font-size: 23px !important;
    line-height: 1.62 !important;
}

.sm-hero-main-cta{
    margin-top: 22px !important;
    margin-bottom: 16px !important;
}

.sm-hero-main-cta .home_btn_primary{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.sm-auto-metric-strip{
    margin-top: 12px !important;
    gap: 12px !important;
}

.sm-auto-metric-strip .home_hero_metric_item{
    min-height: 94px !important;
    padding: 16px 14px !important;
    justify-content: center !important;
}

.sm-auto-metric-strip .home_hero_metric_item strong,
.sm-auto-metric-strip .home_hero_metric_item strong span{
    font-size: clamp(21px, 1.55vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
}

.sm-auto-metric-strip .home_hero_metric_item > span{
    margin-top: 8px !important;
    font-size: clamp(11px, .8vw, 14px) !important;
    line-height: 1.28 !important;
    letter-spacing: .08em !important;
}

/* Compact case study panels like the reference card */
.sm-compact-result-section{
    padding: clamp(58px, 6vw, 92px) 0;
    background: linear-gradient(180deg, #f8fbf9 0%, #edf7f2 100%);
}

.sm-contramentors-compact-section{
    padding-top: 34px;
    background: #f8fbf9;
}

.sm-compact-result-card{
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: clamp(24px, 2.4vw, 42px);
    /*padding: clamp(44px, 5vw, 86px) clamp(22px, 6vw, 110px);*/
    padding: 30px 50px 30px 50px;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(circle at 70% 50%, rgba(52,168,83,.33), transparent 34%),
        radial-gradient(circle at 35% 10%, rgba(255,255,255,.06), transparent 30%),
        linear-gradient(135deg, #06131b 0%, #071b1a 48%, #052414 100%);
    box-shadow: 0 25px 78px rgba(5, 31, 22, .20);
    isolation: isolate;
}

.sm-compact-result-card::before{
    content:"";
    position:absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 70px 70px;
    opacity:.17;
    z-index:-1;
}

.sm-compact-result-card::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-18px;
    width: 74px;
    height: 74px;
    transform: translateX(-50%) rotate(45deg);
    background:#071b1a;
    border-radius: 12px;
    z-index:-1;
}

.sm-compact-result-card-alt{
    background:
        radial-gradient(circle at 72% 52%, rgba(52,168,83,.32), transparent 36%),
        radial-gradient(circle at 20% 0%, rgba(99,102,241,.16), transparent 30%),
        linear-gradient(135deg, #08111d 0%, #0b201d 48%, #061f12 100%);
}

.sm-compact-pill{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-radius: 999px;
    color: #dfffea;
    background: rgba(52,168,83,.14);
    border: 1px solid rgba(52,168,83,.34);
    font-size: clamp(12px, 1vw, 17px);
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sm-compact-result-title{
    max-width: 1320px;
    margin: 28px auto 18px;
    font-size: clamp(32px, 4.2vw, 72px);
    line-height: 1.22;
    font-weight: 900;
    letter-spacing: -.035em;
    color: #fff;
}

.sm-compact-result-text{
    max-width: 980px;
   margin: 30px auto 24px;
     font-size: clamp(24px, 2.2vw, 38px);
    line-height: 1.45 !important;
    color: #e2e8f0 ;
}

.sm-compact-result-btn{
    min-width: 300px;
    justify-content: center;
}

/* WhatsApp proof / image proof section */
.sm-proof-image-section{
    padding: clamp(54px, 6vw, 90px) 0;
    background: #fff;
}

.sm-proof-heading{
    font-size: 44px ;
    line-height: 1.16;
    letter-spacing: -.025em;
}

.sm-proof-subtitle{
    max-width: 900px;
    font-size: 22px;
    line-height: 1.7;
    color: #64748b;
}

.sm-proof-frame{
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding: clamp(10px, 1.4vw, 22px);
    border-radius: clamp(22px, 2.2vw, 34px);
    background: linear-gradient(135deg, #07131b, #072417);
    box-shadow: 0 30px 90px rgba(15,23,42,.18);
}

.sm-proof-frame::before{
    content:"";
    position:absolute;
    top:-24px;
    left:50%;
    width: 52px;
    height: 52px;
    transform: translateX(-50%) rotate(45deg);
    background: #07131b;
    border-radius: 10px;
}

.sm-proof-frame img{
    position: relative;
    width: 100%;
    display: block;
    border-radius: clamp(16px, 1.6vw, 24px);
    object-fit: contain;
    background:#111;
}

/* Smooth proof slider */
.sm-proof-slider-section{
    padding: clamp(58px, 6vw, 94px) 0;
    overflow: hidden;
    background: linear-gradient(180deg, #f8fbf9 0%, #ffffff 100%);
}

.sm-proof-slider-window{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sm-proof-slider-window::before,
.sm-proof-slider-window::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width: min(13vw, 180px);
    z-index:2;
    pointer-events:none;
}

.sm-proof-slider-window::before{
    left:0;
    background: linear-gradient(90deg, #f8fbf9, transparent);
}

.sm-proof-slider-window::after{
    right:0;
    background: linear-gradient(270deg, #fff, transparent);
}

.sm-proof-slider-track{
    display: flex;
    align-items: center;
    gap: clamp(18px, 2vw, 34px);
    width: max-content;
    animation: smProofMarquee 42s linear infinite;
}

.sm-proof-slider-window:hover .sm-proof-slider-track{
    animation-play-state: paused;
}

.sm-proof-slide{
    width: clamp(310px, 47vw, 850px);
    flex: 0 0 auto;
    padding: clamp(8px, 1vw, 14px);
    border-radius: clamp(20px, 2vw, 32px);
    background:#fff;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 25px 70px rgba(15,23,42,.12);
}

.sm-proof-slide img{
    width: 100%;
    height: clamp(190px, 29vw, 440px);
    display:block;
    border-radius: clamp(15px, 1.5vw, 24px);
    object-fit: contain;
    background: #f3f6f8;
}

@keyframes smProofMarquee{
    from{ transform: translateX(0); }
    to{ transform: translateX(-50%); }
}

/* Full width YouTube video */
.sm-youtube-fullwidth-section{
    padding: clamp(64px, 7vw, 105px) 0;
    background:
        radial-gradient(circle at 70% 20%, rgba(52,168,83,.24), transparent 30%),
        linear-gradient(135deg, #06131b 0%, #071b1a 55%, #041f12 100%);
}

.sm-proof-subtitle-light{
    color: rgba(255,255,255,.78);
}

.sm-youtube-full-card{
    position: relative;
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    border-radius: clamp(20px, 2.2vw, 38px);
    background: #000;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 30px 90px rgba(0,0,0,.34);
}

.sm-youtube-full-card iframe{
    width: 100%;
    height: 100%;
    display:block;
    border:0;
}









/* =========================================================
   Sandy Media Google Ads landing page final responsive fixes
   Fixes requested:
   1) WhatsApp proof image single, centered and professional.
   2) Hero visual card comes first on mobile, content after it.
   3) More spacing between hero text and button.
   4) Metric numbers remain white and readable.
   5) Hero right card shifts slightly right on desktop.
   6) All key sections become safer on mobile screens.
   ========================================================= */



img,
iframe,
video{
    max-width: 100%;
}

.home_section_padding,
.sm-compact-result-section,
.sm-proof-image-section,
.sm-proof-slider-section,
.sm-youtube-fullwidth-section,
.sm-trusted-refresh,
.home_stats_premium_section{
    position: relative;
}
    
/* Hero desktop polish */
.sm-hero-clean.home_hero_upgrade{
    /*padding-top: clamp(74px, 6vw, 104px) !important;*/
    padding-bottom: clamp(62px, 5vw, 92px) !important;
}

.sm-hero-clean .home_hero_left_panel{
    position: relative;
    z-index: 5;
}

.sm-hero-clean .home_hero_subtitle{
    margin-top: 22px !important;
    margin-bottom: 0 !important;
    max-width: 850px !important;
}

.sm-hero-main-cta{
    margin-top: 36px !important;
    margin-bottom: 22px !important;
}

.sm-hero-main-cta .home_btn_primary{
    min-height: 64px;
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(52,168,83,.28);
}

.sm-hero-main-cta .home_btn_primary:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(52,168,83,.34);
}

.sm-hero-clean .home_hero_visual_column{
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sm-hero-visual-large{
    flex: 0 0 auto;
}





/* Hero metric readability */
.sm-auto-metric-strip{
    align-items: stretch;
}

.sm-auto-metric-strip .home_hero_metric_item{
    overflow: hidden;
    border-color: rgba(255,255,255,.16) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045)) !important;
    backdrop-filter: blur(15px);
}

.sm-auto-metric-strip .home_hero_metric_item strong,
.sm-auto-metric-strip .home_hero_metric_item strong span,
.sm-hero-clean .home_hero_metric_item strong,
.sm-hero-clean .home_hero_metric_item strong span,
.home_stats_premium_section .home_stat_number,
.home_stats_premium_section .home_stat_number span,
.home_stats_premium_section .home-stat-label-fix{
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 8px 22px rgba(0,0,0,.35);
}

.sm-auto-metric-strip .home_hero_metric_item > span{
    color: rgba(255,255,255,.76) !important;
}

/* Single WhatsApp proof image: center and remove left blank feel */
.setmargintop{
    padding: clamp(50px, 6vw, 92px) 0 !important;
    margin-top: 6rem !important;
   
}

.sm-whatsapp-proof-section .container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.sm-single-proof-frame{
    width: min(100%, 1240px);
    margin: 0 auto;
    padding: clamp(10px, 1.4vw, 20px);
    border-radius: clamp(20px, 2.2vw, 34px);
    background:
        radial-gradient(circle at 70% 25%, rgba(52,168,83,.25), transparent 32%),
        linear-gradient(135deg, #07131b 0%, #061f18 100%);
    border: 1px solid rgba(52,168,83,.18);
    box-shadow: 0 28px 86px rgba(15,23,42,.16);
}

.sm-single-proof-frame::before{
    display: none !important;
}

.sm-single-proof-frame img,
.sm-whatsapp-proof-section img{
    width: 100% !important;
    height: auto !important;
    max-height: 78vh;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: clamp(14px, 1.4vw, 22px);
    background: #111b1e;
}

/* Case study result text spacing and readability */
.sm-compact-result-text{
    max-width: 1120px !important;
    color: rgba(255,255,255,.88) !important;
}

.sm-compact-result-card .home_btn_primary,
.sm_diag_final_panel .home_btn_primary,
.home_strategy_audit_section .home_btn_primary{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* General responsive safety for all lower sections */
.home_case_card_premium,
.home_fail_box,
.home_service_card,
.home_path_card_panel_premium,
.home_fit_box_premium_container,
.home_strategy_audit_shell,
.tst-card,
.alt-custom-accordion .accordion-item{
    max-width: 100%;
}

.home_cpm_main_title,
.home_diag_title,
.sm-proof-heading,
.home_strategy_title,
.alt-faq-title,
.home_stats_premium_section h2,
.home_process_light_section h2{
    overflow-wrap: anywhere;
}

/* Tablet layout */


/* Mobile: show hero box first, then text/content */








/* =========================================================
   YouTube multi video slider + mobile responsive fix
   ========================================================= */
.sm-youtube-slider{
    position: relative;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 72px 54px;
}

.sm-youtube-slider-viewport{
    overflow: hidden;
    border-radius: clamp(20px, 2.2vw, 38px);
}

.sm-youtube-slider-track{
    display: flex;
    align-items: stretch;
    transition: transform .65s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

.sm-youtube-slide{
    flex: 0 0 100%;
    min-width: 100%;
    padding: 0 8px;
}

.sm-youtube-slider .sm-youtube-full-card{
    max-width: 100%;
    margin: 0;
}

.sm-youtube-slider-btn{
    position: absolute;
    top: calc(50% - 26px);
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.96);
    color: #06131b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    box-shadow: 0 18px 48px rgba(0,0,0,.28);
    transition: transform .25s ease, background .25s ease, color .25s ease;
}

.sm-youtube-slider-btn:hover{
    background: var(--sm-green);
    color: #fff;
    transform: translateY(-50%) scale(1.06);
}

.sm-youtube-slider-prev{left: 0;}
.sm-youtube-slider-next{right: 0;}

.sm-youtube-slider-dots{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sm-youtube-dot{
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    padding: 0;
    background: rgba(255,255,255,.38);
    cursor: pointer;
    transition: width .25s ease, background .25s ease;
}

.sm-youtube-dot.active{
    width: 34px;
    background: var(--sm-green);
}

.sm-youtube-slider.is-video-active .sm-youtube-slider-track{
    transition-duration: .35s;
}



/* =========================================================
   FINAL MOBILE HERO CENTER FIX
   Put this block at the very end of homegoogleads-update.css
   Issue fixed: mobile hero content was going outside the intended center width.
   ========================================================= */




/* =========================================================
   FINAL STRICT MOBILE HERO SAFE WIDTH FIX
   Paste this block at the VERY BOTTOM of homegoogleads-update.css.
   Only mobile view affected. Desktop remains unchanged.
   ========================================================= */





/* =========================================================
   HERO FACE VISIBILITY + FLOATING BOX POSITION FIX
   Add/keep this block at the very bottom of homegoogleads-update.css
   Fix: Top-Tier Expertise card was covering the girl's face.
   ========================================================= */

/* Desktop / laptop hero card polish */


/* Large desktop: keep visual balanced and boxes bigger */


/* Medium screens: reduce box size but keep face visible */


/* Mobile: place cards on safe edges so they do not cover the face */




/* =========================================================
   UNIQUE MIDDLE DESIGN BETWEEN AUDIT CTA AND CASE STUDY CARD
   Added for the empty middle space shown in the screenshot.
   This section visually connects: Diagnostics -> Growth System -> Case Study Proof.
   ========================================================= */
.sm-growth-bridge-section{
    position: relative;
    overflow: hidden;
    padding: clamp(46px, 5.2vw, 82px) 0 clamp(34px, 4vw, 64px);
    background:
        radial-gradient(circle at 12% 18%, rgba(52,168,83,.10), transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(52,168,83,.12), transparent 34%),
        linear-gradient(180deg, #f7fbf8 0%, #ffffff 54%, #f3faf6 100%);
}

.sm-growth-bridge-section::before,
.sm-growth-bridge-section::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width: min(82%, 1180px);
    height:1px;
    background: linear-gradient(90deg, transparent, rgba(52,168,83,.32), transparent);
    pointer-events:none;
}

.sm-growth-bridge-section::before{top:0;}
.sm-growth-bridge-section::after{bottom:0;}

.sm-growth-bridge-wrap{
    position: relative;
    overflow: hidden;
    border-radius: clamp(26px, 2.5vw, 42px);
    padding: clamp(34px, 4.5vw, 70px) clamp(18px, 4vw, 58px);
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(246,253,249,.92));
    border: 1px solid rgba(52,168,83,.18);
    box-shadow: 0 28px 90px rgba(15,23,42,.10);
    isolation: isolate;
}

.sm-growth-bridge-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(52,168,83,.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(52,168,83,.06) 1px, transparent 1px);
    background-size: 58px 58px;
    opacity:.42;
    z-index:-2;
}

.sm-growth-bridge-wrap::after{
    content:"";
    position:absolute;
    left:50%;
    top:52%;
    width: min(76%, 980px);
    height: 10px;
    transform: translate(-50%, -50%);
    border-radius:999px;
    background: linear-gradient(90deg, rgba(52,168,83,.05), rgba(52,168,83,.36), rgba(52,168,83,.05));
    filter: blur(.2px);
    z-index:-1;
}

.sm-growth-bridge-glow{
    position:absolute;
    width: 260px;
    height: 260px;
    border-radius:50%;
    background: rgba(52,168,83,.16);
    filter: blur(40px);
    z-index:-1;
    pointer-events:none;
}

.sm-growth-bridge-glow-one{
    left:-90px;
    top:-90px;
}

.sm-growth-bridge-glow-two{
    right:-95px;
    bottom:-115px;
}

.sm-growth-bridge-header{
    max-width: 100%;
    margin: 0 auto clamp(26px, 3.2vw, 44px);
    text-align:center;
}

.sm-growth-bridge-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding: 11px 20px;
    border-radius:999px;
    color:#176c35;
    background: rgba(52,168,83,.10);
    border:1px solid rgba(52,168,83,.20);
    font-size: clamp(12px, .9vw, 15px);
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.sm-growth-bridge-header h2{
    margin: 18px auto 14px;
    /*max-width: 900px;*/
    color:#07131b;
    font-size: 44px;
    line-height:1.14;
    font-weight:900;
    letter-spacing:-.035em;
}

.sm-growth-bridge-header p{
    max-width: 900px;
    margin:0 auto;
    color:#5d6b7c;
    font-size: 22px;
    line-height:1.72;
}

.sm-growth-bridge-grid{
    position:relative;
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 28px);
    max-width: 1280px;
    margin: 0 auto;
}

.sm-growth-bridge-step{
    position:relative;
    min-height: 292px;
    padding: clamp(24px, 2.3vw, 34px);
    border-radius: clamp(22px, 2vw, 30px);
    background: rgba(255,255,255,.86);
    border:1px solid rgba(15,23,42,.08);
    box-shadow: 0 22px 60px rgba(15,23,42,.08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sm-growth-bridge-step:hover{
    transform: translateY(-6px);
    border-color: rgba(52,168,83,.28);
    box-shadow: 0 30px 80px rgba(15,23,42,.12);
}

.sm-growth-bridge-step-center{
    background:
        radial-gradient(circle at 78% 15%, rgba(52,168,83,.30), transparent 32%),
        linear-gradient(135deg, #06131b 0%, #071b1a 56%, #052414 100%);
    border-color: rgba(52,168,83,.32);
    color:#fff;
    transform: translateY(-12px);
    box-shadow: 0 30px 85px rgba(5,31,22,.24);
}

.sm-growth-bridge-step-center:hover{
    transform: translateY(-18px);
}

.sm-growth-bridge-count{
    position:absolute;
    top:22px;
    right:24px;
    font-size: clamp(32px, 3vw, 54px);
    line-height:1;
    font-weight:900;
    letter-spacing:-.04em;
    color: rgba(15,23,42,.08);
}

.sm-growth-bridge-step-center .sm-growth-bridge-count{
    color: rgba(255,255,255,.10);
}

.sm-growth-bridge-icon{
    width: 68px;
    height: 68px;
    border-radius: 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 24px;
    color:#fff;
    font-size: 28px;
    background: linear-gradient(135deg, #34a853, #198a3e);
    box-shadow: 0 16px 36px rgba(52,168,83,.30);
}

.sm-growth-bridge-step-center .sm-growth-bridge-icon{
    color:#34a853;
    background:#fff;
    box-shadow: 0 16px 38px rgba(0,0,0,.20);
}

.sm-growth-bridge-step h3{
    position:relative;
    margin:0 0 14px;
    max-width: 330px;
    color:#07131b;
    font-size: clamp(21px, 1.8vw, 30px);
    line-height:1.22;
    font-weight:900;
    letter-spacing:-.02em;
}

.sm-growth-bridge-step p{
    position:relative;
    margin:0;
    color:#637083;
    font-size: clamp(15px, 1.05vw, 18px);
    line-height:1.68;
}

.sm-growth-bridge-step-center h3,
.sm-growth-bridge-step-center p{
    color:#fff;
}

.sm-growth-bridge-step-center p{
    color: rgba(255,255,255,.78);
}

.sm-growth-bridge-bottom{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 18px;
    max-width: 1280px;
    margin: clamp(28px, 3vw, 46px) auto 0;
    padding: 18px;
    border-radius: 24px;
    background: rgba(255,255,255,.82);
    border:1px solid rgba(52,168,83,.16);
    box-shadow: 0 18px 48px rgba(15,23,42,.07);
}

.sm-growth-bridge-proofline{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap: 10px;
}

.sm-growth-bridge-proofline span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 10px 14px;
    border-radius:999px;
    color:#0f5130;
    background: rgba(52,168,83,.10);
    border:1px solid rgba(52,168,83,.14);
    font-size: 14px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
}

.sm-growth-bridge-proofline i{
    color:#34a853;
}

.sm-growth-bridge-btn{
    min-width: 250px;
    min-height: 54px;
    justify-content:center;
    white-space:nowrap;
}

.sm-ame-compact-section{
    padding-top: clamp(42px, 4.6vw, 72px) !important;
}







/* =========================================================
   FINAL HERO IMAGE + COMPACT STRATEGY FORM OVERRIDES
   Keep this block at the very bottom of homegoogleads-update.css
   ========================================================= */

/* Hero: allow the transparent person image to extend outside the card frame. */
.sm-hero-clean .home_hero_visual_column,
.sm-hero-clean .home_hero_visual_card,
.sm-hero-clean .sm-hero-visual-large,
.sm-hero-clean .home_hero_girl_canvas{
    overflow: visible !important;
}

.sm-hero-clean .home_hero_visual_column{
    position: relative !important;
    z-index: 3 !important;
}

.sm-hero-clean .home_hero_visual_card,
.sm-hero-clean .sm-hero-visual-large{
    z-index: 2 !important;
}

.sm-hero-clean .home_hero_visual_card::before,
.sm-hero-clean .home_hero_visual_card::after,
.sm-hero-clean .home_hero_visual_glow{
    pointer-events: none !important;
}

.sm-hero-clean .home_hero_girl_canvas{
    inset: -34px -46px -10px !important;
    border-radius: 0 !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

.sm-hero-clean .home_hero_girl_img{
    position: absolute !important;
    left: 50% !important;
    bottom: -4px !important;
    width: 118% !important;
    height: 112% !important;
    max-width: none !important;
    max-height: none !important;
    transform: translateX(-50%) !important;
    object-fit: contain !important;
    object-position: bottom center !important;
    filter: drop-shadow(0 34px 55px rgba(0,0,0,.56)) !important;
    z-index: 6 !important;
}

/* Keep the decorative frame over the card, but behind the person. */
.sm-hero-clean .home_hero_visual_glow{
    z-index: 4 !important;
}

/* Strategy section: shorter left content and wider compact form. */
.home_strategy_audit_shell{
    padding: clamp(24px, 3.4vw, 46px) !important;
    overflow: visible !important;
}

.home_strategy_content_compact{
    max-width: 520px !important;
}

.home_strategy_content_compact .home_strategy_title{
    margin: 18px 0 14px !important;
    font-size: clamp(33px, 3vw, 50px) !important;
    line-height: 1.07 !important;
}

.home_strategy_content_compact .home_strategy_subtitle{
    margin-bottom: 20px !important;
    max-width: 520px !important;
    font-size: clamp(16px, 1.12vw, 18px) !important;
    line-height: 1.62 !important;
}

.home_strategy_compact_points{
    display: grid;
    gap: 11px;
    margin-top: 18px;
}

.home_strategy_compact_point{
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 13px 15px;
    border: 1px solid rgba(52,168,83,.16);
    border-radius: 16px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 12px 30px rgba(15,23,42,.05);
}

.home_strategy_compact_point > i{
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #34a853;
    background: rgba(52,168,83,.11);
    border: 1px solid rgba(52,168,83,.17);
    font-size: 16px;
}

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

.home_strategy_compact_point strong{
    color: #0f172a;
    font-size: 15.5px;
    line-height: 1.25;
    font-weight: 800;
}

.home_strategy_compact_point span{
    margin-top: 2px;
    color: #64748b;
    font-size: 13.5px;
    line-height: 1.4;
    font-weight: 500;
}

.home_strategy_mini_stats_compact{
    gap: 9px !important;
    margin-top: 14px !important;
}

.home_strategy_mini_stats_compact div{
    padding: 13px 12px !important;
    border-radius: 16px !important;
}

.home_strategy_mini_stats_compact strong{
    font-size: 18px !important;
}

.home_strategy_mini_stats_compact span{
    font-size: 9.5px !important;
}

.home_strategy_form_compact{
    width: 100% !important;
    max-width: 760px !important;
    margin-left: auto !important;
    padding: clamp(26px, 2.4vw, 38px) !important;
    border-radius: 26px !important;
}

.home_strategy_form_compact .home_form_top{
    margin-bottom: 19px !important;
}

.home_strategy_form_compact .home_form_top h4{
    margin-top: 13px !important;
    font-size: clamp(25px, 2vw, 33px) !important;
}

.home_strategy_form_compact .home_form_top p{
    max-width: 650px;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
}

.home_strategy_form_compact .row{
    --bs-gutter-x: 14px;
    --bs-gutter-y: 13px;
}

.home_strategy_form_compact .form-label{
    margin-bottom: 6px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
}

.home_strategy_form_compact .home_form_control{
    width: 100%;
    min-height: 50px !important;
    padding: 11px 14px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
}

.home_strategy_form_compact select.home_form_control{
    padding-right: 42px !important;
}

.home_strategy_submit_btn{
    min-height: 52px;
    margin-top: 2px;
    padding: 13px 22px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.home_strategy_form_compact .home_form_privacy_note{
    margin-top: 11px !important;
    font-size: 11.5px !important;
}












/* =========================================================
   CENTERED PERFORMANCE AUDIT SECTION
   Keep this block at the bottom so it overrides older rules.
   ========================================================= */
.home_strategy_audit_section .sm-audit-center-shell{
    width: min(100%, 1320px);
    margin: 0 auto;
    padding: clamp(34px, 5vw, 76px) !important;
    border-radius: clamp(28px, 3vw, 46px) !important;
    overflow: hidden !important;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% -10%, rgba(52,168,83,.20), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(52,168,83,.11), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.99), rgba(244,251,247,.98)) !important;
    border: 1px solid rgba(52,168,83,.20) !important;
    box-shadow:
        0 34px 90px rgba(15,23,42,.10),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.home_strategy_audit_section .sm-audit-center-shell::before{
    width: 460px !important;
    height: 460px !important;
    top: -285px !important;
    right: -160px !important;
    background: radial-gradient(circle, rgba(52,168,83,.18), transparent 67%) !important;
}

.home_strategy_audit_section .sm-audit-center-shell::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(52,168,83,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(52,168,83,.045) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: radial-gradient(circle at center, #000 18%, transparent 78%);
    -webkit-mask-image: radial-gradient(circle at center, #000 18%, transparent 78%);
}

.sm-audit-orbit{
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    border: 1px dashed rgba(52,168,83,.22);
    pointer-events: none;
}

.sm-audit-orbit-one{
    width: 330px;
    height: 330px;
    left: -220px;
    top: 50%;
    transform: translateY(-50%);
}

.sm-audit-orbit-two{
    width: 180px;
    height: 180px;
    right: -102px;
    bottom: -74px;
}

.home_strategy_audit_section .sm-audit-center-content{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1140px !important;
    margin: 0 auto !important;
    text-align: center;
}

.sm-audit-kicker-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.sm-audit-focus-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border-radius: 999px;
    color: #166534;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(52,168,83,.18);
    box-shadow: 0 10px 28px rgba(15,23,42,.05);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
}

.sm-audit-focus-badge i{
    color: #34a853;
}

.home_strategy_audit_section .sm-audit-center-content .home_strategy_title{
    max-width: 920px;
    margin: 24px auto 18px !important;
    font-size: 44px !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.home_strategy_audit_section .sm-audit-center-content .home_strategy_title span{
    position: relative;
    display: inline-block;
    color: #34a853;
}

.home_strategy_audit_section .sm-audit-center-content .home_strategy_title span::after{
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: -7px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(52,168,83,.28), transparent);
}

.home_strategy_audit_section .sm-audit-center-content .home_strategy_subtitle{
    max-width: 890px !important;
    margin: 0 auto !important;
    color: #526173;
    font-size: clamp(17px, 1.45vw, 21px) !important;
    line-height: 1.7 !important;
    text-wrap: pretty;
}

.home_strategy_audit_section .sm-audit-feature-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px !important;
    margin: clamp(32px, 4vw, 48px) 0 0 !important;
}

.home_strategy_audit_section .sm-audit-feature-card{
    position: relative;
    min-height: 205px;
    padding: 28px 24px 24px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    text-align: left;
    border-radius: 24px !important;
    border: 1px solid rgba(52,168,83,.17) !important;
    background: rgba(255,255,255,.90) !important;
    box-shadow: 0 18px 48px rgba(15,23,42,.07) !important;
    overflow: hidden;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.home_strategy_audit_section .sm-audit-feature-card::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #34a853, #8fdda4);
    transform: scaleX(.34);
    transform-origin: left;
    transition: transform .3s ease;
}

.home_strategy_audit_section .sm-audit-feature-card:hover{
    transform: translateY(-7px);
    border-color: rgba(52,168,83,.40) !important;
    box-shadow: 0 26px 62px rgba(52,168,83,.14) !important;
}

.home_strategy_audit_section .sm-audit-feature-card:hover::before{
    transform: scaleX(1);
}

.home_strategy_audit_section .sm-audit-feature-card > i{
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 18px !important;
    font-size: 20px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

.home_strategy_audit_section .sm-audit-feature-card strong{
    padding-right: 28px;
    color: #081521;
    font-size: clamp(18px, 1.45vw, 22px) !important;
    line-height: 1.22 !important;
}

.home_strategy_audit_section .sm-audit-feature-card div > span{
    margin-top: 9px !important;
    color: #5f6d7d;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

.home_strategy_audit_section .sm-audit-feature-card > div{
    min-width: 0;
    flex: 1 1 auto;
}

.home_strategy_audit_section .sm-audit-feature-card strong,
.home_strategy_audit_section .sm-audit-feature-card div > span,
.home_strategy_audit_section .sm-audit-center-content .home_strategy_subtitle{
    overflow-wrap: anywhere;
}

.sm-audit-step-number{
    position: absolute;
    right: 18px;
    top: 17px;
    color: rgba(52,168,83,.42) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .1em;
}

.sm-audit-action-panel{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    margin-top: 28px;
    padding: 22px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 78% 0%, rgba(52,168,83,.32), transparent 38%),
        linear-gradient(135deg, #07121f 0%, #09231c 100%);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 24px 58px rgba(15,23,42,.20);
}

.home_strategy_audit_section .sm-audit-stats{
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
}

.home_strategy_audit_section .sm-audit-stats > div{
    width: 100%;
    min-width: 0;
    min-height: 104px;
    padding: 20px 16px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    text-align: center;
}

.home_strategy_audit_section .sm-audit-stats strong{
    margin-bottom: 8px !important;
    color: #fff !important;
    font-size: clamp(24px, 2vw, 32px) !important;
    line-height: 1.05 !important;
    white-space: nowrap;
}

.home_strategy_audit_section .sm-audit-stats span{
    color: #9cf5b5 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: .065em !important;
    text-transform: uppercase;
}

.sm-audit-cta-wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.sm-audit-book-btn{
    width: min(100%, 720px);
    min-height: 72px;
    padding: 20px 36px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border-radius: 18px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 16px 34px rgba(52,168,83,.28);
}

.sm-audit-book-btn i{
    transition: transform .25s ease;
}

.sm-audit-book-btn:hover i{
    transform: translateX(4px);
}

.sm-audit-trust-note{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}

.sm-audit-trust-note i{
    color: #86efac;
}







/* ======================================================================
   BRAND LOGO GALLERY — normalized gallery.zip assets
   Keep this block at the end of homegoogleads-update.css.
   ====================================================================== */
.sm-brand-divider{
    margin-top: 64px !important;
    margin-bottom: 28px !important;
}

.sm-brand-divider span{
    padding: 0 24px !important;
    color: #24344f !important;
    background: #ffffff !important;
    font-size: clamp(14px, 1.05vw, 18px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: .24em !important;
    white-space: nowrap;
}

.sm-logo-marquee-wrapper{
    --sm-logo-card-width: clamp(292px, 22vw, 360px);
    --sm-logo-card-height: 190px;
    --sm-logo-gap: 26px;
    --sm-logo-half-gap: 13px;
    position: relative;
    width: 100%;
    max-width: 100% !important;
    padding: 26px 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(52, 168, 83, .055), transparent 45%),
        #ffffff !important;
    box-shadow: 0 24px 65px rgba(15, 23, 42, .09) !important;
    isolation: isolate;
}

.sm-logo-marquee-inner{
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    gap: var(--sm-logo-gap) !important;
    padding: 0 18px !important;
    animation: smLogoGalleryLoop 46s linear infinite !important;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.sm-logo-marquee-wrapper:hover .sm-logo-marquee-inner{
    animation-play-state: paused !important;
}

.sm-logo-set{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: var(--sm-logo-gap);
}

.sm-logo-marquee-inner .home_cpm_logo_item{
    position: relative;
    flex: 0 0 var(--sm-logo-card-width) !important;
    width: var(--sm-logo-card-width) !important;
    min-width: var(--sm-logo-card-width) !important;
    height: var(--sm-logo-card-height) !important;
    margin: 0 !important;
    padding: 20px 24px !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dce5ee !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow:
        0 16px 38px rgba(15, 23, 42, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.sm-logo-marquee-inner .home_cpm_logo_item::before{
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
    border: 1px solid rgba(52, 168, 83, 0);
    border-radius: 18px;
    transition: border-color .3s ease;
}

.sm-logo-marquee-inner .home_cpm_logo_item:hover{
    z-index: 2;
    transform: translateY(-6px);
    border-color: rgba(52, 168, 83, .45) !important;
    box-shadow: 0 24px 54px rgba(15, 23, 42, .13) !important;
}

.sm-logo-marquee-inner .home_cpm_logo_item:hover::before{
    border-color: rgba(52, 168, 83, .13);
}

.sm-logo-marquee-inner .home_cpm_logo_item img{
    position: relative;
    z-index: 1;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 94% !important;
    max-height: 132px !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
    opacity: 1 !important;
    image-rendering: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Individual shape control keeps every logo visually balanced. */
.sm-logo-marquee-inner .home_cpm_logo_item.sm-logo-ultrawide img{
    max-width: 96% !important;
    max-height: 94px !important;
}

.sm-logo-marquee-inner .home_cpm_logo_item.sm-logo-wide img{
    max-width: 94% !important;
    max-height: 118px !important;
}

.sm-logo-marquee-inner .home_cpm_logo_item.sm-logo-square img{
    max-width: 66% !important;
    max-height: 136px !important;
}

.sm-logo-marquee-inner .home_cpm_logo_item.sm-logo-tall img{
    max-width: 52% !important;
    max-height: 146px !important;
}

@keyframes smLogoGalleryLoop{
    from{
        transform: translate3d(0, 0, 0);
    }
    to{
        transform: translate3d(calc(-50% - var(--sm-logo-half-gap)), 0, 0);
    }
}







/* =====================================================================
   FINAL CTA + MOBILE HERO + MOBILE PROOF IMAGE FIX
   Added 19 June 2026. Keep this block at the very bottom of this file.
   ===================================================================== */

:root{
    --sm-unified-cta-width: 320px;
    --sm-unified-cta-height: 58px;
}

/* Desktop/tablet: every primary anchor CTA uses the same width and height. */


/* Remove the old large empty padding from the single WhatsApp proof frame. */
.setmargintop{
    margin-top: clamp(28px, 3.5vw, 54px) !important;
    padding: clamp(10px, 1.2vw, 18px) !important;
}

.sm-single-proof-frame{
    overflow: hidden !important;
}

.sm-single-proof-frame img,
.sm-whatsapp-proof-section img{
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: auto !important;
    transform: translateZ(0);
}

/* =====================================================================
   HERO GIRL IMAGE: BIGGER, BUT FULLY CONTAINED INSIDE THE EXISTING BOX
   The visual-card width/height are intentionally not changed.
   ===================================================================== */
body > header.home_hero.home_hero_upgrade.sm-hero-clean
.home_hero_visual_card.sm-hero-visual-large{
    overflow: hidden !important;
    isolation: isolate;
}

body > header.home_hero.home_hero_upgrade.sm-hero-clean
.home_hero_girl_canvas{
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: inherit !important;
}

body > header.home_hero.home_hero_upgrade.sm-hero-clean
.home_hero_girl_img{
    position: absolute !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: 126% !important;
    height: 108% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateX(-50%) scale(1.10) !important;
    transform-origin: center top !important;
    z-index: 2 !important;
}

/* Keep the box frame and glow visible above the image edge. */
body > header.home_hero.home_hero_upgrade.sm-hero-clean
.home_hero_visual_glow{
    z-index: 4 !important;
}