.bc-site{--bc-accent:var(--primary)}.bc-hero{isolation:isolate;position:relative;overflow:hidden}.bc-hero:before{content:"";z-index:-2;background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 35%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 35%,#0000 75%)}.bc-hero:after{content:"";z-index:-1;background:radial-gradient(ellipse 45% 55% at 30% 20%, color-mix(in oklab, var(--bc-accent) 16%, transparent), transparent 70%), radial-gradient(ellipse 40% 50% at 75% 10%, color-mix(in oklab, var(--bc-accent) 10%, transparent), transparent 70%);pointer-events:none;width:130%;height:90%;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.bc-gradient-text{background:linear-gradient(100deg, var(--bc-accent) 10%, color-mix(in oklab, var(--bc-accent) 55%, var(--foreground)) 55%, var(--foreground) 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.bc-bars{background-image:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 6px,currentColor 6px 9px,#0000 9px 12px,currentColor 12px 13px,#0000 13px 20px);height:22px}.bc-bars-lg{background-image:repeating-linear-gradient(90deg,currentColor 0 3px,#0000 3px 8px,currentColor 8px 13px,#0000 13px 17px,currentColor 17px 18px,#0000 18px 27px,currentColor 27px 30px,#0000 30px 36px);height:44px}.bc-tool-card{border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);background:var(--background);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 5%, transparent), 0 12px 40px -12px color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:1rem;position:relative}.bc-cta-band{isolation:isolate;background:radial-gradient(ellipse 60% 90% at 50% 110%, color-mix(in oklab, var(--bc-accent) 22%, transparent), transparent 70%), color-mix(in oklab, var(--foreground) 96%, var(--background));color:var(--background);position:relative;overflow:hidden}.bc-cta-band:before{content:"";z-index:-1;background-image:linear-gradient(to right, color-mix(in oklab, var(--background) 8%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--background) 8%, transparent) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 100% at 50% 100%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 100% at 50% 100%,#000 30%,#0000 80%)}@supports (animation-timeline:view()){.bc-reveal{animation:both bc-fade-up;animation-timeline:view();animation-range:entry entry 55%}@media (prefers-reduced-motion:reduce){.bc-reveal{animation:none}}}@keyframes bc-fade-up{0%{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.bc-preview-card{transition:transform .18s,box-shadow .18s,border-color .18s}.bc-preview-card:hover{box-shadow:0 10px 28px -14px color-mix(in oklab, var(--foreground) 30%, transparent);border-color:color-mix(in oklab, var(--bc-accent) 45%, transparent);transform:translateY(-2px)}.bc-checker{background-image:linear-gradient(45deg, color-mix(in oklab, var(--foreground) 4%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklab, var(--foreground) 4%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklab, var(--foreground) 4%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklab, var(--foreground) 4%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.bc-faq summary::-webkit-details-marker{display:none}.bc-faq summary .bc-faq-icon{transition:transform .2s}.bc-faq[open] summary .bc-faq-icon{transform:rotate(45deg)}.bc-related-card{transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.bc-related-card:before{content:"";background-image:repeating-linear-gradient(90deg, color-mix(in oklab, var(--bc-accent) 70%, transparent) 0 3px, transparent 3px 7px, color-mix(in oklab, var(--bc-accent) 70%, transparent) 7px 10px, transparent 10px 14px);opacity:.55;height:5px;margin:-1px -1px 0;transition:opacity .18s;display:block}.bc-related-card:hover{border-color:color-mix(in oklab, var(--bc-accent) 40%, transparent);box-shadow:0 14px 34px -18px color-mix(in oklab, var(--foreground) 35%, transparent);transform:translateY(-3px)}.bc-related-card:hover:before{opacity:1}.bc-related-card .bc-related-arrow{transition:transform .18s}.bc-related-card:hover .bc-related-arrow{transform:translate(2px,-2px)}.bc-dropzone{transition:border-color .18s,background-color .18s,transform .18s}.bc-dropzone:hover{transform:translateY(-1px)}
