.balancing-detail {background:#090909;position:relative;isolation:isolate;}
.balancing-detail:not(.balancing-detail--hero):not(.balancing-detail--quote)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('hero-honeycomb.webp') left center/900px auto no-repeat;opacity:.2;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 70%,transparent),linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}
.balancing-detail--hero::before,.balancing-detail--quote::before {content:'';position:absolute;z-index:-1;pointer-events:none;top:0;inset-inline-end:0;width:min(900px,100%);height:400px;background:url('hero-honeycomb.webp') right top/contain no-repeat;mask-image:radial-gradient(ellipse closest-side,#000 25%,transparent 100%);}
.balancing-hero-image {background:radial-gradient(ellipse at center,#c7831424,transparent 68%);}
.balancing-hero-image img {display:block;width:100%;height:480px;object-fit:contain;}
.balancing-detail .ds-lead {color:#bcbcbc;font-size:20px;line-height:1.6;}
.balancing-quality {display:grid;grid-template-columns:1.5fr 1fr;gap:32px;padding:32px;align-items:center;max-width:960px;margin-inline:auto;}
.balancing-quality h2 {font-size:clamp(28px,3vw,40px);line-height:1.2;margin:16px 0 22px;}
.balancing-grade {border-inline-start:1px solid #333;padding-inline-start:40px;text-align:center;}
.balancing-grade span {color:#bcbcbc;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
.balancing-grade strong {display:block;color:#ff9600;font-size:clamp(70px,8vw,110px);line-height:1.2;margin:12px 0;}
.balancing-grade p {color:#bcbcbc;font-size:16px;}
.balancing-steps {list-style:none;padding:0;margin:0;display:grid;gap:28px;}
.balancing-steps li {display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:center;padding:32px;transition:border-color .2s,box-shadow .2s;}
.balancing-steps li:hover {border-color:#d87919;box-shadow:0 0 14px #e8791726;}
.balancing-step-copy h3 {font-size:32px;margin:14px 0 18px;}
.balancing-step-image img {display:block;width:100%;height:auto;object-fit:contain;border-radius:6px;}
.balancing-video {padding:0;overflow:hidden;}
.balancing-video iframe {display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;}
.balancing-license {display:flex;justify-content:space-between;gap:40px;align-items:center;padding:40px;background:radial-gradient(ellipse at 15% 50%,#b46b121a,transparent 75%);}
.balancing-license h2 {font-size:clamp(28px,3vw,40px);margin:14px 0 20px;}
.balancing-license .ds-button {flex-shrink:0;}
@media(max-width:767px) {.balancing-hero-image img {height:330px;}.balancing-quality {grid-template-columns:1fr;gap:28px;padding:24px;}.balancing-grade {border-inline-start:0;border-top:1px solid #333;padding:28px 0 0;}.balancing-steps li {grid-template-columns:1fr;padding:22px;gap:20px;}.balancing-step-copy h3 {font-size:28px;}.balancing-detail .ds-lead {font-size:18px;}.balancing-license {flex-direction:column;align-items:flex-start;padding:24px;gap:20px;}}

/* Compact process and tutorial. */
.balancing-detail:not(.balancing-detail--hero) .ds-section{padding-block:40px;}
.balancing-steps{max-width:1000px;margin-inline:auto;gap:20px;}
.balancing-steps li{grid-template-columns:.85fr 1.15fr;padding:24px;gap:28px;}
.balancing-step-image img{max-height:none;border-radius:0;}
.balancing-step-copy h3{font-size:27px;margin:10px 0 12px;}
.balancing-detail .ds-lead{font-size:18px;}
.balancing-video{max-width:800px;margin-inline:auto;}
@media(max-width:767px){.balancing-steps li{grid-template-columns:1fr;gap:16px;}.balancing-step-image img{max-height:none;}.balancing-detail:not(.balancing-detail--hero) .ds-section{padding-block:30px;}}
