/* ==================================================
   DMHT ULTIMATE PREMIUM V2
   FOUNDATION SYSTEM
================================================== */

:root{

    /* BRAND */

    --primary:#003B8E;
    --primary-light:#0A84FF;
    --secondary:#00D4FF;

    --success:#00C897;
    --success-dark:#009F77;

    --gold:#C9A227;
    --gold-light:#F7D774;

    /* TEXT */

    --dark:#081B33;
    --dark-soft:#102A43;

    --text:#64748B;
    --text-light:#94A3B8;

    /* BACKGROUND */

    --white:#FFFFFF;

    --bg-light:#F8FBFF;
    --bg-soft:#F1F7FF;

    /* EFFECTS */

    --radius:30px;
    --radius-lg:40px;

    --shadow-sm:
        0 10px 25px rgba(15,23,42,.05);

    --shadow:
        0 20px 45px rgba(15,23,42,.08);

    --shadow-lg:
        0 35px 80px rgba(15,23,42,.12);

    --transition:.45s cubic-bezier(.4,0,.2,1);

}

/* ==================================================
   RESET PREMIUM
================================================== */

section{
    position:relative;
    overflow:hidden;
}

img{
    max-width:100%;
    height:auto;
}

a{
    text-decoration:none;
}

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

/* ==================================================
   ANIMATIONS
================================================== */

@keyframes floatSoft{

    0%,100%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-20px);
    }

}

@keyframes pulseGlow{

    0%,100%{
        box-shadow:
            0 0 0 rgba(10,132,255,.25);
    }

    50%{
        box-shadow:
            0 0 45px rgba(10,132,255,.30);
    }

}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:
        translateY(40px);
    }

    to{
        opacity:1;
        transform:
        translateY(0);
    }

}

@keyframes shine{

    from{
        left:-120%;
    }

    to{
        left:130%;
    }

}

@keyframes rotateSlow{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

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

.pricing-hero{

    position:relative;

    padding:
        190px 0
        170px;

    background:

        linear-gradient(
            135deg,
            #041426 0%,
            #003B8E 45%,
            #0A84FF 75%,
            #00D4FF 100%
        );

    color:#fff;

}

.pricing-hero::before{

    content:'';

    position:absolute;

    width:800px;
    height:800px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.10),
        transparent 70%
    );

    top:-350px;
    right:-250px;

}

.pricing-hero::after{

    content:'';

    position:absolute;

    width:600px;
    height:600px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(0,212,255,.18),
        transparent 70%
    );

    bottom:-250px;
    left:-200px;

}

.hero-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(80px);

    opacity:.35;

    animation:
    floatSoft 10s ease-in-out infinite;

}

.hero-circle-1{

    width:450px;
    height:450px;

    background:#00FFD5;

    top:-120px;
    left:-120px;

}

.hero-circle-2{

    width:400px;
    height:400px;

    background:#FFFFFF;

    bottom:-120px;
    right:-120px;

    animation-delay:3s;

}

.pricing-badge{

    display:inline-flex;

    align-items:center;
    gap:10px;

    padding:
        15px 32px;

    border-radius:999px;

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

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

    backdrop-filter:
    blur(18px);

    font-weight:700;

    margin-bottom:30px;

    animation:
    fadeUp .8s ease;

}

.pricing-hero h1{

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

    font-weight:900;

    line-height:1.05;

    margin-bottom:25px;

    animation:
    fadeUp 1s ease;

}

.pricing-hero p{

    max-width:850px;

    margin:auto;

    font-size:1.2rem;

    line-height:1.9;

    opacity:.95;

    animation:
    fadeUp 1.2s ease;

}

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

.pricing-section,
.software-section,
.roi-section,
.faq-section{

    padding:
    130px 0;

}

.pricing-section::before,
.software-section::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(10,132,255,.04),
        transparent 40%
    );

    pointer-events:none;

}

/* ==================================================
   TITRES
================================================== */

.section-title{

    margin-bottom:80px;

}

.section-title h2{

    font-size:
    clamp(2.3rem,4vw,3.8rem);

    font-weight:900;

    color:var(--dark);

    margin-bottom:20px;

}

.section-title p{

    max-width:850px;

    margin:auto;

    color:var(--text);

    line-height:1.9;

}

.section-tag,
.software-tag,
.section-badge{

    display:inline-block;

    padding:
    12px 24px;

    border-radius:999px;

    font-size:.85rem;

    font-weight:700;

    letter-spacing:.5px;

}

