/* [next]/internal/font/google/hanken_grotesk_74e404aa.module.css [app-client] (css) */
@font-face {
  font-family: Hanken Grotesk;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/91bd2e40df15814e-s.19s5evoqhirey.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Hanken Grotesk;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Hanken Grotesk;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Hanken Grotesk;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Hanken Grotesk Fallback;
  src: local(Arial);
  ascent-override: 99.07%;
  descent-override: 30.02%;
  line-gap-override: 0.0%;
  size-adjust: 100.94%;
}

.hanken_grotesk_74e404aa-module__jth8hG__className {
  font-family: Hanken Grotesk, Hanken Grotesk Fallback;
  font-style: normal;
}

.hanken_grotesk_74e404aa-module__jth8hG__variable {
  --font-hanken-grotesk: "Hanken Grotesk", "Hanken Grotesk Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_38c99671.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/cc545e633e20c56d-s.176arc174-8zp.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_38c99671-module__5Dhsuq__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_38c99671-module__5Dhsuq__variable {
  --font-jetbrains-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/apps/web/app/components/public-site/public-pages.css [app-client] (css) */
.gb-pub {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  position: relative;
}

.gb-pub-wrap, .gb-pub-wrap--narrow, .gb-pub-wrap--wide {
  margin-inline: auto;
}

.gb-pub-wrap {
  width: min(100% - 40px, 940px);
}

.gb-pub-wrap--narrow {
  width: min(100% - 40px, 720px);
}

.gb-pub-wrap--wide {
  width: min(100% - 40px, 1080px);
}

.gb-pub-hero {
  text-align: center;
  width: min(100% - 40px, 770px);
  margin-inline: auto;
  padding: clamp(40px, 7vw, 88px) 0 clamp(8px, 2vw, 20px);
}

.gb-pub-hero h1 {
  letter-spacing: -.03em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(33px, 5vw, 53px);
  font-weight: 800;
  line-height: 1.06;
}

.gb-pub-lede {
  max-width: 58ch;
  color: var(--gb-gsap-muted);
  text-wrap: pretty;
  margin: clamp(14px, 1.8vw, 20px) auto 0;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.6;
}

.gb-pub-meta {
  color: var(--gb-gsap-muted);
  font-family: var(--font-mono);
  letter-spacing: .08em;
  margin-top: 16px;
  font-size: 11px;
  font-weight: 500;
}

.gb-pub-section {
  padding: clamp(34px, 6vw, 72px) 0;
}

.gb-pub-section--tight {
  padding: clamp(22px, 4vw, 44px) 0;
}

.gb-pub-section + .gb-pub-section {
  padding-top: 0;
}

.gb-pub-section-head {
  max-width: 62ch;
  margin: 0 0 clamp(22px, 4vw, 38px);
}

.gb-pub-section-head--center {
  text-align: center;
  margin-inline: auto;
}

.gb-pub-section-head h2 {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(24px, 3vw, 37px);
  font-weight: 800;
  line-height: 1.1;
}

.gb-pub-section-head p {
  max-width: 60ch;
  color: var(--gb-gsap-muted);
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.6;
}

.gb-pub-section-head--center p {
  margin-inline: auto;
}

.gb-pub-rows {
  border-top: 1px solid var(--gb-gsap-line);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-pub-row {
  border-bottom: 1px solid var(--gb-gsap-line);
  padding: clamp(16px, 2.4vw, 22px) 0;
}

.gb-pub-row h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.25;
}

.gb-pub-row p {
  max-width: 64ch;
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.gb-pub-spine {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: clamp(22px, 3.5vw, 48px);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-pub-timeline-wrap + .gb-pub-spine {
  margin-top: clamp(36px, 5vw, 60px);
}

.gb-pub-spine-item {
  border-top: 2px solid var(--gb-gsap-ink);
  padding-top: 18px;
}

.gb-pub-spine-item:first-child {
  border-top-color: var(--gb-gsap-lime);
}

.gb-pub-spine-item h3 {
  letter-spacing: -.01em;
  margin: 0 0 9px;
  font-size: clamp(16px, 1.5vw, 19px);
  font-weight: 750;
  line-height: 1.2;
}

.gb-pub-spine-item p {
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.gb-pub-timeline-wrap {
  position: relative;
}

.gb-pub-timeline {
  gap: clamp(16px, 2.6vw, 28px);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-pub-timeline-rail {
  background: var(--gb-gsap-line);
  transform-origin: top;
  width: 2px;
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 21px;
}

.gb-pub-step {
  grid-template-columns: 44px 1fr;
  align-items: start;
  gap: 18px;
  display: grid;
  position: relative;
}

.gb-pub-node {
  z-index: 1;
  border-radius: var(--radius-lg, 14px);
  background: var(--gb-gsap-dark);
  width: 44px;
  height: 44px;
  color: var(--gb-gsap-lime);
  font-family: var(--font-mono);
  box-shadow: 0 0 0 5px var(--gb-canvas, #f4f2eb);
  place-items: center;
  font-size: 16px;
  font-weight: 800;
  display: grid;
  position: relative;
}

.gb-pub-step:first-child .gb-pub-node {
  background: var(--gb-gsap-lime);
  color: var(--gb-gsap-lime-ink);
}

.gb-pub-step-body {
  padding-top: 7px;
}

.gb-pub-step-body h3 {
  margin: 0 0 5px;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.25;
}

.gb-pub-step-body p {
  max-width: 62ch;
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.gb-pub-rollout {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: start;
  gap: clamp(32px, 5vw, 72px);
  display: grid;
}

.gb-pub-rollout-head {
  margin-bottom: 0;
  position: sticky;
  top: 104px;
}

@media (max-width: 900px) {
  .gb-pub-rollout {
    grid-template-columns: 1fr;
    gap: clamp(20px, 5vw, 32px);
  }

  .gb-pub-rollout-head {
    margin-bottom: clamp(8px, 3vw, 18px);
    position: static;
  }
}

.gb-pub-matrix-grid {
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 4vw, 56px);
  display: grid;
}

.gb-pub-matrix-title {
  margin: 0 0 5px;
  font-size: 17px;
  font-weight: 750;
}

.gb-pub-matrix-note {
  color: var(--gb-gsap-muted);
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.5;
}

.gb-pub-matrix {
  border-top: 1px solid var(--gb-gsap-line);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-pub-matrix-row {
  border-bottom: 1px solid var(--gb-gsap-line);
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 13px 0;
  display: flex;
}

.gb-pub-matrix-row--icon {
  align-items: center;
}

.gb-pub-matrix-name {
  color: var(--gb-gsap-muted);
  align-items: center;
  gap: 10px;
  font-size: 15px;
  display: inline-flex;
}

.gb-pub-matrix-value {
  text-align: right;
  font-size: 15px;
  font-weight: 650;
}

.gb-pub-accordion {
  border-top: 1px solid var(--gb-gsap-line);
}

.gb-pub-accordion-item {
  border-bottom: 1px solid var(--gb-gsap-line);
}

.gb-pub-accordion-trigger {
  width: 100%;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: clamp(15px, 2.1vw, 19px) 0;
  display: flex;
}

.gb-pub-accordion-q {
  letter-spacing: -.01em;
  font-size: clamp(15.5px, 1.4vw, 17px);
  font-weight: 700;
  line-height: 1.35;
}

.gb-pub-accordion-icon {
  border: 1px solid var(--gb-gsap-line);
  background: var(--gb-gsap-surface);
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
}

.gb-pub-accordion-trigger[aria-expanded="true"] .gb-pub-accordion-icon {
  background: var(--gb-gsap-lime-soft, #c4f75038);
  border-color: #0000;
}

.gb-pub-accordion-answer-wrap {
  grid-template-rows: 0fr;
  transition: grid-template-rows .36s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.gb-pub-accordion-answer-wrap[data-open="true"] {
  grid-template-rows: 1fr;
}

.gb-pub-accordion-answer-inner {
  opacity: 0;
  transition: opacity .26s;
  overflow: hidden;
}

.gb-pub-accordion-answer-wrap[data-open="true"] .gb-pub-accordion-answer-inner {
  opacity: 1;
}

.gb-pub-accordion-answer {
  max-width: 70ch;
  color: var(--gb-gsap-muted);
  padding: 0 0 clamp(17px, 2.1vw, 21px);
  font-size: 15px;
  line-height: 1.65;
}

@media (prefers-reduced-motion: reduce) {
  .gb-pub-accordion-answer-wrap, .gb-pub-accordion-answer-inner {
    transition: none;
  }
}

.gb-pub-notes {
  gap: 14px;
  max-width: 68ch;
  display: grid;
}

.gb-pub-notes p {
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
}

.gb-pub-darkband {
  background: var(--gb-gsap-dark);
  color: var(--gb-on-dark);
  padding: clamp(48px, 8vw, 96px) 0;
  position: relative;
  overflow: hidden;
}

.gb-pub-darkband:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(620px at 82% -12%, #c4f75021, #0000 60%);
  position: absolute;
  inset: 0;
}

.gb-pub-darkband-inner {
  z-index: 1;
  position: relative;
}

.gb-pub-darkband h2 {
  letter-spacing: -.025em;
  text-wrap: balance;
  max-width: 22ch;
  margin: 0;
  font-size: clamp(26px, 3.6vw, 41px);
  font-weight: 800;
  line-height: 1.07;
}

.gb-pub-darkband-lede {
  max-width: 56ch;
  color: var(--gb-on-dark-2);
  margin: clamp(14px, 2vw, 20px) 0 0;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.65;
}

.gb-pub-darkgrid {
  grid-template-columns: 1fr 1fr;
  gap: clamp(22px, 3vw, 34px) clamp(32px, 5vw, 60px);
  margin-top: clamp(30px, 4.5vw, 50px);
  display: grid;
}

.gb-pub-darkitem-head {
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
  display: flex;
}

.gb-pub-darkitem-head span {
  color: var(--gb-on-dark);
  font-size: 15.5px;
  font-weight: 700;
}

.gb-pub-darkitem p {
  max-width: 42ch;
  color: var(--gb-on-dark-2);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.gb-pub-focal {
  border: 1px solid var(--gb-gsap-line);
  border-radius: var(--radius-2xl, 26px);
  background: var(--gb-gsap-surface);
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px #14161c0a, 0 18px 44px #14161c0f;
}

.gb-pub-vis-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: clamp(20px, 3vw, 38px);
  display: grid;
}

.gb-pub-vis-col--dark {
  border-radius: var(--radius-card, 18px);
  background: var(--gb-gsap-dark);
  color: var(--gb-on-dark);
  padding: clamp(20px, 2.6vw, 28px);
}

.gb-pub-vis-head {
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  display: flex;
}

.gb-pub-vis-dot {
  border-radius: 999px;
  flex: none;
  width: 8px;
  height: 8px;
}

.gb-pub-vis-head h3 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 16px;
  font-weight: 750;
}

.gb-pub-vis-col--dark .gb-pub-vis-head h3 {
  color: var(--gb-on-dark);
}

.gb-pub-vis-row {
  border-top: 1px solid var(--gb-gsap-line);
  color: var(--gb-gsap-ink);
  align-items: flex-start;
  gap: 11px;
  padding: 11px 0;
  font-size: 14.5px;
  line-height: 1.5;
  display: flex;
}

.gb-pub-vis-row:first-child {
  border-top: none;
}

.gb-pub-vis-col--dark .gb-pub-vis-row {
  color: var(--gb-on-dark-2);
  border-top-color: #f4f4f01f;
}

.gb-pub-vis-row svg {
  flex: none;
  margin-top: 1px;
}

.gb-pub-numlist {
  border-top: 1px solid var(--gb-gsap-line);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-pub-numrow {
  border-bottom: 1px solid var(--gb-gsap-line);
  grid-template-columns: 30px 1fr;
  gap: 6px 14px;
  padding: 15px 0;
  display: grid;
}

.gb-pub-numrow-num {
  font-family: var(--font-mono);
  color: var(--gb-lime-text, #56701a);
  font-size: 13px;
  font-weight: 700;
}

.gb-pub-numrow-body h3 {
  letter-spacing: -.01em;
  margin: 0 0 3px;
  font-size: 16px;
  font-weight: 700;
}

.gb-pub-numrow-body p {
  max-width: 64ch;
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.gb-pub-closer {
  text-align: center;
  width: min(100% - 40px, 820px);
  margin-inline: auto;
  padding: clamp(40px, 6vw, 78px) 0 clamp(28px, 4vw, 56px);
}

.gb-pub-closer h2 {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(27px, 3.4vw, 42px);
  font-weight: 800;
  line-height: 1.08;
}

.gb-pub-closer p {
  max-width: 52ch;
  color: var(--gb-gsap-muted);
  margin: 16px auto 0;
  font-size: 17px;
  line-height: 1.6;
}

.gb-pub-closer-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 13px;
  margin-top: clamp(24px, 3vw, 34px);
  display: flex;
}

.gb-legal {
  padding: clamp(8px, 2vw, 20px) 0 clamp(24px, 4vw, 48px);
}

.gb-legal-summary {
  margin-bottom: clamp(30px, 5vw, 56px);
  padding: clamp(22px, 3vw, 32px);
}

.gb-legal-summary-list {
  gap: 12px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-legal-summary-list li {
  color: var(--gb-gsap-ink);
  padding-left: 22px;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.6;
  position: relative;
}

.gb-legal-summary-list li:before {
  content: "";
  background: var(--gb-gsap-lime);
  border-radius: 999px;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  left: 2px;
}

.gb-legal-toc {
  margin-bottom: clamp(30px, 5vw, 56px);
}

.gb-legal-toc-title {
  color: var(--gb-lime-text, #56701a);
  font-family: var(--font-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 600;
}

.gb-legal-toc ol {
  grid-template-columns: 1fr 1fr;
  gap: 0 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-legal-toc li {
  border-top: 1px solid var(--gb-gsap-line);
  padding: 9px 0;
}

.gb-legal-toc a {
  color: var(--gb-gsap-muted);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.gb-legal-toc a:hover {
  color: var(--gb-gsap-ink);
}

.gb-legal-section {
  border-top: 1px solid var(--gb-gsap-line);
  padding: clamp(22px, 3.5vw, 34px) 0;
  scroll-margin-top: 96px;
}

.gb-legal-section > h2 {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0 0 clamp(12px, 1.6vw, 16px);
  font-size: clamp(20px, 2.2vw, 27px);
  font-weight: 800;
  line-height: 1.15;
}

.gb-legal-subhead {
  letter-spacing: -.01em;
  margin: clamp(18px, 2.4vw, 26px) 0 10px;
  font-size: clamp(15.5px, 1.4vw, 17px);
  font-weight: 750;
}

.gb-legal-p {
  max-width: 68ch;
  color: var(--gb-gsap-muted);
  margin: 0 0 14px;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.72;
}

.gb-legal-p:last-child {
  margin-bottom: 0;
}

.gb-legal-list {
  gap: 10px;
  max-width: 68ch;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-legal-list li {
  color: var(--gb-gsap-muted);
  padding-left: 20px;
  font-size: clamp(15px, 1.3vw, 16.5px);
  line-height: 1.65;
  position: relative;
}

.gb-legal-list li:before {
  content: "";
  background: var(--gb-gsap-muted-soft);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 9px;
  left: 1px;
}

.gb-legal-defs {
  border-top: 1px solid var(--gb-gsap-line);
  margin: 4px 0 14px;
  padding: 0;
}

.gb-legal-def {
  border-bottom: 1px solid var(--gb-gsap-line);
  padding: 14px 0;
}

.gb-legal-def dt {
  color: var(--gb-gsap-ink);
  letter-spacing: -.01em;
  margin: 0 0 5px;
  font-size: 15.5px;
  font-weight: 750;
}

.gb-legal-def dd {
  max-width: 64ch;
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.gb-legal-link {
  color: var(--gb-gsap-ink);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gb-gsap-line);
  text-decoration-color: var(--gb-gsap-line);
  text-underline-offset: 3px;
  font-weight: 600;
  text-decoration-thickness: 1.5px;
  transition: text-decoration-color .15s, color .15s;
}

.gb-legal-link:hover {
  color: var(--gb-lime-text, #56701a);
  -webkit-text-decoration-color: var(--gb-gsap-lime);
  text-decoration-color: var(--gb-gsap-lime);
}

@media (max-width: 860px) {
  .gb-pub-spine {
    grid-template-columns: 1fr;
    gap: clamp(20px, 4vw, 30px);
  }

  .gb-pub-matrix-grid {
    grid-template-columns: 1fr;
    gap: clamp(26px, 6vw, 40px);
  }

  .gb-pub-darkgrid, .gb-pub-vis-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .gb-pub-wrap, .gb-pub-wrap--wide {
    width: min(100% - 28px, 1080px);
  }

  .gb-pub-hero {
    width: min(100% - 28px, 770px);
  }

  .gb-legal-toc ol {
    grid-template-columns: 1fr;
  }
}

.gb-pub-split {
  grid-template-columns: 1fr;
  align-items: start;
  gap: clamp(24px, 5vw, 36px);
  display: grid;
}

.gb-pub-split__head {
  margin-bottom: 0;
}

.gb-pub-band {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding-block: clamp(56px, 8vw, 104px);
  position: relative;
  overflow: hidden;
}

.gb-pub-band > * {
  z-index: 1;
  position: relative;
}

.gb-pub-band--ink {
  background: var(--gb-gsap-dark);
  color: var(--gb-on-dark);
}

.gb-pub-band--ink:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(620px at 82% -12%, #c4f7501f, #0000 60%);
  position: absolute;
  inset: 0;
}

.gb-pub-band--warm {
  background: #f2efe6;
}

.gb-pub-band--cream {
  background: #f4f2eb;
}

.gb-pub-figure {
  font-family: var(--font-mono);
  letter-spacing: -.04em;
  margin: 0;
  font-size: clamp(56px, 12vw, 140px);
  font-weight: 700;
  line-height: .95;
}

.gb-pub-hoverable {
  text-decoration: none;
}

.gb-pub-hoverable:focus-visible {
  outline: 3px solid var(--gb-ink);
  outline-offset: 4px;
}

.gb-pub-band--ink .gb-pub-hoverable:focus-visible {
  outline-color: var(--gb-lime);
}

.gb-pub-hoverline {
  text-underline-offset: 4px;
  transition: text-decoration-color var(--dur-base) var(--ease-spring);
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  text-decoration-thickness: 2px;
}

.gb-pub-hoverable:hover .gb-pub-hoverline, .gb-pub-hoverable:focus-visible .gb-pub-hoverline {
  -webkit-text-decoration-color: var(--gb-lime);
  text-decoration-color: var(--gb-lime);
}

.gb-pub-arrow {
  transition: transform var(--dur-base) var(--ease-spring);
  display: inline-block;
}

.gb-pub-hoverable:hover .gb-pub-arrow, .gb-pub-hoverable:focus-visible .gb-pub-arrow {
  transform: translateX(4px);
}

.gb-pub-arrow--back {
  transform-origin: center;
}

.gb-pub-hoverable:hover .gb-pub-arrow--back, .gb-pub-hoverable:focus-visible .gb-pub-arrow--back {
  transform: translateX(-4px);
}

.gb-pub-ticknum {
  font-family: var(--font-mono);
  transition: color var(--dur-base) var(--ease-spring);
}

.gb-pub-hoverable:hover .gb-pub-ticknum, .gb-pub-hoverable:focus-visible .gb-pub-ticknum {
  color: var(--gb-lime-text);
}

.gb-pub-band--ink .gb-pub-hoverable:hover .gb-pub-ticknum, .gb-pub-band--ink .gb-pub-hoverable:focus-visible .gb-pub-ticknum {
  color: var(--gb-gsap-lime);
}

.gb-pub-map-head {
  color: var(--gb-ink-3);
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 10.5px;
  font-weight: 600;
  display: block;
}

.gb-pub-map-list {
  border-top: 1px solid var(--gb-line);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-pub-map-list li {
  border-bottom: 1px solid var(--gb-line);
}

.gb-pub-map-link {
  color: var(--gb-ink);
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: baseline;
  column-gap: 12px;
  padding: 9px 0;
  text-decoration: none;
  display: grid;
}

.gb-pub-map-link:focus-visible {
  outline: 3px solid var(--gb-ink);
  outline-offset: 3px;
}

.gb-pub-map-num {
  color: var(--gb-ink-3);
  font-family: var(--font-mono);
  transition: color var(--dur-base) var(--ease-spring);
  font-size: 11px;
  font-weight: 500;
}

.gb-pub-map-label {
  text-underline-offset: 4px;
  transition: text-decoration-color var(--dur-base) var(--ease-spring),
    transform var(--dur-base) var(--ease-spring);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.35;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  text-decoration-thickness: 1.5px;
}

.gb-pub-map-link:hover .gb-pub-map-num, .gb-pub-map-link:focus-visible .gb-pub-map-num {
  color: var(--gb-lime-text);
}

.gb-pub-map-link:hover .gb-pub-map-label, .gb-pub-map-link:focus-visible .gb-pub-map-label {
  -webkit-text-decoration-color: var(--gb-lime);
  text-decoration-color: var(--gb-lime);
  transform: translateX(3px);
}

.gb-pub-band--ink .gb-pub-map-head {
  color: var(--gb-on-dark-2);
}

.gb-pub-band--ink .gb-pub-map-list, .gb-pub-band--ink .gb-pub-map-list li {
  border-color: #f4f4f024;
}

.gb-pub-band--ink .gb-pub-map-link {
  color: var(--gb-on-dark);
}

.gb-pub-band--ink .gb-pub-map-link:focus-visible {
  outline-color: var(--gb-lime);
}

.gb-pub-band--ink .gb-pub-map-num {
  color: var(--gb-on-dark-2);
}

.gb-pub-band--ink .gb-pub-map-link:hover .gb-pub-map-num, .gb-pub-band--ink .gb-pub-map-link:focus-visible .gb-pub-map-num {
  color: var(--gb-gsap-lime);
}

@media (min-width: 1024px) {
  .gb-pub-wrap--wide {
    width: min(100% - 64px, 1180px);
  }

  .gb-pub-split {
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    gap: clamp(32px, 5vw, 80px);
  }

  .gb-pub-split__head {
    position: sticky;
    top: 96px;
  }
}

@media (min-width: 1280px) {
  .gb-pub-split {
    gap: clamp(56px, 5vw, 96px);
  }

  .gb-pub-split__head {
    top: 112px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gb-pub-hoverline, .gb-pub-arrow, .gb-pub-ticknum, .gb-pub-map-num, .gb-pub-map-label {
    transition: none;
  }

  .gb-pub-hoverable:hover .gb-pub-arrow, .gb-pub-hoverable:focus-visible .gb-pub-arrow, .gb-pub-hoverable:hover .gb-pub-arrow--back, .gb-pub-hoverable:focus-visible .gb-pub-arrow--back, .gb-pub-map-link:hover .gb-pub-map-label, .gb-pub-map-link:focus-visible .gb-pub-map-label {
    transform: none;
  }
}

/* [project]/apps/web/app/styles/tokens.css [app-client] (css) */
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --gb-canvas: #f4f2eb;
  --gb-canvas-2: #edeae1;
  --gb-surface: #fff;
  --gb-surface-sunken: #f7f6f1;
  --gb-surface-warm: #f2efe6;
  --gb-ink: #15171d;
  --gb-ink-2: #454a52;
  --gb-ink-3: #727680;
  --gb-ink-4: #9da2ab;
  --gb-line: #e6e3da;
  --gb-line-2: #eeebe2;
  --gb-input-line: #e4e1d7;
  --gb-lime: #c4f750;
  --gb-lime-bright: #cbfb5e;
  --gb-lime-ink: #18230a;
  --gb-lime-tint: #f1f7dc;
  --gb-lime-tint-border: #dcebb0;
  --gb-lime-text: #56701a;
  --gb-dark: #15171d;
  --gb-dark-2: #1f2229;
  --gb-dark-line: #2a2e36;
  --gb-on-dark: #f4f4f0;
  --gb-on-dark-2: #a7acb4;
  --gb-on-dark-3: #6b7079;
  --gb-protected: #177856;
  --gb-protected-bg: #e6f3ec;
  --gb-protected-dot: #20a372;
  --gb-protected-text: #1d744f;
  --gb-attention: #9a6b12;
  --gb-attention-bg: #f7eed7;
  --gb-attention-dot: #d69220;
  --gb-critical: #b23b2c;
  --gb-critical-bg: #f7e6e2;
  --gb-critical-dot: #d14b38;
  --gb-critical-line: #edd3cd;
  --gb-critical-hover: #fbf1ef;
  --gb-critical-text: #8c2c20;
  --gb-pending: #3f6597;
  --gb-pending-bg: #e9eff7;
  --gb-pending-dot: #5b82b8;
  --gb-neutral: #6b7079;
  --gb-neutral-bg: #eceae3;
  --gb-topbar-bg: #f4f2ebdb;
  --gb-popup-shadow: 0 10px 34px #14161c29;
  --text-primary: var(--gb-ink);
  --text-secondary: var(--gb-ink-2);
  --text-muted: var(--gb-ink-3);
  --surface-card: var(--gb-surface);
  --surface-page: var(--gb-canvas);
  --border-default: var(--gb-line);
  --accent: var(--gb-lime);
  --font-display: var(--font-hanken-grotesk), "Hanken Grotesk", system-ui, sans-serif;
  --font-body: var(--font-hanken-grotesk), "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace,
    "SFMono-Regular", monospace;
  --fs-hero: 48px;
  --fs-h1: 34px;
  --fs-h2: 28px;
  --fs-h2-sm: 24px;
  --fs-h3: 19px;
  --fs-title: 17px;
  --fs-lead: 17px;
  --fs-body-lg: 16px;
  --fs-body: 15px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --fs-micro: 12px;
  --fs-mono: 14px;
  --fs-label: 11px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --tracking-display: -.035em;
  --tracking-tight: -.02em;
  --tracking-normal: 0;
  --tracking-label: .16em;
  --lh-display: 1.06;
  --lh-heading: 1.12;
  --lh-snug: 1.3;
  --lh-body: 1.6;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-input: 12px;
  --radius-lg: 14px;
  --radius-card: 18px;
  --radius-xl: 22px;
  --radius-2xl: 26px;
  --radius-pill: 999px;
  --shell-max: 1140px;
  --sidebar-w: 248px;
  --mobile-max: 440px;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --z-content: 0;
  --z-topbar: 20;
  --z-account: 40;
  --z-dialog: 50;
  --z-scrim: 60;
  --z-drawer: 70;
  --shadow-card: 0 1px 3px #14161c0a;
  --shadow-soft: 0 1px 3px #14161c0a, 0 8px 24px #14161c0d;
  --shadow-raised: 0 2px 6px #14161c0a, 0 20px 50px #14161c12;
  --shadow-pop: 0 26px 60px #14161c29;
  --glow-lime: 0 8px 20px #c4f75073;
  --glow-lime-strong: 0 0 30px #c4f750bf, 0 6px 16px #c4f7504d;
  --ring-focus: 0 0 0 3px #c4f7504d;
  --ease-spring: cubic-bezier(.22, 1, .36, 1);
  --ease-out: ease-out;
  --dur-fast: .15s;
  --dur-base: .2s;
  --dur-slow: .4s;
  --bg: var(--gb-canvas);
  --ink: var(--gb-ink);
  --muted: var(--gb-ink-3);
  --line: var(--gb-line);
  --panel: var(--gb-surface);
}

/* [project]/apps/web/app/styles/base.css [app-client] (css) */
* {
  box-sizing: border-box;
}

::selection {
  background: var(--gb-lime);
  color: var(--gb-ink);
}

html {
  background: var(--gb-canvas);
}

body {
  background: var(--gb-canvas);
  color: var(--gb-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

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

button, input, select {
  font: inherit;
}

button {
  cursor: pointer;
}

/* [project]/apps/web/app/styles/static-entry.css [app-client] (css) */
.page-shell {
  min-height: 100vh;
  padding: 40px clamp(18px, 4vw, 72px);
}

.hero {
  max-width: var(--shell-max);
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 420px);
  align-items: center;
  gap: 40px;
  margin: 0 auto;
  display: grid;
}

.eyebrow {
  color: var(--gb-lime-text);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0 0 12px;
}

.hero h1 {
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(3rem, 8vw, 6.5rem);
  line-height: .92;
}

.lede {
  max-width: 680px;
  margin: 24px 0 0;
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.18;
}

.sublede {
  max-width: 600px;
  color: var(--gb-ink-3);
  font-size: 1rem;
  line-height: 1.5;
}

.waitlist-card {
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  gap: 16px;
  padding: 24px;
  display: grid;
}

.waitlist-card h2 {
  margin: 0;
  font-size: 1.35rem;
}

.waitlist-card label {
  color: var(--gb-ink-3);
  font-size: .92rem;
  font-weight: var(--fw-bold);
  gap: 6px;
  display: grid;
}

.waitlist-card input, .waitlist-card select {
  width: 100%;
  min-height: 44px;
  color: var(--gb-ink);
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--radius-md);
  padding: 0 12px;
}

.waitlist-card button {
  min-height: 44px;
  color: var(--gb-lime-ink);
  font-weight: var(--fw-bold);
  background: var(--gb-lime);
  border-radius: var(--radius-md);
  border: 0;
}

.checkbox-row {
  font-weight: var(--fw-semibold);
  grid-template-columns: 20px 1fr;
  align-items: start;
  display: grid;
}

.checkbox-row input {
  min-height: 20px;
}

.feature-grid {
  max-width: var(--shell-max);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 40px auto 0;
  display: grid;
}

.feature-grid article {
  border-top: 1px solid var(--gb-line);
  padding-top: 16px;
}

.feature-grid h2 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.feature-grid p {
  color: var(--gb-ink-3);
  margin: 0;
  font-size: .94rem;
  line-height: 1.45;
}

/* [project]/apps/web/app/styles/app-primitives.css [app-client] (css) */
.gb-nav {
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  display: flex;
}

.gb-nav-link {
  color: var(--gb-ink-2);
  font-size: 14.5px;
  font-weight: var(--fw-medium);
  border-radius: var(--radius-md);
  transition: background var(--dur-fast) ease,
    color var(--dur-fast) ease;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.gb-nav-link:hover {
  background: var(--gb-surface-sunken);
}

.gb-nav-link-active {
  color: #3c4a12;
  font-weight: var(--fw-semibold);
  background: var(--gb-lime-tint);
}

.gb-account-overlay {
  z-index: 40;
  background: none;
  border: 0;
  position: fixed;
  inset: 0;
}

.gb-account-popup {
  z-index: 41;
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  box-shadow: var(--gb-popup-shadow);
  border-radius: 15px;
  position: absolute;
  bottom: 70px;
  left: 12px;
  right: 12px;
  overflow: hidden;
}

.gb-account-popup-header {
  border-bottom: 1px solid var(--gb-line-2);
  align-items: center;
  gap: 11px;
  padding: 14px 15px;
  display: flex;
}

.gb-account-popup-items {
  padding: 6px;
}

.gb-account-popup-footer {
  border-top: 1px solid var(--gb-line-2);
  padding: 6px;
}

.gb-menu-link {
  color: var(--gb-ink);
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
  border-radius: 10px;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  display: flex;
}

.gb-menu-link:hover {
  background: var(--gb-surface-sunken);
}

.gb-menu-link-active {
  color: #3c4a12;
  background: var(--gb-lime-tint);
}

.gb-menu-link-danger {
  color: var(--gb-critical);
}

.gb-menu-link-danger:hover {
  background: var(--gb-critical-hover);
}

.gb-account-chip {
  text-align: left;
  background: var(--gb-surface);
  border: 1px solid #0000;
  border-radius: 13px;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 10px;
  display: flex;
}

.gb-account-chip-open, .gb-account-chip:hover {
  background: var(--gb-surface-sunken);
  border-color: var(--gb-line);
}

.gb-avatar {
  width: 34px;
  height: 34px;
  color: var(--gb-lime);
  font-size: 13px;
  font-weight: var(--fw-bold);
  background: var(--gb-ink);
  border-radius: var(--radius-pill);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gb-avatar-lg {
  width: 38px;
  height: 38px;
}

.gb-avatar-guardian {
  width: 46px;
  height: 46px;
  color: var(--gb-lime-ink);
  background: var(--gb-lime);
  font-size: 16px;
}

.gb-account-text {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}

.gb-account-name {
  color: var(--gb-ink);
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
}

.gb-account-role {
  color: var(--gb-ink-4);
  font-size: 12px;
}

.gb-account-email {
  color: var(--gb-ink-4);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.gb-account-chevron {
  color: var(--gb-ink-4);
  transition: transform var(--dur-base) ease;
  flex: none;
}

.gb-account-chevron-open {
  transform: rotate(180deg);
}

.gb-app-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gb-card {
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: 20px;
}

.gb-card-warm {
  background: var(--gb-surface-warm);
  box-shadow: none;
  border-color: #e2decf;
}

.gb-card-danger {
  border-color: var(--gb-critical-line);
  box-shadow: none;
}

.gb-card-title {
  font-size: 16px;
  font-weight: var(--fw-bold);
  margin: 0 0 13px;
}

.gb-card-title-tight {
  margin-bottom: 8px;
}

.gb-card-title-danger {
  color: var(--gb-critical);
}

/* [project]/apps/web/app/styles/app-controls.css [app-client] (css) */
.gb-toggle {
  border-radius: var(--radius-pill);
  cursor: pointer;
  width: 44px;
  height: 26px;
  transition: background var(--dur-base) ease;
  background: #d8d5cb;
  border: 0;
  flex: none;
  padding: 0;
  position: relative;
}

.gb-toggle:focus-visible {
  outline: 2px solid var(--gb-lime-text);
  outline-offset: 3px;
}

.gb-toggle[disabled] {
  cursor: not-allowed;
  opacity: .55;
}

.gb-toggle[aria-busy="true"] {
  cursor: wait;
}

.gb-toggle-on {
  background: var(--gb-lime);
}

.gb-toggle-knob {
  background: var(--gb-surface);
  border-radius: var(--radius-pill);
  width: 20px;
  height: 20px;
  transition: left var(--dur-base) var(--ease-spring);
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 3px #00000040;
}

.gb-toggle-on .gb-toggle-knob {
  left: 21px;
}

@media (prefers-reduced-motion: reduce) {
  .gb-toggle, .gb-toggle-knob {
    transition: none;
  }
}

.gb-field-label {
  color: var(--gb-ink-2);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  margin-bottom: 7px;
  display: block;
}

.gb-field-input {
  width: 100%;
  color: var(--gb-ink);
  background: var(--gb-surface-sunken);
  border: 1px solid var(--gb-input-line);
  border-radius: var(--radius-md);
  outline: none;
  padding: 12px 14px;
  font-size: 14.5px;
}

.gb-field-input:focus {
  background: var(--gb-surface);
  border-color: var(--gb-lime);
  box-shadow: var(--ring-focus);
}

.gb-button-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  display: flex;
}

.gb-button {
  min-height: 40px;
  font-size: 13.5px;
  font-weight: var(--fw-semibold);
  transition: transform var(--dur-base) var(--ease-spring),
    border-color var(--dur-fast) ease,
    background var(--dur-fast) ease,
    box-shadow var(--dur-base) ease;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: inline-flex;
}

.gb-button:hover {
  transform: translateY(-1px);
}

.gb-button-dark {
  color: var(--gb-surface);
  background: var(--gb-ink);
  border: 0;
}

.gb-button-ghost {
  color: var(--gb-ink);
  background: var(--gb-surface);
  border: 1px solid #e0ddd3;
}

.gb-button-ghost:hover {
  border-color: var(--gb-ink);
}

.gb-button-danger {
  color: var(--gb-critical);
  font-weight: var(--fw-bold);
  background: var(--gb-surface);
  border: 1px solid var(--gb-critical-line);
}

.gb-button-danger:hover {
  background: var(--gb-critical-hover);
}

.gb-status-chip {
  color: var(--gb-protected);
  font-size: 12px;
  font-weight: var(--fw-bold);
  background: var(--gb-protected-bg);
  border-radius: var(--radius-pill);
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: inline-flex;
}

.gb-status-dot {
  background: var(--gb-protected-dot);
  border-radius: var(--radius-pill);
  width: 6px;
  height: 6px;
}

.gb-helper-row {
  color: var(--gb-ink-3);
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.55;
  display: flex;
}

.gb-lock-chip {
  color: var(--gb-lime);
  font-size: 11.5px;
  font-weight: var(--fw-semibold);
  background: var(--gb-ink);
  border-radius: var(--radius-pill);
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  display: inline-flex;
}

.gb-callout-heading {
  align-items: center;
  gap: 11px;
  margin-bottom: 8px;
  display: flex;
}

.gb-callout-icon {
  background: var(--gb-surface);
  border-radius: var(--radius-md);
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
}

.gb-card-copy {
  color: var(--gb-ink-3);
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.55;
}

/* [project]/apps/web/app/styles/public-shell.css [app-client] (css) */
.gb-public-root {
  min-height: 100vh;
  color: var(--gb-ink);
  background: var(--gb-canvas);
}

.gb-public-header {
  z-index: 30;
  background: var(--gb-topbar-bg);
  border-bottom: 1px solid var(--gb-line);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 18px clamp(20px, 4vw, 48px);
  display: flex;
  position: sticky;
  top: 0;
}

.gb-public-brand {
  color: var(--gb-ink);
  font-size: 17px;
  font-weight: var(--fw-black);
  letter-spacing: -.02em;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.gb-public-nav, .gb-public-actions, .gb-hero-actions, .gb-inline-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.gb-public-nav {
  color: var(--gb-ink-2);
  font-size: 14px;
  font-weight: var(--fw-semibold);
}

.gb-public-nav a {
  border-radius: var(--radius-md);
  padding: 8px 9px;
}

.gb-public-nav a:hover {
  background: var(--gb-surface-sunken);
}

.gb-public-link {
  color: var(--gb-ink-2);
  font-size: 14px;
  font-weight: var(--fw-semibold);
}

.gb-public-cta, .gb-link-button {
  min-height: 40px;
  font-size: 14px;
  font-weight: var(--fw-bold);
  border-radius: var(--radius-md);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: inline-flex;
}

.gb-public-cta, .gb-link-button-primary {
  color: var(--gb-lime-ink);
  background: var(--gb-lime);
  box-shadow: var(--glow-lime);
}

.gb-link-button-dark {
  color: var(--gb-surface);
  background: var(--gb-ink);
}

.gb-link-button-ghost {
  color: var(--gb-ink);
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
}

.gb-link-button-danger {
  color: var(--gb-critical);
  background: var(--gb-surface);
  border: 1px solid var(--gb-critical-line);
}

.gb-public-main {
  width: min(100%, var(--shell-max));
  margin: 0 auto;
  padding: 34px clamp(18px, 4vw, 36px) 72px;
}

.gb-hero-band {
  background: radial-gradient(circle at 82% 18%, #c4f75029, transparent 30%),
    var(--gb-dark);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-pop);
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  align-items: stretch;
  gap: 28px;
  padding: clamp(28px, 5vw, 54px);
  display: grid;
  overflow: hidden;
}

.gb-hero-band, .gb-hero-band h1 {
  color: var(--gb-on-dark);
}

.gb-kicker {
  color: var(--gb-lime);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0 0 13px;
}

.gb-h1 {
  max-width: 800px;
  font-size: clamp(44px, 7vw, 72px);
  font-weight: var(--fw-black);
  letter-spacing: var(--tracking-display);
  margin: 0;
  line-height: .95;
}

.gb-page-title {
  max-width: 700px;
  font-size: clamp(26px, 3vw, var(--fs-h1));
  font-weight: var(--fw-black);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-display);
  margin: 0;
}

.gb-hero-copy, .gb-page-copy {
  max-width: 680px;
  color: var(--gb-ink-2);
  margin: 12px 0 0;
  font-size: 15.5px;
  line-height: 1.58;
}

.gb-hero-band .gb-hero-copy {
  color: var(--gb-on-dark-2);
}

.gb-hero-actions {
  margin-top: 26px;
}

.gb-hero-card {
  min-height: 320px;
  color: var(--gb-ink);
  background: var(--gb-surface);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-raised);
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.gb-hero-card-title {
  font-size: 20px;
  font-weight: var(--fw-black);
  letter-spacing: -.02em;
  margin: 0 0 8px;
}

.gb-hero-card-copy {
  color: var(--gb-ink-3);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

/* [project]/apps/web/app/styles/public-components.css [app-client] (css) */
.gb-section {
  margin-top: 38px;
}

.gb-section-header {
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-bottom: 16px;
  display: flex;
}

.gb-section-title {
  font-size: clamp(23px, 3vw, 31px);
  font-weight: var(--fw-black);
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-display);
  margin: 0;
}

.gb-section-copy {
  max-width: 640px;
  color: var(--gb-ink-3);
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.6;
}

.gb-card-grid, .gb-card-grid-3, .gb-card-grid-2, .gb-app-grid-2, .gb-app-grid-3 {
  gap: 16px;
  display: grid;
}

.gb-card-grid, .gb-card-grid-3, .gb-app-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gb-card-grid-2, .gb-app-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gb-feature-card, .gb-form-card, .gb-table-card {
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: 20px;
}

.gb-feature-icon {
  width: 38px;
  height: 38px;
  color: var(--gb-lime-text);
  background: var(--gb-lime-tint);
  border: 1px solid var(--gb-lime-tint-border);
  border-radius: var(--radius-md);
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  display: inline-flex;
}

.gb-feature-card h2, .gb-feature-card h3, .gb-form-card h2, .gb-table-card h2 {
  font-size: 18px;
  font-weight: var(--fw-bold);
  margin: 0 0 8px;
}

.gb-feature-card p, .gb-form-card p, .gb-table-card p {
  color: var(--gb-ink-3);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.gb-list {
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-list li, .gb-row {
  border-bottom: 1px solid var(--gb-line-2);
  align-items: flex-start;
  gap: 12px;
  padding: 13px 0;
  display: flex;
}

.gb-list li:last-child, .gb-row:last-child {
  border-bottom: 0;
}

.gb-list-mark {
  width: 20px;
  height: 20px;
  color: var(--gb-lime-ink);
  font-size: 12px;
  font-weight: var(--fw-black);
  background: var(--gb-lime);
  border-radius: var(--radius-pill);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gb-form-stack {
  gap: 14px;
  display: grid;
}

.gb-form-stack label {
  color: var(--gb-ink-2);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  gap: 7px;
  display: grid;
}

.gb-form-stack input, .gb-form-stack select, .gb-form-stack textarea {
  width: 100%;
  color: var(--gb-ink);
  background: var(--gb-surface-sunken);
  border: 1px solid var(--gb-input-line);
  border-radius: var(--radius-input);
  outline: none;
  padding: 12px 14px;
}

.gb-form-stack textarea {
  resize: vertical;
  min-height: 92px;
}

.gb-form-stack input:focus, .gb-form-stack select:focus, .gb-form-stack textarea:focus {
  background: var(--gb-surface);
  border-color: var(--gb-lime);
  box-shadow: var(--ring-focus);
}

.gb-checkbox-line {
  grid-template-columns: 20px 1fr;
  align-items: start;
  line-height: 1.45;
  font-weight: var(--fw-medium) !important;
  display: grid !important;
}

.gb-checkbox-line input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  padding: 0;
}

.gb-state-chip {
  width: fit-content;
  min-height: 28px;
  font-size: 12px;
  font-weight: var(--fw-bold);
  border-radius: var(--radius-pill);
  align-items: center;
  padding: 6px 11px;
  display: inline-flex;
}

.gb-state-chip-protected, .gb-state-chip-allowed {
  color: var(--gb-protected);
  background: var(--gb-protected-bg);
}

.gb-state-chip-attention, .gb-state-chip-update {
  color: var(--gb-attention);
  background: var(--gb-attention-bg);
}

.gb-state-chip-offline, .gb-state-chip-expired {
  color: var(--gb-neutral);
  background: var(--gb-neutral-bg);
}

.gb-state-chip-pending {
  color: var(--gb-pending);
  background: var(--gb-pending-bg);
}

.gb-state-chip-denied, .gb-state-chip-tamper {
  color: var(--gb-critical);
  background: var(--gb-critical-bg);
}

.gb-state-chip-lock {
  color: var(--gb-lime);
  background: var(--gb-ink);
}

.gb-metric-label, .gb-small-label {
  color: var(--gb-ink-4);
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.gb-metric-value {
  font-size: 24px;
  font-weight: var(--fw-black);
  letter-spacing: -.03em;
  margin-top: 6px;
}

.gb-metric-note {
  color: var(--gb-ink-3);
  margin-top: 4px;
  font-size: 13px;
}

.gb-domain {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: var(--fw-semibold);
}

.gb-muted {
  color: var(--gb-ink-3);
}

.gb-page-header {
  margin-bottom: 16px;
}

.gb-page-header .gb-kicker {
  color: var(--gb-lime-text);
}

.gb-app-card-header {
  justify-content: space-between;
  align-items: start;
  gap: 14px;
  margin-bottom: 16px;
  display: flex;
}

.gb-device-row, .gb-request-row, .gb-log-row {
  border-bottom: 1px solid var(--gb-line-2);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  display: flex;
}

.gb-device-row:last-child, .gb-request-row:last-child, .gb-log-row:last-child {
  border-bottom: 0;
}

.gb-row-main {
  gap: 3px;
  display: grid;
}

.gb-row-title {
  font-size: 15px;
  font-weight: var(--fw-bold);
}

.gb-row-copy {
  color: var(--gb-ink-3);
  font-size: 13px;
}

.gb-price {
  font-size: clamp(34px, 4.8vw, 48px);
  font-weight: var(--fw-black);
  letter-spacing: -.05em;
  line-height: .95;
}

.gb-price span {
  color: var(--gb-ink-3);
  font-size: 16px;
  font-weight: var(--fw-semibold);
  letter-spacing: 0;
}

.gb-mobile-shell {
  width: min(100%, var(--mobile-max));
  min-height: 100vh;
  margin: 0 auto;
  padding: 26px 18px 44px;
}

.gb-mobile-card {
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-raised);
  padding: 24px;
}

.gb-route-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.gb-route-pill {
  color: var(--gb-ink-2);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  background: var(--gb-surface);
  border: 1px solid var(--gb-line);
  border-radius: var(--radius-lg);
  padding: 12px;
}

/* [project]/apps/web/app/styles/landing-hero.css [app-client] (css) */
.gb-landing {
  color: #15171d;
  background: #f4f2eb;
  overflow-x: hidden;
}

.gb-landing-nav {
  z-index: 50;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #f4f2ebe0;
  border-bottom: 1px solid #e6e3da;
  position: sticky;
  top: 0;
}

.gb-landing-nav-inner {
  justify-content: space-between;
  align-items: center;
  max-width: 1140px;
  margin: 0 auto;
  padding: 14px 32px;
  display: flex;
}

.gb-landing-brand {
  align-items: center;
  gap: 10px;
  display: flex;
}

.gb-landing-brand > span:not(.gb-beta-pill) {
  color: #15171d;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 800;
}

.gb-beta-pill {
  color: #5e7a18;
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  background: #f1f7dc;
  border: 1px solid #dcebb0;
  border-radius: 999px;
  margin-left: 2px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
}

.gb-landing-links, .gb-landing-actions, .gb-landing-hero-actions {
  align-items: center;
  gap: 30px;
  display: flex;
}

.gb-landing-links a {
  color: #454a52;
  font-size: 14.5px;
  font-weight: 500;
}

.gb-landing-actions {
  gap: 14px;
}

.gb-signin-link {
  color: #15171d;
  font-size: 14.5px;
  font-weight: 600;
}

.gb-dark-cta {
  color: #fff;
  background: #15171d;
  border-radius: 11px;
  align-items: center;
  gap: 7px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.gb-landing-hero {
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 64px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 84px 32px 72px;
  display: grid;
}

.gb-hero-badge {
  color: #565b64;
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #e6e3da;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  margin-bottom: 26px;
  padding: 7px 13px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.gb-hero-badge span {
  background: #c4f750;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 8px #c4f750e6;
}

.gb-landing-hero h1 {
  color: #15171d;
  letter-spacing: -.035em;
  text-wrap: balance;
  margin: 0;
  font-size: 55px;
  font-weight: 800;
  line-height: 1.04;
}

.gb-landing-lede {
  color: #454a52;
  max-width: 520px;
  margin: 24px 0 0;
  font-size: 19px;
  line-height: 1.6;
}

.gb-landing-hero-actions {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.gb-primary-cta {
  color: #18230a;
  background: #c4f750;
  border-radius: 13px;
  align-items: center;
  gap: 9px;
  padding: 15px 26px;
  font-size: 16px;
  font-weight: 700;
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s;
  display: inline-flex;
  box-shadow: 0 0 0 1px #15171d0a, 0 8px 22px #c4f75073;
}

.gb-primary-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px #15171d0a, 0 14px 30px #c4f75099;
}

.gb-outline-cta {
  color: #15171d;
  background: #fff;
  border: 1px solid #e0ddd3;
  border-radius: 13px;
  align-items: center;
  gap: 9px;
  padding: 15px 24px;
  font-size: 16px;
  font-weight: 600;
  transition: border-color .15s;
  display: inline-flex;
}

.gb-outline-cta:hover {
  border-color: #15171d;
}

.gb-safe-list {
  color: #727680;
  font-family: var(--font-mono);
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
  font-size: 12.5px;
  display: flex;
}

.gb-safe-list span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.gb-safe-list svg {
  color: #1b8f66;
}

.gb-status-card-shell {
  position: relative;
}

.gb-status-glow {
  z-index: 0;
  filter: blur(8px);
  background: radial-gradient(circle at 70% 30%, #c4f75059, #0000 70%);
  width: 140px;
  height: 140px;
  position: absolute;
  inset: -14px -14px auto auto;
}

.gb-hero-status-card {
  z-index: 1;
  background: #fff;
  border: 1px solid #e6e3da;
  border-radius: 22px;
  padding: 26px;
  position: relative;
  box-shadow: 0 2px 6px #14161c0a, 0 26px 60px #14161c1a;
}

.gb-status-card-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.gb-mono-label {
  color: #8a8f98;
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.gb-live-chip {
  color: #177856;
  background: #e6f3ec;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 5px 11px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
}

.gb-live-chip span {
  background: #20a372;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  animation: 2.4s ease-in-out infinite gbpulse;
}

.gb-active-line {
  align-items: baseline;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.gb-active-line strong {
  letter-spacing: -.03em;
  font-size: 40px;
  font-weight: 800;
}

.gb-active-line span {
  color: #8a8f98;
  font-size: 14px;
}

.gb-protection-line {
  background: linear-gradient(90deg, #c4f750, #a8e63e, #c4f750) 0 0 / 200% 100%;
  border-radius: 999px;
  height: 5px;
  margin: 18px 0 22px;
  animation: 4s linear infinite gbline;
}

.gb-status-rows {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.gb-status-rows div {
  border-bottom: 1px solid #f0eee6;
  justify-content: space-between;
  align-items: center;
  padding: 13px 0;
  display: flex;
}

.gb-status-rows div:last-child {
  border-bottom: 0;
}

.gb-status-rows span {
  color: #15171d;
  font-size: 14.5px;
  font-weight: 600;
}

.gb-status-rows strong {
  color: #565b64;
  font-size: 13.5px;
  font-weight: 500;
}

.gb-status-note {
  color: #727680;
  background: #f7f6f1;
  border-radius: 12px;
  margin: 14px 0 0;
  padding: 13px 15px;
  font-size: 13px;
  line-height: 1.5;
}

/* [project]/apps/web/app/styles/landing-sections.css [app-client] (css) */
.gb-pillar-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 40px 32px 24px;
  display: grid;
}

.gb-pillar-grid article {
  background: #fff;
  border: 1px solid #e6e3da;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 1px 3px #14161c0a;
}

.gb-pillar-icon {
  color: #c4f750;
  background: #15171d;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
}

.gb-pillar-grid h2 {
  letter-spacing: -.02em;
  margin: 20px 0 8px;
  font-size: 19px;
  font-weight: 700;
}

.gb-pillar-grid p {
  color: #565b64;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
}

.gb-dark-band {
  background: #15171d;
  border-radius: 26px;
  max-width: 1076px;
  margin: 48px auto;
  padding: 60px 56px;
  position: relative;
  overflow: hidden;
}

.gb-dark-band:after {
  content: "";
  background: radial-gradient(circle, #c4f7501f, #0000 70%);
  width: 280px;
  height: 280px;
  position: absolute;
  top: -40px;
  right: -30px;
}

.gb-dark-band > * {
  z-index: 1;
  position: relative;
}

.gb-dark-kicker, .gb-section-kicker {
  color: #5e7a18;
  font-family: var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11.5px;
  font-weight: 600;
}

.gb-dark-kicker {
  color: #c4f750;
}

.gb-dark-band h2 {
  color: #f4f4f0;
  letter-spacing: -.03em;
  max-width: 560px;
  margin: 16px 0 14px;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.1;
}

.gb-dark-band > div:first-child p:not(.gb-dark-kicker) {
  color: #a7acb4;
  max-width: 560px;
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
}

.gb-dark-grid {
  grid-template-columns: 1fr 1fr;
  gap: 38px;
  margin-top: 44px;
  display: grid;
}

.gb-dark-label {
  color: #6b7079;
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-size: 12px;
  font-weight: 600;
}

.gb-dark-label-lime {
  color: #c4f750;
}

.gb-dark-tags {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.gb-dark-tags span {
  color: #c9cdd3;
  font-family: var(--font-mono);
  background: #1f2229;
  border: 1px solid #2a2e36;
  border-radius: 10px;
  padding: 9px 14px;
  font-size: 13px;
}

.gb-dark-checks {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.gb-dark-checks span {
  color: #e4e6e9;
  align-items: center;
  gap: 11px;
  font-size: 15px;
  display: flex;
}

.gb-dark-checks svg {
  color: #c4f750;
  flex: none;
}

.gb-how {
  max-width: 1140px;
  margin: 0 auto;
  padding: 64px 32px 32px;
}

.gb-centered-heading {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 48px;
}

.gb-centered-heading h2 {
  letter-spacing: -.03em;
  margin: 14px 0 0;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.1;
}

.gb-centered-heading p:not(.gb-section-kicker) {
  color: #565b64;
  margin: 10px 0 0;
  font-size: 17px;
}

.gb-steps {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
  position: relative;
}

.gb-steps:before {
  z-index: 0;
  content: "";
  background: #d8d4c8;
  height: 2px;
  position: absolute;
  top: 23px;
  left: 12%;
  right: 12%;
}

.gb-steps article {
  z-index: 1;
  position: relative;
}

.gb-steps span {
  color: #c4f750;
  width: 48px;
  height: 48px;
  font-family: var(--font-mono);
  background: #15171d;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  box-shadow: 0 0 0 6px #f4f2eb;
}

.gb-steps article:first-child span {
  color: #18230a;
  background: #c4f750;
}

.gb-steps h3 {
  letter-spacing: -.01em;
  margin: 18px 0 7px;
  font-size: 17px;
  font-weight: 700;
}

.gb-steps p {
  color: #565b64;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.gb-custom-panel {
  background: #fff;
  border: 1px solid #e6e3da;
  border-radius: 26px;
  grid-template-columns: 1fr 1fr;
  max-width: 1076px;
  margin: 64px auto;
  display: grid;
  overflow: hidden;
}

.gb-custom-panel > div:first-child {
  padding: 56px 48px;
}

.gb-custom-panel h2 {
  letter-spacing: -.03em;
  margin: 16px 0 14px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
}

.gb-custom-panel p {
  color: #565b64;
  margin: 0 0 26px;
  font-size: 17px;
  line-height: 1.6;
}

.gb-category-pills {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.gb-category-pills span {
  color: #3a3f47;
  background: #f4f2eb;
  border: 1px solid #e6e3da;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13.5px;
  font-weight: 500;
}

.gb-custom-demo {
  background: #f7f6f1;
  border-left: 1px solid #e6e3da;
  padding: 40px;
}

.gb-demo-input, .gb-demo-row {
  background: #fff;
  border: 1px solid #e0ddd3;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 13px 15px;
  display: flex;
}

.gb-demo-input {
  gap: 10px;
  margin-bottom: 16px;
}

.gb-demo-input span {
  color: #9da2ab;
  font-family: var(--font-mono);
  font-size: 13.5px;
}

.gb-demo-input strong {
  color: #18230a;
  background: #c4f750;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 700;
}

.gb-demo-row {
  border-color: #eae7de;
  margin-bottom: 8px;
}

.gb-demo-row span {
  color: #15171d;
  font-family: var(--font-mono);
  font-size: 14px;
}

.gb-demo-row strong {
  color: #177856;
  font-size: 12px;
  font-weight: 600;
}

.gb-limits-panel {
  background: #f2efe6;
  border: 1px solid #e2decf;
  border-radius: 22px;
  max-width: 856px;
  margin: 32px auto 64px;
  padding: 48px;
}

.gb-limits-panel h2 {
  letter-spacing: -.03em;
  max-width: 620px;
  margin: 16px 0;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.15;
}

.gb-limits-panel p:not(.gb-section-kicker) {
  color: #454a52;
  max-width: 680px;
  margin: 0 0 14px;
  font-size: 16.5px;
  line-height: 1.65;
}

/* [project]/apps/web/app/styles/landing-pricing.css [app-client] (css) */
.gb-pricing-section {
  max-width: 1140px;
  margin: 0 auto;
  padding: 48px 32px 64px;
}

.gb-pricing-card {
  background: #15171d;
  border-radius: 24px;
  max-width: 440px;
  margin: 0 auto;
  padding: 8px;
  box-shadow: 0 26px 60px #14161c29;
}

.gb-pricing-top {
  justify-content: space-between;
  align-items: center;
  padding: 18px 28px 6px;
  display: flex;
}

.gb-pricing-top span {
  color: #c4f750;
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.gb-pricing-top strong {
  color: #9da2ab;
  font-size: 12px;
  font-weight: 600;
}

.gb-pricing-inner {
  background: #fff;
  border-radius: 18px;
  padding: 32px;
}

.gb-pricing-price {
  letter-spacing: -.04em;
  align-items: flex-end;
  gap: 6px;
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
  display: flex;
}

.gb-pricing-price span {
  color: #8a8f98;
  letter-spacing: 0;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

.gb-pricing-inner ul {
  flex-direction: column;
  gap: 13px;
  margin: 26px 0 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

.gb-pricing-inner li {
  color: #3a3f47;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  display: flex;
}

.gb-pricing-inner li svg {
  color: #5e7a18;
}

.gb-pricing-cta {
  justify-content: center;
  width: 100%;
  padding: 15px;
}

.gb-pricing-inner p {
  color: #8a8f98;
  text-align: center;
  margin: 16px 0 0;
  font-size: 12.5px;
  line-height: 1.55;
}

.gb-privacy-strip {
  background: #fff;
  border: 1px solid #e6e3da;
  border-radius: 20px;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  max-width: 1076px;
  margin: 0 auto 64px;
  padding: 32px 38px;
  display: flex;
}

.gb-privacy-strip > span {
  color: #5e7a18;
  background: #eef8d4;
  border-radius: 15px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: flex;
}

.gb-privacy-strip div {
  flex: 1;
  min-width: 280px;
}

.gb-privacy-strip h2 {
  letter-spacing: -.02em;
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 700;
}

.gb-privacy-strip p {
  color: #565b64;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.gb-final-cta {
  text-align: center;
  background: #15171d;
  border-radius: 28px;
  max-width: 1076px;
  margin: 24px auto 80px;
  padding: 64px 48px;
  position: relative;
  overflow: hidden;
}

.gb-final-cta:after {
  content: "";
  background: radial-gradient(#c4f75029, #0000 70%);
  width: 420px;
  height: 200px;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.gb-final-cta > * {
  z-index: 1;
  position: relative;
}

.gb-final-cta h2 {
  color: #f4f4f0;
  letter-spacing: -.035em;
  max-width: 560px;
  margin: 0 auto 16px;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.08;
}

.gb-final-cta p {
  color: #a7acb4;
  margin: 0 0 32px;
  font-size: 18px;
}

.gb-landing-footer {
  border-top: 1px solid #e6e3da;
}

@keyframes gbline {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes gbpulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .6;
    transform: scale(.72);
  }
}

@media (max-width: 900px) {
  .gb-nav-link {
    white-space: nowrap;
  }

  .gb-settings-grid, .gb-hero-band, .gb-card-grid, .gb-card-grid-3, .gb-card-grid-2, .gb-app-grid-3, .gb-app-grid-2, .gb-route-grid, .feature-grid, .hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .gb-public-header {
    flex-direction: column;
    align-items: flex-start;
    position: static;
  }

  .gb-public-nav {
    width: 100%;
    overflow-x: auto;
  }

  .gb-public-actions {
    width: 100%;
  }

  .gb-public-cta, .gb-public-link, .gb-link-button {
    justify-content: center;
    width: 100%;
  }
}

/* [project]/apps/web/app/components/public-site/landing-scenes-dark.css [app-client] (css) */
.gb-intercept {
  position: relative;
}

.gb-int-stage {
  contain: paint;
  place-items: center;
  min-height: 100svh;
  display: grid;
  position: relative;
  overflow: clip;
}

.gb-int-url {
  z-index: 2;
  color: var(--gb-gsap-ink);
  font-family: var(--font-mono);
  letter-spacing: -.01em;
  transform-origin: 50%;
  opacity: 0;
  margin: 0;
  font-size: clamp(20px, 3vw, 34px);
  font-weight: 500;
  position: relative;
}

.gb-int-scheme {
  color: var(--gb-gsap-muted-soft);
}

.gb-int-caret {
  vertical-align: -.18em;
  background: var(--gb-gsap-ink);
  opacity: 0;
  width: .55ch;
  height: 1.1em;
  margin-left: 3px;
  display: inline-block;
}

.gb-int-wash-layer {
  z-index: 1;
  pointer-events: none;
  contain: layout paint;
  position: absolute;
  inset: 0;
  overflow: clip;
}

.gb-int-wash {
  background: var(--gb-gsap-dark);
  transform-origin: center;
  border-radius: 50%;
  width: 150vmax;
  height: 150vmax;
  margin: -75vmax 0 0 -75vmax;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(1);
}

.gb-int-verdict {
  z-index: 3;
  color: var(--gb-on-dark, #f4f4f0);
  text-align: center;
  contain: paint;
  pointer-events: none;
  align-content: center;
  justify-items: center;
  gap: clamp(18px, 2.6vw, 30px);
  padding: 0 20px;
  display: grid;
  position: absolute;
  inset: 0;
}

.gb-int-domain {
  color: #f4f4f0a6;
  font-family: var(--font-mono);
  margin: 0;
  font-size: clamp(13px, 1.2vw, 15px);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.gb-int-word {
  letter-spacing: -.035em;
  transform-origin: 50% 52%;
  margin: 0;
  font-size: clamp(58px, 9.4vw, 132px);
  font-weight: 800;
  line-height: 1;
}

.gb-int-log {
  color: #f4f4f094;
  font-family: var(--font-mono);
  letter-spacing: .02em;
  justify-items: center;
  gap: 9px;
  margin: clamp(6px, 1vw, 14px) 0 0;
  padding: 0;
  font-size: clamp(12px, 1.1vw, 14px);
  list-style: none;
  display: grid;
}

@media (max-width: 899px) {
  .gb-int-stage {
    min-height: 88svh;
  }
}

.gb-wall {
  align-items: center;
  min-height: clamp(760px, 124svh, 1260px);
  display: grid;
  position: relative;
}

.gb-wall:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .75;
  background: linear-gradient(90deg, #0000, #f4f4f006), repeating-linear-gradient(0deg, #0000 0 72px, #c4f7500b 73px, #0000 74px);
  position: absolute;
  inset: 0 0 0 45%;
  -webkit-mask-image: linear-gradient(90deg, #0000 0, #000 22% 100%);
  mask-image: linear-gradient(90deg, #0000 0, #000 22% 100%);
}

.gb-wall-field {
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  align-content: start;
  width: min(66vw, 980px);
  display: grid;
  position: absolute;
  inset: 0 auto 0 0;
  overflow: clip;
  -webkit-mask-image: linear-gradient(90deg, #000 0% 56%, #000000ad 70%, #0000 100%);
  mask-image: linear-gradient(90deg, #000 0% 56%, #000000ad 70%, #0000 100%);
}

.gb-wall-row {
  color: var(--gb-on-dark, #f4f4f0);
  font-family: var(--font-mono);
  white-space: nowrap;
  opacity: .15;
  pointer-events: auto;
  font-size: 10px;
  line-height: 1.95;
  transition: opacity .35s;
}

.gb-wall-row[data-lit="true"] {
  opacity: .5;
}

@media (hover: hover) {
  .gb-wall-row:hover {
    opacity: .92;
    color: var(--gb-gsap-lime);
    transition-duration: 80ms;
  }
}

.gb-wall-scan {
  z-index: 1;
  background: var(--gb-gsap-lime);
  opacity: .65;
  height: 1px;
  position: absolute;
  top: 68%;
  left: 0;
  right: 0;
  box-shadow: 0 0 14px #c4f7504d;
}

.gb-wall-scan:after {
  content: "";
  filter: blur(4px);
  background: linear-gradient(90deg, #c4f7502e, #c4f7500f 62%, #0000);
  height: 19px;
  position: absolute;
  top: -9px;
  left: 45%;
  right: 0;
}

.gb-wall-head {
  z-index: 2;
  box-sizing: border-box;
  grid-template-columns: minmax(0, .92fr) minmax(390px, .82fr);
  align-items: center;
  width: min(100% - 40px, 1140px);
  margin-inline: auto;
  padding: clamp(120px, 18vw, 220px) 0;
  display: grid;
  position: relative;
}

.gb-wall-head h2 {
  letter-spacing: -.025em;
  text-wrap: balance;
  text-shadow: 0 1px 18px #0b0c1085;
  grid-column: 2;
  max-width: 13ch;
  margin: 0;
  font-size: clamp(34px, 4.6vw, 64px);
  font-weight: 800;
  line-height: 1.04;
}

.gb-wall-head p {
  color: #f4f4f0c7;
  text-shadow: 0 1px 16px #0b0c1094;
  grid-column: 2;
  max-width: 46ch;
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.6;
}

@media (max-width: 860px) {
  .gb-wall-head {
    grid-template-columns: 1fr;
  }

  .gb-wall-head h2, .gb-wall-head p {
    grid-column: 1;
  }
}

@media (max-width: 720px) {
  .gb-wall {
    min-height: clamp(620px, 115svh, 1100px);
  }

  .gb-wall-field {
    opacity: .52;
    width: 100%;
    -webkit-mask-image: linear-gradient(#0000 0%, #000 18% 78%, #0000 100%);
    mask-image: linear-gradient(#0000 0%, #000 18% 78%, #0000 100%);
  }

  .gb-wall:after {
    opacity: .4;
    inset: 0;
    -webkit-mask-image: linear-gradient(#0000 0, #000 24% 100%);
    mask-image: linear-gradient(#0000 0, #000 24% 100%);
  }

  .gb-wall-head {
    width: min(100% - 28px, 1140px);
    padding-left: 0;
  }
}

/* [project]/apps/web/app/components/public-site/landing-scenes-line.css [app-client] (css) */
.gb-nego {
  width: min(100% - 40px, 1140px);
  margin-inline: auto;
  padding: clamp(100px, 14vw, 180px) 0 clamp(96px, 13vw, 170px);
  position: relative;
}

.gb-nego-lines {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-nego-line {
  color: #f4f4f0e0;
  letter-spacing: -.015em;
  opacity: .25;
  width: fit-content;
  margin: 0 0 clamp(16px, 2.4vw, 28px);
  font-size: clamp(26px, 3.6vw, 46px);
  font-weight: 650;
  line-height: 1.12;
  position: relative;
  transform: translateX(-6px);
}

.gb-nego-strike {
  transform-origin: 0;
  background: #f4f4f0d1;
  height: 2px;
  position: absolute;
  top: 55%;
  left: -.15em;
  right: -.35em;
}

.gb-nego-line:last-child {
  opacity: .55;
}

.gb-nego-line:last-child .gb-nego-strike {
  background: var(--gb-gsap-lime);
  box-shadow: 0 0 10px #c4f75059;
}

.gb-nego-payoff {
  margin-top: clamp(56px, 8vw, 96px);
}

.gb-nego-payoff h2 {
  letter-spacing: -.025em;
  text-wrap: balance;
  max-width: 17ch;
  margin: 0;
  font-size: clamp(34px, 4.6vw, 64px);
  font-weight: 800;
  line-height: 1.05;
}

.gb-nego-payoff p {
  color: #f4f4f0bd;
  max-width: 44ch;
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.6;
}

@media (max-width: 720px) {
  .gb-nego {
    width: min(100% - 28px, 1140px);
  }
}

.gb-seam {
  z-index: 2;
  height: 0;
  position: relative;
}

.gb-seam-rule {
  background: var(--gb-gsap-lime);
  opacity: .7;
  transform-origin: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
}

.gb-how-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 400px);
  align-items: start;
  gap: clamp(32px, 5vw, 72px);
  display: grid;
}

.gb-how-state {
  font-family: var(--font-mono);
  border-top: 1px solid #f4f4f029;
  padding-top: 16px;
}

.gb-how-state-title {
  color: #f4f4f085;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 600;
}

.gb-how-state-line {
  color: #f4f4f0cc;
  border-bottom: 1px solid #f4f4f01a;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  font-size: 13px;
  transition: opacity .3s;
  display: flex;
}

.gb-how-state-line b {
  color: var(--gb-gsap-lime);
  white-space: nowrap;
  font-weight: 600;
}

.gb-how-state-line[data-lit="false"] {
  opacity: .22;
}

@media (max-width: 1060px) {
  .gb-how-grid {
    grid-template-columns: 1fr;
  }
}

/* [project]/apps/web/app/styles/shared-primitives.css [app-client] (css) */
.gb-btn {
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background-color .14s, border-color .14s, color .14s, box-shadow .14s, transform 80ms, filter .14s;
  display: inline-flex;
}

.gb-btn:focus-visible {
  outline: 2px solid var(--gb-lime-text);
  outline-offset: 2px;
  box-shadow: var(--ring-focus);
}

.gb-btn:active {
  transform: translateY(0)scale(.97);
}

.gb-btn[disabled], .gb-btn[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

.gb-btn--sm {
  border-radius: 9px;
  gap: 6px;
  padding: 7px 11px;
  font-size: 12.5px;
}

.gb-btn--primary {
  color: #fff;
  background: #15171d;
  border-color: #15171d;
}

.gb-btn--primary:hover {
  background: #242731;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #14161c2e;
}

.gb-btn--ghost {
  color: #22262e;
  background: #fff;
  border-color: #e0ddd3;
}

.gb-btn--ghost:hover {
  background: #faf9f5;
  border-color: #c9c5b8;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #14161c0f;
}

.gb-btn--danger {
  color: #b23b2c;
  background: #fff;
  border-color: #ebd6d1;
}

.gb-btn--danger:hover {
  background: #fcf5f3;
  border-color: #ddb0a7;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #b23b2c14;
}

.gb-btn--lime {
  color: #1c2608;
  background: #c6f268;
  border-color: #bae65c;
}

.gb-btn--lime:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #78962838;
}

@media (prefers-reduced-motion: reduce) {
  .gb-btn {
    transition: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .gb-rise {
    animation: .5s cubic-bezier(.22, 1, .36, 1) both gb-rise;
  }
}

@keyframes gb-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.gb-dt-wrap {
  width: 100%;
  overflow-x: auto;
}

@media (max-width: 1023.98px) {
  .gb-dt-wrap {
    background: linear-gradient(to right,
          var(--gb-dt-fade-bg, #fff),
          #fff0)
        left center / 26px 100% no-repeat local,
      linear-gradient(to left, var(--gb-dt-fade-bg, #fff), #fff0)
        right center / 26px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,
          #14161c21,
          #14161c00)
        left center / 14px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,
          #14161c21,
          #14161c00)
        right center / 14px 100% no-repeat scroll;
  }
}

.gb-dt {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.gb-dt-th {
  position: relative;
}

.gb-dt-th--over:before {
  content: "";
  background: #8caa3c;
  border-radius: 2px;
  width: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 0;
}

.gb-dt-grip {
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
}

.gb-dt-grip--draggable {
  cursor: grab;
}

.gb-dt-grip--draggable:active {
  cursor: grabbing;
}

.gb-dt-th--dragging .gb-dt-grip {
  opacity: .45;
}

.gb-dt-resizer {
  cursor: col-resize;
  touch-action: none;
  z-index: 2;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -4px;
}

.gb-dt-resizer:after {
  content: "";
  background: none;
  border-radius: 2px;
  width: 2px;
  transition: background-color .12s;
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 4px;
}

.gb-dt-resizer:hover:after, .gb-dt-resizer--active:after {
  background: #c9c5b8;
}

.gb-dt-row {
  transition: background-color .12s;
}

.gb-dt-row:hover {
  background: #faf9f5;
}

.gb-spin {
  animation: .9s linear infinite gbspin;
}

@keyframes gbspin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/apps/web/app/styles/layout-utilities.css [app-client] (css) */
.gb-app-main {
  grid-template-columns: [full-start] minmax(var(--gb-pad, 24px), 1fr)
    [content-start] minmax(0, var(--gb-cmax, 1680px)) [content-end]
    minmax(var(--gb-pad, 24px), 1fr) [full-end];
  align-content: start;
  row-gap: var(--gb-sec-gap, 26px);
  width: 100%;
  max-width: 100%;
  display: grid;
  overflow-x: clip;
}

.gb-app-main > * {
  grid-column: content-start / content-end;
  min-width: 0;
}

.gb-app-main > .gb-bleed {
  grid-column: full-start / full-end;
}

@media (max-width: 767.98px) {
  .gb-app-main {
    padding-inline: var(--gb-pad, 20px);
    display: block;
  }

  .gb-app-main > * + * {
    margin-top: var(--gb-sec-gap, 26px);
  }

  .gb-app-main > .gb-bleed {
    margin-inline: calc(var(--gb-pad, 20px) * -1);
  }
}

.gb-stat-grid {
  gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 768px) {
  .gb-stat-grid {
    grid-template-columns: var(--gb-stat-cols, repeat(4, minmax(0, 1fr)));
  }
}

.gb-two-col {
  gap: var(--space-4);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  display: grid;
}

@media (min-width: 768px) {
  .gb-two-col {
    grid-template-columns: var(--gb-two-col-cols, minmax(0, 1fr) minmax(0, 1fr));
  }
}

.gb-rail-divider {
  border-left: 1px solid #f0eee6;
}

@media (max-width: 767.98px) {
  .gb-rail-divider {
    border-top: 1px solid #f0eee6;
    border-left: none;
  }
}

.gb-only-mobile {
  display: revert;
}

.gb-only-desk {
  display: none;
}

@media (min-width: 768px) {
  .gb-only-mobile {
    display: none;
  }

  .gb-only-desk {
    display: revert;
  }
}

.gb-dt-cards {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

@media (min-width: 768px) {
  .gb-dt-cards {
    display: none;
  }
}

.gb-dt-card {
  background: #fff;
  border: 1px solid #e4decf;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 1px 3px #14161c0f, 0 8px 24px #14161c17;
}

.gb-dt-card-title {
  letter-spacing: -.01em;
  color: #15171d;
  font-size: 14px;
  font-weight: 700;
}

.gb-dt-card-title:not(:last-child) {
  margin-bottom: 10px;
}

.gb-dt-card-dl {
  gap: 9px;
  margin: 0;
  display: grid;
}

.gb-dt-card-pair {
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  display: flex;
}

.gb-dt-card-dt {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6a6f79;
  flex: none;
  font-family: JetBrains Mono, monospace;
  font-size: 10.5px;
  font-weight: 600;
}

.gb-dt-card-dd {
  color: #22262e;
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
  font-size: 13.5px;
}

.gb-dt-card-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.gb-dt-card-actions:not(:first-child) {
  margin-top: 12px;
}

@media (pointer: coarse) {
  .gb-touch {
    min-width: 44px;
    min-height: 44px;
  }
}

.gb-safe-pad-bottom {
  padding-bottom: max(var(--space-4), env(safe-area-inset-bottom));
}

@media (pointer: coarse) {
  .gb-btn {
    min-height: 44px;
  }

  .gb-toggle:before {
    content: "";
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.gb-sheet-scrim {
  z-index: var(--z-dialog, 50);
  background: #14181c6b;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

@media (min-width: 768px) {
  .gb-sheet-scrim {
    align-items: center;
    padding: 24px;
  }
}

.gb-sheet-panel {
  background: #fff;
  border-radius: 18px 18px 0 0;
  flex-direction: column;
  width: 100%;
  max-height: 92dvh;
  animation: .26s cubic-bezier(.22, 1, .36, 1) both gb-sheet-rise;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -10px 44px #14181c3d;
}

@media (min-width: 768px) {
  .gb-sheet-panel {
    border-radius: 14px;
    width: min(100%, 520px);
    max-height: 85dvh;
    animation: .18s both gb-sheet-fade;
    box-shadow: 0 22px 70px #14181c3d;
  }
}

.gb-sheet-head {
  border-bottom: 1px solid #e4decf;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.gb-sheet-title {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 800;
}

.gb-sheet-body {
  padding: 16px;
  overflow: auto;
}

@keyframes gb-sheet-rise {
  from {
    transform: translateY(100%);
  }

  to {
    transform: none;
  }
}

@keyframes gb-sheet-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gb-sheet-panel {
    animation: none;
  }
}

/* [project]/apps/web/app/styles/app-shell.css [app-client] (css) */
.gb-app-rail {
  display: none;
}

.gb-app-mobiletop {
  display: flex;
}

.gb-app-drawerroot {
  display: block;
}

.gb-app-topbar {
  position: static;
  box-shadow: 0 4px 16px #14161c08;
}

.gb-app-topbar-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(16px, 2vw, 28px);
  width: 100%;
  margin: 0 auto;
  padding-block: 18px;
  display: flex;
}

.gb-app-topbar-copy {
  flex: 620px;
  min-width: 0;
}

.gb-app-topbar-title {
  color: var(--gb-ink);
  font-size: var(--fs-h2-sm);
  letter-spacing: -.025em;
  text-wrap: balance;
  margin: 0;
  font-weight: 800;
  line-height: 1.12;
}

.gb-app-topbar-subtitle {
  max-width: 68ch;
  color: var(--gb-ink-2);
  overflow-wrap: break-word;
  text-wrap: pretty;
  margin: 6px 0 0;
  font-size: 14.5px;
  line-height: 1.45;
}

.gb-app-topbar-actions {
  flex: none;
  align-items: center;
  gap: 12px;
  display: flex;
}

.gb-sidebar-nav-link {
  color: var(--gb-ink-2);
  transition: background-color var(--dur-fast) var(--ease-spring),
    border-color var(--dur-fast) var(--ease-spring),
    color var(--dur-fast) var(--ease-spring),
    box-shadow var(--dur-fast) var(--ease-spring);
  font-weight: 500;
}

.gb-sidebar-nav-link > svg {
  transition: transform var(--dur-fast) var(--ease-spring);
}

.gb-sidebar-nav-link[data-state="idle"]:is(:hover, :focus-visible) {
  color: var(--gb-ink);
  background-color: #ffffff7a;
  border-color: #cdc6b4b8;
  box-shadow: 0 1px 2px #14161c0a;
}

.gb-sidebar-nav-link[data-state="idle"]:hover > svg {
  transform: translateX(2px);
}

.gb-sidebar-nav-link[data-state="active"] {
  background: var(--gb-surface);
  color: var(--gb-ink);
  box-shadow: var(--shadow-card);
  border-color: #d9d2c1;
  font-weight: 600;
}

:is(.gb-app-main, .gb-app-rail, .gb-app-drawerroot, .gb-app-mobiletop, .gb-app-topbar) :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--gb-lime-text);
  outline-offset: 2px;
}

@media (forced-colors: active) {
  :is(.gb-app-main, .gb-app-rail, .gb-app-drawerroot, .gb-app-mobiletop, .gb-app-topbar) :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid canvastext;
  }
}

@media (max-width: 767.98px) {
  .gb-app-topbar-inner {
    align-items: flex-start;
    gap: 12px;
    padding-block: 16px;
  }

  .gb-app-topbar-copy {
    flex-basis: 100%;
  }

  .gb-app-topbar-title {
    font-size: 22px;
  }

  .gb-app-topbar-actions {
    flex: 100%;
    justify-content: flex-start;
    width: 100%;
  }

  .gb-app-topbar-actions .gb-btn {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .gb-app-rail {
    display: flex;
  }

  .gb-app-mobiletop, .gb-app-drawerroot {
    display: none;
  }

  .gb-app-topbar {
    z-index: 20;
    position: sticky;
    top: 0;
  }
}

.gb-drawer-scrim {
  z-index: var(--z-scrim);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #14161c6b;
  transition: opacity .24s, visibility 0s linear .24s;
  position: fixed;
  inset: 0;
}

.gb-drawer-scrim[data-open="true"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .24s, visibility;
}

.gb-drawer-panel {
  z-index: var(--z-drawer);
  visibility: hidden;
  flex-direction: column;
  width: min(86vw, 320px);
  height: 100dvh;
  transition: transform .26s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .26s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  transform: translateX(-100%);
}

.gb-drawer-panel[data-open="true"] {
  visibility: visible;
  transition: transform .26s cubic-bezier(.22, .61, .36, 1), visibility;
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .gb-sidebar-nav-link, .gb-sidebar-nav-link > svg {
    transition: none;
  }

  .gb-sidebar-nav-link[data-state="idle"]:hover > svg {
    transform: none;
  }

  .gb-drawer-scrim, .gb-drawer-scrim[data-open="true"], .gb-drawer-panel, .gb-drawer-panel[data-open="true"] {
    transition: opacity .12s, visibility;
  }

  .gb-drawer-panel {
    opacity: 0;
    transform: none;
  }

  .gb-drawer-panel[data-open="true"] {
    opacity: 1;
    transform: none;
  }
}

/* [project]/apps/web/app/globals.css [app-client] (css) */


/* [project]/apps/web/app/components/public-site/guardianblock-gsap.css [app-client] (css) */
.gb-gsap-page {
  --gb-gsap-canvas: var(--gb-canvas, #f4f2eb);
  --gb-gsap-canvas-2: var(--gb-canvas-2, #edeae1);
  --gb-gsap-surface: var(--gb-surface, #fff);
  --gb-gsap-field: var(--gb-surface-warm, #f2efe6);
  --gb-gsap-ink: var(--gb-ink, #15171d);
  --gb-gsap-muted: var(--gb-ink-2, #454a52);
  --gb-gsap-muted-soft: var(--gb-ink-3, #727680);
  --gb-gsap-line: var(--gb-line, #e6e3da);
  --gb-gsap-lime: var(--gb-lime, #c4f750);
  --gb-gsap-lime-soft: var(--gb-lime-bright, #cbfb5e);
  --gb-gsap-lime-ink: var(--gb-lime-ink, #18230a);
  --gb-gsap-orange: #e66b35;
  --gb-gsap-teal: #177856;
  --gb-gsap-dark: var(--gb-dark, #15171d);
  --gb-gsap-dark-2: var(--gb-dark-2, #1f2229);
  --gb-gsap-radius-lg: 18px;
  --gb-gsap-radius-xl: 26px;
  --gb-gsap-ease-out: cubic-bezier(.22, 1, .36, 1);
  background: var(--gb-gsap-canvas);
  min-height: 100vh;
  color: var(--gb-gsap-ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  scroll-padding-top: 118px;
  overflow-x: clip;
}

.gb-gsap-page svg {
  flex: none;
}

.gb-smooth-wrapper, .gb-smooth-content, .gb-landing-main {
  position: relative;
}

.gb-landing-main {
  padding-top: 118px;
  overflow-x: clip;
}

.gb-nav-shell {
  z-index: 400;
  --gb-nav-fg: var(--gb-gsap-ink);
  --gb-nav-fg-muted: var(--gb-gsap-muted);
  position: relative;
}

.gb-nav-shell[data-nav-theme="dark"] {
  --gb-nav-fg: #f5f3ec;
  --gb-nav-fg-muted: #f5f3ecb8;
}

.gb-nav-shell[data-nav-theme="dark"] .gb-gsap-logo {
  --gb-shield-body: var(--gb-gsap-lime);
  --gb-shield-key: var(--gb-gsap-dark);
}

.gb-shield-body, .gb-shield-key {
  transition: fill .4s;
}

@media (prefers-reduced-motion: reduce) {
  .gb-shield-body, .gb-shield-key {
    transition: none;
  }
}

.gb-nav-shell:before, .gb-nav-shell:after {
  content: "";
  z-index: 350;
  pointer-events: none;
  opacity: 0;
  height: 96px;
  transition: opacity .5s;
  position: fixed;
  inset: 0 0 auto;
}

.gb-nav-shell:before {
  background: linear-gradient(#f4f2ebf7 0%, #f4f2ebeb 56%, #f4f2eb00 100%);
}

.gb-nav-shell:after {
  background: linear-gradient(#111319f5 0%, #111319e6 56%, #11131900 100%);
}

.gb-nav-shell[data-nav-scrolled="true"]:not([data-nav-theme="dark"]):before, .gb-nav-shell[data-nav-scrolled="true"][data-nav-theme="dark"]:after {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .gb-nav-shell:before, .gb-nav-shell:after {
    transition: none;
  }
}

.gb-gsap-nav {
  inset: calc(env(safe-area-inset-top) + 16px) 22px auto;
  z-index: 400;
  pointer-events: none;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  display: grid;
  position: fixed;
}

.gb-gsap-logo, .gb-gsap-nav-center, .gb-gsap-nav-actions {
  pointer-events: auto;
}

.gb-gsap-logo {
  width: fit-content;
  color: var(--gb-nav-fg);
  letter-spacing: -.02em;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: color .4s;
  display: inline-flex;
  position: relative;
}

.gb-gsap-logo-line {
  transform-origin: 0;
  background: currentColor;
  height: 1.5px;
  position: absolute;
  bottom: -3px;
  left: 38px;
  right: 0;
  transform: scaleX(0);
}

.gb-gsap-nav-center {
  justify-content: center;
  align-items: center;
  gap: 30px;
  display: flex;
}

.gb-gsap-nav-link {
  color: var(--gb-nav-fg-muted);
  font-size: 14.5px;
  font-weight: 500;
  transition: color .4s;
}

.gb-gsap-nav-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  display: flex;
}

.gb-gsap-nav-signin {
  color: var(--gb-nav-fg);
  font-size: 14.5px;
  font-weight: 600;
  text-decoration: none;
  transition: color .4s;
}

.gb-gsap-nav-cta, .gb-gsap-nav-toggle {
  min-height: 46px;
  color: var(--gb-gsap-ink);
  outline-offset: 4px;
  border: 0;
  border-radius: 999px;
  font-weight: 800;
}

.gb-gsap-nav-cta {
  --gb-nav-cta-line-opacity: 0;
  --gb-nav-cta-line-scale: 0;
  background: var(--gb-gsap-lime);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 0 21px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 34px #c4f7503d;
}

.gb-gsap-nav-cta:after {
  content: "";
  height: 2px;
  opacity: var(--gb-nav-cta-line-opacity);
  transform: scaleX(var(--gb-nav-cta-line-scale));
  transform-origin: 0;
  background: currentColor;
  border-radius: 999px;
  position: absolute;
  bottom: 13px;
  left: 22px;
  right: 22px;
}

.gb-gsap-nav-cta span {
  z-index: 1;
  position: relative;
}

.gb-gsap-nav-toggle {
  background: var(--gb-gsap-surface);
  place-items: center;
  width: 46px;
  display: grid;
  box-shadow: 0 12px 32px #14161c1a;
}

.gb-gsap-nav-toggle line {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8px;
  transform-origin: center;
}

.gb-gsap-logo:focus-visible, .gb-gsap-nav-link:focus-visible, .gb-gsap-nav-cta:focus-visible, .gb-gsap-nav-toggle:focus-visible, .gb-gsap-menu a:focus-visible, .gb-gsap-button:focus-visible, .gb-footer-link:focus-visible, .gb-footer-cta:focus-visible, .gb-footer-social:focus-visible, .gb-footer-legal a:focus-visible {
  outline: 2px solid var(--gb-gsap-lime);
  outline-offset: 4px;
}

.gb-gsap-underline {
  text-decoration: none;
  position: relative;
}

.gb-gsap-underline:after {
  content: "";
  transform-origin: 0;
  background: currentColor;
  height: 1px;
  transition: transform .35s cubic-bezier(.65, 0, .35, 1);
  position: absolute;
  bottom: -.16em;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.gb-gsap-underline:hover:after, .gb-gsap-underline:focus-visible:after {
  transform: scaleX(1);
}

.gb-gsap-menu {
  z-index: 360;
  padding: calc(env(safe-area-inset-top) + 86px) 24px 24px;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  visibility: hidden;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.gb-gsap-menu-backdrop {
  cursor: pointer;
  background: #15171d3d;
  border: 0;
  position: fixed;
  inset: 0;
}

.gb-gsap-menu-panel {
  border-radius: 24px;
  width: min(100%, 660px);
  position: relative;
}

.gb-gsap-menu-panel-main {
  z-index: 3;
  background: var(--gb-gsap-surface);
  flex-direction: column;
  justify-content: center;
  min-height: min(48vh, 430px);
  padding: 36px 36px 42px;
  display: flex;
  box-shadow: 0 18px 58px #14161c24;
}

.gb-gsap-menu-kicker, .gb-kicker {
  color: var(--gb-lime-text, #5e7a18);
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.gb-gsap-menu-list {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.gb-gsap-menu-list a {
  width: fit-content;
  color: var(--gb-gsap-ink);
  letter-spacing: -.01em;
  transform-origin: 0;
  align-items: center;
  font-size: clamp(30px, 3.5vw, 50px);
  font-weight: 800;
  line-height: .95;
  display: flex;
  position: relative;
}

.gb-gsap-menu a[data-menu-pressed="true"]:after, .gb-gsap-menu a[aria-current="page"]:after {
  transform: scaleX(1);
}

.gb-menu-mask {
  margin-bottom: -.14em;
  padding-bottom: .14em;
  display: inline-flex;
  overflow: hidden;
}

.gb-menu-reveal {
  display: inline-block;
}

.gb-gsap-menu-list li:nth-last-child(-n+2) a {
  color: var(--gb-gsap-muted);
  margin-top: 5px;
  font-size: clamp(23px, 2.3vw, 34px);
  line-height: 1.08;
}

.gb-gsap-menu-panel-feature {
  z-index: 2;
  background: var(--gb-gsap-lime);
  color: var(--gb-gsap-lime-ink);
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 23px 28px;
  display: flex;
}

.gb-gsap-menu-feature-link {
  color: inherit;
  transform-origin: 0;
  font-size: clamp(20px, 2.35vw, 30px);
  font-weight: 800;
  line-height: 1;
}

.gb-gsap-menu-panel-support {
  z-index: 1;
  background: var(--gb-gsap-dark);
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 21px 26px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gb-menu-watermark {
  color: #fff;
  opacity: .07;
  pointer-events: none;
  transform-origin: center;
  position: absolute;
  bottom: -36px;
  right: 14px;
}

.gb-gsap-menu-panel-support a {
  color: #f4f4f0bd;
  transform-origin: 0;
  font-size: 15px;
}

.gb-gsap-menu-panel-support a:hover, .gb-gsap-menu-panel-support a:focus-visible, .gb-gsap-menu-panel-support a[aria-current="page"] {
  color: var(--gb-gsap-lime);
}

.gb-landing-hero {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(100% - 40px, 900px);
  min-height: min(680px, 100svh - 118px);
  margin-inline: auto;
  padding: 32px 0 40px;
  display: flex;
  position: relative;
}

.gb-landing-hero:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(52% 100% at 50% 0, #c4f75024, #0000 72%);
  height: 460px;
  position: absolute;
  inset: -60px 0 auto;
}

.gb-hero-emblem {
  color: var(--gb-gsap-ink);
  margin-bottom: 30px;
  position: relative;
}

.gb-hero-emblem:before {
  content: "";
  z-index: -1;
  filter: blur(10px);
  background: radial-gradient(circle, #c4f7506b, #0000 64%);
  position: absolute;
  inset: -28px;
}

.gb-landing-hero h1 {
  letter-spacing: -.035em;
  text-wrap: wrap;
  max-width: 840px;
  margin: 0;
  font-size: clamp(40px, 5.4vw, 62px);
  font-weight: 800;
  line-height: 1.04;
}

.gb-hl {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: linear-gradient(90deg, #c4f750d9, #a8e63ed9);
  background-position: 0 86%;
  background-repeat: no-repeat;
  background-size: 100% .4em;
  border-radius: 2px;
  position: relative;
}

.gb-gsap-page ::selection {
  background: var(--gb-gsap-lime);
  color: var(--gb-gsap-lime-ink);
}

.gb-hero-lede {
  max-width: 580px;
  color: var(--gb-gsap-muted);
  margin: 26px 0 0;
  font-size: clamp(17px, 1.45vw, 19px);
  line-height: 1.6;
}

.gb-beta-pill {
  border: 1px solid var(--gb-gsap-line);
  background: var(--gb-gsap-surface);
  color: var(--gb-gsap-muted);
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  margin-bottom: 26px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.gb-beta-pill i {
  background: var(--gb-gsap-lime);
  border-radius: 999px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 10px #c4f750e6;
}

.gb-hero-actions, .gb-public-info-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
  display: flex;
}

.gb-gsap-button {
  min-height: 50px;
  transition: transform .22s var(--gb-gsap-ease-out),
    box-shadow .22s var(--gb-gsap-ease-out),
    border-color .22s var(--gb-gsap-ease-out);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.gb-gsap-button:hover {
  transform: translateY(-2px);
}

.gb-gsap-button-primary {
  background: var(--gb-gsap-lime);
  color: var(--gb-gsap-lime-ink);
  padding: 0 28px;
  box-shadow: 0 0 0 1px #15171d0a, 0 14px 30px #c4f75057;
}

.gb-gsap-button-secondary {
  border: 1px solid var(--gb-gsap-line);
  background: var(--gb-gsap-surface);
  color: var(--gb-gsap-ink);
  padding: 0 24px;
}

.gb-landing-hero .gb-hero-actions {
  justify-content: center;
  margin-top: 38px;
}

.gb-landing-hero .gb-gsap-button {
  border-radius: 14px;
  min-height: 52px;
}

.gb-hero-note {
  color: var(--gb-gsap-muted-soft);
  font-family: var(--font-mono);
  letter-spacing: .01em;
  margin: clamp(24px, 3vw, 32px) 0 0;
  font-size: 13px;
}

.gb-hero-status-card {
  border: 1px solid var(--gb-gsap-line);
  background: var(--gb-gsap-surface);
  border-radius: 26px;
  padding: 27px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px #14161c0a, 0 26px 60px #14161c1a;
}

.gb-hero-status-card:before {
  content: "";
  background: radial-gradient(circle, #c4f75047, #0000 70%);
  border-radius: 999px;
  width: 180px;
  height: 180px;
  position: absolute;
  inset: -60px -80px auto auto;
}

.gb-hero-status-card > * {
  position: relative;
}

.gb-card-topline, .gb-status-headline, .gb-status-list div {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.gb-card-topline > span {
  color: var(--gb-ink-4, #9da2ab);
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.gb-card-topline strong {
  background: var(--gb-protected-bg, #e6f3ec);
  color: var(--gb-protected, #177856);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 6px 11px;
  font-size: 13px;
  display: inline-flex;
}

.gb-card-topline i {
  background: var(--gb-protected-dot, #20a372);
  border-radius: 999px;
  width: 7px;
  height: 7px;
}

.gb-status-headline {
  justify-content: flex-start;
  margin-top: 18px;
}

.gb-status-headline span {
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
}

.gb-status-headline small {
  color: var(--gb-gsap-muted-soft);
  font-size: 14px;
}

.gb-status-rail {
  background: linear-gradient(90deg,
      var(--gb-gsap-lime),
      #a8e63e,
      var(--gb-gsap-lime))
    0 0 / 200% 100%;
  border-radius: 999px;
  height: 5px;
  margin: 20px 0;
  animation: 4s linear infinite gbline;
}

.gb-status-list {
  gap: 0;
  margin: 0;
  display: grid;
}

.gb-status-list div {
  border-bottom: 1px solid var(--gb-line-2, #eeebe2);
  padding: 13px 0;
}

.gb-status-list div:last-child {
  border-bottom: 0;
}

.gb-status-list dt {
  color: var(--gb-gsap-ink);
  font-weight: 750;
}

.gb-status-list dd {
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 13px;
}

.gb-hero-status-card p {
  background: var(--gb-surface-sunken, #f7f6f1);
  color: var(--gb-gsap-muted-soft);
  border-radius: 14px;
  margin: 16px 0 0;
  padding: 14px 15px;
  font-size: 13px;
  line-height: 1.5;
}

.gb-custom-copy p, .gb-public-info-hero p {
  color: var(--gb-gsap-muted);
  line-height: 1.6;
}

.gb-custom-copy h2, .gb-public-info-hero h1 {
  letter-spacing: 0;
  text-wrap: balance;
  margin: 14px 0 0;
  font-size: clamp(30px, 3.35vw, 44px);
  font-weight: 800;
  line-height: 1.08;
}

.gb-custom-copy {
  padding: 0;
}

.gb-custom-tags {
  max-width: 52ch;
  color: var(--gb-gsap-muted);
  font-family: var(--font-mono);
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 26px;
  font-size: 13px;
  display: flex;
}

.gb-custom-tags span {
  white-space: nowrap;
  position: relative;
}

.gb-custom-tags span + span:before {
  content: "·";
  color: var(--gb-lime-text, #56701a);
  position: absolute;
  left: -13px;
}

.gb-custom-ledger {
  border-left: 1px solid var(--gb-gsap-line);
  align-content: center;
  padding-left: clamp(26px, 3.5vw, 52px);
  display: grid;
}

.gb-custom-input, .gb-custom-row {
  border-bottom: 1px solid var(--gb-line-2, #eeebe2);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 2px;
  display: flex;
}

.gb-custom-input {
  color: var(--gb-ink-4, #9da2ab);
  font-family: var(--font-mono);
  border-bottom-color: #15171d73;
  font-size: 14px;
}

.gb-custom-input strong {
  background: var(--gb-gsap-lime);
  color: var(--gb-gsap-lime-ink);
  font-family: var(--font-body);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
}

.gb-custom-row code {
  color: var(--gb-gsap-ink);
  font-family: var(--font-mono);
  font-size: 14px;
}

.gb-custom-row span {
  color: var(--gb-protected, #177856);
  font-family: var(--font-mono);
  letter-spacing: .02em;
  font-size: 12px;
  font-weight: 600;
}

.gb-price-card {
  background: var(--gb-gsap-dark);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 26px 60px #14161c29;
}

.gb-price-top {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 28px 13px;
  display: flex;
}

.gb-price-top span {
  color: var(--gb-gsap-lime);
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.gb-price-top strong {
  color: #f4f4f09e;
  font-size: 12px;
}

.gb-price {
  font-size: 58px;
  font-weight: 800;
  line-height: 1;
}

.gb-price-note {
  color: var(--gb-gsap-muted-soft);
  margin-left: 8px;
}

.gb-gsap-footer {
  --gb-footer-frame: var(--gb-gsap-canvas-2);
  --gb-footer-card: #fbfaf4;
  --gb-footer-ink: var(--gb-gsap-ink);
  --gb-footer-muted: var(--gb-gsap-muted);
  --gb-footer-orange: var(--gb-gsap-orange);
  z-index: 60;
  background: var(--gb-footer-frame);
  margin-top: 88px;
  padding: 18px;
  position: relative;
}

.gb-footer-frame {
  background: var(--gb-footer-frame);
  border-radius: 34px;
  padding: clamp(10px, 2vw, 22px);
}

.gb-footer-card {
  background: var(--gb-footer-card);
  border-radius: 26px;
  flex-direction: column;
  min-height: min(78vh, 760px);
  padding: clamp(34px, 5vw, 62px) clamp(28px, 6vw, 70px) 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gb-footer-grid {
  z-index: 3;
  grid-template-columns: 1fr 1fr minmax(230px, .9fr);
  gap: clamp(28px, 5vw, 64px);
  display: grid;
  position: relative;
}

.gb-footer-column {
  flex-direction: column;
  gap: 13px;
  display: flex;
}

.gb-footer-column h3 {
  color: var(--gb-gsap-muted);
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 600;
}

.gb-footer-link, .gb-footer-legal a {
  width: fit-content;
  color: var(--gb-footer-ink);
  font-size: clamp(20px, 2vw, 29px);
  font-weight: 650;
  text-decoration: none;
  position: relative;
}

.gb-footer-link:after, .gb-footer-legal a:after {
  content: "";
  transform-origin: 0;
  background: currentColor;
  height: 1px;
  transition: transform .35s cubic-bezier(.65, 0, .35, 1);
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.gb-footer-link:hover:after, .gb-footer-link:focus-visible:after, .gb-footer-legal a:hover:after, .gb-footer-legal a:focus-visible:after {
  transform: scaleX(1);
}

.gb-footer-action {
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
  display: flex;
}

.gb-footer-cta {
  --gb-footer-cta-accent-opacity: 0;
  --gb-footer-cta-accent-scale: .7;
  --gb-footer-cta-accent-x: -.35rem;
  background: var(--gb-gsap-lime);
  min-height: 56px;
  color: var(--gb-gsap-lime-ink);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 34px;
  font-size: 18px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.gb-footer-cta:after {
  content: "";
  background: var(--gb-footer-orange);
  width: 8px;
  height: 8px;
  opacity: var(--gb-footer-cta-accent-opacity);
  transform: translateX(var(--gb-footer-cta-accent-x))
    scale(var(--gb-footer-cta-accent-scale));
  border-radius: 999px;
  margin-left: 11px;
}

.gb-footer-socials {
  flex-flow: row;
  align-items: center;
  gap: 10px;
  display: flex;
}

.gb-footer-social {
  width: 48px;
  height: 48px;
  color: var(--gb-footer-orange);
  transition: transform .22s var(--gb-gsap-ease-out);
  background: #fff0e8;
  border-radius: 999px;
  place-items: center;
  font-weight: 800;
  text-decoration: none;
  display: grid;
}

.gb-footer-social:hover {
  transform: translateY(-3px);
}

.gb-footer-action p {
  max-width: 260px;
  color: var(--gb-footer-muted);
  text-align: right;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.gb-footer-base {
  z-index: 4;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(16px, 2.8vw, 36px);
  margin-top: auto;
  padding-top: clamp(36px, 6vw, 78px);
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.gb-footer-wordmark {
  z-index: 1;
  min-width: 0;
  color: var(--gb-footer-orange);
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 0 auto;
  margin: 0;
  font-size: clamp(46px, 9.6vw, 132px);
  font-weight: 800;
  line-height: .82;
  position: relative;
}

.gb-footer-wordmark span {
  color: #a8c84a;
}

.gb-footer-legal {
  text-align: right;
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 8px;
  padding-bottom: 4px;
  display: flex;
}

.gb-footer-legal a, .gb-footer-legal span {
  color: var(--gb-footer-ink);
  font-size: 14px;
}

.gb-footer-legal a {
  font-weight: 600;
}

.gb-footer-legal span {
  color: var(--gb-footer-muted);
  line-height: 1.45;
}

.gb-public-chrome-page {
  min-height: 100vh;
}

.gb-public-page-main {
  width: min(100% - 48px, 920px);
  margin: 0 auto;
  padding: 124px 0 18px;
}

.gb-public-page-main.gb-public-page-main--full {
  width: 100%;
  margin-inline: 0;
}

.gb-public-info-hero {
  border: 1px solid var(--gb-gsap-line);
  background: var(--gb-gsap-surface);
  border-radius: 24px;
  min-height: auto;
  padding: clamp(28px, 4.4vw, 46px);
  box-shadow: 0 1px 3px #14161c0a, 0 14px 36px #14161c0d;
}

.gb-public-info-hero h1 {
  max-width: 720px;
  font-size: clamp(30px, 4.2vw, 46px);
  line-height: 1.04;
}

.gb-public-info-hero p {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.58;
}

.gb-public-beta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 26px;
  display: grid;
}

.gb-public-info-hero .gb-form-stack label {
  font-size: 13px;
}

.gb-public-info-hero input {
  min-height: 48px;
  font-size: 15px;
}

.gb-public-info-footnote {
  background: var(--gb-gsap-field);
  border-radius: 14px;
  margin-top: 22px;
  padding: 13px 15px;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.gb-auth-page {
  place-items: center;
  min-height: calc(100vh - 210px);
  padding: 20px 0 70px;
  display: grid;
}

.gb-auth-card {
  border: 1px solid var(--gb-gsap-line);
  background: var(--gb-gsap-surface);
  border-radius: 24px;
  width: min(100%, 430px);
  padding: 34px;
  box-shadow: 0 1px 3px #14161c0a, 0 18px 44px #14161c12;
}

.gb-auth-mark {
  background: var(--gb-gsap-ink);
  border-radius: 15px;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 22px;
  display: grid;
}

.gb-auth-mark span {
  background: var(--gb-gsap-lime);
  border-radius: 999px 999px 5px 5px;
  width: 13px;
  height: 18px;
}

.gb-auth-card h1 {
  color: var(--gb-gsap-ink);
  letter-spacing: 0;
  margin: 8px 0 10px;
  font-size: 31px;
  line-height: 1.06;
}

.gb-auth-card p {
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.gb-google-auth {
  width: 100%;
}

.gb-google-button {
  color: #1f1f1f;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 48px;
  margin-top: 24px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 600;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: inline-flex;
  box-shadow: 0 1px 2px #3c40431a;
}

.gb-google-button:hover {
  border-color: #c4c7c5;
  transform: translateY(-1px);
  box-shadow: 0 2px 5px #3c404329;
}

.gb-google-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #c4f7504d, 0 2px 5px #3c404329;
}

.gb-google-button:disabled {
  cursor: wait;
  opacity: .7;
  transform: none;
}

.gb-auth-error {
  color: #b23b2c !important;
  margin-top: 12px !important;
  font-size: 13px !important;
}

.gb-auth-divider {
  background: var(--gb-gsap-line);
  height: 1px;
  margin: 24px 0 18px;
}

.gb-auth-note {
  font-size: 13px !important;
}

.gb-public-form {
  border: 1px solid var(--gb-gsap-line);
  text-align: left;
  background: #ffffffbd;
  border-radius: 20px;
  gap: 18px;
  margin: 30px 0 0;
  padding: 22px;
  display: grid;
  box-shadow: 0 14px 42px #1e231812;
}

.gb-public-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.gb-public-form label, .gb-public-form-checks {
  color: var(--gb-gsap-muted);
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.gb-public-form input, .gb-public-form select, .gb-public-form textarea {
  width: 100%;
  min-height: 44px;
  color: var(--gb-gsap-ink);
  border: 1px solid var(--gb-gsap-line);
  font: inherit;
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 600;
}

.gb-public-form textarea {
  resize: vertical;
  min-height: 104px;
}

.gb-public-form input:focus-visible, .gb-public-form select:focus-visible, .gb-public-form textarea:focus-visible {
  border-color: #667b2c5c;
  outline: 3px solid #c6ff5c57;
}

.gb-public-form-checks {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}

.gb-public-form-checks legend {
  color: var(--gb-gsap-ink);
  grid-column: 1 / -1;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 800;
}

.gb-public-form-checks label, .gb-public-form-consent {
  color: var(--gb-gsap-ink);
  align-items: flex-start;
  gap: 9px;
  font-weight: 650;
  display: flex;
}

.gb-public-form input[type="checkbox"] {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  accent-color: var(--gb-gsap-lime);
  margin-top: 1px;
}

@keyframes gbline {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@media (max-width: 1060px) {
  .gb-gsap-nav {
    grid-template-columns: 1fr auto;
  }

  .gb-gsap-nav-center {
    display: none;
  }

  .gb-custom-ledger {
    border-top: 1px solid var(--gb-gsap-line);
    border-left: 0;
    padding-top: clamp(20px, 4vw, 32px);
    padding-left: 0;
  }

  .gb-public-form-grid, .gb-public-form-checks, .gb-public-beta-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gb-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gb-footer-action {
    align-items: flex-start;
  }

  .gb-footer-action p {
    text-align: left;
  }

  .gb-footer-base {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .gb-footer-legal {
    text-align: left;
    align-self: flex-start;
    align-items: flex-start;
    margin: 0;
  }
}

@media (max-width: 720px) {
  .gb-gsap-nav {
    inset: calc(env(safe-area-inset-top) + 12px) 14px auto;
  }

  .gb-gsap-logo {
    max-width: calc(100vw - 140px);
    font-size: 17px;
  }

  .gb-gsap-logo svg {
    width: 26px;
    height: 26px;
  }

  .gb-gsap-nav-cta, .gb-gsap-nav-signin {
    display: none;
  }

  .gb-gsap-menu {
    padding: calc(env(safe-area-inset-top) + 72px) 14px
      calc(env(safe-area-inset-bottom) + 14px);
  }

  .gb-gsap-menu-panel-main {
    min-height: min(54vh, 420px);
    padding: 28px;
  }

  .gb-landing-main {
    padding-top: 92px;
  }

  .gb-landing-hero, .gb-public-page-main {
    width: min(100% - 28px, 1140px);
  }

  .gb-public-page-main {
    padding-top: 98px;
  }

  .gb-public-info-hero {
    border-radius: 22px;
    padding: 24px;
  }

  .gb-public-info-hero h1 {
    font-size: clamp(28px, 9vw, 40px);
  }

  .gb-landing-hero {
    min-height: auto;
    padding-top: 34px;
  }

  .gb-public-form-grid, .gb-public-form-checks, .gb-public-beta-grid, .gb-footer-grid {
    grid-template-columns: 1fr;
  }

  .gb-footer-card {
    min-height: auto;
  }

  .gb-footer-wordmark {
    white-space: normal;
    font-size: clamp(28px, 9.4vw, 84px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gb-gsap-page *, .gb-gsap-page :before, .gb-gsap-page :after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* [project]/apps/web/app/components/public-site/landing-scroll.css [app-client] (css) */
.gb-act {
  position: relative;
}

.gb-act > * {
  z-index: 1;
  position: relative;
}

.gb-act-open {
  background: var(--gb-gsap-canvas);
  padding-bottom: clamp(40px, 7vw, 110px);
}

.gb-act-engine {
  background: var(--gb-gsap-dark);
  color: var(--gb-on-dark, #f4f4f0);
  padding-top: 0;
  padding-bottom: clamp(40px, 6vw, 80px);
}

.gb-act-invite {
  background: linear-gradient(180deg,
    var(--gb-gsap-canvas-2) 0%,
    var(--gb-gsap-canvas) 26%);
  padding: clamp(36px, 6vw, 90px) 0 clamp(24px, 4vw, 60px);
}

.gb-act-orb {
  z-index: 0;
  pointer-events: none;
  filter: blur(46px);
  border-radius: 999px;
  position: absolute;
}

.gb-act-orb-a {
  aspect-ratio: 1;
  background: radial-gradient(circle, #c4f75033, #0000 70%);
  width: clamp(220px, 30vw, 460px);
  top: 4%;
  right: 1%;
}

.gb-act-orb-b {
  aspect-ratio: 1;
  background: radial-gradient(circle, #c4f75026, #0000 68%);
  width: clamp(260px, 36vw, 560px);
  top: 9%;
  left: 0;
}

.gb-act-orb-c {
  aspect-ratio: 1;
  background: radial-gradient(circle, #17785629, #0000 70%);
  width: clamp(240px, 34vw, 540px);
  bottom: 12%;
  right: 0;
}

.gb-landing-hero, .gb-spine, .gb-custom, .gb-worksafe, .gb-how, .gb-covered, .gb-pricing, .gb-getaccess {
  z-index: 1;
  width: min(100% - 40px, 1140px);
  margin-inline: auto;
  position: relative;
}

.gb-spine {
  padding: clamp(48px, 8vw, 104px) 0 clamp(20px, 3vw, 40px);
}

.gb-spine-lede {
  letter-spacing: -.025em;
  text-wrap: balance;
  max-width: 16ch;
  margin: 0 0 clamp(28px, 4vw, 52px);
  font-size: clamp(28px, 4vw, 50px);
  font-weight: 800;
  line-height: 1.02;
}

.gb-spine-list {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 4vw, 54px);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-spine-item {
  border-top: 2px solid var(--gb-gsap-ink);
  padding-top: 20px;
}

.gb-spine-item:first-child {
  border-top-color: var(--gb-gsap-lime);
}

.gb-spine-item h3 {
  letter-spacing: -.01em;
  margin: 0 0 11px;
  font-size: clamp(18px, 1.7vw, 23px);
  font-weight: 750;
  line-height: 1.18;
}

.gb-spine-item p {
  color: var(--gb-gsap-muted);
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.gb-custom {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(32px, 5vw, 72px);
  padding: clamp(24px, 4vw, 56px) 0 clamp(8px, 2vw, 24px);
  display: grid;
}

.gb-custom-caret {
  vertical-align: -2px;
  background: var(--gb-gsap-ink);
  opacity: 0;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  display: inline-block;
}

.gb-worksafe {
  padding-top: clamp(96px, 12vw, 172px);
  padding-bottom: clamp(20px, 4vw, 48px);
}

.gb-worksafe-head {
  grid-template-columns: minmax(0, .92fr) minmax(380px, .82fr);
  align-items: end;
  gap: clamp(32px, 6vw, 80px);
  display: grid;
}

.gb-worksafe-head h2 {
  letter-spacing: -.01em;
  text-wrap: balance;
  max-width: 14ch;
  margin: 0;
  font-size: clamp(30px, 3.6vw, 46px);
  font-weight: 800;
  line-height: 1.08;
}

.gb-worksafe-head p {
  max-width: 660px;
  color: var(--gb-on-dark-2);
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
}

.gb-worksafe-ledger {
  border-top: 1px solid #f4f4f029;
  border-bottom: 1px solid #f4f4f01a;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(36px, 6vw, 82px);
  margin-top: clamp(44px, 6vw, 72px);
  display: grid;
}

.gb-worksafe h3 {
  color: #f4f4f094;
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  padding: 18px 0;
  font-size: 12px;
  font-weight: 600;
}

.gb-worksafe-rows {
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-worksafe-rows--network {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(24px, 4vw, 56px);
}

.gb-worksafe-row {
  color: #f4f4f0d6;
  border-top: 1px solid #f4f4f01a;
  min-height: 46px;
}

.gb-worksafe-row span {
  font-family: var(--font-mono);
  padding: 13px 0 14px;
  font-size: 13px;
  line-height: 1.45;
  display: block;
}

.gb-worksafe-row--sentence span {
  color: #f4f4f0e0;
  font-size: 15px;
  font-family: var(--font-body);
  line-height: 1.55;
}

.gb-worksafe-limit {
  max-width: 760px;
  color: var(--gb-on-dark-2);
  border-top: 1px solid #f4f4f024;
  margin: clamp(30px, 4.5vw, 48px) 0 0;
  padding-top: clamp(20px, 3vw, 28px);
  font-size: 15px;
  line-height: 1.6;
}

.gb-how {
  padding: clamp(48px, 7vw, 96px) 0;
}

.gb-how-head {
  max-width: 720px;
  margin-bottom: clamp(34px, 5vw, 58px);
}

.gb-how-head h2 {
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 800;
  line-height: 1.1;
}

.gb-timeline-wrap {
  position: relative;
}

.gb-timeline {
  gap: clamp(22px, 3vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-timeline-rail {
  transform-origin: top;
  background: #f4f4f02e;
  width: 2px;
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 25px;
}

.gb-timeline-step {
  grid-template-columns: 52px 1fr;
  align-items: start;
  gap: 22px;
  display: grid;
  position: relative;
}

.gb-timeline-node {
  z-index: 1;
  border-radius: var(--radius-lg);
  background: var(--gb-gsap-dark-2);
  width: 52px;
  height: 52px;
  color: var(--gb-gsap-lime);
  font-family: var(--font-mono);
  box-shadow: 0 0 0 6px var(--gb-gsap-dark);
  place-items: center;
  font-size: 18px;
  font-weight: 800;
  display: grid;
  position: relative;
}

.gb-timeline-step:first-child .gb-timeline-node {
  background: var(--gb-gsap-lime);
  color: var(--gb-gsap-lime-ink);
}

.gb-timeline-body {
  padding-top: 6px;
}

.gb-timeline-body h3 {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 750;
}

.gb-timeline-body p {
  color: #f4f4f0bd;
  max-width: 62ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.gb-covered {
  padding-top: clamp(20px, 4vw, 48px);
}

.gb-covered-head {
  max-width: 820px;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.gb-covered-head h2 {
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 800;
  line-height: 1.1;
}

.gb-covered-head p {
  color: #f4f4f0d1;
  max-width: 760px;
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.6;
}

.gb-matrix {
  border-top: 1px solid #f4f4f024;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-matrix-row {
  border-bottom: 1px solid #f4f4f01f;
  grid-template-columns: minmax(110px, .7fr) auto minmax(0, 2fr);
  align-items: center;
  gap: 14px 26px;
  padding: 20px 0;
  display: grid;
}

.gb-matrix-name {
  color: var(--gb-on-dark, #f4f4f0);
  font-size: 18px;
  font-weight: 750;
}

.gb-matrix-state {
  font-family: var(--font-mono);
  letter-spacing: .04em;
  white-space: nowrap;
  border-radius: 999px;
  justify-self: start;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
}

.gb-matrix-state-in {
  color: var(--gb-gsap-lime);
  background: #c4f75029;
}

.gb-matrix-detail {
  color: #f4f4f0b8;
  font-size: 14px;
  line-height: 1.5;
}

.gb-pricing {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  align-items: center;
  gap: clamp(36px, 5vw, 64px);
  padding: clamp(36px, 6vw, 84px) 0;
  display: grid;
}

.gb-pricing-head h2 {
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 800;
  line-height: 1.1;
}

.gb-pricing-head p {
  max-width: 56ch;
  color: var(--gb-gsap-muted);
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.6;
}

.gb-price-card {
  border: 1px solid var(--gb-gsap-line);
  border-radius: var(--radius-2xl);
  background: var(--gb-gsap-surface);
  padding: clamp(22px, 3vw, 30px);
  overflow: hidden;
  box-shadow: 0 2px 6px #14161c0a, 0 22px 50px #14161c14;
}

.gb-price-top {
  border-bottom: 1px solid var(--gb-gsap-line);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0 0 16px;
  display: flex;
}

.gb-price-top span {
  color: var(--gb-lime-text, #5e7a18);
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.gb-price-top strong {
  color: var(--gb-gsap-muted-soft);
  font-size: 12px;
}

.gb-price-figure {
  align-items: baseline;
  gap: 10px;
  margin: 22px 0 18px;
  display: flex;
}

.gb-price {
  color: var(--gb-gsap-ink);
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
}

.gb-price-note {
  color: var(--gb-gsap-muted-soft);
}

.gb-price-card ul {
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-price-card li {
  color: var(--gb-gsap-muted);
  align-items: baseline;
  display: flex;
}

.gb-price-card li:before {
  content: "";
  background: var(--gb-gsap-lime);
  border-radius: 999px;
  flex: none;
  width: 7px;
  height: 7px;
  margin-right: 11px;
  display: inline-block;
}

.gb-getaccess {
  padding: clamp(40px, 6vw, 92px) 0 clamp(28px, 4vw, 60px);
}

.gb-getaccess-inner {
  border: 1px solid var(--gb-gsap-line);
  border-radius: var(--radius-2xl);
  background: var(--gb-gsap-surface);
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 74px) clamp(28px, 5vw, 56px);
  box-shadow: 0 1px 3px #14161c0a, 0 18px 44px #14161c0f;
}

.gb-getaccess-inner h2 {
  letter-spacing: -.015em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(30px, 3.6vw, 48px);
  font-weight: 800;
  line-height: 1.05;
}

.gb-getaccess-inner p {
  max-width: 52ch;
  color: var(--gb-gsap-muted);
  margin: 18px auto 0;
  font-size: 17px;
  line-height: 1.6;
}

.gb-getaccess-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: clamp(26px, 3vw, 36px);
  display: flex;
}

@media (max-width: 1060px) {
  .gb-spine-list {
    grid-template-columns: 1fr;
    gap: clamp(22px, 4vw, 34px);
  }

  .gb-custom, .gb-pricing, .gb-worksafe-head, .gb-worksafe-ledger {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .gb-spine, .gb-custom, .gb-worksafe, .gb-how, .gb-covered, .gb-pricing, .gb-getaccess {
    width: min(100% - 28px, 1140px);
  }

  .gb-act-engine {
    padding-top: 0;
    padding-bottom: clamp(32px, 8vw, 64px);
  }

  .gb-worksafe {
    padding-top: clamp(72px, 18vw, 112px);
  }

  .gb-worksafe-rows--network {
    grid-template-columns: 1fr;
  }

  .gb-matrix-row {
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
  }

  .gb-matrix-detail {
    grid-column: 1 / -1;
  }

  .gb-timeline-step {
    grid-template-columns: 44px 1fr;
    gap: 16px;
  }

  .gb-timeline-node {
    border-radius: var(--radius-input);
    width: 44px;
    height: 44px;
    font-size: 16px;
  }

  .gb-timeline-rail {
    left: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gb-act-orb {
    will-change: auto;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1kq81a4._.css.map*/