@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--navy:#2D170D;--navy2:#613216;--blue:#B84500;--cyan:#FFC056;--yellow:#FFD044;--text:#322219;--muted:#756657;--border:#F0DECA}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{background:#30190E;color:#FBE7CC;font-size:12px}.topflex{display:flex;justify-content:space-between;padding:9px 0;gap:12px}.header{position:sticky;top:0;background:rgba(255,251,244,.97);z-index:30;box-shadow:0 3px 20px #3D1B0B12;backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:900;color:#75380E;font-size:17px;line-height:1.05;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.brandmark{font-size:39px;color:#C25300}.navlinks{display:flex;align-items:center;gap:20px;font-weight:700;font-size:13px}.navlinks>a:hover,.dropbtn:hover{color:var(--blue)}.dropdown{position:relative}.dropbtn{border:0;background:none;font-weight:700;color:var(--text);padding:14px 0}.dropmenu{display:none;position:absolute;top:100%;left:-20px;background:#fff;width:245px;max-height:65vh;overflow:auto;border-radius:14px;box-shadow:0 15px 50px #40200C26;padding:8px}.dropdown:hover .dropmenu,.dropdown.active .dropmenu{display:grid}.dropmenu a{padding:10px 12px;border-radius:8px;font-size:13px}.dropmenu a:hover{background:#FFF0D9;color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 23px;border-radius:13px;font-weight:800;font-size:14px;border:2px solid transparent;transition:transform .25s,box-shadow .25s,background .25s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-4px);box-shadow:0 14px 25px #0002}.btn-primary{background:var(--yellow);color:#2D170D}.btn-primary:hover{background:#FFE47C}.btn-outline{border-color:#F5D390;color:#fff;background:#ffffff0c}.btn-outline:hover{background:#ffffff1d}.btn-small{font-size:12px;padding:13px 15px}.navcta{background:#A5480B;color:white;border-radius:30px}.hamburger{display:none;border:0;background:#FFF0D9;color:var(--navy);border-radius:10px;padding:9px 12px;font-size:23px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#221107 5%,#51260E 65%,#9E470F);color:white;padding:80px 0 34px}.hero:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff1c;border-radius:50%;left:-260px;top:-100px}.hero-glow{position:absolute;right:2%;top:0;width:45%;height:100%;background:radial-gradient(circle,#F58B1640,transparent 65%)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:45px;align-items:center;position:relative}.eyebrow,.section-kicker{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1.8px;color:#FFCC60;margin-bottom:17px}.hero h1{font:900 clamp(38px,5vw,70px)/1.04 Outfit,Arial,sans-serif;letter-spacing:-2.4px;margin:0 0 22px}.hero h1 em,.section h2 em{font-style:normal;color:#FFD260}.hero .lead{color:#FFF2E1;font-size:17px;line-height:1.8;max-width:590px}.hero-checks{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}.hero-checks span{font-size:12px;background:#ffffff18;border:1px solid #ffffff23;padding:8px 10px;border-radius:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.micro{font-size:11px;color:#E6C6A4;margin-top:20px}.hero-frame{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 25px 80px #0006;transform:rotate(1deg);border:5px solid #ffffff21}.hero-frame>img{display:block;width:100%;height:390px;object-fit:cover}.hero-badge{position:absolute;left:18px;bottom:18px;background:#281305E3;padding:15px;border-radius:15px;border:1px solid #ffffff5c;font-size:24px}.hero-badge strong{font:800 18px/1.2 Outfit;display:inline-block}.hero-badge small{display:block;font-size:11px;margin-top:6px;color:#FFE6B5}.floating-note{position:absolute;right:-14px;top:-23px;background:#FFD044;color:#2D170D;font-size:13px;font-weight:900;border-radius:14px;padding:15px;box-shadow:0 12px 30px #0005;transform:rotate(5deg)}.floating-note small{font-size:10px;font-weight:600}.hero-bottom{position:relative;display:flex;gap:25px;flex-wrap:wrap;margin-top:60px;color:#F3DCBE;font-size:12px}.trust-strip{background:#FFF3E2;border-bottom:1px solid #F0E0CE}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:23px 0}.trust-grid>div{display:flex;align-items:center;gap:12px;font-size:29px}.trust-grid b{font-size:13px;display:block}.trust-grid small{display:block;font-size:11px;color:#7F6D5C;margin-top:3px}.section{padding:90px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section h2{font:800 clamp(30px,4vw,47px)/1.15 Outfit,Arial,sans-serif;letter-spacing:-1.3px;margin:0 0 17px}.section p{color:var(--muted);line-height:1.8}.service-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border:1px solid var(--border);border-radius:22px;overflow:hidden;background:white;box-shadow:0 10px 35px #7A39080C;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #7A390826}.service-photo{height:220px;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.service-card:hover img{transform:scale(1.09)}.service-body{padding:25px}.service-num{font-size:11px;color:#B94900;font-weight:900;letter-spacing:1px}.service-body h3{font:800 23px Outfit;margin:12px 0}.service-body p{font-size:14px}.service-body a,.article-grid a{font-weight:800;color:#A84200}.pricing-section{background:#FFF8ED}.price-card{background:#fff;border:1px solid #F2DDC3;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px #5F2B1015}.price-head{display:flex;align-items:center;gap:13px;padding:22px;color:white;background:linear-gradient(110deg,#E5780A,#A9420A)}.price-card.green .price-head{background:linear-gradient(110deg,#E4A013,#93640B)}.price-card.orange .price-head{background:linear-gradient(110deg,#D2610B,#A33A07)}.price-icon{font-size:29px}.price-head h3{font:800 23px Outfit;margin:0 0 5px}.price-head small{font-size:11px}.price-items{padding:12px 14px;flex:1}.price-row{display:flex;align-items:center;gap:7px;padding:12px 0;border-bottom:1px dashed #EEDDC9;font-size:11.5px}.price-row:last-child{border-bottom:0}.item-number{display:grid;place-items:center;background:#B84B00;color:#fff;min-width:21px;height:21px;border-radius:50%;font-size:10px;font-weight:800}.green .item-number{background:#A36E0B}.orange .item-number{background:#B84500}.item-name{flex:1;line-height:1.45}.price-row strong{white-space:nowrap;font-size:11px}.price-action{margin:0 14px 16px;background:#FFF0D9;color:#963A00;text-align:center;border-radius:11px;padding:13px;font-weight:800;font-size:12px}.price-disclaimer{font-size:12px;text-align:center;margin-top:25px}.showcase-section{overflow:hidden}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:flex;gap:18px;width:max-content;animation:slide 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.gallery-card{width:275px;height:225px;flex:none;overflow:hidden;position:relative;border-radius:19px;margin:0;background:#512812}.gallery-card img{width:100%;height:100%;object-fit:cover}.gallery-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 14px 14px;background:linear-gradient(transparent,#000a);color:white;font-size:13px;font-weight:800}@keyframes slide{to{transform:translateX(calc(-50% - 9px))}}.gallery-note{text-align:center;color:#867564;font-size:12px;margin:20px 0 30px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-feature{height:340px;position:relative;border-radius:22px;overflow:hidden;background:#512812}.photo-feature img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#281305EB);padding:60px 25px 25px;color:#FFCA62;font-size:12px;letter-spacing:1px;font-weight:800}.photo-caption strong{display:block;color:white;font:800 24px Outfit;margin-top:6px;letter-spacing:0}.benefits{background:#30180C;color:white}.benefits-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.benefits-image img{width:100%;height:460px;object-fit:cover;border-radius:26px}.benefits-copy p{color:#F1D5B3}.benefits-copy ul{list-style:none;padding:0;display:grid;gap:16px;margin:30px 0}.benefits-copy li{color:#FFF1DD}.regions{background:#FFF5E8}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.region-link{display:flex;justify-content:space-between;background:white;border:1px solid #EEDAC0;padding:18px;border-radius:13px;font-size:13px;font-weight:800;transition:.25s}.region-link:hover{background:#AD4506;color:white;transform:translateY(-3px)}.area-detail{margin-top:35px;background:white;border-radius:18px;padding:30px;border:1px solid #EEDAC0}.area-detail h3{font:800 24px Outfit}.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-list details{border-bottom:1px solid #EDDAC5;padding:20px 0}.faq-list summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';font-size:23px;color:#C25300}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px}.booking{background:linear-gradient(110deg,#52240A,#221006);color:white}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.booking p{color:#F1D4AF}.contact-big{font:900 30px Outfit;color:#FFD957}.booking-form{background:white;padding:28px;border-radius:20px;display:grid;gap:15px;box-shadow:0 20px 50px #0002}.booking-form label{color:#3F2919;font-weight:800;font-size:12px;display:grid;gap:7px}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid #ECD5B9;border-radius:10px;padding:12px;color:#362318;background:#FFFDF8}.booking-form :focus-visible{outline:2px solid #F0A21A}.footer{background:#271308;color:#F7DCB5;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:35px}.brand-light{color:white}.footer p{font-size:13px;line-height:1.8;color:#E2B992}.footer h3{font:800 17px Outfit;color:white}.footer-grid>div>a:not(.brand):not(.btn){display:block;font-size:13px;margin:12px 0;color:#F0D3AF}.footer-bottom{border-top:1px solid #ffffff21;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#D6B28B}.wa-float{position:fixed;bottom:25px;right:25px;z-index:50;background:#0ab85c;color:white;border:3px solid white;border-radius:50px;padding:14px 17px;font-size:24px;box-shadow:0 8px 30px #0003;display:flex;align-items:center;gap:8px;animation:waPulse 3s infinite}.wa-float span{font-size:12px;font-weight:900}@keyframes waPulse{50%{box-shadow:0 0 0 10px #0ab85c23}}.reveal{opacity:0;transform:translateY(23px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}.narrow{max-width:780px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{padding:25px;border:1px solid var(--border);border-radius:18px}.panel h3{font:800 22px Outfit}@media(max-width:1050px){.navlinks{gap:12px}.navcta{display:none}.brand{font-size:14px}.service-grid,.pricing-grid{gap:12px}.price-row{font-size:10.5px}.price-row strong{font-size:10px}}@media(max-width:800px){.topflex span:nth-child(2){display:none}.hamburger{display:block}.nav{min-height:66px}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:16px 20px;flex-direction:column;align-items:stretch;box-shadow:0 20px 35px #0002;max-height:75vh;overflow:auto}.navlinks.open{display:flex}.dropdown:hover .dropmenu{display:none}.dropdown.active .dropmenu{display:grid}.dropmenu{position:static;box-shadow:none;width:100%;max-height:none;background:#FFF5E8}.hero{padding:60px 0 28px}.hero-grid,.benefits-grid,.faq-wrap,.booking-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(38px,9vw,60px)}.hero-frame>img{height:320px}.floating-note{right:5px}.hero-bottom{margin-top:30px}.trust-grid{grid-template-columns:1fr 1fr}.service-grid,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .price-card:last-child{grid-column:1/-1}.region-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.section{padding:65px 0}}@media(max-width:580px){.container{width:min(100% - 28px,1180px)}.topflex{font-size:10px}.topflex span:first-child{max-width:60%}.brandmark{font-size:32px}.brand{font-size:13px}.brand small{font-size:8px}.hero h1{letter-spacing:-1.4px}.hero .lead{font-size:14px}.hero-actions .btn{width:100%}.hero-frame>img{height:250px}.hero-badge{font-size:17px;padding:10px}.hero-badge strong{font-size:13px}.floating-note{font-size:10px;top:-15px}.hero-bottom{gap:10px}.hero-bottom span{font-size:10px}.trust-grid{gap:12px}.trust-grid>div{font-size:21px}.trust-grid b{font-size:11px}.service-grid,.pricing-grid,.region-grid,.photo-grid{grid-template-columns:1fr}.pricing-grid .price-card:last-child{grid-column:auto}.price-row{font-size:12px}.price-row strong{font-size:11px}.photo-feature{height:250px}.benefits-image img{height:300px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block;line-height:1.9}.wa-float span{display:none}.wa-float{padding:11px 17px}.gallery-card{width:235px;height:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}



