/* External marketing system: derived from the approved Magic Patterns reference.
   Scoped to the public layout so authenticated product surfaces remain untouched. */
body.doo-marketing {
  /* Logo_blue.png contains a gradient; #6f9dc2 is its mean opaque blue. */
  --public-brand-blue: #6f9dc2;
  --public-brand-rgb: 111, 157, 194;
  --logo-oo-color: var(--public-brand-blue);
  --magic-bg: #080b0d;
  --magic-surface: #0d1418;
  --magic-surface-raised: #101c21;
  --magic-line: rgba(var(--public-brand-rgb), .2);
  --magic-text: #f1f5f7;
  --magic-muted: #99aab2;
  --magic-cyan: var(--public-brand-blue);
  --magic-cyan-deep: var(--public-brand-blue);
  --magic-green: #67d78d;
  --brand: var(--public-brand-blue);
  --brand-2: var(--public-brand-blue);
  --fg: #f1f5f7;
  --muted: #99aab2;
  background: var(--magic-bg) !important;
  color: var(--magic-text) !important;
  font-family: Inter, sans-serif;
}

body.doo-marketing::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image: linear-gradient(rgba(var(--public-brand-rgb), .035) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--public-brand-rgb), .035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .35) 58%, transparent 100%);
}

body.doo-marketing a {
  color: inherit;
}

body.doo-marketing .marketing-shell,
body.doo-marketing .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.doo-marketing .marketing-main {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  padding: 114px 0 82px;
}

/* Navigation */
body.doo-marketing .site-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 80;
  height: 74px;
  background: rgba(8, 11, 13, .88) !important;
  border-bottom: 1px solid rgba(var(--public-brand-rgb), .12) !important;
  backdrop-filter: blur(16px);
  box-shadow: none !important;
}

body.doo-marketing .site-nav .nav-inner {
  width: min(1240px, calc(100% - 48px));
  height: 100%;
  margin: 0 auto;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

body.doo-marketing .site-nav .logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

body.doo-marketing .site-nav .doo-logo {
  transform: scale(.78);
  transform-origin: left center;
  color: var(--magic-cyan);
}

body.doo-marketing .nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 26px;
  font-size: .92rem;
  font-weight: 600;
}

body.doo-marketing .nav-links>a:not(.btn),
body.doo-marketing .nav-products summary {
  color: #dce6ea;
  text-decoration: none;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

body.doo-marketing .nav-links>a:not(.btn):hover,
body.doo-marketing .nav-products summary:hover {
  color: var(--magic-cyan);
}

body.doo-marketing .nav-products {
  position: relative;
}

body.doo-marketing .nav-products summary::-webkit-details-marker {
  display: none;
}

body.doo-marketing .nav-products summary i {
  margin-left: 5px;
  font-size: .7rem;
}

body.doo-marketing .nav-products-menu {
  position: absolute;
  top: calc(100% + 18px);
  left: -18px;
  width: 270px;
  padding: 10px;
  display: grid;
  gap: 2px;
  background: #0b1215;
  border: 1px solid rgba(var(--public-brand-rgb), .24);
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .42), 0 0 28px rgba(var(--public-brand-rgb), .08);
}

body.doo-marketing .nav-products-menu a {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  color: var(--magic-text);
  text-decoration: none;
  border-radius: 9px;
}

body.doo-marketing .nav-products-menu a:hover {
  background: rgba(var(--public-brand-rgb), .09);
}

body.doo-marketing .nav-products-menu span {
  color: var(--magic-muted);
  font-size: .73rem;
  font-weight: 400;
}

body.doo-marketing .btn {
  border-radius: 10px !important;
  box-shadow: none !important;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

body.doo-marketing .btn:hover {
  transform: translateY(-2px);
}

body.doo-marketing .btn-primary {
  background: var(--magic-cyan) !important;
  color: #051216 !important;
  border: 1px solid var(--magic-cyan) !important;
}

body.doo-marketing .btn-outline,
body.doo-marketing .btn-ghost {
  background: transparent !important;
  color: var(--magic-text) !important;
  border: 1px solid rgba(var(--public-brand-rgb), .48) !important;
}

body.doo-marketing .btn-light {
  background: transparent !important;
  color: var(--magic-cyan) !important;
  border: 1px solid rgba(var(--public-brand-rgb), .5) !important;
}

/* Shared marketing hierarchy */
body.doo-marketing h1,
body.doo-marketing h2,
body.doo-marketing h3,
body.doo-marketing h4 {
  color: var(--magic-text) !important;
  letter-spacing: -.055em;
}

body.doo-marketing h1 {
  font-size: clamp(3.2rem, 7vw, 6.35rem) !important;
  line-height: .94 !important;
  font-weight: 750 !important;
  max-width: 950px;
  margin: 0 0 26px !important;
}

body.doo-marketing h2 {
  font-size: clamp(2.25rem, 4.4vw, 4.25rem) !important;
  line-height: .98 !important;
  font-weight: 750 !important;
}

body.doo-marketing h3 {
  font-size: 1.28rem !important;
  line-height: 1.08 !important;
}

body.doo-marketing p,
body.doo-marketing small,
body.doo-marketing li,
body.doo-marketing .lead {
  color: var(--magic-muted) !important;
}

body.doo-marketing .lead {
  font-size: clamp(1.05rem, 1.5vw, 1.3rem) !important;
  line-height: 1.55 !important;
  max-width: 690px;
}

body.doo-marketing .eyebrow,
body.doo-marketing .card-kicker,
body.doo-marketing .section-intro .eyebrow {
  color: var(--magic-cyan) !important;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .72rem !important;
  font-weight: 800 !important;
}

body.doo-marketing .section-intro {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

body.doo-marketing .section-intro h2 {
  margin: 13px 0 17px;
}

body.doo-marketing .section-intro p {
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.65;
}

body.doo-marketing .public-section,
body.doo-marketing .screenshot-section,
body.doo-marketing .faq-section {
  margin: 0;
  padding: 112px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.doo-marketing .public-section-tight {
  padding-top: 80px !important;
}

body.doo-marketing .public-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: 60px clamp(28px, 6vw, 76px);
  margin: 30px 0 0;
  border: 1px solid rgba(var(--public-brand-rgb), .28);
  border-radius: 20px;
  background: linear-gradient(105deg, rgba(18, 40, 49, .88), rgba(9, 15, 18, .88));
  box-shadow: 0 0 40px rgba(var(--public-brand-rgb), .08);
}

body.doo-marketing .public-band>div {
  max-width: 760px;
}

body.doo-marketing .public-band h2 {
  margin: 12px 0;
  font-size: clamp(2rem, 3.5vw, 3.5rem) !important;
}

body.doo-marketing .public-band p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.6;
}

body.doo-marketing .public-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 36px;
  margin: 42px 0 92px 0;
  padding: 70px 0;
  border-top: 1px solid var(--magic-line);
  border-bottom: 1px solid var(--magic-line);
  background: transparent !important;
}

body.doo-marketing .public-cta h2 {
  margin: 0;
  max-width: 720px;
}

body.doo-marketing .homepage-stream-span ~ .public-cta {
  margin-bottom: clamp(48px, 6vw, 88px);
}

/* Homepage reference-led information architecture */
body.doo-marketing .public-hero {
  min-height: 645px;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(350px, .82fr);
  align-items: center;
  gap: clamp(42px, 7vw, 110px);
  /* padding: 40px 0 78px !important; */
}

body.doo-marketing .public-hero h1 .accent,
body.doo-marketing .marketing-accent {
  color: var(--magic-cyan);
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .11em;
}

body.doo-marketing .public-hero-copy {
  max-width: 760px;
}

body.doo-marketing .hero-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin: 29px 0 18px;
}

body.doo-marketing .hero-note {
  font-size: .82rem;
  max-width: 530px;
}

body.doo-marketing .hero-proof-panel {
  position: relative;
  padding: 28px 28px 13px;
  border: 1px solid rgba(var(--public-brand-rgb), .28);
  border-radius: 20px;
  background: rgba(11, 19, 23, .7);
  box-shadow: 0 0 54px rgba(var(--public-brand-rgb), .12), inset 0 1px rgba(255, 255, 255, .03);
}

body.doo-marketing .hero-proof-panel .panel-label {
  color: var(--magic-text) !important;
  display: block;
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 1.08rem;
}

body.doo-marketing .hero-proof-panel li {
  list-style: none;
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 10px;
  align-items: baseline;
  padding: 15px 0;
  border-top: 1px solid rgba(var(--public-brand-rgb), .16);
  font-size: .91rem;
}

body.doo-marketing .hero-proof-panel li::before {
  content: "✓";
  color: var(--magic-cyan);
  font-weight: 800;
}

body.doo-marketing .hero-proof-panel li span {
  color: #dce7eb;
  font-weight: 600;
}

body.doo-marketing .hero-proof-panel li em {
  color: #718087;
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-style: normal;
}

body.doo-marketing .panel-link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 16px 0 10px;
  color: var(--magic-cyan);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}

body.doo-marketing .panel-link:hover {
  color: var(--magic-text);
}

body.doo-marketing .marketing-ticker {
  display: flex;
  align-items: center;
  overflow: hidden;
  margin: 0 calc((100vw - min(1240px, calc(100vw - 48px))) / -2);
  min-height: 68px;
  border-top: 1px solid var(--magic-line);
  border-bottom: 1px solid var(--magic-line);
  white-space: nowrap;
}

body.doo-marketing .marketing-ticker-track {
  display: flex;
  align-items: center;
  gap: 25px;
  min-width: max-content;
  color: #bbcbd0;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
}

body.doo-marketing .marketing-ticker-track a {
  color: #bbcbd0;
  text-decoration: none;
}

body.doo-marketing .marketing-ticker-track a:hover {
  color: var(--magic-cyan);
}

body.doo-marketing .marketing-ticker-track a::after {
  content: "•";
  color: var(--magic-cyan);
  margin-left: 25px;
}

body.doo-marketing .homepage-record-map {
  display: grid;
  grid-template-columns: 1fr minmax(260px, .75fr) 1fr;
  gap: 20px;
  align-items: center;
}

body.doo-marketing .record-map-column {
  display: grid;
  gap: 14px;
}

body.doo-marketing .record-map-card {
  padding: 20px;
  border: 1px solid rgba(var(--public-brand-rgb), .2);
  border-radius: 13px;
  background: rgba(10, 16, 19, .7);
}

body.doo-marketing .record-map-card {
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
  text-decoration: none;
}

body.doo-marketing .record-map-card:hover {
  border-color: rgba(var(--public-brand-rgb), .62);
  background: rgba(18, 42, 50, .65);
  transform: translateY(-3px);
}

body.doo-marketing .record-map-icon {
  display: grid;
  width: 30px;
  height: 30px;
  margin-bottom: 16px;
  place-items: center;
  border: 1px solid rgba(var(--public-brand-rgb), .34);
  border-radius: 50%;
  color: var(--magic-cyan);
  font-size: .76rem;
}

body.doo-marketing .record-map-card b {
  display: block;
  color: var(--magic-text);
  margin-bottom: 5px;
}

body.doo-marketing .record-map-card span {
  color: var(--magic-muted);
  font-size: .82rem;
}

body.doo-marketing .record-map-center {
  padding: 32px 25px;
  border: 1px solid rgba(var(--public-brand-rgb), .38);
  border-radius: 18px;
  background: #0e1c21;
  text-align: center;
  box-shadow: 0 0 44px rgba(var(--public-brand-rgb), .14);
}

body.doo-marketing .record-map-center .record-avatar {
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(var(--public-brand-rgb), .15);
  border: 1px solid var(--magic-cyan);
  color: var(--magic-cyan);
  font-size: 1.6rem;
}

body.doo-marketing .record-map-center h3 {
  margin: 0 0 12px;
}

body.doo-marketing .product-grid,
body.doo-marketing .benefit-grid,
body.doo-marketing .worker-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

body.doo-marketing .product-card,
body.doo-marketing .benefit-grid>article,
body.doo-marketing .worker-grid>a {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  border: 1px solid rgba(var(--public-brand-rgb), .17);
  border-radius: 14px;
  background: rgba(12, 17, 19, .58);
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.doo-marketing .product-card:hover,
body.doo-marketing .benefit-grid>article:hover,
body.doo-marketing .worker-grid>a:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--public-brand-rgb), .6);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .32), 0 0 30px rgba(var(--public-brand-rgb), .1);
}

body.doo-marketing .product-card h3,
body.doo-marketing .benefit-grid h3 {
  margin: 22px 0 12px;
}

body.doo-marketing .product-card p,
body.doo-marketing .benefit-grid p {
  margin: 0;
  line-height: 1.55;
}

body.doo-marketing .card-link {
  margin-top: auto;
  padding-top: 22px;
  color: var(--magic-cyan);
  font-size: .84rem;
  font-weight: 700;
}

body.doo-marketing .worker-grid>a {
  min-height: 150px;
  gap: 9px;
}

body.doo-marketing .worker-grid b {
  color: var(--magic-text);
  font-size: 1.06rem;
}

body.doo-marketing .worker-grid span {
  color: var(--magic-muted);
  line-height: 1.45;
  font-size: .84rem;
}

/* Magic Patterns homepage modules translated into Razor sections. */
body.doo-marketing .homepage-connected-record {
  padding-bottom: 88px !important;
}

body.doo-marketing .homepage-views {
  padding-top: 92px !important;
}

body.doo-marketing .homepage-view-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(280px, .76fr);
  gap: 20px;
  align-items: start;
}

body.doo-marketing .homepage-view-stack {
  display: grid;
  gap: 20px;
}

body.doo-marketing .marketing-screen {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(var(--public-brand-rgb), .18);
  border-radius: 17px;
  background: rgba(11, 18, 21, .64);
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

body.doo-marketing .marketing-screen img {
  display: block;
  width: 100%;
  border-radius: 10px;
  background: transparent;
}

body.doo-marketing .marketing-screen figcaption {
  display: grid;
  gap: 4px;
  padding: 15px 3px 2px;
}

body.doo-marketing .marketing-screen figcaption b {
  color: var(--magic-text);
  font-size: .88rem;
}

body.doo-marketing .marketing-screen figcaption span {
  color: var(--magic-muted);
  font-size: .78rem;
  line-height: 1.45;
}

body.doo-marketing .marketing-screen:hover {
  border-color: rgba(var(--public-brand-rgb), .56);
  transform: translateY(-4px);
  box-shadow: 0 0 38px rgba(var(--public-brand-rgb), .16);
}

body.doo-marketing .public-section-audiences {
  padding-top: 88px !important;
}

body.doo-marketing .audience-matrix {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--magic-line);
  border-bottom: 1px solid var(--magic-line);
}

