.bf-page section[id]{scroll-margin-top:110px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.bf-page .fx-display,.bf-page .fx-h2{line-height:1.07}.bf-what-copy .fx-h2,.bf-widget-copy .fx-h2,.bf-tour-side .fx-h2,.bf-law-copy .fx-h2,.bf-audit-copy .fx-h2{font-size:clamp(2rem,3.4vw,3rem);overflow-wrap:normal}.bf-page .fx-accent{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bf-head{max-width:980px;margin-bottom:clamp(2rem,4vw,3rem)}.bf-head--center{margin-left:auto;margin-right:auto;text-align:center}.bf-head--center .bf-head-text{margin-left:auto;margin-right:auto}.bf-head-text{margin-top:1rem;font-size:1.1rem;line-height:1.7;color:var(--text-gray);max-width:58ch}.bf-page main a:not(.btn){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.bf-page main a:not(.btn):hover{color:var(--text-white)}.bf-page main .btn-outline{border-color:#ffffff4d}.bf-label{display:block;margin-bottom:.4rem;font-size:.88rem;font-weight:600;color:var(--text-gray)}.bf-hint{margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.bf-page input[type=url],.bf-page input[type=text],.bf-page textarea{width:100%;min-width:0;height:54px;padding:0 1.1rem;border-radius:12px;background:#ffffff0d;border:1px solid var(--fx-line-strong);color:var(--text-white);font-family:var(--font-mono);font-size:1rem;transition:border-color .2s,box-shadow .2s}.bf-page textarea{height:auto;min-height:120px;padding:.75rem 1rem;line-height:1.5;font-size:.88rem;resize:vertical}.bf-page input::placeholder,.bf-page textarea::placeholder{color:#8591a3}.bf-page input[type=url]:focus-visible,.bf-page input[type=text]:focus-visible,.bf-page textarea:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-color:var(--primary-light)}.bf-page [aria-invalid=true]{border-color:var(--danger)!important}@media (max-width: 520px){.bf-page main p,.bf-page main li,.bf-page main dd{hyphens:auto;-webkit-hyphens:auto}}.lc-video .fx-window-body{position:relative}.lc-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;background:#0b1017}.lc-vbtn{position:absolute;right:12px;bottom:12px;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0a0f1cd1;border:1px solid rgba(255,255,255,.28);transition:background .2s,transform .2s}.lc-vbtn:hover{background:var(--primary)}.lc-vbtn svg{width:18px;height:18px;fill:currentColor}.lc-vbtn .i-pause,.lc-vbtn[data-state=playing] .i-play{display:none}.lc-vbtn[data-state=playing] .i-pause{display:block}.bf-hero{padding:calc(var(--nav-h) + clamp(1.5rem,4vw,3rem)) 0 clamp(3rem,6vw,5rem);overflow-x:clip}.bf-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-top:clamp(1rem,3vw,2rem)}.bf-h1{font-size:clamp(2.3rem,4.4vw,3.8rem);margin-bottom:1.5rem}.bf-hero-lead{font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.7;color:var(--text-gray);max-width:46ch;margin-bottom:2rem}.bf-hero-btns{display:flex;flex-wrap:wrap;gap:.75rem}.bf-hero-btns .btn-lg{padding:1rem 1.5rem}.bf-switch-fig{margin:0}.bf-switch-stage{position:relative;width:116%;margin:-4% 0 0 -8%}.bf-switch-stage img{display:block;width:100%;height:auto}.bf-sw-on{position:absolute;inset:0;clip-path:circle(0% at 88% 76%);-webkit-clip-path:circle(0% at 88% 76%);transition:clip-path 1.1s var(--fx-ease-in-out),-webkit-clip-path 1.1s var(--fx-ease-in-out)}.bf-switch-stage.is-on .bf-sw-on{clip-path:circle(125% at 88% 76%);-webkit-clip-path:circle(125% at 88% 76%)}.bf-sw-tap{position:absolute;left:88%;top:76%;width:7%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.4);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 4px #1a66ff73;opacity:0;pointer-events:none}.bf-switch-stage.is-tap .bf-sw-tap{animation:bf-tap .75s var(--fx-ease)}@keyframes bf-tap{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.bf-switch-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.5rem;padding-left:2%}.bf-switch{display:inline-flex;align-items:center;gap:.8rem;min-height:48px;padding:.4rem 1rem .4rem .45rem;border-radius:14px;font-size:1rem;font-weight:600;color:var(--text-white);background:var(--bg-card);border:1px solid var(--fx-line-strong);transition:border-color .25s,background .25s}.bf-switch:hover{border-color:var(--accent)}.bf-switch-track{position:relative;flex:none;width:54px;height:32px;border-radius:16px;background:#2a3448;border:1px solid rgba(255,255,255,.3);transition:background .3s}.bf-switch-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .35s var(--fx-ease)}.bf-switch[aria-checked=true] .bf-switch-track{background:var(--primary);border-color:var(--primary-light)}.bf-switch[aria-checked=true] .bf-switch-thumb{transform:translate(22px)}.bf-switch-thumb:after{content:"";position:absolute;inset:7px;border-radius:50%;background:transparent;transition:background .3s}.bf-switch[aria-checked=true] .bf-switch-thumb:after{background:var(--primary)}.bf-switch-note{font-size:.88rem;color:var(--text-muted)}@media (max-width: 1020px){.bf-hero-grid{grid-template-columns:1fr}.bf-switch-stage{width:106%;margin:0 -3%}.bf-switch-row{padding-left:0}}@media (max-width: 480px){.bf-hero-btns .btn{width:100%;justify-content:center}}.bf-law-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center}.bf-law-date{display:flex;flex-direction:column;font-family:var(--font-mono);font-weight:700;font-size:clamp(3.4rem,9vw,7.6rem);line-height:1.05;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(96,165,250,.6)}.bf-law-date span{transition:color .7s var(--fx-ease),-webkit-text-stroke-color .7s}.bf-law-date span+span{transition-delay:.35s}.bf-law-date.is-in span{color:var(--accent);-webkit-text-stroke-color:transparent}.bf-law-date.is-in span+span{color:var(--text-white)}.bf-law-copy .fx-h2{margin-bottom:1.25rem}.bf-law-text{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.7;color:var(--text-gray);max-width:60ch}.bf-law-next{margin-top:1.25rem;font-weight:600;color:var(--text-white)}.bf-law-next span{display:block;margin-top:.2rem;font-weight:400;font-size:.88rem;color:var(--text-muted)}.bf-law-small{margin-top:0;font-size:1rem!important}.bf-cases{margin:1.5rem 0 1.25rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--fx-line);overflow:hidden}.bf-cases li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1.25rem;align-items:baseline;padding:.85rem 1.15rem .85rem 1.6rem;font-size:1rem;line-height:1.45;color:var(--text-gray)}.bf-cases li+li{border-top:1px solid var(--fx-line)}.bf-cases li:before{content:"";position:absolute;left:.75rem;top:1.35rem;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.bf-cases strong{font-size:.92rem;font-weight:700;text-align:right}.bf-cases .is-yes strong{color:var(--warning)}.bf-cases .is-yes:before{background:var(--warning);opacity:1}.bf-cases .is-maybe strong{color:var(--text-white)}.bf-cases .is-no strong{color:#9ff0ad}.bf-cases .is-no:before{background:#9ff0ad;opacity:1}@media (max-width: 560px){.bf-cases li{grid-template-columns:1fr}.bf-cases strong{text-align:left}}@media (max-width: 860px){.bf-law-grid{grid-template-columns:1fr;gap:1.5rem}.bf-law-date{flex-direction:row;gap:.1em;font-size:clamp(2.6rem,13vw,4.2rem)}}@media (prefers-reduced-motion: reduce){.bf-law-date span{transition:none}}.bf-what{overflow-x:clip}.bf-what-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.bf-what-copy .fx-h2{margin-bottom:1.25rem}.bf-what-copy p{color:var(--text-gray);font-size:1.08rem;line-height:1.7;max-width:52ch}.bf-what-copy p+p{margin-top:1rem}@media (max-width: 900px){.bf-what-grid{grid-template-columns:1fr;gap:2rem}.bf-cmp-fig{justify-self:stretch;max-width:none}}.bf-widget{overflow-x:clip}.bf-widget-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.bf-widget-copy .fx-h2{margin-bottom:1.25rem}.bf-widget-copy p{color:var(--text-gray);font-size:1.05rem;line-height:1.7;max-width:48ch}.bf-widget-copy p+p{margin-top:1rem}.bf-widget-media{position:relative;margin:0;padding-right:11%}.bf-video{margin:0}.bf-widget-phone{position:absolute;right:0;bottom:1.6rem;width:29%;height:auto;z-index:3;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));will-change:transform}.bf-widget-media figcaption{margin-top:.9rem;padding-right:18%;font-size:.88rem;color:var(--text-muted)}@media (max-width: 900px){.bf-widget-grid{grid-template-columns:1fr;gap:1.75rem}.bf-widget-copy{order:-1}.bf-widget-media{padding-right:14%}.bf-widget-phone{width:30%;right:-1%}}.bf-cmp-fig{margin:0;width:100%;max-width:640px;justify-self:end}.bf-cmp-legend{display:flex;justify-content:space-between;margin-bottom:.6rem;font:600 .82rem/1.3 var(--font-mono);color:var(--text-muted)}.bf-cmp-legend span:last-child{color:#9ff0ad}.bf-compare{border:0;border-radius:14px;background:#fff;box-shadow:0 40px 100px -30px #000c,0 0 0 1px #ffffff14;touch-action:pan-y}.bf-compare .fx-compare-handle{z-index:2}.bf-compare input[type=range]{z-index:3;touch-action:pan-y}.bf-cmp-fig figcaption{margin-top:.9rem;font-size:.88rem;color:var(--text-muted)}.bf-mock{width:100%;container-type:inline-size}.bf-mock-win{background:#fff;color:#1f2937}.bf-mock-bar{display:flex;align-items:center;gap:1.1cqw;padding:1.6cqw 2.2cqw;background:#e9edf3;border-bottom:1px solid #d5dbe4}.bf-mock-bar i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}.bf-mock-bar i:nth-child(2){background:#febc2e}.bf-mock-bar i:nth-child(3){background:#28c840}.bf-mock-url{margin-left:1.5cqw;flex:1;font-family:var(--font-mono);font-size:2cqw;color:#4b5563;background:#fff;border-radius:1cqw;padding:.6cqw 1.4cqw}.bf-mock-score{font-family:var(--font-mono);font-size:2cqw;font-weight:700;color:#b91c1c}.bf-mock.is-fixed .bf-mock-score{color:#166534}.bf-mock-body{position:relative;aspect-ratio:16 / 11.6;padding:6.4cqw 3.6cqw 3.2cqw;display:grid;align-content:start;gap:2.4cqw;overflow:hidden}.bf-m-code{position:absolute;font-family:var(--font-mono);font-size:1.85cqw;line-height:1.2;padding:.5cqw 1.1cqw;border-radius:.8cqw;background:#111827;white-space:nowrap}.bf-m-code .is-bad{color:#fca5a5}.bf-m-code .is-good{color:#86efac}.bf-m-lang{top:1.1cqw;right:3.6cqw}.bf-m-skip{position:absolute;top:1.1cqw;left:3.6cqw;font-size:2cqw;font-weight:700;color:#fff;background:#1d4ed8;padding:.6cqw 1.4cqw;border-radius:.8cqw;outline:.5cqw solid #f59e0b;outline-offset:.4cqw}.bf-m-head{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.4cqw 0;border-bottom:1px solid #e5e7eb}.bf-m-logo{display:flex;align-items:center;gap:1cqw;font-weight:800;font-size:2.9cqw;letter-spacing:-.02em;color:#1f2937}.bf-m-logo svg{width:3.4cqw;height:3.4cqw;fill:#b45309}.bf-m-nav{display:flex;gap:2.4cqw;font-size:2.2cqw;color:#4b5563}.bf-m-hero{display:grid;grid-template-columns:40% 1fr;gap:3cqw;align-items:center}.bf-m-img{position:relative;border-radius:1.6cqw}.bf-m-img svg{width:100%;height:auto;aspect-ratio:16 / 11;border-radius:1.6cqw;display:block}.bf-m-alt{position:absolute;left:1cqw;right:1cqw;bottom:1cqw;font-family:var(--font-mono);font-size:1.6cqw;line-height:1.25;background:#111827e6;padding:.6cqw 1cqw;border-radius:.8cqw}.bf-m-alt .is-bad{color:#fca5a5}.bf-m-alt .is-good{color:#86efac}.bf-m-text{display:grid;gap:1.4cqw}.bf-m-h{font-size:4.6cqw;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#111827}.bf-m-p{font-size:2.4cqw;line-height:1.45;color:#c3c7cd}.bf-mock.is-fixed .bf-m-p{color:#374151}.bf-m-form{position:relative;display:grid;gap:1cqw;max-width:72%}.bf-m-label{font-size:2.2cqw;font-weight:700;color:#111827;visibility:hidden}.bf-mock.is-fixed .bf-m-label{visibility:visible}.bf-m-input{font-family:var(--font-mono);font-size:2.3cqw;color:#111827;padding:1.2cqw 1.6cqw;border:.35cqw solid #ef4444;border-radius:1.2cqw}.bf-m-error{display:flex;align-items:center;gap:.9cqw;min-height:3.4cqw;font-size:2cqw;font-weight:600;color:#b91c1c}.bf-m-error svg{width:2.6cqw;height:2.6cqw;fill:none;stroke:#b91c1c;stroke-width:2.4;stroke-linecap:round}.bf-m-actions{display:flex;align-items:center;gap:1.6cqw;min-height:7.4cqw}.bf-m-btn{display:inline-block;font-size:1.8cqw;font-weight:600;color:#fff;background:#93c5fd;padding:.4cqw 1cqw;border-radius:.6cqw}.bf-mock.is-fixed .bf-m-btn{font-size:2.5cqw;background:#1d4ed8;padding:1.4cqw 2.8cqw;border-radius:1.2cqw;outline:.55cqw solid #f59e0b;outline-offset:.5cqw}.bf-m-role{position:static}.bf-m-toast{position:absolute;right:3.6cqw;bottom:3.2cqw;display:inline-flex;align-items:center;gap:.9cqw;font-size:2.1cqw;font-weight:700;color:#14532d;background:#dcfce7;border:1px solid #86efac;padding:1cqw 1.8cqw;border-radius:1cqw}.bf-m-toast svg{width:2.6cqw;height:2.6cqw;fill:none;stroke:#15803d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bf-m-toast code{font-family:var(--font-mono);font-size:1.7cqw;font-weight:500;color:#166534}.bf-mock:not(.is-fixed) .bf-fixable{box-shadow:0 0 0 .45cqw #fff,0 0 0 .8cqw #ef4444e6}.bf-mock:not(.is-fixed) .bf-m-code.bf-fixable{box-shadow:0 0 0 .4cqw #ef4444e6}#checker-title:focus{outline:none}.bf-tool{max-width:1120px;margin:0 auto}.bf-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--fx-line-strong);margin-bottom:1.25rem}.bf-tab{position:relative;min-height:48px;padding:.6rem 1.1rem;font-size:1rem;font-weight:600;color:var(--text-muted);border-radius:10px 10px 0 0;transition:color .2s,background .2s}.bf-tab:hover{color:var(--text-white);background:#ffffff0a}.bf-tab:after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--accent);transform:scaleX(0);transition:transform .35s var(--fx-ease)}.bf-tab[aria-selected=true]{color:var(--text-white)}.bf-tab[aria-selected=true]:after{transform:scaleX(1)}.bf-panel[hidden]{display:none!important}.bf-panel.is-entering{animation:bf-panel-in .45s var(--fx-ease)}@keyframes bf-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bf-checker{border-radius:22px;background:var(--bg-card);border:1px solid var(--fx-line-strong);overflow:hidden;box-shadow:0 40px 100px -40px #1a66ff59}.bf-checker-bar{padding:clamp(1.1rem,2.5vw,1.75rem) clamp(1.1rem,2.5vw,1.75rem) 1rem;border-bottom:1px solid var(--fx-line);background:linear-gradient(180deg,#1a66ff1a,#1a66ff00)}.bf-checker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.bf-checker-run{height:54px;padding:0 2rem;justify-content:center;font-size:1rem}.bf-checker-run:disabled{cursor:progress;opacity:.8;transform:none!important}.bf-field-error{margin-top:.5rem;font-size:.9rem;font-weight:600;color:#ffb3b3}.bf-field-error:before{content:"Fehler: "}.bf-field-error[hidden]{display:none}.bf-paste{margin:.75rem clamp(1.1rem,2.5vw,1.75rem) 0}.bf-paste summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;font-size:.92rem;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.bf-paste summary:hover{color:var(--text-white)}.bf-paste-body{display:grid;gap:.5rem;padding:.25rem 0 .5rem;max-width:760px}.bf-paste .btn{justify-self:start}.bf-checker-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.1rem,2.5vw,1.75rem)}.bf-checker-side{display:flex;flex-direction:column;gap:1rem}.bf-score{position:relative;width:140px;height:140px;margin:0 auto}.bf-score svg{width:100%;height:100%;transform:rotate(-90deg)}.bf-score-bg{fill:none;stroke:#ffffff14;stroke-width:8}.bf-score-fg{fill:none;stroke:var(--text-muted);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;transition:stroke-dashoffset 1.1s var(--fx-ease),stroke .4s}.bf-checker[data-result=good] .bf-score-fg{stroke:var(--success)}.bf-checker[data-result=bad] .bf-score-fg{stroke:var(--warning)}.bf-score-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.bf-score-num{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--text-white);line-height:1.1}.bf-score-sub{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.bf-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line);padding:.7rem 0}.bf-summary dt{font-size:.75rem;color:var(--text-muted)}.bf-summary dd{margin:0;order:-1;font-family:var(--font-mono);font-weight:700;font-size:1.3rem;line-height:1.3}.bf-summary div{display:flex;flex-direction:column}.bf-summary .is-pass dd{color:var(--success)}.bf-summary .is-fail dd{color:var(--danger)}.bf-summary .is-warn dd{color:var(--warning)}.bf-score-badge{text-align:center;font-weight:700;font-size:.95rem;color:var(--text-gray)}.bf-checker[data-result=good] .bf-score-badge{color:#9ff0ad}.bf-checker[data-result=bad] .bf-score-badge{color:var(--warning)}.bf-progress{display:grid;gap:.4rem}.bf-progress-label{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.bf-progress-track{height:4px;border-radius:4px;background:#ffffff14;overflow:hidden}.bf-progress-fill{height:100%;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);transition:transform .45s var(--fx-ease)}.bf-checker-disclaimer{font-size:.82rem;color:var(--text-muted);line-height:1.55}.bf-checker-cta{justify-content:center;margin-top:auto}.bf-checker-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;align-content:start}.bf-checker-error{grid-column:1 / -1;padding:.9rem 1rem;border-radius:12px;font-size:.92rem;color:#ffd0d0;background:#ff6b6b14;border:1px solid rgba(255,107,107,.35)}.bf-checker-error[hidden]{display:none}.bf-cat-label{font-size:1rem;line-height:1.3;padding-bottom:.5rem;border-bottom:1px solid var(--fx-line-strong)}.bf-chk{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--fx-line)}.a11y-check-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed rgba(255,255,255,.22);color:#0b1017}.a11y-check-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bf-chk-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem;align-items:baseline}.bf-chk-name{font-size:.95rem;font-weight:600;color:var(--text-white)}.bf-chk-sc{margin-left:.35rem;font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--text-muted)}.a11y-check-badge{font-size:.8rem;font-weight:700;white-space:nowrap}.a11y-check-desc{grid-column:1 / -1;font-size:.85rem;color:var(--text-muted);line-height:1.5;overflow-wrap:anywhere}.a11y-check-desc:empty{display:none}.bf-chk.is-pass .a11y-check-icon{background:var(--success);border:0}.bf-chk.is-fail .a11y-check-icon{background:var(--danger);border:0}.bf-chk.is-warn .a11y-check-icon{background:var(--warning);border:0}.bf-chk.is-pass .a11y-check-badge{color:#9ff0ad}.bf-chk.is-fail .a11y-check-badge{color:#ffb3b3}.bf-chk.is-warn .a11y-check-badge{color:var(--warning)}.bf-chk.is-pop{animation:bf-pop .5s var(--fx-ease)}@keyframes bf-pop{0%{opacity:.35}to{opacity:1}}.bf-checker[data-state=running] .bf-chk{overflow:hidden}.bf-checker[data-state=running] .bf-chk:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(96,165,250,.1) 50%,transparent 80%);transform:translate(-100%);animation:bf-shimmer 1.4s infinite}@keyframes bf-shimmer{to{transform:translate(100%)}}@media (max-width: 960px){.bf-checker-body{grid-template-columns:1fr}.bf-checker-side{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.5rem;row-gap:1rem;align-items:center}.bf-score{grid-row:span 2;width:120px;height:120px}.bf-progress,.bf-checker-disclaimer,.bf-checker-cta{grid-column:1 / -1}}@media (max-width: 700px){.bf-checker-main{grid-template-columns:1fr}}@media (max-width: 520px){.bf-checker-row,.bf-checker-side{grid-template-columns:1fr}.bf-score{grid-row:auto}.bf-tab{flex:1;padding:.6rem .5rem;font-size:.95rem}}@media (prefers-reduced-motion: reduce){.bf-checker[data-state=running] .bf-chk:after,.bf-chk.is-pop,.bf-panel.is-entering{animation:none}.bf-score-fg,.bf-progress-fill,.bf-tab:after{transition:none}}.bf-contrast{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;padding:clamp(1.1rem,2.5vw,1.75rem);border-radius:22px;background:var(--bg-card);border:1px solid var(--fx-line-strong)}.bf-contrast-intro>p{font-size:.92rem;color:var(--text-gray);margin-bottom:1rem}.bf-contrast-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:end}.bf-color-row{display:flex;align-items:center;gap:.35rem}.bf-page .bf-color-row .bf-hex{height:44px;padding:0 .6rem;text-transform:uppercase}.bf-swatch{width:44px;height:44px;flex:none;border:0;padding:0;border-radius:10px;background:none;cursor:pointer}.bf-swatch::-webkit-color-swatch-wrapper{padding:0}.bf-swatch::-webkit-color-swatch{border:1px solid rgba(255,255,255,.3);border-radius:9px}.bf-swatch::-moz-color-swatch{border:1px solid rgba(255,255,255,.3);border-radius:9px}.bf-swap{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--text-gray);border:1px solid var(--fx-line-strong);transition:color .2s,border-color .2s}.bf-swap svg{width:18px;height:18px;transform:rotate(90deg)}.bf-swap:hover{color:#fff;border-color:var(--accent)}.bf-preview{display:grid;align-content:center;gap:.35rem;padding:1.1rem 1.25rem;border-radius:14px;border:1px solid var(--fx-line);transition:background-color .3s}.bf-preview-large{font-size:24px;font-weight:700;line-height:1.25;transition:color .3s}.bf-preview-small{font-size:16px;line-height:1.5;transition:color .3s}.bf-contrast-result{display:grid;align-content:center;gap:.5rem}.bf-ratio{font-family:var(--font-mono);font-weight:700;font-size:2rem;line-height:1.1;color:var(--text-white);letter-spacing:-.03em}.bf-contrast-status{font-size:.92rem;font-weight:600;color:var(--text-gray);min-height:1.5em}.bf-levels{display:grid;gap:.3rem}.bf-levels li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-gray)}.bf-levels small{color:var(--text-muted);font-size:.8rem}.bf-lv-icon{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;border:1.5px dashed rgba(255,255,255,.25);color:#0b1017}.bf-lv-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.bf-levels li.is-pass .bf-lv-icon{background:var(--success);border:0}.bf-levels li.is-fail .bf-lv-icon{background:var(--danger);border:0}@media (max-width: 1020px){.bf-contrast{grid-template-columns:1fr 1fr}.bf-contrast-intro{grid-column:1 / -1}}@media (max-width: 600px){.bf-contrast{grid-template-columns:1fr}.bf-contrast-inputs{grid-template-columns:minmax(0,1fr) auto;align-items:center}.bf-contrast-inputs>.bf-color-field:first-child{grid-row:1;grid-column:1}.bf-contrast-inputs>.bf-color-field:last-child{grid-row:2;grid-column:1}.bf-swap{grid-row:1 / span 2;grid-column:2;margin-top:1.5rem}}.bf-audit{overflow-x:clip}.bf-audit-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.bf-audit-copy>p{margin-top:1.25rem;color:var(--text-gray);font-size:1.05rem;max-width:50ch}.bf-audit-copy>.bf-audit-case{padding-left:1rem;border-left:2px solid var(--accent);color:var(--text-white);font-size:1rem}.bf-audit-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:2rem}.bf-audit-cta p{font-size:.9rem;color:var(--text-muted)}.bf-report{position:relative;margin:0;padding-bottom:4%}.bf-report-lap{display:block;width:90%;height:auto;margin-left:10%}.bf-report-page{position:absolute;left:0;bottom:5%;width:36%;transform:rotate(-4deg);transform-origin:20% 100%;filter:drop-shadow(0 26px 34px rgba(0,0,0,.6)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}.bf-report-page img{display:block;width:100%;height:auto;border-radius:3px}.bf-report figcaption{margin-top:.5rem;text-align:right;font-size:.85rem;color:var(--text-muted)}@media (max-width: 900px){.bf-audit-grid{grid-template-columns:1fr}.bf-report{order:-1;max-width:640px}}.bf-cms{overflow-x:clip}.bf-tour{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.bf-tour-side .fx-h2{margin-bottom:1.25rem}.bf-tour-intro{color:var(--text-gray);font-size:1.05rem;line-height:1.7;max-width:44ch}.bf-tour-tabs{display:grid;gap:.35rem;margin-top:1.75rem}.bf-tour-tab{display:flex;align-items:center;gap:.9rem;width:100%;min-height:54px;padding:.6rem 1rem .6rem .65rem;text-align:left;font-size:1.02rem;font-weight:600;color:var(--text-muted);border-radius:14px;background:transparent;border:1px solid transparent;transition:color .25s,background .25s,border-color .25s}.bf-tour-tab:hover{color:var(--text-white);background:#ffffff08}.bf-tour-tab[aria-selected=true]{color:var(--text-white);background:var(--bg-card);border-color:var(--fx-line-strong)}.bf-tour-num{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 .85rem/1 var(--font-mono);color:var(--text-gray);border:1px solid var(--fx-line-strong);transition:background .3s,border-color .3s,color .3s}.bf-tour-tab[aria-selected=true] .bf-tour-num{color:#fff;background:var(--primary);border-color:var(--primary-light)}.bf-tour-stage{position:relative;min-width:0}.bf-tour-panel[hidden]{display:none!important}.bf-tour-panel .fx-window-body img{aspect-ratio:16 / 10;object-fit:cover;object-position:top}.bf-tour-text{margin-top:1rem;min-height:3.3em;color:var(--text-gray);font-size:1rem;line-height:1.65;max-width:62ch}.bf-tour-panel.is-entering .fx-window{animation:bf-tour-in .75s var(--fx-ease-in-out) both}.bf-tour-panel.is-entering .bf-tour-text{animation:bf-panel-in .5s var(--fx-ease) .15s both}@keyframes bf-tour-in{0%{clip-path:circle(0% at 0% 50%);-webkit-clip-path:circle(0% at 0% 50%)}to{clip-path:circle(150% at 0% 50%);-webkit-clip-path:circle(150% at 0% 50%)}}@media (max-width: 900px){.bf-tour{grid-template-columns:1fr;gap:1.75rem}.bf-tour-tabs{grid-template-columns:1fr 1fr}.bf-tour-tab{font-size:.95rem;padding:.55rem .7rem .55rem .55rem;gap:.6rem}.bf-tour-num{width:28px;height:28px}}@media (max-width: 380px){.bf-tour-tab{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.bf-tour-panel.is-entering .fx-window,.bf-tour-panel.is-entering .bf-tour-text{animation:none}}.bf-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,4rem);align-items:start}.bf-faq-grid .bf-head{position:sticky;top:120px}.bf-faq .faq-list{max-width:none;margin:0}.bf-faq .faq-a p{color:var(--text-gray);font-size:.95rem}@media (max-width: 900px){.bf-faq-grid{grid-template-columns:1fr}.bf-faq-grid .bf-head{position:static}}.bf-cta-sec{padding-top:0}.bf-cta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2rem 3rem;align-items:center;padding:clamp(1.75rem,5vw,3.5rem);border-radius:26px;background:linear-gradient(135deg,#1a66ff29,#1a66ff08 60%),var(--bg-card);border:1px solid var(--border-blue)}.bf-cta h2{margin-bottom:1rem}.bf-cta p{color:var(--text-gray);max-width:50ch}.bf-cta-actions{display:grid;gap:.6rem}.bf-cta-actions .btn{justify-content:center}@media (max-width: 860px){.bf-cta{grid-template-columns:1fr}}.bf-author{max-width:880px;margin:1.75rem auto 0;text-align:center;font-size:.92rem;line-height:1.6;color:var(--text-muted);hyphens:manual!important;-webkit-hyphens:manual!important}.bf-author a,.bf-author time{white-space:nowrap}@media (prefers-reduced-motion: reduce){.bf-sw-on,.bf-switch-thumb,.bf-switch-track,.bf-switch-thumb:after{transition:none!important}.bf-switch-stage.is-tap .bf-sw-tap{animation:none}}