.bc-hero-component{overflow:hidden;position:relative;width:100%}.bc-hero-component__container{margin:0 auto;max-width:1280px;padding:0;width:100%}.bc-hero-component__content{align-items:center;display:flex;flex-direction:column;gap:24px;padding-top:64px;text-align:center}@media (min-width:640px){.bc-hero-component__content{gap:48px;padding-top:96px}}@media (min-width:768px){.bc-hero-component__content{align-items:flex-start;flex-direction:row;gap:32px;padding-top:64px}}.bc-hero-component__text-content{display:flex;flex-direction:column;gap:24px;text-align:center;width:100%}@media (min-width:768px){.bc-hero-component__text-content{align-items:flex-start;flex:0 0 75%;max-width:75%;text-align:left}}.bc-hero-component__badge{align-items:center;align-self:center;border:1px solid #e5e7eb;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;opacity:0;padding:6px 12px;transform:translateY(10px);transition:all .3s ease}@media (min-width:768px){.bc-hero-component__badge{align-self:flex-start}}.bc-hero-component[data-enable-animations=true] .bc-hero-component__badge{animation:bc-hero-appear .5s ease-out forwards}.bc-hero-component__badge-text{color:#6b7280}.bc-hero-component__badge-link{align-items:center;color:inherit;display:inline-flex;gap:4px;text-decoration:none;transition:color .2s ease}.bc-hero-component__badge-link:hover{color:#3b82f6}.bc-hero-component__badge-arrow{flex-shrink:0;height:12px;width:12px}.bc-hero-component__title{background:linear-gradient(90deg,#111827,#6b7280);-webkit-background-clip:text;background-clip:text;display:block;font-size:48px;font-weight:600;line-height:1.2;margin:0;position:relative;z-index:10;-webkit-text-fill-color:transparent;filter:drop-shadow(0 25px 50px -12px rgba(0,0,0,.25));opacity:0;transform:translateY(10px)}.bc-hero-component[data-enable-animations=true] .bc-hero-component__title{animation:bc-hero-appear .5s ease-out forwards}@media (min-width:640px){.bc-hero-component__title{font-size:64px;line-height:1.2}}@media (min-width:768px){.bc-hero-component__title{font-size:80px;line-height:1.2}}.bc-hero-component__description{color:#6b7280;font-size:1rem;font-weight:500;margin:0;max-width:550px;opacity:0;position:relative;transform:translateY(10px);z-index:10}.bc-hero-component[data-enable-animations=true] .bc-hero-component__description{animation:bc-hero-appear .5s ease-out .1s forwards}@media (min-width:640px){.bc-hero-component__description{font-size:1.25rem}}.bc-hero-component__description p{margin:0}.bc-hero-component__actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;opacity:0;position:relative;transform:translateY(10px);z-index:10}@media (min-width:768px){.bc-hero-component__actions{justify-content:flex-start}}.bc-hero-component[data-enable-animations=true] .bc-hero-component__actions{animation:bc-hero-appear .5s ease-out .3s forwards}.bc-hero-component__button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 32px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.bc-hero-component__button-icon{align-items:center;display:inline-flex;height:20px;width:20px}.bc-hero-component__button--default{background-color:#3b82f6;color:#fff}.bc-hero-component__button--default:hover{background-color:#2563eb}.bc-hero-component__button--glow{background-color:#3b82f6;box-shadow:0 0 20px rgba(59,130,246,.5);color:#fff}.bc-hero-component__button--glow:hover{background-color:#2563eb;box-shadow:0 0 30px rgba(59,130,246,.7);transform:translateY(-1px)}.bc-hero-component__button--outline{background-color:transparent;border:1px solid #3b82f6;color:#3b82f6}.bc-hero-component__button--outline:hover{background-color:rgba(59,130,246,.1)}.bc-hero-component__button--secondary{background-color:#f3f4f6;color:#111827}.bc-hero-component__button--secondary:hover{background-color:#e5e7eb}.bc-hero-component__button--dark{background-color:#111827;color:#fff}.bc-hero-component__button--dark:hover{background-color:#1f2937}.bc-hero-component__image-wrapper{align-items:center;display:flex;justify-content:center;opacity:0;padding-top:48px;position:relative;transform:scale(.95);width:100%}@media (min-width:768px){.bc-hero-component__image-wrapper{flex:0 0 25%;max-width:25%;padding-top:0}}.bc-hero-component[data-enable-animations=true] .bc-hero-component__image-wrapper{animation:bc-hero-appear-zoom .5s ease-out .7s forwards}.bc-hero-component__mockup-frame{background-color:rgba(243,244,246,.05);border-radius:16px;overflow:hidden;position:relative;width:100%;z-index:10}.bc-hero-component__mockup-frame--small{padding:8px}.bc-hero-component__mockup-frame--large{padding:16px}.bc-hero-component__mockup{border:1px solid rgba(229,231,235,.05);border-radius:6px;border-top-color:rgba(229,231,235,.15);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;overflow:hidden;position:relative;width:100%;z-index:10}.bc-hero-component__image{display:block;height:auto;object-fit:cover;width:100%}@media (min-width:768px){.bc-hero-component__image{max-height:500px;object-fit:contain}}.bc-hero-component__image--dark{display:none}.bc-hero-component__glow{height:256px;pointer-events:none;position:absolute;width:100%;z-index:1}.bc-hero-component__glow:after,.bc-hero-component__glow:before{border-radius:50%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.bc-hero-component__glow:before{background:radial-gradient(ellipse at center,rgba(59,130,246,.5) 10%,transparent 60%);height:100%;transform:translateX(-50%) scale(2.5);width:60%}.bc-hero-component__glow:after{background:radial-gradient(ellipse at center,rgba(59,130,246,.3) 10%,transparent 60%);height:128px;transform:translateX(-50%) scale(2);width:40%}@media (min-width:640px){.bc-hero-component__glow{height:512px}.bc-hero-component__glow:after{height:256px}}.bc-hero-component__glow--top{top:0}.bc-hero-component__glow--above{top:-128px}.bc-hero-component__glow--bottom{bottom:0}.bc-hero-component__glow--below{bottom:-128px}.bc-hero-component__glow--center{top:50%;transform:translateY(-50%)}.bc-hero-component__glow--center:after,.bc-hero-component__glow--center:before{transform:translateX(-50%) translateY(-50%)}@keyframes bc-hero-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bc-hero-appear-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme:dark){.bc-hero-component__image--light{display:none}.bc-hero-component__image--dark{display:block}.bc-hero-component__badge{border-color:#374151}.bc-hero-component__badge-text,.bc-hero-component__description{color:#9ca3af}.bc-hero-component__mockup-frame{background-color:rgba(17,24,39,.05)}.bc-hero-component__mockup{border-color:rgba(55,65,81,.15) rgba(55,65,81,.05) rgba(55,65,81,.05)}.bc-hero-component__button--secondary{background-color:#374151;color:#f3f4f6}.bc-hero-component__button--secondary:hover{background-color:#4b5563}}@media (prefers-reduced-motion:reduce){.bc-hero-component__actions,.bc-hero-component__badge,.bc-hero-component__description,.bc-hero-component__glow,.bc-hero-component__image-wrapper,.bc-hero-component__title{animation:none!important;opacity:1!important;transform:none!important}.bc-hero-component__button{transition:none}}@media (max-width:639px){.bc-hero-component__content{padding-left:16px;padding-right:16px}.bc-hero-component__actions{flex-direction:column;width:100%}.bc-hero-component__button{justify-content:center;width:100%}}