/* ==========================================================================
   AVERDISO INDUSTRY DESIGN SYSTEM v2.0
   PART 1A.1 — FOUNDATION
   ========================================================================== */


/* ==========================================================================
   DESIGN TOKENS
   ========================================================================== */

:root{

    --industry-bg:#f7f8fa;
    --industry-white:#ffffff;

    --industry-dark:#111111;
    --industry-dark-2:#1d1d1d;

    --industry-border:rgba(0,0,0,.08);
    --industry-border-light:rgba(255,255,255,.08);

    --industry-text:#444444;
    --industry-muted:#707070;

    --industry-shadow-sm:
        0 8px 24px rgba(0,0,0,.04);

    --industry-shadow:
        0 18px 40px rgba(0,0,0,.06);

    --industry-shadow-lg:
        0 30px 70px rgba(0,0,0,.08);

    --industry-radius-sm:18px;
    --industry-radius:26px;
    --industry-radius-lg:40px;

    --section-space:8rem;
}



/* ==========================================================================
   GLOBAL SECTIONS
   ========================================================================== */

.industry-section{

    padding:var(--section-space) 0;

}

.industry-section-sm{

    padding:5rem 0;

}

.industry-section-lg{

    padding:10rem 0;

}

.industry-light{

    background:#ffffff;

}

.industry-gray{

    background:var(--industry-bg);

}

.industry-dark{

    background:var(--industry-dark);

    color:white;

}

.industry-gradient{

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f7f8fa 100%
    );

}



/* ==========================================================================
   CONTAINERS
   ========================================================================== */

.industry-container{

    max-width:1320px;

    margin:auto;

    padding-left:2rem;
    padding-right:2rem;

}

.industry-container-narrow{

    max-width:950px;

    margin:auto;

}

.industry-container-wide{

    max-width:1500px;

    margin:auto;

}



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

.hero-industry{

    padding-top:10rem;

    padding-bottom:6rem;

    position:relative;

}

.hero-industry::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at top right,
    rgba(74,222,181,.08),
    transparent 45%);

    pointer-events:none;

}

.hero-content{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}

.hero-kicker{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    padding:.65rem 1.2rem;

    border-radius:999px;

    background:#ffffff;

    border:1px solid var(--industry-border);

    font-size:.82rem;

    letter-spacing:.12em;

    text-transform:uppercase;

    font-weight:600;

}

.hero-title{

    margin-top:1.8rem;

    margin-bottom:1.8rem;

    font-size:clamp(3rem,6vw,5.5rem);

    line-height:1.05;

    font-weight:500;

}

.hero-subtitle{

    max-width:760px;

    margin:auto;

    color:var(--industry-muted);

    line-height:1.9;

    font-size:1.1rem;

}

.hero-actions{

    margin-top:3rem;

    display:flex;

    justify-content:center;

    gap:1rem;

    flex-wrap:wrap;

}



/* ==========================================================================
   SECTION HEADERS
   ========================================================================== */

.section-header{

    max-width:760px;

    margin:0 auto 4rem;

    text-align:center;

}

.section-kicker{

    display:inline-block;

    margin-bottom:1rem;

    letter-spacing:.12em;

    text-transform:uppercase;

    font-size:.8rem;

    font-weight:700;

    color:#888;

}

.section-title{

    font-size:clamp(2rem,4vw,3.6rem);

    line-height:1.15;

    margin-bottom:1.2rem;

}

.section-description{

    color:var(--industry-muted);

    line-height:1.9;

    font-size:1.05rem;

}



/* ==========================================================================
   PREMIUM GRID SYSTEM
   ========================================================================== */

.grid-auto{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:2rem;

}

.grid-2{

    display:grid;

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

    gap:3rem;

}

.grid-3{

    display:grid;

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

    gap:2rem;

}

.grid-4{

    display:grid;

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

    gap:2rem;

}

.align-center{

    align-items:center;

}



/* ==========================================================================
   EXECUTIVE CARDS
   ========================================================================== */

.executive-card{

    background:#ffffff;

    border-radius:var(--industry-radius);

    border:1px solid var(--industry-border);

    padding:2.5rem;

    box-shadow:var(--industry-shadow);

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}

.executive-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--industry-shadow-lg);

}

.executive-card-dark{

    background:var(--industry-dark);

    color:white;

    border:1px solid rgba(255,255,255,.08);

}

