html.marketing-light-html,
html.marketing-light-html body {
  background: #f2f2ec;
}

body.marketing-light {
  background:
    linear-gradient(180deg, #f7f7f2 0%, #efeee7 54%, #e5e3da 100%);
  color: #151513;
}

body.marketing-light .grain::before {
  opacity: 0.012;
  mix-blend-mode: multiply;
}

body.marketing-light .hero-glow {
  background: transparent;
}

body.marketing-light .text-bone,
body.marketing-light .display.text-bone,
body.marketing-light h1.text-bone,
body.marketing-light h2.text-bone,
body.marketing-light h3.text-bone,
body.marketing-light h4.text-bone {
  color: #151513 !important;
}

body.marketing-light .text-bone-2 {
  color: #3f392f !important;
}

body.marketing-light .text-bone-3 {
  color: #746750 !important;
}

body.marketing-light .text-amber,
body.marketing-light a.text-amber {
  color: #9a6a18 !important;
}

body.marketing-light .hairline,
body.marketing-light .border-line,
body.marketing-light .divide-line > * + * {
  border-color: #d8d6cc !important;
}

body.marketing-light nav {
  background: rgba(242,242,236,0.94) !important;
  border-bottom: 1px solid rgba(40,31,18,0.12);
  box-shadow: none;
}

body.marketing-light .wordmark {
  color: #151513;
}

body.marketing-light .wordmark-dot {
  color: #bc8b34;
}

body.marketing-light .site-nav-links {
  color: #4d4234 !important;
}

body.marketing-light .site-nav-links > a:hover,
body.marketing-light .nav-trigger:hover,
body.marketing-light .nav-trigger:focus-visible,
body.marketing-light .nav-group:hover .nav-trigger,
body.marketing-light .nav-group[data-open="true"] .nav-trigger,
body.marketing-light .nav-checker-cta {
  color: #151513 !important;
}

body.marketing-light .nav-dropdown {
  background: #fbfaf5 !important;
  border-color: rgba(40,31,18,0.14) !important;
  box-shadow: 0 18px 46px rgba(38,30,17,0.12);
}

body.marketing-light .nav-dropdown-kicker,
body.marketing-light .mobile-nav-heading {
  color: #9a6a18 !important;
}

body.marketing-light .nav-dropdown-link,
body.marketing-light .nav-dropdown-note,
body.marketing-light .mobile-nav-panel a {
  color: #4b3f30 !important;
}

body.marketing-light .nav-dropdown-link:hover,
body.marketing-light .nav-dropdown-link:focus-visible,
body.marketing-light .mobile-nav-panel a:hover {
  background: rgba(154,106,24,0.08) !important;
  color: #151513 !important;
}

body.marketing-light .nav-dropdown-link strong,
body.marketing-light .nav-dropdown-note strong,
body.marketing-light .mobile-nav-panel a span,
body.marketing-light footer .display {
  color: #151513 !important;
}

body.marketing-light .nav-dropdown-link span,
body.marketing-light .nav-dropdown-note span {
  color: #746f65 !important;
}

body.marketing-light .nav-dropdown-note {
  background: rgba(194,143,54,0.10) !important;
  border-color: rgba(154,106,24,0.26) !important;
}

body.marketing-light .mobile-nav-toggle span {
  background: #151513;
}

body.marketing-light .mobile-nav-panel {
  background: rgba(242,242,236,0.98);
  border-bottom: 1px solid rgba(40,31,18,0.12);
}

body.marketing-light .pane,
body.marketing-light .pane-strong,
body.marketing-light .checker-suggest-panel,
body.marketing-light .pricing-card,
body.marketing-light article.pane,
body.marketing-light article.pane-strong,
body.marketing-light aside.pane {
  background: #fbfaf5 !important;
  border-color: #d1cec4 !important;
  box-shadow: 0 10px 26px rgba(47,36,19,0.08);
  backdrop-filter: none;
}

body.marketing-light .pane-strong {
  background: #fffdf6 !important;
}

body.marketing-light .pane[style],
body.marketing-light article[style],
body.marketing-light .pricing-card[style] {
  background: #fbfaf5 !important;
  border-color: #cbc7bc !important;
}

body.marketing-light .pricing-offer-card,
body.marketing-light .pricing-card,
body.marketing-light .pricing-anchor-grid a,
body.marketing-light .cart-step,
body.marketing-light .pricing-rule-row {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition:
    transform 260ms cubic-bezier(.2,.8,.2,1),
    border-color 260ms ease,
    box-shadow 260ms ease,
    background-color 260ms ease;
}

body.marketing-light .pricing-offer-card,
body.marketing-light .pricing-card,
body.marketing-light .pricing-anchor-grid a {
  animation: censumProductIn 520ms cubic-bezier(.2,.8,.2,1) backwards;
}

body.marketing-light .pricing-offer-card::before,
body.marketing-light .pricing-card::before,
body.marketing-light .pricing-anchor-grid a::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-18%);
  background:
    linear-gradient(118deg,
      transparent 0%,
      rgba(255,250,240,0.08) 32%,
      rgba(199,150,61,0.16) 48%,
      rgba(255,250,240,0.12) 58%,
      transparent 78%);
  transition:
    opacity 260ms ease,
    transform 520ms cubic-bezier(.2,.8,.2,1);
}

