/* Original landing page: the same colour roles as option B.
   Green actions and key figures, blue dividers, neutral text and surfaces.
   Performance and next-step layouts match B; other original layouts remain. */
:root{
  --btr-blue:#0082BE;
  --btr-green:#8DC63F;
  --btr-grey:#DAE1D7;
  --accent:var(--btr-green);
  --divider:var(--btr-blue);
  --mute:var(--btr-grey);
  --surface-raised:#151516;
}
.label::before{ background:var(--divider); }
.btn--primary{
  background:var(--accent); border-color:var(--accent); color:var(--ink);
}
.btn--primary:hover{ background:var(--white); border-color:var(--white); color:var(--ink); }
.btn:focus-visible,.hero__motion:focus-visible,.board__call:focus-visible,.proof__play:focus-visible{
  outline-color:var(--accent);
}
.spec b{ color:var(--accent); }
.board__dot{ border-color:var(--accent); background:var(--accent); color:var(--ink); }
.board__call[aria-expanded="true"] .board__dot{
  border-color:var(--accent); background:var(--accent); color:var(--ink);
}
.board__call[aria-expanded="true"] .board__name{ box-shadow:inset 0 -2px 0 var(--accent); }
.board__call:hover .board__dot{ border-color:var(--white); color:var(--ink); }
.board__call[aria-expanded="true"]:hover .board__dot{ color:var(--ink); }
.board__leaders line{ stroke:var(--accent); }
.board__note{ box-shadow:inset 0 0 0 1px rgba(218,225,215,.3); }
@media (max-width:900px){
  .board__note{ box-shadow:inset 0 1px 0 rgba(218,225,215,.3); }
}
.proof__play-ring{ border-color:var(--accent); }
.proof__play:hover .proof__play-ring{ background:var(--accent); color:var(--ink); }

/* --- Hero: shade the copy column and soften into the sunlit interior ----- */
@media (min-width:761px){
  .hero__scrim{
    background:
      linear-gradient(90deg,
        rgba(0,0,0,.68) 0,
        rgba(0,0,0,.60) calc(var(--colx) + var(--col) * .18),
        rgba(0,0,0,.52) calc(var(--colx) + var(--col) * .48),
        rgba(0,0,0,.30) calc(var(--colx) + var(--col) * .62),
        rgba(0,0,0,.06) calc(var(--colx) + var(--col) * .76),
        rgba(0,0,0,0)   calc(var(--colx) + var(--col) * .88)),
      linear-gradient(0deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 46%);
  }
}

/* --- Performance: seven equal benefits over the installed wall ---------- */
.performance{
  position:relative; isolation:isolate;
  background:var(--ink); color:var(--white);
  padding-block:clamp(80px,8vw,128px) clamp(96px,9vw,144px);
  scroll-margin-top:28px;
}
.performance__backdrop{
  position:absolute; inset:0; z-index:0;
  pointer-events:none;
}
.performance__backdrop img{
  width:100%; height:100%; object-fit:cover; object-position:50% center;
}
.performance::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.3) 10%,transparent 26%,transparent 76%,#000 100%),
    linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.78));
}
.performance > .shell{ position:relative; z-index:2; }
.performance__content{ width:100%; margin-inline:auto; text-align:center; }
.performance .body{ color:var(--btr-grey); }
.performance__intro{ display:grid; justify-items:center; }
.performance__benefits{
  --benefit-gap:clamp(24px,2.6vw,40px);
  display:flex; flex-wrap:wrap; justify-content:center;
  column-gap:var(--benefit-gap);
  row-gap:clamp(34px,3.5vw,52px);
  margin-top:clamp(36px,4.2vw,64px);
}
.performance__benefit{
  flex:0 0 calc(25% - var(--benefit-gap) * .75);
  min-width:0;
  padding-top:clamp(20px,2vw,28px);
  border-top:1px solid rgba(0,130,190,.72);
}
.performance__icon{
  display:block; width:42px; height:42px;
  margin:0 auto 18px; color:var(--accent);
}
.performance__benefit h3{
  font-size:clamp(18px,1.5vw,22px); font-weight:700;
  line-height:1.3; letter-spacing:-.005em;
}
.performance__benefit .body{
  margin:10px auto 0; max-width:34ch;
  font-size:clamp(16px,1.12vw,17px); line-height:1.65;
}
@media (max-width:1100px){
  .performance__benefit{ flex-basis:calc(50% - var(--benefit-gap) * .5); }
}
@media (max-width:760px){
  .performance__backdrop{ bottom:auto; height:740px; }
  .performance__backdrop img{ object-position:65% center; }
  .performance::before{
    background:
      linear-gradient(180deg,#000 0px,rgba(0,0,0,.1) 120px,rgba(0,0,0,.2) 340px,#000 740px),
      linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.78));
  }
}
@media (max-width:580px){
  .performance__benefits{ row-gap:28px; }
  .performance__benefit{ flex-basis:100%; }
  .performance__benefit .body{ max-width:40ch; }
}

