@font-face {
  font-family: "DM Sans";
  src: url("/dm-sans.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/manrope.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
:root {
  --bg: #f6f7f6;
  --surface: #fff;
  --ink: #26382f;
  --muted: #626f66;
  --line: #dce2dc;
  --accent: #2e5c45;
  --soft: #eaf0e9;
  color-scheme: light;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--bg);
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
a {
  color: inherit;
  text-underline-offset: 3px;
}
a:focus-visible,
input:focus-visible + label {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
a[aria-disabled="true"] {
  pointer-events: none;
  opacity: 0.5;
}
h1,
h2,
h3,
p,
figure {
  margin: 0;
}
h1,
h2,
h3,
.brand {
  font-family: Manrope, "DM Sans", sans-serif;
  font-weight: 600;
}
h1 {
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -1.3px;
}
h2 {
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
h3 {
  font-size: 15px;
  line-height: 1.4;
}
p {
  color: var(--muted);
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.site-header,
main,
.site-footer {
  width: min(1248px, 100%);
  margin: auto;
  padding-inline: 24px;
}
.site-header {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  gap: 16px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 22px;
  letter-spacing: -0.8px;
}
.brand > span {
  color: var(--accent);
  margin-left: -8px;
}
.site-header nav {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 12px;
}
.site-header nav a {
  text-decoration: none;
}
.site-header nav a:hover {
  text-decoration: underline;
}
.nav-open {
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: var(--surface);
}
.hero {
  padding: 32px 0;
}
.hero-heading {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 1px;
  color: var(--accent);
  font-weight: 600;
  margin-bottom: 10px;
}
.lede {
  margin-top: 14px;
  font-size: 15px;
  max-width: 650px;
}
.hero-actions {
  display: grid;
  gap: 8px;
  min-width: 228px;
  align-content: start;
}
.download,
.browser-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 3px;
  font-size: 13px;
}
.download {
  background: var(--accent);
  color: #fff;
  border: 1px solid var(--accent);
}
.download:hover {
  background: #234a36;
}
.download svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.download > span,
.browser-option > span {
  margin-left: auto;
}
.browser-option {
  background: var(--surface);
  border: 1px solid var(--line);
}
.browser-option:hover {
  background: var(--soft);
}
.release {
  font-size: 11px;
  line-height: 1.6;
}
.other-downloads summary { cursor:pointer; padding:8px 0; color:var(--accent); font-size:12px; }
.other-downloads[open] summary { margin-bottom:8px; }
.other-downloads .release { margin:6px 0 12px; }
.join-link {
  font-size: 11px;
  color: var(--accent);
  text-decoration: none;
}
.join-link:hover {
  text-decoration: underline;
}
.hero-shot,
.product-tour {
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
  background: var(--surface);
}
.screenshot-link {
  display: block;
}
.screenshot-link img {
  width: 100%;
  height: auto;
}
.screenshot-link:focus-visible {
  outline-offset: -3px;
}
.hero-shot figcaption {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-top: 1px solid var(--line);
  font-size: 11px;
  color: var(--muted);
}
.hero-shot figcaption strong {
  color: var(--ink);
}
.demo-label {
  margin-left: auto;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 16px;
}
.section-heading p:not(.eyebrow) {
  font-size: 12px;
  max-width: 340px;
}
.showcase,
.features,
.install {
  padding: 28px 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 16px;
}
.product-tour {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  min-width: 0;
}
.tour-radio,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.product-tour > label {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 2px solid transparent;
  color: var(--muted);
}
.tour-radio:checked + label {
  border-bottom-color: var(--accent);
  color: var(--accent);
  background: var(--soft);
}
.product-tour > label:hover {
  background: var(--soft);
}
.tour-panels {
  flex: 1 0 100%;
  min-width: 0;
  border-top: 1px solid var(--line);
}
.tour-panel {
  display: none;
}
#tour-work:checked ~ .tour-panels .tour-work {
  display: block;
}
#tour-backlog:checked ~ .tour-panels .tour-backlog {
  display: block;
}
#tour-planning:checked ~ .tour-panels .tour-planning {
  display: block;
}
#tour-chat:checked ~ .tour-panels .tour-chat {
  display: block;
}
#tour-people:checked ~ .tour-panels .tour-people {
  display: block;
}
#tour-finance:checked ~ .tour-panels .tour-finance {
  display: block;
}
.shot-caption {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 16px;
  padding: 14px 16px;
  border-top: 1px solid var(--line);
}
.shot-caption p {
  font-size: 12px;
  max-width: 820px;
  grid-column: 1;
}
.shot-caption > a {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  font-size: 11px;
  color: var(--accent);
}
.showcase-note {
  font-size: 11px;
  margin-top: 8px;
}
.feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.feature-grid article {
  display: flex;
  gap: 14px;
  padding: 18px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--surface);
}
.feature-number {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
  padding-top: 2px;
}
.feature-grid p {
  font-size: 13px;
  margin-top: 6px;
  max-width: 490px;
}
.principles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  padding: 24px 0;
  border-top: 1px solid var(--line);
}
.principles h2 {
  font-size: 18px;
}
.principles p {
  font-size: 13px;
  margin-top: 8px;
  max-width: 530px;
}
.text-link {
  font-size: 12px;
  color: var(--accent);
}
.steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--surface);
}
.steps li {
  display: flex;
  gap: 12px;
  padding: 18px;
  border-right: 1px solid var(--line);
}
.steps li:last-child {
  border-right: 0;
}
.hosting {
  padding: 28px 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 16px;
}
.hosting-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
}
.hosting-options article {
  padding: 20px;
  background: var(--surface);
}
.hosting-options article + article {
  border-left: 1px solid var(--line);
}
.hosting-option-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.availability {
  color: var(--accent);
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 3px;
  white-space: nowrap;
}
.hosting-options p,
.hosting-options ul {
  font-size: 13px;
}
.hosting-options ul {
  padding-left: 18px;
  margin: 12px 0;
  line-height: 1.8;
}
.hosting-options .hosting-note {
  font-size: 11px;
  margin-bottom: 14px;
}
.hosting-options .browser-option {
  display: inline-flex;
}
.install-note {
  font-size: 12px;
  margin-top: 12px;
}
.pricing-options .cloud-plan {
  border-top: 3px solid var(--accent);
  padding-top: 17px;
}
.plan-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0 4px;
}
.plan-price strong {
  font-family: Manrope, sans-serif;
  font-size: 28px;
  letter-spacing: -0.8px;
  line-height: 1.3;
}
.plan-price span {
  color: var(--muted);
  font-size: 12px;
}
.pricing-options .plan-action {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 14px 0 20px;
}
.cloud-plan .plan-action {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}
.pricing-options .plan-unavailable {
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 4px;
  font-size: 12px;
}
.pricing-options .plan-includes {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.pricing-options .plan-features {
  list-style: none;
  padding: 0;
  margin: 10px 0 18px;
}
.plan-features li {
  padding: 6px 0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  line-height: 1.5;
}
.plan-features li span {
  color: var(--accent);
  padding-right: 6px;
}
.plan-operations p {
  margin-top: 7px;
  font-size: 12px;
}
.pricing-preview {
  margin-top: 12px;
  font-size: 12px;
}
.pricing-faq {
  margin-top: 24px;
  max-width: 800px;
}
.pricing-faq h3 {
  margin-bottom: 10px;
}
.pricing-faq details {
  border-top: 1px solid var(--line);
  padding: 10px 0;
}
.pricing-faq summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}
.pricing-faq p {
  margin-top: 8px;
  font-size: 12px;
}
@media (max-width: 700px) {
  .hosting-options {
    grid-template-columns: 1fr;
  }
  .hosting-options article {
    padding: 16px;
  }
  .hosting-options article + article {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
  .product-tour > label {
    flex: 0 1 auto;
  }
}
.steps li > span {
  font-size: 11px;
  color: var(--accent);
  padding-top: 2px;
}
.steps p {
  font-size: 12px;
  margin-top: 6px;
}
.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  border-top: 1px solid var(--line);
  padding-block: 18px;
  font-size: 12px;
}
.footer-note,
.footer-links {
  color: var(--muted);
  font-size: 11px;
}
.footer-note {
  margin-left: 8px;
}
.footer-links a {
  margin-left: 10px;
}
.skip {
  position: fixed;
  left: 12px;
  top: -80px;
  z-index: 100;
  padding: 8px 12px;
  background: var(--accent);
  color: #fff;
}
.skip:focus {
  top: 8px;
}
.comparison {
  padding: 32px 0;
  border-top: 1px solid var(--line);
  scroll-margin-top: 24px;
}
.comparison-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  background: var(--soft);
  margin-bottom: 16px;
}
.comparison-intro > div {
  padding: 18px 20px;
}
.comparison-intro > div + div {
  background: var(--surface);
  border-left: 1px solid var(--line);
}
.comparison-intro p {
  font-size: 12px;
  margin-top: 6px;
  max-width: 62ch;
}
.roadmap-label {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid #d4c9a6;
  background: #f7f2e5;
  color: #66552d;
  font-size: 11px;
  font-weight: 600;
}
.comparison-hint,
.comparison-note {
  font-size: 11px;
  line-height: 1.65;
}
.comparison-hint {
  margin-bottom: 8px;
}
.comparison-note {
  margin-top: 12px;
  max-width: 110ch;
}
.comparison-scroll {
  overflow: auto;
  border: 1px solid var(--line);
  background: var(--surface);
}
.comparison-scroll:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.comparison-table {
  width: 100%;
  min-width: 880px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 12px;
  line-height: 1.6;
}
.comparison-table .service-column {
  width: 17%;
}
.comparison-table th,
.comparison-table td {
  padding: 15px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.comparison-table thead th {
  background: #f0f3ef;
  font-weight: 600;
}
.comparison-table th span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
}
.comparison-table th a span {
  display: inline;
  color: inherit;
}
.comparison-table tbody th {
  font-size: 13px;
  font-weight: 600;
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--surface);
  border-right: 1px solid var(--line);
}
.comparison-table td {
  color: var(--muted);
}
.comparison-table tr > :nth-child(3) {
  background: #edf3ec;
  color: var(--ink);
  border-inline: 1px solid var(--line);
}
.comparison-table thead tr > :nth-child(3) {
  background: var(--accent);
  color: #fff;
}
.comparison-table thead tr > :nth-child(3) span {
  color: #e0eadd;
}
.comparison-table thead tr > :last-child {
  background: #f7f2e5;
  color: #66552d;
}
.comparison-table tbody tr:last-child > * {
  border-bottom: 0;
}
.comparison-table tbody tr:hover > * {
  box-shadow: inset 0 0 0 999px #26382f05;
}
@media (max-width: 1000px) {
  .comparison-table .service-column {
    width: 18%;
  }
  .comparison-table th,
  .comparison-table td {
    padding: 12px;
  }
}
@media (max-width: 540px) {
  .comparison-table {
    min-width: 800px;
  }
  .comparison-table .service-column {
    width: 15%;
  }
  .comparison-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    border-right: 1px solid var(--line);
  }
  .comparison {
    padding: 22px 0;
  }
  .comparison-intro {
    grid-template-columns: 1fr;
  }
  .comparison-intro > div {
    padding: 14px;
  }
  .comparison-intro > div + div {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 800px) {
  .hero-heading {
    align-items: start;
  }
  h1 {
    font-size: 32px;
  }
  .hero-actions {
    min-width: 200px;
  }
  .lede {
    font-size: 13px;
  }
  .desktop-break {
    display: none;
  }
  .site-header nav {
    gap: 14px;
  }
  .section-heading {
    align-items: start;
    flex-direction: column;
    gap: 10px;
  }
  .section-heading p:not(.eyebrow) {
    max-width: none;
  }
  .steps {
    grid-template-columns: 1fr;
  }
  .steps li {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 14px;
  }
  .steps li:last-child {
    border-bottom: 0;
  }
  .feature-grid article {
    padding: 14px;
  }
  .site-footer {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }
}
@media (max-width: 540px) {
  .site-header,
  main,
  .site-footer {
    padding-inline: 16px;
  }
  .site-header {
    height: 56px;
  }
  .site-header nav > a:not(.nav-open) {
    display: none;
  }
  .brand {
    font-size: 20px;
  }
  .hero {
    padding: 22px 0;
  }
  .hero-heading {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 18px;
  }
  h1 {
    font-size: 31px;
  }
  .hero-actions {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .release br {
    display: none;
  }
  .release br:after {
    content: " · ";
  }
  .hero-shot figcaption {
    align-items: start;
    flex-wrap: wrap;
    gap: 4px 8px;
  }
  .hero-shot figcaption > span:not(.demo-label) {
    flex-basis: 100%;
  }
  .demo-label {
    margin-left: 0;
    font-size: 10px;
  }
  .showcase,
  .features,
  .install {
    padding: 22px 0;
  }
  h2 {
    font-size: 20px;
  }
  .product-tour > label {
    padding: 8px;
    font-size: 11px;
    flex: 1;
    text-align: center;
  }
  .shot-caption {
    display: block;
    padding: 12px;
  }
  .shot-caption p {
    margin: 6px 0;
  }
  .shot-caption > a {
    display: inline-block;
    margin-top: 4px;
  }
  .feature-grid,
  .principles {
    grid-template-columns: 1fr;
  }
  .feature-grid article {
    padding: 14px 12px;
  }
  .principles {
    gap: 18px;
    padding: 22px 0;
  }
  .footer-links a {
    display: inline-block;
    margin: 4px 0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.release span {
  display: block;
}
@media (max-width: 540px) {
  .release {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
  }
}
/* Shared navigation stays visible on every screen size. */
.site-header nav a[aria-current="page"] {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
.site-footer {
  flex-wrap: wrap;
}
.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.page-section {
  padding-top: 40px;
  border-top: 0;
  min-height: 60vh;
}
.page-section h1 {
  font-size: 32px;
  letter-spacing: -0.8px;
  margin-top: 6px;
}
.page-section .section-heading {
  margin-bottom: 24px;
}
.site-directory {
  padding: 28px 0;
  border-top: 1px solid var(--line);
}
.directory-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.directory-grid > a {
  display: block;
  border: 1px solid var(--line);
  background: var(--surface);
  padding: 20px;
  text-decoration: none;
}
.directory-grid > a:hover {
  background: var(--soft);
  border-color: var(--accent);
}
.directory-grid h3 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0 8px;
}
.directory-grid p {
  font-size: 12px;
}
.start-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding: 20px;
  background: var(--soft);
  border: 1px solid var(--line);
  margin-bottom: 24px;
}
@media (max-width: 1000px) {
  .site-header nav {
    gap: 14px;
  }
}
@media (max-width: 800px) {
  .site-header {
    height: auto;
    flex-direction: column;
    align-items: start;
    gap: 14px;
    padding-block: 16px;
  }
  .site-header nav {
    width: 100%;
    flex-wrap: wrap;
    gap: 14px 20px;
  }
  .directory-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  .site-header nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 8px;
    font-size: 11px;
  }
  .site-header nav > a:not(.nav-open) {
    display: block;
  }
  .site-header nav .nav-open {
    grid-column: 1 / -1;
    text-align: center;
  }
  .directory-grid {
    grid-template-columns: 1fr;
  }
  .page-section {
    padding-top: 24px;
  }
  .page-section h1 {
    font-size: 28px;
  }
  .start-options {
    padding: 14px;
  }
}
.roadmap-plan {
  margin: 28px 0 36px;
}
.roadmap-next {
  background: var(--accent);
  color: #fff;
  padding: 24px;
  margin-bottom: 16px;
}
.roadmap-next h2 {
  margin: 10px 0;
}
.roadmap-next p {
  color: #e0eadd;
  max-width: 82ch;
  margin-bottom: 12px;
}
.roadmap-next > a {
  font-size: 12px;
}
.roadmap-next .roadmap-label {
  background: #fff;
  border: 0;
  color: var(--accent);
}
.roadmap-order {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 0;
  margin: 0;
}
.roadmap-order > li {
  scroll-margin-top: 20px;
  border: 1px solid var(--line);
  background: var(--surface);
  padding: 20px;
}
.roadmap-order > li:first-child {
  grid-column: 1 / -1;
  background: var(--soft);
}
.roadmap-item-heading {
  display: flex;
  align-items: start;
  gap: 14px;
  margin-bottom: 12px;
}
.roadmap-rank {
  font-size: 23px;
  line-height: 1.3;
  color: var(--accent);
  font-family: Manrope, sans-serif;
}
.roadmap-estimate {
  margin-top: 4px;
  font-size: 10px;
}
.roadmap-order article > p {
  font-size: 12px;
}
.roadmap-order details {
  margin-top: 14px;
  font-size: 12px;
}
.roadmap-order summary {
  cursor: pointer;
  color: var(--accent);
}
.roadmap-order dl {
  margin: 12px 0 0;
}
.roadmap-order dt {
  font-weight: 600;
  margin-top: 10px;
}
.roadmap-order dd {
  color: var(--muted);
  margin: 3px 0 0;
}
.roadmap-deferred {
  border-left: 3px solid #d4c9a6;
  padding: 6px 16px;
  margin-top: 24px;
}
.roadmap-deferred p {
  margin-top: 8px;
  font-size: 12px;
}
.roadmap-reference {
  display: block;
  font-weight: 600;
  font-size: 11px;
  color: var(--accent);
  margin-bottom: 6px;
}
@media (max-width: 700px) {
  .roadmap-order {
    grid-template-columns: 1fr;
  }
  .roadmap-next,
  .roadmap-order > li {
    padding: 16px;
  }
}

.company-start { display:flex; align-items:center; justify-content:center; gap:12px; padding:13px 16px; background:var(--accent); border:1px solid var(--accent); color:#fff; font-weight:600; font-size:14px; border-radius:3px; text-decoration:none; min-height:46px; }
.company-start:hover { background:#234a36; color:#fff; }
.company-start-note { font-size:12px; color:var(--muted); line-height:1.55; max-width:300px; margin:0 0 8px; }
.hero-actions .download { background:var(--surface); color:var(--ink); border-color:var(--line); }
.company-start-section { display:grid; gap:16px; max-width:800px; }
.company-start-section h1 { max-width:650px; }
.company-start-section > p:not(.eyebrow) { line-height:1.65; }
.company-start-section .company-start { justify-self:start; }

/* Recent product releases use the existing restrained site palette and type. */
.site-new{padding:44px 0;border-top:1px solid var(--line)}.site-new .section-heading h2{max-width:580px}.new-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.new-feature-grid article{border:1px solid var(--line);background:var(--surface);border-radius:3px;overflow:hidden;min-width:0}.new-feature-grid img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.new-feature-grid article>div{padding:18px}.new-feature-grid h3{font-size:17px;margin:0 0 10px}.new-feature-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 14px}.new-feature-grid article>div>a{font-size:12px;color:var(--accent);font-weight:600}.new-feature-grid .screenshot-link{display:block}.new-feature-grid .screenshot-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#tour-portfolio:checked ~ .tour-panels .tour-portfolio,#tour-workflows:checked ~ .tour-panels .tour-workflows,#tour-portal:checked ~ .tour-panels .tour-portal{display:block}
@media(max-width:850px){.new-feature-grid{grid-template-columns:1fr}.new-feature-grid article{display:grid;grid-template-columns:1fr 1fr;align-items:center}.new-feature-grid img{border-bottom:0;border-right:1px solid var(--line)}}@media(max-width:540px){.new-feature-grid article{grid-template-columns:1fr}.new-feature-grid img{border-right:0;border-bottom:1px solid var(--line)}}

/* Core tools and company-controlled modules share one included price. */
.workspace-choice{padding:44px 0;border-top:1px solid var(--line)}
.workspace-choice .section-heading h2{max-width:560px}
.core-workspace{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:24px;padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:3px;margin-bottom:16px;align-items:center}
.module-label{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--accent);margin-bottom:10px}
.core-workspace h3,.optional-module-grid h3{font-size:19px;margin-bottom:8px}
.core-workspace p,.optional-module-grid p{font-size:14px;line-height:1.75;color:var(--muted)}
.optional-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.optional-module-grid article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:3px;min-width:0}
.workspace-choice-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:20px;max-width:850px}
.workspace-choice-note strong{color:var(--ink)}
@media(max-width:760px){.core-workspace,.optional-module-grid{grid-template-columns:1fr}.core-workspace{gap:8px}.workspace-choice{padding:28px 0}}

