@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap');

:root{
  --bg:#070707;
  --bg2:#0d0c0b;
  --panel:#11100f;
  --panel2:#171411;
  --copper:#c88748;
  --copper2:#e4a45f;
  --bronze:#8b5b32;
  --cream:#f2ece4;
  --muted:#b9afa4;
  --line:rgba(210,153,91,.24);
  --line2:rgba(255,255,255,.08);
  --green:#25d366;
  --max:1220px;
  --shadow:0 20px 55px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--cream);
  font-family:'Montserrat',Arial,sans-serif;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.eyebrow{
  color:var(--copper2);font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  font-size:.78rem;margin-bottom:.55rem
}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2.5rem,6vw,5.6rem);line-height:.94;letter-spacing:-.045em}
h2{font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.03em}
h3{line-height:1.15}
p{color:var(--muted)}
.gold{color:var(--copper2)}
.section{padding:86px 0;border-top:1px solid var(--line2)}
.section-tight{padding:58px 0}
.section-dark{background:linear-gradient(180deg,#0c0b0a,#070707)}
.grid{display:grid;gap:20px}
.two-col{grid-template-columns:1.08fr .92fr;align-items:center}
.three-col{grid-template-columns:repeat(3,1fr)}
.four-col{grid-template-columns:repeat(4,1fr)}
.badge{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  color:var(--copper2);padding:7px 11px;border-radius:999px;font-size:.68rem;
  letter-spacing:.11em;text-transform:uppercase;background:rgba(200,135,72,.06)
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 21px;border-radius:5px;border:1px solid transparent;
  font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  transition:.2s ease;cursor:pointer
}
.btn-primary{background:linear-gradient(135deg,var(--copper2),#b87336);color:#111}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-outline{border-color:rgba(227,166,96,.65);color:var(--cream);background:rgba(5,5,5,.5)}
.btn-outline:hover{border-color:var(--copper2);background:rgba(200,135,72,.08)}
.btn-whatsapp{border-color:rgba(37,211,102,.45);color:#62e995;background:rgba(37,211,102,.05)}
.actions{display:flex;gap:12px;flex-wrap:wrap}

/* Header */
.site-header{
  height:94px;position:sticky;top:0;z-index:50;background:rgba(7,7,7,.96);
  backdrop-filter:blur(13px);border-bottom:1px solid var(--line2)
}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:13px;min-width:268px}
.brand img{width:66px;height:66px;object-fit:contain}
.brand-text{line-height:1}
.brand-name{font-weight:800;letter-spacing:.22em;color:var(--copper2);font-size:1.08rem}
.brand-sub{display:block;color:#ddd;font-size:.79rem;letter-spacing:.28em;margin-top:6px}
.brand-sub b{color:var(--copper2)}
.brand-tag{display:block;font-size:.43rem;letter-spacing:.26em;color:#a9a098;margin-top:7px}
.main-nav{display:flex;align-items:center;gap:20px}
.main-nav>a,.dropbtn{
  font-size:.67rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#ddd;background:none;border:0;padding:35px 0;cursor:pointer;white-space:nowrap
}
.main-nav>a:hover,.dropbtn:hover,.main-nav>a.active{color:var(--copper2)}
.dropdown{position:relative}
.dropdown-menu{
  position:absolute;top:80px;left:-18px;min-width:260px;padding:12px;
  background:#0c0b0b;border:1px solid var(--line);box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s
}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none}
.dropdown-menu a{
  display:block;padding:11px 12px;border-radius:4px;color:#c9c0b7;font-size:.72rem
}
.dropdown-menu a:hover{background:rgba(200,135,72,.09);color:var(--copper2)}
.nav-cta{min-height:44px;padding-inline:18px}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--cream);width:42px;height:42px}

/* Hero */
.hero{
  min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;
  border-bottom:1px solid var(--line2)
}
.hero-bg{
  position:absolute;inset:0;background:url('../img/hero-cinema.webp') 67% center/cover no-repeat;
}
.hero-bg:after{
  content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.82) 31%,rgba(5,5,5,.28) 62%,rgba(5,5,5,.04) 100%),
    linear-gradient(0deg,rgba(7,7,7,.62),transparent 46%);
}
.hero-content{position:relative;z-index:2;max-width:720px;padding:104px 0 66px}
.hero h1 span{display:block}
.hero-copy{font-size:1.05rem;max-width:610px;color:#d5cec7}
.hero-points{display:flex;gap:26px;flex-wrap:wrap;margin-top:36px}
.hero-point{display:flex;align-items:center;gap:9px;color:#d9d0c6;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase}
.line-icon{display:inline-flex;width:27px;height:27px;color:var(--copper2)}
.line-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

/* Cards */
.service-grid{grid-template-columns:repeat(4,1fr)}
.service-card,.gallery-card{
  position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);
  border-radius:7px;min-height:365px;box-shadow:0 12px 30px rgba(0,0,0,.22)
}
.service-card > img,.gallery-card img{width:100%;height:230px;object-fit:cover;transition:.45s ease}
.service-image-wrap{position:relative;height:230px;overflow:hidden;background:#0a0a0a}
.service-image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .42s ease,transform .55s ease}
.service-image-after{opacity:1;z-index:1}
.service-image-before{opacity:0;z-index:2}
.service-card:after,.gallery-card:after{
  content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.2) 60%,transparent 100%);
  pointer-events:none
}
.gallery-card:hover img{transform:scale(1.04)}
@media (hover:hover) and (pointer:fine){
  .before-after-card:hover .service-image-after{opacity:0;transform:scale(1.025)}
  .before-after-card:hover .service-image-before{opacity:1;transform:scale(1.025)}
}
@media (hover:none),(pointer:coarse){
  .before-after-card .service-image-after{opacity:1!important;transform:none!important}
  .before-after-card .service-image-before{opacity:0!important;transform:none!important}
}
.card-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px}
.card-body h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:7px}
.card-body p{font-size:.78rem;margin-bottom:0}
.card-link{display:inline-flex;margin-top:11px;color:var(--copper2);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gallery-grid{grid-template-columns:repeat(3,1fr)}
.gallery-card{min-height:390px}
.gallery-card img{height:390px}
.gallery-card .card-body{padding:23px}
.gallery-card h3{font-size:1.12rem}
.gallery-label{position:absolute;z-index:3;top:16px;left:16px}
.notice{
  border:1px solid var(--line);background:rgba(200,135,72,.06);padding:16px 18px;
  color:#cfc5bb;font-size:.8rem;border-radius:5px
}

/* Feature split */
.feature-img{min-height:510px;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.feature-img img{width:100%;height:100%;min-height:510px;object-fit:cover}
.feature-copy{padding:40px}
.feature-copy ul,.content-card ul{padding-left:1.15rem;color:var(--muted)}
.feature-copy li,.content-card li{margin:.5rem 0}

/* Process */
.process-flow{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:34px}
.step{
  padding:22px 12px;border-top:1px solid var(--line);text-align:center;
  background:linear-gradient(180deg,rgba(200,135,72,.03),transparent)
}
.step-num{width:36px;height:36px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--copper);color:var(--copper2);font-size:.72rem;font-weight:800}
.step .line-icon{margin:0 auto 12px}
.step h3{text-transform:uppercase;font-size:.78rem;letter-spacing:.07em}
.step p{font-size:.7rem}
.visual-process{grid-template-columns:repeat(5,1fr);gap:12px}
.visual-step{position:relative}
.visual-step img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:6px}
.visual-step strong{display:block;color:var(--cream);font-size:.72rem;margin-top:10px;text-transform:uppercase}
.visual-step span{color:var(--muted);font-size:.67rem}

