@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";


@layer components;
/*! tailwindcss v4.3.3 | 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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Poppins",sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: "Hagrid","Poppins",sans-serif;
  }
}

@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    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 {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::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);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-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, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer utilities {
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }
}

:root {
  --ink: #000;
  --mint: #06f500;
  --coral: #f9ef10;
  --violet: #0c36f0;
  --amber: #f9ef10;
  --paper: #fff;
  font-synthesis: none;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

html {
  scroll-padding-top: 32px;
}

body {
  background: var(--ink);
  color: #fff;
  font-family: var(--font-sans);
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

button, a, input {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
  cursor: pointer;
}

button, a {
  touch-action: manipulation;
}

button {
  color: inherit;
}

button:disabled {
  cursor: default;
}

a {
  color: inherit;
  text-decoration: none;
}

button:focus-visible, a:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--violet);
  outline-offset: 5px;
}

::selection {
  background: var(--mint);
  color: #000;
}

h1, h2, h3, p {
  margin: 0;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 500;
}

h1, h2 {
  letter-spacing: -.06em;
  line-height: 1.02;
}

h2 {
  font-size: clamp(38px, 4.6vw, 72px);
}

p {
  max-width: 68ch;
}

button {
  border: 0;
}

svg.icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: block;
}

.sr-only {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.skip-link {
  background: var(--mint);
  color: #000;
  z-index: 99;
  padding: 10px;
  position: absolute;
  top: 8px;
  left: 12px;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: none;
}

.section-shell {
  padding-left: max(6vw, 24px);
  padding-right: max(6vw, 24px);
}

.light-section {
  color: #000;
  background: #fff;
}

.site-header {
  border-bottom: 1px solid #ffffff38;
  align-items: center;
  gap: 35px;
  max-width: 1800px;
  min-height: 94px;
  margin: auto;
  padding: 18px 6%;
  display: flex;
}

.wordmark {
  font-family: var(--font-display);
  letter-spacing: -3px;
  align-items: baseline;
  font-size: 43px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.brand-dot {
  background: var(--mint);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  display: inline-block;
}

.header-context {
  color: #ffffffb8;
  flex: 1;
  font-size: 13px;
}

.site-header nav {
  align-items: center;
  gap: 28px;
  font-size: 14px;
  display: flex;
}

.site-header nav a:not(.nav-contact):hover {
  text-underline-offset: 6px;
  text-decoration: underline;
}

.nav-contact {
  background: var(--mint);
  color: #000;
  border-radius: 4px;
  padding: 12px 18px;
  font-weight: 600;
}

.menu-button {
  background: none;
  display: none;
}

.hero-section {
  grid-template-columns: 1fr 1.04fr;
  gap: 8%;
  max-width: 1800px;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 26px;
  display: grid;
  position: relative;
}

.hero-product {
  place-self: start center;
  width: 100%;
  max-width: 485px;
}

.product-label {
  color: #ffffffb3;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 13px;
  font-size: 13px;
  display: flex;
}

.product-mark {
  color: var(--mint);
  font-size: 12px;
  font-weight: 700;
}

.demo-post {
  color: #000;
  text-align: left;
  background: #fff;
  border: 1px solid #0003;
  border-radius: 12px;
  overflow: hidden;
}

.post-top {
  align-items: center;
  gap: 10px;
  padding: 15px 17px;
  display: flex;
}

.avatar {
  width: 34px;
  height: 34px;
  color: var(--mint);
  font-weight: 700;
  font-family: var(--font-display);
  background: #000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  display: inline-flex;
}

.post-top > div {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.post-top strong {
  font-size: 13px;
}

.post-top > div > span {
  color: #000a;
  font-size: 11px;
}

.type-tag {
  background: var(--mint);
  white-space: nowrap;
  border-radius: 3px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 600;
}

.space-image {
  background: var(--ink);
  width: 100%;
  height: 212px;
  position: relative;
  overflow: hidden;
}

.space-image img {
  pointer-events: none;
  width: 214%;
  max-width: none;
  height: auto;
  position: absolute;
  top: 0;
  left: -110%;
  transform: translateY(-18%);
}

.space-image.compact {
  height: 175px;
}

.post-body {
  padding: 18px 20px;
}

.post-body h3 {
  letter-spacing: -1px;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.08;
}

.post-body p {
  max-width: 45ch;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
}

.source-toggle {
  background: var(--mint);
  text-align: left;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 13px 20px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.source-toggle .icon {
  width: 18px;
  height: 18px;
}

.source-plus {
  margin-left: auto;
  font-size: 22px;
  line-height: 1;
}

.source-expanded {
  background: var(--mint);
  border-top: 1px solid #0003;
  padding: 16px 20px;
  font-size: 13px;
}

.source-expanded > * {
  margin-bottom: 7px;
  display: block;
}

.source-expanded a {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.source-expanded p {
  font-size: 12px;
}

.post-actions {
  align-items: center;
  gap: 20px;
  padding: 13px 20px;
  font-size: 12px;
  display: flex;
}

.post-actions button, .post-actions a {
  background: none;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0;
  display: inline-flex;
}

.post-actions .icon {
  width: 18px;
  height: 18px;
}

.post-actions > span {
  color: #000a;
  margin-left: auto;
  font-size: 10px;
}

.post-actions .liked svg {
  fill: var(--coral);
}

.product-base {
  color: var(--mint);
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  font-size: 12px;
  display: flex;
}

.product-base .icon {
  width: 16px;
  height: 16px;
}

.hero-copy {
  padding-top: 31px;
}

.hero-copy h1 {
  letter-spacing: -.07em;
  font-size: clamp(57px, 6.3vw, 101px);
  font-weight: 500;
  line-height: .98;
}

.hero-copy > p {
  color: #ffffffbf;
  margin-top: 25px;
  font-size: 19px;
  line-height: 1.5;
}

.text-link {
  border-bottom: 1px solid var(--mint);
  color: var(--mint);
  margin-top: 28px;
  padding-bottom: 7px;
  font-size: 14px;
  display: inline-block;
}

.hero-footer {
  color: #ffffffb8;
  border-top: 1px solid #ffffff38;
  grid-column: 1 / -1;
  justify-content: space-between;
  margin-top: 24px;
  padding-top: 18px;
  font-size: 12px;
  display: flex;
}

.hero-footer span:first-child {
  color: #fff;
}

.problem-section {
  padding-top: 100px;
  padding-bottom: 92px;
}

.problem-heading {
  grid-template-columns: 1.5fr 1fr;
  align-items: end;
  gap: 10%;
  display: grid;
}

.problem-heading h2 {
  font-size: clamp(37px, 4vw, 62px);
}

.problem-heading p {
  font-size: 17px;
  line-height: 1.65;
}

.problem-columns {
  grid-template-columns: repeat(3, 1fr);
  gap: 5%;
  margin-top: 62px;
  display: grid;
}

.problem-columns article {
  border-top: 2px solid #000;
  padding-top: 23px;
}

.problem-columns h3 {
  letter-spacing: -.6px;
  font-size: 22px;
}

.problem-columns p {
  color: #000b;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.7;
}

.explosion-section {
  background: #000;
  height: 340svh;
  position: relative;
}

.explosion-sticky {
  height: 100svh;
  min-height: 680px;
  padding: 40px 6% 30px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.explosion-head {
  z-index: 7;
  justify-content: space-between;
  align-items: start;
  gap: 35px;
  display: flex;
  position: relative;
}

.explosion-head h2 {
  font-size: clamp(36px, 3.9vw, 60px);
}

.explosion-head p {
  color: #ffffffb8;
  max-width: 26ch;
  padding-top: 8px;
  font-size: 14px;
}

.explosion-scene {
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 5%;
  display: grid;
  position: absolute;
  inset: 175px 6% 78px;
}

.layer-stack {
  perspective: 1500px;
  height: 340px;
  transform-style: preserve-3d;
  width: 380px;
  margin-left: 100px;
  position: relative;
}

.trust-layer {
  box-sizing: border-box;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
  border: 1px solid #ffffff75;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 5px #000;
}

.content-layer {
  color: #000;
  z-index: 4;
  background: #fff;
}

.source-layer {
  background: var(--mint);
  color: #000;
  z-index: 3;
}

.credibility-layer {
  background: var(--amber);
  color: #000;
  z-index: 2;
}

.community-layer {
  background: var(--violet);
  color: #000;
  z-index: 1;
}

.layer-bar {
  border-bottom: 1px solid #0003;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.layer-bar .icon {
  width: 19px;
  height: 19px;
}

.layer-bar > span:first-child:not(:last-child) {
  font-size: 22px;
  font-family: var(--font-display);
  letter-spacing: -1px;
  font-weight: 700;
}

.layer-content {
  flex-direction: column;
  gap: 9px;
  padding: 20px;
  display: flex;
}

.layer-content strong {
  font-family: var(--font-display);
  letter-spacing: -.6px;
  font-size: 25px;
  line-height: 1.1;
}

.layer-content span, .layer-content p, .layer-content a {
  font-size: 13px;
  line-height: 1.5;
}

.layer-content a {
  text-underline-offset: 3px;
  align-self: start;
  text-decoration: underline;
}

.layer-chip {
  border: 1px solid #0005;
  border-radius: 3px;
  align-self: start;
  padding: 4px 9px;
  font-weight: 600;
  display: inline-block;
}

.content-layer .layer-content {
  padding: 15px 20px;
}

.content-layer .layer-content strong {
  font-size: 21px;
}

.content-layer .space-image {
  flex-shrink: 0;
  height: 170px;
}

.layer-notes {
  z-index: 6;
  gap: 25px;
  padding-left: 28px;
  display: grid;
  position: relative;
}

.layer-note {
  align-items: start;
  gap: 15px;
  display: flex;
}

.note-line {
  background: #fff;
  flex-shrink: 0;
  width: 30px;
  height: 2px;
  margin-top: 15px;
}

.note-1 .note-line {
  background: var(--mint);
}

.note-2 .note-line {
  background: var(--amber);
}

.note-3 .note-line {
  background: var(--violet);
}

.layer-note h3 {
  font-size: 22px;
  line-height: 1.2;
}

.layer-note p {
  color: #ffffffb8;
  max-width: 35ch;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.55;
}

.explosion-foot {
  color: #ffffffad;
  justify-content: space-between;
  font-size: 12px;
  display: flex;
  position: absolute;
  bottom: 32px;
  left: 6%;
  right: 6%;
}

.explosion-track {
  background: var(--mint);
  transform-origin: 0;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mobile-layer-notice {
  display: none;
}

.deferred-section {
  background: #fff;
  min-height: 900px;
}

.section-loading {
  color: #000;
  min-height: 900px;
  padding: 80px 6%;
}

.explore-section {
  padding-top: 100px;
  padding-bottom: 110px;
}

.section-heading {
  justify-content: space-between;
  align-items: end;
  gap: 9%;
  margin-bottom: 55px;
  display: flex;
}

.section-heading h2 {
  flex: 1;
}

.section-heading > p {
  width: 29%;
  font-size: 16px;
  line-height: 1.65;
}

.explore-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10%;
  display: grid;
}

.explore-controls {
  padding-top: 28px;
}

.feature-tabs {
  border-top: 1px solid #000;
  flex-direction: column;
  display: flex;
}

.feature-tabs button {
  text-align: left;
  font-family: var(--font-display);
  letter-spacing: -.5px;
  background: none;
  border-bottom: 1px solid #0004;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 25px 0;
  font-size: 22px;
  display: flex;
}

.feature-tabs button[aria-selected="true"] {
  font-weight: 700;
}

.feature-tabs button[aria-selected="true"] > span:last-child {
  background: var(--mint);
  color: #000;
}

.feature-tabs button > span:last-child {
  width: 28px;
  height: 28px;
  font-family: var(--font-sans);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-explanation {
  margin-top: 30px;
  font-size: 17px;
  line-height: 1.7;
}

.demo-disclosure {
  color: #000a;
  max-width: 50ch;
  margin-top: 30px;
  font-size: 12px;
  line-height: 1.6;
}

.feature-panel {
  color: #fff;
  background: #000;
  border-radius: 8px;
  align-self: start;
  min-height: 600px;
  padding: 24px;
}

.panel-top {
  color: #ffffffb8;
  border-bottom: 1px solid #ffffff40;
  margin-bottom: 22px;
  padding: 0 0 22px;
  font-size: 13px;
}

.feature-panel .demo-post {
  max-width: 390px;
  margin: auto;
}

.feature-panel .post-top {
  padding: 12px 14px;
}

.feature-panel .post-body {
  padding: 16px;
}

.feature-panel .post-body h3 {
  font-size: 23px;
}

.feature-panel .source-toggle {
  padding: 12px 16px;
}

.panel-hint {
  color: #ffffffb8;
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.7;
}

.type-options {
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.type-options button {
  background: none;
  border: 1px solid #ffffff80;
  border-radius: 3px;
  padding: 8px 16px;
  font-size: 14px;
}

.type-options button[aria-pressed="true"] {
  background: var(--mint);
  color: #000;
  border-color: var(--mint);
}

.typed-post {
  color: #000;
  background: #fff;
  border-radius: 5px;
  min-height: 355px;
  padding: 28px 23px;
}

.typed-post h3 {
  letter-spacing: -1px;
  margin: 22px 0;
  font-size: 28px;
  line-height: 1.18;
}

.type-label {
  background: var(--mint);
  color: #000;
  border-radius: 3px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

.type-Opinion .type-label {
  background: var(--violet);
}

.type-Rumeur .type-label {
  background: var(--amber);
}

.typed-post p {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.7;
}

.typed-post a {
  margin-top: 20px;
  font-size: 13px;
  text-decoration: underline;
  display: block;
}

.badge-example {
  background: var(--mint);
  color: #000;
  border-radius: 5px;
  padding: 27px;
}

.badge-example .icon {
  width: 44px;
  height: 44px;
}

.badge-example h3 {
  letter-spacing: -1.5px;
  margin-top: 25px;
  font-size: 39px;
}

.badge-example p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
}

.criteria {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.criteria li {
  border-bottom: 1px solid #ffffff40;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  font-size: 13px;
  display: flex;
}

.criteria .icon {
  color: var(--mint);
  width: 18px;
  height: 18px;
}

.community-example {
  background: var(--violet);
  color: #000;
  border-radius: 5px;
  padding: 24px;
}

.community-example .type-label {
  background: none;
  border: 1px solid #0007;
}

.community-example h3 {
  letter-spacing: -1px;
  margin: 25px 0 20px;
  font-size: 30px;
  line-height: 1.2;
}

.community-example > p {
  font-size: 15px;
  line-height: 1.7;
}

.community-example > a {
  margin-top: 15px;
  font-size: 13px;
  text-decoration: underline;
  display: inline-block;
}

.solid-button {
  color: #fff;
  background: #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 15px 22px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.solid-button:hover {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.community-example .solid-button {
  margin-top: 28px;
  display: flex;
}

.community-example .vote-result {
  min-height: 40px;
  margin-top: 20px;
  font-size: 12px;
}

.europe-section {
  grid-template-columns: 1.3fr 1fr;
  gap: 13%;
  padding-top: 110px;
  padding-bottom: 110px;
  display: grid;
}

.europe-word {
  font-family: var(--font-display);
  letter-spacing: -.07em;
  color: var(--mint);
  margin-bottom: 35px;
  font-size: clamp(78px, 12vw, 175px);
  line-height: .85;
  display: block;
}

.europe-title h2 {
  font-size: clamp(30px, 2.8vw, 44px);
  line-height: 1.1;
}

.europe-title > p {
  color: #ffffffb8;
  max-width: 42ch;
  margin-top: 30px;
  font-size: 17px;
  line-height: 1.8;
}

.europe-principles article {
  border-top: 1px solid #ffffff60;
  padding: 22px 0;
}

.europe-principles h3 {
  letter-spacing: -.5px;
  font-size: 22px;
}

.europe-principles p {
  color: #ffffffb8;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.7;
}

.europe-principles a {
  text-underline-offset: 4px;
  color: var(--mint);
  margin-top: 14px;
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
}

.europe-principles .architecture-note {
  color: #ffffffa6;
  margin-top: 12px;
  font-size: 12px;
}

.comparison-section {
  padding-top: 100px;
  padding-bottom: 80px;
}

.comparison-section h2 {
  font-size: clamp(38px, 4vw, 60px);
}

.comparison-scroll {
  border-top: 1px solid #000;
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  min-width: 800px;
  font-size: 13px;
}

caption {
  text-align: left;
  padding: 18px 0;
  font-size: 12px;
}

th, td {
  vertical-align: top;
  border-bottom: 1px solid #0003;
  padding: 20px 18px 20px 0;
}

thead th {
  padding-top: 8px;
  padding-bottom: 16px;
  font-size: 12px;
  font-weight: 500;
}

tbody th {
  font-family: var(--font-display);
  width: 21%;
  font-size: 17px;
  font-weight: 500;
}

tbody th a {
  text-underline-offset: 4px;
  -webkit-text-decoration: underline #0004;
  text-decoration: underline #0004;
}

tbody td:nth-child(2) {
  width: 21%;
}

tbody td:nth-child(3) {
  width: 35%;
}

tbody td:last-child {
  color: #000b;
  font-size: 12px;
}

.cheqa-row {
  background: var(--mint);
}

.cheqa-row th {
  padding-left: 16px;
  font-weight: 700;
}

.cheqa-row th span {
  font-family: var(--font-sans);
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
  display: block;
}

.comparison-note {
  color: #000a;
  max-width: 100ch;
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.7;
}

.project-section {
  border-top: 1px solid #0003;
  padding-top: 80px;
  padding-bottom: 100px;
}

.project-heading {
  justify-content: space-between;
  align-items: end;
  gap: 10%;
  display: flex;
}

.project-heading h2 {
  font-size: clamp(40px, 4.5vw, 67px);
}

.project-proof {
  border-left: 3px solid var(--ink);
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
  font-size: 14px;
  display: flex;
}

.team-list {
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-top: 55px;
  display: grid;
}

.team-list article {
  border-top: 1px solid #000;
  padding-top: 20px;
}

.team-list article > span {
  font-size: 12px;
}

.team-list h3 {
  letter-spacing: -1px;
  margin-top: 21px;
  font-size: 29px;
  line-height: 1.12;
}

.prototype-gallery {
  color: #fff;
  background: #000;
  border-radius: 8px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 12%;
  margin-top: 75px;
  padding: 45px 6%;
  display: grid;
}

.prototype-copy h3 {
  letter-spacing: -2px;
  font-size: 42px;
  line-height: 1.1;
}

.prototype-copy > p {
  color: #ffffffbf;
  margin-top: 25px;
  font-size: 15px;
  line-height: 1.8;
}

.gallery-controls {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 30px;
  display: flex;
}

.gallery-controls button {
  background: none;
  border: 1px solid #ffffff70;
  border-radius: 3px;
  padding: 8px 12px;
  font-size: 12px;
}

.gallery-controls button[aria-pressed="true"] {
  color: #000;
  background: var(--mint);
  border-color: var(--mint);
}

.prototype-copy .capture-caption {
  color: var(--mint);
  margin-top: 25px;
  font-size: 12px;
}

.prototype-gallery figure {
  margin: 0;
}

.prototype-gallery figure img {
  object-fit: cover;
  border: 1px solid #ffffff70;
  border-radius: 15px;
  width: 230px;
  height: 397px;
  margin: auto;
  display: block;
}

.prototype-gallery figcaption {
  text-align: center;
  color: #ffffffad;
  margin-top: 16px;
  font-size: 11px;
}

.roadmap {
  grid-template-columns: repeat(3, 1fr);
  gap: 5%;
  margin-top: 70px;
  display: grid;
}

.roadmap > div {
  border-top: 2px solid #000;
  padding-top: 25px;
}

.roadmap strong {
  font-family: var(--font-display);
  letter-spacing: -2px;
  font-size: 45px;
  font-weight: 500;
  line-height: 1;
}

.roadmap h3 {
  margin: 20px 0 10px;
  font-size: 20px;
  line-height: 1.3;
}

.roadmap p {
  font-size: 14px;
  line-height: 1.7;
}

.roadmap span {
  border: 1px solid #000;
  border-radius: 2px;
  margin-top: 22px;
  padding: 4px 8px;
  font-size: 11px;
  display: inline-block;
}

.roadmap > div:first-child span {
  background: var(--mint);
  border-color: var(--mint);
}

.roadmap-note {
  color: #000a;
  margin-top: 25px;
  font-size: 12px;
}

.contact-section {
  background: var(--mint);
  color: #000;
  padding-top: 90px;
  padding-bottom: 60px;
}

.contact-header {
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  display: flex;
}

.contact-header h2 {
  font-size: clamp(54px, 7vw, 104px);
}

.contact-header p {
  font-size: 17px;
  line-height: 1.7;
}

.audience-tabs {
  border-bottom: 1px solid #0005;
  gap: 32px;
  margin-top: 65px;
  display: flex;
}

.audience-tabs button {
  background: none;
  border-bottom: 3px solid #0000;
  padding: 14px 0;
  font-size: 14px;
}

.audience-tabs button[aria-selected="true"] {
  border-color: #000;
  font-weight: 700;
}

.contact-panel {
  grid-template-columns: 1fr 1fr;
  gap: 12%;
  min-height: 220px;
  padding-top: 35px;
  display: grid;
}

.contact-panel h3 {
  letter-spacing: -1px;
  max-width: 24ch;
  font-size: 29px;
  line-height: 1.2;
}

.contact-panel p {
  max-width: 50ch;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.7;
}

.contact-action {
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 14px;
  display: flex;
}

.contact-action > span {
  font-size: 12px;
}

.email-line {
  border-top: 1px solid #0005;
  align-items: center;
  gap: 25px;
  margin-top: 35px;
  padding-top: 30px;
  display: flex;
}

.email-line > a {
  font-family: var(--font-display);
  letter-spacing: -.7px;
  font-size: 24px;
}

.email-line button {
  background: none;
  border-bottom: 1px solid #000;
  padding: 0 0 2px;
  font-size: 12px;
}

.site-footer {
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  padding: 40px 6%;
  display: flex;
}

.site-footer .wordmark {
  font-size: 36px;
}

.site-footer > span, .site-footer > a:not(.wordmark) {
  color: #ffffffb8;
  font-size: 11px;
}

@media (min-width: 1700px) {
  .section-shell {
    padding-left: calc(50vw - 750px);
    padding-right: calc(50vw - 750px);
  }

  .hero-section {
    padding-left: 8%;
    padding-right: 8%;
  }

  .hero-copy h1 {
    font-size: 104px;
  }

  .layer-stack {
    margin-left: 180px;
  }

  .explosion-head, .explosion-scene, .explosion-foot {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1100px) {
  .header-context {
    display: none;
  }

  .site-header {
    justify-content: space-between;
  }

  .hero-section {
    gap: 6%;
    padding-top: 40px;
  }

  .hero-copy h1 {
    font-size: 66px;
  }

  .post-actions {
    gap: 12px;
  }

  .post-actions > span {
    font-size: 9px;
  }

  .layer-stack {
    width: 330px;
    height: 330px;
    margin-left: 40px;
  }

  .layer-notes {
    padding-left: 0;
  }

  .explosion-head h2 {
    font-size: 44px;
  }

  .layer-note p {
    font-size: 12px;
  }

  .layer-note h3 {
    font-size: 20px;
  }

  .section-heading {
    gap: 6%;
  }

  .feature-panel {
    padding: 20px;
  }

  .feature-tabs button {
    font-size: 20px;
  }

  .europe-section {
    gap: 8%;
  }

  .prototype-gallery {
    gap: 6%;
  }
}

@media (max-width: 899px), (max-height: 679px), (prefers-reduced-motion: reduce) {
  .explosion-section {
    height: auto;
    padding-bottom: 25px;
  }

  .explosion-sticky {
    height: auto;
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 25px;
    position: relative;
    overflow: visible;
  }

  .explosion-head p {
    display: none;
  }

  .explosion-scene {
    margin-top: 40px;
    display: block;
    position: static;
  }

  .layer-stack {
    perspective: none;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: auto;
    height: auto;
    margin: 0;
    display: grid;
  }

  .trust-layer {
    will-change: auto;
    min-height: 320px;
    box-shadow: none;
    position: relative;
    inset: auto;
  }

  .layer-notes {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    padding: 30px 0;
    display: grid;
  }

  .layer-note {
    opacity: 1 !important;
    transform: none !important;
  }

  .explosion-foot {
    border-top: 1px solid #ffffff40;
    padding-top: 25px;
    position: static;
  }

  .explosion-foot span:last-child, .explosion-track {
    display: none;
  }

  .mobile-layer-notice {
    color: #ffffffa6;
    padding: 0 6%;
    font-size: 12px;
    display: block;
  }

  .explosion-head h2 {
    font-size: 44px;
  }
}

@media (max-width: 899px) {
  .hero-copy h1 {
    font-size: 57px;
  }

  .hero-copy {
    padding-top: 25px;
  }

  .hero-copy > p {
    font-size: 17px;
  }

  .hero-product {
    max-width: 400px;
  }

  .hero-section {
    grid-template-columns: 1.1fr 1fr;
    gap: 5%;
  }

  .space-image {
    height: 180px;
  }

  .post-top {
    padding: 12px;
  }

  .post-top > div > span {
    font-size: 10px;
  }

  .type-tag {
    padding: 4px;
    font-size: 10px;
  }

  .post-body {
    padding: 16px;
  }

  .post-body h3 {
    font-size: 25px;
  }

  .post-actions {
    gap: 10px;
    padding: 12px;
    font-size: 11px;
  }

  .post-actions > span {
    display: none;
  }

  .source-toggle {
    padding: 12px;
    font-size: 12px;
  }

  .product-base, .hero-footer {
    font-size: 11px;
  }

  .section-heading {
    display: block;
  }

  .section-heading > p {
    width: auto;
    max-width: 50ch;
    margin-top: 24px;
  }

  .explore-grid {
    gap: 5%;
  }

  .explore-controls {
    padding-top: 0;
  }

  .feature-tabs button {
    padding: 22px 0;
    font-size: 18px;
  }

  .feature-explanation {
    font-size: 15px;
  }

  .feature-panel {
    min-height: 580px;
    padding: 16px;
  }

  .europe-section {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .europe-word {
    font-size: 125px;
  }

  .europe-title > p {
    max-width: 60ch;
  }

  .europe-principles {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    display: grid;
  }

  .europe-principles .architecture-note {
    align-self: end;
  }

  .team-list h3 {
    font-size: 25px;
  }

  .prototype-copy h3 {
    font-size: 35px;
  }

  .roadmap h3 {
    font-size: 18px;
  }

  .contact-header p {
    font-size: 15px;
  }

  .site-footer {
    flex-wrap: wrap;
  }
}

@media (max-width: 650px) {
  .section-shell {
    padding-left: 22px;
    padding-right: 22px;
  }

  .site-header {
    min-height: 77px;
    padding: 18px 22px;
  }

  .wordmark {
    font-size: 35px;
  }

  .menu-button {
    padding: 8px;
    display: block;
  }

  .site-header nav {
    z-index: 40;
    background: #000;
    border-bottom: 1px solid #ffffff50;
    align-items: stretch;
    gap: 22px;
    padding: 22px;
    display: none;
    position: absolute;
    top: 77px;
    left: 0;
    right: 0;
  }

  .site-header nav.open {
    flex-direction: column;
    display: flex;
  }

  .site-header nav a {
    padding: 8px;
  }

  .site-header nav .nav-contact {
    text-align: center;
    padding: 12px;
  }

  .hero-section {
    flex-direction: column;
    gap: 30px;
    padding-top: 30px;
    display: flex;
  }

  .hero-product {
    align-self: center;
    max-width: 370px;
  }

  .hero-copy {
    padding-top: 0;
  }

  .hero-copy h1 {
    font-size: clamp(54px, 11.7vw, 76px);
    line-height: .98;
  }

  .hero-copy > p {
    margin-top: 25px;
    font-size: 18px;
  }

  .hero-copy > p br {
    display: none;
  }

  .hero-copy > p {
    max-width: 26ch;
  }

  .text-link {
    margin-top: 20px;
  }

  .hero-footer {
    margin-top: 10px;
    padding-top: 16px;
    font-size: 11px;
    display: block;
  }

  .hero-footer span {
    margin-bottom: 6px;
    display: block;
  }

  .product-label {
    font-size: 12px;
  }

  .space-image {
    height: 190px;
  }

  .post-top {
    padding: 13px;
  }

  .post-top > div > span, .type-tag {
    font-size: 11px;
  }

  .post-body {
    padding: 17px;
  }

  .post-body h3 {
    font-size: 26px;
  }

  .post-body p {
    font-size: 13px;
  }

  .source-toggle {
    padding: 12px 17px;
    font-size: 12px;
  }

  .post-actions {
    gap: 22px;
    padding: 10px 17px;
    font-size: 12px;
  }

  .product-base {
    font-size: 11px;
  }

  .problem-section {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .problem-heading {
    display: block;
  }

  .problem-heading h2 {
    font-size: 39px;
  }

  .problem-heading > p {
    margin-top: 25px;
    font-size: 16px;
  }

  .problem-columns {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 35px;
  }

  .problem-columns article {
    padding-top: 20px;
  }

  .problem-columns p {
    margin-top: 10px;
    font-size: 15px;
  }

  .explosion-sticky {
    padding-top: 60px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .explosion-head h2 {
    font-size: 40px;
  }

  .layer-stack {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .trust-layer {
    height: auto;
    min-height: 0;
  }

  .layer-content {
    gap: 12px;
    padding: 23px;
  }

  .layer-content p, .layer-content span, .layer-content a {
    font-size: 14px;
  }

  .layer-content strong {
    font-size: 27px;
  }

  .content-layer .space-image {
    height: 180px;
  }

  .content-layer .layer-content strong {
    font-size: 24px;
  }

  .layer-bar {
    font-size: 14px;
  }

  .layer-notes {
    grid-template-columns: 1fr;
    gap: 25px;
    padding-top: 35px;
  }

  .layer-note h3 {
    font-size: 22px;
  }

  .layer-note p {
    max-width: 45ch;
    font-size: 14px;
  }

  .explosion-foot {
    font-size: 12px;
  }

  .mobile-layer-notice {
    padding-left: 22px;
    padding-right: 22px;
  }

  .explore-section {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .section-heading {
    margin-bottom: 35px;
  }

  .section-heading h2 {
    font-size: 41px;
  }

  .section-heading > p {
    margin-top: 24px;
    font-size: 16px;
  }

  .explore-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .feature-tabs button {
    padding: 19px 0;
    font-size: 20px;
  }

  .feature-explanation {
    margin-top: 23px;
    font-size: 16px;
  }

  .demo-disclosure {
    margin-top: 16px;
  }

  .feature-panel {
    min-height: 560px;
    padding: 19px;
  }

  .feature-panel .space-image {
    height: 175px;
  }

  .feature-panel .post-body h3 {
    font-size: 25px;
  }

  .feature-panel .post-body {
    padding: 16px;
  }

  .typed-post h3, .community-example h3 {
    font-size: 29px;
  }

  .europe-section {
    gap: 35px;
    padding-top: 70px;
    padding-bottom: 65px;
  }

  .europe-word {
    margin-bottom: 28px;
    font-size: 100px;
  }

  .europe-title h2 {
    font-size: 33px;
  }

  .europe-title > p {
    margin-top: 22px;
    font-size: 16px;
  }

  .europe-principles {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .europe-principles p {
    font-size: 15px;
  }

  .europe-principles a {
    font-size: 13px;
  }

  .comparison-section {
    padding-top: 65px;
    padding-bottom: 60px;
  }

  .comparison-section h2 {
    font-size: 37px;
  }

  .comparison-section .section-heading > p {
    font-size: 15px;
  }

  .comparison-scroll {
    margin-right: -22px;
    padding-right: 22px;
  }

  .comparison-note {
    font-size: 12px;
  }

  .project-section {
    padding-top: 65px;
    padding-bottom: 60px;
  }

  .project-heading {
    display: block;
  }

  .project-heading h2 {
    font-size: 42px;
  }

  .project-proof {
    margin-top: 30px;
    font-size: 13px;
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
    gap: 30px 20px;
    margin-top: 35px;
  }

  .team-list h3 {
    margin-top: 15px;
    font-size: 26px;
  }

  .team-list article > span {
    font-size: 11px;
  }

  .prototype-gallery {
    border-radius: 6px;
    flex-direction: column;
    gap: 35px;
    margin-top: 45px;
    padding: 30px 22px;
    display: flex;
  }

  .prototype-copy h3 {
    font-size: 37px;
  }

  .prototype-copy > p {
    margin-top: 18px;
  }

  .gallery-controls {
    margin-top: 25px;
  }

  .gallery-controls button {
    font-size: 12px;
  }

  .prototype-gallery figure img {
    width: 230px;
    height: 397px;
  }

  .roadmap {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 40px;
  }

  .roadmap > div {
    grid-template-columns: 90px 1fr;
    gap: 8px 15px;
    padding-top: 20px;
    display: grid;
  }

  .roadmap strong {
    grid-row: 1 / 4;
    font-size: 35px;
  }

  .roadmap h3 {
    margin: 0;
    font-size: 20px;
  }

  .roadmap p {
    font-size: 14px;
  }

  .roadmap span {
    justify-self: start;
    margin-top: 8px;
  }

  .roadmap-note {
    font-size: 12px;
  }

  .contact-section {
    padding-top: 65px;
    padding-bottom: 40px;
  }

  .contact-header {
    display: block;
  }

  .contact-header h2 {
    font-size: 64px;
  }

  .contact-header p {
    margin-top: 25px;
    font-size: 16px;
  }

  .audience-tabs {
    align-items: stretch;
    gap: 12px;
    margin-top: 35px;
  }

  .audience-tabs button {
    text-align: left;
    flex: 1;
    padding: 12px 0;
    font-size: 12px;
  }

  .contact-panel {
    grid-template-columns: 1fr;
    gap: 25px;
    min-height: 320px;
    padding-top: 25px;
  }

  .contact-panel h3 {
    font-size: 30px;
  }

  .contact-panel p {
    font-size: 15px;
  }

  .contact-action {
    justify-content: start;
  }

  .email-line {
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 20px;
    padding-top: 24px;
  }

  .email-line > a {
    font-size: 24px;
  }

  .site-footer {
    gap: 22px;
    padding: 30px 22px;
  }

  .site-footer > span:first-of-type {
    order: 3;
    width: 100%;
  }

  .site-footer > a:not(.wordmark) {
    font-size: 12px;
  }

  .site-footer > span:last-child {
    font-size: 11px;
  }

  .site-footer .wordmark {
    font-size: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *, :before, :after {
    transition: none !important;
    animation: none !important;
  }

  .trust-layer {
    transform: none !important;
  }

  .explosion-sticky {
    overflow: visible;
  }

  .layer-stack {
    transform: none !important;
  }
}

@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
}
.hero-product{max-width:390px}.hero-copy{padding-top:60px}.hero-copy h1{font-size:clamp(56px,6.1vw,94px)}.hero-mvp-invite{margin-top:32px;border-left:2px solid var(--mint);padding-left:20px;max-width:38ch}.hero-mvp-invite>strong{font-family:var(--font-display);font-size:23px;font-weight:500}.hero-mvp-invite>p{font-size:14px;line-height:1.7;color:#ffffffbf;margin-top:9px}.hero-mvp-link{display:inline-block;font-size:13px;margin-top:13px;text-decoration:underline;text-underline-offset:4px;color:var(--mint)}.mvp-explorer{--app-lime:#d2ff00;width:100%;max-width:350px;margin:auto;scroll-margin-top:20px}.mvp-device{position:relative;width:100%;aspect-ratio:750/1280;background:#0b0c10;border:1px solid #ffffff4d;border-radius:15px;overflow:hidden;isolation:isolate;color:#fff;font-family:Inter,sans-serif}.mvp-capture{display:block;width:100%;height:100%;object-fit:contain}.mvp-feed-tabs{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;background:#0b0c10dd;min-height:7%;gap:5px;align-items:center;padding:0 20px}.mvp-feed-tabs button{background:none;color:#fff9;font-size:13px;font-weight:600;padding:10px 8px}.mvp-feed-tabs button[aria-pressed=true]{color:#fff;text-decoration:underline;text-decoration-color:var(--app-lime);text-underline-offset:6px}.mvp-feed-actions{position:absolute;right:2%;top:42%;width:15%;display:flex;flex-direction:column;align-items:center;gap:11px;background:#0b0c10e8;border-radius:30px;padding:12px 2px}.mvp-feed-actions button{background:none;width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:white}.mvp-feed-actions button[aria-pressed=true]{color:var(--app-lime)}.mvp-feed-actions button[aria-pressed=true] svg{fill:#d2ff0060}.mvp-feed-actions .icon{width:25px;height:25px}.mvp-mini-logo{height:35px;width:35px;overflow:hidden;position:relative;border-radius:50%;display:block}.mvp-mini-logo img{max-width:none;width:66px;position:absolute;top:-31px;left:-16px}.mvp-source-hotspot{position:absolute;bottom:10.4%;left:0;width:100%;padding:12px 16px;background:#0b0c10f2;color:var(--app-lime);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-align:left}.mvp-source-hotspot .icon{width:16px;height:16px}.mvp-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:10%;display:grid;grid-template-columns:repeat(4,1fr);background:#0b0c10;border-top:1px solid #ffffff20;padding:4px 6px 3px;z-index:5}.mvp-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;color:#969ba6;font-size:9px;min-width:0}.mvp-bottom-nav button .icon{width:23px;height:23px}.mvp-bottom-nav button[aria-current=page]{color:var(--app-lime)}.mvp-bottom-nav button[aria-current=page]::after{content:'';height:3px;width:21px;background:var(--app-lime);border-radius:2px;position:absolute;bottom:0}.mvp-browse-controls{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:14px;gap:12px}.mvp-browse-controls button{padding:7px 0;background:none;color:var(--mint);text-decoration:underline;text-underline-offset:4px}.mvp-browse-controls>span{color:#ffffffa6;font-size:11px}.mvp-demo-note{text-align:center;margin-top:7px;color:#ffffffa6;font-size:11px;line-height:1.6}.mvp-device button:focus-visible,.mvp-device a:focus-visible,.mvp-device input:focus-visible{outline:2px solid var(--app-lime);outline-offset:-3px}.mvp-search{position:absolute;left:0;right:0;top:0;background:#0b0c10;z-index:3;padding:11px 10px 10px}.mvp-search label{display:flex;align-items:center;gap:8px;border:1px solid #ffffff60;border-radius:20px;padding:8px 10px}.mvp-search .icon{width:17px;height:17px;color:#b4b6be}.mvp-search input{border:0;outline:none;background:none;color:white;width:100%;min-width:0;font-size:12px}.mvp-search input::placeholder{color:#b4b6be}.mvp-categories{display:flex;gap:5px;justify-content:space-between;margin-top:8px}.mvp-categories button{background:#ffffff13;border-radius:16px;padding:7px 9px;font-size:10px}.mvp-categories button[aria-pressed=true]{background:var(--app-lime);color:black}.mvp-discovery-hotspots{position:absolute;top:18%;bottom:18%;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px}.mvp-discovery-hotspots button{background:transparent;border-radius:12px}.mvp-discovery-hotspots button:hover{outline:2px solid var(--app-lime);outline-offset:-3px}.mvp-search-results{position:absolute;top:20%;bottom:10%;left:0;right:0;background:#0b0c10;padding:16px 13px;overflow:auto}.mvp-search-results h3{font-size:17px;margin-bottom:18px}.mvp-search-results>p{font-size:13px;line-height:1.7}.mvp-search-results>button{background:none;width:100%;border-bottom:1px solid #fff3;padding:10px 0;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px}.mvp-search-results img{width:45px;height:65px;border-radius:5px;object-fit:cover}.mvp-search-results small{display:block;color:var(--app-lime);font-size:10px;margin-top:7px}.mvp-message-rows{position:absolute;top:21%;bottom:13%;left:0;right:0}.mvp-message-rows button{position:absolute;width:100%;height:16.6%;left:0;background:transparent}.mvp-message-rows button:hover{background:#d2ff0014}.mvp-write,.mvp-search-jump{position:absolute;bottom:12%;left:25%;right:8%;border-radius:25px;background:#1d2029;color:white;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;font-size:12px;z-index:3}.mvp-write .icon,.mvp-search-jump .icon{width:18px;height:18px}.mvp-profile{position:absolute;inset:0 0 10%;background:#0b0c10;padding:24px 20px;overflow:auto;text-align:center}.mvp-profile-logo{position:relative;overflow:hidden;width:68px;height:68px;border-radius:16px;margin:auto auto 16px}.mvp-profile-logo img{position:absolute;width:130px;max-width:none;top:-62px;left:-31px}.mvp-profile h3{font-size:23px;line-height:1.2}.mvp-profile>p{font-size:12px;color:#b4b6be;line-height:1.7;margin-top:10px}.mvp-profile-stats{display:flex;justify-content:center;gap:40px;margin:22px 0}.mvp-profile-stats>span{font-size:11px;color:#b4b6be;display:flex;flex-direction:column;gap:3px}.mvp-profile-stats strong{font-size:30px;color:var(--app-lime);font-weight:500}.mvp-profile h4{font-size:14px;font-weight:600;text-align:left;border-top:1px solid #fff3;padding-top:20px}.mvp-saved-item{width:100%;font-size:12px;background:none;text-align:left;display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #fff3}.mvp-saved-item .icon{width:18px;height:18px;color:var(--app-lime)}.mvp-primary{display:flex;align-items:center;justify-content:center;background:var(--app-lime);color:black;padding:12px 16px;border-radius:22px;font-size:12px;font-weight:700;margin-top:22px;text-align:center}.mvp-panel-backdrop{position:absolute;inset:0;background:#0007;z-index:10}.mvp-panel{position:absolute;bottom:0;left:0;right:0;max-height:94%;height:86%;background:#0b0c10;border:1px solid #fff3;border-radius:20px 20px 0 0;display:flex;flex-direction:column;outline:0;overflow:hidden}.mvp-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 15px;border-bottom:1px solid #fff3;flex-shrink:0}.mvp-panel-heading h3{font-size:18px;line-height:1.2}.mvp-panel-heading>button{background:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.mvp-panel-heading .icon{width:21px;height:21px}.mvp-comment-tabs{display:flex;justify-content:space-around;padding:13px 8px 8px;gap:5px;flex-shrink:0}.mvp-comment-tabs button{font-size:10px;background:none;padding:7px 8px;border:1px solid #ffffff60;border-radius:16px;white-space:nowrap}.mvp-comment-tabs button[aria-pressed=true]{color:black;background:var(--app-lime);border-color:var(--app-lime)}.mvp-panel-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.mvp-comments-added>div{padding:12px 18px;border-bottom:1px solid #fff2;font-size:13px;overflow-wrap:anywhere}.mvp-comments-added strong{font-size:12px;color:var(--app-lime)}.mvp-comments-added p{margin-top:6px;line-height:1.6}.mvp-comments-added small{color:#b4b6be;font-size:10px}.mvp-comment-capture{position:relative;height:275px;overflow:hidden}.mvp-comment-capture>img{position:absolute;top:0;transform:translateY(-33%);width:100%;max-width:none}.mvp-comment-capture.popular>img{transform:translateY(-48%)}.mvp-compose{display:flex;padding:12px 10px;gap:7px;border-top:1px solid #fff3;background:#0b0c10;flex-shrink:0}.mvp-compose input{border:1px solid #fff3;border-radius:22px;background:#151821;color:white;min-width:0;width:100%;font-size:12px;padding:11px}.mvp-compose input::placeholder{color:#b4b6be}.mvp-compose button{background:var(--app-lime);color:black;font-size:12px;font-weight:700;border-radius:22px;padding:10px 13px}.mvp-compose button:disabled{opacity:.45}.mvp-panel-copy{padding:24px 20px;font-size:14px}.mvp-panel-copy>.icon{color:var(--app-lime);width:30px;height:30px;margin-bottom:22px}.mvp-panel-copy h4{font-size:24px;font-family:var(--font-display);margin-bottom:13px}.mvp-panel-copy>p{line-height:1.7}.mvp-panel-copy .mvp-small{margin-top:22px}.mvp-small{font-size:11px;line-height:1.6;color:#b4b6be}.mvp-action-menu{padding:15px}.mvp-action-menu button{width:100%;display:flex;align-items:center;gap:12px;background:none;padding:17px 3px;border-bottom:1px solid #fff3;text-align:left;font-size:13px}.mvp-action-menu .icon{width:20px;height:20px;color:var(--app-lime)}.panel-actions,.panel-source{height:auto;min-height:55%}.mvp-chat{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:15px;overscroll-behavior:contain}.mvp-chat .mvp-small{text-align:center;max-width:100%}.mvp-chat-bubble{align-self:end;max-width:85%;background:var(--app-lime);color:black;border-radius:16px 16px 2px 16px;padding:10px 13px;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.mvp-toast{position:absolute;bottom:11%;left:6%;right:6%;z-index:20;background:var(--app-lime);color:black;font-size:12px;line-height:1.5;padding:11px 14px;border-radius:8px;text-align:center;pointer-events:none}.mvp-empty{font-size:13px;padding:20px;line-height:1.7;color:#b4b6be}.mvp-story-hotspots{position:absolute;top:0;left:0;right:0;height:15%;display:flex}.mvp-story-hotspots>button{flex:1;background:transparent}.mvp-radial-hotspot{position:absolute;width:12%;height:7%;background:transparent;border-radius:50%}.mvp-radial-hotspot:hover{outline:1px solid var(--app-lime)}
@media(max-width:1100px){.hero-copy h1{font-size:65px}.hero-copy{padding-top:50px}.hero-mvp-invite{margin-top:26px}.hero-product{max-width:365px}}
@media(max-width:899px){.hero-copy h1{font-size:56px}.hero-copy{padding-top:28px}.hero-mvp-invite>p{font-size:13px}.hero-mvp-invite>strong{font-size:20px}.mvp-feed-actions{gap:6px}.mvp-feed-actions button{width:32px;height:32px}.mvp-bottom-nav button{font-size:8px}.mvp-categories button{padding:6px 7px}.mvp-comment-tabs button{padding:6px;font-size:9px}}
@media(max-width:650px){.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(52px,12.5vw,78px)}.hero-mvp-invite{padding-left:17px;margin-top:25px}.hero-mvp-invite>p{font-size:14px}.hero-mvp-invite>strong{font-size:22px}.mvp-explorer{max-width:350px}.mvp-bottom-nav button{font-size:9px}.mvp-feed-actions{gap:8px}.hero-product{max-width:350px}.mvp-comment-tabs button{padding:7px;font-size:10px}.mvp-panel-heading h3{font-size:17px}}
.mvp-original-comment{position:relative;overflow:hidden;border-bottom:1px solid #fff2}.mvp-original-comment img{position:absolute;width:100%;top:0;left:0;max-width:none}.mvp-reply-comment{position:absolute;right:2%;top:7%;height:30px;width:30px;background:#0b0c10;display:flex;align-items:center;justify-content:center;color:var(--app-lime);border-radius:50%}.mvp-reply-comment .icon{width:18px;height:18px}.mvp-showcase{padding-bottom:65px;border-bottom:1px solid #ffffff30}.mvp-showcase .prototype-gallery{margin-top:25px;padding-top:40px;border-top:1px solid #ffffff30;border-radius:0}.screenshot-preview{background:none;color:white;display:block;margin:auto;padding:0}.screenshot-preview>span{display:block;font-size:12px;color:var(--mint);text-decoration:underline;text-underline-offset:4px;margin-top:15px}.prototype-gallery .screenshot-preview img{width:270px;height:auto;max-height:500px;object-fit:contain}.screenshot-dialog{position:fixed;inset:0;margin:auto;background:#000;color:white;border:1px solid #ffffff60;border-radius:12px;padding:18px;width:min(92vw,580px);height:min(94svh,1050px);max-height:94svh}.screenshot-dialog::backdrop{background:#000d}.screenshot-dialog[open]{display:flex;flex-direction:column}.screenshot-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px}.screenshot-dialog-heading h3{font-size:20px;line-height:1.2}.screenshot-dialog-heading>button{background:none;padding:6px}.screenshot-full{flex:1;min-height:0;display:flex;justify-content:center}.prototype-gallery .screenshot-full img{height:100%;width:auto;max-width:100%;object-fit:contain;border:0;border-radius:6px;margin:0}.screenshot-dialog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:12px;font-size:13px}.screenshot-dialog-controls button{background:none;padding:8px;color:var(--mint)}.screenshot-dialog-controls span{color:#ffffffb3}.screenshot-dialog button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}@media(max-width:650px){.mvp-showcase{padding-bottom:30px}.mvp-showcase .prototype-gallery{padding-left:0;padding-right:0;margin-top:0}.screenshot-dialog{padding:12px}.prototype-gallery .screenshot-preview img{max-width:100%;width:270px}}

/* Slogan first, then the original MVP. */
.hero-section{grid-template-columns:1.2fr 1fr;gap:5%;align-items:start}.hero-copy{grid-column:1;grid-row:1;padding-top:30px}.hero-product{grid-column:2;grid-row:1}.hero-footer{grid-column:1/-1}.hero-copy .animated-slogan{font-size:clamp(50px,6.6vw,100px);line-height:1.12;letter-spacing:-.065em}.slogan-line{display:block;white-space:nowrap}.slogan-line-0{color:var(--mint)}.slogan-line-1{color:var(--violet)}.slogan-line-2{color:var(--coral)}.slogan-line-2 .slogan-letter:nth-child(2n){color:var(--amber)}.slogan-line-2 .slogan-letter:last-child{color:var(--mint)}.slogan-letter{display:inline-block;animation:letter-float 3.8s ease-in-out infinite;transition:filter .2s}.slogan-letter:hover{filter:brightness(1.3)}.motion-paused .slogan-letter{animation-play-state:paused}.motion-toggle{background:none;border-bottom:1px solid #ffffff50;color:#ffffffa8;font-size:11px;padding:4px 0;margin:18px 0 22px}.hero-copy>p{margin-top:0}.barometer-control{padding:24px;color:inherit}.barometer-control label{display:block;font-weight:600;font-size:16px}.barometer-control output{display:block;font-size:28px;color:var(--coral);font-family:var(--font-display);margin:14px 0}.barometer-control input{width:100%;height:30px;accent-color:#ff8b28;cursor:ew-resize}.barometer-labels{display:flex;justify-content:space-between;gap:10px;font-size:10px}.barometer-control p{font-size:12px;line-height:1.6;margin-top:22px;opacity:.75}.barometer-control button{background:none;text-decoration:underline;font-size:12px;margin-top:20px;padding:8px 0}.mvp-feed-actions .mvp-meter-button{height:65px;flex-direction:column;gap:3px;border-radius:8px}.mini-barometer{width:13px;height:40px;border:1px solid #ffbf75;border-radius:8px;display:block;position:relative;overflow:hidden;background:#4f321e}.mini-barometer>span{position:absolute;bottom:0;left:0;right:0;background:#ff8b28;transition:height .2s}.mvp-meter-button small{font-size:9px}.mvp-text-comment{padding:15px;border-bottom:1px solid #fff2;font-size:12px}.mvp-text-comment strong{color:var(--app-lime)}.mvp-text-comment p{margin-top:7px}.mvp-text-comment button{background:none;padding:9px 0 0;color:var(--app-lime);font-size:11px}.gallery-counter{font-family:var(--font-display);color:var(--mint);font-size:30px;text-align:center;margin-bottom:12px}.gallery-counter span{font-size:13px;color:#ffffff70}.gallery-controls button{transition:background .2s,color .2s,transform .2s}.gallery-controls button:hover{transform:translateY(-3px)}
@keyframes letter-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1deg)}}
@media(min-width:900px) and (min-height:680px) and (prefers-reduced-motion:no-preference){.gallery-scroll-scene{height:240vh;position:relative}.mvp-showcase .prototype-gallery{position:sticky;top:0;min-height:100vh;margin-top:0;align-items:center}.prototype-gallery .screenshot-preview img{max-height:65vh}.prototype-copy{padding:20px 0}}
@media(max-width:899px){.hero-section{gap:4%}.hero-copy .animated-slogan{font-size:clamp(36px,6.4vw,60px)}}
@media(max-width:650px){.hero-section{display:flex;flex-direction:column;gap:35px}.hero-copy{order:0;width:100%}.hero-product{order:1;align-self:center}.hero-footer{order:2}.hero-copy .animated-slogan{font-size:clamp(36px,10.6vw,68px)}.hero-copy{padding-top:0}.motion-toggle{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.slogan-letter{animation:none}.motion-toggle{display:none}.gallery-controls button{transition:none}}

/* Palette sampled directly from the supplied CHEQA logo JPEG. */
:root{--mint:#06F500;--coral:#F9EF10;--violet:#0C36F0;--amber:#F9EF10;--cheqa-green:#07B05D;--cheqa-blue:#0C36F0;--cheqa-yellow:#F9EF10}
.wordmark{gap:12px;letter-spacing:0}.brand-initial{font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--mint);line-height:1}.brand-name{font-family:var(--font-sans);font-size:14px;letter-spacing:.14em;font-weight:700}.brand-dot{display:none}.slogan-line-0{color:white}.slogan-line-2{color:var(--mint)}.slogan-reel{display:block;height:1.14em;overflow:hidden;color:var(--cheqa-yellow)}.slogan-reel-track{display:flex;flex-direction:column;animation:slogan-scroll 3s cubic-bezier(.65,0,.35,1) infinite}.slogan-reel-track>span{display:block;line-height:1.14;white-space:nowrap}.hero-copy .animated-slogan{line-height:1.14}.slogan-letter{animation:none}
@keyframes slogan-scroll{0%,25%{transform:translateY(0)}75%,100%{transform:translateY(-33.333333%)}}
.section-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:#080c0bF5;border:1px solid #06f50055;border-radius:40px;padding:6px;z-index:40;max-width:calc(100vw - 24px);box-shadow:0 8px 40px #0005}.section-nav a{padding:9px 13px;border-radius:30px;font-size:11px;white-space:nowrap;color:#ddd;transition:background .2s,color .2s}.section-nav a[aria-current]{background:var(--mint);color:#000}.section-nav a:hover{background:#ffffff22}.page-motion-toggle{position:relative;display:block;margin:14px 6% 0 auto;background:none;color:#aaa;font-size:10px;padding:6px 0;border-bottom:1px solid #ffffff40}.site-header{gap:22px}.site-header nav{gap:20px}.site-header .header-context{font-size:11px}.hero-section{padding-top:40px}.hero-footer{justify-content:flex-end}.mvp-showcase .prototype-gallery{background:#050b09}.source-layer{background:var(--mint);color:#000}.community-layer{background:var(--cheqa-blue);color:#fff}.community-layer .layer-chip{background:#ffffff25;color:#fff}.community-layer .context-link{font-size:25px;font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:5px}.community-layer .layer-bar{border-color:#ffffff50}.europe-word{color:var(--mint)}.feature-tabs button[aria-selected=true]{color:var(--cheqa-blue)}.source-toggle,.type-tag{color:#000}.infox-context{display:flex;align-items:center;gap:35px;padding:30px;background:#faf9e1;border-left:4px solid var(--cheqa-yellow);margin:30px 0}.infox-context>strong{font-size:64px;font-family:var(--font-display);letter-spacing:-.06em;white-space:nowrap}.infox-context h3{font-size:24px}.infox-context p{font-size:14px;line-height:1.7;margin-top:10px}.infox-context a,.comparison-note a{text-decoration:underline;text-underline-offset:3px;font-size:12px}.comparison-caution{background:#faf9e1;border-left:3px solid #c7bb00}.team-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.contribution-form{border-top:1px solid #0003;margin-top:28px;padding-top:22px;display:grid;gap:13px}.contribution-form h4{margin:0;font-size:19px}.contribution-form label{font-size:12px;font-weight:600;display:grid;gap:6px}.contribution-form input,.contribution-form textarea{border:1px solid #0006;background:#fff;color:#000;width:100%;font:inherit;padding:12px;border-radius:5px}.contribution-form textarea{resize:vertical;min-height:90px}.contribution-form small{font-size:11px;line-height:1.6}.contribution-form button:disabled{opacity:.45}.submitted-context{padding:18px 0;border-top:1px solid #0003;overflow-wrap:anywhere}.newsletter-section{background:var(--cheqa-blue);color:white;padding-top:90px;padding-bottom:120px;position:relative;overflow:hidden}.newsletter-eyebrow{display:block;color:var(--cheqa-yellow);font-size:12px;letter-spacing:.15em;margin-bottom:22px}.newsletter-section h2{font-size:clamp(40px,5.3vw,76px);max-width:16ch}.newsletter-section>p{margin-top:24px;font-size:17px;max-width:48ch}.newsletter-section form{margin-top:35px;max-width:670px}.newsletter-section label{display:block;font-size:13px}.newsletter-fields{display:flex;gap:10px;margin-top:10px}.newsletter-fields>input{min-width:0;flex:1;background:#fff;color:#000;padding:16px;border:0;border-radius:5px;font:inherit}.newsletter-fields button{background:var(--cheqa-yellow);color:#000;white-space:nowrap}.newsletter-consent{display:flex!important;align-items:start;gap:10px;margin-top:18px;line-height:1.6}.newsletter-consent input{margin-top:4px;accent-color:var(--mint)}.newsletter-section>small{display:block;max-width:62ch;font-size:11px;line-height:1.7;margin-top:18px;color:#ffffffb8}.newsletter-result{max-width:670px;border:1px solid #fff5;padding:20px;margin-top:22px}.newsletter-result p{font-size:14px;margin-bottom:16px}.newsletter-result a{background:var(--mint);color:black}.site-footer{padding-bottom:95px}.solid-button,.nav-contact{transition:transform .2s,box-shadow .2s}.solid-button:hover,.nav-contact:hover{transform:translateY(-3px);box-shadow:0 7px 0 #0002}.prototype-gallery .screenshot-preview{transition:transform .35s}.prototype-gallery .screenshot-preview:hover{transform:rotate(-2deg) scale(1.025)}
.motion-disabled *,.motion-disabled *::before,.motion-disabled *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-disabled .trust-layer{transform:none!important}.motion-disabled .layer-note{opacity:1!important;transform:none!important}.motion-disabled .explosion-section{height:auto!important}.motion-disabled .explosion-sticky{position:relative!important;height:auto!important}.motion-disabled .layer-stack{display:grid!important;grid-template-columns:repeat(2,1fr);gap:20px;height:auto!important;transform:none!important}.motion-disabled .trust-layer{position:relative!important;inset:auto!important;width:100%!important}.motion-disabled .explosion-scene{height:auto!important}.motion-disabled .gallery-scroll-scene{height:auto}.motion-disabled .prototype-gallery{position:relative;min-height:0}.motion-disabled .layer-notes{display:none}.motion-disabled .explosion-track{display:none}
@media(max-width:899px){.header-context{display:none}.site-header nav{gap:13px}.section-nav a{padding:9px;font-size:10px}.page-motion-toggle{font-size:9px}.newsletter-section{padding-top:65px}.infox-context{gap:20px;padding:20px}.infox-context>strong{font-size:46px}}
@media(max-width:650px){.newsletter-fields{flex-direction:column}.section-nav{overflow:auto;justify-content:flex-start;width:max-content;bottom:10px}.section-nav a{padding:8px;font-size:9px}.infox-context{display:block}.infox-context h3{margin-top:12px}.brand-name{font-size:12px}.motion-disabled .layer-stack{grid-template-columns:1fr}.hero-copy .animated-slogan{font-size:clamp(34px,10.4vw,66px)}}
@media(prefers-reduced-motion:reduce){.slogan-reel-track{animation:none}.solid-button,.nav-contact,.screenshot-preview{transition:none!important}}

html{scroll-behavior:smooth}.page-motion-toggle{position:absolute;top:104px;right:6%;margin:0;z-index:5}.hero-section{padding-top:65px}.feature-panel{overflow:visible;height:auto}.community-example{height:auto;overflow:visible}.newsletter-section input:focus-visible,.newsletter-section button:focus-visible{outline:3px solid var(--cheqa-yellow);outline-offset:3px}.site-header a:focus-visible,.section-nav a:focus-visible{outline-color:var(--mint)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:650px){.page-motion-toggle{top:80px}.hero-section{padding-top:50px}}

.community-example{color:white}.community-example .type-label{border-color:#ffffff80;color:white}.community-example .solid-button{background:var(--mint);color:black}.community-example .contribution-form,.community-example .submitted-context{border-color:#ffffff60}.type-Opinion .type-label{color:white}.motion-disabled html{scroll-behavior:auto}.newsletter-result{scroll-margin-bottom:100px}

.hero-copy>.animated-slogan+p{margin-top:25px}.hero-copy .animated-slogan{margin-bottom:25px}
/* A bright editorial canvas around the original MVP screens. */
body{background:#f7f8f2;color:#17221b}.site-header{border-color:#17221b22}.site-header .header-context{color:#47554b}.site-header .wordmark,.site-footer .wordmark{color:#17221b;gap:4px}.restored-name{font-family:var(--font-display);font-size:43px;letter-spacing:-2.5px;font-weight:700}.wordmark sup{font-family:Arial,sans-serif;font-size:12px;align-self:flex-start;margin-top:4px;letter-spacing:0}.site-header nav a:not(.nav-contact){color:#17221b}.site-header nav.open{background:#f7f8f2;border-color:#17221b30}.page-motion-toggle{color:#536157;border-color:#17221b30}.hero-copy .slogan-line-0{color:#17221b}.hero-copy .slogan-line-2{color:var(--cheqa-blue)}.slogan-reel{color:var(--cheqa-blue)}.slogan-reel-track>span{background:var(--cheqa-yellow);width:max-content;padding-right:7px}.hero-copy>p,.hero-mvp-invite>p{color:#46544b}.hero-mvp-invite{border-color:var(--cheqa-green)}.hero-mvp-link,.hero-copy .text-link{color:var(--cheqa-blue)}.hero-footer,.product-label{color:#56615a}.product-mark{color:#17221b}.hero-product{background:#edf0e8;padding:20px;border-radius:24px}.mvp-browse-controls button{color:var(--cheqa-blue)}.mvp-showcase{border-color:#17221b22}.mvp-showcase .prototype-gallery{background:transparent;border-color:#17221b22}.prototype-copy>p,.prototype-copy .capture-caption,.prototype-gallery figcaption{color:#46544b}.prototype-copy .text-link,.screenshot-preview>span{color:var(--cheqa-blue)}.gallery-controls button{color:#17221b;border-color:#17221b40}.gallery-controls button[aria-pressed=true]{background:var(--cheqa-blue);color:white;border-color:var(--cheqa-blue)}.gallery-counter{color:var(--cheqa-blue)}.gallery-counter span{color:#536157}.screenshot-preview{color:#17221b}.screenshot-dialog .screenshot-dialog-controls button{color:var(--mint)}.light-section{background:#fff}.problem-section{border-radius:32px 32px 0 0}.explosion-section{background:#edf3e8;color:#17221b}.explosion-head>p,.explosion-foot,.layer-note p{color:#46544b}.explosion-head h2,.layer-note h3{color:#17221b}.explosion-track{background:var(--cheqa-blue)}.europe-section{background:#e8f3e5;color:#17221b}.europe-word{color:var(--cheqa-blue)}.europe-title>p,.europe-principles p,.europe-principles .architecture-note{color:#46544b}.europe-principles article{border-color:#17221b30}.europe-principles a{color:var(--cheqa-blue)}.feature-panel{background:#edf0e8;color:#17221b}.panel-top,.panel-hint{color:#46544b}.feature-panel .community-example{background:var(--cheqa-blue);color:white}.feature-panel .type-options button{color:#17221b;border-color:#17221b50}.feature-panel .type-options button[aria-pressed=true]{background:var(--mint);color:black}.comparison-section{padding-top:75px;padding-bottom:75px}.comparison-section .section-heading{margin-bottom:28px}.comparison-section h2{font-size:clamp(36px,4vw,58px)}.compact-comparison{max-width:1100px}.competitor-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.competitor-picker button{background:#edf0e8;color:#17221b;border:1px solid transparent;padding:9px 15px;border-radius:30px;font-size:13px}.competitor-picker button[aria-pressed=true]{background:var(--cheqa-blue);color:#fff}.competitor-picker button:hover{border-color:var(--cheqa-blue)}.comparison-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-duo article{border-radius:18px;padding:28px}.competitor-summary{background:#f1f3ed;border:1px solid #17221b18}.cheqa-summary{background:var(--mint);color:#101710}.comparison-duo article>span{font-size:11px;display:block;margin-bottom:16px}.comparison-duo h3{font-size:32px;letter-spacing:-1px;margin-bottom:14px}.comparison-duo h3 sup{font-size:11px;vertical-align:super;margin-left:3px}.comparison-duo p{font-size:15px;line-height:1.7;max-width:44ch}.comparison-duo a{font-size:12px;display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.comparison-duo details{margin-top:18px;border-top:1px solid #17221b25;padding-top:14px}.comparison-duo summary{cursor:pointer;font-size:12px}.comparison-duo details p{font-size:13px;margin-top:10px}.compact-note{font-size:11px;color:#536157;margin-top:16px}.collaborators{display:flex;align-items:baseline;gap:30px;border-top:1px solid #17221b25;margin-top:35px;padding-top:25px}.collaborators h3{font-size:20px}.collaborators p{font-size:18px}.collaborators p span{color:var(--cheqa-blue);padding:0 14px}.reply-react{background:none;color:var(--mint);font-size:12px;padding:12px 0;text-decoration:underline}.site-footer{background:#f7f8f2;color:#17221b}.site-footer>span,.site-footer>a:not(.wordmark){color:#536157}.section-nav{background:#f7f8f2f5;border-color:#17221b30;box-shadow:0 5px 24px #17221b18}.section-nav a{color:#46544b}.section-nav a[aria-current]{background:var(--cheqa-blue);color:white}.section-nav a:hover{background:#17221b15}.section-nav a[aria-current]:hover{background:var(--cheqa-blue)}.site-header a:focus-visible,.section-nav a:focus-visible{outline-color:var(--cheqa-blue)}
@media(max-width:650px){.hero-product{padding:14px}.comparison-duo{grid-template-columns:1fr}.comparison-duo article{padding:22px}.competitor-picker{gap:6px}.competitor-picker button{font-size:11px;padding:8px 12px}.collaborators{display:block}.collaborators p{margin-top:15px;font-size:16px}.restored-name{font-size:37px}.comparison-section{padding-top:55px;padding-bottom:55px}.slogan-reel-track>span{padding-right:2px}}

@media(min-width:651px) and (max-width:899px){.site-header{min-height:82px;justify-content:space-between;position:relative}.site-header .menu-button{display:flex;background:none}.site-header nav{display:none}.site-header nav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:24px;z-index:50;border-bottom:1px solid #17221b30}.hero-section{display:flex;flex-direction:column;gap:35px}.hero-copy{width:100%;padding-top:0}.hero-copy .animated-slogan{font-size:clamp(55px,8vw,72px)}.hero-product{align-self:center;width:370px;max-width:100%;order:1}.hero-footer{order:2}.page-motion-toggle{top:87px}.hero-copy>p{max-width:38ch}}

/* Keep the headline and MVP together at intermediate widths. */
.hero-section{max-width:1320px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:48px;align-items:center;padding-top:48px}.hero-copy{min-width:0;padding-top:0}.hero-product{width:100%;max-width:390px;justify-self:end;align-self:center}.hero-copy .animated-slogan{font-size:clamp(52px,6.3vw,86px)}.hero-footer{width:100%;margin-top:0}.prototype-copy{color:#17221b;min-width:0}.prototype-copy h3{color:#17221b;font-size:clamp(36px,4.2vw,60px);line-height:1.12;letter-spacing:-.045em}.prototype-gallery{color:#17221b}.mvp-showcase .prototype-gallery{column-gap:50px;padding-left:0;padding-right:0}.prototype-copy>p{line-height:1.7}.scroll-reveal{opacity:var(--reveal-opacity,1);transform:translate3d(0,var(--reveal-y,0px),0)}.scroll-reveal:focus-within{opacity:1;transform:none}.motion-disabled .scroll-reveal{opacity:1!important;transform:none!important}
@media(min-width:600px) and (max-width:899px){.hero-section{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:24px;row-gap:20px;padding-left:24px;padding-right:24px;padding-top:50px;align-items:start}.hero-copy{grid-column:1;grid-row:1;order:initial;width:auto}.hero-product{grid-column:2;grid-row:1;order:initial;width:100%;max-width:320px;padding:12px;align-self:start}.hero-footer{grid-column:1/-1;grid-row:2;order:initial}.hero-copy .animated-slogan{font-size:clamp(33px,5.7vw,51px)}.hero-copy>p{font-size:15px;line-height:1.6;max-width:100%}.hero-copy>p br{display:none}.hero-mvp-invite{margin-top:22px;padding-left:12px}.hero-mvp-invite>strong{font-size:20px}.hero-mvp-invite>p{font-size:12px;line-height:1.6}.hero-copy .text-link{font-size:12px;margin-top:22px}.product-label{font-size:10px;gap:6px}.product-mark{font-size:10px}.mvp-feed-tabs{padding:0 5px;gap:0}.mvp-feed-tabs button{font-size:10px;padding:8px 6px}.mvp-panel-heading h3{font-size:15px}.mvp-compose{padding:8px 6px}.mvp-compose input{padding:8px;font-size:10px}.mvp-compose button{padding:8px;font-size:10px}.mvp-feed-actions{top:39%;gap:3px}.mvp-feed-actions button{height:28px;width:28px}.mvp-feed-actions .mvp-meter-button{height:50px}.mini-barometer{height:30px}.mvp-source-hotspot{font-size:9px;padding:8px}.mvp-bottom-nav button{font-size:7px}.mvp-browse-controls{font-size:10px}.mvp-showcase .prototype-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.prototype-copy h3{font-size:36px}.prototype-gallery .screenshot-preview img{max-width:100%;width:250px}.prototype-gallery figure{min-width:0;margin:0}}
@media(max-width:599px){.hero-section{display:flex;flex-direction:column;gap:28px;padding-top:45px;align-items:stretch}.hero-copy .animated-slogan{font-size:clamp(34px,11.5vw,64px)}.hero-product{align-self:center;max-width:360px;order:1}.hero-copy{order:0}.hero-footer{order:2}.prototype-copy h3{font-size:clamp(36px,9.5vw,48px)}.mvp-showcase .prototype-gallery{display:flex;flex-direction:column;gap:30px}.hero-mvp-invite{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transform:none!important}}

/* CHEQA visual identity supplied 15 September 2026. */
:root{--mint:#06F500;--violet:#0C36F0;--coral:#F9EF10;--amber:#F9EF10;--cheqa-green:#06F500;--cheqa-blue:#0C36F0;--cheqa-yellow:#F9EF10;--font-sans:'Poppins',sans-serif;--font-display:'Hagrid','Poppins',sans-serif}
body{font-family:var(--font-sans)}h1,h2{font-weight:700}.restored-name{font-family:var(--font-display);font-weight:800;letter-spacing:-2px}.hero-copy .animated-slogan{font-weight:700;letter-spacing:-.06em;font-size:clamp(48px,5.6vw,78px)}.section-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--cheqa-blue);margin-bottom:24px}.problem-heading h2{font-size:clamp(36px,4.4vw,62px)}.problem-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:60px}.problem-stats article{border-top:2px solid var(--cheqa-blue);padding-top:24px}.problem-stats article:nth-child(2){border-color:var(--cheqa-green)}.problem-stats article:nth-child(3){border-color:var(--cheqa-yellow)}.problem-stats strong{display:block;color:var(--cheqa-blue);font-family:var(--font-display);font-size:clamp(60px,7.5vw,106px);line-height:1.1;letter-spacing:-.07em;font-weight:700}.problem-stats strong>span{font-size:.4em;letter-spacing:-.02em;padding-left:4px}.problem-stats h3{font-size:20px;line-height:1.3;margin-top:22px;max-width:20ch;font-weight:600}.problem-stats p{font-size:13px;line-height:1.8;color:#46544b;margin-top:12px}.stats-source{display:flex;flex-direction:column;gap:8px;border-top:1px solid #17221b25;padding-top:20px;margin-top:30px;font-size:10px;color:#536157}.stats-source a{color:var(--cheqa-blue);text-decoration:underline;text-underline-offset:3px}.stats-source span{max-width:95ch}.problem-response{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:35px;background:#f1f5ec;padding:24px;border-left:4px solid var(--cheqa-green)}.problem-response p{font-size:17px;max-width:48ch}.problem-response a{font-size:12px;color:var(--cheqa-blue);white-space:nowrap}.walkthrough-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8%;align-items:center}.walkthrough-preview{padding:28px;background:#edf0e8;border-radius:28px;min-width:0;align-self:start}.walkthrough-phone{--app-lime:#d2ff00;width:100%;max-width:340px;aspect-ratio:750/1280;position:relative;margin:auto;background:#0b0c10;overflow:hidden;border:1px solid #17221b30;border-radius:18px;color:white;isolation:isolate}.walkthrough-capture{width:100%;height:100%;object-fit:contain;display:block}.walkthrough-open{position:absolute;bottom:11%;left:4%;right:4%;background:#0b0c10f5;color:var(--app-lime);border:1px solid #d2ff0080;padding:12px 8px;border-radius:25px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600}.walkthrough-open .icon{width:18px;height:18px}.walkthrough-sheet{position:absolute;inset:9% 0 0;background:#0b0c10;border-radius:22px 22px 0 0;border-top:1px solid #fff4;display:flex;flex-direction:column;outline:0;z-index:2}.walkthrough-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #fff2;padding:15px}.walkthrough-sheet-head h3{font-family:var(--font-sans);font-size:20px;font-weight:600;letter-spacing:-.03em}.walkthrough-sheet-head button{background:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.walkthrough-sheet-body{padding:20px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}.walkthrough-sheet-body h4{font-size:20px;line-height:1.35;margin:12px 0 14px;font-weight:600;overflow-wrap:anywhere}.walkthrough-sheet-body p{font-size:12px;line-height:1.75;color:#e1e2e6}.walkthrough-sheet-body small{font-size:10px;line-height:1.7;color:#aeb2bc;display:block;margin-top:18px}.app-kicker{font-size:9px;letter-spacing:.08em;color:var(--app-lime)}.app-action{display:block;border-radius:25px;background:var(--app-lime);color:#0b0c10;font-size:11px;font-weight:600;text-align:center;padding:12px 16px;margin-top:22px;width:100%}.app-action:disabled{opacity:.4}.app-pills{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.app-pills button{background:#151821;border:1px solid #fff3;color:white;padding:8px 10px;border-radius:20px;font-size:10px}.app-pills button[aria-pressed=true]{background:var(--app-lime);color:black}.app-badge-explainer{font-size:12px;padding:14px;border:1px solid #ffffff40;border-radius:8px}.app-badge-explainer summary{cursor:pointer;font-weight:500}.app-badge-explainer p{margin-top:12px}.walkthrough-sheet .barometer-control{padding:22px 0}.walkthrough-sheet .barometer-control output{color:var(--app-lime)}.app-react-form{margin-top:20px;padding-top:20px;border-top:1px solid #fff3}.app-react-form label{display:block;font-size:11px;margin-bottom:8px}.app-react-form textarea{display:block;border:1px solid #fff3;background:#151821;color:white;border-radius:12px;padding:12px;width:100%;min-height:90px;resize:vertical;font:inherit;font-size:12px}.app-react-form .app-action{margin-top:12px}.walkthrough-reacts article{padding:14px 0;border-bottom:1px solid #fff2;overflow-wrap:anywhere}.walkthrough-reacts strong{font-size:12px;color:var(--app-lime)}.walkthrough-reacts p{margin:7px 0}.walkthrough-reacts button{background:none;color:var(--app-lime);font-size:10px;padding:5px 0}.walkthrough-phone :focus-visible{outline:2px solid var(--app-lime);outline-offset:2px}.walkthrough-footnote{font-size:10px;text-align:center;color:#536157;margin:16px auto 0}.walkthrough-caption{display:flex;align-items:center;gap:10px;font-size:12px;color:#536157;margin-top:28px}.walkthrough-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--cheqa-green)}.product-walkthrough .feature-tabs button{font-size:clamp(19px,2vw,27px);line-height:1.3;padding:22px 0}.product-walkthrough .feature-explanation{font-size:15px;line-height:1.85;max-width:43ch}.prototype-copy h3{font-weight:700}.section-nav a{font-family:var(--font-sans);font-size:10px;padding:9px 11px}
@media(max-width:899px){.problem-stats{gap:22px}.problem-stats h3{font-size:17px}.problem-stats p{font-size:12px}.walkthrough-grid{gap:25px;align-items:start}.walkthrough-preview{padding:12px}.walkthrough-sheet-body{padding:14px}.walkthrough-sheet-head{padding:12px}.walkthrough-sheet-head h3{font-size:17px}.walkthrough-sheet-body h4{font-size:17px}.product-walkthrough .feature-tabs button{font-size:19px}.product-walkthrough .feature-explanation{font-size:13px}.problem-response{display:block}.problem-response a{display:inline-block;margin-top:18px}.hero-copy .animated-slogan{font-size:clamp(33px,5.5vw,49px)}}
@media(max-width:599px){.hero-copy .animated-slogan{font-size:clamp(32px,10.2vw,58px)}.problem-stats{grid-template-columns:1fr;margin-top:32px;gap:30px}.problem-stats article{display:grid;grid-template-columns:105px 1fr;gap:8px 20px;padding-top:20px}.problem-stats strong{font-size:66px;grid-row:1/3}.problem-stats h3{margin-top:2px;font-size:17px}.problem-stats p{margin-top:0;font-size:12px}.walkthrough-grid{grid-template-columns:1fr;gap:26px}.walkthrough-preview{width:100%;max-width:390px;justify-self:center;padding:18px}.product-walkthrough .feature-tabs button{font-size:19px;padding:17px 0}.product-walkthrough .feature-explanation{font-size:14px}.walkthrough-sheet-body h4{font-size:21px}.walkthrough-sheet-head h3{font-size:20px}.walkthrough-sheet-body{padding:20px}.section-nav a{font-size:8px;padding:8px 6px}.section-nav{gap:2px}.problem-response p{font-size:15px}}

.site-header{position:relative}.site-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#06F500 0%,#06F500 32%,#0C36F0 65%,#F9EF10 100%)}