/* MAT-ONEPAGE-2026 */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 95px;
}
body {
    overflow-x: hidden;
    overflow-y: auto;
}
#beranda,
#tentang-kami,
#layanan,
#harga,
#wilayah,
#artikel,
#kontak,
#booking {
    scroll-margin-top: 95px;
}



/* MAT-CONTENT-UPGRADE-2026 */
.mat-about {
  background: #fff;
}
.mat-about-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 65px;
}
.mat-about-image {
  position: relative;
}
.mat-about-image img {
  width: 100%;
  height: 530px;
  object-fit: cover;
  border-radius: 26px;
  display: block;
}
.mat-about-tag {
  position: absolute;
  bottom: 20px;
  left: 18px;
  right: 18px;
  padding: 16px;
  border-radius: 14px;
  background: #281305EB;
  color: white;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}
.mat-about-copy h2 {
  font-size: clamp(32px, 4vw, 50px);
}
.mat-intro {
  font-size: 17px;
  font-weight: 600;
}
.mat-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 25px 0;
}
.mat-features > div {
  border: 1px solid #F0DAC2;
  border-radius: 15px;
  padding: 18px;
  background: #FFF8ED;
}
.mat-features span {
  color: #B84500;
  font-weight: 900;
  margin-right: 7px;
}
.mat-features strong {
  font-size: 13px;
}
.mat-features small {
  display: block;
  color: #756657;
  line-height: 1.6;
  margin-top: 8px;
}
.mat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.mat-text-link {
  font-weight: 800;
  color: #B84500;
}
.mat-steps {
  margin-top: 90px;
}
.mat-section-title {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 40px;
}
.mat-section-title h2 {
  margin-bottom: 15px;
}
.mat-step-grid,
.mat-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 20px;
}
.mat-step-grid > div {
  background: #FFF5E8;
  padding: 28px;
  border-radius: 20px;
}
.mat-step-grid span {
  font: 900 35px Outfit, sans-serif;
  color: #B84500;
}
.mat-step-grid h3 {
  margin-bottom: 8px;
}
.mat-articles {
  background: #FFF8ED;
}
.mat-article-card {
  background: white;
  border: 1px solid #F1DDC4;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 30px #7A39080C;
  transition: transform .25s;
}
.mat-article-card:hover {
  transform: translateY(-5px);
}
.mat-article-image {
  height: 205px;
}
.mat-article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mat-article-content {
  padding: 24px;
}
.mat-article-category {
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 900;
  color: #B84500;
}
.mat-article-content h3 {
  font: 800 22px/1.3 Outfit, sans-serif;
  margin: 12px 0;
}
.mat-article-content p {
  font-size: 13px;
}
.mat-article-content a {
  color: #B84500;
  font-weight: 800;
  font-size: 13px;
}
.mat-article-cta {
  margin-top: 35px;
  background: #512812;
  color: white;
  border-radius: 22px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.mat-article-cta h3 {
  margin: 0 0 8px;
}
.mat-article-cta p {
  color: #F7DBAD;
  margin: 0;
}
@media (max-width: 800px) {
  .mat-about-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .mat-about-image img {
    height: 370px;
  }
  .mat-article-grid,
  .mat-step-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .mat-article-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 580px) {
  .mat-features,
  .mat-article-grid,
  .mat-step-grid {
    grid-template-columns: 1fr;
  }
  .mat-about-image img {
    height: 300px;
  }
  .mat-article-cta .btn {
    width: 100%;
  }
}


/* ============================================================
   MULIA ABADI TEHNIK - TEMA SUNSET ORANYE & KUNING
   Palet: espresso #2D170D, oranye #B84500, emas #FFD044,
   krem #FFF8ED. Styling saja: struktur dan JS asli dipertahankan.
   ============================================================ */
:root {
  --navy: #2D170D;
  --navy2: #613216;
  --blue: #B84500;
  --cyan: #FFC056;
  --yellow: #FFD044;
  --text: #322219;
  --muted: #756657;
  --border: #F0DECA;
}
body { background: #FFFDF8; }
::selection { background: #FFD86A; color: #271308; }
.header { background: rgba(255,251,244,.97); box-shadow: 0 4px 22px rgba(74,36,12,.09); }
.brand { color: #5A2B10; }
.brandmark { color: #D65B00; }
.navlinks > a:hover, .dropbtn:hover { color: #B84500; }
.navcta { background: linear-gradient(125deg,#FFCC47,#F18D17); color: #32200F; border-color: transparent; }
.navcta:hover { background: linear-gradient(125deg,#FFE07A,#F6A127); }
.hamburger { background:#FFF0D9; }
.btn-primary { background: linear-gradient(125deg,#FFD850,#F7AE29); color: #321A09; border-color:#FFD044; }
.btn-primary:hover { background: linear-gradient(125deg,#FFE57D,#FFBE43); box-shadow: 0 12px 28px rgba(231,109,11,.25); }
.btn-outline { border-color: #F1C47E; }
.btn-outline:hover { border-color:#FFD044; }
.hero { background: linear-gradient(117deg,#221107 1%,#49220C 54%,#8F3F0D 100%); }
.hero-glow { background: radial-gradient(circle at 65% 45%,rgba(255,178,47,.29),transparent 67%); }
.hero-frame { border-color: rgba(255,222,157,.27); box-shadow:0 27px 70px rgba(24,10,2,.47); }
.hero-badge { background: rgba(43,19,7,.88); border-color:rgba(255,205,109,.54); }
.floating-note { background: #FFD044; color:#321A09; }
.eyebrow, .section-kicker { color: #BB5005; }
.hero .eyebrow, .benefits .section-kicker, .booking .section-kicker { color: #FFD05A; }
.hero h1 em, .benefits h2 em, .booking h2 em { color: #FFD257; }
.section h2 em { color: #B94900; }
.section.benefits h2 em, .section.booking h2 em { color: #FFD257; }
.trust-strip { background: #FFF2D9; border-bottom-color:#EFD9B9; }
.mat-about, .showcase-section { background: #FFFDF8; }
.pricing-section, .regions, .mat-articles { background: #FFF5E6; }
.service-card, .price-card, .mat-article-card { border-color:#F0D9B8; box-shadow:0 9px 30px rgba(93,44,12,.08); }
.service-card:hover, .mat-article-card:hover { box-shadow:0 16px 34px rgba(116,55,13,.16); }
.service-card:hover { border-color:#F4B64F; }
.service-num, .mat-article-category, .mat-text-link, .mat-article-content a { color:#B84500; }
.mat-step-grid > div, .mat-features > div { background: #FFF3DE; border-color:#EFDBBF; }
.price-card .price-head { background: linear-gradient(115deg,#E5790E,#A94309); }
.price-card.green .price-head { background: linear-gradient(115deg,#E8A617,#9D6906); }
.price-card.orange .price-head { background: linear-gradient(115deg,#C95408,#873006); }
.price-action { background: #FFF0D6; color:#8C3704; }
.region-link { border-color:#EED7B5; }
.region-link:hover { background:#A94309; border-color:#A94309; color:#FFF; }
.faq-list details { border-color:#EAD5B8; }
.faq-list summary::after { color:#B84500; }
.benefits { background:#30180C; }
.benefits-copy p { color:#EED1A9; }
.benefits-copy li { color:#FFF4DF; }
.booking { background:linear-gradient(112deg,#54240C,#261108); }
.booking p { color:#F4D7AF; }
.booking-form { box-shadow:0 20px 50px rgba(32,13,2,.22); }
.booking-form label { color:#3F2919; }
.booking-form input, .booking-form select, .booking-form textarea { background:#FFFDF8; border-color:#ECD5B9; }
.booking-form :focus-visible { outline-color:#DF8D15; }
.footer { background:#251108; }
.footer p, .footer-grid > div > a:not(.brand):not(.btn) { color:#E0BE96; }
.footer-bottom { color:#C6A580; }
.mat-about-tag { background:rgba(43,19,7,.88); }
.mat-article-cta { background:linear-gradient(115deg,#4C240E,#8D3E0E); }
.mat-article-cta p { color:#FFE5C3; }
/* Brand green remains intentionally on WhatsApp's floating action button. */