body.doo-marketing .audience-matrix article {
  display: flex;
  flex-direction: column;
  min-height: 274px;
  padding: 28px;
  border-right: 1px solid var(--magic-line);
}

body.doo-marketing .audience-matrix article:last-child {
  border-right: 0;
}

body.doo-marketing .audience-matrix article>span {
  color: var(--magic-cyan);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
}

body.doo-marketing .audience-matrix h3 {
  margin: 34px 0 12px;
}

body.doo-marketing .audience-matrix p {
  margin: 0;
  line-height: 1.55;
}

body.doo-marketing .audience-matrix a {
  margin-top: auto;
  padding-top: 26px;
  color: var(--magic-cyan);
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

body.doo-marketing .audience-matrix a:hover {
  color: var(--magic-text);
}

/* Feature, conversion and content pages use the same reference surfaces. */
body.doo-marketing .page-hero-compact {
  min-height: 410px;
  display: grid;
  align-content: center;
}

body.doo-marketing .pricing-section {
  padding-top: 48px !important;
}

body.doo-marketing .region-switch {
  display: inline-flex;
  gap: 3px;
  margin-top: 28px;
  padding: 4px;
  border: 1px solid rgba(var(--public-brand-rgb), .24);
  border-radius: 11px;
  background: rgba(8, 15, 18, .7);
}

body.doo-marketing .region-switch a {
  padding: 10px 14px;
  border-radius: 7px;
  color: var(--magic-muted);
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
}

body.doo-marketing .region-switch a.selected {
  color: #061316;
  background: var(--magic-cyan);
}

body.doo-marketing .pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

body.doo-marketing .pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 520px;
  padding: 30px;
  border: 1px solid rgba(var(--public-brand-rgb), .2);
  border-radius: 16px;
  background: rgba(11, 18, 21, .7);
}

body.doo-marketing .pricing-card.popular {
  border-color: rgba(var(--public-brand-rgb), .65);
  background: linear-gradient(145deg, rgba(18, 47, 57, .82), rgba(10, 17, 20, .84));
  box-shadow: 0 0 42px rgba(var(--public-brand-rgb), .11);
}

body.doo-marketing .pricing-card h2 {
  margin: 27px 0 4px;
  font-size: clamp(2.5rem, 4vw, 4rem) !important;
}

body.doo-marketing .pricing-card>small {
  color: var(--magic-muted);
}

body.doo-marketing .pricing-card>p {
  min-height: 50px;
  margin: 24px 0 0;
  line-height: 1.55;
}

body.doo-marketing .pricing-card ul {
  display: grid;
  gap: 11px;
  margin: 26px 0;
  padding: 0;
  list-style: none;
}

body.doo-marketing .pricing-card li {
  position: relative;
  padding-left: 20px;
  font-size: .86rem;
}

body.doo-marketing .pricing-card li::before {
  position: absolute;
  left: 0;
  color: var(--magic-cyan);
  content: "✓";
}

body.doo-marketing .pricing-card .btn {
  margin-top: auto;
  text-align: center;
}

body.doo-marketing .popular-badge {
  position: absolute;
  top: -12px;
  right: 24px;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--magic-cyan);
  color: #061316;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.doo-marketing .pricing-note {
  max-width: 680px;
  margin: 28px auto 0;
  color: var(--magic-muted);
  font-size: .78rem;
  line-height: 1.5;
  text-align: center;
}

body.doo-marketing .demo-section {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(370px, 1fr);
  gap: clamp(28px, 7vw, 92px);
  align-items: start;
  /* padding-top: 44px !important; */
}

body.doo-marketing .demo-aside {
  padding-top: 18px;
}

body.doo-marketing .demo-aside h2 {
  margin: 14px 0 22px;
  font-size: clamp(2.25rem, 4vw, 4rem) !important;
}

body.doo-marketing .demo-aside ul {
  display: grid;
  /* gap: 13px; */
  padding: 0;
  list-style: none;
}

body.doo-marketing .demo-aside li {
  position: relative;
  padding-left: 24px;
  line-height: 1.48;
}

body.doo-marketing .demo-aside li::before {
  position: absolute;
  top: .5em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--magic-cyan);
  box-shadow: 0 0 14px rgba(var(--public-brand-rgb), .6);
  content: "";
}

body.doo-marketing .demo-form {
  display: grid;
  /* gap: 17px; */
  padding: 30px;
  border: 1px solid rgba(var(--public-brand-rgb), .24);
  border-radius: 18px;
  background: rgba(11, 18, 21, .73);
  box-shadow: 0 0 38px rgba(var(--public-brand-rgb), .08);
}

body.doo-marketing .form-field {
  display: grid;
  gap: 8px;
}

body.doo-marketing .form-field label {
  color: #dce6ea;
  font-size: .78rem;
  font-weight: 700;
}

body.doo-marketing .form-field input,
body.doo-marketing .form-field select {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(var(--public-brand-rgb), .26);
  border-radius: 8px;
  outline: 0;
  background: rgba(4, 11, 14, .75);
  color: var(--magic-text);
}

body.doo-marketing .form-field input:focus,
body.doo-marketing .form-field select:focus {
  border-color: var(--magic-cyan);
  box-shadow: 0 0 0 3px rgba(var(--public-brand-rgb), .12);
}

body.doo-marketing .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

body.doo-marketing .form-footnote {
  margin: 0;
  color: var(--magic-muted);
  font-size: .74rem;
  line-height: 1.45;
}

body.doo-marketing .insights-page {
  padding-top: 34px;
}

body.doo-marketing .insight-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.doo-marketing .insight-card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: 1px solid rgba(var(--public-brand-rgb), .2);
  border-radius: 16px;
  background: rgba(11, 18, 21, .7);
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.doo-marketing .insight-card:hover {
  border-color: rgba(var(--public-brand-rgb), .57);
  box-shadow: 0 0 34px rgba(var(--public-brand-rgb), .11);
  transform: translateY(-3px);
}

body.doo-marketing .insight-card img {
  width: 100%;
  aspect-ratio: 16/8;
  object-fit: cover;
}

body.doo-marketing .insight-card-copy {
  padding: 26px;
}

body.doo-marketing .insight-card h2 {
  margin: 0 0 10px;
  font-size: 1.45rem !important;
  letter-spacing: -.04em;
}

body.doo-marketing .insight-meta {
  color: var(--magic-cyan) !important;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.doo-marketing .insight-card p:last-child {
  margin: 14px 0 0;
  line-height: 1.55;
}

body.doo-marketing .task-flow-map {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--magic-line);
  border-bottom: 1px solid var(--magic-line);
}

body.doo-marketing .task-flow-card {
  position: relative;
  min-height: 286px;
  padding: 30px 28px 28px;
  border-right: 1px solid var(--magic-line);
}

body.doo-marketing .task-flow-card:last-child {
  border-right: 0;
}

body.doo-marketing .task-flow-card::before {
  position: absolute;
  top: 73px;
  right: -1px;
  width: 1px;
  height: 52px;
  background: var(--magic-cyan);
  content: "";
  opacity: .65;
}

body.doo-marketing .task-flow-card:last-child::before {
  display: none;
}

body.doo-marketing .task-flow-card>span,
body.doo-marketing .responsible-principle-grid>article>span {
  display: block;
  color: var(--magic-cyan);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
}

body.doo-marketing .task-flow-card h3 {
  margin: 48px 0 12px;
}

body.doo-marketing .task-flow-card p {
  margin: 0;
  line-height: 1.55;
}

body.doo-marketing .responsible-principle-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  border: 1px solid var(--magic-line);
  border-radius: 17px;
  overflow: hidden;
  background: var(--magic-line);
}

body.doo-marketing .responsible-principle-grid>article {
  min-height: 276px;
  padding: 29px;
  background: rgba(10, 16, 19, .84);
  transition: background .2s ease, transform .2s ease;
}

body.doo-marketing .responsible-principle-grid>article:hover {
  background: rgba(19, 47, 56, .78);
}

body.doo-marketing .responsible-principle-grid h3 {
  margin: 44px 0 12px;
}

body.doo-marketing .responsible-principle-grid p {
  margin: 0;
  line-height: 1.55;
}

body.doo-marketing .insight-article {
  width: min(850px, 100%);
  margin: 0 auto;
}

body.doo-marketing .insight-article-header {
  padding: 44px 0 44px;
}

body.doo-marketing .insight-article-header h1 {
  max-width: none;
  font-size: clamp(2.7rem, 5.8vw, 5.45rem) !important;
}

body.doo-marketing .insight-back {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--magic-cyan);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}

body.doo-marketing .insight-back:hover {
  color: var(--magic-text);
}

body.doo-marketing .insight-article-header .insight-meta {
  margin: 34px 0 14px;
}

body.doo-marketing .insight-cover {
  margin: 0 0 52px;
  overflow: hidden;
  border: 1px solid var(--magic-line);
  border-radius: 18px;
}

body.doo-marketing .insight-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}

body.doo-marketing .insight-prose {
  color: #c7d2d6;
  font-size: 1.06rem;
  line-height: 1.8;
}

body.doo-marketing .insight-prose h2,
body.doo-marketing .insight-prose h3 {
  margin: 2.2em 0 .6em;
  letter-spacing: -.035em;
}

body.doo-marketing .insight-prose h2 {
  font-size: 2rem !important;
}

body.doo-marketing .insight-prose h3 {
  font-size: 1.32rem !important;
}

body.doo-marketing .insight-prose p,
body.doo-marketing .insight-prose li {
  color: #c7d2d6 !important;
}

body.doo-marketing .insight-prose a {
  color: var(--magic-cyan);
}

body.doo-marketing .insight-prose table {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse;
  font-size: .88rem;
}

body.doo-marketing .insight-prose th,
body.doo-marketing .insight-prose td {
  padding: 12px;
  border: 1px solid var(--magic-line);
  text-align: left;
  vertical-align: top;
}

body.doo-marketing .insight-prose th {
  color: var(--magic-text);
  background: rgba(21, 51, 60, .6);
}

body.doo-marketing .insight-cta {
  margin-top: 92px;
}

body.doo-marketing .legal-page,
body.doo-marketing .section.container {
  width: min(860px, 100%);
  margin: 0 auto;
  padding: 42px 0 82px;
  color: #c7d2d6;
  font-size: 1rem;
  line-height: 1.75;
}

body.doo-marketing .legal-page h1,
body.doo-marketing .section.container>h1 {
  font-size: clamp(3rem, 6vw, 5rem) !important;
}

body.doo-marketing .legal-page h2,
body.doo-marketing .section.container h2 {
  margin-top: 2.2em;
  font-size: 1.8rem !important;
  letter-spacing: -.035em;
}

body.doo-marketing .legal-page p,
body.doo-marketing .legal-page li,
body.doo-marketing .section.container p,
body.doo-marketing .section.container li {
  color: #c7d2d6 !important;
}

body.doo-marketing .legal-page a,
body.doo-marketing .section.container a {
  color: var(--magic-cyan);
}

body.doo-marketing .legal-page table,
body.doo-marketing .section.container table {
  color: #c7d2d6;
}

/* Generic feature-page hero and visual treatments */
body.doo-marketing .page-hero {
  /* max-width: 950px; */
  /* padding: 54px 0 72px !important; */
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.doo-marketing .page-hero .hero-actions {
  margin-top: 26px;
}

body.doo-marketing .core-hr-hero {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .72fr);
  align-items: center;
  gap: clamp(36px, 7vw, 90px);
  min-height: 560px;
}

body.doo-marketing .core-hr-hero-copy {
  max-width: 760px;
}

body.doo-marketing .core-hr-metrics,
body.doo-marketing .metrics-grid {
  border: 1px solid rgba(var(--public-brand-rgb), .25);
  border-radius: 19px;
  background: rgba(12, 24, 29, .7);
  box-shadow: 0 0 44px rgba(var(--public-brand-rgb), .1);
}

body.doo-marketing .core-hr-metrics {
  padding: 18px;
}

