/* Revamped ByteCase Tools landing page */
.tools-release-hero{
  padding:96px 0 76px;
  border-bottom:1px solid rgba(141,148,158,.14);
  background:
    radial-gradient(circle at 82% 24%,rgba(56,189,248,.12),transparent 34%),
    radial-gradient(circle at 68% 72%,rgba(16,185,129,.08),transparent 35%),
    linear-gradient(180deg,#111820,#0e1116)
}
.tools-release-hero-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:76px;
  align-items:center
}
.tools-release-hero h1{
  max-width:900px;
  margin:.23em 0;
  font-size:clamp(3.7rem,7vw,6.8rem);
  line-height:.91;
  letter-spacing:-.06em
}
.release-readiness-panel{
  padding:30px;
  border:1px solid rgba(56,189,248,.34);
  border-radius:21px;
  background:
    linear-gradient(145deg,rgba(56,189,248,.07),transparent 43%),
    linear-gradient(145deg,var(--panel),#11171e);
  box-shadow:0 28px 80px rgba(0,0,0,.3)
}
.release-readiness-panel h2{
  margin:.25em 0;
  font-size:2rem
}
.release-readiness-panel>p{
  color:#aeb7be
}
.release-readiness-stats{
  margin-top:24px;
  border:1px solid rgba(141,148,158,.15);
  border-radius:13px;
  overflow:hidden;
  background:#090d12
}
.release-readiness-stats div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border-bottom:1px solid rgba(141,148,158,.13)
}
.release-readiness-stats div:last-child{
  border-bottom:0
}
.release-readiness-stats span{
  color:var(--muted);
  font-size:.8rem
}
.release-readiness-stats strong{
  color:#e0f2fe;
  text-align:right
}
.tools-principle-section{
  padding-top:42px;
  padding-bottom:42px
}
.tools-principle-band{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:62px;
  align-items:center;
  padding:30px 32px;
  border:1px solid rgba(16,185,129,.24);
  border-radius:19px;
  background:linear-gradient(145deg,var(--panel),#141a20)
}
.tools-principle-band h2{
  margin:5px 0 0;
  font-size:2rem
}
.tools-principle-band>p{
  margin:0;
  color:#b7c0c7;
  font-size:1.03rem
}
.tools-release-heading{
  align-items:end
}
.release-stage-key{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px
}
.release-stage-key small{
  color:var(--muted)
}
.prepared-tool-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.prepared-tool-card{
  display:flex;
  flex-direction:column;
  min-height:540px;
  padding:29px;
  border:1px solid rgba(56,189,248,.25);
  border-radius:19px;
  background:
    linear-gradient(145deg,rgba(56,189,248,.055),transparent 40%),
    linear-gradient(145deg,var(--panel),#141a20);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.prepared-tool-card:hover{
  transform:translateY(-3px);
  border-color:rgba(56,189,248,.48);
  box-shadow:0 25px 65px rgba(0,0,0,.24)
}
.prepared-tool-card__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px
}
.prepared-tool-card__top p{
  margin:7px 0 0;
  color:#9aa6ae;
  font-size:.8rem;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.06em
}
.prepared-tool-version{
  color:#7dd3fc;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em
}
.prepared-tool-card h3{
  margin:24px 0 10px;
  font-size:2rem
}
.prepared-tool-problem{
  color:#b5bec5
}
.prepared-tool-card ul{
  list-style:none;
  margin:18px 0 24px;
  padding:0
}
.prepared-tool-card li{
  position:relative;
  padding:9px 0 9px 24px;
  border-bottom:1px solid rgba(141,148,158,.1);
  color:#c4ccd2
}
.prepared-tool-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#34d399;
  font-weight:900
}
.prepared-tool-release-note{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:auto;
  padding:15px 17px;
  border-left:3px solid #38bdf8;
  background:rgba(56,189,248,.065)
}
.prepared-tool-release-note strong{
  color:#e0f2fe;
  font-size:.77rem;
  text-transform:uppercase;
  letter-spacing:.08em
}
.prepared-tool-release-note span{
  color:#aeb9c1;
  font-size:.83rem;
  line-height:1.5
}
.prepared-tool-actions{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:22px
}
.release-process-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:72px;
  align-items:start
}
.release-process-grid>div:first-child{
  position:sticky;
  top:110px
}
.release-process-grid>div:first-child>p{
  color:#b5bec5
}
.release-process-steps{
  display:flex;
  flex-direction:column;
  gap:12px
}
.release-process-steps article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:17px;
  padding:20px;
  border:1px solid rgba(141,148,158,.18);
  border-radius:14px;
  background:linear-gradient(145deg,var(--panel),#141a20)
}
.release-process-steps article>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(141,148,158,.24);
  border-radius:50%;
  color:#9ba6ae;
  font-size:.72rem;
  font-weight:900
}
.release-process-steps strong{
  color:#fff
}
.release-process-steps p{
  margin:5px 0 0;
  color:#9faab2
}
.release-process-steps .is-complete{
  border-color:rgba(16,185,129,.26)
}
.release-process-steps .is-complete>span{
  border-color:rgba(16,185,129,.42);
  color:#6ee7b7
}
.release-process-steps .is-current{
  border-color:rgba(56,189,248,.44);
  background:
    linear-gradient(145deg,rgba(56,189,248,.08),transparent 45%),
    linear-gradient(145deg,var(--panel),#141a20)
}
.release-process-steps .is-current>span{
  border-color:#38bdf8;
  color:#bae6fd
}
.suite-status--prerelease{
  border-color:rgba(56,189,248,.42);
  background:rgba(56,189,248,.1);
  color:#bae6fd
}
@media(max-width:1000px){
  .tools-release-hero-grid,
  .tools-principle-band,
  .release-process-grid{
    grid-template-columns:1fr
  }
  .release-process-grid>div:first-child{
    position:static
  }
}
@media(max-width:760px){
  .prepared-tool-grid{
    grid-template-columns:1fr
  }
  .release-stage-key{
    align-items:flex-start
  }
}
@media(max-width:620px){
  .tools-release-hero{
    padding:72px 0 54px
  }
  .tools-release-hero h1{
    font-size:clamp(3rem,15vw,4.6rem)
  }
  .prepared-tool-card{
    min-height:auto;
    padding:23px
  }
  .prepared-tool-card__top{
    flex-direction:column
  }
  .prepared-tool-actions{
    align-items:flex-start;
    flex-direction:column
  }
}


/* Shared case-folder adoption section */
.shared-case-section{
  padding-top:38px;
  padding-bottom:88px
}
.shared-case-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center
}
.shared-case-copy h2{
  margin:.25em 0 .45em;
  max-width:650px;
  font-size:clamp(2.6rem,5vw,4.6rem);
  line-height:.97;
  letter-spacing:-.045em
}
.shared-case-copy>p{
  max-width:700px;
  color:#b5bec5;
  font-size:1.04rem
}
.shared-case-benefits{
  display:grid;
  gap:11px;
  margin-top:27px
}
.shared-case-benefits article{
  display:grid;
  grid-template-columns:minmax(180px,.72fr) 1.28fr;
  gap:20px;
  padding:15px 0;
  border-top:1px solid rgba(141,148,158,.14)
}
.shared-case-benefits strong{
  color:#fff
}
.shared-case-benefits span{
  color:#9eabb3
}
.shared-case-diagram{
  overflow:hidden;
  border:1px solid rgba(16,185,129,.32);
  border-radius:21px;
  background:
    radial-gradient(circle at 85% 15%,rgba(16,185,129,.09),transparent 34%),
    linear-gradient(145deg,#111820,#0b1015);
  box-shadow:0 32px 90px rgba(0,0,0,.31)
}
.shared-case-diagram__header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  border-bottom:1px solid rgba(141,148,158,.16);
  background:rgba(255,255,255,.018)
}
.shared-case-diagram__header span{
  color:#7dd3fc;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em
}
.shared-case-diagram__header strong{
  color:#d7e0e6
}
.folder-tree{
  padding:21px
}
.folder-tree__root{
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 5px 16px;
  color:#e5edf2
}
.folder-icon{
  color:#34d399
}
.folder-tree__item{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  margin-left:12px;
  padding:15px 14px;
  border-left:1px solid rgba(52,211,153,.25);
  border-bottom:1px solid rgba(141,148,158,.09);
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease
}
.folder-tree__item:hover{
  border-left-color:#34d399;
  background:rgba(16,185,129,.055)
}
.folder-tree__item>span{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid rgba(56,189,248,.3);
  border-radius:8px;
  color:#7dd3fc;
  font-size:.68rem;
  font-weight:900
}
.folder-tree__item div{
  display:flex;
  flex-direction:column;
  gap:4px
}
.folder-tree__item strong{
  color:#fff
}
.folder-tree__item small{
  color:#8f9ca5;
  line-height:1.45
}
.shared-case-future{
  padding:19px 22px 22px;
  border-top:1px solid rgba(141,148,158,.16);
  background:rgba(56,189,248,.035)
}
.shared-case-future span{
  color:#7dd3fc;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em
}
.shared-case-future p{
  margin:6px 0 0;
  color:#a9b4bc
}
@media(max-width:1000px){
  .shared-case-grid{
    grid-template-columns:1fr
  }
}
@media(max-width:620px){
  .shared-case-section{
    padding-bottom:62px
  }
  .shared-case-benefits article{
    grid-template-columns:1fr;
    gap:6px
  }
  .shared-case-diagram__header{
    flex-direction:column;
    gap:5px
  }
  .folder-tree{
    padding:14px
  }
  .folder-tree__item{
    margin-left:3px;
    padding:14px 9px
  }
}

