:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-main: #ad1aac;--color-primary-1: #15082e;--color-primary-2: #5f259f;--color-primary-3: #8031a7;--color-accent-1: #3cdbc0;--color-accent-2: #f3cd00;--bg: #ffffff;--text: #213547;--accent: var(--color-main);--services-bg: var(--color-primary-1);--services-accent: var(--color-accent-1);--services-text: #eafaff;--saas-bg: var(--color-primary-2);--saas-accent: var(--color-main);--saas-text: #f6f7fb;--saas-one-bg: var(--color-primary-1);--saas-one-accent: var(--color-accent-1);--saas-one-text: #e8faf6;--saas-two-bg: var(--color-primary-3);--saas-two-accent: var(--color-accent-2);--saas-two-text: #fff6cc;--saas-three-bg: var(--color-primary-2);--saas-three-accent: var(--color-accent-1);--saas-three-text: #f6f7fb}[data-theme=plain]{--bg: #ffffff;--text: #213547;--accent: var(--color-main);--color-primary-1: #15082e}[data-theme=plain] body{background-image:linear-gradient(#ffffffd9,#ffffffd9),url(/brand/HYVARK-SHORT-MAIN-STROKE.png);background-repeat:no-repeat,repeat;background-position:0 0,0 0;background-size:auto,clamp(56px,7vw,120px) auto}[data-theme=saas-beeflow]{--bg: var(--saas-one-bg);--text: var(--saas-one-text);--accent: var(--saas-one-accent)}[data-theme=saas-beejuris]{--bg: var(--saas-two-bg);--text: var(--saas-two-text);--accent: var(--saas-two-accent)}[data-theme=saas-beephero]{--bg: var(--saas-three-bg);--text: var(--saas-three-text);--accent: var(--saas-three-accent)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:color-mix(in oklab,var(--accent) 85%,white)}body{margin:0;display:block;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Michroma,system-ui,Avenir,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}[data-theme=services]{--bg: var(--services-bg);--text: var(--services-text);--accent: var(--services-accent)}[data-theme=saas]{--bg: var(--saas-bg);--text: var(--saas-text);--accent: var(--saas-accent)}[data-theme=saas-one]{--bg: var(--saas-one-bg);--text: var(--saas-one-text);--accent: var(--saas-one-accent)}[data-theme=saas-two]{--bg: var(--saas-two-bg);--text: var(--saas-two-text);--accent: var(--saas-two-accent)}[data-theme=saas-three]{--bg: var(--saas-three-bg);--text: var(--saas-three-text);--accent: var(--saas-three-accent)}nav a{color:var(--text)}nav a:hover{color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:flex-start;padding-top:calc(env(safe-area-inset-top) + 12px);padding-left:32px;background:linear-gradient(to bottom,#ffffffbf,#fff0);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);z-index:10}[data-present=true] .nav{display:none}.home-nav .nav{background:linear-gradient(to bottom,#fff0,#fff0);-webkit-backdrop-filter:none;backdrop-filter:none}.nav-center{display:inline-block}.in-hive .logo-full,.in-hive .logo-short,.logo-short{display:none}.logo-full{display:inline-block}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:var(--accent);color:var(--text);border-radius:6px}@media (max-width: 768px){.logo-full{display:none}.logo-short{display:inline-block}}.split{position:relative;width:100vw;height:100svh;overflow:hidden;background:#fff;color:var(--color-primary-1);opacity:calc(1 - (var(--handoff, 0) * 1));transform:translateY(calc(var(--handoff, 0) * -8vh)) scale(calc(1 - var(--handoff, 0) * .04));transition:opacity .28s ease-out,transform .28s ease-out;perspective:900px;transform-style:preserve-3d;z-index:0}.scroll-indicator{position:absolute;left:50%;bottom:20px;transform:translate(-50%) translateY(calc(var(--handoff, 0) * 20px + var(--btn-y, 0px))) translateZ(var(--btn-z, 0px)) rotateX(var(--btn-rx, 0deg)) rotateY(var(--btn-ry, 0deg));display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid currentColor;background:#ffffffa6;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);color:currentColor;cursor:pointer;opacity:calc(1 - var(--handoff, 0));transition:opacity .2s ease-out,transform .26s ease-out,background .2s ease-out;overflow:visible;font-size:12px;z-index:5}.scroll-indicator:before,.scroll-indicator:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid currentColor;opacity:.25;transform:scale(1);animation:ripple 1.8s ease-out infinite}.scroll-indicator:after{animation-delay:.9s}.scroll-indicator:hover{background:#fffc}.scroll-indicator:focus-visible{outline:2px solid currentColor;outline-offset:2px}.scroll-indicator-arrow{display:inline-block;animation:bounce 1.2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes ripple{0%{transform:scale(1);opacity:.25}70%{transform:scale(1.45);opacity:.08}to{transform:scale(1.75);opacity:0}}.side{position:absolute;inset:0;display:block;text-decoration:none;color:inherit;transform:rotateX(var(--panel-rx, 0deg)) rotateY(var(--panel-ry, 0deg));transform-style:preserve-3d;will-change:transform;contain:paint}.side .media{position:absolute;inset:0;background:#fff;z-index:0}.side .gradient{position:absolute;inset:0;mix-blend-mode:multiply;opacity:0;transition:opacity .2s ease-out;z-index:2}.side .content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;transition:transform .2s ease-out,opacity .2s ease-out;z-index:3}.content h1,.content p,.content .cta{will-change:transform,opacity,filter;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .22s ease-out,filter .3s ease-out}.content h1{transform:translateZ(var(--title-z, 0px)) translateY(var(--p-title, 0px)) translate(var(--ex-title-x, 0px),var(--ex-title-y, 0px));opacity:var(--ex-title-opacity, 1)}.content p{transform:translateZ(var(--text-z, 0px)) translateY(var(--p-text, 0px)) translate(var(--ex-text-x, 0px),var(--ex-text-y, 0px));opacity:var(--ex-text-opacity, 1)}.content .cta{transform:translateZ(var(--cta-z, 0px)) translateY(var(--p-cta, 0px)) translate(var(--ex-cta-x, 0px),var(--ex-cta-y, 0px));opacity:var(--ex-cta-opacity, 1)}.left .content h1{transform:translate3d(var(--exl-title-x, 0px),var(--exl-title-y, 0px),var(--exl-title-z, 0px)) rotate(var(--exl-title-rz, 0deg)) scale(var(--exl-title-scale, 1)) translate(var(--hover-title-dx, 0px)) translate(var(--active-title-dx, 0px))}.left .content p{transform:translate3d(var(--exl-text-x, 0px),var(--exl-text-y, 0px),var(--exl-text-z, 0px)) rotate(var(--exl-text-rz, 0deg)) scale(var(--exl-text-scale, 1)) translate(var(--hover-text-dx, 0px)) translate(var(--active-text-dx, 0px))}.left .content .cta{transform:translate3d(var(--exl-cta-x, 0px),var(--exl-cta-y, 0px),var(--exl-cta-z, 0px)) rotate(var(--exl-cta-rz, 0deg)) scale(var(--exl-cta-scale, 1)) translate(var(--hover-cta-dx, 0px)) translate(var(--active-cta-dx, 0px)) scale(var(--hover-cta-scale, 1)) scale(var(--active-cta-scale, 1))}.right .content h1{transform:translate3d(var(--exr-title-x, 0px),var(--exr-title-y, 0px),var(--exr-title-z, 0px)) rotate(var(--exr-title-rz, 0deg)) scale(var(--exr-title-scale, 1)) translate(var(--hover-title-dx, 0px)) translate(var(--active-title-dx, 0px))}.right .content p{transform:translate3d(var(--exr-text-x, 0px),var(--exr-text-y, 0px),var(--exr-text-z, 0px)) rotate(var(--exr-text-rz, 0deg)) scale(var(--exr-text-scale, 1)) translate(var(--hover-text-dx, 0px)) translate(var(--active-text-dx, 0px))}.right .content .cta{transform:translate3d(var(--exr-cta-x, 0px),var(--exr-cta-y, 0px),var(--exr-cta-z, 0px)) rotate(var(--exr-cta-rz, 0deg)) scale(var(--exr-cta-scale, 1)) translate(var(--hover-cta-dx, 0px)) translate(var(--active-cta-dx, 0px)) scale(var(--hover-cta-scale, 1)) scale(var(--active-cta-scale, 1))}.left .content{align-items:flex-start;text-align:left;padding-left:clamp(32px,8vw,160px);padding-right:24px;color:var(--color-primary-2)}.right .content{align-items:flex-end;text-align:right;padding-right:clamp(32px,8vw,160px);padding-left:24px;color:var(--color-primary-3)}.side:focus .content{transform:none}.left:focus{--hover-title-dx: 6px;--hover-text-dx: 10px;--hover-cta-dx: 14px;--hover-cta-scale: 1.03}.right:focus{--hover-title-dx: -6px;--hover-text-dx: -10px;--hover-cta-dx: -14px;--hover-cta-scale: 1.03}.left:focus .content h1,.left:focus .content p{filter:drop-shadow(0 4px 10px rgba(0,0,0,.08))}.left:focus .content .cta{filter:drop-shadow(0 6px 14px rgba(0,0,0,.12))}.right:focus .content h1,.right:focus .content p{filter:drop-shadow(0 4px 10px rgba(0,0,0,.08))}.right:focus .content .cta{filter:drop-shadow(0 6px 14px rgba(0,0,0,.12))}.side:focus-visible{outline:none}.side:focus-visible .content{box-shadow:0 0 0 3px var(--color-main);border-radius:8px}.left:active{--active-title-dx: 12px;--active-text-dx: 12px;--active-cta-dx: 20px;--active-cta-scale: 1.04}.right:active{--active-title-dx: -12px;--active-text-dx: -12px;--active-cta-dx: -20px;--active-cta-scale: 1.04}@keyframes click-pop{0%{transform:scale(1.03)}45%{transform:scale(.96)}to{transform:scale(1)}}.side:active .content h1{letter-spacing:.8px}.left{clip-path:polygon(0 0,60.25% 0,40.25% 100%,0 100%);transform:rotateX(var(--left-rx, 0deg)) rotateY(var(--left-ry, 0deg));z-index:2}.right{clip-path:polygon(59.75% 0,100% 0,100% 100%,39.75% 100%);transform:rotateX(var(--right-rx, 0deg)) rotateY(var(--right-ry, 0deg));z-index:1}.side .inner{position:absolute;inset:0;will-change:transform}.left .inner{transform:translateY(calc(var(--door-left, var(--handoff, 0)) * 120px))}.right .inner{transform:translateY(calc(var(--door-right, var(--handoff, 0)) * -120px))}.left .gradient{background:linear-gradient(180deg,var(--color-primary-2),var(--color-primary-2))}.right .gradient{background:linear-gradient(180deg,var(--color-primary-3),var(--color-primary-3))}.right:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url(/brand/HYVARK-SHORT-MAIN-STROKE.png);background-repeat:repeat;background-size:clamp(56px,7vw,120px) auto;background-position:0 0;opacity:.2}.bg-layer .media{position:absolute;inset:0;background:#fff;transform:scale(1);transition:transform .22s cubic-bezier(.2,.7,.2,1)}.left:focus .gradient,.right:focus .gradient{opacity:.2}.left{transform-origin:left center}.right{transform-origin:right center}.content{position:absolute;inset:0;display:grid;place-content:center;gap:16px;text-align:center;padding:24px}.brand{width:120px;height:auto;margin:0 0 8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.left .brand{margin-left:0;margin-right:auto}.right .brand{margin-right:0;margin-left:auto}.cta{display:inline-block;padding:12px 16px;border-radius:999px;background:transparent;color:currentColor;text-decoration:none;border:1.5px solid currentColor;transition:transform .16s ease-out,background .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sub-ctas{display:flex;gap:8px;margin-top:8px;justify-content:center;flex-wrap:wrap}.sub-cta{color:currentColor;opacity:.9;text-decoration:underline}.sub-cta:hover{color:currentColor;opacity:1}.split a,.split a:hover{color:inherit}.hit-svg a:focus-visible polygon{stroke:var(--accent);stroke-width:.6}.webgl{position:absolute;inset:0;z-index:0;pointer-events:none}.webgl canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.bp-bg{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.9}.bp-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.bp-hero .saas-detail-inner,.bp-split .bp-split-inner,.bp-steps .bp-steps-inner,.bp-benefits .bp-benefits-inner,.bp-visual .bp-visual-inner,.bp-whitelabel .bp-whitelabel-inner,.bp-privacy .bp-privacy-inner,.bp-cta .bp-cta-inner{position:relative;z-index:2}@media (max-width: 768px){.split{height:auto;min-height:100vh}.left,.right{position:relative;height:50vh;transform:none}.left{clip-path:polygon(0 0,100% 0,100% 97%,0 100%)}.right{clip-path:polygon(0 0,100% 3%,100% 100%,0 100%)}.left .content,.right .content{padding-left:24px;padding-right:24px;justify-items:center;text-align:center}}@media (prefers-reduced-motion: reduce){.bg-layer .media,.gradient{transition:none}}.next-section{height:120vh;background:transparent}.section-two{position:relative;height:50svh;min-height:50vh;padding-top:calc(env(safe-area-inset-top) + 64px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px);background:#fff;color:var(--color-primary-1);display:grid;place-items:center;overflow:hidden}.saas-grid{position:relative;padding:clamp(24px,6vw,72px) 0}.saas-grid-inner{width:min(1100px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,28px)}.saas-card{background:#fff;border:1px solid color-mix(in oklab,#000 8%,#ffffff);border-radius:16px;padding:clamp(16px,2.6vw,24px);box-shadow:0 10px 28px #00000014;display:flex;flex-direction:column;gap:12px;color:var(--color-primary-1)}.saas-card-head h2{margin:8px 0 4px}.saas-card-head p{margin:0;opacity:.9}.saas-bullets{margin:0;padding-left:18px;display:grid;gap:6px}.saas-card-cta{margin-top:8px}@media (max-width: 980px){.saas-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.saas-grid-inner{grid-template-columns:1fr}}.saas-detail-hero{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in oklab,var(--accent) 24%,transparent),transparent),linear-gradient(180deg,color-mix(in oklab,var(--bg) 60%,#000000),var(--bg));color:var(--text);padding:clamp(36px,8vw,120px) 0 clamp(24px,6vw,72px);text-align:center}.saas-detail-inner{width:min(980px,92vw);margin:0 auto;display:grid;gap:14px}.saas-detail-ctas{display:inline-flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.saas-detail-features{padding:clamp(24px,6vw,72px) 0}.bp-hero{background:#fff;color:var(--color-primary-1);height:100svh;display:grid;place-items:center;text-align:center;position:relative}.bp-sub{opacity:.9;max-width:860px;margin:6px auto 0}.bp-split{background:#fff;color:var(--color-primary-1);height:100svh;display:grid;align-items:center}.bp-split-inner{width:min(1100px,92vw);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,4vw,40px);padding:clamp(32px,7vw,80px) 0}.bp-split-left{display:grid;gap:10px;align-content:center}.bp-split-right{display:grid;align-content:center}.bp-video{width:100%;aspect-ratio:16/10;border-radius:14px;background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary-1) 8%,#ffffff),#fff);box-shadow:0 14px 36px #00000014;border:1px solid color-mix(in oklab,var(--color-primary-1) 20%,#ffffff)}.bp-steps{background:#fff;color:var(--color-primary-1);padding:clamp(28px,7vw,84px) 0;height:100svh;display:grid;align-items:center}.bp-steps-inner{width:min(1100px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,28px)}.bp-step{background:#fff;border:1px solid color-mix(in oklab,var(--color-primary-1) 18%,#ffffff);border-radius:14px;padding:clamp(14px,2.4vw,20px);box-shadow:0 10px 24px #00000014}.bp-section-head{grid-column:1 / -1;text-align:center;margin:0 0 8px}.reveal{opacity:0;transform:translateY(8px);animation:fadeup .8s ease-out forwards;animation-delay:.12s}@keyframes fadeup{to{opacity:1;transform:none}}.bp-benefits{background:#fff;color:var(--color-primary-1);padding:clamp(28px,7vw,84px) 0;height:100svh;display:grid;align-items:center}.bp-benefits-inner{width:min(1100px,92vw);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,4vw,44px)}.bp-benefit ul{margin:8px 0 0 16px;display:grid;gap:6px}.bp-stat{margin-top:10px;opacity:.9}.bp-visual{background:#fff;color:var(--color-primary-1);padding:clamp(36px,8vw,120px) 0;height:100svh;display:grid;align-items:center}.bp-visual-inner{width:min(1100px,92vw);margin:0 auto;text-align:center;display:grid;gap:16px}.bp-heatmap{height:320px;border-radius:16px;background:conic-gradient(from 0deg,color-mix(in oklab,var(--accent) 0%,transparent),color-mix(in oklab,var(--accent) 18%,transparent),color-mix(in oklab,var(--accent) 0%,transparent));box-shadow:inset 0 0 40px color-mix(in oklab,var(--accent) 18%,transparent),0 10px 24px #00000014;border:1px solid color-mix(in oklab,var(--color-primary-1) 18%,#ffffff)}.bp-chart{height:140px;border-radius:12px;background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary-1) 4%,#ffffff),#fff);border:1px solid color-mix(in oklab,var(--color-primary-1) 18%,#ffffff)}.bp-caption{opacity:.9}.bp-whitelabel{background:#fff;color:var(--color-primary-1);padding:clamp(32px,7vw,96px) 0;text-align:center;height:100svh;display:grid;align-items:center}.bp-whitelabel-inner{width:min(1000px,92vw);margin:0 auto;display:grid;gap:10px}.bp-privacy{background:#fff;color:var(--color-primary-1);padding:clamp(28px,7vw,84px) 0;text-align:center;height:100svh;display:grid;align-items:center}.bp-privacy-inner{width:min(900px,92vw);margin:0 auto;display:grid;gap:10px}.bp-privacy-icons{display:inline-flex;gap:12px;opacity:.8}.bp-cta{background:#fff;color:var(--color-primary-1);padding:clamp(40px,8vw,120px) 0;text-align:center;height:100svh;display:grid;align-items:center}.bp-cta-inner{width:min(900px,92vw);margin:0 auto;display:grid;gap:10px}@media (max-width: 900px){.bp-split-inner,.bp-steps-inner,.bp-benefits-inner{grid-template-columns:1fr}}.bp-present{scroll-snap-type:y mandatory;overflow-y:auto;height:100svh}.bp-present>section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh}.bp-paged{overflow-y:auto;height:100svh;scroll-snap-type:y mandatory;overscroll-behavior:contain;scroll-behavior:smooth}.bp-paged>section{scroll-snap-align:start;scroll-snap-stop:always}.bp-progress{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:20}.bp-dot{width:8px;height:8px;border-radius:999px;background:color-mix(in oklab,var(--text) 40%,transparent);border:1px solid color-mix(in oklab,var(--text) 70%,transparent)}.bp-dot[aria-current=true]{background:var(--accent);border-color:var(--accent)}.s2-content{width:min(980px,92vw);margin:0 auto;text-align:center}.swarm-teaser{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(14px,3.6vw,24px)}.swarm-dot{width:10px;height:10px;border-radius:999px;background:var(--color-main);box-shadow:0 0 color-mix(in oklab,var(--color-main) 60%,#ffffff);animation:pulse 1.8s ease-in-out infinite}.swarm-headline{margin:0;font-size:clamp(18px,4vw,28px);letter-spacing:.4px;color:var(--color-primary-1)}@keyframes pulse{0%{box-shadow:0 0 #ad1aac59}70%{box-shadow:0 0 0 10px #ad1aac00}to{box-shadow:0 0 #ad1aac00}}.bee-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.bee{position:absolute;width:8px;height:8px;border-radius:999px}.bee#bee-queen{background:var(--color-primary-1);box-shadow:0 0 10px #15082e80}.bee#bee-f1{background:var(--color-primary-2);box-shadow:0 0 10px #5f259f80;transform:scale(.85);opacity:.9}.bee#bee-f2{background:var(--color-primary-3);box-shadow:0 0 10px #8031a780;transform:scale(.72);opacity:.9}@media (prefers-reduced-motion: reduce){.swarm-dot,.bee-a,.bee-b,.bee-c{animation:none}}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,3vw,24px);width:min(920px,92vw);text-align:center;position:relative;z-index:2}.cd-time{background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary-1) 8%,#ffffff),#fff);border:1px solid color-mix(in oklab,var(--color-primary-1) 20%,#ffffff);border-radius:16px;padding:clamp(16px,3vw,24px);box-shadow:0 8px 24px #0000000f}.cd-num{display:block;font-size:clamp(28px,6vw,56px);font-weight:700}.cd-label{display:block;margin-top:6px;opacity:.8}@media (max-width: 720px){.countdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.countdown{transition:none}}