/* ==================================================
   CARDS PREMIUM
================================================== */

.pricing-card,
.software-card,
.roi-card{

    position:relative;

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

    backdrop-filter:
    blur(12px);

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

    border-radius:
    var(--radius);

    overflow:hidden;

    transition:
    var(--transition);

}

.pricing-card::before,
.software-card::before{

    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

}

.pricing-card:hover::before,
.software-card:hover::before{

    animation:
    shine 1.2s ease;

}

.pricing-card:hover,
.software-card:hover,
.roi-card:hover{

    transform:
    translateY(-12px);

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

}

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

.recommended{

    position:absolute;

    top:20px;
    right:20px;

    padding:
    10px 18px;

    border-radius:999px;

    background:
    linear-gradient(
        135deg,
        var(--gold),
        var(--gold-light)
    );

    color:#111;

    font-size:.75rem;

    font-weight:800;

    letter-spacing:.5px;

    z-index:5;

    box-shadow:
    0 10px 25px rgba(201,162,39,.30);

}

/* ==================================================
   BOUTONS PREMIUM
================================================== */

.pricing-btn,
.software-btn{

    position:relative;

    display:inline-flex;

    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;

    padding:
    16px 28px;

    border-radius:16px;

    font-weight:700;

    overflow:hidden;

    transition:
    var(--transition);

}

.pricing-btn::before,
.software-btn::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        var(--primary),
        var(--primary-light)
    );

    z-index:-2;

}

.pricing-btn::after,
.software-btn::after{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        var(--primary-light),
        var(--secondary)
    );

    opacity:0;

    transition:.4s;

    z-index:-1;

}

.pricing-btn:hover,
.software-btn:hover{

    transform:
    translateY(-4px);

    color:#fff;

}

.pricing-btn:hover::after,
.software-btn:hover::after{

    opacity:1;

}

.pricing-btn:hover{

    box-shadow:
    0 18px 40px rgba(10,132,255,.35);

}
/* ==================================================
   BIOMEDICAL ULTIMATE PREMIUM
================================================== */

.biomedical-section{

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

}

.biomedical-section::before{

    content:'';

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(0,200,151,.08),
        transparent 70%
    );

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

}

.biomedical-section::after{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(10,132,255,.05),
        transparent 70%
    );

    bottom:-180px;
    left:-180px;

}

.biomedical-card{

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #fbfdff
    );

    border-top:
    6px solid var(--success);

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

}

.biomedical-card h3{

    color:var(--dark);

    font-size:1.8rem;

    font-weight:800;

    margin-bottom:20px;

}

.biomedical-card .price{

    font-size:2.2rem;

    color:var(--success-dark);

    font-weight:900;

    margin-bottom:20px;

}

.biomedical-card .price strong{

    font-size:2.6rem;

}

.biomedical-card p{

    color:var(--text);

    line-height:1.9;

}

.biomedical-card.featured{

    border:
    2px solid var(--primary-light);

    transform:
    scale(1.03);

    box-shadow:
    0 30px 70px rgba(10,132,255,.18);

}

.biomedical-card.featured:hover{

    transform:
    scale(1.03)
    translateY(-10px);

}

.biomedical-card.premium{

    background:

    linear-gradient(
        135deg,
        #08203d,
        #0f4a88
    );

    border:none;

}

.biomedical-card.premium h3,
.biomedical-card.premium p,
.biomedical-card.premium li,
.biomedical-card.premium .price{

    color:#fff;

}

.biomedical-card.premium .pricing-btn{

    background:#fff;
    color:var(--primary);

}

.biomedical-card.premium .pricing-btn:hover{

    color:#fff;

}

/* ==================================================
   GARANTIE
================================================== */

.guarantee-box{

    padding:50px;

    border-radius:30px;

    background:

    linear-gradient(
        135deg,
        #ffffff,
        #f7fbff
    );

    border-left:
    6px solid var(--primary);

    box-shadow:
    var(--shadow);

}

.guarantee-box h4{

    color:var(--dark);

    font-size:1.7rem;

    font-weight:800;

    margin-bottom:20px;

}

.guarantee-box p{

    color:var(--text);

    line-height:1.9;

    margin:0;

}

/* ==================================================
   INFORMATIQUE MÉDICALE ULTIMATE
================================================== */

