/*
Theme Name: zero+
Theme URI: https://seudominio.com
Author: zero+
Author URI: https://seudominio.com
Description: Tema WordPress para a landing page zero+ — inteligência de negociação para a construção civil.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zero-mais
*/

/* Este arquivo contém o CSS completo da landing page zero+ Home,
   incluindo as declarações @font-face (fontes em /fonts, caminho relativo). */

/* ===== CSS extraído da landing page zero+ Home ===== */
@font-face {
  font-family:"DM Sans";
  font-style:normal;
  font-weight:400;
  src:url('fonts/dm-sans-400.woff2')format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family:"DM Sans";
  font-style:normal;
  font-weight:500;
  src:url('fonts/dm-sans-500.woff2')format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family:"DM Sans";
  font-style:normal;
  font-weight:600;
  src:url('fonts/dm-sans-600.woff2')format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family:"DM Sans";
  font-style:normal;
  font-weight:700;
  src:url('fonts/dm-sans-700.woff2')format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family:"Space Grotesk";
  font-style:normal;
  font-weight:400;
  src:url('fonts/space-grotesk-400.woff2')format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face {
  font-family:"Space Grotesk";
  font-style:normal;
  font-weight:500;
  src:url('fonts/space-grotesk-500.woff2')format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,:before,:after,::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0#0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0#0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0#0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0#0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0#0000;
      --tw-outline-style:solid;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial;
      --tw-ease:initial;
      --tw-content:"";
      --tw-animation-delay:0s;
      --tw-animation-direction:normal;
      --tw-animation-duration:initial;
      --tw-animation-fill-mode:none;
      --tw-animation-iteration-count:1;
      --tw-enter-blur:0;
      --tw-enter-opacity:1;
      --tw-enter-rotate:0;
      --tw-enter-scale:1;
      --tw-enter-translate-x:0;
      --tw-enter-translate-y:0;
      --tw-exit-blur:0;
      --tw-exit-opacity:1;
      --tw-exit-rotate:0;
      --tw-exit-scale:1;
      --tw-exit-translate-x:0;
      --tw-exit-translate-y:0
    }
  }
}
@layer theme {
  :root,:host {
    --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-100:oklch(93.6%.032 17.717);
    --color-red-500:oklch(63.7%.237 25.331);
    --color-blue-600:oklch(54.6%.245 262.881);
    --color-blue-700:oklch(48.8%.243 264.376);
    --color-slate-50:oklch(98.4%.003 247.858);
    --color-slate-100:oklch(96.8%.007 247.896);
    --color-slate-600:oklch(44.6%.043 257.281);
    --color-slate-700:oklch(37.2%.044 257.287);
    --color-slate-900:oklch(20.8%.042 265.755);
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-sm:24rem;
    --container-lg:32rem;
    --container-2xl:42rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1/.75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --text-base:1rem;
    --text-base--line-height:1.5;
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75/1.25);
    --text-4xl:2.25rem;
    --text-4xl--line-height:calc(2.5/2.25);
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --tracking-tight:-.025em;
    --tracking-widest:.1em;
    --leading-snug:1.375;
    --leading-normal:1.5;
    --leading-relaxed:1.625;
    --radius-xs:.125rem;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --ease-in-out:cubic-bezier(.4,0,.2,1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    --blur-sm:8px;
    --blur-2xl:40px;
    --aspect-video:16/9;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono)
  }
}
@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  a {
    -webkit-text-decoration:inherit
  }
  b,strong {
    font-weight:bolder
  }
  :-moz-focusring {
    outline:auto
  }
  img,svg {
    vertical-align:middle;
    display:block
  }
  img {
    max-width:100%
  }
  button,input,select {
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button {
    margin-inline-end:4px
  }
  ::placeholder {
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }
    @supports (color:color-mix(in lab,red,red)) {
      ::placeholder {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit {
    padding-block:0
  }
  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  button {
    appearance:button
  }
  ::file-selector-button {
    appearance:button
  }
  ::-webkit-inner-spin-button {
    height:auto
  }
  ::-webkit-outer-spin-button {
    height:auto
  }
}
@layer components;
@layer utilities {
  .relative {
    position:relative
  }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity:1
  }
  @media (hover:hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity:1
    }
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
    cursor:not-allowed
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
    opacity:.5
  }
  .file\:inline-flex::file-selector-button {
    display:inline-flex
  }
  .file\:h-7::file-selector-button {
    height:calc(var(--spacing)*7)
  }
  .file\:border-0::file-selector-button {
    border-style:var(--tw-border-style);
    border-width:0
  }
  .file\:bg-transparent::file-selector-button {
    background-color:#0000
  }
  .file\:text-sm::file-selector-button {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .after\:absolute:after {
    content:var(--tw-content);
    position:absolute
  }
  .after\:-inset-2:after {
    content:var(--tw-content);
    inset:calc(var(--spacing)*-2)
  }
  .after\:inset-y-0:after {
    content:var(--tw-content);
    inset-block:calc(var(--spacing)*0)
  }
  .after\:left-1\/2:after {
    content:var(--tw-content);
    left:50%
  }
  .after\:w-1:after {
    content:var(--tw-content);
    width:calc(var(--spacing)*1)
  }
  .after\:w-\[2px\]:after {
    content:var(--tw-content);
    width:2px
  }
  .after\:-translate-x-1\/2:after {
    content:var(--tw-content);
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
    content:var(--tw-content);
    left:100%
  }
  @media (hover:hover) {
    .hover\:bg-\[\#1a1a19\]\/90:hover {
      background-color:#1a1a19e6
    }
    .hover\:bg-blue-700:hover {
      background-color:var(--color-blue-700)
    }
    .hover\:underline:hover {
      text-decoration-line:underline
    }
    .hover\:opacity-90:hover {
      opacity:.9
    }
    .hover\:opacity-100:hover {
      opacity:1
    }
    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .hover\:shadow-lg:hover {
      --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .hover\:ring-4:hover {
      --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
  }
  .focus\:z-10:focus {
    z-index:10
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .focus\:outline-hidden:focus {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .focus-visible\:z-10:focus-visible {
    z-index:10
  }
  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus-visible\:ring-4:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width:1px;
    --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }
  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .focus-visible\:outline-1:focus-visible {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events:none
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed
  }
  .disabled\:opacity-50:disabled {
    opacity:.5
  }
  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .has-disabled\:opacity-50:has(:disabled) {
    opacity:.5
  }
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after {
    content:var(--tw-content);
    left:calc(var(--spacing)*0)
  }
  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after {
    content:var(--tw-content);
    height:calc(var(--spacing)*1)
  }
  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after {
    content:var(--tw-content);
    width:100%
  }
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after {
    content:var(--tw-content);
    --tw-translate-x:calc(var(--spacing)*0);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after {
    content:var(--tw-content);
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (min-width:48rem) {
    .md\:after\:hidden:after {
      content:var(--tw-content);
      display:none
    }
  }
  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg) {
    rotate:180deg
  }
  .\[\&\>\*\]\:focus-visible\:relative>:focus-visible {
    position:relative
  }
  .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible {
    z-index:10
  }
}
@property --tw-animation-delay {
  syntax:"*";
  inherits:false;
  initial-value:0s
}
@property --tw-animation-direction {
  syntax:"*";
  inherits:false;
  initial-value:normal
}
@property --tw-animation-duration {
  syntax:"*";
  inherits:false
}
@property --tw-animation-fill-mode {
  syntax:"*";
  inherits:false;
  initial-value:none
}
@property --tw-animation-iteration-count {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-enter-blur {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-enter-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-enter-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-enter-scale {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-enter-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-enter-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-blur {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-exit-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-scale {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-exit-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-exit-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
:root {
  --navy:#171c26;
  --petrol:#003e38;
  --lime:#d9fc97;
  --mist:#b5c3c9;
  --ink:#17222a;
  --paper:#f7f8f6;
  --line:#171c2629;
  --ease:cubic-bezier(.23,1,.32,1)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  margin:0;
  font-family:DM Sans,Arial,sans-serif
}
button,input,select {
  font:inherit
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer
}
.site-shell {
  overflow:hidden
}
.content-frame {
  width:min(1180px,100% - 64px);
  margin:0 auto
}
.site-header {
  z-index:20;
  color:#fff;
  transition:background .3s var(--ease),border .3s var(--ease),color .3s var(--ease);
  position:fixed;
  inset:0 0 auto
}
.site-header.header-scrolled {
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  background:#171c26eb;
  border-bottom:1px solid #ffffff1f
}
.nav-wrap {
  align-items:center;
  gap:36px;
  width:min(1280px,100% - 64px);
  height:82px;
  margin:0 auto;
  display:flex
}
.logo-lockup {
  letter-spacing:-.08em;
  align-items:flex-end;
  font-family:Space Grotesk,sans-serif;
  font-size:32px;
  line-height:.8;
  display:inline-flex
}
.logo-lockup.logo-light {
  color:#fff
}
.logo-lockup b {
  color:var(--lime);
  margin-left:1px;
  font-size:38px;
  font-weight:500;
  line-height:.72
}
.desktop-nav {
  color:#ffffffb8;
  align-items:center;
  gap:26px;
  margin-left:auto;
  font-size:12px;
  display:flex
}
.desktop-nav a,.nav-cta,.footer-top a {
  transition:color .2s
}
.desktop-nav a:hover,.footer-top a:hover {
  color:var(--lime)
}
.nav-cta {
  color:#fff;
  border:1px solid #ffffff61;
  align-items:center;
  gap:12px;
  padding:12px 15px;
  font-size:12px;
  display:inline-flex
}
.nav-cta svg,.button svg,.text-link svg,.category-link svg {
  width:15px;
  height:15px
}
.nav-cta:hover {
  border-color:var(--lime);
  color:var(--lime)
}
.hero-section {
  color:#fff;
  background:var(--navy);
  min-height:760px;
  padding:180px 0 34px;
  position:relative
}
.hero-section:after {
  content:"";
  pointer-events:none;
  background:radial-gradient(circle at 80% 42%,#003e3885,#0000 32%),linear-gradient(110deg,#171c26f5,#171c26cc 55%,#003e3847);
  position:absolute;
  inset:0
}
.hero-grid-lines {
  opacity:.18;
  background-image:linear-gradient(90deg,#0000 0 24.8%,#b5c3c973 25% 25.08%,#0000 25.1% 49.8%,#b5c3c959 50% 50.08%,#0000 50.1% 74.8%,#b5c3c959 75% 75.08%,#0000 75.1%),linear-gradient(0deg,#0000 0 49.8%,#b5c3c940 50% 50.08%,#0000 50.1%);
  position:absolute;
  inset:0
}
.hero-inner {
  z-index:1;
  grid-template-columns:.84fr 1.16fr;
  align-items:center;
  gap:52px;
  display:grid;
  position:relative
}
.hero-copy {
  max-width:545px
}
.section-kicker {
  text-transform:uppercase;
  color:var(--petrol);
  letter-spacing:.14em;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
  font-size:10px;
  font-weight:700;
  display:flex
}
.section-kicker-light {
  color:var(--lime)
}
.section-kicker>span {
  width:19px;
  height:19px;
  color:var(--navy);
  background:var(--lime);
  place-items:center;
  font-size:16px;
  line-height:1;
  display:inline-grid
}
.hero-copy h1 {
  letter-spacing:-.09em;
  margin:0;
  font-family:Space Grotesk,sans-serif;
  font-size:clamp(54px,6vw,88px);
  font-weight:500;
  line-height:.94
}
.hero-copy h1 em,.problem-statement h2 em,.technology-copy h2 em,.challenge-copy h2 em {
  color:var(--lime);
  font-style:normal
}
.hero-copy p {
  color:#ffffffb3;
  max-width:470px;
  margin:28px 0 0;
  font-size:16px;
  line-height:1.6
}
.hero-actions {
  align-items:center;
  gap:26px;
  margin-top:34px;
  display:flex
}
.button {
  min-height:48px;
  transition:transform .2s var(--ease),background .2s ease,color .2s ease;
  border:1px solid #0000;
  justify-content:center;
  align-items:center;
  gap:16px;
  padding:0 17px;
  font-size:12px;
  font-weight:700;
  display:inline-flex
}
.button:hover {
  transform:translateY(-2px)
}
.button-lime {
  color:var(--navy);
  background:var(--lime)
}
.button-lime:hover {
  background:#c3ef78
}
.button-dark {
  color:#fff;
  background:var(--navy)
}
.text-link {
  transition:gap .2s var(--ease),color .2s ease;
  border-bottom:1px solid;
  align-items:center;
  gap:12px;
  padding-bottom:6px;
  font-size:12px;
  font-weight:700;
  display:inline-flex
}
.text-link:hover {
  color:var(--petrol);
  gap:17px
}
.text-link-light:hover {
  color:var(--lime)
}
.hero-footnote {
  color:#ffffff80;
  align-items:center;
  gap:9px;
  margin-top:84px;
  font-size:11px;
  display:flex
}
.hero-footnote i {
  background:var(--lime);
  border-radius:50%;
  width:7px;
  height:7px;
  box-shadow:0 0 0 5px #d9fc971a
}
.hero-visual {
  background:#092f2b;
  border:1px solid #b5c3c947;
  min-height:440px;
  position:relative;
  overflow:hidden
}
.hero-visual img {
  object-fit:cover;
  opacity:.84;
  width:100%;
  height:100%;
  min-height:440px
}
.visual-label {
  color:#ffffffb3;
  text-transform:uppercase;
  letter-spacing:.14em;
  justify-content:space-between;
  font-size:9px;
  display:flex;
  position:absolute;
  left:18px;
  right:18px
}
.visual-label-top {
  top:18px
}
.visual-label-bottom {
  bottom:18px
}
.visual-label b {
  color:var(--lime);
  font-weight:600
}
.hero-plus {
  color:var(--lime);
  text-shadow:0 0 40px #d9fc972e;
  font-family:Space Grotesk;
  font-size:134px;
  font-weight:300;
  line-height:.7;
  position:absolute;
  top:35%;
  right:14%
}
.hero-bottom-line {
  z-index:1;
  color:#ffffff73;
  text-transform:uppercase;
  letter-spacing:.13em;
  border-top:1px solid #fff3;
  justify-content:space-between;
  margin-top:64px;
  padding-top:16px;
  font-size:9px;
  display:flex;
  position:relative
}
.hero-bottom-line span:last-child {
  align-items:center;
  gap:8px;
  display:flex
}
.hero-bottom-line svg {
  width:14px
}
.signal-strip {
  background:var(--lime)
}
.signal-inner {
  grid-template-columns:1fr 2fr 1fr;
  align-items:center;
  min-height:122px;
  display:grid
}
.signal-inner>span {
  color:var(--petrol);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:9px
}
.signal-inner strong {
  letter-spacing:-.06em;
  font-family:Space Grotesk;
  font-size:clamp(23px,3vw,38px);
  font-weight:500
}
.signal-inner em {
  color:var(--petrol);
  font-style:normal
}
.signal-inner>b {
  color:var(--petrol);
  justify-self:end;
  font-family:Space Grotesk;
  font-size:64px;
  font-weight:300;
  line-height:.5
}
.proof-section,.process-section,.categories-section,.pillars-section,.case-section,.about-section {
  background:var(--paper);
  padding:122px 0
}
.split-heading {
  grid-template-columns:1.1fr .9fr;
  align-items:end;
  gap:88px;
  display:grid
}
.section-heading h2,.ecosystem-layout h2,.about-layout h2 {
  color:var(--petrol);
  letter-spacing:-.085em;
  margin:0;
  font-family:Space Grotesk;
  font-size:clamp(38px,4.6vw,68px);
  font-weight:500;
  line-height:.97
}
.section-heading h2 span,.ecosystem-layout h2 span,.about-layout h2 span {
  color:#7b898d
}
.section-heading>p,.split-heading>p {
  color:#66747a;
  max-width:390px;
  margin:0 0 3px;
  font-size:14px;
  line-height:1.65
}
.metrics-grid {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  grid-template-columns:repeat(4,1fr);
  margin-top:84px;
  display:grid
}
.metric-card {
  border-right:1px solid var(--line);
  min-height:186px;
  padding:28px 22px 20px 0
}
.metric-card:not(:first-child) {
  padding-left:22px
}
.metric-card:last-child {
  border:0
}
.metric-card strong {
  color:var(--petrol);
  letter-spacing:-.08em;
  font-family:Space Grotesk;
  font-size:clamp(34px,4vw,58px);
  font-weight:500;
  display:block
}
.metric-card>span {
  color:var(--petrol);
  margin-top:3px;
  font-size:13px;
  font-weight:700;
  display:block
}
.metric-card small {
  color:#8a969a;
  text-transform:uppercase;
  letter-spacing:.1em;
  align-items:center;
  gap:4px;
  margin-top:38px;
  font-size:9px;
  display:flex
}
.metric-card small svg {
  width:12px
}
.problem-section,.technology-section,.challenge-section,.site-footer {
  color:#fff;
  background:var(--navy)
}
.problem-section {
  padding:128px 0 138px
}
.problem-layout {
  grid-template-columns:.88fr 1.12fr;
  gap:120px;
  display:grid
}
.problem-statement h2 {
  letter-spacing:-.085em;
  max-width:570px;
  margin:0;
  font-family:Space Grotesk;
  font-size:clamp(38px,4.5vw,66px);
  font-weight:500;
  line-height:.98
}
.problem-statement p {
  color:#fff9;
  max-width:430px;
  margin:30px 0;
  font-size:14px;
  line-height:1.65
}
.problem-list {
  border-top:1px solid #fff3
}
.problem-item {
  border-bottom:1px solid #fff3;
  grid-template-columns:35px 1fr 20px;
  align-items:center;
  min-height:72px;
  display:grid
}
.problem-item span {
  color:var(--lime);
  font-size:10px
}
.problem-item strong {
  font-size:15px;
  font-weight:500
}
.problem-item svg {
  color:#ffffff80;
  justify-self:end;
  width:14px
}
.process-layout {
  grid-template-columns:.86fr 1.14fr;
  gap:50px;
  display:grid
}
.process-rail {
  border-top:1px solid var(--line)
}
.process-tab {
  border:0;
  border-bottom:1px solid var(--line);
  color:#8a979a;
  text-align:left;
  background:0 0;
  grid-template-columns:34px 1fr 18px;
  align-items:center;
  width:100%;
  min-height:55px;
  padding:0;
  display:grid
}
.process-tab span {
  font-size:10px
}
.process-tab strong {
  font-size:13px;
  font-weight:600
}
.process-tab svg {
  width:15px;
  transition:transform .2s var(--ease);
  justify-self:end
}
.process-tab.active,.process-tab.active strong {
  color:var(--petrol)
}
.process-tab.active svg {
  color:var(--petrol);
  transform:translate(3px)
}
.process-detail {
  background:var(--petrol);
  color:#fff;
  min-height:370px;
  padding:26px 28px
}
.process-detail-top {
  color:var(--lime);
  letter-spacing:.15em;
  justify-content:space-between;
  font-size:9px;
  display:flex
}
.process-detail-top svg {
  width:21px
}
.process-detail h3 {
  letter-spacing:-.06em;
  max-width:430px;
  margin:78px 0 12px;
  font-family:Space Grotesk;
  font-size:38px;
  font-weight:500
}
.process-detail p {
  color:#ffffffa6;
  max-width:400px;
  margin:0;
  font-size:14px;
  line-height:1.55
}
.process-diagram {
  color:#fff9;
  align-items:center;
  gap:11px;
  margin-top:52px;
  font-size:10px;
  display:flex
}
.process-diagram i {
  background:#d9fc9799;
  width:42px;
  height:1px
}
.process-diagram b {
  color:var(--navy);
  background:var(--lime);
  padding:10px 13px;
  font-size:10px;
  font-weight:700
}
.process-detail>small {
  color:#ffffff59;
  text-transform:uppercase;
  letter-spacing:.13em;
  margin-top:30px;
  font-size:9px;
  display:block
}
.categories-section {
  background:#e9eeec
}
.category-grid {
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:72px;
  display:grid
}
.category-card {
  min-height:430px;
  transition:transform .25s var(--ease),background .25s ease,color .25s ease;
  background:#fff;
  border:1px solid #003e381f;
  padding:24px
}
.category-card:hover {
  color:#fff;
  background:var(--petrol);
  transform:translateY(-6px)
}
.category-top {
  color:var(--petrol);
  justify-content:space-between;
  display:flex
}
.category-card:hover .category-top,.category-card:hover h3,.category-card:hover .category-link {
  color:var(--lime)
}
.category-top span {
  letter-spacing:.1em;
  font-size:10px
}
.category-top svg {
  stroke-width:1.2px;
  width:25px;
  height:25px
}
.category-card h3 {
  color:var(--petrol);
  letter-spacing:-.07em;
  margin:90px 0 12px;
  font-family:Space Grotesk;
  font-size:32px;
  font-weight:500
}
.category-card p {
  color:#6c7c80;
  max-width:260px;
  min-height:67px;
  font-size:13px;
  line-height:1.5
}
.category-card:hover p {
  color:#ffffffa6
}
.category-items {
  flex-wrap:wrap;
  gap:5px;
  margin-top:17px;
  display:flex
}
.category-items span {
  color:#617174;
  border:1px solid #003e3824;
  padding:6px 8px;
  font-size:10px
}
.category-card:hover .category-items span {
  color:#ffffffbf;
  border-color:#d9fc9759
}
.category-link {
  color:var(--petrol);
  border-bottom:1px solid;
  align-items:center;
  gap:9px;
  margin-top:28px;
  padding-bottom:5px;
  font-size:11px;
  font-weight:700;
  display:inline-flex
}
.ecosystem-section {
  background:var(--mist);
  padding:118px 0
}
.ecosystem-layout {
  grid-template-columns:1fr .82fr;
  align-items:center;
  gap:80px;
  display:grid
}
.ecosystem-layout p {
  color:#4d5d61;
  max-width:490px;
  margin:29px 0;
  font-size:15px;
  line-height:1.65
}
.ecosystem-visual {
  background:var(--petrol);
  min-height:330px;
  position:relative;
  overflow:hidden
}
.ecosystem-visual:before,.ecosystem-visual:after {
  content:"";
  border:1px solid #d9fc9773;
  border-radius:50%;
  width:190px;
  height:190px;
  position:absolute
}
.ecosystem-visual:before {
  top:70px;
  left:50%;
  transform:translate(-50%)
}
.ecosystem-visual:after {
  border-color:#b5c3c940;
  width:290px;
  height:290px;
  top:20px;
  left:50%;
  transform:translate(-50%)
}
.ecosystem-visual>div {
  z-index:1;
  color:var(--lime);
  font-family:Space Grotesk;
  font-size:82px;
  font-weight:300;
  line-height:.6;
  position:absolute;
  top:128px;
  left:calc(50% - 34px)
}
.ecosystem-visual span {
  z-index:2;
  color:var(--navy);
  background:var(--lime);
  padding:6px 8px;
  font-size:9px;
  position:absolute
}
.ecosystem-visual span:first-of-type {
  top:34px;
  left:34px
}
.ecosystem-visual span:nth-of-type(2) {
  top:72px;
  right:33px
}
.ecosystem-visual span:nth-of-type(3) {
  bottom:40px;
  left:43px
}
.ecosystem-visual span:nth-of-type(4) {
  bottom:68px;
  right:37px
}
.technology-section {
  padding:122px 0
}
.technology-layout {
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:92px;
  display:grid
}
.technology-visual {
  background:#dbe2e0;
  min-height:430px;
  padding:20px;
  position:relative
}
.technology-visual img {
  object-fit:cover;
  mix-blend-mode:multiply;
  width:100%;
  height:390px;
  display:block
}
.technology-visual small {
  color:var(--petrol);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:9px;
  position:absolute;
  bottom:18px;
  right:25px
}
.technology-copy h2 {
  letter-spacing:-.08em;
  max-width:520px;
  margin:0;
  font-family:Space Grotesk;
  font-size:clamp(37px,4.1vw,62px);
  font-weight:500;
  line-height:.99
}
.technology-copy p {
  color:#ffffff9e;
  max-width:440px;
  margin:27px 0;
  font-size:14px;
  line-height:1.65
}
.tech-list {
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:32px 0;
  display:grid
}
.tech-list span {
  color:#ffffffd1;
  align-items:center;
  gap:9px;
  font-size:11px;
  display:flex
}
.tech-list svg {
  width:14px;
  color:var(--lime)
}
.pillars-section {
  background:#fff
}
.pillars-grid {
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:72px;
  display:grid
}
.pillar-card {
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  min-height:190px;
  padding:25px
}
.pillar-card>svg {
  width:22px;
  color:var(--petrol);
  stroke-width:1.3px
}
.pillar-card h3 {
  color:var(--petrol);
  letter-spacing:-.04em;
  margin:32px 0 8px;
  font-family:Space Grotesk;
  font-size:18px;
  font-weight:500
}
.pillar-card p {
  color:#738084;
  max-width:250px;
  margin:0;
  font-size:12px;
  line-height:1.5
}
.case-card {
  border:1px solid var(--line);
  background:#fff;
  grid-template-columns:.9fr 1.1fr;
  margin-top:72px;
  display:grid
}
.case-image {
  background:var(--petrol);
  min-height:470px;
  position:relative;
  overflow:hidden
}
.case-image img {
  object-fit:cover;
  opacity:.72;
  width:100%;
  height:100%
}
.case-image>span {
  color:var(--navy);
  background:var(--lime);
  letter-spacing:.1em;
  padding:7px 9px;
  font-size:9px;
  position:absolute;
  top:20px;
  left:20px
}
.case-copy {
  padding:44px
}
.case-copy>small {
  color:#798589;
  letter-spacing:.15em;
  font-size:9px
}
.case-copy h3 {
  max-width:510px;
  color:var(--petrol);
  letter-spacing:-.07em;
  margin:46px 0;
  font-family:Space Grotesk;
  font-size:36px;
  font-weight:500;
  line-height:1.04
}
.case-facts {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding:22px 0;
  display:grid
}
.case-facts span {
  color:#849093;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:9px;
  font-size:9px;
  display:block
}
.case-facts strong {
  color:var(--petrol);
  font-size:12px;
  line-height:1.45
}
.case-results {
  gap:35px;
  margin:30px 0;
  display:flex
}
.case-results b {
  color:var(--petrol);
  letter-spacing:-.06em;
  font-family:Space Grotesk;
  font-size:26px;
  font-weight:500
}
.case-results small {
  color:#819094;
  letter-spacing:0;
  margin-top:3px;
  font-family:DM Sans;
  font-size:9px;
  display:block
}
.radar-section {
  background:#e9eeec;
  padding:118px 0
}
.radar-heading {
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:80px;
  display:grid
}
.radar-heading h2 {
  color:var(--petrol);
  letter-spacing:-.09em;
  margin:0;
  font-family:Space Grotesk;
  font-size:clamp(45px,5vw,76px);
  font-weight:500;
  line-height:.93
}
.radar-heading h2 span {
  color:#7b898d
}
.radar-heading p {
  color:#647276;
  max-width:380px;
  margin:0 0 25px;
  font-size:14px;
  line-height:1.6
}
.radar-grid {
  grid-template-columns:repeat(3,1fr);
  gap:13px;
  margin-top:75px;
  display:grid
}
.radar-card {
  border:1px solid var(--line);
  min-height:288px;
  transition:transform .25s var(--ease),background .25s ease;
  background:#fff;
  padding:20px
}
.radar-card:hover {
  color:#fff;
  background:var(--petrol);
  transform:translateY(-5px)
}
.radar-card>div {
  color:var(--petrol);
  justify-content:space-between;
  display:flex
}
.radar-card:hover>div,.radar-card:hover h3 {
  color:var(--lime)
}
.radar-card>div span {
  font-size:10px
}
.radar-card>div svg {
  width:16px
}
.radar-card>small {
  color:#7c8b8e;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-top:73px;
  font-size:10px;
  display:block
}
.radar-card h3 {
  max-width:265px;
  color:var(--petrol);
  letter-spacing:-.06em;
  margin:12px 0 45px;
  font-family:Space Grotesk;
  font-size:25px;
  font-weight:500;
  line-height:1.02
}
.radar-card>span:last-child {
  color:#849194;
  font-size:10px
}
.radar-card:hover>small,.radar-card:hover>span:last-child {
  color:#ffffff9e
}
.about-section {
  background:var(--mist)
}
.about-layout {
  grid-template-columns:.7fr 1.3fr;
  align-items:center;
  gap:100px;
  display:grid
}
.about-layout h2 {
  max-width:700px
}
.about-layout p {
  color:#506166;
  max-width:540px;
  margin:30px 0;
  font-size:15px;
  line-height:1.65
}
.about-stamp {
  background:var(--petrol);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:235px;
  display:flex
}
.about-stamp img {
  object-fit:contain;
  width:64px;
  height:64px
}
.about-stamp span {
  color:#ffffff85;
  text-transform:uppercase;
  letter-spacing:.13em;
  margin-top:35px;
  font-size:9px
}
.challenge-section {
  padding:128px 0
}
.challenge-layout {
  grid-template-columns:.9fr 1.1fr;
  gap:105px;
  display:grid
}
.challenge-copy h2 {
  letter-spacing:-.09em;
  max-width:570px;
  margin:0;
  font-family:Space Grotesk;
  font-size:clamp(39px,4.5vw,65px);
  font-weight:500;
  line-height:.98
}
.challenge-copy p {
  color:#ffffff9e;
  max-width:430px;
  margin:30px 0;
  font-size:14px;
  line-height:1.65
}
.challenge-aside {
  color:#ffffff8c;
  align-items:center;
  gap:19px;
  margin-top:92px;
  font-size:11px;
  line-height:1.4;
  display:flex
}
.challenge-aside b {
  color:var(--lime);
  font-family:Space Grotesk;
  font-size:86px;
  font-weight:300;
  line-height:.5
}
.challenge-form {
  color:var(--navy);
  background:#fff;
  padding:28px
}
.form-head {
  border-bottom:1px solid var(--line);
  color:#7b898d;
  text-transform:uppercase;
  letter-spacing:.12em;
  justify-content:space-between;
  padding-bottom:20px;
  font-size:9px;
  display:flex
}
.form-grid {
  grid-template-columns:1fr 1fr;
  gap:21px 18px;
  margin-top:24px;
  display:grid
}
.challenge-form label {
  color:var(--petrol);
  flex-direction:column;
  gap:8px;
  font-size:11px;
  font-weight:700;
  display:flex
}
.challenge-form input,.challenge-form select {
  border:0;
  border-bottom:1px solid var(--line);
  width:100%;
  color:var(--navy);
  background:0 0;
  outline:0;
  padding:10px 0;
  font-size:13px
}
.challenge-form input:focus,.challenge-form select:focus {
  border-color:var(--petrol)
}
.full-field {
  margin-top:22px
}
.form-submit {
  border:0;
  width:100%;
  margin-top:28px
}
.form-note {
  color:#95a0a3;
  margin-top:13px;
  font-size:9px;
  display:block
}
.site-footer {
  padding:53px 0 26px
}
.footer-top {
  border-bottom:1px solid #ffffff29;
  grid-template-columns:1fr 1fr 1fr;
  align-items:start;
  padding-bottom:55px;
  display:grid
}
.footer-top>span {
  color:#ffffff80;
  font-size:12px;
  line-height:1.5
}
.footer-top>a {
  color:#fff;
  justify-self:end;
  align-items:center;
  gap:12px;
  font-size:11px;
  display:inline-flex
}
.footer-top svg {
  width:15px
}
.footer-bottom {
  color:#ffffff5c;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
  padding-top:22px;
  font-size:9px;
  display:grid
}
.footer-bottom div {
  gap:20px;
  display:flex
}
.footer-bottom div a:hover {
  color:var(--lime)
}
.footer-bottom>span:last-child {
  color:var(--lime);
  justify-self:end
}
@media (max-width:900px) {
  .content-frame,.nav-wrap {
    width:min(100% - 40px,680px)
  }
  .desktop-nav,.nav-cta {
    display:none
  }
  .mobile-menu-button {
    color:#fff;
    background:0 0;
    border:0;
    place-items:center;
    margin-left:auto;
    padding:8px;
    display:grid
  }
  .mobile-menu-button svg {
    width:22px
  }
  .hero-section {
    min-height:auto;
    padding-top:140px
  }
  .hero-inner,.problem-layout,.process-layout,.technology-layout,.challenge-layout,.ecosystem-layout,.about-layout {
    grid-template-columns:1fr;
    gap:45px
  }
  .hero-copy h1 {
    font-size:clamp(52px,13vw,78px)
  }
  .hero-visual,.hero-visual img {
    min-height:320px
  }
  .hero-footnote {
    margin-top:52px
  }
  .hero-bottom-line {
    margin-top:40px
  }
  .split-heading,.radar-heading {
    grid-template-columns:1fr;
    gap:25px
  }
  .metrics-grid {
    grid-template-columns:1fr 1fr
  }
  .metric-card {
    min-height:150px
  }
  .metric-card:nth-child(2) {
    border-right:0
  }
  .metric-card:nth-child(3),.metric-card:nth-child(4) {
    border-top:1px solid var(--line)
  }
  .metric-card:nth-child(3) {
    padding-left:0
  }
  .problem-layout {
    gap:60px
  }
  .process-detail {
    min-height:330px
  }
  .category-grid,.radar-grid {
    grid-template-columns:1fr
  }
  .category-card {
    min-height:340px
  }
  .category-card h3 {
    margin-top:60px
  }
  .pillars-grid {
    grid-template-columns:1fr 1fr
  }
  .case-card {
    grid-template-columns:1fr
  }
  .case-image {
    min-height:300px
  }
  .case-copy {
    padding:30px 24px
  }
  .about-layout {
    gap:40px
  }
  .about-stamp {
    min-height:190px
  }
  .footer-top,.footer-bottom {
    grid-template-columns:1fr 1fr;
    gap:25px
  }
  .footer-top>a {
    justify-self:start
  }
  .footer-bottom div {
    grid-row:2
  }
  .footer-bottom>span:last-child {
    grid-area:2/2
  }
}
@media (max-width:520px) {
  .content-frame,.nav-wrap {
    width:calc(100% - 32px)
  }
  .nav-wrap {
    height:70px
  }
  .logo-lockup {
    font-size:29px
  }
  .logo-lockup b {
    font-size:35px
  }
  .hero-section {
    padding-top:119px
  }
  .hero-copy p {
    font-size:14px
  }
  .hero-actions {
    flex-direction:column;
    align-items:flex-start;
    gap:22px
  }
  .hero-bottom-line span:first-child {
    max-width:150px;
    line-height:1.5
  }
  .hero-bottom-line span:last-child {
    font-size:0
  }
  .hero-bottom-line span:last-child svg {
    width:18px
  }
  .signal-inner {
    grid-template-columns:1fr;
    gap:14px;
    min-height:150px
  }
  .signal-inner>b {
    display:none
  }
  .proof-section,.process-section,.categories-section,.pillars-section,.case-section,.about-section,.radar-section {
    padding:82px 0
  }
  .section-heading h2,.ecosystem-layout h2,.about-layout h2 {
    font-size:42px
  }
  .metrics-grid {
    margin-top:55px
  }
  .metric-card {
    padding:20px 12px 18px 0
  }
  .metric-card:not(:first-child) {
    padding-left:12px
  }
  .metric-card strong {
    font-size:35px
  }
  .metric-card small {
    margin-top:25px;
    font-size:8px
  }
  .problem-section,.technology-section,.challenge-section {
    padding:84px 0
  }
  .problem-statement h2,.technology-copy h2,.challenge-copy h2 {
    font-size:42px
  }
  .problem-item strong {
    font-size:13px
  }
  .process-detail {
    padding:22px
  }
  .process-detail h3 {
    margin-top:60px;
    font-size:32px
  }
  .process-diagram {
    gap:5px;
    font-size:8px
  }
  .process-diagram i {
    width:20px
  }
  .category-card {
    min-height:340px;
    padding:20px
  }
  .ecosystem-section {
    padding:82px 0
  }
  .ecosystem-visual {
    min-height:280px
  }
  .technology-visual {
    min-height:300px;
    padding:12px
  }
  .technology-visual img {
    height:275px
  }
  .tech-list,.pillars-grid {
    grid-template-columns:1fr
  }
  .pillar-card {
    min-height:160px
  }
  .case-card {
    margin-top:48px
  }
  .case-copy h3 {
    margin:30px 0;
    font-size:31px
  }
  .case-facts {
    grid-template-columns:1fr;
    gap:18px
  }
  .case-results {
    gap:18px
  }
  .case-results b {
    font-size:22px
  }
  .radar-grid {
    margin-top:45px
  }
  .radar-card {
    min-height:240px
  }
  .radar-card>small {
    margin-top:52px
  }
  .radar-card h3 {
    margin-bottom:30px
  }
  .challenge-layout {
    gap:60px
  }
  .challenge-aside {
    margin-top:50px
  }
  .challenge-form {
    padding:20px 16px
  }
  .form-grid {
    grid-template-columns:1fr;
    gap:18px
  }
  .form-head {
    font-size:8px
  }
  .footer-top,.footer-bottom {
    grid-template-columns:1fr
  }
  .footer-bottom div {
    flex-wrap:wrap;
    grid-row:auto
  }
  .footer-bottom>span:last-child {
    grid-area:auto;
    justify-self:start
  }
}
@media (prefers-reduced-motion:no-preference) {
  .hero-plus {
    animation:6s ease-in-out infinite plusFloat
  }
  .hero-copy,.hero-visual {
    animation:rise .7s var(--ease) both
  }
  .hero-visual {
    animation-delay:.12s
  }
}
@keyframes plusFloat {
  0%,to {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-10px)
  }
}
@keyframes rise {
  0% {
    opacity:0;
    transform:translateY(18px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.category-card {
  border-top:4px solid var(--petrol);
  position:relative
}
.category-card:after {
  content:"CATEGORY / NEGOTIATION INTELLIGENCE";
  color:#a2adaf;
  letter-spacing:.1em;
  font-size:8px;
  position:absolute;
  bottom:22px;
  right:24px
}
.category-card:hover:after {
  color:#ffffff73
}
.pillar-card {
  position:relative
}
.pillar-card:after {
  content:"zero+ / layer";
  color:#98a4a6;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px;
  position:absolute;
  top:20px;
  right:17px
}
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}
@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}
@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-leading {
  syntax:"*";
  inherits:false
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false
}
@property --tw-tracking {
  syntax:"*";
  inherits:false
}
@property --tw-ordinal {
  syntax:"*";
  inherits:false
}
@property --tw-slashed-zero {
  syntax:"*";
  inherits:false
}
@property --tw-numeric-figure {
  syntax:"*";
  inherits:false
}
@property --tw-numeric-spacing {
  syntax:"*";
  inherits:false
}
@property --tw-numeric-fraction {
  syntax:"*";
  inherits:false
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0#0000
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0#0000
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0#0000
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0#0000
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0#0000
}
@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-duration {
  syntax:"*";
  inherits:false
}
@property --tw-ease {
  syntax:"*";
  inherits:false
}
@property --tw-content {
  syntax:"*";
  inherits:false;
  initial-value:""
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes pulse {
  50% {
    opacity:.5
  }
}
@keyframes enter {
  0% {
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0));
    filter:blur(var(--tw-enter-blur,0))
  }
}
@keyframes exit {
  to {
    opacity:var(--tw-exit-opacity,1);
    transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0));
    filter:blur(var(--tw-exit-blur,0))
  }
}
@keyframes accordion-down {
  0% {
    height:0
  }
  to {
    height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))
  }
}
@keyframes accordion-up {
  0% {
    height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))
  }
  to {
    height:0
  }
}
@keyframes caret-blink {
  0%,70%,to {
    opacity:1
  }
  20%,50% {
    opacity:0
  }
}
[data-sonner-toast]:focus-visible {
  box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)
}
[data-sonner-toast][data-styled=true] [data-button]:focus-visible {
  box-shadow:0 0 0 2px rgba(0,0,0,.4)
}
[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible {
  box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)
}
[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover {
  background:var(--gray2);
  border-color:var(--gray5)
}
[data-sonner-toast][data-swiping=true]::before {
  content:"";
  position:absolute;
  left:-100%;
  right:-100%;
  height:100%;
  z-index:-1
}
[data-sonner-toast][data-y-position=top][data-swiping=true]::before {
  bottom:50%;
  transform:scaleY(3) translateY(50%)
}
[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before {
  top:50%;
  transform:scaleY(3) translateY(-50%)
}
[data-sonner-toast][data-swiping=false][data-removed=true]::before {
  content:"";
  position:absolute;
  inset:0;
  transform:scaleY(2)
}
[data-sonner-toast][data-expanded=true]::after {
  content:"";
  position:absolute;
  left:0;
  height:calc(var(--gap) + 1px);
  bottom:100%;
  width:100%
}
[data-sonner-toast][data-removed=true][data-front=false]::before {
  height:calc(var(--initial-height) + 20%)
}
@keyframes swipe-out-left {
  from {
    transform:var(--y) translateX(var(--swipe-amount-x));
    opacity:1
  }
  to {
    transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
    opacity:0
  }
}
@keyframes swipe-out-right {
  from {
    transform:var(--y) translateX(var(--swipe-amount-x));
    opacity:1
  }
  to {
    transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
    opacity:0
  }
}
@keyframes swipe-out-up {
  from {
    transform:var(--y) translateY(var(--swipe-amount-y));
    opacity:1
  }
  to {
    transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
    opacity:0
  }
}
@keyframes swipe-out-down {
  from {
    transform:var(--y) translateY(var(--swipe-amount-y));
    opacity:1
  }
  to {
    transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
    opacity:0
  }
}
[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover {
  background:var(--normal-bg-hover);
  border-color:var(--normal-border-hover)
}
@keyframes sonner-fade-in {
  0% {
    opacity:0;
    transform:scale(.8)
  }
  100% {
    opacity:1;
    transform:scale(1)
  }
}
@keyframes sonner-fade-out {
  0% {
    opacity:1;
    transform:scale(1)
  }
  100% {
    opacity:0;
    transform:scale(.8)
  }
}
@keyframes sonner-spin {
  0% {
    opacity:1
  }
  100% {
    opacity:.15
  }
}
.sf-hidden {
  display:none!important
}

/* Feedback do formulário "Desafiar a zero+" */
.form-feedback {
  display:none
}
.form-feedback.is-visible {
  align-items:center;
  gap:10px;
  margin-top:16px;
  padding:14px 16px;
  border-radius:2px;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  display:flex
}
.form-feedback-success {
  background:#d9fc9722;
  border:1px solid #d9fc9773;
  color:var(--lime)
}
.form-feedback-error {
  background:#ff8a8a22;
  border:1px solid #ff8a8a73;
  color:#ff8a8a
}
.form-feedback svg {
  flex-shrink:0
}

/* Loader no botão de envio */
.form-submit {
  position:relative
}
.form-submit:disabled {
  opacity:.75;
  cursor:not-allowed
}
.btn-spinner {
  display:none;
  width:16px;
  height:16px;
  border:2px solid #17222640;
  border-top-color:var(--navy);
  border-radius:50%;
  animation:zeromais-spin .6s linear infinite
}
.form-submit.is-loading .btn-spinner {
  display:inline-block
}
.form-submit.is-loading .btn-icon {
  display:none
}
@keyframes zeromais-spin {
  to {
    transform:rotate(360deg)
  }
}