.executive-card-glass{

    background:rgba(255,255,255,.72);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.4);

}



/* ==========================================================================
   METRICS
   ========================================================================== */

.metric-card{

    text-align:center;

}

.metric-number{

    font-size:3.3rem;

    font-weight:700;

    line-height:1;

    margin-bottom:.75rem;

}

.metric-title{

    font-size:1rem;

    color:var(--industry-muted);

    line-height:1.7;

}

.metric-divider{

    width:60px;

    height:2px;

    background:#111;

    margin:1.5rem auto;

}



/* ==========================================================================
   IMAGE PANELS
   ========================================================================== */

.image-panel{

    overflow:hidden;

    border-radius:var(--industry-radius-lg);

    box-shadow:var(--industry-shadow-lg);

}

.image-panel img{

    width:100%;

    display:block;

    object-fit:cover;

    transition:transform .7s ease;

}

.image-panel:hover img{

    transform:scale(1.04);

}



/* ==========================================================================
   UTILITIES
   ========================================================================== */

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

.mt-1{margin-top:1rem;}
.mt-2{margin-top:2rem;}
.mt-3{margin-top:3rem;}
.mt-4{margin-top:4rem;}
.mt-5{margin-top:5rem;}

.mb-1{margin-bottom:1rem;}
.mb-2{margin-bottom:2rem;}
.mb-3{margin-bottom:3rem;}
.mb-4{margin-bottom:4rem;}
.mb-5{margin-bottom:5rem;}

.rounded{

    border-radius:var(--industry-radius);

}

.shadow{

    box-shadow:var(--industry-shadow);

}

/* ==========================================================================
   PART 1A.2
   PREMIUM COMPONENTS
   ========================================================================== */


/* ==========================================================================
   SOLUTION CARDS
   ========================================================================== */

.solution-card{

    position:relative;

    overflow:hidden;

    background:#ffffff;

    border:1px solid rgba(0,0,0,.08);

    border-radius:32px;

    padding:3rem;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

    box-shadow:
    0 20px 45px rgba(0,0,0,.05);

}

.solution-card:hover{

    transform:translateY(-10px);

    border-color:#4ADEB5;

    box-shadow:
    0 35px 70px rgba(0,0,0,.10);

}

.solution-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:
    linear-gradient(
        90deg,
        #4ADEB5,
        #6ED8FF
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.solution-card:hover::before{

    transform:scaleX(1);

}

.solution-number{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:56px;
    height:56px;

    border-radius:18px;

    background:#f7f8fa;

    font-size:1rem;

    font-weight:700;

    margin-bottom:1.75rem;

}

.solution-card h3{

    font-size:1.7rem;

    margin-bottom:1rem;

    line-height:1.3;

}

.solution-card p{

    color:var(--industry-muted);

    line-height:1.8;

}



/* ==========================================================================
   FEATURE BLOCKS
   ========================================================================== */

.feature-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:2rem;

}

.feature-item{

    display:flex;

    align-items:flex-start;

    gap:1.2rem;

}

.feature-icon{

    width:62px;
    height:62px;

    flex-shrink:0;

    border-radius:18px;

    background:#111111;

    color:white;

    display:flex;

    justify-content:center;
    align-items:center;

    font-size:1.3rem;

}

.feature-content h4{

    margin-bottom:.6rem;

    font-size:1.2rem;

}

.feature-content p{

    color:var(--industry-muted);

    line-height:1.7;

}



/* ==========================================================================
   NUMBERED STRATEGY CARDS
   ========================================================================== */

.strategy-card{

    position:relative;

    padding:2.5rem;

    background:#ffffff;

    border-radius:28px;

    border:1px solid rgba(0,0,0,.07);

}

.strategy-index{

    position:absolute;

    top:24px;
    right:24px;

    font-size:4rem;

    font-weight:700;

    color:rgba(0,0,0,.05);

    line-height:1;

}

.strategy-card h3{

    margin-bottom:1rem;

}

.strategy-card p{

    color:var(--industry-muted);

    line-height:1.8;

}



/* ==========================================================================
   SERVICE PILLS
   ========================================================================== */

.service-pill-group{

    display:flex;

    flex-wrap:wrap;

    gap:.8rem;

    margin-top:2rem;

}