body.doo-marketing .product-shot,
body.doo-marketing .assistant-break-shot,
body.doo-marketing .lifecycle-snippets figure {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.doo-marketing .product-shot img,
body.doo-marketing .assistant-break-shot img,
body.doo-marketing .lifecycle-snippets img {
  border-radius: 15px;
  background: transparent;
  transition: box-shadow .25s ease, transform .25s ease;
}

body.doo-marketing .product-shot:hover img,
body.doo-marketing .assistant-break-shot:hover img,
body.doo-marketing .lifecycle-snippets figure:hover img {
  transform: translateY(-4px);
  box-shadow: 0 0 38px rgba(var(--public-brand-rgb), .28);
}

body.doo-marketing .product-shot figcaption,
body.doo-marketing .assistant-break-shot figcaption {
  color: #bac8ce !important;
  padding-top: 14px;
  font-weight: 600;
  text-align: center;
}

body.doo-marketing .screenshot-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

body.doo-marketing .comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

body.doo-marketing .comparison>div {
  display: grid;
  gap: 12px;
  padding: 28px;
  border: 1px solid rgba(var(--public-brand-rgb), .18);
  border-radius: 14px;
}

body.doo-marketing .comparison b {
  color: var(--magic-text);
  font-size: 1.18rem;
}

body.doo-marketing .comparison span {
  color: var(--magic-muted);
  border-top: 1px solid rgba(var(--public-brand-rgb), .14);
  padding-top: 12px;
}

body.doo-marketing .comparison-highlight {
  background: rgba(18, 49, 58, .38);
  border-color: rgba(var(--public-brand-rgb), .45) !important;
}

body.doo-marketing .faq-section {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

body.doo-marketing .faq-section h2 {
  margin-bottom: 32px;
}

body.doo-marketing .faq-section details {
  padding: 21px 0;
  border-top: 1px solid var(--magic-line);
}

body.doo-marketing .faq-section details:last-child {
  border-bottom: 1px solid var(--magic-line);
}

body.doo-marketing .faq-section summary {
  color: var(--magic-text);
  font-size: 1.05rem;
  font-weight: 700;
  cursor: pointer;
}

body.doo-marketing .faq-section p {
  max-width: 700px;
  line-height: 1.6;
}

/* Existing specialised workflow components retain their paths, now within the reference system. */
body.doo-marketing .core-workflows,
body.doo-marketing .performance-wheel-section,
body.doo-marketing .recruitment-pipeline-guide {
  padding: 96px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.doo-marketing .core-workflows .section-intro,
body.doo-marketing .performance-wheel-intro,
body.doo-marketing .recruitment-pipeline-intro {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
}

body.doo-marketing .core-workflows .section-intro h2,
body.doo-marketing .performance-wheel-intro h2,
body.doo-marketing .recruitment-pipeline-intro h2 {
  margin: 12px 0;
}

body.doo-marketing .core-workflow-map,
body.doo-marketing .performance-wheel,
body.doo-marketing .recruitment-pipeline {
  border-color: rgba(var(--public-brand-rgb), .23) !important;
}

body.doo-marketing .assistant-break {
  border: 1px solid rgba(var(--public-brand-rgb), .31) !important;
  border-radius: 20px !important;
  background: linear-gradient(105deg, rgba(18, 43, 57, .92), rgba(8, 34, 38, .94)) !important;
  box-shadow: 0 0 48px rgba(var(--public-brand-rgb), .11);
}

body.doo-marketing .assistant-break h2 {
  color: var(--magic-text) !important;
}

body.doo-marketing .lifecycle-section,
body.doo-marketing .workflow-section {
  border-color: rgba(var(--public-brand-rgb), .15) !important;
}

body.doo-marketing .workflow-section,
body.doo-marketing .lifecycle-section {
  background: transparent !important;
}

body.doo-marketing .workflow-placeholder {
  background: rgba(15, 28, 33, .6) !important;
  border-color: rgba(var(--public-brand-rgb), .22) !important;
}

body.doo-marketing .performance-wheel-section {
  overflow: visible !important;
}

body.doo-marketing .performance-wheel-intro p,
body.doo-marketing .recruitment-pipeline-intro p {
  color: var(--magic-muted) !important;
  font-size: 1.04rem;
}

body.doo-marketing .recruitment-pipeline-stage:focus-visible,
body.doo-marketing .recruitment-pipeline-stage:hover {
  outline: none;
}

body.doo-marketing .recruitment-pipeline-copy {
  background: rgba(13, 22, 26, .64) !important;
  border-color: rgba(var(--public-brand-rgb), .22) !important;
  box-shadow: none !important;
}

body.doo-marketing .recruitment-pipeline-stage:hover .recruitment-pipeline-copy,
body.doo-marketing .recruitment-pipeline-stage:focus .recruitment-pipeline-copy {
  border-color: rgba(var(--public-brand-rgb), .63) !important;
  box-shadow: 0 0 30px rgba(var(--public-brand-rgb), .11) !important;
}

/* Footer */
body.doo-marketing .marketing-footer {
  margin: 0 !important;
  padding: 74px max(24px, calc((100% - 1240px) / 2)) 26px !important;
  border-top: 1px solid var(--magic-line) !important;
  background: #090d0f !important;
  color: var(--magic-muted);
}

body.doo-marketing .marketing-footer-grid {
  width: min(1240px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 42px;
}

body.doo-marketing .marketing-footer h2 {
  margin: 0 0 18px;
  font-size: .77rem !important;
  color: #d9e4e7 !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

body.doo-marketing .marketing-footer a {
  display: block;
  color: var(--magic-muted);
  text-decoration: none;
  margin: 0 0 11px;
  font-size: .86rem;
}

body.doo-marketing .marketing-footer a:hover {
  color: var(--magic-cyan);
}

body.doo-marketing .footer-title {
  color: var(--magic-text);
  font-size: 1.9rem;
  font-weight: 800;
  letter-spacing: -.05em;
}

body.doo-marketing .footer-intro p {
  max-width: 315px;
  line-height: 1.55;
  font-size: .87rem;
}

body.doo-marketing .footer-intro .btn {
  display: inline-flex;
  margin-top: 9px;
}

body.doo-marketing .marketing-footer-meta {
  width: min(1240px, 100%);
  margin: 54px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(var(--public-brand-rgb), .13);
  display: flex;
  justify-content: space-between;
  gap: 18px;
  font-size: .75rem;
}

body.doo-marketing .marketing-footer-meta a {
  display: inline;
  margin-left: 14px;
}

body.doo-marketing #cookie-banner {
  background: rgba(8, 11, 13, .96) !important;
  border-top: 1px solid rgba(var(--public-brand-rgb), .26);
  box-shadow: 0 -12px 38px rgba(0, 0, 0, .35) !important;
}

body.doo-marketing #cookie-banner button#cookie-accept {
  background: var(--magic-cyan) !important;
  color: #061316 !important;
  border-radius: 8px !important;
}

body.doo-marketing #cookie-banner button#cookie-decline {
  border-color: rgba(var(--public-brand-rgb), .48) !important;
  color: var(--magic-cyan) !important;
  border-radius: 8px !important;
}

/* Reference-led refinements: a restrained editorial shell shared by public routes. */
body.doo-marketing {
  --magic-bg: #0a0a0a;
  --magic-surface: #101112;
  --magic-surface-raised: #15191b;
  --magic-line: rgba(174, 216, 223, .16);
  --magic-text: #f4f6f7;
  --magic-muted: #9ba8ad;
  --magic-cyan: var(--public-brand-blue);
  background: var(--magic-bg) !important;
}

body.doo-marketing::before {
  opacity: .46;
  background-image:
    linear-gradient(to right, rgba(var(--public-brand-rgb), .045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(var(--public-brand-rgb), .025) 1px, transparent 1px);
  background-size: calc(100vw / 6) 100%, 100% 112px;
}

body.doo-marketing .site-nav {
  background: rgba(10, 10, 10, .94) !important;
  border-bottom-color: rgba(174, 216, 223, .16) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.doo-marketing .site-nav .nav-inner {
  max-width: 1240px;
}

body.doo-marketing .desktop-nav {
  gap: 24px;
}

body.doo-marketing .desktop-nav>a:not(.btn),
body.doo-marketing .nav-products>summary {
  color: #e6ecee !important;
  font-size: .88rem;
}

body.doo-marketing .btn {
  border-radius: 999px !important;
  min-height: 42px;
  padding: 0 18px !important;
  font-weight: 700 !important;
}

body.doo-marketing .btn-primary {
  background: var(--public-brand-blue) !important;
  border-color: var(--public-brand-blue) !important;
  color: #071012 !important;
}

body.doo-marketing .btn-outline,
body.doo-marketing .btn-ghost {
  border-color: rgba(var(--public-brand-rgb), .62) !important;
}

body.doo-marketing .public-hero {
  min-height: 700px;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
  gap: clamp(44px, 8vw, 128px);
  /* padding-top: 62px !important; */
  padding-bottom: 98px !important;
}

body.doo-marketing .public-hero-copy {
  max-width: 680px;
}

body.doo-marketing .public-hero h1 {
  max-width: 710px;
  letter-spacing: -.067em;
}

body.doo-marketing .public-hero h1 .accent {
  color: var(--magic-cyan);
  text-decoration: none;
}

/* MP landing stream: deterministic, elbowed SVG strands with crisp hero and soft descent layers. */
body.doo-marketing .homepage-stream-span {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

body.doo-marketing .homepage-stream-field {
  position: absolute;
  top: -150px;
  right: 0;
  left: 0;
  z-index: 0;
  height: 2050px;
  overflow: visible;
  pointer-events: none;
}

body.doo-marketing .homepage-stream-field svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

body.doo-marketing .homepage-stream-fallback {
  z-index: 0;
}

body.doo-marketing .homepage-stream-base path {
  stroke: rgba(var(--public-brand-rgb), .42);
  stroke-width: 1.15;
  stroke-linecap: round;
  filter: drop-shadow(0 0 4px rgba(var(--public-brand-rgb), .24));
}

body.doo-marketing .homepage-stream-base path:nth-child(3n) {
  stroke: rgba(226, 252, 255, .78);
  stroke-width: 1.65;
  filter: drop-shadow(0 0 10px rgba(var(--public-brand-rgb), .58));
}

body.doo-marketing .homepage-stream-runners path {
  stroke: #fff;
  stroke-width: 2.45;
  stroke-linecap: round;
  stroke-dasharray: .09 .78;
  stroke-dashoffset: 1;
  opacity: .92;
  filter: drop-shadow(0 0 7px rgba(var(--public-brand-rgb), .95));
  animation: homepage-stream-run var(--fallback-duration) linear var(--fallback-delay) infinite;
}

@keyframes homepage-stream-run {
  to {
    stroke-dashoffset: 0;
  }
}

body.doo-marketing .homepage-stream-span> :not(.homepage-stream-field) {
  position: relative;
  z-index: 1;
}

body.doo-marketing .hero-light-braid {
  align-self: stretch;
  min-height: 585px;
  pointer-events: none;
}

body.doo-marketing .homepage-stream-field .hero-stream-run {
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 5px rgba(var(--public-brand-rgb), .95));
  animation: hero-stream-run var(--stream-duration) linear var(--stream-delay) infinite;
}

@keyframes hero-stream-run {
  to {
    stroke-dashoffset: 0;
  }
}

body.doo-marketing .hero-proof-panel {
  overflow: hidden;
  padding: 33px 34px 21px;
  border-color: rgba(var(--public-brand-rgb), .35);
  border-radius: 25px;
  background: linear-gradient(135deg, rgba(17, 29, 33, .86), rgba(10, 15, 17, .88));
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 0 65px rgba(var(--public-brand-rgb), .08);
}

body.doo-marketing .hero-proof-panel::before,
body.doo-marketing .hero-proof-panel::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

body.doo-marketing .hero-proof-panel::before {
  top: -1px;
  left: 9%;
  width: 45%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--magic-cyan), transparent);
  box-shadow: 0 0 17px rgba(var(--public-brand-rgb), .85);
}

body.doo-marketing .hero-proof-panel::after {
  right: -7%;
  bottom: -15%;
  width: 53%;
  height: 53%;
  border: 1px solid rgba(var(--public-brand-rgb), .16);
  border-radius: 50%;
}

body.doo-marketing .hero-proof-panel li {
  padding: 17px 0;
}

body.doo-marketing .panel-footnote {
  max-width: 380px;
  margin: 16px 0 0;
  font-size: .78rem;
  line-height: 1.5;
}

body.doo-marketing .marketing-ticker {
  min-height: 61px;
  background: rgba(12, 15, 16, .45);
}

body.doo-marketing .marketing-ticker-track {
  animation: marketing-ticker-drift 34s linear infinite;
}

@keyframes marketing-ticker-drift {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-25%);
  }
}

body.doo-marketing .homepage-record-map {
  position: relative;
  grid-template-columns: minmax(210px, .92fr) minmax(300px, 1.12fr) minmax(210px, .92fr);
  gap: clamp(22px, 4vw, 62px);
}

body.doo-marketing .homepage-record-map::before {
  position: absolute;
  inset: 50% 12% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--public-brand-rgb), .46), transparent);
  content: "";
  z-index: -1;
}

body.doo-marketing .record-map-card {
  border-color: rgba(174, 216, 223, .17);
  border-radius: 17px;
  background: rgba(18, 20, 21, .82);
}

body.doo-marketing .record-map-center {
  padding: 32px;
  border-radius: 25px;
  background: linear-gradient(145deg, rgba(20, 35, 39, .95), rgba(12, 17, 19, .95));
}

body.doo-marketing .record-map-center h3 {
  font-size: 1.55rem !important;
}

body.doo-marketing .record-file-list {
  display: grid;
  gap: 9px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(174, 216, 223, .18);
  text-align: left;
}

body.doo-marketing .record-file-list span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #d8e2e5;
  font-size: .8rem;
}

body.doo-marketing .record-file-list i {
  width: 18px;
  color: var(--magic-cyan);
  text-align: center;
}

body.doo-marketing .product-grid {
  gap: 1px;
  border: 1px solid var(--magic-line);
  border-radius: 22px;
  overflow: hidden;
  background: var(--magic-line);
}

body.doo-marketing .product-card {
  min-height: 264px;
  border: 0;
  border-radius: 0;
  background: rgba(13, 14, 15, .96);
}

body.doo-marketing .product-card:hover {
  background: rgba(20, 33, 36, .96);
  box-shadow: none;
}

body.doo-marketing .homepage-ai-overview {
  display: grid;
  grid-template-columns: minmax(660px, .84fr) minmax(0, 1.16fr);
  gap: clamp(10px, 8vw, 112px);
  align-items: center;
  padding: 112px 0;
  border-top: 1px solid var(--magic-line);
  border-bottom: 1px solid var(--magic-line);
}

body.doo-marketing .homepage-ai-copy h2 {
  margin: 15px 0 19px;
  /* max-width: 560px; */
}

body.doo-marketing .homepage-ai-copy p {
  max-width: 545px;
  margin: 0 0 29px;
  line-height: 1.65;
}

body.doo-marketing .homepage-ai-principles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--magic-line);
  border-radius: 24px;
  overflow: hidden;
  background: var(--magic-line);
  gap: 1px;
}

body.doo-marketing .homepage-ai-principles article {
  min-height: 190px;
  padding: 27px;
  background: rgba(16, 18, 19, .94);
}

body.doo-marketing .homepage-ai-principles article:hover {
  background: rgba(21, 37, 41, .94);
}

body.doo-marketing .homepage-ai-principles i {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  color: var(--magic-cyan);
  border: 1px solid rgba(var(--public-brand-rgb), .43);
  border-radius: 50%;
  font-size: .82rem;
}

body.doo-marketing .homepage-ai-principles h3 {
  margin: 24px 0 8px;
  font-size: 1rem !important;
  letter-spacing: -.035em;
}

body.doo-marketing .homepage-ai-principles p {
  margin: 0;
  font-size: .82rem;
  line-height: 1.5;
}

body.doo-marketing .homepage-view-grid {
  gap: 28px;
}

body.doo-marketing .marketing-screen {
  padding: 0;
  border: 1px solid rgba(174, 216, 223, .18);
  border-radius: 23px;
  background: rgba(17, 18, 19, .88);
  overflow: hidden;
}

