.website-animated-tabs-hero-section{--pb-anim-tabs-accent:#0e3d2e;position:relative;background:#fff;color:#0a0a0a;padding:clamp(60px,8vw,100px) clamp(20px,5vw,56px);display:flex;flex-direction:column;align-items:center}.website-animated-tabs-hero-section .website-animated-tabs-hero-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,4%,.55);margin-bottom:24px;text-align:center}.website-animated-tabs-hero-section .website-animated-tabs-hero-tabs{position:relative;width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:space-around;align-items:stretch;gap:8px;flex-wrap:wrap}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab{--pb-anim-tab-color:#0e3d2e;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:16px 24px;margin:0;cursor:pointer;color:inherit;font-family:inherit;font-size:clamp(16px,1.4vw,20px);font-weight:500;letter-spacing:-.005em;line-height:1.2;display:inline-flex;align-items:center;gap:10px;opacity:.5;transition:opacity .2s ease}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab:hover{opacity:.85}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab:focus-visible{outline:2px solid hsla(0,0%,4%,.4);outline-offset:4px;border-radius:4px}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab .website-animated-tabs-hero-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--pb-anim-tab-color)}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab .website-animated-tabs-hero-tab-label{white-space:nowrap}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab.is-active{opacity:1}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab.is-active:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:2px;background:var(--pb-anim-tab-color);border-radius:2px;transition:background-color .3s ease}.website-animated-tabs-hero-section .website-animated-tabs-hero-divider{width:100%;max-width:900px;height:1px;margin:0 auto;background:hsla(0,0%,4%,.08)}.website-animated-tabs-hero-section .website-animated-tabs-hero-body{width:100%;display:flex;justify-content:center}.website-animated-tabs-hero-section .website-animated-tabs-hero-pane{width:100%;display:flex;flex-direction:column;align-items:center}.website-animated-tabs-hero-section .website-animated-tabs-hero-description{text-align:center;max-width:600px;margin:0 auto;padding:32px 16px 24px;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:hsla(0,0%,4%,.65)}.website-animated-tabs-hero-section .website-animated-tabs-hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--pb-anim-tabs-cta,#0a0a0a);color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:transform .2s ease,filter .2s ease}.website-animated-tabs-hero-section .website-animated-tabs-hero-cta:hover{filter:brightness(1.2);transform:translateY(-1px)}.website-animated-tabs-hero-section .website-animated-tabs-hero-cta .iconify{transition:transform .2s ease}.website-animated-tabs-hero-section .website-animated-tabs-hero-cta:hover .iconify{transform:translateX(2px)}.website-animated-tabs-hero-section .website-animated-tabs-hero-image-wrap{width:100%;max-width:1100px;margin:48px auto 0;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#f5f5f3,#ececea);box-shadow:0 1px 2px hsla(0,0%,4%,.04),0 24px 60px -20px hsla(0,0%,4%,.18);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.website-animated-tabs-hero-section .website-animated-tabs-hero-image-wrap img,.website-animated-tabs-hero-section .website-animated-tabs-hero-image-wrap video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.website-animated-tabs-hero-section .website-animated-tabs-hero-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:hsla(0,0%,4%,.3)}@media(max-width:640px){.website-animated-tabs-hero-section .website-animated-tabs-hero-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.website-animated-tabs-hero-section .website-animated-tabs-hero-tabs::-webkit-scrollbar{display:none}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab{padding:12px 16px;font-size:15px;flex-shrink:0}.website-animated-tabs-hero-section .website-animated-tabs-hero-tab.is-active:after{left:16px;right:16px}.website-animated-tabs-hero-section .website-animated-tabs-hero-image-wrap{margin-top:32px;border-radius:12px}}