/* Bob reference-match pass — align hero closer to dark navy/gold luxury villa reference */
:root{
  --ref-navy:#07182f;
  --ref-navy-2:#0e2947;
  --ref-gold:#d7a33c;
  --ref-gold-soft:#f3d28c;
  --ref-cream:#fff8ed;
}

body{background:#07182f;}
.site-shell{background:linear-gradient(180deg,#07182f 0,#f8f3ea 56%);} 

.topbar{
  position:fixed!important;
  top:0;left:0;right:0;
  height:76px!important;
  padding:0 clamp(20px,4vw,64px)!important;
  background:rgba(6,18,34,.90)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
  z-index:40!important;
}
.brand-lsh{color:#fff!important;gap:13px!important;text-decoration:none!important;}
.brand-lsh .brand-mark{
  width:48px!important;height:48px!important;border-radius:999px!important;
  background:linear-gradient(145deg,#f5d994,#c79227)!important;
  color:#07182f!important;font-family:var(--serif)!important;font-size:25px!important;
  box-shadow:0 10px 30px rgba(215,163,60,.26), inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.brand-wordmark strong{display:block!important;font-family:var(--serif)!important;font-size:20px!important;line-height:.86!important;letter-spacing:.07em!important;color:#fff!important;}
.brand-wordmark em{display:block!important;font-family:var(--ui)!important;font-size:8px!important;line-height:1!important;margin-top:6px!important;letter-spacing:.30em!important;text-transform:uppercase!important;color:rgba(255,255,255,.68)!important;font-style:normal!important;}
.nav a{color:rgba(255,255,255,.76)!important;font-weight:600!important;font-size:13px!important;letter-spacing:.02em!important;}
.nav a:hover{color:#fff!important;}
.lang-switch button[aria-pressed="false"]{color:rgba(255,255,255,.75)!important;background:rgba(255,255,255,.08)!important;}
.lang-switch button[aria-pressed="true"]{background:#fff!important;color:#07182f!important;}
.nav-cta{background:linear-gradient(135deg,var(--ref-gold-soft),var(--ref-gold))!important;color:#07182f!important;box-shadow:0 12px 32px rgba(215,163,60,.28)!important;}

.hero{
  min-height:100vh!important;
  padding-top:76px!important;
  background:#07182f!important;
  isolation:isolate;
}
.hero:after{display:none!important;content:none!important;}
.hero-slideshow{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;}
.hero-slideshow .slides,.hero-slideshow .slide{position:absolute!important;inset:0!important;}
.hero-slideshow .slide{
  background-size:cover!important;
  background-position:72% center!important;
  filter:saturate(.92) contrast(1.07) brightness(.74)!important;
  transform:scale(1.035);
}
.hero-slideshow:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(3,12,26,.96) 0%, rgba(5,18,36,.89) 28%, rgba(7,24,47,.58) 52%, rgba(7,24,47,.18) 76%, rgba(7,24,47,.04) 100%),
    linear-gradient(180deg, rgba(3,12,26,.72) 0%, rgba(3,12,26,.24) 32%, rgba(3,12,26,.60) 100%),
    radial-gradient(620px 420px at 72% 56%, rgba(215,163,60,.20), transparent 58%);
}
.hero-slideshow:after{
  content:"";position:absolute;inset:auto 0 0 0;height:28vh;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(7,24,47,.76));
}
.hero-slideshow .controls{display:none!important;}
.hero__inner{
  width:min(100%,1400px)!important;
  min-height:calc(100vh - 76px)!important;
  margin:0 auto!important;
  padding:clamp(34px,4.7vw,66px) clamp(22px,5.6vw,82px)!important;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.77fr)!important;
  gap:clamp(38px,7vw,110px)!important;
  align-items:center!important;
}
.hero-copy{max-width:720px!important;}
.hero .eyebrow{
  color:var(--ref-gold-soft)!important;
  letter-spacing:.22em!important;
  font-size:12px!important;
  font-weight:800!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}
.hero h1#hero-title{
  max-width:680px!important;
  margin-top:18px!important;
  color:#fff!important;
  font-family:var(--serif)!important;
  font-size:clamp(46px,5vw,74px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
  text-shadow:0 18px 44px rgba(0,0,0,.50)!important;
}
.hero-lead{
  max-width:610px!important;
  margin-top:22px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:clamp(15px,1.22vw,18px)!important;
  line-height:1.68!important;
  text-shadow:0 4px 20px rgba(0,0,0,.38)!important;
}
.hero .cta{min-height:48px!important;padding:14px 24px!important;border-radius:999px!important;}
.hero-signals{
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:28px!important;
}
.hero-signals span{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.86);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  box-shadow:0 14px 40px rgba(0,0,0,.12);
}
.hero-signals span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ref-gold-soft);box-shadow:0 0 0 5px rgba(243,210,140,.12);}
.hero-panel.hero-command{
  width:min(100%,430px)!important;
  justify-self:end!important;
  background:rgba(255,248,237,.94)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.36)!important;
  border-radius:34px!important;
  padding:28px!important;
  color:#07182f!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
}
.hero-panel h2{font-family:var(--serif)!important;font-size:clamp(28px,2.7vw,38px)!important;line-height:.96!important;letter-spacing:-.035em!important;color:#07182f!important;}
.hero-panel p{color:rgba(7,24,47,.72)!important;line-height:1.65!important;}
.panel-topline span{color:#0c5b7d!important;}
.hero-system-stack>div{background:linear-gradient(180deg,#fff,#f5fbff)!important;border-color:rgba(14,41,71,.12)!important;box-shadow:0 12px 28px rgba(7,24,47,.08)!important;}
.hero-system-stack span{background:#07182f!important;color:#fff!important;}
.metric-grid>div{background:#fffdf8!important;border-color:rgba(14,41,71,.10)!important;box-shadow:0 12px 28px rgba(7,24,47,.06)!important;}
.metric-grid strong{color:var(--ref-gold)!important;}
.hero-panel.hero-command h2{margin:20px 0 16px!important;font-size:clamp(26px,2.35vw,34px)!important;line-height:1!important;}
.hero-panel.hero-command p{margin:0 0 14px!important;line-height:1.55!important;font-size:14px!important;}
.hero-system-stack{gap:10px!important;margin:14px 0!important;}
.hero-system-stack>div{padding:12px!important;min-height:0!important;grid-template-columns:32px 1fr!important;gap:10px!important;}
.hero-system-stack small{font-size:10px!important;line-height:1.3!important;}
.metric-grid{gap:10px!important;margin-top:14px!important;}
.metric-grid>div{padding:12px!important;min-height:72px!important;}
.metric-grid strong{font-size:24px!important;line-height:1!important;}
.metric-grid span{font-size:9px!important;line-height:1.15!important;}

.proof-bar{background:#07182f!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.proof-bar strong{color:var(--ref-gold-soft)!important;}
.proof-bar span{color:rgba(255,255,255,.72)!important;}

@media(max-width:980px){
  .topbar{height:auto!important;min-height:66px!important;padding:10px 16px!important;gap:10px!important;}
  .nav{display:none!important;}
  .brand-lsh .brand-mark{width:42px!important;height:42px!important;font-size:22px!important;}
  .brand-wordmark strong{font-size:18px!important;}
  .nav-cta{padding:10px 13px!important;font-size:11px!important;}
  .hero{padding-top:66px!important;min-height:auto!important;}
  .hero__inner{grid-template-columns:1fr!important;min-height:auto!important;padding:54px 20px 42px!important;gap:28px!important;}
  .hero-slideshow .slide{background-position:68% center!important;transform:none!important;}
  .hero-slideshow:before{background:linear-gradient(180deg,rgba(3,12,26,.86),rgba(5,18,36,.62) 46%,rgba(5,18,36,.88));}
  .hero h1#hero-title{font-size:clamp(38px,12vw,56px)!important;line-height:.9!important;letter-spacing:-.04em!important;}
  .hero-lead{font-size:15px!important;line-height:1.62!important;}
  .hero .cta{margin:6px 8px 0 0!important;}
  .hero-panel.hero-command{justify-self:stretch!important;width:100%!important;border-radius:26px!important;padding:24px!important;}
  .hero-panel h2{font-size:32px!important;}
}

@media(max-width:560px){
  .topbar{min-height:58px!important;padding:8px 16px!important;}
  .brand-lsh{gap:10px!important;min-width:0!important;}
  .brand-lsh .brand-mark{width:38px!important;height:38px!important;font-size:20px!important;flex:0 0 38px!important;}
  .brand-wordmark{min-width:0!important;}
  .brand-wordmark strong{font-size:17px!important;line-height:.9!important;}
  .brand-wordmark em{font-size:7px!important;line-height:1.15!important;letter-spacing:.24em!important;white-space:nowrap!important;max-width:270px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .lang-switch{display:none!important;}

  /* Mobile fold: keep the hero + proof cards visible together on the first screen. */
  .hero{padding-top:58px!important;padding-bottom:0!important;min-height:auto!important;}
  .hero__inner{min-height:auto!important;padding:22px 20px 20px!important;align-content:start!important;gap:12px!important;}
  .hero .eyebrow{font-size:9.6px!important;line-height:1.32!important;letter-spacing:.18em!important;margin:0 0 10px!important;max-width:31ch!important;}
  .hero h1#hero-title{font-size:clamp(28px,8vw,33px)!important;line-height:1.01!important;letter-spacing:-.024em!important;max-width:325px!important;margin:0!important;text-wrap:balance;}
  .hero-lead{font-size:13.2px!important;line-height:1.38!important;max-width:33ch!important;margin-top:12px!important;margin-bottom:0!important;color:rgba(255,255,255,.86)!important;}
  .hero-copy [style*="margin-top"]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-top:13px!important;}
  .hero-copy [style*="margin-top"] .cta{margin-left:0!important;margin-top:0!important;min-height:42px!important;padding:10px 17px!important;font-size:12.8px!important;line-height:1.15!important;box-shadow:0 12px 30px rgba(215,163,60,.24)!important;}
  .hero-copy [style*="margin-top"] .cta:nth-child(2){display:none!important;}
  .hero-signals{display:none!important;}
  .hero-panel.hero-command{display:none!important;}

  .proof-bar{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 16px 12px!important;}
  .proof-bar div{min-height:76px!important;padding:10px 11px!important;border-radius:16px!important;}
  .proof-bar strong{font-size:20px!important;line-height:.95!important;}
  .proof-bar span{font-size:10.5px!important;line-height:1.24!important;}
}