.service-pill{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    text-decoration:none;

    padding:.8rem 1.2rem;

    border-radius:999px;

    background:#f7f8fa;

    color:#111111;

    border:1px solid rgba(0,0,0,.07);

    font-size:.92rem;

    font-weight:600;

    transition:.3s;

}

.service-pill:hover{

    background:#111111;

    color:white;

    transform:translateY(-2px);

}



/* ==========================================================================
   DARK CONTENT BLOCK
   ========================================================================== */

.dark-panel{

    background:#111111;

    color:white;

    padding:4rem;

    border-radius:36px;

    position:relative;

    overflow:hidden;

}

.dark-panel::after{

    content:"";

    position:absolute;

    right:-80px;
    top:-80px;

    width:250px;
    height:250px;

    border-radius:50%;

    background:

    radial-gradient(

        rgba(74,222,181,.18),

        transparent

    );

}

.dark-panel p{

    color:#c8c8c8;

    line-height:1.9;

}



/* ==========================================================================
   FLOATING ACCENT CARD
   ========================================================================== */

.accent-card{

    background:white;

    border-radius:24px;

    padding:2rem;

    box-shadow:

    0 25px 50px rgba(0,0,0,.10);

    border:1px solid rgba(0,0,0,.06);

}

.accent-label{

    font-size:.8rem;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:#999;

    margin-bottom:.75rem;

}

.accent-value{

    font-size:2.4rem;

    font-weight:700;

}



/* ==========================================================================
   EXECUTIVE QUOTE
   ========================================================================== */

.executive-quote{

    position:relative;

    max-width:900px;

    margin:auto;

    text-align:center;

    padding:5rem 3rem;

}

.executive-quote::before{

    content:"“";

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    top:-15px;

    font-size:7rem;

    color:rgba(0,0,0,.06);

}

.executive-quote p{

    font-size:1.45rem;

    line-height:1.8;

    color:#444;

}

.executive-quote span{

    display:block;

    margin-top:2rem;

    font-weight:600;

    color:#888;

}



/* ==========================================================================
   DIVIDERS
   ========================================================================== */

.section-divider{

    width:100%;

    height:1px;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(0,0,0,.08),

        transparent

    );

    margin:6rem 0;

}



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

@media(max-width:992px){

.grid-2,
.grid-3,
.grid-4{

grid-template-columns:1fr;

}

.dark-panel{

padding:2.5rem;

}

.solution-card{

padding:2rem;

}

.hero-title{

font-size:3rem;

}

.section-title{

font-size:2.3rem;

}

}

@media(max-width:768px){

.hero-industry{

padding-top:7rem;

padding-bottom:4rem;

}

.hero-actions{

flex-direction:column;

}

.solution-number{

width:48px;
height:48px;

}

.executive-quote{

padding:3rem 1rem;

}

.executive-quote p{

font-size:1.15rem;

}

}

/* ==========================================================================
   PART 1B
   CONSULTING COMPONENTS
   ========================================================================== */


/* ==========================================================================
   GROWTH FLYWHEEL
   ========================================================================== */

.growth-framework{

    max-width:1200px;
    margin:auto;

}

.framework-grid{

    display:grid;

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

    gap:2rem;

    position:relative;

}

.framework-grid::before{

    content:"";

    position:absolute;

    left:10%;
    right:10%;
    top:50%;

    height:2px;

    background:
    linear-gradient(
        90deg,
        transparent,
        #4ADEB5,
        transparent
    );

    z-index:0;

}

.framework-step{

    position:relative;

    background:white;

    border:1px solid rgba(0,0,0,.08);

    border-radius:28px;

    padding:2.5rem;

    text-align:center;

    z-index:2;

    transition:.35s;

}

.framework-step:hover{

    transform:translateY(-8px);

    box-shadow:
    0 25px 50px rgba(0,0,0,.08);

}

.framework-icon{

    width:74px;
    height:74px;

    margin:auto auto 1.5rem;

    border-radius:22px;

    background:#111;

    color:white;

    display:flex;

    justify-content:center;
    align-items:center;

    font-size:1.6rem;

}

.framework-step h3{

    margin-bottom:.8rem;

    font-size:1.35rem;

}

.framework-step p{

    color:var(--industry-muted);

    line-height:1.7;

}



/* ==========================================================================
   GROWTH FRICTION MAP
   ========================================================================== */