/* Smart home */
.smart-hero{background:
  linear-gradient(90deg,rgba(5,5,5,.93),rgba(5,5,5,.24)),
  url('../img/concept-connected-residence.webp') center/cover no-repeat}
.page-hero{
  min-height:520px;display:flex;align-items:end;padding:100px 0 68px;position:relative;
  border-bottom:1px solid var(--line2);background-color:#0a0908;background-size:cover;background-position:center
}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070707 0%,rgba(7,7,7,.15) 60%)}
.page-hero .container{position:relative;z-index:2}
.page-hero p{max-width:720px;font-size:1rem;color:#d6cec6}
.page-hero h1{max-width:900px;font-size:clamp(2.5rem,5vw,4.7rem)}
.service-hero{background-position:center}
.smart-grid{grid-template-columns:repeat(4,1fr)}
.mini-card{
  border:1px solid var(--line);background:linear-gradient(145deg,#12100f,#0b0a09);
  padding:24px;border-radius:6px;min-height:220px
}
.mini-card .line-icon{margin-bottom:18px}
.mini-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}
.mini-card p{font-size:.78rem}
.content-card{border:1px solid var(--line);background:#0e0d0c;padding:28px;border-radius:7px}
.content-card h3{color:var(--copper2)}
.callout{
  padding:55px;background:
  linear-gradient(90deg,rgba(8,8,8,.95),rgba(8,8,8,.35)),
  url('../img/feature-gaming.webp') center/cover no-repeat;
  border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)
}
.callout h2{max-width:750px}

/* Forms */
.contact-grid{grid-template-columns:.8fr 1.2fr;align-items:start}
.form-card{border:1px solid var(--line);background:#0e0d0c;padding:30px;border-radius:8px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;color:#d9d0c8;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
input,select,textarea{
  width:100%;background:#090909;border:1px solid rgba(255,255,255,.13);color:#fff;
  border-radius:4px;padding:13px 14px;outline:none
}
input:focus,select:focus,textarea:focus{border-color:var(--copper)}
textarea{min-height:150px;resize:vertical}
.field{margin-bottom:16px}
.contact-item{padding:18px 0;border-bottom:1px solid var(--line2)}
.contact-item strong{display:block;color:var(--cream)}
.contact-item span,.contact-item a{color:var(--muted);font-size:.9rem}

/* Footer */
.footer{padding:58px 0 22px;border-top:1px solid var(--line);background:#060606}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.35fr 1.15fr;gap:35px}
.footer h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--copper2)}
.footer a,.footer p{display:block;color:#9f978e;font-size:.72rem;margin:.42rem 0}
.footer a:hover{color:var(--copper2)}
.footer-bottom{border-top:1px solid var(--line2);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#766f68;font-size:.68rem}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:58px}

/* misc */
.quote{font-family:'Playfair Display',serif;font-style:italic;color:#d9c7b3;font-size:1.25rem}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}
.reveal.in{opacity:1;transform:none}
.kicker-line{width:48px;height:2px;background:var(--copper);margin-bottom:16px}
.stats{display:flex;gap:35px;flex-wrap:wrap;margin-top:28px}
.stat strong{display:block;font-size:1.5rem;color:var(--copper2)}
.stat span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
hr.sep{border:0;border-top:1px solid var(--line2);margin:30px 0}
.list-clean{list-style:none;padding:0!important;margin:0}
.list-clean li{padding:9px 0;border-bottom:1px solid var(--line2)}
.list-clean li:before{content:"—";color:var(--copper2);margin-right:10px}

/* Responsive */
@media(max-width:1050px){
  .main-nav{display:none;position:absolute;top:94px;left:0;right:0;background:#080808;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 94px);overflow:auto}
  .main-nav.open{display:flex}
  .main-nav>a,.dropbtn{padding:14px 4px;text-align:left;width:100%}
  .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;border-left:1px solid var(--line);margin-left:12px;padding:0 0 0 12px;background:transparent}
  .dropdown.open .dropdown-menu{display:block}
  .menu-toggle{display:grid;place-items:center}
  .desktop-cta{display:none}
  .brand{min-width:0}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .smart-grid{grid-template-columns:repeat(2,1fr)}
  .process-flow{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 26px,var(--max))}
  .site-header{height:78px}
  .main-nav{top:78px}
  .brand img{width:50px;height:50px}
  .brand-name{font-size:.9rem}
  .brand-sub{font-size:.66rem}
  .brand-tag{display:none}
  .hero{min-height:680px}
  .hero-bg{background-position:68% center}
  .hero-bg:after{background:linear-gradient(90deg,rgba(5,5,5,.93),rgba(5,5,5,.70) 64%,rgba(5,5,5,.22)),linear-gradient(0deg,rgba(7,7,7,.86) 0%,transparent 48%)}
  .hero-content{padding-top:85px}
  .hero h1{font-size:clamp(2.45rem,13vw,4rem)}
  .hero-copy{font-size:.92rem}
  .section{padding:62px 0}
  .two-col,.three-col,.four-col,.gallery-grid,.contact-grid,.visual-process{grid-template-columns:1fr}
  .service-grid,.smart-grid{grid-template-columns:1fr}
  .service-card{min-height:420px}
  .service-card > img{height:300px}
  .service-image-wrap{height:300px}
  .gallery-card,.gallery-card img{min-height:430px;height:430px}
  .process-flow{grid-template-columns:repeat(2,1fr)}
  .feature-copy{padding:28px 4px}
  .feature-img,.feature-img img{min-height:380px}
  .form-row{grid-template-columns:1fr}
  .page-hero{min-height:460px;padding-top:85px}
  .callout{padding:36px 24px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:10px}
}
@media(max-width:430px){
  .actions .btn{width:100%}
  .hero-points{gap:15px}
  .process-flow{grid-template-columns:1fr}
}

.gallery-label:empty{display:none}
.notice:empty{display:none}


/* ==========================================================
   V1.6 — soft cool brown / beige visual system
   Footer intentionally remains black.
   ========================================================== */
:root{
  --bg:#9f9287;
  --bg2:#756a61;
  --panel:#574d46;
  --panel2:#675b53;
  --copper:#b86f3b;
  --copper2:#dfa064;
  --bronze:#8a5838;
  --cream:#fff9f3;
  --muted:#544b45;
  --line:rgba(92,72,58,.24);
  --line2:rgba(76,61,51,.14);
  --shadow:0 20px 55px rgba(54,44,38,.22);
}
body{
  background:
    radial-gradient(circle at 15% 5%,rgba(236,231,225,.72),transparent 32%),
    linear-gradient(135deg,#cfc5bc 0%,#aca096 45%,#8c7f75 100%);
  color:#302a26;
  background-attachment:fixed;
}
p{color:#514943}
h1,h2,h3{color:#302a26}
.gold{color:#a55e31}
.eyebrow{color:#a55e31}
.section{
  background:linear-gradient(135deg,rgba(230,224,218,.96),rgba(194,184,175,.96));
  border-top:1px solid rgba(80,64,54,.16);
  color:#302a26;
}
.section p,.section li,.section span{color:#514943}
.section-dark{
  background:linear-gradient(135deg,#786d65 0%,#615750 56%,#514943 100%);
  color:#fff9f3;
}
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark strong{color:#fff9f3}
.section-dark p,.section-dark li,.section-dark span{color:#ece4dc}
.section-dark .gold,.hero .gold,.page-hero .gold,.callout .gold{color:#efa861}
.section-dark .eyebrow,.hero .eyebrow,.page-hero .eyebrow,.callout .eyebrow{color:#efa861}

/* Header: warm espresso/taupe rather than black */
.site-header{
  height:150px;
  background:linear-gradient(90deg,rgba(55,47,42,.98),rgba(76,65,58,.98));
  border-bottom:1px solid rgba(255,245,235,.10);
}
.nav-wrap{gap:14px}
.brand{min-width:345px;gap:12px}
.brand img{width:132px;height:auto;max-height:132px;object-fit:contain}
.brand-name{font-size:1.12rem;color:#efa861}
.brand-sub{color:#fff8f1}
.brand-tag{color:#c9bdb3}
.main-nav>a,.dropbtn{color:#f4ece5;padding:59px 0}
.main-nav>a:hover,.dropbtn:hover,.main-nav>a.active{color:#efa861}
.dropdown-menu{
  top:133px;background:#4c423c;border-color:rgba(239,168,97,.25)
}
.dropdown-menu a{color:#eee5dc}
.dropdown-menu a:hover{background:rgba(239,168,97,.12);color:#efa861}
.menu-toggle{color:#fff7f0;border-color:rgba(239,168,97,.45)}

/* Image heroes retain darker overlays for readability, now warm brown */
.hero-bg:after{
  background:
    linear-gradient(90deg,rgba(47,39,34,.92) 0%,rgba(47,39,34,.78) 31%,rgba(47,39,34,.26) 62%,rgba(47,39,34,.03) 100%),
    linear-gradient(0deg,rgba(47,39,34,.55),transparent 46%);
}
.hero h1,.hero h2,.hero h3,.hero p,.hero .hero-point{color:#fff9f3}
.hero-copy{color:#eee4db}
.page-hero{background-color:#665a52;border-bottom-color:rgba(255,255,255,.10)}
.page-hero:before{background:linear-gradient(0deg,rgba(45,37,33,.82) 0%,rgba(45,37,33,.10) 65%)}
.page-hero h1,.page-hero h2,.page-hero h3,.page-hero p{color:#fff9f3}
.page-hero p{color:#eee4dc}
.smart-hero{
  background:
    linear-gradient(90deg,rgba(45,37,33,.86),rgba(45,37,33,.18)),
    url('../img/smart-home-hero.webp') center/cover no-repeat;
}

/* Cards */
.service-card,.gallery-card{
  background:#574d46;border-color:rgba(180,128,87,.35);box-shadow:0 14px 30px rgba(60,48,40,.20)
}
.service-image-wrap{background:#685c53}
.service-card:after,.gallery-card:after{
  background:linear-gradient(0deg,rgba(49,41,36,.98) 0%,rgba(49,41,36,.28) 60%,transparent 100%)
}
.card-body,.card-body h3,.card-body p{color:#fff8f0!important}
.card-link{color:#f0a45f}
.notice{background:rgba(255,249,243,.46);color:#433a35;border-color:rgba(92,72,58,.22)}

/* Light content panels */
.mini-card,.content-card,.form-card{
  background:linear-gradient(145deg,rgba(244,239,234,.94),rgba(218,208,199,.94));
  border-color:rgba(92,72,58,.22);color:#302a26;box-shadow:0 10px 28px rgba(67,54,46,.10)
}
.mini-card h3,.content-card h3{color:#6b4029}
.mini-card p,.content-card p,.content-card li{color:#514943}
.feature-copy{color:#302a26}
.feature-copy p,.feature-copy li{color:#514943}
.feature-img{border-color:rgba(92,72,58,.24);box-shadow:var(--shadow)}
.step{background:linear-gradient(180deg,rgba(255,249,243,.22),rgba(255,255,255,.02));border-top-color:rgba(165,94,49,.42)}
.step h3{color:inherit}
.visual-step strong{color:#302a26}
.visual-step span{color:#514943}
.section-dark .visual-step strong{color:#fff9f3}
.section-dark .visual-step span{color:#e9e0d7}

/* Forms/contact */
label{color:#4a403a}
input,select,textarea{
  background:#faf6f1;border-color:rgba(92,72,58,.28);color:#302a26
}
input::placeholder,textarea::placeholder{color:#8d8178}
.contact-item{border-bottom-color:rgba(92,72,58,.18)}
.contact-item strong{color:#302a26}
.contact-item span,.contact-item a{color:#514943;display:block}
.quote{color:#6c5142}
.list-clean li{border-bottom-color:rgba(92,72,58,.16)}

/* Buttons */
.btn-primary{background:linear-gradient(135deg,#e1a163,#b96d39);color:#2d241f}
.btn-outline{border-color:rgba(112,71,44,.62);color:#4a3428;background:rgba(255,249,243,.34)}
.btn-outline:hover{background:rgba(255,249,243,.58);border-color:#a55e31}
.hero .btn-outline,.page-hero .btn-outline,.callout .btn-outline,.policy-link{
  color:#fff8f0;border-color:rgba(239,168,97,.72);background:rgba(55,44,37,.38)
}
.callout{
  background:
    linear-gradient(90deg,rgba(52,43,38,.91),rgba(52,43,38,.24)),
    url('../img/feature-gaming.webp') center/cover no-repeat;
  border-color:rgba(239,168,97,.30)
}
.callout h1,.callout h2,.callout h3,.callout p{color:#fff9f3}

/* POPIA long-form page */
.policy-content h2{margin-top:34px;color:#4f3527}
.policy-content li{margin:.45rem 0;color:#514943}
.policy-content a.gold{font-weight:700}

/* Footer intentionally remains black */
.footer{background:#060606;color:#f4ece5;border-top-color:rgba(223,160,100,.26)}
.footer p,.footer a{color:#aaa097}
.footer h4{color:#dfa064}
.footer-brand img{width:116px;height:auto;object-fit:contain}
.footer-bottom{color:#81766e;border-top-color:rgba(255,255,255,.08)}
.footer-bottom a{display:inline;color:#aaa097}
.footer .gold{color:#dfa064}

@media(max-width:1050px){
  .main-nav{top:150px;background:#4b413b;max-height:calc(100vh - 150px)}
  .brand{min-width:0}
}
@media(max-width:760px){
  .site-header{height:102px}
  .main-nav{top:102px;max-height:calc(100vh - 102px)}
  .brand img{width:88px;height:auto;max-height:88px}
  .brand-name{font-size:.92rem}
  .brand-sub{font-size:.65rem}
  .hero-bg:after{
    background:linear-gradient(90deg,rgba(47,39,34,.91),rgba(47,39,34,.68) 64%,rgba(47,39,34,.18)),linear-gradient(0deg,rgba(47,39,34,.78) 0%,transparent 48%)
  }
}


/* V1.7 contact WhatsApp icon buttons */
.wa-logo-btn{
  display:inline-flex;align-items:center;gap:12px;
  min-height:54px;padding:10px 18px 10px 12px;border-radius:999px;
  border:1px solid rgba(37,211,102,.45);background:linear-gradient(145deg,#f7f3ee,#e5ddd5);
  color:#2e2a26;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  font-size:.76rem;box-shadow:0 10px 18px rgba(61,52,46,.10);cursor:pointer;
  transition:.22s ease;
}
.wa-logo-btn:hover{transform:translateY(-2px);box-shadow:0 16px 26px rgba(61,52,46,.16);border-color:rgba(37,211,102,.68)}
.wa-logo-btn .wa-icon{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,#2ce56e,#1faa52);color:#fff;flex:0 0 34px;
  box-shadow:0 6px 14px rgba(37,211,102,.32);
}
.wa-logo-btn .wa-icon svg{width:18px;height:18px;display:block;fill:currentColor}
.wa-logo-btn .wa-text{line-height:1;white-space:nowrap}
.contact-page .actions{align-items:center}
.contact-page .actions .wa-logo-btn{min-width:208px;justify-content:flex-start}
@media(max-width:430px){
  .contact-page .actions .wa-logo-btn{width:100%;justify-content:center}
}

/* V1.7 smart-home featured text readability */
.smart-home-feature .feature-copy{
  background:rgba(245,239,232,.86);
  border:1px solid rgba(92,72,58,.18);
  border-radius:10px;
  box-shadow:0 12px 24px rgba(67,54,46,.10);
}
.smart-home-feature .feature-copy h2,
.smart-home-feature .feature-copy .eyebrow,
.smart-home-feature .feature-copy p{
  color:#2f2823;
}
.smart-home-feature .feature-copy .gold,
.smart-home-feature .feature-copy .eyebrow{color:#9f5d34}
.smart-home-feature .feature-copy p{font-weight:500;max-width:40ch}