section.saas-hero-v5{--hero-v5-bg:#f3f0ff;--hero-v5-text:#1c1c28;--hero-v5-accent:#5d13fa;--hero-v5-nav-offset:0px;--hero-v5-media-overhang:400px;--hero-v5-media-width:1114px;--hero-v5-media-height:626px;--hero-v5-lower-min-below:96px;align-items:stretch;display:flex;flex-direction:column;overflow:visible;position:relative;z-index:1}section.saas-hero-v5 .saas-hero-v5__upper{background-color:var(--hero-v5-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;padding:calc(120px + var(--hero-v5-nav-offset)) 48px 80px;width:100%}body.template-2026 section.saas-hero-v5{--hero-v5-nav-offset:110px}@media screen and (max-width:767px){section.saas-hero-v5 .saas-hero-v5__upper{padding:calc(96px + var(--hero-v5-nav-offset)) 16px 56px}}section.saas-hero-v5 .saas-hero-v5__inner{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1440px;width:100%}section.saas-hero-v5 .content-card{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:856px;padding:48px 48px 56px;position:relative;width:100%;z-index:2}@media screen and (max-width:767px){section.saas-hero-v5 .content-card{padding:32px 24px 40px}}section.saas-hero-v5 .content-card .copy{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center;width:100%}section.saas-hero-v5 .content-card .copy .eyebrow{background:none;border:none;color:var(--hero-v5-accent);font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;letter-spacing:1.6px;line-height:24px;margin:0;padding:0;text-transform:uppercase}section.saas-hero-v5 .content-card .copy .heading{color:var(--hero-v5-text);font-family:DM Sans,sans-serif;font-size:48px;font-style:normal;font-weight:500;letter-spacing:-.96px;line-height:56px;margin:0;text-align:center}section.saas-hero-v5 .content-card .copy .heading span{color:var(--hero-v5-accent)!important;font-family:"IBM Plex Serif",serif;font-style:italic;font-weight:400;-webkit-text-fill-color:var(--hero-v5-accent)}@media screen and (max-width:767px){section.saas-hero-v5 .content-card .copy .heading{font-size:32px;letter-spacing:-.64px;line-height:40px}}section.saas-hero-v5 .content-card .copy .subtext{color:var(--hero-v5-text);font-family:DM Sans,sans-serif;font-size:24px;font-weight:400;letter-spacing:-.48px;line-height:36px;margin:32px 0 0;max-width:760px;padding:0;text-align:center;white-space:pre-wrap}@media screen and (max-width:767px){section.saas-hero-v5 .content-card .copy .subtext{font-size:20px;letter-spacing:-.4px;line-height:28px}}section.saas-hero-v5 .content-card .copy .cta-container{align-items:center;display:flex;justify-content:center;margin-top:24px;width:100%}section.saas-hero-v5 .content-card .copy .link-1 a,section.saas-hero-v5 .content-card .copy .link-1 button{background:var(--hero-v5-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:500;letter-spacing:1.6px;line-height:16px;padding:16px 20px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease}section.saas-hero-v5 .content-card .copy .link-1 a:hover,section.saas-hero-v5 .content-card .copy .link-1 button:hover{background:#5015d0;color:#fff!important}@media screen and (max-width:767px){section.saas-hero-v5 .content-card .copy .link-1,section.saas-hero-v5 .content-card .copy .link-1 a,section.saas-hero-v5 .content-card .copy .link-1 button{align-items:center;display:flex;justify-content:center;width:100%}}section.saas-hero-v5 .saas-hero-v5__media{align-self:center;box-sizing:border-box;margin-top:-120px;padding:0;position:relative;width:min(var(--hero-v5-media-width),100%);z-index:2}@media screen and (max-width:767px){section.saas-hero-v5 .saas-hero-v5__media{box-sizing:border-box;margin-top:-64px;padding:0 16px;width:100%}}section.saas-hero-v5 .saas-hero-v5__video-container{background-color:#1c1c28;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;box-shadow:3px 3px 24px rgba(0,0,0,.08);cursor:pointer;height:var(--hero-v5-media-height);margin-left:auto;margin-right:auto;max-width:var(--hero-v5-media-width);overflow:hidden;position:relative;transition:transform .3s ease;width:100%}section.saas-hero-v5 .saas-hero-v5__video-container:hover{transform:scale(1.01)}section.saas-hero-v5 .saas-hero-v5__video-container:focus{outline:2px solid var(--hero-v5-accent);outline-offset:3px}@media screen and (max-width:767px){section.saas-hero-v5 .saas-hero-v5__video-container{aspect-ratio:1114/626;height:auto;max-height:70vh;min-height:280px}}section.saas-hero-v5 .saas-hero-v5__lower{background:#fff;box-sizing:border-box;margin-top:calc(var(--hero-v5-media-overhang)*-1);min-height:calc(var(--hero-v5-media-overhang) + var(--hero-v5-lower-min-below));padding-bottom:64px;position:relative;width:100%;z-index:1}@media screen and (max-width:767px){section.saas-hero-v5 .saas-hero-v5__lower{margin-top:-100px;min-height:148px;padding-bottom:40px}}section.saas-hero-v5 .saas-hero-v5__video-container .saas-hero-v5__play-button{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.8);border-radius:4px;box-shadow:2px 2px 12px 0 rgba(28,28,40,.15);display:flex;gap:16px;justify-content:center;left:50%;padding:8px 24px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}section.saas-hero-v5 .saas-hero-v5__video-container .saas-hero-v5__play-button svg{flex-shrink:0;height:16px;width:12.444px}section.saas-hero-v5 .saas-hero-v5__video-container .saas-hero-v5__play-button span{color:#fff;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;letter-spacing:1.6px;line-height:24px;text-transform:uppercase}.saas-hero-v5-modal{align-items:center;box-sizing:border-box;display:none;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.saas-hero-v5-modal .saas-hero-v5-modal-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.9);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.saas-hero-v5-modal .saas-hero-v5-modal-content{background:#000;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.6);display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 40px);max-width:min(1200px,96vw);overflow:hidden;position:relative;width:100%;z-index:10000}.saas-hero-v5-modal .saas-hero-v5-modal-ratio{background:#000;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.saas-hero-v5-modal .saas-hero-v5-modal-ratio iframe,.saas-hero-v5-modal .saas-hero-v5-modal-ratio video{background:#000;border:none;height:100%;left:0;position:absolute;top:0;width:100%}.saas-hero-v5-modal .saas-hero-v5-modal-ratio .saas-hero-v5-modal-embed{align-items:center;background:#000;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow:auto;padding:20px;position:absolute;top:0;width:100%}.saas-hero-v5-modal .saas-hero-v5-modal-close{align-items:center;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:44px;justify-content:center;line-height:1;margin:0;min-height:44px;min-width:44px;padding:0;position:absolute;right:15px;text-align:center;top:15px;transition:all .3s ease;width:44px;z-index:10001}.saas-hero-v5-modal .saas-hero-v5-modal-close:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:scale(1.1)}.saas-hero-v5-modal .saas-hero-v5-modal-img-wrap{align-items:center;box-sizing:border-box;display:flex;justify-content:center;max-height:calc(100vh - 40px);overflow:auto;padding:48px 24px 32px}.saas-hero-v5-modal .saas-hero-v5-modal-img{height:auto;max-height:calc(100vh - 120px);max-width:100%;object-fit:contain;vertical-align:middle;width:auto}@media screen and (max-width:767px){.saas-hero-v5-modal{padding:10px}.saas-hero-v5-modal .saas-hero-v5-modal-content{border-radius:8px;max-height:calc(100vh - 20px)}.saas-hero-v5-modal .saas-hero-v5-modal-close{border-width:1.5px;font-size:20px;height:36px;min-height:36px;min-width:36px;right:10px;top:10px;width:36px}.saas-hero-v5-modal .saas-hero-v5-modal-img-wrap{padding:44px 12px 20px}.saas-hero-v5-modal .saas-hero-v5-modal-img{max-height:calc(100vh - 100px)}}#header.dark-nav,.header.style-2025 .header__container__main.dark-nav{background-color:#1c1c28;box-shadow:0 2px 8px hsla(0,0%,100%,.1)}