/* Blekline marketing-bundle.css — generated by scripts/marketing/build-marketing-bundle.mjs */
/* ===== swiper@9 (jsdelivr) ===== */
/**
* Swiper 9.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 13, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* ===== hero-code-canvas-webflow.css ===== */
/**
* Homepage hero code wall — Webflow-safe (layout stays in Designer).
* Prefer a Div Block `.canvas`; native `canvas.canvas` also works (attach via hero section).
*/
.canvas canvas.canvas__surface,
canvas.canvas,
canvas.canvas.canvas__surface {
display: block;
width: 100%;
height: 100%;
pointer-events: none;
user-select: none;
}
/* Hero section receives pointer events; canvas stays pass-through for CTAs above. */
section:has(> canvas.canvas),
section:has(> .canvas[data-blekline-hero-canvas]),
section:has(> .canvas) {
touch-action: manipulation;
}
.canvas[data-hero-code-canvas="pending"] {
outline: 1px dashed rgba(249, 115, 22, 0.35);
outline-offset: -1px;
}
/* ===== marketing-redesign-webflow.css ===== */
/**
* Blekline marketing site — shared redesign styles
* Load in Webflow Site Head: /marketing/marketing-redesign-webflow.css?v=8
*/
:root {
--bl-bg: #0a0a0b;
--bl-surface: #141416;
--bl-border: #2a2a2e;
--bl-text: #f4f4f5;
--bl-muted: #a1a1aa;
--bl-dim: #71717a;
--bl-accent: #e75827;
--bl-success: #22c55e;
--bl-section-pad: 120px;
--bl-section-pad-mobile: 64px;
}
/* Comparison table (homepage §6 stack-compare) */
.bl-stack-compare {
width: 100%;
border-collapse: collapse;
font-family: system-ui, sans-serif;
font-size: 14px;
color: var(--bl-text);
}
.bl-stack-compare th,
.bl-stack-compare td {
padding: 14px 16px;
text-align: left;
border-bottom: 1px solid var(--bl-border);
vertical-align: top;
}
.bl-stack-compare th {
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--bl-dim);
background: var(--bl-bg);
}
.bl-stack-compare th[scope="row"] {
color: var(--bl-muted);
font-weight: 500;
text-transform: none;
letter-spacing: normal;
font-size: 14px;
}
.bl-stack-compare tbody tr {
opacity: 0;
transform: translateY(8px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.bl-stack-compare.is-revealed tbody tr {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.bl-stack-compare tbody tr {
opacity: 1;
transform: none;
transition: none;
}
}
/* Three boundaries cards (homepage §4) */
.bl-boundary-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 768px) {
.bl-boundary-cards {
grid-template-columns: 1fr;
}
}
.bl-boundary-card {
background: var(--bl-surface);
border: 1px solid var(--bl-border);
padding: 24px;
opacity: 0;
transform: translateY(16px);
transition: opacity 0.5s ease, transform 0.5s ease, border-color 0.3s;
}
.bl-boundary-card.is-visible {
opacity: 1;
transform: translateY(0);
}
.bl-boundary-card:hover {
border-color: rgba(231, 88, 39, 0.4);
}
@media (prefers-reduced-motion: reduce) {
.bl-boundary-card {
opacity: 1;
transform: none;
transition: border-color 0.3s;
}
}
/* Nav overlays — collapsed until JS sets data-nav-open (inline display wins when open) */
[megamenu]:not([data-nav-open="true"]),
[data-megamenu]:not([data-nav-open="true"]),
[cta-box]:not([data-nav-open="true"]),
[data-cta-box]:not([data-nav-open="true"]) {
display: none;
pointer-events: none;
}
[megamenu][data-nav-open="true"],
[data-megamenu][data-nav-open="true"],
[cta-box][data-nav-open="true"],
[data-cta-box][data-nav-open="true"] {
pointer-events: auto;
}
/* The Wall → Blekline redirect welcome modal */
[thewall-redirect]:not([data-thewall-open="true"]) {
display: none !important;
pointer-events: none;
}
[thewall-redirect][data-thewall-open="true"] {
pointer-events: auto;
}
/* Draggable marquee — hide scrollbar, keep drag on all breakpoints */
[data-marquee] {
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
}
[data-marquee]::-webkit-scrollbar {
display: none;
}
.bl-embed-lazy {
min-height: 200px;
background: var(--bl-bg);
}
.bl-embed-lazy[data-loaded="true"] {
min-height: auto;
}
/* CTA data attribute styling hook (optional) */
[data-blekline-cta] {
cursor: pointer;
}
/* Hero gradient mesh (CSS-only, no WebGL) */
.bl-hero-mesh {
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(ellipse 60% 50% at 20% 40%, rgba(231, 88, 39, 0.08), transparent),
radial-gradient(ellipse 50% 40% at 80% 60%, rgba(99, 102, 241, 0.06), transparent);
z-index: 0;
}
/* Proof rail badges */
.bl-proof-rail {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: center;
}
.bl-proof-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border: 1px solid var(--bl-border);
font-size: 12px;
color: var(--bl-muted);
background: var(--bl-surface);
}
/* Square corners — all Code Embed blocks (tables, buttons, chips, pre) */
.w-embed,
.w-embed * {
}
/* Section spacing utility for Webflow custom classes */
.bl-section {
padding-top: var(--bl-section-pad);
padding-bottom: var(--bl-section-pad);
}
@media (max-width: 768px) {
.bl-section {
padding-top: var(--bl-section-pad-mobile);
padding-bottom: var(--bl-section-pad-mobile);
}
}
/* Focus rings (WCAG) */
.bl-focus-ring:focus-visible {
outline: 2px solid var(--bl-accent);
outline-offset: 2px;
}
/* Benchmark page: sibling embed spacing fallback (v8) */
.bl-bench-root + .w-embed,
.w-embed + .w-embed .bl-bench-root {
margin-top: 48px;
}
/* Runtime simulator page — full-width embed on mobile */
@media (max-width: 1023px) {
.runtime-simulator,
.runtime-simulator.w-embed {
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
overflow: hidden;
}
.runtime-simulator iframe {
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
}
}
/* Hide duplicate footer diagram symbol */
.bl-footer-minimal .bl-diagram-symbol {
display: none !important;
}
/* ===== marketing-swiper-webflow.css ===== */
/**
* Blekline Swiper × Webflow bridge
*
* Load AFTER swiper-bundle.min.css in Webflow Head.
* Does NOT style .swiper-wrapper or .swiper-slide — Webflow owns all track/slide layout.
* Nav disabled/hover polish + section-level mobile-static hooks only.
*
*
*/
[data-swiper-section] .swiper {
overflow: clip;
}
/* Native + custom nav disabled states */
[data-swiper-section] [data-swiper-prev].is-disabled,
[data-swiper-section] [data-swiper-next].is-disabled,
[data-swiper-section] .swiper-button-prev.is-disabled,
[data-swiper-section] .swiper-button-next.is-disabled {
opacity: 0.32;
cursor: default;
}
[data-swiper-section] [data-swiper-prev]:not(.is-disabled),
[data-swiper-section] [data-swiper-next]:not(.is-disabled) {
cursor: pointer;
transition: opacity 180ms ease, transform 180ms ease;
}
[data-swiper-section] [data-swiper-prev]:not(.is-disabled):hover,
[data-swiper-section] [data-swiper-next]:not(.is-disabled):hover {
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
[data-swiper-section] [data-swiper-prev],
[data-swiper-section] [data-swiper-next] {
transition: none;
}
}
/* data-swiper-mobile="0" on manual sliders — scroll + drag via marquee fallback */
[data-swiper-section][data-swiper-mobile-static] .swiper {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
[data-swiper-section][data-swiper-mobile-static] .swiper::-webkit-scrollbar {
display: none;
}
[data-swiper-section][data-swiper-mobile-static] .swiper-navigations,
[data-swiper-section][data-swiper-mobile-static] [class*="swiper-navigation"] {
display: none;
}
/* ===== feature-icons-webflow.css ===== */
/**
* Blekline feature icon motion — Webflow
*
* 1. Project Settings → Custom Code → Head → link this file:
*
*
* Sizing (icon width, slide width, spacing) = Webflow only. This file is animations + hover motion.
*
* 2. Each swiper CARD (the slide wrapper): Custom attribute
* data-blekline-card = mcp-proxy | mcp-tools | ingress-proxy | fast-path | multi-region | lineage-firewall | policy-sse | extension | sdks
*
* 3. Each embedded SVG root tag must include matching id:
* id="blekline-icon-mcp-proxy" (etc.) and class="bl-icon"
*
* 4. Hover the card → icon animates. Idle autoplay runs on .bl-idle groups.
*/
:root {
--bl-ease: cubic-bezier(0.16, 1, 0.3, 1);
--bl-fast: 180ms;
--bl-base: 280ms;
--bl-accent: #fb651e;
--bl-glow: #ff9966;
}
.bl-icon .bl-iso,
.bl-icon .bl-accent-face,
.bl-icon .bl-node,
.bl-icon .bl-flow-dot {
transform-box: fill-box;
transform-origin: center;
transition: transform var(--bl-base) var(--bl-ease), opacity var(--bl-fast) var(--bl-ease);
}
.bl-icon .bl-wire {
transition: stroke var(--bl-fast) var(--bl-ease), opacity var(--bl-fast) var(--bl-ease), stroke-width var(--bl-fast) var(--bl-ease);
}
/* ── Shared idle motion ── */
@keyframes bl-dash-flow {
to { stroke-dashoffset: -24; }
}
@keyframes bl-node-pulse {
0%, 100% { opacity: 0.45; transform: scale(1); }
50% { opacity: 1; transform: scale(1.35); }
}
@keyframes bl-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-2.5px); }
}
@keyframes bl-orbit-spin {
to { transform: rotate(360deg); }
}
@keyframes bl-packet {
0% { opacity: 0; offset-distance: 0%; }
8% { opacity: 1; }
92% { opacity: 1; }
100% { opacity: 0; offset-distance: 100%; }
}
.bl-icon .bl-idle-dash {
animation: bl-dash-flow 2.8s linear infinite;
}
.bl-icon .bl-idle-pulse {
animation: bl-node-pulse 2.2s ease-in-out infinite;
}
.bl-icon .bl-idle-float {
animation: bl-float 2.6s ease-in-out infinite;
}
/* Pause idle motion while swiper is dragging — set by marketing-motion, not swiper classes */
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-idle-dash,
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-idle-pulse,
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-idle-float,
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-flow-dot,
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-fast-arc,
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-orbit,
[data-swiper-section][data-swiper-interacting] .bl-icon .bl-beam {
animation-play-state: paused;
}
/* ── Hover only (slide has data-blekline-card) — no swiper coupling ── */
[data-blekline-card]:hover .bl-icon .bl-iso--core {
transform: translateY(-4px);
}
[data-blekline-card]:hover .bl-icon .bl-accent-face {
transform: translateY(-5px);
}
[data-blekline-card]:hover .bl-icon .bl-wire {
stroke: var(--bl-glow);
opacity: 0.85;
}
[data-blekline-card]:hover .bl-icon .bl-node {
transform: scale(1.45);
}
[data-blekline-card]:hover .bl-icon .bl-idle-float,
[data-blekline-card]:hover .bl-icon .bl-idle-pulse {
animation-play-state: paused;
}
/* ── 01 mcp-proxy ── */
#blekline-icon-mcp-proxy .bl-flow-dot {
offset-path: path("M80 58 L80 78");
animation: bl-packet 2.4s ease-in-out infinite;
}
#blekline-icon-mcp-proxy .bl-flow-dot--l {
offset-path: path("M80 58 L38 86");
animation-delay: 0.8s;
}
#blekline-icon-mcp-proxy .bl-flow-dot--r {
offset-path: path("M80 58 L122 86");
animation-delay: 1.6s;
}
[data-blekline-card="mcp-proxy"]:hover #blekline-icon-mcp-proxy .bl-gate {
transform: translateY(-6px) scale(1.03);
}
[data-blekline-card="mcp-proxy"]:hover #blekline-icon-mcp-proxy .bl-flow-line {
stroke-dasharray: none;
opacity: 1;
}
/* ── 02 mcp-tools ── */
#blekline-icon-mcp-tools .bl-cell:nth-child(1) .bl-idle-pulse { animation-delay: 0s; }
#blekline-icon-mcp-tools .bl-cell:nth-child(2) .bl-idle-pulse { animation-delay: 0.25s; }
#blekline-icon-mcp-tools .bl-cell:nth-child(3) .bl-idle-pulse { animation-delay: 0.5s; }
#blekline-icon-mcp-tools .bl-cell:nth-child(4) .bl-idle-pulse { animation-delay: 0.75s; }
#blekline-icon-mcp-tools .bl-cell {
transform-box: fill-box;
transform-origin: center;
transition: transform var(--bl-base) var(--bl-ease);
}
[data-blekline-card="mcp-tools"]:hover #blekline-icon-mcp-tools .bl-cell {
transform: translateY(-4px);
}
[data-blekline-card="mcp-tools"]:hover #blekline-icon-mcp-tools .bl-cell:nth-child(1) { transition-delay: 0ms; }
[data-blekline-card="mcp-tools"]:hover #blekline-icon-mcp-tools .bl-cell:nth-child(2) { transition-delay: 40ms; }
[data-blekline-card="mcp-tools"]:hover #blekline-icon-mcp-tools .bl-cell:nth-child(3) { transition-delay: 80ms; }
[data-blekline-card="mcp-tools"]:hover #blekline-icon-mcp-tools .bl-cell:nth-child(4) { transition-delay: 120ms; }
/* ── 03 ingress-proxy ── */
[data-blekline-card="ingress-proxy"]:hover #blekline-icon-ingress-proxy .bl-iso--core {
transform: translateY(-5px) scale(1.04);
}
[data-blekline-card="ingress-proxy"]:hover #blekline-icon-ingress-proxy .bl-arrow {
transform: translateX(2px);
}
[data-blekline-card="ingress-proxy"]:hover #blekline-icon-ingress-proxy .bl-arrow--rev {
transform: translateX(-2px);
}
/* ── 04 fast-path ── */
#blekline-icon-fast-path .bl-fast-arc {
stroke-dasharray: 120;
stroke-dashoffset: 120;
animation: bl-draw-arc 3s ease-in-out infinite;
}
@keyframes bl-draw-arc {
0% { stroke-dashoffset: 120; opacity: 0.5; }
45%, 55% { stroke-dashoffset: 0; opacity: 1; }
100% { stroke-dashoffset: -120; opacity: 0.5; }
}
[data-blekline-card="fast-path"]:hover #blekline-icon-fast-path .bl-fast-arc {
animation-duration: 1.1s;
stroke: var(--bl-glow);
stroke-width: 1.35;
}
[data-blekline-card="fast-path"]:hover #blekline-icon-fast-path .bl-bolt {
transform: translateY(-4px) scale(1.08);
}
/* ── 05 multi-region ── */
#blekline-icon-multi-region .bl-orbit {
transform-box: fill-box;
transform-origin: 80px 50px;
animation: bl-orbit-spin 14s linear infinite;
}
[data-blekline-card="multi-region"]:hover #blekline-icon-multi-region .bl-orbit {
animation-duration: 6s;
}
[data-blekline-card="multi-region"]:hover #blekline-icon-multi-region .bl-region {
transform: translateY(-3px);
}
/* ── 06 policy-sse ── */
#blekline-icon-policy-sse .bl-beam {
transform-origin: 80px 58px;
animation: bl-beam-pulse 2.4s ease-in-out infinite;
}
@keyframes bl-beam-pulse {
0%, 100% { opacity: 0.28; }
50% { opacity: 0.85; }
}
#blekline-icon-policy-sse .bl-beam:nth-child(1) { animation-delay: 0s; }
#blekline-icon-policy-sse .bl-beam:nth-child(2) { animation-delay: 0.12s; }
#blekline-icon-policy-sse .bl-beam:nth-child(3) { animation-delay: 0.24s; }
#blekline-icon-policy-sse .bl-beam:nth-child(4) { animation-delay: 0.36s; }
#blekline-icon-policy-sse .bl-beam:nth-child(5) { animation-delay: 0.48s; }
[data-blekline-card="policy-sse"]:hover #blekline-icon-policy-sse .bl-tower {
transform: translateY(-4px);
}
[data-blekline-card="policy-sse"]:hover #blekline-icon-policy-sse .bl-beam {
opacity: 1;
stroke: var(--bl-glow);
}
/* ── 07 extension ── */
[data-blekline-card="extension"]:hover #blekline-icon-extension .bl-shield {
transform: translateY(-4px) scale(1.03);
}
[data-blekline-card="extension"]:hover #blekline-icon-extension .bl-badge {
transform: scale(1.12);
}
/* ── lineage-firewall ── */
@keyframes bl-lin-ghost-pulse {
0%, 100% { opacity: 0.16; }
50% { opacity: 0.32; }
}
#blekline-icon-lineage-firewall .bl-lin-packet {
offset-path: path("M16 48 L56 48");
animation: bl-packet 2.8s ease-in-out infinite;
}
#blekline-icon-lineage-firewall .bl-lin-ghost {
animation: bl-lin-ghost-pulse 3.6s ease-in-out infinite;
}
[data-blekline-card="lineage-firewall"]:hover #blekline-icon-lineage-firewall .bl-gate {
transform: translateY(-3px) scale(1.03);
}
[data-blekline-card="lineage-firewall"]:hover #blekline-icon-lineage-firewall .bl-lin-in {
stroke-opacity: 0.62;
}
[data-blekline-card="lineage-firewall"]:hover #blekline-icon-lineage-firewall .bl-lin-warm {
fill-opacity: 0.48;
}
/* ── 08 sdks ── */
#blekline-icon-sdks .bl-sheet {
transition: transform var(--bl-base) var(--bl-ease), opacity var(--bl-fast) var(--bl-ease);
}
[data-blekline-card="sdks"]:hover #blekline-icon-sdks .bl-sheet--1 { transform: skewY(-12deg) translateY(-6px); }
[data-blekline-card="sdks"]:hover #blekline-icon-sdks .bl-sheet--2 { transform: skewY(-12deg) translateY(-3px); }
[data-blekline-card="sdks"]:hover #blekline-icon-sdks .bl-sheet--3 { transform: skewY(-12deg) translateY(0); }
@media (prefers-reduced-motion: reduce) {
.bl-icon .bl-idle-dash,
.bl-icon .bl-idle-pulse,
.bl-icon .bl-idle-float,
#blekline-icon-fast-path .bl-fast-arc,
#blekline-icon-multi-region .bl-orbit,
#blekline-icon-policy-sse .bl-beam,
#blekline-icon-mcp-proxy .bl-flow-dot,
#blekline-icon-lineage-firewall .bl-lin-packet,
#blekline-icon-lineage-firewall .bl-lin-ghost {
animation: none !important;
}
[data-blekline-card]:hover .bl-icon .bl-iso--core,
[data-blekline-card]:hover .bl-icon .bl-accent-face {
transform: none;
}
}