@import url('/css/phase4-base.css');

/* Authoritative homepage hero visual treatment — Valletta / Grand Harbour */
.hero-home{
  background-color:#26251f!important;
  background-image:
    linear-gradient(90deg,rgba(24,26,22,.70) 0%,rgba(31,34,28,.52) 43%,rgba(34,48,37,.34) 72%,rgba(26,27,23,.46) 100%),
    linear-gradient(0deg,rgba(22,22,19,.28) 0%,rgba(22,22,19,.04) 58%,rgba(22,22,19,.10) 100%),
    url('https://upload.wikimedia.org/wikipedia/commons/a/aa/Valletta_Grand_Harbour_from_Valletta.jpg')!important;
  background-size:cover!important;
  background-position:center 56%!important;
  background-repeat:no-repeat!important;
  color:#fff!important;
}
.hero-home::before{display:none!important}
.hero-home::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 72% 40%,rgba(189,157,94,.12),transparent 31%),linear-gradient(90deg,rgba(21,22,19,.04),rgba(28,49,34,.03))!important;
}
.hero-home .hero-orb{z-index:1;opacity:.05!important}
.hero-home .hero-product{display:none!important}
.hero-home .hero-left-column .kicker{
  color:#ead49c!important;
  text-shadow:0 2px 16px rgba(0,0,0,.48);
}
.hero-home .hero-left-column .kicker span{background:#d9bb76!important}
.hero-home .hero-left-column h1{
  color:#fff!important;
  text-shadow:0 3px 30px rgba(0,0,0,.48);
  font-weight:700!important;
}
.hero-home .hero-right-column>.lead{
  color:#f5efe6!important;
  font-weight:500!important;
  text-shadow:0 2px 18px rgba(0,0,0,.54);
}
.hero-home .hero-left-column .proof-row span{
  color:#f1eadf!important;
  text-shadow:0 1px 12px rgba(0,0,0,.46);
}
.hero-home .hero-left-column .proof-row span::before{color:#e3c77f!important}
.hero-home .hero-left-column .hero-actions .btn.primary{
  background:#315b3a!important;
  color:#fff!important;
  border-color:#315b3a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26)!important;
}
.hero-home .hero-left-column .hero-actions .btn.secondary{
  background:rgba(24,27,23,.34)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.hero-home .hero-left-column .hero-actions .btn.secondary:hover{
  background:rgba(255,255,255,.16)!important;
}
.hero-home .hero-right-column>.product-definition{
  background:rgba(250,247,240,.93)!important;
  color:var(--ink)!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(12px)!important;
}
.hero-home .hero-right-column>.product-definition>p,
.hero-home .hero-right-column>.product-definition .product-capability-grid span{color:#5d564c!important}
.hero-home .product-capability-grid b{
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:750!important;
}
.hero-home .product-capability-grid span{
  font-size:14px!important;
  line-height:1.62!important;
}

/* Compact bridge from the homepage value proposition into the dedicated Product Tour. */
.product-tour-transition{
  background:linear-gradient(90deg,#efe3d2 0%,#f6efe5 52%,#eee1cf 100%);
  border-top:1px solid rgba(88,73,53,.14);
  border-bottom:1px solid rgba(88,73,53,.16);
}
.product-tour-transition-inner{
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding-block:20px;
}
.product-tour-transition-inner>div{max-width:820px}
.product-tour-transition-inner span{
  display:block;
  margin-bottom:4px;
  color:var(--forest);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.product-tour-transition-inner strong{
  display:block;
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.product-tour-transition-inner p{
  margin:5px 0 0;
  color:#665f55;
  font-size:13px;
  line-height:1.55;
}
.product-tour-transition-inner .btn{flex:0 0 auto}

/* Preserve the intended homepage sequence when the Phase 4 flex ordering is active. */
main#main:has(>.hero-home)>.hero-home{order:1!important}
main#main:has(>.hero-home)>.product-tour-transition{order:2!important}
main#main:has(>.hero-home)>.trust-strip{order:3!important}
main#main:has(>.hero-home)>.role-outcomes-section{order:4!important}
main#main:has(>.hero-home)>.mobile-companion-section{order:5!important}

@media(max-width:1020px){
  .hero-home{
    background-image:
      linear-gradient(180deg,rgba(25,28,23,.70) 0%,rgba(31,38,30,.52) 55%,rgba(25,26,22,.68) 100%),
      url('https://upload.wikimedia.org/wikipedia/commons/a/aa/Valletta_Grand_Harbour_from_Valletta.jpg')!important;
    background-position:center 54%!important;
  }
}

@media(max-width:760px){
  .hero-home{
    background-image:
      linear-gradient(180deg,rgba(23,25,21,.74) 0%,rgba(31,39,30,.58) 52%,rgba(23,24,21,.74) 100%),
      url('https://upload.wikimedia.org/wikipedia/commons/a/aa/Valletta_Grand_Harbour_from_Valletta.jpg')!important;
    background-position:58% center!important;
  }
  .hero-home .hero-right-column>.product-definition{background:rgba(250,247,240,.96)!important}
  .product-tour-transition-inner{align-items:flex-start;flex-direction:column;gap:14px;padding-block:22px}
  .product-tour-transition-inner strong{font-size:20px}
  .product-tour-transition-inner .btn{width:100%}
}