.friction-map{

    display:grid;

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

    gap:3rem;

}

.friction-column{

    background:white;

    border-radius:30px;

    border:1px solid rgba(0,0,0,.08);

    overflow:hidden;

}

.friction-header{

    padding:1.5rem 2rem;

    font-size:1.2rem;

    font-weight:700;

}

.friction-current .friction-header{

    background:#FFECEC;

    color:#B22222;

}

.friction-future .friction-header{

    background:#ECFFF6;

    color:#138A5A;

}

.friction-list{

    list-style:none;

    padding:2rem;

    margin:0;

}

.friction-list li{

    display:flex;

    gap:1rem;

    padding:1rem 0;

    border-bottom:1px solid rgba(0,0,0,.06);

}

.friction-list li:last-child{

    border:none;

}

.friction-icon{

    width:32px;
    height:32px;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    flex-shrink:0;

    font-weight:700;

}

.current{

    background:#FFE4E4;

    color:#C62828;

}

.future{

    background:#DDF8EB;

    color:#0F9D58;

}



/* ==========================================================================
   EXECUTIVE DASHBOARD
   ========================================================================== */

.dashboard{

    background:#111;

    border-radius:36px;

    padding:3rem;

    color:white;

}

.dashboard-grid{

    display:grid;

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

    gap:1.5rem;

}

.dashboard-widget{

    background:#1d1d1d;

    border:1px solid rgba(255,255,255,.06);

    border-radius:24px;

    padding:1.75rem;

}

.dashboard-label{

    color:#999;

    font-size:.85rem;

    margin-bottom:1rem;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.dashboard-value{

    font-size:2rem;

    font-weight:700;

}

.metric-bar{

    margin-top:1.2rem;

    width:100%;
    height:10px;

    border-radius:999px;

    background:#2b2b2b;

    overflow:hidden;

}

.metric-fill{

    height:100%;

    border-radius:999px;

    background:
    linear-gradient(
        90deg,
        #4ADEB5,
        #6ED8FF
    );

}



/* ==========================================================================
   BEFORE / AFTER
   ========================================================================== */

.before-after{

    display:grid;

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

    gap:3rem;

}

.comparison-card{

    border-radius:30px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.08);

}

.comparison-title{

    padding:1.6rem;

    font-weight:700;

    font-size:1.2rem;

}

.before{

    background:#FFF5F5;

}

.after{

    background:#F5FFF9;

}

.comparison-body{

    background:white;

    padding:2rem;

}

.comparison-item{

    display:flex;

    align-items:center;

    gap:1rem;

    padding:1rem 0;

    border-bottom:1px solid rgba(0,0,0,.06);

}

.comparison-item:last-child{

    border:none;

}



/* ==========================================================================
   TECHNOLOGY STACK
   ========================================================================== */

.tech-stack{

    display:grid;

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

    gap:2rem;

}

.tech-column{

    background:white;

    border:1px solid rgba(0,0,0,.08);

    border-radius:28px;

    padding:2rem;

}

.tech-column h3{

    margin-bottom:1.5rem;

    text-align:center;

}

.tech-item{

    padding:.9rem 1rem;

    margin-bottom:.8rem;

    border-radius:14px;

    background:#f7f8fa;

    text-align:center;

    transition:.3s;

}

.tech-item:hover{

    background:#111;

    color:white;

}



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

.timeline{

    position:relative;

    max-width:1000px;

    margin:auto;

}

.timeline::before{

    content:"";

    position:absolute;

    left:36px;
    top:0;
    bottom:0;

    width:3px;

    background:#4ADEB5;

}

.timeline-item{

    position:relative;

    margin-left:100px;

    margin-bottom:3rem;

}

.timeline-dot{

    position:absolute;

    left:-76px;
    top:10px;

    width:22px;
    height:22px;

    border-radius:50%;

    background:#111;

    border:5px solid #4ADEB5;

}

.timeline-card{

    background:white;

    border-radius:24px;

    border:1px solid rgba(0,0,0,.08);

    padding:2rem;

}



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

@media(max-width:992px){

.framework-grid,
.dashboard-grid,
.tech-stack,
.before-after,
.friction-map{

grid-template-columns:1fr;

}

.framework-grid::before{

display:none;

}

.timeline-item{

margin-left:60px;

}

.timeline::before{

left:20px;

}

.timeline-dot{

left:-48px;

}

}

