.byt-sf{--gold:#ffcc33;--navy:#1e1939;color:#fff;max-width:1100px;margin:0 auto;padding:56px 20px;font-family:inherit;scroll-margin-top:90px}
.byt-sf *{box-sizing:border-box}
.byt-sf__title{margin:0 0 28px;text-align:center;font-size:clamp(28px,5vw,48px);line-height:1.1;text-transform:uppercase;letter-spacing:.02em;font-weight:800;color:#fff}
.byt-sf.byt-js .byt-sf__nojs{display:none}
.byt-sf__nojs{text-align:center;color:rgba(255,255,255,.8)}
.byt-sf__builder{padding:32px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.byt-sf__builder[hidden],.byt-sf__results[hidden]{display:none}
.byt-sf__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0}
.byt-sf__row+.byt-sf__row{border-top:1px solid rgba(255,255,255,.06)}
.byt-sf__lead{font-size:clamp(18px,2.4vw,24px);font-weight:700;color:rgba(255,255,255,.9);min-width:max-content}
.byt-sf__chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.byt-sf__chip{font:inherit;font-size:15px;font-weight:600;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.byt-sf__chip:hover{border-color:var(--gold);color:var(--gold)}
.byt-sf__chip.is-on{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.byt-sf__chip:focus-visible,.byt-sf__btn:focus-visible,.byt-sf__reset:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.byt-sf__sentence{margin:18px 0 0;padding-top:18px;border-top:1px dashed rgba(255,255,255,.12);font-size:clamp(16px,2vw,20px);color:var(--gold);font-weight:600}
.byt-sf__results{margin-top:28px}
.byt-sf__results-title{margin:0 0 18px;font-size:clamp(20px,3vw,28px);text-transform:uppercase;color:#fff}
.byt-sf__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.byt-sf__card{margin:0;padding:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(16px);animation:byt-sf-in .5s ease forwards;animation-delay:calc(var(--i,0)*90ms);transition:border-color .25s}
.byt-sf__card:hover{border-color:rgba(255,204,51,.5)}
.byt-sf__tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:3px 10px;border-radius:999px}
.byt-sf__card-title{margin:4px 0 0;font-size:18px;line-height:1.3;color:#fff}
.byt-sf__items{margin:0;font-size:14px;color:rgba(255,255,255,.6)}
.byt-sf__why{margin:6px 0 0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.88)}
.byt-sf__why strong{color:var(--gold)}
.byt-sf__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}
.byt-sf__btn{display:inline-block;padding:13px 28px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;background:var(--gold);color:var(--navy);transition:transform .2s,background .2s}
.byt-sf__btn:hover{background:#fcbf0e;color:var(--navy);transform:translateY(-2px)}
.byt-sf__reset{background:none;border:0;color:rgba(255,255,255,.7);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.byt-sf__reset:hover{color:var(--gold)}
@keyframes byt-sf-in{to{opacity:1;transform:none}}
@media (max-width:600px){.byt-sf{padding:40px 16px}.byt-sf__builder{padding:20px 16px}.byt-sf__chip{font-size:14px;padding:8px 14px}}
@media (prefers-reduced-motion:reduce){.byt-sf__card{animation:none;opacity:1;transform:none}.byt-sf__chip,.byt-sf__btn{transition:none}}