@font-face {
  font-family: InterFallback;
  src: local('Arial');
  font-display: swap
}
* {
  box-sizing: border-box
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 105px
}
body {
  margin: 0;
  font-family: Inter,InterFallback,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background: var(--brand-paper);
  color: var(--brand-night);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased
}
a {
  color: inherit;
  text-decoration: none
}
button,input,select,textarea {
  font: inherit
}
button,a,input,select,textarea {
  touch-action: manipulation
}
button,a {
  -webkit-tap-highlight-color: transparent
}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline: 3px solid #398167;
  outline-offset: 5px
}
h1,h2,h3,p {
  margin-top: 0
}
h1,h2,h3 {
  line-height: 1.1;
  letter-spacing: -.045em;
  font-weight: 650
}
h1 {
  font-size: clamp(55px,5.4vw,84px);
  margin-bottom: 28px
}
h2 {
  font-size: clamp(35px,3.4vw,51px);
  margin-bottom: 22px
}
h3 {
  font-size: 22px;
  letter-spacing: -.025em
}
p {
  color: var(--brand-muted)
}
.wrap {
  max-width: 1264px;
  margin-inline: auto;
  padding-inline: 36px
}
.eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--brand-green);
  margin-bottom: 21px;
  line-height: 1.5
}
.site-header {
  max-width: 1440px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 44px;
  gap: 24px
}
.wordmark {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 25px;
  font-weight: 750;
  letter-spacing: -1.3px;
  white-space: nowrap
}
.wordmark img {
  border-radius: 12px
}
.site-header nav {
  display: flex;
  align-items: center;
  gap: 27px;
  font-size: 12px;
  font-weight: 550
}
.site-header nav>a:not(.button):hover,.quiet-link:hover {
  color: var(--brand-green)
}
.login {
  margin-left: 12px
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 15px 20px;
  font-weight: 650;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
  transition: transform .15s,background .15s
}
.button:hover {
  transform: translateY(-2px)
}
.button.dark {
  background: var(--brand-night);
  color: white
}
.button.dark:hover {
  background: #263b52
}
.button.mint {
  background: var(--brand-mint);
  color: var(--brand-night)
}
.button.outline {
  border-color: #cbd5d9;
  background: transparent;
  color: var(--brand-night)
}
.button.small {
  padding: 12px 15px;
  font-size: 12px
}
.quiet-link {
  font-size: 13px;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  gap: 24px
}
.mobile-menu {
  display: none
}
.hero {
  display: grid;
  grid-template-columns: .94fr 1.16fr;
  gap: 55px;
  align-items: center;
  padding-block: 74px 96px
}
.hero-copy {
  padding-top: 12px
}
.hero-summary {
  font-size: 17px;
  max-width: 430px;
  line-height: 1.8;
  margin-bottom: 28px
}
.heading-mark {
  display: inline-block;
  font-size: .7em;
  color: var(--brand-green);
  margin-left: 5px;
  font-weight: 400
}
.hero-actions {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap
}
.pilot-note {
  font-size: 11px;
  margin-top: 22px
}
.live-dot {
  display: inline-block;
  background: #4b9576;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle
}
.product-stage {
  background: #e4eeea;
  border: 1px solid #dbe7e2;
  border-radius: 18px;
  position: relative;
  padding: 24px 22px 37px;
  transform: rotate(-1deg)
}
.stage-caption,.visual-meta {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  letter-spacing: .14em;
  font-weight: 650;
  color: #4c6555;
  margin-bottom: 23px;
  gap: 10px
}
.mock-window {
  background: #fff;
  border: 1px solid #d7e0dc;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 18px 36px #1c3c2910;
  transform: rotate(1deg)
}
.mock-top {
  height: 33px;
  border-bottom: 1px solid #e5e8e7;
  background: #fcfdfd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  font-size: 8px;
  color: #52645b
}
.window-dots {
  display: flex;
  gap: 4px
}
.window-dots i {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #cbd3cf
}
.demo-tag {
  font-size: 7px;
  border: 1px solid #e2e7e4;
  padding: 2px 5px;
  border-radius: 3px
}
.mock-app {
  display: grid;
  grid-template-columns: 100px 1fr;
  min-height: 345px
}
.mock-app aside {
  background: var(--brand-night);
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 16px 9px;
  gap: 11px;
  font-size: 7px
}
.mock-app aside img {
  margin-bottom: -9px
}
.mock-app aside strong {
  font-size: 11px;
  padding-left: 5px;
  margin-bottom: 10px
}
.mock-app aside span {
  padding: 4px 5px;
  color: #c6d4df
}
.mock-app aside span.selected {
  background: #2c4456;
  border-radius: 4px;
  color: #fff
}
.mock-app aside small {
  margin-top: auto;
  color: #b7c5ce;
  font-size: 7px;
  padding-left: 5px
}
.mock-content {
  padding: 20px 17px
}
.mock-breadcrumb {
  font-size: 6px;
  letter-spacing: .12em;
  color: #526575;
  display: flex;
  gap: 8px
}
.mock-content h2 {
  font-size: 20px;
  margin: 9px 0 16px
}
.mock-steps {
  display: flex;
  gap: 6px;
  font-size: 6px;
  margin-bottom: 17px
}
.mock-steps b {
  font-weight: 500;
  color: #53685d;
  background: #f3f6f5;
  border: 1px solid #e4ebe7;
  padding: 5px 6px;
  border-radius: 3px;
  flex: 1;
  white-space: nowrap
}
.mock-steps .current {
  color: white;
  background: var(--brand-green);
  border-color: var(--brand-green)
}
.mock-room {
  border: 1px solid #e2e9e5;
  border-radius: 7px;
  overflow: hidden
}
.room-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px;
  background: white
}
.room-title strong {
  font-size: 10px;
  display: block
}
.room-title small {
  font-size: 6px;
  color: #52665a;
  display: block
}
.room-icon {
  border-radius: 5px;
  background: #f0f5f2;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 20px
}
.tiny-pill {
  margin-left: auto;
  font-size: 6px;
  color: #41755f;
  border: 1px solid #d8e9de;
  padding: 3px 6px;
  border-radius: 8px
}
.room-scene {
  height: 133px;
  overflow: hidden;
  background: #e7e2d6;
  position: relative;
  box-shadow: inset 0 -10px 30px #aa9a7820
}
.wall-panel {
  position: absolute;
  right: 0;
  height: 100%;
  width: 21%;
  background: #d2cbbb;
  clip-path: polygon(0 0,100% 0,100% 100%,0 85%)
}
.scene-window {
  position: absolute;
  left: 13%;
  top: 12%;
  height: 79px;
  width: 67px;
  border: 5px solid #f7f5ee;
  background: linear-gradient(125deg,#c9d7d4,#ecf1ed);
  box-shadow: 0 2px 6px #544b4220
}
.scene-window:before,.scene-window:after {
  content: '';
  position: absolute;
  background: #f7f5ee
}
.scene-window:before {
  width: 3px;
  height: 100%;
  left: 50%
}
.scene-window:after {
  height: 3px;
  width: 100%;
  top: 50%
}
.scene-bed {
  position: absolute;
  bottom: -12px;
  width: 130px;
  height: 52px;
  left: 37%;
  background: #e9e9e4;
  border-radius: 6px;
  transform: skew(-15deg);
  border-top: 13px solid #c7c2b3;
  box-shadow: 0 6px 20px #827c6730
}
.scene-bed i {
  position: absolute;
  left: 15px;
  top: -10px;
  background: #f2f1e9;
  width: 33px;
  height: 15px;
  border-radius: 4px
}
.indoor-product {
  position: absolute;
  right: 14%;
  top: 12%;
  width: 102px;
  height: 26px;
  background: linear-gradient(#fff,#f9f9f7 73%,#dddcd5 75%,#ebebe6);
  border: 1px solid #e0dfd9;
  border-radius: 4px;
  box-shadow: 0 6px 9px #514a3a22
}
.indoor-product i {
  position: absolute;
  width: 3px;
  height: 2px;
  background: #8da48c;
  right: 10px;
  bottom: 7px
}
.position-label {
  position: absolute;
  font-size: 6px;
  right: 12%;
  top: 43%;
  background: #fff;
  padding: 3px 7px;
  border-radius: 3px;
  box-shadow: 0 2px 6px #46463d10
}
.mock-measurements {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  padding: 10px;
  background: white
}
.mock-measurements div {
  padding-left: 8px;
  border-left: 1px solid #dce6e0
}
.mock-measurements span {
  display: block;
  font-size: 6px;
  color: #53665c
}
.mock-measurements strong {
  font-size: 12px;
  font-weight: 600
}
.mock-measurements small {
  font-size: 8px;
  font-weight: 400;
  color: #52665a
}
.mock-bottom {
  font-size: 6px;
  margin-top: 13px;
  display: flex;
  justify-content: space-between;
  color: #5c7b6a
}
.mock-bottom .live-dot {
  height: 4px;
  width: 4px;
  margin-right: 3px
}
.floating-note {
  position: absolute;
  bottom: 8px;
  left: -28px;
  transform: rotate(1deg);
  display: flex;
  gap: 11px;
  align-items: center;
  background: white;
  padding: 13px 18px;
  box-shadow: 0 8px 24px #173D480a;
  border: 1px solid #e0e9e4;
  border-radius: 10px
}
.check-icon {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #e3f3e9;
  color: #37785a;
  text-align: center;
  line-height: 27px
}
.floating-note strong {
  font-size: 11px;
  display: block
}
.floating-note div>span {
  font-size: 9px;
  color: #52665a;
  display: block
}
.principles {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-top: 29px;
  padding-bottom: 29px;
  border-top: 1px solid #dce4e1;
  border-bottom: 1px solid #dce4e1;
  font-size: 11px
}
.principles p {
  margin: 0;
  font-weight: 650;
  color: var(--brand-night)
}
.principles>span {
  color: #667b70
}
.section {
  padding-block: 105px
}
.section-heading {
  max-width: 640px;
  margin-bottom: 47px
}
.section-heading>p:last-child {
  max-width: 560px;
  font-size: 15px
}
.workflow {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 35px
}
.workflow article {
  padding-right: 22px;
  border-right: 1px solid #dce4e1
}
.workflow article:last-child {
  border: 0;
  padding-right: 0
}
.step-label {
  display: flex;
  justify-content: space-between;
  color: #52665a;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 35px
}
.step-label i {
  font-size: 22px;
  font-style: normal;
  color: #17634e
}
.workflow h3 {
  font-size: 23px;
  margin-bottom: 17px
}
.workflow p {
  font-size: 13px;
  line-height: 1.85;
  min-height: 96px
}
.flow-example {
  min-height: 72px;
  border: 1px solid #e0e7e3;
  background: #fff;
  border-radius: 9px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px
}
.flow-example strong {
  display: block;
  font-size: 10px;
  font-weight: 650
}
.flow-example small {
  display: block;
  font-size: 8px;
  color: #52665a
}
.flow-example>b {
  margin-left: auto;
  color: #4c6555
}
.avatar,.pdf-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  border-radius: 7px;
  background: #e9f1ed;
  color: #476f5b;
  font-size: 9px;
  font-weight: 600
}
.pdf-icon {
  font-size: 7px
}
.flow-measure {
  justify-content: space-between
}
.flow-measure span {
  font-size: 11px;
  color: #52665a
}
.flow-measure strong {
  font-size: 18px
}
.flow-measure b {
  font-size: 12px;
  color: #527e66;
  margin-left: 7px
}
.example-label {
  font-size: 10px;
  color: #52665a;
  margin: 22px 0 0
}
.product-section {
  background: #eaf0ed;
  padding: 86px 0
}
.product-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 94px
}
.quote-visual {
  padding: 23px 33px 0;
  border-radius: 14px;
  background: #dbe6df;
  border: 1px solid #d1dfd7;
  overflow: hidden
}
.visual-meta {
  font-size: 7px;
  margin-bottom: 28px
}
.quote-sheet {
  background: white;
  border: 1px solid #dce5e0;
  border-radius: 5px;
  padding: 28px 26px;
  box-shadow: 0 5px 30px #31503d0a;
  transform: rotate(-2deg);
  margin-bottom: 18px
}
.quote-company {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 19px;
  border-bottom: 1px solid #dfe7e2
}
.company-square {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  background: #254d3b;
  color: #e3eee6;
  font-size: 10px;
  border-radius: 4px
}
.quote-company strong {
  font-size: 11px;
  display: block
}
.quote-company div>span {
  font-size: 6px;
  color: #4c6555;
  display: block
}
.quote-company>small {
  font-size: 6px;
  line-height: 1.6;
  text-align: right;
  margin-left: auto;
  color: #4c6555;
  letter-spacing: 1px
}
.quote-title {
  padding: 29px 0 23px
}
.quote-title>span {
  font-size: 6px;
  letter-spacing: .16em;
  color: #4c6555
}
.quote-title h3 {
  font-size: 30px;
  font-weight: 550;
  line-height: 1.14;
  margin: 9px 0 14px;
  color: #254d3b
}
.quote-title p {
  font-size: 9px;
  max-width: 240px;
  margin: 0
}
.quote-equipment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border-block: 1px solid #e6ece8;
  padding: 22px 0
}
.quote-equipment>div {
  background: #f4f7f4;
  padding: 18px 10px 8px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column
}
.quote-equipment span {
  font-size: 7px;
  color: #4c6555
}
.mini-indoor {
  width: 110px;
  height: 30px;
  background: linear-gradient(#fff,#f9f9f9 75%,#d4d7d5 76%,#fff);
  border: 1px solid #dfe2df;
  border-radius: 5px;
  box-shadow: 0 4px 6px #657d6815
}
.mini-outdoor {
  height: 50px;
  width: 80px;
  background: #f4f4f1;
  border: 1px solid #cfd3cf;
  position: relative;
  box-shadow: 2px 3px 0 #c9ceca
}
.mini-outdoor i {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 35px;
  height: 35px;
  border: 3px solid #afb8b1;
  border-radius: 100%;
  background: repeating-radial-gradient(#a1ada5 0 1px,#c1c9c2 2px 3px)
}
.mini-outdoor b {
  position: absolute;
  right: 6px;
  top: 10px;
  height: 24px;
  width: 15px;
  background: repeating-linear-gradient(#c8cec8 0 1px,#f0f0eb 2px 4px)
}
.quote-lines {
  display: grid;
  gap: 6px;
  margin: 19px 0
}
.quote-lines span {
  height: 3px;
  background: #edf2ee;
  border-radius: 3px
}
.quote-lines span:last-child {
  width: 65%
}
.quote-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #dce4df;
  padding-top: 14px;
  gap: 8px
}
.quote-footer span {
  font-size: 6px;
  letter-spacing: .12em;
  color: #52665a
}
.quote-footer strong {
  font-size: 8px;
  font-weight: 500
}
.visual-footnote {
  display: block;
  font-size: 8px;
  text-align: center;
  color: #4c6555;
  padding: 8px 0 20px
}
.product-copy h2 {
  margin-bottom: 35px
}
.feature-detail {
  display: flex;
  gap: 17px;
  padding: 20px 0;
  border-top: 1px solid #d2dfd6
}
.feature-detail>span {
  font-size: 10px;
  color: #4c6555;
  padding-top: 3px
}
.feature-detail h3 {
  font-size: 19px;
  margin-bottom: 9px
}
.feature-detail p {
  font-size: 13px;
  margin: 0;
  line-height: 1.85
}
.product-copy>.quiet-link {
  margin-top: 20px
}
.section-heading.compact {
  max-width: 700px
}
.workspace-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 36px
}
.workspace-grid h3 {
  font-size: 17px;
  letter-spacing: -.025em;
  margin: 19px 0 14px
}
.workspace-grid p {
  font-size: 13px;
  line-height: 1.85
}
.line-icon {
  display: inline-grid;
  place-items: center;
  background: #e7eee9;
  border: 1px solid #dae6de;
  width: 39px;
  height: 39px;
  border-radius: 9px;
  font-size: 21px;
  color: #4c7660
}
.development-note {
  display: grid;
  grid-template-columns: 1fr 2.3fr;
  gap: 40px;
  border-block: 1px solid #dce4df;
  margin-top: 40px;
  padding: 25px 0
}
.development-note strong {
  font-size: 13px
}
.development-note p {
  font-size: 11px;
  margin: 0;
  line-height: 1.85
}
.story-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px
}
.story-section h2 {
  max-width: 460px
}
.story-copy p {
  font-size: 14px;
  line-height: 1.9
}
.story-copy .story-lead {
  font-size: 23px;
  letter-spacing: -.02em;
  line-height: 1.5;
  color: var(--brand-night)
}
.story-copy .quiet-link {
  margin-top: 10px
}
.faq-section {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 80px;
  padding-bottom: 100px
}
.faq-list details {
  padding: 20px 0;
  border-top: 1px solid #d8e2dc
}
.faq-list details:last-child {
  border-bottom: 1px solid #d8e2dc
}
.faq-list summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center
}
.faq-list summary::-webkit-details-marker {
  display: none
}
.faq-list summary:after {
  content: '+';
  font-weight: 400;
  font-size: 20px;
  color: #638071
}
.faq-list details[open] summary:after {
  content: '−'
}
.faq-list p {
  font-size: 13px;
  margin: 15px 30px 4px 0;
  line-height: 1.85
}
.site-footer {
  padding-block: 42px;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 30px
}
.site-footer .wordmark {
  font-size: 22px
}
.site-footer p {
  font-size: 11px;
  margin: 10px 0 0
}
.site-footer>div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 22px;
  font-size: 11px;
  flex-wrap: wrap
}
.site-footer>small {
  grid-column: 1/-1;
  color: #52665a;
  font-size: 9px;
  border-top: 1px solid #dfe6e2;
  padding-top: 20px
}
.skip-link {
  position: fixed;
  top: -100px;
  left: 20px;
  background: #fff;
  padding: 12px;
  z-index: 10
}
.skip-link:focus {
  top: 10px
}
.privacy {
  max-width: 800px;
  padding-block: 80px
}
.privacy h1 {
  font-size: 52px
}
.privacy h2 {
  font-size: 26px;
  margin-top: 40px
}
.privacy p {
  font-size: 15px
}
.privacy a:not(.button) {
  text-decoration: underline
}
.privacy .button {
  margin-top: 30px
}
@media(min-width:1450px) {
  .hero {
    padding-block: 90px 110px
  }
  .product-stage {
    transform: rotate(-1deg) scale(1.02)
  }
}
@media(max-width:1100px) {
  .site-header {
    padding-inline: 28px
  }
  .site-header nav {
    gap: 18px;
    font-size: 11px
  }
  .site-header .login {
    margin-left: 0
  }
  .hero {
    gap: 32px;
    padding-block: 55px 75px
  }
  .hero h1 {
    font-size: 60px
  }
  .hero-summary {
    font-size: 15px
  }
  .hero-actions {
    gap: 18px
  }
  .mock-app {
    grid-template-columns: 80px 1fr
  }
  .mock-app aside {
    font-size: 6px
  }
  .mock-content {
    padding: 17px 12px
  }
  .mock-steps {
    gap: 3px
  }
  .mock-steps b {
    font-size: 5px;
    padding: 4px
  }
  .room-title {
    padding: 10px 8px;
    gap: 6px
  }
  .room-title strong {
    font-size: 9px
  }
  .room-title small {
    font-size: 5px
  }
  .scene-window {
    left: 9%
  }
  .indoor-product {
    right: 8%;
    width: 88px
  }
  .product-grid {
    gap: 60px
  }
  .quote-visual {
    padding-inline: 22px
  }
  .quote-sheet {
    padding: 22px
  }
  .principles {
    font-size: 10px;
    gap: 15px
  }
  .workflow {
    gap: 25px
  }
  .workspace-grid {
    gap: 22px
  }
}
@media(max-width:850px) {
  .site-header {
    position: relative;
    z-index: 3;
    padding: 20px 24px
  }
  .mobile-menu {
    display: flex;
    background: transparent;
    border: 1px solid #cedbd3;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 12px;
    gap: 12px;
    align-items: center
  }
  .site-header nav {
    display: none;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 76px;
    background: white;
    box-shadow: 0 12px 24px #173D4815;
    padding: 22px;
    border: 1px solid #dce5df;
    border-radius: 12px;
    align-items: stretch;
    flex-direction: column;
    font-size: 14px;
    gap: 18px
  }
  .site-header nav.open {
    display: flex
  }
  .wrap {
    padding-inline: 28px
  }
  .hero {
    grid-template-columns: 1fr;
    gap: 50px;
    padding-block: 45px 65px
  }
  .hero-copy {
    max-width: 600px
  }
  .hero h1 {
    font-size: 76px
  }
  .hero-summary {
    font-size: 17px;
    max-width: 500px
  }
  .product-stage {
    max-width: 600px;
    width: 100%;
    justify-self: center;
    transform: none
  }
  .mock-window {
    transform: none
  }
  .mock-app {
    grid-template-columns: 110px 1fr
  }
  .mock-app aside {
    font-size: 8px;
    padding-inline: 13px
  }
  .mock-content {
    padding: 22px
  }
  .mock-content h2 {
    font-size: 23px
  }
  .mock-steps b {
    font-size: 7px;
    padding: 7px
  }
  .room-title strong {
    font-size: 11px
  }
  .room-title small {
    font-size: 7px
  }
  .room-title {
    padding: 13px
  }
  .room-scene {
    height: 180px
  }
  .scene-window {
    height: 103px;
    width: 90px
  }
  .scene-bed {
    width: 180px;
    height: 67px
  }
  .indoor-product {
    width: 128px;
    height: 32px;
    right: 13%
  }
  .position-label {
    top: 37%;
    right: 14%
  }
  .mock-breadcrumb {
    font-size: 7px
  }
  .mock-measurements strong {
    font-size: 15px
  }
  .mock-bottom {
    font-size: 8px
  }
  .floating-note {
    left: 10px;
    bottom: 10px;
    transform: none
  }
  .principles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    font-size: 11px
  }
  .section {
    padding-block: 75px
  }
  .workflow {
    gap: 25px
  }
  .workflow article {
    padding-right: 15px
  }
  .workflow h3 {
    font-size: 20px
  }
  .workflow p {
    font-size: 12px;
    min-height: 112px
  }
  .flow-example {
    padding: 10px;
    gap: 7px
  }
  .flow-example small {
    font-size: 7px
  }
  .flow-example strong {
    font-size: 9px
  }
  .product-grid {
    gap: 35px
  }
  .product-copy h2 {
    font-size: 35px
  }
  .quote-visual {
    padding: 20px 17px 0
  }
  .quote-sheet {
    padding: 18px 16px
  }
  .quote-title h3 {
    font-size: 25px
  }
  .quote-company>small {
    font-size: 5px
  }
  .quote-company strong {
    font-size: 9px
  }
  .quote-equipment {
    gap: 7px
  }
  .mini-indoor {
    width: 84px;
    height: 25px
  }
  .quote-footer {
    align-items: flex-start;
    flex-direction: column
  }
  .workspace-grid {
    grid-template-columns: 1fr 1fr;
    gap: 25px 40px
  }
  .story-section {
    gap: 45px
  }
  .faq-section {
    gap: 40px
  }
  .site-footer>div:nth-child(2) {
    gap: 15px;
    font-size: 10px
  }
}
@media(max-width:600px) {
  .wrap {
    padding-inline: 22px
  }
  .site-header {
    padding: 17px 22px
  }
  .wordmark {
    font-size: 24px
  }
  .hero {
    padding-block: 35px 57px;
    gap: 40px
  }
  .hero h1 {
    font-size: 62px
  }
  .hero .eyebrow {
    font-size: 8px;
    letter-spacing: .12em
  }
  .hero-summary {
    font-size: 15px
  }
  .hero-actions {
    gap: 19px
  }
  .hero-actions .button {
    font-size: 12px;
    gap: 17px
  }
  .hero-actions .quiet-link {
    font-size: 11px;
    gap: 12px
  }
  .pilot-note {
    font-size: 9px
  }
  .product-stage {
    padding: 18px 11px 33px;
    border-radius: 12px
  }
  .stage-caption {
    font-size: 6px;
    margin-bottom: 14px
  }
  .mock-app {
    grid-template-columns: 68px 1fr;
    min-height: 310px
  }
  .mock-app aside {
    font-size: 5px;
    padding: 13px 5px;
    gap: 9px
  }
  .mock-app aside strong {
    font-size: 8px
  }
  .mock-app aside img {
    width: 23px;
    height: 23px
  }
  .mock-app aside small {
    font-size: 5px
  }
  .mock-content {
    padding: 15px 11px
  }
  .mock-breadcrumb {
    font-size: 5px;
    gap: 5px
  }
  .mock-content h2 {
    font-size: 17px;
    margin-top: 9px
  }
  .mock-steps {
    margin-bottom: 13px
  }
  .mock-steps b {
    font-size: 5px;
    padding: 5px 3px
  }
  .room-title {
    padding: 9px 7px;
    gap: 5px
  }
  .room-title strong {
    font-size: 8px
  }
  .room-title small {
    font-size: 5px
  }
  .room-icon {
    width: 20px;
    height: 20px;
    font-size: 16px
  }
  .tiny-pill {
    font-size: 5px;
    padding: 2px 3px
  }
  .room-scene {
    height: 116px
  }
  .scene-window {
    width: 48px;
    height: 68px;
    left: 10%;
    border-width: 4px
  }
  .indoor-product {
    width: 71px;
    height: 21px;
    right: 11%
  }
  .scene-bed {
    width: 100px;
    height: 42px;
    border-top-width: 10px
  }
  .scene-bed i {
    width: 25px;
    height: 13px;
    top: -8px
  }
  .position-label {
    font-size: 4px;
    right: 6%;
    top: 39%;
    padding: 3px 5px
  }
  .mock-measurements {
    padding: 7px;
    gap: 5px
  }
  .mock-measurements strong {
    font-size: 11px
  }
  .mock-measurements span {
    font-size: 5px
  }
  .mock-bottom {
    font-size: 5px
  }
  .floating-note {
    padding: 9px 12px;
    bottom: 4px;
    gap: 8px
  }
  .floating-note strong {
    font-size: 9px
  }
  .floating-note div>span {
    font-size: 7px
  }
  .check-icon {
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px
  }
  .mock-top {
    font-size: 6px;
    padding-inline: 9px;
    height: 27px
  }
  .demo-tag {
    font-size: 5px
  }
  .principles {
    font-size: 9px;
    gap: 13px;
    padding-block: 23px
  }
  .principles p {
    grid-column: 1/-1;
    font-size: 11px
  }
  .principles span:last-child {
    grid-column: 1/-1
  }
  .section {
    padding-block: 58px
  }
  .section-heading {
    margin-bottom: 28px
  }
  .section-heading>p:last-child {
    font-size: 14px
  }
  .section-heading h2 {
    font-size: 36px
  }
  .eyebrow {
    font-size: 9px
  }
  .workflow {
    grid-template-columns: 1fr;
    gap: 30px
  }
  .workflow article {
    border-right: 0;
    border-bottom: 1px solid #dce4e1;
    padding: 0 0 30px
  }
  .workflow article:last-child {
    padding-bottom: 0
  }
  .step-label {
    margin-bottom: 16px
  }
  .workflow h3 {
    font-size: 23px
  }
  .workflow p {
    min-height: 0;
    font-size: 14px
  }
  .flow-example {
    max-width: none;
    padding: 15px
  }
  .flow-example strong {
    font-size: 11px
  }
  .flow-example small {
    font-size: 9px
  }
  .flow-measure strong {
    font-size: 19px
  }
  .example-label {
    font-size: 9px
  }
  .product-section {
    padding: 48px 0
  }
  .product-grid {
    grid-template-columns: 1fr;
    gap: 45px
  }
  .quote-visual {
    max-width: 380px;
    width: 100%;
    margin: auto;
    padding: 22px 26px 0
  }
  .quote-sheet {
    padding: 26px 22px
  }
  .quote-company strong {
    font-size: 11px
  }
  .quote-company>small {
    font-size: 6px
  }
  .quote-title h3 {
    font-size: 29px
  }
  .quote-equipment span {
    font-size: 7px
  }
  .quote-footer {
    flex-direction: row;
    align-items: center
  }
  .mini-indoor {
    width: 100px;
    height: 27px
  }
  .product-copy h2 {
    font-size: 38px
  }
  .feature-detail p {
    font-size: 14px
  }
  .workspace-grid {
    gap: 23px
  }
  .workspace-grid h3 {
    font-size: 17px;
    line-height: 1.25
  }
  .workspace-grid p {
    font-size: 12px
  }
  .development-note {
    grid-template-columns: 1fr;
    gap: 10px
  }
  .development-note p {
    font-size: 11px
  }
  .story-section {
    grid-template-columns: 1fr;
    gap: 12px
  }
  .story-section h2 {
    max-width: 350px
  }
  .faq-section {
    grid-template-columns: 1fr;
    gap: 15px;
    padding-bottom: 60px
  }
  .faq-section h2 br {
    display: none
  }
  .faq-list summary {
    font-size: 13px
  }
  .site-footer {
    grid-template-columns: 1fr;
    gap: 22px
  }
  .site-footer>div:nth-child(2) {
    justify-content: flex-start;
    gap: 18px;
    font-size: 11px
  }
  .privacy {
    padding-top: 45px
  }
  .privacy h1 {
    font-size: 42px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto
  }
  .button {
    transition: none
  }
  .button:hover {
    transform: none
  }
}
/* A broader business platform, grounded in the same identity as the app. */
body {
  background: #fff
}
.site-header {
  max-width: 1440px;
  padding-block: 22px;
  border-bottom: 1px solid #edf0f2
}
.site-header nav {
  gap: 22px
}
.wordmark {
  letter-spacing: -1px
}
.hero {
  padding-block: 84px 90px;
  gap: 50px;
  grid-template-columns: 1.02fr 1.12fr
}
.hero h1 {
  font-size: clamp(49px,5vw,74px);
  line-height: 1.08;
  letter-spacing: -3.7px;
  max-width: 560px
}
.hero-highlight {
  color: var(--brand-green)
}
.hero-summary {
  font-size: 16px;
  line-height: 1.85;
  max-width: 480px
}
.hero-copy>.eyebrow {
  font-size: 10px;
  letter-spacing: .13em
}
.hero .button {
  padding: 17px 23px
}
.product-stage {
  transform: none;
  border-radius: 20px;
  background: #edf4f0;
  padding: 25px 22px 35px;
  box-shadow: none
}
.floating-note {
  transform: none;
  box-shadow: 0 12px 28px #173D4810
}
.principles {
  border-top: 1px solid var(--brand-line);
  border-bottom: 1px solid var(--brand-line);
  padding-block: 26px
}
.outcomes {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  padding-block: 52px 15px
}
.outcomes article {
  padding: 12px 32px;
  border-right: 1px solid var(--brand-line)
}
.outcomes article:first-child {
  padding-left: 0
}
.outcomes article:last-child {
  padding-right: 0;
  border: 0
}
.outcomes .eyebrow {
  font-size: 9px;
  margin-bottom: 14px
}
.outcomes h2 {
  font-size: 27px;
  line-height: 1.23;
  letter-spacing: -.9px;
  margin-bottom: 15px
}
.outcomes p:last-child {
  font-size: 13px;
  line-height: 1.85;
  margin-bottom: 0
}
.workflow {
  gap: 24px
}
.workflow article {
  background: #f7faf8;
  border: 1px solid #e1eae5;
  border-radius: 14px;
  padding: 27px
}
.workflow article:last-child {
  border: 1px solid #e1eae5
}
.workflow h3 {
  line-height: 1.25
}
.workflow p {
  font-size: 13px;
  line-height: 1.8;
  min-height: 96px
}
.step-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--brand-green);
  margin-bottom: 24px
}
.product-section {
  background: #f2f6f4
}
.workspace-grid article {
  border: 1px solid var(--brand-line);
  border-radius: 12px;
  padding: 24px
}
.workspace-grid {
  gap: 18px
}
.workspace-grid h3 {
  font-size: 18px;
  line-height: 1.3
}
.workspace-grid p {
  font-size: 13px;
  line-height: 1.8
}
.aftercare-section {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 90px;
  padding-block: 30px 100px;
  align-items: center
}
.aftercare-copy>p {
  font-size: 15px;
  line-height: 1.85
}
.aftercare-copy h2 {
  font-size: 46px;
  line-height: 1.13
}
.aftercare-copy ul {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 12px;
  font-size: 13px;
  color: #405b4e;
  margin: 25px 0 28px
}
.aftercare-copy li {
  padding-left: 17px;
  border-left: 3px solid var(--brand-mint)
}
.aftercare-copy .aftercare-note {
  font-size: 11px;
  max-width: 410px;
  margin-top: 20px;
  color: var(--brand-muted)
}
.aftercare-preview {
  border: 1px solid #d5e8dd;
  border-radius: 20px;
  background: #eff7f2;
  padding: 33px 36px;
  box-shadow: 0 16px 45px #173D4806
}
.aftercare-preview-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  font-size: 9px;
  letter-spacing: .1em;
  color: #577367;
  border-bottom: 1px solid #d0e0d7;
  padding-bottom: 22px;
  margin-bottom: 26px
}
.aftercare-preview .tiny-pill {
  font-size: 10px;
  background: #fff;
  padding: 5px 10px;
  letter-spacing: 0
}
.aftercare-preview h3 {
  font-size: 35px;
  line-height: 1.15;
  letter-spacing: -1.5px;
  margin-bottom: 12px
}
.aftercare-preview>p {
  font-size: 12px
}
.care-price {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin: 22px 0 0
}
.care-price strong {
  font-size: 62px;
  line-height: 1.2;
  letter-spacing: -3px;
  font-weight: 650;
  color: var(--brand-green)
}
.care-price span {
  font-size: 13px;
  color: var(--brand-muted)
}
.aftercare-preview .care-price-note {
  font-size: 10px;
  margin-top: 3px
}
.aftercare-preview dl {
  margin: 24px 0
}
.aftercare-preview dl>div {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 12px 0;
  border-bottom: 1px solid #d6e4db;
  font-size: 11px
}
.aftercare-preview dt {
  color: #4f6558
}
.aftercare-preview dd {
  margin: 0;
  text-align: right;
  font-weight: 600
}
.care-foot {
  background: var(--brand-night);
  color: var(--brand-mint);
  font-size: 12px;
  padding: 14px;
  text-align: center;
  border-radius: 8px
}
.aftercare-preview>small {
  display: block;
  text-align: center;
  font-size: 9px;
  color: #52665a;
  margin-top: 15px
}
.site-footer {
  border-top: 1px solid #e3e9ec
}
@media(min-width:1500px) {
  .product-stage {
    transform: none
  }
}
@media(max-width:1100px) {
  .site-header nav {
    gap: 15px
  }
  .site-header {
    padding-inline: 24px
  }
  .hero {
    gap: 30px;
    padding-block: 60px 70px
  }
  .hero h1 {
    font-size: 57px;
    letter-spacing: -2.9px
  }
  .outcomes article {
    padding-inline: 23px
  }
  .outcomes h2 {
    font-size: 24px
  }
  .workflow article {
    padding: 22px
  }
  .workspace-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
  .aftercare-section {
    gap: 45px
  }
  .aftercare-copy h2 {
    font-size: 39px
  }
  .aftercare-preview {
    padding: 28px
  }
}
@media(max-width:850px) {
  .hero {
    grid-template-columns: 1fr;
    padding-block: 48px 70px;
    gap: 40px
  }
  .hero-copy {
    max-width: 650px
  }
  .hero h1 {
    font-size: 72px;
    max-width: 630px
  }
  .hero-summary {
    max-width: 570px;
    font-size: 17px
  }
  .product-stage {
    max-width: 650px
  }
  .outcomes h2 {
    font-size: 22px
  }
  .outcomes article {
    padding-inline: 18px
  }
  .outcomes p:last-child {
    font-size: 12px
  }
  .workflow article {
    padding: 20px 17px
  }
  .workflow p {
    min-height: 155px
  }
  .aftercare-section {
    gap: 35px
  }
  .aftercare-copy h2 {
    font-size: 35px
  }
  .aftercare-preview {
    padding: 25px
  }
  .aftercare-preview h3 {
    font-size: 31px
  }
  .aftercare-copy>p {
    font-size: 13px
  }
}
@media(max-width:600px) {
  .hero {
    padding-block: 34px 55px
  }
  .hero h1 {
    font-size: 50px;
    letter-spacing: -2.5px;
    line-height: 1.1
  }
  .hero-copy>.eyebrow {
    font-size: 8px
  }
  .hero-summary {
    font-size: 15px;
    line-height: 1.8
  }
  .hero-actions {
    gap: 16px
  }
  .product-stage {
    padding: 18px 11px 32px;
    border-radius: 14px
  }
  .principles {
    padding-block: 22px
  }
  .outcomes {
    grid-template-columns: 1fr;
    padding-block: 32px 0;
    gap: 0
  }
  .outcomes article,.outcomes article:first-child,.outcomes article:last-child {
    padding: 25px 0;
    border: 0;
    border-bottom: 1px solid #e1e9e5
  }
  .outcomes h2 {
    font-size: 27px
  }
  .outcomes h2 br {
    display: none
  }
  .outcomes p:last-child {
    font-size: 14px
  }
  .workflow {
    gap: 20px
  }
  .workflow article,.workflow article:last-child {
    padding: 25px;
    border: 1px solid #e1eae5
  }
  .workflow p {
    min-height: 0;
    font-size: 14px
  }
  .workspace-grid {
    grid-template-columns: 1fr;
    gap: 15px
  }
  .workspace-grid article {
    padding: 24px
  }
  .workspace-grid h3 {
    font-size: 21px
  }
  .workspace-grid p {
    font-size: 14px
  }
  .aftercare-section {
    grid-template-columns: 1fr;
    padding-block: 0 60px;
    gap: 25px
  }
  .aftercare-copy h2 {
    font-size: 37px
  }
  .aftercare-copy>p {
    font-size: 15px
  }
  .aftercare-preview {
    padding: 28px
  }
  .aftercare-preview dl>div {
    flex-wrap: wrap;
    gap: 6px
  }
}