body.doo-marketing .marketing-screen img {
  border-radius: 0;
}

body.doo-marketing .marketing-screen figcaption {
  padding: 19px 20px 21px;
}

body.doo-marketing .audience-matrix {
  border-color: var(--magic-line);
}

body.doo-marketing .audience-matrix article {
  background: rgba(12, 13, 14, .58);
}

body.doo-marketing .audience-matrix article:hover {
  background: rgba(22, 35, 38, .58);
}

body.doo-marketing .faq-section details {
  border-color: rgba(174, 216, 223, .19);
}

body.doo-marketing .marketing-footer {
  background: #0a0a0a !important;
}

@media (max-width: 980px) {
  body.doo-marketing .homepage-stream-field {
    height: 1320px;
    opacity: .7;
  }

  body.doo-marketing .public-hero,
  body.doo-marketing .homepage-ai-overview {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .hero-light-braid {
    max-width: 650px;
    min-height: 420px;
    width: 100%;
  }

  body.doo-marketing .public-hero {
    min-height: 0;
    /* padding-top: 42px !important; */
  }

  body.doo-marketing .hero-proof-panel {
    max-width: 650px;
  }

  body.doo-marketing .homepage-ai-overview {
    gap: 46px;
    padding: 78px 0;
  }
}

@media (max-width: 640px) {
  body.doo-marketing .hero-proof-panel {
    padding: 25px 22px 17px;
    border-radius: 18px;
  }

  body.doo-marketing .hero-light-braid {
    min-height: 310px;
  }

  body.doo-marketing .hero-proof-panel li {
    grid-template-columns: 18px 1fr;
    gap: 8px;
  }

  body.doo-marketing .hero-proof-panel li em {
    grid-column: 2;
  }

  body.doo-marketing .homepage-ai-principles {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .homepage-ai-principles article {
    min-height: 0;
  }

  body.doo-marketing .product-grid {
    border-radius: 16px;
  }
}

/* Public marketing alignment system.
   Editorial copy starts on one shared edge; only symmetrical visual readouts
   and conversion bands remain centred. Page-specific files may still control
   geometry, but not the basic reading direction. */
body.doo-marketing :is(.section-intro,
    .page-hero,
    .public-hero-copy,
    .core-hr-hero-copy,
    .core-hr-section-head,
    .performance-hero-copy,
    .performance-section-head,
    .startups-section-head,
    .growing-section-head,
    .established-hero-copy,
    .established-section-head,
    .aiw-section-intro) {
    text-align: left;
}

body.doo-marketing :is(.section-intro,
    .core-hr-section-head,
    .performance-section-head,
    .startups-section-head,
    .growing-section-head,
    .established-section-head,
    .aiw-section-intro) {
    margin-right: 0;
    margin-left: 0;
}

body.doo-marketing :is(.section-intro p,
    .page-hero p,
    .public-hero-copy p,
    .core-hr-section-head p,
    .performance-section-head p,
    .startups-section-head p,
    .growing-section-head p,
    .established-section-head p,
    .aiw-section-intro p) {
    margin-right: 0;
    margin-left: 0;
}

body.doo-marketing :is(.hero-actions,
    .public-hero-copy .hero-actions,
    .core-hr-hero-copy .hero-actions,
    .performance-hero-copy .hero-actions,
    .established-actions) {
    justify-content: flex-start;
}

/* These are intentionally centred because their content is spatially
   symmetrical rather than editorial. */
body.doo-marketing :is(.growing-wheel-readout,
    .growing-final,
    .established-quote,
    .established-final,
    .public-cta,
    .aiw-cta) {
    text-align: center;
}

body.doo-marketing .performance-cta-panel .hero-actions {
    justify-content: center;
}

@media (max-width: 900px) {
    body.doo-marketing :is(.core-hr-hero-copy,
        .performance-hero-copy,
        .established-hero-copy) {
        text-align: left;
    }
}

@media (max-width: 980px) {

  body.doo-marketing .site-nav .nav-inner,
  body.doo-marketing .marketing-main {
    width: min(100% - 32px, 760px);
  }

  body.doo-marketing .desktop-nav {
    display: none !important;
  }

  body.doo-marketing .site-nav .burger {
    display: flex !important;
  }

  body.doo-marketing .public-hero,
  body.doo-marketing .core-hr-hero {
    min-height: 0;
    grid-template-columns: 1fr;
    /* padding-top: 38px !important; */
  }

  body.doo-marketing .hero-proof-panel {
    max-width: 600px;
  }

  body.doo-marketing .product-grid,
  body.doo-marketing .benefit-grid,
  body.doo-marketing .worker-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.doo-marketing .audience-matrix {
    grid-template-columns: repeat(2, 1fr);
  }

  body.doo-marketing .audience-matrix article:nth-child(2) {
    border-right: 0;
  }

  body.doo-marketing .audience-matrix article:nth-child(-n+2) {
    border-bottom: 1px solid var(--magic-line);
  }

  body.doo-marketing .homepage-view-grid,
  body.doo-marketing .demo-section {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .homepage-view-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.doo-marketing .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.doo-marketing .task-flow-map,
  body.doo-marketing .responsible-principle-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.doo-marketing .task-flow-card:nth-child(2) {
    border-right: 0;
  }

  body.doo-marketing .task-flow-card:nth-child(-n+2) {
    border-bottom: 1px solid var(--magic-line);
  }

  body.doo-marketing .homepage-record-map {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .record-map-center {
    order: -1;
  }

  body.doo-marketing .marketing-footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  body.doo-marketing .marketing-main {
    padding-top: 94px;
    padding-bottom: 52px;
  }

  body.doo-marketing h1 {
    font-size: clamp(2.75rem, 14vw, 4.4rem) !important;
  }

  body.doo-marketing .public-section,
  body.doo-marketing .screenshot-section,
  body.doo-marketing .faq-section,
  body.doo-marketing .core-workflows,
  body.doo-marketing .performance-wheel-section,
  body.doo-marketing .recruitment-pipeline-guide {
    padding: 70px 0 !important;
  }

  body.doo-marketing .public-band,
  body.doo-marketing .public-cta {
    padding: 34px 24px;
    display: grid;
  }

  body.doo-marketing .product-grid,
  body.doo-marketing .benefit-grid,
  body.doo-marketing .worker-grid,
  body.doo-marketing .screenshot-grid,
  body.doo-marketing .comparison,
  body.doo-marketing .marketing-footer-grid {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .homepage-view-stack,
  body.doo-marketing .audience-matrix,
  body.doo-marketing .pricing-grid,
  body.doo-marketing .insight-list,
  body.doo-marketing .form-row {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .task-flow-map,
  body.doo-marketing .responsible-principle-grid {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .task-flow-card,
  body.doo-marketing .task-flow-card:nth-child(2) {
    min-height: 210px;
    border-right: 0;
    border-bottom: 1px solid var(--magic-line);
  }

  body.doo-marketing .task-flow-card:last-child {
    border-bottom: 0;
  }

  body.doo-marketing .task-flow-card::before {
    display: none;
  }

  body.doo-marketing .audience-matrix article,
  body.doo-marketing .audience-matrix article:nth-child(2) {
    min-height: 220px;
    border-right: 0;
    border-bottom: 1px solid var(--magic-line);
  }

  body.doo-marketing .audience-matrix article:last-child {
    border-bottom: 0;
  }

  body.doo-marketing .pricing-card {
    min-height: 0;
  }

  body.doo-marketing .product-card {
    min-height: 190px;
  }

  body.doo-marketing .marketing-footer {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.doo-marketing .marketing-footer-meta {
    display: grid;
  }
}

/* Magic Patterns traced-glass panel and connected employee-file map, ported for Razor. */
body.doo-marketing .traced-glass-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 33px 34px 21px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 24px;
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .16), inset 0 -1px 0 0 rgba(255, 255, 255, .05), inset 0 0 60px -20px rgba(255, 255, 255, .08), 0 28px 80px -20px rgba(0, 0, 0, .9), 0 0 90px -30px rgba(var(--public-brand-rgb), .6);
}

body.doo-marketing .traced-glass-panel::before,
body.doo-marketing .traced-glass-panel::after {
  display: none;
}

body.doo-marketing .traced-glass-ambient,
body.doo-marketing .traced-glass-sheen,
body.doo-marketing .traced-glass-orbit {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.doo-marketing .traced-glass-ambient,
body.doo-marketing .traced-glass-sheen {
  z-index: 0;
}

body.doo-marketing .traced-glass-ambient {
  border-radius: inherit;
  background: radial-gradient(120% 90% at 50% -10%, rgba(var(--public-brand-rgb), .18), transparent 62%);
}

body.doo-marketing .traced-glass-sheen {
  border-radius: inherit;
  background: linear-gradient(150deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .02) 34%, transparent 55%);
}

body.doo-marketing .traced-glass-orbit {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 0;
}

body.doo-marketing .traced-glass-trail {
  fill: none;
  stroke-linecap: round;
  animation: traced-glass-orbit 7.2s linear infinite;
}

body.doo-marketing .traced-glass-trail-blur {
  stroke: rgba(var(--public-brand-rgb), .9);
  stroke-width: 12;
  stroke-dasharray: .16 .84;
  filter: blur(11px);
}

body.doo-marketing .traced-glass-trail-accent {
  stroke: rgba(var(--public-brand-rgb), .9);
  stroke-width: 2.5;
  stroke-dasharray: .12 .88;
}

body.doo-marketing .traced-glass-trail-core {
  stroke: #fff;
  stroke-width: 1.5;
  stroke-dasharray: .07 .93;
}

body.doo-marketing .traced-glass-trail-lag {
  stroke: rgba(var(--public-brand-rgb), .55);
  stroke-width: 2;
  stroke-dasharray: .05 .95;
  animation-delay: -3.6s;
}

body.doo-marketing .hero-proof-content {
  position: relative;
  z-index: 2;
}

@keyframes traced-glass-orbit {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -1;
  }
}

body.doo-marketing .homepage-connected-record {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 126px 0 !important;
}

body.doo-marketing .homepage-connected-content {
  position: relative;
  z-index: 1;
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
}

body.doo-marketing .homepage-light-field {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(80% 34% at 50% 24%, rgba(var(--public-brand-rgb), .12), transparent 68%), radial-gradient(48% 28% at 50% 68%, rgba(74, 143, 232, .08), transparent 72%);
  opacity: .6;
}

body.doo-marketing .homepage-tunnel-beam {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 300px;
  height: 700px;
  transform: translateX(-50%);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(var(--public-brand-rgb), .16) 0%, rgba(var(--public-brand-rgb), .06) 36%, transparent 92%);
  filter: blur(18px);
  clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%);
  opacity: .75;
}

body.doo-marketing .homepage-connected-record .section-intro {
  max-width: 780px;
  margin: 0 auto 76px;
  text-align: center;
}

body.doo-marketing .homepage-connected-record .section-intro h2 {
  margin: 0 0 17px;
  font-size: clamp(2.65rem, 4.15vw, 4rem) !important;
  line-height: .98 !important;
  white-space: nowrap;
}

body.doo-marketing .homepage-connected-record .section-intro h2 span {
  color: #adb4b6;
}

body.doo-marketing .homepage-connected-record .section-intro p {
  max-width: 630px;
}

body.doo-marketing .connected-record-map {
  position: relative;
  width: 100%;
  aspect-ratio: 1560 / 1070;
  margin: 0 auto;
}

body.doo-marketing .connected-record-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

body.doo-marketing .connected-record-lines g {
  color: rgba(var(--public-brand-rgb), .48);
  opacity: 1;
  transition: opacity .28s ease, color .28s ease;
}

body.doo-marketing .connected-record-lines path {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-dasharray: 1 7;
  stroke-linecap: round;
}

body.doo-marketing .connected-record-lines circle {
  fill: currentColor;
  transition: r .28s ease;
}

body.doo-marketing .connected-record-lines g.is-active {
  color: var(--magic-cyan);
}

body.doo-marketing .connected-record-lines g.is-active path:not(.connected-record-ride-light) {
  stroke-width: 2;
  filter: drop-shadow(0 0 5px rgba(var(--public-brand-rgb), .65));
  animation: connected-record-dash 1.1s linear infinite;
}

body.doo-marketing .connected-record-lines g.is-active circle {
  r: 4.6;
  filter: drop-shadow(0 0 6px rgba(var(--public-brand-rgb), .85));
}

body.doo-marketing .connected-record-lines g.is-muted {
  opacity: .1;
}

@keyframes connected-record-dash {
  to {
    stroke-dashoffset: -16;
  }
}

/* The hover signal begins at the feature card and rides each matching path into the employee file. */
body.doo-marketing .connected-record-lines .connected-record-ride-light {
  pointer-events: none;
  opacity: 0;
  stroke-dasharray: .15 .85;
  stroke-dashoffset: 0;
}

body.doo-marketing .connected-record-lines .connected-record-ride-light-glow {
  stroke: rgba(var(--public-brand-rgb), .92);
  stroke-width: 12;
  filter: blur(7px);
}

body.doo-marketing .connected-record-lines .connected-record-ride-light-core {
  stroke: #f3ffff;
  stroke-width: 2.8;
  filter: drop-shadow(0 0 5px rgba(var(--public-brand-rgb), .95));
}

body.doo-marketing .connected-record-lines g.is-active .connected-record-ride-light {
  opacity: 1;
  animation: connected-record-ride-light 1.9s linear var(--record-link-delay, 0s) infinite;
}

body.doo-marketing .connected-record-lines g.is-muted .connected-record-ride-light {
  opacity: 0;
  animation: none;
}

@keyframes connected-record-ride-light {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -1;
  }
}

body.doo-marketing .connected-record-module,
body.doo-marketing .connected-record-analytics,
body.doo-marketing .connected-record-integration {
  position: absolute;
  box-sizing: border-box;
  display: flex;
  gap: 13px;
  align-items: flex-start;
  padding: 22px 23px;
  color: var(--magic-text);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 16px;
  background: rgba(13, 20, 23, .48);
  transition: border-color .28s ease, background .28s ease, box-shadow .28s ease, opacity .28s ease, transform .28s ease;
}

body.doo-marketing .connected-record-module:hover,
body.doo-marketing .connected-record-module:focus-visible,
body.doo-marketing .connected-record-analytics:hover,
body.doo-marketing .connected-record-analytics:focus-visible,
body.doo-marketing .connected-record-module.is-active,
body.doo-marketing .connected-record-analytics.is-active,
body.doo-marketing .connected-record-integration.is-active {
  border-color: rgba(var(--public-brand-rgb), .64);
  background: rgba(19, 37, 43, .82);
  box-shadow: 0 0 36px rgba(var(--public-brand-rgb), .15);
  outline: 0;
}

body.doo-marketing .connected-record-module.is-muted,
body.doo-marketing .connected-record-analytics.is-muted,
body.doo-marketing .connected-record-integration.is-muted {
  opacity: .28;
}

body.doo-marketing .connected-record-module b,
body.doo-marketing .connected-record-analytics b {
  display: block;
  color: var(--magic-text);
  font-size: 1rem;
  line-height: 1.2;
}

body.doo-marketing .connected-record-module small,
body.doo-marketing .connected-record-analytics small {
  display: block;
  margin-top: 8px;
  color: var(--magic-muted);
  font-size: .73rem;
  line-height: 1.45;
}

body.doo-marketing .record-module-icon {
  display: grid;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  place-items: center;
  color: var(--magic-cyan);
  border-radius: 9px;
  background: rgba(var(--public-brand-rgb), .13);
}

body.doo-marketing .record-module-core {
  left: 1.92%;
  /* Keep the connector at y=140 centred as the longer description wraps. */
  top: calc(140 / 1070 * 100%);
  width: 25.64%;
  min-height: 14.02%;
  height: auto;
  transform: translateY(-50%);
}

body.doo-marketing .record-module-tasks {
  left: 1.92%;
  top: 26.17%;
  width: 25.64%;
  height: 14.02%;
}

body.doo-marketing .record-module-recruitment {
  left: 1.92%;
  top: 45.79%;
  width: 25.64%;
  height: 14.02%;
}

body.doo-marketing .record-module-performance {
  left: 1.92%;
  top: 67.29%;
  width: 25.64%;
  height: 14.02%;
}

body.doo-marketing .connected-record-plate {
  position: absolute;
  left: 36.54%;
  top: 1.87%;
  width: 26.92%;
  height: 84.11%;
  border: 1px solid rgba(var(--public-brand-rgb), .4);
  border-radius: 28px;
  background: rgba(13, 20, 23, .55);
  box-shadow: 0 0 40px rgba(var(--public-brand-rgb), .16), inset 0 0 40px rgba(var(--public-brand-rgb), .04);
  backdrop-filter: blur(5px);
}

body.doo-marketing .connected-record-title {
  padding: 25px 15px 8px;
  text-align: center;
}

body.doo-marketing .connected-record-title span {
  display: block;
  color: var(--magic-cyan);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}

body.doo-marketing .connected-record-title b {
  display: block;
  margin-top: 6px;
  color: var(--magic-text);
  font-size: 1.14rem;
}

body.doo-marketing .connected-record-rows {
  display: grid;
  gap: 10px;
  padding: 12px 26px 22px;
}

body.doo-marketing .connected-record-rows>div {
  min-height: 53px;
  display: grid;
  align-content: center;
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 11px;
  background: rgba(8, 11, 13, .7);
  transition: border-color .28s ease, background .28s ease, box-shadow .28s ease, opacity .28s ease;
}

body.doo-marketing .connected-record-rows>div b {
  color: var(--magic-text);
  font-size: .72rem;
  line-height: 1.15;
}

body.doo-marketing .connected-record-rows>div small {
  display: block;
  margin-top: 3px;
  color: var(--magic-muted);
  font-size: .58rem;
  line-height: 1.25;
}

body.doo-marketing .connected-record-rows>div.is-active {
  border-color: rgba(var(--public-brand-rgb), .6);
  background: rgba(var(--public-brand-rgb), .1);
  box-shadow: 0 0 22px rgba(var(--public-brand-rgb), .12);
}

body.doo-marketing .connected-record-rows>div.is-active b {
  color: var(--magic-cyan);
}

body.doo-marketing .connected-record-rows>div.is-muted {
  opacity: .28;
}

body.doo-marketing .connected-record-analytics {
  left: 72.44%;
  top: 29.91%;
  width: 25.64%;
  height: 36.45%;
}

body.doo-marketing .connected-record-analytics small {
  max-width: 220px;
}

body.doo-marketing .connected-record-analytics ul {
  display: grid;
  gap: 5px;
  margin: 17px 0 0;
  padding: 14px 0 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

body.doo-marketing .connected-record-analytics li {
  color: var(--magic-muted) !important;
  font-size: .65rem;
  line-height: 1.2;
}

body.doo-marketing .connected-record-integration {
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 17.18%;
  height: 7.85%;
  padding: 12px;
  color: var(--magic-text);
  font: inherit;
  font-size: .7rem;
  cursor: pointer;
}

body.doo-marketing .connected-record-integration i {
  color: var(--magic-cyan);
}

body.doo-marketing .record-integration-payroll {
  left: 32.69%;
  top: 91.59%;
}

body.doo-marketing .record-integration-sso {
  left: 50.9%;
  top: 91.59%;
}

body.doo-marketing .connected-record-mobile {
  display: none;
}

body.doo-marketing .homepage-context-lenses {
  margin-top: 112px;
  padding-top: 80px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

body.doo-marketing .homepage-context-lenses-head {
  max-width: 680px;
  margin: 0 auto 48px;
  text-align: center;
}

body.doo-marketing .homepage-context-lenses-head h3 {
  margin: 0;
  color: var(--magic-text);
  font-size: clamp(2rem, 3.45vw, 3.25rem);
  line-height: 1;
  letter-spacing: -.055em;
}

body.doo-marketing .homepage-context-lenses-head p {
  margin: 17px auto 0;
  color: rgba(236, 240, 239, .8);
  font-size: 1.04rem;
  line-height: 1.65;
}

body.doo-marketing .homepage-context-carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(340px, 39%);
  gap: 20px;
  padding: 0 1px 20px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-color: rgba(var(--public-brand-rgb), .45) rgba(255, 255, 255, .06);
  scrollbar-width: thin;
}

body.doo-marketing .homepage-context-carousel .marketing-screen {
  scroll-snap-align: start;
}

@media (max-width: 980px) {
  body.doo-marketing .homepage-connected-content {
    width: min(720px, calc(100% - 40px));
  }

  body.doo-marketing .connected-record-map {
    display: none;
  }

  body.doo-marketing .connected-record-mobile {
    display: grid;
    gap: 18px;
    max-width: 720px;
    margin: 0 auto;
  }

  body.doo-marketing .connected-record-mobile-file {
    padding: 28px;
    border: 1px solid rgba(var(--public-brand-rgb), .37);
    border-radius: 22px;
    background: rgba(13, 20, 23, .6);
    box-shadow: 0 0 40px rgba(var(--public-brand-rgb), .1);
  }

  body.doo-marketing .connected-record-mobile-file>span {
    display: block;
    color: var(--magic-cyan);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  body.doo-marketing .connected-record-mobile-file b {
    display: block;
    margin: 5px 0 10px;
    color: var(--magic-text);
    font-size: 1.45rem;
  }

  body.doo-marketing .connected-record-mobile-file p {
    margin: 0;
    line-height: 1.55;
  }

  body.doo-marketing .connected-record-mobile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--magic-line);
    border-radius: 18px;
    background: var(--magic-line);
  }

  body.doo-marketing .connected-record-mobile-grid a {
    display: grid;
    gap: 8px;
    min-height: 136px;
    padding: 21px;
    background: rgba(13, 20, 23, .78);
    text-decoration: none;
  }

  body.doo-marketing .connected-record-mobile-grid a:hover {
    background: rgba(19, 37, 43, .82);
  }

  body.doo-marketing .connected-record-mobile-grid b {
    color: var(--magic-text);
  }

  body.doo-marketing .connected-record-mobile-grid span {
    color: var(--magic-muted);
    font-size: .8rem;
    line-height: 1.45;
  }
}

@media (max-width: 640px) {
  body.doo-marketing .traced-glass-panel {
    padding: 25px 22px 17px;
    border-radius: 18px;
  }

  body.doo-marketing .homepage-connected-record {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
  }

  body.doo-marketing .homepage-connected-content {
    width: min(calc(100% - 32px), 640px);
  }

  body.doo-marketing .homepage-tunnel-beam {
    width: 190px;
    height: 510px;
  }

  body.doo-marketing .homepage-connected-record .section-intro {
    margin-bottom: 42px;
  }

  body.doo-marketing .homepage-connected-record .section-intro h2 {
    white-space: normal;
  }

  body.doo-marketing .connected-record-mobile-grid {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .homepage-context-lenses {
    margin-top: 72px;
    padding-top: 60px;
  }

  body.doo-marketing .homepage-context-carousel {
    grid-auto-columns: minmax(272px, 84%);
    gap: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.doo-marketing .traced-glass-trail,
  body.doo-marketing .connected-record-lines g.is-active path:not(.connected-record-ride-light),
  body.doo-marketing .connected-record-lines g.is-active .connected-record-ride-light {
    animation: none;
  }
}

/* Live Magic Patterns artifact alignment — presentation overrides for the Razor marketing shell. */
body.doo-marketing {
  --magic-bg: #0a0a0a;
  --magic-surface: #1c1c1e;
  --magic-surface-raised: #2c2c2e;
  --magic-text: #f5f5f7;
  --magic-muted: #a8a8ae;
  --magic-cyan: var(--public-brand-blue);
  --magic-line: rgba(255, 255, 255, .10);
  color: var(--magic-text);
  background: var(--magic-bg) !important;
  isolation: isolate;
}

body.doo-marketing::before {
  display: none;
}

body.doo-marketing .site-nav,
body.doo-marketing .marketing-shell,
body.doo-marketing .marketing-footer,
body.doo-marketing .mobile-menu {
  position: relative;
  z-index: 1;
}

/* Shared LightField: a quiet moving technical field behind every external route. */
body.doo-marketing .marketing-global-light-field {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .38;
  background: radial-gradient(ellipse 82% 58% at 50% 22%, rgba(var(--public-brand-rgb), .07), transparent 74%);
  mask-image: linear-gradient(to bottom, transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 7%, #000 93%, transparent);
}

body.doo-marketing .marketing-global-light-field>i {
  position: absolute;
  display: block;
  font-style: normal;
  pointer-events: none;
}

body.doo-marketing .marketing-field-rail {
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, .045);
}

body.doo-marketing .marketing-global-light-field .rail-06 {
  left: 6%;
}

body.doo-marketing .marketing-global-light-field .rail-17 {
  left: 17%;
  width: 2px;
  background: rgba(255, 255, 255, .07);
}

body.doo-marketing .marketing-global-light-field .rail-29 {
  left: 29%;
}

body.doo-marketing .marketing-global-light-field .rail-41 {
  left: 41%;
}

body.doo-marketing .marketing-global-light-field .rail-50 {
  left: 50%;
  width: 2px;
  background: rgba(255, 255, 255, .10);
}

body.doo-marketing .marketing-global-light-field .rail-59 {
  left: 59%;
}

body.doo-marketing .marketing-global-light-field .rail-72 {
  left: 72%;
  width: 2px;
  background: rgba(255, 255, 255, .07);
}

body.doo-marketing .marketing-global-light-field .rail-84 {
  left: 84%;
}

body.doo-marketing .marketing-global-light-field .rail-95 {
  left: 95%;
}

body.doo-marketing .marketing-field-runner {
  top: -28%;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(to bottom, transparent, rgba(var(--public-brand-rgb), .9), #fff);
  box-shadow: 0 0 14px 2px rgba(var(--public-brand-rgb), .5);
  animation: marketing-global-light-fall var(--runner-duration) linear var(--runner-delay) infinite;
}

body.doo-marketing .marketing-global-light-field .runner-17 {
  left: 17%;
  height: 200px;
  --runner-duration: 12s;
  --runner-delay: 0s;
}

body.doo-marketing .marketing-global-light-field .runner-72 {
  left: 72%;
  height: 240px;
  --runner-duration: 14s;
  --runner-delay: 3.4s;
}

body.doo-marketing .marketing-global-light-field .runner-41 {
  left: 41%;
  height: 140px;
  --runner-duration: 18s;
  --runner-delay: 6.5s;
}

body.doo-marketing .marketing-global-light-field .runner-95 {
  left: 95%;
  height: 180px;
  --runner-duration: 15s;
  --runner-delay: 9s;
}

body.doo-marketing .marketing-field-cross-rule {
  top: 58%;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, .04);
}

body.doo-marketing .marketing-field-cross-runner {
  top: 58%;
  left: 110%;
  width: 220px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(to left, transparent, rgba(var(--public-brand-rgb), .85), #fff);
  box-shadow: 0 0 14px 2px rgba(var(--public-brand-rgb), .45);
  animation: marketing-global-light-cross 17s linear 5s infinite;
}

@keyframes marketing-global-light-fall {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    transform: translateY(140vh);
    opacity: 0;
  }
}

@keyframes marketing-global-light-cross {
  0% {
    transform: translateX(0);
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    transform: translateX(-145vw);
    opacity: 0;
  }
}

body.doo-marketing .marketing-main {
  width: min(1280px, calc(100% - 48px));
  padding-top: 112px;
}

body.doo-marketing .site-nav {
  height: 76px;
  background: transparent !important;
  border-bottom-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}

body.doo-marketing .site-nav.is-scrolled,
body.doo-marketing .site-nav:has(.nav-products[open]) {
  background: rgba(10, 10, 10, .85) !important;
  border-bottom-color: var(--magic-line) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

body.doo-marketing .site-nav .nav-inner {
  width: min(1280px, calc(100% - 48px));
  max-width: none;
}

body.doo-marketing .site-nav .doo-logo {
  transform: scale(.8);
}

body.doo-marketing .desktop-nav {
  gap: 25px;
}

body.doo-marketing .desktop-nav>a:not(.btn),
body.doo-marketing .nav-products>summary {
  color: var(--magic-text) !important;
  font-size: .9rem;
  font-weight: 500;
}

body.doo-marketing .nav-products-menu {
  border-color: var(--magic-line) !important;
  border-radius: 16px !important;
  background: rgba(28, 28, 30, .94) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(20px);
}

body.doo-marketing .nav-products-menu a:hover {
  background: rgba(255, 255, 255, .06) !important;
}

body.doo-marketing .btn {
  min-height: 44px;
  border-radius: 12px !important;
  padding: 0 19px !important;
  font-weight: 600 !important;
}

body.doo-marketing .btn-primary {
  border-color: var(--public-brand-blue) !important;
  background: var(--public-brand-blue) !important;
  color: #071114 !important;
  box-shadow: 0 8px 24px rgba(var(--public-brand-rgb), .16);
}

body.doo-marketing .btn-primary:hover {
  background: var(--public-brand-blue) !important;
  border-color: var(--public-brand-blue) !important;
  transform: translateY(-1px);
}

body.doo-marketing .btn-outline,
body.doo-marketing .btn-ghost {
  border-color: rgba(var(--public-brand-rgb), .58) !important;
  color: var(--magic-text) !important;
  background: rgba(255, 255, 255, .025) !important;
}

body.doo-marketing .btn-outline:hover,
body.doo-marketing .btn-ghost:hover {
  border-color: var(--public-brand-blue) !important;
  background: rgba(var(--public-brand-rgb), .11) !important;
}

body.doo-marketing .eyebrow {
  color: var(--magic-cyan) !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
}

body.doo-marketing h1,
body.doo-marketing h2,
body.doo-marketing h3 {
  color: var(--magic-text) !important;
  text-wrap: balance;
}

body.doo-marketing .lead,
body.doo-marketing .section-intro p,
body.doo-marketing .page-hero p {
  color: var(--magic-muted) !important;
}

body.doo-marketing .public-hero {
  position: relative;
  min-height: 680px;
  padding-top: 56px !important;
  padding-bottom: 108px !important;
}

body.doo-marketing .public-hero::before {
  position: absolute;
  z-index: -1;
  inset: -112px -13vw -40px;
  content: "";
  pointer-events: none;
  opacity: .72;
  background:
    linear-gradient(90deg, transparent 8%, rgba(255, 255, 255, .045) 8.08%, transparent 8.15%, transparent 28%, rgba(255, 255, 255, .045) 28.08%, transparent 28.15%, transparent 50%, rgba(255, 255, 255, .09) 50.1%, transparent 50.18%, transparent 72%, rgba(255, 255, 255, .06) 72.08%, transparent 72.15%, transparent 92%, rgba(255, 255, 255, .04) 92.08%, transparent 92.15%),
    radial-gradient(ellipse 55% 68% at 73% 45%, rgba(var(--public-brand-rgb), .17), transparent 70%);
  mask-image: radial-gradient(ellipse 94% 82% at 55% 40%, #000 34%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 94% 82% at 55% 40%, #000 34%, transparent 100%);
}

body.doo-marketing .public-hero h1 {
  font-size: clamp(3.7rem, 6.4vw, 6.3rem) !important;
  line-height: .95 !important;
}

body.doo-marketing .public-hero h1 .accent {
  color: var(--magic-cyan);
  text-decoration: none;
}

body.doo-marketing .public-hero .lead {
  max-width: 610px;
  font-size: clamp(1.05rem, 1.45vw, 1.25rem);
  line-height: 1.6;
}

body.doo-marketing .hero-note {
  color: var(--magic-muted);
  font-size: .83rem;
}

body.doo-marketing .marketing-ticker {
  border-color: var(--magic-line) !important;
  background: rgba(255, 255, 255, .018);
}

body.doo-marketing .homepage-connected-record {
  padding: 144px 0 !important;
}

body.doo-marketing .homepage-light-field {
  opacity: .76;
  background:
    linear-gradient(90deg, transparent 7%, rgba(255, 255, 255, .04) 7.08%, transparent 7.16%, transparent 21%, rgba(255, 255, 255, .06) 21.08%, transparent 21.16%, transparent 39%, rgba(255, 255, 255, .045) 39.08%, transparent 39.16%, transparent 50%, rgba(255, 255, 255, .1) 50.12%, transparent 50.22%, transparent 61%, rgba(255, 255, 255, .045) 61.08%, transparent 61.16%, transparent 79%, rgba(255, 255, 255, .07) 79.08%, transparent 79.16%, transparent 94%, rgba(255, 255, 255, .04) 94.08%, transparent 94.16%),
    radial-gradient(52% 32% at 50% 20%, rgba(var(--public-brand-rgb), .15), transparent 72%);
}

body.doo-marketing .homepage-tunnel-beam {
  width: 300px;
  height: 700px;
  opacity: .82;
  background: linear-gradient(180deg, rgba(var(--public-brand-rgb), .18), rgba(var(--public-brand-rgb), .10) 58%, rgba(var(--public-brand-rgb), .025));
  filter: blur(32px);
}

body.doo-marketing .homepage-connected-record .section-intro h2 {
  font-size: clamp(2.8rem, 4.25vw, 4.5rem) !important;
}

body.doo-marketing .homepage-context-lenses {
  margin-top: 132px;
  padding-top: 92px;
  border-top-color: rgba(255, 255, 255, .06);
}

body.doo-marketing .homepage-context-lenses-head {
  max-width: 720px;
  margin: 0 auto 44px;
  text-align: center;
}

body.doo-marketing .homepage-context-lenses-head h3 {
  margin: 0;
  font-size: clamp(2rem, 3.2vw, 3.2rem) !important;
  letter-spacing: -.055em;
}

body.doo-marketing .homepage-context-lenses-head p {
  max-width: 620px;
  margin: 16px auto 0;
  color: var(--magic-muted);
  line-height: 1.6;
}

body.doo-marketing .homepage-context-carousel {
  display: block;
  overflow: visible;
  padding: 0;
}

body.doo-marketing .context-carousel-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 40px;
}

body.doo-marketing .context-carousel-tabs button {
  padding: 9px 15px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .03);
  color: var(--magic-muted);
  font: inherit;
  font-size: .75rem;
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease, color .25s ease;
}

body.doo-marketing .context-carousel-tabs button:hover,
body.doo-marketing .context-carousel-tabs button.is-active {
  border-color: rgba(var(--public-brand-rgb), .52);
  background: rgba(var(--public-brand-rgb), .14);
  color: var(--magic-text);
}

body.doo-marketing .context-carousel-stage {
  position: relative;
  height: 420px;
  max-width: 760px;
  margin: 0 auto;
}

body.doo-marketing .context-carousel-rail {
  position: absolute;
  top: 50%;
  right: -8%;
  left: -8%;
  height: 1px;
  background: rgba(255, 255, 255, .07);
}

body.doo-marketing .context-carousel-stage::after {
  position: absolute;
  bottom: 5px;
  left: 25%;
  width: 50%;
  height: 1px;
  background: rgba(var(--public-brand-rgb), .25);
  content: "";
}

body.doo-marketing .context-carousel-stage .marketing-screen {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  width: 78%;
  margin: auto;
  border-color: rgba(255, 255, 255, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .05);
  box-shadow: 0 22px 44px rgba(0, 0, 0, .45);
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(var(--context-offset) * 46%)) scale(.68);
  transition: transform .6s cubic-bezier(.16, 1, .3, 1), opacity .55s ease, filter .55s ease;
  filter: blur(2px);
}

body.doo-marketing .context-carousel-stage .marketing-screen[data-context-slide="0"] {
  --context-offset: 0;
}

body.doo-marketing .context-carousel-stage .marketing-screen.is-active {
  z-index: 4;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
  filter: blur(0);
  border-color: rgba(var(--public-brand-rgb), .3);
}

body.doo-marketing .context-carousel-stage .marketing-screen:not(.is-active) {
  opacity: .16;
}

body.doo-marketing .context-carousel-stage .marketing-screen.is-near {
  z-index: 3;
  opacity: .38;
  transform: translateX(calc(var(--context-offset) * 46%)) scale(.82);
}

body.doo-marketing .context-carousel-chrome {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

body.doo-marketing .context-carousel-chrome i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
}

body.doo-marketing .context-carousel-chrome b {
  margin-left: 8px;
  overflow: hidden;
  color: var(--magic-muted);
  font-size: .58rem;
  letter-spacing: .16em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.doo-marketing .context-carousel-stage .marketing-screen img {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  object-position: top;
}

body.doo-marketing .context-carousel-stage .marketing-screen figcaption {
  display: none;
}

body.doo-marketing .context-carousel-arrow {
  position: absolute;
  z-index: 10;
  top: 38%;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  background: rgba(255, 255, 255, .05);
  color: var(--magic-muted);
  cursor: pointer;
  backdrop-filter: blur(12px);
  transition: color .2s ease, border-color .2s ease;
}

body.doo-marketing .context-carousel-arrow:hover {
  color: var(--magic-text);
  border-color: rgba(var(--public-brand-rgb), .48);
}

body.doo-marketing .context-carousel-prev {
  left: 0;
}

body.doo-marketing .context-carousel-next {
  right: 0;
}

body.doo-marketing .context-carousel-readout {
  max-width: 620px;
  margin: 30px auto 0;
  padding: 20px 26px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
  text-align: center;
  backdrop-filter: blur(12px);
}

body.doo-marketing .context-carousel-readout-item {
  display: none;
}

body.doo-marketing .context-carousel-readout-item.is-active {
  display: block;
}

body.doo-marketing .context-carousel-readout span {
  color: var(--magic-cyan);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

body.doo-marketing .context-carousel-readout p {
  margin: 10px 0 0;
  color: rgba(245, 245, 247, .88);
  line-height: 1.55;
}

body.doo-marketing .context-carousel-progress {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
}

body.doo-marketing .context-carousel-progress button {
  width: 16px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, .15);
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}

body.doo-marketing .context-carousel-progress button.is-active {
  width: 32px;
  background: var(--magic-cyan);
}

body.doo-marketing .core-hr-hero {
  position: relative;
  min-height: 620px;
}

body.doo-marketing .core-hr-metrics {
  padding: 22px;
  border-color: rgba(255, 255, 255, .14);
  border-radius: 24px;
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 0 60px -20px rgba(255, 255, 255, .08), 0 28px 80px -22px rgba(0, 0, 0, .85), 0 0 72px -32px rgba(var(--public-brand-rgb), .55);
  backdrop-filter: blur(24px) saturate(150%);
}

body.doo-marketing .core-hr-metrics-head {
  padding: 4px 2px 18px;
  border-bottom-color: rgba(255, 255, 255, .1);
}

body.doo-marketing .core-hr-metrics-head h2 {
  font-size: 1.25rem !important;
}

body.doo-marketing .core-hr-metric {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(10, 10, 10, .46) !important;
}

body.doo-marketing .metric-bar i {
  background: var(--magic-cyan) !important;
}

body.doo-marketing .core-hr-metrics-footer {
  border-top-color: rgba(255, 255, 255, .1) !important;
}

body.doo-marketing .public-band,
body.doo-marketing .public-cta {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}

body.doo-marketing .product-grid,
body.doo-marketing .benefit-grid,
body.doo-marketing .audience-matrix {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .10);
}

body.doo-marketing .product-card,
body.doo-marketing .benefit-grid>article,
body.doo-marketing .audience-matrix>article {
  background: #101112;
}

body.doo-marketing .product-card:hover,
body.doo-marketing .benefit-grid>article:hover,
body.doo-marketing .audience-matrix>article:hover {
  background: #1c1c1e;
}

body.doo-marketing .marketing-footer {
  background: #0a0a0a !important;
  border-top-color: rgba(255, 255, 255, .1) !important;
}

@media (max-width: 900px) {

  body.doo-marketing .marketing-main,
  body.doo-marketing .site-nav .nav-inner {
    width: min(100% - 32px, 760px);
  }

  body.doo-marketing .public-hero {
    min-height: 0;
    padding-top: 42px !important;
  }

  body.doo-marketing .context-carousel-stage {
    height: 350px;
  }
}

@media (max-width: 640px) {
  body.doo-marketing .marketing-main {
    padding-top: 92px;
  }

  body.doo-marketing .public-hero h1 {
    font-size: clamp(3rem, 14vw, 4.45rem) !important;
  }

  body.doo-marketing .homepage-connected-record {
    padding: 90px 0 !important;
  }

  body.doo-marketing .context-carousel-tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    overflow-x: auto;
  }

  body.doo-marketing .context-carousel-tabs button {
    flex: 0 0 auto;
  }

  body.doo-marketing .context-carousel-stage {
    height: 246px;
  }

  body.doo-marketing .context-carousel-stage .marketing-screen {
    width: 84%;
  }

  body.doo-marketing .context-carousel-arrow {
    top: 34%;
    width: 34px;
    height: 34px;
  }

  body.doo-marketing .context-carousel-readout {
    padding: 17px;
  }
}

/* LightField + TunnelBeam: the employee-file section is lit from the ticker into the central record. */
body.doo-marketing .homepage-light-field {
  display: block;
  overflow: hidden;
  background: none;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 35%, #000 35%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 35%, #000 35%, transparent 100%);
}

body.doo-marketing .homepage-light-field>i,
body.doo-marketing .homepage-tunnel-beam>i {
  position: absolute;
  display: block;
  font-style: normal;
  pointer-events: none;
}

body.doo-marketing .light-field-rail {
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, .045);
}

body.doo-marketing .rail-06 {
  left: 6%;
}

body.doo-marketing .rail-17 {
  left: 17%;
  width: 2px;
  background: rgba(255, 255, 255, .07);
}

body.doo-marketing .rail-29 {
  left: 29%;
}

body.doo-marketing .rail-41 {
  left: 41%;
}

body.doo-marketing .rail-50 {
  left: 50%;
  width: 2px;
  background: rgba(255, 255, 255, .10);
}

body.doo-marketing .rail-59 {
  left: 59%;
}

body.doo-marketing .rail-72 {
  left: 72%;
  width: 2px;
  background: rgba(255, 255, 255, .07);
}

body.doo-marketing .rail-84 {
  left: 84%;
}

body.doo-marketing .rail-95 {
  left: 95%;
}

body.doo-marketing .light-field-runner {
  top: -26%;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(to bottom, transparent, rgba(var(--public-brand-rgb), .9), #fff);
  box-shadow: 0 0 14px 2px rgba(var(--public-brand-rgb), .55);
  animation: marketing-light-field-fall var(--runner-duration) linear var(--runner-delay) infinite;
}

body.doo-marketing .runner-17 {
  left: 17%;
  height: 200px;
  --runner-duration: 7s;
  --runner-delay: 0s;
}

body.doo-marketing .runner-72 {
  left: 72%;
  height: 240px;
  --runner-duration: 8s;
  --runner-delay: 3.4s;
}

body.doo-marketing .runner-41 {
  left: 41%;
  height: 140px;
  --runner-duration: 11s;
  --runner-delay: 6.5s;
}

body.doo-marketing .runner-95 {
  left: 95%;
  height: 180px;
  --runner-duration: 9s;
  --runner-delay: 9s;
}

body.doo-marketing .light-field-cross-rule {
  top: 58%;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, .04);
}

body.doo-marketing .light-field-cross-runner {
  top: 58%;
  left: 110%;
  width: 220px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(to left, transparent, rgba(var(--public-brand-rgb), .85), #fff);
  box-shadow: 0 0 14px 2px rgba(var(--public-brand-rgb), .5);
  animation: marketing-light-field-cross 10s linear 5s infinite;
}

@keyframes marketing-light-field-fall {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    transform: translateY(146vh);
    opacity: 0;
  }
}

@keyframes marketing-light-field-cross {
  0% {
    transform: translateX(0);
    opacity: 0;
  }

  12% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    transform: translateX(-145vw);
    opacity: 0;
  }
}

