/* Cadrane marketing proportions adapted from the supplied TrendTrack HTML.
   Product demos retain their own content, controls and illustrative labels. */
@import url("/fonts/trendtrack/fonts.css");
body.cadrane-editorial {
  --font-sans: Geist, system-ui, sans-serif;
  --font-display: "Instrument Sans", Geist, system-ui, sans-serif;
  --font-editorial: var(--font-display);
  --paper: #010808;
  --ink: #fbfbfb;
  --muted: #bac0bb;
  --line: #ffffff18;
  --accent: #bffd04;
  --green: #72fd4e;
  background: #010808;
  color: #fbfbfb;
  font: 400 14px/1.4 var(--font-sans);
}
body.cadrane-editorial :is(h1, h2, h3) {
  font-family: var(--font-display);
  font-weight: 600;
}
body.cadrane-editorial :is(h1, h2) {
  letter-spacing: -0.042em;
  line-height: 1.1;
}
body.cadrane-editorial h1 {
  font-size: 68px;
}
body.cadrane-editorial h2 {
  font-size: 52px;
}
body.cadrane-editorial em {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}
body.cadrane-editorial .wrap,
body.cadrane-editorial .agent-wrap {
  width: min(1200px, calc(100% - 80px));
  margin-inline: auto;
}
body.cadrane-editorial .site-nav {
  height: 84px;
  width: min(1280px, calc(100% - 64px));
  gap: 24px;
  background: transparent;
  color: #fbfbfb;
}
body.cadrane-editorial .site-nav .logo {
  font-family: Geist, system-ui, sans-serif;
  font-size: 27px;
  letter-spacing: -1.2px;
  color: inherit;
}
body.cadrane-editorial .site-nav nav,
body.cadrane-editorial .nav-login {
  font-size: 14px;
  color: #ffffffba;
}
body.cadrane-editorial .site-nav nav a:hover {
  color: #fff;
}
body.cadrane-editorial .nav-discover > div {
  background: #161d1d;
  color: #fbfbfb;
  border: 1px solid #ffffff18;
  border-radius: 28px;
  padding: 12px;
  box-shadow: 0 24px 56px #0006;
}
body.cadrane-editorial .nav-discover > div a {
  border-radius: 14px;
  padding: 12px 16px;
}
body.cadrane-editorial .nav-discover > div small {
  color: #ffffffba;
}
body.cadrane-editorial .btn {
  position: relative;
  min-height: 48px;
  padding: 8px 20px;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: linear-gradient(135deg, #9cfd00, #00f537);
  color: #092009;
  font: 600 16px/1.4 var(--font-sans);
  box-shadow:
    inset 0 1px #ffffff47,
    0 8px 32px #75ff5c20;
  transition:
    box-shadow 200ms,
    transform 200ms;
}
body.cadrane-editorial .btn:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px #ffffff47,
    0 8px 40px #75ff5c40;
}
body.cadrane-editorial .btn:active {
  transform: scale(0.97);
}
body.cadrane-editorial .btn.small {
  min-height: 36px;
  padding: 6px 12px;
  border-radius: 14px;
  font-size: 14px;
}
body.cadrane-editorial .btn.white {
  background: #fff;
  color: #0f0f10;
  box-shadow:
    0 0 0 1px #0656860a,
    0 6px 12px #0622360a;
}
body.cadrane-editorial :is(a, button, summary):focus-visible {
  outline: 2px solid #4d65ff;
  outline-offset: 3px;
}
body.cadrane-editorial .orbit-hero {
  background:
    radial-gradient(ellipse at 50% 20%, #72fd4e12, transparent 65%), #010808;
  padding-top: 64px;
}
body.cadrane-editorial .hero-atmosphere {
  background-image: radial-gradient(#ffffff12 0.7px, transparent 0.7px);
  background-size: 20px 20px;
}
body.cadrane-editorial :is(.atmosphere-orbit, .sticker, .closing-rings) {
  display: none;
}
body.cadrane-editorial .hero-copy h1 {
  font-size: 68px;
  line-height: 1.1;
  letter-spacing: -0.042em;
}
body.cadrane-editorial .hero-copy > p {
  font: 400 18px/1.4 var(--font-sans);
  color: #ffffffba;
}
body.cadrane-editorial .hero-foot {
  color: #ffffffba;
  border-color: #ffffff18;
  font-size: 12px;
}
body.cadrane-editorial .hero-foot button {
  color: inherit;
}
body.cadrane-editorial :is(.eyebrow, .agent-eyebrow, .agent-number) {
  font:
    500 12px/1.4 "Geist Mono",
    monospace;
  letter-spacing: 0.04em;
  color: #72fd4e;
}
body.cadrane-editorial
  :is(
    .commerce-features,
    .agent-explorer,
    .connected-story,
    .agent-principles,
    .campaigns,
    .product-tour,
    .pricing,
    .faq
  ) {
  padding-block: 80px;
}
body.cadrane-editorial .commerce-features {
  width: calc(100% - 16px);
  max-width: none;
  padding-inline: max(40px, calc((100% - 1200px) / 2));
  border-radius: 32px;
  background: #fbfbfb;
  color: #0f0f10;
}
body.cadrane-editorial .commerce-feature-heading {
  max-width: 760px;
  margin-bottom: 48px;
}
body.cadrane-editorial .commerce-feature-heading h2 {
  font-size: 52px;
}
body.cadrane-editorial .commerce-feature-heading p {
  font-size: 16px;
  color: #555b57;
}
body.cadrane-editorial .commerce-feature-grid {
  gap: 0;
}
body.cadrane-editorial .commerce-feature {
  border: 0;
  border-right: 1px solid #0f0f1010;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}
body.cadrane-editorial .commerce-feature:last-child {
  border-right: 0;
}
body.cadrane-editorial .commerce-feature-copy {
  padding: 24px;
}
body.cadrane-editorial .commerce-feature-copy h3 {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
body.cadrane-editorial .commerce-feature-copy p {
  font-size: 14px;
  line-height: 1.4;
  color: #555b57;
}
body.cadrane-editorial .commerce-feature-copy > span {
  color: #397b16;
}
body.cadrane-editorial .commerce-feature-caption {
  color: #656b67;
}
body.cadrane-editorial .feature-scene {
  border-radius: 16px;
  background: radial-gradient(ellipse, #bffd0412, transparent), #f6f6f6;
}
body.cadrane-editorial .scene-evidence .sheet-front {
  border-color: #d5e8c4;
}
body.cadrane-editorial .feature-floating-label {
  background: #e5f7d9;
  color: #255f16;
}
body.cadrane-editorial .learning-takeaway > span {
  background: #e5f7d9;
  color: #255f16;
}
body.cadrane-editorial .agent-section-heading h2 {
  font-size: 52px;
}
body.cadrane-editorial .agent-story-copy h3 {
  font-size: 32px;
  letter-spacing: -0.035em;
}
body.cadrane-editorial .agent-story-copy p {
  color: #ffffffba;
}
body.cadrane-editorial .agent-tabs {
  gap: 8px;
}
body.cadrane-editorial .agent-tabs button {
  border-radius: 14px;
  background: #ffffff06;
  border-color: #ffffff18;
  color: #ffffffba;
}
body.cadrane-editorial .agent-tabs button[aria-selected="true"] {
  background: #bffd04;
  color: #0a0a0a;
  border-color: #bffd04;
}
body.cadrane-editorial .agent-panel {
  border-radius: 28px;
  border-color: #ffffff18;
  background: #161d1d;
}
body.cadrane-editorial .agent-story-stage {
  border-radius: 20px;
}
body.cadrane-editorial .section-heading h2,
body.cadrane-editorial .connected-heading h2 {
  font-size: 52px;
}
body.cadrane-editorial :is(.pricing, .product-tour, .faq) {
  color: #fbfbfb;
}
body.cadrane-editorial .price-card {
  border-radius: 28px;
  background: #161d1d;
  border: 1px solid #ffffff18;
  color: #fbfbfb;
  box-shadow: inset 0 1px #ffffff0a;
}
body.cadrane-editorial .price-card.featured {
  border-color: #bffd04;
  background: linear-gradient(140deg, #bffd0410, transparent), #161d1d;
}
body.cadrane-editorial .price-card :is(p, li, .price small) {
  color: #ffffffba;
}
body.cadrane-editorial .price-card .plan-note {
  background: #bffd04;
  color: #0a0a0a;
}
body.cadrane-editorial .pricing-note {
  color: #ffffffba;
}
body.cadrane-editorial .faq details {
  border-bottom: 1px dashed #ffffff25;
  background: transparent;
  color: #fbfbfb;
}
body.cadrane-editorial .faq summary {
  padding: 20px 0;
  font: 500 16px/1.4 var(--font-sans);
}
body.cadrane-editorial .faq details p {
  color: #ffffffba;
  font-size: 14px;
  line-height: 1.4;
}
body.cadrane-editorial .closing-v2 {
  background:
    radial-gradient(ellipse at bottom, #72fd4e16, transparent 65%), #010808;
  color: #fbfbfb;
  padding: 100px 40px;
}
body.cadrane-editorial .closing-v2 h2 {
  font-size: 68px;
}
body.cadrane-editorial .site-footer {
  color: #ffffffba;
  border-color: #ffffff18;
  padding-block: 48px 32px;
}
body.cadrane-editorial .site-footer .logo {
  color: #fbfbfb;
}
body.cadrane-editorial .footer-bottom {
  border-color: #ffffff18;
}
@media (max-width: 991px) {
  body.cadrane-editorial .site-nav {
    width: calc(100% - 32px);
  }
  body.cadrane-editorial .commerce-feature-grid {
    grid-template-columns: 1fr;
  }
  body.cadrane-editorial .commerce-feature {
    border-right: 0;
    border-bottom: 1px solid #0f0f1010;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  body.cadrane-editorial .site-nav nav {
    background: #161d1d;
    color: #fbfbfb;
  }
}
@media (max-width: 767px) {
  body.cadrane-editorial .wrap,
  body.cadrane-editorial .agent-wrap {
    width: calc(100% - 32px);
  }
  body.cadrane-editorial h1,
  body.cadrane-editorial .hero-copy h1,
  body.cadrane-editorial .closing-v2 h2 {
    font-size: 38px;
  }
  body.cadrane-editorial h2,
  body.cadrane-editorial .section-heading h2,
  body.cadrane-editorial .commerce-feature-heading h2,
  body.cadrane-editorial .agent-section-heading h2,
  body.cadrane-editorial .connected-heading h2 {
    font-size: 32px;
  }
  body.cadrane-editorial .commerce-features {
    width: calc(100% - 16px);
    padding: 48px 16px;
  }
  body.cadrane-editorial .commerce-feature {
    display: block;
  }
  body.cadrane-editorial
    :is(
      .agent-explorer,
      .connected-story,
      .agent-principles,
      .campaigns,
      .product-tour,
      .pricing,
      .faq
    ) {
    padding-block: 48px;
  }
  body.cadrane-editorial .agent-story-copy h3 {
    font-size: 26px;
  }
  body.cadrane-editorial .closing-v2 {
    padding: 64px 16px;
  }
  body.cadrane-editorial .btn {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  body.cadrane-editorial *,
  body.cadrane-editorial *::before,
  body.cadrane-editorial *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
body.cadrane-editorial .hero-atmosphere {
  overflow: clip;
}
body.cadrane-editorial .price-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.cadrane-editorial .price-card {
  min-width: 0;
}
body.cadrane-editorial .price-card .btn {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
body.cadrane-editorial :is(.price, .plan-name) {
  color: #fbfbfb;
}
body.cadrane-editorial .center-heading > p {
  color: #ffffffba;
}
@media (max-width: 991px) {
  body.cadrane-editorial .site-nav > nav:not(.open) {
    display: none;
  }
  body.cadrane-editorial .site-nav > nav.open {
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #161d1d;
    color: #fbfbfb;
    border: 1px solid #ffffff18;
    border-radius: 16px;
    padding: 12px;
    z-index: 100;
    box-shadow: 0 20px 40px #0006;
  }
  body.cadrane-editorial .site-nav > nav.open a {
    padding: 12px;
  }
  body.cadrane-editorial .nav-actions {
    margin-left: auto;
    gap: 12px;
  }
  body.cadrane-editorial .nav-actions .nav-login {
    display: none;
  }
  body.cadrane-editorial .menu-toggle {
    display: block;
    flex: none;
    color: #fbfbfb;
  }
  body.cadrane-editorial .menu-toggle span {
    background: currentColor;
  }
  body.cadrane-editorial .price-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  body.cadrane-editorial .price-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 479px) {
  body.cadrane-editorial .nav-actions > .btn {
    display: none;
  }
  body.cadrane-editorial .site-nav {
    height: 72px;
  }
}
body.cadrane-editorial .site-nav {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
body.cadrane-editorial .site-nav .cadrane-symbol {
  color: #bffd04;
}
body.cadrane-editorial .orbit-hero h1,
body.cadrane-editorial .orbit-hero h1 em {
  color: #fbfbfb;
}
body.cadrane-editorial .orbit-hero h1 em {
  color: #72fd4e;
}
body.cadrane-editorial .orbit-hero .hero-copy > p {
  color: #ffffffba;
}
body.cadrane-editorial .hero-copy p strong {
  color: #fbfbfb;
}
body.cadrane-editorial .hero-eyebrow {
  color: #a7c697;
}
body.cadrane-editorial .hero-eyebrow i {
  background: #72fd4e;
  box-shadow: none;
}
body.cadrane-editorial .atmosphere-glow {
  inset: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at 50% 60%, #72fd4e12, transparent 65%);
}
body.cadrane-editorial .commerce-feature-heading h2 em {
  color: #0f0f10;
  font: inherit;
}
body.cadrane-editorial .commerce-feature-heading .agent-eyebrow {
  color: #397b16;
}
body.cadrane-editorial
  :is(.section-heading, .center-heading, .agent-section-heading)
  h2
  em {
  color: #ffffffba;
  font: inherit;
}
body.cadrane-editorial .connected-steps > article:not(.connected-film) {
  color: #0f0f10;
}
body.cadrane-editorial .connected-steps :is(blockquote, h3) {
  font-family: var(--font-display);
}
body.cadrane-editorial .connected-steps > article:not(.connected-film) p {
  color: #555b57;
}
body.cadrane-editorial .agent-principles > article {
  color: #0f0f10;
  border-radius: 28px;
}
body.cadrane-editorial .principle-copy h3 {
  font: 600 24px/1.2 var(--font-display);
  letter-spacing: -0.025em;
  color: #0f0f10;
}
body.cadrane-editorial .principle-copy p {
  color: #555b57;
}
body.cadrane-editorial .principle-copy .agent-eyebrow {
  color: #397b16;
}
body.cadrane-editorial .product-orbits > span {
  color: #404040;
}
body.cadrane-editorial .approval-demo > div {
  color: #404040;
}
body.cadrane-editorial .pilot-offer {
  background: #fbfbfb;
  color: #0f0f10;
  border-radius: 32px;
}
body.cadrane-editorial .pilot-offer :is(h2, em, h3, p, small) {
  color: inherit;
}
body.cadrane-editorial .pilot-offer .eyebrow {
  color: #397b16;
}
body.cadrane-editorial .faq :is(h2, summary) {
  color: #fbfbfb;
}
body.cadrane-editorial .closing-v2 :is(h2, h2 em) {
  color: #fbfbfb;
}
body.cadrane-editorial .closing-star {
  display: none;
}
body.cadrane-editorial .site-footer :is(p, a, small, .footer-bottom) {
  color: #ffffffba;
}
body.cadrane-editorial .site-footer .logo {
  color: #fbfbfb;
}
body.cadrane-editorial .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
  text-align: center;
}
body.cadrane-editorial .btn > span {
  font-size: inherit;
  line-height: 1;
  flex: none;
}
body.cadrane-editorial .nav-actions .btn.small {
  min-height: 36px;
  padding: 6px 12px;
  font-size: 14px;
}
body.cadrane-editorial .hero-note {
  color: #ffffffba;
}
body.cadrane-editorial .agent-takeaway {
  color: #c6e9b8;
}
body.cadrane-editorial .campaign-caption {
  color: #ffffffba;
}
body.cadrane-editorial .site-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #010808ef;
  backdrop-filter: blur(12px);
}
body.cadrane-editorial .nav-discover > .nav-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 560px;
  max-width: calc(100vw - 32px);
  padding: 12px;
  gap: 4px;
}
body.cadrane-editorial .site-nav .nav-discover > .nav-feature-grid > a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  min-width: 0;
}
body.cadrane-editorial .site-nav .nav-discover > .nav-feature-grid > a:hover {
  background: #ffffff0d;
}
body.cadrane-editorial .nav-feature-grid strong {
  display: block;
  color: #fafafa;
  font-size: 14px;
  font-weight: 500;
}
body.cadrane-editorial .nav-feature-grid small {
  display: block;
  color: #ffffffba;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}
body.cadrane-editorial .nav-feature-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #72fd4e14;
  color: #72fd4e;
}
body.cadrane-editorial .nav-feature-icon svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 991px) {
  body.cadrane-editorial .nav-discover > .nav-feature-grid {
    position: static;
    width: auto;
    max-width: 100%;
    box-shadow: none;
    border-radius: 12px;
    margin-top: 8px;
  }
}
@media (max-width: 479px) {
  body.cadrane-editorial .nav-discover > .nav-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.cadrane-editorial .site-nav > nav.open {
    max-height: calc(100dvh - 96px);
    overflow: auto;
  }
}
@media (prefers-reduced-motion: no-preference) {
  body.cadrane-editorial .nav-discover[open] > .nav-feature-grid {
    animation: cadrane-menu-in 200ms cubic-bezier(0.32, 0.72, 0, 1);
  }
  @keyframes cadrane-menu-in {
    from {
      opacity: 0;
      transform: translateY(-4px) scale(0.92);
      filter: blur(10px);
    }
    to {
      opacity: 1;
      transform: none;
      filter: blur(0);
    }
  }
}
/* Component parity pass: exact geometry and surfaces from the supplied specimen. */
body.cadrane-editorial {
  font-size: 16px;
  letter-spacing: -0.007em;
}
body.cadrane-editorial .site-nav {
  padding: 24px 32px;
  min-height: 84px;
  height: auto;
  width: 100%;
  max-width: none;
}
body.cadrane-editorial .site-nav > nav {
  gap: 8px;
}
body.cadrane-editorial .site-nav nav > a,
body.cadrane-editorial .nav-discover > summary {
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 12px;
}
body.cadrane-editorial .nav-discover > .nav-feature-grid {
  width: 54em;
  background: var(--lp-neutral-dark);
  border: 0;
  outline: 1px solid #ffffff0f;
  outline-offset: -1px;
  border-radius: 28px;
  padding: 16px;
  gap: 12px 6px;
  box-shadow: var(--lp-sh-glass);
}
body.cadrane-editorial .site-nav .nav-discover > .nav-feature-grid > a {
  gap: 16px;
  padding: 10px 28px 10px 10px;
  border-radius: 16px;
}
body.cadrane-editorial .nav-feature-icon {
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 14px;
  color: var(--lp-green);
  background: #ffffff0a;
  outline: 1px solid #ffffff05;
  outline-offset: -1px;
  box-shadow: var(--lp-sh-glass);
}
body.cadrane-editorial .btn {
  position: relative;
  isolation: isolate;
  z-index: 1;
  border: 0;
  background: none;
  box-shadow: none;
  font: 600 16px/1.4 var(--font-sans);
  letter-spacing: -0.007em;
  transition: none;
  transform: none;
}
body.cadrane-editorial .btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 18px;
  background:
    linear-gradient(0deg, #01080829, #01080829),
    linear-gradient(135deg, #9cfd00 0%, #00f537 100%);
  outline: 1px solid transparent;
  outline-offset: -1px;
  box-shadow: var(--lp-sh-green);
  transition: all 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
body.cadrane-editorial .btn:hover::before {
  inset: 2px;
}
body.cadrane-editorial .btn:active::before {
  scale: 0.95;
}
body.cadrane-editorial .btn.secondary,
body.cadrane-editorial .btn.ghost,
body.cadrane-editorial .btn.white {
  background: none;
  box-shadow: none;
}
body.cadrane-editorial .btn.secondary::before {
  background: transparent;
  outline-color: color-mix(in srgb, currentColor 8%, transparent);
  box-shadow: var(--lp-sh-glass);
}
body.cadrane-editorial .btn.ghost::before {
  background: color-mix(in srgb, currentColor 6%, transparent);
  outline-color: color-mix(in srgb, currentColor 6%, transparent);
  box-shadow: var(--lp-sh-glass);
}
body.cadrane-editorial .btn.white::before {
  background: #fff;
  box-shadow: var(--lp-sh-base);
}
body.cadrane-editorial .btn.small {
  min-height: 36px;
  padding: 6px 12px;
  font-size: 14px;
}
body.cadrane-editorial .btn.small::before {
  border-radius: 14px;
}
body.cadrane-editorial .hero-copy h1 em {
  background-image: linear-gradient(135deg, #9cfd00, #00f537);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
body.cadrane-editorial .hero-eyebrow {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 auto 20px;
  padding: 6px 14px 6px 6px;
  gap: 10px;
  border: 1px solid #ffffff0f;
  border-radius: 9999px;
  background: #ffffff0f;
  color: #fafafa;
  font: 500 14px/1.4 var(--font-sans);
  letter-spacing: normal;
}
body.cadrane-editorial .hero-eyebrow i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #72fd4e;
}
body.cadrane-editorial .reference-hero-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 20px 0;
}
body.cadrane-editorial .reference-hero-tag {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  border-radius: 9999px;
  border: 1px solid #ffffff0f;
  font: 500 14px/1.4 var(--font-sans);
}
body.cadrane-editorial :is(.agent-eyebrow, .eyebrow):not(.hero-eyebrow) {
  font:
    500 14px/1.4 "Geist Mono",
    monospace;
  letter-spacing: normal;
}
body.cadrane-editorial .commerce-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.cadrane-editorial .commerce-feature {
  display: flex;
  flex-direction: column;
  border: 0;
}
body.cadrane-editorial .commerce-feature:nth-child(2n + 1) {
  border-right: 1px solid var(--lp-border-on-light);
}
body.cadrane-editorial .commerce-feature-copy {
  padding: 24px 44px 44px;
}
body.cadrane-editorial .commerce-feature-copy h3 {
  font: 500 18px/1.4 var(--font-sans);
  letter-spacing: normal;
  margin: 0 0 8px;
}
body.cadrane-editorial .commerce-feature-copy p {
  font: 400 14px/1.4 var(--font-sans);
  margin: 0;
  color: var(--lp-text-fade-on-light);
}
body.cadrane-editorial .feature-scene {
  height: 200px;
  min-height: 200px;
}
body.cadrane-editorial .reference-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 12px;
  padding: 20px;
  border-inline: 1px solid var(--lp-border-on-light);
  margin-bottom: 24px;
}
body.cadrane-editorial .reference-benefits span {
  padding: 8px 16px 8px 12px;
  border-radius: 9999px;
  background: #fff;
  box-shadow: var(--lp-sh-base);
  color: #0f0f10;
  font: 500 14px/1.4 var(--font-sans);
}
body.cadrane-editorial .client-feedback-grid article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border: 0;
  border-radius: 28px;
  background: color-mix(in srgb, currentColor 4%, transparent);
  outline: 1px solid color-mix(in srgb, currentColor 6%, transparent);
  outline-offset: -1px;
  box-shadow: var(--lp-sh-glass-lt);
}
body.cadrane-editorial .client-feedback-grid blockquote {
  margin: 0;
  font: 400 16px/1.4 var(--font-sans);
}
body.cadrane-editorial .client-feedback-grid strong {
  font: 500 14px/1.4 var(--font-sans);
}
body.cadrane-editorial .client-feedback-grid small {
  font: 400 14px/1.4 var(--font-sans);
  color: color-mix(in srgb, currentColor 50%, transparent);
}
body.cadrane-editorial .client-feedback-grid img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
body.cadrane-editorial .faq h2 {
  font-size: 44px;
}
body.cadrane-editorial .faq summary {
  gap: 16px;
  display: flex;
  justify-content: space-between;
  border: 0;
  padding: 20px 0;
  font: 500 16px/1.4 var(--font-sans);
}
body.cadrane-editorial .faq details {
  border-color: color-mix(in srgb, currentColor 12%, transparent);
}
body.cadrane-editorial .faq details p {
  padding-bottom: 20px;
  margin: 0;
}
body.cadrane-editorial .faq summary > span {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 1;
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
body.cadrane-editorial .faq details[open] summary > span {
  transform: rotateX(180deg);
}
body.cadrane-editorial .feature-floating-label {
  padding: 6px 12px 6px 10px;
  border: 0;
  border-radius: 10px;
  background: #fff;
  color: #0f0f10;
  box-shadow: var(--lp-sh-base);
  font: 500 12px/1.4 var(--font-sans);
}
body.cadrane-editorial .tour-frame {
  padding: 10px;
  border-radius: 36px;
  background: color-mix(in srgb, currentColor 2%, transparent);
  border: 0;
  outline: 1px solid color-mix(in srgb, currentColor 6%, transparent);
  outline-offset: -1px;
  box-shadow: var(--lp-sh-glass);
}
body.cadrane-editorial .tour-frame video {
  display: block;
  border-radius: 26px;
  border: 1px solid color-mix(in srgb, currentColor 4%, transparent);
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
body.cadrane-editorial .site-footer {
  padding: 48px 40px 32px;
  gap: 20px;
}
body.cadrane-editorial .footer-links {
  gap: 40px;
}
body.cadrane-editorial .footer-bottom {
  border-top: 1px dashed color-mix(in srgb, currentColor 12%, transparent);
  padding: 20px 40px;
  font-size: 14px;
}
body.cadrane-editorial .mobile-account-link {
  color: #bffd04 !important;
  border-color: #ffffff1f !important;
}
@media (max-width: 991px) {
  body.cadrane-editorial .site-nav {
    width: 100%;
    padding: 16px;
  }
  body.cadrane-editorial .site-nav > nav.open {
    left: 16px;
    right: 16px;
  }
  body.cadrane-editorial .nav-discover > .nav-feature-grid {
    width: auto;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  body.cadrane-editorial .commerce-feature-grid {
    grid-template-columns: 1fr;
  }
  body.cadrane-editorial .commerce-feature:nth-child(2n + 1) {
    border-right: 0;
  }
  body.cadrane-editorial .commerce-feature-copy {
    padding: 24px;
  }
  body.cadrane-editorial .faq h2 {
    font-size: 32px;
  }
  body.cadrane-editorial .site-footer,
  body.cadrane-editorial .footer-bottom {
    padding-inline: 16px;
  }
  body.cadrane-editorial .reference-hero-tags {
    gap: 8px;
  }
  body.cadrane-editorial .hero-eyebrow {
    font-size: 12px;
  }
  body.cadrane-editorial .btn.small {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.cadrane-editorial .btn::before {
    transition: none !important;
  }
}
body.cadrane-editorial .learning-chart {
  padding: 12px;
  gap: 8px;
  border-radius: 16px;
  background: #fff;
  color: #0f0f10;
  box-shadow: var(--lp-sh-base);
  font: 400 14px/1.4 var(--font-sans);
}
body.cadrane-editorial .site-nav {
  padding: 24px;
}
body.cadrane-editorial .hero-copy h1 {
  font-weight: 600;
}
body.cadrane-editorial .hero-eyebrow {
  border-radius: 99em;
}
body.cadrane-editorial .reference-benefits span {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 999em;
}
body.cadrane-editorial .commerce-feature-copy h3 {
  letter-spacing: inherit;
}
@media (max-width: 991px) {
  body.cadrane-editorial .site-nav {
    padding: 16px;
  }
}
/* Same centered hero composition as the specimen; Cadrane's fictitious campaign
   media stay together beneath it rather than occupying the reading space. */
body.cadrane-editorial .orbit-hero {
  min-height: 0;
  padding: 48px 24px 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  background:
    radial-gradient(
      60% 60% at 50% 30%,
      color-mix(in srgb, #0ced1e 8%, transparent),
      transparent 70%
    ),
    #010808;
}
body.cadrane-editorial .hero-v2 .hero-copy {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: 800px;
  padding: 0;
  margin: 0 auto;
}
body.cadrane-editorial .hero-collective {
  display: none;
}
body.cadrane-editorial .hero-copy h1 {
  max-width: 720px;
  margin: 0 auto;
}
body.cadrane-editorial .hero-copy > p {
  max-width: 420px;
  margin: 16px auto 0;
}
body.cadrane-editorial .reference-hero-tags {
  margin: 16px 0 28px;
}
body.cadrane-editorial .hero-actions {
  margin: 0;
}
body.cadrane-editorial .orbit-stage {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: min(100%, 1050px);
  gap: 12px;
  margin-top: 40px;
  height: auto;
}
body.cadrane-editorial .orbit-stage .orbit-card {
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  aspect-ratio: 168/150;
  transform: none !important;
}
body.cadrane-editorial .orbit-stage .orbit-inner {
  border: 1px solid #ffffff18;
  border-radius: 16px;
  transform: none !important;
  box-shadow: var(--lp-sh-glass);
}
body.cadrane-editorial .orbit-brand {
  font-size: 11px;
  left: 10px;
  bottom: 8px;
}
body.cadrane-editorial .hero-foot {
  position: relative;
  inset: auto;
  width: min(100%, 1200px);
  margin-top: 24px;
}
@media (max-width: 767px) {
  body.cadrane-editorial .orbit-hero {
    padding: 40px 16px 48px;
  }
  body.cadrane-editorial .orbit-stage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 24px;
  }
  body.cadrane-editorial .reference-hero-tag {
    font-size: 12px;
  }
}
body.cadrane-editorial .reference-hero-tag {
  border-radius: 99em;
}
body.cadrane-editorial .faq summary > img {
  width: 18px;
  height: 18px;
  filter: invert(1);
  flex-shrink: 0;
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
body.cadrane-editorial .faq details[open] summary > img {
  transform: rotateX(180deg);
}
/* Rolling label stays a single accessible link, including keyboard focus. */
body.cadrane-editorial .btn > .lp-button-roll {
  display: inline-grid;
  overflow: hidden;
  height: 1.4em;
  font: inherit;
  line-height: 1.4;
  transform: none;
}
body.cadrane-editorial .lp-button-label {
  display: block;
  grid-area: 1 / 1;
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1);
}
body.cadrane-editorial .lp-button-label[aria-hidden="true"] {
  transform: translateY(110%);
}
body.cadrane-editorial .btn:is(:hover, :focus-visible) .lp-button-label {
  transform: translateY(-110%);
}
body.cadrane-editorial
  .btn:is(:hover, :focus-visible)
  .lp-button-label[aria-hidden="true"] {
  transform: translateY(0);
}
html.motion-paused body.cadrane-editorial .lp-button-label,
html.motion-paused body.cadrane-editorial .nav-feature-grid {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
}
html.motion-paused body.cadrane-editorial .lp-button-label[aria-hidden="true"] {
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  body.cadrane-editorial .lp-button-label {
    transition: none !important;
    transform: none !important;
  }
  body.cadrane-editorial .lp-button-label[aria-hidden="true"] {
    visibility: hidden;
  }
}
/* Language choice in the header and the footer: both languages are shown and
   the one in use is marked, so the choice is visible without opening anything. */
body.cadrane-editorial .lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
body.cadrane-editorial .lang-switch a {
  padding: 6px 4px;
  color: #ffffffb3;
  text-decoration: none;
  border-radius: 4px;
}
body.cadrane-editorial .lang-switch a:hover,
body.cadrane-editorial .lang-switch a[aria-current="page"] {
  color: #fff;
}
body.cadrane-editorial .lang-switch a[aria-current="page"] {
  font-weight: 700;
}
body.cadrane-editorial .lang-switch a:focus-visible {
  outline: 2px solid #bffd04;
  outline-offset: 1px;
}
body.cadrane-editorial .lang-switch i {
  font-style: normal;
  color: #ffffff59;
}
body.cadrane-editorial .footer-bottom .lang-switch {
  align-items: baseline;
  font-size: 12px;
}
body.cadrane-editorial .footer-bottom .lang-switch a {
  padding: 0 3px;
  color: #ffffffb3;
}
body.cadrane-editorial .footer-bottom .lang-switch a:first-of-type {
  padding-left: 0;
}
body.cadrane-editorial .footer-bottom .lang-switch a[aria-current="page"] {
  color: #fff;
}