:root{
  --red:#b63a20;
  --red-dark:#8f2615;
  --gold:#d4af37;
  --navy:#071b3d;
  --cream:#fff8eb;
  --text:#262626;
  --muted:#666;
  --line:#eadfca;
  --shadow:0 16px 45px rgba(0,0,0,.12);
}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.7;background:#fff}
a{text-decoration:none}
img{max-width:100%;display:block}
.top-contact{background:#fff;border-bottom:1px solid #eee;padding:12px 0}
.brand-wrap{display:flex;align-items:center;gap:12px}
.brand-wrap img{width:78px;height:78px;object-fit:contain}
.brand-title{font-size:22px;font-weight:800;color:#a86600;line-height:1.15}
.brand-sub{font-size:15px;font-weight:700;color:#333}
.contact-inline{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.contact-inline a{color:#222;font-weight:700}
.contact-inline i{color:#a86600;margin-right:6px}
.main-nav{background:linear-gradient(90deg,var(--red),#c1461f);box-shadow:0 8px 24px rgba(0,0,0,.18);position:sticky;top:0;z-index:1000}
.main-nav .nav-link{color:#fff!important;font-weight:800;padding:15px 14px!important}
.main-nav .nav-link:hover,.main-nav .nav-link.active{background:rgba(255,255,255,.14)}
.navbar-toggler{background:#2f3040;border:0}
.hero-section{position:relative;min-height:700px;padding:80px 0;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-section::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.48),rgba(0,0,0,.28));z-index:-1}
.hero-copy h1{font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.12;color:#fff}
.hero-copy .lead{color:#fff;font-size:22px;font-weight:700}
.hero-copy p{color:#f5f5f5}
.hero-points{list-style:none;padding:0;margin:20px 0}
.hero-points li{color:#fff;font-size:18px;font-weight:700;margin:8px 0}
.hero-form{background:rgba(255,255,255,.97);padding:24px;border-radius:18px;box-shadow:var(--shadow)}
.hero-form h2{text-align:center;font-weight:800;margin-bottom:18px}
.hero-form .form-control,.hero-form .form-select{padding:13px;border:2px solid #d5d5d5}
.hero-form .btn{width:100%;background:var(--red);color:#fff;font-weight:800;padding:13px}
.hero-form .btn:hover{background:var(--red-dark)}
.section{padding:70px 0}
.section-soft{background:#faf8f4}
.section-dark{background:#111;color:#fff}
.section-title{text-align:center;max-width:850px;margin:0 auto 38px}
.section-title span{color:#9a6500;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.section-title h2{font-size:clamp(30px,4vw,44px);font-weight:800;margin:8px 0}
.section-title p{color:var(--muted)}
.card-clean{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.10);height:100%;display:flex;flex-direction:column;transition:.3s}
.card-clean:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.14)}
.card-clean img{width:100%;height:240px;object-fit:cover}
.card-body-clean{padding:20px;display:flex;flex-direction:column;flex:1;text-align:center}
.card-body-clean h3{font-size:21px;font-weight:800;margin-bottom:10px}
.card-body-clean p{color:#555}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}
.card-actions a{padding:10px;border:1px solid #222;border-radius:8px;color:#111;font-weight:700}
.card-actions a.whatsapp{background:#25d366;color:#fff;border-color:#25d366}
.about-box{background:#fff;padding:34px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.about-box p{text-align:justify;color:#555}
.founder-section{background:linear-gradient(135deg,#111,#1c1c1c);color:#fff;border-top:4px solid var(--gold);border-bottom:4px solid var(--gold)}
.founder-image{width:100%;max-width:420px;height:470px;object-fit:cover;border-radius:16px;border:4px solid var(--gold);box-shadow:0 0 35px rgba(212,175,55,.28)}
.founder-section h2{color:var(--gold);font-size:17px;letter-spacing:2px;text-transform:uppercase}
.founder-section h3{font-size:42px;font-weight:800}
.founder-section p{color:#ddd;text-align:justify}
.service-icon{width:58px;height:58px;border-radius:16px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:26px;margin:0 auto 14px}
.quick-box{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px;text-align:center;height:100%;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.quick-box a{color:#111;font-weight:700}
.faq-section .accordion-button{font-weight:700}
.footer{
    background:#0f0f0f;
    color:#ddd;
    padding:45px 0 20px;
}

.footer h4{
    color:var(--gold);
    font-weight:800;
    font-size:22px;
    margin-bottom:18px;
}

.footer p,
.footer a,
.footer li{
    font-size:15px;
    line-height:1.7;
    color:#ddd;
}

.footer a{
    text-decoration:none;
    transition:.3s;
}

.footer a:hover{
    color:var(--gold);
    padding-left:5px;
}

.footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer li{
    margin:8px 0;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.15);
    margin-top:30px;
    padding:18px 10px;
    text-align:center;
    color:var(--gold);
    font-size:15px;
}
.float-actions{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;flex-direction:column;gap:10px}
.float-actions a{padding:12px 16px;border-radius:999px;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.float-call{background:#0b3266}.float-wa{background:#25d366}
.page-hero{position:relative;min-height:420px;display:flex;align-items:center;text-align:center;color:#fff}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62);z-index:-1}
.page-hero h1{font-size:clamp(42px,6vw,68px);font-weight:800}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-grid img{width:100%;height:290px;object-fit:cover;border-radius:15px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
@media(max-width:991px){
  .brand-wrap{justify-content:center}
  .contact-inline{margin-top:14px}
  .hero-section{padding:50px 0;min-height:auto}
  .hero-copy{text-align:center}
  .hero-copy h1{font-size:42px}
  .hero-form{margin-top:26px}
}
@media(max-width:767px){
  .card-actions{grid-template-columns:1fr}
  .founder-image{height:360px}
  .gallery-grid{grid-template-columns:1fr}
}

/* ===== Mobile Footer ===== */

@media (max-width:768px){

.footer{
    padding:30px 0 15px;
    text-align:center;
}

.footer .row>div{
    margin-bottom:25px;
}

.footer h4{
    font-size:18px;
    margin-bottom:10px;
}

.footer p,
.footer a,
.footer li{
    font-size:14px;
    line-height:1.5;
}

.footer li{
    margin:5px 0;
}

.footer-bottom{
    margin-top:15px;
    padding:12px 5px;
    font-size:13px;
}

}
/* Performance-safe rendering optimizations */
@supports (content-visibility:auto){
  main > section:not(:first-child), body > section:not(.home-hero):not(.page-hero){content-visibility:auto;contain-intrinsic-size:1px 700px}
}
img{height:auto}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}