:root{--maroon:#8f1028;--maroon2:#b31332;--blue:#102d7a;--ink:#141827;--muted:#667085;--light:#f7f7f9;--line:#e6e8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--maroon);color:#fff;padding:8px 0;font-size:13px}.topbar .row{display:flex;justify-content:space-between;gap:20px}
.header-main{background:#fff}.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0}.logo{width:270px;height:auto}.contact-mini{display:flex;gap:28px;align-items:center;font-size:14px}.contact-mini span{display:flex;align-items:center;gap:9px}.contact-mini i{color:var(--maroon)}
.navbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:1000}.nav-row{display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;align-items:stretch}.navlinks>a,.dropbtn{padding:16px 15px;font-size:12px;font-weight:800;text-transform:uppercase;white-space:nowrap}.navlinks>a:hover,.drop:hover .dropbtn,.navlinks>a.active{background:var(--maroon);color:#fff}
.drop{position:relative}.dropbtn{border:0;background:none;font:inherit;cursor:pointer;color:inherit}.dropmenu{display:none;position:absolute;top:100%;left:0;min-width:300px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.14);border-top:3px solid var(--maroon);max-height:70vh;overflow:auto}.drop:hover .dropmenu{display:block}.dropmenu a{display:block;padding:11px 15px;font-size:13px;border-bottom:1px solid #f0f1f4}.dropmenu a:hover{background:#f8eef0;color:var(--maroon)}
.mobile-menu{display:none;background:none;border:0;font-size:24px;color:var(--maroon)}
.area-strip{background:#faf5f6;border-bottom:1px solid #eee;padding:8px 0;overflow:auto;white-space:nowrap}.area-strip a{font-size:12px;color:#6c1024;font-weight:700;margin-right:20px}.area-strip a:hover{text-decoration:underline}
.hero{min-height:590px;background:#fafafa;position:relative;overflow:hidden}.slide{display:none;min-height:590px}.slide.active{display:block}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px}.hero-copy{padding:55px 30px 55px 0;position:relative;z-index:2}.eyebrow{font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--maroon)}h1{font-size:clamp(40px,5vw,67px);line-height:1.03;letter-spacing:-2.5px;margin:12px 0 22px}h1 span{color:var(--maroon)}.lead{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border-radius:5px;font-weight:850;border:1px solid var(--maroon);transition:.2s}.btn-primary{background:var(--maroon);color:#fff}.btn-primary:hover{background:#741021;transform:translateY(-2px)}.btn-outline{color:var(--maroon);background:#fff}.btn-outline:hover{background:#faf0f2}
.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px;font-weight:650}.hero-points div:before{content:"✓";color:var(--maroon);font-weight:900;margin-right:8px}.hero-image{height:590px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fafafa 0%,rgba(250,250,250,.15) 25%,rgba(0,0,0,.02) 100%)}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border:0;border-radius:50%;background:var(--maroon);color:#fff;z-index:5;cursor:pointer;font-size:26px}.prev{left:18px}.next{right:18px}.dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:#ddd;border:0;padding:0;cursor:pointer}.dot.active{background:var(--maroon)}
.stats{margin-top:-30px;position:relative;z-index:10}.stats-box{background:var(--maroon);color:#fff;border-radius:15px;padding:24px 30px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 20px 45px rgba(83,0,20,.18)}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.3)}.stat:last-child{border:0}.stat strong{display:block;font-size:31px}.stat span{font-size:13px;opacity:.9}
.section{padding:85px 0}.gray{background:var(--light)}.center{text-align:center}h2{font-size:clamp(31px,4vw,46px);line-height:1.1;letter-spacing:-1.5px;margin:10px 0 15px}.intro{color:var(--muted);max-width:700px;margin:0 auto 40px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px;text-align:left;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.07)}.icon{width:52px;height:52px;border-radius:50%;background:#faeef0;color:var(--maroon);display:grid;place-items:center;font-size:21px;margin-bottom:17px}.card h3{font-size:18px;margin:0 0 8px}.card p{color:var(--muted);font-size:14px;margin:0}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-img{border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.12)}.feature-list{display:grid;gap:11px;margin:25px 0;color:#344054}.feature-list div:before{content:"✓";color:var(--maroon);font-weight:900;margin-right:10px}
.ticker{background:var(--maroon);color:#fff;padding:10px 0;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;animation:scroll 28s linear infinite}.ticker span{margin-right:55px;font-weight:650;font-size:13px}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.page-hero{padding:70px 0;text-align:center;background:linear-gradient(135deg,#fff,#f9eef1)}.page-hero h1{font-size:54px}.page-hero p{max-width:720px;margin:auto;color:var(--muted);font-size:18px}.breadcrumb{font-size:13px;color:#667085;margin-bottom:12px}
.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.area-card{border:1px solid var(--line);border-radius:14px;padding:23px;background:#fff}.area-card h3{font-size:17px;margin:0 0 8px;color:var(--blue)}.area-card p{font-size:14px;color:var(--muted)}.area-card a{color:var(--maroon);font-weight:800;font-size:13px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-card{border:1px solid var(--line);border-radius:14px;padding:30px}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea,select{width:100%;padding:14px;border:1px solid #dfe3ea;border-radius:6px;font:inherit}textarea{resize:vertical}
footer{background:#0d1326;color:#aeb7c8;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer-title{color:#fff;font-weight:800;margin-bottom:12px}.footer-links{display:grid;gap:8px;font-size:13px}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid #252d42;margin-top:35px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:1000px){.navlinks{display:none}.mobile-menu{display:block}.navlinks.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.1)}.nav-row{position:relative}.dropmenu{position:static;box-shadow:none;border-top:0;max-height:none}.drop:hover .dropmenu{display:none}.drop.open .dropmenu{display:block}.hero-grid,.feature,.contact-grid{grid-template-columns:1fr}.hero-image{height:420px;order:-1}.slide,.hero,.hero-grid{min-height:auto}.hero-copy{padding:55px 0}.cards{grid-template-columns:1fr 1fr}.stats-box{grid-template-columns:1fr 1fr;gap:18px}.stat:nth-child(2){border:0}.area-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar .row{flex-direction:column;gap:2px}.header-row{padding:10px 0}.logo{width:220px}.contact-mini{display:none}.hero-points{grid-template-columns:1fr}.hero-image{height:330px}.cards,.area-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.stats-box{grid-template-columns:1fr 1fr;padding:20px 10px}.stat strong{font-size:25px}.page-hero h1{font-size:40px}.section{padding:65px 0}.copyright{display:block}}

/* ===== Header scrolling service marquee ===== */
.header-marquee{
    width:100%;
    background:#faf5f6;
    border-bottom:1px solid #eee;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
}
.header-marquee:before,
.header-marquee:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:45px;
    z-index:2;
    pointer-events:none;
}
.header-marquee:before{
    left:0;
    background:linear-gradient(90deg,#faf5f6,rgba(250,245,246,0));
}
.header-marquee:after{
    right:0;
    background:linear-gradient(270deg,#faf5f6,rgba(250,245,246,0));
}
.header-marquee-track{
    display:flex;
    width:max-content;
    animation:headerMarquee 55s linear infinite;
    will-change:transform;
}
.header-marquee-group{
    display:flex;
    align-items:center;
    flex-shrink:0;
}
.header-marquee a{
    display:inline-flex;
    align-items:center;
    min-height:54px;
    padding:0 22px;
    color:#6c1024;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}
.header-marquee a:after{
    content:"•";
    color:var(--maroon);
    margin-left:44px;
    font-size:16px;
}
.header-marquee a:hover{
    color:var(--maroon2);
}
.header-marquee:hover .header-marquee-track{
    animation-play-state:paused;
}
@keyframes headerMarquee{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

/* ===== Footer WhatsApp + Call actions ===== */
.footer-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:35px;
    padding-top:25px;
    border-top:1px solid #252d42;
}
.footer-action{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:13px 20px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.footer-action:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}
.footer-action i{
    font-size:23px;
    flex:0 0 auto;
}
.footer-action span{
    font-size:14px;
    font-weight:700;
}
.footer-action strong{
    font-size:15px;
    letter-spacing:.2px;
}
.footer-action.whatsapp{
    background:#1d7f4d;
    border-color:#1d7f4d;
}
.footer-action.whatsapp:hover{
    background:#17683f;
}
.footer-action.call{
    background:var(--maroon);
    border-color:var(--maroon);
}
.footer-action.call:hover{
    background:#741021;
}

@media(max-width:600px){
    .header-marquee a{
        min-height:48px;
        padding:0 14px;
        font-size:12px;
    }
    .header-marquee a:after{
        margin-left:25px;
    }
    .header-marquee-track{
        animation-duration:42s;
    }
    .footer-actions{
        grid-template-columns:1fr;
        margin-top:28px;
        padding-top:20px;
    }
    .footer-action{
        justify-content:flex-start;
        padding-left:18px;
    }
}


/* ===== Fixed Call + WhatsApp buttons ===== */
.floating-contact-actions{
    position:fixed;
    right:16px;
    top:68%;
    transform:translateY(-50%);
    z-index:99999;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    padding:12px 8px;
    background:rgba(255,255,255,.96);
    border-radius:4px;
    box-shadow:0 4px 18px rgba(0,0,0,.08);
}
.floating-contact-actions a{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:38px;
    line-height:1;
    box-shadow:0 5px 15px rgba(0,0,0,.18);
    transition:transform .25s ease, box-shadow .25s ease;
}
.floating-contact-actions a:hover{
    transform:scale(1.08);
    box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.floating-call{background:#d71920}
.floating-whatsapp{background:#20c75a}
.floating-contact-actions a i{margin:0}

@media(max-width:600px){
    .floating-contact-actions{
        right:8px;
        top:70%;
        gap:10px;
        padding:7px 5px;
    }
    .floating-contact-actions a{
        width:54px;
        height:54px;
        font-size:28px;
    }
}