.optional-module-grid details{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.optional-module-grid summary{cursor:pointer;color:var(--accent);font-size:13px}.optional-module-grid details p{margin-top:12px;font-size:13px}

.conversation-update{padding:44px 0;border-top:1px solid var(--line)}
.conversation-update-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.conversation-update figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--surface)}
.conversation-update img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
.conversation-update figcaption{padding:20px}.conversation-update h3{font-size:18px;margin:0 0 10px}.conversation-update p{line-height:1.7}.conversation-update figcaption p,.recent-improvements p{font-size:13px;color:var(--muted);margin:0}
.recent-improvements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0}.recent-improvements h3{font-size:15px}
@media(max-width:700px){.conversation-update-grid,.recent-improvements{grid-template-columns:1fr}.conversation-update figcaption{padding:16px}}

.hero-copy{min-width:0;max-width:720px}
.hero-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.hero-pillars h2{font-family:Manrope,sans-serif;font-size:15px;line-height:1.4;margin:0 0 8px;color:var(--accent)}
.hero-pillars p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
@media(max-width:650px){.hero-pillars{grid-template-columns:1fr;gap:14px;margin-top:20px;padding-top:16px}.hero-pillars article{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px}.hero-pillars h2{font-size:14px;margin:0}.hero-pillars p{font-size:12px}}

