html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
color: inherit;
position-anchor: auto;
position-area: top center;
background-color: #0000;
border: 0;
margin: 8px;
padding: 0;
position: fixed;
inset: auto;
overflow: visible;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--lila: #8b5cf6;
--bg: #0d0d0d;
--transparent: transparent;
--grau-timo: #d5d5db;
--black: #0d0d0d;
--grau: #141414;
--grau-2: #1a1a1a;
--_apps---colors--muted: #dedede;
--elements-webflow-library--neutral--200: #f7f7fc;
--white: #f5f5f7;
--elements-webflow-library--neutral--100: white;
--elements-webflow-library--general--shadow-02: #14142b14;
--elements-webflow-library--accent--primary-1: #4a3aff;
--elements-webflow-library--general--shadow-03: #14142b1a;
--elements-webflow-library--neutral--800: #211f54;
--elements-webflow-library--neutral--600: #6e7191;
--elements-webflow-library--general--shadow-01: #14142b0f;
--red: red;
--elements-webflow-library--neutral--300: #eff0f6;
--elements-webflow-library--neutral--400: #dcddeb;
--elements-webflow-library--secondary--color-1: #281ca5;
--unterüberschrift: #9a9aa0;
--_apps---colors--primary: var(--lila);
--_apps---charts--chart-5-dark: #694bb3;
--_apps---colors--accent: #cacaca;
--_apps---charts--chart-5: #56359c;
--_apps---charts--chart-1-dark: var(--lila);
--_apps---colors--secondary-dark: #20143b;
--_apps---typography--heading-font: Inter;
--_apps---typography--body-font: Inter;
--_apps---typography--button-font: Inter;
--_apps---sizes--radius: 24px;
--_apps---colors--background: #e4e4e4;
--_apps---colors--foreground: #0b0c16;
--_apps---colors--card: var(--elements-webflow-library--neutral--100);
--_apps---colors--card-foreground: #060606;
--_apps---colors--popover: #d7d7d7;
--_apps---colors--popover-foreground: #060606;
--_apps---colors--primary-foreground: #0e0c15;
--_apps---colors--secondary: #dcd3ff;
--_apps---colors--secondary-foreground: #0d0c13;
--_apps---colors--muted-foreground: #666263;
--_apps---colors--accent-foreground: var(--bg);
--_apps---colors--destructive: #d74843;
--_apps---colors--border: #d1d1d1;
--_apps---colors--input: #d4d4d4;
--_apps---colors--ring: #8c77d0;
--_apps---charts--chart-1: var(--lila);
--_apps---charts--chart-2: #aa97ed;
--_apps---charts--chart-3: #825adf;
--_apps---charts--chart-4: #7055b8;
--_apps---sidebar--sidebar: #dedede;
--_apps---sidebar--sidebar-foreground: #060606;
--_apps---sidebar--sidebar-primary: var(--lila);
--_apps---sidebar--sidebar-primary-foreground: #0e0c15;
--_apps---sidebar--sidebar-accent: #cacaca;
--_apps---sidebar--sidebar-accent-foreground: var(--bg);
--_apps---sidebar--sidebar-border: #d1d1d1;
--_apps---sidebar--sidebar-ring: #8c77d0;
--_apps---colors--background-dark: var(--bg);
--_apps---colors--foreground-dark: #f8f8f8;
--_apps---colors--card-dark: #141414;
--_apps---colors--card-foreground-dark: #f8f8f8;
--_apps---colors--popover-dark: #1a1a1a;
--_apps---colors--popover-foreground-dark: #f8f8f8;
--_apps---colors--primary-dark: var(--lila);
--_apps---colors--primary-foreground-dark: #0e0c15;
--_apps---colors--secondary-foreground-dark: #f8f7ff;
--_apps---colors--muted-dark: #141414;
--_apps---colors--muted-foreground-dark: #9a9aa0;
--_apps---colors--accent-dark: #252525;
--_apps---colors--accent-foreground-dark: #f8f8f8;
--_apps---colors--destructive-dark: #ff6f67;
--_apps---colors--border-dark: #55555e1a;
--_apps---colors--input-dark: #ffffff26;
--_apps---colors--ring-dark: #8b5cf6;
--_apps---charts--chart-2-dark: #baa7fe;
--_apps---charts--chart-3-dark: #7a51d5;
--_apps---charts--chart-4-dark: #ab94f7;
--_apps---sidebar--sidebar-dark: var(--grau-2);
--_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
--_apps---sidebar--sidebar-primary-dark: var(--lila);
--_apps---sidebar--sidebar-primary-foreground-dark: #0e0c15;
--_apps---sidebar--sidebar-accent-dark: #383838;
--_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
--_apps---sidebar--sidebar-border-dark: #ffffff1a;
--_apps---sidebar--sidebar-ring-dark: #9c87e2;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
body {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter;
font-size: 16px;
line-height: 1.6;
}
.text-color-purple-500 {
color: gold;
background-color: #000;
}
.paragraph-small {
color: #fff;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
}
.paragraph-small.text-color-purple-400 {
color: var(--lila);
}
.nav-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.h3-heading {
z-index: 0;
color: var(--lila);
text-align: center;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: #c0c3d8;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(353deg, #36178c70, #bba7f1 46%, #bba7f1);
-webkit-background-clip: text;
background-clip: text;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 64px;
font-weight: 600;
line-height: 1;
display: flex;
position: relative;
}
.nav-button-group {
clear: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
justify-content: flex-end;
align-items: center;
margin-left: 0;
display: flex;
position: static;
}
.nav-menu {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
padding-left: 10px;
padding-right: 60px;
display: flex;
position: static;
}
.header-grid-general {
grid-column-gap: 0px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1.5fr;
grid-auto-columns: 1fr;
justify-content: stretch;
place-items: center;
padding-bottom: 10px;
display: grid;
}
.header-grid-general.header-grid-extention-convo {
grid-template-columns: 1.5fr;
display: block;
}
.header-grid-general.homepage {
grid-template-columns: 1fr 1fr;
}
.nav-link {
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 8px;
padding: 8px 12px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .18s;
}
.nav-link:hover {
color: #fff;
background-color: #ffffff12;
}
.nav-link.w--current {
color: #642eff;
}
.logo-block {
grid-column-gap: 32px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.banner {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--bg);
color: #fff;
justify-content: center;
align-items: center;
height: 48px;
padding: 10px 32px;
display: flex;
position: relative;
}
.banner.ct-header-mobile-shell {
overflow: visible;
}
.icon-small {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.container-large {
z-index: 5;
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
position: relative;
}
.avatar-circle {
border: 3px solid var(--bg);
background-color: var(--grau-timo);
border-radius: 100px;
order: -1;
justify-content: center;
align-items: center;
width: 56px;
min-width: 0;
max-width: 45px;
height: 56px;
min-height: 0;
max-height: 45px;
padding-right: 0;
display: flex;
overflow: hidden;
}
.avatar-circle.avatar-secondary {
border-width: 3px;
border-radius: 30000px;
min-width: 0;
max-width: 45px;
min-height: 0;
max-height: 45px;
margin-left: -16px;
}
.caption {
letter-spacing: .04px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.caption.uppercase {
letter-spacing: 2px;
text-transform: uppercase;
}
.caption.uppercase.text-color-gray-700 {
color: #858585;
text-align: left;
flex-flow: column;
display: flex;
}
.caption.text-color-gray-300 {
z-index: -2147483648;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--bg);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--bg);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--bg);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--bg);
background-color: var(--bg);
width: 5000px;
color: var(--grau-timo);
position: static;
top: 0;
overflow: clip;
}
.caption.text-color-gray-500 {
color: #ababab;
font-size: 15px;
}
.caption.text-color-gray-300 {
color: #d1d1d1;
}
.caption.text-color-gray-500 {
color: #ababab;
}
.caption.text-color-gray-300 {
color: #d1d1d1;
background-color: #000;
width: 5000px;
}
.nav-wrapper {
grid-column-gap: 32px;
align-items: center;
display: flex;
}
.avatar-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-button-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-left: 0%;
display: flex;
}
.button-primary-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
height: 48px;
transition: border-color .2s ease, background-color undefined ease, color undefined ease;
color: #f0f0f0;
letter-spacing: -.25px;
background-color: #8b5cf6;
border: 1px solid #ffffff1f;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
display: flex;
}
.button-primary-l:hover {
background-color: #a78bfa;
border-color: #fff3;
}
.button-primary-l.w--current {
background-color: #344256;
border-color: #48566a;
}
.button-primary-l.icon-left {
background-color: var(--lila);
flex-flow: row;
flex: none;
justify-content: center;
padding-left: 12px;
}
.button-primary-l.icon-left:hover {
border-color: var(--lila);
background-color: #0000;
}
.button-primary-l.width-100 {
background-color: var(--lila);
flex: 0 auto;
width: 100%;
}
.button-primary-l.width-100:hover {
border-color: var(--lila);
background-color: var(--transparent);
color: var(--lila);
}
.button-primary-l.icon-left {
background-color: #8f6ee7;
padding-left: 12px;
}
.button-primary-l.icon-left:hover {
background-color: #0000;
border-color: #8f6ee7;
}
.button-primary-l.ct-mobile-nav-primary {
width: 100%;
min-width: 0;
margin-top: 0;
}
.avatar-group {
align-items: center;
display: flex;
}
.background-line-css {
display: none;
}
.avatar-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.wrap-v-x-large {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.wrap-v-x-large.different-space {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.wrap-v-x-large.homepage-rapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
}
.wrap-h-x-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: row;
display: flex;
}
.wrap-h-x-small.align-center {
align-items: center;
}
.header-section-l {
background-color: var(--bg);
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 200px 5% 40px;
display: flex;
position: relative;
overflow: hidden;
}
.header-section-l.homepage {
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-flow: column;
}
.background-lines {
z-index: 0;
color: #3b3b3b;
width: 100%;
max-width: 1440px;
height: 100%;
max-height: 900px;
position: absolute;
inset: 0% auto;
}
.logo-image {
border-radius: 55555600px;
width: 48px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
overflow: visible;
box-shadow: inset 0 2px 10px 20px #0003;
}
.button-secondary-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
background-color: #8f6ee7;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 105px;
height: 48px;
padding: 12px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-secondary-l.w--current {
background-color: #344256;
border-color: #48566a;
}
.button-secondary-l.width-100 {
width: 100%;
}
.dashboard-bottom {
margin-top: 100px;
}
.wrap-h-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.wrap-h-large.align-center {
align-items: center;
}
.wrap-h-large.align-center.wrap-children {
flex-flow: wrap;
justify-content: center;
align-self: center;
margin-bottom: 0;
padding-top: 10px;
}
.wrap-h-large.align-center.wrap-children.smaller-space-chatai {
padding-top: 0;
}
.subheading-small {
color: #ababab;
letter-spacing: -.02em;
margin-top: 20px;
margin-bottom: 0;
margin-right: 0;
padding-top: 0;
padding-right: 0;
font-size: 14px;
font-style: normal;
line-height: 24px;
}
.header-section {
object-fit: fill;
display: block;
overflow: clip;
}
.navigation-fixed {
z-index: 999;
background-color: #0000;
align-items: center;
width: 100%;
height: 72px;
margin-top: 0;
padding: 8px 24px;
display: flex;
position: sticky;
inset: auto 0%;
}
.paragraph-large {
color: #fff;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
}
.paragraph-large.text-weight-semi-bold {
color: gold;
font-weight: 600;
}
.overline {
color: #000;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 20px;
}
.logo-countup-embed {
display: none;
}
.container-small {
width: 100%;
max-width: 996px;
margin-left: auto;
margin-right: auto;
}
.logo-statistics-dark {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
background-color: #141414;
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 24px;
display: flex;
}
.logo-statistics-dark:hover {
background-color: #383838;
}
.logo-card {
grid-column-gap: 142px;
grid-row-gap: 64px;
background-color: var(--grau);
border-radius: 24px;
flex-flow: wrap;
justify-content: space-around;
align-items: center;
padding: 64px;
display: flex;
}
.logo-card:hover {
background-color: #383838;
}
.footer-section {
background-color: var(--grau);
padding: 96px 5%;
position: relative;
}
.footer-section.dark {
color: #fff;
background-color: #000;
position: sticky;
}
.wrap-v-large {
z-index: 5;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
align-items: stretch;
display: flex;
position: relative;
}
.logo-embed {
justify-content: center;
align-items: center;
display: flex;
}
.h2-heading {
color: #c0c3d8;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 56px;
font-weight: 700;
line-height: 1.2;
}
.logo-statistics {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 792px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.h4-heading {
color: #c0c3d8;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 40px;
font-weight: 700;
line-height: 1.5;
}
.title-wrapper-regular {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 588px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.logo-wrapper-dark {
color: #666;
cursor: pointer;
flex: none;
margin-top: 0;
margin-left: 0;
padding-top: 0;
transition: color .3s;
}
.logo-wrapper-dark:hover {
color: #fff;
}
.logo-wrapper-dark.spacing {
margin-top: 0;
margin-bottom: -60px;
padding-top: 0;
padding-bottom: 0;
}
.logo-wrapper-dark.spacing2 {
margin-top: -50px;
margin-right: 130px;
padding-bottom: 0;
}
.logo-wrapper-dark.spacing3 {
margin-top: -60px;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
}
.logo-wrapper-dark.spacing4 {
margin-left: 150px;
padding-left: 0;
}
.logo-wrapper-dark.spacing6 {
margin-top: 20px;
margin-right: -26px;
}
.logo-wrapper-dark.spacing5 {
margin: 0 -36px -40px 20px;
padding-right: 0;
}
.label-small {
letter-spacing: -.006em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.label-small.text-color-gray-300 {
color: #8f8f8f;
}
.m-margin-bottom-64 {
margin-bottom: 64px;
}
.m-cta-image-3 {
opacity: 1;
vertical-align: baseline;
object-fit: fill;
border-radius: 50000px;
width: 100px;
height: 100px;
margin-top: 0;
padding-top: 0;
position: absolute;
inset: auto auto 0% 0%;
overflow: hidden;
}
.m-h3-heading {
color: var(--grau-timo);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 48px;
line-height: 1.2;
}
.m-h6-heading {
color: var(--grau-timo);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 24px;
font-weight: 600;
line-height: 1.4;
}
.m-margin-bottom-08 {
margin-bottom: 8px;
}
.m-text-color-blue {
color: var(--lila);
}
.m-timeline-title-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #dedfe3;
white-space: nowrap;
justify-content: center;
align-items: center;
width: 100%;
max-width: 156px;
margin-bottom: 64px;
padding: 16px 24px;
font-weight: 600;
display: flex;
}
.m-timeline-button-primary-icon {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: var(--lila);
color: #fff;
border: 2px solid #5a6ded;
border-radius: 99px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 16px 16px 16px 24px;
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-decoration: none;
display: flex;
}
.m-timeline-button-primary-icon:hover {
border-color: var(--lila);
background-color: var(--transparent);
color: var(--lila);
}
.m-timeline-line-wrap {
background-color: #464a5f;
flex: 1;
width: 8px;
position: relative;
}
.m-section-large {
background-color: var(--bg);
color: #fff;
white-space: normal;
word-break: normal;
padding: 120px 5%;
}
.m-image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.m-timeline-outline-inner {
border: 1px solid var(--transparent);
background-color: var(--grau-2);
color: #dedfe3;
border-radius: 32px;
flex-direction: column;
padding: 24px;
display: flex;
}
.m-timeline-card-header {
margin-bottom: 32px;
padding: 8px;
}
.m-timeline-info-wrapper {
grid-column-gap: 16px;
color: #868898;
background-color: #111218;
border-radius: 24px;
align-items: center;
padding: 16px;
display: flex;
}
.m-paragraph-extra-small {
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.m-paragraph-extra-small.text-color-gray-300 {
color: var(--lila);
margin-right: -150px;
padding-left: 0;
padding-right: 0;
}
.m-cta-header {
color: #f4f4f6;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.m-timeline-card-inner {
color: #dedfe3;
background-color: #141414;
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
padding: 28px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.m-shape-wrapper {
position: absolute;
inset: 0% 0% auto auto;
}
.m-timeline-icon-wrapper {
background-color: #333647;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-bottom: 32px;
display: flex;
}
.m-icon-small {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.m-timeline-image-wrapper {
border-radius: 24px;
height: 200px;
margin-bottom: 24px;
overflow: hidden;
}
.m-timeline-header {
color: #f4f4f6;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 128px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.m-timeline-card {
color: #dedfe3;
background-color: #141414;
border: 1px solid #ffffff1a;
border-radius: 20px;
flex-direction: column;
margin-top: 10px;
padding: 26px;
display: flex;
}
.m-icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.mainpage-cta-section {
background-color: var(--bg);
padding: 120px 5%;
position: relative;
overflow: hidden;
}
.m-timeline-button-grid {
grid-template-rows: auto;
margin-top: 16px;
padding-left: 24px;
padding-right: 24px;
}
.m-container-regular {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.m-button-secondary {
color: #f5f5f7;
background-color: #141414;
border: 1px solid #ffffff1f;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 22px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-button-secondary:hover {
border-color: #333647;
}
.m-cta-info-icon {
color: #5a6ded;
}
.m-cta-image-2 {
border-radius: 300px;
width: 50px;
position: absolute;
inset: auto 0% 0% auto;
}
.m-button-outline-blue-icon-right {
grid-column-gap: 4px;
color: #7e8ef1;
text-align: center;
background-color: #0000;
border: 2px solid #333647;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 48px;
padding: 16px 24px 17px;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-button-outline-blue-icon-right:hover {
color: #fff;
background-color: #5a6ded;
border-color: #7e8ef1;
}
.m-margin-bottom-32 {
justify-content: center;
margin-bottom: 32px;
display: block;
}
.m-container-extra-small {
width: 100%;
max-width: 740px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.m-timeline-accordian-card {
grid-row-gap: 8px;
background-color: #141414;
border-radius: 16px;
flex-direction: column;
padding: 18px;
display: flex;
}
.m-paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.m-paragraph-regular.m-text-color-gray-300 {
color: #9c9eab;
}
.m-button-primary {
color: #fff;
background-color: #8b5cf6;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 22px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: background-color .18s;
display: flex;
}
.m-button-primary:hover {
background-color: #a78bfa;
transform: translateY(-1px);
}
.m-button-primary-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fff;
background-color: #8f6ee7;
border: 2px solid #8f6ee7;
border-radius: 99px;
justify-content: center;
align-self: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-button-primary-small:hover {
background-color: var(--transparent);
color: #8f6ee7;
}
.m-button-primary-small.w--current {
background-color: #5a6ded;
}
.m-timeline-accordian-heading {
grid-column-gap: 16px;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.m-margin-bottom-16 {
margin-bottom: 16px;
}
.m-template-info-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
max-width: 400px;
margin-top: 16px;
padding: 8px 24px;
display: flex;
}
.m-feature-shape {
justify-content: center;
display: flex;
}
.m-timeline-accordian-button {
color: #c8c9d0;
cursor: pointer;
border-radius: 24px;
padding: 8px;
transition: background-color .3s;
}
.m-timeline-accordian-button:hover {
background-color: #22242f;
}
.m-timeline-button-filled {
grid-column-gap: 8px;
color: #b2b3bd;
background-color: #111218;
border: 2px solid #0000;
border-radius: 99px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 12px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-timeline-card-outline {
color: #dedfe3;
border: 1px solid #ffffff1a;
border-radius: 20px;
flex-direction: column;
margin-top: 16px;
padding: 24px;
display: flex;
overflow: visible;
}
.m-subheading-large {
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.m-heading-detail-large {
letter-spacing: .04em;
text-transform: uppercase;
white-space: normal;
font-size: 18px;
font-weight: 600;
line-height: 32px;
}
.m-timeline-item-wrapper {
color: #f4f4f6;
width: 50%;
min-height: 620px;
margin-top: -75px;
padding-top: 82px;
padding-bottom: 60px;
}
.m-timeline-bottom-wrapper {
color: #dedfe3;
background-color: #111218;
flex-direction: column;
margin-top: 8px;
padding: 24px;
display: flex;
}
.m-cta-image-4 {
border-radius: 500px;
height: 350px;
position: absolute;
inset: 42px 0% auto auto;
}
.m-timeline-wrapper {
position: static;
top: 0;
}
.m-timeline-section-header {
margin-bottom: 0;
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.m-timeline-description-wrapper {
margin-bottom: 32px;
padding-left: 56px;
}
.m-timeline-button-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 10px;
display: grid;
}
.m-timeline-setup-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.m-icon-large {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.m-timeline-cards-wrapper {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.m-paragraph-small {
color: #c0c3d8;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.m-paragraph-small.m-text-color-gray-400 {
color: #868898;
}
.m-paragraph-small.text-color-gray-300 {
color: #9c9eab;
font-size: 16px;
}
.m-timeline-caption-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #dedfe3;
white-space: nowrap;
justify-content: center;
align-items: center;
max-width: 156px;
padding: 16px 24px;
font-weight: 600;
display: flex;
}
.m-timeline-number {
color: #fff;
background-color: #8f6ee7;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-bottom: 24px;
font-size: 18px;
font-weight: 600;
line-height: 24px;
display: flex;
}
.m-text-color-green {
color: #86c1a0;
}
.m-margin-bottom-24 {
margin-bottom: 24px;
}
.m-cta-image-1 {
border-radius: 500px;
position: absolute;
inset: auto auto 0% 24px;
}
.m-button-outline {
min-height: 56px;
color: var(--lila);
text-align: center;
background-color: #0000;
border: 2px solid #333647;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 8px 32px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-button-outline:hover {
border-color: var(--lila);
color: #c8cef9;
}
.m-badge {
color: #f4f4f6;
letter-spacing: .034em;
background-color: #333647;
border-radius: 99px;
margin-bottom: 24px;
padding: 8px 16px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.m-timeline-button-dark {
grid-column-gap: 8px;
color: #b2b3bd;
background-color: #000;
border: 2px solid #0000;
border-radius: 99px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 12px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-timeline-button-dark:hover {
border-color: #333647;
}
.m-timeline-step-row {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-bottom: 8px;
display: flex;
}
.m-timeline-icon-wrapper-large {
background-color: #464a5f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-bottom: 10px;
padding: 16px;
display: flex;
}
.m-timeline-title-row {
justify-content: space-between;
display: flex;
}
.m-subheading-regular {
color: var(--grau-timo);
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.m-margin-bottom-04 {
z-index: 1;
margin-bottom: 4px;
position: relative;
}
.m-timeline-button-filled-light {
grid-column-gap: 8px;
color: #b2b3bd;
text-align: center;
background-color: #22242f;
border: 2px solid #22242f;
border-radius: 99px;
flex-flow: row;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 12px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.m-scroll-animation-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.m-timeline-line {
background-color: #5a6ded;
flex: 1;
width: 100%;
height: 0%;
position: absolute;
inset: 0% 0% auto;
}
.m-timeline-accordian-content {
overflow: hidden;
}
.icon-x-large {
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.heading-title-wrap {
width: 100%;
max-width: 550px;
}
.about-createting-section {
background-color: var(--grau);
color: #fff;
border-radius: 16px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 64px 112px;
position: relative;
}
.about-createting-section.slideup {
object-fit: fill;
border-radius: 30px;
}
.feature-icon-wrap {
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.feature-icon-wrap.red {
color: #d77070;
}
.feature-icon-wrap.purple {
color: #8870d7;
}
.feature-icon-wrap.blue {
color: #70c9d7;
}
.feature-icon-wrap.green {
color: #70d789;
}
.feature-card-c {
background-color: var(--grau-2);
border: 1.5px solid #55555e;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
margin-left: -5px;
margin-right: -5px;
padding: 32px 10px;
display: flex;
box-shadow: 3px 3px #55555e;
}
.feature-card-c:hover {
background-color: #ffffff1a;
transform: translate(0);
box-shadow: 3px 3px 20px 5px #55555e;
}
.h5-heading {
color: #131315;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.2;
}
.h5-heading.text-color-white {
color: var(--grau-timo);
text-align: center;
}
.h5-heading.text-color-white:hover {
color: var(--grau-timo);
}
.feature-accent-right {
position: absolute;
inset: auto 0% 0% auto;
}
.container-large-2 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.overline-2 {
color: #9797a1;
letter-spacing: .01em;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 1.8;
}
.overline-2.text-color-blue {
color: var(--lila);
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: var(--grau-timo);
text-transform: none;
overflow-wrap: normal;
direction: ltr;
}
.overline-2.text-color-blue.header {
letter-spacing: normal;
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 1;
display: flex;
}
.span-badge-dark {
color: var(--lila);
text-align: left;
background-color: #333338;
border-radius: 48px;
padding-left: 8px;
padding-right: 8px;
display: inline-block;
}
.feature-accent-left {
position: absolute;
inset: auto auto 0% 0%;
}
.section-feature-large {
background-color: #000;
padding: 16px;
position: sticky;
}
.paragraph-small-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.paragraph-small-2.text-color-gray-600 {
color: #9797a1;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 12px;
}
.paragraph-small-2.text-color-gray-200 {
color: #e4e4e7;
}
.h2-heading-2 {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 56px;
font-weight: 500;
line-height: 1.2;
}
.h2-heading-2.text-color-white {
color: #fff;
}
.feature-content-wrap {
text-align: center;
width: 100%;
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.margin-bottom-12 {
margin-bottom: 12px;
}
.heading-wrap-regular {
grid-column-gap: 40px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
max-width: 1200px;
margin: 10px auto 75px;
display: flex;
}
.heading-text-wrap {
flex-direction: column;
order: 0;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
display: flex;
}
.wrap-h-x-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.grid-four-column {
grid-column-gap: 56px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.paragraph-regular.text-color-gray-500 {
color: #fffdfd;
align-self: flex-end;
}
.price-number {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 35px;
font-weight: 400;
line-height: 1.2;
}
.price-month {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
display: flex;
}
.cta-section {
background-color: var(--bg);
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 100px 0%;
position: relative;
}
.icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.pricing-top {
grid-column-gap: 4px;
grid-row-gap: 24px;
flex-direction: column;
padding: 16px;
display: flex;
}
.wrap-v-x-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.pricing-toggle {
cursor: pointer;
background-color: #3d3d3da3;
border: 1px solid #ffffff0a;
border-radius: 44px;
flex: none;
align-items: center;
width: 56px;
height: 32px;
padding: 4px;
display: flex;
}
.title-wrapper-m {
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 860px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: flex;
}
.pricing-cadence {
margin-top: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.price-check-wrapper {
border: .5px solid #474747;
border-radius: 8px;
padding: 16px;
}
.container-large-3 {
z-index: 5;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-large-3.slideup {
display: none;
}
.wrap-v-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.pricing-card {
background-color: #141414;
border: 1px solid #ffffff1a;
border-radius: 20px;
padding: 24px;
}
.wrap-h-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
display: flex;
}
.wrap-h-small.align-center {
color: #ababab;
align-items: center;
}
.badge-purple-m {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: #dacff7;
letter-spacing: -.25px;
background-color: #36178ca3;
border: 1px solid #ffffff1f;
border-radius: 96px;
justify-content: center;
align-items: center;
padding: 4px 10px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
display: flex;
}
.pricing-grid {
grid-column-gap: 15px;
grid-row-gap: 14px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.pricing-toggle-circle {
background-color: #ffffffb8;
border-radius: 20px;
width: 24px;
height: 24px;
box-shadow: 0 6px 10px #1313151f;
}
.wrap-v-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.badge-purple-l {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: #dacff7;
letter-spacing: -.25px;
background-color: #36178ca3;
border: 1px solid #ffffff1f;
border-radius: 96px;
justify-content: center;
align-items: center;
padding: 6px 12px;
font-size: 16px;
font-weight: 500;
line-height: 20px;
display: flex;
}
.subheading-small-2 {
color: #ababab;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.pricing-toggle-wrap {
grid-column-gap: 16px;
align-items: center;
display: flex;
}
.grid-one-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
font-size: 120%;
}
.button-ghost-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
color: #f0f0f0;
letter-spacing: -.25px;
background-color: #0000;
border: 1px solid #ffffff1a;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 105px;
height: 48px;
padding: 12px 20px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-ghost-l:hover {
background-image: radial-gradient(circle at 50% 220%, #a3a3a3a3, #a3a3a300);
}
.button-ghost-l.w--current {
background-color: #344256;
border-color: #48566a;
}
.button-ghost-l.width-100 {
width: 100%;
}
.badge-grey-m {
color: #f0f0f0;
letter-spacing: -.25px;
background-color: #fff9c403;
background-image: radial-gradient(circle at 50% 140%, #fff3, #fff0), linear-gradient(#36178c00, #36178c00);
border: .8px solid #f0f0f014;
border-radius: 96px;
justify-content: center;
align-items: center;
padding: 4px 10px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
display: flex;
}
.badge-grey-m.medium {
background-color: #36178ca3;
}
.badge-red-s {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: #fccdca;
letter-spacing: -.25px;
background-color: #99130aa3;
border: 1px solid #ffffff1f;
border-radius: 96px;
justify-content: center;
align-items: center;
padding: 4px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.price-year {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
display: none;
overflow: hidden;
}
.paragraph-regular-2 {
color: #fff;
letter-spacing: -.25px;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.paragraph-regular-2.text-color-gray-700 {
color: #858585;
}
.paragraph-regular-2.text-color-gray-500 {
color: #ababab;
}
.paragraph-regular-2.text-color-gray-900 {
color: var(--grau-timo);
font-style: italic;
text-decoration: line-through;
}
.price-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.text-field-dark {
color: #fff;
letter-spacing: -.02em;
background-color: #1c1c1f;
border: 1px #000;
border-radius: 24px;
min-height: 48px;
margin-bottom: 0;
padding: 12px 12px 12px 20px;
font-size: 14px;
line-height: 1.8;
}
.text-field-dark::placeholder {
color: #9797a1;
}
.footer-link-dark {
transition: color .18s ease, transform undefined undefined;
color: #d5d5db;
letter-spacing: -.02em;
font-size: 15px;
line-height: 1.6;
text-decoration: none;
}
.footer-link-dark:hover {
color: #fff;
transform: translateX(2px);
}
.footer-accent-left {
position: absolute;
inset: 0% auto auto 0%;
}
.footer-form {
flex-direction: column;
width: 100%;
max-width: 400px;
display: flex;
}
.form-block-large {
flex-direction: column;
width: 100%;
max-width: 440px;
margin-bottom: 0;
}
.container-regular {
z-index: 5;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.divider-dot {
background-color: #bcbcc2;
flex: none;
width: 4px;
height: 4px;
}
.form-dark {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #0d0d0d;
border: 1px solid #ffffff1f;
border-radius: 14px;
align-items: center;
padding: 5px;
display: flex;
}
.footer-feature {
grid-row-gap: 32px;
text-align: center;
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
}
.footer-separator {
grid-column-gap: 32px;
align-items: center;
margin-top: 56px;
margin-bottom: 56px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.footer-feature-content {
grid-row-gap: 4px;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 280px;
display: flex;
}
.button-submit-secondary {
color: #fff;
letter-spacing: -.02em;
background-color: #8870d7;
border-radius: 24px;
padding: 12px 24px;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
}
.footer-newsletter {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-badge {
color: #fff;
letter-spacing: .01em;
background-color: #333338;
border-radius: 40px;
padding: 3px 6px;
font-size: 12px;
line-height: 1.5;
}
.footer-block {
z-index: auto;
border-top: 1px solid #ffffff47;
border-bottom-style: solid;
border-bottom-width: 0;
border-right: 1px solid #ffffff24;
border-bottom-color: var(--_apps---colors--muted);
-webkit-backdrop-filter: blur(30px) saturate(175%);
backdrop-filter: blur(30px) saturate(175%);
isolation: isolate;
background-color: #1212149e;
background-image: linear-gradient(#ffffff29 0%, #ffffff0e 12%, #ffffff04 34%, #fff0 62%), radial-gradient(circle at 18% 0, #a78bfa3d, #8b5cf614 24%, #8b5cf600 48%), radial-gradient(circle at 86% 18%, #ffffff14, #fff0 34%);
border-left: 1px solid #ffffff24;
border-radius: 28px 28px 0 0;
margin-top: 72px;
margin-left: 12px;
margin-right: 12px;
padding: 88px 32px 56px;
position: relative;
bottom: auto;
overflow: hidden;
box-shadow: 0 -1px #ffffff1f, 0 26px 90px #00000057, 0 -18px 60px #8b5cf614, inset 0 1px #ffffff2e, inset 0 -1px #ffffff09;
}
.footer-feature-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.footer-link-wrapper {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.footer-accent-right {
position: absolute;
inset: 0% 0% auto auto;
}
.divider-line-b {
background-color: #333338;
width: 100%;
height: 1px;
}
.footer-title-large {
color: #9a9aa0;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
line-height: 1.8;
}
.paragraph-regular-3 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.text-block, .text-block-2 {
color: #c0c3d8;
}
.image {
border-radius: 20px;
}
.image-2 {
border-radius: 300px;
width: auto;
height: 25px;
overflow: clip;
}
.text-block-3 {
pointer-events: auto;
font-size: 12px;
}
.text-block-3:hover, .text-block-4 {
color: #8f6ee7;
}
.text-block-5 {
color: var(--lila);
}
.looped-text {
background-color: var(--bg);
}
.text-block-6 {
color: #d1d1d1;
width: 0;
}
.text-block-7 {
color: #d1d1d1;
width: 32750px;
}
.text-block-8, .text-block-9 {
color: #d1d1d1;
width: 3270px;
}
.f-footer-link {
color: #160042;
letter-spacing: -.01em;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
line-height: 24px;
text-decoration: none;
transition: color .3s;
}
.f-footer-link:hover {
color: #642eff;
}
.f-footer-divider {
background-color: #f3f5fb;
width: 100%;
height: 1px;
margin-top: 64px;
margin-bottom: 32px;
}
.f-footer-regular {
background-color: #fff;
padding: 64px 5%;
position: relative;
}
.f-container-regular {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-footer-social-group {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.f-margin-bottom-24 {
margin-bottom: 24px;
}
.f-paragraph-small {
color: var(--grau-timo);
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-footer-logo {
flex: none;
}
.f-footer-title {
color: #6b7094;
letter-spacing: -.01em;
margin-bottom: 24px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.f-footer-social {
background-color: var(--black);
color: #160042;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
transition: color .3s;
display: flex;
}
.f-footer-social:hover {
color: #642eff;
}
.f-footer-detail {
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.f-footer-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}
.f-footer-block {
flex-direction: column;
}
.f-icon-regular {
width: 24px;
height: 24px;
color: var(--elements-webflow-library--neutral--200);
justify-content: center;
align-items: center;
transition: color .2s;
display: flex;
}
.f-footer-bottom {
justify-content: space-between;
align-items: center;
display: flex;
}
.f-footer-social-2 {
color: #160042;
background-color: #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
transition: color .3s;
display: flex;
}
.f-footer-social-2:hover {
color: #642eff;
}
.image-3 {
border-radius: 30px;
}
.bold-text {
display: flex;
}
.text-block-10 {
color: var(--white);
justify-content: flex-end;
margin-top: 0;
margin-bottom: 0;
margin-left: 300px;
padding-bottom: 0;
display: flex;
}
.div-block {
z-index: 5;
opacity: 1;
flex-flow: column;
margin-top: 10%;
margin-bottom: 5%;
margin-left: 0;
display: block;
position: relative;
inset: auto 0% 0%;
}
.image-4 {
width: 140px;
height: 140px;
padding-left: 0;
}
.image-5 {
width: 140px;
padding-right: 0;
}
.text-span {
color: var(--lila);
}
.text-span-2, .bold-text-2, .text-span-3, .text-span-4 {
color: var(--grau-timo);
}
.heading {
font-size: 252px;
}
.heading-2 {
font-size: 25px;
}
.code {
font-size: 20px;
}
.text-block-11 {
color: var(--grau-timo);
}
.image-6 {
color: #dffbff;
width: auto;
height: auto;
margin-left: 0;
padding-left: 0;
}
.text-block-12 {
text-align: center;
width: 140px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-13 {
text-align: center;
width: 140px;
}
.text-block-14 {
text-align: center;
width: 140px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.italic-text {
color: var(--lila);
}
.text-block-15, .text-block-16 {
text-align: center;
}
.text-block-17 {
text-align: center;
width: 140px;
}
.hover3 {
color: var(--grau-timo);
margin-top: 20px;
font-size: 20px;
box-shadow: 0 2px 10px 5px #0003;
}
.hover3:hover {
color: var(--lila);
box-shadow: 20px 20px 20px 20px #0003;
}
.lottie-animation {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
margin-top: 20px;
}
.image-7 {
width: 30px;
height: 30px;
}
.heading-3 {
text-align: center;
}
.image-8, .image-9, .image-10, .image-11 {
width: 140px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.navbar-logo-center-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.navbar-logo-center-container.shadow-three {
width: 100%;
max-width: 1140px;
}
.container {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-three {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.navbar-brand-three {
z-index: 5;
position: absolute;
}
.nav-menu-wrapper-three {
width: 100%;
}
.nav-menu-three {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-menu-block {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-2 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-2:hover {
color: #1a1b1fbf;
}
.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
background-color: #52525252;
border-radius: 20px;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
color: #fff;
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
color: #c0c3d8;
background-color: #131315;
}
.nav-dropdown-link {
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: #1a1b1fbf;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.text-block-18 {
color: #fff;
font-size: 18px;
}
.hero-heading-left {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-2 {
background-color: var(--bg);
}
.hero-wrapper {
justify-content: space-around;
align-items: center;
display: flex;
}
.hero-split {
clear: none;
flex-direction: column;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
max-width: 46%;
margin-left: 0%;
padding-left: 0%;
display: flex;
}
.margin-bottom-24px {
width: 600px;
color: var(--grau-timo);
margin-bottom: 24px;
margin-left: auto;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.shadow-two {
clear: none;
background-color: var(--grau);
-webkit-text-fill-color: inherit;
background-clip: border-box;
order: 0;
align-self: auto;
margin-left: 25%;
position: static;
box-shadow: 0 4px 24px #96a3b514;
}
.avatar-circle-2 {
background-color: #c0c3d8;
border: 4px solid #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
display: flex;
overflow: hidden;
}
.avatar-circle-2.avatar-secondary {
margin-left: -16px;
}
.container-large-4 {
z-index: 5;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.italic-text-2 {
color: #8f6ee7;
}
.image-12 {
border-radius: 300px;
overflow: clip;
}
.image-13 {
border-radius: 20px;
}
.paragraph-small-3 {
color: #fff;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
}
.paragraph-small-3.text-color-purple-400 {
color: #8f6ee7;
}
.subheading-small-3 {
color: #ababab;
letter-spacing: -.02em;
margin-right: -80px;
padding-right: 0;
font-size: 14px;
line-height: 24px;
}
.nav-link-3 {
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 8px;
padding: 8px 12px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .18s;
}
.nav-link-3:hover {
color: #fff;
background-color: #ffffff12;
}
.nav-link-3.w--current {
color: #642eff;
text-align: center;
align-self: auto;
}
.text-block-19 {
color: #fff;
font-size: 18px;
}
.hero {
background-color: var(--bg);
flex-flow: wrap;
justify-content: center;
align-items: center;
height: auto;
min-height: 760px;
margin-top: 0;
margin-bottom: 0;
padding: 160px 24px 112px;
display: flex;
position: static;
}
.heading-4 {
color: var(--lila);
padding-top: 0;
}
.testimonial-column-dark {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.testimonial-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 2.25fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.testimonial-block-main {
background-color: #f5f7fa;
justify-content: space-between;
padding: 32px 24px;
display: flex;
}
.testimonial-main-image {
object-fit: cover;
width: 200px;
height: 280px;
margin-right: 24px;
}
.testimonial-main-content {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.margin-bottom-24px-2 {
margin-bottom: 24px;
}
.testimonial-main-heading {
margin-bottom: 2px;
font-weight: 600;
}
.testimonial-block {
background-color: #f5f7fa;
flex-direction: column;
justify-content: space-between;
padding: 32px 24px;
display: flex;
}
.testimonial-info-two {
align-items: center;
display: flex;
}
.testimonial-image {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-author-name {
font-weight: 700;
}
.text-span-5, .text-span-6 {
color: var(--white);
}
.integration-icon-wrap {
align-items: center;
display: flex;
}
.dropdown-card-xl {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #141414;
background-image: radial-gradient(circle at 0 100%, #5e5e5e24, #5e5e5e00), radial-gradient(circle at 50% 100%, #ffffff12, #fff0 62%);
border-radius: 16px;
flex-direction: column;
min-width: 686px;
padding: 8px;
display: flex;
overflow: hidden;
}
.paragraph-small-4 {
color: #fff;
letter-spacing: -.25px;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
}
.paragraph-small-4.text-color-gray-500 {
color: #ababab;
}
.integration-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.badge-purple-s {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: #dacff7;
background-color: #36178ca3;
border: 1px solid #ffffff1f;
border-radius: 96px;
justify-content: center;
align-items: center;
height: 24px;
padding: 4px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.navigation {
z-index: 999;
background-color: #000;
align-items: center;
width: 100%;
height: 80px;
padding: 10px 5%;
display: flex;
}
.navigation-grid-b {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.banner-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #000;
background-image: radial-gradient(circle at 50% 100%, #ffffff12, #fff0 30%), linear-gradient(#ffffff14, #ffffff14);
justify-content: center;
align-items: center;
height: 48px;
padding: 10px 32px;
display: flex;
position: relative;
}
.integration-primary {
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
background-color: #3d3d3da3;
border: 1px solid #ffffff14;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
}
.integration-primary.integration-secondary {
margin-left: -8px;
}
.navigation-grid-a {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
}
.dropdown-list {
background-color: #0000;
padding-top: 32px;
}
.navigation-grid-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
align-items: stretch;
display: flex;
}
.button-secondary-s {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
background-color: #3d3d3da3;
border: 1px solid #ffffff14;
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 34px;
padding: 8px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-secondary-s.w--current {
background-color: #344256;
border-color: #48566a;
}
.dropdown-block-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #141414;
background-image: radial-gradient(circle closest-corner at 50% 100%, #5e5e5e0a, #5e5e5e00);
border: 1px solid #ffffff14;
border-radius: 14px;
flex-direction: column;
align-items: flex-start;
padding: 18px;
text-decoration: none;
transition: background-color .18s;
display: flex;
}
.dropdown-block-link:hover {
background-color: #1a1a1a;
background-image: radial-gradient(circle closest-corner at 50% 100%, #5e5e5e24, #5e5e5e00);
transform: translateY(-1px);
}
.logo-image-2 {
width: 48px;
}
.dropdown-title-wrap {
color: #858585;
padding: 8px;
font-weight: 500;
line-height: 18px;
}
.navigation-toggle {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 8px;
align-items: center;
padding: 8px 12px 8px 16px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.navigation-toggle:hover {
background-color: #52525252;
}
.navigation-toggle.w--current {
color: #642eff;
}
.navigation-toggle.w--open {
background-color: #52525252;
}
.button-secondary-l-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
background-color: #1a1a1a;
border: 1px solid #ffffff1f;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 105px;
height: 48px;
padding: 12px 20px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-secondary-l-2.w--current {
background-color: #344256;
border-color: #48566a;
}
.dropdown-block-small {
grid-column-gap: 8px;
grid-row-gap: 16px;
background-color: #ffffff14;
border-radius: 8px;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 12px;
display: flex;
}
.paragraph-regular-4 {
color: #fff;
letter-spacing: -.25px;
flex-flow: row;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
display: flex;
}
.dropdown-icon {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.title-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 858px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon-x-large-2 {
justify-content: center;
align-self: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.paragraph-regular-5 {
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
}
.paragraph-regular-5.text-color-gray-600 {
color: var(--grau-timo);
}
.h2-heading-3 {
color: var(--grau-timo);
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 600;
line-height: 72px;
}
.text-color-orange {
color: var(--lila);
}
.overline-3 {
letter-spacing: .5px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 20px;
}
.feature-grid-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.paragraph-large-bg {
letter-spacing: -.015em;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.paragraph-large-bg.text-weight-bold {
color: var(--grau-timo);
align-self: center;
font-weight: 700;
}
.feature-card-text {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.container-large-5 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.feature-card-grid-top {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: var(--grau-timo);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
}
.feature-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
box-shadow: none;
background-color: #141414;
border: 1px solid #ffffff1a;
border-radius: 20px;
flex-direction: column;
padding: 28px;
display: flex;
position: relative;
}
.feature-card-grid-bottom {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr 1.5fr;
grid-auto-columns: 1fr;
justify-content: center;
}
.section-small {
background-color: var(--bg);
padding: 80px 24px;
position: relative;
}
.f-success-message {
color: #006638;
letter-spacing: -.03em;
background-color: #ebfff6;
font-size: 14px;
line-height: 24px;
}
.f-cta-form-wrapper {
grid-column-gap: 16px;
grid-row-gap: 8px;
align-items: center;
width: 100%;
display: flex;
}
.f-margin-bottom-48 {
margin-bottom: 48px;
}
.f-h2-heading {
color: var(--lila);
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 56px;
line-height: 1.2;
}
.f-form-button {
outline-offset: 0px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #8b5cf6;
border-radius: 12px;
outline: 2px solid #0000;
justify-content: center;
align-items: center;
min-width: 120px;
min-height: 48px;
padding: 12px 24px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: all .2s;
display: flex;
}
.f-form-button:hover {
background-color: #a78bfa;
}
.f-form-button:active {
background-color: #160042;
}
.f-cta-text-wrapper-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.f-input-outlined {
border: 1px solid #e4e6f1;
border-radius: 8px;
min-height: 48px;
margin-bottom: 0;
padding: 12px 16px;
}
.f-input-outlined:focus {
border-color: #b6b9ce;
}
.f-input-outlined::placeholder {
color: #b6b9ce;
}
.f-section-regular {
padding: 96px 24px;
position: relative;
}
.f-cta-form-block {
max-width: 460px;
margin-bottom: 8px;
}
.f-paragraph-large {
color: var(--grau-timo);
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.link {
color: var(--lila);
}
.brix---cta-v4-floating-item-01 {
flex-flow: row;
justify-content: center;
display: inline-flex;
position: absolute;
inset: auto 100% 0% 0%;
}
.brix---cta-v3-floating-item-02-2 {
position: absolute;
inset: 0% 0% auto auto;
}
.brix---error-message {
color: #ff5a65;
text-align: center;
background-color: #ffeff0;
border-radius: 16px;
margin-top: 20px;
padding: 20px 24px;
font-size: 18px;
line-height: 30px;
}
.brix---color-neutral-100 {
color: var(--elements-webflow-library--neutral--100);
display: block;
}
.brix---icon-success-message-big {
width: 60px;
margin-bottom: 10px;
}
.brix---success-message {
background-color: var(--transparent);
color: var(--elements-webflow-library--neutral--100);
border-radius: 24px;
padding: 28px 28px 32px;
font-size: 18px;
line-height: 30px;
}
.brix---btn-primary {
background-color: var(--lila);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary:hover {
border: 1px solid var(--lila);
background-color: var(--transparent);
color: var(--lila);
transform: translate3d(0, -3px, .01px);
}
.brix---input {
border: 1px solid var(--lila);
background-color: var(--transparent);
min-height: 70px;
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 100px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 18px;
line-height: 20px;
transition: box-shadow .3s, color .3s, border-color .3s;
}
.brix---input:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}
.brix---input:focus {
border-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--800);
}
.brix---input::placeholder {
color: var(--elements-webflow-library--neutral--600);
font-size: 18px;
}
.brix---input-label {
color: var(--grau-timo);
margin-bottom: 16px;
font-size: 18px;
line-height: 20px;
}
.brix---form-grid-2-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---card-form {
border: 1px solid var(--lila);
background-color: var(--grau);
min-height: 576px;
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
border-radius: 24px;
margin-bottom: 0;
padding: 56px 40px;
}
.brix---text-200-list-bold {
color: var(--grau-timo);
text-align: left;
font-family: Changa One, Impact, sans-serif;
font-size: 18px;
font-weight: 100;
line-height: 24px;
}
.brix---icon-list {
border: 3px none var(--black);
background-color: var(--elements-webflow-library--neutral--100);
-webkit-text-stroke-width: 0px;
border-radius: 30px;
margin-right: 16px;
}
.brix---icon-list-item-wrapper {
color: var(--grau-timo);
align-items: center;
display: flex;
}
.brix---grid-1-column-gap-row-16px {
clear: none;
grid-row-gap: 16px;
aspect-ratio: auto;
border: 1px none var(--grau-timo);
background-color: var(--bg);
text-align: left;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: grid;
overflow: visible;
}
.brix---heading-h2-size {
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---mg-bottom-32px {
margin-bottom: 32px;
}
.brix---grid-cta-v4 {
grid-column-gap: 100px;
grid-row-gap: 28px;
border: 1px solid var(--transparent);
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: .86fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---container-default {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---z-index-1 {
z-index: 1;
margin-left: auto;
margin-right: auto;
position: relative;
}
.brix---cta-section {
background-color: var(--black);
padding-top: 160px;
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
.brix---accordion-btn-horizontal-line {
background-color: var(--elements-webflow-library--neutral--800);
border-radius: 20px;
width: 18px;
height: 2px;
position: absolute;
}
.brix---accordion-btn-vertical-line {
background-color: var(--elements-webflow-library--neutral--800);
border-radius: 20px;
width: 18px;
height: 2px;
position: absolute;
transform: rotate(90deg);
}
.brix---btn-circle-accordion-btn {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
color: var(--elements-webflow-library--neutral--800);
transform-style: preserve-3d;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 22px;
text-decoration: none;
transition: transform .3s;
display: flex;
}
.brix---btn-circle-accordion-btn:hover {
border-color: var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
transform: scale3d(.94, .94, 1.01);
}
.brix---accordion-right-side {
margin-left: 24px;
margin-right: 0;
}
.brix---mg-bottom-0 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--grau-timo);
flex-flow: row;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.brix---paragraph-default {
color: var(--grau-timo);
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---color-neutral-600 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---accordion-spacer {
min-height: 16px;
}
.brix---acordion-body {
width: 100%;
overflow: hidden;
}
.brix---accordion-title {
color: var(--lila);
margin-top: 0;
margin-bottom: 0;
}
.brix---color-neutral-800 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---accordion-header {
align-items: center;
display: flex;
}
.brix---accordion-content-wrapper-width-660px {
flex-direction: column;
justify-content: center;
max-width: 660px;
display: flex;
}
.brix---accordion-item-wrapper-v6 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--transparent);
cursor: pointer;
width: 100%;
transform-style: preserve-3d;
border-style: solid;
border-width: 0;
border-radius: 20px;
flex-flow: row;
justify-content: space-between;
padding: 48px 64px;
transition: transform .3s;
display: flex;
}
.brix---accordion-item-wrapper-v6:hover {
transform: scale3d(.96, .96, 1.01);
}
.brix---grid-1-column-gap-row-24px {
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---tabs-content {
overflow: visible;
}
.brix---badge-secondary---tabs {
border: 1px solid var(--elements-webflow-library--neutral--400);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-01);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
border-radius: 40px;
margin-left: 12px;
margin-right: 12px;
padding: 18px 28px;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, border-color .3s, color .3s;
display: inline-block;
}
.brix---badge-secondary---tabs:hover, .brix---badge-secondary---tabs.w--current {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--lila);
color: var(--elements-webflow-library--neutral--100);
}
.brix---tabs-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.brix---tabs-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: flex;
}
.brix---inner-container-1012px-center {
max-width: 1012px;
margin-left: auto;
margin-right: auto;
}
.brix---heading-h2-size-2 {
color: var(--lila);
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---mg-bottom-16px {
margin-bottom: 16px;
}
.brix---text-center {
text-align: center;
}
.brix---inner-container-574px---center {
max-width: 574px;
margin-left: auto;
margin-right: auto;
}
.brix---mg-bottom-48px {
margin-bottom: 48px;
}
.brix---container-default-2 {
background-color: var(--bg);
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
display: block;
}
.brix---section {
color: var(--elements-webflow-library--neutral--100);
padding-top: 176px;
padding-bottom: 176px;
display: none;
}
.bold-text-3 {
color: red;
}
.bold-text-3:hover {
color: var(--white);
}
.text-span-7, .text-span-8 {
color: var(--red);
}
.brix---border-radius-24px {
z-index: -1;
border-radius: 24px;
overflow: hidden;
transform: translate(0);
}
.brix---link-icon-right {
margin-left: 6px;
}
.brix---text-200-bold {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---color-accent-1 {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---link-wrapper {
color: var(--elements-webflow-library--neutral--800);
align-items: center;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.brix---link-wrapper:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---paragraph-default-2 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---color-neutral-801 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-32px-2 {
margin-bottom: 32px;
}
.brix---display-4 {
font-size: 28px;
font-weight: 700;
line-height: 40px;
}
.brix---color-neutral-802 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---mg-bottom-16px-2 {
margin-bottom: 16px;
}
.brix---grid-2-columns-gap-56px {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---tabs-content-card {
border: 1px solid var(--elements-webflow-library--neutral--400);
width: 100%;
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 24px;
padding: 48px 56px;
overflow: visible;
}
.brix---mg-left-12px {
margin-left: 12px;
}
.brix---square-icon-48px {
border-radius: 10px;
width: 48px;
}
.brix---tab-small-center {
border: 2px solid var(--elements-webflow-library--neutral--200);
background-color: var(--elements-webflow-library--neutral--100);
width: auto;
box-shadow: 0 2px 6px 0 var(--elements-webflow-library--general--shadow-01);
color: var(--elements-webflow-library--neutral--800);
border-radius: 14px;
justify-content: center;
align-items: center;
margin: 0 12px;
padding: 16px 32px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
transition: box-shadow .3s, border-width .3s, border-color .3s, color .3s;
display: flex;
}
.brix---tab-small-center:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
}
.brix---tab-small-center.w--current {
border-width: 2px;
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
}
.brix---tabs-menu-2 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.brix---heading-h2-size-3 {
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---subtitle {
color: var(--elements-webflow-library--accent--primary-1);
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---text-center-2 {
text-align: center;
}
.brix---inner-container-640px---center {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 48px;
}
.brix---inner-container-1068px-center {
max-width: 1068px;
margin-left: auto;
margin-right: auto;
}
.brix---container-default-3 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section-2 {
color: var(--elements-webflow-library--neutral--100);
padding-top: 176px;
padding-bottom: 176px;
}
.m-nav-toggle-description {
color: #fff;
margin-bottom: 0;
font-size: 18px;
line-height: 1;
}
.m-nav-link-item {
text-align: center;
}
.m-nav-link-item.last-item {
padding-bottom: 135px;
}
.m-nav-link-item.first-item {
padding-top: 65px;
}
.m-nav-list {
z-index: 2;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: block;
}
.nav-overlay-gradient-bottom {
z-index: 4;
background-image: linear-gradient(to top, #242423 15%, #24242300);
height: 130px;
position: absolute;
bottom: 0;
left: 0%;
right: 0%;
}
.m-nav-toggle-bg {
z-index: 1;
background-image: linear-gradient(#eee0, #fff 98%);
height: 125px;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
}
.m-nav-toggle-inner {
box-shadow: none;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
background-color: #000;
border-radius: 99em;
justify-content: center;
align-items: center;
padding: 17px 25px;
transition: transform .25s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
}
.m-nav-toggle-inner:active {
transform: scale(.88);
}
.m-nav-toggle-inner.close {
padding: 18px;
}
.nav-overlay-gradient-top {
z-index: 4;
background-image: linear-gradient(#242423 15%, #24242300);
height: 65px;
position: absolute;
inset: 0% 0% auto;
}
.mobile-nav {
display: none;
position: relative;
}
.m-nav-overlay {
z-index: 95;
background-color: #242423;
align-items: flex-end;
width: 100%;
height: 90%;
display: none;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.m-nav-content {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
overflow: auto;
}
.m-nav-close-icon {
width: 23px;
padding: 1px;
}
.m-nav-toggle-open {
z-index: 1;
text-decoration: none;
display: block;
position: absolute;
bottom: 55px;
}
.m-nav-toggle {
z-index: 99;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
}
.m-nav-link {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 54px;
text-decoration: none;
}
.m-nav-link.ct-mobile-nav-cta {
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
background-color: #1a1a1a;
border: 1px solid #ffffff1f;
border-radius: 12px;
justify-content: center;
align-items: center;
height: 48px;
margin-top: 8px;
padding: 12px 20px;
font-weight: 600;
display: flex;
}
.m-nav-toggle-close {
z-index: 1;
text-decoration: none;
display: none;
position: absolute;
bottom: 55px;
}
.image-14 {
border-radius: 20px;
width: auto;
height: 25px;
}
.top_section {
background-color: var(--bg);
}
.container-4 {
padding-top: 20px;
padding-bottom: 10px;
}
.heading-5 {
color: #fff;
font-family: Inter;
}
.collection-item {
margin-bottom: 30px;
}
.image-15 {
border-radius: 560000px;
}
.brix---color-neutral-803 {
color: #fff;
}
.brix---heading-h2-size-4 {
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.hero-without-image {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-5 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-3 {
margin-bottom: 24px;
}
.button-primary-3 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-3:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-3:active {
background-color: #43464d;
}
.footer_form-block {
max-width: 35rem;
margin-bottom: 0;
}
.footer-shape_wrapper {
background-color: #0000;
position: relative;
}
.search-icon {
width: 2rem;
padding-top: .6rem;
padding-left: .75rem;
position: absolute;
inset: 0% auto auto 0%;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-custom1 {
padding: 3rem 0 5rem;
}
.padding-vertical.padding-xxlarge {
padding: 0;
}
.navbar_button-wrapper {
display: flex;
}
.search-input {
background-color: #f4f4f4;
border: 0 solid #000;
border-radius: 2rem;
flex: 1;
min-width: 15rem;
margin-bottom: 0;
padding-left: 2.5rem;
}
.search-input::placeholder {
color: #87859f;
font-weight: 700;
}
.padding-global {
background-color: var(--bg);
padding-left: 5%;
padding-right: 5%;
}
.padding-global.background-color-purple {
background-color: #2a223c;
}
.margin-bottom, .margin-bottom.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.line-divider {
background-color: #d9d7f34d;
width: 100%;
height: 1px;
}
.text-size-xsmall {
font-size: .813rem;
}
.button_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
}
.footer-logo_image {
max-width: 9rem;
}
.docs-left_wrapper {
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 2rem;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.text-style-link {
text-decoration: underline;
transition: color .2s;
}
.text-style-link:hover {
color: #fc597d;
}
.navbar_menu-button {
padding: 0;
}
.navbar_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.line-vertical {
background-color: #f4f4f4;
width: 1px;
height: 125%;
}
.footer_social-link {
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.text-size-medium {
font-size: 1.125rem;
}
.container-large-6 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.navbar_logo-link {
padding-left: 0;
}
.search {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 18.75rem 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
max-height: 3rem;
margin-bottom: 0;
position: relative;
}
.search.is--mobile {
display: none;
}
.footer-bottom-left_grid {
grid-template-columns: 1fr;
}
.docs-menu_item {
color: var(--grau-timo);
flex: 1;
margin-left: -1.5rem;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 1.5rem;
font-weight: 700;
transition: color .2s;
display: block;
}
.docs-menu_item:hover {
color: #585afa;
}
.docs-menu_item.w--current {
color: #585afa;
background-color: #f4f4f4;
border-radius: 3.125rem;
}
.footer_credit-text {
font-size: .813rem;
}
.section_docs {
position: relative;
}
.footer_top-wrapper {
grid-column-gap: 8vw;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
align-items: start;
}
.text-weight-semibold {
font-weight: 600;
}
.max-width-xsmall {
width: 100%;
max-width: 25rem;
}
.footer_bottom-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer_form {
grid-column-gap: 16px;
grid-row-gap: .5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: .75rem;
display: grid;
}
.success-message {
background-color: #0000;
padding: 1.5rem;
}
.fs-global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.footer_left-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
}
.footer-bottom-right_grid {
grid-template-columns: 1fr;
}
.docs_grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .33fr max-content 1fr;
}
.error-message {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.docs-right_wrapper {
min-height: 45rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
position: relative;
}
.search-button {
z-index: 1;
color: #2a223c;
background-color: #0000;
padding-top: .2px;
padding-right: 1.5rem;
font-weight: 700;
position: absolute;
inset: 0% auto auto 0%;
}
.footer_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.docs-menu_grid {
grid-column-gap: 0px;
grid-row-gap: 0rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer_right-wrapper {
flex-direction: column;
display: flex;
}
.navbar_logo {
min-width: 8rem;
}
.navbar_link {
color: #2a223c;
padding: .5rem 1rem;
font-weight: 600;
transition: all .2s;
}
.navbar_link:hover, .navbar_link.w--current {
color: #fc597d;
}
.navbar_component {
background-color: #0000;
border-bottom: 1px solid #000;
align-items: center;
width: 100%;
height: auto;
min-height: 7.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.navbar_component.border-bottom-light-gray {
border-bottom-color: #f4f4f4;
}
.padding-bottom, .padding-bottom.padding-xxlarge {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer_social-list {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: end;
display: grid;
}
.doc-category_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-small {
font-size: .875rem;
}
.button {
color: #fff;
text-align: center;
background-color: #585afa;
border-radius: .375rem;
padding: .5rem 1.5rem;
font-weight: 600;
}
.button.is-alternate {
color: #fff;
background-color: #fc597d;
font-weight: 400;
}
.button.is-secondary {
color: #262122;
background-color: #4d48c84d;
}
.fs-social-icon {
color: #fff;
width: 1.75rem;
height: 2rem;
transition: all .2s;
}
.fs-social-icon:hover {
color: #fc597d;
}
.main-wrapper {
overflow: hidden;
}
.navbar_menu {
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.footer_link {
color: #d9d7f3;
padding-top: .25rem;
padding-bottom: 0;
font-size: .875rem;
text-decoration: none;
transition: color .2s;
}
.footer_link:hover {
color: #fc597d;
}
.footer_component {
color: #fff;
position: relative;
}
.padding-top, .padding-top.padding-medium {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.nav-cta_grid {
grid-template-columns: 1fr;
}
.nav-cta_grid.is--mobile {
display: none;
}
.form-input {
color: #000;
background-color: #fff;
border: 1px solid #000;
border-radius: .375rem;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: .875rem;
line-height: 1.6;
}
.form-input:focus {
border-color: #000;
}
.form-input::placeholder {
color: #999;
font-size: .875rem;
font-weight: 400;
}
.bold-text-4 {
color: red;
}
.bold-text-4:hover {
color: gold;
}
.text-block-20 {
color: #fff;
font-size: 18px;
}
.image-16 {
border-radius: 30px;
}
.image-17 {
border-radius: 20px;
width: auto;
height: 25px;
}
.paragraph-small-5 {
color: #fff;
letter-spacing: -.25px;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
}
.paragraph-small-5.text-color-gray-500 {
color: #ababab;
}
.avatar-circle-3 {
background-color: #c0c3d8;
border: 4px solid #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
display: flex;
overflow: hidden;
}
.avatar-circle-3.avatar-secondary {
margin-left: -16px;
}
.container-large-7 {
z-index: 5;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.image-18 {
border-radius: 300px;
overflow: clip;
}
.image-19 {
border-radius: 20px;
}
.paragraph-regular-6 {
color: #fff;
letter-spacing: -.25px;
flex-flow: row;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
display: flex;
}
.subheading-small-4 {
color: #ababab;
letter-spacing: -.02em;
margin-right: -80px;
padding-right: 0;
font-size: 14px;
line-height: 24px;
}
.button-secondary-l-3 {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
background-color: #1a1a1a;
border: 1px solid #ffffff1f;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 105px;
height: 48px;
padding: 12px 20px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-secondary-l-3.w--current {
background-color: #344256;
border-color: #48566a;
}
.text-block-21 {
color: #c0c3d8;
}
.banner-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #000;
justify-content: center;
align-items: center;
height: 48px;
padding: 10px 32px;
display: flex;
position: relative;
}
.heading-7, .paragraph, .paragraph-2 {
color: var(--grau-timo);
}
.image-20 {
width: auto;
height: 20px;
}
.section-text-image {
position: relative;
}
.text-image-photo {
width: 100%;
}
.grain-texture.background-texture-grain {
z-index: 20;
opacity: .3;
position: fixed;
inset: 0%;
}
.sub-footer-link {
opacity: .3;
transition: opacity .1s;
}
.sub-footer-link:hover {
opacity: .6;
}
.text-color-grey {
color: #989cb3;
}
.sub-footer-social-link {
opacity: .6;
transition: opacity .2s;
}
.sub-footer-social-link.margin-right.margin-small {
justify-content: center;
align-items: center;
transition: opacity .1s;
display: flex;
}
.sub-footer-social-link.margin-right.margin-small:hover {
opacity: 1;
}
.heading-8 {
color: #1c1d24;
font-size: 4.44rem;
font-weight: 400;
line-height: 110%;
}
.heading-8.text-color-white.max-width-xlarge {
color: var(--grau-timo);
text-align: center;
}
.navbar {
background-color: #0000;
align-items: center;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.footer-light-wrapper {
z-index: 1;
width: 100%;
height: 50vh;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.paragraph-3 {
line-height: 180%;
}
.paragraph-3.text-color-white.text-weight-light.margin-top.margin-medium {
color: var(--grau-timo);
}
.page-padding {
z-index: 30;
background-color: var(--bg);
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text-image-layout {
grid-column-gap: 2rem;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1fr 1fr 3fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.navbar-link {
color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 110%;
}
.navbar-link.w--current {
color: #fff;
}
.footer-light-asset {
width: 80rem;
height: 80rem;
position: absolute;
inset: auto auto -56rem -12rem;
transform: rotate(-90deg);
}
.team-listing-wrapper {
grid-column-gap: 6rem;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-layout {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1fr 2fr 2fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-color-gradient {
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/66800c048df454f7897aa243/66b0040bd5aa3119fef5bf8b_gradient-assets.jpg");
background-position: 0 0;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
}
.paragraph-layout {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 5fr 1fr 2fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 10%;
display: grid;
}
.footer-col-2 {
flex-direction: column;
display: flex;
}
.paragraph-asset-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.text-image-content {
z-index: 30;
position: relative;
}
.sub-footer-social-icon {
width: 20px;
}
.sub-footer-social-icon.youtube {
width: auto;
height: 18px;
}
.nav-component {
z-index: 100;
width: 100%;
position: absolute;
}
.navbar-layout {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 4fr 5fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-color-white {
color: #fff;
}
.text-color-white.text-size-large.margin-top.margin-medium.max-width-xlarge {
color: var(--grau-timo);
}
.text-image-asset {
z-index: 50;
opacity: .8;
max-width: 140%;
position: absolute;
inset: auto auto -16rem -16rem;
}
.text-image-asset-wrapper {
position: relative;
}
.heading-9 {
color: #1c1d24;
font-size: 3.33rem;
font-weight: 400;
line-height: 110%;
}
.heading-9.text-color-white.text-image-title {
color: var(--grau-timo);
margin-left: -16rem;
}
.element-wrapper {
position: relative;
}
.main-wrapper-2 {
z-index: 30;
position: relative;
}
.main-wrapper-2.margin-top.margin-custom1 {
overflow: visible;
}
.hero-text-layout {
flex-direction: column;
justify-content: center;
align-items: center;
height: 70vh;
display: flex;
}
.hero-text-layout.text-align-center {
min-height: 50rem;
}
.subfooter-col-1 {
align-items: center;
display: flex;
}
.button-2 {
color: #1c1d24;
text-align: center;
background-color: #fff;
border: 1px solid #fff;
justify-content: center;
align-items: center;
padding: .88rem 1.77rem;
font-weight: 500;
line-height: 110%;
transition: background-color .1s;
}
.button-2:hover {
color: #fff;
background-color: #fff0;
}
.button-2.button-navbar {
color: #fff;
background-color: #fff3;
transition: color .1s, background-color .1s;
}
.button-2.button-navbar:hover {
color: #1c1d24;
background-color: #fff;
}
.button-2.margin-top.margin-medium {
flex: 0 auto;
margin-right: 21px;
}
.footer {
z-index: 30;
position: relative;
}
.page-wrapper-2 {
position: relative;
}
.text-size-small-2 {
color: #1c1d24;
font-size: .88rem;
line-height: 180%;
}
.text-size-small-2.text-color-grey.footer-link {
opacity: .6;
transition: opacity .1s;
}
.text-size-small-2.text-color-grey.footer-link:hover {
opacity: 1;
}
.text-span-9 {
color: var(--lila);
}
.paragraph-4 {
line-height: 180%;
}
.paragraph-4.text-color-white.text-weight-light.margin-top.margin-medium {
text-align: left;
flex: 0 auto;
order: 0;
}
.paragraph-4.text-weight-light.text-color-white.margin-top.margin-medium {
margin-top: 10%;
}
.page-padding-2 {
z-index: 30;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.heading-10 {
color: #1c1d24;
font-size: 3.33rem;
font-weight: 400;
line-height: 110%;
}
.heading-10.text-color-white.text-align-center {
color: var(--lila);
text-align: center;
}
.heading-10.text-color-white.text-image-title {
color: var(--white);
margin-left: -16rem;
}
.div-block-4 {
flex-flow: row;
display: flex;
}
.image-21 {
height: 20px;
}
.text-block-22 {
background-color: var(--transparent);
color: var(--red);
text-align: right;
}
.image-22 {
background-color: var(--grau);
opacity: .25;
perspective: 1000px;
object-fit: fill;
border-radius: 40px;
width: 100vw;
position: absolute;
}
.image-23 {
background-color: var(--grau);
perspective: 1000px;
width: 100%;
margin-left: 25%;
}
.bold-text-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
border-radius: 0;
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: center;
min-width: 100%;
min-height: 100%;
margin-bottom: 10px;
font-size: 64%;
display: flex;
}
.italic-text-3 {
display: inline;
}
.bold-text-6 {
clear: none;
object-fit: fill;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
display: flex;
position: static;
}
.text-block-23 {
flex: 0 auto;
align-self: auto;
font-size: 14px;
text-decoration: none;
}
.text-block-24 {
flex: none;
}
.text-block-25 {
flex: 0 auto;
}
.text-block-26 {
flex: none;
}
.panel1 {
flex: none;
width: 820px;
height: 100%;
}
.track-flex {
justify-content: flex-start;
align-items: stretch;
margin-right: -100vw;
display: flex;
}
.panel3 {
background-image: url("https://cdn.prod.website-files.com/66800c048df454f7897aa243/66e3605d557c869f2a4f3f08_and-machines-odNU0f3jmUg-unsplash.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 80vh;
height: 100%;
}
.track {
flex: none;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: relative;
transform: translate(0%);
}
.panel4 {
background-image: url("https://cdn.prod.website-files.com/66800c048df454f7897aa243/66e3605d557c869f2a4f3eaf_and-machines-YLplJ9m_RKE-unsplash.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 130vh;
height: 100%;
}
.section-height {
width: 100%;
height: 500vw;
}
.panel2 {
flex: none;
width: 100vw;
height: 100%;
}
.sticky-element {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: scroll;
}
.sticky-element.disable-overflow {
overflow: hidden;
}
.sticky-wrapper {
position: absolute;
inset: 0%;
}
.panel5 {
background-image: url("https://cdn.prod.website-files.com/66800c048df454f7897aa243/66e3605d557c869f2a4f3f4b_and-machines-vqTWfa4DjEk-unsplash.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 50vw;
height: 100%;
}
.section-wrapper {
background-color: var(--black);
width: 100%;
padding-bottom: 100vh;
position: relative;
}
.tab-icon-green {
background-color: #faf5ff;
border: 1px solid #d6ffeb;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
display: flex;
}
.h2-heading-4 {
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 600;
line-height: 1.2;
}
.tab-link-text-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
width: 100%;
display: flex;
}
.tab-icon-orange {
border: 1px solid var(--black);
background-color: var(--black);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
display: flex;
}
.tab-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #525f75;
background-color: #ddd0;
align-items: flex-start;
width: 100%;
padding: 0;
transition: color .3s;
}
.tab-link:hover {
color: #23272f;
}
.tab-link.w--current {
color: #23272f;
background-color: #ddd0;
}
.content-tabs-menu-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
width: 100%;
max-width: 528px;
margin-left: 5%;
display: flex;
}
.section-large-2 {
pointer-events: auto;
padding: 120px 5%;
position: relative;
}
.tab-progress-bar-base {
background-color: #edeff3;
border-radius: 99px;
width: 100%;
height: 5px;
margin-inline: auto;
inset-block: auto 0;
inset-inline: 0;
}
.paragraph-small-6 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-6.text-color-gray-800 {
color: #9797a1;
}
.tab-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.content-footer {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
margin-top: 32px;
display: flex;
}
.tab-progress-bar {
width: var(--fb-tab-progress, 0);
background-color: var(--lila);
border-radius: 99px;
height: 5px;
transition-property: width;
transition-duration: .125s;
}
.paragraph-x-small {
letter-spacing: .04px;
margin-bottom: 0;
font-size: 12px;
line-height: 20px;
}
.paragraph-x-small.text-color-gray-600 {
color: var(--lila);
}
.icon-regular-2 {
flex: none;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.tab-link-dropdown {
overflow: hidden;
}
.column-x-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--grau-timo);
flex-direction: column;
display: flex;
}
.text-color-orange-2 {
color: var(--lila);
text-align: left;
}
.tab-link-horizontal {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
align-items: flex-start;
display: flex;
}
.tab-pane {
aspect-ratio: 3 / 2;
border: 1px solid #edeff3;
border-radius: 24px;
overflow: hidden;
}
.container-large-8 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.content-tabs-row {
flex-direction: row-reverse;
align-items: center;
display: flex;
}
.title-wrapper-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 900px;
margin-bottom: 64px;
display: flex;
}
.h6-heading {
text-align: left;
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
.tab-icon-purple {
background-color: #faf5ff;
border: 1px solid #f1e6ff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
display: flex;
}
.tabs-content {
width: 100%;
height: 100%;
}
.code-embed {
display: none;
}
.text-span-11 {
color: var(--lila);
}
.header-banner {
z-index: 1000;
border-style: solid;
border-width: 0 0 1px;
border-color: var(--grau-timo) var(--grau-timo) #ffffff14;
box-shadow: none;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
background-color: #0d0d0df0;
border-radius: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
position: sticky;
top: 0;
}
.image-26 {
width: 48px;
}
.link-block {
align-self: flex-start;
}
.link-block.w--current {
align-self: auto;
}
.image-27 {
border-radius: 500000px;
width: 48px;
}
.div-block-6 {
background-color: var(--bg);
}
.text-span-12, .italic-text-6 {
color: var(--white);
}
.countdown-block {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #f6f5f3;
border-radius: 8px;
flex-direction: column;
flex: 1;
align-items: center;
padding: 8px 12px 16px;
display: flex;
}
.countdown {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.icon-x-small {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.countdown-content {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 510px;
display: flex;
}
.paragraph-regular-7 {
color: #454f5f;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.icon-large {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.countdown-illustration {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
position: relative;
}
.graphic-badge-arrow {
color: #e57361;
background-color: #fcefee;
border: 1px solid #f6d0cb;
border-radius: 100%;
padding: 2px;
}
.section-regular-2 {
padding: 92px 5%;
position: relative;
}
.countdown-vector-graphic {
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: absolute;
inset: -40px -40px auto auto;
}
.column-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.paragraph-x-small-2 {
color: #454f5f;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.h3-heading-2 {
color: #3e376d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
}
.h4-heading-2 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
font-weight: 500;
line-height: 1.2;
}
.countdown-image {
aspect-ratio: 4 / 5;
border-radius: 48px;
position: relative;
overflow: hidden;
}
.countdown-vector-card {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
background-color: #fff;
border-radius: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 16px;
display: flex;
position: absolute;
inset: 24px -48px auto auto;
box-shadow: 0 2px 8px #c4cad43d;
}
.countdown-statistics-card {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border-radius: 32px;
flex-flow: column;
min-width: 240px;
max-width: 240px;
padding: 24px;
display: flex;
position: absolute;
inset: auto auto -32px -56px;
box-shadow: 0 2px 8px #c4cad43d;
}
.container-regular-2 {
width: 100%;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
.column-x-large {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.icon-tiny {
flex: none;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.countdown-badge-card {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border-radius: 99px;
justify-content: flex-start;
align-items: center;
padding: 8px 16px;
display: flex;
position: absolute;
inset: -40px -110px auto auto;
box-shadow: 0 2px 8px #c4cad43d;
}
.paragraph-small-7 {
color: #454f5f;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.paragraph-small-7.text-color-orange-500 {
color: #f4a952;
}
.countdown-number {
color: #3e376d;
letter-spacing: -.02em;
font-size: 48px;
font-weight: 500;
line-height: 1.2;
}
.header-grid {
grid-column-gap: 92px;
grid-row-gap: 40px;
grid-template-rows: auto;
align-items: center;
margin-bottom: 82px;
}
.countdown-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.overline-large {
color: var(--red);
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.button-primary-4 {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #fff;
text-align: center;
background-color: #3e376d;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: inline-flex;
}
.button-primary-4:hover {
background-color: #4e4587;
}
.column-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.countdown-booster {
display: none;
}
.link-2 {
color: var(--lila);
}
.brix---btn-secondary {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-primary-2 {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-2:hover {
background-color: var(--elements-webflow-library--secondary--color-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---button-row-left {
margin-right: 24px;
}
.brix---buttons-row {
align-items: center;
display: flex;
}
.brix---paragraph-default-3 {
color: var(--grau-timo);
text-align: left;
flex-flow: row;
justify-content: center;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
text-decoration: none;
display: flex;
}
.brix---color-neutral-804 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-48px-3 {
margin-bottom: 48px;
}
.brix---heading-h2-size-5 {
color: var(--grau-timo);
justify-content: center;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 38px;
font-weight: 700;
line-height: 50px;
display: flex;
}
.brix---color-neutral-805 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---mg-bottom-16px-3 {
margin-bottom: 16px;
}
.brix---grid-2-columns-text-left {
grid-column-gap: 120px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center;
display: grid;
}
.brix---container-default-4 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section-3 {
background-color: var(--bg);
color: var(--elements-webflow-library--neutral--100);
padding-top: 176px;
padding-bottom: 176px;
}
.text-span-13 {
border: 1px none var(--lila);
color: var(--lila);
border-radius: 10px;
font-size: 12px;
}
.text-span-13:hover {
border: 1px dotted var(--lila);
color: var(--grau-timo);
border-radius: 20px;
}
.side-text {
justify-content: flex-end;
display: flex;
}
.solutions {
max-width: 75%;
}
.body {
background-color: var(--bg);
}
.pricing-section {
display: block;
}
.text-span-14 {
color: var(--white);
}
.body-2 {
background-color: var(--bg);
}
.m-nav-link-item-2 {
text-align: center;
}
.m-nav-link-item-2.last-item {
padding-bottom: 135px;
}
.m-nav-link-item-2.first-item {
padding-top: 65px;
}
.m-nav-toggle-bg-2 {
z-index: 1;
background-image: linear-gradient(#eee0, #fff 98%);
height: 125px;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
}
.m-nav-toggle-inner-2 {
box-shadow: none;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
background-color: #000;
border-radius: 99em;
justify-content: center;
align-items: center;
padding: 17px 25px;
transition: transform .25s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
}
.m-nav-toggle-inner-2:active {
transform: scale(.88);
}
.m-nav-toggle-inner-2.close {
padding: 18px;
}
.m-nav-overlay-2 {
z-index: 95;
background-color: #242423;
align-items: flex-end;
width: 100%;
height: 90%;
display: none;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.m-nav-content-2 {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
overflow: auto;
}
.m-nav-toggle-2 {
z-index: 99;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
}
.m-nav-toggle-close-2 {
z-index: 1;
text-decoration: none;
display: none;
position: absolute;
bottom: 55px;
}
.m-nav-link-item-3 {
text-align: center;
}
.m-nav-link-item-3.last-item {
padding-bottom: 135px;
}
.m-nav-link-item-3.first-item {
padding-top: 65px;
}
.m-nav-toggle-bg-3 {
z-index: 1;
background-image: linear-gradient(#eee0, #fff 98%);
height: 125px;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
}
.m-nav-toggle-inner-3 {
box-shadow: none;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
background-color: #000;
border-radius: 99em;
justify-content: center;
align-items: center;
padding: 17px 25px;
transition: transform .25s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
}
.m-nav-toggle-inner-3:active {
transform: scale(.88);
}
.m-nav-toggle-inner-3.close {
padding: 18px;
}
.m-nav-overlay-3 {
z-index: 95;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #0d0d0dfa;
align-items: flex-end;
width: 100%;
height: calc(100% - 64px);
display: none;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.m-nav-content-3 {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
overflow: auto;
}
.m-nav-toggle-3 {
z-index: 99;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
}
.m-nav-toggle-close-3 {
z-index: 1;
text-decoration: none;
display: none;
position: absolute;
bottom: 55px;
}
.image22 {
width: auto;
height: 25px;
}
.italic-text-7 {
text-align: center;
}
.slogan {
color: var(--lila);
}
.div-block-9 {
justify-content: center;
display: flex;
}
.bold-text-7, .bold-text-7.service, .service {
color: var(--lila);
}
.text-span-20 {
color: var(--white);
}
.italic-text-8 {
color: var(--lila);
}
.div-block-10 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.body-3, .body-4, .body-5, .body-6, .body-7, .body-9 {
background-color: var(--bg);
}
.boldlabel {
font-weight: 700;
}
.aligncenter {
text-align: center;
}
.form-field {
color: #0000;
background-color: #0000;
border: 1px #0000;
width: 100%;
height: 65px;
margin-bottom: 10px;
padding: 0 15px;
position: relative;
}
.lightlabel {
text-transform: capitalize;
margin-bottom: 20px;
font-size: 20px;
font-weight: 300;
}
.herocalculator {
flex: 1;
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.containerbanner {
color: #fff;
padding-right: 75px;
}
.formbutton {
color: #000;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #aaa;
border-radius: 5px;
min-width: 75%;
margin-top: 25px;
padding: 25px 13px;
font-weight: 700;
}
.formbutton.calcular {
color: #fff;
background-color: #0f4aaf;
border-color: #0f4aaf;
width: 100%;
margin-top: 25px;
padding-top: 20px;
padding-bottom: 20px;
}
.formbutton.calcular.hide {
display: none;
}
.success-message-2 {
z-index: 70;
position: relative;
}
.form-block {
flex: 0 auto;
}
.select-field {
color: #fff;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #fff;
height: 47px;
padding-left: 0;
font-size: 14px;
font-weight: 600;
}
.inlinetezt {
font-size: 12px;
display: inline-block;
}
.inlinetezt.light {
color: #333333a8;
}
.bottomline {
border-bottom: 1px solid #0000000f;
justify-content: space-between;
align-items: center;
padding: 5px 25px;
display: flex;
}
.bottomline.last {
border-bottom-style: none;
align-items: center;
display: flex;
}
.grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.row {
max-width: 1200px;
}
.heading-11 {
font-size: 45px;
line-height: 55px;
}
.subheading {
margin-bottom: 50px;
font-size: 20px;
font-weight: 300;
line-height: 26px;
}
.showresults {
text-align: center;
background-color: #fff;
border-radius: 5px;
flex-direction: column;
align-items: center;
min-width: 380px;
padding: 35px;
display: flex;
box-shadow: 3px 3px 6px -2px #0000008a;
}
.fullheightcolumn {
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 100%;
padding-top: 42px;
padding-bottom: 42px;
padding-left: 42px;
display: flex;
}
.fullheightcolumn.right {
align-items: center;
padding-left: 13px;
padding-right: 13px;
}
.lergenumber {
font-size: 44px;
}
.textcontainers {
text-align: left;
min-width: 75%;
}
.heading-12 {
font-size: 45px;
line-height: 55px;
}
.nav-link-4 {
padding-left: 24px;
}
.nav-link-4.w--current {
margin-left: 0;
padding-left: 20px;
}
.logo-img {
width: 50%;
}
.image-29 {
border-radius: 30px;
width: 100px;
max-width: 50px;
}
.use-case-section {
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
display: none;
}
.mask {
width: 100%;
}
.section {
width: 100%;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.slide-nav {
justify-content: flex-end;
align-items: center;
display: block;
position: relative;
}
.left-arrow {
border: 1px solid var(--lila);
width: 60px;
height: 60px;
color: var(--lila);
border-radius: 50%;
margin-left: 0;
margin-right: 0;
font-size: 24px;
inset: 0% auto 0% 0%;
}
.slider {
background-color: #0000;
border-radius: 20px;
width: 100%;
max-width: 1000px;
height: auto;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
padding-right: 60px;
}
.slide {
width: 100%;
}
.right-arrow {
border: 1px solid var(--lila);
width: 60px;
height: 60px;
color: var(--lila);
border-radius: 50%;
font-size: 24px;
inset: 0% 0% 0% auto;
}
.max-25ch {
max-width: 25ch;
color: var(--lila);
text-align: center;
margin-left: auto;
margin-right: auto;
}
.container-6 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.tag-over-heading {
color: var(--lila);
text-align: center;
letter-spacing: .04em;
text-transform: uppercase;
flex-flow: row;
justify-content: center;
margin-top: 10%;
font-size: 12px;
display: flex;
}
.tag-over-heading.integrate-logo {
text-align: left;
}
.tag-over-heading.integrate-more {
text-align: right;
}
.bold-text-8 {
color: var(--unterüberschrift);
justify-content: center;
align-items: stretch;
display: flex;
}
.text-block-27, .text-block-28 {
justify-content: center;
display: flex;
}
.text-block-29 {
justify-content: center;
align-items: stretch;
display: flex;
}
.image-30 {
vertical-align: baseline;
flex-flow: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: inline-flex;
}
.div-block-12 {
flex-flow: row;
justify-content: center;
display: flex;
}
.use-case-usp-div {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
display: flex;
}
.div-block-13 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-self: center;
display: flex;
}
.usp-benefit {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
display: flex;
}
.brix---color-neutral-806 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-807 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-16px-4 {
margin-bottom: 16px;
}
.brix---mg-bottom-48px-4 {
margin-bottom: 48px;
}
.brix---btn-primary-3 {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-3:hover {
background-color: var(--elements-webflow-library--secondary--color-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-secondary-2 {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary-2:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---buttons-row-2 {
align-items: center;
display: flex;
}
.brix---container-default-5 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.about-section {
height: auto;
color: var(--elements-webflow-library--neutral--100);
margin: 0 auto;
padding-top: 96px;
padding-bottom: 96px;
}
.brix---heading-h2-size-6 {
color: var(--lila);
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 38px;
font-weight: 700;
line-height: 50px;
display: flex;
}
.brix---paragraph-default-4 {
color: var(--grau-timo);
margin-bottom: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---button-row-left-2 {
margin-right: 24px;
}
.brix---grid-2-columns-text-left-2 {
grid-column-gap: 59px;
grid-row-gap: 0px;
aspect-ratio: 16 / 9;
object-fit: contain;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 0;
padding-left: 40px;
padding-right: 40px;
display: grid;
position: static;
}
.div-block-14 {
flex-flow: column;
display: flex;
}
.about-div-stichpunkte {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.features-section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
overflow-x: clip;
}
.text-style-link-2 {
text-decoration: underline;
}
.site-builder-form-icon {
color: #6248ff;
border-radius: 30000px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: absolute;
left: 1.25rem;
}
.text-color-darkgrey {
color: #161616bf;
margin-top: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-medium {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.site-builder-text-field {
border: 1px #000;
height: 3rem;
margin-bottom: 0;
padding-left: 2.75rem;
padding-right: 0;
font-size: 1.25rem;
}
.site-builder-text-field::placeholder {
color: #161616a6;
}
.site-builder-form-block {
width: 52rem;
margin-bottom: 1.5rem;
font-size: 1.125rem;
}
.button-14 {
color: #fff;
text-align: center;
background-color: #161616;
border: 2px solid #161616;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-size: 1rem;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-14:hover {
background-color: #2e2e2e;
border-color: #0000;
}
.button-14.button-large {
border-radius: .625rem;
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-14.button-large.max-width-full-mobile-landscape.hidden {
display: none;
}
.site-builder-form {
z-index: 5;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
border-radius: 1rem;
justify-content: center;
align-items: center;
padding: .75rem;
transition: box-shadow .2s;
display: flex;
position: relative;
}
.site-builder-form:hover {
box-shadow: 0 2px 4px #00000014;
}
.sb-header_form-text-caption {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.button-15 {
color: #fff;
text-align: center;
background-color: #161616;
border: 2px solid #161616;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-size: 1rem;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-15:hover {
background-color: #2e2e2e;
border-color: #0000;
}
.button-15.button-large {
border-radius: .625rem;
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-15.button-large.max-width-full-mobile-landscape {
border-color: var(--lila);
background-color: var(--lila);
}
.features-list {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-7 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.features-wrapper-two {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.features-left {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 40%;
display: flex;
}
.features-paragraph {
margin-bottom: 24px;
}
.text-link-arrow {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed {
margin-left: 2px;
display: flex;
}
.features-right {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
margin-bottom: -16px;
display: flex;
}
.features-block-two {
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.features-image {
object-fit: cover;
width: 80px;
height: 80px;
margin-right: 16px;
}
.text-span-21 {
color: var(--lila);
font-size: 50px;
}
.feature-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
display: flex;
}
.content-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-style: solid;
border-width: 1px;
border-radius: 15px;
flex-flow: column;
align-items: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
display: flex;
}
.bold-text-9 {
justify-content: center;
display: flex;
}
.bold-text-10 {
vertical-align: baseline;
justify-content: center;
align-items: center;
display: flex;
}
.heading-feature {
color: var(--lila);
}
.grid-2 {
grid-column-gap: 0px;
grid-template: "." minmax(max-content, 2fr)
/ minmax(200px, 1.5fr) 1.25fr 1fr;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-30 {
align-self: center;
}
.text-span-22 {
color: var(--lila);
}
.bold-text-11, .bold-text-12 {
color: var(--grau-timo);
}
.feature-text {
color: var(--grau-timo);
margin-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
.feature-heading {
clear: none;
color: var(--lila);
vertical-align: baseline;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.div-block-15 {
margin-left: 2%;
margin-right: 2%;
}
.grid-3 {
grid-template-rows: 100vh;
grid-template-columns: 1fr minmax(200px, .5fr);
}
.button-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--lila);
border-radius: 20px;
flex-flow: wrap;
order: 1;
place-content: stretch flex-end;
align-self: flex-end;
align-items: center;
display: flex;
}
.div-block-16 {
border: 1px solid var(--grau-2);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 10px;
padding-left: 60px;
padding-right: 60px;
display: flex;
box-shadow: inset 0 2px 20px 20px #0003;
}
.we-do-it-better {
border-radius: 20px;
margin-right: 0;
padding-right: 0;
box-shadow: 0 2px 20px 20px #0003;
}
.div-block-17 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
align-items: stretch;
display: flex;
}
.avatar {
background-color: #333;
border-style: solid;
border-width: 1px;
border-radius: 3000000000000px;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
width: 40px;
height: 40px;
padding-right: 40px;
display: flex;
}
.text-block-31 {
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.div-block-18 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.div-block-19 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.text-block-32 {
align-self: flex-end;
}
.divblock-we-do-it {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.image-31 {
border: 1px none var(--bg);
border-radius: 20px;
width: 500px;
height: 200px;
}
.image-32 {
border-radius: 20px;
width: auto;
height: auto;
}
.image-33 {
border-radius: 20px;
width: auto;
height: 200px;
}
.text-span-23 {
text-align: center;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.hero-wrapped-conversationalai {
box-sizing: border-box;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
object-fit: fill;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: static;
inset: 0% auto auto 0%;
}
.kreis_3 {
z-index: 2;
background-color: var(--bg);
opacity: 1;
filter: blur(250px);
color: #fff;
mix-blend-mode: normal;
border-radius: 100%;
width: 35%;
height: 40%;
position: absolute;
inset: auto auto 48% 0%;
}
.kreis_1-copy {
z-index: 1;
background-color: var(--bg);
opacity: 1;
filter: blur(200px);
mix-blend-mode: normal;
border-radius: 100%;
width: 60%;
height: 60%;
margin-bottom: 140px;
position: absolute;
inset: auto 0% 0% auto;
}
.kreis_2-copy {
z-index: 2;
background-color: var(--bg);
opacity: 1;
filter: blur(250px);
-webkit-text-stroke-color: var(--bg);
mix-blend-mode: normal;
border-radius: 100%;
width: 40%;
height: 40%;
position: absolute;
inset: 0% auto auto 0%;
}
.lottie-animation-2 {
opacity: .15;
text-align: center;
align-self: center;
width: auto;
position: absolute;
inset: 0% 0% auto;
}
.space-general {
height: 15vh;
}
.space-general.space-chatai {
height: 20vh;
}
.convo-text-farbe, .chatai-text-farbe {
color: var(--lila);
}
.loading {
z-index: 999;
background-color: #25233a;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
}
.logo-container {
color: #fff;
width: 120px;
font-size: 40px;
position: relative;
}
.logo-container.bigger {
transform: scale(1.5);
}
.logo-half-top {
width: 100%;
height: 20px;
position: absolute;
overflow: hidden;
}
.logo-text {
letter-spacing: -2px;
text-transform: uppercase;
font-size: 1em;
line-height: 1;
}
.logo-text.outline {
position: absolute;
transform: translate(0, -50%);
}
.logo-half-bottom {
width: 100%;
height: 20px;
position: absolute;
top: 0%;
overflow: hidden;
transform: translate(0, 100%);
}
.logo {
z-index: 200;
color: #fff;
cursor: none;
text-decoration: none;
position: fixed;
top: 32px;
left: 32px;
}
.mouse-cursor-container {
z-index: 40;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
}
.mouse-cursor-wrapper {
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
}
.mouse-cursor {
background-color: #fff;
border-radius: 80px;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
overflow: hidden;
}
.cursor-icon {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.content-container {
width: 100vw;
display: block;
overflow: visible;
}
.projects {
position: static;
top: 0;
}
.projects-list {
display: block;
}
.projects-list.camera {
margin-bottom: -50vh;
padding-top: 100vh;
overflow: visible;
}
.project-slider-container {
width: 100vw;
height: 200vh;
position: relative;
}
.project-slider-container.with-margin {
margin-top: -150vh;
position: static;
}
.about-section-2 {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.container-8 {
color: #fff;
max-width: 640px;
font-size: 12px;
}
.h2 {
margin-bottom: 40px;
font-size: 5em;
font-weight: 400;
line-height: 1.1;
}
.paragraph-big {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
font-weight: 200;
}
.paragraph-5 {
text-align: center;
position: relative;
}
.horizontal-scroll-wrapper {
flex-direction: row;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.horizontal-scroll-section {
background-color: var(--bg);
height: 400vh;
position: relative;
}
.section-2 {
width: 80vw;
height: 100vh;
}
.section-2._4 {
background-color: var(--bg);
}
.heading-wrapper {
width: 80%;
color: var(--grau-timo);
position: relative;
}
.horizontal-scroll-content {
flex-direction: row;
width: 320vw;
height: 100vh;
display: flex;
}
.container-9 {
background-color: var(--grau-2);
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.heading-13 {
text-align: center;
}
.image-34 {
box-sizing: content-box;
aspect-ratio: 2;
text-align: left;
vertical-align: middle;
object-fit: cover;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.code-embed-2 {
z-index: auto;
box-sizing: border-box;
float: none;
aspect-ratio: auto;
background-color: var(--transparent);
opacity: 1;
object-fit: fill;
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
position: relative;
inset: -39vh 0% 0% auto;
overflow: hidden;
}
.code-embed-2.voice-ai {
z-index: 1;
top: -58vh;
}
.text-span-27 {
color: var(--red);
}
.div-block-20 {
width: 500px;
height: 100px;
}
.integrate {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "." 1fr
/ 1.5fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
justify-content: start;
justify-items: stretch;
margin-bottom: 220px;
margin-left: 5%;
margin-right: 5%;
display: grid;
}
.heading-14 {
color: var(--lila);
text-align: center;
}
.heading-14.integration {
margin-top: 0;
}
.div-block-22 {
flex-flow: row;
display: none;
overflow: visible;
}
.div-block-23 {
flex-flow: row;
display: flex;
}
.code-embed-3 {
aspect-ratio: auto;
object-fit: fill;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: block;
position: static;
overflow: visible;
}
.text-span-28 {
color: var(--elements-webflow-library--accent--primary-1);
}
.text-span-29 {
color: var(--red);
}
.logo-slide_section {
justify-content: center;
align-items: center;
height: 10vh;
display: flex;
}
.page-padding-3 {
padding: 5em 5%;
}
.page-padding-3.s0 {
padding-top: 2em;
padding-bottom: 2em;
}
.logo-slider-img {
width: 5%;
}
.section-logo {
display: block;
overflow: hidden;
}
.logo_component-slider {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 2200px;
margin-left: 0;
display: none;
overflow: clip;
}
.integrate-with {
margin-bottom: 100px;
}
.text-span-30 {
color: var(--grau-timo);
}
.div-block-24 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-span-31, .text-span-32, .text-span-33 {
color: var(--lila);
}
.div-block-27 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: grid;
}
.bold-text-15 {
justify-content: center;
display: flex;
}
.bold-text-16 {
vertical-align: baseline;
display: inline;
}
.text-block-33 {
margin-top: 30px;
margin-bottom: 20px;
}
.heading-15 {
color: var(--_apps---colors--primary);
}
.background-video {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: fill;
object-position: 50% 50%;
max-width: none;
margin-left: 0;
display: block;
overflow: visible;
}
.div-block-28 {
max-width: 500px;
padding-right: 0;
}
.heading-16 {
color: var(--_apps---colors--primary);
text-align: center;
}
.text-span-34, .text-span-35 {
color: var(--_apps---charts--chart-5);
}
.heading-17 {
text-align: center;
}
.text-block-34 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--_apps---charts--chart-1-dark);
text-align: left;
word-break: normal;
flex-flow: wrap;
justify-content: flex-start;
align-self: flex-start;
padding-bottom: 0%;
font-size: 30px;
font-weight: 400;
text-decoration: none;
display: flex;
position: static;
}
.text-span-36, .text-span-37 {
color: var(--_apps---charts--chart-5);
}
.text-span-38 {
color: var(--_apps---colors--secondary-dark);
}
.text-block-35 {
color: var(--grau-timo);
text-align: center;
}
.text-block-36 {
color: var(--grau-timo);
text-align: left;
}
.code-embed-5 {
margin-top: 5%;
margin-bottom: 0;
display: block;
}
.code-embed-6 {
margin-top: 5%;
}
.text-block-37, .text-block-38 {
text-align: left;
}
.background-video-2 {
float: none;
aspect-ratio: auto;
text-align: left;
object-fit: fill;
object-position: 50% 50%;
position: static;
left: auto;
right: 0;
overflow: visible;
}
.code-embed-8 {
overscroll-behavior-x: contain;
margin-top: 15%;
}
.code-embed-9 {
margin-bottom: 10%;
}
.body-10 {
background-color: var(--bg);
}
.section-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10%;
display: block;
}
.div-block-29 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.submit-button {
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
mix-blend-mode: normal;
background-color: #8b5cf6;
border: 1px solid #ffffff1f;
border-radius: 12px;
min-height: 48px;
padding-left: 24px;
padding-right: 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: border-color .4s, background-color .4s, color .2s;
}
.section-4 {
margin-top: 10%;
}
.div-block-30 {
height: 15vh;
}
.container-10 {
margin-bottom: 5%;
}
.div-block-31 {
height: 100px;
display: block;
}
.section-5, .section-6, .section-7 {
background-color: var(--grau);
}
.button-17 {
justify-content: center;
display: flex;
}
.body-11 {
background-color: #3a3838;
}
.code-embed-10 {
background-color: #0d0d0d;
width: 100%;
margin: 0;
display: block;
}
.hero-section-reset {
background-color: #0d0d0d;
width: 100%;
padding: 0;
overflow: hidden;
}
.ct-proof-section {
color: #fff;
background-color: #0d0d0d;
border-top: 1px solid #ffffff0f;
padding: 104px 24px 112px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: relative;
overflow: hidden;
}
.ct-proof-glow {
filter: blur(20px);
pointer-events: none;
background-image: radial-gradient(circle, #7c3aed21, #0000 70%);
width: 58%;
height: 80%;
position: absolute;
top: 10%;
right: -8%;
}
.ct-proof-inner {
z-index: 1;
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
align-items: center;
width: min(100%, 1100px);
margin: 0 auto;
display: grid;
position: relative;
}
.ct-proof-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 11px;
font-weight: 700;
}
.ct-proof-title {
color: #fff;
letter-spacing: -.045em;
text-wrap: balance;
max-width: 560px;
margin: 0 0 22px;
font-size: clamp(2.25rem, 4.6vw, 3.65rem);
font-weight: 750;
line-height: 1.06;
}
.ct-proof-sub {
color: #a1a1aa;
max-width: 580px;
margin: 0 0 30px;
font-size: 16px;
line-height: 1.72;
}
.ct-proof-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
background-color: #ffffff0a;
border: 1px solid #ffffff2e;
align-items: center;
padding: 13px 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: transform .18s, box-shadow .18s, border-color .18s;
display: inline-flex;
box-shadow: 4px 4px #7c3aed;
}
.ct-proof-system {
background-image: linear-gradient(#181818f5, #0d0d0df5);
border: 1px solid #ffffff17;
border-radius: 14px;
min-height: 520px;
padding: 22px;
position: relative;
box-shadow: 0 34px 90px #00000059, inset 0 1px #ffffff0a;
}
.ct-proof-label {
color: #71717a;
letter-spacing: .13em;
margin-bottom: 18px;
font-size: 9px;
font-weight: 700;
}
.ct-proof-rail {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: grid;
}
.ct-proof-step {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #ffffff06;
border: 1px solid #ffffff12;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 42px 1fr;
align-items: start;
padding: 17px;
display: grid;
}
.ct-proof-index {
color: #c4b5fd;
background-color: #160d26;
border: 1px solid #8b5cf673;
place-items: center;
width: 34px;
height: 34px;
font-size: 10px;
font-weight: 800;
display: grid;
}
.ct-proof-step-title {
color: #fff;
letter-spacing: -.015em;
margin: 0 0 6px;
font-size: 16px;
}
.ct-proof-step-copy {
color: #8d8d95;
margin: 0;
font-size: 13px;
line-height: 1.5;
}
.ct-proof-flow {
background-image: linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
background-size: 24px 24px;
border: 1px solid #ffffff0f;
border-radius: 10px;
height: 180px;
margin-top: 16px;
position: relative;
overflow: hidden;
}
.ct-proof-svg {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.ct-proof-path {
fill: none;
stroke: #8b5cf67a;
stroke-width: 1.5px;
stroke-dasharray: 5 5;
}
.ct-flow-node {
z-index: 2;
color: #d4d4d8;
letter-spacing: .04em;
background-color: #121212;
border: 1px solid #ffffff21;
padding: 7px 10px;
font-size: 10px;
font-weight: 700;
position: absolute;
}
.ct-flow-node-a {
top: 50%;
left: 5%;
transform: translateY(-50%);
}
.ct-flow-node-b {
border-color: #8b5cf6a6;
top: 17%;
left: 43%;
transform: translateX(-50%);
box-shadow: 3px 3px #7c3aeda6;
}
.ct-flow-node-c {
bottom: 15%;
left: 43%;
transform: translateX(-50%);
}
.ct-flow-node-d {
color: #fff;
background-color: #7c3aed;
border-color: #a78bfa;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.ct26-section {
color: #fff;
background-color: #0d0d0d;
width: 100%;
padding: clamp(84px, 8vw, 116px) 24px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: relative;
overflow: hidden;
}
.ct26-shell {
width: min(1180px, 100%);
margin: 0 auto;
}
.ct26-hero {
background-color: #0d0d0d;
background-image: radial-gradient(45% 35% at 25% 85%, #4c1d9524, #0000 72%);
align-items: center;
min-height: calc(100svh - 72px);
display: flex;
}
.ct26-hero-grid {
grid-row-gap: clamp(48px, 7vw, 94px);
grid-column-gap: clamp(48px, 7vw, 94px);
grid-template-rows: auto;
grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
align-items: center;
display: grid;
}
.ct26-eyebrow {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #c4b5fd;
letter-spacing: .12em;
text-transform: uppercase;
align-items: center;
margin-bottom: 23px;
font-size: 12px;
font-weight: 750;
display: inline-flex;
}
.ct26-status-dot {
background-color: #8b5cf6;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 16px #8b5cf6e6;
}
.ct26-h1 {
letter-spacing: -.058em;
max-width: 720px;
margin: 0;
font-size: clamp(3rem, 5.4vw, 5.25rem);
font-weight: 790;
line-height: .98;
}
.ct26-lead {
color: #a1a1aa;
max-width: 680px;
margin: 28px 0 0;
font-size: clamp(1rem, 1.45vw, 1.16rem);
line-height: 1.7;
}
.ct26-actions {
grid-column-gap: 13px;
grid-row-gap: 13px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.ct26-btn {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid #ffffff21;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 23px;
font-size: 14px;
font-weight: 720;
text-decoration: none;
display: inline-flex;
}
.ct26-btn.ct26-btn-primary {
box-shadow: none;
color: #fff;
background-color: #7c3cff;
border: 1px solid #ffffff29;
}
.ct26-btn.ct26-btn-primary:hover {
color: #fff;
background-color: #7c3aed;
border-color: #a78bfa;
transform: translateY(-1px);
box-shadow: 0 14px 34px #7c3aed3d;
}
.ct26-btn.ct26-btn-primary:focus-visible, .ct26-btn.ct26-btn-primary[data-wf-focus-visible] {
outline-offset: 3px;
color: #fff;
outline: 3px solid #c4b5fd;
}
.ct26-btn.ct26-btn-secondary {
color: #f5f5f7;
background-color: #141414;
border-color: #ffffff1f;
}
.ct26-btn.ct26-btn-secondary:hover {
color: #fff;
background-color: #1a1720;
border-color: #c4b5fd52;
transform: translateY(-1px);
}
.ct26-btn-primary {
color: #111;
background-color: #fff;
border-color: #fff;
box-shadow: 0 10px 34px #00000040;
}
.ct26-btn-secondary {
color: #fff;
background-color: #ffffff09;
}
.ct26-trust-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.ct26-trust-chip {
color: #7f7f88;
letter-spacing: .025em;
background-color: #ffffff06;
border: 1px solid #ffffff13;
border-radius: 8px;
padding: 8px 10px;
font-size: 11px;
font-weight: 650;
}
.ct26-run-card {
background-image: linear-gradient(145deg, #19191df5, #0c0c0ff0);
border: 1px solid #8b5cf63d;
border-radius: 22px;
padding: 22px;
position: relative;
box-shadow: 0 35px 90px #00000061, inset 0 1px #ffffff0a;
}
.ct26-run-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
padding-bottom: 18px;
display: flex;
}
.ct26-run-title {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.ct26-kicker {
color: #686871;
letter-spacing: .13em;
font-size: 10px;
font-weight: 750;
}
.ct26-run-name {
font-size: 15px;
}
.ct26-live {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #9ae6b4;
letter-spacing: .09em;
align-items: center;
font-size: 10px;
font-weight: 800;
display: inline-flex;
}
.ct26-live-dot {
background-color: #48bb78;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #48bb78cc;
}
.ct26-run-flow {
padding: 19px 0;
}
.ct26-run-step {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 34px 1fr auto;
align-items: center;
display: grid;
}
.ct26-step-number {
color: #8a8a92;
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 10px;
display: flex;
}
.ct26-step-active {
color: #c4b5fd;
background-color: #7c3aed1f;
border-color: #8b5cf6b3;
}
.ct26-run-detail {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
min-width: 0;
display: flex;
}
.ct26-step-title {
font-size: 13px;
}
.ct26-step-copy {
color: #777780;
font-size: 11px;
line-height: 1.45;
}
.ct26-step-state {
letter-spacing: .06em;
text-transform: uppercase;
font-size: 9px;
font-style: normal;
font-weight: 750;
}
.ct26-state-done {
color: #68d391;
}
.ct26-state-active {
color: #c4b5fd;
}
.ct26-state-pending {
color: #d6ad60;
}
.ct26-run-line {
background-image: linear-gradient(#4c1d95, #ffffff14);
width: 1px;
height: 17px;
margin: 3px 0 3px 16px;
}
.ct26-run-footer {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
padding-top: 15px;
display: flex;
}
.ct26-footer-note {
color: #66666e;
font-size: 10px;
}
.ct26-hidden-original {
display: none;
}
.ct-consulting-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter, Arial, sans-serif;
overflow: hidden;
}
.ct-consulting-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.ct-consulting-hero {
background-color: #05070b;
background-image: radial-gradient(circle at 20% 20%, #00d0ff1a, #0000 28%);
padding: 150px 0 96px;
}
.ct-consulting-eyebrow {
color: #9ea8ff;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 12px;
font-weight: 700;
}
.ct-hero-title {
letter-spacing: -.055em;
max-width: 1050px;
margin: 0;
font-size: clamp(48px, 7vw, 88px);
line-height: .98;
}
.ct-consulting-lead {
color: #adb5c7;
max-width: 820px;
margin: 32px 0 0;
font-size: clamp(18px, 2vw, 23px);
line-height: 1.55;
}
.ct-consulting-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-top: 40px;
display: flex;
}
.ct-button {
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 15px 22px;
font-weight: 700;
text-decoration: none;
transition: transform .2s, background .2s, border-color .2s;
display: inline-flex;
}
.ct-button.ct-button-primary {
color: #fff;
background-color: #7c3cff;
}
.ct-button.ct-button-primary:hover {
color: #fff;
background-color: #7c3aed;
transform: translateY(-1px);
}
.ct-button-primary {
color: #101322;
background-color: #f3f5ff;
}
.ct-button-secondary {
color: #f3f5ff;
background-color: #ffffff08;
border: 1px solid #303649;
}
.ct-trust-row {
grid-column-gap: 26px;
grid-row-gap: 26px;
color: #7f899f;
border-top: 1px solid #1a2030;
flex-wrap: wrap;
margin-top: 60px;
padding-top: 24px;
font-size: 13px;
display: flex;
}
.ct-section {
border-top: 1px solid #141925;
padding: 104px 0;
}
.ct-section-soft {
background-color: #090c12;
}
.ct-section-contrast {
background-image: linear-gradient(#090c12, #06080d);
}
.ct-section-heading {
max-width: 820px;
margin-bottom: 50px;
}
.ct-section-title {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(35px, 5vw, 60px);
line-height: 1.04;
}
.ct-section-copy {
color: #9ca6ba;
margin: 22px 0 0;
font-size: 18px;
line-height: 1.65;
}
.ct-grid-3 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.ct-grid-2 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.ct-card {
background-color: #ffffff06;
border: 1px solid #1c2230;
border-radius: 20px;
padding: 30px;
}
.ct-feature {
background-image: linear-gradient(145deg, #6f69ff14, #ffffff05);
border: 1px solid #1c2230;
border-radius: 20px;
min-height: 240px;
padding: 30px;
}
.ct-card-number, .ct-feature-label {
color: #929cff;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 12px;
font-weight: 800;
display: inline-block;
}
.ct-card-title {
letter-spacing: -.025em;
margin: 0 0 14px;
font-size: 23px;
}
.ct-card-copy {
color: #929caf;
margin: 0;
line-height: 1.65;
}
.ct-outcome-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ct-outcome-label {
color: #8994ff;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 13px;
}
.ct-outcome-title {
letter-spacing: -.025em;
margin: 24px 0 14px;
font-size: 23px;
}
.ct-comparison {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: stretch;
display: grid;
}
.ct-comparison-column {
background-color: #080b11;
border: 1px solid #202636;
border-radius: 24px;
padding: 38px;
}
.ct-comparison-featured {
background-image: linear-gradient(145deg, #626bf02b, #ffffff06);
border-color: #626bf0;
}
.ct-comparison-list {
margin: 28px 0 0;
padding: 0;
list-style: none;
}
.ct-comparison-item {
color: #929caf;
border-top: 1px solid #1d2331;
padding: 14px 0;
line-height: 1.65;
}
.ct-comparison-positive {
color: #b2b9ca;
}
.ct-steps {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.ct-step {
grid-column-gap: 22px;
grid-row-gap: 22px;
border: 1px solid #1d2330;
border-radius: 18px;
padding: 28px;
display: flex;
}
.ct-step-number {
color: #a7afff;
background-color: #171c2a;
border-radius: 50%;
flex: 0 0 38px;
justify-content: center;
align-items: center;
height: 38px;
font-weight: 800;
display: flex;
}
.ct-consulting-cta {
background-color: #05070b;
background-image: radial-gradient(circle at 20% 40%, #5965ff33, #0000 36%);
padding: 80px 0 120px;
}
.ct-cta-panel {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #ffffff09;
border: 1px solid #343c58;
border-radius: 28px;
justify-content: space-between;
align-items: flex-end;
padding: 54px;
display: flex;
}
.ct-cta-copy {
max-width: 760px;
}
.ct-hidden-draft {
display: none;
}
.cx-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
overflow: hidden;
}
.cx-shell {
width: min(1160px, 100% - 48px);
margin: 0 auto;
}
.cx-hero {
background-color: #080808;
background-image: radial-gradient(circle at 88% 26%, #592ea821, #0000 30%);
padding: 154px 0 104px;
}
.cx-kicker {
color: #a78bfa;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 22px;
font-size: 11px;
font-weight: 800;
}
.cx-h1 {
letter-spacing: -.055em;
text-wrap: balance;
max-width: 1040px;
margin: 0;
font-size: clamp(50px, 7vw, 92px);
line-height: .98;
}
.cx-lead {
color: #aaa4b3;
max-width: 860px;
margin: 32px 0 0;
font-size: clamp(18px, 2vw, 23px);
line-height: 1.6;
}
.cx-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-top: 40px;
display: flex;
}
.cx-primary {
color: #fff;
background-color: #8b5cf6;
border: 1px solid #ffffff24;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 22px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
box-shadow: 4px 4px #452178d9;
}
.cx-secondary {
color: #f7f5fb;
background-color: #ffffff09;
border: 1px solid #ffffff26;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 22px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.cx-proofline {
grid-column-gap: 28px;
grid-row-gap: 14px;
color: #7f7888;
border-top: 1px solid #ffffff14;
flex-wrap: wrap;
margin-top: 66px;
padding-top: 24px;
font-size: 13px;
display: flex;
}
.cx-editorial {
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.cx-split {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
align-items: start;
display: grid;
}
.cx-h2 {
letter-spacing: -.05em;
text-wrap: balance;
margin: 0;
font-size: clamp(37px, 5vw, 65px);
line-height: 1.03;
}
.cx-copy {
color: #aaa4b3;
font-size: 18px;
line-height: 1.75;
}
.cx-paragraph {
margin: 0 0 22px;
}
.cx-decision {
background-image: linear-gradient(#0b0910, #080808);
border-top: 1px solid #ffffff12;
padding: 108px 0;
}
.cx-lines {
border-top: 1px solid #ffffff1a;
}
.cx-line {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 72px 1fr;
padding: 34px 0;
display: grid;
}
.cx-index {
color: #a78bfa;
letter-spacing: .12em;
font-size: 12px;
font-weight: 800;
}
.cx-h3 {
letter-spacing: -.025em;
margin: 0 0 10px;
font-size: 26px;
}
.cx-muted {
color: #918a9a;
max-width: 790px;
margin: 0;
line-height: 1.7;
}
.cx-cost {
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.cx-inline {
color: #c4b5fd;
margin-top: 22px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.cx-meter {
border-top: 1px solid #ffffff1f;
padding: 10px 0;
}
.cx-meter-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #aaa4b3;
border-bottom: 1px solid #ffffff17;
justify-content: space-between;
padding: 20px 0;
display: flex;
}
.cx-meter-value {
color: #f3eff9;
text-align: right;
}
.cx-note {
color: #77707e;
margin: 24px 0 0;
font-size: 14px;
line-height: 1.6;
}
.cx-process {
background-color: #0a0a0b;
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.cx-narrow {
max-width: 850px;
}
.cx-timeline {
border-top: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 64px;
display: grid;
}
.cx-step {
border-right: 1px solid #ffffff1a;
padding: 28px 26px 10px 0;
}
.cx-step-index {
color: #a78bfa;
letter-spacing: .12em;
font-size: 11px;
font-weight: 800;
}
.cx-step-title {
margin: 26px 0 12px;
font-size: 21px;
}
.cx-step-copy {
color: #8f8897;
margin: 0;
line-height: 1.65;
}
.cx-bridge {
background-color: #080808;
background-image: radial-gradient(circle at 78% 45%, #7c3aed2e, #0000 34%);
border-top: 1px solid #ffffff12;
padding: 106px 0;
}
.cx-bridge-inner {
grid-column-gap: 52px;
grid-row-gap: 52px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.cx-bridge-copy {
max-width: 820px;
}
.cx-final {
padding: 90px 0 126px;
}
.cx-final-inner {
grid-column-gap: 52px;
grid-row-gap: 52px;
background-image: linear-gradient(135deg, #7c3aed24, #ffffff05);
border: 1px solid #a78bfa47;
border-radius: 18px;
justify-content: space-between;
align-items: flex-end;
padding: 50px;
display: flex;
}
.cx-final-copy {
max-width: 780px;
}
.hx-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
overflow: hidden;
}
.hx-shell {
width: min(1160px, 100% - 48px);
margin: 0 auto;
}
.hx-hero {
background-color: #080808;
background-image: radial-gradient(circle at 86% 28%, #5b21b624, #0000 30%);
padding: 154px 0 104px;
}
.hx-kicker {
color: #a78bfa;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0 0 22px;
font-size: 11px;
font-weight: 800;
}
.hx-h1 {
letter-spacing: -.055em;
text-wrap: balance;
max-width: 1000px;
margin: 0;
font-size: clamp(50px, 7vw, 92px);
line-height: .98;
}
.hx-lead {
color: #aaa4b3;
max-width: 880px;
margin: 32px 0 0;
font-size: clamp(18px, 2vw, 23px);
line-height: 1.6;
}
.hx-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-top: 40px;
display: flex;
}
.hx-primary {
color: #fff;
background-color: #8b5cf6;
border: 1px solid #ffffff24;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 22px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
box-shadow: 4px 4px #452178d9;
}
.hx-secondary {
color: #f7f5fb;
background-color: #ffffff09;
border: 1px solid #ffffff26;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 22px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.hx-proofline {
grid-column-gap: 28px;
grid-row-gap: 14px;
color: #7f7888;
border-top: 1px solid #ffffff14;
flex-wrap: wrap;
margin-top: 66px;
padding-top: 24px;
font-size: 13px;
display: flex;
}
.hx-editorial {
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.hx-split {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
align-items: start;
display: grid;
}
.hx-h2 {
letter-spacing: -.05em;
text-wrap: balance;
margin: 0;
font-size: clamp(37px, 5vw, 65px);
line-height: 1.03;
}
.hx-copy {
color: #aaa4b3;
font-size: 18px;
line-height: 1.75;
}
.hx-paragraph {
margin: 0 0 22px;
}
.hx-calculator {
background-image: linear-gradient(#0b0910, #080808);
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.hx-calculator-head {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.hx-calculator-copy {
max-width: 820px;
}
.hx-inline {
color: #c4b5fd;
font-weight: 700;
text-decoration: none;
}
.hx-calc-layout {
grid-column-gap: 48px;
grid-row-gap: 48px;
border-top: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
margin-top: 58px;
padding-top: 42px;
display: grid;
}
.hx-controls, .hx-controls._w-form {
grid-column-gap: 14px;
grid-row-gap: 14px;
display: grid;
}
.hx-label {
color: #d8d3df;
margin: 18px 0 0;
font-weight: 700;
}
.hx-range, .hx-range._w-input, .hx-range._w-input {
accent-color: #8b5cf6;
width: 100%;
}
.hx-control-value {
color: #817987;
justify-content: space-between;
font-size: 13px;
display: flex;
}
.hx-control-number {
color: #f7f5fb;
font-size: 18px;
font-weight: 800;
}
.hx-results {
background-image: linear-gradient(145deg, #7c3aed1f, #ffffff06);
border: 1px solid #a78bfa40;
border-radius: 18px;
padding: 38px;
}
.hx-result-label {
color: #8d8494;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 8px;
font-size: 12px;
}
.hx-result-number {
letter-spacing: -.05em;
margin: 0 0 28px;
font-size: clamp(40px, 5vw, 68px);
font-weight: 800;
line-height: 1;
}
.hx-purple {
color: #c4b5fd;
}
.hx-break-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-top: 1px solid #ffffff1c;
border-bottom: 1px solid #ffffff1c;
justify-content: space-between;
padding: 20px 0;
display: flex;
}
.hx-break-value {
color: #d8b4fe;
}
.hx-note {
color: #817987;
margin: 22px 0 0;
font-size: 13px;
line-height: 1.65;
}
.hx-routing {
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.hx-narrow {
max-width: 900px;
}
.hx-lines {
border-top: 1px solid #ffffff1a;
margin-top: 58px;
}
.hx-line {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 72px 1fr;
padding: 34px 0;
display: grid;
}
.hx-index {
color: #a78bfa;
letter-spacing: .12em;
font-size: 12px;
font-weight: 800;
}
.hx-h3 {
letter-spacing: -.025em;
margin: 0 0 10px;
font-size: 26px;
}
.hx-muted {
color: #918a9a;
max-width: 800px;
margin: 0;
line-height: 1.7;
}
.hx-workloads {
background-color: #0a0a0b;
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.hx-table {
border-top: 1px solid #ffffff1f;
}
.hx-table-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #a59daa;
border-bottom: 1px solid #ffffff17;
justify-content: space-between;
padding: 21px 0;
display: flex;
}
.hx-table-value {
color: #eee9f4;
text-align: right;
}
.hx-delivery {
border-top: 1px solid #ffffff12;
padding: 112px 0;
}
.hx-delivery-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hx-delivery-list {
border-top: 1px solid #ffffff1f;
}
.hx-delivery-item {
color: #aaa4b3;
border-bottom: 1px solid #ffffff17;
margin: 0;
padding: 19px 0;
}
.hx-consulting {
background-color: #080808;
background-image: radial-gradient(circle at 78% 45%, #7c3aed2e, #0000 34%);
border-top: 1px solid #ffffff12;
padding: 104px 0;
}
.hx-consulting-inner {
grid-column-gap: 52px;
grid-row-gap: 52px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.hx-consulting-copy {
max-width: 820px;
}
.hx-final {
padding: 90px 0 126px;
}
.hx-final-inner {
grid-column-gap: 52px;
grid-row-gap: 52px;
background-image: linear-gradient(135deg, #7c3aed24, #ffffff05);
border: 1px solid #a78bfa47;
border-radius: 18px;
justify-content: space-between;
align-items: flex-end;
padding: 50px;
display: flex;
}
.hx-final-copy {
max-width: 780px;
}
._w-input-parent._w-input {
accent-color: #8b5cf6;
width: 100%;
}
.hi-section {
color: #fff;
background-color: #0a0a0d;
border-top: 1px solid #ffffff14;
padding: 112px 0;
}
.hi-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.hi-heading {
grid-template-rows: auto;
grid-template-columns: minmax(300px, .8fr) minmax(420px, 1.2fr);
align-items: end;
column-gap: 70px;
margin-bottom: 56px;
display: grid;
}
.hi-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
grid-column: 1 / -1;
margin: 0 0 18px;
font-size: 11px;
font-weight: 800;
}
.hi-title {
letter-spacing: -.05em;
margin: 0;
font-size: clamp(38px, 5vw, 62px);
line-height: 1.02;
}
.hi-copy {
color: #a1a1aa;
margin: 0;
font-size: 17px;
line-height: 1.65;
}
.hi-list {
border-top: 1px solid #ffffff1a;
}
.hi-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 46px 1fr auto;
align-items: start;
padding: 30px 0;
display: grid;
}
.hi-index {
color: #a78bfa;
font-size: 11px;
font-weight: 800;
}
.hi-row-main {
max-width: 820px;
}
.hi-row-title {
letter-spacing: -.025em;
margin: 0 0 10px;
font-size: 23px;
}
.hi-row-copy {
color: #92929c;
margin: 0;
line-height: 1.65;
}
.hc-section {
color: #fff;
background-color: #08080b;
background-image: radial-gradient(circle at 80% 20%, #7c3aed1f, #0000 34%);
border-top: 1px solid #ffffff14;
padding: 112px 0;
}
.hc-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.hc-heading {
max-width: 780px;
margin-bottom: 54px;
}
.hc-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 16px;
font-size: 11px;
font-weight: 800;
}
.hc-title {
letter-spacing: -.05em;
margin: 0;
font-size: clamp(38px, 5.5vw, 68px);
line-height: 1;
}
.hc-intro {
color: #a1a1aa;
max-width: 700px;
margin: 22px 0 0;
font-size: 17px;
line-height: 1.65;
}
.hc-layout {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: minmax(300px, .82fr) minmax(440px, 1.18fr);
align-items: start;
display: grid;
}
.hc-form, .hc-form._w-form {
grid-column-gap: 22px;
grid-row-gap: 22px;
margin: 0;
display: grid;
}
.hc-field {
grid-column-gap: 9px;
grid-row-gap: 9px;
display: grid;
}
.hc-field-row {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hc-label {
color: #d4d4d8;
font-size: 13px;
font-weight: 700;
}
.hc-input-wrap {
background-color: #ffffff09;
border: 1px solid #ffffff1f;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
display: grid;
overflow: hidden;
}
.hc-input, .hc-input._w-input, .hc-input._w-input {
color: #fff;
background-color: #0000;
outline-style: none;
width: 100%;
height: 54px;
padding: 0 16px;
font-size: 16px;
font-weight: 650;
}
.hc-unit {
color: #8f8f98;
white-space: nowrap;
padding: 0 15px;
font-size: 12px;
}
.hc-note {
color: #73737d;
margin: 2px 0 0;
font-size: 12px;
line-height: 1.55;
}
.hc-visual {
background-image: linear-gradient(145deg, #7c3aed1c, #ffffff05);
border: 1px solid #a78bfa3d;
border-radius: 18px;
padding: 30px;
}
.hc-summary {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hc-metric {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: grid;
}
.hc-metric-label {
color: #8f8f98;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 11px;
font-weight: 750;
}
.hc-metric-value {
letter-spacing: -.04em;
font-size: clamp(30px, 4vw, 48px);
}
.hc-purple {
color: #c4b5fd;
}
.hc-status {
color: #e4e4e7;
border-top: 1px solid #ffffff14;
grid-column: 1 / -1;
padding-top: 18px;
font-size: 14px;
}
.hc-chart {
background-color: #08080b;
border: 1px solid #ffffff12;
border-radius: 12px;
margin-top: 24px;
padding: 14px;
}
.hc-svg {
width: 100%;
height: auto;
display: block;
}
.hc-grid-line {
stroke: #ffffff38;
stroke-width: 1px;
}
.hc-grid-soft {
stroke: #ffffff12;
stroke-width: 1px;
}
.hc-line-api {
fill: none;
stroke: #f4f4f5;
stroke-width: 4px;
}
.hc-line-host {
fill: none;
stroke: #8b5cf6;
stroke-width: 4px;
}
.hc-dot-api {
fill: #fff;
}
.hc-dot-host {
fill: #8b5cf6;
}
.hc-axis {
fill: #71717a;
font-size: 12px;
}
.hc-legend {
fill: #e4e4e7;
font-size: 12px;
font-weight: 700;
}
.hc-legend-purple {
fill: #c4b5fd;
}
.hc-break-even {
grid-column-gap: 22px;
grid-row-gap: 22px;
border-top: 1px solid #ffffff14;
justify-content: space-between;
margin-top: 18px;
padding-top: 18px;
display: flex;
}
.hc-break-label {
color: #8f8f98;
font-size: 13px;
}
.hc-break-value {
color: #c4b5fd;
text-align: right;
}
.ct-resource-page {
color: #f5f5f7;
background-color: #0d0d0d;
min-height: 70vh;
padding: 112px 24px 96px;
}
.ct-resource-shell {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.ct-resource-eyebrow {
color: #9f7aea;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 18px;
font-family: JetBrains Mono;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
}
.ct-resource-h1 {
letter-spacing: -.05em;
max-width: 760px;
margin-top: 0;
margin-bottom: 20px;
font-family: Inter;
font-size: 64px;
font-weight: 650;
line-height: 1;
}
.ct-resource-lead {
color: #9a9aa0;
max-width: 720px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 18px;
line-height: 1.65;
}
.ct-resource-divider {
background-color: #ffffff1a;
height: 1px;
margin-top: 56px;
margin-bottom: 56px;
}
.ct-resource-grid {
grid-template-columns: 220px minmax(0, 1fr);
column-gap: 64px;
display: grid;
}
.ct-resource-sidebar {
align-self: start;
position: sticky;
top: 96px;
}
.ct-resource-nav-label {
color: #6f6f78;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 14px;
font-family: JetBrains Mono;
font-size: 11px;
font-weight: 600;
}
.ct-resource-nav-link {
color: #8f8f98;
padding-top: 8px;
padding-bottom: 8px;
font-family: Inter;
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: block;
}
.ct-resource-section {
border-bottom: 1px solid #ffffff14;
margin-bottom: 52px;
padding-bottom: 52px;
}
.ct-resource-section-title {
letter-spacing: -.035em;
margin-top: 0;
margin-bottom: 12px;
font-family: Inter;
font-size: 30px;
font-weight: 620;
line-height: 1.15;
}
.ct-resource-section-copy {
color: #8f8f98;
max-width: 720px;
margin-top: 0;
margin-bottom: 22px;
font-family: Inter;
font-size: 15px;
line-height: 1.7;
}
.ct-resource-rows {
border-top: 1px solid #ffffff1a;
}
.ct-resource-row {
border-bottom: 1px solid #ffffff14;
grid-template-columns: minmax(0, 1fr) auto;
column-gap: 24px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.ct-resource-row-title {
color: #f5f5f7;
margin-bottom: 5px;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.ct-resource-row-copy {
color: #85858e;
font-family: Inter;
font-size: 13px;
line-height: 1.55;
}
.ct-resource-meta {
color: #7d62db;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
font-family: JetBrains Mono;
font-size: 10px;
font-weight: 600;
line-height: 1.2;
}
.hc-runtime-local {
display: none;
}
.ct-timeline-entry {
border-bottom: 1px solid #ffffff17;
grid-template-columns: 150px minmax(0, 1fr);
column-gap: 40px;
margin-bottom: 56px;
padding-top: 0;
padding-bottom: 56px;
display: grid;
}
.ct-timeline-date {
color: #8a8a93;
letter-spacing: .06em;
text-transform: uppercase;
font-family: JetBrains Mono;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.ct-timeline-category {
color: #8b5cf6;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 10px;
font-family: JetBrains Mono;
font-size: 10px;
font-weight: 600;
line-height: 1.3;
}
.ct-timeline-title {
letter-spacing: -.04em;
max-width: 760px;
margin-top: 0;
margin-bottom: 16px;
font-family: Inter;
font-size: 36px;
font-weight: 620;
line-height: 1.12;
}
.ct-timeline-copy {
color: #9999a2;
max-width: 760px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 1.72;
}
.ct-timeline-note {
color: #777780;
border-top: 1px solid #ffffff14;
margin-top: 34px;
padding-top: 22px;
font-family: Inter;
font-size: 13px;
line-height: 1.6;
}
.ct-hidden {
display: none;
}
._w-input {
color: #fff;
background-color: #0000;
outline-style: none;
width: 100%;
height: 54px;
padding: 0 16px;
font-size: 16px;
font-weight: 650;
}
.hi-tag {
color: #74747e;
letter-spacing: .12em;
padding-top: 5px;
font-size: 10px;
font-weight: 800;
}
.hc2-section {
color: #f5f5f7;
background-color: #0d0d0d;
background-image: radial-gradient(circle at 78% 20%, #8b5cf621, #0000 34%);
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 112px 24px;
}
.hc2-shell {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.hc2-header {
grid-column-gap: 72px;
grid-row-gap: 72px;
border-bottom: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.5fr) minmax(260px, .65fr);
align-items: end;
padding-bottom: 48px;
display: grid;
}
.hc2-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 18px;
font-size: 12px;
font-weight: 700;
}
.hc2-title {
letter-spacing: -.055em;
max-width: 780px;
margin: 0;
font-size: clamp(42px, 5.6vw, 76px);
line-height: .94;
}
.hc2-intro {
color: #a9a9b1;
max-width: 730px;
margin: 25px 0 0;
font-size: 18px;
line-height: 1.65;
}
.hc2-method {
border-left: 2px solid #8b5cf6;
padding-left: 24px;
}
.hc2-method-label {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 11px;
font-weight: 700;
display: block;
}
.hc2-method-strong {
font-size: 18px;
line-height: 1.4;
display: block;
}
.hc2-method-small {
color: #85858d;
margin-top: 12px;
line-height: 1.5;
display: block;
}
.hc2-workspace {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: minmax(300px, .78fr) minmax(0, 1.35fr);
padding: 56px 0 48px;
display: grid;
}
.hc2-form, .hc2-form._w-form {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #0000;
flex-direction: column;
margin: 0;
padding: 0;
display: flex;
}
.hc2-form-head {
border-bottom: 1px solid #ffffff1f;
justify-content: space-between;
align-items: center;
padding-bottom: 18px;
display: flex;
}
.hc2-form-title {
font-size: 13px;
font-weight: 700;
}
.hc2-form-sub {
color: #73737b;
font-size: 12px;
}
.hc2-field-pair {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hc2-field {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-direction: column;
display: flex;
}
.hc2-field-label {
color: #aaaab2;
font-size: 12px;
font-weight: 600;
}
.hc2-control, .hc2-control._w-input, .hc2-control._w-input-1, .hc2-control._w-select, .hc2-control._w-select {
box-sizing: border-box;
color: #f5f5f7;
background-color: #131316;
border: 1px solid #ffffff24;
border-radius: 8px;
outline-style: none;
width: 100%;
height: 52px;
padding: 0 14px;
font-size: 15px;
}
.hc2-input-unit {
position: relative;
}
.hc2-control-unit {
padding-right: 42px;
}
.hc2-unit {
color: #777780;
font-size: 13px;
position: absolute;
top: 16px;
right: 15px;
}
.hc2-assumption-note {
color: #777780;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.6;
}
.hc2-output {
min-width: 0;
}
.hc2-recommendation {
border-bottom: 1px solid #ffffff1f;
padding: 0 0 30px;
}
.hc2-recommend-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.hc2-badge {
color: #c4b5fd;
letter-spacing: .12em;
background-color: #8b5cf61f;
border: 1px solid #a78bfa66;
border-radius: 999px;
padding: 7px 10px;
font-size: 10px;
font-weight: 800;
display: inline-flex;
}
.hc2-confidence {
color: #777780;
font-size: 12px;
}
.hc2-rec-title {
letter-spacing: -.045em;
max-width: 700px;
margin: 20px 0 12px;
font-size: clamp(28px, 3.4vw, 48px);
line-height: 1.02;
}
.hc2-rec-copy {
color: #a7a7af;
max-width: 700px;
margin: 0;
font-size: 16px;
line-height: 1.65;
}
.hc2-rec-detail {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #ffffff14;
justify-content: space-between;
margin-top: 26px;
padding-top: 18px;
display: flex;
}
.hc2-rec-label {
color: #85858d;
font-size: 12px;
}
.hc2-rec-value {
color: #f5f5f7;
font-size: 13px;
}
.hc2-chart-head {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: flex-end;
margin: 30px 0 18px;
display: flex;
}
.hc2-chart-title {
font-size: 13px;
font-weight: 700;
display: block;
}
.hc2-chart-sub {
color: #74747c;
margin-top: 5px;
display: block;
}
.hc2-legend {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #96969e;
font-size: 11px;
display: flex;
}
.hc2-legend-item {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.hc2-key-api {
background-color: #f5f5f7;
width: 9px;
height: 2px;
display: block;
}
.hc2-key-hybrid {
background-color: #a78bfa;
width: 9px;
height: 2px;
display: block;
}
.hc2-key-private {
background-color: #5b5b66;
width: 9px;
height: 2px;
display: block;
}
.hc2-chart {
border-top: 1px solid #ffffff1a;
padding-top: 12px;
overflow: hidden;
}
.hc2-svg {
width: 100%;
height: auto;
display: block;
}
.hc2-axis-line {
stroke: #ffffff38;
stroke-width: 1px;
}
.hc2-grid-line {
stroke: #ffffff12;
stroke-width: 1px;
}
.hc2-line-api {
fill: none;
stroke: #f5f5f7;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
.hc2-line-hybrid {
fill: none;
stroke: #a78bfa;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
.hc2-line-private {
fill: none;
stroke: #5b5b66;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
.hc2-dot-api {
fill: #f5f5f7;
}
.hc2-dot-hybrid {
fill: #a78bfa;
}
.hc2-dot-private {
fill: #5b5b66;
}
.hc2-axis-label {
fill: #777780;
font-size: 11px;
}
.hc2-metrics {
border-top: 1px solid #ffffff21;
border-bottom: 1px solid #ffffff21;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.hc2-metric {
border-right: 1px solid #ffffff1a;
min-height: 126px;
padding: 24px 20px 22px 0;
}
.hc2-metric-last {
min-height: 126px;
padding: 24px 0 22px 20px;
}
.hc2-metric-label {
color: #85858d;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11px;
line-height: 1.4;
display: block;
}
.hc2-metric-value {
letter-spacing: -.035em;
margin-top: 12px;
font-size: 24px;
line-height: 1.05;
display: block;
}
.hc2-metric-sub {
color: #777780;
margin-top: 9px;
font-size: 11px;
line-height: 1.45;
display: block;
}
.hc2-assumptions {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
padding-top: 28px;
display: flex;
}
.hc2-assumption-label {
color: #85858d;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11px;
display: block;
}
.hc2-assumption-text {
color: #9b9ba3;
margin: 7px 0 0;
font-size: 13px;
}
.hc2-consulting-link {
color: #c4b5fd;
flex: none;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
._w-select-parent._w-select {
box-sizing: border-box;
color: #f5f5f7;
background-color: #131316;
border: 1px solid #ffffff24;
border-radius: 8px;
outline-style: none;
width: 100%;
height: 52px;
padding: 0 14px;
font-size: 15px;
}
.hc3-section {
color: #f5f5f7;
background-color: #0d0d0d;
background-image: radial-gradient(circle at 78% 12%, #8b5cf624, #0000 30%);
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 112px 24px;
}
.hc3-shell {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.hc3-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 18px;
font-size: 12px;
font-weight: 700;
}
.hc3-title {
letter-spacing: -.055em;
max-width: 920px;
margin: 0;
font-size: clamp(42px, 5.3vw, 72px);
line-height: .96;
}
.hc3-intro {
color: #a9a9b1;
max-width: 780px;
margin: 24px 0 38px;
font-size: 18px;
line-height: 1.65;
}
.hc3-summary {
border-top: 1px solid #ffffff24;
border-bottom: 1px solid #ffffff24;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.hc3-summary-item {
border-right: 1px solid #ffffff1a;
padding: 22px 22px 22px 0;
}
.hc3-summary-item-last {
padding: 22px 0 22px 22px;
}
.hc3-summary-label {
color: #7f7f88;
letter-spacing: .09em;
text-transform: uppercase;
font-size: 10px;
display: block;
}
.hc3-summary-value {
letter-spacing: -.03em;
margin-top: 10px;
font-size: 21px;
display: block;
}
.hc3-summary-value-accent {
color: #c4b5fd;
letter-spacing: -.03em;
margin-top: 10px;
font-size: 21px;
display: block;
}
.hc3-grid {
grid-column-gap: 58px;
grid-row-gap: 58px;
grid-template-rows: auto;
grid-template-columns: minmax(320px, .82fr) minmax(0, 1.25fr);
padding-top: 54px;
display: grid;
}
.hc3-form, .hc3-form._w-form {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
margin: 0;
display: flex;
}
.hc3-field {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.hc3-label {
color: #aaaab2;
font-size: 12px;
font-weight: 600;
}
.hc3-control, .hc3-control._w-select, .hc3-control._w-input, .hc3-control._w-input-1, .hc3-control._w-select-1 {
box-sizing: border-box;
color: #f5f5f7;
background-color: #131316;
border: 1px solid #ffffff24;
border-radius: 8px;
outline-style: none;
width: 100%;
height: 50px;
padding: 0 14px;
font-size: 15px;
}
.hc3-pair {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hc3-unit-wrap {
position: relative;
}
.hc3-unit-control {
padding-right: 70px;
}
.hc3-unit {
color: #74747d;
font-size: 12px;
position: absolute;
top: 16px;
right: 14px;
}
.hc3-mode-fields {
display: block;
}
.hc3-divider {
background-color: #ffffff1c;
height: 1px;
margin: 5px 0;
}
.hc3-note {
color: #777780;
margin: 2px 0 0;
font-size: 11px;
line-height: 1.6;
}
.hc3-results {
min-width: 0;
}
.hc3-recommend {
border-bottom: 1px solid #ffffff1f;
padding-bottom: 27px;
}
.hc3-badge {
color: #c4b5fd;
letter-spacing: .12em;
background-color: #8b5cf61f;
border: 1px solid #a78bfa66;
border-radius: 999px;
padding: 7px 10px;
font-size: 10px;
font-weight: 800;
display: inline-flex;
}
.hc3-result-title {
letter-spacing: -.045em;
margin: 18px 0 10px;
font-size: clamp(28px, 3.2vw, 44px);
line-height: 1.03;
}
.hc3-result-copy {
color: #a7a7af;
margin: 0;
font-size: 15px;
line-height: 1.65;
}
.hc3-cost-table {
border-bottom: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.hc3-cost-row {
border-right: 1px solid #ffffff1a;
padding: 24px 18px 24px 0;
}
.hc3-cost-row-last {
padding: 24px 0 24px 18px;
}
.hc3-cost-name {
color: #85858e;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11px;
display: block;
}
.hc3-cost-value {
letter-spacing: -.04em;
margin-top: 11px;
font-size: 26px;
display: block;
}
.hc3-cost-value-accent {
color: #c4b5fd;
letter-spacing: -.04em;
margin-top: 11px;
font-size: 26px;
display: block;
}
.hc3-cost-detail {
color: #74747d;
margin-top: 7px;
font-size: 11px;
line-height: 1.45;
display: block;
}
.hc3-breaks {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 26px;
display: grid;
}
.hc3-break {
background-color: #101012;
padding: 20px;
}
.hc3-break-label {
color: #85858e;
letter-spacing: .09em;
text-transform: uppercase;
font-size: 10px;
display: block;
}
.hc3-break-value {
margin-top: 9px;
font-size: 19px;
display: block;
}
.hc3-break-copy {
color: #777780;
margin-top: 7px;
font-size: 11px;
line-height: 1.45;
display: block;
}
.hc3-chart-head {
justify-content: space-between;
align-items: center;
margin: 28px 0 12px;
display: flex;
}
.hc3-chart-title {
font-size: 13px;
font-weight: 700;
}
.hc3-chart-current {
color: #a78bfa;
font-size: 12px;
font-weight: 700;
}
.hc3-chart {
border-top: 1px solid #ffffff14;
padding-top: 10px;
overflow: hidden;
}
.hc3-svg {
width: 100%;
height: auto;
display: block;
}
.hc3-axis {
stroke: #ffffff38;
stroke-width: 1px;
}
.hc3-gridline {
stroke: #ffffff12;
stroke-width: 1px;
}
.hc3-api-line {
fill: none;
stroke: #f5f5f7;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
.hc3-hybrid-line {
fill: none;
stroke: #a78bfa;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
.hc3-dedicated-line {
fill: none;
stroke: #5b5b66;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
.hc3-current-line {
stroke: #8b5cf6;
stroke-width: 1px;
stroke-dasharray: 5 5;
}
.hc3-axis-text {
fill: #777780;
font-size: 10px;
}
.hc3-legend {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #8d8d95;
margin-top: 10px;
font-size: 11px;
display: flex;
}
.hc3-legend-item {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.hc3-key-api {
background-color: #f5f5f7;
width: 9px;
height: 2px;
display: block;
}
.hc3-key-hybrid {
background-color: #a78bfa;
width: 9px;
height: 2px;
display: block;
}
.hc3-key-dedicated {
background-color: #5b5b66;
width: 9px;
height: 2px;
display: block;
}
.gym-legacy-hidden {
display: none;
}
.gym-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: inherit;
}
.gym-shell {
box-sizing: border-box;
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
.gym-shell.gym-hero-shell {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
align-items: start;
column-gap: 72px;
display: grid;
}
.gym-hero {
background-color: #0b0b0d;
background-image: radial-gradient(circle at 78% 20%, #8b5cf62e, #0000 34%);
border-bottom: 1px solid #ffffff17;
padding: 150px 0 90px;
}
.gym-eyebrow, .gym-kicker {
color: #a78bfa;
letter-spacing: .15em;
margin: 0 0 20px;
font-size: 12px;
font-weight: 700;
}
.gym-h1 {
letter-spacing: -.06em;
max-width: 720px;
margin: 0;
font-size: clamp(48px, 6vw, 82px);
line-height: .95;
}
.gym-hero-copy {
color: #aaaab3;
max-width: 650px;
margin: 30px 0 0;
font-size: 18px;
line-height: 1.65;
}
.gym-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.gym-primary {
color: #fff;
background-color: #8b5cf6;
border-radius: 7px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 0 21px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.gym-secondary {
color: #e7e7eb;
background-color: #ffffff06;
border: 1px solid #ffffff2b;
border-radius: 7px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 0 21px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.gym-proof {
border-top: 1px solid #ffffff1c;
border-bottom: 1px solid #ffffff1c;
flex-wrap: wrap;
grid-column: 1 / -1;
width: 100%;
margin-top: 64px;
display: flex;
}
.gym-proof-item {
color: #a5a5ae;
border-right: 1px solid #ffffff17;
flex: 1;
min-width: 210px;
padding: 19px 18px 19px 0;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 13px;
line-height: 1.4;
}
.gym-section {
padding: 100px 0;
}
.gym-alt {
background-color: #101014;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
}
.gym-head {
max-width: 850px;
margin-bottom: 58px;
}
.gym-h2 {
letter-spacing: -.052em;
max-width: 760px;
margin: 0;
font-size: clamp(36px, 4.4vw, 60px);
line-height: 1;
}
.gym-copy {
color: #9d9da6;
max-width: 760px;
margin: 24px 0 0;
font-size: 17px;
line-height: 1.7;
}
.gym-rows, .gym-steps, .gym-control, .gym-signals, .gym-faq {
border-top: 1px solid #ffffff21;
}
.gym-row {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px solid #ffffff1c;
grid-template-rows: auto;
grid-template-columns: 70px minmax(260px, .85fr) minmax(300px, 1fr);
align-items: center;
padding: 28px 0;
display: grid;
}
.gym-number {
color: #8b5cf6;
letter-spacing: .12em;
font-size: 12px;
font-weight: 700;
}
.gym-h3 {
margin: 0 0 7px;
font-size: 20px;
}
.gym-muted {
color: #8e8e98;
margin: 0;
line-height: 1.6;
}
.gym-outcome {
border-left: 1px solid #ffffff1a;
padding-left: 28px;
font-size: 15px;
line-height: 1.45;
}
.gym-split {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
display: grid;
}
.gym-center {
align-items: center;
}
.gym-step {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 54px 1fr;
padding: 24px 0;
display: grid;
}
.gym-step-title {
margin-bottom: 7px;
font-size: 18px;
display: block;
}
.gym-panel {
background-image: linear-gradient(145deg, #8b5cf61c, #ffffff04);
border: 1px solid #a78bfa40;
border-radius: 12px;
padding: 36px;
}
.gym-panel-label {
color: #a78bfa;
letter-spacing: .13em;
font-size: 10px;
font-weight: 700;
}
.gym-panel-title {
letter-spacing: -.035em;
margin: 18px 0 25px;
font-size: 30px;
line-height: 1.05;
}
.gym-panel-line {
color: #a7a7af;
border-bottom: 1px solid #ffffff14;
margin: 0;
padding: 14px 0;
font-size: 14px;
}
.gym-inline {
color: #c4b5fd;
margin-top: 24px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.gym-columns {
border-top: 1px solid #ffffff21;
border-bottom: 1px solid #ffffff21;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.gym-column {
border-right: 1px solid #ffffff1a;
padding: 35px 32px;
}
.gym-column-title {
margin: 0 0 16px;
font-size: 22px;
}
.gym-map {
background-image: radial-gradient(circle, #8b5cf624, #0000 55%);
border: 1px solid #ffffff1a;
border-radius: 50%;
min-height: 450px;
position: relative;
}
.gym-map-core {
text-align: center;
background-color: #8b5cf6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
font-size: 12px;
font-weight: 800;
line-height: 1.5;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gym-node {
color: #b6b6be;
background-color: #15151a;
border: 1px solid #ffffff26;
border-radius: 999px;
padding: 9px 13px;
font-size: 11px;
position: absolute;
}
.gym-node-one {
top: 18%;
left: 12%;
}
.gym-node-two {
top: 18%;
right: 12%;
}
.gym-node-three {
top: 48%;
left: 3%;
}
.gym-node-four {
top: 48%;
right: 3%;
}
.gym-node-five {
bottom: 15%;
left: 15%;
}
.gym-node-six {
bottom: 15%;
right: 17%;
}
.gym-control-row {
grid-column-gap: 22px;
grid-row-gap: 22px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 170px 1fr;
padding: 22px 0;
display: grid;
}
.gym-control-name {
font-size: 14px;
}
.gym-signal {
color: #9c9ca5;
border-bottom: 1px solid #ffffff1a;
margin: 0;
padding: 19px 0 19px 34px;
line-height: 1.6;
}
.gym-faq-item {
background-color: #ffffff02;
border-bottom: 1px solid #ffffff1c;
}
.gym-question {
cursor: pointer;
justify-content: space-between;
align-items: center;
min-height: 72px;
padding: 20px 18px 20px 0;
font-size: 17px;
font-weight: 700;
line-height: 1.4;
list-style: none;
display: flex;
}
.gym-answer {
color: #95959e;
max-width: 780px;
margin: 0;
padding: 0 24px 28px 0;
font-size: 15px;
line-height: 1.75;
}
.gym-cta {
padding: 80px 0 120px;
}
.gym-cta-box {
background-color: #141419;
background-image: radial-gradient(circle at 85% 10%, #a78bfa2e, #0000 36%);
border: 1px solid #a78bfa3d;
border-radius: 16px;
padding: 70px;
}
.gym-cta-title {
letter-spacing: -.05em;
max-width: 850px;
margin: 0;
font-size: clamp(38px, 5vw, 64px);
line-height: .98;
}
.hc3-link {
color: #c4b5fd;
margin-top: 28px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.gym-ops {
background-image: linear-gradient(145deg, #8b5cf61f, #ffffff05);
border: 1px solid #a78bfa3d;
border-radius: 14px;
grid-row: 1 / span 5;
grid-column-start: 2;
align-self: center;
padding: 26px;
box-shadow: 0 30px 80px #00000059;
}
.gym-ops-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #ffffff1a;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 22px;
display: flex;
}
.gym-ops-heading {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-direction: column;
display: flex;
}
.gym-ops-kicker {
color: #a78bfa;
letter-spacing: .14em;
font-size: 9px;
font-weight: 800;
}
.gym-ops-brand {
letter-spacing: -.02em;
font-size: 18px;
line-height: 1.25;
}
.gym-ops-live {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #a7a7af;
letter-spacing: .12em;
align-items: center;
font-size: 9px;
font-weight: 800;
display: flex;
}
.gym-ops-dot {
background-color: #a78bfa;
border-radius: 50%;
width: 6px;
height: 6px;
display: block;
box-shadow: 0 0 16px #a78bfae6;
}
.gym-ops-summary {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
padding: 22px 0;
display: flex;
}
.gym-ops-summary-label {
color: #777780;
font-size: 11px;
}
.gym-ops-summary-title {
letter-spacing: -.03em;
font-size: 22px;
line-height: 1.15;
}
.gym-ops-stack {
border-top: 1px solid #ffffff17;
}
.gym-ops-line {
grid-column-gap: 13px;
grid-row-gap: 13px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 34px 1fr auto;
align-items: center;
padding: 16px 0;
display: grid;
}
.gym-ops-index {
color: #6f6f78;
font-size: 10px;
font-weight: 700;
}
.gym-ops-body {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.gym-ops-name {
letter-spacing: -.01em;
word-spacing: .08em;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 14px;
font-weight: 650;
}
.gym-ops-desc {
color: #85858d;
font-size: 11px;
line-height: 1.4;
}
.gym-ops-state {
color: #c4b5fd;
letter-spacing: .08em;
border: 1px solid #a78bfa38;
border-radius: 999px;
padding: 5px 7px;
font-size: 8px;
font-weight: 800;
}
.gym-ops-foot {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #777780;
justify-content: space-between;
padding-top: 18px;
font-size: 9px;
display: flex;
}
.gym-ops-foot-item {
max-width: 46%;
}
.gym-leak-section {
background-color: #101014;
border-bottom: 1px solid #ffffff14;
padding: 100px 0;
}
.gym-leak-head {
max-width: 850px;
margin-bottom: 54px;
}
.gym-leak-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
align-items: start;
display: grid;
}
.gym-leak-form, .gym-leak-form._w-form {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-direction: column;
margin: 0;
display: flex;
}
.gym-leak-field-row {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.gym-leak-field {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.gym-leak-label {
color: #aaaab3;
font-size: 12px;
font-weight: 600;
line-height: 1.35;
}
.gym-leak-input, .gym-leak-input._w-input, .gym-leak-input._w-input-1 {
box-sizing: border-box;
color: #f5f5f7;
background-color: #0c0c0f;
border: 1px solid #ffffff24;
border-radius: 7px;
outline-style: none;
width: 100%;
height: 50px;
padding: 0 14px;
font-size: 15px;
}
.gym-leak-unit {
position: relative;
}
.gym-leak-input-unit {
padding-right: 42px;
}
.gym-leak-unit-label {
color: #777780;
font-size: 13px;
position: absolute;
top: 15px;
right: 14px;
}
.gym-leak-unit-left {
left: 14px;
right: auto;
}
.gym-leak-input-euro {
padding-left: 34px;
}
.gym-leak-note {
color: #74747d;
margin: 4px 0 0;
font-size: 12px;
line-height: 1.6;
}
.gym-leak-results {
background-color: #141419;
background-image: radial-gradient(circle at 85% 8%, #8b5cf629, #0000 34%);
border: 1px solid #a78bfa40;
border-radius: 14px;
padding: 38px;
}
.gym-leak-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
margin: 0;
font-size: 10px;
font-weight: 700;
}
.gym-leak-total {
letter-spacing: -.055em;
margin-top: 14px;
font-size: clamp(46px, 6vw, 76px);
line-height: .95;
display: block;
}
.gym-leak-summary {
color: #a2a2ab;
max-width: 600px;
margin: 18px 0 0;
font-size: 15px;
line-height: 1.65;
}
.gym-leak-metrics {
border-top: 1px solid #ffffff1c;
border-left: 1px solid #ffffff1c;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 30px;
display: grid;
}
.gym-leak-metric {
border-bottom: 1px solid #ffffff1c;
border-right: 1px solid #ffffff1c;
min-height: 112px;
padding: 20px;
}
.gym-leak-metric-label {
color: #85858e;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 10px;
display: block;
}
.gym-leak-metric-value {
letter-spacing: -.035em;
margin-top: 10px;
font-size: 23px;
display: block;
}
.gym-leak-metric-detail {
color: #777780;
margin-top: 7px;
font-size: 11px;
line-height: 1.4;
display: block;
}
.gym-leak-priority {
border-top: 1px solid #ffffff1c;
margin-top: 28px;
padding-top: 24px;
}
.gym-leak-priority-label {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
display: block;
}
.gym-leak-priority-value {
margin-top: 10px;
font-size: 22px;
line-height: 1.2;
display: block;
}
.gym-leak-priority-copy {
color: #9898a1;
margin: 10px 0 0;
font-size: 14px;
line-height: 1.6;
}
.gym-leak-cta {
margin-top: 24px;
}
.gym-leak-bottom {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 1px solid #ffffff1a;
justify-content: space-between;
margin-top: 42px;
padding-top: 26px;
display: flex;
}
.gym-leak-bottom-copy {
max-width: 760px;
}
.gym-leak-bottom-label {
color: #85858e;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 10px;
display: block;
}
.gym-leak-bottom-text {
color: #a0a0a9;
margin: 8px 0 0;
font-size: 14px;
line-height: 1.6;
}
.gym-leak-bottom-note {
color: #777780;
max-width: 280px;
margin: 0;
font-size: 12px;
line-height: 1.6;
}
.gym-definition-section {
background-color: #0d0d0f;
border-bottom: 1px solid #ffffff14;
padding: 56px 0;
}
.gym-definition-grid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: 220px minmax(0, 1fr);
align-items: start;
display: grid;
}
.gym-definition-title {
letter-spacing: -.045em;
max-width: 780px;
margin: 0;
font-size: clamp(30px, 4vw, 52px);
line-height: 1.02;
}
.gym-definition-copy {
color: #9d9da6;
max-width: 820px;
margin: 20px 0 0;
font-size: 17px;
line-height: 1.7;
}
.gym-diagnostic-link {
color: #c4b5fd;
letter-spacing: -.01em;
word-spacing: .08em;
margin-top: 18px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.gym-leak-method {
background-color: #8b5cf60d;
border-left: 2px solid #8b5cf6;
max-width: 900px;
margin: 30px auto 0;
padding: 18px 20px;
}
.gym-leak-method-title {
color: #c4b5fd;
margin: 0;
font-size: 12px;
font-weight: 700;
}
.gym-leak-method-copy {
color: #85858e;
margin: 7px 0 0;
font-size: 12px;
line-height: 1.6;
}
.gym-pilot-strip {
border-top: 1px solid #ffffff1a;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 22px;
display: grid;
}
.gym-pilot-item {
color: #8f8f98;
text-align: center;
border-right: 1px solid #ffffff17;
padding: 16px;
font-size: 11px;
}
.grj-section {
color: #f5f5f7;
background-color: #0d0d0d;
background-image: radial-gradient(circle at 82% 14%, #8b5cf624, #0000 34%);
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 112px 24px;
}
.grj-shell {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.grj-header {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
align-items: end;
padding-bottom: 52px;
display: grid;
}
.grj-kicker {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 18px;
font-size: 12px;
font-weight: 700;
}
.grj-title {
letter-spacing: -.055em;
max-width: 820px;
margin: 0;
font-size: clamp(44px, 5.6vw, 76px);
line-height: .95;
}
.grj-intro {
color: #aaaab2;
max-width: 470px;
margin: 0;
font-size: 17px;
line-height: 1.7;
}
.grj-columns {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #6f6f78;
letter-spacing: .11em;
border-bottom: 1px solid #fff3;
grid-template-rows: auto;
grid-template-columns: 64px .9fr 1.25fr 1.35fr .9fr;
padding: 0 0 14px;
font-size: 10px;
font-weight: 700;
display: grid;
}
.grj-col-number {
grid-column-start: 1;
}
.grj-col-stage {
grid-column-start: 2;
}
.grj-col-break {
grid-column-start: 3;
}
.grj-col-action {
grid-column-start: 4;
}
.grj-col-impact {
grid-column-start: 5;
}
.grj-rows {
width: 100%;
}
.grj-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #ffffff1c;
grid-template-rows: auto;
grid-template-columns: 64px .9fr 1.25fr 1.35fr .9fr;
align-items: start;
padding: 30px 0;
transition: background-color .2s;
display: grid;
}
.grj-number {
color: #8b5cf6;
letter-spacing: .08em;
font-size: 13px;
font-weight: 800;
}
.grj-stage {
min-width: 0;
}
.grj-phase {
color: #74747d;
letter-spacing: .11em;
margin-bottom: 9px;
font-size: 10px;
font-weight: 700;
display: block;
}
.grj-stage-title {
letter-spacing: -.025em;
margin: 0;
font-size: 22px;
line-height: 1.15;
}
.grj-break, .grj-action, .grj-impact {
min-width: 0;
}
.grj-mobile-label {
color: #74747d;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 10px;
font-weight: 700;
display: none;
}
.grj-copy {
color: #9b9ba4;
margin: 0;
font-size: 14px;
line-height: 1.65;
}
.grj-impact-value {
color: #c4b5fd;
font-size: 15px;
line-height: 1.45;
display: block;
}
.grj-priority {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 1px solid #a78bfa6b;
border-bottom: 1px solid #ffffff1c;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
margin-top: 54px;
padding: 38px 0;
display: grid;
}
.grj-priority-copy {
max-width: 760px;
}
.grj-priority-label {
color: #a78bfa;
letter-spacing: .12em;
margin-bottom: 12px;
font-size: 10px;
font-weight: 800;
display: block;
}
.grj-priority-title {
letter-spacing: -.035em;
margin: 0;
font-size: 30px;
line-height: 1.12;
}
.grj-priority-text {
color: #96969f;
max-width: 720px;
margin: 14px 0 0;
font-size: 14px;
line-height: 1.65;
}
.grj-primary-link {
color: #fff;
background-color: #8b5cf6;
border-radius: 7px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 0 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.grj-integration {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
padding-top: 28px;
display: grid;
}
.grj-integration-copy {
max-width: 820px;
}
.grj-integration-label {
color: #777780;
letter-spacing: .12em;
font-size: 10px;
font-weight: 800;
display: block;
}
.grj-integration-text {
color: #9b9ba4;
margin: 8px 0 0;
font-size: 13px;
line-height: 1.65;
}
.grj-secondary-link {
color: #c4b5fd;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.gop-panel {
color: #f7f5fb;
background-image: linear-gradient(145deg, #121214 0%, #0d0d0f 68%, #15111d 100%);
border: 1px solid #af7eff47;
border-radius: 24px;
width: 100%;
padding: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 28px 80px #0000006b;
}
.gop-accent {
background-image: linear-gradient(90deg, #8e5cff 0%, #c6a5ff 48%, #c6a5ff00 100%);
width: 100%;
height: 3px;
position: absolute;
top: 0;
left: 0;
}
.gop-head {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #ffffff1a;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 26px;
display: flex;
}
.gop-head-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
max-width: 390px;
display: flex;
}
.gop-kicker {
color: #a879ff;
letter-spacing: .14em;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.gop-title {
color: #fff;
letter-spacing: -.035em;
font-size: 25px;
line-height: 1.13;
}
.gop-control {
color: #c5a9ff;
letter-spacing: .12em;
border: 1px solid #b58cff59;
border-radius: 999px;
flex: none;
padding: 7px 10px;
font-size: 9px;
font-weight: 700;
line-height: 1;
}
.gop-flow {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-direction: column;
padding: 24px 0;
display: flex;
}
.gop-flow-label {
color: #8f8a98;
font-size: 11px;
line-height: 1.3;
}
.gop-flow-title {
color: #e9e5ef;
letter-spacing: -.02em;
font-size: 18px;
line-height: 1.35;
}
.gop-list {
border-top: 1px solid #ffffff14;
flex-direction: column;
display: flex;
}
.gop-row {
grid-column-gap: 14px;
grid-row-gap: 14px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 36px minmax(0, 1fr) auto;
align-items: center;
padding: 19px 0;
display: grid;
}
.gop-index {
color: #8755f7;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.gop-copy {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.gop-name {
color: #fff;
font-size: 15px;
line-height: 1.25;
}
.gop-desc {
color: #96919e;
font-size: 12px;
line-height: 1.55;
}
.gop-outcome {
color: #cbb3ff;
text-align: right;
max-width: 105px;
font-size: 11px;
font-weight: 700;
line-height: 1.35;
}
.gop-foot {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: flex-end;
padding-top: 22px;
display: flex;
}
.gop-foot-main {
color: #bcb7c2;
max-width: 280px;
font-size: 12px;
line-height: 1.5;
}
.gop-foot-meta {
color: #736e7c;
text-align: right;
letter-spacing: .1em;
font-size: 9px;
font-weight: 700;
line-height: 1.4;
}
.cs-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.cs-shell {
box-sizing: border-box;
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
.cs-hero {
background-color: #0d0d0d;
background-image: radial-gradient(circle at 76% 18%, #7c3aed2e, #0000 35%);
border-bottom: 1px solid #ffffff17;
padding: 150px 0 90px;
}
.cs-kicker {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 20px;
font-size: 12px;
font-weight: 800;
}
.cs-h1 {
letter-spacing: -.065em;
text-wrap: balance;
max-width: 980px;
margin: 0;
font-size: clamp(52px, 7vw, 96px);
line-height: .91;
}
.cs-lead {
color: #aaaab2;
max-width: 760px;
margin: 30px 0 0;
font-size: 19px;
line-height: 1.65;
}
.cs-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.cs-primary {
color: #fff;
background-color: #8b5cf6;
border: 1px solid #8b5cf6;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.cs-secondary {
color: #f5f5f7;
border: 1px solid #ffffff2e;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.cs-proofline {
grid-column-gap: 26px;
grid-row-gap: 26px;
border-top: 1px solid #ffffff1a;
flex-wrap: wrap;
margin-top: 58px;
padding-top: 22px;
display: flex;
}
.cs-proof {
color: #86868f;
font-size: 12px;
}
.cs-problem {
padding: 110px 0;
}
.cs-split {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr);
align-items: start;
display: grid;
}
.cs-h2 {
letter-spacing: -.055em;
text-wrap: balance;
max-width: 760px;
margin: 0;
font-size: clamp(38px, 5vw, 68px);
line-height: .97;
}
.cs-copy {
color: #a3a3ab;
margin: 0;
font-size: 17px;
line-height: 1.7;
}
.cs-pressure {
border-top: 1px solid #ffffff1f;
margin-top: 64px;
}
.cs-pressure-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 70px minmax(220px, .65fr) minmax(300px, 1fr);
align-items: start;
padding: 28px 0;
display: grid;
}
.cs-num {
color: #777780;
font-size: 12px;
font-weight: 700;
}
.cs-pressure-title {
font-size: 18px;
}
.cs-pressure-copy {
color: #909099;
margin: 0;
line-height: 1.6;
}
.cs-workflows {
background-color: #111114;
padding: 110px 0;
}
.cs-section-head {
max-width: 850px;
}
.cs-flow {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 40px 1fr 40px 1fr;
align-items: stretch;
margin-top: 64px;
display: grid;
}
.cs-flow-step {
border-top: 2px solid #8b5cf6;
border-bottom: 1px solid #ffffff1f;
padding: 28px 0;
}
.cs-flow-label {
color: #a78bfa;
letter-spacing: .12em;
font-size: 10px;
font-weight: 800;
}
.cs-h3 {
letter-spacing: -.03em;
margin: 16px 0 10px;
font-size: 24px;
line-height: 1.1;
}
.cs-flow-copy {
color: #92929b;
margin: 0;
font-size: 14px;
line-height: 1.65;
}
.cs-impact {
color: #f5f5f7;
margin-top: 22px;
font-size: 12px;
display: block;
}
.cs-arrow {
color: #5f5f69;
justify-content: center;
align-items: center;
font-size: 22px;
display: flex;
}
.cs-use-list {
border-top: 1px solid #ffffff1f;
margin-top: 54px;
}
.cs-use-row {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: minmax(240px, .75fr) minmax(300px, 1fr);
padding: 21px 0;
display: grid;
}
.cs-use-name {
font-weight: 700;
}
.cs-use-detail {
color: #85858e;
}
.cs-boundaries {
padding: 110px 0;
}
.cs-boundary-grid {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #ffffff21;
border-bottom: 1px solid #ffffff21;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 60px;
display: grid;
}
.cs-boundary {
border-right: 1px solid #ffffff1a;
min-height: 230px;
padding-top: 28px;
padding-bottom: 28px;
}
.cs-boundary-first {
padding-right: 28px;
}
.cs-boundary-mid {
padding-left: 28px;
padding-right: 28px;
}
.cs-boundary-last {
padding-left: 28px;
}
.cs-boundary-tag {
color: #a78bfa;
letter-spacing: .12em;
font-size: 10px;
font-weight: 800;
}
.cs-architecture {
background-color: #111114;
background-image: radial-gradient(circle at 12% 70%, #8b5cf61a, #0000 33%);
padding: 110px 0;
}
.cs-architecture-line {
border-top: 1px solid #ffffff21;
border-bottom: 1px solid #ffffff21;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 60px;
display: grid;
}
.cs-arch-item {
border-right: 1px solid #ffffff1a;
padding-top: 26px;
padding-bottom: 30px;
}
.cs-arch-first {
padding-right: 24px;
}
.cs-arch-mid {
padding-left: 24px;
padding-right: 24px;
}
.cs-arch-last {
padding-left: 24px;
}
.cs-arch-index {
color: #7d7d86;
font-size: 11px;
}
.cs-arch-title {
margin-top: 35px;
font-size: 18px;
display: block;
}
.cs-arch-copy {
color: #898992;
margin: 10px 0 0;
font-size: 13px;
line-height: 1.6;
}
.cs-related {
grid-column-gap: 26px;
grid-row-gap: 26px;
flex-wrap: wrap;
margin-top: 30px;
display: flex;
}
.cs-related-link {
color: #c4b5fd;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.cs-pilot {
padding: 110px 0;
}
.cs-pilot-layout {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr);
display: grid;
}
.cs-metrics {
border-top: 1px solid #ffffff1f;
}
.cs-metric {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 120px 1fr;
padding: 20px 0;
display: grid;
}
.cs-metric-label {
color: #85858e;
letter-spacing: .1em;
font-size: 10px;
font-weight: 800;
}
.cs-metric-value {
font-size: 15px;
}
.cs-faq {
background-color: #111114;
padding: 110px 0;
}
.cs-faq-list {
border-top: 1px solid #ffffff21;
}
.cs-faq-item {
border-bottom: 1px solid #ffffff1a;
padding: 24px 0;
}
.cs-faq-q {
margin: 0;
font-size: 18px;
line-height: 1.3;
}
.cs-faq-a {
color: #92929b;
margin: 10px 0 0;
font-size: 14px;
line-height: 1.65;
}
.cs-cta {
background-color: #0d0d0d;
background-image: radial-gradient(circle at 75% 30%, #8b5cf633, #0000 34%);
border-top: 1px solid #ffffff1a;
padding: 120px 0;
}
.cs-cta-title {
letter-spacing: -.06em;
text-wrap: balance;
max-width: 900px;
margin: 0;
font-size: clamp(44px, 6vw, 80px);
line-height: .94;
}
.cs-cta-copy {
color: #a3a3ab;
max-width: 720px;
margin: 24px 0 30px;
font-size: 17px;
line-height: 1.65;
}
.sg-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.sg-shell {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.sg-hero {
background-color: #0d0d0d;
background-image: radial-gradient(circle at 78% 18%, #7c3aed30, #0000 34%);
border-bottom: 1px solid #ffffff14;
padding: 150px 24px 84px;
}
.sg-hero-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
align-items: center;
display: grid;
}
.sg-kicker {
color: #a78bfa;
letter-spacing: .15em;
margin: 0 0 18px;
font-size: 11px;
font-weight: 800;
}
.sg-h1 {
letter-spacing: -.065em;
max-width: 670px;
margin: 0;
font-size: clamp(54px, 6.4vw, 92px);
line-height: .89;
}
.sg-lead {
color: #aaaab2;
max-width: 660px;
margin: 28px 0 0;
font-size: 18px;
line-height: 1.65;
}
.sg-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.sg-primary {
color: #fff;
background-color: #8b5cf6;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 20px;
font-size: 13px;
font-weight: 750;
text-decoration: none;
display: inline-flex;
}
.sg-secondary {
color: #e7e7ec;
border: 1px solid #ffffff29;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 18px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.sg-proofline {
grid-column-gap: 20px;
grid-row-gap: 8px;
border-top: 1px solid #ffffff1a;
flex-wrap: wrap;
margin-top: 34px;
padding-top: 24px;
display: flex;
}
.sg-proofitem {
color: #85858d;
font-size: 11px;
}
.sg-console {
background-image: linear-gradient(#151519, #0e0e11);
border: 1px solid #ffffff21;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 34px 80px #00000061;
}
.sg-console-top {
color: #8c8c94;
letter-spacing: .08em;
text-transform: uppercase;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 14px 18px;
font-size: 10px;
font-weight: 700;
display: flex;
}
.sg-console-brand {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.sg-live-dot {
background-color: #22c55e;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #22c55eb8;
}
.sg-case-id {
font-family: JetBrains Mono, monospace;
}
.sg-request {
border-bottom: 1px solid #ffffff14;
padding: 22px 20px;
}
.sg-request-label {
color: #a78bfa;
letter-spacing: .11em;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 10px;
font-weight: 800;
display: block;
}
.sg-request-text {
font-size: 18px;
line-height: 1.42;
display: block;
}
.sg-request-meta {
color: #777780;
margin-top: 9px;
font-size: 11px;
display: block;
}
.sg-flow-list {
padding: 4px 20px;
}
.sg-flow-row {
grid-column-gap: 13px;
grid-row-gap: 13px;
border-bottom: 1px solid #fff1;
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: center;
padding: 15px 0;
display: grid;
}
.sg-flow-index {
color: #6f6f78;
font-family: JetBrains Mono, monospace;
font-size: 10px;
}
.sg-flow-title {
font-size: 12px;
display: block;
}
.sg-flow-meta {
color: #7f7f88;
margin-top: 4px;
font-size: 10px;
line-height: 1.4;
display: block;
}
.sg-status-ok {
color: #86efac;
letter-spacing: .08em;
background-color: #22c55e1a;
border: 1px solid #22c55e33;
border-radius: 999px;
padding: 5px 7px;
font-family: JetBrains Mono, monospace;
font-size: 8px;
font-weight: 800;
}
.sg-status-warn {
color: #fcd34d;
letter-spacing: .08em;
background-color: #f59e0b1a;
border: 1px solid #f59e0b3b;
border-radius: 999px;
padding: 5px 7px;
font-family: JetBrains Mono, monospace;
font-size: 8px;
font-weight: 800;
}
.sg-status-wait {
color: #c4b5fd;
letter-spacing: .08em;
background-color: #8b5cf61f;
border: 1px solid #8b5cf640;
border-radius: 999px;
padding: 5px 7px;
font-family: JetBrains Mono, monospace;
font-size: 8px;
font-weight: 800;
}
.sg-approval {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #f59e0b0e;
border: 1px solid #f59e0b3d;
border-radius: 10px;
justify-content: space-between;
align-items: center;
margin: 18px 20px;
padding: 16px;
display: flex;
}
.sg-approval-label {
color: #fbbf24;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 9px;
font-weight: 800;
display: block;
}
.sg-approval-question {
margin-top: 5px;
font-size: 11px;
display: block;
}
.sg-approval-actions {
grid-column-gap: 7px;
grid-row-gap: 7px;
display: flex;
}
.sg-deny {
color: #a6a6ad;
border: 1px solid #ffffff26;
border-radius: 6px;
padding: 7px 9px;
font-size: 9px;
font-weight: 800;
}
.sg-approve {
color: #fff;
background-color: #8b5cf6;
border-radius: 6px;
padding: 7px 9px;
font-size: 9px;
font-weight: 800;
}
.sg-console-footer {
grid-column-gap: 18px;
grid-row-gap: 8px;
color: #686871;
border-top: 1px solid #ffffff14;
flex-wrap: wrap;
padding: 13px 20px;
font-family: JetBrains Mono, monospace;
font-size: 8px;
display: flex;
}
.sg-definition {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-top: 1px solid #ffffff1f;
border-bottom: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: 130px 1fr;
margin-top: 72px;
padding: 30px 0;
display: grid;
}
.sg-definition-label {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 10px;
font-weight: 800;
}
.sg-definition-text {
color: #b8b8c0;
max-width: 900px;
margin: 0;
font-size: 18px;
line-height: 1.6;
}
.sg-section {
border-bottom: 1px solid #ffffff14;
padding: 110px 24px;
}
.sg-flow-section {
background-color: #111114;
}
.sg-section-head {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);
align-items: end;
margin-bottom: 58px;
display: grid;
}
.sg-h2 {
letter-spacing: -.055em;
max-width: 760px;
margin: 0;
font-size: clamp(42px, 5vw, 72px);
line-height: .94;
}
.sg-section-intro {
color: #9898a1;
margin: 0;
font-size: 16px;
line-height: 1.65;
}
.sg-rail {
border-top: 1px solid #ffffff24;
}
.sg-step {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 64px minmax(0, 1fr) 220px;
align-items: start;
padding: 30px 0;
display: grid;
}
.sg-step-num {
color: #8b5cf6;
font-family: JetBrains Mono, monospace;
font-size: 11px;
}
.sg-h3 {
letter-spacing: -.025em;
margin: 0;
font-size: 22px;
line-height: 1.2;
}
.sg-step-text {
color: #93939c;
max-width: 680px;
margin: 10px 0 0;
line-height: 1.6;
}
.sg-step-meta {
color: #6f6f78;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 10px;
}
.sg-contract-section {
background-color: #0d0d0d;
background-image: radial-gradient(circle at 18% 30%, #7c3aed17, #0000 30%);
}
.sg-contract-grid {
grid-column-gap: 84px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .8fr) minmax(520px, 1.2fr);
align-items: start;
display: grid;
}
.sg-contract-copy {
position: sticky;
top: 110px;
}
.sg-text-link {
color: #c4b5fd;
margin-top: 24px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.sg-contract {
border-top: 1px solid #ffffff29;
}
.sg-contract-head, .sg-contract-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 170px 1fr;
padding: 20px 0;
display: grid;
}
.sg-contract-label {
color: #777780;
letter-spacing: .09em;
text-transform: uppercase;
font-size: 10px;
}
.sg-contract-key {
color: #c4b5fd;
font-family: JetBrains Mono, monospace;
font-size: 13px;
}
.sg-contract-value {
font-size: 13px;
line-height: 1.55;
}
.sg-use-section {
background-color: #111114;
}
.sg-use-table {
border-top: 1px solid #ffffff26;
}
.sg-use-head {
grid-column-gap: 34px;
grid-row-gap: 34px;
color: #707079;
letter-spacing: .1em;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: .65fr 1.2fr 1fr;
padding: 15px 0;
font-size: 9px;
font-weight: 800;
display: grid;
}
.sg-use-row {
grid-column-gap: 34px;
grid-row-gap: 34px;
border-top: 1px solid #ffffff16;
grid-template-rows: auto;
grid-template-columns: .65fr 1.2fr 1fr;
padding: 25px 0;
display: grid;
}
.sg-use-name {
font-size: 14px;
}
.sg-use-action {
color: #aaaab2;
font-size: 13px;
line-height: 1.55;
}
.sg-use-boundary {
color: #777780;
font-size: 12px;
line-height: 1.55;
}
.sg-architecture-section {
background-color: #0d0d0d;
}
.sg-architecture {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 170px 36px minmax(360px, 1fr) 36px 190px;
align-items: stretch;
display: grid;
}
.sg-arch-column {
grid-column-gap: 1px;
grid-row-gap: 1px;
border: 1px solid #ffffff1a;
border-radius: 10px;
flex-direction: column;
display: flex;
overflow: hidden;
}
.sg-arch-item {
background-color: #141418;
padding: 13px 14px;
font-size: 11px;
font-weight: 650;
}
.sg-arch-label {
color: #8b8b94;
letter-spacing: .09em;
text-transform: uppercase;
padding: 12px 14px;
font-size: 9px;
}
.sg-arch-arrow {
color: #6f6f78;
justify-content: center;
align-items: center;
display: flex;
}
.sg-arch-core {
background-color: #8b5cf60d;
border: 1px solid #8b5cf659;
border-radius: 12px;
overflow: hidden;
}
.sg-core-head {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #8b5cf638;
justify-content: space-between;
padding: 17px 18px;
display: flex;
}
.sg-core-kicker {
color: #c4b5fd;
letter-spacing: .09em;
text-transform: uppercase;
font-size: 10px;
font-weight: 800;
}
.sg-core-title {
font-size: 12px;
}
.sg-core-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.sg-core-item {
border-bottom: 1px solid #ffffff13;
border-right: 1px solid #ffffff13;
padding: 18px;
}
.sg-core-label {
color: #777780;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.sg-core-value {
margin-top: 8px;
font-size: 12px;
display: block;
}
.sg-architecture-footer {
border-top: 1px solid #ffffff1a;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 18px;
display: grid;
}
.sg-architecture-meta {
color: #8b8b94;
text-align: center;
border-right: 1px solid #ffffff16;
padding: 16px;
font-size: 10px;
}
.sg-assessment-section {
background-color: #111114;
background-image: radial-gradient(circle at 85% 40%, #7c3aed1f, #0000 30%);
}
.sg-assessment-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: .75fr 1.1fr 1fr;
align-items: start;
display: grid;
}
.sg-assumption-note {
color: #707079;
margin-top: 24px;
font-size: 11px;
}
.sg-form, .sg-form._w-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.sg-field {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.sg-field-label {
color: #a2a2aa;
font-size: 11px;
font-weight: 650;
}
.sg-input, .sg-input._w-input, .sg-input._w-input-1 {
box-sizing: border-box;
color: #fff;
background-color: #0e0e11;
border: 1px solid #ffffff24;
border-radius: 7px;
outline-style: none;
width: 100%;
height: 49px;
padding: 0 13px;
font-size: 14px;
}
.sg-unit-wrap {
position: relative;
}
.sg-input-unit {
padding-right: 50px;
}
.sg-unit {
color: #74747c;
font-size: 11px;
font-style: normal;
position: absolute;
top: 15px;
right: 13px;
}
.sg-results {
border-top: 1px solid #ffffff29;
}
.sg-result-main {
border-bottom: 1px solid #ffffff1a;
padding: 22px 0;
}
.sg-result-label {
color: #777780;
letter-spacing: .09em;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.sg-result-main-value {
letter-spacing: -.035em;
margin-top: 9px;
font-size: 30px;
display: block;
}
.sg-result-main-note {
color: #c4b5fd;
margin-top: 8px;
font-size: 12px;
display: block;
}
.sg-result-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #ffffff16;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 19px 0;
display: grid;
}
.sg-result-value {
margin-top: 8px;
font-size: 16px;
display: block;
}
.sg-result-note {
padding: 19px 0;
}
.sg-result-note-text {
color: #96969f;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.55;
}
.sg-pilot-section {
background-color: #0d0d0d;
}
.sg-pilot-grid {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.1fr;
align-items: start;
display: grid;
}
.sg-scorecard {
border-top: 1px solid #ffffff24;
}
.sg-score-row {
grid-column-gap: 25px;
grid-row-gap: 25px;
border-bottom: 1px solid #ffffff16;
grid-template-rows: auto;
grid-template-columns: 180px 1fr;
padding: 18px 0;
display: grid;
}
.sg-score-label {
color: #777780;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 10px;
}
.sg-score-value {
font-size: 13px;
}
.sg-pilot-strip {
border-top: 1px solid #ffffff24;
border-bottom: 1px solid #ffffff24;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 62px;
display: grid;
}
.sg-pilot-phase {
border-right: 1px solid #ffffff17;
padding: 23px 18px;
}
.sg-phase-label {
color: #a78bfa;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.sg-phase-value {
margin-top: 9px;
font-size: 12px;
line-height: 1.5;
display: block;
}
.sg-difference-section {
background-color: #111114;
}
.sg-difference-grid {
border-top: 1px solid #ffffff24;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.sg-difference-item {
padding: 30px 36px 0 0;
}
.sg-difference-num {
color: #8b5cf6;
font-family: JetBrains Mono, monospace;
font-size: 10px;
}
.sg-difference-text {
color: #92929b;
min-height: 100px;
margin: 13px 0 0;
line-height: 1.6;
}
.sg-faq-section {
background-color: #0d0d0d;
}
.sg-faq-grid {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: .72fr 1.2fr;
align-items: start;
display: grid;
}
.sg-faq-list {
border-top: 1px solid #ffffff24;
}
.sg-faq-item {
border-bottom: 1px solid #ffffff17;
padding: 22px 0;
}
.sg-faq-q {
margin: 0;
font-size: 16px;
}
.sg-faq-answer {
color: #94949d;
margin: 10px 0 0;
font-size: 13px;
line-height: 1.65;
}
.sg-cta {
background-color: #101012;
background-image: radial-gradient(circle at 75% 45%, #7c3aed3d, #0000 34%);
padding: 100px 24px;
}
.sg-cta-inner {
grid-column-gap: 70px;
grid-row-gap: 70px;
background-color: #0c0c0fb8;
border: 1px solid #a78bfa38;
border-radius: 18px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
padding: 58px;
display: grid;
}
.sg-cta-title {
letter-spacing: -.055em;
max-width: 760px;
margin: 0;
font-size: clamp(42px, 5vw, 72px);
line-height: .94;
}
.sg-cta-copy {
color: #a1a1aa;
max-width: 760px;
margin: 20px 0 0;
line-height: 1.65;
}
.sg-cta-button {
white-space: nowrap;
}
.cl-section {
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 54px 24px;
}
.cl-shell {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 180px minmax(0, 1fr) auto;
align-items: center;
width: 100%;
max-width: 1180px;
margin: 0 auto;
display: grid;
}
.cl-index {
color: #a78bfa;
letter-spacing: .12em;
font-size: 10px;
font-weight: 800;
}
.cl-title {
color: #f5f5f7;
letter-spacing: -.035em;
max-width: 650px;
margin: 0;
font-size: 28px;
line-height: 1.08;
}
.cl-text {
color: #85858d;
max-width: 680px;
margin: 10px 0 0;
font-size: 13px;
line-height: 1.55;
}
.cl-link {
color: #c4b5fd;
white-space: nowrap;
font-size: 12px;
font-weight: 750;
text-decoration: none;
}
.pd-section {
color: #f5f5f7;
background-color: #0d0d0d;
border-top: 1px solid #ffffff0f;
border-bottom: 1px solid #ffffff0f;
padding: 96px 24px;
}
.pd-shell {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.pd-intro {
max-width: 780px;
margin: 0 0 42px;
}
.pd-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 15px;
font-size: 11px;
font-weight: 700;
}
.pd-title {
color: #f7f7f8;
letter-spacing: -.045em;
margin: 0 0 18px;
font-size: clamp(34px, 5vw, 58px);
line-height: 1.04;
}
.pd-lead {
color: #9a9aa0;
max-width: 690px;
margin: 0;
font-size: 17px;
line-height: 1.65;
}
.pd-window {
background-color: #101011;
border: 1px solid #ffffff1f;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 34px 90px #0000006b, inset 0 1px #ffffff0d;
}
.pd-topbar {
background-color: #151516;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 58px;
padding: 0 18px;
display: flex;
}
.pd-brand {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.pd-brandmark {
color: #fff;
background-color: #8b5cf6;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
font-size: 13px;
font-weight: 800;
display: flex;
}
.pd-brandname {
color: #f5f5f7;
font-size: 13px;
font-weight: 650;
}
.pd-env {
color: #a78bfa;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #8b5cf614;
border: 1px solid #8b5cf64d;
border-radius: 6px;
padding: 3px 7px;
font-size: 9px;
}
.pd-health {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #8f8f95;
align-items: center;
font-size: 11px;
display: flex;
}
.pd-healthdot {
background-color: #34d399;
border-radius: 999px;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #34d399a6;
}
.pd-tabs {
grid-column-gap: 2px;
grid-row-gap: 2px;
background-color: #121213;
border-bottom: 1px solid #ffffff14;
padding: 9px 10px;
display: flex;
overflow-x: auto;
}
.pd-tab {
color: #83838a;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border-radius: 8px;
padding: 9px 13px;
font-size: 12px;
font-weight: 600;
}
.pd-tab-active {
color: #f5f5f7;
background-color: #232326;
box-shadow: inset 0 0 0 1px #ffffff12;
}
.pd-panels {
min-height: 610px;
}
.pd-panel {
min-height: 610px;
display: none;
}
.pd-panel-active {
display: block;
}
.pd-orch-layout {
grid-template-rows: auto;
grid-template-columns: 210px 1fr;
min-height: 610px;
display: grid;
}
.pd-orch-context {
background-color: #111112;
border-right: 1px solid #ffffff14;
padding: 18px 12px;
}
.pd-context-title {
color: #68686f;
letter-spacing: .13em;
text-transform: uppercase;
padding: 4px 8px 10px;
font-size: 10px;
}
.pd-context-item {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #aaaab0;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 9px;
align-items: center;
width: 100%;
margin-bottom: 3px;
padding: 9px 8px;
display: flex;
}
.pd-context-item-active {
color: #f5f5f7;
background-color: #202023;
}
.pd-context-icon {
color: #a78bfa;
background-color: #8b5cf61f;
border: 1px solid #8b5cf638;
border-radius: 7px;
flex: none;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 10px;
font-weight: 750;
display: flex;
}
.pd-context-name {
font-size: 11px;
font-weight: 600;
display: block;
}
.pd-context-meta {
color: #74747b;
margin-top: 1px;
font-size: 9px;
display: block;
}
.pd-context-rule {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #77777e;
border-top: 1px solid #ffffff0d;
justify-content: space-between;
margin-top: 10px;
padding: 10px 8px;
font-size: 10px;
display: flex;
}
.pd-context-value {
color: #b7b7bc;
font-weight: 600;
}
.pd-chat {
flex-direction: column;
min-width: 0;
display: flex;
}
.pd-chat-head {
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
height: 64px;
padding: 0 20px;
display: flex;
}
.pd-chat-title {
font-size: 14px;
display: block;
}
.pd-chat-sub {
color: #6f6f76;
margin-top: 2px;
font-size: 10px;
display: block;
}
.pd-model {
color: #9b8bc1;
background-color: #8b5cf612;
border: 1px solid #8b5cf629;
border-radius: 7px;
padding: 5px 8px;
font-size: 10px;
}
.pd-messages {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
max-height: 338px;
padding: 24px;
display: flex;
overflow: auto;
}
.pd-message {
border-radius: 14px;
max-width: 680px;
padding: 12px 14px;
font-size: 13px;
line-height: 1.55;
}
.pd-message-user {
color: #fff;
background-color: #6d28d9;
border-bottom-right-radius: 4px;
align-self: flex-end;
}
.pd-message-agent {
background-color: #19191b;
border: 1px solid #ffffff14;
border-bottom-left-radius: 4px;
align-self: flex-start;
}
.pd-message-label {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 6px;
font-size: 9px;
font-weight: 700;
display: inline-block;
}
.pd-message-copy {
color: #d3d3d7;
margin: 0;
}
.pd-artifact {
background-color: #111112;
border: 1px solid #ffffff14;
border-radius: 10px;
margin-top: 12px;
overflow: hidden;
}
.pd-artifact-head {
color: #8d8d94;
background-color: #171719;
border-bottom: 1px solid #ffffff0f;
justify-content: space-between;
padding: 8px 10px;
font-family: JetBrains Mono, monospace;
font-size: 9px;
display: flex;
}
.pd-artifact-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #aaaab0;
align-items: center;
padding: 10px;
font-size: 10px;
display: flex;
}
.pd-artifact-dot {
background-color: #34d399;
border-radius: 99px;
width: 7px;
height: 7px;
}
.pd-runlog {
background-color: #121213;
border: 1px solid #ffffff12;
border-radius: 10px;
margin: 0 24px 15px;
}
.pd-runrow {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #a4a4aa;
border-bottom: 1px solid #ffffff0d;
grid-template-rows: auto;
grid-template-columns: 18px 1fr auto;
align-items: center;
padding: 7px 10px;
font-size: 10px;
display: grid;
}
.pd-runmeta {
color: #63636a;
font-family: JetBrains Mono, monospace;
}
.pd-runicon {
color: #34d399;
}
.pd-runicon-live {
color: #a78bfa;
}
.pd-composer, .pd-composer._w-form {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #131314;
border-top: 1px solid #ffffff14;
padding: 15px 18px;
display: flex;
}
.pd-input, .pd-input._w-input {
color: #f5f5f7;
background-color: #0e0e0f;
border: 1px solid #ffffff1a;
border-radius: 10px;
outline-style: none;
flex: 1;
min-width: 0;
padding: 11px 12px;
font-size: 12px;
}
.pd-send, .pd-send._w-button {
color: #fff;
cursor: pointer;
background-color: #7c3aed;
border-radius: 10px;
padding: 0 17px;
font-size: 11px;
font-weight: 700;
}
.pd-mission-head, .pd-builder-head, .pd-studio-head {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 72px;
padding: 0 20px;
display: flex;
}
.pd-surface-title {
font-size: 15px;
display: block;
}
.pd-surface-sub {
color: #73737a;
margin-top: 3px;
font-size: 10px;
display: block;
}
.pd-summary {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #77777e;
font-size: 10px;
display: flex;
}
.pd-mission-layout {
grid-template-rows: auto;
grid-template-columns: 1fr 190px;
min-height: 538px;
display: grid;
}
.pd-board {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(180px, 1fr));
padding: 12px;
display: grid;
overflow-x: auto;
}
.pd-column {
background-color: #121213;
border: 1px solid #ffffff0f;
border-radius: 12px;
flex-direction: column;
min-width: 180px;
display: flex;
}
.pd-column-head {
color: #aaaab0;
border-bottom: 1px solid #ffffff0f;
justify-content: space-between;
align-items: center;
height: 42px;
padding: 0 11px;
font-size: 10px;
font-weight: 650;
display: flex;
}
.pd-column-count {
color: #6e6e75;
border: 1px solid #ffffff14;
border-radius: 99px;
padding: 2px 6px;
font-size: 9px;
}
.pd-droparea {
flex: 1;
min-height: 430px;
padding: 8px;
}
.pd-droparea-active {
background-color: #8b5cf612;
}
.pd-mission {
cursor: grab;
background-color: #1a1a1c;
border: 1px solid #ffffff14;
border-radius: 10px;
margin-bottom: 8px;
padding: 11px;
}
.pd-mission-approval {
border-color: #f59e0b3d;
}
.pd-mission-done {
opacity: .68;
}
.pd-mission-top {
justify-content: space-between;
align-items: center;
margin-bottom: 9px;
display: flex;
}
.pd-priority {
color: #fca5a5;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 8px;
}
.pd-priority-normal {
color: #a78bfa;
}
.pd-state {
color: #7f7f86;
font-size: 8px;
}
.pd-state-live {
color: #34d399;
}
.pd-state-warn {
color: #fbbf24;
}
.pd-mission-title {
color: #e5e5e7;
font-size: 11px;
line-height: 1.35;
display: block;
}
.pd-mission-goal {
color: #77777e;
margin: 6px 0 10px;
font-size: 9px;
line-height: 1.45;
}
.pd-mission-meta {
color: #68686f;
justify-content: space-between;
font-size: 8px;
display: flex;
}
.pd-progress {
background-color: #29292c;
border-radius: 99px;
height: 3px;
margin: 10px 0 8px;
overflow: hidden;
}
.pd-progress-fill {
background-color: #8b5cf6;
height: 100%;
display: block;
}
.pd-progress-68 {
width: 68%;
}
.pd-progress-42 {
width: 42%;
}
.pd-approve {
color: #fbbf24;
cursor: pointer;
background-color: #f59e0b14;
border: 1px solid #f59e0b40;
border-radius: 7px;
width: 100%;
padding: 7px;
font-size: 9px;
font-weight: 650;
}
.pd-orch-drop {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #8b5cf60a;
border: 1px dashed #8b5cf659;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin: 12px 12px 12px 0;
padding: 17px;
display: flex;
}
.pd-orch-drop-active {
background-color: #8b5cf621;
border-color: #a78bfa;
}
.pd-drop-icon {
color: #a78bfa;
background-color: #8b5cf624;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.pd-drop-title {
font-size: 11px;
}
.pd-drop-copy {
color: #77777e;
font-size: 9px;
line-height: 1.5;
}
.pd-drop-result {
color: #a78bfa;
border-top: 1px solid #ffffff12;
width: 100%;
margin-top: 9px;
padding-top: 9px;
font-size: 9px;
}
.pd-mode-switch {
background-color: #111112;
border: 1px solid #ffffff14;
border-radius: 9px;
padding: 3px;
display: flex;
}
.pd-mode {
color: #73737a;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
padding: 6px 9px;
font-size: 10px;
font-weight: 650;
}
.pd-mode-active {
color: #f5f5f7;
background-color: #242427;
}
.pd-builder-layout {
grid-template-rows: auto;
grid-template-columns: 170px 1fr;
min-height: 538px;
display: grid;
}
.pd-palette {
background-color: #111112;
border-right: 1px solid #ffffff14;
padding: 16px 12px;
}
.pd-palette-title {
color: #68686f;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 6px 10px;
font-size: 9px;
display: block;
}
.pd-node-add {
color: #aaaab0;
text-align: left;
cursor: pointer;
background-color: #171719;
border: 1px solid #ffffff12;
border-radius: 8px;
width: 100%;
margin-bottom: 6px;
padding: 8px 9px;
font-size: 10px;
}
.pd-palette-note {
color: #606067;
margin: 13px 6px;
font-size: 9px;
line-height: 1.5;
}
.pd-canvas {
background-color: #0f0f10;
min-width: 0;
position: relative;
overflow: hidden;
}
.pd-grid-bg {
background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
background-size: 24px 24px;
position: absolute;
inset: 0;
}
.pd-edges {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.pd-edge {
fill: none;
stroke: #4c3b72;
stroke-width: 2px;
}
.pd-flow-node {
cursor: move;
-webkit-user-select: none;
user-select: none;
background-color: #1a1820;
border: 1px solid #8b5cf642;
border-radius: 10px;
width: 135px;
min-height: 68px;
padding: 10px;
position: absolute;
box-shadow: 0 10px 28px #00000038;
}
.pd-flow-node.pd-flow-start.inline-div-0 {
top: 155px;
left: 30px;
}
.pd-flow-node.inline-div-1 {
top: 60px;
left: 205px;
}
.pd-flow-node.pd-flow-policy.inline-div-2 {
top: 155px;
left: 425px;
}
.pd-flow-node.pd-flow-end.inline-div-3 {
top: 70px;
left: 635px;
}
.pd-flow-start {
background-color: #151d1a;
border-color: #34d39940;
}
.pd-flow-policy {
background-color: #1d1a14;
border-color: #f59e0b45;
}
.pd-flow-end {
background-color: #14191f;
border-color: #60a5fa45;
}
.pd-node-kind {
color: #85858c;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 8px;
display: block;
}
.pd-node-title {
color: #e3e3e6;
font-size: 11px;
display: block;
}
.pd-node-detail {
color: #74747b;
margin-top: 5px;
font-size: 8px;
display: block;
}
.pd-canvas-status {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #818188;
background-color: #171719;
border: 1px solid #ffffff14;
border-radius: 8px;
align-items: center;
padding: 7px 9px;
font-size: 9px;
display: flex;
position: absolute;
bottom: 14px;
left: 15px;
}
.pd-status-dot {
background-color: #34d399;
border-radius: 99px;
width: 7px;
height: 7px;
display: inline-block;
}
.pd-studio-layout {
grid-template-rows: auto;
grid-template-columns: 190px 1fr;
min-height: 538px;
display: grid;
}
.pd-studio-nav {
background-color: #111112;
border-right: 1px solid #ffffff14;
padding: 14px 10px;
}
.pd-studio-navitem {
color: #77777e;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 8px;
width: 100%;
margin-bottom: 3px;
padding: 10px;
font-size: 10px;
font-weight: 600;
}
.pd-studio-navitem-active {
color: #f5f5f7;
background-color: #202023;
}
.pd-save-state {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #78787f;
align-items: center;
font-size: 9px;
display: flex;
}
.pd-studio-main {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 260px;
padding: 18px;
display: grid;
}
.pd-studio-card {
background-color: #151516;
border: 1px solid #ffffff14;
border-radius: 12px;
}
.pd-readiness {
background-color: #151516;
border: 1px solid #ffffff14;
border-radius: 12px;
height: max-content;
padding: 16px;
}
.pd-studio-cardhead {
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
height: 66px;
padding: 0 16px;
display: flex;
}
.pd-card-kicker {
color: #73737a;
margin-bottom: 3px;
font-size: 9px;
display: block;
}
.pd-card-title {
font-size: 13px;
display: block;
}
.pd-agent-status {
color: #a78bfa;
background-color: #8b5cf60f;
border: 1px solid #8b5cf633;
border-radius: 6px;
padding: 4px 7px;
font-size: 8px;
}
.pd-studio-content {
padding: 16px;
}
.pd-field {
margin-bottom: 14px;
display: block;
}
.pd-field-label {
color: #76767d;
margin-bottom: 6px;
font-size: 9px;
display: block;
}
.pd-field-input {
box-sizing: border-box;
color: #d8d8dc;
background-color: #0f0f10;
border: 1px solid #ffffff17;
border-radius: 8px;
outline-style: none;
width: 100%;
padding: 9px 10px;
font-size: 10px;
}
.pd-field-textarea {
box-sizing: border-box;
color: #d8d8dc;
background-color: #0f0f10;
border: 1px solid #ffffff17;
border-radius: 8px;
outline-style: none;
width: 100%;
min-height: 78px;
padding: 9px 10px;
font-size: 10px;
line-height: 1.5;
}
.pd-inline-fields {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.pd-selectlike {
color: #b5b5ba;
background-color: #111112;
border: 1px solid #ffffff14;
border-radius: 8px;
padding: 9px;
font-size: 10px;
font-weight: 550;
display: block;
}
.pd-readiness-head {
color: #85858c;
justify-content: space-between;
align-items: center;
margin-bottom: 11px;
font-size: 10px;
display: flex;
}
.pd-readiness-value {
color: #f5f5f7;
}
.pd-readiness-track {
background-color: #27272a;
border-radius: 99px;
height: 5px;
margin-bottom: 16px;
overflow: hidden;
}
.pd-readiness-fill {
background-color: #8b5cf6;
width: 75%;
height: 100%;
transition: width .25s;
display: block;
}
.pd-checks {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
display: flex;
}
.pd-check {
color: #73737a;
text-align: left;
cursor: pointer;
background-color: #111112;
border: 1px solid #ffffff12;
border-radius: 8px;
padding: 8px;
font-size: 9px;
}
.pd-check-symbol {
color: #66666d;
width: 16px;
display: inline-block;
}
.pd-check-on {
color: #c8c8cc;
}
.pd-footnote {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #67676e;
justify-content: space-between;
align-items: center;
margin-top: 18px;
font-size: 10px;
display: flex;
}
.pd-footlink {
color: #a78bfa;
font-weight: 650;
text-decoration: none;
}
.pd-dragging {
opacity: .45;
}
.sr-section {
color: #f5f5f7;
background-color: #0d0d0d;
border-top: 1px solid #ffffff0f;
border-bottom: 1px solid #ffffff0f;
padding: 94px 24px;
}
.sr-shell {
width: 100%;
max-width: 1160px;
margin: 0 auto;
}
.sr-copy {
max-width: 760px;
margin-bottom: 38px;
}
.sr-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 11px;
font-weight: 700;
}
.sr-title {
letter-spacing: -.045em;
margin: 0 0 16px;
font-size: clamp(34px, 5vw, 56px);
line-height: 1.05;
}
.sr-lead {
color: #99999f;
max-width: 650px;
margin: 0;
font-size: 16px;
line-height: 1.65;
}
.sr-scenarios {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
margin: 24px 0 16px;
display: flex;
}
.sr-scenario {
color: #85858c;
cursor: pointer;
background-color: #171718;
border: 1px solid #ffffff17;
border-radius: 9px;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 8px 11px;
font-size: 11px;
font-weight: 650;
text-decoration: none;
transition: transform .16s, border-color .16s, background-color .16s;
display: inline-flex;
}
.sr-scenario:focus-visible, .sr-scenario[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.sr-scenario-active {
color: #c4b5fd;
background-color: #8b5cf61f;
border-color: #8b5cf64d;
}
.sr-form, .sr-form._w-form {
margin-top: 0;
}
.sr-label {
color: #707077;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 7px;
font-size: 9px;
display: block;
}
.sr-inputrow {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.sr-input {
color: #ededf0;
background-color: #111112;
border: 1px solid #ffffff1a;
border-radius: 10px;
outline-style: none;
flex: 1;
min-width: 0;
min-height: 44px;
padding: 12px 13px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 13px;
}
.sr-input:focus-visible, .sr-input[data-wf-focus-visible] {
border-color: #a78bfabf;
box-shadow: 0 0 0 3px #8b5cf629;
}
.sr-input._w-input {
color: #ededf0;
background-color: #111112;
border: 1px solid #ffffff1a;
border-radius: 10px;
outline-style: none;
flex: 1;
min-width: 0;
padding: 12px 13px;
font-size: 12px;
}
.sr-run {
color: #fff;
cursor: pointer;
background-color: #7c3aed;
border-radius: 10px;
min-height: 44px;
padding: 0 17px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 12px;
font-weight: 700;
transition: transform .16s, background-color .16s, box-shadow .16s;
}
.sr-run:hover {
background-color: #8b5cf6;
transform: translateY(-1px);
box-shadow: 0 10px 24px #7c3aed3d;
}
.sr-run:focus-visible, .sr-run[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.sr-run._w-button {
color: #fff;
cursor: pointer;
background-color: #7c3aed;
border-radius: 10px;
padding: 0 17px;
font-size: 11px;
font-weight: 700;
}
.sr-disclaimer {
color: #777780;
margin: 8px 0 0;
font-size: 10px;
line-height: 1.5;
}
.sr-console {
background-color: #111112;
border: 1px solid #ffffff1f;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 30px 80px #0000005c;
}
.sr-consolebar {
background-color: #161617;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 58px;
padding: 0 17px;
display: flex;
}
.sr-console-title {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
font-size: 12px;
font-weight: 650;
display: flex;
}
.sr-consolemark {
color: #fff;
background-color: #8b5cf6;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
font-size: 11px;
font-weight: 800;
display: flex;
}
.sr-console-state {
color: #34d399;
word-spacing: .08em;
background-color: #34d3990f;
border: 1px solid #34d39933;
border-radius: 7px;
padding: 5px 8px;
font-size: 10px;
font-weight: 700;
}
.sr-request {
background-color: #131314;
border-bottom: 1px solid #ffffff12;
padding: 16px 18px;
}
.sr-request-label {
color: #6e6e75;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 8px;
}
.sr-request-copy {
color: #dedee1;
margin: 6px 0 9px;
font-size: 13px;
line-height: 1.5;
}
.sr-request-meta {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
display: flex;
}
.sr-metatag {
color: #7d7d84;
background-color: #101011;
border: 1px solid #ffffff12;
border-radius: 6px;
padding: 3px 6px;
font-size: 8px;
}
.sr-steps {
padding: 10px 18px;
}
.sr-step {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid #ffffff0f;
grid-template-rows: auto;
grid-template-columns: 32px 1fr;
padding: 13px 0;
display: grid;
}
.sr-stepicon {
color: #77777e;
background-color: #171719;
border: 1px solid #ffffff1a;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
font-size: 9px;
font-weight: 700;
display: flex;
}
.sr-stepicon-complete {
color: #34d399;
background-color: #34d3990f;
border-color: #34d39938;
}
.sr-stepicon-current {
color: #c4b5fd;
background-color: #8b5cf61a;
border-color: #8b5cf64d;
}
.sr-stepicon-running {
color: #a78bfa;
background-color: #8b5cf61f;
border-color: #8b5cf659;
}
.sr-stepbody {
min-width: 0;
}
.sr-stepline {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
display: flex;
}
.sr-stepname {
color: #d8d8dc;
font-size: 12px;
line-height: 1.35;
}
.sr-stepstatus {
color: #83838a;
font-size: 10px;
line-height: 1.35;
}
.sr-stepdetail {
color: #717178;
margin: 5px 0 0;
font-size: 10px;
line-height: 1.55;
}
.sr-evidence {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
margin-top: 7px;
display: flex;
}
.sr-evidenceitem {
color: #a9a9af;
background-color: #171719;
border: 1px solid #ffffff12;
border-radius: 6px;
padding: 4px 6px;
font-size: 8px;
}
.sr-actionbox {
background-color: #0e0e0f;
border: 1px solid #ffffff12;
border-radius: 9px;
margin-top: 8px;
padding: 9px;
}
.sr-actionrow {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #696970;
justify-content: space-between;
padding: 4px;
font-size: 10px;
line-height: 1.4;
display: flex;
}
.sr-actionvalue {
color: #aaaab0;
text-align: right;
font-weight: 600;
}
.sr-result {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #34d3990b;
border: 1px solid #34d39929;
border-radius: 11px;
align-items: flex-start;
margin: 4px 18px 14px;
padding: 13px;
display: flex;
}
.sr-result-blocked {
background-color: #f59e0b0d;
border-color: #f59e0b38;
}
.sr-resulticon {
color: #34d399;
background-color: #34d3991c;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 11px;
display: flex;
}
.sr-resulttitle {
font-size: 11px;
display: block;
}
.sr-resultcopy {
color: #77777e;
margin: 4px 0 0;
font-size: 9px;
line-height: 1.5;
}
.sr-audit {
background-color: #0f0f10;
border-top: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.sr-audititem {
color: #6b6b72;
text-align: center;
border-right: 1px solid #ffffff0d;
padding: 10px 6px;
font-size: 8px;
}
.sr-bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #68686f;
justify-content: space-between;
align-items: center;
margin-top: 16px;
font-size: 11px;
line-height: 1.5;
display: flex;
}
.sr-link {
color: #a78bfa;
font-weight: 650;
text-decoration: none;
}
.ht-section {
color: #f5f5f7;
background-color: #0d0d0d;
border-bottom: 1px solid #ffffff0f;
padding: 88px 24px;
}
.ht-shell {
grid-column-gap: 52px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: minmax(300px, .78fr) minmax(560px, 1.22fr);
align-items: center;
width: 100%;
max-width: 1160px;
margin: 0 auto;
display: grid;
}
.ht-copy {
max-width: 500px;
}
.ht-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 11px;
font-weight: 700;
}
.ht-title {
letter-spacing: -.045em;
margin: 0 0 17px;
font-size: clamp(34px, 4.8vw, 56px);
line-height: 1.04;
}
.ht-lead {
color: #96969c;
margin: 0;
font-size: 16px;
line-height: 1.65;
}
.ht-actions {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-wrap: wrap;
margin-top: 27px;
display: flex;
}
.ht-primary {
color: #fff;
background-color: #7c3aed;
border-radius: 11px;
justify-content: center;
align-items: center;
padding: 11px 15px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.ht-secondary {
color: #d2d2d6;
background-color: #171718;
border: 1px solid #ffffff17;
border-radius: 11px;
justify-content: center;
align-items: center;
padding: 11px 15px;
font-size: 11px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.ht-productlink {
color: inherit;
text-decoration: none;
display: block;
}
.ht-window {
background-color: #101011;
border: 1px solid #ffffff1f;
border-radius: 18px;
transition: transform .25s, border-color .25s;
overflow: hidden;
box-shadow: 0 30px 80px #00000061;
}
.ht-windowbar {
background-color: #161617;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 52px;
padding: 0 14px;
display: flex;
}
.ht-brand {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
font-size: 11px;
font-weight: 650;
display: flex;
}
.ht-mark {
color: #fff;
background-color: #8b5cf6;
border-radius: 7px;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 10px;
font-weight: 800;
display: flex;
}
.ht-live {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #7f7f85;
align-items: center;
font-size: 8px;
display: flex;
}
.ht-livedot {
background-color: #34d399;
border-radius: 99px;
width: 6px;
height: 6px;
display: block;
box-shadow: 0 0 9px #34d39999;
}
.ht-body {
grid-template-rows: auto;
grid-template-columns: 128px 1fr;
min-height: 340px;
display: grid;
}
.ht-sidebar {
background-color: #111112;
border-right: 1px solid #ffffff12;
padding: 15px 9px;
}
.ht-navlabel {
color: #5f5f66;
letter-spacing: .12em;
text-transform: uppercase;
padding: 4px 7px 9px;
font-size: 8px;
display: block;
}
.ht-navitem {
color: #68686f;
border-radius: 7px;
margin-bottom: 2px;
padding: 8px 7px;
font-size: 9px;
display: block;
}
.ht-navitem-active {
color: #d8d8dc;
background-color: #202023;
}
.ht-main {
padding: 17px;
}
.ht-chatrow {
justify-content: flex-end;
margin-bottom: 12px;
display: flex;
}
.ht-user {
color: #fff;
background-color: #6d28d9;
border-radius: 11px 11px 3px;
max-width: 340px;
padding: 9px 11px;
font-size: 9px;
line-height: 1.45;
}
.ht-execution {
background-color: #141415;
border: 1px solid #ffffff12;
border-radius: 10px;
overflow: hidden;
}
.ht-execrow {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-bottom: 1px solid #ffffff0d;
grid-template-rows: auto;
grid-template-columns: 25px 1fr auto;
align-items: center;
padding: 9px 10px;
display: grid;
}
.ht-execicon {
color: #a78bfa;
background-color: #8b5cf61a;
border: 1px solid #8b5cf633;
border-radius: 7px;
justify-content: center;
align-items: center;
width: 21px;
height: 21px;
font-size: 8px;
display: flex;
}
.ht-execicon-done {
color: #34d399;
background-color: #34d39912;
border-color: #34d3992e;
}
.ht-exectitle {
color: #d1d1d5;
font-size: 9px;
display: block;
}
.ht-execmeta {
color: #65656c;
margin-top: 2px;
font-size: 7px;
display: block;
}
.ht-execstate {
color: #a78bfa;
font-size: 7px;
}
.ht-execstate-done {
color: #34d399;
}
.ht-mission {
background-color: #18181a;
border: 1px solid #ffffff14;
border-radius: 10px;
margin-top: 11px;
padding: 11px;
}
.ht-missiontop {
color: #626269;
justify-content: space-between;
margin-bottom: 7px;
font-size: 7px;
display: flex;
}
.ht-missionstatus {
color: #34d399;
}
.ht-missiontitle {
color: #e1e1e4;
font-size: 10px;
display: block;
}
.ht-progress {
background-color: #29292c;
border-radius: 99px;
height: 3px;
margin: 9px 0;
overflow: hidden;
}
.ht-progressfill {
background-color: #8b5cf6;
width: 62%;
height: 100%;
display: block;
}
.ht-missionmeta {
color: #68686f;
justify-content: space-between;
font-size: 7px;
display: flex;
}
.ht-openhint {
color: #a78bfa;
text-align: right;
background-color: #121213;
border-top: 1px solid #ffffff12;
padding: 11px 14px;
font-size: 8px;
}
.cp-section {
background-color: #0d0d0d;
border-top: 1px solid #ffffff0f;
border-bottom: 1px solid #ffffff0f;
padding: 112px 24px 120px;
}
.cp-shell {
width: 100%;
max-width: 1220px;
margin: 0 auto;
}
.cp-intro {
max-width: 720px;
margin: 0 0 42px;
}
.cp-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
margin-bottom: 14px;
font-family: Inter, sans-serif;
font-size: 11px;
font-weight: 700;
}
.cp-title {
color: #f7f7f8;
letter-spacing: -.045em;
margin: 0 0 18px;
font-family: Inter, sans-serif;
font-size: clamp(38px, 5vw, 64px);
font-weight: 650;
line-height: 1.02;
}
.cp-subtitle {
color: #9a9aa0;
max-width: 660px;
margin: 0;
font-family: Inter, sans-serif;
font-size: 17px;
line-height: 1.65;
}
.cp-app {
background-color: #101011;
border: 1px solid #ffffff1f;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 90px #0000006b;
}
.cp-topbar {
grid-column-gap: 22px;
grid-row-gap: 22px;
background-color: #151516;
border-bottom: 1px solid #ffffff14;
align-items: center;
height: 58px;
padding: 0 16px;
display: flex;
}
.cp-brand {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
min-width: 190px;
display: flex;
}
.cp-logo {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 13px;
font-weight: 800;
display: flex;
}
.cp-brandcopy {
flex-direction: column;
display: flex;
}
.cp-brandname {
color: #f5f5f7;
font-size: 13px;
font-weight: 700;
}
.cp-brandmeta {
color: #73737a;
font-size: 10px;
}
.cp-topnav {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex: 1;
align-items: center;
display: flex;
}
.cp-topbutton {
color: #818188;
cursor: pointer;
background-color: #0000;
border-radius: 8px;
padding: 8px 11px;
font-size: 12px;
font-weight: 600;
}
.cp-topbutton-active {
color: #ddd6fe;
background-color: #26232e;
}
.cp-runtime {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.cp-runtime-dot {
background-color: #34d399;
border-radius: 50%;
width: 7px;
height: 7px;
}
.cp-runtime-text {
color: #8c8c92;
font-size: 10px;
}
.cp-body {
grid-template-rows: auto;
grid-template-columns: 54px minmax(360px, .86fr) minmax(460px, 1.14fr);
min-height: 660px;
display: grid;
}
.cp-rail {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #121213;
border-right: 1px solid #ffffff12;
flex-direction: column;
padding: 12px 8px;
display: flex;
}
.cp-railbutton {
color: #777780;
cursor: pointer;
background-color: #0000;
border: 1px solid #0000;
border-radius: 9px;
width: 36px;
height: 36px;
font-size: 11px;
font-weight: 800;
}
.cp-railbutton-active {
color: #c4b5fd;
background-color: #251f31;
border-color: #8b5cf647;
}
.cp-railspace {
flex: 1;
}
.cp-railstatus {
background-color: #34d399;
border-radius: 50%;
width: 8px;
height: 8px;
margin: 0 auto 6px;
}
.cp-chat {
background-color: #0f0f10;
border-right: 1px solid #ffffff12;
flex-direction: column;
min-width: 0;
display: flex;
}
.cp-chathead {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
padding: 15px 16px;
display: flex;
}
.cp-chatidentity {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.cp-avatar {
color: #c4b5fd;
background-color: #211c2b;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 11px;
font-weight: 800;
display: flex;
}
.cp-chatcopy {
flex-direction: column;
display: flex;
}
.cp-chatname {
color: #eeeef0;
font-size: 13px;
font-weight: 650;
}
.cp-chatmeta {
color: #777780;
font-size: 10px;
}
.cp-contexts {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
justify-content: flex-end;
display: flex;
}
.cp-context {
color: #777780;
cursor: pointer;
background-color: #151516;
border: 1px solid #ffffff14;
border-radius: 999px;
padding: 5px 8px;
font-size: 9px;
}
.cp-context-active {
color: #c4b5fd;
background-color: #211b2b;
border-color: #8b5cf64d;
}
.cp-messages {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-direction: column;
flex: 1;
padding: 18px;
display: flex;
overflow: auto;
}
.cp-system {
color: #73737a;
background-color: #151516;
border: 1px solid #ffffff0f;
border-radius: 8px;
padding: 8px 10px;
font-size: 10px;
line-height: 1.45;
}
.cp-message {
max-width: 92%;
font-size: 12px;
line-height: 1.55;
}
.cp-message-user {
color: #fff;
background-color: #7c3aed;
border-radius: 12px 12px 3px;
align-self: flex-end;
padding: 10px 12px;
}
.cp-message-agent {
color: #d3d3d7;
background-color: #171718;
border: 1px solid #ffffff14;
border-radius: 3px 12px 12px;
align-self: flex-start;
padding: 12px;
}
.cp-agentlabel {
color: #a78bfa;
letter-spacing: .08em;
margin-bottom: 7px;
font-size: 9px;
font-weight: 700;
}
.cp-messagecopy {
color: #c7c7cc;
font-size: 12px;
line-height: 1.55;
}
.cp-messageartifact {
background-color: #111112;
border: 1px solid #ffffff14;
border-radius: 8px;
margin-top: 10px;
padding: 9px;
}
.cp-artifactname {
color: #e9e9ec;
font-family: monospace;
font-size: 10px;
}
.cp-artifactmeta {
color: #777780;
margin-top: 3px;
font-size: 9px;
}
.cp-suggestions {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
padding: 0 14px 10px;
display: flex;
}
.cp-suggestion {
color: #898990;
cursor: pointer;
background-color: #151516;
border: 1px solid #ffffff14;
border-radius: 8px;
padding: 6px 8px;
font-size: 9px;
}
.cp-form, .cp-form._w-form {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #121213;
border-top: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
padding: 12px;
display: grid;
}
.cp-input, .cp-input._w-input {
color: #f2f2f4;
background-color: #0d0d0e;
border: 1px solid #ffffff17;
border-radius: 9px;
outline-style: none;
width: 100%;
height: 40px;
padding: 0 12px;
font-size: 11px;
}
.cp-send, .cp-send._w-button {
color: #fff;
cursor: pointer;
background-color: #7c3aed;
border-radius: 9px;
height: 40px;
padding: 0 14px;
font-size: 10px;
font-weight: 700;
}
.cp-work {
background-color: #121213;
min-width: 0;
}
.cp-workhead {
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
height: 62px;
padding: 0 18px;
display: flex;
}
.cp-workcopy {
flex-direction: column;
display: flex;
}
.cp-workeyebrow {
color: #73737a;
letter-spacing: .14em;
font-size: 8px;
font-weight: 700;
}
.cp-worktitle {
color: #ededf0;
margin-top: 3px;
font-size: 14px;
font-weight: 650;
}
.cp-workbadge {
color: #a78bfa;
letter-spacing: .1em;
background-color: #211b2b;
border: 1px solid #8b5cf647;
border-radius: 999px;
padding: 5px 8px;
font-size: 8px;
font-weight: 700;
}
.cp-panel {
height: 598px;
padding: 18px;
display: none;
overflow: auto;
}
.cp-panel-active {
display: block;
}
.cp-runsummary {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 16px;
display: grid;
}
.cp-runstat {
background-color: #171718;
border: 1px solid #ffffff12;
border-radius: 10px;
padding: 11px;
}
.cp-runvalue {
color: #ededf0;
font-size: 15px;
font-weight: 700;
}
.cp-runlabel {
color: #777780;
margin-top: 4px;
font-size: 8px;
}
.cp-timeline {
border: 1px solid #ffffff12;
border-radius: 12px;
overflow: hidden;
}
.cp-step {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #151516;
border-bottom: 1px solid #ffffff0f;
grid-template-rows: auto;
grid-template-columns: 28px 1fr auto;
align-items: center;
padding: 12px;
display: grid;
}
.cp-stepdot {
color: #777780;
background-color: #262629;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 9px;
font-weight: 700;
display: flex;
}
.cp-stepcopy {
flex-direction: column;
display: flex;
}
.cp-steptitle {
color: #d8d8dc;
font-size: 11px;
font-weight: 600;
}
.cp-stepmeta {
color: #707078;
margin-top: 2px;
font-size: 9px;
}
.cp-stepstate {
color: #707078;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 8px;
}
.cp-step-done {
background-color: #141716;
}
.cp-step-live {
background-color: #18141e;
}
.cp-stepdot-done {
color: #34d399;
background-color: #143329;
}
.cp-stepdot-live {
color: #c4b5fd;
background-color: #33225c;
}
.cp-approval {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #f59e0b0d;
border: 1px solid #f59e0b3d;
border-radius: 11px;
justify-content: space-between;
align-items: center;
margin-top: 14px;
padding: 12px;
display: flex;
}
.cp-approvalcopy {
flex-direction: column;
display: flex;
}
.cp-approvaltitle {
color: #f5d18a;
font-size: 10px;
font-weight: 650;
}
.cp-approvalmeta {
color: #9b8764;
margin-top: 3px;
font-size: 9px;
}
.cp-approve {
color: #17120a;
cursor: pointer;
background-color: #f59e0b;
border-radius: 8px;
padding: 8px 10px;
font-size: 9px;
font-weight: 800;
}
.cp-code {
background-color: #0e0e0f;
border: 1px solid #ffffff12;
border-radius: 11px;
margin-top: 14px;
overflow: hidden;
}
.cp-codehead {
color: #9e9ea5;
background-color: #171718;
border-bottom: 1px solid #ffffff0f;
padding: 9px 11px;
font-family: monospace;
font-size: 9px;
}
.cp-codeline {
color: #a7a7ae;
border-bottom: 1px solid #ffffff0a;
padding: 7px 11px;
font-family: monospace;
font-size: 9px;
}
.cp-canvashead {
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.cp-canvasnote {
color: #797980;
font-size: 10px;
}
.cp-addnode {
color: #c4b5fd;
cursor: pointer;
background-color: #211b2b;
border: 1px solid #8b5cf647;
border-radius: 8px;
padding: 7px 9px;
font-size: 9px;
}
.cp-canvas {
background-color: #0d0d0e;
border: 1px solid #ffffff12;
border-radius: 12px;
height: 470px;
position: relative;
overflow: hidden;
}
.cp-grid {
background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
background-size: 24px 24px;
position: absolute;
inset: 0;
}
.cp-node {
cursor: grab;
-webkit-user-select: none;
user-select: none;
background-color: #181819;
border: 1px solid #ffffff1a;
border-radius: 10px;
width: 132px;
padding: 10px;
position: absolute;
box-shadow: 0 12px 30px #0000003d;
}
.cp-node-start {
top: 42%;
left: 7%;
}
.cp-node-route {
top: 19%;
left: 34%;
}
.cp-node-policy {
top: 61%;
left: 35%;
}
.cp-node-action {
top: 42%;
left: 69%;
}
.cp-nodekind {
color: #a78bfa;
letter-spacing: .12em;
font-size: 7px;
font-weight: 800;
}
.cp-nodetitle {
color: #ececf0;
margin-top: 5px;
font-size: 10px;
font-weight: 650;
}
.cp-nodemeta {
color: #73737a;
margin-top: 4px;
font-size: 8px;
}
.cp-validation {
color: #34d399;
margin-top: 10px;
font-size: 9px;
}
.cp-missiongrid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
height: 100%;
display: grid;
}
.cp-missioncolumn {
background-color: #101011;
border: 1px solid #ffffff12;
border-radius: 12px;
padding: 10px;
}
.cp-columnhead {
color: #717178;
letter-spacing: .12em;
margin: 2px 2px 10px;
font-size: 8px;
font-weight: 700;
}
.cp-missioncard {
cursor: grab;
background-color: #181819;
border: 1px solid #ffffff14;
border-radius: 10px;
margin-bottom: 9px;
padding: 12px;
}
.cp-missionpriority {
color: #fb7185;
letter-spacing: .1em;
font-size: 7px;
font-weight: 800;
}
.cp-missionpriority-neutral {
color: #a78bfa;
}
.cp-missiontitle {
color: #e7e7ea;
margin-top: 7px;
font-size: 11px;
font-weight: 650;
}
.cp-missionmeta {
color: #73737a;
margin-top: 5px;
font-size: 8px;
}
.cp-progress {
background-color: #29292d;
border-radius: 999px;
height: 3px;
margin-top: 10px;
overflow: hidden;
}
.cp-progressfill {
background-color: #8b5cf6;
width: 62%;
height: 100%;
}
.cp-progressfill-small {
width: 28%;
}
.cp-dropzone {
text-align: center;
background-color: #15121a;
border: 1px dashed #8b5cf657;
border-radius: 11px;
flex-direction: column;
justify-content: center;
align-items: center;
height: calc(100% - 28px);
padding: 20px;
display: flex;
}
.cp-dropzone-active {
background-color: #21182c;
border-color: #a78bfa;
}
.cp-dropicon {
color: #a78bfa;
font-size: 24px;
}
.cp-droptitle {
color: #e6e6e9;
margin-top: 10px;
font-size: 11px;
font-weight: 650;
}
.cp-dropmeta {
color: #777780;
max-width: 170px;
margin-top: 6px;
font-size: 9px;
line-height: 1.5;
}
.cp-studiogrid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 126px 1fr;
height: 100%;
display: grid;
}
.cp-studionav {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-right: 1px solid #ffffff12;
flex-direction: column;
padding-right: 10px;
display: flex;
}
.cp-studiobutton {
color: #777780;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 8px;
padding: 9px;
font-size: 9px;
}
.cp-studiobutton-active {
color: #c4b5fd;
background-color: #211b2b;
}
.cp-studiocontent {
padding: 3px 2px;
}
.cp-studiotitle {
color: #ededf0;
margin-bottom: 16px;
font-size: 14px;
font-weight: 650;
}
.cp-field {
margin-bottom: 12px;
}
.cp-fieldlabel {
color: #73737a;
letter-spacing: .1em;
margin-bottom: 5px;
font-size: 8px;
font-weight: 700;
}
.cp-fieldvalue {
color: #c8c8cd;
background-color: #161617;
border: 1px solid #ffffff14;
border-radius: 8px;
padding: 10px;
font-size: 10px;
}
.cp-fieldvalue-large {
min-height: 64px;
line-height: 1.55;
}
.cp-togglegrid {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 15px;
display: grid;
}
.cp-toggle {
color: #777780;
text-align: left;
cursor: pointer;
background-color: #161617;
border: 1px solid #ffffff14;
border-radius: 8px;
padding: 9px;
font-size: 9px;
}
.cp-toggle-active {
color: #6ee7b7;
background-color: #131c18;
border-color: #34d39940;
}
.cp-readiness {
margin-top: 18px;
}
.cp-readinesshead {
justify-content: space-between;
display: flex;
}
.cp-readinesslabel {
color: #898990;
font-size: 9px;
}
.cp-readinessscore {
color: #c4b5fd;
font-size: 9px;
font-weight: 700;
}
.cp-readinessbar {
background-color: #29292d;
border-radius: 999px;
height: 5px;
margin-top: 8px;
overflow: hidden;
}
.cp-readinessfill {
background-color: #8b5cf6;
width: 75%;
height: 100%;
}
.cp-footer {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
margin-top: 17px;
display: flex;
}
.cp-footnote {
color: #66666d;
font-size: 9px;
}
.cp-cta {
color: #b9a5fb;
font-size: 10px;
font-weight: 650;
text-decoration: none;
}
.cp-send-link {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.ag-hero-v2 {
color: #f5f5f7;
background-color: #0d0d0d;
border-bottom: 1px solid #ffffff12;
padding: 148px 32px 92px;
position: relative;
overflow: hidden;
}
.ag-hero-glow-one {
pointer-events: none;
background-image: radial-gradient(circle, #7c3aed30 0%, #7c3aed00 68%);
border-radius: 999px;
width: 680px;
height: 680px;
position: absolute;
top: -360px;
right: -120px;
}
.ag-hero-glow-two {
pointer-events: none;
background-image: radial-gradient(circle, #a855f71a 0%, #a855f700 70%);
border-radius: 999px;
width: 520px;
height: 520px;
position: absolute;
bottom: -360px;
left: -180px;
}
.ag-hero-shell {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.02fr) minmax(440px, .98fr);
align-items: center;
column-gap: 78px;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.ag-hero-copy {
max-width: 680px;
}
.ag-hero-kicker {
color: #b794f6;
letter-spacing: .16em;
align-items: center;
column-gap: 10px;
margin-bottom: 26px;
font-size: 12px;
font-weight: 700;
display: flex;
}
.ag-hero-kicker-dot {
background-color: #8b5cf6;
border-radius: 999px;
width: 7px;
height: 7px;
box-shadow: 0 0 18px #8b5cf6e6;
}
.ag-hero-title {
color: #f8f7fb;
letter-spacing: -.058em;
max-width: 760px;
margin: 0;
font-size: clamp(52px, 6vw, 88px);
font-weight: 680;
line-height: .95;
}
.ag-hero-lead {
color: #a5a3aa;
max-width: 650px;
margin: 28px 0 0;
font-size: 20px;
line-height: 1.58;
}
.ag-hero-signals {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.ag-hero-signal {
color: #c9c4d3;
letter-spacing: .02em;
background-color: #8b5cf60f;
border: 1px solid #a78bfa2e;
border-radius: 999px;
align-items: center;
min-height: 34px;
padding: 7px 12px;
font-size: 12px;
display: inline-flex;
}
.ag-hero-form, .ag-hero-form._w-form {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #121214e0;
border: 1px solid #ffffff21;
border-radius: 16px;
align-items: center;
margin-top: 38px;
padding: 8px;
display: flex;
box-shadow: 0 22px 80px #0000005c;
}
.ag-hero-input, .ag-hero-input._w-input {
color: #f5f5f7;
background-color: #0000;
outline-style: none;
width: 100%;
height: 54px;
padding: 0 16px;
font-size: 15px;
}
.ag-hero-submit, .ag-hero-submit._w-button {
color: #fff;
cursor: pointer;
background-image: linear-gradient(135deg, #7c3aed 0%, #9333ea 100%);
border-radius: 11px;
flex: none;
height: 54px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
box-shadow: 0 12px 32px #7c3aed45;
}
.ag-hero-arrow {
margin-left: 5px;
}
.ag-hero-actions {
justify-content: space-between;
align-items: center;
column-gap: 18px;
margin-top: 16px;
display: flex;
}
.ag-hero-link {
color: #c4b5fd;
font-size: 13px;
font-weight: 650;
text-decoration: none;
}
.ag-hero-note {
color: #68666d;
text-align: right;
font-size: 11px;
}
.ag-proof {
background-image: linear-gradient(160deg, #1c1a1ffa 0%, #0e0e10fa 72%);
border: 1px solid #ffffff1f;
border-radius: 24px;
position: relative;
overflow: hidden;
box-shadow: 0 40px 120px #00000080, 0 0 0 1px #7c3aed0a;
}
.ag-proof-top {
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
padding: 18px 20px;
display: flex;
}
.ag-proof-brand {
align-items: center;
column-gap: 10px;
display: flex;
}
.ag-proof-logo {
color: #fff;
background-color: #7c3aed;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 13px;
font-weight: 800;
display: flex;
}
.ag-proof-name {
font-size: 13px;
font-weight: 700;
}
.ag-proof-status {
color: #8b8990;
align-items: center;
column-gap: 7px;
font-size: 11px;
display: flex;
}
.ag-proof-status-dot {
background-color: #34d399;
border-radius: 999px;
width: 7px;
height: 7px;
box-shadow: 0 0 14px #34d399a6;
}
.ag-proof-context {
padding: 23px 22px 20px;
}
.ag-proof-context-label {
color: #77737f;
letter-spacing: .14em;
margin-bottom: 11px;
font-size: 10px;
font-weight: 700;
display: block;
}
.ag-proof-prompt {
color: #e8e4ef;
background-color: #7c3aed21;
border: 1px solid #a78bfa2e;
border-radius: 13px;
margin: 0;
padding: 15px 16px;
font-size: 14px;
line-height: 1.48;
}
.ag-proof-flow {
padding: 2px 22px 22px;
}
.ag-proof-step {
background-color: #ffffff05;
border: 1px solid #ffffff14;
border-radius: 13px;
grid-template-rows: auto;
grid-template-columns: 32px minmax(0, 1fr) auto;
align-items: center;
column-gap: 12px;
padding: 14px 15px;
display: grid;
}
.ag-proof-step-active {
background-color: #34d39909;
border-color: #34d3992e;
}
.ag-proof-step-policy {
background-color: #7c3aed0b;
border-color: #a78bfa30;
}
.ag-proof-number {
color: #a8a5ad;
background-color: #ffffff0f;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
font-size: 10px;
font-weight: 700;
display: flex;
}
.ag-proof-stepcopy {
flex-direction: column;
row-gap: 4px;
display: flex;
}
.ag-proof-steptitle {
color: #e9e7ec;
font-size: 12px;
}
.ag-proof-stepmeta {
color: #77747d;
font-size: 10px;
}
.ag-proof-check {
color: #34d399;
font-size: 13px;
}
.ag-proof-pill {
color: #c4b5fd;
letter-spacing: .08em;
background-color: #7c3aed29;
border-radius: 999px;
align-items: center;
min-height: 24px;
padding: 4px 8px;
font-size: 8px;
font-weight: 800;
display: inline-flex;
}
.ag-proof-connector {
background-color: #ffffff1a;
width: 1px;
height: 12px;
margin-left: 29px;
}
.ag-proof-bottom {
background-color: #00000024;
border-top: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
column-gap: 16px;
padding: 20px 22px;
display: flex;
}
.ag-proof-output {
flex-direction: column;
row-gap: 4px;
display: flex;
}
.ag-proof-output-label {
color: #77737f;
letter-spacing: .13em;
font-size: 9px;
font-weight: 700;
}
.ag-proof-output-title {
color: #f4f1f7;
font-size: 13px;
}
.ag-proof-output-meta {
color: #76737b;
font-size: 10px;
}
.ag-proof-run {
color: #c4b5fd;
background-color: #7c3aed12;
border: 1px solid #a78bfa38;
border-radius: 10px;
align-items: center;
min-height: 36px;
padding: 8px 12px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.ag-hero-proofline {
z-index: 2;
align-items: center;
column-gap: 20px;
max-width: 1240px;
margin: 42px auto 0;
display: flex;
position: relative;
}
.ag-hero-proofline-text {
color: #6f6c74;
letter-spacing: .04em;
font-size: 11px;
}
.ag-hero-proofline-rule {
background-image: linear-gradient(90deg, #ffffff1f, #fff0);
flex: 1;
height: 1px;
}
.ag-hero-submit-link {
white-space: nowrap;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.agf-funnel {
color: #f7f7f8;
background-color: #0d0d0d;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.agf-product {
border-top: 1px solid #ffffff14;
padding: 112px 24px 128px;
}
.agf-surfaces {
background-color: #101010;
border-top: 1px solid #ffffff14;
padding: 128px 24px;
}
.agf-assessment {
color: #171717;
background-color: #f6f5f2;
padding: 128px 24px;
}
.agf-authority {
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
padding: 128px 24px;
}
.agf-wrap {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.agf-eyebrow {
color: #9d7cff;
letter-spacing: .16em;
margin-bottom: 22px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.agf-intro {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 1.05fr .95fr;
align-items: start;
margin-bottom: 48px;
display: grid;
}
.agf-title {
letter-spacing: -.055em;
color: inherit;
margin: 0;
font-size: clamp(38px, 5vw, 68px);
font-weight: 650;
line-height: 1.02;
}
.agf-lead {
color: #b7b7bd;
margin: 0;
font-size: 18px;
line-height: 1.65;
}
.agf-lead-light {
color: #5d5c58;
}
.agf-note {
color: #73737b;
margin: 14px 0 0;
font-size: 12px;
line-height: 1.6;
}
.agf-prompt-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-bottom: 18px;
display: flex;
}
.agf-prompt {
color: #d6d6db;
cursor: pointer;
background-color: #171717;
border: 1px solid #ffffff1f;
border-radius: 999px;
padding: 10px 14px;
font-size: 13px;
}
.agf-window {
background-color: #f8fafc;
border: 1px solid #d9dee7;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 40px 100px #0000005c;
}
.agf-windowbar {
color: #111827;
background-color: #fff;
border-bottom: 1px solid #e5e7eb;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr;
align-items: center;
height: 54px;
padding: 0 18px;
display: grid;
}
.agf-windowdots {
grid-column-gap: 7px;
grid-row-gap: 7px;
display: flex;
}
.agf-dot {
background-color: #d6d9df;
border-radius: 50%;
width: 9px;
height: 9px;
}
.agf-windowtitle {
font-size: 13px;
font-weight: 650;
}
.agf-windowmeta {
color: #7c8594;
text-align: right;
font-size: 11px;
}
.agf-windowbody {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 340px;
min-height: 660px;
display: grid;
}
.agf-chat {
background-color: #fff;
flex-direction: column;
min-width: 0;
display: flex;
}
.agf-chathead {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #e8ebf0;
justify-content: space-between;
align-items: center;
padding: 18px 22px;
display: flex;
}
.agf-chatlabel {
color: #171b23;
font-size: 14px;
font-weight: 650;
}
.agf-chatsub {
color: #8590a0;
margin-top: 3px;
font-size: 11px;
}
.agf-chip {
color: #6d4fd3;
background-color: #f3efff;
border: 1px solid #dfd5ff;
border-radius: 999px;
padding: 6px 9px;
font-size: 11px;
}
.agf-messages {
background-image: linear-gradient(#fff 0%, #fbfbfd 100%);
flex: 1;
padding: 34px 28px;
overflow: auto;
}
.agf-message-user {
color: #1d2430;
background-color: #f0f1f4;
border-radius: 16px 16px 4px;
max-width: 72%;
margin-left: auto;
padding: 13px 16px;
font-size: 14px;
line-height: 1.55;
}
.agf-message-agent {
color: #202632;
max-width: 82%;
margin-top: 26px;
font-size: 14px;
line-height: 1.68;
}
.agf-agent-name {
color: #7656de;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
}
.agf-message-tools {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
margin-top: 15px;
display: flex;
}
.agf-toolchip {
color: #596273;
background-color: #f7f8fa;
border: 1px solid #dfe3e9;
border-radius: 6px;
padding: 5px 7px;
font-size: 10px;
}
.agf-composer {
background-color: #fffffff5;
border-top: 1px solid #e6e9ee;
padding: 18px 22px 14px;
}
.agf-context-row {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
margin-bottom: 9px;
display: flex;
}
.agf-context-chip {
color: #6250a7;
background-color: #f6f3ff;
border: 1px solid #e2dbff;
border-radius: 6px;
padding: 5px 7px;
font-size: 10px;
}
.agf-orchestrator-form, .agf-orchestrator-form._w-form {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #fff;
border: 1px solid #dfe3e8;
border-radius: 16px;
align-items: flex-end;
padding: 10px 10px 10px 14px;
display: flex;
box-shadow: 0 8px 24px #0f172a12;
}
.agf-input {
color: #1a202c;
resize: none;
background-color: #0000;
flex: 1;
font-family: inherit;
font-size: 14px;
line-height: 1.5;
}
.agf-send, .agf-send._w-button {
color: #fff;
cursor: pointer;
background-color: #7656de;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 1;
}
.agf-inputmeta {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #9aa2af;
justify-content: space-between;
margin-top: 8px;
font-size: 9px;
display: flex;
}
.agf-panel {
color: #202632;
background-color: #f8f9fb;
border-left: 1px solid #e3e6eb;
padding: 20px;
}
.agf-panelhead {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #e1e5ea;
justify-content: space-between;
align-items: center;
padding-bottom: 18px;
display: flex;
}
.agf-paneltitle {
font-size: 13px;
font-weight: 700;
}
.agf-panelsub {
color: #8791a0;
margin-top: 3px;
font-size: 10px;
}
.agf-live {
color: #7656de;
letter-spacing: .1em;
background-color: #eee9ff;
border: 1px solid #ded3ff;
border-radius: 999px;
padding: 6px 8px;
font-size: 9px;
}
.agf-steps {
padding: 16px 0;
}
.agf-step {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #8b93a1;
border-bottom: 1px solid #e6e9ee;
grid-template-rows: auto;
grid-template-columns: 12px 1fr auto;
align-items: start;
padding: 12px 0;
display: grid;
}
.agf-step-done {
color: #202632;
}
.agf-step-live {
color: #7656de;
}
.agf-stepdot {
background-color: #d1d5db;
border-radius: 50%;
width: 9px;
height: 9px;
margin-top: 4px;
}
.agf-stepdot-done {
background-color: #22a06b;
}
.agf-stepdot-live {
background-color: #7656de;
}
.agf-steptitle {
font-size: 11px;
display: block;
}
.agf-stepmeta {
color: #9ca3af;
margin-top: 4px;
font-size: 9px;
display: block;
}
.agf-stepstate {
font-size: 9px;
}
.agf-artifact {
background-color: #fff;
border: 1px solid #dfe3e8;
border-radius: 12px;
margin-top: 16px;
padding: 15px;
}
.agf-artifact-label {
color: #8a93a2;
letter-spacing: .13em;
font-size: 8px;
}
.agf-artifact-title {
margin-top: 8px;
font-size: 12px;
display: block;
}
.agf-artifact-copy {
color: #798292;
margin-top: 7px;
font-size: 10px;
line-height: 1.55;
display: block;
}
.agf-artifact-status {
color: #7656de;
background-color: #f1edff;
border-radius: 999px;
margin-top: 12px;
padding: 5px 7px;
font-size: 9px;
display: inline-block;
}
.agf-surface-row {
grid-column-gap: 36px;
grid-row-gap: 36px;
border-top: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 64px minmax(0, .85fr) minmax(360px, 1.15fr);
align-items: center;
padding: 56px 0;
display: grid;
}
.agf-surface-index {
color: #777781;
align-self: start;
padding-top: 6px;
font-size: 12px;
}
.agf-surface-title {
letter-spacing: -.035em;
margin: 0 0 14px;
font-size: 31px;
line-height: 1.1;
}
.agf-surface-text {
color: #aaaab1;
margin: 0 0 18px;
font-size: 15px;
line-height: 1.7;
}
.agf-textlink {
color: #a98dff;
font-size: 12px;
text-decoration: none;
}
.agf-mini {
color: #202632;
background-color: #f7f8fa;
border: 1px solid #dfe3e8;
border-radius: 15px;
min-height: 250px;
overflow: hidden;
box-shadow: 0 18px 50px #00000038;
}
.agf-mini-orchestrator {
padding: 16px;
}
.agf-mini-top {
border-bottom: 1px solid #e1e5e9;
justify-content: space-between;
padding-bottom: 14px;
font-size: 11px;
font-weight: 650;
display: flex;
}
.agf-mini-badge {
color: #7656de;
font-size: 9px;
}
.agf-mini-message {
background-color: #ebedf1;
border-radius: 12px 12px 4px;
width: 64%;
margin: 22px 0 0 auto;
padding: 10px 12px;
font-size: 11px;
}
.agf-mini-answer {
width: 76%;
margin-top: 18px;
font-size: 11px;
line-height: 1.6;
}
.agf-mini-input {
color: #8b93a1;
border: 1px solid #dfe3e8;
border-radius: 12px;
justify-content: space-between;
margin-top: 28px;
padding: 12px;
font-size: 10px;
display: flex;
}
.agf-mini-send {
color: #7656de;
}
.agf-mini-board {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #f3f4f6;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 12px;
display: grid;
}
.agf-board-col {
background-color: #fff;
border: 1px solid #e2e5ea;
border-radius: 10px;
padding: 10px;
}
.agf-board-card {
background-color: #fafafa;
border: 1px solid #e6e8ec;
border-radius: 8px;
margin-top: 14px;
padding: 12px 9px;
font-size: 10px;
line-height: 1.45;
}
.agf-mini-canvas {
background-color: #fafafa;
position: relative;
}
.agf-canvas-line {
background-color: #c9cfd8;
height: 1px;
position: absolute;
top: 50%;
left: 18%;
right: 18%;
}
.agf-canvas-node {
background-color: #fff;
border: 1px solid #d9dee6;
border-radius: 10px;
width: 128px;
padding: 12px;
font-size: 10px;
position: absolute;
box-shadow: 0 8px 18px #0f172a14;
}
.agf-canvas-kind {
color: #7656de;
margin-bottom: 7px;
font-size: 8px;
display: block;
}
.agf-node-one {
top: 34%;
left: 8%;
}
.agf-node-two {
top: 22%;
left: 39%;
}
.agf-node-three {
top: 44%;
right: 8%;
}
.agf-mini-studio {
grid-template-rows: auto;
grid-template-columns: 132px 1fr;
display: grid;
}
.agf-studio-nav {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #f3f4f6;
border-right: 1px solid #dfe3e8;
flex-direction: column;
padding: 14px;
display: flex;
}
.agf-studio-item {
color: #7f8896;
border-radius: 7px;
padding: 8px;
font-size: 9px;
}
.agf-studio-active {
color: #6b4ed0;
background-color: #ece7ff;
}
.agf-studio-main {
padding: 22px;
font-size: 12px;
}
.agf-setting {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #e3e6eb;
justify-content: space-between;
margin-top: 24px;
padding: 13px 0;
font-size: 10px;
display: flex;
}
.agf-setting-value {
color: #7656de;
}
.agf-assessment-grid {
grid-column-gap: 88px;
grid-row-gap: 88px;
grid-template-rows: auto;
grid-template-columns: .82fr 1.18fr;
align-items: start;
display: grid;
}
.agf-method {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #d8d5cf;
margin-top: 32px;
padding-top: 22px;
display: grid;
}
.agf-method-title {
font-size: 13px;
}
.agf-method-copy {
color: #6e6b65;
font-size: 13px;
line-height: 1.65;
}
.agf-assessment-form, .agf-assessment-form._w-form {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #fff;
border: 1px solid #dfddd7;
border-radius: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 26px;
display: grid;
box-shadow: 0 22px 60px #2e2a221a;
}
.agf-field {
grid-column-gap: 7px;
grid-row-gap: 7px;
display: grid;
}
.agf-label {
color: #4e4b46;
font-size: 11px;
font-weight: 650;
}
.agf-number, .agf-number._w-input, .agf-number._w-input-1 {
color: #181817;
background-color: #fff;
border: 1px solid #d8d6d0;
border-radius: 10px;
width: 100%;
padding: 12px 13px;
font-family: inherit;
font-size: 14px;
}
.agf-select, .agf-select._w-select, .agf-select._w-select {
color: #181817;
background-color: #fff;
border: 1px solid #d8d6d0;
border-radius: 10px;
width: 100%;
padding: 12px 13px;
font-family: inherit;
font-size: 13px;
}
.agf-result {
color: #fff;
background-color: #171717;
border-radius: 14px;
grid-column: 1 / -1;
margin-top: 8px;
padding: 24px;
}
.agf-score {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-bottom: 1px solid #ffffff24;
align-items: baseline;
padding-bottom: 20px;
display: flex;
}
.agf-score-value {
letter-spacing: -.05em;
font-size: 52px;
font-weight: 650;
line-height: 1;
}
.agf-score-label {
color: #aaa;
font-size: 12px;
}
.agf-result-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 22px 0;
display: grid;
}
.agf-result-label {
color: #8d8d94;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.agf-result-value {
margin-top: 7px;
font-size: 12px;
line-height: 1.45;
display: block;
}
.agf-result-copy {
color: #bdbdc2;
margin: 0 0 18px;
font-size: 12px;
line-height: 1.65;
}
.agf-primary-link {
color: #fff;
background-color: #7656de;
border-radius: 9px;
padding: 12px 14px;
font-size: 12px;
text-decoration: none;
display: inline-flex;
}
.agf-definition {
border-top: 1px solid #ffffff1f;
border-bottom: 1px solid #ffffff1f;
max-width: 900px;
margin: 0 0 44px;
padding: 26px 0;
}
.agf-definition-label {
color: #9d7cff;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 11px;
}
.agf-definition-copy {
letter-spacing: -.025em;
margin: 12px 0 0;
font-size: 24px;
line-height: 1.45;
}
.agf-compare {
border-top: 1px solid #ffffff24;
margin-bottom: 72px;
}
.agf-compare-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #aaaab1;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1.3fr repeat(3, .9fr);
padding: 18px 0;
font-size: 12px;
display: grid;
}
.agf-compare-cap {
color: #f3f3f5;
}
.agf-compare-head {
color: #777781;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 10px;
}
.agf-subtitle {
letter-spacing: -.035em;
margin: 0 0 28px;
font-size: 30px;
line-height: 1.15;
}
.agf-contract {
margin-bottom: 78px;
}
.agf-contract-grid {
border-top: 1px solid #ffffff1f;
border-left: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.agf-contract-item {
border-bottom: 1px solid #ffffff1f;
border-right: 1px solid #ffffff1f;
min-height: 170px;
padding: 24px;
}
.agf-contract-number {
color: #777781;
font-size: 10px;
}
.agf-contract-name {
margin-top: 22px;
font-size: 15px;
display: block;
}
.agf-contract-copy {
color: #9999a1;
margin: 9px 0 0;
font-size: 12px;
line-height: 1.6;
}
.agf-faq {
margin-bottom: 72px;
}
.agf-faq-grid {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #ffffff1f;
border-left: 1px solid #ffffff1f;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.agf-faq-item {
border-bottom: 1px solid #ffffff1f;
border-right: 1px solid #ffffff1f;
padding: 24px;
}
.agf-faq-title {
margin: 0 0 11px;
font-size: 15px;
line-height: 1.4;
}
.agf-faq-copy {
color: #9c9ca4;
margin: 0;
font-size: 12px;
line-height: 1.7;
}
.agf-link-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.agf-authority-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #fff;
border: 1px solid #ffffff1f;
border-radius: 12px;
justify-content: space-between;
align-items: center;
padding: 20px;
text-decoration: none;
display: flex;
}
.agf-authority-name {
font-size: 13px;
}
.agf-authority-desc {
color: #9d7cff;
text-align: right;
font-size: 11px;
}
.agfc-section {
color: #fff;
background-color: #7656de;
padding: 112px 24px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.agfc-wrap {
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.agfc-index {
color: #ffffffad;
letter-spacing: .15em;
margin-bottom: 28px;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.agfc-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: start;
display: grid;
}
.agfc-title {
letter-spacing: -.055em;
margin: 0;
font-size: clamp(40px, 5.5vw, 72px);
font-weight: 650;
line-height: 1.01;
}
.agfc-copy {
color: #ffffffc7;
margin: 0;
font-size: 17px;
line-height: 1.7;
}
.agfc-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 30px;
display: flex;
}
.agfc-primary {
color: #fff;
background-color: #7c3cff;
border: 1px solid #ffffff29;
border-radius: 9px;
padding: 13px 16px;
font-size: 12px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.agfc-secondary {
color: #fff;
border: 1px solid #ffffff52;
border-radius: 9px;
padding: 13px 16px;
font-size: 12px;
text-decoration: none;
display: inline-flex;
}
.agfc-expect {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #ffffff38;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 34px;
padding-top: 22px;
display: grid;
}
.agfc-expect-item {
color: #ffffffb3;
letter-spacing: .05em;
font-size: 10px;
}
._w-select {
color: #181817;
background-color: #fff;
border: 1px solid #d8d6d0;
border-radius: 10px;
width: 100%;
padding: 12px 13px;
font-family: inherit;
font-size: 13px;
}
.ag3-stack {
color: #0f172a;
background-color: #fff;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.ag3-product {
color: #f5f5f7;
background-color: #0b0b0d;
background-image: radial-gradient(circle at 78% 12%, #8b5cf626, #0000 34%);
border-top: 1px solid #ffffff12;
border-bottom: 1px solid #ffffff12;
padding: 110px 24px 96px;
}
.ag3-chapters {
color: #f5f5f7;
background-color: #0d0d0f;
background-image: linear-gradient(#0d0d0f 0%, #0a0a0c 100%);
padding: 112px 24px;
}
.ag3-shell {
width: min(1180px, 100%);
margin: 0 auto;
}
.ag3-section-head {
text-align: center;
max-width: 820px;
margin: 0 auto 52px;
}
.ag3-section-head-narrow {
max-width: 760px;
}
.ag3-eyebrow {
color: #b794f6;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 12px;
font-weight: 750;
}
.ag3-title {
color: #f5f5f7;
letter-spacing: -.045em;
margin: 0;
font-size: clamp(38px, 5vw, 66px);
font-weight: 650;
line-height: 1.02;
}
.ag3-lead {
color: #a7a7b0;
max-width: 760px;
margin: 22px auto 0;
font-size: 18px;
line-height: 1.7;
}
.ag3-orchestrator {
background-color: #fff;
border: 1px solid #a78bfa4d;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 34px 100px #0000007a;
}
.ag3-orch-header {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #fff;
border-bottom: 1px solid #e5e7eb;
justify-content: space-between;
align-items: center;
min-height: 72px;
padding: 14px 18px;
display: flex;
}
.ag3-orch-brand {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.ag3-orch-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
font-weight: 800;
display: flex;
}
.ag3-orch-name {
font-size: 14px;
font-weight: 750;
}
.ag3-orch-session {
color: #94a3b8;
margin-top: 2px;
font-size: 11px;
}
.ag3-orch-controls {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
display: flex;
}
.ag3-control {
color: #475569;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 9px;
padding: 8px 10px;
font-size: 11px;
font-weight: 650;
}
.ag3-control-guarded {
color: #6d28d9;
background-color: #f5f3ff;
border: 1px solid #c4b5fd;
border-radius: 9px;
padding: 8px 10px;
font-size: 11px;
font-weight: 750;
}
.ag3-runtime-strip {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #64748b;
background-color: #f8fafc;
border-bottom: 1px solid #e2e8f0;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
align-items: center;
padding: 10px 18px;
font-size: 11px;
display: grid;
}
.ag3-runtime-status {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #2563eb;
align-items: center;
font-weight: 750;
display: flex;
}
.ag3-dot-blue {
background-color: #3b82f6;
border-radius: 50%;
width: 7px;
height: 7px;
display: block;
box-shadow: 0 0 0 4px #3b82f61f;
}
.ag3-runtime-target {
text-align: center;
}
.ag3-runtime-budget {
text-align: right;
}
.ag3-orch-body {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 350px;
min-height: 650px;
display: grid;
}
.ag3-conversation {
border-right: 1px solid #e2e8f0;
flex-direction: column;
justify-content: space-between;
min-width: 0;
padding: 34px 34px 24px;
display: flex;
}
.ag3-thread {
width: 100%;
max-width: 760px;
margin: 0 auto;
}
.ag3-message-user-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 28px;
display: flex;
}
.ag3-message-agent-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
margin-bottom: 28px;
display: flex;
}
.ag3-avatar-user {
color: #475569;
background-color: #e2e8f0;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 10px;
font-weight: 800;
display: flex;
}
.ag3-avatar-agent {
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 12px;
font-weight: 800;
display: flex;
}
.ag3-message-user {
color: #1e293b;
background-color: #f1f5f9;
border-radius: 16px 16px 4px;
max-width: 72%;
padding: 13px 15px;
font-size: 14px;
line-height: 1.55;
}
.ag3-message-agent {
max-width: 78%;
}
.ag3-message-label {
color: #334155;
margin-bottom: 6px;
font-size: 11px;
font-weight: 750;
}
.ag3-agent-copy {
color: #334155;
margin: 0;
font-size: 14px;
line-height: 1.7;
}
.ag3-answer-meta {
color: #94a3b8;
margin-top: 10px;
font-size: 10px;
}
.ag3-composer, .ag3-composer._w-form {
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 20px;
width: 100%;
max-width: 760px;
margin: 40px auto 0;
padding: 13px;
box-shadow: 0 12px 36px #0f172a17;
}
.ag3-context-row {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
display: flex;
}
.ag3-context-agent {
color: #6d28d9;
background-color: #f5f3ff;
border: 1px solid #ddd6fe;
border-radius: 7px;
padding: 5px 8px;
font-size: 10px;
font-weight: 650;
}
.ag3-context-kb {
color: #047857;
background-color: #ecfdf5;
border: 1px solid #a7f3d0;
border-radius: 7px;
padding: 5px 8px;
font-size: 10px;
font-weight: 650;
}
.ag3-context-tool {
color: #c2410c;
background-color: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 7px;
padding: 5px 8px;
font-size: 10px;
font-weight: 650;
}
.ag3-textarea, .ag3-textarea._w-input {
color: #0f172a;
width: 100%;
min-height: 82px;
font-family: inherit;
font-size: 14px;
line-height: 1.6;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
resize: none;
background-color: #0000;
outline-style: none;
padding: 14px 4px 6px;
}
.ag3-composer-foot {
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: center;
display: flex;
}
.ag3-input-hints {
color: #94a3b8;
font-size: 10px;
}
.ag3-send, .ag3-send._w-button {
color: #fff;
cursor: pointer;
background-image: linear-gradient(135deg, #7c3aed, #8b5cf6);
border-radius: 11px;
padding: 11px 15px;
font-size: 11px;
font-weight: 750;
}
.ag3-smart-panel {
background-color: #fbfdff;
border-left: 1px solid #e2e8f0;
padding: 18px;
}
.ag3-smart-tabs {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #f1f5f9;
border: 1px solid #e2e8f0;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 22px;
padding: 4px;
display: grid;
}
.ag3-smart-tab {
color: #94a3b8;
text-align: center;
padding: 7px 4px;
font-size: 9px;
}
.ag3-smart-tab-active {
color: #6d28d9;
text-align: center;
background-color: #fff;
border-radius: 7px;
padding: 7px 4px;
font-size: 9px;
font-weight: 750;
box-shadow: 0 2px 8px #0f172a14;
}
.ag3-audit-head {
color: #334155;
justify-content: space-between;
margin-bottom: 12px;
font-size: 12px;
font-weight: 750;
display: flex;
}
.ag3-audit-id {
color: #94a3b8;
font-family: monospace;
font-size: 9px;
}
.ag3-audit-list {
border-top: 1px solid #e2e8f0;
}
.ag3-audit-row {
grid-column-gap: 9px;
grid-row-gap: 9px;
border-bottom: 1px solid #e2e8f0;
grid-template-rows: auto;
grid-template-columns: 28px 1fr auto;
align-items: start;
padding: 14px 0;
display: grid;
}
.ag3-step-index {
color: #94a3b8;
font-family: monospace;
font-size: 9px;
}
.ag3-step-name {
color: #334155;
font-size: 11px;
font-weight: 750;
}
.ag3-step-desc {
color: #94a3b8;
margin-top: 3px;
font-size: 9px;
line-height: 1.4;
}
.ag3-state-complete {
color: #047857;
background-color: #ecfdf5;
border-radius: 999px;
padding: 4px 6px;
font-size: 8px;
font-weight: 750;
}
.ag3-state-waiting {
color: #b45309;
background-color: #fffbeb;
border-radius: 999px;
padding: 4px 6px;
font-size: 8px;
font-weight: 750;
}
.ag3-state-live {
color: #2563eb;
background-color: #eff6ff;
border-radius: 999px;
padding: 4px 6px;
font-size: 8px;
font-weight: 750;
}
.ag3-state-pending {
color: #64748b;
background-color: #f1f5f9;
border-radius: 999px;
padding: 4px 6px;
font-size: 8px;
font-weight: 750;
}
.ag3-artifact {
background-color: #f5f3ff;
border: 1px solid #ddd6fe;
border-radius: 14px;
margin-top: 22px;
padding: 14px;
}
.ag3-artifact-top {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #4c1d95;
justify-content: space-between;
font-size: 10px;
font-weight: 750;
display: flex;
}
.ag3-artifact-status {
color: #7c3aed;
}
.ag3-artifact-copy {
color: #6b5b95;
margin-top: 9px;
font-size: 10px;
line-height: 1.55;
}
.ag3-scenarios {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 20px;
display: grid;
}
.ag3-scenario {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #e8e8ec;
text-align: left;
cursor: pointer;
background-color: #141418;
border: 1px solid #ffffff1c;
border-radius: 14px;
flex-direction: column;
align-items: flex-start;
padding: 16px;
display: flex;
box-shadow: 0 12px 28px #0000002e;
}
.ag3-scenario-title {
font-size: 11px;
}
.ag3-scenario-copy {
color: #8f909a;
font-size: 11px;
line-height: 1.5;
}
.ag3-chapter {
grid-column-gap: 72px;
grid-row-gap: 72px;
border-top: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: .72fr 1.28fr;
align-items: center;
padding: 84px 0;
display: grid;
}
.ag3-chapter-reverse {
grid-template-rows: auto;
grid-template-columns: 1.28fr .72fr;
}
.ag3-chapter-copy {
max-width: 430px;
}
.ag3-chapter-number {
color: #c4b5fd;
margin-bottom: 28px;
font-family: monospace;
font-size: 13px;
}
.ag3-chapter-kicker {
color: #b794f6;
letter-spacing: .15em;
margin-bottom: 12px;
font-size: 11px;
font-weight: 800;
}
.ag3-chapter-title {
color: #f5f5f7;
letter-spacing: -.035em;
margin: 0;
font-size: clamp(30px, 3.3vw, 48px);
line-height: 1.08;
}
.ag3-chapter-text {
color: #a7a7b0;
margin: 20px 0 0;
font-size: 16px;
line-height: 1.75;
}
.ag3-proof-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #d1d1d7;
margin-top: 28px;
font-size: 12px;
font-weight: 650;
display: grid;
}
.ag3-mission-ui {
background-color: #f8fafc;
border: 1px solid #a78bfa47;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 90px #00000075;
}
.ag3-mission-stats {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #e2e8f0;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ag3-stat {
background-color: #fff;
justify-content: space-between;
align-items: baseline;
padding: 14px;
display: flex;
}
.ag3-stat-value {
color: #0f172a;
font-size: 20px;
}
.ag3-stat-risk-value {
color: #e11d48;
font-size: 20px;
}
.ag3-stat-label {
color: #64748b;
text-transform: uppercase;
font-size: 9px;
}
.ag3-mission-filter {
color: #94a3b8;
background-color: #fff;
border-bottom: 1px solid #e2e8f0;
padding: 12px 14px;
font-size: 9px;
}
.ag3-filter-action {
float: right;
color: #475569;
margin-left: 9px;
font-weight: 650;
}
.ag3-board {
grid-column-gap: 9px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(140px, 1fr));
padding: 12px;
display: grid;
overflow-x: auto;
}
.ag3-column {
background-color: #f6f7f9;
border: 1px solid #dfe3e8;
border-radius: 12px;
min-height: 250px;
padding: 9px;
}
.ag3-column-head {
color: #475569;
justify-content: space-between;
margin-bottom: 10px;
font-size: 9px;
font-weight: 750;
display: flex;
}
.ag3-column-count {
color: #94a3b8;
}
.ag3-mission-card {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 11px 10px 10px 14px;
position: relative;
box-shadow: 0 4px 12px #0f172a0d;
}
.ag3-card-title {
color: #1e293b;
font-size: 10px;
line-height: 1.4;
display: block;
}
.ag3-card-copy {
color: #64748b;
margin: 6px 0;
font-size: 8px;
line-height: 1.45;
}
.ag3-card-meta {
color: #94a3b8;
font-size: 7px;
}
.ag3-card-approval {
background-color: #fffbeb;
}
.ag3-card-blue {
background-color: #3b82f6;
border-radius: 0 2px 2px 0;
width: 3px;
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
}
.ag3-card-amber {
background-color: #f59e0b;
border-radius: 0 2px 2px 0;
width: 3px;
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
}
.ag3-card-green {
background-color: #10b981;
border-radius: 0 2px 2px 0;
width: 3px;
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
}
.ag3-progress {
background-color: #e2e8f0;
border-radius: 999px;
height: 4px;
margin: 9px 0 5px;
}
.ag3-progress-fill {
background-color: #3b82f6;
border-radius: 999px;
width: 54%;
height: 100%;
}
.ag3-flow-ui {
background-color: #fff;
border: 1px solid #a78bfa47;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 90px #00000075;
}
.ag3-flow-toolbar {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #334155;
border-bottom: 1px solid #e2e8f0;
align-items: center;
padding: 13px 15px;
font-size: 10px;
font-weight: 750;
display: flex;
}
.ag3-toolbar-action {
color: #64748b;
margin-left: auto;
font-weight: 600;
}
.ag3-toolbar-save {
color: #fff;
background-color: #7c3aed;
border-radius: 7px;
padding: 6px 9px;
}
.ag3-flow-body {
grid-template-rows: auto;
grid-template-columns: 118px 1fr 140px;
min-height: 370px;
display: grid;
}
.ag3-palette {
color: #64748b;
background-color: #f8fafc;
border-right: 1px solid #e2e8f0;
padding: 16px 12px;
font-size: 9px;
}
.ag3-palette-title {
color: #334155;
margin-bottom: 14px;
font-size: 10px;
display: block;
}
.ag3-palette-item {
border-bottom: 1px solid #e2e8f0;
padding: 8px 0;
}
.ag3-canvas {
background-color: #f8fafc;
min-width: 0;
position: relative;
overflow: hidden;
}
.ag3-grid-lines {
opacity: .55;
background-image: radial-gradient(#cbd5e1 1px, #0000 1px);
background-size: 18px 18px;
position: absolute;
inset: 0;
}
.ag3-flow-node {
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 10px;
width: 130px;
padding: 11px;
position: absolute;
box-shadow: 0 8px 20px #0f172a14;
}
.ag3-node-type {
color: #94a3b8;
margin-bottom: 5px;
font-size: 7px;
display: block;
}
.ag3-node-title {
color: #334155;
font-size: 9px;
}
.ag3-node-start {
top: 42%;
left: 9%;
}
.ag3-node-knowledge {
border-color: #a7f3d0;
top: 18%;
left: 37%;
}
.ag3-node-route {
border-color: #fed7aa;
top: 42%;
left: 61%;
}
.ag3-node-tool {
border-color: #ddd6fe;
bottom: 12%;
right: 5%;
}
.ag3-flow-edge {
transform-origin: 0;
background-color: #f97316;
height: 2px;
position: absolute;
}
.ag3-edge-one {
width: 18%;
top: 51%;
left: 26%;
transform: rotate(-27deg);
}
.ag3-edge-two {
width: 17%;
top: 32%;
left: 52%;
transform: rotate(28deg);
}
.ag3-settings {
color: #64748b;
background-color: #fff;
border-left: 1px solid #e2e8f0;
padding: 16px 12px;
font-size: 8px;
}
.ag3-settings-title {
color: #334155;
margin-bottom: 12px;
font-size: 9px;
display: block;
}
.ag3-settings-item {
border-bottom: 1px solid #f1f5f9;
padding: 7px 0;
}
.ag3-studio-ui {
background-color: #fff;
border: 1px solid #a78bfa47;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 170px 1fr;
display: grid;
overflow: hidden;
box-shadow: 0 30px 90px #00000075;
}
.ag3-studio-nav {
color: #64748b;
background-color: #f8fafc;
border-right: 1px solid #e2e8f0;
padding: 18px 14px;
font-size: 9px;
}
.ag3-studio-nav-title {
color: #0f172a;
margin-bottom: 18px;
font-size: 11px;
display: block;
}
.ag3-studio-nav-item {
border-radius: 8px;
padding: 10px;
line-height: 1.4;
}
.ag3-studio-nav-active {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 8px;
padding: 10px;
font-size: 9px;
font-weight: 750;
line-height: 1.4;
}
.ag3-studio-main {
padding: 20px;
}
.ag3-studio-head {
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.ag3-studio-kicker {
color: #7c3aed;
font-size: 7px;
font-weight: 750;
display: block;
}
.ag3-studio-title {
color: #0f172a;
margin-top: 3px;
font-size: 14px;
display: block;
}
.ag3-save-state {
color: #10b981;
font-size: 8px;
}
.ag3-studio-section {
border: 1px solid #e2e8f0;
border-radius: 12px;
margin-top: 12px;
padding: 15px;
}
.ag3-studio-label {
color: #334155;
margin-bottom: 10px;
font-size: 9px;
font-weight: 750;
}
.ag3-studio-copy {
color: #64748b;
margin: 9px 0 0;
font-size: 8px;
}
.ag3-autonomy {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #64748b;
text-align: center;
background-color: #f1f5f9;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding: 4px;
font-size: 8px;
display: grid;
}
.ag3-autonomy-option {
padding: 7px;
}
.ag3-autonomy-active {
color: #6d28d9;
background-color: #fff;
border-radius: 6px;
padding: 7px;
font-weight: 750;
box-shadow: 0 2px 8px #0f172a14;
}
.ag3-cap-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #f1f5f9;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr auto;
align-items: center;
padding: 9px 0;
font-size: 8px;
display: grid;
}
.ag3-cap-title {
color: #334155;
}
.ag3-cap-meta {
color: #64748b;
}
.ag3-cap-state {
color: #10b981;
font-style: normal;
}
.ag3-release {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #f8fafc;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
align-items: center;
margin-top: 14px;
padding: 14px;
display: grid;
}
.ag3-release-kicker {
color: #94a3b8;
font-size: 7px;
display: block;
}
.ag3-release-title {
font-size: 10px;
}
.ag3-release-score {
color: #7c3aed;
font-size: 14px;
}
.ag3-release-track {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ag3-release-done {
background-color: #10b981;
border-radius: 999px;
height: 5px;
}
.ag3-release-current {
background-color: #7c3aed;
border-radius: 999px;
height: 5px;
}
.ag3-release-empty {
background-color: #e2e8f0;
border-radius: 999px;
height: 5px;
}
.ag3-middle-stack {
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.ag3-control-plane {
color: #e5e7eb;
background-color: #0b0b0d;
background-image: radial-gradient(circle at 88% 20%, #7c3aed21, #0000 32%);
padding: 112px 24px;
}
.ag3-eyebrow-light {
color: #a78bfa;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 12px;
font-weight: 750;
}
.ag3-title-light {
color: #f8fafc;
letter-spacing: -.045em;
margin: 0;
font-size: clamp(38px, 5vw, 66px);
font-weight: 650;
line-height: 1.02;
}
.ag3-lead-dark {
color: #94a3b8;
max-width: 760px;
margin: 22px auto 0;
font-size: 18px;
line-height: 1.7;
}
.ag3-control-table {
border-top: 1px solid #94a3b84d;
}
.ag3-control-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #94a3b8;
border-bottom: 1px solid #94a3b82e;
grid-template-rows: auto;
grid-template-columns: .75fr 1.7fr auto;
align-items: center;
padding: 21px 0;
font-size: 13px;
line-height: 1.55;
display: grid;
}
.ag3-control-head {
color: #64748b;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 9px;
}
.ag3-control-name {
color: #f8fafc;
font-size: 14px;
display: block;
}
.ag3-control-meta {
color: #64748b;
margin-top: 3px;
font-size: 9px;
display: block;
}
.ag3-control-copy {
color: #94a3b8;
}
.ag3-signal-blue {
color: #93c5fd;
white-space: nowrap;
background-color: #3b82f626;
border-radius: 999px;
padding: 7px 9px;
font-size: 9px;
font-weight: 750;
}
.ag3-signal-amber {
color: #fcd34d;
white-space: nowrap;
background-color: #f59e0b26;
border-radius: 999px;
padding: 7px 9px;
font-size: 9px;
font-weight: 750;
}
.ag3-signal-green {
color: #6ee7b7;
white-space: nowrap;
background-color: #10b98126;
border-radius: 999px;
padding: 7px 9px;
font-size: 9px;
font-weight: 750;
}
.ag3-signal-violet {
color: #c4b5fd;
white-space: nowrap;
background-color: #7c3aed2e;
border-radius: 999px;
padding: 7px 9px;
font-size: 9px;
font-weight: 750;
}
.ag3-signal-rose {
color: #fda4af;
white-space: nowrap;
background-color: #f43f5e26;
border-radius: 999px;
padding: 7px 9px;
font-size: 9px;
font-weight: 750;
}
.ag3-assessment {
color: #f5f5f7;
background-color: #101014;
background-image: radial-gradient(circle at 12% 12%, #7c3aed1f, #0000 34%);
border-top: 1px solid #ffffff12;
padding: 96px 24px;
}
.ag3-assessment-grid {
grid-column-gap: 62px;
grid-row-gap: 62px;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
align-items: start;
display: grid;
}
.ag3-assessment-copy {
padding-top: 10px;
}
.ag3-lead-left {
color: #a7a7b0;
max-width: 640px;
margin: 22px 0 0;
font-size: 18px;
line-height: 1.7;
}
.ag3-method {
border-top: 1px solid #ffffff1f;
margin-top: 34px;
padding-top: 22px;
}
.ag3-method-title {
font-size: 12px;
}
.ag3-method-copy {
color: #9b9ca5;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.65;
}
.ag3-assessment-form {
background-color: #121217;
background-image: linear-gradient(155deg, #17151e 0%, #111116 62%, #151021 100%);
border: 1px solid #a78bfa38;
border-color: #c4b5fd52 #a78bfa38 #7c3aed29;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 32px 96px #00000070, 0 0 60px #7c3aed0f, inset 0 1px #ffffff0d;
}
.ag3-assessment-form._w-form {
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 24px 70px #0f172a14;
}
.ag3-fields {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
padding: 24px;
display: grid;
}
.ag3-field {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #c7c8d0;
font-size: 10px;
font-weight: 700;
display: grid;
}
.ag3-field-wide {
grid-column: 1 / -1;
}
.ag3-field-label {
letter-spacing: .03em;
}
.ag3-input {
color: #f5f5f7;
height: 44px;
font-family: inherit;
font-size: 13px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
background-color: #19191f;
border: 1px solid #ffffff1c;
border-radius: 10px;
padding: 0 12px;
}
.ag3-input._w-input, .ag3-input._w-input-1 {
color: #0f172a;
height: 44px;
font-family: inherit;
font-size: 13px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 10px;
padding: 0 12px;
}
.ag3-select, .ag3-select._w-select, .ag3-select._w-select-1 {
color: #0f172a;
height: 44px;
font-family: inherit;
font-size: 12px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 10px;
padding: 0 12px;
}
.ag3-result {
background-color: #0f0f14;
background-image: linear-gradient(145deg, #15131c 0%, #0f0f14 72%, #171123 100%);
border: 1px solid #a78bfa2e;
border-color: #a78bfa47 #a78bfa2e #a78bfa24;
border-radius: 20px;
padding: 28px;
box-shadow: 0 26px 70px #00000052, inset 0 1px #ffffff0a;
}
.ag3-score {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
align-items: center;
margin-bottom: 22px;
display: grid;
}
.ag3-score-label {
color: #64748b;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.ag3-score-value {
color: #a78bfa;
font-size: 44px;
line-height: 1;
display: inline-block;
}
.ag3-score-max {
color: #777884;
font-size: 12px;
}
.ag3-score-bar {
background-color: #292933;
border-radius: 999px;
height: 8px;
overflow: hidden;
}
.ag3-score-fill {
background-image: linear-gradient(90deg, #7c3aed 0%, #a78bfa 100%);
border-radius: 999px;
width: 67%;
height: 100%;
display: block;
box-shadow: 0 0 18px #8b5cf63d;
}
.ag3-result-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
padding: 13px 0;
font-size: 11px;
display: grid;
}
.ag3-result-label {
color: #858691;
}
.ag3-result-value {
color: #ede9fe;
}
.ag3-result-copy {
color: #b8b9c2;
margin: 16px 0;
font-size: 13px;
line-height: 1.6;
}
.ag3-result-cta {
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 18px;
font-size: 11px;
font-weight: 750;
text-decoration: none;
transition-property: transform, background-color, box-shadow;
transition-duration: .17s;
transition-timing-function: ease-out;
display: inline-flex;
box-shadow: 0 14px 34px #7c3aed47;
}
.ag3-result-cta:hover {
background-color: #8b5cf6;
transform: translateY(-1px);
box-shadow: 0 18px 44px #7c3aed5c;
}
.ag3-result-cta:focus-visible, .ag3-result-cta[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.ag3-authority-stack {
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.ag3-authority {
color: #f5f5f7;
background-color: #0d0d0d;
border-top: 1px solid #ffffff12;
padding: 112px 24px;
}
.ag3-definition {
grid-column-gap: 38px;
grid-row-gap: 38px;
border-top: 1px solid #ffffff1c;
border-bottom: 1px solid #ffffff1c;
grid-template-rows: auto;
grid-template-columns: 160px 1fr;
margin: 0 0 60px;
padding: 34px 0;
display: grid;
}
.ag3-definition-label {
color: #b794f6;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 12px;
}
.ag3-definition-copy {
color: #e7e7ec;
letter-spacing: -.02em;
margin: 0;
font-size: 24px;
line-height: 1.45;
}
.ag3-compare-table {
border-top: 1px solid #ffffff1c;
margin-bottom: 72px;
}
.ag3-compare-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #9d9ea7;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 1.35fr repeat(3, .85fr);
padding: 17px 0;
font-size: 12px;
display: grid;
}
.ag3-compare-head {
color: #94a3b8;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 9px;
}
.ag3-compare-capability {
color: #e5e5ea;
font-weight: 650;
}
.ag3-compare-yes {
color: #c4b5fd;
font-weight: 750;
}
.ag3-subtitle {
color: #f5f5f7;
letter-spacing: -.025em;
margin: 0 0 24px;
font-size: 28px;
}
.ag3-contract {
margin-bottom: 72px;
}
.ag3-contract-grid {
grid-column-gap: 0;
grid-row-gap: 0;
border-top: 1px solid #ffffff1c;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.ag3-contract-item {
border-bottom: 1px solid #ffffff17;
padding: 24px 24px 24px 0;
}
.ag3-contract-title {
color: #e5e5ea;
font-size: 12px;
}
.ag3-contract-copy {
color: #999aa4;
margin: 8px 0 0;
font-size: 11px;
line-height: 1.6;
}
.ag3-faq {
margin-bottom: 56px;
}
.ag3-faq-grid {
grid-column-gap: 48px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.ag3-faq-item {
border-top: 1px solid #ffffff1c;
padding-top: 20px;
}
.ag3-faq-title {
color: #f0f0f3;
margin: 0;
font-size: 15px;
}
.ag3-faq-copy {
color: #999aa4;
margin: 9px 0 0;
font-size: 12px;
line-height: 1.65;
}
.ag3-cluster-links {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ffffff14;
border: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ag3-cluster-link {
color: #e3e3e8;
background-color: #131317;
padding: 18px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.ag3-cta {
color: #f5f5f7;
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 96px 24px;
}
.ag3-cta-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 1.25fr .75fr;
align-items: center;
display: grid;
}
.ag3-cta-title {
color: #f5f5f7;
letter-spacing: -.045em;
margin: 0;
font-size: clamp(38px, 4.5vw, 64px);
line-height: 1.02;
}
.ag3-cta-copy {
color: #c4b5fd;
max-width: 700px;
margin: 20px 0 0;
font-size: 16px;
line-height: 1.7;
}
.ag3-cta-side {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: grid;
}
.ag3-deliverables {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #ddd6fe;
margin-bottom: 12px;
font-size: 11px;
display: grid;
}
.ag3-primary-cta {
min-height: 54px;
transition: transform .17s ease-out, box-shadow undefined undefined, filter undefined undefined;
color: #fff;
text-align: center;
background-color: #8b5cf6;
border: 1px solid #8b5cf6;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 15px 17px;
font-size: 12px;
font-weight: 800;
text-decoration: none;
display: flex;
box-shadow: 0 10px 28px #7c3aed2e;
}
.ag3-primary-cta:hover {
color: #fff;
background-color: #7c3aed;
border-color: #a78bfa;
transform: translateY(-1px);
box-shadow: 0 14px 34px #7c3aed3d;
}
.ag3-primary-cta:focus-visible, .ag3-primary-cta[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.ag3-secondary-cta {
min-height: 44px;
transition: background-color .16s ease-out, border-color undefined undefined, color undefined undefined;
color: #d8d5dd;
text-align: center;
background-color: #141414;
border: 1px solid #ffffff1f;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 12px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.ag3-secondary-cta:hover {
color: #fff;
background-color: #1a1720;
border-color: #c4b5fd52;
}
.ag3-secondary-cta:focus-visible, .ag3-secondary-cta[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4b5fd;
}
.ag3-intake {
color: #f5f5f7;
background-color: #0b0b0d;
background-image: radial-gradient(circle at 18% 80%, #7c3aed1f, #0000 34%);
padding: 96px 24px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.ag3-intake-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: start;
display: grid;
}
.ag3-intake-copy {
padding-top: 8px;
}
.ag3-intake-title {
color: #f5f5f7;
letter-spacing: -.04em;
max-width: 620px;
margin: 0;
font-size: clamp(38px, 4.2vw, 56px);
line-height: 1.03;
}
.ag3-intake-lead {
color: #aaaab4;
max-width: 590px;
margin: 22px 0 0;
font-size: 16px;
line-height: 1.65;
}
.ag3-intake-outcomes {
grid-column-gap: 0;
grid-row-gap: 0;
color: #d4d4da;
border-top: 1px solid #ffffff1f;
margin-top: 32px;
font-size: 12px;
font-weight: 650;
display: grid;
}
.ag3-intake-outcomes-item {
border-bottom: 1px solid #ffffff1a;
padding: 13px 0;
}
.ag3-intake-note {
color: #777781;
margin: 22px 0 0;
font-size: 10px;
line-height: 1.6;
}
.ag3-intake-panel {
background-color: #121217;
background-image: linear-gradient(155deg, #17151e 0%, #111116 58%, #171024 100%);
border: 1px solid #a78bfa3d;
border-color: #c4b5fd57 #a78bfa3d #7c3aed2e;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 34px 100px #00000075, 0 0 70px #7c3aed12, inset 0 1px #ffffff0d;
}
.ag3-review-form, .ag3-review-form._w-form {
padding: 26px;
}
.ag3-review-fields {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.ag3-review-field {
grid-column-gap: 7px;
grid-row-gap: 7px;
display: grid;
}
.ag3-review-wide {
grid-column: 1 / -1;
}
.ag3-review-label {
color: #d7d5dd;
letter-spacing: .03em;
font-size: 11px;
font-weight: 750;
}
.ag3-review-input {
height: 50px;
transition: border-color .15s ease-out, background-color undefined undefined, box-shadow undefined undefined;
color: #f5f5f7;
font-family: inherit;
font-size: 13px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
background-color: #19191f;
border: 1px solid #ffffff1c;
border-radius: 10px;
outline-style: none;
padding: 0 14px;
}
.ag3-review-input:focus {
background-color: #1d1b25;
border-color: #8b5cf6;
box-shadow: 0 0 0 3px #8b5cf624;
}
.ag3-review-input._w-input, .ag3-review-input._w-input-1 {
color: #0f172a;
height: 45px;
font-family: inherit;
font-size: 12px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 10px;
outline-style: none;
padding: 0 12px;
}
.ag3-review-select {
height: 50px;
transition: border-color .15s ease-out, background-color undefined undefined, box-shadow undefined undefined;
color: #f5f5f7;
font-family: inherit;
font-size: 13px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
background-color: #19191f;
border: 1px solid #ffffff1c;
border-radius: 10px;
outline-style: none;
padding: 0 14px;
}
.ag3-review-select:focus {
background-color: #1d1b25;
border-color: #8b5cf6;
box-shadow: 0 0 0 3px #8b5cf624;
}
.ag3-review-select._w-select {
color: #0f172a;
height: 45px;
font-family: inherit;
font-size: 12px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 10px;
outline-style: none;
padding: 0 12px;
}
.ag3-review-textarea {
min-height: 132px;
transition: border-color .15s ease-out, background-color undefined undefined, box-shadow undefined undefined;
color: #f5f5f7;
font-family: inherit;
font-size: 13px;
line-height: 1.6;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
resize: vertical;
background-color: #19191f;
border: 1px solid #ffffff1c;
border-radius: 10px;
outline-style: none;
padding: 14px;
}
.ag3-review-textarea:focus {
background-color: #1d1b25;
border-color: #8b5cf6;
box-shadow: 0 0 0 3px #8b5cf624;
}
.ag3-review-textarea._w-input {
color: #0f172a;
min-height: 118px;
font-family: inherit;
font-size: 12px;
line-height: 1.6;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
resize: vertical;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 10px;
outline-style: none;
padding: 12px;
}
.ag3-review-consent {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #94959f;
align-items: flex-start;
margin: 18px 0;
font-size: 10px;
line-height: 1.5;
display: flex;
}
.ag3-review-legal {
color: #c4b5fd;
}
.ag3-review-submit {
width: 100%;
min-height: 52px;
transition: transform .17s ease-out, box-shadow undefined undefined, filter undefined undefined;
color: #fff;
font-family: inherit;
font-size: 12px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
cursor: pointer;
background-color: #6d28d9;
background-image: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);
border-radius: 11px;
padding: 14px 16px;
font-weight: 800;
box-shadow: 0 12px 30px #5b21b647;
}
.ag3-review-submit:hover {
filter: brightness(1.05);
transform: translateY(-1px);
box-shadow: 0 18px 44px #5b21b661;
}
.ag3-review-submit:focus-visible, .ag3-review-submit[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.ag3-review-submit._w-button {
color: #fff;
cursor: pointer;
width: 100%;
font-family: inherit;
font-size: 12px;
font-weight: 800;
font-style: inherit;
font-variant: inherit;
line-height: inherit;
background-color: #6d28d9;
border-radius: 11px;
padding: 14px 16px;
}
.ag3-review-proof {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #aaa6b3;
text-align: center;
background-color: #0f0f14;
border-top: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 14px 24px;
font-size: 10px;
font-weight: 650;
display: grid;
}
.ag3-review-fallback {
color: #c4b5fd;
text-align: center;
background-color: #101014;
border-top: 1px solid #ffffff1a;
padding: 13px 24px;
font-size: 10px;
font-weight: 700;
text-decoration: none;
display: block;
}
.ag3-mc-toolbar {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #64748b;
white-space: nowrap;
background-color: #fff;
border-bottom: 1px solid #e2e8f0;
align-items: center;
padding: 10px 12px;
font-size: 8px;
display: flex;
overflow-x: auto;
}
.ag3-mc-search {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
flex: 1;
align-items: center;
min-width: 180px;
max-width: 230px;
padding: 7px 8px;
display: flex;
}
.ag3-mc-search-icon {
color: #94a3b8;
font-size: 11px;
}
.ag3-mc-search-copy {
color: #94a3b8;
text-overflow: ellipsis;
overflow: hidden;
}
.ag3-mc-key {
color: #94a3b8;
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 4px;
margin-left: auto;
padding: 1px 4px;
font-family: monospace;
}
.ag3-mc-view {
background-color: #f1f5f9;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 2px;
display: flex;
}
.ag3-mc-view-active {
color: #334155;
background-color: #fff;
border-radius: 5px;
padding: 5px 7px;
font-weight: 700;
box-shadow: 0 1px 4px #0f172a14;
}
.ag3-mc-view-option {
color: #94a3b8;
padding: 5px 7px;
}
.ag3-mc-filter-chip {
color: #64748b;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 6px 7px;
font-weight: 600;
}
.ag3-mc-toolbar-end {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
margin-left: auto;
display: flex;
}
.ag3-mc-count {
color: #94a3b8;
}
.ag3-mc-command {
color: #64748b;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 6px 7px;
}
.ag3-mc-new {
color: #fff;
background-color: #7c3aed;
border-radius: 7px;
padding: 7px 9px;
font-weight: 750;
}
.ag3-mc-card-extra {
margin-top: 9px;
}
.ag3-mc-badges {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-wrap: wrap;
display: flex;
}
.ag3-mc-badge {
color: #64748b;
border: 1px solid #dbe3ee;
border-radius: 999px;
padding: 2px 5px;
font-size: 6px;
}
.ag3-mc-priority {
color: #475569;
padding: 2px 3px;
font-size: 6px;
font-weight: 750;
}
.ag3-mc-meta-grid {
grid-column-gap: 3px;
grid-row-gap: 3px;
background-color: #f8fafc;
border-radius: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 6px;
padding: 6px;
display: grid;
}
.ag3-mc-meta {
color: #94a3b8;
font-size: 6px;
line-height: 1.35;
}
.ag3-mc-card-actions {
border-top: 1px solid #edf0f3;
justify-content: space-between;
margin-top: 7px;
padding-top: 6px;
display: flex;
}
.ag3-mc-details {
color: #64748b;
font-size: 6px;
}
.ag3-mc-start {
color: #fff;
background-color: #7c3aed;
border-radius: 5px;
padding: 2px 5px;
font-size: 6px;
font-weight: 700;
}
.ag3-mc-wave {
color: #64748b;
justify-content: space-between;
margin-top: 7px;
font-size: 6px;
display: flex;
}
.ag3-mc-wave-value {
color: #2563eb;
font-weight: 750;
}
.ag3-mc-wave-copy {
color: #94a3b8;
}
.ag3-mc-pause {
color: #64748b;
border: 1px solid #dbe3ee;
border-radius: 5px;
padding: 2px 5px;
font-size: 6px;
}
.ag3-mc-waiting {
color: #b45309;
background-color: #fffbeb;
border: 1px solid #f59e0b38;
border-radius: 6px;
margin-top: 7px;
padding: 5px 6px;
font-size: 6px;
line-height: 1.35;
}
.ag3-mc-priority-high {
color: #d97706;
padding: 2px 3px;
font-size: 6px;
font-weight: 750;
}
.ag3-mc-approve {
color: #fff;
background-color: #f59e0b;
border-radius: 5px;
padding: 2px 5px;
font-size: 6px;
font-weight: 700;
}
.ag3-mc-complete {
color: #059669;
padding: 2px 3px;
font-size: 6px;
font-weight: 750;
}
.ag3-mc-result {
color: #047857;
background-color: #ecfdf5;
border-radius: 5px;
padding: 2px 5px;
font-size: 6px;
font-weight: 700;
}
.ag3-pw-toolbar {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #334155;
background-color: #fff;
border-bottom: 1px solid #e2e8f0;
align-items: center;
padding: 11px 13px;
display: flex;
}
.ag3-pw-back {
color: #64748b;
border: 1px solid #e2e8f0;
border-radius: 7px;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 10px;
display: flex;
}
.ag3-pw-title-wrap {
grid-column-gap: 1px;
grid-row-gap: 1px;
display: grid;
}
.ag3-pw-title {
font-size: 10px;
}
.ag3-pw-save-state {
color: #10b981;
font-size: 6px;
}
.ag3-pw-actions {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
margin-left: auto;
display: flex;
}
.ag3-pw-action {
color: #64748b;
padding: 5px 6px;
font-size: 7px;
}
.ag3-pw-test {
color: #6d28d9;
background-color: #f5f3ff;
border: 1px solid #ddd6fe;
border-radius: 6px;
padding: 6px 8px;
font-size: 7px;
font-weight: 700;
}
.ag3-pw-save {
color: #fff;
background-color: #7c3aed;
border-radius: 6px;
padding: 6px 9px;
font-size: 7px;
font-weight: 700;
}
.ag3-pw-node-badge {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
align-items: center;
margin-bottom: 10px;
padding: 7px;
display: flex;
}
.ag3-pw-node-icon {
color: #7c3aed;
background-color: #ede9fe;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 8px;
display: flex;
}
.ag3-pw-node-name {
color: #334155;
font-size: 8px;
font-weight: 700;
}
.ag3-pw-node-actions {
justify-content: space-between;
align-items: center;
margin-top: 10px;
display: flex;
}
.ag3-pw-node-delete {
color: #ef4444;
font-size: 7px;
}
.ag3-pw-node-apply {
color: #fff;
background-color: #7c3aed;
border-radius: 5px;
padding: 5px 7px;
font-size: 7px;
font-weight: 700;
}
.ag3-studio-runtime {
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
margin-top: 12px;
padding: 13px;
}
.ag3-studio-runtime-head {
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.ag3-studio-runtime-title {
color: #334155;
font-size: 9px;
display: block;
}
.ag3-studio-runtime-sub {
color: #94a3b8;
margin-top: 2px;
font-size: 6px;
display: block;
}
.ag3-studio-runtime-status {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #047857;
background-color: #ecfdf5;
border: 1px solid #a7f3d0;
border-radius: 999px;
align-items: center;
padding: 4px 6px;
font-size: 6px;
font-weight: 700;
display: flex;
}
.ag3-studio-runtime-dot {
background-color: #10b981;
border-radius: 50%;
width: 5px;
height: 5px;
}
.ag3-studio-runtime-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ag3-studio-runtime-item {
grid-column-gap: 2px;
grid-row-gap: 2px;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 7px;
display: grid;
}
.ag3-studio-runtime-name {
color: #94a3b8;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 5px;
}
.ag3-studio-runtime-value {
color: #334155;
font-size: 7px;
}
.ag3-studio-runtime-meta {
color: #94a3b8;
font-size: 5px;
}
.ag3-orch-control-group {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.ag3-orch-icon-control {
color: #64748b;
background-color: #f8fafc;
border: 1px solid #dbe3ee;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 11px;
display: flex;
}
.ag3-pw-hud {
position: static;
}
.ag3-pw-canvas-state {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #64748b;
background-color: #ffffffeb;
border: 1px solid #e2e8f0;
border-radius: 7px;
align-items: center;
padding: 5px 7px;
font-size: 6px;
display: flex;
position: absolute;
top: 9px;
left: 9px;
box-shadow: 0 3px 10px #0f172a0f;
}
.ag3-pw-live-dot {
background-color: #10b981;
border-radius: 50%;
width: 5px;
height: 5px;
}
.ag3-pw-edge-label {
color: #c2410c;
background-color: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 5px;
padding: 3px 5px;
font-size: 5px;
position: absolute;
}
.ag3-pw-edge-label-one {
top: 139px;
left: 43%;
}
.ag3-pw-edge-label-two {
top: 220px;
left: 59%;
}
.ag3-pw-controls {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
display: grid;
position: absolute;
bottom: 9px;
left: 9px;
overflow: hidden;
box-shadow: 0 4px 14px #0f172a14;
}
.ag3-pw-control {
color: #64748b;
border-bottom: 1px solid #edf0f3;
justify-content: center;
align-items: center;
width: 23px;
height: 23px;
font-size: 8px;
display: flex;
}
.ag3-pw-control-last {
color: #64748b;
justify-content: center;
align-items: center;
width: 23px;
height: 23px;
font-size: 8px;
display: flex;
}
.ag3-pw-minimap {
background-color: #eef2f6;
border: 1px solid #e2e8f0;
border-radius: 7px;
width: 72px;
height: 48px;
position: absolute;
bottom: 9px;
right: 9px;
box-shadow: 0 4px 14px #0f172a14;
}
.ag3-pw-mini-node {
background-color: #c4b5fd;
border-radius: 2px;
width: 15px;
height: 7px;
position: absolute;
}
.ag3-pw-mini-one {
top: 8px;
left: 8px;
}
.ag3-pw-mini-two {
top: 20px;
left: 29px;
}
.ag3-pw-mini-three {
bottom: 8px;
right: 8px;
}
.ag3-palette-head {
justify-content: space-between;
align-items: center;
margin-bottom: 9px;
display: flex;
}
.ag3-palette-search {
color: #94a3b8;
border: 1px solid #e2e8f0;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 7px;
display: flex;
}
.ag3-pw-palette-group {
grid-column-gap: 4px;
grid-row-gap: 4px;
margin-bottom: 10px;
display: grid;
}
.ag3-pw-palette-label {
color: #94a3b8;
letter-spacing: .1em;
font-size: 5px;
}
.ag3-palette-item-1 {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #475569;
border-radius: 6px;
align-items: center;
padding: 6px 5px;
font-size: 7px;
display: flex;
}
.ag3-pw-palette-icon {
border-radius: 4px;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
font-size: 7px;
font-style: normal;
display: flex;
}
.ag3-pw-icon-violet {
color: #7c3aed;
background-color: #ede9fe;
}
.ag3-pw-icon-blue {
color: #2563eb;
background-color: #dbeafe;
}
.ag3-pw-icon-green {
color: #059669;
background-color: #d1fae5;
}
.ag3-pw-icon-amber {
color: #d97706;
background-color: #fef3c7;
}
.ag3-pw-icon-orange {
color: #ea580c;
background-color: #ffedd5;
}
.ag3-pw-icon-slate {
color: #475569;
background-color: #e2e8f0;
}
.ag3-studio-head-actions {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
margin-left: auto;
display: flex;
}
.ag3-studio-test {
color: #6d28d9;
background-color: #f5f3ff;
border: 1px solid #ddd6fe;
border-radius: 7px;
padding: 6px 8px;
font-size: 7px;
font-weight: 700;
}
.ag3-studio-save {
color: #fff;
background-color: #7c3aed;
border-radius: 7px;
padding: 6px 8px;
font-size: 7px;
font-weight: 700;
}
.ag3-studio-more {
color: #64748b;
border: 1px solid #e2e8f0;
border-radius: 7px;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 7px;
display: flex;
}
.ag3-studio-readiness {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
margin-top: 12px;
padding: 13px;
}
.ag3-studio-readiness-head {
justify-content: space-between;
align-items: center;
margin-bottom: 9px;
display: flex;
}
.ag3-studio-readiness-title {
color: #334155;
font-size: 9px;
display: block;
}
.ag3-studio-readiness-copy {
color: #94a3b8;
margin-top: 2px;
font-size: 6px;
display: block;
}
.ag3-studio-readiness-score {
color: #7c3aed;
font-size: 14px;
font-weight: 750;
}
.ag3-studio-check-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ag3-studio-check {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #64748b;
background-color: #f8fafc;
border: 1px solid #edf0f3;
border-radius: 7px;
align-items: center;
padding: 6px 7px;
font-size: 6px;
display: flex;
}
.ag3-studio-check-done {
color: #059669;
background-color: #d1fae5;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
font-size: 7px;
display: flex;
}
.ag3-studio-check-current {
color: #d97706;
background-color: #fef3c7;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
font-size: 7px;
display: flex;
}
.ag3-studio-check-open {
color: #64748b;
background-color: #e2e8f0;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
font-size: 7px;
display: flex;
}
.ag4-thinkway-ui {
color: #0f172a;
background-color: #fff;
border: 1px solid #a78bfa4d;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 90px #00000075;
}
.ag4-tw-topbar {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border-bottom: 1px solid #e2e8f0;
align-items: center;
min-height: 62px;
padding: 10px 12px;
display: flex;
}
.ag4-tw-title-group {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
min-width: 225px;
display: flex;
}
.ag4-tw-back {
color: #475569;
cursor: pointer;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
width: 30px;
height: 30px;
}
.ag4-tw-name {
font-size: 11px;
display: block;
}
.ag4-tw-save-state {
color: #94a3b8;
margin-top: 2px;
font-size: 7px;
display: block;
}
.ag4-tw-mode-group {
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 9px;
padding: 3px;
display: flex;
}
.ag4-tw-mode {
color: #64748b;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
padding: 6px 8px;
font-size: 7px;
}
.ag4-tw-mode-active {
color: #6d28d9;
background-color: #ede9fe;
font-weight: 750;
}
.ag4-tw-top-actions {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
margin-left: auto;
display: flex;
}
.ag4-tw-quiet {
color: #64748b;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 7px 8px;
font-size: 7px;
}
.ag4-tw-test {
color: #6d28d9;
cursor: pointer;
background-color: #f5f3ff;
border: 1px solid #c4b5fd;
border-radius: 7px;
padding: 7px 9px;
font-size: 7px;
font-weight: 750;
}
.ag4-tw-save {
color: #fff;
cursor: pointer;
background-color: #6d28d9;
border-radius: 7px;
padding: 7px 10px;
font-size: 7px;
font-weight: 750;
}
.ag4-tw-workspace {
grid-template-rows: auto;
grid-template-columns: 54px minmax(0, 1fr) 238px;
min-height: 510px;
display: grid;
}
.ag4-tw-toolbar {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #f8fafc;
border-right: 1px solid #e2e8f0;
flex-direction: column;
align-items: center;
padding: 9px 7px;
display: flex;
}
.ag4-tw-tool {
color: #64748b;
cursor: pointer;
background-color: #0000;
border: 1px solid #0000;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
padding: 0;
font-size: 13px;
display: flex;
}
.ag4-tw-tool-primary {
color: #fff;
background-color: #6d28d9;
}
.ag4-tw-tool-active {
color: #6d28d9;
background-color: #ede9fe;
border-color: #c4b5fd;
}
.ag4-tw-tool-separator {
background-color: #e2e8f0;
width: 24px;
height: 1px;
}
.ag4-tw-tool-spacer {
flex: 1;
}
.ag4-tw-stage {
background-color: #f8fafc;
overflow: auto;
}
.ag4-tw-canvas {
background-color: #f8fafc;
width: 1120px;
height: 470px;
position: relative;
overflow: hidden;
}
.ag4-tw-grid {
opacity: .58;
background-image: radial-gradient(#cbd5e1 1px, #0000 1px);
background-size: 16px 16px;
position: absolute;
inset: 0;
}
.ag4-tw-edges {
z-index: 1;
pointer-events: none;
width: 1120px;
height: 470px;
position: absolute;
inset: 0;
}
.ag4-tw-edge {
fill: none;
stroke: #8b5cf6;
stroke-width: 2.2px;
stroke-linecap: round;
marker-end: url("#ag4-tw-arrow");
}
.ag4-tw-edge-branch {
stroke: #10b981;
}
.ag4-tw-edge-guarded {
stroke: #f59e0b;
stroke-dasharray: 5 4;
}
.ag4-tw-arrow {
fill: #8b5cf6;
}
.ag4-tw-node {
z-index: 2;
cursor: grab;
-webkit-user-select: none;
user-select: none;
touch-action: none;
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 12px;
width: 142px;
min-height: 76px;
padding: 11px;
position: absolute;
box-shadow: 0 8px 24px #0f172a1a;
}
.ag4-tw-node-intent {
border-color: #c4b5fd;
top: 70px;
left: 58px;
}
.ag4-tw-node-evidence {
border-color: #86efac;
top: 70px;
left: 286px;
}
.ag4-tw-node-reason {
border-color: #93c5fd;
top: 175px;
left: 510px;
}
.ag4-tw-node-critic {
border-color: #f9a8d4;
top: 70px;
left: 742px;
}
.ag4-tw-node-boundary {
border-color: #fdba74;
top: 175px;
left: 952px;
}
.ag4-tw-node-action {
border-color: #86efac;
top: 352px;
left: 792px;
}
.ag4-tw-node-approval {
border-color: #fcd34d;
top: 352px;
left: 952px;
}
.ag4-tw-node-kind {
color: #7c3aed;
letter-spacing: .11em;
font-size: 6px;
font-weight: 800;
display: block;
}
.ag4-tw-node-title {
margin-top: 6px;
font-size: 9px;
line-height: 1.25;
display: block;
}
.ag4-tw-node-meta {
color: #64748b;
margin-top: 5px;
font-size: 6px;
display: block;
}
.ag4-tw-port {
background-color: #8b5cf6;
border: 2px solid #fff;
border-radius: 50%;
width: 9px;
height: 9px;
margin-top: -5px;
position: absolute;
top: 50%;
box-shadow: 0 0 0 1px #8b5cf6;
}
.ag4-tw-port-in {
left: -6px;
}
.ag4-tw-port-out {
right: -6px;
}
.ag4-tw-edge-label {
z-index: 3;
color: #7c3aed;
background-color: #faf5ff;
border: 1px solid #ddd6fe;
border-radius: 5px;
padding: 3px 5px;
font-size: 5px;
position: absolute;
}
.ag4-tw-edge-label-one {
top: 133px;
left: 650px;
}
.ag4-tw-edge-label-two {
top: 303px;
left: 864px;
}
.ag4-tw-canvas-status {
z-index: 4;
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #64748b;
background-color: #fffffff0;
border: 1px solid #dbe3ee;
border-radius: 7px;
align-items: center;
padding: 5px 8px;
font-size: 6px;
display: flex;
position: absolute;
bottom: 11px;
left: 12px;
}
.ag4-tw-status-dot {
background-color: #10b981;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ag4-tw-canvas-controls {
z-index: 4;
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 7px;
display: flex;
position: absolute;
bottom: 10px;
right: 92px;
}
.ag4-tw-canvas-control {
color: #64748b;
cursor: pointer;
background-color: #0000;
border-right: 1px solid #e2e8f0;
padding: 5px 7px;
font-size: 7px;
}
.ag4-tw-minimap {
z-index: 4;
background-color: #eef2f6;
border: 1px solid #cbd5e1;
border-radius: 7px;
width: 72px;
height: 48px;
position: absolute;
bottom: 10px;
right: 10px;
}
.ag4-tw-mini-node {
background-color: #8b5cf6;
border-radius: 2px;
width: 11px;
height: 6px;
position: absolute;
}
.ag4-tw-mini-a {
top: 9px;
left: 7px;
}
.ag4-tw-mini-b {
top: 11px;
left: 25px;
}
.ag4-tw-mini-c {
top: 24px;
left: 42px;
}
.ag4-tw-mini-d {
top: 13px;
left: 55px;
}
.ag4-tw-add-menu {
z-index: 8;
background-color: #fff;
border: 1px solid #dbe3ee;
border-radius: 10px;
width: 145px;
padding: 7px;
position: absolute;
top: 52px;
left: 62px;
box-shadow: 0 14px 38px #0f172a2e;
}
.ag4-tw-add-option {
color: #334155;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
width: 100%;
padding: 7px;
font-size: 7px;
display: block;
}
.ag4-tw-sidebar {
background-color: #fff;
border-left: 1px solid #e2e8f0;
flex-direction: column;
min-width: 0;
display: flex;
}
.ag4-tw-sidebar-head {
border-bottom: 1px solid #e2e8f0;
justify-content: space-between;
align-items: center;
padding: 12px;
display: flex;
}
.ag4-tw-sidebar-label {
color: #94a3b8;
letter-spacing: .1em;
font-size: 6px;
display: block;
}
.ag4-tw-selected-title {
margin-top: 3px;
font-size: 9px;
display: block;
}
.ag4-tw-sidebar-close {
color: #94a3b8;
cursor: pointer;
background-color: #0000;
}
.ag4-tw-sidebar-tabs {
grid-column-gap: 3px;
grid-row-gap: 3px;
border-bottom: 1px solid #e2e8f0;
padding: 7px;
display: flex;
overflow-x: auto;
}
.ag4-tw-sidebar-tab {
color: #64748b;
white-space: nowrap;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
padding: 5px 6px;
font-size: 6px;
}
.ag4-tw-sidebar-tab-active {
color: #6d28d9;
background-color: #ede9fe;
font-weight: 750;
}
.ag4-tw-sidebar-panel {
flex: 1;
padding: 12px;
overflow: auto;
}
.ag4-tw-field-label {
color: #64748b;
margin: 10px 0 4px;
font-size: 6px;
font-weight: 700;
display: block;
}
.ag4-tw-field {
color: #334155;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 8px;
font-size: 7px;
}
.ag4-tw-segment {
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 3px;
display: grid;
}
.ag4-tw-segment-button {
color: #64748b;
cursor: pointer;
background-color: #0000;
border-radius: 5px;
padding: 6px 3px;
font-size: 6px;
}
.ag4-tw-segment-active {
color: #6d28d9;
background-color: #ede9fe;
}
.ag4-tw-toggle-row {
border-top: 1px solid #eef2f7;
justify-content: space-between;
align-items: center;
margin-top: 11px;
padding-top: 10px;
display: flex;
}
.ag4-tw-toggle-title {
font-size: 7px;
display: block;
}
.ag4-tw-toggle-copy {
color: #94a3b8;
margin-top: 2px;
font-size: 5px;
display: block;
}
.ag4-tw-toggle {
cursor: pointer;
background-color: #cbd5e1;
border-radius: 999px;
width: 28px;
height: 16px;
padding: 0;
position: relative;
}
.ag4-tw-toggle-knob {
background-color: #fff;
border-radius: 50%;
width: 12px;
height: 12px;
transition: transform .18s;
position: absolute;
top: 2px;
left: 2px;
}
.ag4-tw-toggle-on {
background-color: #7c3aed;
}
.ag4-tw-resource {
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 7px;
justify-content: space-between;
margin-bottom: 7px;
padding: 8px;
font-size: 7px;
display: flex;
}
.ag4-tw-resource-state {
color: #6d28d9;
font-size: 6px;
}
.ag4-tw-resource-add {
color: #7c3aed;
cursor: pointer;
background-color: #faf5ff;
border: 1px dashed #c4b5fd;
border-radius: 7px;
width: 100%;
padding: 8px;
font-size: 7px;
}
.ag4-tw-prompt {
color: #475569;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 10px;
font-size: 7px;
line-height: 1.55;
}
.ag4-tw-sidebar-footer {
grid-column-gap: 7px;
grid-row-gap: 7px;
border-top: 1px solid #e2e8f0;
padding: 10px;
display: flex;
}
.ag4-tw-delete {
color: #dc2626;
cursor: pointer;
background-color: #fff;
border: 1px solid #fecaca;
border-radius: 7px;
padding: 7px 9px;
font-size: 7px;
}
.ag4-tw-apply {
color: #fff;
cursor: pointer;
background-color: #6d28d9;
border-radius: 7px;
flex: 1;
padding: 7px 9px;
font-size: 7px;
font-weight: 750;
}
.ct4-story {
color: #f8fafc;
background-color: #07070c;
border-top: 1px solid #94a3b81f;
border-bottom: 1px solid #94a3b81f;
position: relative;
overflow: clip;
}
.ct4-intro {
text-align: center;
max-width: 1180px;
margin: 0 auto;
padding: 104px 5vw 68px;
}
.ct4-eyebrow {
color: #a78bfa;
letter-spacing: .18em;
margin-bottom: 20px;
font-size: 12px;
font-weight: 700;
}
.ct4-intro-title {
letter-spacing: -.048em;
max-width: 860px;
margin: 0 auto;
font-size: clamp(42px, 5.3vw, 72px);
line-height: .98;
}
.ct4-intro-copy {
color: #94a3b8;
max-width: 700px;
margin: 28px auto 0;
font-size: 17px;
line-height: 1.6;
}
.ct4-intro-links {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
margin-top: 30px;
display: flex;
}
.ct4-intro-link {
color: #ddd6fe;
background-color: #7c3aed14;
border: 1px solid #a78bfa59;
border-radius: 999px;
padding: 11px 16px;
font-size: 13px;
text-decoration: none;
transition: transform .18s, border-color .18s, background-color .18s;
}
.ct4-intro-link:hover {
background-color: #7c3aed2e;
border-color: #c4b5fdb3;
transform: translateY(-1px);
}
.ct4-intro-link:focus-visible, .ct4-intro-link[data-wf-focus-visible] {
outline-offset: 3px;
outline: 2px solid #a78bfa;
}
.ct4-intro-link.ct4-intro-link-primary {
color: #fff;
background-color: #7c3aed;
border-color: #8b5cf6;
font-weight: 750;
box-shadow: 0 14px 38px #7c3aed3d;
}
.ct4-intro-link.ct4-intro-link-primary:hover {
background-color: #8b5cf6;
transform: translateY(-1px);
box-shadow: 0 18px 46px #7c3aed57;
}
.ct4-scroll {
height: 360vh;
}
.ct4-sticky {
background-color: #07070c;
background-image: radial-gradient(circle at 50% 115%, #7c3aed2b, #0000 42%);
height: 100vh;
min-height: 680px;
position: sticky;
top: 0;
overflow: hidden;
}
.ct4-progress {
z-index: 20;
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #09080dc2;
border: 1px solid #ffffff14;
border-radius: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding: 8px 12px;
display: grid;
position: absolute;
top: 24px;
left: 5vw;
right: 5vw;
box-shadow: 0 18px 52px #0000003d;
}
.ct4-progress-item {
color: #64748b;
min-height: 34px;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 9px;
padding: 8px 10px;
transition: background-color .16s, color .16s;
}
.ct4-progress-item:hover {
color: #d8d3e1;
background-color: #ffffff0e;
}
.ct4-progress-active {
color: #f8fafc;
}
.ct4-progress-number {
color: #a78bfa;
margin-right: 7px;
font-family: monospace;
}
.ct4-progress-line {
background-color: #94a3b826;
height: 1px;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
}
.ct4-progress-fill {
background-color: #8b5cf6;
width: 25%;
height: 1px;
transition: width .2s;
display: block;
}
.ct4-track {
will-change: transform;
width: 400vw;
height: 100%;
display: flex;
}
.ct4-scroll-hint {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #64748b;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
align-items: center;
font-size: 9px;
display: grid;
position: absolute;
bottom: 22px;
left: 5vw;
right: 5vw;
}
.ct4-scroll-hint-line {
background-color: #94a3b829;
height: 1px;
}
.ct4-scroll-count {
color: #a78bfa;
font-family: monospace;
}
.ct4-slide {
box-sizing: border-box;
grid-column-gap: 2.5vw;
grid-row-gap: 2.5vw;
flex: none;
grid-template-rows: auto;
grid-template-columns: minmax(230px, .58fr) minmax(0, 1.9fr);
align-items: center;
width: 100vw;
height: 100%;
padding: 32px 4vw;
display: grid;
}
.ct4-copy {
max-width: 420px;
}
.ct4-step {
color: #a78bfa;
letter-spacing: .16em;
margin-bottom: 17px;
font-size: 11px;
font-weight: 700;
}
.ct4-copy-title {
color: #f8fafc;
letter-spacing: -.05em;
margin: 0;
font-size: clamp(34px, 4vw, 62px);
line-height: 1.02;
}
.ct4-copy-text {
color: #94a3b8;
margin: 22px 0 0;
font-size: 16px;
line-height: 1.65;
}
.ct4-benefits {
margin-top: 24px;
}
.ct4-benefit {
color: #cbd5e1;
margin: 10px 0;
font-size: 13px;
line-height: 1.5;
}
.ct4-benefit-arrow {
color: #8b5cf6;
margin-right: 9px;
}
.ct4-copy-cta {
color: #ede9fe;
font-family: inherit;
font-size: 12px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #7c3aed1a;
border: 1px solid #a78bfa66;
border-radius: 9px;
margin-top: 25px;
padding: 10px 15px;
text-decoration: none;
transition: transform .18s, border-color .18s, background-color .18s;
display: inline-flex;
}
.ct4-copy-cta:hover {
background-color: #7c3aed33;
border-color: #c4b5fdb8;
transform: translateY(-1px);
}
.ct4-copy-cta:focus-visible, .ct4-copy-cta[data-wf-focus-visible] {
outline-offset: 3px;
outline: 2px solid #a78bfa;
}
.ct4-frame {
color: #f0eef4;
background-color: #101011;
border: 1px solid #ffffff1c;
border-radius: 14px;
min-width: 0;
position: relative;
overflow: hidden;
box-shadow: 0 24px 70px #00000057;
}
.ct4-frame.ct4-studio, .ct4-orchestrator {
height: clamp(540px, 100vh - 84px, 650px);
}
.ct4-appbar {
background-color: #141415;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 52px;
padding: 0 12px;
display: flex;
}
.ct4-appbar-left {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-grow: 1;
align-items: center;
min-width: 0;
display: flex;
}
.ct4-appbar-right {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
display: flex;
}
.ct4-logo {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
place-items: center;
width: 28px;
height: 28px;
font-size: 11px;
font-weight: 800;
display: grid;
}
.ct4-app-button {
color: #aaa6b1;
height: 30px;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #19191b;
border: 1px solid #ffffff1a;
border-radius: 8px;
padding: 8px 10px;
}
.ct4-autonomy {
color: #6d28d9;
height: 30px;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #faf5ff;
border: 1px solid #ddd6fe;
border-radius: 8px;
padding: 8px 10px;
}
.ct4-count-badge {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 999px;
place-items: center;
min-width: 15px;
height: 15px;
margin-left: 3px;
font-size: 7px;
display: inline-grid;
}
.ct4-orch-body {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(260px, 32%);
height: calc(100% - 56px);
display: grid;
}
.ct4-chat {
color: #ebe9ee;
background-color: #101011;
flex-direction: column;
min-width: 0;
display: flex;
}
.ct4-chat-scroll {
flex: 1;
padding: 23px 26px;
overflow: auto;
}
.ct4-suggestions {
grid-column-gap: 6px;
grid-row-gap: 6px;
margin-bottom: 22px;
display: flex;
overflow-x: auto;
}
.ct4-suggestion {
color: #64748b;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
flex: none;
padding: 10px 12px;
}
.ct4-message {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-bottom: 20px;
display: flex;
}
.ct4-user-avatar {
color: #64748b;
background-color: #f1f5f9;
border-radius: 8px;
flex: none;
place-items: center;
width: 27px;
height: 27px;
font-size: 8px;
font-weight: 700;
display: grid;
}
.ct4-user-bubble {
color: #334155;
background-color: #f8fafc;
border-radius: 12px;
margin: 0;
padding: 9px 11px;
font-size: 10px;
line-height: 1.55;
}
.ct4-agent-avatar {
color: #7c3aed;
background-color: #ede9fe;
border-radius: 8px;
flex: none;
place-items: center;
width: 27px;
height: 27px;
font-size: 9px;
font-weight: 700;
display: grid;
}
.ct4-agent-message {
min-width: 0;
}
.ct4-agent-name {
color: #64748b;
margin: 0 0 6px;
font-size: 11px;
font-weight: 700;
}
.ct4-agent-copy {
color: #334155;
margin: 0;
font-size: 10px;
line-height: 1.55;
}
.ct4-run {
border: 1px solid #e2e8f0;
border-radius: 11px;
margin-top: 12px;
overflow: hidden;
}
.ct4-run-row {
grid-column-gap: 7px;
grid-row-gap: 7px;
border-bottom: 1px solid #f1f5f9;
grid-template-rows: auto;
grid-template-columns: 10px 1fr auto;
align-items: center;
padding: 10px 11px;
font-size: 11px;
display: grid;
}
.ct4-state-done {
background-color: #10b981;
border-radius: 50%;
width: 7px;
height: 7px;
}
.ct4-run-label {
color: #334155;
}
.ct4-run-status {
color: #64748b;
font-size: 10px;
}
.ct4-composer {
background-color: #141415;
border-top: 1px solid #ffffff14;
padding: 10px 16px 12px;
}
.ct4-composer._w-form {
background-color: #fffffff0;
border-top: 1px solid #e2e8f0;
padding: 10px 16px 12px;
}
.ct4-context-chips {
grid-column-gap: 4px;
grid-row-gap: 4px;
margin-bottom: 6px;
display: flex;
overflow-x: auto;
}
.ct4-chip-violet {
color: #6d28d9;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #f5f3ff;
border: 1px solid #ddd6fe;
border-radius: 6px;
flex: none;
padding: 6px 9px;
}
.ct4-chip-green {
color: #047857;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #ecfdf5;
border: 1px solid #a7f3d0;
border-radius: 6px;
flex: none;
padding: 6px 9px;
}
.ct4-chip-orange {
color: #c2410c;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 6px;
flex: none;
padding: 6px 9px;
}
.ct4-compose-row {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #fffc;
border: 1px solid #cbd5e1cc;
border-radius: 14px;
align-items: flex-end;
padding: 8px;
display: flex;
box-shadow: 0 8px 20px #0f172a14;
}
.ct4-circle-button {
color: #64748b;
cursor: pointer;
width: 32px;
height: 32px;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
background-color: #f8fafc;
border-radius: 50%;
flex: none;
place-items: center;
display: grid;
}
.ct4-chat-input {
box-sizing: border-box;
color: #e9e7ed;
width: auto;
height: 38px;
min-height: 38px;
max-height: 95px;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
resize: none;
background-color: #0000;
border-style: none;
outline: none;
flex: 1;
margin: 0;
padding: 9px 2px;
}
.ct4-chat-input:focus-visible, .ct4-chat-input[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #8b5cf6;
}
.ct4-chat-input::placeholder {
opacity: 1;
color: #94a3b8;
}
.ct4-send {
color: #fff;
width: 32px;
height: 32px;
font-family: inherit;
font-size: 17px;
line-height: 1;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-image: linear-gradient(135deg, #8b5cf6, #6d28d9);
border-style: none;
border-radius: 50%;
flex: none;
place-items: center;
padding: 0;
display: grid;
}
.ct4-send:focus-visible, .ct4-send[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #8b5cf6;
}
.ct4-send._w-button {
color: #fff;
cursor: pointer;
width: 32px;
height: 32px;
font-family: inherit;
font-size: 17px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-image: linear-gradient(135deg, #8b5cf6, #6d28d9);
border-radius: 50%;
flex: none;
place-items: center;
display: grid;
}
.ct4-compose-meta {
justify-content: space-between;
margin-top: 4px;
display: flex;
}
.ct4-compose-note {
color: #94a3b8;
font-size: 6px;
}
.ct4-smart {
color: #e9e7ed;
background-color: #111112;
border-left: 1px solid #ffffff14;
min-width: 0;
}
.ct4-smart-tabs {
grid-column-gap: 3px;
grid-row-gap: 3px;
background-color: #141415;
border-bottom: 1px solid #ffffff14;
padding: 7px;
display: flex;
}
.ct4-smart-tab {
color: #77727d;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
flex: 1;
padding: 8px 4px;
}
.ct4-smart-active {
color: #c4b5fd;
background-color: #1b1425;
}
.ct4-smart-content {
padding: 12px;
}
.ct4-smart-head {
color: #64748b;
justify-content: space-between;
margin-bottom: 10px;
font-size: 9px;
display: flex;
}
.ct4-smart-state {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
display: flex;
}
.ct4-smart-dot {
background-color: #10b981;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ct4-smart-time {
font-size: 9px;
}
.ct4-activity {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
overflow: hidden;
}
.ct4-activity-row {
grid-column-gap: 6px;
grid-row-gap: 6px;
border-bottom: 1px solid #f1f5f9;
grid-template-rows: auto;
grid-template-columns: 19px 1fr auto;
padding: 8px;
display: grid;
}
.ct4-activity-index {
color: #64748b;
background-color: #f1f5f9;
border-radius: 5px;
place-items: center;
width: 18px;
height: 18px;
font-size: 6px;
display: grid;
}
.ct4-activity-copy {
margin: 0;
}
.ct4-activity-title {
font-size: 10px;
display: block;
}
.ct4-activity-detail {
color: #94a3b8;
margin-top: 2px;
font-size: 9px;
display: block;
}
.ct4-activity-time {
color: #94a3b8;
font-size: 9px;
}
.ct4-artifact-card {
background-color: #faf5ff;
border: 1px solid #ddd6fe;
border-radius: 10px;
margin-top: 10px;
padding: 10px;
}
.ct4-artifact-head {
justify-content: space-between;
display: flex;
}
.ct4-artifact-title {
font-size: 11px;
}
.ct4-artifact-state {
color: #7c3aed;
font-size: 7px;
}
.ct4-artifact-copy {
color: #64748b;
margin: 7px 0;
font-size: 10px;
line-height: 1.5;
}
.ct4-artifact-link {
color: #6d28d9;
cursor: pointer;
font-family: inherit;
font-size: 7px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-color: #0000;
padding: 0;
}
.ct4-mission {
color: #eeecf1;
background-color: #0f0f10;
flex-direction: column;
height: clamp(540px, 100vh - 84px, 650px);
display: flex;
}
.ct4-mission-top {
background-color: #141415;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 57px;
padding: 0 14px;
display: flex;
}
.ct4-mission-title {
font-size: 14px;
display: block;
}
.ct4-mission-subtitle {
color: #817d88;
margin-top: 2px;
font-size: 10px;
display: block;
}
.ct4-mission-actions {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.ct4-toolbar-button {
color: #64748b;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 8px 10px;
}
.ct4-toolbar-primary {
color: #fff;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #7c3aed;
border: 1px solid #7c3aed;
border-radius: 7px;
padding: 8px 11px;
}
.ct4-stats {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding: 10px 14px;
display: grid;
}
.ct4-stat {
background-color: #141415;
border: 1px solid #ffffff14;
border-radius: 9px;
padding: 8px 10px;
}
.ct4-stat-label {
color: #74717b;
font-size: 6px;
display: block;
}
.ct4-stat-value {
margin-top: 2px;
font-size: 14px;
display: block;
}
.ct4-stat-note {
color: #77727d;
margin-top: 1px;
font-size: 6px;
display: block;
}
.ct4-filterbar, .ct4-filterbar._w-form {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding: 0 14px 10px;
display: flex;
overflow-x: auto;
}
.ct4-search {
color: #94a3b8;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
align-items: center;
min-width: 170px;
padding: 0 8px;
display: flex;
}
.ct4-search-input {
width: 100%;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
padding: 9px;
}
.ct4-search-input._w-input {
width: 100%;
font-family: inherit;
font-size: 7px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
padding: 7px 5px;
}
.ct4-filter-button {
color: #64748b;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 8px 10px;
}
.ct4-board {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex: auto;
height: auto;
min-height: 0;
padding: 0 14px 14px;
display: flex;
overflow-x: auto;
}
.ct4-column {
background-color: #111112;
border: 1px solid #ffffff14;
border-radius: 10px;
min-width: 220px;
padding: 10px;
transition: box-shadow .15s;
}
.ct4-column-over {
box-shadow: inset 0 0 0 2px #8b5cf6;
}
.ct4-column-head {
color: #85818d;
justify-content: space-between;
padding: 3px 2px 11px;
font-size: 10px;
display: flex;
}
.ct4-column-name {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
display: flex;
}
.ct4-column-count {
font-size: 10px;
}
.ct4-dot-slate {
background-color: #94a3b8;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ct4-dot-violet {
background-color: #8b5cf6;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ct4-dot-blue {
background-color: #3b82f6;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ct4-dot-amber {
background-color: #f59e0b;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ct4-dot-green {
background-color: #10b981;
border-radius: 50%;
width: 6px;
height: 6px;
}
.ct4-card {
color: #efedf2;
cursor: grab;
background-color: #171718;
border: 1px solid #ffffff17;
border-radius: 9px;
margin-bottom: 7px;
padding: 9px;
transition: transform .18s, border-color .18s, box-shadow .18s;
box-shadow: 0 4px 14px #00000024;
}
.ct4-card:hover {
border-color: #a78bfa61;
transform: translateY(-1px);
box-shadow: 0 10px 28px #0000003d;
}
.ct4-card.ct4-card-alert {
background-color: #1b1710;
border-color: #f59e0b57;
}
.ct4-card-dragging {
opacity: .55;
}
.ct4-card-alert {
background-color: #fffbeb;
border-color: #fde68a;
}
.ct4-card-top {
justify-content: space-between;
align-items: center;
display: flex;
}
.ct4-card-agent {
color: #8b8791;
font-size: 9px;
font-weight: 600;
}
.ct4-priority {
color: #64748b;
background-color: #f1f5f9;
border-radius: 4px;
padding: 2px 4px;
font-size: 5px;
}
.ct4-card-title {
letter-spacing: -.01em;
margin: 7px 0 4px;
font-size: 11px;
line-height: 1.25;
}
.ct4-card-copy {
color: #8d8994;
margin: 0;
font-size: 10px;
line-height: 1.5;
}
.ct4-card-tags {
grid-column-gap: 4px;
grid-row-gap: 4px;
margin: 7px 0;
display: flex;
}
.ct4-card-tag {
color: #96919d;
background-color: #202023;
border-radius: 4px;
padding: 3px 6px;
font-size: 8px;
}
.ct4-progressbar {
background-color: #e2e8f0;
border-radius: 999px;
height: 4px;
margin: 8px 0;
}
.ct4-progressbar-fill {
background-color: #8b5cf6;
border-radius: 999px;
height: 4px;
display: block;
}
.ct4-progressbar-fill.inline-i-0 {
width: 32%;
}
.ct4-progressbar-fill.inline-i-1 {
width: 68%;
}
.ct4-card-foot {
border-top: 1px solid #ffffff12;
justify-content: space-between;
align-items: center;
margin-top: 7px;
padding-top: 7px;
display: flex;
}
.ct4-card-cost {
color: #94a3b8;
font-size: 8px;
}
.ct4-card-action {
color: #c4b5fd;
font-size: 8px;
font-weight: 600;
}
.ct4-approval-reason {
color: #92400e;
background-color: #fef3c7;
border-radius: 5px;
margin-top: 7px;
padding: 7px 8px;
font-size: 9px;
}
.ct4-drawer {
z-index: 10;
background-color: #fff;
border-left: 1px solid #e2e8f0;
width: 250px;
padding: 22px 16px;
position: absolute;
top: 57px;
bottom: 0;
right: 0;
box-shadow: -18px 0 45px #0f172a1f;
}
.ct4-drawer-close {
cursor: pointer;
background-color: #0000;
font-size: 18px;
position: absolute;
top: 10px;
right: 10px;
}
.ct4-drawer-label {
color: #8b5cf6;
letter-spacing: .12em;
font-size: 6px;
font-weight: 700;
}
.ct4-drawer-title {
margin: 12px 0 7px;
font-size: 15px;
}
.ct4-drawer-copy {
color: #64748b;
font-size: 11px;
line-height: 1.5;
}
.ct4-drawer-row {
border-bottom: 1px solid #f1f5f9;
justify-content: space-between;
padding: 11px 0;
font-size: 10px;
display: flex;
}
.ct4-drawer-key {
color: #64748b;
}
.ct4-drawer-value {
font-size: 7px;
}
.ct4-drawer-primary {
color: #fff;
cursor: pointer;
width: 100%;
font-family: inherit;
font-size: 8px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
background-color: #7c3aed;
border: 1px solid #7c3aed;
border-radius: 8px;
margin-top: 16px;
padding: 9px;
}
.ct4-thinkway {
height: clamp(540px, 100vh - 84px, 650px);
}
.ct4-tw-toolbar {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border-bottom: 1px solid #e2e8f0;
align-items: center;
height: 62px;
padding: 0 16px;
display: flex;
}
.ct4-tw-heading {
min-width: 170px;
}
.ct4-tw-title {
font-size: 14px;
display: block;
}
.ct4-tw-subtitle {
color: #94a3b8;
margin-top: 2px;
font-size: 10px;
display: block;
}
.ct4-tw-tabs {
grid-column-gap: 3px;
grid-row-gap: 3px;
background-color: #f1f5f9;
border-radius: 8px;
padding: 3px;
display: flex;
}
.ct4-tw-tab {
color: #64748b;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #0000;
border-radius: 6px;
padding: 8px 10px;
}
.ct4-tw-tab-active {
color: #6d28d9;
background-color: #fff;
box-shadow: 0 1px 3px #0f172a1a;
}
.ct4-tw-actions {
grid-column-gap: 5px;
grid-row-gap: 5px;
margin-left: auto;
display: flex;
}
.ct4-tw-body {
grid-template-rows: auto;
grid-template-columns: minmax(142px, 17%) minmax(0, 1fr) minmax(184px, 22%);
height: calc(100% - 98px);
display: grid;
}
.ct4-library {
color: #e9e7ed;
background-color: #111112;
border-right: 1px solid #ffffff14;
padding: 10px 8px;
}
.ct4-library-head {
justify-content: space-between;
margin: 0 3px 8px;
display: flex;
}
.ct4-library-title, .ct4-library-search {
font-size: 10px;
}
.ct4-library-item {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #dcd9e1;
width: 100%;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
text-align: left;
cursor: grab;
background-color: #171718;
border: 1px solid #ffffff17;
border-radius: 8px;
align-items: center;
margin-bottom: 6px;
padding: 8px;
transition: border-color .18s, background-color .18s, transform .18s;
display: flex;
}
.ct4-library-item:hover {
background-color: #1a1620;
border-color: #a78bfa57;
transform: translateY(-1px);
}
.ct4-pattern-violet {
background-color: #8b5cf6;
border-radius: 3px;
flex: none;
width: 8px;
height: 8px;
}
.ct4-pattern-green {
background-color: #10b981;
border-radius: 3px;
flex: none;
width: 8px;
height: 8px;
}
.ct4-pattern-amber {
background-color: #f59e0b;
border-radius: 3px;
flex: none;
width: 8px;
height: 8px;
}
.ct4-pattern-rose {
background-color: #f43f5e;
border-radius: 3px;
flex: none;
width: 8px;
height: 8px;
}
.ct4-pattern-blue {
background-color: #3b82f6;
border-radius: 3px;
flex: none;
width: 8px;
height: 8px;
}
.ct4-library-copy {
display: block;
}
.ct4-library-name {
font-size: 10px;
display: block;
}
.ct4-library-note {
color: #807b86;
margin-top: 2px;
font-size: 8px;
line-height: 1.35;
display: block;
}
.ct4-tw-panel {
background-color: #f8fafc;
min-width: 0;
padding: 25px;
display: none;
}
.ct4-tw-panel-active {
display: block;
}
.ct4-tw-canvas-panel {
padding: 0;
}
.ct4-panel-title {
margin: 0 0 16px;
font-size: 15px;
}
.ct4-canvas {
background-color: #0f0f10;
background-image: radial-gradient(#ffffff1c 1px, #0000 1px);
background-size: 18px 18px;
width: 100%;
height: 100%;
min-height: 420px;
position: relative;
overflow: hidden;
}
.ct4-edge-layer {
z-index: 1;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.ct4-edge-path {
fill: none;
stroke: #8b5cf6;
stroke-width: 2px;
stroke-linecap: round;
vector-effect: non-scaling-stroke;
}
.ct4-node {
z-index: 2;
grid-column-gap: 8px;
grid-row-gap: 8px;
cursor: grab;
-webkit-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
align-items: center;
width: 145px;
min-height: 58px;
padding: 9px 12px;
display: flex;
position: absolute;
box-shadow: 0 8px 20px #0f172a17;
}
.ct4-node.ct4-node-configured.inline-div-0 {
top: 39%;
left: 6%;
}
.ct4-node.ct4-node-configured.inline-div-1 {
top: 15%;
left: 33%;
}
.ct4-node.ct4-node-configured.inline-div-3 {
top: 21%;
left: 65%;
}
.ct4-node.ct4-node-partial.inline-div-2 {
top: 62%;
left: 34%;
}
.ct4-node.ct4-node-empty.inline-div-4 {
top: 63%;
left: 66%;
}
.ct4-node-selected {
outline-offset: 2px;
outline: 2px solid #8b5cf6;
}
.ct4-node-configured {
border-left: 3px solid #10b981;
}
.ct4-node-partial {
border-left: 3px solid #f59e0b;
}
.ct4-node-empty {
border-left: 3px solid #94a3b8;
}
.ct4-node-icon {
color: #7c3aed;
background-color: #f5f3ff;
border-radius: 7px;
flex: none;
place-items: center;
width: 24px;
height: 24px;
font-size: 9px;
font-style: normal;
display: grid;
}
.ct4-node-copy {
display: block;
}
.ct4-node-type {
color: #8b5cf6;
letter-spacing: .06em;
font-size: 7px;
font-weight: 700;
display: block;
}
.ct4-node-title {
margin-top: 2px;
font-size: 10px;
display: block;
}
.ct4-node-note {
color: #94a3b8;
margin-top: 2px;
font-size: 8px;
line-height: 1.35;
display: block;
}
.ct4-port {
background-color: #8b5cf6;
border: 2px solid #fff;
border-radius: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
position: absolute;
top: 50%;
box-shadow: 0 0 0 1px #8b5cf6;
}
.ct4-port-in {
left: -5px;
}
.ct4-port-out {
right: -5px;
}
.ct4-canvas-controls {
z-index: 3;
display: flex;
position: absolute;
bottom: 10px;
left: 10px;
}
.ct4-canvas-button {
color: #aaa6b1;
width: 27px;
height: 27px;
font-family: inherit;
font-size: 9px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
cursor: pointer;
background-color: #181819;
border: 1px solid #ffffff1a;
}
.ct4-minimap {
z-index: 3;
background-color: #fffffff2;
border: 1px solid #e2e8f0;
border-radius: 8px;
width: 145px;
padding: 7px;
position: absolute;
bottom: 10px;
right: 10px;
}
.ct4-minimap-head {
justify-content: space-between;
display: flex;
}
.ct4-minimap-label {
font-size: 6px;
}
.ct4-minimap-stats {
color: #94a3b8;
font-size: 6px;
}
.ct4-minimap-svg {
width: 100%;
height: 60px;
margin-top: 4px;
}
.ct4-minimap-node {
fill: #ddd6fe;
stroke: #8b5cf6;
}
.ct4-minimap-edge {
fill: none;
stroke: #a78bfa;
stroke-width: 1px;
}
.ct4-inspector {
color: #e9e7ed;
background-color: #111112;
border-left: 1px solid #ffffff14;
padding: 12px 10px;
}
.ct4-inspector-empty {
color: #746f7a;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.ct4-inspector-icon {
font-size: 22px;
}
.ct4-inspector-title {
color: #aaa6b1;
margin-top: 8px;
font-size: 10px;
}
.ct4-inspector-note {
max-width: 120px;
margin-top: 5px;
font-size: 8px;
line-height: 1.5;
}
.ct4-inspector-label {
color: #77727d;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 9px;
font-size: 8px;
display: block;
}
.ct4-inspector-control {
box-sizing: border-box;
color: #d8d5dd;
width: 100%;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
text-align: left;
letter-spacing: 0;
text-transform: none;
background-color: #171718;
border: 1px solid #ffffff1a;
border-radius: 7px;
margin-top: 4px;
padding: 9px;
display: block;
}
.ct4-inspector-text {
color: #d8d5dd;
letter-spacing: 0;
text-transform: none;
background-color: #171718;
border: 1px solid #ffffff1a;
border-radius: 7px;
min-height: 112px;
margin-top: 4px;
padding: 7px;
font-size: 10px;
line-height: 1.5;
}
.ct4-inspector-meta {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: grid;
}
.ct4-inspector-stat {
color: #9b96a1;
background-color: #181819;
border-radius: 6px;
justify-content: space-between;
padding: 8px;
font-size: 9px;
display: flex;
}
.ct4-data-row {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr auto;
align-items: center;
margin-bottom: 7px;
padding: 13px;
font-size: 10px;
display: grid;
}
.ct4-eval-row {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
margin-bottom: 7px;
padding: 13px;
font-size: 10px;
display: grid;
}
.ct4-version-row {
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: 42px 1fr auto;
align-items: center;
margin-bottom: 7px;
padding: 13px;
font-size: 10px;
display: grid;
}
.ct4-version-current {
background-color: #f5f3ff;
border-color: #c4b5fd;
}
.ct4-data-key {
color: #334155;
}
.ct4-data-value {
font-size: 7px;
}
.ct4-data-type {
color: #94a3b8;
font-size: 7px;
}
.ct4-version-number {
font-size: 7px;
}
.ct4-version-copy {
color: #334155;
}
.ct4-version-time {
color: #94a3b8;
font-size: 7px;
}
.ct4-tw-status {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #64748b;
background-color: #fff;
border-top: 1px solid #e2e8f0;
align-items: center;
height: 36px;
padding: 0 11px;
font-size: 9px;
display: flex;
}
.ct4-status-valid {
align-items: center;
display: flex;
}
.ct4-valid-dot {
background-color: #10b981;
border-radius: 50%;
width: 5px;
height: 5px;
margin-right: 4px;
display: inline-block;
}
.ct4-status-copy {
font-size: 9px;
}
.ct4-node-testing {
box-shadow: 0 0 0 5px #8b5cf62e;
}
.ct4-studio {
height: 620px;
}
.ct4-studio-header {
background-color: #141415;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
height: 62px;
padding: 0 14px;
display: flex;
}
.ct4-studio-identity {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
display: flex;
}
.ct4-studio-avatar {
color: #c4b5fd;
background-color: #1b1425;
border-radius: 9px;
place-items: center;
width: 31px;
height: 31px;
font-size: 8px;
font-weight: 700;
display: grid;
}
.ct4-studio-name {
display: block;
}
.ct4-studio-title {
font-size: 14px;
display: block;
}
.ct4-studio-subtitle {
color: #817d88;
margin-top: 2px;
font-size: 10px;
display: block;
}
.ct4-studio-actions {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.ct4-studio-body {
grid-template-rows: auto;
grid-template-columns: minmax(176px, 22%) minmax(0, 1fr);
height: calc(100% - 62px);
display: grid;
}
.ct4-studio-nav {
background-color: #111112;
border-right: 1px solid #ffffff14;
padding: 13px 9px;
overflow: auto;
}
.ct4-studio-group {
margin-bottom: 16px;
}
.ct4-studio-group-title {
color: #74717b;
letter-spacing: .1em;
margin: 0 7px 7px;
font-size: 9px;
display: block;
}
.ct4-studio-nav-item {
color: #8f8b95;
width: 100%;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 7px;
padding: 10px 11px;
}
.ct4-studio-nav-item:hover {
color: #334155;
background-color: #f1f5f9;
}
.ct4-studio-nav-item.ct4-studio-nav-active {
color: #c4b5fd;
background-color: #1b1425;
}
.ct4-studio-nav-active {
color: #6d28d9;
background-color: #ede9fe;
font-weight: 700;
}
.ct4-studio-main {
color: #eceaf0;
background-color: #0f0f10;
padding: 22px;
overflow: auto;
}
.ct4-studio-panel {
color: #e9e7ed;
background-color: #151516;
border: 1px solid #ffffff17;
border-radius: 12px;
padding: 20px;
display: none;
}
.ct4-studio-panel-active {
display: block;
}
.ct4-studio-panel-head {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
display: flex;
}
.ct4-panel-heading {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.ct4-panel-index {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 7px;
flex: none;
place-items: center;
width: 24px;
height: 24px;
font-size: 7px;
display: grid;
}
.ct4-panel-copy {
display: block;
}
.ct4-panel-name {
margin: 0;
font-size: 12px;
}
.ct4-panel-description {
color: #64748b;
margin: 3px 0 0;
font-size: 11px;
line-height: 1.5;
}
.ct4-panel-state {
color: #047857;
background-color: #ecfdf5;
border-radius: 5px;
padding: 4px 6px;
font-size: 6px;
}
.ct4-form-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ct4-field {
color: #64748b;
font-size: 10px;
}
.ct4-field-wide {
grid-column: 1 / -1;
}
.ct4-field-label {
display: block;
}
.ct4-field-control {
box-sizing: border-box;
color: #334155;
width: 100%;
font-family: inherit;
font-size: 11px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
text-align: left;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
margin-top: 5px;
padding: 11px;
display: block;
}
.ct4-field-text {
box-sizing: border-box;
color: #334155;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
min-height: 96px;
margin-top: 5px;
padding: 11px;
font-size: 11px;
line-height: 1.55;
}
.ct4-field-text-tall {
min-height: 150px;
}
.ct4-autonomy-options {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ct4-autonomy-option {
color: #334155;
text-align: left;
cursor: pointer;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
padding: 12px;
}
.ct4-autonomy-active {
background-color: #f5f3ff;
border-color: #c4b5fd;
}
.ct4-option-title {
font-size: 8px;
display: block;
}
.ct4-option-copy {
color: #64748b;
margin-top: 4px;
font-size: 6px;
line-height: 1.4;
display: block;
}
.ct4-cap-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ct4-cap-card {
color: #334155;
text-align: left;
cursor: pointer;
font-family: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: 24px 1fr;
padding: 10px;
display: grid;
}
.ct4-cap-enabled {
background-color: #faf5ff;
border-color: #c4b5fd;
}
.ct4-cap-icon {
color: #6d28d9;
background-color: #f1f5f9;
border-radius: 6px;
grid-row: 1 / 3;
place-items: center;
width: 22px;
height: 22px;
display: grid;
}
.ct4-cap-name {
font-size: 11px;
}
.ct4-cap-note {
color: #64748b;
margin-top: 3px;
font-size: 9px;
}
.ct4-runtime-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.ct4-runtime-card {
border: 1px solid #e2e8f0;
border-radius: 9px;
padding: 11px;
}
.ct4-runtime-label {
color: #64748b;
font-size: 9px;
display: block;
}
.ct4-runtime-value {
margin-top: 5px;
font-size: 11px;
display: block;
}
.ct4-runtime-note {
color: #94a3b8;
margin-top: 3px;
font-size: 9px;
display: block;
}
.ct4-attached-row {
border: 1px solid #e2e8f0;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: 25px 1fr auto;
align-items: center;
margin-bottom: 7px;
padding: 10px;
display: grid;
}
.ct4-attached-icon {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 6px;
place-items: center;
width: 22px;
height: 22px;
display: grid;
}
.ct4-attached-copy {
margin: 0;
}
.ct4-attached-name {
font-size: 8px;
display: block;
}
.ct4-attached-note {
color: #64748b;
margin-top: 3px;
font-size: 6px;
display: block;
}
.ct4-attached-version {
color: #94a3b8;
font-size: 7px;
}
.ct4-readiness {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ct4-ready-item {
color: #475569;
font-family: inherit;
font-size: 10px;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
text-align: left;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 10px;
}
.ct4-ready-complete {
color: #047857;
background-color: #ecfdf5;
border-color: #a7f3d0;
}
.ct4-readiness-bar {
background-color: #e2e8f0;
border-radius: 999px;
height: 7px;
margin-top: 13px;
}
.ct4-readiness-fill {
background-image: linear-gradient(90deg, #8b5cf6, #10b981);
border-radius: 999px;
height: 7px;
transition: width .2s;
display: block;
}
.ct4-readiness-fill.inline-i-0 {
width: 75%;
}
.ct4-scroll-hint-text {
color: #64748b;
font-size: 9px;
}
.ct4-bridge {
color: #f8fafc;
background-color: #08080c;
background-image: radial-gradient(circle at 18% 0, #7c3aed2b, #0000 38%);
border-top: 1px solid #94a3b81f;
border-bottom: 1px solid #94a3b81f;
padding: 132px 24px;
position: relative;
overflow: hidden;
}
.ct4-bridge-shell {
grid-column-gap: 96px;
grid-row-gap: 96px;
grid-template-rows: auto;
grid-template-columns: minmax(280px, .82fr) minmax(520px, 1.18fr);
align-items: start;
max-width: 1280px;
margin: 0 auto;
display: grid;
}
.ct4-bridge-head {
position: sticky;
top: 112px;
}
.ct4-bridge-kicker {
color: #a78bfa;
letter-spacing: .18em;
margin-bottom: 22px;
font-family: monospace;
font-size: 11px;
line-height: 1.2;
}
.ct4-bridge-title {
color: #f8fafc;
letter-spacing: -.055em;
margin: 0;
font-size: clamp(44px, 5.4vw, 78px);
line-height: .96;
}
.ct4-bridge-copy {
color: #94a3b8;
max-width: 580px;
margin: 30px 0 0;
font-size: 17px;
line-height: 1.7;
}
.ct4-bridge-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ede9fe;
background-color: #7c3aed1a;
border: 1px solid #a78bfa5c;
border-radius: 999px;
align-items: center;
margin-top: 34px;
padding: 12px 16px;
font-size: 13px;
text-decoration: none;
transition: transform .18s, border-color .18s, background-color .18s;
display: inline-flex;
}
.ct4-bridge-link:hover {
background-color: #7c3aed33;
border-color: #c4b5fdb8;
transform: translateY(-1px);
}
.ct4-bridge-link:focus-visible, .ct4-bridge-link[data-wf-focus-visible] {
outline-offset: 3px;
outline: 2px solid #a78bfa;
}
.ct4-bridge-link-arrow {
color: #a78bfa;
font-family: monospace;
display: inline-block;
}
.ct4-bridge-rail {
border-top: 1px solid #94a3b829;
}
.ct4-bridge-row {
grid-column-gap: 22px;
grid-row-gap: 22px;
border-bottom: 1px solid #94a3b829;
grid-template-rows: auto;
grid-template-columns: 48px minmax(0, 1fr) auto;
align-items: start;
padding: 34px 0;
display: grid;
}
.ct4-bridge-index {
color: #7c3aed;
padding-top: 5px;
font-family: monospace;
font-size: 11px;
}
.ct4-bridge-row-main {
min-width: 0;
}
.ct4-bridge-row-title {
color: #f8fafc;
letter-spacing: -.025em;
margin: 0;
font-size: 24px;
line-height: 1.2;
}
.ct4-bridge-row-copy {
color: #94a3b8;
max-width: 640px;
margin: 12px 0 0;
font-size: 14px;
line-height: 1.7;
}
.ct4-bridge-state {
color: #c4b5fd;
letter-spacing: .1em;
background-color: #7c3aed12;
border: 1px solid #a78bfa3d;
border-radius: 999px;
margin-top: 4px;
padding: 7px 9px;
font-family: monospace;
font-size: 9px;
}
.ag4-hero {
color: #f8fafc;
background-color: #0d0d0d;
background-image: radial-gradient(circle at 76% 14%, #7c3aed30, #0000 34%), radial-gradient(circle at 15% 88%, #4c1d951f, #0000 30%);
border-bottom: 1px solid #ffffff12;
align-items: center;
min-height: auto;
padding: 142px 24px 88px;
display: flex;
position: relative;
overflow: hidden;
}
.ag4-hero-layout {
z-index: 2;
grid-row-gap: 36px;
grid-column-gap: clamp(48px, 6vw, 88px);
grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
align-items: center;
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.ag4-hero-inner {
width: 100%;
display: block;
}
.ag4-hero-shell {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.ag4-hero-grid {
width: 100%;
display: block;
}
.ag4-hero-copy {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.ag4-hero-title {
color: #f8fafc;
text-align: center;
letter-spacing: -.052em;
max-width: 900px;
margin: 0 auto 22px;
font-family: Inter, Arial, sans-serif;
font-size: clamp(50px, 6vw, 82px);
font-weight: 650;
line-height: 1;
}
.ag4-hero-subtitle {
color: #a8a6af;
text-align: center;
letter-spacing: -.015em;
max-width: 760px;
margin: 0 auto;
font-family: Inter, Arial, sans-serif;
font-size: clamp(18px, 1.7vw, 22px);
font-weight: 400;
line-height: 1.5;
}
.ag4-hero-form-wrap {
width: 100%;
max-width: 850px;
margin: 34px auto 0;
}
.ag4-hero-form {
z-index: 5;
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 100%;
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0000;
border: 1px #ffffff1f;
border-radius: 17px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
padding: 0;
display: block;
position: relative;
}
.ag4-hero-input {
box-sizing: border-box;
color: #f8fafc;
background-color: #0000;
border-style: none;
outline: none;
width: 100%;
height: 54px;
margin: 0;
padding: 0 18px;
font-family: Inter;
font-size: 15px;
line-height: 1.3;
}
.ag4-hero-submit {
color: #fff;
white-space: nowrap;
cursor: pointer;
background-image: linear-gradient(135deg, #8b5cf6, #6d28d9);
border-style: none;
border-radius: 11px;
height: 48px;
padding: 0 18px;
font-family: Inter, Arial, sans-serif;
font-size: 13px;
font-weight: 650;
line-height: 1;
box-shadow: 0 10px 26px #6d28d947;
}
.ag4-hero-cta-row {
grid-column-gap: 18px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 18px;
display: flex;
}
.ag4-hero-secondary {
color: #ddd6fe;
background-color: #7c3aed14;
border: 1px solid #c4b5fd3d;
border-radius: 999px;
align-items: center;
padding: 10px 14px;
font-family: Inter;
font-size: 12px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.ag4-hero-note {
color: #8c8994;
font-family: Inter;
font-size: 11px;
line-height: 1.4;
}
.ag4-hero-kicker {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #c4b5fd;
text-align: left;
letter-spacing: .11em;
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
font-family: Inter, Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.ag4-hero-kicker-dot {
background-color: #8b5cf6;
border-radius: 999px;
flex: none;
width: 7px;
height: 7px;
display: block;
box-shadow: 0 0 0 5px #8b5cf621;
}
.ag4-hero-proof {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #ffffff06;
border: 1px solid #ffffff17;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
max-width: 850px;
margin: 30px auto 0;
padding: 8px;
display: grid;
}
.ag4-hero-proof-item {
grid-column-gap: 11px;
grid-row-gap: 11px;
text-align: left;
background-color: #0a0a0e73;
border: 1px solid #ffffff0f;
border-radius: 11px;
align-items: center;
min-width: 0;
padding: 12px;
display: flex;
}
.ag4-hero-proof-index {
color: #8b5cf6;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 10px;
}
.ag4-hero-proof-title {
color: #f1f5f9;
font-family: Inter, Arial, sans-serif;
font-size: 11px;
font-weight: 650;
display: block;
}
.ag4-hero-proof-copy {
color: #777582;
margin-top: 3px;
font-family: Inter, Arial, sans-serif;
font-size: 9px;
line-height: 1.35;
display: block;
}
.ct4-autonomy-dev {
background-color: #fffaf5;
border-color: #fed7aa;
}
.ct4-studio-dev-badge {
color: #c2410c;
background-color: #ffedd5;
border-radius: 4px;
margin-left: 5px;
padding: 2px 5px;
font-size: 7px;
font-style: normal;
font-weight: 750;
display: inline-block;
}
.ct4-product-controls {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
width: auto;
display: flex;
position: relative;
}
.ct4-selector {
position: relative;
}
.ct4-selector-trigger {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #334155;
text-align: left;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
align-items: center;
width: 100%;
min-width: 0;
height: 36px;
padding: 5px 8px;
font-family: Inter, Arial, sans-serif;
display: flex;
}
.ct4-selector-trigger-wide {
min-width: 164px;
}
.ct4-selector-trigger-purple {
color: #6d28d9;
background-color: #faf5ff;
border-color: #ddd6fe;
}
.ct4-selector-mark {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 6px;
flex: none;
place-items: center;
width: 23px;
height: 23px;
font-size: 8px;
font-style: normal;
font-weight: 750;
display: grid;
}
.ct4-selector-mark-dark {
color: #fff;
background-color: #111827;
}
.ct4-selector-mark-purple {
color: #fff;
background-color: #7c3aed;
}
.ct4-selector-copy {
flex: 1;
min-width: 0;
display: block;
}
.ct4-selector-title {
text-overflow: ellipsis;
white-space: nowrap;
color: inherit;
font-size: 9px;
line-height: 1.15;
display: block;
overflow: hidden;
}
.ct4-selector-meta {
color: #94a3b8;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 2px;
font-size: 7px;
line-height: 1.15;
display: block;
overflow: hidden;
}
.ct4-selector-caret {
color: #94a3b8;
font-size: 9px;
}
.ct4-selector-menu {
z-index: 120;
background-color: #fff;
border: 1px solid #dbe2ea;
border-radius: 12px;
width: 350px;
max-height: 520px;
padding: 7px;
position: absolute;
inset: calc(100% + 8px) auto auto 0;
overflow: hidden auto;
box-shadow: 0 22px 55px #0f172a33;
}
.ct4-selector-menu.ct4-selector-menu-right {
left: auto;
right: 0;
}
.ct4-selector-menu-right {
left: 14px;
right: 14px;
}
.ct4-selector-menu-compact {
width: auto;
}
.ct4-selector-head {
color: #64748b;
letter-spacing: .08em;
justify-content: space-between;
padding: 7px 8px 9px;
font-size: 7px;
font-weight: 750;
display: flex;
}
.ct4-selector-context {
color: #94a3b8;
letter-spacing: 0;
font-size: 7px;
font-weight: 500;
}
.ct4-selector-option {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #334155;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 9px;
align-items: center;
width: 100%;
padding: 9px;
font-family: Inter, Arial, sans-serif;
display: flex;
}
.ct4-selector-option-active {
background-color: #f8fafc;
}
.ct4-option-icon {
color: #6d28d9;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
flex: none;
place-items: center;
width: 28px;
height: 28px;
font-size: 8px;
font-weight: 750;
display: grid;
}
.ct4-option-main {
flex: 1;
min-width: 0;
display: block;
}
.ct4-option-name {
color: #334155;
font-size: 9px;
display: block;
}
.ct4-option-description {
color: #94a3b8;
margin-top: 3px;
font-size: 7px;
line-height: 1.35;
display: block;
}
.ct4-option-check {
color: #7c3aed;
text-align: center;
width: 16px;
font-size: 10px;
}
.ct4-native-badge {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 4px;
margin-left: 4px;
padding: 2px 4px;
font-size: 6px;
font-style: normal;
font-weight: 750;
display: inline-block;
}
.ct4-recommended-badge {
color: #047857;
background-color: #ecfdf5;
border-radius: 4px;
margin-left: 4px;
padding: 2px 4px;
font-size: 6px;
font-style: normal;
font-weight: 750;
display: inline-block;
}
.ct4-dev-badge {
color: #c2410c;
background-color: #fff7ed;
border-radius: 4px;
margin-left: 4px;
padding: 2px 4px;
font-size: 6px;
font-style: normal;
font-weight: 750;
display: inline-block;
}
.ct4-selector-foot {
color: #94a3b8;
border-top: 1px solid #eef2f7;
margin-top: 4px;
padding: 8px;
font-size: 7px;
line-height: 1.4;
}
.ct4-selector-disabled {
color: #94a3b8;
background-color: #f8fafc;
border-radius: 8px;
padding: 10px;
font-size: 8px;
}
.ct4-selector-disabled-copy {
margin-top: 3px;
font-size: 7px;
display: block;
}
.ct4-selector-model {
grid-column: 1 / -1;
}
.ag4-hero-form-holder {
width: 100%;
max-width: none;
font-size: inherit;
margin: 0;
}
.ag4-hidden {
display: none;
}
.ct4-model-catalogue {
display: grid;
}
.ct4-provider-divider {
color: #64748b;
letter-spacing: .08em;
text-transform: uppercase;
border-top: 1px solid #e2e8f0;
justify-content: space-between;
align-items: center;
padding: 9px 11px 6px;
font-size: 8px;
display: flex;
}
.ct4-provider-note {
color: #94a3b8;
text-transform: none;
letter-spacing: 0;
font-size: 7px;
}
.ct4-routing-detail {
background-color: #faf9ff;
border: 1px solid #ddd6fe;
border-radius: 9px;
margin: 7px;
padding: 10px;
}
.ct4-routing-head {
justify-content: space-between;
align-items: center;
display: flex;
}
.ct4-routing-label {
color: #7c3aed;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 7px;
display: block;
}
.ct4-routing-value {
color: #312e81;
font-size: 9px;
}
.ct4-routing-pill {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 999px;
margin-top: 6px;
padding: 3px 6px;
font-size: 7px;
font-weight: 700;
display: inline-flex;
}
.ct4-routing-copy {
color: #64748b;
margin: 7px 0 0;
font-size: 8px;
line-height: 1.45;
}
.ag4-hero-runtime {
background-color: #0f0f14b8;
border: 1px solid #c4b5fd38;
border-radius: 22px;
min-height: 520px;
position: relative;
overflow: hidden;
box-shadow: 0 34px 90px #00000061;
}
.ag4-hero-command {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #ffffff0e;
border: 1px solid #c4b5fd38;
border-radius: 15px;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
width: 100%;
padding: 6px 6px 6px 18px;
display: grid;
box-shadow: 0 16px 45px #0003;
}
.ct4-model-more {
border-top: 1px solid #eef2f7;
margin-top: 5px;
padding-top: 5px;
display: block;
}
.ct4-model-group {
justify-content: space-between;
align-items: center;
padding: 8px 8px 5px;
display: flex;
}
.ct4-model-group-label {
color: #64748b;
letter-spacing: .08em;
font-size: 7px;
font-weight: 750;
}
.ct4-model-group-note {
color: #94a3b8;
font-size: 7px;
}
.ag4-hero-composer {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
background-color: #ffffff0e;
border: 1px solid #ffffff21;
border-radius: 17px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
width: 100%;
padding: 7px;
display: grid;
box-shadow: 0 24px 70px #00000052;
}
.ag4-hero-composer-input, .ag4-hero-composer-input._w-input {
color: #f8fafc;
background-color: #0000;
width: 100%;
height: 52px;
padding: 0 16px;
font-family: Inter, Arial, sans-serif;
font-size: 15px;
}
.ag4-hero-composer-button, .ag4-hero-composer-button._w-button {
color: #fff;
white-space: nowrap;
cursor: pointer;
background-image: linear-gradient(135deg, #8b5cf6, #6d28d9);
border-radius: 11px;
height: 48px;
padding: 0 20px;
font-family: Inter, Arial, sans-serif;
font-size: 13px;
font-weight: 650;
box-shadow: 0 10px 26px #6d28d947;
}
.v5-style-anchor {
display: none;
}
.v5-hero {
color: #f7f7f8;
background-color: #0b0b0d;
background-image: radial-gradient(circle at 76% 30%, #7c3aed38, #0000 29%), radial-gradient(circle at 18% 75%, #4c1d9521, #0000 28%);
border-bottom: 1px solid #ffffff14;
padding: 138px 24px 96px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: relative;
overflow: hidden;
}
.v5-hero-shell {
z-index: 1;
grid-row-gap: clamp(48px, 6vw, 94px);
grid-column-gap: clamp(48px, 6vw, 94px);
grid-template-rows: auto;
grid-template-columns: minmax(0, .82fr) minmax(580px, 1.18fr);
align-items: center;
max-width: 1240px;
margin: 0 auto;
display: grid;
position: relative;
}
.v5-hero-copy {
max-width: 570px;
}
.v5-kicker {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #c4b5fd;
letter-spacing: .15em;
align-items: center;
margin-bottom: 24px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.v5-kicker-dot {
background-color: #8b5cf6;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 18px #8b5cf6cc;
}
.v5-title {
color: #fafafa;
letter-spacing: -.058em;
margin: 0 0 24px;
font-size: clamp(52px, 5.7vw, 84px);
font-weight: 660;
line-height: .96;
}
.v5-title-accent {
color: #a78bfa;
}
.v5-lead {
color: #aaaab2;
max-width: 550px;
margin: 0;
font-size: 18px;
line-height: 1.65;
}
.v5-proof-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.v5-proof {
background-color: #ffffff06;
border: 1px solid #ffffff17;
border-radius: 13px;
min-height: 92px;
padding: 15px 13px;
}
.v5-proof-title {
color: #f7f7f8;
margin-bottom: 7px;
font-size: 12px;
display: block;
}
.v5-proof-copy {
color: #7f7f89;
font-size: 10px;
line-height: 1.45;
display: block;
}
.v5-hero-actions {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
margin-top: 28px;
display: flex;
}
.v5-secondary {
color: #ddd6fe;
background-color: #8b5cf614;
border: 1px solid #c4b5fd40;
border-radius: 999px;
padding: 10px 15px;
font-size: 12px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.v5-hero-note {
color: #696972;
font-size: 10px;
}
.v5-agent {
background-image: linear-gradient(#1b1b20f5, #0e0e12fa);
border: 1px solid #ffffff21;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 40px 100px #00000073, inset 0 0 0 1px #8b5cf609;
}
.v5-agent-top {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 17px 18px;
display: flex;
}
.v5-agent-identity {
grid-column-gap: 11px;
grid-row-gap: 11px;
align-items: center;
display: flex;
}
.v5-agent-mark {
color: #fff;
background-image: linear-gradient(135deg, #7c3aed, #4c1d95);
border: 1px solid #a78bfa47;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 14px;
display: flex;
}
.v5-agent-name {
min-width: 0;
}
.v5-agent-title {
font-size: 13px;
display: block;
}
.v5-agent-subtitle {
color: #73737c;
margin-top: 2px;
font-size: 10px;
display: block;
}
.v5-live-badge {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #aaaab2;
letter-spacing: .08em;
text-transform: uppercase;
border: 1px solid #ffffff14;
border-radius: 999px;
align-items: center;
padding: 6px 9px;
font-size: 9px;
display: flex;
}
.v5-live-dot {
background-color: #34d399;
border-radius: 50%;
width: 6px;
height: 6px;
box-shadow: 0 0 10px #34d399b3;
}
.v5-agent-context {
grid-column-gap: 6px;
grid-row-gap: 6px;
border-bottom: 1px solid #ffffff12;
padding: 12px 16px;
display: flex;
overflow-x: auto;
}
.v5-context-chip {
color: #777781;
cursor: pointer;
background-color: #0000;
border: 1px solid #ffffff17;
border-radius: 999px;
flex: none;
padding: 6px 9px;
font-family: Inter;
font-size: 9px;
font-weight: 600;
line-height: 1;
}
.v5-context-active {
color: #c4b5fd;
background-color: #7c3aed1a;
border-color: #a78bfa47;
}
.v5-conversation {
height: 255px;
padding: 18px 17px;
overflow-y: auto;
}
.v5-turn {
grid-column-gap: 9px;
grid-row-gap: 9px;
margin-bottom: 16px;
display: flex;
}
.v5-turn-avatar {
color: #fff;
background-image: linear-gradient(135deg, #7c3aed, #4c1d95);
border: 1px solid #a78bfa47;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 10px;
display: flex;
}
.v5-turn-body {
min-width: 0;
}
.v5-turn-name {
color: #8b8b96;
margin: 1px 0 5px;
font-size: 9px;
font-weight: 650;
display: block;
}
.v5-turn-bubble {
color: #d7d7dc;
background-color: #222229;
border-radius: 4px 13px 13px;
max-width: 470px;
margin: 0;
padding: 10px 12px;
font-size: 11px;
line-height: 1.55;
}
.v5-turn-user {
justify-content: flex-end;
}
.v5-user-body {
text-align: right;
}
.v5-user-bubble {
color: #fff;
text-align: left;
background-color: #5b21b6;
border-radius: 13px 4px 13px 13px;
max-width: 470px;
margin: 0;
padding: 10px 12px;
font-size: 11px;
line-height: 1.55;
}
.v5-user-avatar {
color: #b5b5bd;
background-color: #25252c;
border: 1px solid #ffffff17;
border-radius: 8px;
flex: none;
order: 2;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 9px;
display: flex;
}
.v5-pipeline {
background-color: #111116;
border: 1px solid #ffffff14;
border-radius: 14px;
margin: 0 16px 14px;
padding: 12px;
}
.v5-pipeline-head {
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
display: flex;
}
.v5-pipeline-state {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.v5-pipeline-dot {
background-color: #71717a;
border-radius: 50%;
width: 6px;
height: 6px;
}
.v5-pipeline-label {
color: #c7c7ce;
font-size: 9px;
}
.v5-input-level {
color: #686872;
font-size: 8px;
font-style: normal;
}
.v5-wave {
grid-column-gap: 3px;
grid-row-gap: 3px;
background-color: #ffffff06;
border-radius: 8px;
justify-content: center;
align-items: center;
height: 32px;
padding: 0 8px;
display: flex;
}
.v5-wave-bar {
background-color: #7c3aed;
border-radius: 3px;
width: 3px;
height: 5px;
transition: height .1s;
}
.v5-pipeline-steps {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin-top: 8px;
display: grid;
}
.v5-pipeline-step {
color: #565660;
text-align: center;
border: 1px solid #ffffff0e;
border-radius: 6px;
padding: 5px;
font-size: 7px;
}
.v5-step-active {
color: #c4b5fd;
background-color: #7c3aed14;
border-color: #a78bfa4d;
}
.v5-step-done {
color: #6ee7b7;
}
.v5-composer {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 38px;
padding: 0 16px 12px;
display: grid;
}
.v5-voice-input {
color: #f4f4f5;
background-color: #111116;
border: 1px solid #ffffff17;
border-radius: 11px;
outline-style: none;
min-width: 0;
height: 42px;
padding: 0 13px;
font-family: Inter;
font-size: 11px;
font-weight: 500;
}
.v5-send {
color: #fff;
cursor: pointer;
background-color: #26262d;
border-radius: 10px;
font-family: Inter;
font-size: 17px;
font-weight: 500;
}
.v5-mic {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
cursor: pointer;
background-image: linear-gradient(135deg, #8b5cf6, #6d28d9);
border-radius: 11px;
grid-column: 1 / -1;
justify-content: center;
align-items: center;
height: 42px;
padding: 0 14px;
font-family: Inter;
font-size: 10px;
font-weight: 700;
display: flex;
}
.v5-mic-icon {
font-size: 9px;
}
.v5-mic-active {
background-image: linear-gradient(135deg, #dc2626, #991b1b);
}
.v5-controls {
grid-column-gap: 7px;
grid-row-gap: 7px;
padding: 0 16px 13px;
display: flex;
overflow-x: auto;
}
.v5-control-button {
color: #707079;
cursor: pointer;
background-color: #0000;
border: 1px solid #ffffff13;
border-radius: 8px;
flex: none;
padding: 6px 9px;
font-family: Inter;
font-size: 8px;
font-weight: 500;
}
.v5-agent-foot {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #55555e;
border-top: 1px solid #ffffff12;
flex-direction: column;
justify-content: space-between;
padding: 10px 16px;
font-size: 7px;
display: flex;
}
.v5-preview-label {
color: #8b5cf6;
}
.v5-runtime-note {
color: #55555e;
}
.v5-typing {
opacity: .72;
}
.v5-hero-shell-1 {
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 820px;
}
.v5-hero-copy-1 {
text-align: center;
max-width: 760px;
margin: auto;
}
.v5-kicker-1 {
justify-content: center;
}
.v5-hero-actions-1 {
flex-direction: column;
justify-content: center;
}
.v5-proof-grid-1 {
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.v5-lead-1 {
margin: auto;
font-size: 16px;
}
.v5-agent-1 {
width: 100%;
max-width: 760px;
margin: auto;
}
.v5-hero-1 {
padding: 112px 16px 70px;
}
.v5-title-1 {
font-size: clamp(43px, 13vw, 61px);
}
.v5-proof-1 {
min-height: auto;
}
.v5-agent-top-1 {
align-items: flex-start;
}
.v5-live-badge-1 {
margin-top: 2px;
}
.v5-conversation-1 {
height: 235px;
}
.v6-session-layer {
background-image: linear-gradient(#ffffff0b, #ffffff05);
border: 1px solid #ffffff17;
border-radius: 14px;
margin: 0 18px 14px;
padding: 14px;
font-family: Inter, Arial, sans-serif;
position: relative;
}
.v6-session-top {
grid-column-gap: 14px;
grid-row-gap: 14px;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 11px;
display: flex;
}
.v6-session-heading {
grid-column-gap: 2px;
grid-row-gap: 2px;
display: grid;
}
.v6-session-eyebrow {
color: #9f7aea;
letter-spacing: .13em;
font-size: 9px;
font-weight: 750;
}
.v6-session-title {
color: #f5f5f7;
font-size: 12px;
}
.v6-session-state {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #b9f6d2;
align-items: center;
font-size: 9px;
display: inline-flex;
}
.v6-session-dot {
background-color: #4ade80;
border-radius: 50%;
width: 6px;
height: 6px;
box-shadow: 0 0 0 4px #4ade801a;
}
.v6-runtime-grid {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
display: grid;
position: relative;
}
.v6-runtime-control {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #fff;
text-align: left;
background-color: #111116;
border: 1px solid #ffffff14;
border-radius: 10px;
min-width: 0;
padding: 9px 10px;
display: grid;
}
.v6-control-label {
color: #787887;
letter-spacing: .1em;
font-size: 8px;
font-weight: 700;
}
.v6-control-value {
color: #f3f3f6;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
overflow: hidden;
}
.v6-control-note {
color: #848490;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 8px;
overflow: hidden;
}
.v6-runtime-model {
cursor: pointer;
}
.v6-model-menu {
z-index: 30;
background-color: #141419;
border: 1px solid #ffffff1f;
border-radius: 12px;
width: 260px;
padding: 6px;
position: absolute;
top: 62px;
left: 0;
box-shadow: 0 20px 55px #00000073;
}
.v6-model-option {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #dddde4;
text-align: left;
cursor: pointer;
background-color: #0000;
border-radius: 8px;
justify-content: space-between;
width: 100%;
padding: 9px;
font-size: 10px;
font-weight: 600;
display: flex;
}
.v6-model-note {
color: #777784;
font-size: 8px;
font-weight: 500;
}
.v6-prompt-row {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
margin-top: 10px;
display: flex;
}
.v6-prompt-label {
color: #777784;
margin-right: 2px;
font-size: 9px;
}
.v6-prompt {
color: #aaaab5;
cursor: pointer;
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 999px;
padding: 6px 8px;
font-size: 8px;
font-weight: 600;
}
.ct6-panel {
padding: 20px;
}
.ct6-panel-head {
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
margin-bottom: 15px;
display: flex;
}
.ct6-panel-copy {
max-width: 620px;
}
.ct6-eyebrow {
color: #7c3aed;
letter-spacing: .12em;
font-size: 8px;
font-weight: 800;
}
.ct6-title {
color: #182033;
margin: 4px 0 5px;
font-size: 17px;
line-height: 1.2;
}
.ct6-copy {
color: #697386;
margin: 0;
font-size: 9px;
line-height: 1.5;
}
.ct6-summary {
grid-column-gap: 2px;
grid-row-gap: 2px;
text-align: right;
background-color: #fff;
border: 1px solid #e6e8ee;
border-radius: 9px;
align-content: start;
padding: 9px 11px;
display: grid;
}
.ct6-summary-value {
color: #252b3a;
font-size: 9px;
}
.ct6-summary-note {
color: #8a92a3;
font-size: 7px;
}
.ct6-columns {
grid-column-gap: 9px;
grid-row-gap: 9px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.ct6-column {
background-color: #f9fafc;
border: 1px solid #e7e9ef;
border-radius: 11px;
padding: 9px;
}
.ct6-column-head {
grid-column-gap: 6px;
grid-row-gap: 6px;
border-bottom: 1px solid #e7e9ef;
align-items: center;
padding-bottom: 7px;
display: flex;
}
.ct6-column-label {
color: #7c3aed;
letter-spacing: .12em;
font-size: 8px;
font-weight: 800;
}
.ct6-count {
color: #6d28d9;
background-color: #ede9fe;
border-radius: 5px;
place-items: center;
width: 17px;
height: 17px;
font-size: 7px;
display: inline-grid;
}
.ct6-add {
color: #6d28d9;
cursor: pointer;
background-color: #0000;
margin-left: auto;
font-size: 7px;
font-weight: 700;
}
.ct6-resource {
background-color: #fff;
border: 1px solid #e4e7ed;
border-radius: 9px;
margin-top: 7px;
padding: 8px;
transition: all .2s;
}
.ct6-resource-top {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: flex-start;
display: flex;
}
.ct6-icon {
color: #7c3aed;
background-color: #f3f0ff;
border-radius: 6px;
place-items: center;
width: 22px;
height: 22px;
font-size: 10px;
font-style: normal;
display: grid;
}
.ct6-resource-copy {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex: 1;
min-width: 0;
display: grid;
}
.ct6-resource-name {
color: #2a3040;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 8px;
overflow: hidden;
}
.ct6-resource-note {
color: #8a92a3;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 6.5px;
overflow: hidden;
}
.ct6-toggle {
color: #6d28d9;
cursor: pointer;
background-color: #f3f0ff;
border: 1px solid #c4b5fd;
border-radius: 5px;
padding: 4px 5px;
font-size: 6px;
font-weight: 800;
}
.ct6-meta {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #8a92a3;
justify-content: space-between;
align-items: center;
margin-top: 7px;
font-size: 6.5px;
display: flex;
}
.ct6-autonomy {
color: #5d6473;
cursor: pointer;
background-color: #fff;
border: 1px solid #e1e3e9;
border-radius: 5px;
padding: 4px 5px;
font-size: 6.5px;
font-weight: 600;
}
.ct6-condition {
color: #6d28d9;
cursor: pointer;
background-color: #fff;
border: 1px solid #e1e3e9;
border-radius: 5px;
padding: 4px 5px;
font-size: 6.5px;
font-weight: 600;
}
.ct6-meta-text {
color: #8a92a3;
font-size: 6.5px;
}
.ct6-builder {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(135deg, #faf9ff, #fff);
border: 1px solid #ddd6fe;
border-radius: 11px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.8fr;
margin-top: 10px;
padding: 11px;
display: grid;
}
.ct6-condition-head {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-content: start;
display: grid;
}
.ct6-condition-heading {
grid-column-gap: 2px;
grid-row-gap: 2px;
display: grid;
}
.ct6-condition-title {
color: #252b3a;
font-size: 11px;
}
.ct6-condition-copy {
color: #7d8493;
font-size: 7.5px;
line-height: 1.45;
}
.ct6-types {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
grid-column: 1 / -1;
display: flex;
}
.ct6-type {
color: #697080;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e4ea;
border-radius: 6px;
padding: 5px 7px;
font-size: 7px;
font-weight: 650;
}
.ct6-form {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-column: 1 / -1;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr auto;
display: grid;
}
.ct6-field {
color: #9299a8;
background-color: #fff;
border: 1px solid #e7e9ef;
border-radius: 7px;
padding: 7px;
font-size: 6.5px;
display: grid;
}
.ct6-field-value {
color: #4c5361;
margin-top: 3px;
font-size: 7px;
font-weight: 600;
line-height: 1.35;
}
.ct6-validation {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #27804a;
background-color: #f0fdf4;
border: 1px solid #bbf7d0;
border-radius: 7px;
align-items: center;
padding: 7px;
font-size: 6.5px;
display: flex;
}
.ct6-valid-icon {
font-style: normal;
}
.ct6-valid-text {
color: #27804a;
font-size: 6.5px;
}
.v6-control-label-1 {
color: #8f8f99;
letter-spacing: .12em;
margin-bottom: 4px;
font-size: 9px;
font-weight: 700;
display: block;
}
.ct6-meta-label {
color: #71717a;
align-items: center;
font-size: 8px;
font-weight: 650;
display: inline-flex;
}
.ct6-condition-kicker {
color: #8b5cf6;
letter-spacing: .1em;
font-size: 8px;
font-weight: 750;
display: block;
}
.ct6-column-label-1 {
color: #52525b;
letter-spacing: .1em;
font-size: 8px;
font-weight: 750;
}
.v7-voice-truth {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
margin: 10px 0 14px;
display: flex;
}
.v7-voice-pill {
color: #8f8f99;
letter-spacing: .02em;
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 999px;
align-items: center;
min-height: 24px;
padding: 4px 8px;
font-size: 9px;
font-weight: 650;
display: inline-flex;
}
.v7-voice-pill-live {
color: #c4b5fd;
background-color: #8b5cf614;
border-color: #8b5cf647;
}
.ct7-payload {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin: 0 0 14px;
display: flex;
}
.ct7-payload-item {
background-color: #ffffff05;
border: 1px solid #ffffff12;
border-radius: 10px;
flex: 180px;
min-width: 0;
padding: 9px 10px;
}
.ct7-payload-code {
color: #c4b5fd;
font-family: JetBrains Mono, monospace;
font-size: 9px;
font-weight: 650;
line-height: 1.3;
display: block;
}
.ct7-payload-note {
color: #71717a;
margin-top: 4px;
font-size: 8px;
line-height: 1.35;
display: block;
}
.v7-pipeline {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
margin: 10px 0;
display: flex;
}
.v7-pipeline-step {
background-color: #ffffff05;
border: 1px solid #ffffff12;
border-radius: 10px;
flex: 150px;
grid-template-rows: auto auto;
grid-template-columns: auto 1fr;
column-gap: 7px;
min-width: 0;
padding: 8px 9px;
display: grid;
}
.v7-pipeline-index {
color: #8b5cf6;
grid-row: 1 / 3;
align-self: center;
font-family: JetBrains Mono, monospace;
font-size: 8px;
}
.v7-pipeline-title {
color: #e4e4e7;
letter-spacing: .06em;
font-size: 9px;
line-height: 1.2;
}
.v7-pipeline-note {
color: #71717a;
font-size: 8px;
line-height: 1.3;
}
.v7-eyebrow {
color: #c4b5fd;
letter-spacing: .12em;
font-size: 10px;
font-weight: 750;
}
.ct7-runtime-value {
color: #f4f4f5;
font-size: 10px;
font-weight: 700;
}
.ct7-runtime-note {
color: #8f8f99;
font-size: 8px;
}
.ct7-deployment-map {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin: 0 0 12px;
display: flex;
}
.ct7-deployment-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #ffffff05;
border: 1px solid #ffffff12;
border-radius: 10px;
flex: 180px;
justify-content: space-between;
padding: 8px 10px;
display: flex;
}
.ct7-deployment-key {
color: #8f8f99;
font-family: JetBrains Mono, monospace;
font-size: 8px;
}
.ct7-deployment-value {
color: #c4b5fd;
font-size: 9px;
}
.ct7-model-catalog {
background-color: #ffffff04;
border: 1px solid #ffffff12;
border-radius: 12px;
margin: 0 0 12px;
padding: 10px;
}
.ct7-model-kicker {
color: #71717a;
letter-spacing: .11em;
margin-bottom: 8px;
font-size: 8px;
font-weight: 750;
display: block;
}
.ct7-model-list {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
display: flex;
}
.ct7-model-pill {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #d4d4d8;
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 9px;
align-items: center;
padding: 7px 9px;
font-family: Inter, Arial, sans-serif;
font-size: 9px;
font-weight: 700;
display: inline-flex;
}
.ct7-model-pill-active {
color: #f5f3ff;
background-color: #8b5cf61a;
border-color: #8b5cf657;
}
.ct7-model-meta {
color: #71717a;
font-size: 7px;
font-weight: 600;
}
.ct7-example-badge {
color: #c4b5fd;
letter-spacing: .08em;
background-color: #8b5cf612;
border: 1px solid #8b5cf63d;
border-radius: 999px;
margin-top: 10px;
padding: 5px 8px;
font-size: 8px;
font-weight: 750;
display: inline-flex;
}
.ct7-advanced {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
margin: 10px 0 0;
display: flex;
}
.ct7-advanced-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #ffffff03;
border: 1px solid #ffffff0f;
border-radius: 9px;
flex: 190px;
justify-content: space-between;
align-items: center;
padding: 7px 9px;
display: flex;
}
.ct7-advanced-key {
color: #8f8f99;
font-family: JetBrains Mono, monospace;
font-size: 8px;
}
.ct7-advanced-value {
color: #d8b4fe;
font-family: JetBrains Mono, monospace;
font-size: 8px;
font-weight: 700;
}
.ct7-current-models {
display: contents;
}
.ct7-orchestrator-badge {
margin: 8px 12px 0;
}
.ct7-run-payload {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #ffffff04;
border: 1px solid #ffffff12;
border-radius: 11px;
flex-direction: column;
margin: 0 0 12px;
padding: 9px;
display: flex;
}
.ct7-run-field {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #ffffff0b;
justify-content: space-between;
padding: 5px 2px;
display: flex;
}
.ct7-run-key {
color: #8f8f99;
font-family: JetBrains Mono, monospace;
font-size: 8px;
}
.ct7-run-value {
color: #d4d4d8;
text-align: right;
max-width: 64%;
font-size: 8px;
}
.ct8-builder-map {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #ffffff03;
border-bottom: 1px solid #ffffff12;
flex-direction: column;
align-items: stretch;
padding: 10px;
display: flex;
}
.ct8-builder-layer {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #ffffff05;
border: 1px solid #ffffff12;
border-radius: 10px;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
padding: 9px 10px;
display: flex;
}
.ct8-builder-layer-active {
background-color: #8b5cf60f;
border-color: #8b5cf647;
}
.ct8-builder-kicker {
color: #a1a1aa;
letter-spacing: .09em;
font-size: 8px;
font-weight: 750;
}
.ct8-builder-title {
color: #f4f4f5;
font-size: 10px;
}
.ct8-builder-note {
color: #8f8f99;
font-size: 8px;
line-height: 1.4;
}
.ct8-builder-payload {
color: #c4b5fd;
margin-top: 2px;
font-family: JetBrains Mono, monospace;
font-size: 7px;
}
.ct8-builder-link {
color: #71717a;
white-space: nowrap;
justify-content: flex-start;
align-items: center;
font-size: 8px;
display: flex;
}
.ct8-pathway-strip {
background-color: #101011;
border-bottom: 1px solid #ffffff12;
padding: 9px 10px;
}
.ct8-pathway-label {
color: #71717a;
letter-spacing: .1em;
margin-bottom: 7px;
font-size: 8px;
font-weight: 750;
display: block;
}
.ct8-pathway-flow {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
padding-bottom: 2px;
display: flex;
overflow-x: auto;
}
.ct8-path-node {
grid-column-gap: 2px;
grid-row-gap: 2px;
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 9px;
flex-direction: column;
min-width: 104px;
padding: 7px 8px;
display: flex;
}
.ct8-path-type {
color: #a78bfa;
font-family: JetBrains Mono, monospace;
font-size: 7px;
}
.ct8-path-title {
color: #e4e4e7;
white-space: nowrap;
font-size: 9px;
}
.ct8-path-edge {
color: #52525b;
font-size: 11px;
font-style: normal;
}
.ct8-inspector-meta {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
margin-top: 10px;
display: flex;
}
.ct8-inspector-chip {
color: #8f8f99;
background-color: #ffffff05;
border: 1px solid #ffffff12;
border-radius: 999px;
padding: 5px 7px;
font-size: 7px;
font-weight: 650;
display: inline-flex;
}
.ct8-condition-schema {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #8b5cf609;
border: 1px solid #8b5cf62e;
border-radius: 11px;
flex-wrap: wrap;
margin-top: 10px;
padding: 9px;
display: flex;
}
.ct8-condition-field {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
flex: 210px;
min-width: 170px;
display: flex;
}
.ct8-condition-key {
color: #c4b5fd;
font-family: JetBrains Mono, monospace;
font-size: 8px;
}
.ct8-condition-value {
color: #a1a1aa;
font-size: 8px;
line-height: 1.35;
}
.v8-browser-scope {
color: #71717a;
text-align: center;
margin: -6px 0 12px;
font-size: 8px;
line-height: 1.45;
display: block;
}
.v9-current-models {
display: contents;
}
.cth-hero {
color: #f8fafc;
background-color: #08080c;
background-image: radial-gradient(circle at 90% 0, #7c3aed33, #0000 38%);
border-bottom: 1px solid #94a3b81f;
padding: 96px 24px 40px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: relative;
overflow: hidden;
}
.cth-shell {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
.cth-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
align-items: center;
display: grid;
}
.cth-copy {
min-width: 0;
}
.cth-eyebrow {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
margin-bottom: 22px;
display: flex;
}
.cth-dot {
background-color: #22c55e;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 0 5px #22c55e1a;
}
.cth-eyebrow-text {
color: #b9a4ff;
letter-spacing: .14em;
font-size: 11px;
font-weight: 750;
}
.cth-title {
color: #fff;
letter-spacing: -.055em;
max-width: 700px;
margin: 0;
font-size: clamp(46px, 5.2vw, 76px);
font-weight: 560;
line-height: .98;
}
.cth-lead {
color: #aeb5c4;
max-width: 660px;
margin: 26px 0 0;
font-size: 18px;
line-height: 1.68;
}
.cth-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 32px;
display: flex;
}
.cth-primary {
color: #fff;
background-color: #8b5cf6;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
box-shadow: 0 14px 34px #7c3aed40;
}
.cth-secondary {
color: #eef2ff;
background-color: #0f1017b8;
border: 1px solid #94a3b838;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 0 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.cth-proof {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 42px;
display: grid;
}
.cth-proof-card {
border-top: 1px solid #94a3b829;
padding-top: 16px;
}
.cth-proof-title {
color: #eef2ff;
margin-bottom: 6px;
font-size: 12px;
display: block;
}
.cth-proof-copy {
color: #747d8e;
margin: 0;
font-size: 11px;
line-height: 1.5;
}
.cth-console {
background-image: linear-gradient(#14141dfa, #0a0a0ffa);
border: 1px solid #94a3b829;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 30px 90px #0000006b;
}
.cth-console-head {
grid-column-gap: 14px;
grid-row-gap: 14px;
border-bottom: 1px solid #94a3b81f;
align-items: center;
min-height: 58px;
padding: 0 18px;
display: flex;
}
.cth-window-dots {
color: #8b5cf6;
letter-spacing: 3px;
font-size: 9px;
}
.cth-console-name {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-direction: column;
flex: 1;
display: flex;
}
.cth-console-title {
color: #f8fafc;
font-size: 12px;
}
.cth-console-subtitle {
color: #697386;
font-size: 9px;
}
.cth-ready {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #22c55e0d;
border: 1px solid #22c55e29;
border-radius: 999px;
align-items: center;
padding: 5px 9px;
display: flex;
}
.cth-ready-dot {
background-color: #22c55e;
border-radius: 50%;
width: 6px;
height: 6px;
}
.cth-ready-text {
color: #86efac;
font-size: 9px;
font-weight: 700;
}
.cth-route {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-bottom: 1px solid #94a3b81a;
grid-template-rows: auto;
grid-template-columns: 1.3fr 1fr 1fr;
padding: 12px;
display: grid;
}
.cth-route-card {
background-color: #0d0e14;
border: 1px solid #94a3b81a;
border-radius: 10px;
min-height: 72px;
padding: 12px;
}
.cth-label {
color: #6b7280;
letter-spacing: .12em;
margin-bottom: 8px;
font-size: 8px;
font-weight: 800;
display: block;
}
.cth-model {
color: #e9ddff;
text-align: left;
cursor: pointer;
background-color: #0000;
width: 100%;
padding: 0;
font-size: 11px;
font-weight: 700;
}
.cth-route-value {
color: #e8eaf0;
font-size: 11px;
display: block;
}
.cth-route-note {
color: #646d7c;
margin-top: 4px;
font-size: 8px;
display: block;
}
.cth-thread {
min-height: 330px;
padding: 20px;
}
.cth-message {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.cth-avatar {
color: #c4b5fd;
background-color: #8b5cf61a;
border: 1px solid #8b5cf657;
border-radius: 9px;
flex: none;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 11px;
font-weight: 800;
display: flex;
}
.cth-message-body {
min-width: 0;
}
.cth-message-label {
color: #7c8494;
letter-spacing: .13em;
margin-bottom: 6px;
font-size: 8px;
font-weight: 800;
display: block;
}
.cth-message-copy {
color: #d8dde8;
margin: 0;
font-size: 12px;
line-height: 1.65;
}
.cth-trace {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 24px;
display: grid;
}
.cth-step {
opacity: .62;
background-color: #0b0c11;
border: 1px solid #94a3b817;
border-radius: 9px;
min-width: 0;
padding: 10px;
}
.cth-step-active {
opacity: 1;
background-color: #8b5cf612;
border-color: #8b5cf652;
}
.cth-step-index {
color: #8b5cf6;
font-size: 8px;
font-weight: 900;
display: block;
}
.cth-step-title {
color: #d6d9e2;
margin-top: 3px;
font-size: 9px;
display: block;
}
.cth-step-note {
color: #626b7a;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 3px;
font-size: 7px;
display: block;
overflow: hidden;
}
.cth-composer, .cth-composer._w-form {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #0b0c11;
border: 1px solid #94a3b824;
border-radius: 12px;
align-items: center;
margin: 0 12px 12px;
padding: 7px;
display: flex;
}
.cth-voice {
color: #a78bfa;
cursor: pointer;
background-color: #8b5cf61a;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 9px;
display: flex;
}
.cth-input, .cth-input._w-input {
color: #fff;
background-color: #0000;
flex: 1;
min-width: 0;
font-size: 11px;
}
.cth-send, .cth-send._w-button {
color: #fff;
cursor: pointer;
background-color: #8b5cf6;
border-radius: 8px;
height: 34px;
padding: 0 13px;
font-size: 10px;
font-weight: 800;
}
.cth-console-foot {
justify-content: space-between;
padding: 0 15px 13px;
display: flex;
}
.cth-foot-note {
color: #4f5765;
font-size: 8px;
}
.cth-magnet {
grid-column-gap: 26px;
grid-row-gap: 26px;
background-image: linear-gradient(90deg, #7c3aed1a, #12121ac2 45%, #12121ab8);
border: 1px solid #8b5cf638;
border-radius: 15px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr auto;
align-items: center;
margin-top: 34px;
padding: 22px 24px;
display: grid;
}
.cth-magnet-copy {
min-width: 0;
}
.cth-magnet-tag {
color: #a78bfa;
letter-spacing: .14em;
margin-bottom: 7px;
font-size: 8px;
font-weight: 850;
display: block;
}
.cth-magnet-title {
color: #f8fafc;
font-size: 15px;
display: block;
}
.cth-magnet-note {
color: #7d8594;
margin: 5px 0 0;
font-size: 10px;
line-height: 1.5;
}
.cth-magnet-pills {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
display: flex;
}
.cth-pill {
color: #aab1bf;
background-color: #0c0d13;
border: 1px solid #94a3b81f;
border-radius: 999px;
padding: 7px 9px;
font-size: 8px;
}
.cth-magnet-link {
color: #ddd6fe;
white-space: nowrap;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.cv2-hero {
color: #f8fafc;
background-color: #07070a;
padding: 104px 24px 48px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: relative;
overflow: hidden;
}
.cv2-shell {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.cv2-intro {
text-align: center;
max-width: 820px;
margin: 0 auto 44px;
}
.cv2-eyebrow {
grid-column-gap: 9px;
grid-row-gap: 9px;
background-color: #7c3aed14;
border: 1px solid #8b5cf647;
border-radius: 999px;
align-items: center;
padding: 7px 11px;
display: inline-flex;
}
.cv2-eyebrow-dot {
background-color: #8b5cf6;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 16px #8b5cf6cc;
}
.cv2-eyebrow-copy {
color: #c4b5fd;
letter-spacing: .14em;
font-size: 10px;
font-weight: 800;
line-height: 1.2;
}
.cv2-title {
color: #f8fafc;
letter-spacing: -.055em;
max-width: 900px;
margin: 22px auto 0;
font-size: clamp(42px, 6vw, 78px);
font-weight: 650;
line-height: .98;
}
.cv2-lead {
color: #a8a8b3;
max-width: 780px;
margin: 24px auto 0;
font-size: 18px;
line-height: 1.65;
}
.cv2-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: center;
margin-top: 30px;
display: flex;
}
.cv2-primary {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 0 19px;
font-size: 14px;
font-weight: 750;
text-decoration: none;
display: inline-flex;
box-shadow: 0 10px 30px #7c3aed4d;
}
.cv2-secondary {
color: #e2e8f0;
background-color: #ffffff0a;
border: 1px solid #94a3b833;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 0 19px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.cv2-arrow {
font-size: 16px;
}
.cv2-trust {
grid-column-gap: 22px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
margin-top: 25px;
display: flex;
}
.cv2-trust-item {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.cv2-trust-icon {
color: #34d399;
background-color: #10b9811f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 10px;
font-weight: 900;
display: flex;
}
.cv2-trust-copy {
color: #8f94a3;
font-size: 12px;
}
.cv2-workspace {
color: #0f172a;
background-color: #fff;
border: 1px solid #94a3b838;
border-radius: 18px;
position: relative;
overflow: hidden;
box-shadow: 0 38px 110px #00000080;
}
.cv2-topbar {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #f8fafcf5;
border-bottom: 1px solid #e2e8f0;
align-items: center;
min-height: 56px;
padding: 0 14px;
display: flex;
}
.cv2-brand {
grid-column-gap: 9px;
grid-row-gap: 9px;
align-items: center;
min-width: 190px;
display: flex;
}
.cv2-brand-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 13px;
display: flex;
}
.cv2-brand-copy {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-direction: column;
display: flex;
}
.cv2-brand-title {
color: #0f172a;
font-size: 12px;
line-height: 1.2;
}
.cv2-brand-subtitle {
color: #94a3b8;
font-size: 10px;
}
.cv2-toolbar {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex: 1;
align-items: center;
display: flex;
}
.cv2-picker-wrap {
position: relative;
}
.cv2-picker {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #475569;
cursor: pointer;
background-color: #0000;
border-radius: 7px;
align-items: center;
max-width: 170px;
height: 31px;
padding: 0 8px;
font-size: 11px;
font-weight: 650;
display: flex;
}
.cv2-picker-icon {
color: #8b5cf6;
}
.cv2-picker-value {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cv2-picker-chevron {
color: #94a3b8;
font-size: 10px;
}
.cv2-shield {
color: #64748b;
}
.cv2-menu {
z-index: 20;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
width: 244px;
padding: 6px;
position: absolute;
top: 38px;
left: 0;
box-shadow: 0 18px 55px #0f172a2e;
}
.cv2-menu-item {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #475569;
text-align: left;
cursor: pointer;
background-color: #fff;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 12px 1fr auto;
align-items: center;
width: 100%;
padding: 9px;
display: grid;
}
.cv2-menu-active {
color: #6d28d9;
background-color: #f5f3ff;
}
.cv2-menu-dot {
background-color: #c4b5fd;
border-radius: 50%;
width: 6px;
height: 6px;
}
.cv2-menu-label {
font-size: 11px;
font-weight: 700;
}
.cv2-menu-note {
color: #94a3b8;
font-size: 9px;
}
.cv2-session-state {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 999px;
align-items: center;
margin-left: auto;
padding: 5px 8px;
display: flex;
}
.cv2-session-dot {
background-color: #22c55e;
border-radius: 50%;
width: 7px;
height: 7px;
}
.cv2-session-label {
color: #475569;
font-size: 10px;
font-weight: 700;
}
.cv2-context {
grid-column-gap: 6px;
grid-row-gap: 6px;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
background-color: #fff;
border-bottom: 1px solid #eef2f7;
align-items: center;
min-height: 44px;
padding: 8px 14px;
display: flex;
overflow-x: auto;
}
.cv2-context-chip {
grid-column-gap: 5px;
grid-row-gap: 5px;
white-space: nowrap;
cursor: pointer;
border-radius: 7px;
align-items: center;
height: 27px;
padding: 0 8px;
font-size: 10px;
font-weight: 650;
display: inline-flex;
}
.cv2-context-agent {
color: #6d28d9;
background-color: #f5f3ff;
border: 1px solid #ddd6fe;
}
.cv2-context-kb {
color: #047857;
background-color: #ecfdf5;
border: 1px solid #a7f3d0;
}
.cv2-context-tool {
color: #c2410c;
background-color: #fff7ed;
border: 1px solid #fed7aa;
}
.cv2-context-icon, .cv2-context-label {
font-size: 10px;
}
.cv2-context-close {
opacity: .55;
font-size: 12px;
}
.cv2-main {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 255px;
min-height: 440px;
display: grid;
}
.cv2-chat {
background-color: #fff;
border-right: 1px solid #e2e8f0;
min-width: 0;
position: relative;
}
.cv2-scroll {
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
height: 440px;
padding: 22px 24px 110px;
overflow-y: auto;
}
.cv2-message {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
max-width: 760px;
margin-bottom: 22px;
display: flex;
}
.cv2-avatar {
border-radius: 50%;
flex: 0 0 34px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 12px;
font-weight: 800;
display: flex;
}
.cv2-avatar-agent {
color: #fff;
background-color: #7c3aed;
}
.cv2-avatar-user {
color: #475569;
background-color: #f1f5f9;
}
.cv2-message-content {
flex: 1;
min-width: 0;
}
.cv2-message-meta {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
margin-bottom: 5px;
display: flex;
}
.cv2-message-name {
color: #1e293b;
font-size: 12px;
}
.cv2-message-time {
color: #94a3b8;
font-size: 10px;
}
.cv2-message-text {
color: #334155;
margin: 0;
font-size: 13px;
line-height: 1.65;
}
.cv2-message-badges {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
margin-top: 10px;
display: flex;
}
.cv2-message-badge {
color: #64748b;
letter-spacing: .07em;
background-color: #f1f5f9;
border-radius: 5px;
padding: 3px 6px;
font-size: 8px;
font-weight: 800;
}
.cv2-empty-space {
height: 180px;
}
.cv2-scroll-bottom {
z-index: 4;
color: #6d28d9;
cursor: pointer;
background-color: #fff;
border: 1px solid #ddd6fe;
border-radius: 999px;
padding: 7px 10px;
font-size: 10px;
font-weight: 700;
position: absolute;
bottom: 92px;
right: 18px;
box-shadow: 0 8px 24px #0f172a1f;
}
.cv2-activity {
background-color: #f8fafc;
padding: 16px;
}
.cv2-activity-head {
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.cv2-activity-title {
color: #334155;
font-size: 11px;
}
.cv2-live-pill {
color: #15803d;
letter-spacing: .08em;
background-color: #dcfce7;
border-radius: 999px;
padding: 3px 6px;
font-size: 8px;
font-weight: 900;
}
.cv2-activity-list {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.cv2-activity-row {
grid-column-gap: 9px;
grid-row-gap: 9px;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 9px;
align-items: flex-start;
padding: 9px;
display: flex;
}
.cv2-activity-state {
background-color: #cbd5e1;
border-radius: 50%;
flex: 0 0 7px;
width: 7px;
height: 7px;
margin-top: 3px;
}
.cv2-state-ready {
background-color: #22c55e;
}
.cv2-state-active {
background-color: #8b5cf6;
box-shadow: 0 0 10px #8b5cf673;
}
.cv2-state-error {
background-color: #ef4444;
}
.cv2-activity-copy {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
min-width: 0;
display: flex;
}
.cv2-activity-name {
color: #334155;
font-size: 10px;
}
.cv2-activity-note {
color: #94a3b8;
font-size: 9px;
line-height: 1.35;
}
.cv2-contract {
background-color: #fff;
border: 1px dashed #cbd5e1;
border-radius: 9px;
margin-top: 14px;
padding: 10px;
}
.cv2-contract-label {
color: #8b5cf6;
letter-spacing: .08em;
margin-bottom: 5px;
font-size: 8px;
font-weight: 850;
display: block;
}
.cv2-contract-code {
color: #64748b;
white-space: normal;
font-size: 8px;
line-height: 1.5;
display: block;
}
.cv2-composer-area {
background-image: linear-gradient(#fff0, #fff 24%);
padding: 10px 14px 9px;
position: absolute;
bottom: 0;
left: 0;
right: 255px;
}
.cv2-composer {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fffffff5;
border: 1px solid #e2e8f0;
border-radius: 16px;
align-items: flex-end;
padding: 9px;
display: flex;
box-shadow: 0 8px 28px #0f172a1f;
}
.cv2-icon-button {
color: #64748b;
cursor: pointer;
background-color: #0000;
border-radius: 50%;
flex: 0 0 36px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
font-size: 19px;
display: flex;
}
.cv2-textarea {
color: #0f172a;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
background-color: #0000;
outline-style: none;
flex: 1;
min-width: 0;
min-height: 36px;
max-height: 118px;
padding: 8px 2px;
font-family: inherit;
font-size: 13px;
line-height: 20px;
overflow-y: auto;
}
.cv2-textarea-empty {
color: #94a3b8;
}
.cv2-round-button {
cursor: pointer;
border-radius: 50%;
flex: 0 0 38px;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
display: flex;
}
.cv2-mic-button {
color: #475569;
background-color: #fff;
border: 1px solid #e2e8f0;
box-shadow: 0 3px 10px #0f172a14;
}
.cv2-send-button {
color: #fff;
background-color: #7c3aed;
box-shadow: 0 5px 15px #7c3aed47;
}
.cv2-mic-icon {
font-size: 12px;
}
.cv2-send-icon {
font-size: 18px;
line-height: 1;
}
.cv2-composer-hint {
justify-content: space-between;
padding: 6px 4px 0;
display: flex;
}
.cv2-hint-text {
color: #94a3b8;
font-size: 8px;
}
.cv2-voice-bubble {
z-index: 8;
background-color: #fffffffa;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 12px;
position: absolute;
bottom: 12px;
left: 14px;
right: 269px;
box-shadow: 0 12px 34px #0f172a26;
}
.cv2-voice-main {
grid-column-gap: 11px;
grid-row-gap: 11px;
align-items: center;
display: flex;
}
.cv2-voice-symbol {
color: #7c3aed;
background-color: #f5f3ff;
border-radius: 50%;
flex: 0 0 38px;
justify-content: center;
align-items: center;
width: 38px;
height: 38px;
font-size: 12px;
display: flex;
}
.cv2-voice-copy {
flex: 1;
min-width: 0;
}
.cv2-voice-heading {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.cv2-voice-title {
color: #0f172a;
font-size: 12px;
}
.cv2-pipeline-pill {
color: #64748b;
letter-spacing: .08em;
background-color: #f1f5f9;
border-radius: 999px;
padding: 3px 6px;
font-size: 8px;
font-weight: 850;
}
.cv2-voice-note {
color: #64748b;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 2px;
font-size: 9px;
display: block;
overflow: hidden;
}
.cv2-level {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.cv2-level-bars {
grid-column-gap: 2px;
grid-row-gap: 2px;
align-items: center;
height: 24px;
display: flex;
}
.cv2-level-bar {
background-color: #c4b5fd;
border-radius: 3px;
width: 3px;
height: 6px;
}
.cv2-level-label {
color: #64748b;
font-size: 9px;
}
.cv2-voice-controls {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-end;
margin-top: 9px;
display: flex;
}
.cv2-control-button {
color: #475569;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 7px;
height: 28px;
padding: 0 9px;
font-size: 9px;
font-weight: 700;
}
.cv2-control-danger {
color: #dc2626;
}
.cv2-footer {
background-color: #f8fafc;
border-top: 1px solid #e2e8f0;
justify-content: space-between;
align-items: center;
min-height: 34px;
padding: 0 14px;
display: flex;
}
.cv2-footer-note {
color: #94a3b8;
font-size: 8px;
}
.cv2-proofbar {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-image: linear-gradient(90deg, #7c3aed1c, #ffffff09);
border: 1px solid #8b5cf633;
border-radius: 14px;
justify-content: space-between;
align-items: center;
margin-top: 18px;
padding: 18px 20px;
display: flex;
}
.cv2-proof-copy {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
min-width: 0;
display: flex;
}
.cv2-proof-tag {
color: #a78bfa;
letter-spacing: .1em;
font-size: 8px;
font-weight: 850;
}
.cv2-proof-title {
color: #f8fafc;
font-size: 15px;
}
.cv2-proof-note {
color: #8f94a3;
font-size: 11px;
}
.cv2-proof-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #5b21b6;
background-color: #fff;
border-radius: 9px;
flex: none;
align-items: center;
min-height: 40px;
padding: 0 15px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.ca-hero {
color: #f7f7f8;
background-color: #07070a;
padding: 148px 24px 72px;
font-family: Inter;
position: relative;
overflow: hidden;
}
.ca-glow {
pointer-events: none;
background-image: radial-gradient(circle, #7c3aed47 0%, #7c3aed14 42%, #07070a00 72%);
border-radius: 999px;
width: 720px;
height: 720px;
position: absolute;
top: -420px;
left: 50%;
transform: translateX(-50%);
}
.ca-wrap {
z-index: 1;
max-width: 1280px;
margin: 0 auto;
position: relative;
}
.ca-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
align-items: center;
display: grid;
}
.ca-copy {
padding: 20px 0;
}
.ca-eyebrow {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #5b21b61f;
border: 1px solid #a78bfa4d;
border-radius: 999px;
align-items: center;
padding: 8px 12px;
display: inline-flex;
}
.ca-eyebrow-dot {
background-color: #8b5cf6;
border-radius: 999px;
width: 7px;
height: 7px;
box-shadow: 0 0 18px #8b5cf6d9;
}
.ca-eyebrow-text {
color: #c4b5fd;
letter-spacing: .11em;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.ca-title {
color: #f8f8fa;
letter-spacing: -.065em;
max-width: 690px;
margin: 28px 0 24px;
font-size: clamp(52px, 6vw, 86px);
font-weight: 700;
line-height: .96;
}
.ca-lead {
color: #aaa9b2;
letter-spacing: -.012em;
max-width: 650px;
margin: 0;
font-size: 19px;
line-height: 1.6;
}
.ca-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.ca-primary {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
box-shadow: 0 16px 44px #7c3aed3d;
}
.ca-secondary {
color: #f0eff3;
background-color: #111116;
border: 1px solid #292832;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.ca-arrow {
font-size: 16px;
}
.ca-proof {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #202027;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 38px;
padding-top: 24px;
display: grid;
}
.ca-proof-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: flex-start;
display: flex;
}
.ca-proof-icon {
color: #a78bfa;
background-color: #111116;
border: 1px solid #302d3c;
border-radius: 7px;
flex: 0 0 26px;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
font-size: 9px;
font-weight: 800;
display: flex;
}
.ca-proof-text {
color: #83818d;
font-size: 11px;
line-height: 1.45;
}
.ca-architecture {
color: #16151b;
background-color: #f8f9fb;
border: 1px solid #dcdce4;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 34px 100px #0000005c;
}
.ca-panel-head {
background-color: #fff;
border-bottom: 1px solid #e7e7ed;
justify-content: space-between;
align-items: center;
padding: 18px 20px;
display: flex;
}
.ca-panel-brand {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.ca-panel-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 13px;
display: flex;
}
.ca-panel-name {
letter-spacing: -.02em;
font-size: 13px;
font-weight: 750;
}
.ca-panel-state {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #62616a;
background-color: #fafafa;
border: 1px solid #e6e7ea;
border-radius: 999px;
align-items: center;
padding: 6px 9px;
font-size: 9px;
font-weight: 650;
display: flex;
}
.ca-state-dot {
background-color: #16a34a;
border-radius: 999px;
width: 6px;
height: 6px;
}
.ca-flow {
padding: 18px;
}
.ca-step {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border: 1px solid #e5e5eb;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 34px minmax(0, 1fr) auto;
align-items: center;
padding: 14px;
display: grid;
}
.ca-step-index {
color: #6d28d9;
background-color: #f3efff;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 9px;
font-weight: 800;
display: flex;
}
.ca-step-copy {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
display: flex;
}
.ca-step-title {
letter-spacing: -.015em;
font-size: 12px;
line-height: 1.25;
}
.ca-step-body {
color: #777681;
font-size: 9px;
line-height: 1.45;
}
.ca-step-tag {
color: #777681;
background-color: #f4f4f6;
border-radius: 999px;
padding: 6px 8px;
font-size: 8px;
font-weight: 700;
}
.ca-connector {
background-color: #d9d7e1;
width: 1px;
height: 12px;
margin: 0 0 0 33px;
}
.ca-panel-foot {
background-color: #fbfbfc;
border-top: 1px solid #e7e7ed;
padding: 16px 18px 18px;
}
.ca-foot-label {
color: #777681;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 9px;
font-size: 8px;
font-weight: 700;
display: block;
}
.ca-surface-list {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
display: flex;
}
.ca-surface {
color: #55545e;
background-color: #fff;
border: 1px solid #e3e2e8;
border-radius: 7px;
padding: 6px 8px;
font-size: 8px;
font-weight: 650;
}
.ca-transition {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
margin-top: 62px;
display: flex;
}
.ca-transition-line {
background-image: linear-gradient(90deg, #7c3aed00, #7c3aed94, #7c3aed00);
flex: 1;
height: 1px;
}
.ca-transition-copy {
color: #777580;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
font-size: 10px;
font-weight: 650;
}
.cb-hero {
color: #f8f8fa;
background-color: #07070a;
min-height: 900px;
padding: 150px 24px 78px;
font-family: Inter;
position: relative;
overflow: hidden;
}
.cb-orb {
filter: blur(1px);
pointer-events: none;
border-radius: 999px;
position: absolute;
}
.cb-orb-one {
background-image: radial-gradient(circle, #8b5cf657, #5b21b614 50%, #07070a00 72%);
width: 780px;
height: 780px;
top: -470px;
right: -180px;
}
.cb-orb-two {
background-image: radial-gradient(circle, #22c55e1c, #07070a00 70%);
width: 540px;
height: 540px;
bottom: -390px;
left: -160px;
}
.cb-wrap {
z-index: 2;
max-width: 1280px;
margin: 0 auto;
position: relative;
}
.cb-copy {
text-align: center;
max-width: 980px;
margin: 0 auto;
}
.cb-kicker {
color: #c4b5fd;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #5b21b61f;
border: 1px solid #a78bfa52;
border-radius: 999px;
padding: 8px 13px;
font-size: 10px;
font-weight: 750;
display: inline-flex;
}
.cb-title {
letter-spacing: -.072em;
max-width: 1060px;
margin: 26px auto 24px;
font-size: clamp(58px, 7.2vw, 104px);
font-weight: 700;
line-height: .92;
}
.cb-lead {
color: #a5a3ad;
max-width: 760px;
margin: 0 auto;
font-size: 19px;
line-height: 1.62;
}
.cb-actions {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 34px;
display: flex;
}
.cb-primary {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 750;
text-decoration: none;
display: inline-flex;
box-shadow: 0 16px 44px #7c3aed40;
}
.cb-text-link {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #dddbe2;
align-items: center;
font-size: 13px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.cb-arrow {
font-size: 15px;
}
.cb-network {
background-image: linear-gradient(#111116cc, #0a0a0eeb);
border: 1px solid #24232c;
border-radius: 28px;
max-width: 1080px;
height: 520px;
margin: 78px auto 0;
position: relative;
box-shadow: 0 32px 100px #0000006b;
}
.cb-network-grid {
background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
background-size: 44px 44px;
border-radius: 28px;
position: absolute;
inset: 0;
}
.cb-core {
justify-content: center;
align-items: center;
width: 250px;
height: 250px;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cb-core-ring {
background-image: radial-gradient(circle, #7c3aed30, #7c3aed0a 54%, #7c3aed00 74%);
border: 1px solid #8b5cf66b;
border-radius: 999px;
position: absolute;
inset: 0;
box-shadow: 0 0 80px #7c3aed2e;
}
.cb-core-inner {
z-index: 2;
text-align: center;
background-color: #111116;
border: 1px solid #c4b5fd80;
border-radius: 999px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 164px;
height: 164px;
display: flex;
position: relative;
box-shadow: 0 24px 60px #00000070;
}
.cb-core-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-bottom: 11px;
font-size: 14px;
display: flex;
}
.cb-core-title {
letter-spacing: -.025em;
font-size: 15px;
}
.cb-core-copy {
color: #817f8a;
max-width: 126px;
margin-top: 7px;
font-size: 8px;
line-height: 1.45;
}
.cb-node {
background-color: #121217f2;
border: 1px solid #2d2b36;
border-radius: 13px;
width: 188px;
padding: 14px 15px;
position: absolute;
box-shadow: 0 14px 38px #0000004d;
}
.cb-node-objective {
top: 44px;
left: 46px;
}
.cb-node-context {
top: 44px;
right: 46px;
}
.cb-node-actions {
bottom: 54px;
left: 34px;
}
.cb-node-approval {
bottom: 54px;
right: 34px;
}
.cb-node-evidence {
bottom: 30px;
left: 50%;
transform: translateX(-50%);
}
.cb-node-label {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 7px;
font-size: 8px;
font-weight: 750;
display: block;
}
.cb-node-title {
letter-spacing: -.015em;
font-size: 12px;
display: block;
}
.cb-node-note {
color: #777580;
margin-top: 5px;
font-size: 8px;
line-height: 1.4;
display: block;
}
.cb-line {
transform-origin: 0;
background-image: linear-gradient(90deg, #8b5cf61a, #8b5cf6b3, #8b5cf61a);
height: 1px;
position: absolute;
}
.cb-line-one {
width: 258px;
top: 131px;
left: 220px;
transform: rotate(24deg);
}
.cb-line-two {
transform-origin: 100%;
width: 258px;
top: 131px;
right: 218px;
transform: rotate(156deg);
}
.cb-line-three {
width: 250px;
bottom: 133px;
left: 210px;
transform: rotate(-22deg);
}
.cb-line-four {
transform-origin: 100%;
width: 250px;
bottom: 133px;
right: 210px;
transform: rotate(202deg);
}
.cb-line-five {
width: 88px;
bottom: 118px;
left: 50%;
transform: translateX(-50%)rotate(90deg);
}
.cb-runtime-state {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #8d8b96;
white-space: nowrap;
background-color: #101015;
border: 1px solid #2b2935;
border-radius: 999px;
align-items: center;
padding: 7px 10px;
font-size: 8px;
font-weight: 650;
display: flex;
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
}
.cb-runtime-dot {
background-color: #22c55e;
border-radius: 999px;
width: 6px;
height: 6px;
box-shadow: 0 0 13px #22c55ead;
}
.cb-principles {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #22212a;
border: 1px solid #22212a;
border-radius: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 20px;
display: grid;
overflow: hidden;
}
.cb-principle {
background-color: #0f0f14;
grid-template-rows: auto;
grid-template-columns: 34px 1fr;
gap: 4px 12px;
padding: 20px;
display: grid;
}
.cb-principle-number {
color: #a78bfa;
background-color: #181721;
border-radius: 8px;
grid-row: 1 / span 2;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 9px;
font-weight: 800;
display: flex;
}
.cb-principle-title {
letter-spacing: -.015em;
font-size: 12px;
}
.cb-principle-copy {
color: #787681;
font-size: 9px;
line-height: 1.45;
}
.cc-hero {
color: #f7f7f8;
background-color: #07070a;
padding: 144px 24px 58px;
font-family: Inter;
position: relative;
overflow: hidden;
}
.cc-light {
pointer-events: none;
background-image: radial-gradient(circle, #8b5cf64f 0%, #4c1d9517 48%, #07070a00 72%);
border-radius: 999px;
width: 860px;
height: 680px;
position: absolute;
top: -330px;
right: -250px;
}
.cc-wrap {
z-index: 2;
max-width: 1320px;
margin: 0 auto;
position: relative;
}
.cc-grid {
grid-column-gap: 66px;
grid-row-gap: 66px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr);
align-items: center;
display: grid;
}
.cc-copy {
padding: 12px 0;
}
.cc-eyebrow {
grid-column-gap: 9px;
grid-row-gap: 9px;
background-color: #5b21b61c;
border: 1px solid #a78bfa47;
border-radius: 999px;
align-items: center;
padding: 8px 12px;
display: inline-flex;
}
.cc-eyebrow-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 17px;
height: 17px;
font-size: 8px;
display: flex;
}
.cc-eyebrow-copy {
color: #c4b5fd;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 10px;
font-weight: 750;
}
.cc-title {
letter-spacing: -.066em;
max-width: 700px;
margin: 27px 0 24px;
font-size: clamp(54px, 6vw, 88px);
font-weight: 700;
line-height: .94;
}
.cc-lead {
color: #aaa8b1;
letter-spacing: -.012em;
max-width: 660px;
margin: 0;
font-size: 19px;
line-height: 1.6;
}
.cc-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.cc-primary {
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 750;
text-decoration: none;
display: inline-flex;
box-shadow: 0 16px 44px #7c3aed3d;
}
.cc-secondary {
color: #f0eff3;
background-color: #111116;
border: 1px solid #2b2933;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.cc-arrow {
font-size: 15px;
}
.cc-trust {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 34px;
display: grid;
}
.cc-trust-item {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #85838d;
align-items: center;
font-size: 11px;
line-height: 1.4;
display: flex;
}
.cc-check {
color: #34d399;
background-color: #10b9811f;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 9px;
font-weight: 800;
display: flex;
}
.cc-system {
color: #17161c;
background-color: #f7f8fa;
border: 1px solid #dfdfe6;
border-radius: 21px;
overflow: hidden;
box-shadow: 0 36px 110px #0006;
}
.cc-system-head {
background-color: #fff;
border-bottom: 1px solid #e7e7ec;
justify-content: space-between;
align-items: center;
padding: 18px 20px;
display: flex;
}
.cc-system-brand {
grid-column-gap: 11px;
grid-row-gap: 11px;
align-items: center;
display: flex;
}
.cc-brand-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 13px;
display: flex;
}
.cc-brand-copy {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.cc-brand-title {
letter-spacing: -.015em;
font-size: 12px;
}
.cc-brand-note {
color: #8a8991;
font-size: 8px;
}
.cc-system-status {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #66656d;
background-color: #fafafa;
border: 1px solid #e5e5e9;
border-radius: 999px;
align-items: center;
padding: 6px 9px;
font-size: 8px;
font-weight: 700;
display: flex;
}
.cc-status-dot {
background-color: #22c55e;
border-radius: 999px;
width: 6px;
height: 6px;
}
.cc-lanes {
padding: 18px;
}
.cc-lane {
grid-column-gap: 13px;
grid-row-gap: 13px;
background-color: #fff;
border: 1px solid #e4e4ea;
border-radius: 13px;
grid-template-rows: auto;
grid-template-columns: 38px minmax(0, 1fr) auto;
align-items: center;
padding: 16px;
display: grid;
}
.cc-lane-index {
color: #6d28d9;
background-color: #f2edff;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 9px;
font-weight: 850;
display: flex;
}
.cc-lane-main {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.cc-lane-heading {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: baseline;
display: flex;
}
.cc-lane-kicker {
color: #7c3aed;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 8px;
font-weight: 800;
}
.cc-lane-title {
letter-spacing: -.015em;
font-size: 12px;
}
.cc-chip-row {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
display: flex;
}
.cc-chip {
color: #6e6d76;
background-color: #fafafa;
border: 1px solid #e5e4ea;
border-radius: 6px;
padding: 5px 7px;
font-size: 7px;
font-weight: 650;
}
.cc-lane-surface {
color: #6d28d9;
white-space: nowrap;
background-color: #f3f1f8;
border-radius: 7px;
padding: 6px 8px;
font-size: 7px;
font-weight: 750;
}
.cc-lane-divider {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-rows: auto;
grid-template-columns: 34px 1fr auto;
align-items: center;
height: 28px;
padding: 0 16px;
display: grid;
}
.cc-divider-node {
background-color: #a78bfa;
border-radius: 999px;
justify-self: center;
width: 6px;
height: 6px;
}
.cc-divider-line {
background-image: linear-gradient(90deg, #d8d3e4, #edeaf2);
height: 1px;
}
.cc-divider-label {
color: #9a98a1;
white-space: nowrap;
font-size: 7px;
font-weight: 650;
}
.cc-system-foot {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #fbfbfc;
border-top: 1px solid #e7e7ec;
justify-content: space-between;
align-items: center;
padding: 15px 19px;
display: flex;
}
.cc-foot-flow {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.cc-foot-step {
color: #5f5e67;
font-size: 7px;
font-weight: 700;
}
.cc-foot-arrow {
color: #a78bfa;
font-size: 8px;
}
.cc-foot-note {
color: #8c8a94;
white-space: nowrap;
font-size: 7px;
font-weight: 650;
}
.cc-bridge {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #22212a;
grid-template-rows: auto;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
margin-top: 62px;
padding-top: 24px;
display: grid;
}
.cc-bridge-label {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 9px;
font-weight: 800;
}
.cc-bridge-title {
color: #aaa8b1;
font-size: 12px;
}
.cc-bridge-link {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #f0eff3;
align-items: center;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.s1-hero {
color: #f5f5f7;
background-color: #0d0d0d;
border-bottom: 1px solid #ffffff14;
padding: 144px 24px 76px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
position: relative;
overflow: hidden;
}
.s1-shell {
z-index: 2;
max-width: 1280px;
margin: 0 auto;
position: relative;
}
.s1-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.06fr) minmax(500px, .94fr);
align-items: center;
display: grid;
}
.s1-copy {
padding: 12px 0;
}
.s1-eyebrow {
color: #c4b5fd;
letter-spacing: .12em;
text-transform: uppercase;
background-color: #5b21b61f;
border: 1px solid #a78bfa4d;
border-radius: 999px;
align-items: center;
margin: 0;
padding: 8px 12px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 10px;
font-weight: 700;
display: inline-flex;
}
.s1-title {
color: #f7f7f8;
letter-spacing: -.058em;
max-width: 760px;
margin: 26px 0 22px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: clamp(48px, 5.1vw, 72px);
font-weight: 680;
line-height: .98;
}
.s1-lead {
color: #aaa9b2;
letter-spacing: -.012em;
max-width: 660px;
margin: 0;
font-size: 18px;
line-height: 1.62;
}
.s1-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.s1-primary {
color: #fff;
letter-spacing: -.01em;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition-property: transform, background-color, box-shadow;
transition-duration: .18s;
transition-timing-function: ease-out;
display: inline-flex;
box-shadow: 0 16px 44px #7c3aed40;
}
.s1-primary:hover {
background-color: #8b5cf6;
transform: translateY(-1px);
box-shadow: 0 20px 52px #7c3aed57;
}
.s1-primary:focus-visible, .s1-primary[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.s1-secondary {
color: #f0eff3;
letter-spacing: -.01em;
background-color: #111116;
border: 1px solid #2b2933;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
font-size: 14px;
font-weight: 650;
text-decoration: none;
transition-property: transform, border-color, background-color;
transition-duration: .18s;
transition-timing-function: ease-out;
display: inline-flex;
}
.s1-secondary:hover {
background-color: #17171d;
border-color: #57515f;
transform: translateY(-1px);
}
.s1-secondary:focus-visible, .s1-secondary[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.s1-proof {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #202027;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 36px;
padding-top: 22px;
display: grid;
}
.s1-proofitem {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #85838d;
align-items: flex-start;
font-size: 11px;
line-height: 1.5;
display: flex;
}
.s1-proofmark {
color: #34d399;
background-color: #10b9811f;
border-radius: 999px;
flex: 0 0 18px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
margin: 0;
font-size: 9px;
font-weight: 800;
display: flex;
}
.s1-panel {
color: #f1eff4;
background-color: #101011;
border: 1px solid #ffffff1c;
border-radius: 22px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
overflow: hidden;
box-shadow: 0 28px 84px #00000052;
}
.s1-panelhead {
background-color: #141415;
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 17px 19px;
display: flex;
}
.s1-panelbrand {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.s1-mark {
color: #fff;
background-color: #7c3aed;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin: 0;
font-size: 13px;
display: flex;
}
.s1-panelcopy {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.s1-paneltitle {
letter-spacing: -.015em;
margin: 0;
font-size: 13px;
font-weight: 750;
}
.s1-panelnote {
color: #85818d;
margin: 0;
font-size: 10px;
line-height: 1.35;
}
.s1-state {
color: #c4b5fd;
word-spacing: .12em;
background-color: #19131f;
border: 1px solid #a78bfa47;
border-radius: 999px;
align-items: center;
margin: 0;
padding: 6px 9px;
font-size: 10px;
font-weight: 700;
display: inline-flex;
}
.s1-body {
padding: 18px;
}
.s1-objective {
background-color: #15121a;
border: 1px solid #8b5cf647;
border-left: 3px solid #8b5cf6;
border-radius: 11px;
padding: 14px 15px;
}
.s1-objectivelabel {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 6px;
font-size: 9px;
font-weight: 800;
display: block;
}
.s1-objectivetext {
color: #f0edf4;
letter-spacing: -.015em;
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.s1-rows {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 10px;
display: grid;
}
.s1-row {
grid-column-gap: 11px;
grid-row-gap: 11px;
background-color: #131314;
border: 1px solid #ffffff14;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 34px minmax(0, 1fr) auto;
align-items: center;
padding: 12px;
display: grid;
}
.s1-index {
color: #c4b5fd;
background-color: #1b1425;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin: 0;
font-size: 9px;
font-weight: 850;
display: flex;
}
.s1-rowmain {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
display: flex;
}
.s1-rowtitle {
color: #e9e7ed;
letter-spacing: -.012em;
margin: 0;
font-size: 12px;
font-weight: 750;
}
.s1-rowcopy {
color: #85818d;
margin: 0;
font-size: 10px;
line-height: 1.45;
}
.s1-tag {
color: #96919d;
white-space: nowrap;
background-color: #1a1a1c;
border-radius: 999px;
margin: 0;
padding: 6px 8px;
font-size: 9px;
font-weight: 750;
}
.s1-footer {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #111112;
border-top: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 14px 18px;
display: flex;
}
.s1-flow {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.s1-flowstep {
color: #7f7a86;
margin: 0;
font-size: 9px;
font-weight: 750;
line-height: 1.3;
}
.s1-arrow {
color: #a78bfa;
margin: 0;
font-size: 8px;
}
.s1-footnote {
color: #77727d;
white-space: nowrap;
word-spacing: .1em;
margin: 0;
font-size: 10px;
font-weight: 600;
line-height: 1.35;
}
.s1-prooftext {
color: #85838d;
margin: 0;
font-size: 11px;
line-height: 1.5;
}
.cvn-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: Inter;
overflow: hidden;
}
.cvn-shell {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
.cvn-hero {
background-color: #0d0d0d;
border-bottom: 1px solid #ffffff12;
padding: 148px 28px 92px;
position: relative;
}
.cvn-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(420px, .8fr);
align-items: center;
display: grid;
position: relative;
}
.cvn-copy {
min-width: 0;
}
.cvn-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0;
font-size: 11px;
font-weight: 750;
}
.cvn-title {
color: #f8f8fa;
letter-spacing: -.058em;
max-width: 790px;
margin: 26px 0 24px;
font-family: Inter;
font-size: clamp(48px, 5.1vw, 72px);
font-weight: 720;
line-height: .98;
}
.cvn-lead {
color: #aaa9b2;
letter-spacing: -.012em;
max-width: 760px;
margin: 0;
font-size: 18px;
line-height: 1.62;
}
.cvn-answer {
border-top: 1px solid #ffffff17;
margin-top: 34px;
}
.cvn-answer-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 150px minmax(0, 1fr);
padding: 14px 0;
display: grid;
}
.cvn-answer-key {
color: #e7e5eb;
font-size: 12px;
}
.cvn-answer-value {
color: #8f8e98;
font-size: 13px;
line-height: 1.55;
}
.cvn-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 30px;
display: flex;
}
.cvn-primary {
color: #fff;
background-color: #7c3aed;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: all .18s ease-out;
display: inline-flex;
box-shadow: 0 16px 44px #7c3aed40;
}
.cvn-primary:hover {
background-color: #8b5cf6;
transform: translateY(-1px);
}
.cvn-primary:focus {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.cvn-secondary {
color: #dddce3;
background-color: #ffffff09;
border: 1px solid #ffffff24;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: all .18s ease-out;
display: inline-flex;
}
.cvn-secondary:hover {
background-color: #7c3aed14;
border-color: #a78bfa7a;
transform: translateY(-1px);
}
.cvn-secondary:focus {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.cvn-disclosure {
color: #686770;
max-width: 730px;
margin: 18px 0 0;
font-size: 10px;
line-height: 1.55;
}
.cvn-lens {
background-image: linear-gradient(#19181df5, #0f0f12fa);
border: 1px solid #ffffff1a;
border-radius: 20px;
padding: 22px;
position: relative;
box-shadow: 0 34px 90px #0000006b;
}
.cvn-lens-head {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
padding-bottom: 18px;
display: flex;
}
.cvn-lens-copy {
min-width: 0;
}
.cvn-panel-kicker {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0;
font-size: 11px;
font-weight: 750;
}
.cvn-lens-title {
letter-spacing: -.035em;
margin: 7px 0 0;
font-family: Inter;
font-size: 26px;
font-weight: 680;
line-height: 1.05;
}
.cvn-badge {
color: #c4b5fd;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #7c3aed14;
border: 1px solid #a78bfa3d;
border-radius: 999px;
height: max-content;
padding: 6px 9px;
font-size: 9px;
font-weight: 750;
}
.cvn-scenario {
background-color: #111115;
border: 1px solid #ffffff12;
border-radius: 12px;
margin: 18px 0;
padding: 15px;
}
.cvn-scenario-label {
color: #777681;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 9px;
font-weight: 750;
}
.cvn-scenario-copy {
color: #c7c5cd;
margin: 7px 0 0;
font-size: 12px;
line-height: 1.55;
}
.cvn-models {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: grid;
}
.cvn-model {
grid-column-gap: 11px;
grid-row-gap: 11px;
background-color: #ffffff05;
border: 1px solid #fff1;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: start;
padding: 14px;
display: grid;
}
.cvn-model-accent {
grid-column-gap: 11px;
grid-row-gap: 11px;
background-color: #7c3aed11;
border: 1px solid #8b5cf63d;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: start;
padding: 14px;
display: grid;
}
.cvn-model-index {
color: #8d8b96;
background-color: #1b1a20;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
font-size: 9px;
display: flex;
}
.cvn-model-body {
min-width: 0;
}
.cvn-model-title {
color: #e5e3e9;
margin: 1px 0 4px;
font-size: 12px;
}
.cvn-model-copy {
color: #777681;
margin: 0;
font-size: 10px;
line-height: 1.5;
}
.cvn-model-fit {
color: #9b99a4;
white-space: nowrap;
align-self: center;
font-size: 9px;
font-style: normal;
font-weight: 700;
}
.cvn-model-fit-accent {
color: #c4b5fd;
white-space: nowrap;
align-self: center;
font-size: 9px;
font-style: normal;
font-weight: 700;
}
.cvn-lens-foot {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #ffffff12;
justify-content: space-between;
margin-top: 16px;
padding-top: 15px;
display: flex;
}
.cvn-lens-step {
color: #66656e;
font-size: 9px;
}
.cvn-diagnostic {
background-color: #0d0d10;
padding: 102px 28px 110px;
}
.cvn-d-head {
max-width: 820px;
}
.cvn-d-title {
color: #f8f8fa;
letter-spacing: -.052em;
max-width: 790px;
margin: 20px 0 18px;
font-family: Inter;
font-size: clamp(42px, 5vw, 68px);
font-weight: 700;
line-height: .98;
}
.cvn-d-lead {
color: #9998a2;
max-width: 690px;
margin: 0;
font-size: 17px;
line-height: 1.62;
}
.cvn-d-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 44px;
display: grid;
}
.cvn-d-card {
background-color: #121216;
border: 1px solid #ffffff16;
border-radius: 16px;
flex-direction: column;
min-height: 100%;
padding: 23px;
display: flex;
}
.cvn-d-card-accent {
background-image: linear-gradient(#7c3aed17, #121216 58%);
border: 1px solid #8b5cf64d;
border-radius: 16px;
flex-direction: column;
min-height: 100%;
padding: 23px;
display: flex;
}
.cvn-d-top {
grid-column-gap: 14px;
grid-row-gap: 14px;
justify-content: space-between;
align-items: center;
display: flex;
}
.cvn-d-number {
color: #777681;
font-size: 10px;
font-weight: 800;
}
.cvn-d-signal {
color: #9896a0;
letter-spacing: .07em;
text-transform: uppercase;
background-color: #ffffff0a;
border-radius: 999px;
padding: 5px 8px;
font-size: 9px;
font-weight: 750;
}
.cvn-d-signal-accent {
color: #c4b5fd;
letter-spacing: .07em;
text-transform: uppercase;
background-color: #7c3aed1f;
border-radius: 999px;
padding: 5px 8px;
font-size: 9px;
font-weight: 750;
}
.cvn-d-card-title {
color: #edebf0;
letter-spacing: -.035em;
margin: 27px 0 10px;
font-family: Inter;
font-size: 26px;
font-weight: 680;
line-height: 1.05;
}
.cvn-d-copy {
color: #8d8b95;
margin: 0;
font-size: 13px;
line-height: 1.58;
}
.cvn-d-details {
grid-row-gap: 0;
grid-column-gap: 0;
margin: 24px 0 0;
display: grid;
}
.cvn-d-detail {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 1px solid #fff1;
grid-template-rows: auto;
grid-template-columns: 115px minmax(0, 1fr);
padding: 11px 0;
display: grid;
}
.cvn-d-term {
color: #6f6e77;
letter-spacing: .06em;
text-transform: uppercase;
font-size: 9px;
line-height: 1.45;
}
.cvn-d-value {
color: #b6b4bd;
margin: 0;
font-size: 10px;
line-height: 1.5;
}
.cvn-hybrid {
grid-column-gap: 38px;
grid-row-gap: 38px;
background-image: linear-gradient(135deg, #7c3aed16, #ffffff05);
border: 1px solid #a78bfa30;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(260px, .55fr) minmax(0, 1fr);
margin-top: 18px;
padding: 26px;
display: grid;
}
.cvn-hybrid-copy {
min-width: 0;
}
.cvn-hybrid-title {
color: #efedf2;
letter-spacing: -.035em;
margin: 8px 0 0;
font-family: Inter;
font-size: 26px;
font-weight: 680;
line-height: 1.05;
}
.cvn-hybrid-text {
color: #a09ea8;
margin: 0;
font-size: 14px;
line-height: 1.65;
}
.cvn-leadmagnet {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #111115;
border: 1px solid #ffffff17;
border-radius: 16px;
justify-content: space-between;
align-items: center;
margin-top: 18px;
padding: 26px;
display: flex;
}
.cvn-leadmagnet-copy {
max-width: 720px;
}
.cvn-leadmagnet-title {
color: #f0eef3;
letter-spacing: -.038em;
margin: 8px 0 9px;
font-family: Inter;
font-size: 28px;
font-weight: 680;
line-height: 1.05;
}
.cvn-leadmagnet-text {
color: #8f8e98;
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.cvn-method {
color: #686770;
margin: 15px 0 0;
font-size: 10px;
line-height: 1.55;
}
.waa-main {
color: #f5f5f7;
background-color: #0d0d0d;
overflow: hidden;
}
.waa-shell {
width: min(1200px, 100% - 48px);
margin-left: auto;
margin-right: auto;
}
.waa-hero {
background-image: radial-gradient(circle at 78% 28%, #7438ff2e, #0000 36%);
padding-top: 112px;
padding-bottom: 88px;
position: relative;
}
.waa-hero-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
align-items: end;
display: grid;
}
.waa-hero-copy {
max-width: 700px;
}
.waa-kicker {
color: #aa8bff;
letter-spacing: .14em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 22px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.waa-title {
letter-spacing: -.045em;
max-width: 780px;
margin-top: 0;
margin-bottom: 26px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: clamp(54px, 6.2vw, 92px);
font-weight: 700;
line-height: .94;
}
.waa-lede {
color: #b9b6c0;
max-width: 660px;
margin-top: 0;
margin-bottom: 34px;
font-size: 19px;
line-height: 1.62;
}
.waa-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.waa-button-primary {
color: #fff;
background-color: #8b5cf6;
border-color: #8b5cf6;
border-radius: 11px;
justify-content: center;
align-items: center;
min-height: 54px;
padding: 0 24px;
font-family: Inter;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
box-shadow: 0 10px 28px #7c3aed2e;
}
.waa-button-primary:hover {
color: #fff;
background-color: #7c3aed;
border-color: #a78bfa;
transform: translateY(-1px);
}
.waa-button-primary:focus {
outline-offset: 3px;
outline: 2px solid #c5b4ff;
}
.waa-button-secondary {
color: #f5f5f7;
background-color: #141414;
border: 1px solid #ffffff1f;
border-radius: 11px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-family: Inter;
font-size: 15px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.waa-button-secondary:hover {
color: #fff;
background-color: #1a1720;
border-color: #c4b5fd52;
transform: translateY(-1px);
}
.waa-button-secondary:focus {
outline-offset: 3px;
outline: 2px solid #c5b4ff;
}
.waa-trust-line {
color: #76727f;
margin-top: 20px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.6;
}
.waa-lens {
background-color: #111115;
border: 1px solid #2b2930;
border-radius: 24px;
padding: 24px;
box-shadow: 0 30px 90px #00000057;
}
.waa-lens-head {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #242129;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 20px;
display: flex;
}
.waa-panel-kicker {
color: #aa8bff;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.waa-panel-title {
letter-spacing: -.025em;
max-width: 320px;
margin-top: 0;
margin-bottom: 0;
font-family: Inter;
font-size: 31px;
font-weight: 680;
line-height: 1.02;
}
.waa-badge {
color: #c7b5ff;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #1a1325;
border: 1px solid #4a376d;
border-radius: 999px;
justify-content: center;
align-items: center;
padding: 9px 12px;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
display: inline-flex;
}
.waa-signal-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #151519;
border: 1px solid #25232a;
border-radius: 15px;
grid-template-rows: auto;
grid-template-columns: 32px minmax(0, 1fr) auto;
align-items: start;
margin-top: 10px;
padding: 17px 16px;
display: grid;
}
.waa-signal-row-active {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #1a1327;
border: 1px solid #493078;
border-radius: 15px;
grid-template-rows: auto;
grid-template-columns: 32px minmax(0, 1fr) auto;
align-items: start;
margin-top: 10px;
padding: 17px 16px;
display: grid;
}
.waa-signal-index {
color: #8b8791;
background-color: #1c1a21;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 27px;
height: 27px;
font-size: 10px;
display: flex;
}
.waa-signal-copy {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-direction: column;
display: flex;
}
.waa-signal-title {
font-family: Georgia, Times, Times New Roman, serif;
font-size: 15px;
line-height: 1.25;
}
.waa-signal-text {
color: #817d89;
font-size: 12px;
line-height: 1.48;
}
.waa-signal-axis {
color: #827b8d;
text-align: right;
align-self: center;
font-size: 10px;
line-height: 1.3;
}
.waa-signal-axis-active {
color: #c3aaff;
text-align: right;
align-self: center;
font-size: 10px;
font-weight: 700;
line-height: 1.3;
}
.waa-outcomes {
background-color: #0b0b0e;
border-top: 1px solid #18171b;
padding-top: 88px;
padding-bottom: 104px;
}
.waa-section-heading {
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
align-items: end;
column-gap: 60px;
margin-bottom: 44px;
display: grid;
}
.waa-section-title {
letter-spacing: -.04em;
grid-column-start: 1;
max-width: 610px;
margin-top: 0;
margin-bottom: 0;
font-family: Georgia, Times, Times New Roman, serif;
font-size: clamp(42px, 5vw, 68px);
line-height: .98;
}
.waa-section-copy {
color: #aaa6b0;
grid-column-start: 2;
max-width: 520px;
margin-top: 0;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.62;
}
.waa-outcome-grid {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #26242a;
border: 1px solid #26242a;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid;
overflow: hidden;
}
.waa-outcome {
background-color: #111115;
min-height: 260px;
padding: 31px;
}
.waa-outcome-number {
color: #8868d1;
letter-spacing: .12em;
margin-bottom: 38px;
font-size: 11px;
font-weight: 700;
display: block;
}
.waa-outcome-title {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 14px;
font-family: Inter;
font-size: 27px;
font-weight: 680;
line-height: 1.08;
}
.waa-outcome-copy {
color: #9d99a4;
max-width: 480px;
margin-top: 0;
margin-bottom: 26px;
font-size: 15px;
line-height: 1.6;
}
.waa-outcome-question {
color: #d4c6ff;
font-size: 12px;
line-height: 1.45;
display: block;
}
.waa-assessment {
color: #f5f5f7;
background-color: #0d0d0d;
padding-top: 104px;
padding-bottom: 104px;
}
.waa-assessment-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(250px, .38fr) minmax(0, .62fr);
align-items: start;
display: grid;
}
.waa-assessment-intro {
position: sticky;
top: 32px;
}
.waa-assessment-title {
color: #f5f5f7;
letter-spacing: -.04em;
max-width: 470px;
margin-top: 0;
margin-bottom: 22px;
font-family: Inter;
font-size: clamp(42px, 4.5vw, 64px);
font-weight: 720;
line-height: .98;
}
.waa-assessment-copy {
color: #9a96a0;
max-width: 440px;
margin-top: 0;
margin-bottom: 38px;
font-size: 16px;
line-height: 1.66;
}
.waa-progress {
border-top: 1px solid #ffffff1a;
margin: 0;
padding: 0;
list-style: none;
}
.waa-progress-active {
color: #c4b5fd;
border-bottom: 1px solid #ffffff1a;
padding: 14px 0;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.waa-progress-item {
color: #77747f;
border-bottom: 1px solid #ffffff1a;
padding: 14px 0;
font-size: 12px;
line-height: 1.4;
}
.waa-evaluator {
background-color: #faf9f6;
border: 1px solid #d5d0d2;
border-radius: 24px;
padding: 30px;
box-shadow: 0 24px 70px #1d182214;
}
.waa-question {
border-bottom: 1px solid #ffffff1a;
margin-bottom: 30px;
padding-bottom: 30px;
}
.waa-question-head {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 36px minmax(0, 1fr);
align-items: start;
margin-bottom: 18px;
display: grid;
}
.waa-question-number {
color: #c4b5fd;
background-color: #18121f;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 10px;
font-weight: 700;
display: flex;
}
.waa-question-title {
color: #f0eef4;
letter-spacing: -.02em;
margin-top: 2px;
margin-bottom: 6px;
font-family: Inter;
font-size: 25px;
font-weight: 680;
line-height: 1.08;
}
.waa-question-help {
color: #85818d;
max-width: 650px;
margin: 0;
font-size: 13px;
line-height: 1.55;
}
.waa-options {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.waa-option {
min-height: 132px;
box-shadow: none;
color: #f0eef4;
text-align: left;
cursor: pointer;
background-color: #101010;
border: 1px solid #ffffff1a;
border-radius: 14px;
padding: 17px;
}
.waa-option:hover {
background-color: #141118;
border-color: #a78bfa5c;
transform: translateY(-1px);
}
.waa-option:focus {
outline-offset: 2px;
outline: 2px solid #7743e7;
}
.waa-option-selected {
background-color: #17111f;
border-color: #8b5cf6;
box-shadow: inset 0 0 0 1px #8b5cf673;
}
.waa-option-title {
color: #f0eef4;
margin-bottom: 9px;
font-family: Inter;
font-size: 15px;
font-weight: 680;
line-height: 1.22;
display: block;
}
.waa-option-copy {
color: #8f8c96;
font-size: 12px;
line-height: 1.48;
display: block;
}
.waa-evaluator-actions {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.waa-evaluate {
color: #fff;
cursor: pointer;
background-color: #8b5cf6;
border-radius: 11px;
min-height: 54px;
padding: 0 24px;
font-family: Inter;
font-size: 15px;
font-weight: 700;
box-shadow: 0 10px 28px #7c3aed2e;
}
.waa-evaluate:hover {
color: #fff;
background-color: #7c3aed;
transform: translateY(-1px);
box-shadow: 0 14px 34px #7c3aed3d;
}
.waa-evaluate:focus {
outline-offset: 3px;
outline: 2px solid #7440df;
}
.waa-validation {
color: #a13e49;
margin: 0;
font-size: 12px;
line-height: 1.4;
display: none;
}
.waa-result {
color: #f8f5fb;
background-color: #17111f;
border: 1px solid #4d3278;
border-radius: 18px;
margin-top: 28px;
padding: 26px;
display: none;
}
.waa-result-visible {
display: block;
}
.waa-result-kicker {
color: #b69bff;
letter-spacing: .12em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
font-size: 10px;
font-weight: 700;
}
.waa-result-title {
letter-spacing: -.025em;
margin-top: 0;
margin-bottom: 12px;
font-family: Inter;
font-size: 34px;
font-weight: 700;
line-height: 1.04;
}
.waa-result-copy {
color: #bbb4c2;
max-width: 690px;
margin-top: 0;
margin-bottom: 22px;
font-size: 14px;
line-height: 1.58;
}
.waa-result-path {
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 22px;
display: flex;
}
.waa-result-node {
color: #d6cfdd;
border: 1px solid #42384b;
border-radius: 9px;
padding: 8px 10px;
font-size: 11px;
}
.waa-result-arrow {
color: #7659b4;
font-size: 12px;
}
.waa-result-link {
color: #c4b5fd;
font-family: Inter;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.waa-result-link:hover {
color: #fff;
}
.waa-result-link:focus {
outline-offset: 3px;
outline: 2px solid #b69bff;
}
.waa-method {
color: #f7f5f2;
background-color: #0a0a0c;
padding-top: 104px;
padding-bottom: 112px;
}
.waa-method-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
align-items: start;
display: grid;
}
.waa-method-heading {
position: sticky;
top: 32px;
}
.waa-method-title {
letter-spacing: -.04em;
max-width: 540px;
margin-top: 0;
margin-bottom: 0;
font-family: Georgia, Times, Times New Roman, serif;
font-size: clamp(43px, 5vw, 70px);
line-height: .98;
}
.waa-method-list {
border-top: 1px solid #2a282e;
}
.waa-method-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #2a282e;
grid-template-rows: auto;
grid-template-columns: 42px minmax(0, 1fr);
padding: 28px 0;
display: grid;
}
.waa-method-index {
color: #9b7ce3;
background-color: #18151e;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.waa-method-row-title {
margin-top: 2px;
margin-bottom: 8px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 25px;
line-height: 1.08;
}
.waa-method-row-copy {
color: #96919d;
max-width: 620px;
margin: 0;
font-size: 14px;
line-height: 1.62;
}
.waa-canvas {
background-image: linear-gradient(130deg, #17111f, #0f0d13);
border: 1px solid #443267;
border-radius: 26px;
margin-top: 88px;
padding: 42px;
}
.waa-canvas-copy {
max-width: 800px;
}
.waa-canvas-title {
letter-spacing: -.035em;
max-width: 780px;
margin-top: 0;
margin-bottom: 18px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: clamp(38px, 4.5vw, 62px);
line-height: .98;
}
.waa-canvas-text {
color: #b3adb9;
max-width: 760px;
margin-top: 0;
margin-bottom: 12px;
font-size: 16px;
line-height: 1.62;
}
.waa-canvas-note {
color: #77717e;
max-width: 760px;
margin-top: 0;
margin-bottom: 30px;
font-size: 11px;
line-height: 1.55;
}
.waa-canvas-path {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
margin-bottom: 30px;
display: grid;
}
.waa-canvas-node {
background-color: #151319;
border: 1px solid #3b3541;
border-radius: 13px;
flex-direction: column;
justify-content: space-between;
min-height: 92px;
padding: 16px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 14px;
display: flex;
}
.waa-canvas-label {
color: #9675df;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
}
.waa-canvas-arrow {
color: #60488e;
font-size: 14px;
}
.waa-canvas-actions {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.waa-text-link {
color: #b9b2c0;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
}
.waa-text-link:hover {
color: #fff;
}
.waa-text-link:focus {
outline-offset: 3px;
outline: 2px solid #b69bff;
}
.ct-mobile-nav-button-logo {
object-fit: contain;
flex-shrink: 0;
width: 18px;
height: 18px;
}
.ct-mobile-nav-brand-row {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 8px;
padding: 4px 4px 18px;
list-style-type: none;
display: flex;
}
.ct-mobile-nav-brand-link {
align-items: center;
text-decoration: none;
display: flex;
}
.ct-mobile-nav-brand-logo {
object-fit: contain;
width: 132px;
height: auto;
}
.ct-mobile-nav-brand-label {
color: #ffffff7a;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.fsa-main {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: inherit;
overflow: clip visible;
}
.fsa-hero {
background-color: #0d0d0d;
background-image: radial-gradient(circle at 18% 85%, #ffffff0d, #0000 28%);
padding: 150px 0 88px;
position: relative;
}
.fsa-hero.fsa-hero-v2 {
background-color: #0a0b0e;
background-image: none;
}
.fsa-shell {
width: min(1180px, 100% - 48px);
margin-left: auto;
margin-right: auto;
}
.fsa-shell.fsa-hero-v2-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
align-items: start;
min-height: auto;
padding-top: 148px;
padding-bottom: 112px;
}
.fsa-hero-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.02fr) minmax(400px, .78fr);
align-items: center;
display: grid;
position: relative;
}
.fsa-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 18px;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.fsa-h1 {
letter-spacing: -.055em;
max-width: 760px;
margin: 0;
font-size: clamp(48px, 5.2vw, 78px);
font-weight: 600;
line-height: .98;
}
.fsa-h1.fsa-h1-v2 {
text-align: center;
text-wrap: balance;
max-width: 1040px;
font-size: clamp(54px, 6.5vw, 92px);
line-height: .94;
}
.fsa-lead {
color: #b6b6b6;
max-width: 700px;
margin: 28px 0 0;
font-size: 19px;
line-height: 1.65;
}
.fsa-lead.fsa-lead-v2 {
text-align: center;
max-width: 790px;
}
.fsa-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.fsa-primary {
color: #fff;
letter-spacing: normal;
background-color: #8b5cf6;
border: 1px solid #ffffff26;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 20px;
font-family: inherit;
font-size: 15px;
font-weight: 650;
line-height: 22px;
text-decoration: none;
transition: transform .18s, background-color .18s;
display: inline-flex;
}
.fsa-primary:hover {
background-color: #9b72f7;
transform: translateY(-1px);
}
.fsa-secondary {
color: #f2f2f2;
letter-spacing: normal;
background-color: #ffffff0b;
border: 1px solid #ffffff1f;
border-radius: 12px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 20px;
font-family: inherit;
font-size: 15px;
font-weight: 650;
line-height: 22px;
text-decoration: none;
transition: border-color .18s, background-color .18s;
display: inline-flex;
}
.fsa-secondary:hover {
background-color: #ffffff13;
border-color: #ffffff3d;
}
.fsa-trust-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.fsa-trust-chip {
color: #8f8f8f;
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 999px;
padding: 7px 10px;
font-size: 12px;
}
.fsa-call-panel {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
background-image: linear-gradient(145deg, #191919f5, #0e0e0eeb);
border: 1px solid #ffffff1c;
border-radius: 22px;
padding: 22px;
position: relative;
box-shadow: 0 30px 90px #0000007a;
}
.fsa-panel-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.fsa-panel-heading {
flex-direction: column;
display: flex;
}
.fsa-panel-kicker {
color: #a78bfa;
letter-spacing: .14em;
margin-bottom: 5px;
font-size: 10px;
font-weight: 700;
}
.fsa-panel-title {
font-size: 18px;
}
.fsa-status {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #8ce9c0;
background-color: #34d39914;
border: 1px solid #34d39933;
border-radius: 999px;
align-items: center;
padding: 7px 10px;
font-size: 12px;
font-weight: 700;
display: inline-flex;
}
.fsa-status-dot {
background-color: #34d399;
border-radius: 50%;
width: 7px;
height: 7px;
}
.fsa-caller {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #ffffff09;
border: 1px solid #ffffff14;
border-radius: 14px;
align-items: center;
margin-top: 22px;
padding: 14px;
display: flex;
}
.fsa-avatar {
background-color: #8b5cf6;
border-radius: 11px;
place-items: center;
width: 38px;
height: 38px;
font-weight: 700;
display: grid;
}
.fsa-caller-copy {
flex-direction: column;
flex: 1;
display: flex;
}
.fsa-caller-name {
font-size: 14px;
}
.fsa-caller-time {
color: #777;
margin-top: 3px;
font-size: 12px;
}
.fsa-channel {
color: #888;
letter-spacing: .12em;
font-size: 10px;
font-weight: 700;
}
.fsa-call-flow {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-top: 14px;
display: grid;
}
.fsa-flow-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #9a9a9a;
border: 1px solid #ffffff0e;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 30px 1fr 24px;
align-items: center;
padding: 12px;
display: grid;
}
.fsa-flow-done {
background-color: #34d39906;
}
.fsa-flow-current {
background-color: #8b5cf614;
border-color: #8b5cf673;
}
.fsa-flow-index {
font-size: 11px;
font-weight: 700;
}
.fsa-flow-copy {
flex-direction: column;
display: flex;
}
.fsa-flow-title {
color: #d6d6d6;
font-size: 13px;
}
.fsa-flow-detail {
color: #777;
margin-top: 3px;
font-size: 12px;
}
.fsa-flow-state {
color: #55d9a5;
border-radius: 50%;
place-items: center;
width: 22px;
height: 22px;
font-size: 11px;
display: grid;
}
.fsa-flow-arrow {
color: #fff;
background-color: #8b5cf6;
}
.fsa-panel-foot {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 1px solid #ffffff14;
justify-content: space-between;
margin-top: 16px;
padding-top: 15px;
font-size: 12px;
display: flex;
}
.fsa-panel-rule-label {
color: #777;
}
.fsa-panel-rule {
color: #d8d8d8;
}
.fsa-section {
border-top: 1px solid #ffffff14;
padding: 104px 0;
}
.fsa-section.fsa-context.fsa-stack-context {
z-index: 11;
backface-visibility: hidden;
transform-origin: 50% 0;
will-change: transform, filter;
border-radius: 28px;
margin-bottom: 170px;
margin-left: 24px;
margin-right: 24px;
transition: transform 90ms linear, filter 90ms linear;
position: sticky;
top: 88px;
overflow: hidden;
box-shadow: 0 16px 44px #0000003d;
}
.fsa-section.fsa-dark-section {
background-color: #0d0d0d;
background-image: none;
}
.fsa-section.fsa-dark-section.fsa-stack-dark {
z-index: 13;
backface-visibility: hidden;
transform-origin: 50% 0;
will-change: transform, filter;
background-color: #0b0c10;
background-image: none;
border-radius: 28px;
margin-bottom: 0;
margin-left: 8px;
margin-right: 8px;
transition: transform 90ms linear, filter 90ms linear;
position: sticky;
top: 120px;
overflow: hidden;
box-shadow: 0 20px 54px #00000047;
}
.fsa-section.fsa-stack-1 {
z-index: 11;
border-radius: 28px;
margin-left: 24px;
margin-right: 24px;
position: sticky;
top: 88px;
box-shadow: 0 28px 80px #0000003d;
}
.fsa-section.fsa-stack-2 {
z-index: 12;
backface-visibility: hidden;
transform-origin: 50% 0;
will-change: transform, filter;
border-radius: 28px;
margin-bottom: 170px;
margin-left: 16px;
margin-right: 16px;
transition: transform 90ms linear, filter 90ms linear;
position: sticky;
top: 104px;
overflow: hidden;
box-shadow: 0 18px 48px #00000042;
}
.fsa-section.fsa-stack-3 {
z-index: 13;
border-radius: 28px;
margin-left: 8px;
margin-right: 8px;
position: sticky;
top: 120px;
box-shadow: 0 28px 90px #00000052;
}
.fsa-context {
background-color: #101010;
}
.fsa-section-head {
max-width: 820px;
margin-bottom: 46px;
}
.fsa-kicker {
color: #a78bfa;
letter-spacing: .14em;
margin: 0 0 14px;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.fsa-h2 {
letter-spacing: -.04em;
margin: 0;
font-size: clamp(34px, 4vw, 56px);
font-weight: 600;
line-height: 1.06;
}
.fsa-copy {
color: #9d9d9d;
margin: 20px 0 0;
font-size: 17px;
line-height: 1.7;
}
.fsa-inline-link {
color: #c4b5fd;
text-underline-offset: 4px;
}
.fsa-problem-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.fsa-problem {
background-image: linear-gradient(145deg, #ffffff09, #ffffff03);
border: 1px solid #ffffff14;
border-radius: 18px;
min-height: 260px;
padding: 24px;
}
.fsa-card-index {
color: #bba5ff;
background-color: #8b5cf617;
border: 1px solid #8b5cf659;
border-radius: 10px;
place-items: center;
width: 34px;
height: 34px;
font-size: 11px;
font-weight: 700;
display: inline-grid;
}
.fsa-card-title {
letter-spacing: -.02em;
margin: 46px 0 12px;
font-size: 21px;
}
.fsa-card-copy {
color: #8f8f8f;
margin: 0;
font-size: 14px;
line-height: 1.65;
}
.fsa-content-group {
display: block;
}
.fsa-scope-list {
grid-column-gap: 9px;
grid-row-gap: 9px;
display: grid;
}
.fsa-scope-card {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #121212;
border: 1px solid #ffffff14;
border-radius: 15px;
grid-template-rows: auto;
grid-template-columns: 48px 1fr auto;
align-items: center;
padding: 21px 22px;
transition: border-color .18s, background-color .18s;
display: grid;
}
.fsa-scope-card:hover {
background-color: #151515;
border-color: #8b5cf659;
}
.fsa-num {
color: #bba5ff;
background-color: #8b5cf617;
border: 1px solid #8b5cf659;
border-radius: 10px;
place-items: center;
width: 34px;
height: 34px;
font-size: 11px;
font-weight: 700;
display: inline-grid;
}
.fsa-scope-copy {
display: block;
}
.fsa-scope-title {
margin: 0 0 7px;
font-size: 18px;
}
.fsa-scope-text {
color: #8d8d8d;
margin: 0;
font-size: 14px;
line-height: 1.55;
}
.fsa-scope-tag {
color: #777;
letter-spacing: .1em;
background-color: #ffffff0d;
border-radius: 999px;
padding: 6px 9px;
font-size: 10px;
font-style: normal;
font-weight: 700;
}
.fsa-dark-section {
background-color: #090909;
background-image: radial-gradient(circle at 50% 0, #8b5cf61f, #0000 34%);
}
.fsa-journey {
grid-template-rows: auto;
grid-template-columns: 1fr 44px 1fr 44px 1fr 44px 1fr;
align-items: center;
margin-top: 44px;
display: grid;
}
.fsa-step {
background-color: #ffffff06;
border: 1px solid #ffffff17;
border-radius: 16px;
min-height: 180px;
padding: 20px;
}
.fsa-step-number {
background-color: #8b5cf6;
border-radius: 9px;
place-items: center;
width: 31px;
height: 31px;
font-size: 12px;
font-weight: 700;
display: grid;
}
.fsa-step-title {
margin: 28px 0 8px;
font-size: 18px;
}
.fsa-step-copy {
color: #858585;
margin: 0;
font-size: 13px;
line-height: 1.55;
}
.fsa-connector {
background-image: linear-gradient(90deg, #8b5cf626, #8b5cf6cc, #8b5cf626);
height: 1px;
}
.fsa-boundary-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 26px;
display: grid;
}
.fsa-boundary {
background-color: #ffffff05;
border: 1px solid #ffffff14;
border-radius: 17px;
padding: 24px;
}
.fsa-allowed-label {
color: #68d8ac;
letter-spacing: .12em;
font-size: 11px;
font-weight: 750;
}
.fsa-blocked-label {
color: #f4a9b2;
letter-spacing: .12em;
font-size: 11px;
font-weight: 750;
}
.fsa-boundary-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #9a9a9a;
margin: 20px 0 0;
padding-left: 20px;
font-size: 14px;
line-height: 1.5;
display: grid;
}
.fsa-boundary-item {
padding-left: 2px;
}
.fsa-pilot-grid {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: start;
display: grid;
}
.fsa-pilot-copy {
display: block;
}
.fsa-text-link {
color: #c4b5fd;
margin-top: 26px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.fsa-metrics {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: grid;
}
.fsa-metric {
grid-column-gap: 14px;
grid-row-gap: 3px;
background-color: #111;
border: 1px solid #ffffff13;
border-radius: 13px;
grid-template-rows: auto;
grid-template-columns: 38px 1fr;
padding: 17px 18px;
display: grid;
}
.fsa-metric-index {
color: #8b5cf6;
grid-row: 1 / 3;
font-size: 11px;
font-weight: 700;
}
.fsa-metric-title {
font-size: 15px;
}
.fsa-metric-copy {
color: #7f7f7f;
font-size: 12px;
line-height: 1.5;
}
.fsa-expansion {
background-color: #101010;
}
.fsa-roadmap {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(12, 1fr);
display: grid;
}
.fsa-roadmap-card {
background-color: #131313;
border: 1px solid #ffffff14;
border-radius: 17px;
grid-column-start: span 4;
min-height: 230px;
padding: 22px;
}
.fsa-roadmap-wide {
grid-column-start: span 6;
}
.fsa-phase {
color: #ad95fa;
letter-spacing: .1em;
background-color: #8b5cf617;
border-radius: 999px;
padding: 6px 8px;
font-size: 9px;
font-weight: 750;
display: inline-flex;
}
.fsa-roadmap-title {
margin: 38px 0 10px;
font-size: 19px;
}
.fsa-roadmap-copy {
color: #858585;
margin: 0;
font-size: 13px;
line-height: 1.6;
}
.fsa-broad-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-image: linear-gradient(90deg, #8b5cf614, #8b5cf605);
border: 1px solid #8b5cf640;
border-radius: 16px;
justify-content: space-between;
align-items: center;
margin-top: 16px;
padding: 22px 24px;
display: flex;
}
.fsa-broad-copy {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
display: flex;
}
.fsa-broad-label {
color: #858585;
font-size: 12px;
}
.fsa-broad-title {
font-size: 16px;
}
.fsa-broad-cta {
color: #c4b5fd;
font-weight: 650;
text-decoration: none;
}
.fsa-fit {
padding-top: 34px;
}
.fsa-fit-box {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #121318;
border: 1px solid #ffffff1a;
border-radius: 22px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
padding: 36px;
display: grid;
}
.fsa-fit-heading {
display: block;
}
.fsa-checks {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.fsa-check {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #a4a4a4;
background-color: #ffffff06;
border: 1px solid #fff1;
border-radius: 11px;
align-items: flex-start;
margin: 0;
padding: 13px;
font-size: 13px;
line-height: 1.5;
display: flex;
}
.fsa-check-icon {
color: #5dd6a7;
background-color: #34d3991a;
border-radius: 7px;
flex: 0 0 22px;
place-items: center;
width: 22px;
height: 22px;
font-size: 11px;
font-style: normal;
display: grid;
}
.fsa-faq-shell {
grid-column-gap: 68px;
grid-row-gap: 68px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
display: grid;
}
.fsa-faq-head {
align-self: start;
position: sticky;
top: 120px;
}
.fsa-faq {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: grid;
}
.fsa-faq-item {
background-color: #111;
border: 1px solid #ffffff14;
border-radius: 14px;
}
.fsa-question {
color: #f2f2f2;
cursor: pointer;
padding: 20px;
font-size: 15px;
font-weight: 650;
}
.fsa-answer {
color: #8b8b8b;
margin: 0;
padding: 0 20px 20px;
font-size: 14px;
line-height: 1.65;
}
.fsa-final {
background-color: #0d0d0d;
padding: 28px 0 110px;
}
.fsa-final-box {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: #131419;
border: 1px solid #ffffff1f;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1.25fr .75fr;
align-items: end;
padding: 46px;
display: grid;
}
.fsa-final-copy {
display: block;
}
.fsa-final-title {
letter-spacing: -.04em;
max-width: 760px;
margin: 0;
font-size: clamp(34px, 4vw, 54px);
line-height: 1.04;
}
.fsa-final-text {
color: #979797;
max-width: 720px;
margin: 18px 0 0;
line-height: 1.65;
}
.fsa-final-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.fsa-hero-v2 {
background-color: #0a0b0e;
position: relative;
overflow: hidden;
}
.fsa-hero-v2-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
align-items: center;
min-height: 760px;
padding-top: 130px;
padding-bottom: 96px;
display: grid;
}
.fsa-hero-v2-copy {
z-index: 2;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.fsa-h1-v2 {
text-wrap: balance;
max-width: 760px;
}
.fsa-lead-v2 {
max-width: 680px;
}
.fsa-proof-strip {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.fsa-proof-chip {
color: #ffffffb8;
letter-spacing: .02em;
background-color: #ffffff0a;
border: 1px solid #ffffff1f;
border-radius: 999px;
align-items: center;
min-height: 34px;
padding: 8px 12px;
font-size: 12px;
line-height: 1;
display: inline-flex;
}
.fsa-demo-card {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #111319;
border: 1px solid #ffffff1a;
border-radius: 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
padding: 22px;
display: grid;
position: relative;
box-shadow: 0 18px 48px #00000047;
}
.fsa-demo-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-column: 1 / -1;
justify-content: space-between;
align-items: flex-start;
padding: 8px 8px 14px;
display: flex;
}
.fsa-demo-kicker {
color: #9b87ff;
letter-spacing: .14em;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
display: block;
}
.fsa-demo-title {
color: #fff;
letter-spacing: normal;
font-family: inherit;
font-size: 21px;
line-height: 1.2;
display: block;
}
.fsa-scenario {
background-color: #ffffff09;
border: 1px solid #ffffff1a;
border-radius: 18px;
align-self: start;
margin-top: 0;
transition: transform .22s, border-color .22s, background-color .22s;
overflow: hidden;
}
.fsa-scenario-summary {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 34px minmax(0, 1fr) auto;
align-items: center;
min-height: 72px;
padding: 14px 16px;
display: grid;
}
.fsa-scenario-index {
color: #9b87ff;
font-size: 12px;
font-weight: 700;
}
.fsa-scenario-label {
font-size: 14px;
line-height: 1.4;
}
.fsa-scenario-action {
color: #c6bbff;
letter-spacing: .08em;
background-color: #7c5cff29;
border-radius: 999px;
padding: 7px 9px;
font-size: 10px;
font-weight: 700;
}
.fsa-scenario-result {
padding: 0 16px 18px 62px;
}
.fsa-result-label {
color: #ffffff73;
letter-spacing: .12em;
margin-bottom: 7px;
font-size: 10px;
font-weight: 700;
display: block;
}
.fsa-result-title {
color: #fff;
letter-spacing: normal;
font-family: inherit;
font-size: 15px;
line-height: 1.45;
display: block;
}
.fsa-result-copy {
color: #ffffff94;
margin-top: 8px;
margin-bottom: 0;
font-size: 13px;
line-height: 1.55;
}
.fsa-demo-foot {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #ffffff7a;
grid-column: 1 / -1;
justify-content: space-between;
margin-top: 4px;
padding: 16px 8px 4px;
font-size: 12px;
display: flex;
}
.fsa-demo-foot-strong {
color: #ffffffd1;
letter-spacing: normal;
font-family: inherit;
}
.fsa-pressure {
background-color: #0d0f14;
padding-top: 104px;
padding-bottom: 104px;
position: relative;
overflow: hidden;
}
.fsa-pressure-shell {
position: relative;
}
.fsa-pressure-head {
max-width: 920px;
margin-bottom: 44px;
}
.fsa-pressure-kicker {
color: #a98bff;
letter-spacing: .14em;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-weight: 750;
line-height: 1.2;
}
.fsa-pressure-title {
color: #f7f7fb;
letter-spacing: -.045em;
max-width: 900px;
margin-top: 0;
margin-bottom: 20px;
font-size: clamp(38px, 5vw, 68px);
font-weight: 650;
line-height: 1.02;
}
.fsa-pressure-copy {
color: #ffffffa8;
max-width: 820px;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 1.65;
}
.fsa-pressure-grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: stretch;
display: grid;
}
.fsa-ops-queue {
background-color: #12141a;
border: 1px solid #ffffff1f;
border-radius: 24px;
padding: 22px;
box-shadow: 0 14px 38px #0003;
}
.fsa-queue-top {
grid-column-gap: 18px;
grid-row-gap: 18px;
justify-content: space-between;
align-items: flex-start;
min-height: 62px;
margin-bottom: 12px;
display: flex;
}
.fsa-queue-kicker {
color: #9d7df4;
letter-spacing: .13em;
margin-bottom: 7px;
font-size: 10px;
font-weight: 750;
line-height: 1.2;
display: block;
}
.fsa-queue-title {
color: #fff;
font-family: inherit;
font-size: 18px;
line-height: 1.3;
display: block;
}
.fsa-queue-live {
color: #fca5a5;
white-space: nowrap;
background-color: #f871711a;
border-radius: 999px;
align-items: center;
padding: 7px 10px;
font-size: 11px;
font-weight: 700;
line-height: 1;
display: inline-flex;
}
.fsa-queue-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #05060b8a;
border: 1px solid #ffffff14;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 46px 1fr auto;
align-items: center;
margin-top: 10px;
padding: 15px 14px;
display: grid;
}
.fsa-queue-time {
color: #8066d6;
font-size: 11px;
font-weight: 750;
line-height: 1.2;
}
.fsa-queue-copy {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
display: flex;
}
.fsa-queue-item-title {
color: #f5f5f7;
font-family: inherit;
font-size: 14px;
line-height: 1.35;
}
.fsa-queue-item-copy {
color: #ffffff85;
font-size: 12px;
line-height: 1.45;
}
.fsa-queue-state {
color: #c9b8ff;
letter-spacing: .06em;
white-space: nowrap;
background-color: #8b5cf624;
border-radius: 999px;
padding: 6px 8px;
font-size: 9px;
font-weight: 750;
line-height: 1;
}
.fsa-capability-map {
background-color: #12141a;
border: 1px solid #ffffff1c;
border-radius: 24px;
padding: 22px;
box-shadow: 0 14px 38px #00000038;
}
.fsa-capability-kicker {
color: #b49aff;
letter-spacing: .14em;
margin-top: 0;
margin-bottom: 12px;
font-size: 10px;
font-weight: 750;
line-height: 1.2;
}
.fsa-cap-row {
grid-column-gap: 13px;
grid-row-gap: 13px;
background-color: #08080e8a;
border: 1px solid #ffffff17;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 34px 1fr auto;
align-items: center;
margin-top: 10px;
padding: 16px 15px;
display: grid;
}
.fsa-cap-index {
color: #bca9ff;
background-color: #8b5cf624;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 11px;
font-weight: 750;
display: flex;
}
.fsa-cap-copy {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.fsa-cap-title {
color: #fff;
font-family: inherit;
font-size: 14px;
line-height: 1.35;
}
.fsa-cap-body {
color: #ffffff8f;
max-width: 520px;
font-size: 12px;
line-height: 1.5;
}
.fsa-cap-tag {
color: #cbbdff;
letter-spacing: .05em;
white-space: nowrap;
background-color: #8b5cf626;
border-radius: 999px;
padding: 7px 9px;
font-size: 9px;
font-weight: 750;
line-height: 1;
}
.fsa-outcome-band {
grid-column-gap: 14px;
grid-row-gap: 14px;
background-color: #ffffff09;
border: 1px solid #ffffff1a;
border-radius: 18px;
flex-wrap: wrap;
align-items: center;
margin-top: 22px;
padding: 17px 20px;
display: flex;
}
.fsa-outcome-label {
color: #9e85f5;
letter-spacing: .13em;
margin-right: auto;
font-size: 10px;
font-weight: 750;
}
.fsa-outcome-item {
color: #ffffffc7;
background-color: #ffffff0e;
border-radius: 999px;
padding: 7px 11px;
font-size: 12px;
line-height: 1.2;
}
.fsa-card-stack {
isolation: isolate;
background-color: #0d0d0d;
padding-top: 96px;
padding-bottom: 160px;
position: relative;
overflow: visible;
}
.fsa-stack-intro {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
max-width: 1200px;
margin-bottom: 34px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: flex;
}
.fsa-stack-intro-kicker {
color: #a98bff;
letter-spacing: .14em;
font-size: 10px;
font-weight: 750;
line-height: 1.2;
}
.fsa-stack-intro-title {
color: #fff;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.3;
}
.fsa-stack-intro-copy {
color: #ffffff80;
margin-left: auto;
font-size: 13px;
line-height: 1.4;
}
.fsa-control-proof {
background-color: #111318;
border: 1px solid #ffffff1c;
border-radius: 24px;
margin-top: 42px;
padding: 24px;
box-shadow: 0 16px 42px #0000003d;
}
.fsa-control-proof-head {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 20px;
display: flex;
}
.fsa-control-proof-kicker {
color: #aa8fff;
letter-spacing: .14em;
margin-bottom: 7px;
font-size: 10px;
font-weight: 750;
line-height: 1.2;
display: block;
}
.fsa-control-proof-title {
color: #fff;
max-width: 720px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.35;
display: block;
}
.fsa-control-proof-badge {
color: #cbbcff;
letter-spacing: .08em;
white-space: nowrap;
background-color: #8b5cf61f;
border: 1px solid #a78bfa40;
border-radius: 999px;
padding: 8px 11px;
font-size: 10px;
font-weight: 750;
line-height: 1;
display: inline-flex;
}
.fsa-control-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.08fr 1fr;
display: grid;
}
.fsa-control-panel {
background-color: #05060b94;
border: 1px solid #ffffff17;
border-radius: 17px;
min-width: 0;
padding: 16px;
}
.fsa-control-panel-head {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.fsa-control-label {
color: #9f84f4;
letter-spacing: .12em;
font-size: 9px;
font-weight: 800;
line-height: 1.2;
}
.fsa-control-value {
color: #c9b8ff;
letter-spacing: .06em;
white-space: nowrap;
background-color: #8b5cf621;
border-radius: 999px;
padding: 5px 7px;
font-size: 8px;
font-weight: 800;
line-height: 1;
}
.fsa-control-line {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #ffffff09;
border-radius: 11px;
grid-template-rows: auto;
grid-template-columns: 24px 1fr auto;
align-items: center;
margin-top: 8px;
padding: 10px 9px;
display: grid;
}
.fsa-control-index {
color: #8067d1;
font-size: 9px;
font-weight: 800;
}
.fsa-control-line-copy {
color: #ffffffc7;
font-size: 11px;
line-height: 1.35;
}
.fsa-control-state-ok {
color: #86efac;
letter-spacing: .05em;
font-size: 8px;
font-weight: 800;
}
.fsa-permission-line {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #ffffff09;
border-radius: 11px;
justify-content: space-between;
align-items: center;
margin-top: 8px;
padding: 10px 9px;
display: flex;
}
.fsa-permission-title {
color: #fff;
margin-bottom: 3px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.3;
display: block;
}
.fsa-permission-copy {
color: #ffffff7a;
max-width: 230px;
font-size: 9px;
line-height: 1.4;
display: block;
}
.fsa-permission-low {
color: #86efac;
letter-spacing: .04em;
white-space: nowrap;
font-size: 7px;
font-weight: 800;
}
.fsa-permission-high {
color: #fcd34d;
letter-spacing: .04em;
white-space: nowrap;
font-size: 7px;
font-weight: 800;
}
.fsa-permission-deny {
color: #fca5a5;
letter-spacing: .04em;
white-space: nowrap;
font-size: 7px;
font-weight: 800;
}
.fsa-mission-state {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #8b5cf614;
border-radius: 12px;
align-items: center;
margin-bottom: 10px;
padding: 11px;
display: flex;
}
.fsa-mission-dot {
background-color: #86efac;
border-radius: 50%;
flex: none;
width: 8px;
height: 8px;
display: block;
box-shadow: 0 0 14px #86efac94;
}
.fsa-mission-title {
color: #fff;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.3;
display: block;
}
.fsa-mission-copy {
color: #ffffff7d;
margin-top: 2px;
font-size: 9px;
line-height: 1.35;
display: block;
}
.fsa-mission-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ffffff70;
border-bottom: 1px solid #ffffff0f;
justify-content: space-between;
padding-top: 8px;
padding-bottom: 8px;
font-size: 9px;
line-height: 1.35;
display: flex;
}
.fsa-mission-row-value {
color: #ffffffd1;
text-align: right;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 9px;
}
.fsa-operator-strip {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
align-items: center;
margin-top: 12px;
display: flex;
}
.fsa-operator-label {
color: #8067d1;
letter-spacing: .08em;
margin-right: auto;
font-size: 8px;
font-weight: 800;
}
.fsa-operator-action {
color: #ffffffa6;
border: 1px solid #ffffff14;
border-radius: 7px;
padding: 5px 7px;
font-size: 8px;
line-height: 1;
}
.fsa-control-note {
color: #ffffff6e;
max-width: 920px;
margin-top: 16px;
margin-bottom: 0;
font-size: 11px;
line-height: 1.5;
}
.gym-stack-track {
width: calc(100% - 48px);
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.gym-stack-card {
color: #f5f5f5;
background-color: #141414;
border: 1px solid #ffffff1f;
border-radius: 24px;
flex-direction: column;
height: calc(100vh - 176px);
min-height: 560px;
max-height: 720px;
margin-bottom: 26vh;
display: flex;
position: sticky;
overflow: hidden;
box-shadow: 0 20px 54px #0000004d;
}
.gym-stack-card-one {
z-index: 21;
top: 88px;
}
.gym-stack-card-two {
z-index: 22;
background-color: #111214;
top: 100px;
}
.gym-stack-card-three {
z-index: 23;
background-color: #141414;
margin-bottom: 0;
top: 112px;
}
.gym-stack-bar {
background-color: #ffffff05;
border-bottom: 1px solid #ffffff17;
justify-content: space-between;
align-items: center;
min-height: 58px;
padding: 14px 22px;
display: flex;
}
.gym-stack-phase {
color: #ffffff8f;
letter-spacing: .12em;
font-size: 11px;
font-weight: 650;
line-height: 1.2;
}
.gym-stack-index {
color: #bda8ff;
border: 1px solid #ffffff1a;
border-radius: 9px;
justify-content: center;
align-items: center;
min-width: 34px;
min-height: 28px;
padding-left: 9px;
padding-right: 9px;
font-size: 11px;
font-weight: 700;
line-height: 1;
display: inline-flex;
}
.gym-stack-body {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-grow: 1;
grid-template-rows: auto;
grid-template-columns: .88fr 1.12fr;
align-items: center;
padding: 46px;
display: grid;
}
.gym-stack-copy {
max-width: 480px;
}
.gym-stack-kicker {
color: #a98bff;
letter-spacing: .12em;
margin-top: 0;
margin-bottom: 14px;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.gym-stack-title {
color: #f7f7f7;
letter-spacing: -.045em;
text-wrap: balance;
margin-top: 0;
margin-bottom: 20px;
font-size: clamp(34px, 4vw, 58px);
font-weight: 620;
line-height: 1.02;
}
.gym-stack-text {
color: #ffffff9e;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
line-height: 1.62;
}
.gym-stack-outcome {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-top: 1px solid #ffffff17;
flex-direction: column;
margin-top: 30px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.gym-stack-outcome-label {
color: #ffffff6b;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 11px;
line-height: 1.2;
}
.gym-stack-outcome-value {
color: #f3f3f3;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
.gym-stack-panel {
background-color: #101010;
border: 1px solid #ffffff1a;
border-radius: 16px;
overflow: hidden;
}
.gym-stack-panel-head {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
min-height: 52px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.gym-stack-panel-title {
color: #f2f2f2;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
}
.gym-stack-panel-meta {
color: #ffffff61;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 10px;
line-height: 1.2;
}
.gym-stack-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 8px 1fr auto;
align-items: center;
min-height: 76px;
padding: 14px 16px;
display: grid;
}
.gym-stack-row-dot {
background-color: #ffffff57;
border-radius: 50%;
width: 7px;
height: 7px;
}
.gym-stack-row-dot-open {
background-color: #8b5cf6;
}
.gym-stack-row-dot-warn {
background-color: #d6a85d;
}
.gym-stack-row-copy {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.gym-stack-row-title {
color: #f2f2f2;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
}
.gym-stack-row-meta {
color: #ffffff75;
font-size: 12px;
line-height: 1.3;
}
.gym-stack-status {
color: #ffffff80;
letter-spacing: .06em;
border: 1px solid #ffffff14;
border-radius: 7px;
padding: 6px 8px;
font-size: 9px;
line-height: 1;
}
.gym-stack-task-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.gym-stack-task {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #161616;
border: 1px solid #ffffff17;
border-radius: 14px;
align-content: center;
min-height: 112px;
padding: 18px;
display: grid;
}
.gym-stack-task-wide {
grid-column: 1 / -1;
}
.gym-stack-task-num {
color: #a98bff;
letter-spacing: .08em;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
}
.gym-stack-task-title {
color: #f3f3f3;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
}
.gym-stack-task-meta {
color: #ffffff75;
font-size: 12px;
line-height: 1.35;
}
.gym-stack-control {
background-color: #101010;
border: 1px solid #ffffff1a;
border-radius: 16px;
padding: 20px;
}
.gym-stack-control-head {
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.gym-stack-control-badge {
color: #bda8ff;
letter-spacing: .08em;
border: 1px solid #8b5cf64d;
border-radius: 7px;
padding: 6px 8px;
font-size: 9px;
font-weight: 700;
line-height: 1;
}
.gym-stack-flow {
align-items: center;
min-height: 164px;
display: flex;
}
.gym-stack-flow-step {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: center;
flex-direction: column;
align-items: center;
min-width: 112px;
display: flex;
}
.gym-stack-flow-num {
color: #c4b5fd;
background-color: #8b5cf61a;
border: 1px solid #8b5cf657;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 11px;
font-weight: 700;
line-height: 1;
display: inline-flex;
}
.gym-stack-flow-title {
color: #f2f2f2;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
display: block;
}
.gym-stack-flow-meta {
color: #ffffff6b;
margin-top: 4px;
font-size: 11px;
line-height: 1.3;
display: block;
}
.gym-stack-flow-line {
background-color: #ffffff1f;
flex-grow: 1;
height: 1px;
}
.gym-stack-permissions {
grid-column-gap: 7px;
grid-row-gap: 7px;
border-top: 1px solid #ffffff14;
flex-wrap: wrap;
padding-top: 16px;
display: flex;
}
.gym-stack-permission {
color: #ffffff85;
letter-spacing: .04em;
border: 1px solid #ffffff17;
border-radius: 7px;
padding: 7px 9px;
font-size: 9px;
font-weight: 650;
line-height: 1.2;
}
.gym-stack-permission-deny {
color: #d6a0a0;
border-color: #d45b5b38;
}
.cth-card {
color: #f8f7fb;
background-image: linear-gradient(145deg, #14131a 0%, #0d0c12 68%, #151025 100%);
border: 1px solid #c4b5fd26;
border-color: #c4b5fd38 #c4b5fd26 #c4b5fd1f;
border-radius: 28px;
align-self: center;
width: 100%;
max-width: 650px;
font-family: Inter;
overflow: hidden;
box-shadow: 0 42px 120px #0000008f, 0 0 80px #7c3aed1a, inset 0 1px #ffffff0f;
}
.cth-head {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid #ffffff17;
justify-content: space-between;
align-items: center;
padding: 20px 22px;
display: flex;
}
.cth-brand {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.cth-brand-title {
font-size: 15px;
line-height: 1.2;
display: block;
}
.cth-brand-note {
color: #9894a4;
margin-top: 3px;
font-size: 11px;
display: block;
}
.cth-logo {
background-image: linear-gradient(135deg, #8b5cf6, #6d28d9);
border-radius: 12px;
place-items: center;
width: 38px;
height: 38px;
font-weight: 800;
display: grid;
}
.cth-live {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #8ef0c3;
letter-spacing: .08em;
text-transform: uppercase;
background-color: #10b98114;
border: 1px solid #34d39933;
border-radius: 999px;
align-items: center;
padding: 7px 10px;
font-size: 10px;
font-weight: 700;
display: flex;
}
.cth-live-dot {
background-color: #34d399;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 0 4px #34d3991a;
}
.cth-runtime {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-bottom: 1px solid #ffffff12;
align-items: center;
padding: 12px 22px;
display: flex;
overflow-x: auto;
}
.cth-runtime-chip {
color: #b9b5c3;
white-space: nowrap;
background-color: #ffffff09;
border: 1px solid #ffffff1a;
border-radius: 8px;
padding: 7px 9px;
font-size: 10px;
}
.cth-model-1 {
color: #d9ccff;
white-space: nowrap;
cursor: pointer;
background-color: #8b5cf61f;
border: 1px solid #8b5cf66b;
border-radius: 8px;
padding: 7px 9px;
font-size: 10px;
font-weight: 700;
}
.cth-conversation {
padding: 20px 22px 14px;
}
.cth-agent-row {
grid-column-gap: 11px;
grid-row-gap: 11px;
align-items: flex-start;
display: flex;
}
.cth-agent-avatar {
color: #c4b5fd;
background-color: #8b5cf61f;
border: 1px solid #a78bfa59;
border-radius: 10px;
flex: none;
place-items: center;
width: 30px;
height: 30px;
display: grid;
}
.cth-agent-label {
color: #8d8899;
letter-spacing: .12em;
font-size: 9px;
font-weight: 800;
display: block;
}
.cth-message-copy-1 {
color: #e6e3ec;
margin: 6px 0 0;
font-size: 13px;
line-height: 1.55;
}
.cth-payload {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-wrap: wrap;
margin-top: 15px;
display: flex;
}
.cth-payload-chip {
color: #aaa5b2;
background-color: #111016;
border: 1px solid #ffffff14;
border-radius: 7px;
padding: 6px 8px;
font-size: 9px;
}
.cth-payload-key {
color: #c4b5fd;
margin-right: 4px;
font-weight: 700;
}
.cth-steps {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ffffff14;
border: 1px solid #ffffff14;
border-radius: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin: 0 22px;
display: grid;
overflow: hidden;
}
.cth-step-1 {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #111016;
align-items: flex-start;
min-height: 72px;
padding: 11px 9px;
transition: all .25s;
display: flex;
}
.cth-step-index-1 {
color: #a78bfa;
background-color: #201a31;
border-radius: 7px;
flex: none;
place-items: center;
width: 22px;
height: 22px;
font-size: 8px;
font-style: normal;
font-weight: 800;
display: grid;
}
.cth-step-title-1 {
color: #d8d5df;
font-size: 9px;
line-height: 1.2;
display: block;
}
.cth-step-note-1 {
color: #777281;
margin-top: 4px;
font-size: 8px;
line-height: 1.35;
display: block;
}
.cth-step-active-1 {
background-color: #7c3aed29;
}
.cth-composer-1, .cth-composer-1._w-form {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #09090d;
border: 1px solid #a78bfa47;
border-radius: 15px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
margin: 16px 22px 0;
padding: 10px;
display: grid;
}
.cth-input-wrap {
min-width: 0;
}
.cth-input-label {
color: #777281;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 5px 4px;
font-size: 8px;
font-weight: 700;
display: block;
}
.cth-input-1, .cth-input-1._w-input {
color: #fff;
background-color: #0000;
width: 100%;
font-family: Inter;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.cth-controls {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.cth-voice-1 {
color: #d5d1dc;
cursor: pointer;
background-color: #18171e;
border: 1px solid #ffffff1a;
border-radius: 10px;
height: 40px;
padding: 0 12px;
font-size: 10px;
font-weight: 800;
}
.cth-voice-dot {
color: #a78bfa;
}
.cth-send-1, .cth-send-1._w-button {
color: #fff;
cursor: pointer;
background-color: #7c3aed;
border-radius: 10px;
height: 40px;
padding: 0 12px;
font-size: 10px;
font-weight: 800;
}
.cth-send-arrow {
margin-left: 6px;
}
.cth-foot {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #696572;
justify-content: space-between;
padding: 12px 22px 17px;
font-size: 8px;
display: flex;
}
.cth-foot-note-last {
text-align: right;
}
.ct9-fit {
color: #f8f8fa;
background-color: #0a090e;
background-image: radial-gradient(circle at 82% 0, #7c3aed3d, #0000 34%), radial-gradient(circle at 0 100%, #2563eb1f, #0000 30%);
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 96px 24px;
font-family: Inter;
position: relative;
overflow: hidden;
}
.ct9-shell {
max-width: 1200px;
margin: 0 auto;
}
.ct9-head {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
align-items: end;
margin-bottom: 42px;
display: grid;
}
.ct9-eyebrow {
color: #a78bfa;
letter-spacing: .16em;
margin-bottom: 18px;
font-size: 12px;
font-weight: 800;
}
.ct9-title {
letter-spacing: -.055em;
max-width: 760px;
margin: 0;
font-family: Georgia, Times, Times New Roman, serif;
font-size: clamp(44px, 4.5vw, 66px);
line-height: .98;
}
.ct9-lead {
color: #c9c6d2;
margin: 0 0 24px;
font-size: 17px;
line-height: 1.65;
}
.ct9-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
display: flex;
}
.ct9-action {
min-height: 48px;
transition: transform .16s ease-out, box-shadow undefined undefined, border-color undefined undefined, background-color undefined undefined;
border-radius: 10px;
align-items: center;
padding: 0 18px;
font-size: 13px;
font-weight: 750;
text-decoration: none;
display: inline-flex;
}
.ct9-action.ct9-primary:hover {
transform: translateY(-1px);
box-shadow: 0 20px 52px #7c3aed5c;
}
.ct9-action.ct9-primary:focus-visible, .ct9-action.ct9-primary[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.ct9-action.ct9-secondary:hover {
background-color: #ffffff12;
border-color: #c4b5fd57;
transform: translateY(-1px);
}
.ct9-action.ct9-secondary:focus-visible, .ct9-action.ct9-secondary[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.ct9-primary {
color: #fff;
background-color: #7c3aed;
box-shadow: 0 16px 42px #7c3aed42;
}
.ct9-secondary {
color: #f6f4fa;
background-color: #ffffff0a;
border: 1px solid #ffffff24;
}
.ct9-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(12, minmax(0, 1fr));
display: grid;
}
.ct9-card {
transition: transform .18s ease-out, border-color undefined undefined, box-shadow undefined undefined;
background-image: linear-gradient(145deg, #191720f5, #0e0d13f5);
border: 1px solid #ffffff1a;
border-radius: 22px;
padding: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 24px 70px #0000004d, inset 0 1px #ffffff09;
}
.ct9-card:hover {
border-color: #a78bfa47 #a78bfa33 #a78bfa29;
transform: translateY(-3px);
box-shadow: 0 30px 84px #00000061, 0 0 40px #7c3aed12;
}
.ct9-glow {
filter: blur(8px);
background-color: #7c3aed14;
border-radius: 50%;
width: 220px;
height: 220px;
position: absolute;
bottom: -100px;
right: -70px;
}
.ct9-span-five {
grid-column-start: span 5;
}
.ct9-span-seven {
grid-column-start: span 7;
}
.ct9-index {
z-index: 1;
color: #9d94aa;
letter-spacing: .14em;
margin-bottom: 24px;
font-size: 10px;
font-weight: 800;
position: relative;
}
.ct9-card-title {
z-index: 1;
letter-spacing: -.03em;
max-width: 620px;
margin: 0 0 14px;
font-size: 24px;
line-height: 1.15;
position: relative;
}
.ct9-card-copy {
z-index: 1;
color: #bcb7c7;
margin: 0;
font-size: 14px;
line-height: 1.65;
position: relative;
}
.ct9-tags, .ct9-control-row {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 24px;
display: flex;
position: relative;
}
.ct9-pill {
color: #ded9e8;
background-color: #ffffff09;
border: 1px solid #ffffff17;
border-radius: 999px;
padding: 8px 10px;
font-size: 10px;
font-weight: 700;
}
.ct9-warning {
color: #fcd34d;
border-color: #fbbf2459;
}
.ct9-deny {
color: #fca5a5;
border-color: #f8717157;
}
.ct9-route {
z-index: 1;
grid-column-gap: 14px;
grid-row-gap: 14px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: minmax(130px, .38fr) 1fr;
padding: 15px 0;
display: grid;
position: relative;
}
.ct9-route-name {
color: #ede9fe;
font-size: 12px;
}
.ct9-route-copy {
color: #aaa3b6;
font-size: 12px;
}
.ct9-list {
z-index: 1;
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 22px 0 0;
padding: 0;
list-style: none;
display: grid;
position: relative;
}
.ct9-list-item {
color: #d4cfdd;
font-size: 13px;
}
.ct9-criteria {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #a7a1b1;
letter-spacing: .04em;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 28px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.ct9-dot {
background-color: #7c3aed;
border-radius: 50%;
width: 3px;
height: 3px;
}
.ct10-answers {
color: #17131f;
background-image: linear-gradient(145deg, #fff, #f8f7fb);
border: 1px solid #e7e3ec;
border-radius: 24px;
margin: 72px auto 48px;
padding: 40px;
box-shadow: 0 24px 70px #22193714;
}
.ct10-head {
max-width: 780px;
margin-bottom: 30px;
}
.ct10-eyebrow {
color: #7c3aed;
letter-spacing: .14em;
margin-bottom: 12px;
font-size: 11px;
font-weight: 800;
}
.ct10-title {
letter-spacing: -.045em;
margin: 0 0 12px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 38px;
line-height: 1.05;
}
.ct10-lead {
color: #625b6c;
margin: 0;
font-size: 15px;
line-height: 1.65;
}
.ct10-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.ct10-card {
transition: transform .18s ease-out, border-color undefined undefined, box-shadow undefined undefined;
background-color: #fff;
border: 1px solid #ebe7f0;
border-radius: 16px;
padding: 24px;
}
.ct10-card:hover {
border-color: #d8cff0;
transform: translateY(-2px);
box-shadow: 0 18px 42px #3e2a601a;
}
.ct10-number {
color: #8b5cf6;
letter-spacing: .14em;
margin-bottom: 24px;
font-size: 10px;
font-weight: 800;
}
.ct10-question {
letter-spacing: -.025em;
margin: 0 0 12px;
font-size: 18px;
line-height: 1.2;
}
.ct10-answer {
color: #686170;
margin: 0;
font-size: 13px;
line-height: 1.65;
}
.ct11-journey {
z-index: 95;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #f8f8fa;
background-color: #0a090ee0;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff1a;
padding: 10px 18px;
position: sticky;
top: 72px;
}
.ct11-shell {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
width: 100%;
max-width: 1240px;
margin: 0 auto;
display: grid;
}
.ct11-context {
grid-column-gap: 9px;
grid-row-gap: 9px;
white-space: nowrap;
align-items: center;
display: flex;
}
.ct11-dot {
color: #8b5cf6;
text-shadow: 0 0 14px #8b5cf6e6;
font-size: 9px;
}
.ct11-label {
color: #d9d5df;
letter-spacing: .03em;
font-size: 11px;
font-weight: 750;
}
.ct11-links {
grid-column-gap: 4px;
grid-row-gap: 4px;
scrollbar-width: none;
justify-content: center;
align-items: center;
display: flex;
overflow-x: auto;
}
.ct11-link {
color: #9e98a8;
white-space: nowrap;
border: 1px solid #0000;
border-radius: 9px;
justify-content: center;
align-items: center;
min-height: 38px;
padding: 0 12px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: background-color .16s, color .16s, border-color .16s;
display: inline-flex;
}
.ct11-link:hover {
color: #f4f0ff;
background-color: #ffffff0f;
border-color: #ffffff17;
}
.ct11-link:focus-visible, .ct11-link[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4b5fd;
}
.ct11-link-active {
color: #f4f0ff;
background-color: #7c3aed24;
border-color: #a78bfa3d;
}
.ct11-cta {
grid-column-gap: 8px;
grid-row-gap: 8px;
min-height: 40px;
box-shadow: none;
transition: transform .16s ease-out, background-color undefined undefined, box-shadow undefined undefined;
color: #f5f5f7;
white-space: nowrap;
background-color: #171717;
border-color: #ffffff1f;
border-radius: 9px;
justify-content: center;
align-items: center;
padding: 0 15px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.ct11-cta:hover {
box-shadow: none;
color: #fff;
background-color: #211b2b;
border-color: #c4b5fd57;
transform: translateY(-1px);
}
.ct11-cta:focus-visible, .ct11-cta[data-wf-focus-visible] {
outline-offset: 3px;
outline: 3px solid #a78bfa;
}
.ct11-arrow {
font-size: 14px;
}
.ct12-nav {
z-index: 70;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
color: #f8fafc;
background-color: #07070ceb;
border-top: 1px solid #94a3b81f;
border-bottom: 1px solid #94a3b829;
padding: 9px 16px;
display: none;
position: sticky;
top: 126px;
}
.ct12-shell {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
max-width: 1180px;
margin: 0 auto;
display: grid;
}
.ct12-label {
color: #8c8497;
letter-spacing: .07em;
text-transform: uppercase;
white-space: nowrap;
font-size: 10px;
font-weight: 750;
}
.ct12-links {
grid-column-gap: 5px;
grid-row-gap: 5px;
scrollbar-width: none;
display: flex;
overflow-x: auto;
}
.ct12-link {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #8f879a;
white-space: nowrap;
border: 1px solid #0000;
border-radius: 9px;
justify-content: center;
align-items: center;
min-height: 38px;
padding: 0 12px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: color .16s, background-color .16s, border-color .16s;
display: inline-flex;
}
.ct12-link:hover {
color: #f5f1ff;
background-color: #ffffff0d;
}
.ct12-link:focus-visible, .ct12-link[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4b5fd;
}
.ct12-link-active {
color: #f5f1ff;
background-color: #7c3aed26;
border-color: #a78bfa47;
}
.ct12-number {
color: #a78bfa;
font-family: monospace;
font-size: 9px;
}
.ct13-skip {
z-index: 10000;
color: #2e1065;
background-color: #fff;
border: 2px solid #c4b5fd;
border-radius: 9px;
padding: 11px 15px;
font-size: 12px;
font-weight: 800;
text-decoration: none;
transition: transform .15s;
position: fixed;
top: 12px;
left: 16px;
transform: translateY(-160%);
box-shadow: 0 14px 36px #0000003d;
}
.ct13-skip:focus-visible, .ct13-skip[data-wf-focus-visible] {
outline-style: none;
transform: translateY(0);
}
.flowappz-cookie-consent-hide-cookie-button {
color: #333;
cursor: pointer;
background-color: #fff;
border-radius: 100%;
width: 48px;
height: 48px;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: block;
position: fixed;
bottom: 2%;
left: 2%;
box-shadow: 0 2px 5px #0003;
}
.flowappz-cookie-consent-hide-cookie-button:hover {
box-shadow: 0 5px 30px #0003;
}
.ct11-journey-1 {
z-index: 70;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
background-color: #08070cdb;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 10px 16px;
position: sticky;
top: 72px;
box-shadow: 0 14px 40px #0000002e;
}
.ct11-shell-1 {
grid-column-gap: 7px;
grid-row-gap: 7px;
scrollbar-width: none;
align-items: center;
max-width: 1180px;
margin: 0 auto;
display: flex;
overflow-x: auto;
}
.ct11-label-1 {
color: #8c8497;
letter-spacing: .13em;
text-transform: uppercase;
flex: none;
margin-right: 6px;
font-size: 10px;
font-weight: 800;
}
.ct11-link-1 {
color: #b8b1c2;
white-space: nowrap;
border: 1px solid #0000;
border-radius: 999px;
flex: none;
align-items: center;
min-height: 36px;
padding: 0 12px;
font-size: 12px;
font-weight: 650;
text-decoration: none;
transition: background-color .16s, border-color .16s, color .16s, transform .16s;
display: inline-flex;
}
.ct11-link-1:hover {
color: #f1edf7;
background-color: #ffffff0e;
border-color: #ffffff14;
transform: translateY(-1px);
}
.ct11-link-1:focus-visible, .ct11-link-1[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #c4b5fd;
}
.ct11-link-1.ct11-cta-1:hover {
color: #fff;
background-color: #7c3aed47;
border-color: #c4b5fd80;
}
.ct11-cta-1 {
color: #ede9fe;
background-color: #7c3aed24;
border-color: #a78bfa52;
font-weight: 750;
}
.cvn2-section {
color: #f5f5f7;
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff14;
padding: 104px 28px;
}
.cvn2-shell {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.cvn2-head {
grid-column-gap: 72px;
grid-row-gap: 32px;
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
align-items: start;
display: grid;
}
.cvn2-kicker {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 18px;
font-family: Inter;
font-size: 11px;
font-weight: 750;
}
.cvn2-heading {
color: #f7f7f8;
letter-spacing: -.052em;
max-width: 650px;
margin: 0;
font-family: Inter;
font-size: clamp(38px, 4.2vw, 60px);
font-weight: 720;
line-height: 1.02;
}
.cvn2-lead {
color: #a5a3ac;
max-width: 720px;
margin: 0;
font-size: 18px;
line-height: 1.68;
}
.cvn2-matrix {
border-top: 1px solid #ffffff1a;
margin-top: 54px;
}
.cvn2-row {
grid-column-gap: 0;
grid-row-gap: 0;
border-bottom: 1px solid #ffffff14;
grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1fr);
display: grid;
}
.cvn2-label {
color: #77747f;
letter-spacing: .08em;
text-transform: uppercase;
padding: 22px 20px 22px 0;
font-size: 10px;
font-weight: 750;
}
.cvn2-cell {
background-color: #101010;
border-left: 1px solid #ffffff14;
padding: 22px 24px;
}
.cvn2-cell-accent {
background-color: #141118;
border-left: 1px solid #a78bfa38;
padding: 22px 24px;
}
.cvn2-cell-title {
color: #f0eef4;
margin-bottom: 7px;
font-size: 14px;
font-weight: 720;
line-height: 1.35;
display: block;
}
.cvn2-cell-copy {
color: #8f8c96;
margin: 0;
font-size: 12px;
line-height: 1.65;
}
.cvn2-note {
color: #74717a;
max-width: 900px;
margin: 22px 0 0;
font-size: 11px;
line-height: 1.6;
}
.cvn2-sources {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 20px;
display: flex;
}
.cvn2-source {
color: #aaa7b1;
background-color: #111;
border: 1px solid #ffffff1a;
border-radius: 8px;
align-items: center;
min-height: 36px;
padding-left: 12px;
padding-right: 12px;
font-size: 10px;
font-weight: 700;
text-decoration: none;
transition: border-color .16s, color .16s, background-color .16s;
display: inline-flex;
}
.cvn2-source:hover {
color: #f0edf5;
background-color: #17131d;
border-color: #a78bfa57;
}
.secx-main {
color: #f4f4f5;
background-color: #09090b;
font-family: Inter;
}
.secx-wrap {
width: min(1160px, 100% - 48px);
margin: 0 auto;
}
.secx-hero {
background-color: #09090b;
border-bottom: 1px solid #24242a;
padding: 112px 0 84px;
}
.secx-eyebrow, .secx-kicker {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 12px;
font-weight: 700;
}
.secx-h1 {
letter-spacing: -.055em;
max-width: 900px;
margin: 0;
font-size: clamp(48px, 7vw, 86px);
font-weight: 650;
line-height: .98;
}
.secx-h2 {
color: #f5f5f7;
letter-spacing: -.04em;
margin: 0;
font-size: clamp(34px, 4.4vw, 58px);
font-weight: 600;
line-height: 1.04;
}
.secx-h3 {
letter-spacing: -.02em;
margin: 0 0 8px;
font-size: 22px;
}
.secx-lead {
color: #b5b5bd;
max-width: 780px;
margin: 30px 0 0;
font-size: 19px;
line-height: 1.65;
}
.secx-copy {
color: #9f9fa8;
line-height: 1.7;
}
.secx-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 34px;
display: flex;
}
.secx-primary {
color: #fff;
background-color: #7c3cff;
border: 1px solid #ffffff29;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 18px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.secx-secondary {
color: #f4f4f5;
background-color: #111114;
border: 1px solid #34343d;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 18px;
font-weight: 650;
text-decoration: none;
display: inline-flex;
}
.secx-status {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #777781;
flex-wrap: wrap;
margin-top: 28px;
font-size: 12px;
display: flex;
}
.secx-status-chip {
border: 1px solid #27272d;
padding: 7px 10px;
}
.secx-section {
border-bottom: 1px solid #202025;
padding: 96px 0;
}
.secx-section-alt {
background-color: #0c0c0f;
border-bottom: 1px solid #202025;
padding: 96px 0;
}
.secx-contract-grid {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .85fr) minmax(480px, 1.15fr);
align-items: center;
display: grid;
}
.secx-terminal {
background-color: #0d0d10;
border: 1px solid #2d2d34;
box-shadow: 0 24px 70px #00000059;
}
.secx-terminal-top {
color: #d8d8dd;
letter-spacing: .08em;
border-bottom: 1px solid #28282f;
justify-content: space-between;
padding: 14px 16px;
font-family: monospace;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
display: flex;
}
.secx-muted {
color: #6d6d75;
}
.secx-dl {
margin: 0;
padding: 10px 16px;
}
.secx-terminal-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid #1e1e23;
grid-template-rows: auto;
grid-template-columns: 130px 1fr;
padding: 10px 0;
display: grid;
}
.secx-dt {
color: #72727c;
font-family: monospace;
font-size: 12px;
line-height: 1.4;
}
.secx-dd {
color: #d5d5da;
margin: 0;
font-family: monospace;
font-size: 12px;
line-height: 1.4;
}
.secx-review {
color: #fbbf24;
margin: 0;
font-family: monospace;
font-size: 12px;
line-height: 1.4;
}
.secx-chain {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #8f8f99;
flex-wrap: wrap;
align-items: center;
padding: 16px;
font-family: monospace;
font-size: 11px;
line-height: 1.4;
display: flex;
}
.secx-heading {
max-width: 820px;
margin-bottom: 48px;
}
.secx-rows {
border-top: 1px solid #2a2a31;
}
.secx-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #202027;
grid-template-rows: auto;
grid-template-columns: 56px minmax(0, 1fr) auto;
align-items: start;
padding: 28px 0;
display: grid;
}
.secx-index {
color: #666670;
font-family: monospace;
font-size: 12px;
line-height: 1.5;
}
.secx-row-copy {
color: #9f9fa8;
max-width: 760px;
margin: 0;
line-height: 1.65;
}
.secx-chip {
color: #9f9fa8;
border: 1px solid #2d2d34;
align-self: center;
padding: 7px 10px;
font-size: 11px;
}
.secx-textlink {
color: #c4b5fd;
border: 1px solid #2d2d34;
align-self: center;
padding: 7px 10px;
font-size: 11px;
text-decoration: none;
}
.secx-boundary-grid {
border-top: 1px solid #27272e;
border-left: 1px solid #27272e;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid;
}
.secx-boundary-card {
border-bottom: 1px solid #27272e;
border-right: 1px solid #27272e;
padding: 28px;
}
.secx-boundary-title {
font-size: 18px;
}
.secx-boundary-copy {
color: #909099;
margin: 10px 0 0;
line-height: 1.65;
}
.secx-state-table {
border: 1px solid #292930;
}
.secx-state-head {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #8f8f98;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #111115;
border-bottom: 1px solid #24242a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1.5fr;
padding: 16px 18px;
font-family: monospace;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
display: grid;
}
.secx-state-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #aaaab2;
border-bottom: 1px solid #24242a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1.5fr;
padding: 16px 18px;
font-size: 14px;
display: grid;
}
.secx-state-area {
color: #f0f0f2;
font-weight: 600;
}
.secx-cta {
background-color: #09090b;
padding: 92px 0 110px;
}
.secx-cta-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
display: grid;
}
.secx-cta-actions {
margin: 0;
}
.f26-footer {
color: #f4f4f5;
background-color: #0a0a0b;
border-top: 1px solid #ffffff17;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.f26-wrap {
width: min(1180px, 100% - 40px);
margin: 0 auto;
}
.f26-top {
grid-column-gap: 50px;
grid-row-gap: 50px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
padding: 72px 0 54px;
display: grid;
}
.f26-kicker {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 13px;
font-size: 10px;
font-weight: 800;
line-height: 1.3;
}
.f26-title {
letter-spacing: -.045em;
max-width: 720px;
margin: 0;
font-size: clamp(34px, 4vw, 61px);
font-weight: 620;
line-height: 1.02;
}
.f26-lead {
color: #8e8994;
max-width: 650px;
margin: 16px 0 0;
line-height: 1.65;
}
.f26-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
display: flex;
}
.f26-primary {
color: #fff;
background-color: #7c3cff;
border: 1px solid #ffffff29;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 17px;
font-size: 13px;
font-weight: 720;
text-decoration: none;
display: inline-flex;
}
.f26-primary:focus {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.f26-secondary {
color: #f4f4f5;
background-color: #121214;
border: 1px solid #ffffff1f;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 0 17px;
font-size: 13px;
font-weight: 720;
text-decoration: none;
display: inline-flex;
}
.f26-secondary:focus {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.f26-grid {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1.15fr repeat(4, 1fr);
padding: 50px 0;
display: grid;
}
.f26-brand {
padding-right: 30px;
}
.f26-brand-row {
grid-column-gap: 11px;
grid-row-gap: 11px;
align-items: center;
display: flex;
}
.f26-logo {
color: #c4b5fd;
border: 1px solid #37333e;
place-items: center;
width: 28px;
height: 28px;
font-family: monospace;
font-size: 12px;
font-weight: 800;
display: grid;
}
.f26-name {
font-size: 15px;
}
.f26-brand-copy {
color: #77727d;
max-width: 250px;
margin: 17px 0 0;
font-size: 12px;
line-height: 1.6;
}
.f26-group {
display: block;
}
.f26-group-title {
color: #77727d;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 16px;
font-family: monospace;
font-size: 9px;
font-weight: 800;
line-height: 1.3;
display: block;
}
.f26-link {
color: #c5c1ca;
padding: 6px 0;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
display: block;
}
.f26-link:focus {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.f26-bottom {
grid-column-gap: 22px;
grid-row-gap: 22px;
color: #66616c;
border-top: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 20px 0 28px;
font-size: 11px;
display: flex;
}
.f26-legal {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
display: flex;
}
.f26-legal-link {
color: #77727d;
text-decoration: none;
}
.f26-legal-link:focus {
outline-offset: 3px;
outline: 3px solid #c4b5fd;
}
.f26-footer-1 {
color: #f4f4f5;
background-color: #0a0a0b;
border-top: 1px solid #ffffff17;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.br26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.br26-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.br26-hero {
border-bottom: 1px solid #ffffff14;
padding: 152px 0 104px;
}
.br26-hero-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .82fr) minmax(480px, 1.18fr);
align-items: center;
display: grid;
}
.br26-copy {
min-width: 0;
}
.br26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.br26-h1 {
letter-spacing: -.055em;
max-width: 720px;
margin: 0;
font-size: clamp(54px, 6.2vw, 88px);
line-height: .95;
}
.br26-h2 {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(36px, 4vw, 58px);
line-height: 1;
}
.br26-lead {
color: #c7c5cd;
max-width: 720px;
margin: 28px 0 0;
font-size: 19px;
line-height: 1.7;
}
.br26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.br26-btn {
color: #f5f5f7;
border: 1px solid #ffffff21;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 18px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .16s, border-color .16s, color .16s;
display: inline-flex;
}
.br26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.br26-btn-primary:hover {
background-color: #6d28d9;
border-color: #a78bfa;
}
.br26-btn-secondary {
background-color: #151515;
}
.br26-btn-secondary:hover {
background-color: #1b1720;
border-color: #c4b5fd52;
}
.br26-note {
color: #77747d;
max-width: 650px;
margin: 18px 0 0;
font-size: 12px;
line-height: 1.55;
}
.br26-demo {
background-color: #111112;
border: 1px solid #ffffff1f;
border-radius: 28px;
transition: border-color .18s, box-shadow .18s;
overflow: hidden;
box-shadow: 0 24px 80px #00000073;
}
.br26-demo-head {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 16px 18px;
display: flex;
}
.br26-demo-meta {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.br26-demo-label {
color: #77747d;
font-size: 11px;
}
.br26-demo-id {
font-size: 12px;
}
.br26-live {
color: #6ee7b7;
background-color: #34d3990f;
border: 1px solid #34d3993d;
border-radius: 999px;
padding: 5px 8px;
font-size: 10px;
font-weight: 700;
}
.br26-browser {
background-color: #0d0d0f;
border: 1px solid #ffffff17;
border-radius: 12px;
margin: 14px;
}
.br26-browser-bar {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #77747d;
border-bottom: 1px solid #ffffff12;
align-items: center;
padding: 11px 13px;
font-size: 10px;
display: flex;
}
.br26-dots {
color: #4b4850;
letter-spacing: 2px;
}
.br26-url {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.br26-browser-body {
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
min-height: 340px;
display: grid;
}
.br26-form {
padding: 22px;
}
.br26-mini {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 10px;
font-weight: 700;
}
.br26-record {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
padding: 10px 0;
font-size: 12px;
display: flex;
}
.br26-record-label {
color: #77747d;
}
.br26-record-value {
color: #f5f5f7;
}
.br26-field {
grid-column-gap: 7px;
grid-row-gap: 7px;
margin-top: 16px;
display: grid;
}
.br26-field-label {
color: #a8a5ae;
font-size: 11px;
}
.br26-input {
color: #f5f5f7;
background-color: #151519;
border: 1px solid #ffffff1f;
border-radius: 8px;
width: 100%;
min-height: 42px;
padding: 11px 12px;
font-size: 12px;
}
.br26-input-placeholder {
color: #66636c;
}
.br26-submit {
color: #77747d;
background-color: #2a2a2e;
border-radius: 8px;
width: 100%;
height: 42px;
margin-top: 16px;
font-weight: 700;
}
.br26-policy {
background-color: #101014;
border-left: 1px solid #ffffff14;
padding: 22px;
}
.br26-policy-kicker {
color: #77747d;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.br26-policy-title {
letter-spacing: -.03em;
margin: 12px 0 8px;
font-size: 20px;
line-height: 1.15;
}
.br26-policy-copy {
color: #96939d;
margin: 0 0 22px;
font-size: 12px;
line-height: 1.55;
}
.br26-policy-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #ffffff12;
justify-content: space-between;
padding: 10px 0;
font-size: 11px;
display: flex;
}
.br26-policy-label {
color: #77747d;
}
.br26-policy-value {
color: #fbbf24;
}
.br26-approve {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
width: 100%;
min-height: 42px;
margin-top: 16px;
font-weight: 700;
}
.br26-approve:hover {
background-color: #6d28d9;
}
.br26-trace {
padding: 0 14px 14px;
}
.br26-trace-head {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
padding: 12px 0;
display: flex;
}
.br26-trace-label {
color: #77747d;
font-size: 10px;
}
.br26-trace-status {
color: #d8d6dd;
font-size: 10px;
font-weight: 600;
}
.br26-steps {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.br26-step {
background-color: #121214;
border: 1px solid #ffffff1a;
border-radius: 16px;
min-height: 92px;
padding: 12px;
}
.br26-step-active {
background-color: #7c3aed2e;
border-color: #a78bfaa6;
}
.br26-stage-num {
color: #8b5cf6;
font-size: 9px;
display: block;
}
.br26-stage-title {
color: #f1eff4;
margin-top: 10px;
font-size: 11px;
display: block;
}
.br26-stage-copy {
color: #6f6c75;
margin-top: 4px;
font-size: 9px;
line-height: 1.35;
display: block;
}
.br26-demo-actions {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-top: 10px;
display: flex;
}
.br26-run {
color: #fff;
background-color: #7c3aed;
border: 1px solid #8b5cf6;
border-radius: 999px;
min-height: 38px;
padding: 0 13px;
font-size: 11px;
font-weight: 700;
}
.br26-run:hover {
color: #fff;
background-color: #8d5cff;
}
.br26-reset {
color: #ffffffd1;
background-color: #17171a;
border: 1px solid #ffffff1f;
border-radius: 999px;
min-height: 38px;
padding: 0 13px;
font-size: 11px;
font-weight: 700;
}
.br26-section {
border-bottom: 1px solid #ffffff14;
padding: 104px 0;
}
.br26-section-alt {
background-color: #101010;
}
.br26-editorial {
grid-column-gap: 88px;
grid-row-gap: 88px;
grid-template-rows: auto;
grid-template-columns: .82fr 1.18fr;
display: grid;
}
.br26-editorial-head {
min-width: 0;
}
.br26-rich {
max-width: 700px;
}
.br26-rich-copy {
color: #aaa7b0;
margin: 0;
font-size: 17px;
line-height: 1.8;
}
.br26-rich-copy-gap {
margin-top: 22px;
}
.br26-section-head {
max-width: 850px;
margin-bottom: 46px;
}
.br26-compare {
border-top: 1px solid #ffffff1a;
}
.br26-compare-row {
grid-column-gap: 34px;
grid-row-gap: 34px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: .75fr 1.4fr .65fr;
align-items: start;
padding: 24px 0;
display: grid;
}
.br26-compare-title {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: baseline;
display: flex;
}
.br26-index {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.br26-compare-heading {
margin: 0;
font-size: 18px;
}
.br26-compare-copy {
color: #92909a;
margin: 0;
line-height: 1.65;
}
.br26-compare-result {
color: #c4b5fd;
text-align: right;
font-size: 11px;
}
.br26-operator {
border-top: 1px solid #ffffff17;
}
.br26-operator-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 21px 0;
display: grid;
}
.br26-operator-num {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.br26-operator-body {
min-width: 0;
}
.br26-operator-title {
font-size: 14px;
}
.br26-operator-copy {
color: #82808a;
margin: 5px 0 0;
line-height: 1.6;
}
.br26-boundary {
background-color: #09090a;
border-bottom: 1px solid #ffffff14;
padding: 92px 0;
}
.br26-boundary-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
display: grid;
}
.br26-boundary-head {
min-width: 0;
}
.br26-boundary-copy {
color: #8f8c96;
margin: 34px 0 0;
line-height: 1.8;
}
.br26-faq {
border-top: 1px solid #ffffff1a;
}
.br26-faq-item {
border-bottom: 1px solid #ffffff17;
padding: 0;
display: block;
overflow: visible;
}
.br26-faq-summary {
color: #f1eff4;
letter-spacing: -.01em;
cursor: pointer;
justify-content: space-between;
align-items: flex-start;
gap: 18px;
padding: 22px 0 10px;
font-size: 16px;
font-weight: 700;
line-height: 1.45;
display: flex;
}
.br26-faq-copy {
color: #8f8c96;
max-width: 840px;
margin: 0 0 24px;
padding-top: 0;
padding-bottom: 2px;
font-size: 15px;
line-height: 1.72;
display: block;
}
.br26-cta {
background-color: #101010;
padding: 92px 0 110px;
}
.br26-cta-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.br26-cta-content {
min-width: 0;
}
.br26-cta-copy {
color: #8f8c96;
max-width: 700px;
line-height: 1.7;
}
.br26-cta-actions {
justify-content: flex-end;
margin-top: 0;
}
.br26-input-ready {
color: #f5f5f7;
background-color: #18131f;
border-color: #a78bfa6b;
}
.br26-step-done {
background-color: #34d3990d;
border-color: #34d39947;
}
.br26-policy-approved {
color: #6ee7b7;
}
.br26-submit-ready {
color: #fff;
background-color: #7c3aed;
}
.br26-demo-success {
border-color: #34d39947;
box-shadow: 0 34px 80px #00000057, 0 0 0 1px #34d3990d;
}
.br26-trace-complete {
color: #6ee7b7;
}
.br26-approve-disabled {
color: #75727b;
background-color: #252429;
}
.br26-submit-success {
color: #d1fae5;
background-color: #14532d;
}
.gv26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.gv26-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.gv26-hero {
border-bottom: 1px solid #ffffff14;
padding: 152px 0 104px;
}
.gv26-hero-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
align-items: center;
display: grid;
}
.gv26-copy {
min-width: 0;
}
.gv26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.gv26-h1 {
letter-spacing: -.055em;
max-width: 720px;
margin: 0;
font-size: clamp(54px, 6.2vw, 88px);
line-height: .95;
}
.gv26-h2 {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(36px, 4vw, 58px);
line-height: 1;
}
.gv26-lead {
color: #c7c5cd;
max-width: 720px;
margin: 28px 0 0;
font-size: 19px;
line-height: 1.7;
}
.gv26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.gv26-btn {
color: #f5f5f7;
border: 1px solid #ffffff21;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 18px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.gv26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.gv26-btn-secondary {
background-color: #151515;
}
.gv26-note {
color: #77747d;
max-width: 650px;
margin: 18px 0 0;
font-size: 12px;
line-height: 1.55;
}
.gv26-evaluator {
background-color: #111113;
border: 1px solid #ffffff1a;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 34px 80px #00000057;
}
.gv26-eval-head {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 16px 18px;
display: flex;
}
.gv26-eval-meta {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.gv26-eval-label {
color: #77747d;
font-size: 11px;
}
.gv26-eval-id {
font-size: 12px;
}
.gv26-state-review {
color: #fbbf24;
background-color: #fbbf240f;
border: 1px solid #fbbf243d;
border-radius: 999px;
padding: 5px 8px;
font-size: 10px;
font-weight: 700;
}
.gv26-action-tabs {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 14px;
display: grid;
}
.gv26-action-tab {
color: #85828c;
background-color: #151519;
border: 1px solid #ffffff14;
border-radius: 8px;
min-height: 38px;
font-size: 10px;
font-weight: 700;
}
.gv26-action-tab-active {
color: #c4b5fd;
background-color: #18131f;
border-color: #a78bfa57;
}
.gv26-eval-body {
border-top: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
display: grid;
}
.gv26-descriptor {
padding: 22px;
}
.gv26-mini {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 10px;
font-weight: 700;
}
.gv26-desc-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
padding: 10px 0;
font-size: 11px;
display: flex;
}
.gv26-desc-label {
color: #77747d;
}
.gv26-desc-value {
color: #e7e5eb;
text-align: right;
}
.gv26-risk {
color: #fbbf24;
}
.gv26-decision {
background-color: #101014;
border-left: 1px solid #ffffff14;
padding: 22px;
}
.gv26-decision-kicker {
color: #77747d;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.gv26-decision-title {
letter-spacing: -.03em;
margin: 12px 0 8px;
font-size: 22px;
}
.gv26-decision-copy {
color: #96939d;
margin: 0 0 20px;
font-size: 12px;
line-height: 1.55;
}
.gv26-binding {
background-color: #151519;
border: 1px solid #ffffff14;
border-radius: 9px;
padding: 12px;
}
.gv26-binding-label {
color: #77747d;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.gv26-binding-value {
color: #d8d6dd;
margin-top: 6px;
font-size: 10px;
line-height: 1.45;
display: block;
}
.gv26-fingerprint {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
padding: 12px 0;
font-size: 10px;
display: flex;
}
.gv26-fingerprint-label {
color: #77747d;
}
.gv26-fingerprint-value {
color: #c4b5fd;
}
.gv26-approve {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
width: 100%;
min-height: 42px;
font-weight: 700;
}
.gv26-evidence {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #ffffff14;
justify-content: space-between;
padding: 13px 18px;
font-size: 10px;
display: flex;
}
.gv26-evidence-label {
color: #77747d;
}
.gv26-evidence-value {
color: #d8d6dd;
text-align: right;
}
.gv26-section {
border-bottom: 1px solid #ffffff14;
padding: 104px 0;
}
.gv26-section-alt {
background-color: #101010;
}
.gv26-editorial {
grid-column-gap: 88px;
grid-row-gap: 88px;
grid-template-rows: auto;
grid-template-columns: .82fr 1.18fr;
display: grid;
}
.gv26-editorial-head {
min-width: 0;
}
.gv26-rich {
max-width: 700px;
}
.gv26-rich-copy {
color: #aaa7b0;
margin: 0;
font-size: 17px;
line-height: 1.8;
}
.gv26-rich-gap {
margin-top: 22px;
}
.gv26-section-head {
max-width: 850px;
margin-bottom: 46px;
}
.gv26-contract {
border-top: 1px solid #ffffff1a;
}
.gv26-contract-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 50px .65fr 1.35fr;
padding: 23px 0;
display: grid;
}
.gv26-index {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.gv26-contract-title {
margin: 0;
font-size: 16px;
}
.gv26-contract-copy {
color: #8f8c96;
margin: 0;
line-height: 1.65;
}
.gv26-operator {
border-top: 1px solid #ffffff17;
}
.gv26-operator-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 21px 0;
display: grid;
}
.gv26-operator-body {
min-width: 0;
}
.gv26-operator-title {
font-size: 14px;
}
.gv26-operator-copy {
color: #82808a;
margin: 5px 0 0;
line-height: 1.6;
}
.gv26-boundary {
background-color: #09090a;
border-bottom: 1px solid #ffffff14;
padding: 92px 0;
}
.gv26-boundary-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.gv26-boundary-head {
min-width: 0;
}
.gv26-boundary-copy {
color: #8f8c96;
margin: 34px 0 0;
line-height: 1.8;
}
.gv26-faq {
border-top: 1px solid #ffffff1a;
}
.gv26-faq-item {
border-bottom: 1px solid #ffffff17;
}
.gv26-faq-summary {
color: #f1eff4;
padding: 20px 0;
font-weight: 700;
}
.gv26-faq-copy {
color: #8f8c96;
max-width: 760px;
margin: 0 0 20px;
line-height: 1.7;
}
.gv26-cta {
background-color: #101010;
padding: 92px 0 110px;
}
.gv26-cta-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.gv26-cta-content {
min-width: 0;
}
.gv26-cta-copy {
color: #8f8c96;
max-width: 700px;
line-height: 1.7;
}
.gv26-cta-actions {
justify-content: flex-end;
margin-top: 0;
}
.or26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.or26-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.or26-hero {
border-bottom: 1px solid #ffffff14;
padding: 152px 0 104px;
}
.or26-hero-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .88fr) minmax(560px, 1.12fr);
align-items: center;
display: grid;
}
.or26-copy {
min-width: 0;
}
.or26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.or26-h1 {
letter-spacing: -.055em;
max-width: 720px;
margin: 0;
font-size: clamp(54px, 6.2vw, 88px);
line-height: .95;
}
.or26-h2 {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(36px, 4vw, 58px);
line-height: 1;
}
.or26-lead {
color: #c7c5cd;
max-width: 720px;
margin: 28px 0 0;
font-size: 19px;
line-height: 1.7;
}
.or26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.or26-btn {
color: #f5f5f7;
border: 1px solid #ffffff21;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 18px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.or26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.or26-btn-secondary {
background-color: #151515;
}
.or26-note {
color: #77747d;
max-width: 650px;
margin: 18px 0 0;
font-size: 12px;
line-height: 1.55;
}
.or26-mission {
background-color: #111113;
border: 1px solid #ffffff1a;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 34px 80px #00000057;
}
.or26-mission-head {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 16px 18px;
display: flex;
}
.or26-mission-meta {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.or26-mission-label {
color: #77747d;
font-size: 11px;
}
.or26-mission-id {
font-size: 12px;
}
.or26-status {
color: #fbbf24;
background-color: #fbbf240f;
border: 1px solid #fbbf243d;
border-radius: 999px;
padding: 5px 8px;
font-size: 10px;
font-weight: 700;
}
.or26-goal {
border-bottom: 1px solid #ffffff12;
padding: 14px 18px;
}
.or26-goal-label {
color: #77747d;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.or26-goal-value {
color: #d8d6dd;
margin-top: 5px;
font-size: 11px;
line-height: 1.5;
display: block;
}
.or26-board {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 14px;
display: grid;
}
.or26-column {
min-width: 0;
}
.or26-column-head {
color: #77747d;
text-transform: uppercase;
justify-content: space-between;
padding: 0 2px 8px;
font-size: 9px;
display: flex;
}
.or26-task {
background-color: #151519;
border: 1px solid #ffffff14;
border-radius: 9px;
min-height: 132px;
padding: 13px;
}
.or26-task-active {
background-color: #18131f;
border-color: #8b5cf652;
}
.or26-task-review {
background-color: #fbbf2409;
border-color: #fbbf243d;
}
.or26-task-state {
color: #6ee7b7;
text-transform: uppercase;
font-size: 8px;
font-weight: 700;
}
.or26-task-state-live {
color: #c4b5fd;
}
.or26-task-state-review {
color: #fbbf24;
}
.or26-task-title {
margin: 10px 0 6px;
font-size: 12px;
line-height: 1.35;
}
.or26-task-copy {
color: #77747d;
margin: 0;
font-size: 9px;
line-height: 1.45;
}
.or26-dependency {
border-top: 1px solid #ffffff12;
margin-top: 12px;
padding-top: 9px;
}
.or26-dependency-label {
color: #615e67;
text-transform: uppercase;
font-size: 8px;
display: block;
}
.or26-dependency-value {
color: #aaa7b0;
margin-top: 4px;
font-size: 9px;
display: block;
}
.or26-approval {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #101014;
border-top: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
padding: 16px 18px;
display: grid;
}
.or26-approval-label {
color: #77747d;
text-transform: uppercase;
font-size: 9px;
display: block;
}
.or26-approval-title {
margin-top: 5px;
font-size: 12px;
display: block;
}
.or26-approval-copy {
color: #77747d;
margin: 4px 0 0;
font-size: 9px;
}
.or26-approve {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
min-height: 40px;
padding: 0 14px;
font-size: 10px;
font-weight: 700;
}
.or26-section {
border-bottom: 1px solid #ffffff14;
padding: 104px 0;
}
.or26-section-alt {
background-color: #101010;
}
.or26-editorial {
grid-column-gap: 88px;
grid-row-gap: 88px;
grid-template-rows: auto;
grid-template-columns: .82fr 1.18fr;
display: grid;
}
.or26-editorial-head {
min-width: 0;
}
.or26-rich {
max-width: 700px;
}
.or26-rich-copy {
color: #aaa7b0;
margin: 0;
font-size: 17px;
line-height: 1.8;
}
.or26-rich-gap {
margin-top: 22px;
}
.or26-section-head {
max-width: 850px;
margin-bottom: 46px;
}
.or26-state-list {
border-top: 1px solid #ffffff1a;
}
.or26-state-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 50px .65fr 1.35fr;
padding: 23px 0;
display: grid;
}
.or26-index {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.or26-state-title {
margin: 0;
font-size: 16px;
}
.or26-state-copy {
color: #8f8c96;
margin: 0;
line-height: 1.65;
}
.or26-models {
border-top: 1px solid #ffffff17;
}
.or26-model {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 21px 0;
display: grid;
}
.or26-model-title {
font-size: 14px;
}
.or26-model-copy {
color: #82808a;
margin: 5px 0 0;
line-height: 1.6;
}
.or26-boundary {
background-color: #09090a;
border-bottom: 1px solid #ffffff14;
padding: 92px 0;
}
.or26-boundary-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.or26-boundary-head {
min-width: 0;
}
.or26-boundary-copy {
color: #8f8c96;
margin: 34px 0 0;
line-height: 1.8;
}
.or26-faq {
border-top: 1px solid #ffffff1a;
}
.or26-faq-item {
border-bottom: 1px solid #ffffff17;
}
.or26-faq-summary {
color: #f1eff4;
padding: 20px 0;
font-weight: 700;
}
.or26-faq-copy {
color: #8f8c96;
max-width: 760px;
margin: 0 0 20px;
line-height: 1.7;
}
.or26-cta {
background-color: #101010;
padding: 92px 0 110px;
}
.or26-cta-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.or26-cta-content {
min-width: 0;
}
.or26-cta-copy {
color: #8f8c96;
max-width: 700px;
line-height: 1.7;
}
.or26-cta-actions {
justify-content: flex-end;
margin-top: 0;
}
.vc26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.vc26-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.vc26-hero {
border-bottom: 1px solid #ffffff14;
padding: 152px 0 104px;
}
.vc26-hero-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
align-items: center;
display: grid;
}
.vc26-copy {
min-width: 0;
}
.vc26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.vc26-h1 {
letter-spacing: -.055em;
max-width: 720px;
margin: 0;
font-size: clamp(54px, 6.2vw, 88px);
line-height: .95;
}
.vc26-h2 {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(36px, 4vw, 58px);
line-height: 1;
}
.vc26-lead {
color: #c7c5cd;
max-width: 720px;
margin: 28px 0 0;
font-size: 19px;
line-height: 1.7;
}
.vc26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.vc26-btn {
color: #f5f5f7;
border: 1px solid #ffffff21;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 18px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.vc26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.vc26-btn-secondary {
background-color: #151515;
}
.vc26-note {
color: #77747d;
max-width: 650px;
margin: 18px 0 0;
font-size: 12px;
line-height: 1.55;
}
.vc26-console {
background-color: #111113;
border: 1px solid #ffffff1a;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 34px 80px #00000057;
}
.vc26-console-head {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 16px 18px;
display: flex;
}
.vc26-console-meta {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.vc26-console-label {
color: #77747d;
font-size: 11px;
}
.vc26-console-id {
font-size: 12px;
}
.vc26-live {
color: #6ee7b7;
background-color: #34d3990f;
border: 1px solid #34d3993d;
border-radius: 999px;
padding: 5px 8px;
font-size: 10px;
font-weight: 700;
}
.vc26-scenarios {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 14px;
display: grid;
}
.vc26-scenario {
color: #85828c;
background-color: #151519;
border: 1px solid #ffffff14;
border-radius: 8px;
min-height: 38px;
font-size: 10px;
font-weight: 700;
}
.vc26-scenario-active {
color: #c4b5fd;
background-color: #18131f;
border-color: #a78bfa57;
}
.vc26-console-body {
border-top: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
display: grid;
}
.vc26-transcript {
padding: 22px;
}
.vc26-mini {
color: #a78bfa;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 10px;
font-weight: 700;
}
.vc26-turn {
background-color: #151519;
border: 1px solid #ffffff14;
border-radius: 9px;
padding: 13px;
}
.vc26-turn-agent {
background-color: #18131f;
border-color: #8b5cf633;
margin-top: 10px;
}
.vc26-speaker {
color: #77747d;
text-transform: uppercase;
font-size: 8px;
font-weight: 700;
display: block;
}
.vc26-speaker-agent {
color: #c4b5fd;
}
.vc26-turn-copy {
color: #d8d6dd;
margin: 6px 0 0;
font-size: 11px;
line-height: 1.55;
}
.vc26-stage-strip {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 14px;
display: grid;
}
.vc26-stage {
background-color: #121216;
border: 1px solid #ffffff12;
border-radius: 8px;
padding: 9px;
}
.vc26-stage-done {
border-color: #34d39933;
}
.vc26-stage-active {
background-color: #18131f;
border-color: #a78bfa4d;
}
.vc26-stage-num {
color: #615e67;
font-size: 8px;
display: block;
}
.vc26-stage-title {
margin-top: 5px;
font-size: 9px;
display: block;
}
.vc26-runtime {
background-color: #101014;
border-left: 1px solid #ffffff14;
padding: 22px;
}
.vc26-runtime-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid #ffffff12;
justify-content: space-between;
padding: 9px 0;
font-size: 10px;
display: flex;
}
.vc26-runtime-label {
color: #77747d;
}
.vc26-runtime-value {
color: #dedce2;
text-align: right;
}
.vc26-runtime-review {
color: #fbbf24;
}
.vc26-approval {
background-color: #fbbf2409;
border: 1px solid #fbbf242e;
border-radius: 9px;
margin-top: 16px;
padding: 13px;
}
.vc26-approval-label {
color: #fbbf24;
text-transform: uppercase;
font-size: 8px;
font-weight: 700;
display: block;
}
.vc26-approval-title {
margin-top: 6px;
font-size: 11px;
display: block;
}
.vc26-approval-copy {
color: #77747d;
margin: 5px 0 0;
font-size: 9px;
line-height: 1.45;
}
.vc26-approve {
color: #fff;
background-color: #7c3aed;
border-radius: 8px;
width: 100%;
min-height: 40px;
margin-top: 12px;
font-size: 10px;
font-weight: 700;
}
.vc26-section {
border-bottom: 1px solid #ffffff14;
padding: 104px 0;
}
.vc26-section-alt {
background-color: #101010;
}
.vc26-editorial {
grid-column-gap: 88px;
grid-row-gap: 88px;
grid-template-rows: auto;
grid-template-columns: .82fr 1.18fr;
display: grid;
}
.vc26-editorial-head {
min-width: 0;
}
.vc26-rich {
max-width: 700px;
}
.vc26-rich-copy {
color: #aaa7b0;
margin: 0;
font-size: 17px;
line-height: 1.8;
}
.vc26-rich-gap {
margin-top: 22px;
}
.vc26-section-head {
max-width: 850px;
margin-bottom: 46px;
}
.vc26-cases {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.vc26-case {
background-color: #121212;
border: 1px solid #ffffff17;
border-radius: 12px;
min-height: 300px;
padding: 22px;
}
.vc26-index {
color: #a78bfa;
font-size: 9px;
font-weight: 700;
}
.vc26-case-title {
letter-spacing: -.03em;
margin: 62px 0 10px;
font-size: 19px;
}
.vc26-case-copy {
color: #85828c;
margin: 0;
line-height: 1.65;
}
.vc26-case-result {
color: #c4b5fd;
margin-top: 28px;
font-size: 10px;
display: block;
}
.vc26-result-review {
color: #fbbf24;
}
.vc26-result-allow {
color: #6ee7b7;
}
.vc26-modes {
border-top: 1px solid #ffffff17;
}
.vc26-mode {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 21px 0;
display: grid;
}
.vc26-mode-body {
min-width: 0;
}
.vc26-mode-title {
font-size: 14px;
}
.vc26-mode-copy {
color: #82808a;
margin: 5px 0 0;
line-height: 1.6;
}
.vc26-handoff {
border-top: 1px solid #ffffff17;
}
.vc26-handoff-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 21px 0;
display: grid;
}
.vc26-handoff-title {
font-size: 14px;
}
.vc26-handoff-copy {
color: #82808a;
margin: 5px 0 0;
line-height: 1.6;
}
.vc26-boundary {
background-color: #09090a;
border-bottom: 1px solid #ffffff14;
padding: 92px 0;
}
.vc26-boundary-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.vc26-boundary-head {
min-width: 0;
}
.vc26-boundary-copy {
color: #8f8c96;
margin: 34px 0 0;
line-height: 1.8;
}
.vc26-faq {
border-top: 1px solid #ffffff1a;
}
.vc26-faq-item {
border-bottom: 1px solid #ffffff17;
}
.vc26-faq-summary {
color: #f1eff4;
padding: 20px 0;
font-weight: 700;
}
.vc26-faq-copy {
color: #8f8c96;
max-width: 760px;
margin: 0 0 20px;
line-height: 1.7;
}
.vc26-cta {
background-color: #101010;
padding: 92px 0 110px;
}
.vc26-cta-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.vc26-cta-content {
min-width: 0;
}
.vc26-cta-copy {
color: #8f8c96;
max-width: 700px;
line-height: 1.7;
}
.vc26-cta-actions {
justify-content: flex-end;
margin-top: 0;
}
.hm26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.hm26-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.hm26-hero {
border-bottom: 1px solid #ffffff14;
padding: 140px 0 98px;
}
.hm26-hero-grid {
grid-column-gap: 68px;
grid-row-gap: 68px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .86fr) minmax(500px, 1.14fr);
align-items: center;
display: grid;
}
.hm26-copy {
min-width: 0;
}
.hm26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.hm26-h1 {
letter-spacing: -.052em;
max-width: 700px;
margin: 0;
font-size: clamp(52px, 5.7vw, 82px);
line-height: .98;
}
.hm26-h2 {
letter-spacing: -.048em;
margin: 0;
font-size: clamp(38px, 4.25vw, 62px);
line-height: .99;
}
.hm26-lead {
color: #c7c5cd;
max-width: 660px;
margin: 26px 0 0;
font-size: 19px;
line-height: 1.62;
}
.hm26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.hm26-btn {
color: #f5f5f7;
border: 1px solid #ffffff21;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 13px 20px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.hm26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.hm26-btn-secondary {
background-color: #151515;
}
.hm26-proofline {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: flex-start;
margin-top: 22px;
display: flex;
}
.hm26-proof-dot {
background-color: #8b5cf6;
border-radius: 50%;
width: 7px;
height: 7px;
margin-top: 7px;
}
.hm26-proof-copy {
color: #77747d;
max-width: 620px;
margin: 0;
font-size: 12px;
line-height: 1.55;
}
.hm26-product {
background-color: #111112;
border: 1px solid #ffffff1f;
border-radius: 28px;
overflow: hidden;
box-shadow: 0 28px 90px #00000070;
}
.hm26-product-head {
border-bottom: 1px solid #ffffff14;
justify-content: space-between;
align-items: center;
padding: 16px 18px;
display: flex;
}
.hm26-product-meta {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.hm26-product-label {
color: #77747d;
font-size: 10px;
}
.hm26-product-id {
font-size: 12px;
}
.hm26-live {
color: #6ee7b7;
background-color: #34d3990f;
border: 1px solid #34d3993d;
border-radius: 999px;
padding: 5px 8px;
font-size: 10px;
font-weight: 700;
}
.hm26-product-flow {
padding: 8px 16px;
}
.hm26-product-step {
grid-column-gap: 14px;
grid-row-gap: 12px;
border-bottom: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 32px 1fr auto;
align-items: start;
padding: 18px 4px;
display: grid;
}
.hm26-product-step.hm26-product-step-review {
background-color: #7c3aed1a;
border-color: #a78bfa59;
border-radius: 16px;
}
.hm26-product-step-review {
background-color: #fbbf2409;
border: 1px solid #fbbf242e;
border-radius: 10px;
margin: 4px -8px;
padding: 16px 8px;
}
.hm26-step-num {
color: #615e67;
font-size: 9px;
font-weight: 700;
}
.hm26-step-body {
min-width: 0;
}
.hm26-step-title {
font-size: 12px;
display: block;
}
.hm26-step-copy {
color: #a09da7;
margin: 4px 0 0;
font-size: 10px;
}
.hm26-step-detail {
color: #66636c;
margin-top: 7px;
font-size: 8px;
display: block;
}
.hm26-step-status {
color: #6ee7b7;
font-size: 9px;
font-weight: 700;
}
.hm26-status-live {
color: #c4b5fd;
}
.hm26-status-review {
color: #fbbf24;
}
.hm26-chip-row {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
margin-top: 8px;
display: flex;
}
.hm26-chip {
color: #85828c;
background-color: #151519;
border: 1px solid #ffffff14;
border-radius: 5px;
padding: 4px 6px;
font-size: 8px;
}
.hm26-progress {
background-color: #242329;
border-radius: 999px;
height: 4px;
margin-top: 9px;
}
.hm26-progress-fill {
background-color: #8b5cf6;
border-radius: 999px;
width: 68%;
height: 100%;
display: block;
}
.hm26-authority {
background-color: #101014;
border-top: 1px solid #ffffff14;
padding: 15px 18px;
}
.hm26-authority-label {
color: #77747d;
text-transform: uppercase;
font-size: 8px;
display: block;
}
.hm26-authority-value {
color: #c4b5fd;
margin-top: 5px;
font-size: 11px;
display: block;
}
.hm26-authority-copy {
color: #77747d;
margin: 5px 0 0;
font-size: 9px;
line-height: 1.45;
}
.hm26-section {
border-bottom: 1px solid #ffffff14;
padding: 108px 0;
}
.hm26-section-alt {
background-color: #101010;
}
.hm26-editorial {
grid-column-gap: 92px;
grid-row-gap: 92px;
grid-template-rows: auto;
grid-template-columns: .82fr 1.18fr;
display: grid;
}
.hm26-editorial-head {
min-width: 0;
}
.hm26-rich {
max-width: 700px;
}
.hm26-rich-copy {
color: #aaa7b0;
margin: 0;
font-size: 17px;
line-height: 1.82;
}
.hm26-rich-gap {
margin-top: 22px;
}
.hm26-section-head {
max-width: 900px;
margin-bottom: 50px;
}
.hm26-surfaces {
border-top: 1px solid #ffffff1a;
}
.hm26-surface {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 50px 1.35fr .65fr;
align-items: start;
padding: 25px 0;
display: grid;
}
.hm26-index {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.hm26-surface-body {
min-width: 0;
}
.hm26-surface-title {
margin: 0;
font-size: 19px;
}
.hm26-surface-copy {
color: #8f8c96;
max-width: 650px;
margin: 7px 0 0;
line-height: 1.65;
}
.hm26-surface-fit {
color: #6ee7b7;
text-align: right;
font-size: 10px;
}
.hm26-surface-link {
color: #c4b5fd;
text-align: right;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.hm26-authority-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.hm26-authority-card {
background-color: #121212;
border: 1px solid #ffffff17;
border-radius: 12px;
min-height: 230px;
padding: 20px;
}
.hm26-card-title {
margin: 60px 0 8px;
font-size: 18px;
}
.hm26-card-copy {
color: #85828c;
margin: 0;
line-height: 1.65;
}
.hm26-inline-actions {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
margin-top: 30px;
display: flex;
}
.hm26-text-link {
color: #c4b5fd;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.hm26-offers {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .925fr .925fr;
display: grid;
}
.hm26-offer {
background-color: #121212;
border: 1px solid #ffffff17;
border-radius: 14px;
flex-direction: column;
min-height: 360px;
padding: 24px;
display: flex;
}
.hm26-offer-primary {
background-color: #15121a;
border-color: #8b5cf642;
}
.hm26-offer-tag {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.hm26-offer-title {
letter-spacing: -.035em;
margin: 72px 0 10px;
font-size: 23px;
}
.hm26-offer-copy {
color: #8f8c96;
margin: 0;
line-height: 1.68;
}
.hm26-offer-link {
color: #c4b5fd;
margin-top: auto;
padding-top: 28px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.hm26-rollout {
border-top: 1px solid #ffffff17;
}
.hm26-rollout-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 22px 0;
display: grid;
}
.hm26-rollout-title {
font-size: 14px;
}
.hm26-rollout-copy {
color: #82808a;
margin: 5px 0 0;
line-height: 1.6;
}
.hm26-cta {
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
padding: 96px 0 116px;
}
.hm26-cta-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.hm26-cta-content {
min-width: 0;
}
.hm26-cta-copy {
color: #8f8c96;
max-width: 700px;
margin: 18px 0 0;
line-height: 1.7;
}
.hm26-cta-actions {
justify-content: flex-end;
margin-top: 0;
}
.co26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.co26-shell {
width: min(1160px, 100% - 48px);
margin: 0 auto;
}
.co26-hero {
padding: 144px 0 76px;
}
.co26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 11px;
font-weight: 700;
}
.co26-h1 {
letter-spacing: -.055em;
max-width: 930px;
margin: 0;
font-size: clamp(56px, 6.2vw, 90px);
line-height: .96;
}
.co26-h2 {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(38px, 4vw, 60px);
line-height: 1;
}
.co26-lead {
color: #aaa7b1;
max-width: 760px;
margin: 26px 0 0;
font-size: 18px;
line-height: 1.72;
}
.co26-routes {
padding: 0 0 108px;
}
.co26-route-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .925fr .925fr;
display: grid;
}
.co26-route {
background-color: #111112;
border: 1px solid #ffffff17;
border-radius: 14px;
flex-direction: column;
min-height: 520px;
padding: 26px;
display: flex;
}
.co26-route-primary {
background-color: #15121a;
border-color: #8b5cf64d;
}
.co26-route-num {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.co26-route-title {
letter-spacing: -.04em;
margin: 66px 0 12px;
font-size: 26px;
line-height: 1.08;
}
.co26-route-copy {
color: #9a97a1;
margin: 0;
line-height: 1.68;
}
.co26-facts {
border-top: 1px solid #ffffff14;
margin-top: 30px;
}
.co26-fact {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-bottom: 1px solid #ffffff12;
grid-template-rows: auto;
grid-template-columns: 74px 1fr;
padding: 11px 0;
display: grid;
}
.co26-fact-label {
color: #d8d6dd;
font-size: 10px;
}
.co26-fact-copy {
color: #77747d;
font-size: 10px;
line-height: 1.45;
}
.co26-actions {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: auto;
padding-top: 28px;
display: flex;
}
.co26-btn {
color: #f5f5f7;
border: 1px solid #ffffff1c;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 10px 14px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.co26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.co26-btn-secondary {
background-color: #151515;
}
.co26-method {
background-color: #101010;
border-top: 1px solid #ffffff14;
padding: 96px 0;
}
.co26-method-grid {
grid-column-gap: 76px;
grid-row-gap: 76px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
display: grid;
}
.co26-method-head {
min-width: 0;
}
.co26-method-copy {
color: #aaa7b1;
margin: 34px 0 0;
font-size: 18px;
line-height: 1.72;
}
.co26-steps {
border-top: 1px solid #ffffff17;
border-left: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 52px;
display: grid;
}
.co26-step {
border-bottom: 1px solid #ffffff17;
border-right: 1px solid #ffffff17;
min-height: 205px;
padding: 20px;
}
.co26-step-num {
color: #a78bfa;
margin-bottom: 44px;
font-size: 9px;
font-weight: 700;
display: block;
}
.co26-step-title {
font-size: 14px;
}
.co26-step-copy {
color: #7d7984;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.6;
}
.co26-direct {
border-top: 1px solid #ffffff14;
padding: 88px 0 106px;
}
.co26-direct-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.co26-direct-head {
min-width: 0;
}
.co26-direct-copy {
color: #85818d;
max-width: 680px;
margin: 17px 0 0;
line-height: 1.7;
}
.co26-mail {
color: #f5f5f7;
border-bottom: 1px solid #7c3aed;
padding-bottom: 5px;
font-size: clamp(22px, 2.5vw, 32px);
font-weight: 700;
text-decoration: none;
}
.dx26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.dx26-shell {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.dx26-hero {
padding: 132px 0 72px;
}
.dx26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 11px;
font-weight: 700;
}
.dx26-h1 {
letter-spacing: -.055em;
max-width: 930px;
margin: 0;
font-size: clamp(56px, 6vw, 88px);
line-height: .97;
}
.dx26-h2 {
letter-spacing: -.045em;
max-width: 780px;
margin: 0;
font-size: clamp(36px, 3.8vw, 56px);
line-height: 1.02;
}
.dx26-lead {
color: #aaa7b1;
max-width: 820px;
margin: 25px 0 0;
font-size: 18px;
line-height: 1.72;
}
.dx26-chips {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 26px;
display: flex;
}
.dx26-chip {
color: #77727d;
border: 1px solid #ffffff1a;
border-radius: 6px;
padding: 7px 10px;
font-size: 10px;
font-weight: 700;
}
.dx26-layout {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 220px minmax(0, 1fr);
padding-bottom: 110px;
display: grid;
}
.dx26-nav {
border-top: 1px solid #ffffff1a;
align-self: start;
position: sticky;
top: 116px;
}
.dx26-nav-link {
color: #8c8791;
border-bottom: 1px solid #ffffff14;
padding: 13px 0;
font-size: 12px;
text-decoration: none;
display: block;
}
.dx26-content {
min-width: 0;
}
.dx26-section {
border-top: 1px solid #ffffff1a;
padding: 44px 0 64px;
}
.dx26-section-k {
color: #a78bfa;
letter-spacing: .07em;
text-transform: uppercase;
margin: 0 0 12px;
font-size: 10px;
font-weight: 700;
}
.dx26-section-lead {
color: #94909a;
max-width: 760px;
margin: 16px 0 0;
line-height: 1.7;
}
.dx26-steps {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 34px;
display: grid;
}
.dx26-step {
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
min-height: 200px;
padding: 18px;
}
.dx26-step-num {
color: #a78bfa;
margin-bottom: 40px;
font-size: 9px;
font-weight: 700;
display: block;
}
.dx26-step-title {
font-size: 14px;
}
.dx26-step-copy {
color: #77727d;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.55;
}
.dx26-rows {
border-top: 1px solid #ffffff1a;
margin-top: 32px;
}
.dx26-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 150px minmax(0, 1fr) auto;
align-items: start;
padding: 22px 0;
display: grid;
}
.dx26-row-name {
font-size: 14px;
}
.dx26-row-copy {
color: #8e8994;
margin: 0;
font-size: 13px;
line-height: 1.65;
}
.dx26-row-tag {
color: #77727d;
text-transform: uppercase;
border: 1px solid #ffffff1a;
border-radius: 5px;
padding: 6px 8px;
font-size: 9px;
font-weight: 700;
}
.dx26-grid {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin-top: 32px;
display: grid;
}
.dx26-card {
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
min-height: 210px;
padding: 24px;
}
.dx26-card-label {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
display: block;
}
.dx26-card-title {
margin-top: 42px;
font-size: 17px;
display: block;
}
.dx26-card-copy {
color: #807b86;
margin: 9px 0 0;
font-size: 12px;
line-height: 1.6;
}
.dx26-deep {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 30px;
display: grid;
}
.dx26-deep-link {
color: #f5f5f7;
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
min-height: 150px;
padding: 18px;
text-decoration: none;
}
.dx26-deep-label {
color: #77727d;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
display: block;
}
.dx26-deep-title {
margin-top: 42px;
font-size: 14px;
display: block;
}
.dx26-deep-arrow {
color: #a78bfa;
margin-top: 8px;
font-size: 12px;
display: block;
}
.dx26-status {
background-color: #101010;
border-top: 1px solid #ffffff14;
padding: 78px 0 98px;
}
.dx26-status-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
display: grid;
}
.dx26-status-head {
min-width: 0;
}
.dx26-status-list {
border-top: 1px solid #ffffff1a;
}
.dx26-status-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
padding: 14px 0;
display: grid;
}
.dx26-status-name {
color: #aaa7b1;
font-size: 12px;
}
.dx26-state {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
}
.ab26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.ab26-shell {
width: min(1160px, 100% - 48px);
margin: 0 auto;
}
.ab26-hero {
border-bottom: 1px solid #ffffff14;
padding: 148px 0 104px;
}
.ab26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.ab26-h1 {
letter-spacing: -.056em;
max-width: 940px;
margin: 0;
font-size: clamp(58px, 6.4vw, 92px);
line-height: .95;
}
.ab26-h2 {
letter-spacing: -.046em;
margin: 0;
font-size: clamp(38px, 4.1vw, 60px);
line-height: 1;
}
.ab26-lead {
color: #aaa7b1;
max-width: 790px;
margin: 26px 0 0;
font-size: 19px;
line-height: 1.72;
}
.ab26-hero-grid {
grid-column-gap: 84px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: 1fr 360px;
align-items: end;
margin-top: 78px;
display: grid;
}
.ab26-thesis {
color: #9b98a2;
max-width: 680px;
margin: 0;
font-size: 16px;
line-height: 1.8;
}
.ab26-facts {
border-top: 1px solid #ffffff1a;
}
.ab26-fact {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 105px 1fr;
padding: 13px 0;
display: grid;
}
.ab26-fact-label {
color: #716e78;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.ab26-fact-value {
color: #d7d5dc;
font-size: 12px;
}
.ab26-fact-link {
color: #c4b5fd;
font-size: 12px;
text-decoration: none;
}
.ab26-section {
border-bottom: 1px solid #ffffff14;
padding: 108px 0;
}
.ab26-section-alt {
background-color: #101010;
}
.ab26-editorial {
grid-column-gap: 84px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: .72fr 1.28fr;
display: grid;
}
.ab26-editorial-head {
min-width: 0;
}
.ab26-rich {
max-width: 720px;
}
.ab26-rich-copy {
color: #c7c5cd;
margin: 0;
font-size: 18px;
line-height: 1.78;
}
.ab26-rich-gap {
color: #8f8c96;
margin-top: 24px;
}
.ab26-section-head {
max-width: 850px;
margin-bottom: 50px;
}
.ab26-principles {
border-top: 1px solid #ffffff1a;
}
.ab26-principle {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 50px .8fr 1.2fr;
padding: 24px 0;
display: grid;
}
.ab26-index {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.ab26-principle-title {
margin: 0;
font-size: 16px;
}
.ab26-principle-copy {
color: #85828c;
margin: 0;
line-height: 1.68;
}
.ab26-layers {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1.12fr .94fr .94fr;
display: grid;
}
.ab26-layer {
background-color: #121212;
border: 1px solid #ffffff17;
border-radius: 14px;
flex-direction: column;
min-height: 340px;
padding: 24px;
display: flex;
}
.ab26-layer-primary {
background-color: #15121a;
border-color: #8b5cf647;
}
.ab26-layer-tag {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.ab26-layer-title {
letter-spacing: -.035em;
margin: 70px 0 10px;
font-size: 22px;
}
.ab26-layer-copy {
color: #8f8c96;
margin: 0;
line-height: 1.68;
}
.ab26-layer-link {
color: #c4b5fd;
margin-top: auto;
padding-top: 28px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.ab26-steps {
border-top: 1px solid #ffffff17;
}
.ab26-step {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 20px 0;
display: grid;
}
.ab26-step-title {
font-size: 14px;
}
.ab26-step-copy {
color: #7f7c86;
margin: 5px 0 0;
font-size: 12px;
line-height: 1.58;
}
.ab26-boundary {
background-color: #09090a;
border-bottom: 1px solid #ffffff14;
padding: 94px 0;
}
.ab26-boundary-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ab26-boundary-head {
min-width: 0;
}
.ab26-boundary-copy {
color: #aaa7b1;
margin: 34px 0 0;
line-height: 1.8;
}
.ab26-cta {
background-color: #101010;
padding: 94px 0 112px;
}
.ab26-cta-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
display: grid;
}
.ab26-cta-content {
min-width: 0;
}
.ab26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
display: flex;
}
.ab26-btn {
color: #f5f5f7;
border: 1px solid #ffffff21;
border-radius: 10px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 18px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.ab26-btn-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.ab26-btn-secondary {
background-color: #151515;
}
.cl26-page {
color: #f5f5f7;
background-color: #0d0d0d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.cl26-shell {
width: min(1120px, 100% - 48px);
margin: 0 auto;
}
.cl26-hero {
border-bottom: 1px solid #ffffff14;
padding: 140px 0 92px;
}
.cl26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 18px;
font-size: 11px;
font-weight: 700;
}
.cl26-h1 {
letter-spacing: -.052em;
max-width: 900px;
margin: 0;
font-size: clamp(56px, 5.8vw, 86px);
line-height: .97;
}
.cl26-h2 {
letter-spacing: -.045em;
margin: 0;
font-size: clamp(36px, 3.8vw, 56px);
line-height: 1.02;
}
.cl26-lead {
color: #c9c8cf;
max-width: 760px;
margin: 24px 0 0;
font-size: 18px;
line-height: 1.72;
}
.cl26-boundary-note {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-top: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 90px 1fr;
max-width: 800px;
margin-top: 28px;
padding-top: 18px;
display: grid;
}
.cl26-boundary-tag {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.cl26-boundary-copy {
color: #77747d;
margin: 0;
font-size: 12px;
line-height: 1.62;
}
.cl26-section {
border-bottom: 1px solid #ffffff14;
padding: 104px 0;
}
.cl26-section-alt {
background-color: #101010;
}
.cl26-section-grid {
grid-column-gap: 76px;
grid-row-gap: 76px;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
display: grid;
}
.cl26-section-head {
min-width: 0;
}
.cl26-section-copy {
color: #8f8c96;
margin: 34px 0 0;
font-size: 17px;
line-height: 1.72;
}
.cl26-snapshots {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 52px;
display: grid;
}
.cl26-snapshot {
background-color: #111112;
border: 1px solid #ffffff17;
border-radius: 12px;
flex-direction: column;
min-height: 340px;
padding: 24px;
display: flex;
}
.cl26-snap-head {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
display: flex;
}
.cl26-snap-tag {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.cl26-status {
color: #6ee7b7;
text-transform: uppercase;
border: 1px solid #34d3992e;
border-radius: 5px;
padding: 5px 7px;
font-size: 8px;
font-weight: 700;
}
.cl26-status-open {
color: #fbbf24;
border-color: #fbbf242e;
}
.cl26-snap-title {
letter-spacing: -.035em;
margin: 58px 0 10px;
font-size: 20px;
line-height: 1.18;
}
.cl26-snap-copy {
color: #8f8c96;
margin: 0;
font-size: 13px;
line-height: 1.66;
}
.cl26-caveat {
color: #68656e;
margin-top: auto;
padding-top: 28px;
font-size: 11px;
line-height: 1.55;
}
.cl26-history {
border-top: 1px solid #ffffff1a;
margin-top: 56px;
}
.cl26-entry {
grid-column-gap: 54px;
grid-row-gap: 54px;
border-bottom: 1px solid #ffffff17;
grid-template-rows: auto;
grid-template-columns: 180px 1fr;
padding: 32px 0;
display: grid;
}
.cl26-entry-meta {
min-width: 0;
}
.cl26-date {
color: #e8e6eb;
font-size: 11px;
font-weight: 700;
display: block;
}
.cl26-category {
color: #a78bfa;
text-transform: uppercase;
border: 1px solid #ffffff1a;
border-radius: 5px;
margin-top: 12px;
padding: 6px 8px;
font-size: 8px;
font-weight: 700;
display: inline-block;
}
.cl26-entry-body {
min-width: 0;
}
.cl26-entry-title {
letter-spacing: -.035em;
margin: 0;
font-size: 28px;
}
.cl26-entry-copy {
color: #8f8c96;
max-width: 760px;
margin: 12px 0 0;
line-height: 1.72;
}
.cl26-origin {
color: #66636c;
margin-top: 14px;
font-size: 9px;
font-weight: 700;
display: block;
}
.cl26-standard {
background-color: #09090a;
padding: 96px 0 108px;
}
.cl26-standard-grid {
grid-column-gap: 76px;
grid-row-gap: 76px;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
display: grid;
}
.cl26-standard-head {
min-width: 0;
}
.cl26-rules {
border-top: 1px solid #ffffff17;
}
.cl26-rule {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
padding: 20px 0;
display: grid;
}
.cl26-index {
color: #7c3aed;
font-size: 10px;
font-weight: 700;
}
.cl26-rule-title {
font-size: 14px;
}
.cl26-rule-copy {
color: #85828c;
margin: 5px 0 0;
font-size: 12px;
line-height: 1.58;
}
.sr26-router {
color: #f5f5f7;
background-color: #0d0d0d;
width: 100%;
}
.sr26-shell {
width: min(1160px, 100% - 48px);
margin: 0 auto;
padding: 20px 0 78px;
}
.sr26-head {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: end;
margin-bottom: 24px;
display: grid;
}
.sr26-title {
letter-spacing: -.04em;
font-size: 36px;
}
.sr26-copy {
color: #85828c;
max-width: 520px;
margin: 0;
font-size: 13px;
line-height: 1.65;
}
.sr26-grid {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .9fr;
display: grid;
}
.sr26-link {
color: #f5f5f7;
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
flex-direction: column;
min-height: 190px;
padding: 22px;
text-decoration: none;
display: flex;
}
.sr26-label {
color: #a78bfa;
text-transform: uppercase;
margin-bottom: 42px;
font-size: 9px;
font-weight: 700;
display: block;
}
.sr26-link-title {
font-size: 16px;
}
.sr26-link-copy {
color: #7f7c86;
margin: 9px 0 0;
font-size: 12px;
line-height: 1.62;
}
.sr26-arrow {
color: #c4b5fd;
text-transform: uppercase;
margin-top: auto;
padding-top: 20px;
font-size: 10px;
font-weight: 700;
display: block;
}
.sc26-section {
color: #f5f5f7;
background-color: #0d0d0d;
width: 100%;
padding: 92px 0;
}
.sc26-shell {
width: min(1160px, 100% - 48px);
margin: 0 auto;
}
.sc26-head {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr .62fr;
align-items: end;
margin-bottom: 38px;
display: grid;
}
.sc26-head-copy {
min-width: 0;
}
.sc26-eyebrow {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 14px;
font-size: 10px;
font-weight: 700;
}
.sc26-h2 {
letter-spacing: -.047em;
max-width: 780px;
margin: 0;
font-size: clamp(36px, 3.6vw, 55px);
line-height: 1.04;
}
.sc26-intro {
color: #85828c;
margin: 0;
line-height: 1.7;
}
.sc26-grid {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.sc26-item {
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
min-height: 238px;
padding: 23px;
}
.sc26-index {
color: #a78bfa;
text-transform: uppercase;
margin-bottom: 52px;
font-size: 9px;
font-weight: 700;
display: block;
}
.sc26-title {
font-size: 16px;
display: block;
}
.sc26-copy {
color: #7f7c86;
margin: 9px 0 0;
font-size: 12px;
line-height: 1.64;
}
.sc26-tag {
color: #bdb9c4;
text-transform: uppercase;
border: 1px solid #ffffff1f;
border-radius: 5px;
margin-top: 18px;
padding: 6px 8px;
font-size: 8px;
font-weight: 700;
display: inline-block;
}
.sc26-footer {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #101012;
border: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
margin-top: 22px;
padding: 20px;
display: grid;
}
.sc26-footer-copy {
color: #8b8791;
margin: 0;
font-size: 12px;
line-height: 1.65;
}
.sc26-link {
color: #c4b5fd;
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.rr26-router {
color: #f5f5f7;
background-color: #0d0d0d;
width: 100%;
}
.rr26-shell {
width: min(1120px, 100% - 48px);
margin: 0 auto;
padding: 18px 0 74px;
}
.rr26-head {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: end;
margin-bottom: 20px;
display: grid;
}
.rr26-title {
letter-spacing: -.04em;
font-size: 34px;
}
.rr26-copy {
color: #83808a;
max-width: 520px;
margin: 0;
font-size: 13px;
line-height: 1.65;
}
.rr26-grid {
border-top: 1px solid #ffffff1a;
border-left: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rr26-link {
color: #f5f5f7;
border-bottom: 1px solid #ffffff1a;
border-right: 1px solid #ffffff1a;
flex-direction: column;
min-height: 170px;
padding: 20px;
text-decoration: none;
display: flex;
}
.rr26-label {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
display: block;
}
.rr26-link-title {
margin-top: 30px;
font-size: 16px;
display: block;
}
.rr26-link-copy {
color: #7f7c86;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.6;
}
.rr26-arrow {
color: #c4b5fd;
text-transform: uppercase;
margin-top: auto;
padding-top: 18px;
font-size: 10px;
font-weight: 700;
display: block;
}
.gv26-state-allow {
color: #6ee7b7;
background-color: #34d3990f;
border-color: #34d3993d;
}
.gv26-state-deny {
color: #fca5a5;
background-color: #f871710f;
border-color: #f8717142;
}
.gv26-risk-low {
color: #6ee7b7;
}
.gv26-risk-high {
color: #fca5a5;
}
.gv26-approve-disabled {
color: #77747d;
background-color: #252429;
}
.or26-status-running {
color: #c4b5fd;
background-color: #8b5cf60f;
border-color: #a78bfa42;
}
.or26-status-complete {
color: #6ee7b7;
background-color: #34d3990f;
border-color: #34d3993d;
}
.or26-task-approved {
background-color: #34d3990a;
border-color: #34d3993d;
}
.or26-approve-disabled {
color: #77747d;
background-color: #252429;
}
.vc26-runtime-allow {
color: #6ee7b7;
}
.vc26-runtime-handoff {
color: #c4b5fd;
}
.vc26-hidden {
display: none;
}
.vc26-approve-disabled {
color: #77747d;
background-color: #252429;
}
.nv26-nav {
color: #f5f5f7;
width: 100%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.nv26-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
width: min(1200px, 100% - 40px);
height: 72px;
margin: 0 auto;
display: flex;
position: relative;
}
.nv26-brand {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f5f5f7;
flex: none;
align-items: center;
text-decoration: none;
display: flex;
}
.nv26-mark {
color: #c4b5fd;
background-color: #151515;
border: 1px solid #ffffff24;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 12px;
font-weight: 800;
display: flex;
}
.nv26-word {
letter-spacing: .08em;
font-size: 12px;
}
.nv26-desktop {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.nv26-menu {
position: relative;
}
.nv26-menu-summary {
color: #b9b6bf;
cursor: pointer;
border-radius: 7px;
padding: 10px 9px;
font-size: 12px;
font-weight: 650;
list-style: none;
}
.nv26-menu-summary:hover {
color: #fff;
background-color: #171717;
}
.nv26-nav-link {
color: #b9b6bf;
border-radius: 7px;
padding: 10px 9px;
font-size: 12px;
font-weight: 650;
text-decoration: none;
}
.nv26-nav-link:hover {
color: #fff;
background-color: #171717;
}
.nv26-dropdown {
z-index: 1200;
background-color: #111112;
border: 1px solid #ffffff1c;
border-radius: 12px;
width: 276px;
padding: 7px;
position: absolute;
top: 45px;
left: -10px;
box-shadow: 0 22px 60px #00000061;
}
.nv26-dropdown-right {
left: auto;
right: -10px;
}
.nv26-drop-link {
color: #f5f5f7;
border-radius: 8px;
padding: 11px 12px;
text-decoration: none;
display: block;
}
.nv26-drop-link:hover {
background-color: #19171d;
}
.nv26-drop-link:focus-visible, .nv26-drop-link[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #a78bfa;
}
.nv26-drop-title {
font-size: 12px;
display: block;
}
.nv26-drop-copy {
color: #77747d;
margin-top: 3px;
font-size: 10px;
line-height: 1.4;
display: block;
}
.nv26-actions {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: none;
align-items: center;
display: flex;
}
.nv26-login {
color: #a9a6af;
padding: 10px 8px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.nv26-login-hidden {
display: none;
}
.nv26-cta-secondary {
color: #f5f5f7;
background-color: #111112;
border: 1px solid #ffffff1c;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0 13px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.nv26-cta-secondary:hover {
background-color: #19171d;
border-color: #c4b5fd57;
}
.nv26-cta-primary {
color: #fff;
background-color: #7c3aed;
border: 1px solid #8b5cf6;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 40px;
padding: 0 14px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.nv26-cta-primary:hover {
background-color: #6d28d9;
border-color: #a78bfa;
}
.nv26-mobile {
margin-left: auto;
display: none;
}
.nv26-mobile-summary {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f5f5f7;
cursor: pointer;
background-color: #121212;
border: 1px solid #ffffff1c;
border-radius: 9px;
justify-content: space-between;
align-items: center;
min-width: 76px;
height: 42px;
padding: 0 11px;
list-style: none;
display: flex;
}
.nv26-mobile-label {
font-size: 11px;
font-weight: 700;
}
.nv26-mobile-icon {
font-size: 16px;
}
.nv26-mobile-panel {
z-index: 1300;
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
border-bottom: 1px solid #ffffff1a;
max-height: calc(100vh - 74px);
padding: 18px;
position: absolute;
top: 64px;
left: -14px;
right: -14px;
overflow: auto;
box-shadow: 0 28px 70px #0000006b;
}
.nv26-mobile-grid {
grid-column-gap: 30px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.nv26-mobile-group {
flex-direction: column;
display: flex;
}
.nv26-mobile-group-title {
color: #a78bfa;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 9px;
font-weight: 700;
}
.nv26-mobile-link {
color: #d6d3da;
border-bottom: 1px solid #ffffff0f;
padding: 8px 0;
font-size: 13px;
text-decoration: none;
}
.nv26-mobile-link:focus-visible, .nv26-mobile-link[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #a78bfa;
}
.nv26-mobile-actions {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #ffffff14;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 22px;
padding-top: 16px;
display: grid;
}
.nv26-mobile-login {
color: #aaa7b0;
grid-column: 1 / -1;
padding: 8px 0;
font-size: 11px;
text-decoration: none;
}
.nv26-mobile-assess {
color: #fff;
background-color: #121212;
border: 1px solid #ffffff1c;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 46px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.nv26-mobile-talk {
color: #fff;
background-color: #7c3aed;
border: 1px solid #8b5cf6;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 46px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.rt26-page {
color: #f5f5f7;
background-color: #0d0d0d;
min-height: 70vh;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}
.rt26-shell {
width: min(1080px, 100% - 48px);
margin: 0 auto;
}
.rt26-hero {
padding: 150px 0 116px;
}
.rt26-eyebrow {
color: #a78bfa;
letter-spacing: .13em;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 11px;
font-weight: 700;
}
.rt26-h1 {
letter-spacing: -.055em;
max-width: 850px;
margin: 0;
font-size: clamp(54px, 6vw, 84px);
line-height: .96;
}
.rt26-lead {
color: #aaa7b1;
max-width: 760px;
margin: 26px 0 0;
font-size: 18px;
line-height: 1.72;
}
.rt26-routes {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1.1fr .95fr .95fr;
margin-top: 56px;
display: grid;
}
.rt26-route {
color: #f5f5f7;
background-color: #111112;
border: 1px solid #ffffff17;
border-radius: 12px;
flex-direction: column;
min-height: 250px;
padding: 22px;
text-decoration: none;
display: flex;
}
.rt26-route-primary {
background-color: #15121a;
border-color: #8b5cf647;
}
.rt26-route-label {
color: #a78bfa;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
}
.rt26-route-title {
margin-top: 44px;
font-size: 20px;
display: block;
}
.rt26-route-copy {
color: #85828c;
margin: 8px 0 0;
font-size: 12px;
line-height: 1.62;
}
.rt26-arrow {
color: #c4b5fd;
text-transform: uppercase;
margin-top: auto;
padding-top: 20px;
font-size: 10px;
font-weight: 700;
display: block;
}
.nf27-recovery {
width: 100%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.nf27-copy {
color: #8f8c96;
max-width: 520px;
margin: 12px auto 0;
line-height: 1.65;
}
.nf27-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
margin-top: 24px;
display: flex;
}
.nf27-link {
color: #f5f5f7;
background-color: #121214;
border: 1px solid #ffffff1f;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 44px;
padding: 0 15px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.nf27-link:hover {
background-color: #19171d;
border-color: #c4b5fd52;
}
.nf27-link-primary {
background-color: #7c3aed;
border-color: #8b5cf6;
}
.nf27-link-primary:hover {
background-color: #6d28d9;
border-color: #a78bfa;
}
.agp26-section {
color: #f6f4ff;
background-color: #0d0d0d;
border-top: 1px solid #ffffff14;
padding: 110px 24px;
}
.agp26-shell {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.agp26-head {
max-width: 760px;
margin-bottom: 34px;
}
.agp26-eyebrow {
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-weight: 760;
}
.agp26-title {
color: #fff;
letter-spacing: -.055em;
margin-top: 0;
margin-bottom: 18px;
font-size: 48px;
font-weight: 760;
line-height: .98;
}
.agp26-lead {
color: #b8b3c7;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 1.6;
}
.agp26-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
display: grid;
}
.agp26-card {
color: #fff;
background-color: #121114;
border: 1px solid #ffffff1b;
flex-direction: column;
min-height: 300px;
padding: 22px 20px 20px;
text-decoration: none;
display: flex;
}
.agp26-card:hover {
background-color: #15131a;
border-color: #a78bfa73;
}
.agp26-index {
color: #7c3cff;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 58px;
font-size: 12px;
font-weight: 800;
}
.agp26-card-title {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 12px;
font-size: 22px;
line-height: 1.05;
}
.agp26-card-copy {
color: #aaa4b8;
margin-top: 0;
margin-bottom: auto;
font-size: 14px;
line-height: 1.55;
}
.agp26-card-meta {
color: #d8d3e8;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 22px;
font-size: 11px;
font-weight: 760;
}
.agp26-band {
grid-column-gap: 22px;
grid-row-gap: 22px;
background-color: #ffffff06;
border: 1px solid #ffffff1b;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
align-items: center;
margin-top: 12px;
padding: 22px 24px;
display: grid;
}
.agp26-band-label {
color: #a78bfa;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 11px;
font-weight: 800;
}
.agp26-band-copy {
color: #b9b4c8;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 1.55;
}
.agp26-cta {
color: #fff;
background-color: #7c3cff;
border: 1px solid #ffffff29;
justify-content: center;
align-items: center;
min-height: 46px;
padding-left: 16px;
padding-right: 16px;
font-size: 13px;
font-weight: 760;
text-decoration: none;
display: inline-flex;
}
.br26-faq-card-grid {
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 32px;
display: grid;
}
.br26-faq-card {
background-color: #111113;
border: 1px solid #ffffff1a;
border-radius: 18px;
min-height: 190px;
padding: 24px;
}
.br26-faq-card-title {
color: #f4f2f7;
margin-bottom: 14px;
font-size: 17px;
font-weight: 700;
line-height: 1.35;
}
.br26-faq-card-copy {
color: #a09ca8;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1.65;
}
@media screen and (min-width: 1440px) {
.h3-heading {
align-self: auto;
}
.nav-menu {
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.header-grid-general {
grid-template-columns: 1.5fr;
align-self: auto;
}
.header-grid-general.header-grid-extention-convo {
display: block;
}
.logo-block {
flex-flow: column;
justify-content: center;
position: static;
}
.banner {
background-color: var(--transparent);
}
.caption.text-color-gray-300 {
background-color: var(--black);
background-color: #000;
width: 5000px;
}
.nav-wrapper {
grid-column-gap: 120px;
}
.avatar-row {
justify-content: center;
}
.nav-button-wrap {
margin-left: 10%;
}
.button-primary-l.icon-left {
justify-content: center;
}
.wrap-v-x-large {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 0%;
}
.wrap-v-x-large.different-space {
justify-content: center;
align-items: center;
}
.header-section-l {
overflow: clip;
}
.button-secondary-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: row;
justify-content: center;
margin-left: 140px;
}
.button-secondary-l:hover {
border: 1px solid var(--lila);
background-color: var(--transparent);
}
.wrap-h-large.align-center.wrap-children {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
place-content: stretch center;
align-items: center;
margin-top: 0;
padding-top: 10px;
}
.subheading-small {
text-align: center;
margin-top: 20px;
margin-bottom: 0;
padding-left: 0;
padding-right: 40px;
text-decoration: none;
position: static;
}
.paragraph-large.text-weight-semi-bold {
color: var(--grau-timo);
}
.m-timeline-button-primary-icon {
border-color: var(--transparent);
}
.m-icon-regular {
align-self: center;
}
.m-button-primary-small {
flex-flow: row;
justify-content: center;
align-items: center;
min-width: 0;
}
.m-button-primary-small.untereinander {
flex-flow: row;
justify-content: center;
}
.m-template-info-wrapper {
justify-content: center;
}
.m-timeline-button-wrapper {
flex: 0 auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.m-timeline-button-filled-light {
width: 150px;
height: auto;
}
.h5-heading.text-color-white, .h2-heading-2.text-color-white, .paragraph-regular.text-color-gray-500 {
color: var(--grau-timo);
}
.cta-section {
background-color: var(--bg);
}
.pricing-grid {
grid-column-gap: 14px;
grid-template-columns: 1fr 1fr 1fr;
}
.paragraph-regular-2.text-color-gray-500 {
font-size: 16px;
}
.paragraph-regular-2.text-color-gray-500.additonal-min {
clear: none;
text-align: center;
flex: 1;
align-self: auto;
font-size: 12px;
position: static;
}
.footer-block {
width: auto;
margin-top: 10%;
}
.footer-feature-wrapper {
background-color: var(--grau-2);
width: 100.002%;
height: 150px;
margin-top: auto;
margin-bottom: 2%;
font-size: 8px;
}
.text-block-2:hover {
color: var(--lila);
}
.text-block-3 {
flex: 0 auto;
order: 0;
align-self: auto;
}
.looped-text {
background-color: var(--transparent);
}
.div-block {
float: none;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5%;
margin-bottom: 5%;
display: block;
position: static;
}
.image-6 {
align-self: auto;
position: static;
}
.lottie-animation {
width: 100%;
min-width: 550px;
height: 100%;
min-height: auto;
margin-top: 0;
margin-left: 15%;
padding-left: 0;
}
.image-7 {
max-height: 1000px;
margin-top: 0;
padding-top: 0;
}
.nav-dropdown-toggle {
border: 0px solid var(--bg);
border-radius: 0;
}
.hero-wrapper {
flex-flow: row;
}
.text-block-19 {
border-radius: 20px;
flex-flow: row;
display: flex;
}
.hero {
grid-column-gap: 0px;
grid-row-gap: 0px;
transform: translate(0);
}
.feature-card-grid-top {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr 1.25fr 1.75fr;
grid-auto-rows: 200px;
}
.feature-card {
box-shadow: none;
}
.brix---cta-v3-floating-item-02-2 {
margin-top: 20px;
}
.brix---form-grid-2-columns {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.brix---grid-1-column-gap-row-16px {
background-color: var(--bg);
}
.brix---heading-h2-size {
color: var(--white);
display: block;
position: static;
}
.brix---z-index-1 {
margin-left: auto;
margin-right: auto;
}
.brix---cta-section {
margin-top: 0;
padding-top: 170px;
}
.closed-beta {
color: var(--red);
margin-right: 40px;
}
.brix---tabs-wrapper {
flex-flow: column;
display: block;
}
.top_section {
background-color: var(--bg);
}
.brix---heading-h2-size-4 {
color: red;
}
.hero-without-image {
background-color: var(--black);
}
.margin-bottom-24px-3, .heading-6 {
color: var(--grau-timo);
}
.text-block-20 {
flex-flow: row;
display: flex;
}
.closed-beta-2 {
color: red;
margin-right: 40px;
}
.button-secondary-l-3:hover {
background-color: #0000;
border: 1px solid #8f6ee7;
}
.text-block-21:hover {
color: #8f6ee7;
}
.text-block-22 {
color: var(--red);
}
.image-22 {
width: auto;
max-width: 150%;
height: 100vh;
}
.bold-text-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.text-span-10 {
color: var(--white);
}
.text-block-24 {
flex: 0 auto;
}
.panel1 {
width: 80vh;
}
.panel3, .panel4 {
background-image: none;
}
.panel5 {
background-image: none;
width: 80vh;
height: 100%;
}
.italic-text-4 {
justify-content: center;
align-items: stretch;
width: 691.188px;
display: inline;
}
.image-24 {
width: auto;
height: auto;
padding-top: 25%;
}
.italic-text-5 {
padding-left: 0;
}
.image-25 {
width: auto;
height: auto;
padding-top: 25%;
}
.div-block-5 {
padding-top: 5%;
}
.tab-image {
width: 100%;
}
.header-banner {
background-color: var(--transparent);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
-webkit-text-fill-color: inherit;
cursor: auto;
background-clip: border-box;
border-bottom-width: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
}
.image-27 {
clear: none;
vertical-align: baseline;
order: 0;
width: 60px;
margin-left: 0;
margin-right: 60px;
padding-left: 0;
padding-right: 0;
}
.div-block-7 {
background-color: var(--bg);
}
.text-span-14 {
overflow: clip;
}
.div-block-8 {
filter: blur(3px);
}
.body-2 {
background-color: var(--bg);
}
.image22 {
height: 30px;
}
.italic-text-7 {
box-sizing: border-box;
text-align: left;
object-fit: fill;
font-style: normal;
text-decoration: none;
position: static;
overflow: visible;
}
.image-28 {
aspect-ratio: auto;
backface-visibility: visible;
perspective: 1000px;
width: 125%;
max-width: 150%;
height: 75%;
}
.text-span-15, .text-span-16, .slogan {
color: var(--lila);
}
.text-span-17 {
color: var(--white);
}
.text-span-18, .text-span-19 {
color: var(--lila);
}
.div-block-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: flex;
position: static;
}
.body-3, .body-4, .body-5, .body-6, .body-7, .body-8, .body-9 {
background-color: var(--bg);
}
.logo-div {
width: 50%;
}
.logo-img {
border-radius: 300px;
width: 50px;
max-width: 50%;
display: block;
}
.logo-link-block.w--current {
width: 100px;
height: auto;
}
.div-block-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
min-width: 100%;
min-height: 100%;
display: grid;
}
.brix---mg-bottom-16px-4 {
margin-bottom: 0;
}
.brix---container-default-5 {
margin-bottom: 10%;
}
.about-section {
height: 100vh;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.brix---grid-2-columns-text-left-2 {
display: none;
}
.site-builder-form-block {
z-index: 5;
flex-flow: column;
display: block;
position: relative;
}
.lottie-animation-2 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: fill;
border-radius: 0;
flex: 1;
align-self: center;
width: auto;
min-width: auto;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
inset: 0%;
}
.text-span-24, .text-span-25, .text-span-26 {
color: var(--lila);
}
.code-embed-2 {
top: -37vh;
}
.code-embed-2.voice-ai {
top: -52.2vh;
}
.bold-text-14 {
text-align: center;
}
.integrate {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: row;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: grid;
}
.sip-trunking-costum {
padding-top: 10%;
padding-bottom: 10%;
}
.div-block-24 {
text-align: center;
flex-flow: column;
align-items: center;
}
.heading-15 {
color: var(--_apps---charts--chart-5-dark);
-webkit-text-stroke-color: var(--_apps---colors--accent);
}
.hero-grids {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-16 {
color: var(--lila);
text-align: center;
}
.heading-16.connect-h {
margin-top: 0;
margin-bottom: 10px;
}
.text-span-34, .text-span-35 {
color: var(--_apps---charts--chart-5-dark);
}
.text-block-34 {
text-align: center;
justify-content: center;
align-self: center;
}
.code-embed-4 {
overflow: hidden;
}
.text-block-36 {
text-align: center;
align-self: center;
}
.code-embed-6 {
margin-top: 10%;
margin-bottom: 0%;
}
.code-embed-7 {
aspect-ratio: auto;
object-fit: fill;
}
.code-embed-8 {
z-index: 0;
margin-top: 55%;
}
.code-embed-9 {
margin-top: 0%;
margin-bottom: 15%;
}
.div-block-31 {
height: 100px;
}
}
@media screen and (max-width: 991px) {
.nav-menu-button {
color: #fff;
background-color: #000000a3;
background-image: radial-gradient(circle at 50% 220%, #ffffff4a, #fff0);
border-radius: 12px;
padding: 12px;
}
.nav-menu-button.w--open {
background-color: #36178c;
}
.nav-logo-link {
width: 50px;
height: 50px;
margin-right: 0;
}
.nav-button-group {
align-items: center;
width: auto;
display: flex;
}
.nav-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #393b6a;
background-color: #000;
border: 1px solid #ffffff14;
border-radius: 12px;
order: 1;
align-self: center;
margin-top: 10%;
margin-right: 0;
padding: 12px 0;
position: absolute;
left: 10px;
right: 10px;
}
.nav-menu.w--open {
background-color: #282556;
border-color: #fff;
}
.header-grid-general {
grid-template-columns: 1fr;
}
.nav-link {
width: 100%;
margin-top: 14px;
margin-bottom: 14px;
}
.banner {
margin-left: 543%;
}
.banner.ct-header-mobile-shell {
background-color: #0000;
height: 0;
min-height: 0;
margin-left: 0;
padding: 0;
display: block;
position: relative;
overflow: visible;
}
.nav-wrapper {
align-items: center;
width: auto;
display: flex;
}
.header-section-l {
padding-top: 140px;
}
.logo-image {
vertical-align: text-top;
margin-top: 0%;
margin-left: -150%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.navigation-fixed {
display: none;
}
.m-timeline-item-wrapper {
width: 100%;
min-height: 100%;
padding-bottom: 0;
}
.m-cta-image-4 {
height: 120px;
}
.m-timeline-step-row {
flex-direction: column;
margin-bottom: 94px;
}
.m-timeline-title-row {
display: none;
}
.m-scroll-animation-wrapper {
width: 16px;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.heading-wrap-regular {
flex-direction: column;
align-items: flex-start;
}
.grid-four-column {
grid-template-columns: 1fr 1fr;
}
.cta-section {
padding-top: 80px;
padding-bottom: 80px;
}
.wrap-h-small.wrap-children-tablet {
flex-wrap: wrap;
}
.pricing-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.footer-form {
max-width: none;
}
.footer-newsletter {
flex-direction: column;
align-items: flex-start;
}
.footer-feature-wrapper {
flex-direction: column;
}
.f-footer-title {
margin-bottom: 24px;
}
.f-footer-grid {
grid-template-columns: 1fr 1fr;
}
.f-footer-bottom {
grid-row-gap: 24px;
flex-direction: column;
}
.container {
max-width: 728px;
}
.navbar-wrapper-three {
justify-content: space-between;
}
.navbar-brand-three {
position: relative;
}
.nav-menu-wrapper-three {
background-color: #0000;
top: 70px;
}
.nav-menu-three {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-2 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown {
flex-direction: column;
align-items: stretch;
width: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
}
.nav-dropdown-toggle {
width: 100%;
min-height: 48px;
transition: background-color .18s ease, color undefined undefined;
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 10px;
align-items: center;
padding: 12px 42px 12px 14px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.nav-dropdown-toggle:hover {
color: #fff;
background-color: #ffffff12;
border-radius: 10px;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 2px;
color: #fff;
border-radius: 10px;
outline: 2px solid #8b5cf6;
}
.nav-dropdown-icon {
color: #fff;
margin-right: 0;
display: block;
right: 14px;
}
.nav-dropdown-list {
background-color: #0000;
border-radius: 14px;
width: 100%;
padding-top: 8px;
position: relative;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.menu-button {
padding: 12px;
}
.menu-button.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container-2 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
align-self: center;
max-width: 100%;
margin-top: 20px;
margin-bottom: 40px;
margin-left: 0%;
padding-left: 0%;
}
.margin-bottom-24px {
align-self: center;
margin-left: 0;
}
.shadow-two {
margin-left: 0%;
}
.nav-link-3 {
width: 100%;
margin-top: 14px;
margin-bottom: 14px;
}
.hero {
min-height: 680px;
padding: 120px 24px 88px;
}
.heading-4 {
align-self: center;
}
.container-3 {
max-width: 728px;
}
.testimonial-grid {
grid-template-columns: 1fr 1fr;
}
.testimonial-main-image {
width: 300px;
height: 350px;
}
.dropdown-card-xl {
background-color: #ffffff06;
border: 1px solid #ffffff14;
border-radius: 14px;
width: 100%;
min-width: 0;
padding: 8px;
}
.navigation-grid-b {
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
}
.navigation-grid-a {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
}
.dropdown-list.w--open {
padding-top: 8px;
position: relative;
}
.dropdown-block-link {
border-radius: 12px;
width: 100%;
padding: 14px;
}
.dropdown {
width: 100%;
}
.dropdown-title-wrap {
display: none;
}
.navigation-toggle {
justify-content: space-between;
width: 100%;
}
.dropdown-block-small {
background-color: #ffffff0d;
flex-direction: column;
align-items: stretch;
width: 100%;
padding: 10px;
}
.feature-card-grid-top, .feature-card-grid-bottom {
grid-template-columns: 1fr 1fr;
}
.f-section-regular {
padding: 80px 24px;
}
.brix---cta-v3-floating-item-02-2 {
display: none;
}
.brix---btn-primary {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---card-form {
padding: 54px 32px;
}
.brix---heading-h2-size {
font-size: 30px;
line-height: 46px;
}
.brix---mg-bottom-32px {
margin-bottom: 24px;
}
.brix---grid-cta-v4 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.brix---cta-section {
padding-top: 112px;
padding-bottom: 112px;
}
.brix---accordion-spacer {
min-height: 12px;
}
.brix---accordion-item-wrapper-v6 {
padding-left: 40px;
padding-right: 40px;
}
.brix---heading-h2-size-2 {
font-size: 30px;
line-height: 46px;
}
.brix---mg-bottom-48px {
margin-bottom: 40px;
}
.brix---section {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---mg-bottom-32px-2 {
margin-bottom: 24px;
}
.brix---display-4 {
font-size: 22px;
line-height: 38px;
}
.brix---tabs-content-card {
padding: 40px 32px 48px;
}
.brix---tab-small-center {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h2-size-3 {
font-size: 30px;
line-height: 46px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 40px;
}
.brix---section-2 {
padding-top: 118px;
padding-bottom: 118px;
}
.m-nav-toggle-description {
color: #f0f0f0;
letter-spacing: -.25px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.m-nav-list {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: 560px;
max-height: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: flex;
}
.nav-overlay-gradient-bottom, .nav-overlay-gradient-top {
display: none;
}
.mobile-nav {
display: block;
}
.m-nav-toggle-open {
z-index: 1;
bottom: calc(14px + env(safe-area-inset-bottom));
}
.m-nav-toggle-open:focus-visible, .m-nav-toggle-open[data-wf-focus-visible] {
outline-offset: 3px;
border-radius: 14px;
outline: 2px solid #8b5cf6;
}
.m-nav-link {
width: 100%;
min-height: 48px;
transition: background-color .18s ease, color undefined undefined;
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 10px;
align-items: center;
padding: 12px 14px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.m-nav-link:hover {
color: #fff;
background-color: #ffffff12;
}
.m-nav-link:focus-visible, .m-nav-link[data-wf-focus-visible] {
outline-offset: 2px;
color: #fff;
outline: 2px solid #8b5cf6;
}
.m-nav-link.ct-mobile-nav-cta:hover {
background-color: #242424;
border-color: #ffffff38;
}
.m-nav-link.ct-mobile-nav-cta:focus-visible, .m-nav-link.ct-mobile-nav-cta[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #8b5cf6;
}
.brix---heading-h2-size-4 {
font-size: 30px;
line-height: 46px;
}
.container-5 {
max-width: 728px;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.navbar_button-wrapper {
align-items: center;
}
.search-input {
margin-bottom: 1rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.button_grid {
display: none;
}
.docs-left_wrapper {
padding-right: .75rem;
}
.max-width-medium.max-width-tablet-custom {
max-width: none;
}
.menu-icon_line-top {
background-color: #2a223c;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar_menu-button {
padding: 0;
}
.navbar_menu-button.w--open {
background-color: #0000;
}
.navbar_container {
grid-template-columns: .25fr 1fr;
display: flex;
}
.search.is--mobile {
display: block;
}
.menu-icon_line-middle {
color: #2a223c;
background-color: #000;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon {
z-index: 90;
background-color: #d9d7f3;
border-radius: 6px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
.footer_top-wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.footer_bottom-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.footer_left-wrapper {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr;
}
.docs-right_wrapper {
height: auto;
padding-left: 1rem;
}
.footer_right-wrapper {
align-items: center;
}
.navbar_link {
text-align: right;
padding: 1rem 0;
font-size: 1.125rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer_social-list {
margin-bottom: 2rem;
}
.doc-category_list {
grid-template-columns: 1fr 1fr;
}
.button.is-alternate {
font-weight: 600;
}
.fs-social-icon {
width: 2rem;
height: 2rem;
}
.navbar_menu {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border-bottom: 1px solid #000;
justify-content: center;
padding: 1rem 5% 2.5rem;
display: flex;
position: absolute;
overflow: auto;
}
.navbar_menu.is-page-height-tablet {
width: 80%;
height: 100vh;
padding-top: 7.5rem;
padding-bottom: 15rem;
}
.menu-icon_line-bottom {
background-color: #2a223c;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.nav-cta_grid {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
margin-top: 1rem;
}
.nav-cta_grid.is--mobile {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brand, .brand.w--current {
z-index: 30;
}
.footer_component-2.margin-top.margin-custom1 {
width: 100%;
}
.heading-8 {
font-size: 4rem;
}
.icon {
transition: background-color .1s;
}
.navbar-link {
color: #fff;
text-align: right;
background-color: #14151a;
padding: 2rem;
font-size: 1.3rem;
display: inline-block;
}
.navbar-link.w--current {
color: #fff;
}
.footer-light-asset {
bottom: -50rem;
}
.team-listing-wrapper {
grid-column-gap: 3rem;
}
.paragraph-layout {
grid-template-columns: 6fr 4fr;
}
.nav-menu-2 {
z-index: 1;
text-align: center;
background-color: #14151a;
flex-direction: row;
align-items: flex-end;
width: 100%;
left: 0;
}
.navbar-layout {
grid-template-columns: 1fr 4fr 1fr;
}
.heading-9 {
font-size: 3rem;
}
.main-wrapper-2.margin-top.margin-custom1 {
width: auto;
}
.button-2.button-navbar {
display: none;
}
.menu-button-2 {
z-index: 30;
-webkit-text-fill-color: transparent;
background-color: #fff;
-webkit-background-clip: text;
background-clip: text;
}
.menu-button-2.w--open {
z-index: 30;
-webkit-text-fill-color: inherit;
background-color: #14151a;
background-clip: border-box;
}
.heading-10 {
font-size: 3rem;
}
.panel3, .panel4 {
background-image: none;
}
.panel5 {
background-image: none;
width: 120vw;
}
.content-tabs-menu-list {
max-width: none;
margin-bottom: 32px;
margin-left: 0%;
}
.section-large-2 {
padding-top: 92px;
padding-bottom: 92px;
}
.tab-image {
width: 100%;
}
.content-tabs-row {
flex-direction: column;
}
.header-banner {
z-index: 1000;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
background-color: #0d0d0df0;
border-bottom-width: 1px;
border-bottom-color: #ffffff14;
height: auto;
min-height: 0;
display: block;
position: sticky;
top: 0;
overflow: visible;
}
.section-regular-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.countdown-image {
max-height: 400px;
}
.countdown-vector-card {
right: -16px;
}
.countdown-statistics-card {
left: -24px;
}
.countdown-badge-card {
right: -24px;
}
.header-grid {
grid-template-columns: 1fr;
}
.brix---btn-primary-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 40px;
}
.brix---heading-h2-size-5 {
font-size: 30px;
line-height: 46px;
}
.brix---grid-2-columns-text-left {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.brix---section-3 {
padding-top: 118px;
padding-bottom: 118px;
}
.m-nav-link-item-3 {
text-align: left;
width: 100%;
}
.m-nav-link-item-3.last-item {
padding-bottom: 0;
}
.m-nav-link-item-3.first-item {
padding-top: 0;
}
.m-nav-toggle-inner-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
min-height: 48px;
transition: background-color .18s ease, border-color undefined undefined, transform undefined undefined;
background-color: #0d0d0de6;
border: 1px solid #ffffff1f;
border-radius: 14px;
padding: 11px 16px;
transform: none;
box-shadow: 0 12px 40px #00000059;
}
.m-nav-toggle-inner-3:hover {
background-color: #1a1a1af0;
border-color: #fff3;
transform: translateY(-1px);
}
.m-nav-toggle-inner-3.close {
width: 48px;
height: 48px;
padding: 14px;
}
.m-nav-overlay-3 {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
background-color: #0d0d0df5;
border: 1px solid #ffffff1a;
border-radius: 22px;
align-items: stretch;
width: auto;
height: auto;
max-height: calc(100dvh - 24px);
inset: 12px;
overflow: hidden;
box-shadow: 0 32px 90px #0000008c;
}
.m-nav-content-3 {
justify-content: center;
align-items: flex-start;
padding: 24px 18px 112px;
display: flex;
left: 0;
right: 0;
overflow: auto;
}
.m-nav-toggle-close-3 {
z-index: 1;
bottom: calc(14px + env(safe-area-inset-bottom));
}
.m-nav-toggle-close-3:focus-visible, .m-nav-toggle-close-3[data-wf-focus-visible] {
outline-offset: 3px;
border-radius: 14px;
outline: 2px solid #8b5cf6;
}
.use-case-section {
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.slide-nav {
display: block;
}
.left-arrow {
display: none;
}
.slider {
padding-left: 0;
padding-right: 0;
}
.right-arrow {
display: none;
}
.brix---mg-bottom-48px-4 {
margin-bottom: 40px;
}
.brix---btn-primary-3 {
padding-top: 24px;
padding-bottom: 24px;
}
.about-section {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---heading-h2-size-6 {
font-size: 30px;
line-height: 46px;
}
.brix---grid-2-columns-text-left-2 {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.features-section {
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 80px;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.site-builder-form-block {
width: 100%;
}
.container-7 {
max-width: 728px;
}
.features-wrapper-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.features-left {
max-width: 100%;
margin-bottom: 40px;
}
.features-right {
max-width: 100%;
}
.grid-2 {
justify-content: stretch;
}
.feature-heading {
margin-left: auto;
margin-right: auto;
}
.div-block-15 {
margin-left: 0%;
margin-right: 0%;
padding-left: 0;
padding-right: 0;
}
.logo {
display: block;
}
.mouse-cursor-container {
display: none;
}
.container-8 {
max-width: 640px;
padding-left: 32px;
padding-right: 32px;
}
.horizontal-scroll-wrapper {
height: 400vh;
position: relative;
}
.section-2 {
background-image: linear-gradient(#4abdac 14%, #2a05b3);
width: 100%;
}
.section-2._4, .section-2._3, .section-2._1, .section-2._2 {
background-image: none;
}
.horizontal-scroll-content {
flex-direction: column;
width: 100%;
height: auto;
}
.page-padding-3.s0 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.logo-slider-img {
width: 174px;
}
.section-logo {
overflow: hidden;
}
.logo_component-slider {
grid-column-gap: 3rem;
}
.code-embed-8 {
margin-top: 50%;
}
.div-block-31 {
height: 60px;
}
.ct-proof-inner {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ct-proof-system {
min-height: auto;
}
.ct-proof-copy {
max-width: 720px;
}
.ct26-hero {
min-height: auto;
padding-top: 100px;
}
.ct26-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ct26-run-card {
width: min(100%, 720px);
}
.ct-consulting-hero {
padding-top: 120px;
}
.ct-grid-3, .ct-outcome-grid {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.ct-cta-panel {
flex-direction: column;
align-items: flex-start;
}
.cx-split {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cx-timeline {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.cx-bridge-inner, .cx-final-inner {
flex-direction: column;
align-items: flex-start;
}
.hx-split {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hx-calculator-head {
flex-direction: column;
align-items: flex-start;
}
.hx-calc-layout {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hx-delivery-grid {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hx-consulting-inner, .hx-final-inner {
flex-direction: column;
align-items: flex-start;
}
.hi-heading {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hi-copy {
max-width: 720px;
}
.hc-layout {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc-visual {
padding: 24px;
}
.ct-resource-grid {
grid-template-columns: 1fr;
row-gap: 42px;
}
.ct-resource-sidebar {
position: static;
}
.hc2-section {
padding: 88px 24px;
}
.hc2-header {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc2-method {
max-width: 520px;
}
.hc2-workspace {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc2-metrics {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc2-metric {
border-bottom: 1px solid #ffffff1a;
min-height: auto;
padding: 20px 0;
}
.hc2-metric-last {
min-height: auto;
padding: 20px 0;
}
.hc3-section {
padding: 88px 24px;
}
.hc3-summary {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.hc3-summary-item, .hc3-summary-item-last {
border-bottom: 1px solid #ffffff1a;
}
.hc3-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-shell.gym-hero-shell {
grid-template-rows: auto;
grid-template-columns: 1fr;
column-gap: 0;
}
.gym-hero {
padding-top: 120px;
}
.gym-row {
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
}
.gym-outcome {
grid-column-start: 2;
padding-left: 0;
}
.gym-split {
grid-column-gap: 52px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-columns {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-column {
border-bottom: 1px solid #ffffff1a;
padding: 27px 0;
}
.gym-map {
width: 100%;
max-width: 560px;
margin: 0 auto;
}
.gym-cta-box {
padding: 52px;
}
.gym-ops {
grid-row-start: auto;
grid-column-start: 1;
margin-top: 20px;
}
.gym-ops-foot {
flex-wrap: wrap;
}
.gym-leak-grid {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-leak-results {
padding: 32px;
}
.gym-leak-bottom {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
}
.grj-section {
padding: 88px 24px;
}
.grj-header {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.grj-intro {
max-width: 720px;
}
.grj-columns {
display: none;
}
.grj-row {
grid-column-gap: 22px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 44px 1fr;
padding: 34px 0;
}
.grj-number {
grid-row-start: 1;
grid-column-start: 1;
}
.grj-stage {
grid-row-start: 1;
grid-column-start: 2;
}
.grj-break, .grj-action, .grj-impact {
grid-column-start: 2;
}
.grj-mobile-label {
display: block;
}
.grj-priority {
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: start;
}
.grj-primary-link {
justify-self: start;
}
.grj-integration {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.grj-secondary-link {
justify-self: start;
}
.gop-panel {
padding: 26px;
}
.gop-title {
font-size: 23px;
}
.cs-hero {
padding-top: 120px;
}
.cs-split {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cs-pressure-row {
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
}
.cs-pressure-copy {
grid-column-start: 2;
}
.cs-flow {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cs-arrow {
min-height: 24px;
transform: rotate(90deg);
}
.cs-boundary-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cs-boundary {
border-bottom: 1px solid #ffffff1a;
min-height: auto;
padding: 26px 0;
}
.cs-architecture-line {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.cs-arch-item {
border-bottom: 1px solid #ffffff1a;
padding: 24px 20px;
}
.cs-pilot-layout {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-hero-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-section-head {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-step {
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
}
.sg-step-meta {
grid-column-start: 2;
}
.sg-contract-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-contract-copy {
position: static;
}
.sg-architecture {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-arch-arrow {
transform: rotate(90deg);
}
.sg-architecture-footer, .sg-assessment-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.sg-pilot-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-pilot-strip {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.sg-difference-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-difference-item {
border-bottom: 1px solid #ffffff17;
padding: 28px 0;
}
.sg-difference-text {
min-height: auto;
}
.sg-faq-grid {
grid-column-gap: 45px;
grid-row-gap: 45px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-cta-inner {
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: start;
}
.sg-assessment-copy {
grid-column: 1 / -1;
}
.cl-shell {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cl-link {
white-space: normal;
}
.pd-section {
padding: 82px 20px;
}
.pd-orch-layout {
grid-template-rows: auto;
grid-template-columns: 160px 1fr;
}
.pd-mission-layout {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pd-board {
grid-template-rows: auto;
grid-template-columns: repeat(4, 220px);
}
.pd-orch-drop {
min-height: 120px;
margin: 0 12px 12px;
}
.pd-studio-main {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pd-readiness {
display: none;
}
.ht-shell {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ht-copy {
max-width: 700px;
}
.ht-productlink {
max-width: 760px;
}
.cp-section {
padding: 92px 20px 100px;
}
.cp-brand {
min-width: 160px;
}
.cp-runtime {
display: none;
}
.cp-body {
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
}
.cp-work {
grid-column-start: 2;
}
.cp-panel {
height: 560px;
}
.ag-hero-v2 {
padding: 126px 24px 78px;
}
.ag-hero-shell {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 58px;
}
.ag-hero-copy {
max-width: 760px;
}
.ag-hero-note {
text-align: left;
}
.ag-proof {
max-width: 720px;
}
.agf-intro {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-windowbody {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-panel {
border-top: 1px solid #e3e6eb;
}
.agf-surface-row {
grid-template-rows: auto;
grid-template-columns: 40px 1fr;
}
.agf-mini {
grid-column-start: 2;
}
.agf-assessment-grid {
grid-column-gap: 46px;
grid-row-gap: 46px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-contract-grid {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.agfc-grid {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-orch-body {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-conversation {
border-bottom: 1px solid #e2e8f0;
}
.ag3-smart-panel {
min-height: 430px;
}
.ag3-chapter, .ag3-chapter-reverse {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-chapter-copy {
max-width: 700px;
}
.ag3-control-row {
grid-template-rows: auto;
grid-template-columns: .8fr 1.6fr auto;
}
.ag3-assessment-grid {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-contract-grid, .ag3-cluster-links {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.ag3-cta-grid {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-intake-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag4-tw-topbar {
flex-wrap: wrap;
align-items: flex-start;
}
.ag4-tw-workspace {
grid-template-rows: auto auto;
grid-template-columns: 50px minmax(0, 1fr);
}
.ag4-tw-sidebar {
border-top: 1px solid #e2e8f0;
border-left-style: none;
grid-column: 1 / -1;
min-height: 260px;
}
.ct4-scroll {
height: auto;
}
.ct4-sticky {
height: auto;
min-height: 0;
position: relative;
overflow: visible;
}
.ct4-progress {
display: none;
}
.ct4-track {
width: auto;
display: block;
transform: none;
}
.ct4-scroll-hint {
display: none;
}
.ct4-slide {
width: auto;
height: auto;
padding: 64px 5vw;
display: block;
}
.ct4-copy {
max-width: 760px;
margin: 0 auto 34px;
}
.ct4-frame {
max-width: 1000px;
margin: 0 auto;
}
.ct4-appbar {
height: auto;
min-height: 52px;
padding: 8px;
}
.ct4-orch-body {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 240px;
}
.ct4-tw-body {
grid-template-rows: auto;
grid-template-columns: 110px minmax(0, 1fr) 150px;
}
.ct4-canvas {
min-height: 420px;
}
.ct4-studio-body {
grid-template-rows: auto;
grid-template-columns: 150px minmax(0, 1fr);
}
.ct4-autonomy-options {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.ct4-bridge {
padding: 104px 5vw;
}
.ct4-bridge-shell {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ct4-bridge-head {
position: relative;
top: auto;
}
.ct4-bridge-copy {
max-width: 720px;
}
.ag4-hero {
min-height: auto;
padding: 126px 22px 82px;
}
.ag4-hero-layout {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.ag4-hero-title {
font-size: clamp(50px, 9vw, 76px);
}
.ct4-product-controls {
flex-wrap: wrap;
width: auto;
display: flex;
}
.ct6-columns, .ct6-builder, .ct6-form {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cth-hero {
padding-top: 78px;
}
.cth-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cth-copy {
text-align: center;
}
.cth-title, .cth-lead {
margin-left: auto;
margin-right: auto;
}
.cth-actions {
justify-content: center;
}
.cth-proof {
text-align: left;
}
.cth-console {
max-width: 760px;
margin: 0 auto;
}
.cth-magnet {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cth-magnet-pills, .cth-magnet-link {
justify-content: center;
}
.cv2-hero {
padding-top: 82px;
}
.cv2-toolbar {
scrollbar-width: none;
overflow-x: auto;
}
.cv2-picker {
flex: none;
}
.cv2-main {
grid-template-rows: auto;
grid-template-columns: 1fr;
min-height: 420px;
}
.cv2-scroll {
height: 420px;
}
.cv2-activity {
display: none;
}
.cv2-composer-area {
right: 0;
}
.cv2-voice-bubble {
right: 14px;
}
.ca-hero {
padding-top: 122px;
}
.ca-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ca-title {
max-width: 820px;
}
.ca-lead, .ca-proof, .ca-architecture {
max-width: 760px;
}
.cb-hero {
padding-top: 124px;
}
.cb-title {
font-size: 72px;
}
.cb-network {
height: 620px;
}
.cb-node-objective {
left: 24px;
}
.cb-node-context {
right: 24px;
}
.cb-node-actions {
left: 24px;
}
.cb-node-approval {
right: 24px;
}
.cb-line {
display: none;
}
.cc-hero {
padding-top: 122px;
}
.cc-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cc-copy {
max-width: 850px;
}
.cc-title {
max-width: 820px;
}
.cc-lead {
max-width: 760px;
}
.cc-system {
max-width: 820px;
}
.s1-hero {
padding: 122px 22px 68px;
}
.s1-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.s1-copy {
max-width: 850px;
}
.s1-title {
max-width: 820px;
font-size: 72px;
}
.s1-panel {
width: 100%;
max-width: 820px;
}
.cvn-hero {
padding: 128px 22px 78px;
}
.cvn-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cvn-title {
max-width: 850px;
font-size: 68px;
}
.cvn-lens {
max-width: 820px;
}
.cvn-diagnostic {
padding: 88px 22px 94px;
}
.cvn-d-grid, .cvn-hybrid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cvn-leadmagnet {
flex-direction: column;
align-items: flex-start;
}
.waa-hero-grid {
grid-column-gap: 52px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.waa-lens {
max-width: 720px;
}
.waa-section-heading {
grid-template-rows: auto;
grid-template-columns: 1fr;
row-gap: 24px;
}
.waa-section-title, .waa-section-copy {
grid-column-start: 1;
}
.waa-assessment-grid {
grid-column-gap: 46px;
grid-row-gap: 46px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.waa-assessment-intro {
position: static;
}
.waa-method-grid {
grid-column-gap: 46px;
grid-row-gap: 46px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.waa-method-heading {
position: static;
}
.waa-canvas-path {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.waa-canvas-arrow {
justify-self: center;
transform: rotate(90deg);
}
.fsa-hero {
padding-top: 124px;
}
.fsa-shell.fsa-hero-v2-grid {
grid-row-gap: 44px;
padding-top: 118px;
padding-bottom: 88px;
}
.fsa-hero-grid {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-call-panel {
max-width: 680px;
}
.fsa-section.fsa-context.fsa-stack-context, .fsa-section.fsa-dark-section.fsa-stack-dark {
box-shadow: none;
filter: none;
border-radius: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
position: relative;
top: auto;
overflow: visible;
transform: none;
}
.fsa-section.fsa-stack-1 {
box-shadow: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
position: relative;
top: auto;
}
.fsa-section.fsa-stack-2 {
box-shadow: none;
filter: none;
border-radius: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
position: relative;
top: auto;
overflow: visible;
transform: none;
}
.fsa-section.fsa-stack-3 {
box-shadow: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
position: relative;
top: auto;
}
.fsa-problem-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-problem {
min-height: auto;
}
.fsa-card-title {
margin-top: 28px;
}
.fsa-journey {
grid-template-rows: auto;
grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
}
.fsa-pilot-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-roadmap-card, .fsa-roadmap-wide {
grid-column-start: span 6;
}
.fsa-fit-box, .fsa-faq-shell {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-faq-head {
position: static;
}
.fsa-final-box {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-final-actions {
max-width: 420px;
}
.fsa-hero-v2-grid {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1fr;
min-height: auto;
padding-top: 116px;
}
.fsa-demo-card {
max-width: 760px;
padding: 18px;
display: block;
}
.fsa-scenario {
margin-top: 10px;
}
.fsa-pressure {
padding-top: 84px;
padding-bottom: 84px;
}
.fsa-pressure-title {
font-size: clamp(38px, 7vw, 58px);
}
.fsa-pressure-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-card-stack {
padding-top: 0;
padding-bottom: 0;
}
.fsa-stack-intro {
display: none;
}
.fsa-control-proof {
margin-top: 32px;
}
.fsa-control-proof-title {
font-size: 18px;
}
.fsa-control-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-stack-track {
width: calc(100% - 32px);
}
.gym-stack-card {
height: auto;
min-height: 0;
max-height: none;
margin-bottom: 18px;
position: relative;
top: auto;
box-shadow: 0 12px 32px #0000003d;
}
.gym-stack-body {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 30px;
}
.gym-stack-copy {
max-width: 720px;
}
.gym-stack-title {
font-size: clamp(34px, 7vw, 54px);
}
.gym-stack-flow {
flex-wrap: wrap;
justify-content: center;
}
.gym-stack-flow-line {
flex-grow: 0;
flex-basis: 28px;
min-width: 28px;
}
.ct9-fit {
padding: 82px 22px;
}
.ct9-head {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.ct9-span-five, .ct9-span-seven {
grid-column: span 12 / span 12;
}
.ct10-answers {
padding: 32px;
}
.ct10-grid {
grid-template-columns: 1fr;
}
.ct11-shell {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: minmax(0, 1fr) auto;
}
.ct11-context {
display: none;
}
.ct11-links {
justify-content: flex-start;
}
.ct12-nav {
display: block;
}
.cvn2-head {
grid-row-gap: 24px;
grid-column-gap: 0;
grid-template-columns: 1fr;
}
.secx-contract-grid {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.secx-row {
grid-template-rows: auto;
grid-template-columns: 44px 1fr;
}
.secx-state-head, .secx-state-row {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.secx-cta-grid, .f26-top {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.f26-grid {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.f26-brand {
grid-column: 1 / -1;
padding-right: 0;
}
.br26-shell.br26-editorial, .br26-shell.br26-boundary-grid, .br26-shell.br26-cta-grid {
grid-template-columns: 1fr;
}
.br26-hero-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr;
gap: 48px;
}
.br26-actions.br26-cta-actions {
justify-content: flex-start;
}
.br26-browser-body {
grid-template-columns: 1fr;
}
.br26-policy {
border-top: 1px solid #ffffff14;
border-left-width: 0;
}
.br26-steps {
grid-template-columns: repeat(2, 1fr);
}
.br26-compare-row {
grid-template-columns: 1fr 1.5fr;
}
.br26-compare-result {
text-align: left;
grid-column: 2;
}
.gv26-shell.gv26-hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.gv26-shell.gv26-editorial, .gv26-eval-body {
grid-template-columns: 1fr;
}
.gv26-decision {
border-top: 1px solid #ffffff14;
border-left-width: 0;
}
.gv26-boundary-grid, .gv26-cta-grid {
grid-template-columns: 1fr;
}
.gv26-cta-actions {
justify-content: flex-start;
}
.or26-shell.or26-cta-grid {
grid-template-columns: 1fr;
}
.or26-hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.or26-actions.or26-cta-actions {
justify-content: flex-start;
}
.or26-board, .or26-editorial, .or26-boundary-grid {
grid-template-columns: 1fr;
}
.vc26-shell.vc26-hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.vc26-shell.vc26-editorial {
grid-template-columns: 1fr;
}
.vc26-actions.vc26-cta-actions {
justify-content: flex-start;
}
.vc26-console-body {
grid-template-columns: 1fr;
}
.vc26-runtime {
border-top: 1px solid #ffffff14;
border-left-width: 0;
}
.vc26-cases, .vc26-boundary-grid, .vc26-cta-grid, .hm26-shell.hm26-editorial, .hm26-shell.hm26-cta-grid {
grid-template-columns: 1fr;
}
.hm26-hero-grid {
grid-row-gap: 44px;
grid-template-columns: 1fr;
gap: 52px;
}
.hm26-actions.hm26-cta-actions {
justify-content: flex-start;
}
.hm26-authority-grid {
grid-template-columns: 1fr 1fr;
}
.hm26-offers, .co26-route-grid, .co26-method-grid {
grid-template-columns: 1fr;
}
.co26-steps {
grid-template-columns: 1fr 1fr;
}
.co26-direct-grid {
grid-template-columns: 1fr;
}
.dx26-shell.dx26-layout {
grid-template-columns: 1fr;
gap: 26px;
}
.dx26-nav {
border-top-width: 0;
border-bottom: 1px solid #ffffff1a;
gap: 18px;
display: flex;
position: static;
overflow-x: auto;
}
.dx26-deep {
grid-template-columns: 1fr 1fr;
}
.dx26-status-grid, .ab26-shell.ab26-editorial, .ab26-shell.ab26-boundary-grid {
grid-template-columns: 1fr;
}
.ab26-hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.ab26-layers, .ab26-cta-grid, .cl26-shell.cl26-standard-grid, .cl26-section-grid, .cl26-snapshots, .sr26-head, .sr26-grid {
grid-template-columns: 1fr;
}
.sc26-head {
grid-template-columns: 1fr;
gap: 20px;
}
.sc26-grid {
grid-template-columns: 1fr 1fr;
}
.rr26-head {
grid-template-columns: 1fr;
}
.nv26-wrap {
width: calc(100% - 32px);
height: 64px;
}
.nv26-desktop, .nv26-actions {
display: none;
}
.nv26-mobile {
display: block;
}
.rt26-routes, .br26-faq-card-grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.banner {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.footer-section {
padding-top: 72px;
padding-bottom: 72px;
}
.h2-heading {
font-size: 44px;
}
.logo-statistics {
flex-flow: column;
}
.h4-heading {
font-size: 36px;
}
.m-h3-heading {
font-size: 40px;
}
.m-cta-header, .m-timeline-header {
margin-bottom: 60px;
}
.about-createting-section {
padding: 64px 32px;
}
.feature-accent-right {
display: none;
}
.h2-heading-2 {
font-size: 44px;
}
.grid-four-column {
grid-template-columns: 1fr;
}
.cta-section {
padding-top: 72px;
padding-bottom: 72px;
}
.grid-one-column {
grid-template-columns: 1fr;
}
.footer-separator {
grid-column-gap: 16px;
}
.footer-block {
padding-left: 32px;
padding-right: 32px;
}
.navbar-brand-three {
padding-left: 0;
}
.nav-menu-three {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-menu-block {
flex-direction: column;
}
.nav-link-2 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
box-shadow: none;
box-shadow: none;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.hero-heading-left, .testimonial-column-dark {
padding: 60px 15px;
}
.testimonial-main-image {
width: 250px;
}
.navigation-grid-b {
grid-template-columns: 1fr 1fr;
}
.banner-2 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.feature-card-grid-top, .feature-card-grid-bottom {
grid-template-columns: 1fr;
}
.f-h2-heading {
font-size: 44px;
}
.f-section-regular {
padding-top: 72px;
padding-bottom: 72px;
}
.brix---cta-v3-floating-item-02-2 {
max-width: 50%;
}
.brix---btn-primary {
padding: 20px 32px;
}
.brix---input {
min-height: 60px;
padding-top: 16px;
padding-bottom: 16px;
}
.brix---form-grid-2-columns {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: 1fr;
}
.brix---card-form {
min-height: 560px;
padding: 36px 30px 48px;
}
.brix---text-200-list-bold {
font-size: 16px;
}
.brix---heading-h2-size {
font-size: 28px;
line-height: 40px;
}
.brix---grid-cta-v4 {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.brix---cta-section {
padding-top: 96px;
padding-bottom: 96px;
}
.brix---btn-circle-accordion-btn {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
}
.brix---accordion-right-side {
margin-left: 16px;
margin-right: 16px;
}
.brix---accordion-title {
font-size: 20px;
line-height: 30px;
}
.brix---accordion-item-wrapper-v6 {
padding: 40px 24px;
}
.brix---badge-secondary---tabs {
margin: 8px;
padding-top: 16px;
padding-bottom: 16px;
}
.brix---tabs-menu {
flex-direction: column;
align-items: stretch;
}
.brix---heading-h2-size-2 {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-16px {
margin-bottom: 8px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---section {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---link-icon-right {
width: 20px;
margin-left: 8px;
}
.brix---text-200-bold {
font-size: 16px;
line-height: 18px;
}
.brix---display-4 {
font-size: 20px;
line-height: 32px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 8px;
}
.brix---grid-2-columns-gap-56px {
grid-template-columns: 1fr;
}
.brix---tabs-content-card {
padding-top: 30px;
padding-bottom: 32px;
}
.brix---square-icon-48px {
border-radius: 12px;
max-width: 56px;
}
.brix---tab-small-center {
justify-content: center;
margin: 10px 0;
}
.brix---tabs-menu-2 {
flex-direction: column;
align-items: stretch;
}
.brix---heading-h2-size-3 {
font-size: 28px;
line-height: 40px;
}
.brix---subtitle {
font-size: 17px;
line-height: 19px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---section-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---heading-h2-size-4 {
font-size: 28px;
line-height: 40px;
}
.hero-without-image {
padding: 60px 15px;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xsmall.is-small-mobile {
margin-bottom: 1rem;
}
.footer-logo_image {
margin-left: auto;
margin-right: auto;
}
.line-vertical {
width: 100%;
height: 1px;
}
.footer_social-link {
width: 2rem;
}
.text-size-medium {
font-size: 1rem;
}
.footer-bottom-left_grid {
text-align: center;
align-self: center;
padding-bottom: 2rem;
}
.footer_credit-text {
margin-top: 1rem;
}
.footer_top-wrapper {
grid-row-gap: 3rem;
}
.max-width-xsmall.mobile-max-width-none {
max-width: none;
}
.footer_bottom-wrapper {
flex-direction: column;
align-items: flex-start;
margin-top: 2rem;
}
.footer_left-wrapper {
grid-column-gap: 1.5rem;
}
.footer-bottom-right_grid {
grid-row-gap: 0px;
align-self: center;
}
.docs_grid {
grid-template-columns: 1fr;
}
.docs-right_wrapper {
padding-left: 0;
}
.navbar_component {
min-height: 4rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer_social-list {
justify-content: center;
margin-bottom: 1rem;
}
.fs-social-icon {
width: 2rem;
height: auto;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.banner-3 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.page-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.navbar-link {
padding: 1.5rem;
font-size: 1.2rem;
}
.footer-light-asset {
bottom: -48rem;
}
.footer-layout {
grid-template-columns: 3fr 1fr 2fr 2fr 2fr;
}
.footer-layout.margin-top.margin-medium {
grid-template-rows: auto auto;
}
.page-padding-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.h2-heading-4 {
font-size: 40px;
}
.section-large-2 {
padding-top: 72px;
padding-bottom: 72px;
overflow: hidden;
}
.paragraph-x-small-2 {
margin-right: 8px;
display: inline;
}
.h3-heading-2 {
font-size: 40px;
}
.countdown-vector-card {
display: none;
}
.countdown-statistics-card {
left: -12px;
}
.countdown-badge-card {
display: none;
}
.brix---btn-secondary {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---btn-primary-2 {
padding: 20px 32px;
}
.brix---button-row-left {
margin-right: 16px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 32px;
}
.brix---heading-h2-size-5 {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 8px;
}
.brix---grid-2-columns-text-left {
grid-template-columns: 1fr;
}
.brix---section-3 {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---mg-bottom-16px-4 {
margin-bottom: 8px;
}
.brix---mg-bottom-48px-4 {
margin-bottom: 32px;
}
.brix---btn-primary-3 {
padding: 20px 32px;
}
.brix---btn-secondary-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.about-section {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---heading-h2-size-6 {
font-size: 28px;
line-height: 40px;
}
.brix---button-row-left-2 {
margin-right: 16px;
}
.brix---grid-2-columns-text-left-2 {
grid-template-columns: 1fr;
}
.site-builder-form-icon {
top: 1.75rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.site-builder-text-field {
height: 3.5rem;
}
.site-builder-form {
flex-direction: column;
}
.features-list {
padding: 60px 15px;
}
.container-8 {
max-width: 100vw;
}
.logo-slider-img {
width: 125px;
}
.logo_component-slider {
grid-row-gap: 2rem;
flex-direction: row;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: center;
}
.div-block-31 {
height: 40px;
}
.ct-proof-section {
padding: 82px 20px 88px;
}
.ct-proof-title {
font-size: clamp(2.2rem, 10vw, 3rem);
}
.ct-proof-system {
padding: 14px;
}
.ct-proof-step {
grid-template-rows: auto;
grid-template-columns: 36px 1fr;
padding: 14px;
}
.ct-proof-flow {
height: 155px;
}
.ct-flow-node {
padding: 6px 7px;
font-size: 8px;
}
.ct26-section {
padding: 72px 20px;
}
.ct26-h1 {
font-size: clamp(2.65rem, 12.5vw, 4rem);
}
.ct26-actions {
flex-direction: column;
}
.ct26-btn {
width: 100%;
}
.ct26-run-card {
padding: 18px;
}
.ct26-run-step {
grid-template-rows: auto;
grid-template-columns: 32px 1fr;
}
.ct26-step-state {
display: none;
}
.ct26-run-footer {
flex-direction: column;
align-items: flex-start;
}
.ct-consulting-shell {
width: min(100% - 32px, 1180px);
}
.ct-consulting-hero {
padding: 105px 0 72px;
}
.ct-button {
width: 100%;
}
.ct-trust-row {
grid-column-gap: 22px;
grid-row-gap: 14px;
}
.ct-section {
padding: 76px 0;
}
.ct-grid-3, .ct-grid-2, .ct-outcome-grid, .ct-comparison, .ct-steps {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ct-cta-panel {
padding: 32px;
}
.cx-shell {
width: min(100% - 32px, 1160px);
}
.cx-hero {
padding: 118px 0 78px;
}
.cx-actions, .cx-primary, .cx-secondary {
width: 100%;
}
.cx-editorial, .cx-decision {
padding: 78px 0;
}
.cx-line {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 46px 1fr;
}
.cx-cost {
padding: 78px 0;
}
.cx-meter-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
}
.cx-meter-value {
text-align: left;
}
.cx-process {
padding: 78px 0;
}
.cx-timeline {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cx-step {
border-bottom: 1px solid #ffffff1a;
padding: 25px 0;
}
.cx-bridge {
padding: 78px 0;
}
.cx-final-inner {
padding: 30px;
}
.hx-shell {
width: min(100% - 32px, 1160px);
}
.hx-hero {
padding: 118px 0 78px;
}
.hx-actions, .hx-primary, .hx-secondary {
width: 100%;
}
.hx-editorial, .hx-calculator {
padding: 78px 0;
}
.hx-results {
padding: 28px;
}
.hx-routing {
padding: 78px 0;
}
.hx-line {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 46px 1fr;
}
.hx-workloads {
padding: 78px 0;
}
.hx-table-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
}
.hx-table-value {
text-align: left;
}
.hx-delivery, .hx-consulting {
padding: 78px 0;
}
.hx-final-inner {
padding: 30px;
}
.hi-section {
padding: 80px 0;
}
.hi-shell {
width: min(100% - 32px, 1180px);
}
.hi-row {
grid-template-rows: auto;
grid-template-columns: 34px 1fr;
}
.hi-row-title {
font-size: 20px;
}
.hc-section {
padding: 80px 0;
}
.hc-shell {
width: min(100% - 32px, 1180px);
}
.hc-field-row, .hc-summary {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc-status {
grid-column-start: auto;
}
.hc-break-even {
flex-direction: column;
}
.hc-break-value {
text-align: left;
}
.hi-tag {
display: none;
}
.hc2-section {
padding: 72px 18px;
}
.hc2-title {
font-size: 44px;
}
.hc2-field-pair {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc2-rec-detail, .hc2-chart-head {
flex-direction: column;
align-items: flex-start;
}
.hc2-legend {
flex-wrap: wrap;
}
.hc2-assumptions {
flex-direction: column;
align-items: flex-start;
}
.hc3-section {
padding: 72px 18px;
}
.hc3-title {
font-size: 43px;
}
.hc3-summary {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc3-summary-item, .hc3-summary-item-last {
padding: 18px 0;
}
.hc3-pair, .hc3-cost-table {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc3-cost-row, .hc3-cost-row-last {
border-bottom: 1px solid #ffffff1a;
padding: 20px 0;
}
.hc3-breaks {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hc3-chart-head {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
align-items: flex-start;
}
.gym-shell {
padding-left: 18px;
padding-right: 18px;
}
.gym-hero {
padding: 100px 0 68px;
}
.gym-h1 {
font-size: 50px;
}
.gym-hero-copy {
font-size: 17px;
}
.gym-proof-item {
min-width: 50%;
}
.gym-section {
padding: 78px 0;
}
.gym-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 38px 1fr;
}
.gym-panel {
padding: 26px;
}
.gym-map {
min-height: 360px;
}
.gym-map-core {
width: 120px;
height: 120px;
}
.gym-control-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-cta {
padding: 50px 0 80px;
}
.gym-cta-box {
padding: 36px 26px;
}
.gym-leak-section {
padding: 78px 0;
}
.gym-leak-field-row {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-leak-results {
padding: 26px;
}
.gym-leak-total {
font-size: 52px;
}
.gym-leak-metrics {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-definition-section {
padding: 48px 0;
}
.gym-definition-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-pilot-strip {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.gym-pilot-item {
border-bottom: 1px solid #ffffff17;
}
.grj-section {
padding: 72px 18px;
}
.grj-title {
font-size: 44px;
}
.grj-intro {
font-size: 16px;
}
.grj-row {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 36px 1fr;
}
.grj-stage-title {
font-size: 20px;
}
.grj-priority-title {
font-size: 27px;
}
.gop-head {
flex-direction: column;
}
.gop-row {
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr);
}
.gop-outcome {
text-align: left;
grid-column-start: 2;
max-width: none;
}
.gop-foot {
flex-direction: column;
align-items: flex-start;
}
.gop-foot-meta {
text-align: left;
}
.cs-shell {
padding-left: 18px;
padding-right: 18px;
}
.cs-hero {
padding: 100px 0 70px;
}
.cs-h1 {
font-size: 51px;
}
.cs-problem {
padding: 78px 0;
}
.cs-pressure-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 40px 1fr;
}
.cs-workflows {
padding: 78px 0;
}
.cs-use-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cs-boundaries, .cs-architecture {
padding: 78px 0;
}
.cs-architecture-line {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cs-arch-item {
border-bottom: 1px solid #ffffff1a;
padding: 22px 0;
}
.cs-pilot, .cs-faq {
padding: 78px 0;
}
.cs-cta {
padding: 90px 0;
}
.cs-cta-title {
font-size: 46px;
}
.sg-hero {
padding: 126px 18px 68px;
}
.sg-h1 {
font-size: 54px;
}
.sg-console {
border-radius: 12px;
}
.sg-flow-row {
grid-template-rows: auto;
grid-template-columns: 24px 1fr;
}
.sg-status-ok, .sg-status-warn, .sg-status-wait {
grid-column-start: 2;
justify-self: start;
}
.sg-approval {
flex-direction: column;
align-items: flex-start;
}
.sg-definition {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-section {
padding: 82px 18px;
}
.sg-h2 {
font-size: 44px;
}
.sg-contract-head, .sg-contract-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-use-head {
display: none;
}
.sg-use-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-architecture-footer, .sg-assessment-grid, .sg-result-row {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-score-row {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-pilot-strip {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.sg-pilot-phase {
border-bottom: 1px solid #ffffff17;
}
.sg-cta {
padding: 72px 18px;
}
.sg-cta-inner {
padding: 34px 24px;
}
.sg-cta-title {
font-size: 42px;
}
.sg-assessment-copy {
grid-column-start: auto;
}
.cl-section {
padding: 46px 18px;
}
.cl-title {
font-size: 25px;
}
.pd-section {
padding: 68px 16px;
}
.pd-title {
font-size: 38px;
}
.pd-window {
border-radius: 15px;
}
.pd-topbar {
padding: 0 12px;
}
.pd-brandname, .pd-health {
display: none;
}
.pd-panels, .pd-panel {
min-height: 690px;
}
.pd-orch-layout {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pd-orch-context {
display: none;
}
.pd-chat-head {
padding: 0 14px;
}
.pd-model {
display: none;
}
.pd-messages {
max-height: 410px;
padding: 17px;
}
.pd-runlog {
margin-left: 17px;
margin-right: 17px;
}
.pd-mission-head, .pd-builder-head, .pd-studio-head {
align-items: flex-start;
height: auto;
min-height: 74px;
padding: 14px;
}
.pd-summary {
display: none;
}
.pd-mission-layout {
min-height: 610px;
}
.pd-builder-layout {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pd-palette {
grid-column-gap: 6px;
grid-row-gap: 6px;
border-bottom: 1px solid #ffffff14;
padding: 10px;
display: flex;
overflow-x: auto;
}
.pd-palette-title {
display: none;
}
.pd-node-add {
white-space: nowrap;
width: auto;
margin: 0;
}
.pd-palette-note {
display: none;
}
.pd-canvas {
min-height: 520px;
}
.pd-flow-node {
width: 115px;
}
.pd-studio-layout {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pd-studio-nav {
grid-column-gap: 5px;
grid-row-gap: 5px;
border-bottom: 1px solid #ffffff14;
padding: 9px;
display: flex;
overflow-x: auto;
}
.pd-studio-navitem {
white-space: nowrap;
width: auto;
margin: 0;
}
.pd-studio-main {
padding: 12px;
}
.pd-inline-fields {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.pd-footnote {
flex-direction: column;
align-items: flex-start;
}
.sr-section {
padding: 72px 16px;
}
.sr-title {
font-size: 38px;
}
.sr-inputrow {
flex-direction: column;
}
.sr-run, .sr-run._w-button {
min-height: 42px;
}
.sr-console {
border-radius: 14px;
}
.sr-audit {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.sr-bottom {
flex-direction: column;
align-items: flex-start;
}
.ht-section {
padding: 72px 16px;
}
.ht-title {
font-size: 38px;
}
.ht-body {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ht-sidebar {
grid-column-gap: 4px;
grid-row-gap: 4px;
border-bottom: 1px solid #ffffff12;
padding: 8px;
display: flex;
overflow-x: auto;
}
.ht-navlabel {
display: none;
}
.ht-navitem {
white-space: nowrap;
margin: 0;
}
.cp-section {
padding: 76px 16px 84px;
}
.cp-intro {
margin-bottom: 30px;
}
.cp-title {
font-size: 40px;
}
.cp-topbar {
flex-wrap: wrap;
height: auto;
min-height: 58px;
padding: 11px;
}
.cp-brand {
min-width: 0;
}
.cp-topnav {
order: 3;
width: 100%;
overflow: auto;
}
.cp-body {
display: block;
}
.cp-rail {
display: none;
}
.cp-chat {
min-height: 560px;
}
.cp-chathead {
flex-direction: column;
align-items: flex-start;
}
.cp-contexts {
justify-content: flex-start;
}
.cp-work {
border-top: 1px solid #ffffff12;
}
.cp-panel {
height: auto;
min-height: 520px;
}
.cp-runsummary {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cp-node {
width: 112px;
}
.cp-node-route, .cp-node-policy {
left: 39%;
}
.cp-node-action {
left: 68%;
}
.cp-missiongrid, .cp-studiogrid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cp-studionav {
border-bottom: 1px solid #ffffff12;
flex-direction: row;
padding: 0 0 10px;
overflow: auto;
}
.cp-footer {
flex-direction: column;
align-items: flex-start;
}
.ag-hero-v2 {
padding: 112px 18px 68px;
}
.ag-hero-title {
font-size: clamp(46px, 14vw, 70px);
}
.ag-hero-lead {
font-size: 17px;
}
.ag-hero-form, .ag-hero-form._w-form {
flex-direction: column;
align-items: stretch;
}
.ag-hero-submit, .ag-hero-submit._w-button {
width: 100%;
}
.ag-hero-actions {
flex-direction: column;
align-items: flex-start;
row-gap: 9px;
}
.ag-proof-bottom {
flex-direction: column;
align-items: flex-start;
row-gap: 14px;
}
.ag-proof-run {
justify-content: center;
width: 100%;
}
.agf-product, .agf-surfaces, .agf-assessment, .agf-authority {
padding: 88px 18px;
}
.agf-windowbody {
min-height: 0;
}
.agf-chat {
min-height: 610px;
}
.agf-surface-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 42px 0;
}
.agf-surface-index {
padding: 0;
}
.agf-mini {
grid-column-start: auto;
min-height: 230px;
}
.agf-assessment-form, .agf-assessment-form._w-form {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 18px;
}
.agf-result-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-compare {
overflow-x: auto;
}
.agf-compare-row {
min-width: 700px;
}
.agf-contract-grid, .agf-faq-grid, .agf-link-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-authority-link {
flex-direction: column;
align-items: flex-start;
}
.agf-authority-desc {
text-align: left;
}
.agfc-section {
padding: 88px 18px;
}
.agfc-actions {
display: grid;
}
.agfc-primary, .agfc-secondary {
justify-content: center;
}
.agfc-expect {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-product, .ag3-chapters {
padding: 82px 18px;
}
.ag3-section-head {
text-align: left;
margin-bottom: 38px;
}
.ag3-lead {
margin-left: 0;
}
.ag3-orch-header {
flex-flow: column wrap;
align-items: flex-start;
}
.ag3-orch-controls {
justify-content: flex-start;
}
.ag3-runtime-strip {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-runtime-target, .ag3-runtime-budget {
text-align: left;
}
.ag3-conversation {
padding: 24px 18px;
}
.ag3-smart-panel {
padding: 18px;
}
.ag3-scenarios {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-chapter {
padding: 64px 0;
}
.ag3-mission-stats {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.ag3-flow-body {
grid-template-rows: auto;
grid-template-columns: 84px 1fr;
}
.ag3-settings {
border-top: 1px solid #e2e8f0;
border-left-style: none;
grid-column: 1 / -1;
display: block;
}
.ag3-studio-ui {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-studio-nav {
grid-column-gap: 5px;
grid-row-gap: 5px;
white-space: nowrap;
border-bottom: 1px solid #e2e8f0;
border-right-style: none;
align-items: center;
padding: 10px;
display: flex;
overflow-x: auto;
}
.ag3-studio-nav-title {
display: none;
}
.ag3-studio-head {
flex-wrap: wrap;
align-items: flex-start;
}
.ag3-control-plane {
padding: 82px 18px;
}
.ag3-lead-dark {
margin-left: 0;
}
.ag3-control-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-control-head {
display: none;
}
.ag3-assessment {
padding: 72px 18px;
}
.ag3-fields {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-field-wide {
grid-column-start: auto;
}
.ag3-score {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-result-row {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-authority {
padding: 82px 18px;
}
.ag3-definition {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-definition-copy {
font-size: 20px;
}
.ag3-compare-table {
overflow-x: auto;
}
.ag3-compare-row {
min-width: 700px;
}
.ag3-contract-grid, .ag3-faq-grid, .ag3-cluster-links {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-cta {
padding: 72px 18px;
}
.ag3-intake {
padding: 82px 18px;
}
.ag3-review-fields {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-review-wide {
grid-column-start: auto;
}
.ag3-review-proof {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-mc-toolbar {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding: 8px;
}
.ag3-pw-toolbar {
flex-wrap: wrap;
align-items: flex-start;
padding: 9px;
}
.ag3-pw-actions {
justify-content: flex-start;
width: 100%;
margin-left: 0;
overflow-x: auto;
}
.ag3-studio-runtime-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.ag3-orch-control-group {
justify-content: flex-start;
width: 100%;
}
.ag4-tw-top-actions {
justify-content: flex-start;
width: 100%;
margin-left: 0;
overflow-x: auto;
}
.ct4-intro {
padding: 88px 20px 58px;
}
.ct4-intro-links {
flex-direction: column;
align-items: center;
}
.ct4-slide {
padding: 52px 20px;
}
.ct4-frame {
border-radius: 13px;
}
.ct4-frame.ct4-studio, .ct4-orchestrator {
height: auto;
}
.ct4-appbar {
height: auto;
min-height: 52px;
padding: 8px;
}
.ct4-appbar-left {
flex-grow: 1;
max-width: 100%;
overflow: auto hidden;
}
.ct4-appbar-right {
display: none;
}
.ct4-orch-body {
grid-template-rows: auto;
grid-template-columns: 1fr;
height: auto;
}
.ct4-chat {
height: 520px;
}
.ct4-smart {
border-top: 1px solid #e2e8f0;
}
.ct4-smart-content {
min-height: 260px;
}
.ct4-mission {
height: auto;
}
.ct4-mission-top {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
height: auto;
min-height: 57px;
padding: 9px 10px;
}
.ct4-stats {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.ct4-board {
flex-grow: 0;
flex-shrink: 0;
height: 450px;
min-height: 450px;
}
.ct4-thinkway {
height: auto;
}
.ct4-tw-toolbar {
flex-wrap: wrap;
height: auto;
padding: 10px;
}
.ct4-tw-tabs {
order: 3;
width: 100%;
overflow-x: auto;
}
.ct4-tw-body {
grid-template-rows: auto;
grid-template-columns: 1fr;
height: auto;
}
.ct4-library {
border-bottom: 1px solid #e2e8f0;
display: flex;
overflow-x: auto;
}
.ct4-library-head {
display: none;
}
.ct4-library-item {
flex: none;
width: auto;
min-width: 144px;
margin: 0 5px 0 0;
}
.ct4-tw-panel {
padding: 10px;
}
.ct4-canvas {
min-height: 420px;
}
.ct4-inspector {
display: none;
}
.ct4-studio {
height: auto;
}
.ct4-studio-header {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
height: auto;
min-height: 62px;
padding: 10px;
}
.ct4-studio-actions {
flex-wrap: wrap;
justify-content: flex-end;
width: 100%;
}
.ct4-studio-body {
grid-template-rows: auto;
grid-template-columns: 1fr;
height: auto;
}
.ct4-studio-nav {
grid-column-gap: 6px;
grid-row-gap: 6px;
border-bottom: 1px solid #e2e8f0;
padding: 8px;
display: flex;
overflow-x: auto;
}
.ct4-studio-group {
min-width: max-content;
margin: 0;
display: flex;
}
.ct4-studio-group-title {
display: none;
}
.ct4-studio-nav-item {
width: auto;
min-width: max-content;
padding: 9px 11px;
}
.ct4-studio-main {
min-height: 430px;
padding: 12px;
}
.ct4-studio-panel {
padding: 14px;
}
.ct4-form-grid, .ct4-autonomy-options, .ct4-cap-grid, .ct4-runtime-grid, .ct4-readiness {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ct4-bridge {
padding: 82px 20px;
}
.ct4-bridge-shell {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.ct4-bridge-title {
font-size: clamp(40px, 12vw, 60px);
}
.ct4-bridge-copy {
font-size: 15px;
}
.ct4-bridge-row {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 34px minmax(0, 1fr);
padding: 28px 0;
}
.ct4-bridge-row-title {
font-size: 21px;
}
.ct4-bridge-state {
grid-column-start: 2;
justify-self: start;
margin-top: 0;
}
.ag4-hero {
padding: 112px 18px 72px;
}
.ag4-hero-title {
letter-spacing: -.045em;
font-size: clamp(40px, 12vw, 58px);
line-height: 1.02;
}
.ag4-hero-subtitle {
margin-top: 22px;
font-size: 17px;
line-height: 1.5;
}
.ag4-hero-form {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding: 8px;
}
.ag4-hero-input {
text-align: left;
height: 50px;
padding-left: 14px;
padding-right: 14px;
font-size: 14px;
}
.ag4-hero-submit {
width: 100%;
height: 48px;
}
.ag4-hero-cta-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
}
.ag4-hero-proof {
grid-row-gap: 7px;
grid-template-columns: 1fr;
}
.ct4-product-controls {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
display: grid;
}
.ct4-selector-menu {
width: auto;
max-height: 70vh;
position: fixed;
inset: auto 14px 14px;
overflow: hidden auto;
}
.ct4-selector-model {
grid-column: 1 / 3;
}
.ag4-hero-composer {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 8px;
}
.ag4-hero-composer-button, .ag4-hero-composer-button._w-button {
width: 100%;
}
.v6-session-layer {
margin-left: 10px;
margin-right: 10px;
}
.v6-session-top {
flex-direction: column;
}
.v6-runtime-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.cth-hero {
padding: 66px 16px 28px;
}
.cth-title {
font-size: 44px;
}
.cth-lead {
font-size: 16px;
}
.cth-proof {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cth-route {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.cth-thread {
min-height: 360px;
}
.cth-trace {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.cth-console-foot {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
}
.cth-magnet {
padding: 20px;
}
.cth-route-model {
grid-column: 1 / -1;
}
.cv2-hero {
padding: 72px 16px 34px;
}
.cv2-title {
font-size: 44px;
}
.cv2-lead {
font-size: 16px;
}
.cv2-actions {
flex-direction: column;
}
.cv2-primary, .cv2-secondary {
width: 100%;
}
.cv2-topbar {
flex-wrap: wrap;
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
}
.cv2-brand {
flex: 1;
min-width: 0;
}
.cv2-toolbar {
order: 3;
width: 100%;
}
.cv2-session-state {
margin-left: 0;
}
.cv2-context {
padding-left: 10px;
padding-right: 10px;
}
.cv2-scroll {
height: 450px;
padding-left: 15px;
padding-right: 15px;
}
.cv2-message {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.cv2-composer-area {
padding-left: 10px;
padding-right: 10px;
}
.cv2-icon-button {
flex-basis: 34px;
width: 34px;
height: 34px;
}
.cv2-round-button {
flex-basis: 36px;
width: 36px;
height: 36px;
}
.cv2-proofbar {
flex-direction: column;
align-items: flex-start;
}
.cv2-proof-link {
justify-content: center;
width: 100%;
}
.ca-hero {
padding: 104px 18px 58px;
}
.ca-grid {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.ca-title {
font-size: 52px;
}
.ca-lead {
font-size: 17px;
}
.ca-proof {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ca-step {
grid-template-rows: auto;
grid-template-columns: 30px minmax(0, 1fr);
}
.ca-step-tag {
display: none;
}
.ca-transition {
margin-top: 44px;
}
.cb-hero {
padding: 106px 18px 62px;
}
.cb-title {
font-size: 54px;
line-height: .96;
}
.cb-lead {
font-size: 17px;
}
.cb-actions {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.cb-network {
height: auto;
padding: 24px;
}
.cb-network-grid {
display: none;
}
.cb-core {
margin: 28px auto;
position: relative;
top: auto;
left: auto;
transform: none;
}
.cb-node {
width: auto;
margin-top: 10px;
position: relative;
inset: auto;
transform: none;
}
.cb-node-evidence {
bottom: auto;
left: auto;
transform: none;
}
.cb-runtime-state {
white-space: normal;
width: max-content;
max-width: 100%;
margin: 0 auto 10px;
position: relative;
top: auto;
left: auto;
transform: none;
}
.cb-principles {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cc-hero {
padding: 104px 18px 52px;
}
.cc-grid {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.cc-title {
font-size: 52px;
}
.cc-lead {
font-size: 17px;
}
.cc-lane {
grid-template-rows: auto;
grid-template-columns: 34px minmax(0, 1fr);
}
.cc-lane-surface {
display: none;
}
.cc-lane-divider {
grid-template-rows: auto;
grid-template-columns: 30px 1fr;
}
.cc-divider-label {
display: none;
}
.cc-system-foot {
flex-direction: column;
align-items: flex-start;
}
.cc-bridge {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
}
.cc-bridge-link {
grid-column: 1 / span 2;
}
.s1-hero {
padding: 104px 18px 58px;
}
.s1-grid {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.s1-title {
font-size: 52px;
line-height: .98;
}
.s1-lead {
font-size: 17px;
line-height: 1.58;
}
.s1-proof {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.s1-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 30px minmax(0, 1fr);
}
.s1-tag {
display: none;
}
.s1-footer {
flex-direction: column;
align-items: flex-start;
}
.s1-footnote {
white-space: normal;
}
.cvn-hero {
padding: 112px 18px 66px;
}
.cvn-title {
font-size: 52px;
line-height: .98;
}
.cvn-lead {
font-size: 17px;
}
.cvn-answer-row {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cvn-model, .cvn-model-accent {
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr);
}
.cvn-model-fit, .cvn-model-fit-accent {
grid-column-start: 2;
justify-self: start;
}
.cvn-lens-foot {
flex-direction: column;
}
.cvn-diagnostic {
padding: 74px 18px 82px;
}
.cvn-d-title {
font-size: 48px;
}
.cvn-hybrid {
grid-column-gap: 22px;
grid-row-gap: 22px;
padding: 22px;
}
.cvn-leadmagnet {
padding: 22px;
}
.waa-shell {
width: min(1200px, 100% - 32px);
}
.waa-hero {
padding-top: 82px;
padding-bottom: 64px;
}
.waa-title {
font-size: clamp(45px, 13vw, 68px);
}
.waa-lede {
font-size: 17px;
}
.waa-outcomes {
padding-top: 66px;
padding-bottom: 74px;
}
.waa-outcome-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.waa-outcome {
min-height: 0;
}
.waa-assessment {
padding-top: 72px;
padding-bottom: 72px;
}
.waa-evaluator {
border-radius: 18px;
padding: 20px;
}
.waa-options {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.waa-option {
min-height: 0;
}
.waa-method {
padding-top: 74px;
padding-bottom: 82px;
}
.waa-canvas {
border-radius: 19px;
margin-top: 60px;
padding: 26px;
}
.fsa-hero {
padding: 112px 0 68px;
}
.fsa-shell {
width: calc(100% - 30px);
}
.fsa-h1 {
font-size: clamp(42px, 12vw, 62px);
}
.fsa-h1.fsa-h1-v2 {
font-size: clamp(43px, 12vw, 64px);
line-height: .97;
}
.fsa-lead {
font-size: 17px;
}
.fsa-section {
padding: 78px 0;
}
.fsa-scope-card {
grid-template-rows: auto;
grid-template-columns: 42px 1fr;
}
.fsa-scope-tag {
grid-column-start: 2;
}
.fsa-journey {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-step {
min-height: auto;
}
.fsa-step-title {
margin-top: 20px;
}
.fsa-connector {
display: none;
}
.fsa-boundary-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-roadmap-card, .fsa-roadmap-wide {
grid-column-start: span 12;
}
.fsa-broad-link {
flex-direction: column;
align-items: flex-start;
}
.fsa-fit-box {
padding: 25px;
}
.fsa-checks {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.fsa-final-box {
padding: 30px;
}
.fsa-hero-v2-grid {
padding-top: 100px;
padding-bottom: 72px;
}
.fsa-demo-card {
border-radius: 22px;
padding: 12px;
}
.fsa-scenario-summary {
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr);
}
.fsa-scenario-action {
grid-column-start: 2;
justify-self: start;
}
.fsa-scenario-result {
padding-left: 54px;
}
.fsa-demo-foot {
flex-direction: column;
}
.fsa-pressure {
padding-top: 68px;
padding-bottom: 68px;
}
.fsa-pressure-copy {
font-size: 16px;
}
.fsa-queue-row {
grid-template-rows: auto;
grid-template-columns: 40px 1fr;
}
.fsa-queue-state {
grid-column-start: 2;
justify-self: start;
}
.fsa-cap-row {
grid-template-rows: auto;
grid-template-columns: 34px 1fr;
}
.fsa-cap-tag {
grid-column-start: 2;
justify-self: start;
}
.gym-stack-body {
padding: 24px 22px;
}
.gym-stack-title {
font-size: 36px;
}
.gym-stack-task-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.gym-stack-task-wide {
grid-column: auto;
}
.gym-stack-flow {
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.gym-stack-flow-step {
text-align: left;
flex-direction: row;
width: 100%;
min-width: 0;
}
.gym-stack-flow-line {
width: 1px;
min-width: 1px;
height: 18px;
margin-left: 14px;
}
.ct11-journey {
padding: 8px 12px;
top: 64px;
}
.ct12-nav {
padding-left: 12px;
padding-right: 12px;
top: 116px;
}
.cvn2-section {
padding: 76px 18px;
}
.cvn2-row {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.cvn2-label {
padding: 18px 0 10px;
}
.cvn2-cell {
border-top: 1px solid #ffffff14;
border-left-style: none;
padding: 18px;
}
.cvn2-cell-accent {
border-top: 1px solid #a78bfa38;
border-left-style: none;
padding: 18px;
}
.secx-wrap {
width: min(100% - 32px, 1160px);
}
.secx-hero {
padding: 82px 0 64px;
}
.secx-section, .secx-section-alt {
padding: 70px 0;
}
.secx-terminal-row {
grid-template-rows: auto;
grid-template-columns: 100px 1fr;
}
.secx-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.secx-boundary-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.secx-state-head {
display: none;
}
.secx-state-row {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.secx-cta {
padding: 72px 0 86px;
}
.f26-wrap {
width: min(100% - 28px, 1180px);
}
.f26-top {
padding: 58px 0 42px;
}
.f26-actions {
flex-direction: column;
}
.f26-primary, .f26-secondary {
width: 100%;
}
.f26-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 42px 0;
}
.f26-brand {
grid-column-start: auto;
}
.f26-bottom {
flex-direction: column;
align-items: flex-start;
}
.br26-shell {
width: calc(100% - 32px);
}
.br26-shell.br26-editorial {
gap: 34px;
}
.br26-hero {
padding-top: 116px;
padding-bottom: 74px;
}
.br26-h1 {
font-size: 52px;
}
.br26-h2 {
font-size: 40px;
}
.br26-lead {
font-size: 17px;
}
.br26-actions {
flex-direction: column;
}
.br26-btn {
width: 100%;
}
.br26-steps {
grid-template-columns: 1fr 1fr;
}
.br26-section {
padding-top: 76px;
padding-bottom: 76px;
}
.br26-compare-row {
grid-template-columns: 1fr;
gap: 12px;
}
.br26-compare-result {
text-align: left;
grid-column: auto;
}
.br26-cta {
padding-top: 76px;
padding-bottom: 88px;
}
.gv26-shell {
width: calc(100% - 28px);
}
.gv26-hero {
padding-top: 116px;
padding-bottom: 74px;
}
.gv26-h1 {
font-size: 52px;
}
.gv26-h2 {
font-size: 40px;
}
.gv26-actions {
flex-direction: column;
}
.gv26-btn {
width: 100%;
}
.gv26-action-tabs {
grid-template-columns: 1fr;
}
.gv26-section {
padding-top: 76px;
padding-bottom: 76px;
}
.gv26-contract-row {
grid-template-columns: 42px 1fr;
gap: 14px;
}
.gv26-contract-copy {
grid-column: 2;
}
.or26-shell {
width: calc(100% - 28px);
}
.or26-hero {
padding-top: 116px;
padding-bottom: 74px;
}
.or26-h1 {
font-size: 52px;
}
.or26-h2 {
font-size: 40px;
}
.or26-actions {
flex-direction: column;
}
.or26-btn {
width: 100%;
}
.or26-section {
padding-top: 76px;
padding-bottom: 76px;
}
.or26-state-row {
grid-template-columns: 42px 1fr;
gap: 14px;
}
.or26-state-copy {
grid-column: 2;
}
.vc26-shell {
width: calc(100% - 28px);
}
.vc26-hero {
padding-top: 116px;
padding-bottom: 74px;
}
.vc26-h1 {
font-size: 52px;
}
.vc26-h2 {
font-size: 40px;
}
.vc26-actions {
flex-direction: column;
}
.vc26-btn {
width: 100%;
}
.vc26-scenarios {
grid-template-columns: 1fr;
}
.vc26-stage-strip {
grid-template-columns: 1fr 1fr;
}
.vc26-section {
padding-top: 76px;
padding-bottom: 76px;
}
.hm26-shell {
width: calc(100% - 28px);
}
.hm26-hero {
padding-top: 118px;
padding-bottom: 78px;
}
.hm26-h1 {
letter-spacing: -.045em;
font-size: 46px;
line-height: 1.02;
}
.hm26-h2 {
font-size: 40px;
}
.hm26-lead {
font-size: 16px;
line-height: 1.55;
}
.hm26-actions {
flex-direction: column;
}
.hm26-btn {
width: 100%;
}
.hm26-product-step {
grid-template-columns: 28px 1fr;
gap: 10px;
}
.hm26-step-status {
grid-column: 2;
}
.hm26-section {
padding-top: 78px;
padding-bottom: 78px;
}
.hm26-surface {
grid-template-columns: 42px 1fr;
gap: 14px;
}
.hm26-surface-fit, .hm26-surface-link {
text-align: left;
grid-column: 2;
}
.hm26-authority-grid {
grid-template-columns: 1fr;
}
.co26-shell {
width: calc(100% - 28px);
}
.co26-hero {
padding-top: 110px;
padding-bottom: 58px;
}
.co26-h1 {
font-size: 52px;
}
.co26-h2 {
font-size: 40px;
}
.co26-route {
min-height: auto;
padding: 22px;
}
.co26-route-title {
margin-top: 42px;
}
.co26-actions {
flex-direction: column;
}
.co26-btn {
width: 100%;
}
.co26-steps {
grid-template-columns: 1fr;
}
.co26-step {
min-height: auto;
}
.co26-step-num {
margin-bottom: 26px;
}
.dx26-shell {
width: calc(100% - 28px);
}
.dx26-shell.dx26-layout {
padding-bottom: 76px;
}
.dx26-hero {
padding-top: 100px;
padding-bottom: 54px;
}
.dx26-h1 {
font-size: 50px;
}
.dx26-h2 {
font-size: 38px;
}
.dx26-steps {
grid-template-columns: 1fr;
}
.dx26-step {
min-height: auto;
}
.dx26-step-num {
margin-bottom: 24px;
}
.dx26-row {
grid-template-columns: 1fr;
gap: 8px;
}
.dx26-row-tag {
justify-self: start;
}
.dx26-grid {
grid-template-columns: 1fr;
}
.dx26-card {
min-height: auto;
}
.dx26-card-title {
margin-top: 24px;
}
.dx26-deep {
grid-template-columns: 1fr;
}
.dx26-deep-title {
margin-top: 24px;
}
.ab26-shell {
width: calc(100% - 28px);
}
.ab26-hero {
padding-top: 110px;
padding-bottom: 74px;
}
.ab26-h1 {
font-size: 52px;
}
.ab26-h2 {
font-size: 40px;
}
.ab26-section {
padding-top: 76px;
padding-bottom: 76px;
}
.ab26-principle {
grid-template-columns: 42px 1fr;
gap: 14px;
}
.ab26-principle-copy {
grid-column: 2;
}
.ab26-actions {
flex-direction: column;
}
.ab26-btn {
width: 100%;
}
.cl26-shell {
width: calc(100% - 28px);
}
.cl26-hero {
padding-top: 106px;
padding-bottom: 70px;
}
.cl26-h1 {
font-size: 50px;
}
.cl26-h2 {
font-size: 38px;
}
.cl26-section {
padding-top: 76px;
padding-bottom: 76px;
}
.cl26-snapshot {
min-height: 280px;
}
.cl26-entry {
grid-template-columns: 1fr;
gap: 18px;
}
.sr26-shell {
width: calc(100% - 28px);
padding-bottom: 62px;
}
.sr26-link {
min-height: auto;
}
.sr26-label {
margin-bottom: 30px;
}
.sc26-section {
padding-top: 72px;
padding-bottom: 72px;
}
.sc26-shell {
width: calc(100% - 28px);
}
.sc26-grid {
grid-template-columns: 1fr;
}
.sc26-item {
min-height: auto;
}
.sc26-index {
margin-bottom: 32px;
}
.sc26-footer {
grid-template-columns: 1fr;
}
.rr26-shell {
width: calc(100% - 28px);
padding-bottom: 58px;
}
.rr26-grid {
grid-template-columns: 1fr;
}
.rr26-link {
min-height: auto;
}
.nv26-wrap {
width: calc(100% - 24px);
height: 60px;
}
.nv26-mobile-panel {
padding: 16px;
top: 60px;
left: -12px;
right: -12px;
}
.nv26-mobile-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.rt26-shell {
width: calc(100% - 28px);
}
.rt26-hero {
padding-top: 108px;
padding-bottom: 84px;
}
.rt26-h1 {
font-size: 50px;
}
.rt26-route {
min-height: auto;
}
.rt26-route-title {
margin-top: 30px;
}
.nf27-actions {
flex-direction: column;
}
.nf27-link {
width: 100%;
}
.br26-faq-card {
min-height: 0;
padding: 20px;
}
}
@media screen and (max-width: 479px) {
.paragraph-small.text-color-purple-400 {
margin-top: auto;
margin-left: auto;
padding-top: 0;
padding-bottom: 0;
}
.h3-heading {
align-self: center;
width: 100%;
height: 69.9273%;
font-size: 52px;
line-height: 62px;
}
.nav-menu {
flex-flow: column;
flex: 0 auto;
margin-top: -50%;
}
.logo-block {
margin-top: auto;
margin-bottom: 5%;
}
.banner {
display: none;
}
.banner.ct-header-mobile-shell {
background-color: #0000;
height: 0;
min-height: 0;
margin-left: 0;
padding: 0;
display: block;
overflow: visible;
}
.caption.text-color-gray-300 {
background-color: var(--black);
background-color: #000;
}
.avatar-row {
flex-direction: column;
align-items: center;
margin-top: 5%;
margin-bottom: auto;
}
.nav-button-wrap {
display: none;
}
.button-primary-l.icon-left {
align-self: center;
}
.wrap-v-x-large {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.header-section-l {
width: 100%;
height: 63%;
}
.logo-image {
margin-left: 0%;
}
.button-secondary-l {
z-index: auto;
box-sizing: border-box;
clear: none;
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: auto;
object-fit: fill;
flex-flow: row;
place-content: stretch center;
width: 100%;
margin-top: 12px;
display: flex;
position: relative;
bottom: 0;
left: 0;
overflow: visible;
}
.wrap-h-large.align-center.wrap-children {
flex-flow: row;
align-self: center;
}
.subheading-small {
margin-right: auto;
}
.navigation-fixed {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 64px;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.logo-card {
padding: 0;
}
.m-h3-heading {
margin-left: 15px;
}
.m-timeline-button-primary-icon {
z-index: 1;
position: relative;
}
.m-paragraph-extra-small.text-color-gray-300 {
margin-right: 0;
}
.m-button-primary {
width: 100%;
}
.m-timeline-wrapper {
overflow: clip;
}
.m-timeline-button-wrapper {
flex-flow: column wrap;
grid-template-columns: 1fr;
align-content: stretch;
align-items: center;
}
.m-button-outline {
width: 100%;
}
.m-scroll-animation-wrapper {
margin-right: 0;
}
.about-createting-section {
padding-left: 16px;
padding-right: 16px;
}
.wrap-h-x-large {
flex-direction: column;
align-items: flex-start;
}
.price-number {
font-size: 52px;
line-height: 62px;
}
.pricing-top {
padding: 8px;
}
.pricing-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.price-wrap {
flex-direction: column-reverse;
}
.footer-accent-left {
display: none;
}
.footer-block {
z-index: auto;
-webkit-backdrop-filter: blur(26px) saturate(165%);
backdrop-filter: blur(26px) saturate(165%);
background-color: #121214ad;
background-image: linear-gradient(#ffffff26 0%, #ffffff0b 16%, #fff0 58%), radial-gradient(circle at 16% 0, #a78bfa33, #8b5cf600 46%);
border-top-left-radius: 22px;
border-top-right-radius: 22px;
margin-top: 48px;
margin-left: 8px;
margin-right: 8px;
padding: 64px 20px 40px;
position: relative;
bottom: auto;
box-shadow: 0 -1px #ffffff1c, 0 20px 64px #0000004d, inset 0 1px #ffffff29;
}
.footer-accent-right {
display: none;
}
.bold-text {
margin-left: 0;
margin-right: -50px;
padding-left: 0;
padding-right: 0;
}
.div-block {
flex-flow: row;
flex: 0 auto;
margin-top: 10%;
margin-bottom: 10%;
display: block;
}
.image-4 {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.image-6 {
padding-left: 0;
}
.hover3 {
margin-top: auto;
margin-bottom: auto;
}
.lottie-animation {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
.image-9 {
margin-right: 27px;
}
.container {
max-width: none;
}
.nav-menu-three {
flex-direction: column;
}
.nav-dropdown-toggle {
align-self: center;
width: auto;
height: auto;
}
.nav-dropdown-icon {
margin-right: 0;
display: block;
right: 14px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
text-align: center;
align-self: center;
}
.nav-dropdown-link {
justify-content: center;
display: flex;
}
.text-block-18 {
float: none;
clear: none;
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
position: static;
}
.container-2 {
max-width: none;
}
.hero-split {
margin: 0 auto;
}
.margin-bottom-24px {
align-self: center;
width: 100%;
}
.shadow-two {
align-self: center;
margin-left: 0;
}
.paragraph-small-3.text-color-purple-400 {
margin-top: auto;
margin-left: auto;
padding-top: 0;
padding-bottom: 0;
}
.nav-link-3 {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
}
.hero {
width: 100%;
height: auto;
min-height: auto;
padding: 104px 20px 72px;
}
.heading-4 {
align-self: center;
}
.container-3 {
max-width: none;
}
.centered-heading {
margin-bottom: 24px;
}
.testimonial-grid {
grid-template-columns: 1fr;
}
.testimonial-block-main {
flex-direction: column;
}
.testimonial-main-image {
width: 100%;
height: auto;
margin-bottom: 32px;
margin-right: 0;
}
.navigation-grid-b {
grid-template-columns: 1fr;
}
.banner-2 {
display: none;
}
.navigation-grid-a {
grid-template-columns: 1fr;
}
.dropdown-block-link, .dropdown-block-small {
flex-direction: column;
align-items: flex-start;
}
.title-wrapper {
width: 35%;
height: 6%;
}
.h2-heading-3 {
width: 300px;
height: 500px;
margin-left: 0;
margin-right: 0;
}
.text-color-orange {
margin-left: 0;
margin-right: 0;
}
.section-small {
padding: 64px 20px;
}
.f-cta-form-wrapper {
flex-direction: column;
}
.f-form-button {
width: 100%;
}
.f-cta-text-wrapper-center {
margin-top: 0%;
}
.f-section-regular {
margin-top: 0;
margin-bottom: 0;
padding: 72px 20px;
}
.f-cta-form-block {
width: 100%;
}
.brix---cta-v3-floating-item-02-2 {
max-width: 70%;
right: -33%;
overflow: clip;
}
.brix---btn-primary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---input {
min-height: 54px;
padding-left: 18px;
padding-right: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---input::placeholder {
font-size: 16px;
line-height: 16px;
}
.brix---card-form {
padding-left: 23px;
padding-right: 23px;
}
.brix---text-200-list-bold {
overflow: hidden;
}
.brix---icon-list {
width: 24px;
margin-right: 8px;
}
.brix---icon-list-item-wrapper {
justify-content: flex-start;
}
.brix---grid-1-column-gap-row-16px {
grid-template-columns: .75fr;
justify-items: start;
}
.brix---heading-h2-size {
font-size: 24px;
line-height: 34px;
}
.brix---grid-cta-v4 {
place-content: stretch;
justify-items: center;
margin-right: 0;
padding-right: 0;
}
.brix---container-default {
padding-left: 20px;
padding-right: 20px;
}
.brix---cta-section {
padding-top: 72px;
padding-bottom: 72px;
}
.closed-beta {
margin-top: -10px;
}
.brix---btn-circle-accordion-btn {
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
}
.brix---accordion-right-side {
margin-right: 0;
}
.brix---mg-bottom-0 {
flex-flow: column;
flex: none;
}
.brix---paragraph-default {
font-size: 17px;
line-height: 28px;
}
.brix---accordion-title {
font-size: 18px;
line-height: 26px;
}
.brix---badge-secondary---tabs {
margin-left: 0;
margin-right: 0;
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
}
.brix---heading-h2-size-2 {
font-size: 24px;
line-height: 34px;
}
.brix---mg-bottom-16px {
margin-bottom: 15px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---container-default-2 {
padding-left: 20px;
padding-right: 20px;
}
.brix---link-icon-right {
width: 18px;
}
.brix---text-200-bold {
font-size: 15px;
line-height: 16px;
}
.brix---paragraph-default-2 {
font-size: 17px;
line-height: 28px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 15px;
}
.brix---grid-2-columns-gap-56px {
grid-row-gap: 36px;
}
.brix---tabs-content-card {
padding-left: 24px;
padding-right: 24px;
}
.brix---square-icon-48px {
border-radius: 14px;
max-width: 56px;
}
.brix---tab-small-center {
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
line-height: 18px;
}
.brix---heading-h2-size-3 {
font-size: 24px;
line-height: 34px;
}
.brix---subtitle {
font-size: 14px;
line-height: 18px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---container-default-3 {
padding-left: 20px;
padding-right: 20px;
}
.m-nav-link-item {
margin-top: 20%;
}
.m-nav-list {
align-self: center;
}
.m-nav-toggle-bg {
display: block;
}
.m-nav-toggle-inner:active {
flex-flow: row;
}
.mobile-nav {
text-align: center;
align-self: auto;
}
.m-nav-overlay {
display: none;
overflow: hidden;
}
.m-nav-content {
display: flex;
}
.m-nav-toggle {
pointer-events: auto;
}
.m-nav-link.closed-beta {
color: var(--red);
}
.m-nav-link.docs {
justify-content: center;
display: none;
}
.m-nav-link.changelog, .m-nav-link.about {
justify-content: center;
}
.m-nav-toggle-close {
overflow: visible;
}
.div-block-2 {
flex-flow: row;
display: flex;
}
.container-4 {
padding-left: 20px;
padding-right: 20px;
}
.collection-list {
margin-left: 20px;
margin-right: 20px;
}
.brix---heading-h2-size-4 {
font-size: 24px;
line-height: 34px;
}
.container-5 {
max-width: none;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
padding-top: 2rem;
padding-bottom: 2rem;
}
.search-input {
min-width: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer_top-wrapper {
grid-row-gap: 48px;
}
.footer_form {
grid-row-gap: 12px;
flex-direction: column;
grid-template-columns: 1fr;
}
.footer_left-wrapper {
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
}
.docs-right_wrapper {
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.doc-category_list {
grid-template-columns: 1fr;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-3 {
flex-flow: row;
display: flex;
}
.closed-beta-2 {
margin-top: -10px;
}
.subheading-small-4 {
margin-right: auto;
}
.button-secondary-l-3 {
margin-top: 10px;
}
.banner-3 {
display: none;
}
.heading-8 {
font-size: 2.6rem;
}
.text-image-layout {
grid-template-rows: auto auto;
grid-template-columns: 2fr;
}
.navbar-link {
padding-left: 1rem;
padding-right: 1rem;
font-size: 1.2rem;
}
.footer-light-asset {
bottom: -44rem;
}
.team-listing-wrapper {
grid-row-gap: 3rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.footer-layout {
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 2fr 2fr 2fr;
}
.footer-layout.margin-top.margin-medium {
grid-row-gap: 1.5rem;
}
.paragraph-layout {
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 6fr;
}
.paragraph-asset-wrapper {
justify-content: flex-start;
min-height: 10rem;
}
.nav-menu-2 {
right: 0;
}
.navbar-layout {
grid-template-columns: 3fr 4fr 1fr;
}
.heading-9 {
font-size: 2.2rem;
}
.heading-9.text-color-white.text-image-title {
margin-left: 0;
}
.paragraph-asset-wrapper-image {
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
}
.heading-10 {
font-size: 2.2rem;
}
.heading-10.text-color-white.text-image-title {
margin-left: 0;
}
.bold-text-5 {
display: flex;
}
.bold-text-6 {
float: right;
clear: left;
vertical-align: baseline;
justify-content: flex-start;
margin-left: 0;
margin-right: 0%;
display: flex;
}
.panel1, .panel3, .panel4, .panel2, .panel5 {
margin-left: 0;
margin-right: 0;
}
.panel6 {
width: 45.8884%;
margin-left: 0;
margin-right: 0;
}
.tab-icon-green {
margin-left: 24px;
padding-left: 0;
}
.paragraph-small-6.text-color-gray-800 {
margin-left: 10px;
}
.tab-link-horizontal {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-end;
align-items: center;
}
.h6-heading {
flex: none;
align-self: auto;
}
.header-banner {
z-index: 1000;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
background-color: #0d0d0df5;
border-bottom-width: 1px;
border-bottom-color: #ffffff14;
height: auto;
min-height: 0;
display: block;
position: sticky;
top: 0;
overflow: visible;
}
.countdown-block {
min-width: 140px;
}
.countdown-illustration {
grid-column-gap: 92px;
grid-row-gap: 92px;
}
.countdown-vector-graphic {
display: none;
}
.countdown-statistics-card {
inset: auto 2% -15% auto;
}
.countdown-badge-card {
inset: auto 16px 16px auto;
}
.button-primary-4 {
width: 100%;
}
.brix---btn-secondary, .brix---btn-primary-2 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---button-row-left {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---buttons-row {
flex-direction: column;
align-items: stretch;
}
.brix---paragraph-default-3 {
font-size: 17px;
line-height: 28px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 32px;
}
.brix---heading-h2-size-5 {
font-size: 24px;
line-height: 34px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 15px;
}
.brix---container-default-4 {
padding-left: 20px;
padding-right: 20px;
}
.m-nav-toggle-inner-3 {
display: flex;
}
.m-nav-overlay-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
border-radius: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
width: auto;
height: auto;
max-height: calc(100dvh - 16px);
display: block;
inset: 8px;
overflow: hidden;
}
.m-nav-content-3 {
padding: 20px 14px 104px;
display: flex;
overflow: auto;
}
.m-nav-toggle-close-3 {
display: none;
}
.image-28 {
margin-top: 10%;
margin-bottom: 10%;
}
.container-6 {
padding-left: 20px;
padding-right: 20px;
}
.tag-over-heading.integrate-logo {
text-align: center;
object-fit: cover;
justify-content: center;
display: block;
position: static;
}
.tag-over-heading.integrate-more {
float: none;
text-align: center;
display: block;
position: static;
overflow: clip;
}
.brix---mg-bottom-16px-4 {
margin-bottom: 15px;
}
.brix---mg-bottom-48px-4 {
margin-bottom: 32px;
}
.brix---btn-primary-3, .brix---btn-secondary-2 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---buttons-row-2 {
flex-direction: column;
align-items: stretch;
}
.brix---container-default-5 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h2-size-6 {
font-size: 24px;
line-height: 34px;
}
.brix---paragraph-default-4 {
font-size: 17px;
line-height: 28px;
}
.brix---button-row-left-2 {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---grid-2-columns-text-left-2 {
grid-row-gap: 51px;
grid-template: "Area" 2fr
/ 3fr;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.site-builder-text-field {
text-align: center;
object-fit: fill;
flex: 0 auto;
align-self: center;
padding-right: 0;
font-size: 1.1rem;
text-decoration: none;
}
.site-builder-text-field.e {
align-self: center;
padding-left: 0;
font-size: 1rem;
}
.site-builder-form {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
}
.container-7 {
max-width: none;
}
.features-right {
margin-bottom: -30px;
}
.features-block-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
}
.features-image {
margin-bottom: 10px;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.image-31 {
width: 400px;
height: auto;
}
.bold-text-13 {
flex: none;
}
.space-general {
height: 5vh;
}
.container-8 {
max-width: 100%;
padding-left: 32px;
padding-right: 32px;
font-size: 8px;
}
.code-embed-2 {
top: -55vh;
bottom: 0;
}
.integrate {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.code-embed-3 {
overflow: hidden;
}
.page-padding-3.s0 {
margin-bottom: 0;
padding-top: 1em;
padding-bottom: 1em;
}
.logo-slider-img {
width: 100px;
}
.logo_component-slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
margin-left: 255px;
}
.integrate-with {
max-width: 100vw;
}
.sip-trunking-costum, .div-block-26 {
overflow: clip;
}
.heading-15 {
color: var(--_apps---colors--primary);
}
.div-block-29 {
flex-flow: column;
justify-content: flex-start;
display: flex;
}
.ct-proof-section {
padding-left: 17px;
padding-right: 17px;
}
.ct-proof-link {
justify-content: center;
width: 100%;
}
.ct-proof-flow {
height: 140px;
}
.ct-flow-node-a {
left: 2%;
}
.ct-flow-node-d {
right: 2%;
}
.ct-resource-page {
padding: 88px 20px 72px;
}
.ct-resource-h1 {
font-size: 44px;
line-height: 1.02;
}
.ct-resource-row {
grid-template-columns: 1fr;
row-gap: 10px;
}
.ct-timeline-entry {
grid-template-columns: 1fr;
row-gap: 18px;
margin-bottom: 42px;
padding-bottom: 42px;
}
.ct-timeline-title {
font-size: 29px;
}
.hc2-title {
font-size: 38px;
}
.hc2-intro {
font-size: 16px;
}
.hc2-method {
padding-left: 16px;
}
.hc2-rec-title {
font-size: 31px;
}
.hc3-title {
font-size: 37px;
}
.hc3-intro {
font-size: 16px;
}
.hc3-result-title {
font-size: 30px;
}
.gym-h1 {
font-size: 42px;
}
.gym-primary, .gym-secondary {
width: 100%;
}
.gym-proof-item {
min-width: 100%;
}
.gym-h2 {
font-size: 37px;
}
.gym-map {
min-height: 315px;
}
.gym-node {
font-size: 9px;
}
.gym-ops {
padding: 20px;
}
.gym-ops-summary-title {
font-size: 19px;
}
.gym-ops-line {
grid-template-rows: auto;
grid-template-columns: 26px 1fr;
}
.gym-ops-state {
display: none;
}
.gym-ops-foot {
flex-direction: column;
}
.gym-ops-foot-item {
max-width: 100%;
}
.gym-leak-total {
font-size: 45px;
}
.gym-leak-priority-value {
font-size: 19px;
}
.grj-title {
font-size: 38px;
}
.grj-priority {
margin-top: 40px;
}
.grj-primary-link {
box-sizing: border-box;
width: 100%;
}
.gop-panel {
border-radius: 20px;
padding: 22px;
}
.gop-title {
font-size: 21px;
}
.gop-control {
font-size: 8px;
}
.gop-flow-title {
font-size: 16px;
}
.cs-h1 {
font-size: 43px;
}
.cs-lead {
font-size: 17px;
}
.cs-actions {
flex-direction: column;
}
.cs-primary, .cs-secondary {
box-sizing: border-box;
width: 100%;
}
.cs-proofline {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.cs-h2 {
font-size: 37px;
}
.cs-metric {
grid-column-gap: 7px;
grid-row-gap: 7px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cs-cta-title {
font-size: 40px;
}
.sg-h1 {
font-size: 46px;
}
.sg-lead {
font-size: 16px;
}
.sg-actions {
flex-direction: column;
}
.sg-primary, .sg-secondary {
box-sizing: border-box;
width: 100%;
}
.sg-console-footer {
flex-direction: column;
}
.sg-h2 {
font-size: 38px;
}
.sg-cta-title {
font-size: 36px;
}
.pd-section {
padding-left: 12px;
padding-right: 12px;
}
.pd-title {
font-size: 34px;
}
.pd-lead {
font-size: 15px;
}
.pd-tabs {
padding-left: 6px;
padding-right: 6px;
}
.pd-tab {
padding: 8px 10px;
}
.pd-board {
grid-template-rows: auto;
grid-template-columns: repeat(4, 200px);
}
.pd-canvas {
overflow: auto;
}
.pd-flow-node {
transform-origin: 0 0;
transform: scale(.88);
}
.sr-section {
padding-left: 12px;
padding-right: 12px;
}
.sr-title {
font-size: 34px;
}
.sr-stepline {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
align-items: flex-start;
}
.sr-actionrow {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
align-items: flex-start;
}
.sr-actionvalue {
text-align: left;
}
.ht-section {
padding-left: 12px;
padding-right: 12px;
}
.ht-title {
font-size: 34px;
}
.ht-actions {
flex-direction: column;
}
.ht-primary, .ht-secondary {
width: 100%;
}
.ht-window {
border-radius: 14px;
}
.ht-main {
padding: 11px;
}
.ag-hero-v2 {
padding-left: 14px;
padding-right: 14px;
}
.ag-hero-title {
font-size: 45px;
}
.ag-hero-lead {
font-size: 16px;
}
.ag-hero-signals {
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.ag-hero-signal {
font-size: 10px;
}
.ag-proof-context, .ag-proof-flow {
padding-left: 14px;
padding-right: 14px;
}
.ag-proof-step {
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr);
row-gap: 8px;
}
.ag-proof-check {
grid-column-start: 2;
}
.ag-proof-pill {
grid-column-start: 2;
justify-self: start;
}
.ag-hero-proofline {
flex-direction: column;
align-items: flex-start;
row-gap: 12px;
}
.agf-title {
font-size: 38px;
}
.agf-prompt-row {
display: grid;
}
.agf-windowbar {
grid-template-rows: auto;
grid-template-columns: 1fr auto;
}
.agf-windowdots, .agf-windowmeta {
display: none;
}
.agf-message-user {
max-width: 88%;
}
.agf-message-agent {
max-width: 94%;
}
.agf-mini-board {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-board-card {
margin-top: 6px;
}
.agf-mini-studio {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.agf-studio-nav {
border-bottom: 1px solid #dfe3e8;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.agf-contract-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-title {
font-size: 38px;
}
.ag3-orch-controls {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
width: 100%;
display: grid;
}
.ag3-control, .ag3-control-guarded {
text-align: center;
padding: 6px 7px;
font-size: 9px;
}
.ag3-message-user, .ag3-message-agent {
max-width: 86%;
}
.ag3-composer-foot {
flex-direction: column;
align-items: flex-start;
}
.ag3-send, .ag3-send._w-button {
width: 100%;
}
.ag3-smart-tabs {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.ag3-flow-body {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-palette {
display: none;
}
.ag3-flow-node {
width: 112px;
}
.ag3-node-start {
left: 4%;
}
.ag3-node-knowledge {
left: 38%;
}
.ag3-node-route {
left: 55%;
}
.ag3-node-tool {
right: 2%;
}
.ag3-cap-row {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-result {
border-radius: 16px;
padding: 22px 20px;
}
.ag3-result-cta {
width: 100%;
display: flex;
}
.ag3-definition-copy {
font-size: 18px;
}
.ag3-cta-title {
font-size: 40px;
}
.ag3-review-form {
padding: 20px 18px;
}
.ag3-review-proof {
grid-column-gap: 7px;
grid-row-gap: 7px;
text-align: left;
grid-template-columns: 1fr;
}
.ag3-mc-meta-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-pw-action {
padding: 4px;
font-size: 6px;
}
.ag3-studio-runtime-head {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
}
.ag3-studio-runtime-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag3-pw-edge-label, .ag3-pw-minimap {
display: none;
}
.ag3-studio-head-actions {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin-left: 0;
}
.ag3-studio-readiness-head {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
}
.ag3-studio-check-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ag4-tw-title-group {
width: 100%;
min-width: 0;
}
.ag4-tw-mode-group {
max-width: 100%;
overflow-x: auto;
}
.ag4-tw-workspace {
grid-template-columns: 44px minmax(0, 1fr);
}
.ag4-tw-toolbar {
padding: 7px 5px;
}
.ag4-tw-tool {
width: 30px;
height: 30px;
font-size: 11px;
}
.ag4-tw-sidebar-tabs {
white-space: nowrap;
overflow-x: auto;
}
.ct4-slide {
padding: 44px 16px;
}
.ct4-bridge {
padding: 72px 18px;
}
.ct4-bridge-link {
justify-content: center;
width: 100%;
}
.ct4-bridge-row {
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr);
}
.ct4-bridge-row-copy {
font-size: 13px;
}
.ag4-hero {
padding-left: 13px;
padding-right: 13px;
}
.cth-title {
font-size: 38px;
}
.cth-actions {
flex-direction: column;
}
.cth-primary, .cth-secondary {
width: 100%;
}
.cth-console-head {
padding: 0 12px;
}
.cth-console-subtitle {
display: none;
}
.cth-route {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cth-thread {
min-height: 430px;
}
.cth-trace {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cth-route-model {
grid-column-start: auto;
}
.cv2-eyebrow-copy {
font-size: 8px;
}
.cv2-title {
font-size: 38px;
}
.cv2-brand-subtitle {
display: none;
}
.cv2-session-label {
font-size: 9px;
}
.cv2-scroll {
height: 470px;
padding-bottom: 125px;
}
.cv2-message-text, .cv2-textarea {
font-size: 12px;
}
.cv2-composer-hint {
display: none;
}
.cv2-voice-main {
flex-wrap: wrap;
align-items: flex-start;
}
.cv2-level {
width: 100%;
padding-left: 49px;
}
.cv2-voice-controls {
justify-content: space-between;
}
.cv2-control-button {
flex: 1;
}
.cv2-footer {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-direction: column;
align-items: flex-start;
padding-top: 8px;
padding-bottom: 8px;
}
.cv2-proof-note {
line-height: 1.5;
}
.ca-title {
font-size: 43px;
line-height: 1;
}
.ca-actions {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.ca-primary, .ca-secondary {
width: 100%;
}
.ca-panel-state {
display: none;
}
.ca-step {
padding: 12px 10px;
}
.ca-step-body, .ca-transition-copy {
font-size: 8px;
}
.cb-title {
font-size: 44px;
}
.cb-actions {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.cb-primary {
justify-content: center;
width: 100%;
}
.cb-text-link {
justify-content: center;
}
.cb-core {
width: 220px;
height: 220px;
}
.cb-principle {
padding: 16px;
}
.cc-title {
font-size: 43px;
line-height: .99;
}
.cc-actions {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.cc-primary, .cc-secondary {
width: 100%;
}
.cc-system-head {
padding: 15px;
}
.cc-brand-note, .cc-system-status {
display: none;
}
.cc-lanes {
padding: 12px;
}
.cc-lane {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding: 13px 10px;
}
.cc-lane-heading {
display: block;
}
.cc-lane-kicker {
margin-bottom: 3px;
display: block;
}
.cc-chip {
font-size: 6px;
}
.cc-bridge-title {
font-size: 10px;
}
.s1-hero {
padding: 92px 16px 48px;
}
.s1-eyebrow {
letter-spacing: .08em;
padding: 7px 10px;
font-size: 9px;
line-height: 1.3;
}
.s1-title {
letter-spacing: -.052em;
font-size: 42px;
line-height: 1;
}
.s1-actions {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.s1-primary, .s1-secondary {
width: 100%;
}
.s1-panelhead {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: 14px;
}
.s1-panelbrand {
width: 100%;
}
.s1-panelnote {
font-size: 11px;
}
.s1-state {
white-space: nowrap;
word-spacing: .12em;
margin-left: 42px;
padding: 5px 7px;
font-size: 9px;
display: inline-flex;
}
.s1-body {
padding: 12px;
}
.s1-row {
padding: 11px 10px;
}
.s1-rowtitle {
font-size: 13px;
line-height: 1.3;
}
.s1-rowcopy {
font-size: 11px;
line-height: 1.45;
}
.cvn-hero {
padding: 100px 16px 58px;
}
.cvn-title {
font-size: 42px;
line-height: 1;
}
.cvn-actions {
flex-direction: column;
}
.cvn-primary, .cvn-secondary {
width: 100%;
}
.cvn-lens {
padding: 16px;
}
.cvn-lens-head {
flex-direction: column;
}
.cvn-model, .cvn-model-accent {
padding: 12px;
}
.cvn-diagnostic {
padding: 64px 16px 72px;
}
.cvn-d-title {
font-size: 40px;
line-height: 1;
}
.cvn-d-card, .cvn-d-card-accent {
padding: 19px;
}
.cvn-d-detail {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cvn-hybrid {
padding: 19px;
}
.cvn-hybrid-title {
font-size: 25px;
}
.cvn-leadmagnet {
padding: 19px;
}
.cvn-leadmagnet-title {
font-size: 26px;
}
.waa-actions {
align-items: stretch;
}
.waa-button-primary, .waa-button-secondary {
width: 100%;
}
.waa-lens {
border-radius: 18px;
padding: 16px;
}
.waa-lens-head {
flex-direction: column;
}
.waa-signal-row, .waa-signal-row-active {
grid-template-rows: auto;
grid-template-columns: 28px minmax(0, 1fr);
}
.waa-signal-axis, .waa-signal-axis-active {
display: none;
}
.waa-outcome {
padding: 24px;
}
.waa-evaluate {
width: 100%;
}
.waa-result {
padding: 20px;
}
.waa-result-title {
font-size: 29px;
}
.waa-method-row {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 34px minmax(0, 1fr);
}
.waa-canvas-actions {
align-items: stretch;
}
.waa-text-link {
width: 100%;
}
.fsa-hero {
padding-top: 102px;
}
.fsa-shell {
width: calc(100% - 22px);
}
.fsa-actions {
flex-direction: column;
}
.fsa-primary, .fsa-secondary {
width: 100%;
}
.fsa-call-panel {
border-radius: 17px;
padding: 14px;
}
.fsa-panel-top {
align-items: flex-start;
}
.fsa-status {
padding: 6px 8px;
}
.fsa-caller {
padding: 11px;
}
.fsa-flow-item {
grid-template-rows: auto;
grid-template-columns: 24px 1fr 22px;
padding: 10px 9px;
}
.fsa-h2 {
font-size: 34px;
}
.fsa-problem {
padding: 20px;
}
.fsa-scope-card {
padding: 17px 14px;
}
.fsa-boundary {
padding: 20px;
}
.fsa-fit-box {
border-radius: 18px;
padding: 22px;
}
.fsa-final {
padding-bottom: 92px;
}
.fsa-final-box {
border-radius: 18px;
padding: 22px;
}
.fsa-proof-strip {
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.fsa-proof-chip {
font-size: 11px;
}
.fsa-scenario-summary {
min-height: 64px;
padding: 12px;
}
.fsa-scenario-result {
padding: 0 12px 15px 52px;
}
.fsa-pressure {
padding-top: 56px;
padding-bottom: 56px;
}
.fsa-pressure-title {
font-size: 36px;
}
.fsa-ops-queue, .fsa-capability-map {
border-radius: 18px;
padding: 14px;
}
.fsa-outcome-band {
flex-direction: column;
align-items: flex-start;
}
.fsa-outcome-label {
margin-right: 0;
}
.fsa-control-proof {
border-radius: 18px;
padding: 14px;
}
.fsa-control-proof-head {
flex-direction: column;
}
.fsa-control-proof-badge {
align-self: flex-start;
}
.fsa-control-line {
grid-template-rows: auto;
grid-template-columns: 22px 1fr;
}
.fsa-control-state-ok {
grid-column-start: 2;
justify-self: start;
}
.fsa-permission-line {
flex-direction: column;
align-items: flex-start;
}
.gym-stack-track {
width: calc(100% - 20px);
}
.gym-stack-card {
border-radius: 18px;
}
.gym-stack-bar {
padding-left: 16px;
padding-right: 16px;
}
.gym-stack-body {
padding: 22px 16px;
}
.gym-stack-title {
font-size: 32px;
}
.ct9-fit {
padding: 68px 16px;
}
.ct9-title {
font-size: 40px;
}
.ct9-actions {
display: grid;
}
.ct9-action {
justify-content: center;
}
.ct9-card {
border-radius: 18px;
padding: 22px;
}
.ct9-route {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: 1fr;
}
.ct9-criteria {
justify-content: flex-start;
}
.ct10-answers {
border-radius: 18px;
margin-top: 52px;
padding: 24px;
}
.ct10-title {
font-size: 32px;
}
.ct11-shell {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: minmax(0, 1fr) auto;
}
.ct11-link {
min-height: 36px;
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
}
.ct11-cta {
text-overflow: ellipsis;
max-width: 132px;
min-height: 38px;
padding-left: 11px;
padding-right: 11px;
font-size: 10px;
overflow: hidden;
}
.ct12-shell {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-columns: 1fr;
}
.ct12-label {
display: none;
}
.cvn2-section {
padding: 64px 16px;
}
.cvn2-source {
justify-content: space-between;
width: 100%;
}
.secx-h1 {
font-size: 45px;
}
.secx-lead {
font-size: 17px;
}
.secx-primary, .secx-secondary {
width: 100%;
}
.secx-terminal-row {
grid-column-gap: 3px;
grid-row-gap: 3px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.br26-browser {
margin: 8px;
}
.br26-record {
gap: 4px;
display: grid;
}
.br26-steps {
grid-template-columns: 1fr;
}
.br26-demo-actions {
flex-direction: column;
}
.br26-run, .br26-reset {
width: 100%;
}
.gv26-desc-row {
gap: 4px;
display: grid;
}
.gv26-evidence {
gap: 5px;
display: grid;
}
.or26-approval {
grid-template-columns: 1fr;
}
.or26-approve {
width: 100%;
}
.vc26-stage-strip {
grid-template-columns: 1fr;
}
.vc26-runtime-row {
gap: 4px;
display: grid;
}
.hm26-product-head {
align-items: flex-start;
}
.hm26-offer {
min-height: 300px;
}
.dx26-status-row {
grid-template-columns: 1fr;
gap: 6px;
}
.ab26-fact {
grid-template-columns: 1fr;
gap: 5px;
}
.ab26-layer {
min-height: 280px;
}
.cl26-boundary-note {
grid-template-columns: 1fr;
gap: 6px;
}
.cl26-snap-head {
gap: 8px;
display: grid;
}
.nv26-mobile-actions {
grid-template-columns: 1fr;
}
}
#w-node-fffd78cd-7050-c94a-bc51-9fe70fb2afe8-0fb2afab, #w-node-fffd78cd-7050-c94a-bc51-9fe70fb2aff4-0fb2afab, #w-node-fffd78cd-7050-c94a-bc51-9fe70fb2b007-0fb2afab {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b0bf1b91-4120-465c-3fea-8664163d76dd-0a34186e {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_087a011a-9416-b383-1be6-9f85394ce96f-0a34186e, #w-node-_087a011a-9416-b383-1be6-9f85394ce976-0a34186e, #w-node-_087a011a-9416-b383-1be6-9f85394ce98c-0a34186e, #w-node-_9a209c6a-3f40-742b-6a4e-d16378315e28-0a34186e, #w-node-_28844f4c-9ba9-a83a-78bb-9dfd7cf3cf3d-0a34186e, #w-node-_2e30e013-e740-43bb-5126-3b409d3cfae6-0a34186e, #w-node-_087a011a-9416-b383-1be6-9f85394ce985-0a34186e, #w-node-_087a011a-9416-b383-1be6-9f85394ce993-0a34186e, #w-node-a61b824b-8acf-d7fe-97af-a89bce409bba-0a34186e, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80982b-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80984c-f60ed8ba, #w-node-ff65f26e-7c8a-fb2a-9341-2545b2984204-f60ed8ba, #w-node-ff65f26e-7c8a-fb2a-9341-2545b298420b-f60ed8ba, #w-node-_9af90b68-9c77-0acf-77d5-d5794d55e24e-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80985b-f60ed8ba, #w-node-_74b4b318-5af5-367e-6b9f-a929ee79fd7c-f60ed8ba, #w-node-_20dd171b-acef-425a-dc3d-012147f3c6a5-f60ed8ba, #w-node-_1877e8e7-f57c-edce-215e-3f87d14f05be-f60ed8ba, #w-node-_3db5cf63-736a-a846-cd69-ddaf7ce6e462-f60ed8ba, #w-node-e42aed55-ea79-72c4-fdee-6c5608f9bcb1-f60ed8ba, #w-node-e2e0b2e5-13cf-a9d2-d60f-ad449d2c2ff7-f60ed8ba, #w-node-_8d1fd74b-9bd5-68f0-7aaa-46686db653f9-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80985f-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb809863-f60ed8ba, #w-node-_44983915-7570-10a6-156f-b93bce5634b8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc6a-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc8b-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc8f-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc9a-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc9f-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcca4-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcca8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccac-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccb0-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccb4-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccb8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccbc-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccc0-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccc4-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccc8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcccc-f60ed8ba, #w-node-b0ab63b5-2700-52b3-bf96-8efce1c3528e-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d69-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d6d-f60ed8ba, #w-node-_983915d5-7804-b9da-89c2-9b1a790e3279-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d78-f60ed8ba, #w-node-bf1ba82a-3bc5-253b-a773-fd8a5352e89b-f60ed8ba, #w-node-cb330861-d1f4-0ba5-d114-d6c6d190d70e-f60ed8ba, #w-node-_55a97268-214c-5ae1-cbf1-3ffddbcb9f3d-f60ed8ba, #w-node-_7a2f6d81-c3ea-927b-14c9-0ea3d75bd065-f60ed8ba, #w-node-c16bc044-6edd-ab40-2063-075aa1b8833d-f60ed8ba, #w-node-_144e8409-aafd-b23c-c94f-35ed89923dff-f60ed8ba, #w-node-_3684e1e4-b8e0-1564-66f3-37e27c2d154c-f60ed8ba, #w-node-_4bb2d2f9-30ef-38ba-d009-ef6b15399cfa-f60ed8ba, #w-node-f8fae545-b553-a2fa-ce1f-32ada1ed57f3-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d7c-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d80-f60ed8ba, #w-node-_392a1aaf-03d6-7d72-ba03-81ab7154ab18-f60ed8ba {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b0ab63b5-2700-52b3-bf96-8efce1c35334-f60ed8ba {
grid-area: 2 / 2 / 4 / 3;
place-self: auto;
}
#w-node-_0051ebfd-9441-9c2f-a277-148b6bd5ee45-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31068d2-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31068f3-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31068f7-f60ed8ba, #w-node-bc3cf930-e0d7-98af-e1d6-e7c5810e0a2e-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31068fe-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da3106906-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da310690a-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da310690e-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c910320-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c910324-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c91032b-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c910339-f60ed8ba, #w-node-_2c28e823-c5aa-567a-1274-f9b2a0677d82-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c91033d-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da310694b-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f2129f-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212a3-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212aa-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212b0-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212b8-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212bc-f60ed8ba {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_95e4e9ef-9623-784d-a304-021da3106988-f60ed8ba {
grid-area: 2 / 2 / 3 / 2;
place-self: auto;
}
#w-node-_95e4e9ef-9623-784d-a304-021da31069a9-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5833-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5854-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5858-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b585f-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5865-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5869-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b586d-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5871-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5892-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5896-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b589d-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58a3-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58a7-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58ab-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58af-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58d0-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58d4-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58db-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58e1-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58e6-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58ea-f60ed8ba {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58ee-f60ed8ba {
grid-area: 2 / 2 / 3 / 2;
place-self: auto;
}
#w-node-_45a7e989-78ad-3cf9-9c14-6b37795b590f-f60ed8ba, #w-node-b32b25d2-1294-b9d0-8a8d-3664ae78992d-eebbc7c8, #w-node-b32b25d2-1294-b9d0-8a8d-3664ae78992e-eebbc7c8, #w-node-b32b25d2-1294-b9d0-8a8d-3664ae789937-eebbc7c8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd8953c-3365c8b4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd89543-3365c8b4 {
grid-area: 1 / 3 / 2 / 5;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd89549-3365c8b4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd8954c-3365c8b4 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_566294c9-fe32-c82f-cd9c-5c09d7d7f62d-3e4fc81c, #w-node-a212b81f-ec28-5eca-6461-3d32d8a66bed-e0b87041 {
place-self: center;
}
@media screen and (min-width: 1440px) {
#w-node-fffd78cd-7050-c94a-bc51-9fe70fb2b007-0fb2afab {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d95ccc41-3489-963f-b0b5-107667f1023d-0a34186e {
align-self: center;
}
#w-node-_9a209c6a-3f40-742b-6a4e-d16378315e28-0a34186e, #w-node-_28844f4c-9ba9-a83a-78bb-9dfd7cf3cf3d-0a34186e, #w-node-_2e30e013-e740-43bb-5126-3b409d3cfae6-0a34186e, #w-node-_9af90b68-9c77-0acf-77d5-d5794d55e24e-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc9a-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc9f-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d78-f60ed8ba, #w-node-bf1ba82a-3bc5-253b-a773-fd8a5352e89b-f60ed8ba {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-_087a011a-9416-b383-1be6-9f85394ce993-0a34186e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80984c-f60ed8ba, #w-node-ff65f26e-7c8a-fb2a-9341-2545b2984204-f60ed8ba, #w-node-_9af90b68-9c77-0acf-77d5-d5794d55e24e-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80985b-f60ed8ba, #w-node-_74b4b318-5af5-367e-6b9f-a929ee79fd7c-f60ed8ba, #w-node-_20dd171b-acef-425a-dc3d-012147f3c6a5-f60ed8ba, #w-node-_1877e8e7-f57c-edce-215e-3f87d14f05be-f60ed8ba, #w-node-_3db5cf63-736a-a846-cd69-ddaf7ce6e462-f60ed8ba, #w-node-e42aed55-ea79-72c4-fdee-6c5608f9bcb1-f60ed8ba, #w-node-e2e0b2e5-13cf-a9d2-d60f-ad449d2c2ff7-f60ed8ba, #w-node-_8d1fd74b-9bd5-68f0-7aaa-46686db653f9-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb80985f-f60ed8ba, #w-node-dbc07f6c-98ba-a449-1b55-c5f4eb809863-f60ed8ba, #w-node-_44983915-7570-10a6-156f-b93bce5634b8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc8b-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc8f-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc9a-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcc9f-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcca4-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcca8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccac-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccb0-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccb4-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccb8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccbc-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccc0-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccc4-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbccc8-f60ed8ba, #w-node-_2b55e03e-f063-6f7c-dbf4-f88e86cbcccc-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d69-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d6d-f60ed8ba, #w-node-_983915d5-7804-b9da-89c2-9b1a790e3279-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d78-f60ed8ba, #w-node-bf1ba82a-3bc5-253b-a773-fd8a5352e89b-f60ed8ba, #w-node-cb330861-d1f4-0ba5-d114-d6c6d190d70e-f60ed8ba, #w-node-_55a97268-214c-5ae1-cbf1-3ffddbcb9f3d-f60ed8ba, #w-node-_7a2f6d81-c3ea-927b-14c9-0ea3d75bd065-f60ed8ba, #w-node-c16bc044-6edd-ab40-2063-075aa1b8833d-f60ed8ba, #w-node-_144e8409-aafd-b23c-c94f-35ed89923dff-f60ed8ba, #w-node-_3684e1e4-b8e0-1564-66f3-37e27c2d154c-f60ed8ba, #w-node-_4bb2d2f9-30ef-38ba-d009-ef6b15399cfa-f60ed8ba, #w-node-f8fae545-b553-a2fa-ce1f-32ada1ed57f3-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d7c-f60ed8ba, #w-node-a3998671-e43b-340d-4ca9-c30f04641d80-f60ed8ba, #w-node-_392a1aaf-03d6-7d72-ba03-81ab7154ab18-f60ed8ba, #w-node-_0051ebfd-9441-9c2f-a277-148b6bd5ee45-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31068f3-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31068f7-f60ed8ba, #w-node-bc3cf930-e0d7-98af-e1d6-e7c5810e0a2e-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da3106906-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da310690a-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c910320-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c910324-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c91032b-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c910339-f60ed8ba, #w-node-_2c28e823-c5aa-567a-1274-f9b2a0677d82-f60ed8ba, #w-node-_73db0621-db56-f2bc-d97d-83624c91033d-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f2129f-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212a3-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212aa-f60ed8ba, #w-node-_14011aaa-f8a4-de5b-46e7-5005cea4bc76-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212b8-f60ed8ba, #w-node-ab824372-5450-abc5-2842-f936e1f212bc-f60ed8ba, #w-node-_95e4e9ef-9623-784d-a304-021da31069a9-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5854-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5858-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b585f-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5869-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b586d-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5892-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b5896-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b589d-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58a3-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58a7-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58ab-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58d0-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58d4-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58db-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58e2-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58e6-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b58ea-f60ed8ba, #w-node-_45a7e989-78ad-3cf9-9c14-6b37795b590f-f60ed8ba {
order: -9999;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd8953c-3365c8b4, #w-node-_7bd47ef6-6a41-ef88-82a3-89015cd89543-3365c8b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_087a011a-9416-b383-1be6-9f85394ce96f-0a34186e, #w-node-_9a209c6a-3f40-742b-6a4e-d16378315e28-0a34186e, #w-node-_28844f4c-9ba9-a83a-78bb-9dfd7cf3cf3d-0a34186e, #w-node-_2e30e013-e740-43bb-5126-3b409d3cfae6-0a34186e, #w-node-_087a011a-9416-b383-1be6-9f85394ce985-0a34186e, #w-node-_087a011a-9416-b383-1be6-9f85394ce993-0a34186e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd8953c-3365c8b4 {
order: 9999;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd89543-3365c8b4 {
order: -9999;
}
#w-node-_7bd47ef6-6a41-ef88-82a3-89015cd89549-3365c8b4, #w-node-_7bd47ef6-6a41-ef88-82a3-89015cd8954c-3365c8b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}