/* --- Original proof: compact attribution alongside the video ------------ */
.testimonial__grid{
  grid-template-columns:minmax(0,1fr);
  gap:clamp(32px,4vw,48px);
}
.testimonial__copy > * + *{ margin-top:12px; }
.testimonial__copy .heading{ font-size:clamp(30px,2.85vw,40px); }
.testimonial__quote blockquote{
  margin:0; color:var(--accent);
  font-size:clamp(24px,1.9vw,28px); font-weight:400;
  line-height:1.2; letter-spacing:-.01em;
  text-wrap:balance;
}
.testimonial__copy .testimonial__attribution{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px;
  margin-top:12px;
}
.testimonial .testimonial__name{ font-size:21px; }
.testimonial .testimonial__role{ margin-top:0; color:var(--btr-grey); }
@media (min-width:1200px){
  .testimonial__grid{
    grid-template-columns:minmax(0,4fr) minmax(0,7fr);
    align-items:stretch;
  }
  .testimonial__copy{
    display:flex; flex-direction:column; align-items:flex-start;
    justify-content:space-between; max-width:none;
  }
  .testimonial__copy > *{ flex-shrink:0; }
  .testimonial__media{ align-self:start; }
}
.testimonial .testimonial__flag{ background:var(--surface-raised); color:var(--btr-grey); }
.testimonial .testimonial__play{ color:var(--accent); }
.testimonial .proof__play-ring{ background:rgba(0,0,0,.72); }
.testimonial .testimonial__play:disabled .proof__play-ring{ border-color:var(--accent); }
.testimonial .testimonial__play:disabled:hover .proof__play-ring{
  transform:none; background:rgba(0,0,0,.72); color:var(--accent);
}

/* --- Next step: a compact charcoal invitation with the action alongside -- */
.booking{
  background:var(--ink); color:var(--white); text-align:left;
  padding-block:clamp(56px,6vw,96px) clamp(64px,7vw,112px);
  scroll-margin-top:24px;
}
.booking__panel{
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center;
  gap:clamp(28px,4vw,64px);
  padding:clamp(24px,4.5vw,68px);
  background:var(--surface-raised);
  border:1px solid rgba(218,225,215,.08); border-radius:2px;
}
.booking__panel > .opener{ min-width:0; }
.booking .label{ color:var(--btr-grey); text-align:left; }
.booking .heading{
  color:var(--white); max-width:14ch;
  margin:clamp(18px,2vw,26px) 0 0;
  font-size:clamp(32px,3.5vw,50px);
  line-height:1.12; letter-spacing:-.012em;
}
.booking .lead{
  max-width:36ch; margin:clamp(16px,1.6vw,22px) 0 0;
  color:var(--btr-grey);
}
.booking .nobr{ white-space:normal; overflow-wrap:anywhere; }
.booking__cta{ margin:0; justify-self:end; }
.booking .btn--booking{
  gap:14px; max-width:100%; min-height:58px;
  padding:16px 24px;
  background:var(--accent); border-color:var(--accent);
  color:var(--ink); font-weight:600;
}
.booking .btn--booking > span{ font-size:22px; line-height:1; }
.booking .btn--booking:hover{
  background:var(--white); border-color:var(--white); color:var(--ink);
}
.booking .btn--booking:focus-visible{
  outline:2px solid var(--accent); outline-offset:5px;
}
.booking__slot{ grid-column:1/-1; border-top-color:rgba(218,225,215,.22); }
.booking__slot[hidden]{ display:none; }
.booking__slot .label,.booking__slot .body{ color:var(--btr-grey); }
@media (max-width:760px){
  .booking__panel{ grid-template-columns:minmax(0,1fr); }
  .booking__cta{ justify-self:start; }
}
@media (max-width:480px){
  .booking__cta{ width:100%; }
  .booking .btn--booking{
    width:100%; padding-inline:16px; gap:10px;
    font-size:12px; letter-spacing:.06em;
  }
}
@media (prefers-reduced-motion:reduce){
  .booking .btn--booking{ transition:none; }
  .booking .btn--booking:active{ scale:1; }
}