:root{
  --hybrid-forest:#073f35;
  --hybrid-forest-deep:#031c1b;
  --hybrid-cosmic:#111248;
  --hybrid-violet:#7358d6;
  --hybrid-aqua:#48e1dc;
  --hybrid-blue:#66baff;
  --hybrid-life:#b9f5c2;
  --hybrid-mist:#effcf8;
}

html,body{max-width:100%;overflow-x:clip}
body.hybrid-page{background:#071b2d;color:#f4fffd}
body.hybrid-page:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:radial-gradient(circle,#ffffff 0 1px,transparent 1.6px),radial-gradient(circle,#62eee4 0 1px,transparent 1.7px);
  background-size:118px 118px,181px 181px;
  background-position:0 0,47px 69px;
  opacity:.16;
}
body.hybrid-page>*{position:relative;z-index:1}
body.hybrid-page h1{
  background:linear-gradient(105deg,var(--hybrid-life),var(--hybrid-aqua) 35%,var(--hybrid-blue) 68%,#b59aff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 18px #001b1ae8);
}
body.hybrid-page .eyebrow{color:#9cefa5}
body.hybrid-page footer{border-color:#ffffff24;color:#9ab7b5}
body.hybrid-page .button{
  border-color:#c9fff2;
  background:linear-gradient(92deg,#087e62,#21b7a8,#357bd2);
  color:#fff;
  box-shadow:0 13px 34px #087e6242;
}
body.hybrid-page .button:hover{background:linear-gradient(92deg,#0a9875,#2acabc,#4b8ee4)}

/* Main site */
body.home-hybrid{background:#071b2d}
.home-hybrid:before{opacity:.12}
.home-hybrid header{
  position:absolute;
  z-index:20;
  top:0;
  left:0;
  right:0;
  border:0;
  background:linear-gradient(180deg,#031514b8 0%,#03151445 64%,transparent 100%);
}
.home-hybrid .nav{min-height:96px}
.home-hybrid .brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#effffb;
  font-size:12px;
  font-weight:400;
  letter-spacing:2.8px;
}
.home-hybrid .brand:before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#52e5dc;
  box-shadow:0 0 0 6px #52e5dc14,0 0 22px #52e5dccc;
}
.home-hybrid nav{gap:9px}
.home-hybrid nav a{
  min-height:38px;
  padding:0 15px;
  border:1px solid #dfffff38;
  border-radius:999px;
  background:#071b2d24;
  color:#e3f3f1;
  font-size:10px;
  font-weight:600;
  letter-spacing:1.25px;
  backdrop-filter:blur(8px);
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.home-hybrid nav a:first-child{
  border-color:#65eee088;
  background:linear-gradient(90deg,#1ed6dd24,#4fd58b24);
}
.home-hybrid nav a:hover{border-color:#70e5dc;color:#bffff0;transform:translateY(-1px)}
.home-hybrid .hero-wrap{
  position:relative;
  padding-top:154px;
  background:
    linear-gradient(90deg,#031c1be8 0 36%,#072f2bc9 58%,#091a2bb2 100%),
    url('rebrand-mockups/assets/jungle-wide.webp') center/cover;
  overflow:hidden;
}
.home-hybrid .hero-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 82% 8%,#755bd54a,transparent 29%),linear-gradient(180deg,#0018150d,#03181776);
}
.home-hybrid .hero{position:relative}
.home-hybrid .hero .newsletter-heading{color:#bff29b}
.home-hybrid .lead{color:#e4f3f0;text-shadow:0 2px 16px #001715}
.home-hybrid .newsletter{border-color:#79e4d866;background:#071d35d9;box-shadow:0 22px 70px #00111dbd}
.home-hybrid .newsletter input[type="email"]{background:#f2fbf8!important}
.home-hybrid .newsletter button,.home-hybrid .newsletter .ml-form-embedSubmit button,.home-hybrid .newsletter input[type="submit"]{
  background:#20b7aa!important;
  color:#fff!important;
}
.home-hybrid .newsletter button:hover,.home-hybrid .newsletter .ml-form-embedSubmit button:hover,.home-hybrid .newsletter input[type="submit"]:hover{background:#347fd0!important}
.home-hybrid .about{
  border-color:#ffffff1f;
  background:radial-gradient(circle at 8% 20%,#21b7a829,transparent 28%),radial-gradient(circle at 91% 14%,#7358d63d,transparent 30%),linear-gradient(145deg,#07352f,#111c4f 62%,#24145d);
}
.home-hybrid .about-heading .eyebrow{color:#79e4da}
.home-hybrid .about-heading h2{color:#f3fffc}
.home-hybrid .about-heading p,.home-hybrid .about-copy p{color:#d3e6e3}
.home-hybrid .about-copy h3{color:#9debdc}
.home-hybrid .about-copy strong{color:#b9f5c2}
.home-hybrid .portrait-wrap{border-color:#eafff9;box-shadow:0 0 0 7px #48e1dc26,0 30px 90px #020d1bd1}

/* Booking page */
.book-hybrid main{
  background:radial-gradient(circle at 83% 8%,#7257d43f,transparent 28%),linear-gradient(160deg,#062e2c,#101d4c 58%,#24145d);
}
.book-hybrid .lead{color:#d4e8e5}
.book-hybrid .calendar-shell{border-color:#77e8dd;background:linear-gradient(135deg,#0b755f,#24b9aa 48%,#4d73ce);box-shadow:10px 10px 0 #050d2d}
.book-hybrid .calendar-inner{border-color:#0a3f39}

/* Compact confirmation pages */
.newsletter-thanks-hybrid main,.waitlist-thanks-hybrid main{
  background:radial-gradient(circle at 50% 38%,#17bda82e,transparent 28%),radial-gradient(circle at 82% 12%,#7358d63c,transparent 27%),linear-gradient(150deg,#062f2d,#111d4d 60%,#25145f);
}
.newsletter-thanks-hybrid .lead,.waitlist-thanks-hybrid .lead{color:#d1e5e2}
.newsletter-thanks-hybrid .check,.waitlist-thanks-hybrid .check{border-color:#69e5d6;background:#46d8ca1c;box-shadow:0 0 48px #46d8ca2b}
.newsletter-thanks-hybrid .check:before,.waitlist-thanks-hybrid .check:before{border-color:#85ebdd}
.waitlist-thanks-hybrid .check:after{border-color:#85ebdd}

/* Appointment confirmation */
body.appointment-thanks-hybrid{background:linear-gradient(150deg,#062f2d,#111d4d 60%,#25145f)}
.appointment-thanks-hybrid .lead,.appointment-thanks-hybrid .instruction p{color:#cfe2df}
.appointment-thanks-hybrid .instructions,.appointment-thanks-hybrid .instruction{border-color:#ffffff26}
.appointment-thanks-hybrid .number{border-color:#72e4d6;color:#8cebdd}
.appointment-thanks-hybrid .instruction h2{color:#f5fffd}
.appointment-thanks-hybrid .signoff strong{color:#9cefa5}

/* Legacy waitlist page retained in the upload package. */
body.waitlist-hybrid{
  background:
    linear-gradient(125deg,#031c1be8,#0a3041c8 58%,#22165ebb),
    url('rebrand-mockups/assets/jungle-wide.webp') center/cover fixed;
}
.waitlist-hybrid main{border-color:#73e8dc;background:linear-gradient(145deg,#073f39ed,#10265bed 70%,#29196aed);box-shadow:14px 14px 0 #041627;color:#f5fffd}
.waitlist-hybrid h1{background:linear-gradient(105deg,#b9f5c2,#53e4d5 35%,#66baff 68%,#b59aff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.waitlist-hybrid .signup-area{border-color:#70e5da66}
.waitlist-hybrid .lead{color:#d5e9e6}
.waitlist-hybrid .form-card{border-color:#0a4a42;box-shadow:10px 10px 0 #061a31;color:#073f35}
.waitlist-hybrid .privacy{color:#c8ddda}
.waitlist-hybrid .site-footer{border-color:#ffffff24;color:#a8c0be}

@media(max-width:760px){
  .home-hybrid .hero-wrap,.waitlist-hybrid{background-image:linear-gradient(180deg,#031c1be6 0 55%,#072f2bc7 74%,#091a2bb0),url('rebrand-mockups/assets/jungle-vertical.webp')}
  .home-hybrid header{background:linear-gradient(180deg,#031514e8 0%,#03151480 76%,transparent)}
  .home-hybrid .nav{min-height:0;padding:20px 0 0}
  .home-hybrid .brand{display:flex;justify-content:center;font-size:10px;letter-spacing:2px}
  .home-hybrid .nav nav{margin-top:13px;gap:7px}
  .home-hybrid nav a{min-height:34px;padding:0 11px;font-size:8.5px;letter-spacing:.85px}
  .home-hybrid .hero-wrap{padding-top:150px}
}