.informatique-section{

    background:

    linear-gradient(
        180deg,
        #f6f8ff,
        #ffffff
    );

}

.informatique-card{

    position:relative;

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

    backdrop-filter:
    blur(12px);

    border:
    1px solid rgba(91,95,255,.10);

    border-top:
    6px solid var(--cyber);

}

.informatique-card:hover{

    border-color:
    rgba(91,95,255,.25);

}

.informatique-card h3{

    font-size:1.8rem;

    font-weight:800;

    color:var(--dark);

}

.informatique-card .price{

    font-size:2.8rem;

    color:var(--cyber);

    font-weight:900;

}

.price-note{

    display:inline-flex;

    align-items:center;

    padding:
    8px 18px;

    border-radius:999px;

    background:
    rgba(91,95,255,.10);

    color:var(--cyber);

    font-size:.8rem;

    font-weight:700;

    margin-bottom:20px;

}

.package-description{

    color:var(--text);

    line-height:1.8;

}

.offer-note{

    background:

    #f8fbff;

    padding:15px;

    border-radius:14px;

    font-size:.85rem;

    line-height:1.7;

    color:var(--text);

}

.premium-notice{

    padding:50px;

    border-radius:30px;

    background:

    linear-gradient(
        135deg,
        #ffffff,
        #eef5ff
    );

    border-left:
    6px solid var(--cyber);

    box-shadow:
    var(--shadow);

}

.premium-notice h4{

    font-size:1.8rem;

    font-weight:800;

    color:var(--dark);

    margin-bottom:20px;

}

.premium-notice p{

    color:var(--text);

    line-height:1.9;

}

/* ==================================================
   FEATURE LIST ULTIMATE
================================================== */

.feature-list{

    list-style:none;

    padding:0;

    margin:30px 0;

}

.feature-list li{

    position:relative;

    padding:
    14px 0 14px 34px;

    color:var(--text);

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

}

.feature-list li:last-child{

    border-bottom:none;

}

.feature-list li::before{

    content:'✓';

    position:absolute;

    left:0;

    top:14px;

    color:var(--success);

    font-weight:800;

}

/* ==================================================
   WASTE MANAGEMENT PREMIUM
================================================== */

.waste-section{

    background:

    linear-gradient(
        180deg,
        #f8fcfb,
        #ffffff
    );

}

.waste-badge{

    background:
    rgba(16,185,129,.12);

    color:#059669;

    padding:
    12px 24px;

    border-radius:999px;

    font-weight:700;

}

.pricing-note{

    max-width:850px;

    margin:
    30px auto 0;

    padding:18px 25px;

    border-radius:18px;

    background:#fff;

    border-left:
    5px solid #10b981;

    box-shadow:
    0 10px 25px rgba(0,0,0,.05);

}

.waste-card{

    background:#fff;

    border-radius:28px;

    padding:40px 30px;

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

    text-align:center;

}

.waste-card::before{

    height:6px;

    background:

    linear-gradient(
        90deg,
        #10b981,
        #14b8a6
    );

}

.waste-card:hover{

    transform:
    translateY(-12px);

}

.waste-card .card-icon{

    width:90px;
    height:90px;

    margin:auto auto 25px;

    border-radius:50%;

    background:

    linear-gradient(
        135deg,
        #10b981,
        #14b8a6
    );

    display:flex;

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

    box-shadow:
    0 15px 35px rgba(16,185,129,.25);

}

.waste-card .card-icon i{

    font-size:38px;

    color:#fff;

}

.waste-card h3{

    font-size:1.5rem;

    font-weight:800;

    color:var(--dark);

    margin-bottom:15px;

}

.waste-card .price{

    color:#10b981;

    font-size:2.4rem;

    font-weight:900;

}

.waste-card p{

    color:var(--text);

    line-height:1.8;

}

.premium-card{

    border:
    2px solid #10b981;

    transform:
    scale(1.03);

}

.premium-card:hover{

    transform:
    scale(1.03)
    translateY(-12px);

}

.premium-card .card-icon{

    animation:
    pulseGlow 4s infinite;

}
/* ==================================================
   GOVERNMENT SOFTWARE ULTIMATE
================================================== */

.government-software-section{

    position:relative;

    padding:140px 0;

    background:

    linear-gradient(
        180deg,
        #fafcff 0%,
        #f5f8fc 100%
    );

}