body.marketing-light .pricing-offer-card::after,
body.marketing-light .pricing-card::after {
  content: "";
  position: absolute;
  inset: auto 1.1rem 0.9rem 1.1rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(154,106,24,0.48), transparent);
  opacity: 0;
  transform: scaleX(.64);
  transition:
    opacity 240ms ease,
    transform 300ms ease;
}

body.marketing-light .pricing-offer-card:hover,
body.marketing-light .pricing-offer-card:focus-within,
body.marketing-light .pricing-card:hover,
body.marketing-light .pricing-card:focus-within {
  transform: translateY(-7px);
  border-color: #b88632 !important;
  box-shadow: 0 20px 46px rgba(47,36,19,0.16);
}

body.marketing-light .pricing-anchor-grid a:hover,
body.marketing-light .pricing-anchor-grid a:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(47,36,19,0.10);
}

body.marketing-light .pricing-offer-card:hover::before,
body.marketing-light .pricing-offer-card:focus-within::before,
body.marketing-light .pricing-card:hover::before,
body.marketing-light .pricing-card:focus-within::before,
body.marketing-light .pricing-anchor-grid a:hover::before,
body.marketing-light .pricing-anchor-grid a:focus-visible::before {
  opacity: 1;
  transform: translateX(16%);
}

body.marketing-light .pricing-offer-card:hover::after,
body.marketing-light .pricing-offer-card:focus-within::after,
body.marketing-light .pricing-card:hover::after,
body.marketing-light .pricing-card:focus-within::after {
  opacity: 1;
  transform: scaleX(1);
}

body.marketing-light .pricing-offer-card .pill,
body.marketing-light .pricing-card .pill {
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease;
}

body.marketing-light .pricing-offer-card:hover .pill,
body.marketing-light .pricing-offer-card:focus-within .pill,
body.marketing-light .pricing-card:hover .pill,
body.marketing-light .pricing-card:focus-within .pill {
  transform: translateY(-1px);
  border-color: rgba(154,106,24,0.52) !important;
  background: rgba(188,139,52,0.13) !important;
}

body.marketing-light .pricing-offer-card .btn,
body.marketing-light .pricing-card .btn {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease,
    border-color 220ms ease;
}

body.marketing-light .pricing-offer-card:hover .btn,
body.marketing-light .pricing-offer-card:focus-within .btn,
body.marketing-light .pricing-card:hover .btn,
body.marketing-light .pricing-card:focus-within .btn {
  transform: translateY(-2px);
}

body.marketing-light .pricing-offer-card:nth-child(2),
body.marketing-light .pricing-card:nth-child(2) {
  animation-delay: 50ms;
}

body.marketing-light .pricing-offer-card:nth-child(3),
body.marketing-light .pricing-card:nth-child(3) {
  animation-delay: 100ms;
}

body.marketing-light .pricing-offer-card:nth-child(4),
body.marketing-light .pricing-card:nth-child(4) {
  animation-delay: 150ms;
}

@keyframes censumProductIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes censumScanLine {
  0%, 100% { transform: translateX(0); opacity: 0.38; }
  50% { transform: translateX(210px); opacity: 0.92; }
}

@keyframes censumFloatSoft {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes censumPulseSoft {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.035); }
}

@keyframes censumBarLift {
  0%, 100% { transform: scaleY(0.78); opacity: 0.72; }
  50% { transform: scaleY(1); opacity: 1; }
}

@keyframes censumPacketLift {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-7px) rotate(1deg); }
}

@keyframes censumProofLine {
  0%, 100% { transform: scaleX(0.78); opacity: 0.62; }
  50% { transform: scaleX(1); opacity: 1; }
}

@keyframes censumUploadPulse {
  70% { box-shadow: 0 0 0 18px rgba(154,106,24,0); }
  100% { box-shadow: 0 0 0 0 rgba(154,106,24,0); }
}

@keyframes censumScanLineStrong {
  0%, 100% { transform: translateX(-26px); opacity: 0.18; }
  18% { opacity: 0.98; }
  58% { transform: translateX(238px); opacity: 0.98; }
  78% { transform: translateX(282px); opacity: 0.22; }
}

@keyframes censumCardDrift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  35% { transform: translate3d(12px, -5px, 0); }
  68% { transform: translate3d(-8px, 4px, 0); }
}

@keyframes censumRingPulseSpin {
  0%, 100% { transform: rotate(0deg) scale(1); }
  42% { transform: rotate(8deg) scale(1.055); }
  72% { transform: rotate(-5deg) scale(0.985); }
}

@keyframes censumBarBounce {
  0%, 100% { transform: scaleY(0.46); opacity: 0.58; }
  45% { transform: scaleY(1.08); opacity: 1; }
  70% { transform: scaleY(0.82); opacity: 0.82; }
}

