/* Executive: navy, ivory & brass */
:root{
  --black:#0f1e36;
  --surface:#ffffff;
  --surface-2:#fbfaf7;
  --navy:#0f1e36;
  --navy-2:#162a4a;
  --ink:#24303f;
  --muted:#5f6b78;
  --line:#e6e1d6;
  --bg:#f6f4ef;
  --white:#ffffff;
  --teal:#9a7b4a;
  --blue:#1c355e;
  --lime:#c9a96e;
  --green:#9a7b4a;
  --gold:#b08d57;
  --gold-2:#d7bd8c;
  --wa:#25d366;
  --grad:linear-gradient(120deg,#8c6c3c 0%,#c9a96e 55%,#e2cc9f 100%);
  --radius:6px;
  --shadow:0 22px 50px -26px rgba(15,30,54,.35);
  --serif:"Cormorant Garamond","Playfair Display",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

body{background:#fff;color:var(--ink)}
h1,h2,h3{font-weight:600;letter-spacing:-.005em;color:var(--navy)}
h1{font-size:clamp(2.4rem,5vw,3.9rem)}
h2{font-size:clamp(2rem,3.4vw,2.8rem)}
::selection{background:var(--navy);color:#fff}
.eyebrow{color:var(--gold)}
.eyebrow::before{background:var(--gold);height:1px;width:36px}
.topbar{background:#0a1628;color:#b9c3d0;border-bottom:1px solid rgba(176,141,87,.25)}
.topbar svg{color:var(--gold-2)}
.header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.logo-mark{background:var(--navy);box-shadow:inset 0 0 0 2px var(--gold)}
.logo-text strong{color:var(--navy);font-style:normal;letter-spacing:.01em;font-size:1.45rem}
.logo-text small{color:var(--gold)}
.nav a{color:var(--ink);font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500}
.nav a::after{background:var(--gold);height:1px}
.nav a.active{color:var(--navy)}
.btn{border-radius:4px;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;padding:15px 26px}
.btn-primary,.btn-wa{background:var(--navy);color:#fff;border:1px solid var(--navy)}
.btn-primary:hover,.btn-wa:hover{background:#1c355e;transform:translateY(-1px);color:#fff}
.btn-gold{background:var(--gold);color:#fff;border:1px solid var(--gold)}
.btn-gold:hover{background:#9a7b4a;color:#fff;transform:translateY(-1px)}
.btn-outline{border:1px solid rgba(215,189,140,.6);color:#f1e7d3}
.btn-outline:hover{background:var(--gold-2);color:var(--navy);border-color:var(--gold-2)}
.nav .btn,.nav .btn:hover{color:#fff;border-radius:4px}
/* hero */
.hero,.page-hero{background:linear-gradient(135deg,#0a1628 0%,#0f1e36 55%,#1a2f52 100%)}
.hero::before{background:radial-gradient(circle at 85% 15%,rgba(201,169,110,.14),transparent 45%)}
.hero::after,.page-hero::before{background:none;border-top:1px solid rgba(201,169,110,.5);border-bottom:1px solid rgba(201,169,110,.5);height:70px;opacity:.8}
.page-hero::after{background:none;border:1px solid rgba(201,169,110,.3);opacity:1}
.hero .grid-lines{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px}
.hero h1,.page-hero h1{color:#fff}
.hero h1 em{background:none;color:var(--gold-2);-webkit-text-fill-color:var(--gold-2)}
.hero p.lead,.page-hero p{color:#c3ccd8}
.hero .eyebrow,.page-hero .eyebrow{color:var(--gold-2)}
.hero .eyebrow::before,.page-hero .eyebrow::before{background:var(--gold-2)}
.hero-stats{border-top:1px solid rgba(201,169,110,.3)}
.hero-stats strong{color:var(--gold-2);font-size:2.3rem}
.badge-exp{background:transparent;border:1px solid rgba(215,189,140,.5);color:var(--gold-2);border-radius:4px;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.badge-exp svg{width:16px;height:16px}
.crumbs a{color:var(--gold-2)}
/* booking */
.booking,.form-card{background:#fff;border-radius:6px;border:0;border-top:3px solid var(--gold);box-shadow:0 40px 80px -30px rgba(0,0,0,.55)}
.booking::before{display:none}
.booking h3,.form-card h3{font-size:1.8rem}
.field label{color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,141,87,.15);background:#fff}
.note svg,.booking .note svg{color:var(--gold)}
/* sections */
.section.alt{background:var(--bg)}
.trust{background:#fff}
.trust-item .ic,.svc .ic{background:transparent;color:var(--gold);border:1px solid var(--line);border-radius:4px}
.card,.svc,.step,.value,.info-box,.faq details,.profile-card{background:#fff;border:1px solid var(--line);border-radius:6px}
.card::after{background:var(--gold);height:2px}
.card .ic,.info-box .ic{background:var(--navy);color:var(--gold-2);border-radius:4px}
.card li::before{border-color:var(--gold)}
.card .more{color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.check-list .tick{background:var(--navy);color:var(--gold-2)}
.step::before,.svc-group-head .num{background:none;color:var(--gold);-webkit-text-fill-color:var(--gold)}
.value .ic{background:var(--navy);color:var(--gold-2);border-radius:4px}
.tags span{background:var(--bg);color:var(--navy);border:1px solid var(--line);border-radius:3px}
.pay-chip{border-radius:4px}
.pay-chip i{background:var(--gold)}
.visual-panel{background:linear-gradient(135deg,#0a1628,#1a2f52);border-radius:6px}
.visual-panel::before{background:none;border-top:1px solid rgba(201,169,110,.5);border-bottom:1px solid rgba(201,169,110,.5);height:60px}
.visual-panel::after{display:none}
.ledger{background:rgba(10,22,40,.9);border:1px solid rgba(201,169,110,.3);border-radius:6px}
.ledger h4,.ledger-row .ok{color:var(--gold-2)}
.ledger-total{border-top-color:var(--gold);color:var(--gold-2)}
.floating-stat{background:#fff;color:var(--navy);border-top:3px solid var(--gold);border-radius:4px}
.cta{background:linear-gradient(135deg,#0a1628,#1a2f52);border-radius:6px}
.cta::before,.cta::after{background:none;border-top:1px solid rgba(201,169,110,.45);border-bottom:1px solid rgba(201,169,110,.45);opacity:1}
.cta .btn-wa{background:var(--gold);border-color:var(--gold)}
.cta .btn-wa:hover{background:#9a7b4a}
.profile-card .avatar{background:var(--navy);color:var(--gold-2);box-shadow:0 0 0 4px #fff,0 0 0 5px var(--gold)}
.profile-card .role{color:var(--gold)}
.stats-row div{background:var(--bg);border:1px solid var(--line);border-radius:4px}
.stats-row strong{color:var(--navy)}
.hours{background:var(--navy);border-radius:6px}
.hours h4{color:var(--gold-2)}
.faq summary::after{color:var(--gold)}
/* footer */
.footer{background:#0a1628;border-top:3px solid var(--gold)}
.footer .logo-text strong{color:#fff}
.footer h4{color:var(--gold-2);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.footer ul a:hover{color:var(--gold-2)}
.footer-bottom{border-top-color:rgba(255,255,255,.08)}
.socials a{border-color:rgba(201,169,110,.4);color:var(--gold-2)}
.socials a:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.wa-float{background:var(--navy);color:#fff;box-shadow:0 0 0 2px var(--gold),0 14px 30px -10px rgba(15,30,54,.6)}
.wa-float::before{border-color:var(--gold)}
.info-box .ic[style]{background:var(--navy)!important;color:var(--gold-2)!important}