.government-software-section::before{

    content:'';

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(10,132,255,.05),
        transparent 70%
    );

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

}

.software-badge{

    background:
    linear-gradient(
        135deg,
        #0B3D91,
        #0A84FF
    );

    color:#fff;

}

.section-subtitle{

    max-width:900px;

    margin:auto;

    color:var(--text);

    line-height:1.9;

}

/* ==================================================
   SOFTWARE CARDS
================================================== */

.software-card{

    position:relative;

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

    backdrop-filter:
    blur(12px);

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

    border-radius:32px;

    padding:45px;

    height:100%;

    display:flex;
    flex-direction:column;

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

}

.software-card:hover{

    border-color:
    rgba(10,132,255,.25);

}

.software-card .card-icon{

    width:90px;
    height:90px;

    border-radius:24px;

    background:

    linear-gradient(
        135deg,
        #0B3D91,
        #0A84FF
    );

    color:#fff;

    display:flex;

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

    font-size:38px;

    margin-bottom:25px;

    box-shadow:
    0 20px 40px rgba(10,132,255,.25);

}

.software-card h3{

    font-size:1.7rem;

    font-weight:800;

    color:var(--dark);

    margin-bottom:15px;

}

.software-card .price{

    font-size:2.5rem;

    color:#0B3D91;

    font-weight:900;

    margin-bottom:10px;

}

.project-range{

    display:inline-block;

    padding:
    8px 18px;

    border-radius:999px;

    background:
    rgba(201,162,39,.12);

    color:#B88A00;

    font-size:.85rem;

    font-weight:700;

    margin-bottom:20px;

}

.software-card p{

    color:var(--text);

    line-height:1.9;

}

/* ==================================================
   FEATURED SOFTWARE
================================================== */

.software-card.featured{

    border:
    2px solid var(--gold);

    transform:
    scale(1.03);

}

.software-card.featured:hover{

    transform:
    scale(1.03)
    translateY(-10px);

}

.software-card.featured::after{

    content:'';

    position:absolute;

    inset:0;

    border-radius:32px;

    padding:2px;

    background:
    linear-gradient(
        135deg,
        var(--gold),
        #fff3c4
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

}

/* ==================================================
   INFRASTRUCTURE
================================================== */

.government-note{

    margin-top:90px;

}

.note-box{

    padding:55px;

    border-radius:35px;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f8fbff
    );

    box-shadow:
    var(--shadow);

}

.note-box h4{

    font-size:2rem;

    font-weight:800;

    color:var(--dark);

    margin-bottom:20px;

}

.note-box p{

    color:var(--text);

    line-height:1.9;

}

.infra-grid{

    display:grid;

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

    gap:25px;

    margin-top:40px;

}

.infra-item{

    background:#fff;

    padding:30px;

    border-radius:22px;

    text-align:center;

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

    transition:
    var(--transition);

}

.infra-item:hover{

    transform:
    translateY(-8px);

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

}

.infra-item strong{

    display:block;

    color:var(--dark);

    font-size:1.1rem;

    margin-bottom:10px;

}

.infra-price{

    color:var(--text);

    line-height:1.6;

}

/* ==================================================
   ROI SECTION
================================================== */

.roi-section{

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fbff
    );

}

.roi-card{

    padding:50px 35px;

    border-radius:30px;

    background:#fff;

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

}

.roi-icon{

    width:90px;
    height:90px;

    margin:auto auto 25px;

    border-radius:24px;

    display:flex;

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

    font-size:42px;

    background:

    linear-gradient(
        135deg,
        #0A84FF,
        #00D4FF
    );

    color:#fff;

}

.roi-card h4{

    font-size:1.4rem;

    font-weight:800;

    color:var(--dark);

}

.roi-card p{

    color:var(--text);

    line-height:1.8;

}

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

.faq-section{

    background:
    linear-gradient(
        180deg,
        #f8fbff,
        #ffffff
    );

}

.accordion-item{

    border:none !important;

    border-radius:24px !important;

    overflow:hidden;

    margin-bottom:20px;

    box-shadow:
    0 15px 40px rgba(15,23,42,.05);

}

.accordion-button{

    padding:28px;

    font-weight:700;

    color:var(--dark);

    background:#fff;

    box-shadow:none !important;

}

.accordion-button:not(.collapsed){

    background:

    linear-gradient(
        135deg,
        #003B8E,
        #0A84FF
    );

    color:#fff;

}