@keyframes censumPacketStackDrift {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  45% { transform: translate3d(10px, -7px, 0) rotate(1.6deg); }
}

@keyframes censumProofSweep {
  0%, 100% { transform: scaleX(0.55); opacity: 0.42; }
  45% { transform: scaleX(1); opacity: 1; }
}

@keyframes censumUploadBeacon {
  0% { transform: scale(0.82); box-shadow: 0 0 0 0 rgba(217,181,109,0.42); }
  55% { transform: scale(1.12); box-shadow: 0 0 0 18px rgba(217,181,109,0); }
  100% { transform: scale(0.82); box-shadow: 0 0 0 0 rgba(217,181,109,0); }
}

body.marketing-light .btn-primary,
body.marketing-light .btn-amber {
  background: #5b564c !important;
  color: #fffaf0 !important;
  box-shadow: 0 8px 18px rgba(55,45,31,0.12);
}

body.marketing-light .btn-primary:hover,
body.marketing-light .btn-amber:hover {
  background: #474237 !important;
  box-shadow: 0 10px 24px rgba(55,45,31,0.16);
}

body.marketing-light .btn-ghost {
  background: transparent !important;
  color: #151513 !important;
  border-color: #c6ad7d !important;
}

body.marketing-light .btn-ghost:hover {
  background: rgba(194,143,54,0.08) !important;
  border-color: #a87928 !important;
}

body.marketing-light .pill {
  background: rgba(251,250,245,0.76) !important;
  border-color: #cbc7bc !important;
  color: #5b4d3c !important;
}

body.marketing-light .pill-amber,
body.marketing-light .pill-emerald {
  color: #8c631d !important;
  border-color: rgba(188,139,52,0.36) !important;
  background: rgba(188,139,52,0.10) !important;
}

body.marketing-light .eyebrow,
body.marketing-light .pricing-status,
body.marketing-light .cart-step-code {
  color: #8c631d !important;
  letter-spacing: 0.14em;
}

body.marketing-light .pricing-status {
  background: #fbfaf5 !important;
  border-color: #cbc7bc !important;
}

body.marketing-light .pricing-status-live {
  background: rgba(188,139,52,0.10) !important;
  border-color: rgba(188,139,52,0.34) !important;
}

body.marketing-light input,
body.marketing-light textarea,
body.marketing-light select {
  color: #151513 !important;
}

body.marketing-light input::placeholder,
body.marketing-light textarea::placeholder {
  color: #8c867c !important;
}

body.marketing-light .hero-check-strip input,
body.marketing-light #search-input {
  background: #fffdf6 !important;
  border-radius: 999px;
}

body.marketing-light .hero-check-strip .grid div,
body.marketing-light form#search .grid div {
  background: rgba(251,250,245,0.78);
  border-color: #d1cec4 !important;
  color: #675641 !important;
}

body.marketing-light .pricing-anchor-grid a {
  color: #3f3528 !important;
  background: #fbfaf5 !important;
  border-color: #d1cec4 !important;
  box-shadow: none;
}

body.marketing-light .pricing-anchor-grid a:hover {
  background: #fffdf6 !important;
  border-color: rgba(188,139,52,0.42) !important;
  color: #151513 !important;
}

body.marketing-light .cart-row,
body.marketing-light .pricing-rule-row,
body.marketing-light .cart-step {
  border-color: #ddc8a2 !important;
}

body.marketing-light .cart-row-name,
body.marketing-light .cart-remove {
  color: #151513 !important;
}

body.marketing-light .cart-row-meta {
  color: #74644e !important;
}

body.marketing-light .checker-suggest-panel {
  background: #fffdf6 !important;
  box-shadow: 0 18px 48px rgba(38,30,17,0.16);
}

body.marketing-light .building-pin-card,
body.marketing-light .building-pin-card:nth-child(even),
body.marketing-light .building-pin-empty,
body.marketing-light .building-pin-instruction {
  background: #fffdf6 !important;
  border-color: #d1cec4 !important;
  box-shadow: none;
}

body.marketing-light .building-unit-label,
body.marketing-light .building-pin-prefix,
body.marketing-light .building-pin-metric-value {
  color: #151513 !important;
}

body.marketing-light .building-pin-number {
  color: #746f65 !important;
}

body.marketing-light .analytics-card .analytics-visual-img {
  background: #fffdf6;
  border-bottom-color: #cbc7bc !important;
}

body.marketing-light .analytics-card {
  border-color: #cbc7bc !important;
}

