html{scroll-behavior:smooth;scroll-padding-top:120px}body{overflow-x:hidden}section[id],article[id],a[id]{scroll-margin-top:120px}
.bf-shortcuts{position:sticky;top:72px;z-index:40;display:flex;gap:.5rem;overflow:auto;padding:12px max(20px,calc((100vw - 1180px)/2));background:#222e4f;box-shadow:0 8px 22px #111a3360;scrollbar-width:thin}.bf-shortcuts a{color:#fff;text-decoration:none;white-space:nowrap;border:1px solid #ffffff45;padding:9px 13px;border-radius:30px;font-size:13px;font-weight:800}.bf-shortcuts a:hover,.bf-shortcuts a:focus-visible{background:#ffcb36;color:#222e4f;transform:translateY(-2px)}
.bf-story{position:relative;background:#222e4f;color:#fff;padding:90px max(20px,calc((100vw - 1180px)/2));overflow:hidden}.bf-story:before{content:'🦀';position:absolute;font-size:140px;right:4%;top:20px;opacity:.12;animation:crabwalk 7s ease-in-out infinite alternate}.bf-story-head{max-width:780px}.bf-story-head span,.bf-kicker{color:#ffcb36;font-weight:900;letter-spacing:.14em;font-size:13px}.bf-story h2{font-size:clamp(2.4rem,6vw,5.5rem);line-height:1.03;margin:15px 0}.bf-story-head p{font-size:1.1rem;max-width:650px}.bf-journeys{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0 20px}.bf-journeys button{border:1px solid #ffffff70;border-radius:30px;background:transparent;color:#fff;padding:12px 20px;font:inherit;font-weight:800;cursor:pointer}.bf-journeys button[aria-selected=true]{background:#ffcb36;color:#222e4f;border-color:#ffcb36}.bf-journey-screen{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;background:#fff1;border:1px solid #fff3;border-radius:28px;padding:clamp(20px,4vw,48px)}.bf-mock{max-width:540px;background:#f5f7fb;color:#222e4f;border-radius:19px;box-shadow:0 25px 50px #0004;overflow:hidden;transform:rotate(-2deg);transition:transform .35s}.bf-mock:hover{transform:rotate(0) translateY(-6px)}.bf-mock-bar{background:#e0e5ef;padding:12px 20px;color:#f33;font-size:13px}.bf-mock-bar span{float:right;color:#596782;font-size:10px;letter-spacing:.1em}.bf-mock-body{padding:30px}.bf-mock-body small{color:#ec1026;font-weight:900}.bf-mock-body h3{font-size:clamp(1.3rem,3vw,2.2rem);margin:10px 0 20px}.bf-mock-row{display:flex;justify-content:space-between;background:white;border-radius:12px;margin:8px 0;padding:13px 16px}.bf-mock-row b{color:#009b6a}.bf-mock-button{background:#ec1026;color:white;text-align:center;border-radius:12px;padding:13px;margin-top:18px;font-weight:900}.bf-journey-copy h3{font-size:clamp(1.7rem,3vw,3rem);line-height:1.1}.bf-journey-copy p{font-size:1.1rem;line-height:1.6}.bf-journey-copy a{color:#ffcb36;font-weight:900}
.bf-section{padding:90px 20px}.bf-section .wrap{max-width:1180px;margin:auto}.bf-example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bf-example-grid>a{background:white;color:#222e4f;text-decoration:none;border:1px solid #d3dbeb;border-radius:20px;overflow:hidden;padding-bottom:22px;box-shadow:0 14px 35px #18284810;transition:transform .25s,box-shadow .25s}.bf-example-grid>a:hover{transform:translateY(-9px);box-shadow:0 20px 40px #18284830}.bf-example-grid>a>small,.bf-example-grid h3,.bf-example-grid p,.bf-example-grid b{display:block;margin-left:20px;margin-right:20px}.bf-example-grid small{margin-top:19px;color:#e60024;font-weight:900}.bf-example-grid h3{font-size:1.45rem;margin-top:8px;margin-bottom:6px}.bf-example-grid p{font-size:14px;line-height:1.5;min-height:65px}.bf-example-grid b{color:#e60024}.bf-example-art{height:170px;display:grid;place-items:center;position:relative;font-size:65px}.bf-example-art span{position:absolute;bottom:12px;left:14px;color:white;font-size:10px;letter-spacing:.13em;font-weight:900}.bf-food{background:linear-gradient(135deg,#fbb249,#8c221e)}.bf-alex{background:linear-gradient(135deg,#5e4bb3,#1d1644);color:#d0b8ff}.bf-kush{background:linear-gradient(135deg,#15775c,#112a31)}.bf-casa{background:linear-gradient(135deg,#ffcd45,#de5a2a)}.bf-guide{background:#fff5d8}.bf-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bf-steps article{background:#fff;border-radius:20px;padding:25px}.bf-steps span{color:#e60024;font-size:2rem;font-weight:900}.bf-steps h3{font-size:1.3rem}.bf-steps p{font-size:14px;line-height:1.55}
.bf-share{margin-top:14px;border:1px solid currentColor;border-radius:20px;background:transparent;color:#e60024;padding:7px 12px;cursor:pointer;font:inherit;font-weight:800;font-size:12px}.bf-share:hover{background:#e60024;color:white}.bf-wave{height:90px;background:#222e4f;clip-path:polygon(0 0,100% 0,100% 35%,85% 65%,65% 34%,43% 70%,20% 35%,0 70%)}.bf-faq-extra{max-width:1180px;margin:30px auto}.bf-faq-extra details{background:white;margin:8px 0;border:1px solid #d3dbeb;border-radius:14px;padding:16px 20px}.bf-faq-extra summary{cursor:pointer;font-weight:800}.bf-faq-extra p{line-height:1.6}.bf-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.bf-reveal.visible{opacity:1;transform:none}@keyframes crabwalk{to{transform:translateX(-80px) rotate(-12deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bf-reveal{opacity:1;transform:none}.bf-story:before{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:900px){.bf-example-grid,.bf-steps{grid-template-columns:repeat(2,1fr)}.bf-journey-screen{grid-template-columns:1fr}}@media(max-width:600px){.bf-example-grid,.bf-steps{grid-template-columns:1fr}.bf-story,.bf-section{padding-top:60px;padding-bottom:60px}.bf-journeys button{flex:1}.bf-mock{transform:none}}

.bf-nav-note{background:#ffca32;color:#222e4f;text-align:center;padding:12px 18px;font-weight:900;font-size:14px}.bf-detail-link{display:inline-flex;margin:12px 0 16px;background:#e81020;color:white!important;text-decoration:none;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s}.bf-detail-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #e8102033}.bf-shortcuts a:after{content:" ↗";color:#ffca32}.bf-shortcuts a:hover:after{color:#222e4f}