@layer components{.why-fbb{--night:var(--color-surface-base);--panel:var(--color-surface-raised);--line:var(--color-border);--text:var(--color-fg);--text-2:var(--color-fg-muted);--text-3:var(--color-fg-subtle);--blue:var(--color-action-strong);--blue-soft:var(--color-action-soft);--gold:#c8a040;--gold-hi:#e0b858;--display:var(--font-why-fbb-display), "Arial Narrow", sans-serif;--body:var(--font-geist-sans), system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 56px);background:var(--night);min-height:100vh;color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}.why-fbb img{max-width:100%;height:auto;display:block}.why-fbb a{color:inherit}.why-fbb :focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:6px}.why-fbb .topbar{z-index:5;padding:20px var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.why-fbb .brand{align-items:center;gap:12px;text-decoration:none;display:flex}.why-fbb .brand img{width:auto;height:40px}.why-fbb .brand span{letter-spacing:-.01em;font-weight:600}.why-fbb .topbar nav{align-items:center;gap:8px;display:flex}.why-fbb .link-quiet{color:var(--text-3);padding:8px 10px;font-weight:500;text-decoration:none}.why-fbb .link-quiet:hover{color:#fff}.why-fbb .pagetabs{gap:2px;margin-left:clamp(8px,3vw,40px);margin-right:auto;display:flex}.why-fbb .pagetabs a{color:var(--text-3);white-space:nowrap;padding:10px 14px 12px;font-weight:600;text-decoration:none;position:relative}.why-fbb .pagetabs a:hover,.why-fbb .pagetabs a[aria-current=page]{color:#fff}.why-fbb .pagetabs a[aria-current=page]:after{content:"";border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:#000;height:5px;position:absolute;bottom:2px;left:12px;right:12px;transform:skew(-14deg)}.why-fbb .hero{grid-template-rows:auto 1fr;min-height:min(100vh,980px);display:grid;position:relative;overflow:clip}.why-fbb .field{background:radial-gradient(60% 55% at 12% -8%, #e0b85829, transparent 70%), radial-gradient(55% 60% at 92% -10%, #155dfc4d, transparent 70%), repeating-linear-gradient(90deg, transparent 0 79px, #ffffff09 79px 80px), radial-gradient(125% 95% at 50% -12%, #12131b, var(--night) 66%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.why-fbb .hero-body{padding:24px var(--gutter) 96px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px;display:grid;position:relative}.why-fbb[data-view=howto] .hero{border-bottom:1px solid var(--line);min-height:0}.why-fbb[data-view=howto] .hero .field,.why-fbb[data-view=howto] .hero-body{display:none}.why-fbb :is(h1,h2){font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:0;font-style:italic;font-weight:800}.why-fbb h1{font-size:clamp(58px,7.6vw,124px);line-height:.88}.why-fbb .belt{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background:#000;width:min(320px,70%);height:14px;margin:28px 0 26px;transform:skew(-14deg);box-shadow:0 0 24px #c8a04040}.why-fbb .lede{color:var(--text-2);max-width:34em;margin:0 0 32px;font-size:clamp(17px,1.35vw,20px)}.why-fbb .cta-row{flex-wrap:wrap;gap:12px;display:flex}.why-fbb .wall{aspect-ratio:1/.82;perspective:1900px;perspective-origin:10% 30%;position:relative}.why-fbb .stage{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateY(-24deg)rotateX(9deg)rotate(1.5deg)}.why-fbb .shot{background:var(--panel);border-radius:14px;margin:0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #ffffff17,0 28px 60px -12px #000000bf,0 70px 140px -40px #155dfc66}.why-fbb .shot:after{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff1a,#0000 32%);position:absolute;inset:0}.why-fbb .chrome{border-bottom:1px solid var(--line);background:#0b1020;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.why-fbb .chrome i{background:#2a3242;border-radius:50%;width:9px;height:9px}.why-fbb .chrome span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-left:10px;font-size:12px;overflow:hidden}.why-fbb .phone{background:#090d18;border-radius:36px;padding:9px;box-shadow:inset 0 0 0 2px #2a3242,0 0 0 1px #ffffff0f,0 30px 60px -10px #000c,0 60px 120px -30px #155dfc73}.why-fbb .phone img{border-radius:28px}.why-fbb .chip{border-radius:12px;position:absolute;box-shadow:0 0 0 1px #ffffff1f,0 22px 40px -8px #000000d9}.why-fbb .wall .main{width:90%;top:16%;left:2%;transform:translateZ(0)}.why-fbb .wall .back{width:60%;top:-10%;left:40%;transform:translateZ(-260px)}.why-fbb .wall .front{width:27%;top:34%;left:76%;transform:translateZ(150px)}.why-fbb .wall .chip-row{width:58%;top:92%;left:8%;transform:translateZ(190px)}@media (prefers-reduced-motion:no-preference){.why-fbb .wall .shot,.why-fbb .wall .chip{animation:why-fbb-rise 1.1s var(--ease-out) both}.why-fbb .wall .back{animation-delay:80ms}.why-fbb .wall .main{animation-delay:.16s}.why-fbb .wall .front{animation-delay:.32s}.why-fbb .wall .chip-row{animation-delay:.68s}}@keyframes why-fbb-rise{0%{opacity:0;translate:0 60px;scale:.94}}@media (max-width:720px){.why-fbb .topbar{flex-wrap:wrap;row-gap:4px}.why-fbb .pagetabs{order:3;width:100%;margin:0 0 0 -14px}}@media (max-width:960px){.why-fbb .hero-body{grid-template-columns:minmax(0,1fr);padding-bottom:64px}.why-fbb .wall{perspective:1300px;perspective-origin:50% 40%;margin-top:24px}.why-fbb .stage{transform:rotateY(-16deg)rotateX(9deg)rotate(1deg)}.why-fbb .wall .chip-row{transform:translateZ(90px)}}@media (max-width:560px){.why-fbb .topbar .brand span{display:none}.why-fbb .wall .chip-row{width:74%;top:90%;left:4%}}}
@layer components{.why-fbb .swap{padding:40px var(--gutter) 96px;justify-items:start;gap:18px;display:grid}.why-fbb .swap ul{flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none;display:flex}.why-fbb .swap li{color:#6b7280;font-size:clamp(18px,1.6vw,22px);-webkit-text-decoration:line-through #ff6467b3;text-decoration:line-through #ff6467b3;text-decoration-thickness:2px}.why-fbb .swap p{font:italic 800 clamp(44px, 5vw, 76px) / .95 var(--display);text-transform:uppercase;margin:0}.why-fbb .feature{padding:clamp(56px, 8vw, 120px) var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,5vw,88px);display:grid;overflow:clip}.why-fbb .feature.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.why-fbb .feature.flip .copy{order:2}.why-fbb .feature.wide{grid-template-columns:minmax(0,1fr)}.why-fbb .feature.wide .copy p{max-width:44em}.why-fbb .feature.wide .shot img{width:100%}.why-fbb .copy h2{margin-bottom:22px;font-size:clamp(40px,4.4vw,72px);line-height:.92}.why-fbb .copy p{color:var(--text-2);max-width:32em;margin:0 0 16px}.why-fbb .copy .proof{color:var(--text-3);border-left:2px solid var(--gold);padding-left:14px;font-size:15px}.why-fbb .visual{perspective:1700px;position:relative}.why-fbb .visual .stage{position:relative;inset:auto;transform:rotateY(-13deg)rotateX(6deg)}.why-fbb .feature.flip .visual .stage{transform:rotateY(13deg)rotateX(6deg)}.why-fbb .feature.wide .visual .stage{transform:rotateX(14deg)rotateY(-5deg)}.why-fbb .visual .shot{position:relative}.why-fbb .visual .layer{transform:translateZ(var(--z,0));position:absolute}.why-fbb .howto-links{flex-wrap:wrap;gap:6px 22px;margin-top:22px;display:flex}.why-fbb .howto-link{color:var(--gold-hi);text-underline-offset:5px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.why-fbb .howto-link:hover{color:#fff}.why-fbb .numbers{padding:clamp(56px, 7vw, 104px) var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#155dfc0f,#0000)}.why-fbb .numbers dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;display:grid}.why-fbb .numbers dt{color:var(--text-2);order:2;max-width:14em;font-size:16px}.why-fbb .numbers div{flex-direction:column;gap:6px;display:flex}.why-fbb .numbers dd{font:italic 800 clamp(52px, 5.4vw, 92px) / .9 var(--display);order:1;margin:0}.why-fbb .numbers small{color:#6b7280;margin-top:28px;font-size:13px;display:block}.why-fbb .format{border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);background:#000;margin:clamp(40px,5vw,72px) 0 0;position:relative;box-shadow:0 0 60px #c8a0401f}.why-fbb .format:before,.why-fbb .format:after{content:"";background:repeating-linear-gradient(90deg,#e0b8588c 0 10px,#0000 10px 18px);height:1px;position:absolute;left:0;right:0}.why-fbb .format:before{top:10px}.why-fbb .format:after{bottom:10px}.why-fbb .format .feature{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}.why-fbb .endzone{padding:clamp(80px, 10vw, 150px) var(--gutter);text-align:center;background:repeating-linear-gradient(45deg,#0000 0 18px,#ffffff08 18px 20px),radial-gradient(70% 90% at 50% 120%,#155dfc47,#0000 70%);position:relative}.why-fbb .endzone h2{max-width:19ch;margin:0 auto 32px;font-size:clamp(44px,6vw,96px);line-height:.9}.why-fbb .endzone .cta-row{justify-content:center}.why-fbb>footer{padding:28px var(--gutter) 40px;color:#6b7280;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:14px;display:flex}.why-fbb>footer a{color:var(--text-3);text-decoration:underline}@media (max-width:960px){.why-fbb .feature,.why-fbb .feature.flip{grid-template-columns:minmax(0,1fr)}.why-fbb .feature.flip .copy{order:0}.why-fbb .visual .stage,.why-fbb .feature.flip .visual .stage{transform:rotateY(-7deg)rotateX(6deg)}.why-fbb .visual .layer{transform:translateZ(calc(var(--z,0px) * .35))}.why-fbb .numbers dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.why-fbb .numbers dl{grid-template-columns:minmax(0,1fr);gap:28px}.why-fbb>footer{flex-direction:column}}}
@layer components{.why-fbb .howto{padding:0 var(--gutter) clamp(72px, 9vw, 128px)}.why-fbb .howto-head{padding:clamp(36px,5vw,72px) 0 clamp(24px,3vw,36px)}.why-fbb .howto-head h1{font-size:clamp(52px,6.4vw,104px)}.why-fbb .howto-head .lede{margin:0}.why-fbb .guides{z-index:4;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:12px var(--gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#030712e6;gap:8px;display:flex;position:sticky;top:0;overflow-x:auto}.why-fbb .guides::-webkit-scrollbar{display:none}.why-fbb .guides a{color:var(--text-2);white-space:nowrap;border:1px solid #374151;border-radius:999px;flex:none;padding:9px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s}.why-fbb .guides a:hover{color:#fff;border-color:#6b7280}.why-fbb .guides a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}.why-fbb .guide{padding-top:clamp(40px,5vw,72px)}.why-fbb .guide-head h2{font-size:clamp(42px,4.6vw,76px);line-height:.92}.why-fbb .guide-head p{color:var(--text-2);max-width:40em;margin:20px 0 0}.why-fbb .steps{counter-reset:step;gap:clamp(48px,6vw,96px);margin:clamp(40px,5vw,64px) 0 0;padding:0;list-style:none;display:grid}.why-fbb .step{counter-increment:step;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(20px,4vw,64px);display:grid}.why-fbb .step.text-only{grid-template-columns:minmax(0,1fr)}.why-fbb .step-copy:before{content:counter(step);font:italic 800 clamp(64px, 6vw, 104px) / .8 var(--display);color:#0000;-webkit-text-stroke:2px var(--gold);margin-bottom:12px;display:block}.why-fbb .step-copy h3{font:600 clamp(22px, 1.9vw, 28px) / 1.2 var(--body);letter-spacing:-.01em;margin:0 0 10px}.why-fbb .step-copy p{color:var(--text-2);max-width:30em;margin:0 0 12px}.why-fbb .step-copy .proof{color:var(--text);border-left:2px solid var(--gold);padding:4px 0 4px 14px}.why-fbb .frame{background:var(--panel);border-radius:12px;width:fit-content;max-width:100%;margin:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff17,0 24px 50px -16px #000000bf}.why-fbb .frame.full,.why-fbb .frame.full img{width:100%}.why-fbb .frame.phone{border-radius:36px;width:min(300px,100%);padding:9px;overflow:visible}.why-fbb .good-to-know{border-left:3px solid var(--gold);background:linear-gradient(90deg,#c8a04014,#0000 75%);max-width:60em;margin-top:clamp(56px,7vw,96px);padding:24px 28px}.why-fbb .good-to-know h3{font:italic 800 30px / 1 var(--display);text-transform:uppercase;margin:0 0 12px}.why-fbb .good-to-know ul{color:var(--text-2);gap:8px;margin:0;padding-left:1.1em;list-style:outside;display:grid}.why-fbb .guide>.cta-row{margin-top:40px}@media (prefers-reduced-motion:no-preference){.why-fbb .guide{animation:why-fbb-guide-in .28s var(--ease-out) both}}@keyframes why-fbb-guide-in{0%{opacity:0;translate:0 10px}}@media (max-width:960px){.why-fbb .step{grid-template-columns:minmax(0,1fr)}}}
@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(../media/cb2df980ecf86a76-s.015vk2f_lnnr3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(../media/0e0a5b0398f6a72f-s.0o2uns6oxfpqg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(../media/7c153c022564ac00-s.p.0dlnc5jurwhd2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(../media/e410cf3d4b72150d-s.019qp0y6-ou~3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(../media/5a44eb0c9b89120a-s.0ux8~u--3_u_5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(../media/49d07f3cdebee475-s.p.0wx-roszojp9d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed Fallback;src:local(Arial);ascent-override:130.73%;descent-override:26.15%;line-gap-override:0.0%;size-adjust:76.49%}.barlow_condensed_d27ce123-module__vLDTNG__className{font-family:Barlow Condensed,Barlow Condensed Fallback;font-style:italic}.barlow_condensed_d27ce123-module__vLDTNG__variable{--font-why-fbb-display:"Barlow Condensed", "Barlow Condensed Fallback"}