.sbtg { --pink:#ff319c; --black:#161619; --muted:#61616e; color:var(--black); background:#fff; }
.sbtg .section-shell { max-width:1240px; }
.sbtg a:focus-visible,.sbtg summary:focus-visible { outline:3px solid #1677aa; outline-offset:5px; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; padding:12px; background:#fff; }
.skip-link:focus { top:8px; }
.sbtg .site-header { background:#fff; }
.sbtg .button { background:var(--black); color:#fff; border-color:var(--black); }
.sbtg .button:hover { background:#34343f; }
.sbtg .button-outline { background:transparent; color:var(--black); border:1px solid var(--black); }
.sbtg .button-outline:hover { background:#eeeef3; }
.sbtg-nav { border-bottom:1px solid var(--line); background:#fafafd; }
.sbtg-nav .section-shell { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:13px; }
.sbtg-nav a { font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.sbtg-nav div div { display:flex; gap:25px; }
.sbtg section[id] { scroll-margin-top:95px; }
.sbtg-hero { padding-block:34px 65px; }
.sbtg .breadcrumb { margin-bottom:35px; font-size:12px; }
.sbtg-hero-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:55px; align-items:center; }
.sbtg .eyebrow { color:#575762; font-size:12px; letter-spacing:.16em; }
.sbtg h1 { font-family:Montserrat,Arial,sans-serif; font-size:clamp(46px,6.4vw,85px); font-weight:800; letter-spacing:-.07em; line-height:1; margin:20px 0 12px; transform:skew(-6deg); transform-origin:left; }
.sbtg h1::after { content:''; display:block; width:73%; height:9px; background:var(--pink); margin-top:13px; clip-path:polygon(0 30%,100% 0,94% 80%,3% 100%); }
.sbtg-byline { font-size:15px; font-weight:600; margin-bottom:26px; }
.sbtg-lede { font-size:clamp(18px,2vw,22px); line-height:1.55; max-width:560px; }
.sbtg-support { font-size:14px; color:var(--muted); max-width:520px; }
.sbtg-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:27px; }
.sbtg-status { display:inline-block; font-size:10px; font-weight:800; letter-spacing:.1em; background:#e5f5ff; padding:6px 10px; }
.sbtg-photo { background:#f0f0f4; border:1px solid #dddde5; position:relative; min-height:490px; display:flex; flex-direction:column; justify-content:space-between; padding:28px; overflow:hidden; }
.sbtg-photo::before { content:''; position:absolute; width:170px; height:520px; background:var(--cyan); transform:rotate(25deg); top:-70px; right:-135px; }
.sbtg-photo-kicker { font-size:11px; letter-spacing:.14em; font-weight:700; }
.sbtg-photo-center { text-align:center; padding-block:45px; }
.sbtg-photo-center strong { font-family:Audiowide,Arial,sans-serif; font-size:clamp(40px,5vw,68px); letter-spacing:-.05em; }
.sbtg-photo-center span { display:block; font-size:12px; letter-spacing:.15em; }
.sbtg-photo-note { border-top:1px solid #d2d2dd; padding-top:18px; font-size:12px; max-width:85%; }
.sbtg-facts { display:flex; flex-wrap:wrap; gap:12px 28px; padding-block:25px; margin-top:40px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:11px; font-weight:700; }
.sbtg-facts span::before { content:'+'; color:#1974a7; margin-right:8px; }
.sbtg-section { padding-block:80px; }
.sbtg h2 { font-size:clamp(28px,3.4vw,43px); line-height:1.15; letter-spacing:-.035em; margin:12px 0 24px; max-width:760px; }
.sbtg h3 { font-size:19px; line-height:1.35; margin:10px 0 12px; }
.sbtg h1,.sbtg h2,.sbtg h3 { color:inherit; }
.sbtg p { max-width:760px; }
.sbtg-split { display:grid; grid-template-columns:1fr 1.25fr; gap:75px; }
.sbtg-tint { background:#f3f3f7; }
.sbtg-intro p { margin-top:0; }
.sbtg-pullquote { font-size:25px; font-weight:700; line-height:1.4; border-left:5px solid var(--pink); padding-left:25px; margin-top:25px; }
.sbtg-steps { margin-top:36px; border-top:1px solid #d4d4de; }
.sbtg-step { display:grid; grid-template-columns:60px 1fr 1.15fr; gap:20px; padding-block:28px; border-bottom:1px solid #d4d4de; align-items:start; }
.sbtg-step .step-num { color:#61616e; font-family:Audiowide,Arial,sans-serif; font-size:22px; }
.sbtg-step h3,.sbtg-step p { margin:0; }
.sbtg-step p { font-size:14px; }
.sbtg-dark { background:var(--black); color:#fff; }
.sbtg-dark .eyebrow { color:var(--cyan); }
.sbtg-dark p { color:#d7d7e1; }
.sbtg-audience { display:grid; grid-template-columns:1fr 1fr 1fr; gap:35px; margin-top:35px; }
.sbtg-audience article { border-top:3px solid var(--cyan); padding-top:15px; }
.sbtg-audience article:nth-child(2) { border-color:var(--pink); }
.sbtg-audience p { font-size:14px; }
.sbtg-resource-head { display:flex; gap:25px; justify-content:space-between; align-items:start; }
.sbtg-tuning { background:#eef8fe; }
.sbtg details { border-top:1px solid #c8d7e3; }
.sbtg details:last-child { border-bottom:1px solid #c8d7e3; }
.sbtg summary { padding:22px 0; cursor:pointer; font-weight:700; font-size:16px; }
.sbtg details p,.sbtg details ul { font-size:14px; max-width:850px; }
.sbtg details > div { padding:0 0 22px 20px; }
.sbtg li { margin-bottom:8px; }
.sbtg-resource-note { font-size:13px; margin-top:25px; color:#465c6e; }
.tuning-how { background:#fff; border-left:4px solid var(--cyan); padding:24px; margin:28px 0; }
.tuning-how p { font-size:14px; }
.tuning-how p:last-child { margin-bottom:0; }
.tuning-jumps { display:flex; flex-wrap:wrap; gap:10px 24px; margin-bottom:35px; font-size:13px; font-weight:700; }
.tuning-layer { padding-top:38px; margin-top:32px; border-top:1px solid #c8d7e3; scroll-margin-top:95px; }
.tuning-layer > h3 { font-size:25px; margin-bottom:22px; }
.tuning-layer > p { font-size:14px; }
.tuning-setup { display:grid; grid-template-columns:1fr 1fr; gap:22px 35px; }
.tuning-setup article { border-bottom:1px solid #c8d7e3; padding-bottom:22px; }
.sbtg h4 { font-size:15px; margin:0 0 10px; line-height:1.4; }
.tuning-setup p { font-size:14px; margin:0; }
.tuning-pending { display:block; font-size:11px; line-height:1.5; color:#536675; margin-top:9px; font-style:italic; }
.tuning-controls { margin:0; }
.tuning-controls > div { display:grid; grid-template-columns:220px 1fr; gap:25px; padding:14px 0; border-top:1px solid #d6e3ed; }
.tuning-controls dt { font-size:13px; font-weight:700; }
.tuning-controls dd { font-size:14px; margin:0; }
.tuning-range { background:#f9fcff; padding:0 20px; }
.tuning-table-wrap { overflow-x:auto; margin-top:30px; border:1px solid #c8d7e3; background:#fff; }
.tuning-table-wrap:focus-visible { outline:3px solid #1677aa; outline-offset:4px; }
.tuning-matrix { width:100%; min-width:760px; border-collapse:collapse; font-size:12px; line-height:1.5; }
.tuning-matrix caption { text-align:left; padding:18px; background:#161619; color:#fff; font-size:12px; font-weight:700; letter-spacing:.05em; }
.tuning-matrix th,.tuning-matrix td { text-align:left; vertical-align:top; padding:16px; border-bottom:1px solid #dce5ed; border-right:1px solid #dce5ed; }
.tuning-matrix thead { background:#e5f5ff; }
.tuning-matrix tbody th { width:17%; }
.tuning-matrix td { width:27.6%; }
.tuning-matrix .tuning-pending { font-size:10px; }
.tuning-diagnostics { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.tuning-diagnostics article { padding:24px; background:#fff; border-top:3px solid var(--pink); }
.tuning-diagnostics p { font-size:14px; margin-bottom:0; }
@media(max-width:760px) { .tuning-setup,.tuning-diagnostics { grid-template-columns:1fr; } .tuning-controls > div { grid-template-columns:1fr; gap:5px; } .tuning-range { padding:0 14px; } .sbtg .tuning-range > div { padding-left:0; } }
@media print { .tuning-table-wrap { overflow:visible; } .tuning-matrix { min-width:0; font-size:9px; } .tuning-matrix th,.tuning-matrix td { padding:6px; } .tuning-jumps { display:none; } }
.sbtg-quote { border-top:8px solid var(--pink); }
.sbtg-quote .sbtg-actions { margin-bottom:25px; }
.sbtg-quote-list { padding-left:20px; font-size:14px; }
.sbtg footer { flex-wrap:wrap; gap:20px; }
.sbtg footer a { font-size:12px; }
@media(max-width:900px) { .sbtg-hero-grid { gap:30px; grid-template-columns:1fr 1fr; } .sbtg-split { gap:35px; } .sbtg-audience { gap:25px; } }
@media(max-width:760px) { .sbtg .site-header .button { display:inline-flex; font-size:10px; } .sbtg-nav .section-shell { overflow:auto; } .sbtg-nav div div { gap:19px; } .sbtg-hero-grid,.sbtg-split,.sbtg-audience { grid-template-columns:1fr; } .sbtg-hero-grid { gap:30px; } .sbtg-hero { padding-top:25px; } .sbtg h1 { font-size:clamp(42px,11.3vw,78px); } .sbtg-photo { min-height:300px; } .sbtg-photo-center { padding-block:30px; } .sbtg-facts { gap:13px 20px; margin-top:28px; } .sbtg-section { padding-block:50px; } .sbtg-step { grid-template-columns:40px 1fr; gap:15px; } .sbtg-step p { grid-column:2; } .sbtg-resource-head { flex-direction:column; gap:0; } .sbtg-actions .button { padding:14px 16px; font-size:11px; } }
@media print { .site-header,.sbtg-nav,.sbtg-photo,.sbtg-actions,footer { display:none; } .sbtg-section { padding-block:20px; } details > div { display:block!important; } .sbtg-dark { background:white;color:black; } .sbtg-dark p { color:black; } }

/* Reusable one-design product architecture */
.sbtg-section-head { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:end; margin-bottom:38px; }
.sbtg-section-head > p { margin:0; font-size:15px; }
.sbtg-principles { display:grid; gap:0; }
.sbtg-principles article { padding:19px 0; border-bottom:1px solid #d4d4de; }
.sbtg-principles article:first-child { padding-top:0; }
.sbtg-principles h3,.sbtg-principles p { margin-top:0; }
.sbtg-principles p { margin-bottom:0; font-size:14px; }
.sbtg-feature-showcase { display:grid; grid-template-columns:.8fr 1.2fr; min-height:520px; border:1px solid #d8d8e0; }
.sbtg-feature-graphic { position:relative; overflow:hidden; background:var(--black); color:#fff; padding:42px; display:flex; flex-direction:column; justify-content:flex-end; }
/* SBTG horizontal seam architecture: three parallel shape-control lines. */
.sbtg-feature-graphic::before { content:''; position:absolute; inset:0; background:linear-gradient(var(--cyan),var(--cyan)) 0 20% / 100% 2px no-repeat,linear-gradient(var(--pink),var(--pink)) 0 34% / 100% 2px no-repeat,linear-gradient(#fff,#fff) 0 48% / 100% 2px no-repeat; }
.sbtg-feature-graphic::after { content:none; }
.sbtg-feature-graphic span { position:relative; z-index:1; font-family:Audiowide,Arial,sans-serif; font-size:clamp(54px,7vw,96px); line-height:.9; letter-spacing:-.08em; }
.sbtg-feature-graphic i { width:70%; height:9px; margin:17px 0 22px; background:var(--pink); clip-path:polygon(0 35%,100% 0,93% 83%,4% 100%); }
.sbtg-feature-graphic b { font-size:11px; letter-spacing:.17em; }
.sbtg-feature-grid { display:grid; grid-template-columns:1fr 1fr; }
.sbtg-feature-grid article { padding:32px; border-left:1px solid #d8d8e0; border-bottom:1px solid #d8d8e0; }
.sbtg-feature-grid article:nth-child(3),.sbtg-feature-grid article:nth-child(4) { border-bottom:0; }
.sbtg-feature-grid article > span,.sbtg-development-grid article > span { color:#65727f; font-family:Audiowide,Arial,sans-serif; font-size:13px; }
.sbtg-feature-grid p,.sbtg-development-grid p { margin-bottom:0; font-size:14px; }
.sbtg-development-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#45454c; border:1px solid #45454c; }
.sbtg-development-grid article { background:var(--black); padding:30px; }
.sbtg-development-grid article > span { color:var(--cyan); }
.sbtg-development-grid h3 { color:#fff; }
.sbtg-development-grid p { color:#d7d7e1; }
.sbtg-dark .sbtg-section-head > p,.sbtg-dark .sbtg-resource-note { color:#d7d7e1; }
.sbtg-tuning-bridge { background:#eef8fe; border-top:6px solid var(--cyan); }
.sbtg-tuning-bridge .text-link { align-self:center; font-size:13px; font-weight:700; }
.sbtg-order-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.sbtg-specs { margin:0; border-top:1px solid #c8d7e3; }
.sbtg-specs > div { display:grid; grid-template-columns:145px 1fr; gap:20px; padding:16px 0; border-bottom:1px solid #c8d7e3; }
.sbtg-specs dt { font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sbtg-specs dd { margin:0; font-size:14px; }
.sbtg-options { margin-top:32px; padding:24px; background:#f3f3f7; border-left:4px solid var(--pink); }
.sbtg-options h3 { margin-top:0; }
.sbtg-options ul { margin-bottom:0; padding-left:20px; font-size:14px; }
.sbtg-faq details:first-child { border-top:1px solid #c8d7e3; }
.sbtg-order-cta { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:70px; padding:46px; background:var(--black); color:#fff; border-top:7px solid var(--pink); }
.sbtg-order-cta .eyebrow { color:var(--cyan); }
.sbtg-order-cta p { color:#d7d7e1; }
.sbtg-order-cta .button { background:#fff; border-color:#fff; color:var(--black); }
.sbtg-guide-hero { padding-block:50px 65px; }
.sbtg-guide-hero h1 { transform:none; letter-spacing:-.055em; max-width:920px; }
.sbtg-guide-hero h1::after { width:48%; }
.sbtg-guide .sbtg-tuning { border-top:1px solid #c8d7e3; }

@media(max-width:900px) {
  .sbtg-section-head { gap:35px; }
  .sbtg-feature-showcase { grid-template-columns:.72fr 1.28fr; }
  .sbtg-feature-grid article { padding:24px; }
  .sbtg-order-grid,.sbtg-order-cta { gap:35px; }
}
@media(max-width:760px) {
  .sbtg-nav .section-shell > div { min-width:max-content; }
  .sbtg-section-head,.sbtg-feature-showcase,.sbtg-order-grid,.sbtg-order-cta { grid-template-columns:1fr; }
  .sbtg-section-head { gap:8px; margin-bottom:28px; }
  .sbtg-feature-showcase { min-height:0; }
  .sbtg-feature-graphic { min-height:310px; padding:28px; }
  .sbtg-feature-grid { grid-template-columns:1fr; }
  .sbtg-feature-grid article { border-left:0; border-bottom:1px solid #d8d8e0!important; padding:24px; }
  .sbtg-feature-grid article:last-child { border-bottom:0!important; }
  .sbtg-development-grid { grid-template-columns:1fr; }
  .sbtg-order-cta { margin-top:45px; padding:30px 24px; }
  .sbtg-specs > div { grid-template-columns:115px 1fr; gap:14px; }
  .sbtg-guide-hero { padding-block:32px 44px; }
  .sbtg-guide-hero h1 { font-size:clamp(38px,12vw,62px); }
}

/* Five-band SABOTAGE upwind reference; keep scrolling within the table. */
.sbtg-guide .tuning-matrix-five { min-width:1050px; table-layout:fixed; }
.sbtg-guide .tuning-matrix-five th, .sbtg-guide .tuning-matrix-five td { width:16.666%; overflow-wrap:break-word; }

/* Product names use the single native Audiowide weight; prose and UI retain Montserrat. */
.sbtg .sbtg-brand-word {
  display:inline-block;
  transform:skewX(-10deg);
  transform-origin:center;
  margin-inline:.04em;
  font-family:Audiowide,Arial,sans-serif;
  font-weight:400;
  font-style:normal;
  font-synthesis:none;
  text-transform:none;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.sbtg h1 { transform:none; }
.sbtg h1 .sbtg-brand-word { font-size:.9em; }
.sbtg .sbtg-photo-center strong { font-weight:400; }
.sbtg .sbtg-photo-kicker .sbtg-brand-word { letter-spacing:.025em; }
@media(max-width:760px) {
  .sbtg h1 .sbtg-brand-word { font-size:clamp(30px,9.5vw,66px); letter-spacing:-.035em; }
}
.sbtg .sbtg-photo-center strong .sbtg-brand-word { display:inline-block; font-size:inherit; }
.sbtg .button .sbtg-brand-word { margin-inline-start:.35em; }