/* ByteByson compositions use the shared ACGAO product tokens and controls. */
.product-design.bytebyson{--product-accent:#f0a868}
.bb-hero{text-align:center;padding-top:5.6rem}
.product-design .bb-product{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.7rem;font-weight:600;margin-bottom:2.4rem;color:var(--product-ink)}
.bb-product img{width:36px;height:36px}
.bb-product span{color:var(--product-muted);font-weight:400}
.bytebyson h1{max-width:900px;margin-inline:auto}
.product-design .bb-lead{font-size:2rem;line-height:1.6;color:var(--product-muted);margin:2.4rem auto 0;max-width:680px}
.bb-hero .product-actions{justify-content:center}
.product-design .bb-availability{font-size:1.3rem;color:var(--product-muted);margin-top:1.8rem}
.bb-availability span{padding-inline:.6rem}
.bb-showcase{margin:4.8rem auto 0;padding:3.2rem 3.2rem 2rem;max-width:1060px;border:1px solid #3b3b4d;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,rgb(240 168 104 / 14%),transparent 65%),#171722}
.bb-showcase img{width:100%;border-radius:12px;box-shadow:0 28px 70px rgb(0 0 0 / 28%)}
.bb-showcase figcaption{font-size:1.25rem;color:var(--product-muted);margin-top:2rem}
.bb-protocols{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-top:5.6rem;border-block:1px solid #39394b;padding:2.6rem 0;color:var(--product-copy);font-size:1.4rem;font-weight:500}
.bb-protocols span{display:flex;gap:1rem;align-items:center}
.bb-protocols span:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--product-accent)}
.bb-section{padding-top:10.4rem}
.bb-section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:9.6rem;align-items:end}
.product-design .bb-eyebrow{font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:var(--product-accent);font-weight:650;margin-bottom:2rem}
.bb-section-intro .bb-eyebrow{grid-column:1/-1}
.product-design .bb-section-intro>p:last-child{font-size:1.8rem;color:var(--product-muted);max-width:470px}
.bb-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:4rem}
.bb-features article{border:1px solid #3b3b4d;background:#252535;border-radius:16px;padding:3rem}
.bb-number{color:var(--product-accent);display:block;font-size:1.3rem;margin-bottom:2.8rem;font-variant-numeric:tabular-nums}
.bb-features h3{max-width:230px}
.product-design .bb-features p{margin-top:1.6rem;color:var(--product-muted);font-size:1.6rem}
.bb-connection{display:grid;grid-template-columns:1fr 1fr;gap:9.6rem;align-items:center}
.bb-connection-art{border-radius:20px;background:#171722;border:1px solid #3b3b4d;padding:3.2rem;display:flex;justify-content:center}
.bb-connection-art img{width:100%;max-width:390px;box-shadow:0 24px 60px rgb(0 0 0 / 24%);border-radius:12px}
.product-design .bb-connection-copy>p:not(.bb-eyebrow){color:var(--product-muted);margin-top:2.4rem}
.bb-checklist{list-style:none;padding:0;margin:3.2rem 0 0}
.bb-checklist li{border-top:1px solid #3b3b4d;padding-block:2rem}
.bb-checklist strong{font-size:1.6rem;font-weight:600;display:block;color:var(--product-ink)}
.bb-checklist span{font-size:1.5rem;color:var(--product-muted);display:block;margin-top:.6rem}
.bb-details{display:grid;grid-template-columns:.8fr 1.2fr;gap:9.6rem}
.product-design .bb-details>div>p:not(.bb-eyebrow){color:var(--product-muted);margin-top:2rem;max-width:32ch}
.bb-questions details{border-top:1px solid #3b3b4d;padding-block:2rem}
.bb-questions details:last-child{border-bottom:1px solid #3b3b4d}
.bb-questions summary{cursor:pointer;color:var(--product-ink);font-size:1.7rem;font-weight:500;padding-right:1.5rem;min-height:28px}
.product-design .bb-questions p{color:var(--product-muted);font-size:1.5rem;margin-top:1.6rem}
.bb-download{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;margin-top:10.4rem;border:1px solid #454557;border-radius:20px;background:#272737;padding:4.8rem}
.product-design .bb-download h2{font-size:3.6rem}
.product-design .bb-download p:not(.bb-eyebrow){margin-top:1.8rem;color:var(--product-muted);font-size:1.5rem}
.bb-download-actions{display:flex;align-items:center;flex-direction:column;gap:2rem}
.bb-text-link{font-size:1.4rem;color:var(--product-muted)}
@media(max-width:1023px){.bb-section-intro,.bb-connection,.bb-details{gap:4.8rem}.bb-features article{padding:2.4rem}.bb-protocols{justify-content:center;gap:1.8rem 3.2rem}.bb-connection-art{padding:2.4rem}}
@media(max-width:767px){.bb-hero{padding-top:4.8rem}.product-design .bb-lead{font-size:1.8rem}.desktop-break{display:none}.bb-showcase{margin-top:3.6rem;padding:1.2rem 1.2rem 1.6rem;border-radius:16px}.bb-showcase img{border-radius:8px}.bb-showcase figcaption{font-size:1.2rem;margin-top:1.6rem}.bb-protocols{display:grid;grid-template-columns:1fr 1fr;font-size:1.2rem;gap:1.6rem;margin-top:3.2rem}.bb-section{padding-top:6.4rem}.bb-section-intro,.bb-connection,.bb-details{grid-template-columns:1fr;gap:2.4rem}.bb-features{grid-template-columns:1fr;margin-top:3.2rem}.bb-number{margin-bottom:1.6rem}.bb-features h3{max-width:none}.bb-connection-copy{order:-1}.bb-connection-art img{max-width:320px}.bb-connection-art{padding:2.4rem}.bb-checklist{margin-top:2rem}.bb-download{grid-template-columns:1fr;padding:2.8rem;margin-top:6.4rem;gap:2.8rem}.product-design .bb-download h2{font-size:3.2rem}.bb-download-actions{align-items:flex-start}.gh-foot-inner{gap:2.4rem}.gh-foot-menu .nav{flex-direction:row;gap:.8rem 1.6rem}.gh-foot-menu .nav li+li{margin-top:0}.gh-foot{padding-block:4.8rem}}
@media(max-width:359px){.product-design.bytebyson h1{font-size:4rem}.bb-protocols{grid-template-columns:1fr}.bb-hero .product-actions{flex-direction:column}.bb-availability span{padding-inline:.2rem}}

/* Keep enlarged text within the available line width. */
.product-design h1,.product-design h2,.product-design h3{overflow-wrap:anywhere}