body.doo-marketing .homepage-tunnel-beam {
  overflow: visible;
  background: transparent;
  filter: none;
  clip-path: none;
  opacity: 1;
}

body.doo-marketing .homepage-tunnel-beam .tunnel-wash {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 450px;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, rgba(var(--public-brand-rgb), .16), rgba(var(--public-brand-rgb), .09) 60%, rgba(var(--public-brand-rgb), .02));
  filter: blur(54px);
  animation: marketing-tunnel-breathe 7s ease-in-out infinite;
}

body.doo-marketing .homepage-tunnel-beam .tunnel-body {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 300px;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, rgba(var(--public-brand-rgb), .24), rgba(var(--public-brand-rgb), .30) 75%, rgba(var(--public-brand-rgb), .42));
  filter: blur(26px);
}

body.doo-marketing .homepage-tunnel-beam .tunnel-core {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 66px;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, .34));
  filter: blur(16px);
}

body.doo-marketing .homepage-tunnel-beam .tunnel-pool {
  bottom: -75px;
  left: 50%;
  width: 570px;
  height: 150px;
  transform: translateX(-50%);
  border-radius: 100%;
  background: radial-gradient(ellipse at center, rgba(var(--public-brand-rgb), .4), rgba(var(--public-brand-rgb), .14) 55%, transparent 75%);
  filter: blur(30px);
  animation: marketing-tunnel-breathe 7s ease-in-out infinite;
}