/* Shared reading and interaction styles. Keep essential copy legible at every size. */
.button { min-height: 48px; font-size: 14px; }
.button.small { min-height: 44px; font-size: 13px; }
.button.mint:hover { background: #a3e4cc; }
.button.outline:hover { background: #edf4f0; border-color: var(--brand-green); }
.quiet-link { min-height: 44px; font-size: 14px; }
.eyebrow, .outcomes .eyebrow { font-size: 11px; }
.hero-copy > .eyebrow { font-size: 11px; }
.hero-summary { font-size: 18px; line-height: 1.75; }
.pilot-note { font-size: 13px; }
.principles { font-size: 13px; }
.outcomes p:last-child, .workflow p, .feature-detail p,
.workspace-grid p, .story-copy p, .faq-list p { font-size: 15px; line-height: 1.8; }
.workflow p { min-height: 0; }
.workflow article { display: flex; flex-direction: column; }
.workflow .flow-example { margin-top: auto; }
.section-heading > p:last-child { font-size: 17px; line-height: 1.75; }
.example-label, .development-note p, .aftercare-copy .aftercare-note { font-size: 13px; line-height: 1.75; }
.development-note strong { font-size: 15px; }
.aftercare-copy ul { font-size: 15px; }
.aftercare-preview > p, .care-price span, .aftercare-preview dl > div { font-size: 14px; }
.aftercare-preview .care-price-note, .aftercare-preview > small { font-size: 12px; }
.faq-list summary { min-height: 32px; font-size: 16px; line-height: 1.5; }
.site-footer p, .site-footer > div:nth-child(2) { font-size: 13px; }
.site-footer > small { font-size: 12px; }
.site-footer a:not(.wordmark) { padding-block: 8px; }
.privacy a { overflow-wrap: anywhere; }

/* Pricing: explicit foregrounds and surfaces, with no inherited dark-theme colours. */
.pricing-section {
  color: var(--brand-night);
  background: #f3f6f5;
  border-block: 1px solid #dfe7e2;
  padding: 88px 0;
}
.centered { text-align: center; max-width: 740px; margin: 0 auto 48px; }
.centered > p:last-child { margin-inline: auto; }
.pricing-section .eyebrow { color: var(--brand-green); }
.pricing-section h2 { color: var(--brand-night); }
.pricing-section .section-heading > p:last-child { color: #50616e; }
.pricing-grid {
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.price-card {
  color: var(--brand-night);
  background: #fff;
  border: 1px solid #cbd8d1;
  border-radius: 18px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-shadow: 0 6px 20px #173D4805;
}
.price-card.featured { background: #f8fcfa; border: 2px solid var(--brand-green); padding: 31px; }
.plan-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 22px; flex-wrap: wrap; }
.plan-heading h3 { color: var(--brand-night); font-size: 25px; margin: 0; letter-spacing: -.6px; }
.plan-tag { color: #40594d; background: #eef3ef; border-radius: 5px; padding: 5px 9px; font-size: 11px; line-height: 1.4; font-weight: 650; }
.featured .plan-tag { color: #fff; background: var(--brand-green); }
.price-card .plan-price { display: flex; align-items: baseline; gap: 8px; margin: 0 0 20px; color: var(--brand-night); line-height: 1.15; }
.plan-price strong { font-size: 56px; font-weight: 650; letter-spacing: -2.5px; }
.plan-price span { color: #50616e; font-size: 15px; }
.price-card .plan-description { color: #50616e; font-size: 15px; line-height: 1.7; margin: 0 0 24px; min-height: 5.1em; }
.price-card .plan-allowance { color: var(--brand-night); background: #f0f5f2; border-radius: 8px; padding: 14px 16px; margin: 0 0 10px; font-size: 14px; line-height: 1.6; }
.plan-allowance strong { color: var(--brand-green); font-size: 24px; font-weight: 700; margin-right: 5px; letter-spacing: -.5px; }
.price-card .plan-users { color: #40594d; font-size: 13px; font-weight: 600; line-height: 1.6; margin: 0 0 24px; }
.price-card ul { color: #334b40; list-style: none; padding: 23px 0 0; margin: 0 0 28px; border-top: 1px solid #dbe5df; display: grid; align-content: start; gap: 13px; font-size: 14px; line-height: 1.6; }
.price-card li { position: relative; padding-left: 25px; }
.price-card li::before { content: '✓'; position: absolute; left: 0; color: var(--brand-green); font-weight: 700; }
.price-card > .button { margin-top: auto; width: 100%; min-height: 50px; }
.price-card .button.outline { color: var(--brand-night); border-color: #8a9c92; }
.tailored-plan { max-width: 960px; margin: 24px auto 0; border: 1px solid #cbd8d1; border-radius: 14px; background: #fff; padding: 25px 30px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.tailored-plan h3 { color: var(--brand-night); font-size: 20px; line-height: 1.35; margin: 0 0 8px; }
.tailored-plan p { color: #50616e; font-size: 14px; line-height: 1.7; margin: 0; max-width: 540px; }
.tailored-plan .button { flex-shrink: 0; border-color: #8a9c92; }
.pricing-notes { max-width: 960px; margin: 24px auto 0; }
.pricing-notes p { color: #52656a; font-size: 12px; line-height: 1.8; margin: 9px 0; }

/* Early-access section: readable light copy, with a separate light form surface. */
.contact-section { color: #fff; background: var(--brand-night-deep); padding: 88px 0; }
.contact-section h2 { color: #fff; }
.contact-section .eyebrow { color: var(--brand-mint); }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 72px; }
.contact-grid > div > p:not(.eyebrow) { color: #c4d0db; font-size: 16px; line-height: 1.8; max-width: 440px; }
.contact-email { color: #fff; display: inline-flex; align-items: center; gap: 18px; border-bottom: 1px solid #869ea9; padding: 12px 0; margin-top: 12px; font-size: 15px; overflow-wrap: anywhere; }
.contact-email:hover { color: var(--brand-mint); }
.contact-section > .wrap > div a:focus-visible { outline-color: var(--brand-mint); }
.contact-grid form { color: var(--brand-night); background: #fff; border: 1px solid #dce5e0; border-radius: 18px; padding: 32px; }
.contact-grid form h3 { color: var(--brand-night); font-size: 24px; margin: 0 0 25px; }
.contact-grid label { display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.5; font-weight: 600; margin-bottom: 18px; }
.contact-grid label > span { color: #50616e; font-weight: 400; }
.contact-grid input, .contact-grid select, .contact-grid textarea { width: 100%; min-width: 0; max-width: 100%; background: #fff; color: var(--brand-night); border: 1px solid #8d9f98; border-radius: 7px; padding: 12px; font-size: 16px; line-height: 1.5; min-height: 48px; }
.contact-grid input::placeholder, .contact-grid textarea::placeholder { color: #61717e; opacity: 1; }
.contact-grid textarea { resize: vertical; }
.contact-grid input:focus, .contact-grid select:focus, .contact-grid textarea:focus { outline: 2px solid var(--brand-green); outline-offset: 2px; }
.form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-grid form > .button { width: 100%; margin-top: 4px; }
.form-note { color: #50616e; font-size: 12px; line-height: 1.75; margin: 16px 0 0; }
.form-note a { color: var(--brand-green); text-decoration: underline; text-underline-offset: 3px; }
#form-status { color: #245940; background: #e9f5ef; border: 1px solid #b6d6c5; border-radius: 7px; padding: 12px; font-size: 14px; line-height: 1.7; margin: 18px 0 0; }

@media (max-width: 1050px) {
  .site-header { position: relative; z-index: 3; padding: 20px 24px; }
  .mobile-menu { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 13px; background: #fff; color: var(--brand-night); border: 1px solid #8d9f98; border-radius: 7px; font-size: 14px; }
  .site-header nav { display: none; position: absolute; left: 20px; right: 20px; top: 80px; background: #fff; box-shadow: 0 12px 24px #173D4815; padding: 18px; border: 1px solid #dce5df; border-radius: 12px; align-items: stretch; flex-direction: column; gap: 6px; font-size: 15px; }
  .site-header nav.open { display: flex; }
  .site-header nav > a { padding: 11px 12px; min-height: 44px; }
  .site-header .login { margin-left: 0; }
  .contact-grid { gap: 40px; }
  .contact-grid form { padding: 26px; }
  .form-pair { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 850px) {
  .workflow { grid-template-columns: 1fr; gap: 20px; }
  .workflow article, .workflow article:last-child { padding: 26px; }
  .workflow .flow-example { max-width: 420px; width: 100%; }
  .workflow h3 { font-size: 24px; }
  .step-label { margin-bottom: 18px; }
  .price-card { padding: 26px; }
  .price-card.featured { padding: 25px; }
  .plan-heading { align-items: flex-start; flex-direction: column; }
  .price-card .plan-description { min-height: 6.8em; }
  .tailored-plan { padding: 25px; flex-direction: column; align-items: flex-start; gap: 20px; }
  .contact-grid { grid-template-columns: 1fr; gap: 36px; max-width: 720px; }
  .contact-grid > div > p:not(.eyebrow) { max-width: 600px; }
  .form-pair { grid-template-columns: 1fr 1fr; gap: 16px; }
}
@media (max-width: 600px) {
  .hero h1 { font-size: clamp(40px, 11vw, 50px); }
  .hero-copy > .eyebrow { font-size: 10px; }
  .hero-summary { font-size: 16px; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 8px; }
  .hero-actions .button, .hero-actions .quiet-link { font-size: 14px; justify-content: center; min-height: 48px; }
  .pilot-note { font-size: 12px; }
  .principles { font-size: 12px; }
  .principles p { font-size: 13px; }
  .outcomes p:last-child, .workflow p, .feature-detail p, .workspace-grid p { font-size: 15px; }
  .pricing-section, .contact-section { padding: 60px 0; }
  .centered { text-align: left; margin-bottom: 30px; }
  .centered h2 { font-size: 35px; }
  .centered p br { display: none; }
  .pricing-grid { grid-template-columns: 1fr; gap: 20px; }
  .plan-heading { align-items: center; flex-direction: row; }
  .price-card .plan-description { min-height: 0; }
  .plan-price strong { font-size: 50px; }
  .tailored-plan { padding: 25px; margin-top: 20px; }
  .tailored-plan .button { width: 100%; }
  .contact-grid h2 { font-size: 40px; }
  .contact-grid form { padding: 24px; }
  .form-pair { grid-template-columns: 1fr; gap: 0; }
  .contact-email { font-size: 14px; gap: 10px; }
  .site-footer > div:nth-child(2) { font-size: 13px; gap: 10px 20px; }
}

/* Tailored commercial workflow */
.commercial-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.commercial-features article{background:#fff;border:1px solid #dfe5e8;border-radius:16px;padding:28px}.commercial-features article>span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#17634e}.commercial-features h3{font-size:23px;line-height:1.25;margin:18px 0 14px;color:#173D48}.commercial-features p{line-height:1.65;color:#52616d}.commercial-footer{display:flex;align-items:center;gap:28px;margin-top:28px}.commercial-footer p{font-size:13px;line-height:1.6;color:#52616d;max-width:580px}.tailored-plan ul{padding-left:20px;margin:16px 0 0;color:#52616d;font-size:14px;line-height:1.8}.commercial-section{scroll-margin-top:80px}@media(max-width:800px){.commercial-features{grid-template-columns:1fr}.commercial-footer{align-items:flex-start;flex-direction:column;gap:14px}.commercial-features article{padding:24px}}

/* Product tour, shared packages and help: the same identity across the public site. */
[hidden]{display:none!important}
#navigation a[aria-current=page]{color:#17634e;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.subpage-hero{padding-top:84px;padding-bottom:56px}
.subpage-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-2.6px;margin:20px 0 24px;font-weight:600;max-width:970px}
.subpage-hero .hero-summary{font-size:17px;line-height:1.75;max-width:660px;color:#526473}
.tour-pilot-note{font-size:12px;line-height:1.65;color:#61717e;margin:20px 0 0}
.tour-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}
.tour-hero .hero-actions{margin-top:26px}
.tour-hero h1{font-size:clamp(42px,4.7vw,68px)}
.tour-demo{background:#f2f7f5;border:1px solid #d8e4df;border-radius:20px;padding:20px;box-shadow:0 24px 60px #173D480b;transform:rotate(1deg);min-width:0}
.demo-window-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#526473;padding:0 4px 18px;gap:12px}
.demo-window-bar>span:first-child{font-size:15px;font-weight:750;color:#173D48}
.demo-switch{display:flex;background:#e4ece8;border-radius:9px;padding:4px;gap:4px;margin-bottom:16px}
.demo-switch button{flex:1;cursor:pointer;min-height:38px;border:0;background:transparent;border-radius:6px;color:#40545e;font-family:inherit;font-weight:550;font-size:12px}
.demo-switch button[aria-pressed=true]{background:#fff;color:#17634e;box-shadow:0 1px 3px #173D4816}
.demo-stage{background:#fff;border:1px solid #dfe5e8;border-radius:12px;padding:24px;min-height:320px}
.demo-kicker{font-size:9px;letter-spacing:.12em;font-weight:750;color:#17634e}
.demo-stage h2{font-size:28px;letter-spacing:-.8px;margin:12px 0 8px;line-height:1.2}
.demo-stage p{font-size:12px;color:#526473;line-height:1.7}
.demo-stage dl{margin:20px 0}.demo-stage dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e9eeec;padding:11px 0;font-size:11px;line-height:1.5}.demo-stage dt{color:#61717e;flex-shrink:0}.demo-stage dd{margin:0;color:#173D48;font-weight:550;text-align:right}
.demo-next{display:block;background:#edf7f1;color:#17634e;border-radius:7px;padding:12px;font-size:11px;font-weight:600;margin-top:20px}
.tour-demo>small{font-size:10px;color:#61717e;display:block;text-align:center;margin-top:14px}
.demo-room{height:180px;position:relative;background:#f2ede5;border:1px solid #e1ddd5;margin:15px 0;border-radius:8px;overflow:hidden}
.demo-room:after{content:"";position:absolute;top:0;left:58%;height:100%;width:1px;background:#cfc9be}
.demo-wall-unit{position:absolute;top:28px;left:20px;width:45%;height:32px;background:#fff;border:1px solid #c9d0cc;border-radius:5px 5px 9px 9px;box-shadow:0 4px 4px #394d5220}
.demo-wall-unit:after{content:"";position:absolute;bottom:5px;left:8px;right:8px;height:3px;border-radius:3px;background:#a6b4b5}
.demo-trunking{position:absolute;left:52%;top:43px;width:24%;height:70px;border-right:7px solid #fff;border-top:7px solid #fff;filter:drop-shadow(1px 1px 1px #7e8a88)}
.demo-condenser{position:absolute;right:20px;bottom:22px;width:88px;height:56px;background:#fafbf9;border:1px solid #aebbb6;border-radius:3px;box-shadow:2px 4px 0 #c3cbc7}
.demo-condenser span{position:absolute;left:8px;top:7px;width:40px;height:40px;border:6px double #85928d;border-radius:50%;background:repeating-conic-gradient(#a9b5af 0deg 25deg,#d7ddd9 25deg 50deg)}
.demo-wall-label{position:absolute;left:12px;bottom:12px;font-size:9px;color:#5c625a}
.demo-proposal{padding:18px;border:1px solid #dfe5e8;margin-top:22px;border-top:4px solid #17634e}.demo-proposal>span{display:block;font-size:9px;letter-spacing:.08em;color:#17634e;margin-bottom:14px}.demo-proposal strong{font-size:14px}.demo-proposal p{margin-top:14px;line-height:2}
.tour-chapters{display:flex;gap:0;border-top:1px solid #dfe5e8;border-bottom:1px solid #dfe5e8;overflow-x:auto;scrollbar-width:thin;padding-top:14px;padding-bottom:14px}
.tour-chapters a{font-size:12px;font-weight:550;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 14px;color:#40545e;text-decoration:none}.tour-chapters a:first-child{padding-left:0}.tour-chapters a:hover{color:#17634e}.tour-chapters span{font-size:10px;color:#17634e}
.tour-chapter{display:grid;grid-template-columns:.9fr 1.15fr;gap:100px;padding:72px 0;border-bottom:1px solid #dfe5e8;scroll-margin-top:100px}
.chapter-number{font-size:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #b4ccc0;border-radius:50%;color:#17634e;margin-bottom:26px}
.chapter-intro h2{font-size:clamp(29px,3vw,43px);letter-spacing:-1.1px;line-height:1.15;margin:16px 0 20px}.chapter-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#526473;margin-bottom:22px}
.chapter-features article{margin:0 0 26px;padding:0 0 24px;border-bottom:1px solid #e9eeeb}.chapter-features article:last-of-type{margin-bottom:18px}.chapter-features h3{font-size:17px;line-height:1.4;margin:0 0 8px;letter-spacing:-.2px}.chapter-features article p{font-size:14px;line-height:1.8;color:#526473;margin:0}.chapter-note{font-size:12px;line-height:1.7;padding:13px 16px;background:#f0f5f2;border-radius:7px;color:#466354}
.availability{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;line-height:1.5;padding:5px 8px;border-radius:5px}.availability.pilot{background:#e4f3eb;color:#17634e}.availability.setup{background:#fbf2df;color:#785211}.availability.planned{background:#eef1f4;color:#526473}.connection-directory .availability{margin-bottom:12px}
.tour-outcome{background:#173D48;padding:72px 0;margin-top:0}.tour-outcome h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1.4px;color:#fff;max-width:720px;margin:16px 0 22px}.tour-outcome p{max-width:640px;color:#c0cdd7;font-size:16px;line-height:1.8}.tour-outcome .eyebrow{color:#A8E5D1;font-size:11px}.tour-outcome .button{margin-top:26px}
.tour-pricing .quiet-link{display:inline-block;margin-top:20px}.pricing-comparison-link{text-align:center;margin:28px 0 0}
.pricing-hero{text-align:center;padding-bottom:32px}.pricing-hero h1,.pricing-hero .hero-summary{margin-left:auto;margin-right:auto}.public-billing-cycle{margin:28px auto 0;display:inline-flex;border:1px solid #d4dfda;border-radius:10px;padding:4px;background:#edf3ef;gap:4px}.public-billing-cycle button{border:0;border-radius:7px;padding:12px 18px;color:#40545e;background:transparent;font-weight:650;font-family:inherit;cursor:pointer;font-size:13px}.public-billing-cycle button[aria-pressed=true]{background:#173D48;color:#fff}.public-billing-cycle button:focus-visible,.demo-switch button:focus-visible{outline:2px solid #17634e;outline-offset:3px}
.all-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;padding-top:18px}.all-plan-cards .price-card{display:flex;flex-direction:column;padding:26px;min-width:0}.all-plan-cards .plan-heading{flex-direction:column;align-items:flex-start;gap:10px}.all-plan-cards .plan-heading h2{font-size:23px;line-height:1.3;margin:0}.all-plan-cards .plan-price{margin-bottom:6px;gap:8px;flex-wrap:wrap}.all-plan-cards .plan-price strong{font-size:44px;letter-spacing:-1.8px}.all-plan-cards .tailored-card .plan-price strong{font-size:38px}.all-plan-cards .plan-price>span{font-size:12px}.annual-equivalent{display:block}.billing-caption{font-size:11px;color:#61717e;margin:0 0 24px}.all-plan-cards .plan-description{min-height:100px;line-height:1.8;font-size:13px}.all-plan-cards .plan-allowance{font-size:13px}.all-plan-cards .plan-users{font-size:12px;line-height:1.6;min-height:38px}.all-plan-cards ul{flex:1;font-size:12px}.all-plan-cards .button{font-size:12px;text-align:center;justify-content:center;padding:13px 12px}.plan-detail-link{font-size:11px;text-align:center;color:#526473;margin-top:15px;text-underline-offset:3px}.pricing-fineprint{padding-top:26px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:28px}.pricing-fineprint p{font-size:11px;color:#61717e;line-height:1.8;margin:0}
.public-comparison-scroll{overflow-x:auto;border:1px solid #dfe5e8;border-radius:12px}.public-comparison{border-collapse:collapse;width:100%;min-width:650px;font-size:13px;text-align:left;background:#fff}.public-comparison caption{text-align:left;padding:16px;font-size:12px;color:#526473;background:#f7faf8}.public-comparison th,.public-comparison td{padding:16px 20px;border-bottom:1px solid #e5ece8;vertical-align:top;line-height:1.6}.public-comparison th:first-child{width:46%}.public-comparison thead th{background:#173D48;color:#fff;font-size:14px}.public-comparison thead th:not(:first-child),.public-comparison td{text-align:center}.public-comparison td{white-space:nowrap}.public-comparison .comparison-group th{background:#edf5f0;color:#17634e;font-size:11px;font-weight:750;letter-spacing:.03em}.public-comparison summary{font-weight:550;cursor:pointer}.public-comparison details p{font-weight:400;font-size:12px;color:#526473;line-height:1.75;margin:12px 0 0}.public-comparison .feature-state{font-size:12px;font-weight:550}.public-comparison .feature-state.pilot{color:#17634e}.public-comparison .feature-state.setup{color:#785211}.public-comparison .feature-state.planned,.not-included{color:#61717e}.comparison-mobile-hint{font-size:11px;color:#61717e;margin-top:14px}.comparison-section .section-heading>p{line-height:2.5}.pricing-answers{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px;padding-bottom:80px}.pricing-answers h2{font-size:34px;letter-spacing:-.8px;line-height:1.2}.compact-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px;background:#edf5f0;border:1px solid #d8e6dc;border-radius:15px;margin-bottom:80px}.compact-cta h2{font-size:28px;letter-spacing:-.7px;margin:10px 0}.compact-cta p:not(.eyebrow){font-size:14px;color:#526473;line-height:1.7}.compact-cta>.button{flex-shrink:0}
.help-hero{padding-bottom:35px}.help-search{display:flex;flex-direction:column;gap:10px;max-width:680px;margin-top:30px;font-size:12px;font-weight:650}.help-search input{border:1px solid #b7c8bf;border-radius:10px;padding:16px 18px;background:#fff;font:inherit;font-size:15px;color:#173D48;min-width:0}.help-search input:focus{outline:2px solid #17634e;outline-offset:3px}.help-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:85px;padding-bottom:80px;align-items:start}.help-layout aside{background:#edf5f0;border:1px solid #d8e6dc;padding:24px;border-radius:12px;position:sticky;top:100px}.help-layout aside h2{font-size:20px;margin:0 0 12px}.help-layout aside h3{font-size:15px;margin:30px 0 12px}.help-layout aside p{font-size:12px;line-height:1.8;color:#526473}.help-layout aside .button{margin:20px 0 0;font-size:12px;min-height:42px}.help-layout aside .quiet-link{display:inline-block;font-size:12px;margin-top:16px}.help-layout aside .tour-pilot-note{font-size:11px;margin-top:22px}.help-group{margin-bottom:36px}.help-group h2{font-size:20px;font-weight:600;margin:0 0 8px;letter-spacing:-.3px}.help-group details{border-bottom:1px solid #dfe5e8;padding:18px 0}.help-group summary{font-size:14px;font-weight:550;line-height:1.6;cursor:pointer}.help-group details p{font-size:13px;line-height:1.85;color:#526473;margin:14px 0 0}.help-group details[open] summary{color:#17634e}#help-empty{padding:30px;background:#edf5f0;border-radius:10px;color:#40545e;font-size:14px;line-height:1.7}
@media(max-width:1100px){.tour-hero{gap:36px}.tour-chapter{gap:55px}.all-plan-cards .price-card{padding:22px}.all-plan-cards .plan-description{min-height:125px}.help-layout{gap:45px;grid-template-columns:260px minmax(0,1fr)}.site-header #navigation{gap:20px}.site-header #navigation .nav-cta{font-size:12px;padding:12px 14px}}
@media(max-width:900px){.tour-hero{grid-template-columns:1fr;padding-top:50px}.tour-hero>div:first-child{max-width:650px}.tour-demo{max-width:580px;transform:none;width:100%}.tour-chapter{grid-template-columns:1fr;gap:28px;padding:50px 0}.chapter-intro{max-width:620px}.chapter-number{margin-bottom:16px}.chapter-intro h2{max-width:520px}.all-plan-cards{grid-template-columns:1fr 1fr}.tailored-card{grid-column:1/-1}.all-plan-cards .plan-description{min-height:100px}.all-plan-cards .tailored-card .plan-description{min-height:0}.all-plan-cards .tailored-card ul{columns:2}.pricing-fineprint{grid-template-columns:1fr;gap:14px}.pricing-answers{grid-template-columns:1fr;gap:25px}.help-layout{grid-template-columns:1fr;gap:30px}.help-layout aside{position:static;max-width:650px}.compact-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.subpage-hero{padding-top:40px;padding-bottom:32px}.subpage-hero h1{font-size:39px;letter-spacing:-1.5px}.subpage-hero .hero-summary{font-size:15px}.tour-hero{gap:30px}.tour-demo{padding:14px}.demo-stage{padding:18px;min-height:305px}.demo-stage h2{font-size:26px}.tour-chapters a{font-size:11px;padding:7px 11px}.tour-chapter{padding:40px 0;gap:20px}.chapter-intro h2{font-size:32px}.chapter-features h3{font-size:16px}.chapter-features article p{font-size:13px}.all-plan-cards{grid-template-columns:1fr;padding-top:0}.tailored-card{grid-column:auto}.all-plan-cards .plan-description{min-height:0}.all-plan-cards .tailored-card ul{columns:1}.all-plan-cards .plan-users{min-height:0}.public-billing-cycle button{font-size:12px;padding:11px 15px}.all-plan-cards .price-card{padding:25px}.public-comparison th,.public-comparison td{padding:14px}.compact-cta{padding:24px;margin-bottom:50px}.compact-cta h2{font-size:26px}.help-layout{padding-bottom:40px}.help-hero h1{font-size:38px}.tour-outcome{padding:50px 0}.tour-outcome p{font-size:14px}.comparison-section .section-heading>p{font-size:12px}.pricing-answers{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ACGO — petrol, mint, breathing space. */
body{color:var(--brand-ink);font-size:16px}h1,h2,h3,h4,.wordmark{font-family:Manrope,Inter,sans-serif}h1,h2,h3{color:var(--brand-night)}.wordmark{font-weight:800;letter-spacing:-.06em;gap:9px}.wordmark span{font-size:29px}.button{border-radius:8px;min-height:48px;font-weight:600}.button.mint{background:var(--brand-mint);color:var(--brand-night)}.button.dark{background:var(--brand-night);color:#fff}.site-header{background:#f8faf9f2;backdrop-filter:blur(12px)}.section{padding-top:90px;padding-bottom:90px}.section-heading h2{font-weight:700;letter-spacing:-.05em}.go-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:52px;align-items:center;padding-top:72px;padding-bottom:64px}.go-hero h1{font-size:clamp(44px,4.7vw,70px);font-weight:800;line-height:1.08;letter-spacing:-.055em;margin:20px 0 24px}.go-hero h1 span{color:#286a5b}.go-hero .hero-summary{font-size:18px;max-width:510px;color:var(--brand-muted);line-height:1.75}.go-hero .pilot-note{display:block;line-height:1.8;margin-top:26px;color:var(--brand-muted)}.go-hero .pilot-note span{display:block;font-size:12px}.go-hero-art{position:relative;isolation:isolate;align-self:stretch;min-height:510px;background:var(--brand-mist);border-radius:12px;overflow:hidden}.go-hero-art>img{width:100%;height:100%;object-fit:cover;object-position:48% center;position:absolute;inset:0}.go-hero-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#102d38bd);pointer-events:none}.go-photo-caption{position:absolute;bottom:32px;left:32px;color:white;z-index:2;display:flex;flex-direction:column}.go-photo-caption span{font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--brand-mint)}.go-photo-caption strong{font-family:Manrope,sans-serif;font-size:40px;letter-spacing:-.05em}.go-airflow{position:absolute;right:-38px;top:20px;width:210px;height:210px;z-index:2;fill:none;stroke:#A8E5D1;stroke-width:12;opacity:.75;stroke-linecap:round;pointer-events:none}.go-proof{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:27px;padding-bottom:27px;border-top:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line);font-size:12px;color:var(--brand-muted)}.go-proof strong{font-size:13px;color:var(--brand-night)}.go-proof span:before{content:'✓';margin-right:8px;color:#17634e}.go-product{display:grid;grid-template-columns:.75fr 1.5fr;gap:52px;align-items:center}.go-product .section-heading h2{font-size:42px;line-height:1.12}.go-demo{display:grid;grid-template-columns:155px 1fr;border:1px solid var(--brand-line);border-radius:12px;overflow:hidden;box-shadow:0 22px 50px #173d4809;background:white;min-height:440px}.go-demo-nav{background:var(--brand-night);color:white;padding:22px 16px;display:flex;flex-direction:column;gap:32px}.go-demo-nav .wordmark span{font-size:22px}.go-demo-nav>div{display:grid;gap:6px}.go-demo-nav button{background:none;border:0;border-radius:8px;color:#d3e5e7;text-align:left;padding:12px 9px;cursor:pointer;font-size:12px}.go-demo-nav button[aria-pressed=true]{background:var(--brand-mint);color:var(--brand-night);font-weight:600}.go-demo-nav small{margin-top:auto;font-size:10px;line-height:1.7;color:#b9d6d7}.go-demo-content{padding:28px}.go-demo-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.go-demo h3{font-size:24px;letter-spacing:-.05em;line-height:1.25;margin:5px 0}.go-demo .tiny-pill{font-size:9px;white-space:nowrap}.go-demo p{font-size:13px;color:var(--brand-muted)}.go-demo .eyebrow{font-size:9px}.go-record{display:flex;align-items:center;gap:14px;padding:22px 0;border-block:1px solid var(--brand-line);margin:18px 0}.go-record-avatar{width:44px;height:44px;border-radius:12px;background:var(--brand-mist);color:var(--brand-night);display:grid;place-items:center;font-weight:600}.go-record h4{margin:0;font-size:18px}.go-record p{margin:4px 0 0}.go-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.go-example-grid>div{background:var(--brand-paper);border-radius:8px;padding:16px}.go-example-grid small,.go-example-grid strong{display:block}.go-example-grid small{font-size:9px;letter-spacing:.06em;color:var(--brand-muted);margin-bottom:8px}.go-example-grid strong{font-size:13px}.go-proposal{padding:22px;background:var(--brand-mist);border-radius:8px}.go-proposal>span{font-size:10px;letter-spacing:.12em}.go-proposal h4{font-size:28px;line-height:1.15;margin:20px 0;letter-spacing:-.05em}.go-proposal>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid #adc6c1;padding-top:15px;font-size:11px}.go-demo .room-scene{height:170px;min-height:0}.go-outcomes{background:var(--brand-night);color:white;padding:72px 0}.go-outcome-heading{max-width:620px;margin-bottom:38px}.go-outcome-heading h2{color:white;font-size:42px;letter-spacing:-.05em;margin:12px 0}.go-outcome-heading .eyebrow{color:var(--brand-mint)}.go-outcome-heading>p:last-child{color:#c4d8d8}.go-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.go-feature-grid article{border-top:1px solid #527079;padding-top:25px}.go-feature-grid article>span{font-size:10px;letter-spacing:.12em;color:var(--brand-mint)}.go-feature-grid h3{color:white;font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:20px 0 15px}.go-feature-grid p{font-size:14px;line-height:1.8;color:#ccdedf}.go-feature-grid a{display:inline-block;margin-top:15px;color:var(--brand-mint);font-size:13px;font-weight:600}.go-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.go-story h2{font-size:45px;line-height:1.15;letter-spacing:-.05em}.go-story>div:last-child p{color:var(--brand-muted)}.go-story .story-lead{font-size:23px;color:var(--brand-night)!important;font-family:Manrope,sans-serif;font-weight:600;line-height:1.5}.pricing-section{background:var(--brand-mist)}.go-launch-note{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;padding-block:45px}.go-launch-note h2{font-size:23px;line-height:1.3;margin:0}.go-launch-note p{font-size:13px;color:var(--brand-muted);margin:0}.go-launch-note a{color:var(--brand-green);text-decoration:underline}.contact-section{background:var(--brand-night)}.site-footer{color:var(--brand-muted)}.site-footer small{color:var(--brand-muted)}
@media(max-width:1100px){.go-hero{gap:30px}.go-hero-art{min-height:470px}.go-product{grid-template-columns:1fr;gap:30px}.go-product .section-heading{max-width:650px}.go-demo{max-width:850px;width:100%;margin:auto}.go-proof{flex-wrap:wrap;justify-content:flex-start}.go-story{gap:40px}.go-story h2{font-size:38px}}
@media(max-width:767px){.go-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:35px;gap:30px}.go-hero h1{font-size:44px}.go-hero .hero-summary{font-size:16px}.go-hero-art{min-height:340px}.go-photo-caption strong{font-size:32px}.go-airflow{width:140px;height:140px}.go-proof{gap:12px 22px;padding-block:20px}.go-proof strong{flex-basis:100%}.section{padding-block:54px}.go-product .section-heading h2,.go-outcome-heading h2{font-size:34px}.go-demo{grid-template-columns:1fr;min-height:0}.go-demo-nav{padding:14px;gap:12px}.go-demo-nav>.wordmark,.go-demo-nav>small{display:none}.go-demo-nav>div{display:flex;justify-content:space-between;gap:2px}.go-demo-nav button{font-size:10px;padding:10px 7px}.go-demo-content{padding:20px;min-height:370px}.go-demo-heading{gap:8px}.go-demo h3{font-size:22px}.go-example-grid>div{padding:12px}.go-feature-grid,.go-story,.go-launch-note{grid-template-columns:1fr;gap:28px}.go-feature-grid{gap:30px}.go-outcomes{padding-block:50px}.go-story h2{font-size:34px}.go-launch-note{padding-block:30px}.go-hero .hero-actions{gap:18px}.go-hero .hero-actions .quiet-link{font-size:13px}}

/* Keep commercial and larger-team options aligned with the monthly packages. */
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid .tailored-card{grid-column:auto}.pricing-grid .price-card{display:flex;flex-direction:column}.pricing-grid .price-card>a{margin-top:auto}@media(max-width:950px){.pricing-grid{grid-template-columns:1fr}.pricing-grid .tailored-card{grid-column:auto}}