.home-hero{position:relative;overflow:hidden;padding:96px 0 108px;background:linear-gradient(120deg,#071f46,#0e478e 62%,#1470b8);color:#fff}.home-hero:after{content:"";position:absolute;right:-15%;top:-40%;width:58%;height:170%;border:1px solid #ffffff2b;border-radius:50%;transform:rotate(-18deg)}.home-hero .container{position:relative;z-index:1}.home-hero h1{max-width:780px;margin:12px 0 15px;color:#fff;font-size:clamp(2.4rem,5vw,5rem);line-height:1.02;letter-spacing:-.035em}.home-hero p{max-width:650px;color:#dcebff;font-size:1.08rem}.home-hero .eyebrow{color:#f7d36b}.home-hero .btn-outline{color:#fff;border-color:#bfd8f7}.home-hero .hero-visual{z-index:1}.home-hero + .stat-strip{position:relative;z-index:2;margin-top:-35px;box-shadow:0 18px 44px #102a521f;border:1px solid #dce6f2;border-radius:14px;overflow:hidden;background:#fff}.home-hero + .stat-strip .stat{border-right:1px solid #e7edf5}.home-hero + .stat-strip .stat strong{color:#103b78}.home-hero + .stat-strip .stat span{font-weight:700;color:#68788e}.home-redesign-section{padding:88px 0}.home-redesign-section.soft{background:#f5f8fc}.home-redesign-section .section-head{max-width:720px;margin-bottom:30px}.home-redesign-section .section-head h2{color:#102c54;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1}.home-redesign-section .section-head p{color:#68788e}.home-redesign-section .steps .step,.home-redesign-section .card{min-width:0;border:1px solid #dce6f2;box-shadow:0 8px 24px #102a520d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.home-redesign-section .steps .step:hover,.home-redesign-section .card:hover{transform:translateY(-7px);border-color:#a9c5e8;box-shadow:0 20px 40px #102a5221}.home-benefit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-benefit-card{padding:25px;border:1px solid #dce6f2;border-radius:14px;background:#fff;box-shadow:0 8px 24px #102a520d;transition:transform .22s ease,box-shadow .22s ease}.home-benefit-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #102a5221}.home-benefit-card b{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;border-radius:12px;background:#eaf2ff;color:#103b78}.home-benefit-card h3{margin:0 0 7px;color:#103b78}.home-benefit-card p{margin:0;color:#68788e}.home-compliance{padding:20px;border-left:4px solid #d9a441;border-radius:10px;background:#fffbf2;color:#604b24}@media(max-width:800px){.home-benefit-row{grid-template-columns:1fr 1fr}}@media(max-width:560px){.home-hero{padding:68px 0 80px}.home-hero h1{font-size:2.55rem}.home-benefit-row{grid-template-columns:1fr}.home-redesign-section{padding:60px 0}}
.home-visual-slider{background:#0b2d5f;border:1px solid rgba(255,255,255,.18);position:relative;width:100%;height:auto!important;min-height:0;overflow:hidden;border-radius:24px;display:block;line-height:0;font-size:0}.home-visual-slider:before{content:none}.home-visual-slider .hero-slide{position:static!important;inset:auto!important;width:100%!important;height:auto!important;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;display:none!important;z-index:1;margin:0!important;padding:0!important;line-height:0!important;font-size:0!important;float:none!important;clear:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important}.home-visual-slider .hero-slide.is-active{display:block!important;opacity:1;visibility:visible;transition:opacity .7s ease}.home-visual-slider .hero-slide picture{display:block!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;line-height:0!important;font-size:0!important;position:static!important;inset:auto!important}.home-visual-slider .hero-slide picture img,.home-visual-slider .hero-banner-image{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important;object-position:center;max-width:100%!important;margin:0!important;padding:0!important;vertical-align:top!important;position:static!important;inset:auto!important;max-height:none!important;min-height:0}



/* =========================================
   STATIC HOME HERO
========================================= */

.static-hero {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    display: flex;
    align-items: center;
    isolation: isolate;
}

/* Background image */
.static-hero .hero-background {
    position: absolute;
    inset: 0;
    z-index: -3;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Dark overlay so text remains readable */
.static-hero .hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;

    background:
        linear-gradient(
            90deg,
            rgba(5, 15, 40, 0.92) 0%,
            rgba(5, 15, 40, 0.75) 42%,
            rgba(5, 15, 40, 0.30) 75%,
            rgba(5, 15, 40, 0.10) 100%
        );
}

/* Content */
.static-hero .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.static-hero .hero-text {
    max-width: 700px;
    padding: 80px 0;
}

/* Small eyebrow */
.static-hero .eyebrow {
    display: inline-block;
    margin-bottom: 18px;
}

/* Heading */
.static-hero h1 {
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(40px, 5vw, 70px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1px;
}

/* Description */
.static-hero p {
    max-width: 620px;
    margin: 0 0 30px;
    color: rgba(255,255,255,0.88);
    font-size: 18px;
    line-height: 1.7;
}

/* Buttons */
.static-hero .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.static-hero .btn-outline {
    color: #fff;
    border-color: rgba(255,255,255,0.55);
    background: rgba(255,255,255,0.06);
}

.static-hero .btn-outline:hover {
    background: rgba(255,255,255,0.15);
    border-color: #fff;
}

/* Mobile */
@media (max-width: 700px) {

    .static-hero {
        min-height: 650px;
    }

    .static-hero .hero-background {
        background-position: center;
    }

    .static-hero .hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5,15,40,0.78),
                rgba(5,15,40,0.94)
            );
    }

    .static-hero .hero-text {
        padding: 70px 20px;
    }

    .static-hero h1 {
        font-size: 38px;
    }

    .static-hero p {
        font-size: 16px;
    }

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

    .static-hero .hero-actions .btn {
        text-align: center;
    }
}