.active-development-section{position:relative;overflow:hidden}
.playbook-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;padding:38px;border:1px solid rgba(56,189,248,.38);border-radius:24px;background:linear-gradient(135deg,rgba(56,189,248,.07),transparent 42%),linear-gradient(145deg,#151c24,#0d1218);box-shadow:0 34px 90px rgba(0,0,0,.34)}
.playbook-feature__labels{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.playbook-main-attraction{padding:7px 11px;border:1px solid rgba(52,211,153,.36);border-radius:999px;background:rgba(16,185,129,.09);color:#a7f3d0;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.playbook-feature__subtitle{margin:27px 0 7px;color:#7dd3fc;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.playbook-feature h3{margin:0;font-size:clamp(3rem,6vw,5.5rem);line-height:.92;letter-spacing:-.055em}
.playbook-feature__headline{margin:22px 0 11px;color:#fff;font-size:1.42rem;font-weight:760;line-height:1.2}
.playbook-feature__pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:25px}
.playbook-feature__pillars article{padding:16px;border:1px solid rgba(141,148,158,.15);border-radius:12px;background:rgba(255,255,255,.018)}
.playbook-feature__pillars strong,.playbook-feature__pillars span{display:block}
.playbook-feature__pillars span{margin-top:6px;color:#93a0a9;font-size:.82rem;line-height:1.5}
.playbook-workflow-preview{overflow:hidden;align-self:center;border:1px solid rgba(141,148,158,.2);border-radius:18px;background:#090e13}
.playbook-preview__top{display:flex;justify-content:space-between;gap:18px;padding:18px 19px;border-bottom:1px solid rgba(141,148,158,.14);background:rgba(255,255,255,.025)}
.playbook-preview__top div{display:flex;flex-direction:column}.playbook-preview__top span{color:#7dd3fc;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.playbook-stage{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:15px 17px;border-bottom:1px solid rgba(141,148,158,.1)}
.playbook-stage>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(141,148,158,.23);border-radius:50%;color:#8f9ba4;font-size:.65rem;font-weight:900}
.playbook-stage div{display:flex;flex-direction:column;gap:3px}.playbook-stage small{color:#7f8d97}.playbook-stage b{color:#84919a;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.playbook-stage.is-complete>span,.playbook-stage.is-complete b{color:#6ee7b7}.playbook-stage.is-current{background:rgba(56,189,248,.065)}.playbook-stage.is-current>span,.playbook-stage.is-current b{color:#7dd3fc}
.playbook-why{padding:17px 19px;border-top:1px solid rgba(56,189,248,.2);background:rgba(56,189,248,.045)}.playbook-why span{color:#7dd3fc;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.playbook-why p{margin:6px 0 0;color:#a8b3bb;font-size:.84rem}
.active-supporting-tools{margin-top:58px}.section-head--compact{margin-bottom:22px}
@media(max-width:1000px){.playbook-feature{grid-template-columns:1fr}}
@media(max-width:680px){.playbook-feature{padding:24px}.playbook-feature__pillars{grid-template-columns:1fr}.playbook-preview__top{flex-direction:column}}