.accordion-body{

    padding:28px;

    line-height:1.9;

    color:var(--text);

}

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

.pricing-cta{

    position:relative;

    overflow:hidden;

    padding:160px 0;

    background:

    linear-gradient(
        135deg,
        #02152c,
        #003B8E,
        #0A84FF
    );

}

.pricing-cta::before{

    content:'';

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(255,255,255,.12),
        transparent 70%
    );

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

}

.pricing-cta::after{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(0,212,255,.15),
        transparent 70%
    );

    bottom:-200px;
    left:-200px;

}

.cta-content{

    position:relative;

    z-index:2;

}

.cta-badge{

    display:inline-flex;

    align-items:center;
    gap:10px;

    padding:
    14px 28px;

    border-radius:999px;

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

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

    color:#fff;

    margin-bottom:30px;

}

.pricing-cta h2{

    font-size:
    clamp(2.5rem,5vw,4.5rem);

    font-weight:900;

    color:#fff;

    margin-bottom:25px;

}

.pricing-cta p{

    max-width:900px;

    margin:auto;

    color:rgba(255,255,255,.92);

    line-height:1.9;

    margin-bottom:40px;

}

.premium-btn{

    max-width:420px;

    margin:auto;

    animation:
    pulseGlow 4s infinite;

}

.cta-trust{

    margin-top:40px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:25px;

}

.cta-trust span{

    color:#fff;

    font-weight:600;

}

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

@media(max-width:1200px){

    .infra-grid{

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

    }

}

@media(max-width:991px){

    .pricing-section,
    .software-section,
    .faq-section,
    .roi-section{

        padding:100px 0;

    }

    .software-card,
    .pricing-card{

        padding:35px;

    }

    .note-box{

        padding:40px;

    }

}

@media(max-width:768px){

    .infra-grid{

        grid-template-columns:1fr;

    }

    .software-card,
    .pricing-card{

        padding:30px;

    }

    .note-box{

        padding:30px;

    }

    .cta-trust{

        flex-direction:column;

        gap:15px;

    }

}

@media(max-width:576px){

    .pricing-hero{

        padding:
        140px 0
        100px;

    }

    .pricing-cta{

        padding:
        120px 0;

    }

    .software-card,
    .pricing-card,
    .roi-card{

        padding:25px;

    }

    .card-icon{

        width:75px;
        height:75px;

        font-size:32px;

    }

}

/* ==================================================
   DEMO EXECUTIVE PREMIUM
================================================== */

.demo-video-section{

    padding:140px 0 100px;

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

}

.badge-demo{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 28px;

    border-radius:999px;

    background:
    rgba(10,132,255,.10);

    color:var(--primary);

    font-size:.85rem;

    font-weight:800;

    letter-spacing:.5px;

    margin-bottom:25px;

}

.video-showcase{

    position:relative;

    overflow:hidden;

    border-radius:40px;

    margin-top:60px;

    padding:80px;

    background:
    linear-gradient(
        135deg,
        #02152c,
        #003B8E,
        #0A84FF
    );

    color:#fff;

    box-shadow:
    0 35px 90px rgba(0,59,142,.20);

}

.video-showcase::before{

    content:'';

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.12),
        transparent 70%
    );

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

}

.video-showcase::after{

    content:'';

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(0,212,255,.20),
        transparent 70%
    );

    bottom:-200px;
    left:-200px;

}

.video-content{

    position:relative;

    z-index:2;

}

.demo-label{

    display:inline-block;

    padding:10px 22px;

    border-radius:999px;

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

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

    margin-bottom:25px;

    font-weight:700;

}

.video-content h3{

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

    font-weight:900;

    margin-bottom:25px;

    line-height:1.15;

}

.video-content p{

    font-size:1.1rem;

    line-height:1.9;

    opacity:.95;

}

.demo-stats{

    display:grid;

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

    gap:25px;

    margin-top:50px;

}

.stat-item{

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

    backdrop-filter:
    blur(15px);

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

    border-radius:24px;

    padding:30px;

    text-align:center;

}

.stat-item h4{

    font-size:2rem;

    font-weight:900;

    color:#fff;

    margin-bottom:10px;

}

.stat-item span{

    color:rgba(255,255,255,.90);

}

.play-btn-premium{

    width:110px;
    height:110px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:var(--primary);

    font-size:36px;

    display:flex;

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

    margin:50px auto 20px;

    cursor:pointer;

    transition:var(--transition);

    animation:
    pulseGlow 4s infinite;

}