@keyframes marketing-tunnel-breathe {

  0%,
  100% {
    opacity: .65;
  }

  50% {
    opacity: 1;
  }
}

@media (max-width: 640px) {
  body.doo-marketing .homepage-light-field {
    opacity: .45;
  }

  body.doo-marketing .homepage-tunnel-beam .tunnel-wash {
    width: 285px;
  }

  body.doo-marketing .homepage-tunnel-beam .tunnel-body {
    width: 190px;
  }

  body.doo-marketing .homepage-tunnel-beam .tunnel-core {
    width: 42px;
  }

  body.doo-marketing .homepage-tunnel-beam .tunnel-pool {
    width: 360px;
  }
}

@media (prefers-reduced-motion: reduce) {

  body.doo-marketing .marketing-field-runner,
  body.doo-marketing .marketing-field-cross-runner,
  body.doo-marketing .light-field-runner,
  body.doo-marketing .light-field-cross-runner,
  body.doo-marketing .homepage-tunnel-beam .tunnel-wash,
  body.doo-marketing .homepage-tunnel-beam .tunnel-pool {
    animation: none;
  }
}

/* A duplicate track moves exactly one sequence width, so the ticker loops without an empty seam. */
body.doo-marketing .marketing-ticker-track {
  gap: 0;
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation: marketing-ticker-drift 32s linear infinite;
}