/* ==========================================================================
   PART 1C
   FINAL COMPONENTS
   ========================================================================== */


/* ==========================================================================
   FAQ
   ========================================================================== */

.faq-grid{

    display:grid;

    gap:1.5rem;

    max-width:900px;

    margin:auto;

}

.faq-item{

    background:#ffffff;

    border:1px solid rgba(0,0,0,.08);

    border-radius:24px;

    overflow:hidden;

    transition:.3s;

}

.faq-item:hover{

    box-shadow:0 20px 40px rgba(0,0,0,.06);

}

.faq-question{

    padding:1.8rem 2rem;

    font-size:1.1rem;

    font-weight:600;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

}

.faq-question span{

    font-size:1.6rem;

    color:#999;

}

.faq-answer{

    padding:0 2rem 2rem;

    color:var(--industry-muted);

    line-height:1.8;

}



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

.industry-cta{

    position:relative;

    overflow:hidden;

    background:#111111;

    color:white;

    border-radius:40px;

    padding:7rem 4rem;

    text-align:center;

}

.industry-cta::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-180px;
    top:-180px;

    border-radius:50%;

    background:

    radial-gradient(

        rgba(74,222,181,.18),

        transparent

    );

}

.industry-cta::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    left:-120px;
    bottom:-120px;

    border-radius:50%;

    background:

    radial-gradient(

        rgba(255,107,107,.12),

        transparent

    );

}

.industry-cta>*{

    position:relative;

    z-index:2;

}

.industry-cta h2{

    font-size:clamp(2.8rem,5vw,4.8rem);

    margin-bottom:1.5rem;

    line-height:1.1;

}

.industry-cta p{

    max-width:700px;

    margin:0 auto 2.5rem;

    color:#d2d2d2;

    line-height:1.9;

    font-size:1.1rem;

}



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