.play-btn-premium:hover{

    transform:
    scale(1.08);

}

.coming-soon{

    text-align:center;

    color:
    rgba(255,255,255,.85);

}

/* ==================================================
   INSTITUTION BANNER
================================================== */

.institution-banner{

    display:grid;

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

    gap:20px;

    margin-top:50px;

}

.institution-item{

    background:#fff;

    padding:25px;

    border-radius:24px;

    text-align:center;

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

    transition:
    var(--transition);

}

.institution-item:hover{

    transform:
    translateY(-8px);

    box-shadow:
    var(--shadow);

}

.institution-item i{

    font-size:32px;

    color:var(--primary);

    margin-bottom:15px;

    display:block;

}

.institution-item span{

    color:var(--dark);

    font-weight:700;

    font-size:.9rem;

}

/* ==================================================
   DEMO FORM
================================================== */

.demo-form-section{

    padding:120px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fbff
    );

}

.demo-form-card{

    background:#fff;

    padding:60px;

    border-radius:40px;

    box-shadow:
    var(--shadow);

}

.executive-banner{

    display:flex;

    align-items:center;

    gap:25px;

    padding:30px;

    border-radius:25px;

    margin-bottom:50px;

    background:
    linear-gradient(
        135deg,
        var(--primary),
        var(--primary-light)
    );

    color:#fff;

}

.executive-banner i{

    font-size:42px;

}

.executive-banner h4{

    margin-bottom:8px;

    font-weight:800;

}

.executive-banner p{

    margin:0;

    opacity:.95;

}

.demo-form-card input,
.demo-form-card select,
.demo-form-card textarea{

    width:100%;

    padding:16px 20px;

    border-radius:16px;

    border:
    1px solid #dbeafe;

    background:#f8fbff;

}

.demo-form-card textarea{

    min-height:180px;

    resize:none;

}

.btn-demo-submit{

    border:none;

    padding:
    18px 40px;

    border-radius:999px;

    background:
    linear-gradient(
        135deg,
        var(--primary),
        var(--primary-light)
    );

    color:#fff;

    font-size:1rem;

    font-weight:800;

    transition:
    var(--transition);

}

.btn-demo-submit:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 20px 40px rgba(10,132,255,.30);

}

/* ==================================================
   BENEFITS
================================================== */

.demo-benefits-section{

    padding:130px 0;

    background:
    linear-gradient(
        180deg,
        #f8fbff,
        #ffffff
    );

}

.benefit-card{

    height:100%;

    background:#fff;

    border-radius:30px;

    padding:45px 30px;

    text-align:center;

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

    transition:
    var(--transition);

}

.benefit-card:hover{

    transform:
    translateY(-10px);

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

}

.benefit-card i{

    font-size:50px;

    color:var(--primary);

    margin-bottom:25px;

}

.benefit-card h4{

    font-weight:800;

    color:var(--dark);

    margin-bottom:15px;

}

.benefit-card p{

    color:var(--text);

    line-height:1.8;

}

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

@media(max-width:992px){

    .demo-stats{

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

    }

    .institution-banner{

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

    }

    .video-showcase{

        padding:50px;

    }

}

@media(max-width:768px){

    .demo-stats{

        grid-template-columns:1fr;

    }

    .institution-banner{

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

    }

    .demo-form-card{

        padding:35px;

    }

    .executive-banner{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:576px){

    .institution-banner{

        grid-template-columns:1fr;

    }

    .video-showcase{

        padding:35px;

    }

}

/* ==================================================
   DMHT NAVBAR GLOBAL FIX
================================================== */

/* Espace réservé à la navbar fixe */

main{

    padding-top:170px;

}

/* Pages avec Hero */

.hero-section,
.demo-video-section,
.pricing-hero,
.contact-hero,
.about-hero{

    padding-top:40px;

}

/* Scroll navbar */

.premium-navbar.navbar-scrolled{

    top:10px;

    min-height:78px;

}

/* Responsive */

@media(max-width:1199px){

    .premium-navbar{

        width:100%;

        max-width:100%;

        left:0;

        top:0;

        transform:none;

        border-radius:0;

        padding:12px 20px;

    }

    main{

        padding-top:110px;

    }

}

@media(max-width:768px){

    main{

        padding-top:100px;

    }

}