.byo{padding-block:clamp(32px,4.2vw,52px)}.byo__lead{max-width:66ch;margin:clamp(1.25rem,2.5vw,1.75rem) 0 0;color:var(--dim);font-size:var(--fs-body-lg);line-height:1.6}.byo__jump{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:clamp(1.5rem,3vw,2.25rem)}.byo__jump a{padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;color:var(--dim);font-size:var(--fs-ui-sm);text-decoration:none;transition:color .2s var(--ease),border-color .2s var(--ease)}.byo__jump a:hover{color:var(--ink);border-color:var(--faint)}.byo[id]{scroll-margin-top:calc(var(--bar-h) + 16px)}.byo__intro{max-width:66ch;margin:clamp(1.1rem,2.2vw,1.5rem) 0 0;color:var(--dim);font-size:var(--fs-body);line-height:1.65}.byo__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:clamp(.9rem,1.8vw,1.25rem);margin-top:clamp(1.25rem,2.5vw,1.75rem)}.byo__card{display:flex;flex-direction:column;gap:.7rem;min-width:0;padding:clamp(1.1rem,2vw,1.4rem);border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel)}.byo__cardhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.byo__name{margin:0;color:var(--ink);font-size:var(--fs-ui-lg);font-weight:600;letter-spacing:.01em}.byo__pill{flex:none;font-family:var(--font-mono);font-size:var(--fs-label-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--faint)}.byo__pill--on{color:var(--up)}.byo__pill--free{color:var(--amber)}.byo__body{margin:0;color:var(--dim);font-size:var(--fs-body-sm);line-height:1.65}.byo__foot{margin-top:auto;padding-top:.35rem}.byo__codes{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.byo__codelbl{margin-right:2px;color:var(--faint);font-family:var(--font-mono);font-size:var(--fs-label-xs);letter-spacing:.14em;text-transform:uppercase}.byo__code{padding:2px 7px;border:1px solid var(--line-2);border-radius:3px;background:var(--ground);color:var(--dim);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em}.byo__get{display:inline-block;margin-top:.8rem;color:var(--amber);font-size:var(--fs-ui-sm);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,176,32,.35)}.byo__get:hover{border-bottom-color:var(--amber)}.byo__note{max-width:72ch;margin:clamp(1.25rem,2.5vw,1.75rem) 0 0;padding-left:.9rem;border-left:2px solid var(--amber);color:var(--dim);font-size:var(--fs-body-sm);line-height:1.65}.byo__steps{display:grid;gap:clamp(.85rem,1.8vw,1.15rem);margin:clamp(1.25rem,2.5vw,1.75rem) 0 0;padding:0;list-style:none;counter-reset:byostep}.byo__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(.9rem,2vw,1.4rem);align-items:start;padding:clamp(1.05rem,2vw,1.35rem);border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel)}.byo__n{min-width:1.5rem;color:var(--amber);font-family:var(--font-mono);font-size:var(--fs-code-lg);font-variant-numeric:tabular-nums;line-height:1.3}.byo__stepbody{min-width:0}.byo__h3{margin:0 0 .4rem;color:var(--ink);font-size:var(--fs-ui-lg);font-weight:600}.byo__ui{color:var(--ink);font-weight:500;font-style:normal}.byo__cmd{display:inline-block;padding:.1em .5em;border:1px solid var(--line);border-radius:3px;background:var(--ground);color:var(--amber);font-family:var(--font-mono);font-size:.92em;letter-spacing:.06em}.byo__says{margin:clamp(1.1rem,2.2vw,1.5rem) 0 0;padding:.85rem 1rem;border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:0 4px 4px 0;background:var(--ground);overflow-x:auto;overflow-y:hidden}.byo__says p{color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.9;white-space:nowrap}.byo__group{margin-top:clamp(1.5rem,3vw,2.25rem)}.byo__grouph{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#eef3f8}.byo__groupsub{font-weight:400;letter-spacing:.1em;color:var(--faint)}.byo__price{margin-top:.15rem;color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-code-sm);letter-spacing:.04em;font-variant-numeric:tabular-nums}.byo__rows{display:grid;gap:1px;margin:clamp(1.1rem,2.2vw,1.5rem) 0 0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--r-card);background:var(--line);overflow:hidden}.byo__row{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:4px clamp(1rem,2.5vw,2rem);padding:clamp(.9rem,1.8vw,1.15rem) clamp(1rem,2vw,1.4rem);background:var(--panel)}.byo__rowname{margin:0;color:var(--ink);font-size:var(--fs-body-sm);font-weight:600}.byo__rowprice{margin:0;color:var(--dim);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.05em;line-height:1.7;font-variant-numeric:tabular-nums}.byo__rowprice span{display:block}.byo__rowbody{grid-column:2;grid-row:1 / span 2;margin:0;color:var(--dim);font-size:var(--fs-body-sm);line-height:1.65}.byo__band{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.25rem,3.5vw,2.75rem);align-items:start;margin-top:clamp(1.5rem,3vw,2.25rem);padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel)}.byo__band p{color:var(--dim);font-size:var(--fs-body-sm);line-height:1.7}.byo__band .byo__h3{margin-bottom:.5rem}.byo__bandnote{color:var(--faint)!important}.byo--close{padding-bottom:clamp(4rem,9vw,7rem)}.byo__out{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:1.1rem}.byo__out a{color:var(--amber);font-size:var(--fs-ui);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,176,32,.35)}.byo__out a:hover{border-bottom-color:var(--amber)}@media(max-width:760px){.byo__step{grid-template-columns:1fr;gap:.6rem}.byo__band{grid-template-columns:1fr}.byo__row{grid-template-columns:1fr;gap:4px}.byo__rowbody{grid-column:1;grid-row:auto;margin-top:.35rem}}