.hero-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border:0;min-width:0}
.hero-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-showcase>label{cursor:pointer;padding:12px 8px;text-align:center;font-size:13px;color:var(--muted);border:1px solid var(--line);border-bottom:2px solid var(--line);background:var(--surface)}
.hero-showcase>label:hover{background:var(--soft)}
.hero-radio:checked+label{color:var(--accent);background:var(--soft);border-bottom-color:var(--accent)}
.hero-radio:focus-visible+label{outline:2px solid var(--accent);outline-offset:-4px}
.hero-shots{grid-column:1/-1;min-width:0}
.hero-shots .hero-shot{display:none;margin:0;border-top:0}
.hero-shots img{aspect-ratio:3/2;object-fit:contain;background:var(--surface)}
.hero-shots figcaption{min-height:58px}
#hero-meetings:checked~.hero-shots .hero-shot-meetings,#hero-conversations:checked~.hero-shots .hero-shot-conversations,#hero-projects:checked~.hero-shots .hero-shot-projects{display:block}
@media(max-width:650px){.hero-showcase>label{font-size:12px;padding:11px 4px}.hero-shots figcaption{min-height:112px}}

/* Customers keeps the landing hero focused on meetings, conversations and projects. */
.customer-highlight{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;border-top:1px solid var(--line);padding:48px 0}.customer-highlight h2{font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-1px;margin:0 0 18px}.customer-highlight p,.customer-highlight li{font-size:14px;line-height:1.75;color:var(--muted)}.customer-highlight ul{padding-left:18px}.customer-highlight li{margin:10px 0}.customer-highlight figure{margin:0;min-width:0}.customer-highlight img,.customer-work-preview img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:3px}.customer-highlight figcaption,.customer-work-preview figcaption{color:var(--muted);font-size:11px;margin-top:10px}.customer-highlight>div>a,.optional-module-grid article>a{color:var(--accent);font-weight:600;font-size:13px}.customer-work-preview{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.customer-work-preview summary{cursor:pointer;color:var(--accent);font-size:14px}.customer-work-preview figure{margin:20px 0 0}.customers-feature{scroll-margin-top:30px}.customers-feature .recent-improvements{margin-bottom:24px}
#tour-customers-sales:checked ~ .tour-panels .tour-customers-sales,#tour-customers-support:checked ~ .tour-panels .tour-customers-support,#tour-customers-work:checked ~ .tour-panels .tour-customers-work{display:block}
@media(max-width:850px){.customer-highlight{grid-template-columns:1fr;gap:24px;padding:32px 0}}