.btn-industry{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:.8rem;

    padding:1rem 2rem;

    border-radius:999px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.btn-industry-dark{

    background:#111111;

    color:white;

}

.btn-industry-dark:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.btn-industry-light{

    background:white;

    color:#111111;

}

.btn-industry-light:hover{

    transform:translateY(-3px);

}



/* ==========================================================================
   BADGES
   ========================================================================== */

.industry-badge{

    display:inline-block;

    padding:.75rem 1.2rem;

    border-radius:999px;

    background:#f7f8fa;

    border:1px solid rgba(0,0,0,.08);

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.industry-badge-dark{

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    color:white;

}



/* ==========================================================================
   ICON BOX
   ========================================================================== */

.icon-box{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:#111111;

    color:white;

    font-size:1.5rem;

}



/* ==========================================================================
   CALLOUT PANEL
   ========================================================================== */

.callout{

    border-left:5px solid #4ADEB5;

    background:#f8fafb;

    padding:2rem;

    border-radius:20px;

}

.callout h3{

    margin-bottom:.75rem;

}

.callout p{

    color:var(--industry-muted);

    line-height:1.8;

}



/* ==========================================================================
   LOGO STRIP
   ========================================================================== */

.logo-strip{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:3rem;

    align-items:center;

    opacity:.65;

}

.logo-strip img{

    height:42px;

    filter:grayscale(100%);

    transition:.3s;

}

.logo-strip img:hover{

    filter:none;

    opacity:1;

}



/* ==========================================================================
   STATS BAR
   ========================================================================== */

.stats-bar{

    display:grid;

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

    gap:2rem;

    padding:3rem;

    background:white;

    border-radius:28px;

    border:1px solid rgba(0,0,0,.08);

}

.stats-item{

    text-align:center;

}

.stats-item h3{

    font-size:2.2rem;

    margin-bottom:.5rem;

}

.stats-item p{

    color:var(--industry-muted);

}



/* ==========================================================================
   HOVER GLOW
   ========================================================================== */

.hover-glow{

    transition:.35s;

}

.hover-glow:hover{

    transform:translateY(-6px);

    box-shadow:

    0 0 40px rgba(74,222,181,.15),

    0 25px 50px rgba(0,0,0,.08);

}



/* ==========================================================================
   FADE ANIMATION
   ========================================================================== */

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

.fade-up{

    animation:fadeUp .8s ease both;

}



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

@media(max-width:992px){

.stats-bar{

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

}

.industry-cta{

padding:5rem 2rem;

}

}

@media(max-width:768px){

.stats-bar{

grid-template-columns:1fr;

}

.btn-industry{

width:100%;

}

.industry-cta h2{

font-size:2.5rem;

}

.industry-cta{

padding:4rem 1.5rem;

}

.faq-question{

padding:1.5rem;

}

.faq-answer{

padding:0 1.5rem 1.5rem;

}

}

/* ==========================================================================
   AVERDISO INDUSTRY HTML COMPATIBILITY + PREMIUM OVERRIDES
   ========================================================================== */


/* ==============================
   HERO UPGRADE
================================ */

.hero-subpage.hero-industry {

    padding-top: 11rem;
    padding-bottom: 7rem;
    position: relative;
    overflow:hidden;

}


.hero-subpage.hero-industry::after {

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-250px;
    top:-200px;

    background:
    radial-gradient(
        circle,
        rgba(74,222,181,.15),
        transparent 65%
    );

    pointer-events:none;

}



.hero-industry .badge {

    display:inline-flex;

    padding:.75rem 1.4rem;

    border-radius:999px;

    background:#fff;

    border:1px solid rgba(0,0,0,.08);

    font-size:.8rem;

    letter-spacing:.12em;

    font-weight:700;

}



.hero-industry .large-text {

    font-size:clamp(3rem,6vw,5.8rem);

    letter-spacing:-3px;

    line-height:1.05;

    font-weight:500;

}



.hero-industry .section-desc {

    font-size:1.15rem;

    line-height:1.9;

    color:#707070;

}



/* ==============================
   HERO IMAGE
================================ */

.hero-industry + section img {

    transition:.6s ease;

}


.hero-industry + section img:hover {

    transform:scale(1.02);

}



.hero-industry + section > div {

    border:1px solid rgba(0,0,0,.06);

}



/* ==============================
   INDUSTRY STATS
================================ */

.industry-stats-grid {


    display:grid;

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

    gap:2rem;

}



.stat-card {


    background:white;

    border-radius:30px;

    padding:3rem 2rem;

    text-align:center;

    border:1px solid rgba(0,0,0,.08);

    box-shadow:
    0 20px 50px rgba(0,0,0,.05);

    transition:.35s ease;


}



.stat-card:hover {


    transform:translateY(-8px);

    box-shadow:
    0 35px 70px rgba(0,0,0,.1);


}



.stat-number {


    font-size:4rem;

    font-weight:700;

    letter-spacing:-2px;

    line-height:1;

    margin-bottom:1rem;

}



.stat-label {


    color:#707070;

    line-height:1.7;

}



/* ==============================
   BOTTLENECK SECTION
================================ */

.grid-2 > div:first-child h2 {


    letter-spacing:-1px;

}


.grid-2 > div:nth-child(2) {


    box-shadow:
    0 20px 50px rgba(0,0,0,.04);


}



/* ==============================
   SOLUTION CARDS IMPROVEMENT
================================ */


.solution-card {


    min-height:340px;

}



.solution-card h3 {


    letter-spacing:-.5px;


}



.solution-card p {


    font-size:1.02rem;


}



/* ==============================
   APPROACH IMAGE
================================ */


.section img[src*="P4"] {


    border:1px solid rgba(0,0,0,.08);

}



/* ==============================
   CTA PREMIUM VERSION
================================ */


section[style*="background: #111111"] {


    position:relative;

    overflow:hidden;


}



section[style*="background: #111111"]::before {


    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-150px;

    top:-150px;


    background:
    radial-gradient(
    circle,
    rgba(74,222,181,.18),
    transparent 65%
    );


}



section[style*="background: #111111"] > * {


    position:relative;

    z-index:2;

}



/* ==============================
   FOOTER IMPROVEMENTS
================================ */


footer {


    margin-top:5rem;

}


.footer-socials a {


    transition:.3s ease;


}


.footer-socials a:hover {


    transform:translateY(-5px);

}



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


@media(max-width:992px){


.industry-stats-grid {


grid-template-columns:1fr;


}



.hero-industry .large-text {


letter-spacing:-1px;


}



}



@media(max-width:768px){


.hero-subpage.hero-industry {


padding-top:7rem;


}



.hero-industry .large-text {


font-size:2.7rem;


}



.stat-number {


font-size:3rem;


}



.solution-card {


min-height:auto;


}



}