body.doo-marketing .marketing-ticker-copy {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 25px;
  padding-right: 25px;
}

@keyframes marketing-ticker-drift {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Used by: company-stage pages replace role-based audience marketing. */
body.doo-marketing .marketing-footer-grid {
  grid-template-columns: 1.75fr repeat(4, 1fr);
}

body.doo-marketing .company-stage-matrix {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.doo-marketing .company-stage-matrix>article {
  min-height: 278px;
  display: flex;
  flex-direction: column;
}

body.doo-marketing .company-stage-matrix>article a {
  margin-top: auto;
}

body.doo-marketing .used-by-hero {
  display: block;
  min-height: 0;
  padding-top: 104px !important;
  padding-bottom: 78px !important;
}

body.doo-marketing .used-by-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr);
  align-items: end;
  gap: clamp(42px, 8vw, 132px);
}

body.doo-marketing .company-stage-name {
  margin: 0 0 12px;
  color: var(--magic-cyan);
  font-size: 1.05rem;
  font-weight: 700;
}

body.doo-marketing .used-by-hero h1 {
  max-width: 790px;
  margin: 0;
  font-size: clamp(3.2rem, 5.3vw, 5.85rem) !important;
  line-height: .96 !important;
}

body.doo-marketing .used-by-hero .lead {
  max-width: 650px;
}

body.doo-marketing .company-stage-metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--magic-line);
  border-radius: 20px;
  background: var(--magic-line);
}

body.doo-marketing .company-stage-metrics>div {
  min-height: 112px;
  display: grid;
  align-content: center;
  padding: 21px 24px;
  background: rgba(255, 255, 255, .035);
}

body.doo-marketing .company-stage-metrics dd {
  margin: 0;
  color: var(--magic-cyan);
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
  font-weight: 750;
  letter-spacing: -.05em;
  line-height: 1;
}

body.doo-marketing .company-stage-metrics dt {
  margin-top: 8px;
  color: var(--magic-muted);
  font-size: .78rem;
  font-weight: 600;
}

body.doo-marketing .used-by-reality {
  padding-top: 90px !important;
}

body.doo-marketing .company-stage-reality {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--magic-line);
  border-radius: 22px;
  overflow: hidden;
  background: var(--magic-line);
}

body.doo-marketing .company-stage-reality li {
  min-height: 190px;
  padding: 27px;
  background: rgba(255, 255, 255, .025);
}

body.doo-marketing .company-stage-reality li>span {
  color: var(--magic-cyan);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
}

body.doo-marketing .company-stage-reality p {
  margin: 28px 0 0;
  color: var(--magic-text);
  font-size: 1.05rem;
  line-height: 1.48;
}

body.doo-marketing .company-stage-shifts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

body.doo-marketing .company-stage-shifts article {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items: center;
  padding: 27px;
  border: 1px solid var(--magic-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .025);
}

body.doo-marketing .company-stage-shifts span {
  color: var(--magic-cyan);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

body.doo-marketing .company-stage-shifts p {
  margin: 10px 0 0;
  color: var(--magic-text);
  line-height: 1.45;
}

body.doo-marketing .company-stage-shifts i {
  color: var(--magic-cyan);
}

/* Magic Patterns pricing: two deliberate entry points, rather than a dense tier table. */
body.doo-marketing .pricing-hero {
  display: block;
  min-height: 0;
  /* padding-top: 104px !important; */
  padding-bottom: 24px !important;
  text-align: left;
}

body.doo-marketing .pricing-hero .section-intro {
  /* max-width: 780px; */
  margin: 0 auto;
}

body.doo-marketing .pricing-hero .section-intro h1 {
  margin-top: 14px;
  font-size: clamp(3.1rem, 5.2vw, 5.7rem) !important;
  line-height: .96 !important;
}

body.doo-marketing .pricing-hero .section-intro .lead {
  /* max-width: 660px; */
  margin-right: auto;
  margin-left: auto;
}

body.doo-marketing .pricing-section {
  /* padding-top: 54px !important; */
}

body.doo-marketing .magic-pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  /* max-width: 1050px; */
  margin: 0 auto;
}

body.doo-marketing .magic-price-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 650px;
  padding: clamp(28px, 4vw, 44px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 28px 60px -46px rgba(0, 0, 0, .92);
}

body.doo-marketing .magic-price-card::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: radial-gradient(95% 55% at 50% -8%, rgba(var(--public-brand-rgb), .12), transparent 65%);
}

body.doo-marketing .magic-price-card>* {
  position: relative;
  z-index: 1;
}

body.doo-marketing .magic-price-free {
  border-color: rgba(232, 253, 255, .56);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 0 58px -28px rgba(var(--public-brand-rgb), .28), 0 0 38px -24px rgba(232, 253, 255, .82), 0 0 64px -34px rgba(var(--public-brand-rgb), .46);
}