body.marketing-home.marketing-light .walkthrough-shell,
body.marketing-home.marketing-light .analytics-card,
body.marketing-home.marketing-light .sb-stage {
  background:
    radial-gradient(90% 70% at 82% 0%, rgba(188,139,52,0.12), transparent 62%),
    linear-gradient(180deg, #ebe9e1 0%, #d7d3c8 100%) !important;
  border-color: #bbb6a8 !important;
  box-shadow: 0 20px 52px rgba(47,36,19,0.11);
}

body.marketing-home.marketing-light .walkthrough-shell,
body.marketing-home.marketing-light .analytics-card {
  overflow: hidden;
}

body.marketing-home.marketing-light .walkthrough-video,
body.marketing-home.marketing-light .analytics-video {
  background:
    linear-gradient(180deg, #d8d6ce 0%, #c4c0b6 100%) !important;
  object-fit: contain !important;
}

body.marketing-home.marketing-light .analytics-video {
  aspect-ratio: 16 / 10 !important;
  border-bottom-color: #bbb6a8 !important;
}

body.marketing-home.marketing-light .analytics-motion {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-bottom: 1px solid #bbb6a8;
  background:
    radial-gradient(70% 80% at 18% 8%, rgba(255,250,240,0.52), transparent 60%),
    linear-gradient(180deg, #d9d7cf 0%, #c5c1b7 100%);
}

body.marketing-home.marketing-light .analytics-motion::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(129,105,70,0.18);
  border-radius: 16px;
}

body.marketing-home.marketing-light .motion-scan-line {
  position: absolute;
  inset: 18px auto 18px 22%;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(154,106,24,0.54), transparent);
  animation: censumScanLine 4.8s cubic-bezier(.2,.8,.2,1) infinite;
}

body.marketing-home.marketing-light .motion-pin-card {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(72%, 18rem);
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(129,105,70,0.18);
  border-radius: 14px;
  background: rgba(255,248,235,0.68);
  box-shadow: 0 10px 30px rgba(61,47,25,0.08);
  color: #4b4132;
  font-size: 0.76rem;
}

body.marketing-home.marketing-light .motion-pin-card b {
  color: #151513;
  font-size: 0.9rem;
}

body.marketing-home.marketing-light .motion-pin-card-a {
  top: 24%;
  left: 12%;
}

body.marketing-home.marketing-light .motion-pin-card-b {
  top: 46%;
  right: 10%;
  animation: censumFloatSoft 5.8s ease-in-out infinite;
}

body.marketing-home.marketing-light .motion-pin-card-c {
  bottom: 18%;
  left: 18%;
  width: min(56%, 14rem);
  animation: censumFloatSoft 6.4s ease-in-out 500ms infinite;
}

body.marketing-home.marketing-light .motion-score-ring {
  width: 8.4rem;
  height: 8.4rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    conic-gradient(from -90deg, rgba(154,106,24,0.62) 0 82%, rgba(255,248,235,0.42) 82% 100%);
  box-shadow: inset 0 0 0 18px rgba(255,248,235,0.72);
  animation: censumPulseSoft 3.8s ease-in-out infinite;
}

body.marketing-home.marketing-light .motion-score-ring span {
  color: #151513;
  font-weight: 850;
  font-size: 1.45rem;
}

body.marketing-home.marketing-light .motion-bars {
  position: absolute;
  right: 16%;
  bottom: 17%;
  display: flex;
  align-items: end;
  gap: 0.5rem;
  height: 5rem;
}

body.marketing-home.marketing-light .motion-bars i {
  width: 0.62rem;
  height: var(--h);
  border-radius: 999px 999px 0 0;
  background: rgba(154,106,24,0.42);
  animation: censumBarLift 3.2s ease-in-out var(--d) infinite;
}

body.marketing-home.marketing-light .motion-packet-stack {
  position: absolute;
  left: 17%;
  top: 22%;
  width: 9.6rem;
  height: 7rem;
}

body.marketing-home.marketing-light .motion-packet-stack i {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(129,105,70,0.20);
  border-radius: 12px;
  background: rgba(255,248,235,0.72);
  box-shadow: 0 12px 28px rgba(61,47,25,0.08);
}

body.marketing-home.marketing-light .motion-packet-stack i:nth-child(1) {
  transform: rotate(-5deg) translate(-8px, 10px);
}

body.marketing-home.marketing-light .motion-packet-stack i:nth-child(2) {
  transform: rotate(2deg) translate(9px, 5px);
}

body.marketing-home.marketing-light .motion-packet-stack i:nth-child(3) {
  animation: censumPacketLift 4.6s ease-in-out infinite;
}

body.marketing-home.marketing-light .motion-proof-list {
  position: absolute;
  right: 14%;
  top: 28%;
  display: grid;
  gap: 0.55rem;
  width: 11rem;
}

body.marketing-home.marketing-light .motion-proof-list span {
  height: 0.62rem;
  border-radius: 999px;
  background: rgba(83,73,55,0.20);
  transform-origin: left center;
  animation: censumProofLine 3.8s ease-in-out infinite;
}

body.marketing-home.marketing-light .motion-proof-list span:nth-child(2) {
  width: 82%;
  animation-delay: 180ms;
}

body.marketing-home.marketing-light .motion-proof-list span:nth-child(3) {
  width: 66%;
  animation-delay: 360ms;
}

body.marketing-home.marketing-light .motion-proof-list span:nth-child(4) {
  width: 74%;
  animation-delay: 540ms;
}

body.marketing-home.marketing-light .motion-upload-dot {
  position: absolute;
  right: 19%;
  bottom: 21%;
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  background: #8c631d;
  box-shadow: 0 0 0 0 rgba(154,106,24,0.28);
  animation: censumUploadPulse 2.4s ease-out infinite;
}

body.marketing-home.marketing-light .walkthrough-video {
  border-bottom: 1px solid #bbb6a8;
}

body.marketing-home.marketing-light .walkthrough-steps {
  border-top-color: #bbb6a8 !important;
  background: #bbb6a8 !important;
}

body.marketing-home.marketing-light .walkthrough-step {
  background: rgba(251,245,234,0.82) !important;
}

body.marketing-home.marketing-light .walkthrough-step b {
  color: #151513 !important;
}

body.marketing-home.marketing-light .walkthrough-step span {
  color: #746750 !important;
}

body.marketing-home.marketing-light .sb-stage {
  aspect-ratio: 16 / 10;
}

body.marketing-home.marketing-light .sb-progress {
  background: rgba(154,106,24,0.42) !important;
}

body.marketing-home.marketing-light .sb-pip {
  background: #c9bdab !important;
}

body.marketing-home.marketing-light .sb-pip.on {
  background: #8c631d !important;
}

body.marketing-home.marketing-light .bg-char-2,
body.marketing-home.marketing-light .bg-ink {
  background: rgba(29,23,15,0.07) !important;
}

body.marketing-home.marketing-light .analytics-card,
body.marketing-home.marketing-light .walkthrough-shell,
body.marketing-home.marketing-light .sb-stage {
  animation: censumProductIn 560ms cubic-bezier(.2,.8,.2,1) backwards;
  transition:
    transform 260ms cubic-bezier(.2,.8,.2,1),
    border-color 260ms ease,
    box-shadow 260ms ease;
}

body.marketing-home.marketing-light .analytics-card:hover,
body.marketing-home.marketing-light .walkthrough-shell:hover,
body.marketing-home.marketing-light .sb-stage:hover {
  transform: translateY(-4px);
  border-color: rgba(154,106,24,0.44) !important;
  box-shadow: 0 24px 58px rgba(47,36,19,0.16);
}

body.marketing-light .window-banner,
body.marketing-light .township-tape,
body.marketing-light .bg-char,
body.marketing-light .bg-char\/60 {
  background: rgba(29,23,15,0.06) !important;
}

body.marketing-light footer {
  background: #e5e3da;
  border-color: #cbc7bc !important;
  margin-top: 5rem !important;
}

body.marketing-light footer input[type="email"] {
  background: #fffdf6 !important;
  border-color: #c6ad7d !important;
}

body.marketing-light .divider {
  background: #cbc7bc !important;
}

body.marketing-light footer > div {
  padding-top: 3rem !important;
  padding-bottom: 2rem !important;
}

body.marketing-light footer > div > .grid {
  gap: 2rem !important;
}

body.marketing-light footer > div > .grid > div:nth-child(2) li:nth-child(n+7),
body.marketing-light footer > div > .grid > div:nth-child(4) li:nth-child(n+6) {
  display: none;
}

body.marketing-light footer .pane {
  margin-bottom: 1.5rem !important;
  padding: 1.1rem 1.25rem !important;
}

body.marketing-light footer .divider {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

@media (max-width: 640px) {
  body.marketing-light nav {
    box-shadow: none;
  }

  body.marketing-light .pane,
  body.marketing-light .pane-strong {
    box-shadow: 0 8px 22px rgba(47,36,19,0.07);
  }

  body.marketing-home #ticker {
    display: none;
  }

  body.marketing-light footer > div > .grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.marketing-light .pricing-offer-card,
  body.marketing-light .pricing-card,
  body.marketing-light .pricing-anchor-grid a,
  body.marketing-light .cart-step,
  body.marketing-light .pricing-rule-row,
  body.marketing-light .pricing-offer-card .pill,
  body.marketing-light .pricing-card .pill,
  body.marketing-light .pricing-offer-card .btn,
  body.marketing-light .pricing-card .btn {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  body.marketing-home.marketing-light .analytics-card,
  body.marketing-home.marketing-light .walkthrough-shell,
  body.marketing-home.marketing-light .sb-stage,
  body.marketing-home.marketing-light .analytics-motion *,
  body.marketing-home.marketing-light .analytics-motion::before {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  body.marketing-light .pricing-offer-card::before,
  body.marketing-light .pricing-offer-card::after,
  body.marketing-light .pricing-card::before,
  body.marketing-light .pricing-card::after,
  body.marketing-light .pricing-anchor-grid a::before {
    display: none !important;
  }
}

/* 2026-05-21: restore Censum charcoal base while keeping lighter product boxes. */
html.marketing-light-html,
html.marketing-light-html body {
  background: #0d0e10 !important;
}

body.marketing-light {
  background:
    radial-gradient(900px 520px at 22% -10%, rgba(212,168,87,0.12), transparent 62%),
    radial-gradient(760px 480px at 88% 14%, rgba(255,250,236,0.035), transparent 64%),
    linear-gradient(180deg, #101114 0%, #0b0c0e 46%, #111214 100%) !important;
  color: #f3efe5 !important;
}

body.marketing-light .grain::before {
  opacity: 0.035 !important;
  mix-blend-mode: screen !important;
}

body.marketing-light .text-bone,
body.marketing-light .display.text-bone,
body.marketing-light h1.text-bone,
body.marketing-light h2.text-bone,
body.marketing-light h3.text-bone,
body.marketing-light h4.text-bone,
body.marketing-light .nav-dropdown-link strong,
body.marketing-light .nav-dropdown-note strong,
body.marketing-light .mobile-nav-panel a span,
body.marketing-light footer .display {
  color: #f3efe5 !important;
}

body.marketing-light .text-bone-2,
body.marketing-light .site-nav-links {
  color: #d7d1c5 !important;
}

body.marketing-light .text-bone-3,
body.marketing-light .nav-dropdown-link span,
body.marketing-light .nav-dropdown-note span,
body.marketing-light .cart-row-meta,
body.marketing-light .building-pin-number {
  color: #a7a096 !important;
}

body.marketing-light .text-amber,
body.marketing-light a.text-amber,
body.marketing-light .nav-dropdown-kicker,
body.marketing-light .mobile-nav-heading,
body.marketing-light .eyebrow,
body.marketing-light .pricing-status,
body.marketing-light .cart-step-code {
  color: #d9b56d !important;
}

body.marketing-light .hairline,
body.marketing-light .border-line,
body.marketing-light .divide-line > * + *,
body.marketing-light .divider {
  border-color: rgba(243,239,229,0.10) !important;
  background: rgba(243,239,229,0.10) !important;
}

body.marketing-light nav {
  background: rgba(13,14,16,0.86) !important;
  border-bottom: 1px solid rgba(243,239,229,0.10) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.20) !important;
}

body.marketing-light .wordmark {
  color: #f7f2e8 !important;
}

body.marketing-light .wordmark-dot {
  color: #d9b56d !important;
}

body.marketing-light .site-nav-links > a:hover,
body.marketing-light .nav-trigger:hover,
body.marketing-light .nav-trigger:focus-visible,
body.marketing-light .nav-group:hover .nav-trigger,
body.marketing-light .nav-group[data-open="true"] .nav-trigger,
body.marketing-light .nav-checker-cta {
  color: #fffaf0 !important;
}

body.marketing-light .nav-dropdown,
body.marketing-light .mobile-nav-panel {
  background: rgba(25,26,30,0.98) !important;
  border-color: rgba(243,239,229,0.12) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,0.34) !important;
}

body.marketing-light .nav-dropdown-link,
body.marketing-light .nav-dropdown-note,
body.marketing-light .mobile-nav-panel a {
  color: #d7d1c5 !important;
}

body.marketing-light .nav-dropdown-link:hover,
body.marketing-light .nav-dropdown-link:focus-visible,
body.marketing-light .mobile-nav-panel a:hover {
  background: rgba(212,168,87,0.12) !important;
  color: #fffaf0 !important;
}

body.marketing-light .nav-dropdown-note {
  background: rgba(212,168,87,0.10) !important;
  border-color: rgba(212,168,87,0.28) !important;
}

body.marketing-light .mobile-nav-toggle span {
  background: #f3efe5 !important;
}

body.marketing-light .pane,
body.marketing-light .checker-suggest-panel,
body.marketing-light article.pane,
body.marketing-light aside.pane,
body.marketing-light .pricing-card,
body.marketing-light .pricing-offer-card,
body.marketing-light .pricing-anchor-grid a,
body.marketing-light .cart-step,
body.marketing-light .pricing-rule-row {
  background:
    radial-gradient(90% 80% at 76% 0%, rgba(212,168,87,0.055), transparent 58%),
    linear-gradient(180deg, #23242a 0%, #191a1f 100%) !important;
  border-color: rgba(243,239,229,0.13) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,0.24) !important;
  color: #f3efe5 !important;
}

body.marketing-light .pane-strong,
body.marketing-light article.pane-strong {
  background:
    radial-gradient(90% 80% at 70% 0%, rgba(212,168,87,0.08), transparent 62%),
    linear-gradient(180deg, #2b2c32 0%, #202127 100%) !important;
  border-color: rgba(212,168,87,0.22) !important;
  box-shadow: 0 24px 58px rgba(0,0,0,0.28) !important;
}

body.marketing-light .pane[style],
body.marketing-light article[style],
body.marketing-light .pricing-card[style] {
  background:
    radial-gradient(90% 80% at 76% 0%, rgba(212,168,87,0.07), transparent 58%),
    linear-gradient(180deg, #25262c 0%, #1b1c21 100%) !important;
  border-color: rgba(212,168,87,0.20) !important;
}

body.marketing-light .pricing-offer-card:hover,
body.marketing-light .pricing-offer-card:focus-within,
body.marketing-light .pricing-card:hover,
body.marketing-light .pricing-card:focus-within {
  border-color: rgba(217,181,109,0.62) !important;
  box-shadow: 0 28px 72px rgba(0,0,0,0.36) !important;
}

body.marketing-light .pricing-anchor-grid a:hover,
body.marketing-light .pricing-anchor-grid a:focus-visible {
  background:
    radial-gradient(90% 80% at 76% 0%, rgba(212,168,87,0.10), transparent 58%),
    linear-gradient(180deg, #2b2c32 0%, #202127 100%) !important;
  border-color: rgba(217,181,109,0.48) !important;
  color: #fffaf0 !important;
}

body.marketing-light .pricing-offer-card::before,
body.marketing-light .pricing-card::before,
body.marketing-light .pricing-anchor-grid a::before {
  background:
    linear-gradient(118deg,
      transparent 0%,
      rgba(255,250,240,0.06) 32%,
      rgba(217,181,109,0.18) 48%,
      rgba(255,250,240,0.08) 58%,
      transparent 78%) !important;
}

body.marketing-light .pricing-offer-card::after,
body.marketing-light .pricing-card::after {
  background: linear-gradient(90deg, transparent, rgba(217,181,109,0.58), transparent) !important;
}

body.marketing-light .btn-primary,
body.marketing-light .btn-amber {
  background: #d9b56d !important;
  color: #111214 !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.18) !important;
}

body.marketing-light .btn-primary:hover,
body.marketing-light .btn-amber:hover {
  background: #e4c57d !important;
  box-shadow: 0 18px 34px rgba(0,0,0,0.24) !important;
}

body.marketing-light .btn-ghost {
  background: rgba(243,239,229,0.035) !important;
  color: #f3efe5 !important;
  border-color: rgba(217,181,109,0.42) !important;
}

body.marketing-light .btn-ghost:hover {
  background: rgba(217,181,109,0.12) !important;
  border-color: rgba(217,181,109,0.68) !important;
}

body.marketing-light .pill,
body.marketing-light .pricing-status {
  background: rgba(243,239,229,0.055) !important;
  border-color: rgba(243,239,229,0.16) !important;
  color: #d7d1c5 !important;
}

body.marketing-light .pill-amber,
body.marketing-light .pill-emerald,
body.marketing-light .pricing-status-live {
  color: #e3bf75 !important;
  border-color: rgba(217,181,109,0.38) !important;
  background: rgba(217,181,109,0.11) !important;
}

body.marketing-light input,
body.marketing-light textarea,
body.marketing-light select,
body.marketing-light .hero-check-strip input,
body.marketing-light #search-input,
body.marketing-light footer input[type="email"] {
  background: #17181c !important;
  border-color: rgba(243,239,229,0.16) !important;
  color: #f3efe5 !important;
}

body.marketing-light input::placeholder,
body.marketing-light textarea::placeholder {
  color: #8d867a !important;
}

body.marketing-light .hero-check-strip .grid div,
body.marketing-light form#search .grid div {
  background: rgba(243,239,229,0.045) !important;
  border-color: rgba(243,239,229,0.13) !important;
  color: #bdb5a8 !important;
}

body.marketing-light .cart-row,
body.marketing-light .pricing-rule-row,
body.marketing-light .cart-step,
body.marketing-light .building-pin-card,
body.marketing-light .building-pin-card:nth-child(even),
body.marketing-light .building-pin-empty,
body.marketing-light .building-pin-instruction {
  border-color: rgba(217,181,109,0.22) !important;
}

body.marketing-light .cart-row-name,
body.marketing-light .cart-remove,
body.marketing-light .building-unit-label,
body.marketing-light .building-pin-prefix,
body.marketing-light .building-pin-metric-value,
body.marketing-light .tier-ladder-value {
  color: #f3efe5 !important;
}

body.marketing-light .tier-ladder-muted {
  color: #a7a096 !important;
}

body.marketing-light .tier-ladder-label {
  color: #d9b56d !important;
}

body.marketing-light .tier-ladder-item {
  border-top-color: rgba(217,181,109,0.34) !important;
}

body.marketing-light .tier-ladder-callout {
  background: rgba(217,181,109,0.10) !important;
  border-color: rgba(217,181,109,0.34) !important;
}

body.marketing-light .checker-suggest-panel,
body.marketing-light .building-pin-card,
body.marketing-light .building-pin-card:nth-child(even),
body.marketing-light .building-pin-empty,
body.marketing-light .building-pin-instruction {
  background: #202127 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.32) !important;
}

body.marketing-light .analytics-card .analytics-visual-img {
  background: #222329 !important;
  border-bottom-color: rgba(243,239,229,0.11) !important;
}

body.marketing-home.marketing-light .walkthrough-shell,
body.marketing-home.marketing-light .analytics-card,
body.marketing-home.marketing-light .sb-stage {
  background:
    radial-gradient(90% 70% at 82% 0%, rgba(217,181,109,0.10), transparent 62%),
    linear-gradient(180deg, #25262c 0%, #191a1f 100%) !important;
  border-color: rgba(243,239,229,0.13) !important;
  box-shadow: 0 24px 62px rgba(0,0,0,0.30) !important;
}

body.marketing-home.marketing-light .walkthrough-video,
body.marketing-home.marketing-light .analytics-video,
body.marketing-home.marketing-light .analytics-motion {
  background:
    radial-gradient(70% 80% at 18% 8%, rgba(255,250,240,0.07), transparent 60%),
    linear-gradient(180deg, #303139 0%, #25262c 100%) !important;
  border-bottom-color: rgba(243,239,229,0.11) !important;
}

body.marketing-home.marketing-light .analytics-motion::before {
  border-color: rgba(243,239,229,0.12) !important;
}

body.marketing-home.marketing-light .motion-scan-line {
  background: linear-gradient(180deg, transparent, rgba(217,181,109,0.58), transparent) !important;
  width: 3px !important;
  box-shadow: 0 0 18px rgba(217,181,109,0.42) !important;
  animation: censumScanLineStrong 3.2s cubic-bezier(.2,.8,.2,1) infinite !important;
}

body.marketing-home.marketing-light .motion-pin-card,
body.marketing-home.marketing-light .motion-packet-stack i {
  background: rgba(243,239,229,0.10) !important;
  border-color: rgba(243,239,229,0.16) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18) !important;
  color: #d7d1c5 !important;
}

body.marketing-home.marketing-light .motion-pin-card-a {
  animation: censumCardDrift 5.4s ease-in-out infinite !important;
}

body.marketing-home.marketing-light .motion-pin-card-b {
  animation: censumCardDrift 5.8s ease-in-out 220ms infinite !important;
}

body.marketing-home.marketing-light .motion-pin-card-c {
  animation: censumCardDrift 6.2s ease-in-out 440ms infinite !important;
}

body.marketing-home.marketing-light .motion-pin-card b,
body.marketing-home.marketing-light .motion-score-ring span,
body.marketing-home.marketing-light .walkthrough-step b {
  color: #fffaf0 !important;
}

body.marketing-home.marketing-light .motion-score-ring {
  background:
    conic-gradient(from -90deg, rgba(217,181,109,0.72) 0 82%, rgba(243,239,229,0.14) 82% 100%) !important;
  box-shadow: inset 0 0 0 18px rgba(17,18,20,0.72) !important;
  animation: censumRingPulseSpin 3.8s ease-in-out infinite !important;
}

body.marketing-home.marketing-light .motion-bars i {
  background: rgba(217,181,109,0.56) !important;
  animation: censumBarBounce 2.15s ease-in-out var(--d) infinite !important;
}

body.marketing-home.marketing-light .motion-packet-stack {
  animation: censumPacketStackDrift 4.4s ease-in-out infinite !important;
}

body.marketing-home.marketing-light .motion-packet-stack i:nth-child(3) {
  animation: censumPacketLift 2.8s ease-in-out infinite !important;
}

body.marketing-home.marketing-light .motion-proof-list span {
  background: rgba(243,239,229,0.18) !important;
  animation: censumProofSweep 2.7s ease-in-out infinite !important;
}

body.marketing-home.marketing-light .motion-upload-dot {
  background: #d9b56d !important;
  box-shadow: 0 0 0 0 rgba(217,181,109,0.28) !important;
  animation: censumUploadBeacon 1.8s ease-out infinite !important;
}

body.marketing-home.marketing-light .walkthrough-steps {
  border-top-color: rgba(243,239,229,0.11) !important;
  background: rgba(243,239,229,0.08) !important;
}

body.marketing-home.marketing-light .walkthrough-step {
  background: rgba(243,239,229,0.075) !important;
}

body.marketing-home.marketing-light .walkthrough-step span {
  color: #a7a096 !important;
}

body.marketing-home.marketing-light .sb-progress,
body.marketing-home.marketing-light .sb-pip.on {
  background: #d9b56d !important;
}

body.marketing-home.marketing-light .sb-pip {
  background: rgba(243,239,229,0.24) !important;
}

body.marketing-home.marketing-light .bg-char-2,
body.marketing-home.marketing-light .bg-ink,
body.marketing-light .window-banner,
body.marketing-light .township-tape,
body.marketing-light .bg-char,
body.marketing-light .bg-char\/60 {
  background: rgba(243,239,229,0.045) !important;
}

body.marketing-light footer {
  background: #0b0c0e !important;
  border-color: rgba(243,239,229,0.10) !important;
}

@media (max-width: 640px) {
  body.marketing-light .pane,
  body.marketing-light .pane-strong,
  body.marketing-light .pricing-card,
  body.marketing-light .pricing-offer-card {
    box-shadow: 0 16px 38px rgba(0,0,0,0.28) !important;
  }
}