body.doo-marketing .pricing-badge {
  align-self: flex-end;
  margin: -9px 0 16px;
  padding: 7px 10px;
  border: 1px solid rgba(var(--public-brand-rgb), .3);
  border-radius: 999px;
  color: var(--magic-cyan);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.doo-marketing .magic-price-card h2 {
  margin: 12px 0 10px;
  font-size: clamp(2rem, 3vw, 3rem) !important;
}

body.doo-marketing .magic-price-card>p {
  max-width: 400px;
  margin: 0;
  color: var(--magic-muted);
  line-height: 1.55;
}

body.doo-marketing .magic-price {
  display: grid;
  gap: 5px;
  padding: 38px 0 28px;
  border-bottom: 1px solid var(--magic-line);
}

body.doo-marketing .magic-price b {
  color: var(--magic-text);
  font-size: clamp(2.5rem, 5vw, 4.7rem);
  line-height: .86;
  letter-spacing: -.07em;
}

body.doo-marketing .magic-price span {
  color: var(--magic-cyan);
  font-size: .84rem;
  font-weight: 700;
}

body.doo-marketing .magic-price small {
  color: var(--magic-muted);
  font-size: .75rem;
}

body.doo-marketing .magic-price-card ul {
  display: grid;
  gap: 12px;
  margin: 27px 0 22px;
  padding: 0;
  list-style: none;
}

body.doo-marketing .magic-price-card li {
  position: relative;
  padding-left: 24px;
  color: rgba(245, 245, 247, .88);
  font-size: .89rem;
  line-height: 1.4;
}

body.doo-marketing .magic-price-card li::before {
  position: absolute;
  left: 0;
  top: .45em;
  width: 11px;
  height: 6px;
  border-bottom: 2px solid var(--magic-cyan);
  border-left: 2px solid var(--magic-cyan);
  content: "";
  transform: rotate(-45deg);
}

body.doo-marketing .pricing-ai-note {
  margin-top: auto !important;
  padding: 14px 0 20px;
  border-top: 1px solid var(--magic-line);
  font-size: .78rem;
}

body.doo-marketing .magic-price-card .btn {
  margin-top: auto;
  align-self: flex-start;
}

body.doo-marketing .magic-price-free .pricing-ai-note+.btn {
  margin-top: 0;
}

body.doo-marketing .pricing-ai-band {
  max-width: 1050px;
  margin: 0 auto 100px;
}

@media (max-width: 980px) {
  body.doo-marketing .marketing-footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  body.doo-marketing .footer-intro {
    grid-column: span 3;
  }

  body.doo-marketing .used-by-hero-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  body.doo-marketing .company-stage-metrics {
    grid-template-columns: repeat(3, 1fr);
  }

  body.doo-marketing .company-stage-reality {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .company-stage-reality li {
    min-height: 0;
  }
}

@media (max-width: 700px) {
  body.doo-marketing .marketing-ticker-track {
    animation-duration: 26s;
  }

  body.doo-marketing .company-stage-matrix,
  body.doo-marketing .magic-pricing-grid,
  body.doo-marketing .company-stage-shifts {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .company-stage-metrics {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .company-stage-shifts article {
    grid-template-columns: 1fr;
  }

  body.doo-marketing .company-stage-shifts i {
    transform: rotate(90deg);
  }

  body.doo-marketing .magic-price-card {
    min-height: 0;
  }

  body.doo-marketing .pricing-ai-band {
    margin-bottom: 72px;
  }

  body.doo-marketing .marketing-footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.doo-marketing .footer-intro {
    grid-column: span 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.doo-marketing .marketing-ticker-track {
    animation: none;
  }
}

/* The employee-file area is transparent to the hero stream: no clipped wash,
   only the individually blurred paths that descend into the record. */
body.doo-marketing .homepage-connected-record {
  overflow: visible;
  background: transparent !important;
}

body.doo-marketing .homepage-light-field {
  background: none !important;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Keep the authored SVG as a no-script fallback only. Once the richer live
   stream has mounted, showing both creates two competing paths. */
body.doo-marketing .homepage-stream-fallback {
  visibility: hidden;
}

body.doo-marketing .homepage-stream-field[data-stream-ready="true"] .homepage-stream-fallback {
  display: none;
}

/* The light stream supplies the landing page's vertical movement. Remove the
   unrelated background/hero grid rails so it is the only vertical treatment. */
body.doo-marketing:has(.homepage-stream-span)::before {
  background-image: none;
}

body.doo-marketing .homepage-stream-span .public-hero::before {
  background: radial-gradient(ellipse 55% 68% at 73% 45%, rgba(var(--public-brand-rgb), .17), transparent 70%);
}

/* Increase the supporting copy in the Employee File illustration without
   changing the visual hierarchy of its headings. */
body.doo-marketing .connected-record-module small,
body.doo-marketing .connected-record-analytics small {
  font-size: .88rem;
  line-height: 1.42;
}

body.doo-marketing .connected-record-rows > div small {
  font-size: .76rem;
  line-height: 1.34;
}

body.doo-marketing .connected-record-analytics li {
  font-size: .81rem;
  line-height: 1.34;
}

/* Preserve the composition on small screens without its animated SVG filters. */
@media (max-width: 900px) {
  body.doo-marketing .homepage-stream-fallback {
    visibility: visible;
  }

  body.doo-marketing .homepage-stream-fallback .homepage-stream-runners,
  body.doo-marketing .homepage-stream-live {
    display: none;
  }
}

/* The Employee File context now leads this section. Reclaim the former
   headline space above it and position its interpretation immediately after. */
@media (min-width: 901px) {
  body.doo-marketing .homepage-connected-record {
    padding-top: 72px !important;
  }

  body.doo-marketing .homepage-connected-record .homepage-connected-intro {
    margin: 84px auto 72px;
  }
}

/* Final landing composition: copy sits higher in the hero while the visual
   stream stays unblurred until it reaches the connected-record section. */
@media (min-width: 901px) {
  body.doo-marketing .public-hero-copy {
    transform: translateY(-88px);
  }
}

body.doo-marketing .site-nav {
  background: rgba(10, 10, 10, .9) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  backdrop-filter: blur(9px) !important;
}

/* Landing stream and navigation: preserve the MP composition at desktop width.
   The link group is optically centred while account actions remain anchored right. */
@media (min-width: 901px) {
  body.doo-marketing .site-nav .nav-inner {
    position: relative;
  }

  body.doo-marketing .desktop-nav {
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 0;
  }

  body.doo-marketing .nav-primary {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 25px;
    transform: translate(-50%, -50%);
  }

  body.doo-marketing .nav-primary>a {
    color: #e6ecee;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }

  body.doo-marketing .nav-primary>a:hover {
    color: var(--magic-cyan);
  }

  body.doo-marketing .nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
  }
}

body.doo-marketing .marketing-main,
body.doo-marketing .homepage-stream-span,
body.doo-marketing .homepage-stream-field {
  overflow: visible;
}

body.doo-marketing .site-nav {
  background: rgba(10, 10, 10, .9) !important;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

body.doo-marketing .homepage-stream-field {
  top: -178px;
  height: 2140px;
}

body.doo-marketing .homepage-stream-base path {
  stroke-width: 1.05;
  opacity: .82;
}

body.doo-marketing .homepage-stream-base path:nth-child(3n) {
  stroke-width: 1.45;
}

body.doo-marketing .homepage-stream-runners path {
  stroke-width: 3;
  opacity: 1;
}

@media (max-width: 900px) {
  body.doo-marketing .homepage-stream-field {
    top: -116px;
    height: 1360px;
  }
}

/* Separate menus deliberately overlap their trigger edge, so the hover path cannot close before a link is reached. */
body.doo-marketing .nav-menu {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: -14px;
}

body.doo-marketing .nav-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--magic-text);
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}

body.doo-marketing .nav-menu-trigger:hover,
body.doo-marketing .nav-menu-trigger:focus-visible,
body.doo-marketing .nav-menu.is-open .nav-menu-trigger {
  color: var(--magic-text);
  background: rgba(255, 255, 255, .06);
  outline: 0;
}

body.doo-marketing .nav-menu-trigger i {
  color: var(--magic-muted);
  font-size: .65rem;
  transition: transform .2s ease;
}

body.doo-marketing .nav-menu.is-open .nav-menu-trigger i {
  transform: rotate(180deg);
}

body.doo-marketing .nav-menu-panel {
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 50%;
  width: min(364px, calc(100vw - 32px));
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -4px);
  transition: opacity .18s ease, transform .18s ease;
}

body.doo-marketing .nav-menu.is-open .nav-menu-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

body.doo-marketing .nav-menu-panel-used-by {
  width: min(408px, calc(100vw - 32px));
}

body.doo-marketing .nav-menu-surface {
  display: grid;
  width: 100%;
  box-sizing: border-box;
  gap: 3px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(28, 28, 30, .97);
  box-shadow: 0 22px 54px rgba(0, 0, 0, .68), 0 0 36px rgba(var(--public-brand-rgb), .08);
  backdrop-filter: blur(22px) saturate(150%);
}

body.doo-marketing .nav-menu-surface a {
  display: grid;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  gap: 5px;
  min-height: 52px;
  padding: 12px 13px;
  border-radius: 12px;
  color: var(--magic-text);
  text-decoration: none;
  transition: background .18s ease;
}

body.doo-marketing .nav-menu-surface a:hover,
body.doo-marketing .nav-menu-surface a:focus-visible {
  background: rgba(255, 255, 255, .07);
  outline: 0;
}

body.doo-marketing .nav-menu-surface b {
  min-width: 0;
  font-size: .95rem;
  line-height: 1.2;
}

body.doo-marketing .nav-menu-surface span {
  min-width: 0;
  color: var(--magic-muted);
  font-size: .78rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  body.doo-marketing .nav-menu {
    display: none;
  }
}

/* The marketing shell creates its own stacking layer. Keep the fixed header
   and every floating menu above that layer so menu links receive the click. */
body.doo-marketing .site-nav {
  position: fixed;
  z-index: 200;
}

/* Integrated AI inherits the same layered field, glass surfaces and quiet density as the reference. */
body.doo-marketing .aiw-hero {
  position: relative;
  isolation: isolate;
  min-height: 650px;
  overflow: hidden;
}

body.doo-marketing .aiw-hero::before {
  position: absolute;
  z-index: -2;
  top: -120px;
  left: 50%;
  width: min(900px, 86vw);
  height: 570px;
  content: "";
  transform: translateX(-50%);
  background: radial-gradient(ellipse at top, rgba(var(--public-brand-rgb), .16), transparent 66%);
  filter: blur(30px);
}

body.doo-marketing .aiw-hero::after {
  position: absolute;
  z-index: -1;
  top: -2rem;
  bottom: 0;
  left: 50%;
  width: 300px;
  content: "";
  transform: translateX(-50%);
  background: linear-gradient(to bottom, rgba(var(--public-brand-rgb), .13), rgba(var(--public-brand-rgb), .035) 66%, transparent);
  clip-path: polygon(43% 0, 57% 0, 100% 100%, 0 100%);
  filter: blur(18px);
  opacity: .7;
}

body.doo-marketing .aiw-hero-summary {
  border-color: rgba(255, 255, 255, .14);
  border-radius: 24px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .05), inset 0 0 60px -20px rgba(255, 255, 255, .08), 0 28px 80px -20px rgba(0, 0, 0, .9), 0 0 90px -30px rgba(var(--public-brand-rgb), .42);
  backdrop-filter: blur(24px) saturate(150%);
}

body.doo-marketing .aiw-hero-summary::after {
  border-color: rgba(var(--public-brand-rgb), .18);
}

body.doo-marketing .aiw-map-section {
  position: relative;
  margin: 0 calc((100vw - min(1280px, calc(100vw - 48px))) / -2);
  padding-right: max(24px, calc((100vw - 1280px) / 2)) !important;
  padding-left: max(24px, calc((100vw - 1280px) / 2)) !important;
  border-top: 1px solid rgba(255, 255, 255, .07);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .012);
}

body.doo-marketing .aiw-roster-card {
  border-color: rgba(255, 255, 255, .11);
  border-radius: 24px;
  background: rgba(255, 255, 255, .035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.doo-marketing .aiw-roster-card:hover {
  border-color: rgba(var(--public-brand-rgb), .42);
  background: rgba(255, 255, 255, .06);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .38), 0 0 38px rgba(var(--public-brand-rgb), .08);
}

body.doo-marketing .aiw-guardrails {
  position: relative;
  margin-right: calc((100vw - min(1280px, calc(100vw - 48px))) / -2);
  margin-left: calc((100vw - min(1280px, calc(100vw - 48px))) / -2);
  padding-right: max(24px, calc((100vw - 1280px) / 2));
  padding-left: max(24px, calc((100vw - 1280px) / 2));
  border-color: rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .012);
}

body.doo-marketing .aiw-product-links {
  border-color: rgba(255, 255, 255, .1);
}

body.doo-marketing .aiw-product-links a {
  border-color: rgba(255, 255, 255, .1);
}

body.doo-marketing .aiw-product-links a:hover {
  background: rgba(255, 255, 255, .05);
}

body.doo-marketing .aiw-cta p {
  max-width: 600px;
  margin: 18px 0 0;
  color: var(--magic-muted);
  line-height: 1.55;
}

@media (max-width: 900px) {
  body.doo-marketing .aiw-map-section {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.doo-marketing .aiw-guardrails {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

/* Magic-style desktop navigation: one hoverable panel containing features and company stages. */
body.doo-marketing .nav-mega {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1px;
}

body.doo-marketing .nav-mega-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--magic-text);
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}

body.doo-marketing .nav-mega-trigger:hover,
body.doo-marketing .nav-mega-trigger:focus-visible,
body.doo-marketing .nav-mega.is-open .nav-mega-trigger[aria-expanded="true"] {
  color: var(--magic-text);
  background: rgba(255, 255, 255, .06);
  outline: 0;
}

body.doo-marketing .nav-mega-trigger i {
  color: var(--magic-muted);
  font-size: .65rem;
  transition: transform .2s ease;
}

body.doo-marketing .nav-mega.is-open .nav-mega-trigger[aria-expanded="true"] i {
  transform: rotate(180deg);
}

body.doo-marketing .nav-mega-panel {
  position: absolute;
  z-index: 100;
  top: calc(100% + 14px);
  left: 50%;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(244px, 1.16fr);
  width: 510px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(28, 28, 30, .97);
  box-shadow: 0 22px 54px rgba(0, 0, 0, .68), 0 0 36px rgba(var(--public-brand-rgb), .08);
  backdrop-filter: blur(22px) saturate(150%);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -8px);
  transition: opacity .18s ease, transform .18s ease;
}

body.doo-marketing .nav-mega.is-open .nav-mega-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

body.doo-marketing .nav-mega-panel section {
  min-width: 0;
  padding: 9px;
}

body.doo-marketing .nav-mega-panel section+section {
  border-left: 1px solid rgba(255, 255, 255, .09);
}

body.doo-marketing .nav-mega-panel h2 {
  margin: 0 0 8px !important;
  color: var(--magic-muted) !important;
  font-size: .65rem !important;
  font-weight: 800 !important;
  letter-spacing: .13em;
  line-height: 1.1 !important;
  text-transform: uppercase;
}

body.doo-marketing .nav-mega-panel a {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border-radius: 11px;
  color: var(--magic-text);
  text-decoration: none;
  transition: background .18s ease;
}

body.doo-marketing .nav-mega-panel a:hover,
body.doo-marketing .nav-mega-panel a:focus-visible {
  background: rgba(255, 255, 255, .07);
  outline: 0;
}

body.doo-marketing .nav-mega-panel b {
  font-size: .82rem;
  line-height: 1.15;
}

body.doo-marketing .nav-mega-panel span {
  color: var(--magic-muted);
  font-size: .68rem;
  line-height: 1.32;
}

/* Four identical copies keep all desktop widths populated while one full copy advances per lap. */
body.doo-marketing .marketing-ticker-track {
  animation-name: marketing-ticker-infinite;
}

@keyframes marketing-ticker-infinite {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-25%);
  }
}

@media (max-width: 900px) {
  body.doo-marketing .nav-mega {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.doo-marketing .marketing-ticker-track {
    animation: none;
  }
}

/* Landing-page company stages, matching the Magic Patterns segment doors. */
body.doo-marketing .homepage-company-stages {
  background: #101010 !important;
  box-shadow: 0 0 0 100vmax #101010;
  clip-path: inset(0 -100vmax);
}
body.doo-marketing .homepage-company-stages .company-stages-intro { margin-bottom: 64px; }
body.doo-marketing .homepage-company-stages .company-stages-intro h2 {
  margin: 0 0 24px; color: #f4f4f5; font-size: clamp(32px, 3.4vw, 48px) !important;
  font-weight: 700 !important; line-height: 1 !important; letter-spacing: -.045em;
}
body.doo-marketing .homepage-company-stages .company-stages-intro p {
  max-width: 680px; margin: 0; color: #b9b9bb !important; font-size: 20px; line-height: 1.4;
}
body.doo-marketing .company-stages-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;
}
body.doo-marketing .company-stage-door {
  display: flex; flex-direction: column; height: 100%; padding: 28px;
  border: 1px solid #2b2b2d; border-radius: 24px; background: #131313;
  color: #f4f4f5; text-decoration: none; transition: border-color .3s, background-color .3s;
}
body.doo-marketing .company-stage-door:hover { border-color: rgba(var(--public-brand-rgb),.4); background: #181818; }
body.doo-marketing .company-stage-door:focus-visible { outline: 2px solid var(--public-brand-blue); outline-offset: 4px; }
body.doo-marketing .company-stage-meta {
  display: flex; justify-content: space-between; gap: 16px; margin-bottom: 24px;
  color: #98989f; font: 10px/1.5 monospace; letter-spacing: .2em; text-transform: uppercase;
}
body.doo-marketing .company-stage-meta span:first-child { color: var(--public-brand-blue); }
body.doo-marketing .company-stage-door h3 {
  margin: 0 0 12px; color: #f4f4f5; font-size: 20px; font-weight: 600;
  line-height: 1.4; letter-spacing: -.025em;
}
body.doo-marketing .company-stage-door .company-stage-headline {
  margin: 0 0 20px; color: var(--public-brand-blue) !important; font-size: 18px; font-weight: 500;
  line-height: 1.375; text-wrap: balance;
}
body.doo-marketing .company-stage-door .company-stage-promise {
  flex: 1; margin: 0 0 28px; color: #99999f !important; font-size: 14px; line-height: 1.625;
}
body.doo-marketing .company-stage-readouts {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
  margin: 0 0 28px; padding-top: 24px; border-top: 1px solid #2b2b2d;
}
body.doo-marketing .company-stage-readouts > div { display: flex; flex-direction: column; }
body.doo-marketing .company-stage-readouts dt {
  margin-top: 6px; color: #99999f; font-size: 10px; font-weight: 400; line-height: 1.25;
}
body.doo-marketing .company-stage-readouts dd {
  order: -1; margin: 0; color: #f4f4f5; font-size: 18px;
  font-weight: 700; line-height: 1; letter-spacing: -.025em;
}
body.doo-marketing .company-stage-link {
  display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500;
}
body.doo-marketing .company-stage-link i { color: var(--public-brand-blue); transition: transform .3s; }
body.doo-marketing .company-stage-door:hover .company-stage-link i { transform: translateX(4px); }
@media (max-width: 1023px) {
  body.doo-marketing .company-stages-grid { grid-template-columns: 1fr; }
  body.doo-marketing .homepage-company-stages .company-stages-intro { margin-bottom: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  body.doo-marketing .company-stage-door, body.doo-marketing .company-stage-link i { transition: none; }
}