:root {
  color-scheme: light;
  --marketing-container: min(calc(100% - clamp(2rem, 6vw, 7rem)), 1480px);
  --marketing-bg: #f5f7fb;
  --marketing-surface: #ffffff;
  --marketing-text: #172033;
  --marketing-muted: #667085;
  --marketing-border: #dce2ec;
  --marketing-accent: #2563eb;
  --marketing-accent-hover: #1d4ed8;
  --marketing-header-bg: rgba(255, 255, 255, .94);
  --marketing-focus: #f59e0b;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --marketing-bg: #101521;
  --marketing-surface: #192131;
  --marketing-text: #f3f5f9;
  --marketing-muted: #b1bbcd;
  --marketing-border: #344056;
  --marketing-accent: #76a7ff;
  --marketing-accent-hover: #9bbdff;
  --marketing-header-bg: rgba(16, 21, 33, .95);
  --marketing-focus: #fbbf24;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--marketing-bg);
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: var(--marketing-text);
  background: var(--marketing-bg);
  line-height: 1.55;
}

a {
  color: inherit;
}

a:focus-visible,
button:focus-visible,
select:focus-visible {
  outline: 3px solid var(--marketing-focus);
  outline-offset: 3px;
}

.marketing-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.marketing-skip-link {
  position: absolute;
  z-index: 10;
  inset-block-start: .5rem;
  inset-inline-start: .5rem;
  padding: .6rem .9rem;
  color: #fff;
  background: #172033;
  border-radius: .5rem;
  transform: translateY(-160%);
}

.marketing-skip-link:focus {
  transform: translateY(0);
}

.marketing-header {
  position: sticky;
  z-index: 5;
  inset-block-start: 0;
  border-block-end: 1px solid var(--marketing-border);
  background: var(--marketing-header-bg);
  backdrop-filter: blur(14px);
}

.marketing-header-inner,
.marketing-footer-inner {
  width: var(--marketing-container);
  margin-inline: auto;
}

.marketing-header-inner {
  min-height: clamp(76px, 5.2vw, 88px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 1.5vw, 2rem);
}

.marketing-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: .22rem .45rem;
  overflow: hidden;
  border-radius: .6rem;
  background: #101426;
}

.marketing-brand img {
  display: block;
  width: clamp(156px, 9vw, 196px);
  height: auto;
}

.marketing-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(1rem, 1.4vw, 2rem);
  min-width: 0;
}

.marketing-nav,
.marketing-actions,
.marketing-footer-nav {
  display: flex;
  align-items: center;
}

.marketing-nav {
  gap: clamp(.8rem, .9vw, 1.4rem);
}

.marketing-nav a,
.marketing-login,
.marketing-footer-nav a {
  color: var(--marketing-muted);
  font-size: clamp(.94rem, calc(.86rem + .25vw), 1.08rem);
  font-weight: 550;
  text-decoration: none;
  white-space: nowrap;
}

.marketing-nav a:hover,
.marketing-login:hover,
.marketing-footer-nav a:hover {
  color: var(--marketing-text);
}

.marketing-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: clamp(.45rem, .55vw, .85rem);
}

.marketing-language-toggle,
.marketing-theme-toggle,
.marketing-login,
.marketing-demo-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .6rem clamp(.65rem, .75vw, 1rem);
  border: 1px solid var(--marketing-border);
  border-radius: .65rem;
  background: var(--marketing-surface);
  color: var(--marketing-text);
  font: inherit;
  font-size: clamp(.9rem, calc(.82rem + .25vw), 1.04rem);
  text-decoration: none;
  white-space: nowrap;
}

.marketing-language-toggle,
.marketing-theme-toggle {
  cursor: pointer;
}

.marketing-language-switcher {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}

.marketing-language-toggle {
  gap: .48rem;
  font-weight: 600;
}

.marketing-language-globe {
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1;
  flex: 0 0 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.marketing-language-globe svg {
  width: 100%;
  height: 100%;
  display: block;
}

.marketing-language-short {
  display: none;
}

.marketing-language-caret {
  margin-inline-start: .1rem;
  color: var(--marketing-muted);
  font-size: 1.15em;
  line-height: .8;
}

.marketing-language-menu {
  position: absolute;
  z-index: 8;
  inset-block-start: calc(100% + .5rem);
  inset-inline-start: 0;
  width: min(17rem, calc(100vw - 2rem));
  padding: .45rem;
  border: 1px solid var(--marketing-border);
  border-radius: .85rem;
  background: var(--marketing-surface);
  box-shadow: 0 16px 40px rgba(24, 39, 75, .18);
}

.marketing-language-menu[hidden] {
  display: none;
}

.marketing-language-heading {
  margin: 0;
  padding: .45rem .6rem .55rem;
  color: var(--marketing-muted);
  font-size: .82rem;
  font-weight: 650;
}

.marketing-language-menu ul {
  display: grid;
  gap: .15rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.marketing-language-menu a,
.marketing-language-menu button {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) 1rem;
  align-items: center;
  column-gap: .65rem;
  padding: .5rem .6rem;
  border: 0;
  border-radius: .55rem;
  background: transparent;
  color: var(--marketing-text);
  font-size: .94rem;
  font-family: inherit;
  text-align: left;
  unicode-bidi: isolate;
  text-decoration: none;
  cursor: pointer;
}

:root[dir="rtl"] .marketing-language-menu a,
:root[dir="rtl"] .marketing-language-menu button {
  text-align: right;
}

.marketing-language-menu a:hover,
.marketing-language-menu button:hover,
.marketing-language-menu a:focus-visible {
  background: rgba(37, 99, 235, .09);
}

.marketing-language-menu button:focus-visible {
  background: rgba(37, 99, 235, .09);
}

.marketing-language-menu a.is-current,
.marketing-language-menu button.is-current {
  color: var(--marketing-accent);
  font-weight: 700;
}

:root[data-theme="dark"] .marketing-language-menu a:hover,
:root[data-theme="dark"] .marketing-language-menu button:hover,
:root[data-theme="dark"] .marketing-language-menu a:focus-visible {
  background: rgba(118, 167, 255, .14);
}

:root[data-theme="dark"] .marketing-language-menu button:focus-visible {
  background: rgba(118, 167, 255, .14);
}

.marketing-language-flag-wrap {
  width: 2rem;
  height: 1.25rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
  unicode-bidi: isolate;
  line-height: 1;
  overflow: hidden;
  border: 1px solid rgba(16, 21, 33, .16);
  border-radius: .12rem;
  background: #fff;
}

.marketing-language-flag {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}

:root[data-theme="dark"] .marketing-language-flag-wrap {
  border-color: rgba(255, 255, 255, .22);
}

.marketing-language-name {
  width: 100%;
  display: block;
  unicode-bidi: isolate;
}

.marketing-language-check {
  width: 1rem;
  min-height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
}

.marketing-theme-toggle:hover,
.marketing-language-toggle:hover,
.marketing-login:hover {
  border-color: var(--marketing-accent);
}

.marketing-theme-toggle {
  gap: .48rem;
}

.marketing-theme-icon {
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1;
  flex: 0 0 1rem;
  display: block;
  color: currentColor;
}

.marketing-theme-icon--moon,
.marketing-theme-label--dark,
:root[data-theme="dark"] .marketing-theme-icon--sun,
:root[data-theme="dark"] .marketing-theme-label--light {
  display: none;
}

:root[data-theme="dark"] .marketing-theme-icon--moon,
:root[data-theme="dark"] .marketing-theme-label--dark {
  display: block;
}

.marketing-demo-button {
  border-color: var(--marketing-accent);
  background: var(--marketing-accent);
  color: #fff;
  font-weight: 700;
}

:root[data-theme="dark"] .marketing-demo-button {
  color: #101521;
}

.marketing-demo-button:hover {
  border-color: var(--marketing-accent-hover);
  background: var(--marketing-accent-hover);
}

.marketing-menu-toggle {
  display: none;
}

.marketing-main {
  width: var(--marketing-container);
  flex: 1 0 auto;
  display: grid;
  align-items: center;
  margin-inline: auto;
  padding-block: clamp(2.5rem, 4.5vh, 4.5rem);
}

.marketing-placeholder {
  width: min(100%, 1120px);
  margin-inline: auto;
  padding: clamp(2rem, 3.4vw, 4.5rem);
  border: 1px solid var(--marketing-border);
  border-radius: 1.4rem;
  background: var(--marketing-surface);
  box-shadow: 0 24px 70px rgba(24, 39, 75, .08);
  text-align: center;
}

:root[data-theme="dark"] .marketing-placeholder {
  box-shadow: 0 24px 70px rgba(0, 0, 0, .2);
}

.marketing-eyebrow {
  margin: 0 0 .8rem;
  color: var(--marketing-accent);
  font-size: clamp(.82rem, .2vw + .72rem, .94rem);
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.marketing-placeholder h1 {
  margin: 0;
  font-size: clamp(2rem, calc(1.2rem + 2.8vw), 4.25rem);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.marketing-page-copy {
  max-width: 760px;
  margin: 1.25rem auto 0;
  color: var(--marketing-muted);
  font-size: clamp(1rem, calc(.9rem + .55vw), 1.32rem);
}

.marketing-footer {
  border-block-start: 1px solid var(--marketing-border);
  background: var(--marketing-surface);
  padding-block-start: clamp(2.5rem, 5vw, 4.5rem);
}

.marketing-footer-inner {
  padding-block-end: 1rem;
}

.marketing-footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) repeat(2, minmax(130px, .8fr)) minmax(190px, 1fr);
  gap: clamp(1.5rem, 3.5vw, 4rem);
  padding-block-end: clamp(2rem, 4vw, 3.5rem);
}

.marketing-footer-brand-block {
  max-width: 320px;
}

.marketing-footer-brand {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  padding: .3rem .45rem;
  overflow: hidden;
  border-radius: .6rem;
  background: #101426;
}

.marketing-footer-brand img {
  width: clamp(145px, 10vw, 175px);
  height: auto;
  display: block;
}

.marketing-footer-brand-block p {
  margin: 1rem 0 0;
  color: var(--marketing-muted);
  font-size: .96rem;
}

.marketing-footer-group,
.marketing-footer-social-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: .72rem;
}

.marketing-footer-group h2,
.marketing-footer-social-block h2 {
  margin: .15rem 0 .25rem;
  color: var(--marketing-text);
  font-size: .86rem;
  font-weight: 750;
}

.marketing-footer-group a {
  color: var(--marketing-muted);
  font-size: .92rem;
  line-height: 1.5;
  text-decoration: none;
}

.marketing-footer-group a:hover {
  color: var(--marketing-text);
}

.marketing-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.marketing-footer-social .shared-social-link {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--marketing-border);
  border-radius: .72rem;
  background: var(--marketing-bg);
  color: var(--marketing-muted);
  text-decoration: none;
}

.marketing-footer-social .shared-social-link:hover {
  border-color: var(--marketing-accent);
  color: var(--marketing-accent);
}

.marketing-footer-social .shared-social-link svg {
  width: 1.12rem;
  height: 1.12rem;
  display: block;
  fill: currentColor;
}

.marketing-footer-bottom {
  padding-block: 1rem;
  border-block-start: 1px solid var(--marketing-border);
  color: var(--marketing-muted);
  font-size: .82rem;
}

html[dir="rtl"] .marketing-placeholder {
  text-align: center;
}

@media (max-width: 1180px) {
  .marketing-footer-grid {
    grid-template-columns: minmax(190px, 1.2fr) repeat(2, minmax(120px, .8fr));
  }

  .marketing-footer-social-block {
    grid-column: 2 / -1;
  }

  .marketing-header-inner {
    gap: .75rem;
  }

  .marketing-brand img {
    width: clamp(118px, 11vw, 140px);
  }

  .marketing-menu {
    gap: .55rem;
  }

  .marketing-nav {
    gap: .55rem;
  }

  .marketing-nav a {
    font-size: .86rem;
  }

  .marketing-actions {
    gap: .3rem;
  }

  .marketing-language-toggle,
  .marketing-theme-toggle,
  .marketing-login,
  .marketing-demo-button {
    padding-inline: .48rem;
    font-size: .82rem;
  }
}

@media (max-width: 820px) {
  .marketing-header-inner {
    position: relative;
    min-height: 70px;
  }

  .marketing-menu-toggle {
    width: 44px;
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--marketing-border);
    border-radius: .65rem;
    background: var(--marketing-surface);
    cursor: pointer;
  }

  .marketing-menu-toggle span {
    width: 19px;
    height: 2px;
    display: block;
    border-radius: 2px;
    background: var(--marketing-text);
  }

  .marketing-menu {
    position: absolute;
    inset-block-start: calc(100% + .5rem);
    inset-inline: 0;
    display: none;
    align-items: stretch;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100vh - 86px);
    overflow-y: auto;
    padding: 1rem;
    border: 1px solid var(--marketing-border);
    border-radius: .9rem;
    background: var(--marketing-surface);
    box-shadow: 0 18px 48px rgba(24, 39, 75, .18);
  }

  .marketing-menu.is-open {
    display: flex;
  }

  .marketing-nav {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }

  .marketing-nav a {
    padding: .72rem .5rem;
    border-block-end: 1px solid var(--marketing-border);
    color: var(--marketing-text);
    font-size: 1rem;
  }

  .marketing-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    gap: .65rem;
  }

  .marketing-language-toggle,
  .marketing-theme-toggle,
  .marketing-login,
  .marketing-demo-button {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-inline: .5rem;
    font-size: .88rem;
  }

  .marketing-language-switcher {
    width: 100%;
    grid-column: 1 / -1;
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }

  .marketing-language-toggle {
    width: 100%;
    max-width: none;
    min-width: 0;
    justify-content: flex-start;
  }

  .marketing-language-current {
    display: none;
  }

  .marketing-language-short {
    display: inline;
  }

  .marketing-language-menu {
    position: static;
    width: 100%;
    margin-block-start: .35rem;
    box-shadow: none;
  }

  .marketing-main {
    padding-block: 2.25rem;
  }
}

@media (max-width: 480px) {
  .marketing-header-inner,
  .marketing-footer-inner,
  .marketing-main {
    width: min(100% - 1.25rem, 1480px);
  }

  .marketing-placeholder {
    padding: 2rem 1.25rem;
    border-radius: 1rem;
  }

  .marketing-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.7rem 1rem;
  }

  .marketing-footer-brand-block {
    grid-column: 1 / -1;
  }

  .marketing-footer-social-block {
    grid-column: 1 / -1;
  }
}

@media (max-width: 360px) {
  .marketing-footer-grid {
    grid-template-columns: 1fr;
  }

  .marketing-footer-brand-block,
  .marketing-footer-social-block {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* AbreuAI public homepage v1 */
.marketing-main:has(.home-v1) { width: 100%; max-width: none; padding: 0; }
.home-v1 { --home-ink:#15233a; --home-muted:#62718a; --home-line:#dfe6f0; --home-card:#fff; --home-soft:#f2f6fc; --home-blue:#3176e8; --home-cyan:#45c2d6; --home-orange:#f29161; color:var(--marketing-text); overflow:hidden; }
:root[data-theme="dark"] .home-v1 { --home-ink:#eef4ff; --home-muted:#aab8ce; --home-line:#34445e; --home-card:#1b273a; --home-soft:#172236; --home-blue:#72a7ff; --home-cyan:#54c8d8; --home-orange:#ff9b70; }
.home-v1 a { text-decoration:none; }
.home-v1 h1,.home-v1 h2,.home-v1 h3,.home-v1 p { margin:0; }
.home-hero,.home-section,.home-language,.home-security,.home-pricing,.home-final { width:var(--marketing-container); margin-inline:auto; }
.home-hero { min-height:clamp(570px,43vw,740px); display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:clamp(2rem,5vw,6rem); padding-block:clamp(3.3rem,6vw,6rem); }
.home-hero-copy { max-width:650px; position:relative; z-index:1; }
.home-eyebrow { color:var(--home-blue); font-size:.76rem; font-weight:800; letter-spacing:.14em; line-height:1.45; text-transform:uppercase; }
.home-eyebrow-dot { display:inline-block; width:.48rem; height:.48rem; margin-inline-end:.6rem; vertical-align:.05rem; border-radius:50%; background:var(--home-orange); box-shadow:0 0 0 4px color-mix(in srgb,var(--home-orange) 15%,transparent); }
.home-hero h1 { max-width:11ch; margin-block:1.35rem 1.25rem; color:var(--home-ink); font-size:clamp(3.1rem,5.4vw,5.8rem); font-weight:760; letter-spacing:-.065em; line-height:.99; }
.home-hero h1 span { color:var(--home-blue); }
.home-lead { max-width:36rem; color:var(--home-muted); font-size:clamp(1.08rem,1.45vw,1.32rem); line-height:1.65; }
.home-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.85rem; margin-block-start:2rem; }
.home-button { min-height:3.2rem; display:inline-flex; align-items:center; justify-content:center; gap:.8rem; padding:.75rem 1.25rem; border:1px solid transparent; border-radius:.8rem; font-size:.96rem; font-weight:700; transition:transform .18s ease,background .18s ease,border-color .18s ease; }
.home-button:hover { transform:translateY(-2px); }
.home-button-primary { color:#fff!important; background:linear-gradient(105deg,#3479ee,#2672dd); box-shadow:0 10px 28px rgba(41,111,218,.22); }
.home-button-quiet { color:var(--home-ink); border-color:var(--home-line); background:var(--home-card); }
.home-proof { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; margin-block-start:2.1rem; color:var(--home-muted); font-size:.82rem; }
.home-proof-icon { color:var(--home-orange); font-size:1.15rem; }.home-proof i { width:3px;height:3px;border-radius:50%;background:var(--home-muted); }
.home-hero-art { min-width:0; min-height:470px; display:flex; align-items:center; justify-content:center; position:relative; isolation:isolate; }
.home-hero-art::before { content:""; position:absolute; z-index:-2; width:85%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(66,135,231,.13),rgba(62,173,200,.05) 45%,transparent 70%); }
.home-orbit { position:absolute; z-index:-1; border:1px solid color-mix(in srgb,var(--home-blue) 14%,transparent); border-radius:50%; transform:rotate(-18deg); }
.home-orbit-one { width:112%; height:60%; }.home-orbit-two { width:104%; height:80%; transform:rotate(28deg); }
.home-product-window { width:min(100%,760px); padding:1.15rem; border:1px solid color-mix(in srgb,var(--home-line) 85%,transparent); border-radius:1.2rem; background:var(--home-card); box-shadow:0 30px 90px rgba(22,49,87,.18),0 3px 10px rgba(22,49,87,.05); transform:perspective(1200px) rotateY(-4deg) rotateX(1deg); }
[dir="rtl"] .home-product-window { transform:perspective(1200px) rotateY(4deg) rotateX(1deg); }
.home-window-bar,.home-workspace-head,.home-window-foot { display:flex; align-items:center; }.home-window-bar { gap:.65rem; padding:.1rem .15rem 1rem; border-bottom:1px solid var(--home-line); font-size:.83rem; }
.home-window-mark { width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:.5rem;color:#fff;background:linear-gradient(145deg,#4288ef,#36c3d4);font-weight:800; }
.home-window-bar strong { color:var(--home-ink); }.home-window-label { margin-inline-start:auto;color:var(--home-muted);font-size:.74rem; }.home-window-dots { color:var(--home-muted);letter-spacing:.14em; }
.home-workspace-head { justify-content:space-between; padding:1rem .2rem; }.home-workspace-head div { display:grid; }.home-workspace-head small { color:var(--home-muted);font-size:.7rem; }.home-workspace-head strong { color:var(--home-ink);font-size:.94rem; }.home-workspace-chip { padding:.4rem .6rem;border:1px solid var(--home-line);border-radius:2rem;color:var(--home-muted);font-size:.69rem; }.home-workspace-chip b,.home-window-foot b { display:inline-block;width:.4rem;height:.4rem;margin-inline-end:.3rem;border-radius:50%;background:#44bb9b; }
.home-pipeline { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem; }.home-pipeline-col { min-width:0;padding:.65rem;border-radius:.85rem;background:var(--home-soft); }.home-col-ai { background:color-mix(in srgb,var(--home-blue) 9%,var(--home-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--home-blue) 20%,transparent); }.home-stage { display:flex;align-items:center;gap:.38rem;margin-bottom:.62rem;color:var(--home-muted);font-size:.68rem;font-weight:700;white-space:nowrap; }.home-stage-dot { width:.4rem;height:.4rem;border-radius:50%;background:var(--home-blue); }.home-col-orange .home-stage-dot { background:var(--home-orange); }.home-stage small { margin-inline-start:auto;color:var(--home-muted);font-size:.62rem; }
.home-candidate { min-height:174px;padding:.72rem;border:1px solid var(--home-line);border-radius:.7rem;background:var(--home-card);box-shadow:0 5px 15px rgba(25,48,79,.04); }.home-candidate-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem; }.home-avatar { width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#dfeafa; }.home-avatar i { width:.65rem;height:.65rem;border-radius:50%;background:#79a2da;box-shadow:0 .52rem 0 .17rem #79a2da;transform:translateY(-.14rem); }.home-avatar-blue { background:#e2e7fa; }.home-avatar-blue i { background:#898fd2;box-shadow:0 .52rem 0 .17rem #898fd2; }.home-avatar-orange { background:#ffeadf; }.home-avatar-orange i { background:#e99b75;box-shadow:0 .52rem 0 .17rem #e99b75; }.home-score { display:flex;align-items:baseline;gap:.16rem;color:#168e77; }.home-score b { font-size:.95rem; }.home-score small { font-size:.57rem; }.home-candidate>strong { display:block;overflow:hidden;color:var(--home-ink);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap; }.home-candidate>p { margin-block:.27rem;color:var(--home-muted);font-size:.59rem; }.home-candidate-meta { color:var(--home-muted);font-size:.57rem; }.home-candidate-match { display:block;margin-block-start:.5rem;color:var(--home-blue);font-size:.56rem;font-weight:750; }
.home-window-foot { justify-content:space-between;padding:.8rem .2rem .05rem;color:var(--home-muted);font-size:.65rem; }.home-window-foot>span:last-child { color:var(--home-blue);font-size:1rem; }
.home-float-note { position:absolute;inset-inline-start:-2%;inset-block-end:4%;display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;border:1px solid var(--home-line);border-radius:.8rem;background:var(--home-card);box-shadow:0 13px 35px rgba(27,55,91,.15);animation:home-float 5s ease-in-out infinite; }.home-float-note>span { width:2rem;height:2rem;display:grid;place-items:center;border-radius:.6rem;color:#fff;background:linear-gradient(145deg,#4a84f2,#41c1d2); }.home-float-note div { display:grid; }.home-float-note strong { color:var(--home-ink);font-size:.7rem; }.home-float-note small { color:var(--home-muted);font-size:.61rem; }.home-float-note>b { color:#169276;font-size:.74rem; }
@keyframes home-float { 50% { transform:translateY(-7px); } }
.home-section { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,8rem);padding-block:clamp(5rem,9vw,9rem); }.home-section-heading { max-width:780px;margin-inline:auto;text-align:center;grid-column:1/-1; }.home-section-heading h2,.home-section-copy h2,.home-language h2,.home-security h2,.home-pricing h2,.home-final h2 { margin-block:.9rem 1rem;color:var(--home-ink);font-size:clamp(2.05rem,3.45vw,3.65rem);font-weight:730;letter-spacing:-.045em;line-height:1.12; }.home-section-heading>p:last-child,.home-section-copy>p:not(.home-eyebrow),.home-language-copy>p:not(.home-eyebrow),.home-security>div>p:not(.home-eyebrow),.home-pricing>div>p:not(.home-eyebrow),.home-final>p:not(.home-eyebrow) { color:var(--home-muted);font-size:1.04rem;line-height:1.75; }.home-section-heading>p:last-child { max-width:660px;margin-inline:auto; }
.home-entity-map { min-height:330px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;align-items:center;justify-items:center;position:relative;padding:2rem;border:1px solid var(--home-line);border-radius:1.35rem;background:linear-gradient(145deg,var(--home-card),var(--home-soft)); }.home-entity-map::before { content:"";position:absolute;inset:20%;border:1px dashed color-mix(in srgb,var(--home-blue) 35%,transparent);border-radius:50%; }.home-entity { z-index:1;min-width:105px;display:grid;justify-items:center;gap:.42rem;padding:.8rem .75rem;border:1px solid var(--home-line);border-radius:.8rem;background:var(--home-card);color:var(--home-ink);font-size:.8rem;font-weight:680;box-shadow:0 6px 18px rgba(28,55,92,.06); }.home-entity span { color:var(--home-blue);font-size:1.35rem; }.home-entity-5 { color:#fff;background:linear-gradient(140deg,#3277e9,#48bdce);border:0; }.home-entity-5 span { color:#fff; }
.home-match { padding-block-start:clamp(4rem,8vw,7rem); }.home-section-copy { max-width:590px; }.home-section-copy .home-text-link { display:inline-flex;gap:.65rem;align-items:center;margin-block-start:1.25rem;color:var(--home-blue);font-weight:750; }.home-match-visual { min-height:330px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:clamp(1.2rem,3vw,2.5rem);border:1px solid var(--home-line);border-radius:1.2rem;background:var(--home-soft); }.home-match-role,.home-match-card { display:grid;gap:.5rem;padding:1rem;border:1px solid var(--home-line);border-radius:.85rem;background:var(--home-card); }.home-match-role span { color:var(--home-muted);font-size:.6rem;font-weight:800;letter-spacing:.1em; }.home-match-role strong,.home-match-card>strong { color:var(--home-ink);font-size:.83rem; }.home-match-role small,.home-match-card>small { color:var(--home-muted);font-size:.69rem; }.home-match-line { width:clamp(28px,4vw,64px);height:2px;background:linear-gradient(90deg,var(--home-blue),var(--home-cyan));position:relative; }.home-match-line span { position:absolute;inset:50% auto auto 50%;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:var(--home-blue);color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 6px color-mix(in srgb,var(--home-blue) 15%,transparent); }.home-match-card { box-shadow:0 12px 25px rgba(30,65,111,.09); }.home-match-card-top { display:flex;justify-content:space-between;align-items:center; }.home-match-score { color:#168e77;font-size:1.35rem;font-weight:800; }.home-match-score small { color:var(--home-muted);font-size:.58rem; }.home-match-pill { width:max-content;padding:.3rem .5rem;border-radius:1rem;background:color-mix(in srgb,var(--home-blue) 12%,transparent);color:var(--home-blue);font-size:.6rem;font-weight:700; }
.home-review { padding-block:clamp(4rem,8vw,7rem); }.home-review-visual { display:flex;justify-content:center;padding:1rem; }.home-review-card { width:min(100%,480px);padding:1.2rem;border:1px solid var(--home-line);border-radius:1rem;background:var(--home-card);box-shadow:0 18px 45px rgba(22,49,87,.1); }.home-review-head { display:flex;align-items:center;gap:.65rem;padding-bottom:1rem;border-bottom:1px solid var(--home-line); }.home-review-head>span { width:2rem;height:2rem;display:grid;place-items:center;border-radius:.6rem;background:color-mix(in srgb,var(--home-blue) 13%,transparent);color:var(--home-blue); }.home-review-head div { display:grid;gap:.12rem; }.home-review-head strong { color:var(--home-ink);font-size:.76rem; }.home-review-head small { color:var(--home-muted);font-size:.66rem; }.home-review-head>b { margin-inline-start:auto;padding:.23rem .42rem;border-radius:.35rem;background:var(--home-soft);color:var(--home-blue);font-size:.62rem; }.home-requirement { display:grid;grid-template-columns:1.3rem 1fr auto;align-items:center;gap:.6rem;padding:.82rem .15rem;border-bottom:1px solid var(--home-line);color:var(--home-ink);font-size:.77rem; }.home-requirement small { color:#198e75;font-size:.68rem; }.home-requirement:nth-of-type(3) small { color:var(--home-orange); }.home-check { color:#1ba585;font-size:1rem; }.home-check.is-partial { color:var(--home-orange); }.home-review-note { margin-block-start:.9rem;padding:.7rem;border-radius:.55rem;background:var(--home-soft);color:var(--home-muted);font-size:.72rem;font-weight:650; }
.home-language { min-height:400px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;padding:clamp(2rem,5vw,4rem);border:1px solid var(--home-line);border-radius:1.4rem;background:linear-gradient(115deg,var(--home-soft),color-mix(in srgb,var(--home-blue) 7%,var(--home-card))); }.home-language-copy { max-width:650px; }.home-language-visual { min-height:280px;display:grid;place-items:center;position:relative; }.home-language-core { z-index:1;width:5rem;height:5rem;display:grid;place-items:center;border-radius:1.4rem;background:linear-gradient(145deg,#3379e9,#50c5d0);color:white;font-size:1.6rem;font-weight:800;box-shadow:0 16px 38px rgba(45,119,221,.25); }.home-language-core span { position:absolute;margin-inline-start:3.8rem;margin-block-start:-3.5rem;color:var(--home-orange);font-size:1.25rem; }.home-language-ring { position:absolute;width:220px;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--home-blue) 40%,transparent);border-radius:50%; }.home-language-chip { position:absolute;z-index:2;padding:.6rem .9rem;border:1px solid var(--home-line);border-radius:.7rem;background:var(--home-card);color:var(--home-ink);font-size:.82rem;font-weight:700;box-shadow:0 8px 20px rgba(22,49,87,.1); }.home-language-chip-0 { inset-block-start:12%;inset-inline-start:50%;transform:translateX(-50%); }.home-language-chip-1 { inset-block-end:17%;inset-inline-start:4%; }.home-language-chip-2 { inset-block-end:17%;inset-inline-end:4%; }
.home-workflow { padding-block:clamp(6rem,10vw,9rem); }.home-workflow-visual { position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:2rem 1.2rem;border:1px solid var(--home-line);border-radius:1.2rem;background:var(--home-card);box-shadow:0 14px 36px rgba(22,49,87,.06); }.home-workflow-line { position:absolute;inset-inline:14%;top:50%;height:2px;background:linear-gradient(90deg,var(--home-blue),var(--home-cyan),var(--home-orange));opacity:.5; }.home-work-step { z-index:1;display:flex;align-items:center;gap:.6rem;padding:.55rem;border:1px solid var(--home-line);border-radius:.8rem;background:var(--home-card); }.home-work-step>span { width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:.65rem;background:color-mix(in srgb,var(--home-blue) 12%,transparent);color:var(--home-blue); }.home-work-step div { display:grid; }.home-work-step small { color:var(--home-muted);font-size:.58rem; }.home-work-step strong { color:var(--home-ink);font-size:.72rem; }.home-work-step>i { position:absolute;inset-inline-end:-.8rem;color:var(--home-blue);font-style:normal; }
.home-solutions { display:block;padding-block:clamp(4rem,7vw,7rem); }.home-solutions .home-section-heading { margin-block-end:2.5rem; }.home-solution-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem; }.home-solution-card { padding:clamp(1.5rem,3vw,2.3rem);border:1px solid var(--home-line);border-radius:1.1rem;background:var(--home-card);box-shadow:0 10px 28px rgba(22,49,87,.05); }.home-solution-icon { width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:.8rem;font-size:1.35rem; }.home-icon-blue { color:var(--home-blue);background:color-mix(in srgb,var(--home-blue) 12%,transparent); }.home-icon-orange { color:var(--home-orange);background:color-mix(in srgb,var(--home-orange) 13%,transparent); }.home-solution-card h3 { margin-block:1.2rem .6rem;color:var(--home-ink);font-size:1.25rem; }.home-solution-card p { min-height:3.5rem;color:var(--home-muted);line-height:1.7; }.home-solution-card a { display:inline-flex;gap:.55rem;margin-block-start:1.2rem;color:var(--home-blue);font-size:.87rem;font-weight:750; }
.home-security { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--home-line);border-radius:1.2rem;background:var(--home-soft); }.home-security-symbol { width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:1rem;background:linear-gradient(145deg,#3379e9,#49bfcf);color:white;font-size:1.7rem; }.home-security h2,.home-pricing h2 { font-size:clamp(1.55rem,2.3vw,2.4rem); }.home-security>div>p:not(.home-eyebrow) { max-width:790px;font-size:.92rem; }.home-button-outline { border-color:var(--home-line);background:var(--home-card);color:var(--home-ink)!important;white-space:nowrap; }
.home-story { padding-block:clamp(6rem,9vw,9rem); }.home-story-visual { min-height:275px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid var(--home-line);border-radius:1.2rem;background:linear-gradient(145deg,#eaf1fc,#f8fafc); }.home-story-visual::before,.home-story-visual::after { content:"";position:absolute;width:70%;height:130%;border:1px solid rgba(49,118,232,.14);border-radius:50%;transform:rotate(32deg); }.home-story-visual::after { transform:rotate(-32deg); }.home-story-mark { z-index:1;display:flex;align-items:center;gap:.65rem;color:#386cb9;font-size:2rem;font-weight:800;letter-spacing:-.05em; }.home-story-mark span { color:var(--home-orange);font-size:1.5rem; }.home-story-caption { position:absolute;inset-block-end:1rem;color:#697b98;font-size:.72rem;font-weight:700; }.home-story .home-section-copy { padding-inline:1rem; }
.home-pricing { display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:clamp(2rem,4vw,3.5rem);padding-inline:clamp(1.5rem,4vw,3rem);border:1px solid var(--home-line);border-radius:1.15rem;background:var(--home-card); }.home-pricing>div { max-width:740px; }.home-pricing>div>p:not(.home-eyebrow) { font-size:.94rem; }
.home-final { position:relative;isolation:isolate;overflow:hidden;margin-block:clamp(5rem,9vw,8rem);padding:clamp(3rem,7vw,6rem) 1.5rem;border:1px solid color-mix(in srgb,var(--home-blue) 27%,var(--home-line));border-radius:1.4rem;background:linear-gradient(130deg,color-mix(in srgb,var(--home-blue) 8%,var(--home-card)),var(--home-soft));text-align:center; }.home-final h2 { max-width:800px;margin-inline:auto; }.home-final>p:not(.home-eyebrow) { max-width:660px;margin:0 auto 1.5rem; }.home-final .home-button { position:relative;z-index:1; }.home-final-glow { position:absolute;z-index:-1;width:380px;height:250px;inset-block-start:-180px;inset-inline-start:50%;border-radius:50%;background:color-mix(in srgb,var(--home-cyan) 24%,transparent);filter:blur(70px);transform:translateX(-50%); }
:root[data-theme="dark"] .home-story-visual { background:linear-gradient(145deg,#1c2c43,#172236); }.home-story-visual::before,.home-story-visual::after { border-color:rgba(104,157,240,.18); }.home-story-mark { color:#a9c9ff; }
[dir="rtl"] .home-hero h1 { letter-spacing:-.035em; }.home-v1[dir="rtl"] .home-section-heading,.home-v1[dir="rtl"] .home-final { text-align:center; }
@media (min-width:1900px) { .home-hero { min-height:clamp(760px,42vw,980px); }.home-hero-art { min-height:620px; }.home-product-window { width:min(100%,900px);padding:1.35rem; }.home-candidate { min-height:195px;padding:.9rem; }.home-section { gap:clamp(6rem,9vw,10rem); }.home-entity-map { min-height:390px; } }
@media (max-width:1050px) { .home-hero { grid-template-columns:1fr 1fr;gap:2rem; }.home-hero h1 { font-size:clamp(3rem,5.8vw,4.5rem); }.home-hero-art { min-height:390px; }.home-product-window { padding:.8rem; }.home-candidate { min-height:160px;padding:.55rem; }.home-section { gap:3rem; }.home-security { grid-template-columns:auto 1fr; }.home-security>.home-button { grid-column:2;justify-self:start; } }
@media (max-width:760px) { .marketing-main:has(.home-v1) { padding:0; }.home-hero,.home-section,.home-language,.home-security,.home-pricing,.home-final { width:min(100% - 2rem,1480px); }.home-hero { min-height:0;grid-template-columns:1fr;gap:1rem;padding-block:3.4rem 2rem; }.home-hero h1 { max-width:12ch;font-size:clamp(3.05rem,11vw,4.5rem); }.home-lead { font-size:1.02rem; }.home-proof { margin-block-start:1.4rem; }.home-hero-art { min-height:340px;margin-inline:-.35rem; }.home-product-window { width:100%;padding:.65rem;border-radius:.9rem;transform:none; }.home-float-note { inset-inline-start:1%;inset-block-end:0;padding:.55rem .7rem; }.home-pipeline { gap:.35rem; }.home-pipeline-col { padding:.4rem; }.home-stage { gap:.25rem;font-size:.59rem; }.home-candidate { min-height:143px;padding:.45rem; }.home-avatar { width:1.6rem;height:1.6rem; }.home-candidate>strong { font-size:.62rem; }.home-candidate>p,.home-candidate-meta,.home-candidate-match { font-size:.5rem; }.home-score b { font-size:.77rem; }.home-workspace-chip { padding:.3rem .4rem;font-size:.6rem; }.home-window-label { display:none; }.home-section { grid-template-columns:1fr;gap:2rem;padding-block:4rem; }.home-section-heading { grid-column:auto; }.home-section-heading h2,.home-section-copy h2,.home-language h2 { font-size:2.15rem; }.home-overview { padding-block:4.5rem; }.home-overview .home-section-heading { grid-column:auto; }.home-entity-map { min-height:270px;gap:.45rem;padding:1rem; }.home-entity { min-width:80px;padding:.6rem .35rem;font-size:.68rem; }.home-entity span { font-size:1.15rem; }.home-match-visual { min-height:260px;padding:.8rem; }.home-match-role,.home-match-card { padding:.7rem; }.home-match-role strong,.home-match-card>strong { font-size:.69rem; }.home-match-role small,.home-match-card>small { font-size:.58rem; }.home-match-line { width:27px; }.home-review { gap:1rem; }.home-review-visual { order:2;padding:0; }.home-language { grid-template-columns:1fr;gap:0;padding:1.5rem;border-radius:1rem; }.home-language-visual { min-height:240px; }.home-language-ring { width:190px; }.home-language-chip-1 { inset-inline-start:0; }.home-language-chip-2 { inset-inline-end:0; }.home-workflow-visual { min-height:245px;display:grid;grid-template-columns:1fr;justify-content:stretch;gap:.5rem;padding:1rem; }.home-workflow-line { inset-inline-start:2.1rem;inset-inline-end:auto;top:18%;bottom:18%;width:2px;height:auto; }.home-work-step { width:min(100%,320px);gap:.7rem; }.home-work-step>i { display:none; }.home-work-step strong { font-size:.78rem; }.home-solutions { padding-block:3.5rem; }.home-solutions .home-section-heading { margin-block-end:1.5rem; }.home-solution-grid { grid-template-columns:1fr;gap:.8rem; }.home-solution-card { padding:1.3rem; }.home-solution-card p { min-height:0; }.home-security { grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem; }.home-security-symbol { width:2.6rem;height:2.6rem;font-size:1.3rem; }.home-security h2 { font-size:1.45rem; }.home-security>div>p:not(.home-eyebrow) { grid-column:1/-1;font-size:.86rem; }.home-security>.home-button { grid-column:1/-1;justify-self:start; }.home-story { padding-block:4.5rem; }.home-story-visual { min-height:215px; }.home-story .home-section-copy { padding-inline:0; }.home-pricing { align-items:flex-start;flex-direction:column;gap:1rem;padding:1.3rem; }.home-pricing h2 { font-size:1.7rem; }.home-final { margin-block:4rem;padding:3rem 1.1rem; }.home-final h2 { font-size:2.05rem; }.home-final>p:not(.home-eyebrow) { font-size:.94rem; } }
@media (max-width:390px) { .home-hero-art { min-height:300px; }.home-pipeline-col { padding:.3rem; }.home-stage { font-size:.53rem; }.home-candidate { min-height:132px;padding:.38rem; }.home-candidate-match { letter-spacing:-.03em; }.home-match-visual { grid-template-columns:1fr auto 1fr; }.home-match-line { width:20px; }.home-match-role,.home-match-card { padding:.55rem; } }
@media (prefers-reduced-motion:reduce) { .home-float-note { animation:none; }.home-button { transition:none; }.home-button:hover { transform:none; } }
/* Home V1.1: denser rhythm and product-specific diagrams */
.home-v1 .home-section {
  gap: clamp(2.5rem, 5vw, 5rem);
  padding-block: clamp(4rem, 6vw, 6.3rem);
}
.home-v1 .home-overview,
.home-v1 .home-workflow,
.home-v1 .home-solutions {
  display: block;
}
.home-v1 .home-section-heading {
  max-width: 930px;
}
.home-v1 .home-section-heading > p:last-child {
  max-width: 730px;
}
.home-overview .home-section-heading {
  margin-block-end: 2.4rem;
}
.home-connected-visual {
  padding: clamp(1.1rem, 2.5vw, 2rem);
  border: 1px solid var(--home-line);
  border-radius: 1.3rem;
  background: linear-gradient(145deg, var(--home-card), var(--home-soft));
}
.home-flow-title {
  margin-block-end: 1.25rem !important;
  color: var(--home-ink);
  font-size: clamp(1.05rem, 1.45vw, 1.28rem);
  font-weight: 700;
  text-align: center;
}
.home-flow {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.home-flow li {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .5rem;
  position: relative;
  padding: .85rem .55rem;
  border: 1px solid var(--home-line);
  border-radius: .75rem;
  background: var(--home-card);
  color: var(--home-ink);
  font-size: .72rem;
}
.home-flow li:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 1;
  inset-inline-end: -.53rem;
  color: var(--home-blue);
  font-size: 1rem;
}
.home-v1[dir="rtl"] .home-flow li:not(:last-child)::after {
  transform: scaleX(-1);
}
.home-flow-number {
  color: var(--home-blue);
  font-size: .65rem;
  font-weight: 800;
}
.home-flow strong {
  min-width: 0;
  font-size: inherit;
}
.home-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  margin-block-start: 1.25rem;
}
.home-feature {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--home-line);
  border-radius: .8rem;
  background: var(--home-card);
}
.home-feature-number {
  flex: 0 0 auto;
  width: 1.9rem;
  height: 1.9rem;
  display: grid;
  place-items: center;
  border-radius: .55rem;
  background: color-mix(in srgb, var(--home-blue) 11%, transparent);
  color: var(--home-blue);
  font-size: .64rem;
  font-weight: 800;
}
.home-feature h3 {
  color: var(--home-ink);
  font-size: .92rem;
}
.home-feature p {
  margin-block-start: .25rem;
  color: var(--home-muted);
  font-size: .77rem;
  line-height: 1.5;
}
.home-v1 .home-match {
  padding-block-end: clamp(2.9rem, 4.3vw, 4.7rem);
}
.home-v1 .home-match-visual {
  min-height: 0;
  display: block;
  padding: clamp(1rem, 2vw, 1.55rem);
}
.home-match-role {
  gap: .3rem;
}
.home-match-role strong {
  font-size: 1.08rem;
}
.home-match-role small {
  font-size: .75rem;
}
.home-match-bridge {
  width: max-content;
  display: flex;
  align-items: center;
  gap: .5rem;
  position: relative;
  margin: .45rem auto;
  padding: .35rem .8rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--home-blue) 13%, var(--home-card));
  color: var(--home-blue);
  font-size: .72rem;
}
.home-match-bridge::before,
.home-match-bridge::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: .45rem;
  background: var(--home-blue);
}
.home-match-bridge::before { bottom: 100%; }
.home-match-bridge::after { top: 100%; }
.home-match-results {
  padding: .75rem;
  border: 1px solid var(--home-line);
  border-radius: .85rem;
  background: var(--home-card);
}
.home-match-results-title {
  margin-block-end: .45rem;
  color: var(--home-muted);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-match-result {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .55rem .25rem;
  border-block-start: 1px solid var(--home-line);
}
.home-match-result .home-match-score {
  display: grid;
  gap: 0;
  font-size: 1rem;
  line-height: 1;
}
.home-match-result .home-match-score small {
  color: var(--home-muted);
  font-size: .55rem;
}
.home-match-result > div {
  min-width: 0;
  display: grid;
  gap: .1rem;
}
.home-match-result strong {
  overflow: hidden;
  color: var(--home-ink);
  font-size: .76rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-match-result > div small {
  color: var(--home-muted);
  font-size: .64rem;
}
.home-match-status {
  max-width: 7rem;
  padding: .3rem .5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--home-blue) 11%, transparent);
  color: var(--home-blue);
  font-size: .58rem;
  font-weight: 750;
  text-align: center;
}
.home-match-caption {
  display: block;
  margin-block-start: .5rem;
  color: var(--home-muted);
  font-size: .61rem;
  text-align: end;
}
.home-v1 .home-review {
  padding-block-start: clamp(2.9rem, 4.3vw, 4.7rem);
}
.home-review-card {
  width: min(100%, 570px);
}
.home-review-columns,
.home-requirement {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .7fr) minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
}
.home-review-columns {
  padding: .8rem .15rem .25rem;
  color: var(--home-muted);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.home-requirement {
  padding: .7rem .15rem;
  font-size: .72rem;
}
.home-requirement strong {
  color: var(--home-ink);
  font-size: .72rem;
}
.home-requirement span {
  color: #198e75;
  font-size: .67rem;
}
.home-requirement span.is-partial {
  color: var(--home-orange);
}
.home-requirement small {
  color: var(--home-muted);
  font-size: .65rem;
}
.home-requirement:nth-of-type(3) small {
  color: var(--home-muted);
}
.home-v1 .home-language {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(1.5rem, 4vw, 3.8rem);
  padding: clamp(1.6rem, 3vw, 3rem);
}
.home-language-lead {
  display: block;
  margin-block: 0 .75rem;
  color: var(--home-ink);
  font-size: clamp(1rem, 1.35vw, 1.2rem);
}
.home-v1 .home-language-visual {
  min-height: 0;
  display: grid;
  place-items: stretch;
  gap: .7rem;
}
.home-language-lane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: .6rem;
}
.home-language-document {
  min-height: 100px;
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--home-line);
  border-radius: .8rem;
  background: var(--home-card);
  box-shadow: 0 6px 17px rgba(22,49,87,.05);
}
.home-language-document-result {
  border-color: color-mix(in srgb, var(--home-blue) 30%, var(--home-line));
}
.home-document-lines {
  flex: 0 0 2.1rem;
  width: 2.1rem;
  height: 2.6rem;
  border: 1px solid var(--home-line);
  border-radius: .3rem;
  background: repeating-linear-gradient(to bottom, transparent 0 5px, color-mix(in srgb, var(--home-blue) 18%, transparent) 5px 7px);
}
.home-language-document > div {
  min-width: 0;
  display: grid;
  gap: .3rem;
}
.home-language-document strong {
  color: var(--home-ink);
  font-size: .73rem;
}
.home-language-document small {
  color: var(--home-blue);
  font-size: .68rem;
  font-weight: 750;
}
.home-language-bridge {
  display: flex;
  align-items: center;
  gap: .15rem;
  color: var(--home-blue);
}
.home-language-bridge b {
  width: 1.7rem;
  height: 1.7rem;
  display: grid;
  place-items: center;
  border-radius: .5rem;
  background: var(--home-blue);
  color: #fff;
  font-size: .78rem;
}
.home-v1[dir="rtl"] .home-language-bridge span {
  transform: scaleX(-1);
}
.home-v1 .home-workflow {
  padding-block: clamp(3.6rem, 5.4vw, 5.5rem);
}
.home-workflow .home-section-heading {
  margin-block-end: 2.3rem;
}
.home-v1 .home-workflow-visual {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(1rem, 3vw, 3rem);
  padding: clamp(1rem, 2.5vw, 2rem);
}
.home-workflow-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: .7rem;
}
.home-workflow-context span {
  padding: .8rem 1rem;
  border: 1px solid var(--home-line);
  border-radius: .65rem;
  background: var(--home-soft);
  color: var(--home-ink);
  font-size: .8rem;
  font-weight: 700;
}
.home-workflow-context span:first-child {
  grid-column: 1 / -1;
  border-color: color-mix(in srgb, var(--home-blue) 40%, var(--home-line));
}
.home-message-card {
  padding: 1rem;
  border: 1px solid var(--home-line);
  border-radius: .9rem;
  background: var(--home-soft);
}
.home-message-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding-block-end: .65rem;
  border-block-end: 1px solid var(--home-line);
}
.home-message-head > span {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: .6rem;
  background: color-mix(in srgb, var(--home-blue) 13%, transparent);
  color: var(--home-blue);
}
.home-message-head > div,
.home-message > div {
  display: grid;
}
.home-message-head strong,
.home-message strong {
  color: var(--home-ink);
  font-size: .76rem;
}
.home-message-head small {
  color: var(--home-muted);
  font-size: .66rem;
}
.home-message {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin-block-start: .65rem;
  padding: .65rem;
  border: 1px solid var(--home-line);
  border-radius: .65rem;
  background: var(--home-card);
}
.home-message-avatar {
  flex: 0 0 1.65rem;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--home-blue) 25%, var(--home-card));
}
.home-message:nth-child(3) .home-message-avatar {
  background: color-mix(in srgb, var(--home-orange) 30%, var(--home-card));
}
.home-message p {
  margin-block-start: .2rem;
  color: var(--home-muted);
  font-size: .73rem;
}
.home-v1 .home-solutions {
  padding-block: clamp(3.7rem, 5.4vw, 5.6rem);
}
.home-v1 .home-solutions .home-section-heading {
  margin-block-end: 2rem;
}
.home-solution-points {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.home-solution-points li {
  padding: .3rem .55rem;
  border: 1px solid var(--home-line);
  border-radius: 1rem;
  color: var(--home-muted);
  font-size: .68rem;
}
.home-v1 .home-story {
  padding-block: clamp(3.7rem, 5.4vw, 5.5rem) clamp(3rem, 4vw, 4.5rem);
}
.home-v1 .home-story-visual {
  min-height: 280px;
  display: grid;
  place-items: stretch;
  gap: .6rem;
  padding: 1.5rem;
  background: linear-gradient(145deg, var(--home-card), var(--home-soft));
}
.home-story-visual::before,
.home-story-visual::after {
  display: none;
}
.home-story-step {
  z-index: 1;
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .75rem 1rem;
  border: 1px solid var(--home-line);
  border-radius: .7rem;
  background: var(--home-card);
}
.home-story-step span {
  color: var(--home-blue);
  font-size: .71rem;
  font-weight: 800;
}
.home-story-step strong {
  color: var(--home-ink);
  font-size: .85rem;
}
.home-story-tag {
  display: inline-block;
  margin-block-start: 1rem;
  color: var(--home-blue);
  font-size: .8rem;
  font-weight: 750;
}
.home-v1 .home-story .home-section-copy {
  padding-inline: 0;
}
.home-v1 .home-final {
  margin-block: clamp(3.5rem, 5.2vw, 5.4rem);
  padding-block: clamp(2.8rem, 4.5vw, 4.4rem);
}
@media (min-width: 1900px) {
  .home-v1 .home-section {
    gap: clamp(3rem, 5vw, 5.5rem);
  }
  .home-v1 .home-overview,
  .home-v1 .home-workflow,
  .home-v1 .home-solutions {
    max-width: 1480px;
  }
}
@media (max-width: 1050px) {
  .home-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .home-flow li::after { display: none; }
  .home-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-v1 .home-language { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .home-v1 .home-section { padding-block: 3.8rem; }
  .home-overview .home-section-heading,
  .home-workflow .home-section-heading { margin-block-end: 1.5rem; }
  .home-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-flow li { padding: .65rem .55rem; }
  .home-feature-grid { grid-template-columns: 1fr; }
  .home-feature { padding: .8rem; }
  .home-v1 .home-match-visual { padding: .8rem; }
  .home-match-result { gap: .45rem; }
  .home-match-status { max-width: 5.3rem; }
  .home-review-card { padding: .9rem; }
  .home-review-columns { display: none; }
  .home-requirement { grid-template-columns: minmax(0, 1fr) auto; gap: .35rem; }
  .home-requirement small { grid-column: 1 / -1; }
  .home-v1 .home-language { gap: 1.4rem; }
  .home-language-lane { grid-template-columns: 1fr; gap: .4rem; }
  .home-language-document { min-height: 70px; }
  .home-language-bridge { justify-content: center; }
  .home-language-bridge span { transform: rotate(90deg); }
  .home-v1[dir="rtl"] .home-language-bridge span { transform: rotate(90deg); }
  .home-v1 .home-workflow-visual { grid-template-columns: 1fr; }
  .home-workflow-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-v1 .home-solutions { padding-block: 3.7rem; }
  .home-v1 .home-story { padding-block: 3.7rem; }
  .home-v1 .home-story-visual { min-height: 0; order: 2; }
  .home-v1 .home-final { margin-block: 3.5rem; padding-block: 3rem; }
}
@media (max-width: 390px) {
  .home-match-result strong { font-size: .69rem; }
  .home-match-result > div small { font-size: .59rem; }
  .home-match-status { font-size: .54rem; }
}

/* Home Pipeline Showcase */
.marketing-pipeline-showcase {
  container: pipeline-showcase / inline-size;
  --pipeline-board: #edf3fc;
  --pipeline-column: #f7f9fd;
  --pipeline-card: #fff;
  --pipeline-border: #dbe5f2;
  --pipeline-chip: #edf3fc;
  width: min(calc(100% - clamp(2rem, 5vw, 7rem)), 2120px);
  margin-inline: auto;
  padding-block: clamp(1.5rem, 2.8vw, 2.8rem) clamp(3.4rem, 5vw, 5.8rem);
}
.marketing-pipeline-showcase-heading {
  max-width: 740px;
  margin: 0 auto clamp(1.4rem, 2.4vw, 2.3rem);
  text-align: center;
}
.marketing-pipeline-showcase-heading h2 {
  margin-block: .65rem .6rem;
  color: var(--home-ink);
  font-size: clamp(2rem, 3vw, 3.45rem);
  font-weight: 740;
  letter-spacing: -.045em;
  line-height: 1.12;
}
.marketing-pipeline-showcase-heading > p:last-child {
  color: var(--home-muted);
  font-size: clamp(.96rem, 1.15vw, 1.09rem);
  line-height: 1.6;
}
.marketing-pipeline-showcase-navigation {
  max-width: 100%;
  border: 1px solid var(--pipeline-border);
  border-radius: 1.25rem;
  background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--home-blue) 13%, transparent), transparent 36%), var(--pipeline-board);
  box-shadow: 0 20px 55px rgba(35, 68, 119, .09);
}
.marketing-pipeline-showcase-top-scroll,
.marketing-pipeline-showcase-scroll {
  scrollbar-color: color-mix(in srgb, var(--home-blue) 58%, transparent) var(--pipeline-board);
  scrollbar-width: thin;
}
.marketing-pipeline-showcase-top-scroll {
  box-sizing: border-box;
  width: 100%;
  height: 18px;
  margin-block-end: .3rem;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 999px;
  direction: ltr;
}
.marketing-pipeline-showcase-top-scroll[hidden] { display: none !important; }
.marketing-pipeline-showcase-top-scroll-inner { height: 1px; min-width: 0; }
.marketing-pipeline-showcase-scroll { max-width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; direction: ltr; border-radius: inherit; }
.marketing-pipeline-showcase-top-scroll::-webkit-scrollbar,
.marketing-pipeline-showcase-scroll::-webkit-scrollbar { height: 12px; }
.marketing-pipeline-showcase-top-scroll::-webkit-scrollbar-track,
.marketing-pipeline-showcase-scroll::-webkit-scrollbar-track {
  border-radius: 999px;
  background: color-mix(in srgb, var(--pipeline-board) 82%, var(--pipeline-border));
}
.marketing-pipeline-showcase-top-scroll::-webkit-scrollbar-thumb,
.marketing-pipeline-showcase-scroll::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: color-mix(in srgb, var(--home-blue) 58%, transparent);
  background-clip: padding-box;
}
.marketing-pipeline-showcase-top-scroll::-webkit-scrollbar-thumb:hover,
.marketing-pipeline-showcase-scroll::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--home-blue) 82%, transparent);
  background-clip: padding-box;
}
.marketing-pipeline-showcase-top-scroll:focus-visible,
.marketing-pipeline-showcase-scroll:focus-visible {
  outline: 3px solid var(--home-blue);
  outline-offset: 3px;
}
.marketing-pipeline-showcase-board {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: clamp(.45rem, .65vw, .85rem);
  min-height: 590px;
  margin: 0;
  padding: clamp(.7rem, 1.1vw, 1.25rem);
  list-style: none;
}
.marketing-pipeline-showcase-stage {
  --stage-accent: #397bed;
  min-width: 0;
  padding: clamp(.5rem, .75vw, .85rem);
  border: 1px solid color-mix(in srgb, var(--stage-accent) 22%, var(--pipeline-border));
  border-radius: .92rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--stage-accent) 10%, var(--pipeline-column)) 0, var(--pipeline-column) 175px);
}
.marketing-pipeline-showcase-stage--ai-suggested { --stage-accent: #3684f5; border-color: color-mix(in srgb, var(--stage-accent) 52%, var(--pipeline-border)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--stage-accent) 12%, transparent), 0 12px 35px rgba(32, 108, 230, .12); }
.marketing-pipeline-showcase-stage--new { --stage-accent: #4774dc; }
.marketing-pipeline-showcase-stage--contacted { --stage-accent: #269eaf; }
.marketing-pipeline-showcase-stage--cv-sent { --stage-accent: #c97837; }
.marketing-pipeline-showcase-stage--interview { --stage-accent: #8362ce; }
.marketing-pipeline-showcase-stage--offer { --stage-accent: #af705a; }
.marketing-pipeline-showcase-stage--pending-start { --stage-accent: #6682a6; }
.marketing-pipeline-showcase-stage--accepted { --stage-accent: #3a9b77; }
.marketing-pipeline-showcase-stage--rejected { --stage-accent: #bf5d68; }
.marketing-pipeline-showcase-stage-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .25rem;
  min-height: 2.35rem;
  padding-block: .16rem .5rem;
  border-bottom: 2px solid var(--stage-accent);
}
.marketing-pipeline-showcase-stage-title { display: flex; align-items: flex-start; gap: .32rem; min-width: 0; }
.marketing-pipeline-showcase-stage-title svg { flex: 0 0 1.1rem; width: 1.1rem; height: 1.1rem; color: var(--stage-accent); }
.marketing-pipeline-showcase-stage-title h3 {
  min-width: 0;
  color: var(--home-ink);
  font-size: clamp(.85rem, .85vw, .98rem);
  font-weight: 760;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.marketing-pipeline-showcase-count {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding-inline: .2rem;
  border-radius: 99px;
  background: color-mix(in srgb, var(--stage-accent) 18%, var(--pipeline-card));
  color: var(--home-ink);
  font-size: .7rem;
  font-weight: 800;
}
.marketing-pipeline-showcase-stage-description {
  min-height: 3.1rem;
  padding-block: .64rem .7rem;
  color: var(--home-muted);
  font-size: clamp(.7rem, .74vw, .79rem);
  line-height: 1.4;
}
.marketing-pipeline-showcase-cards { display: grid; align-content: start; gap: .52rem; }
.marketing-pipeline-showcase-card {
  min-width: 0;
  padding: clamp(.55rem, .65vw, .8rem);
  border: 1px solid color-mix(in srgb, var(--stage-accent) 22%, var(--pipeline-border));
  border-radius: .72rem;
  background: var(--pipeline-card);
  box-shadow: 0 4px 12px rgba(21, 46, 80, .05);
  transition: transform .22s ease, box-shadow .22s ease;
}
.marketing-pipeline-showcase-card:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(21, 46, 80, .11); }
.marketing-pipeline-showcase-card-top { display: flex; align-items: center; justify-content: space-between; gap: .3rem; margin-block-end: .55rem; }
.marketing-pipeline-showcase-avatar {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--stage-accent) 19%, var(--pipeline-card));
}
.marketing-pipeline-showcase-avatar span { position: relative; width: .58rem; height: .58rem; margin-block-start: -.4rem; border-radius: 50%; background: var(--stage-accent); }
.marketing-pipeline-showcase-avatar span::after { content: ""; position: absolute; top: .63rem; left: -.21rem; width: 1rem; height: .5rem; border-radius: .6rem .6rem .25rem .25rem; background: var(--stage-accent); }
.marketing-pipeline-showcase-score { display: inline-flex; align-items: baseline; gap: .15rem; color: var(--stage-accent); white-space: nowrap; }
.marketing-pipeline-showcase-score b { font-size: .9rem; font-weight: 800; }
.marketing-pipeline-showcase-score small { font-size: .55rem; font-weight: 800; }
.marketing-pipeline-showcase-card > strong { display: block; color: var(--home-ink); font-size: clamp(.75rem, .74vw, .88rem); line-height: 1.35; overflow-wrap: anywhere; }
.marketing-pipeline-showcase-skills { display: flex; flex-wrap: wrap; gap: .25rem; margin-block: .52rem .62rem; }
.marketing-pipeline-showcase-skills span { max-width: 100%; padding: .22rem .38rem; border: 1px solid var(--pipeline-border); border-radius: .42rem; background: var(--pipeline-chip); color: var(--home-muted); font-size: clamp(.64rem, .64vw, .72rem); line-height: 1.2; overflow-wrap: anywhere; }
.marketing-pipeline-showcase-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .45rem; color: var(--home-muted); font-size: clamp(.65rem, .65vw, .74rem); line-height: 1.3; }
.marketing-pipeline-showcase-meta span + span::before { content: "·"; margin-inline-end: .45rem; }
.marketing-pipeline-showcase-alternative { display: block; margin-block-end: .35rem; color: var(--stage-accent); font-size: .6rem; font-weight: 800; line-height: 1.2; text-transform: uppercase; letter-spacing: .05em; }
:root[data-theme="dark"] .marketing-pipeline-showcase {
  --pipeline-board: #101d32;
  --pipeline-column: #18283e;
  --pipeline-card: #1d3049;
  --pipeline-border: #334762;
  --pipeline-chip: #243a55;
}
:root[data-theme="dark"] .marketing-pipeline-showcase-navigation { box-shadow: 0 24px 60px rgba(2, 8, 20, .24); }
:root[data-theme="dark"] .marketing-pipeline-showcase-card { box-shadow: 0 5px 16px rgba(1, 9, 22, .16); }
:root[data-theme="dark"] .marketing-pipeline-showcase-stage--ai-suggested { box-shadow: 0 0 0 2px rgba(77, 148, 255, .12), 0 12px 32px rgba(25, 94, 207, .17); }
@media (min-width: 761px) {
  @container pipeline-showcase (max-width: 1999px) {
    .marketing-pipeline-showcase-board { width: 2280px; }
  }
}
@media (max-width: 760px) {
  .marketing-pipeline-showcase { width: min(100% - 2rem, 620px); padding-block: 1.1rem 3.2rem; }
  .marketing-pipeline-showcase-heading { margin-block-end: 1.25rem; }
  .marketing-pipeline-showcase-heading h2 { font-size: clamp(1.9rem, 7vw, 2.5rem); }
  .marketing-pipeline-showcase-top-scroll { display: none !important; }
  .marketing-pipeline-showcase-navigation { overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
  .marketing-pipeline-showcase-scroll { overflow: visible; border-radius: 0; }
  .marketing-pipeline-showcase-board { display: grid; grid-template-columns: 1fr; gap: 1.6rem; min-height: 0; padding: 0; }
  .marketing-pipeline-showcase-stage { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .35rem 1rem; padding: .85rem; }
  .marketing-pipeline-showcase-stage:not(:nth-last-child(-n+2))::after { content: ""; position: absolute; top: calc(100% + 1px); inset-inline-start: 1.65rem; height: 1.6rem; border-inline-start: 2px solid var(--pipeline-border); }
  .marketing-pipeline-showcase-stage-head { grid-column: 1 / -1; min-height: 0; }
  .marketing-pipeline-showcase-stage-title h3 { font-size: .95rem; }
  .marketing-pipeline-showcase-stage-description { grid-column: 1 / -1; min-height: 0; padding-block: .15rem .25rem; font-size: .77rem; }
  .marketing-pipeline-showcase-cards { grid-column: 1 / -1; }
  .marketing-pipeline-showcase-card { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .2rem .65rem; padding: .55rem .65rem; }
  .marketing-pipeline-showcase-card:not(:first-child) { display: none; }
  .marketing-pipeline-showcase-card-top { grid-row: 1 / 3; display: grid; gap: .25rem; margin: 0; }
  .marketing-pipeline-showcase-avatar { width: 1.65rem; height: 1.65rem; }
  .marketing-pipeline-showcase-card > strong { font-size: .83rem; }
  .marketing-pipeline-showcase-skills { grid-column: 2; margin: .1rem 0; }
  .marketing-pipeline-showcase-meta { grid-column: 2; font-size: .69rem; }
  .marketing-pipeline-showcase-alternative { grid-column: 1 / -1; margin: 0; }
  .marketing-pipeline-showcase-stage--rejected { margin-block-start: .6rem; border-style: dashed; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-pipeline-showcase-card { transition: none; }
  .marketing-pipeline-showcase-card:hover { transform: none; }
  .marketing-pipeline-showcase-scroll { scroll-behavior: auto; }
}

/* Connected workflow: timeline and module cards */
.home-connected-visual {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--home-blue) 24%, var(--home-line));
  background:
    radial-gradient(ellipse at 8% 4%, color-mix(in srgb, var(--home-blue) 14%, transparent), transparent 34%),
    radial-gradient(ellipse at 92% 72%, color-mix(in srgb, var(--home-cyan) 10%, transparent), transparent 36%),
    linear-gradient(145deg, var(--home-card), var(--home-soft));
  box-shadow: 0 24px 70px color-mix(in srgb, var(--home-blue) 8%, transparent);
}
.home-connected-visual::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(color-mix(in srgb, var(--home-blue) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--home-blue) 5%, transparent) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  opacity: .42;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.home-flow-title {
  position: relative;
  margin-block-end: 1.4rem !important;
  font-size: clamp(1.12rem, 1.6vw, 1.42rem);
  letter-spacing: -.025em;
}
.home-flow {
  position: relative;
  gap: clamp(.35rem, .7vw, .7rem);
}
.home-flow::before {
  position: absolute;
  z-index: 0;
  inset-inline: 7%;
  top: 1.62rem;
  height: 2px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--home-blue) 18%, transparent), var(--home-blue), var(--home-cyan), color-mix(in srgb, var(--home-blue) 20%, transparent));
  background-size: 180% 100%;
  content: "";
  opacity: .7;
  animation: home-flow-glide 12s ease-in-out infinite;
}
.home-flow li {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: .55rem;
  padding: .6rem .35rem .72rem;
  border-color: color-mix(in srgb, var(--home-line) 76%, transparent);
  border-radius: .9rem;
  background: color-mix(in srgb, var(--home-card) 78%, transparent);
  text-align: center;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
}
.home-flow li:not(:last-child)::after { display: none; }
.home-flow li:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--home-blue) 52%, var(--home-line));
  background: var(--home-card);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--home-blue) 11%, transparent);
}
.home-flow-number {
  position: relative;
  z-index: 1;
  width: 2.05rem;
  height: 2.05rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--home-blue) 38%, var(--home-line));
  border-radius: 50%;
  background: var(--home-card);
  box-shadow: 0 0 0 .28rem color-mix(in srgb, var(--home-blue) 7%, var(--home-card));
  color: var(--home-blue);
  font-size: .68rem;
  font-variant-numeric: tabular-nums;
}
.home-flow li:last-child .home-flow-number {
  border-color: color-mix(in srgb, #42b994 58%, var(--home-line));
  background: color-mix(in srgb, #42b994 12%, var(--home-card));
  color: color-mix(in srgb, #42b994 78%, var(--home-ink));
}
.home-flow strong {
  font-size: clamp(.68rem, .82vw, .83rem);
  line-height: 1.3;
}
.home-feature-grid {
  position: relative;
  gap: .8rem;
  margin-block-start: 2rem;
  padding-block-start: 1.65rem;
  border-block-start: 1px solid color-mix(in srgb, var(--home-blue) 18%, var(--home-line));
}
.home-feature-grid::before {
  position: absolute;
  top: -1.65rem;
  inset-inline-start: 50%;
  width: 2px;
  height: 1.65rem;
  background: linear-gradient(var(--home-blue), color-mix(in srgb, var(--home-blue) 8%, transparent));
  content: "";
  opacity: .65;
}
.home-feature {
  --feature-accent: var(--home-blue);
  position: relative;
  flex-direction: column;
  align-items: stretch;
  gap: .9rem;
  overflow: hidden;
  padding: 1rem 1.05rem 1.1rem;
  border-color: color-mix(in srgb, var(--feature-accent) 23%, var(--home-line));
  border-block-start: 2px solid var(--feature-accent);
  border-radius: .95rem;
  background: color-mix(in srgb, var(--home-card) 91%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--home-ink) 5%, transparent);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.home-feature--2 { --feature-accent: #43a9c7; }
.home-feature--3 { --feature-accent: #e59569; }
.home-feature--4 { --feature-accent: #8c7be8; }
.home-feature--5 { --feature-accent: #45ad8c; }
.home-feature--6 { --feature-accent: #d5a64d; }
.home-feature:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--feature-accent) 56%, var(--home-line));
  background: var(--home-card);
  box-shadow: 0 16px 34px color-mix(in srgb, var(--feature-accent) 13%, transparent);
}
.home-feature-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
}
.home-feature-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--feature-accent) 25%, transparent);
  border-radius: .78rem;
  background: color-mix(in srgb, var(--feature-accent) 12%, var(--home-card));
  color: var(--feature-accent);
}
.home-feature-icon svg { width: 1.25rem; height: 1.25rem; }
.home-feature-number {
  width: auto;
  height: auto;
  padding: .28rem .48rem;
  border: 1px solid color-mix(in srgb, var(--feature-accent) 18%, var(--home-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--feature-accent) 8%, var(--home-card));
  color: var(--feature-accent);
  font-size: .61rem;
  font-variant-numeric: tabular-nums;
}
.home-feature-copy h3 { margin: 0; color: var(--home-ink); font-size: .98rem; font-weight: 720; letter-spacing: -.015em; }
.home-feature-copy p { margin-block-start: .34rem; color: var(--home-muted); font-size: .79rem; line-height: 1.55; }
@keyframes home-flow-glide {
  0%, 100% { background-position: 100% 0; }
  50% { background-position: 0 0; }
}
@media (max-width: 1050px) {
  .home-flow::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .home-flow::before { animation: none; }
  .home-flow li,
  .home-feature { transition: none; }
  .home-flow li:hover,
  .home-feature:hover { transform: none; }
}

/* Connected recruitment flow */
.home-connected-visual {
  --workflow-accent: var(--home-blue);
  --workflow-cyan: var(--home-cyan);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.1rem, 3.2vw, 2.5rem);
  border: 1px solid color-mix(in srgb, var(--workflow-accent) 28%, var(--home-line));
  border-radius: 1.45rem;
  background:
    radial-gradient(ellipse at 8% 0%, color-mix(in srgb, var(--workflow-accent) 16%, transparent), transparent 38%),
    radial-gradient(ellipse at 88% 38%, color-mix(in srgb, var(--workflow-cyan) 10%, transparent), transparent 34%),
    linear-gradient(145deg, var(--home-card), var(--home-soft));
  box-shadow: 0 28px 80px color-mix(in srgb, var(--workflow-accent) 10%, transparent);
}
.home-connected-visual::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(color-mix(in srgb, var(--workflow-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--workflow-accent) 5%, transparent) 1px, transparent 1px);
  background-size: 36px 36px;
  content: "";
  opacity: .38;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
.connected-journey {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(.45rem, 1.35vw, 1.35rem);
  margin: 0;
  padding: .35rem .2rem 0;
  list-style: none;
}
.connected-journey::before {
  position: absolute;
  z-index: 0;
  inset-inline: 9.5%;
  top: 2.03rem;
  height: 2px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--workflow-accent) 30%, transparent), var(--workflow-accent), var(--workflow-cyan), #45ad8c);
  background-size: 180% 100%;
  content: "";
  opacity: .68;
  animation: connected-flow-glide 13s ease-in-out infinite;
}
.connected-journey-step {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .9rem;
  padding: 0 .25rem .45rem;
  text-align: center;
}
.connected-journey-marker {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.15rem;
  height: 4.15rem;
}
.connected-journey-icon {
  position: relative;
  z-index: 1;
  width: 3.15rem;
  height: 3.15rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--workflow-accent) 36%, var(--home-line));
  border-radius: 1.05rem;
  background: color-mix(in srgb, var(--home-card) 94%, transparent);
  box-shadow: 0 0 0 .32rem color-mix(in srgb, var(--workflow-accent) 7%, var(--home-card)), 0 8px 20px color-mix(in srgb, var(--workflow-accent) 10%, transparent);
  color: var(--workflow-accent);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.connected-journey-icon svg { width: 1.35rem; height: 1.35rem; }
.connected-journey-step:hover .connected-journey-icon {
  transform: translateY(-2px);
  border-color: var(--workflow-accent);
  box-shadow: 0 0 0 .38rem color-mix(in srgb, var(--workflow-accent) 10%, var(--home-card)), 0 12px 25px color-mix(in srgb, var(--workflow-accent) 15%, transparent);
}
.connected-journey-number {
  position: absolute;
  z-index: 2;
  inset-block-start: -.05rem;
  inset-inline-end: -.05rem;
  min-width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
  padding-inline: .2rem;
  border: 1px solid var(--home-card);
  border-radius: 999px;
  background: color-mix(in srgb, var(--workflow-accent) 60%, #15233a);
  color: #fff;
  font-size: .57rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.connected-journey-step--2 .connected-journey-icon {
  border-color: color-mix(in srgb, var(--workflow-cyan) 58%, var(--home-line));
  background: color-mix(in srgb, var(--workflow-cyan) 10%, var(--home-card));
  color: color-mix(in srgb, var(--workflow-cyan) 76%, var(--home-ink));
  animation: connected-publish-glow 5.5s ease-in-out infinite;
}
.connected-journey-step--5 .connected-journey-icon {
  border-color: color-mix(in srgb, #45ad8c 48%, var(--home-line));
  color: color-mix(in srgb, #45ad8c 78%, var(--home-ink));
}
.connected-journey-copy { max-width: 15rem; }
.connected-journey-copy h3 { margin: 0; color: var(--home-ink); font-size: clamp(.92rem, 1.2vw, 1.12rem); font-weight: 760; letter-spacing: -.025em; }
.connected-journey-copy p { margin-block-start: .38rem; color: var(--home-muted); font-size: clamp(.72rem, .82vw, .82rem); line-height: 1.48; }
.connected-flow-examples {
  position: relative;
  display: grid;
  grid-template-columns: 1.04fr .92fr 1.2fr;
  gap: clamp(.75rem, 1.5vw, 1.25rem);
  margin-block-start: 1.75rem;
  padding-block-start: 1.6rem;
  border-block-start: 1px solid color-mix(in srgb, var(--workflow-accent) 18%, var(--home-line));
}
.connected-flow-examples::before {
  position: absolute;
  inset-block-start: -1.6rem;
  inset-inline-start: 50%;
  width: 2px;
  height: 1.6rem;
  background: linear-gradient(var(--workflow-accent), color-mix(in srgb, var(--workflow-accent) 8%, transparent));
  content: "";
  opacity: .56;
}
.connected-flow-example {
  --example-accent: var(--workflow-accent);
  position: relative;
  min-width: 0;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--example-accent) 22%, var(--home-line));
  border-radius: 1rem;
  background: color-mix(in srgb, var(--home-card) 90%, transparent);
  box-shadow: 0 10px 27px color-mix(in srgb, var(--home-ink) 5%, transparent);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.connected-flow-example:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--example-accent) 48%, var(--home-line));
  box-shadow: 0 15px 32px color-mix(in srgb, var(--example-accent) 12%, transparent);
}
.connected-flow-example:not(:last-child)::after {
  position: absolute;
  z-index: 1;
  inset-inline-end: calc(clamp(.75rem, 1.5vw, 1.25rem) * -1);
  top: 50%;
  width: clamp(.75rem, 1.5vw, 1.25rem);
  height: 2px;
  background: color-mix(in srgb, var(--workflow-accent) 52%, var(--home-line));
  content: "";
}
.connected-flow-example--public { --example-accent: var(--workflow-cyan); }
.connected-flow-example--application { --example-accent: #45ad8c; }
.connected-flow-example--process { --example-accent: #8c7be8; }
.connected-flow-example-head { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin-block-end: .65rem; }
.connected-flow-eyebrow { color: var(--home-muted); font-size: .61rem; font-weight: 800; letter-spacing: .09em; line-height: 1.35; text-transform: uppercase; }
.connected-published { display: inline-flex; align-items: center; gap: .32rem; padding: .25rem .48rem; border: 1px solid color-mix(in srgb, #45ad8c 30%, var(--home-line)); border-radius: 999px; background: color-mix(in srgb, #45ad8c 9%, var(--home-card)); color: color-mix(in srgb, #45ad8c 75%, var(--home-ink)); font-size: .62rem; font-weight: 750; white-space: nowrap; }
.connected-published i { width: .38rem; height: .38rem; border-radius: 50%; background: #45ad8c; box-shadow: 0 0 0 .18rem color-mix(in srgb, #45ad8c 14%, transparent); }
.connected-public-job-title { display: block; color: var(--home-ink); font-size: clamp(.9rem, 1vw, 1.02rem); font-weight: 730; line-height: 1.3; }
.connected-example-preview { display: inline-flex; align-items: center; margin-block-start: .58rem; padding: .2rem .45rem; border: 1px dashed color-mix(in srgb, var(--example-accent) 28%, var(--home-line)); border-radius: 999px; background: color-mix(in srgb, var(--example-accent) 5%, var(--home-card)); color: var(--home-muted); font-size: .62rem; font-weight: 650; }
.connected-flow-example--application > strong { display: block; color: var(--home-ink); font-size: .84rem; font-weight: 730; }
.connected-flow-example--application > p { margin-block-start: .32rem; color: var(--home-muted); font-size: .72rem; line-height: 1.4; }
.connected-application-signal,
.connected-process-icon { flex: 0 0 auto; width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: .58rem; background: color-mix(in srgb, var(--example-accent) 12%, var(--home-card)); color: var(--example-accent); }
.connected-application-signal svg,
.connected-process-icon svg { width: 1rem; height: 1rem; }
.connected-process-stages { display: flex; flex-wrap: wrap; gap: .3rem; }
.connected-process-stages span { padding: .28rem .43rem; border: 1px solid color-mix(in srgb, var(--example-accent) 20%, var(--home-line)); border-radius: .48rem; background: color-mix(in srgb, var(--example-accent) 7%, var(--home-card)); color: var(--home-ink); font-size: .64rem; font-weight: 650; }
.connected-pipeline-stages { padding: .48rem; border: 1px solid color-mix(in srgb, var(--example-accent) 29%, var(--home-line)); border-radius: .72rem; background: color-mix(in srgb, var(--example-accent) 5%, var(--home-soft)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--example-accent) 4%, transparent); }
.connected-pipeline-stages-label { display: block; margin-block-end: .38rem; color: color-mix(in srgb, var(--example-accent) 62%, var(--home-ink)); font-size: .58rem; font-weight: 800; letter-spacing: .04em; }
.connected-managed-label { margin-block-start: .6rem; color: color-mix(in srgb, var(--example-accent) 58%, var(--home-ink)); font-size: .67rem; font-weight: 760; }
.connected-workspace {
  position: relative;
  margin-block-start: 2rem;
  padding-block-start: 1.7rem;
  border-block-start: 1px solid color-mix(in srgb, var(--workflow-accent) 18%, var(--home-line));
}
.connected-workspace::before {
  position: absolute;
  inset-block-start: -1.7rem;
  inset-inline-start: 50%;
  width: 2px;
  height: 1.7rem;
  background: linear-gradient(var(--workflow-accent), color-mix(in srgb, var(--workflow-accent) 8%, transparent));
  content: "";
  opacity: .56;
}
.connected-workspace-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-block-end: .95rem; }
.connected-workspace-kicker { color: var(--workflow-accent); font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.connected-workspace-heading p { max-width: 48rem; color: var(--home-muted); font-size: .77rem; line-height: 1.45; }
.connected-module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.connected-module {
  --module-accent: var(--workflow-accent);
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 2.55rem minmax(0, 1fr);
  align-items: start;
  gap: .75rem;
  overflow: hidden;
  padding: .9rem;
  border: 1px solid color-mix(in srgb, var(--module-accent) 20%, var(--home-line));
  border-inline-start: 3px solid var(--module-accent);
  border-radius: .9rem;
  background: radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--module-accent) 7%, transparent), transparent 58%), color-mix(in srgb, var(--home-card) 88%, transparent);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.connected-module--2 { --module-accent: #43a9c7; }
.connected-module--3 { --module-accent: #e59569; }
.connected-module--4 { --module-accent: #8c7be8; }
.connected-module--5 { --module-accent: #45ad8c; }
.connected-module--6 { --module-accent: #d5a64d; }
.connected-module:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--module-accent) 52%, var(--home-line)); background: radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--module-accent) 11%, transparent), transparent 62%), var(--home-card); box-shadow: 0 12px 28px color-mix(in srgb, var(--module-accent) 13%, transparent); }
.connected-module-icon { width: 2.45rem; height: 2.45rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--module-accent) 30%, transparent); border-radius: .72rem; background: linear-gradient(145deg, color-mix(in srgb, var(--module-accent) 19%, var(--home-card)), color-mix(in srgb, var(--module-accent) 8%, var(--home-soft))); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--module-accent) 5%, transparent); color: var(--module-accent); transition: background-color .22s ease, box-shadow .22s ease; }
.connected-module:hover .connected-module-icon { background: color-mix(in srgb, var(--module-accent) 17%, var(--home-card)); box-shadow: 0 0 17px color-mix(in srgb, var(--module-accent) 17%, transparent); }
.connected-module-icon svg { width: 1.25rem; height: 1.25rem; }
.connected-module-copy { min-width: 0; }
.connected-module-copy h3 { margin: 0; color: var(--home-ink); font-size: .91rem; font-weight: 750; }
.connected-module-copy > p { margin-block-start: .23rem; color: var(--home-muted); font-size: .71rem; line-height: 1.4; }
.connected-module-chips { display: flex; flex-wrap: wrap; gap: .25rem; margin-block-start: .48rem; }
.connected-module-chips span { max-width: 100%; padding: .2rem .36rem; border: 1px solid color-mix(in srgb, var(--module-accent) 17%, var(--home-line)); border-radius: 999px; color: var(--home-muted); font-size: .58rem; line-height: 1.2; overflow-wrap: anywhere; }
.connected-ai-note { display: block; margin-block-start: .5rem; color: var(--home-muted); font-size: .62rem; line-height: 1.4; }
@keyframes connected-flow-glide { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@keyframes connected-publish-glow { 0%, 100% { box-shadow: 0 0 0 .32rem color-mix(in srgb, var(--workflow-cyan) 8%, var(--home-card)), 0 8px 20px color-mix(in srgb, var(--workflow-cyan) 12%, transparent); } 50% { box-shadow: 0 0 0 .43rem color-mix(in srgb, var(--workflow-cyan) 12%, var(--home-card)), 0 10px 24px color-mix(in srgb, var(--workflow-cyan) 18%, transparent); } }
.home-v1[dir="rtl"] .connected-journey::before { background: linear-gradient(270deg, color-mix(in srgb, var(--workflow-accent) 30%, transparent), var(--workflow-accent), var(--workflow-cyan), #45ad8c); }
@media (max-width: 1050px) {
  .connected-journey { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1.5rem; }
  .connected-journey::before { display: none; }
  .connected-flow-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .connected-flow-example--process { grid-column: 1 / -1; }
  .connected-flow-example:not(:last-child)::after { display: none; }
  .connected-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .home-connected-visual { padding: 1.05rem; border-radius: 1.05rem; }
  .connected-journey { grid-template-columns: minmax(0, 1fr); gap: .25rem; padding: 0; }
  .connected-journey::before { inset-inline-start: 1.58rem; inset-inline-end: auto; top: 1.35rem; bottom: 1.35rem; width: 2px; height: auto; display: block; background: linear-gradient(180deg, var(--workflow-accent), var(--workflow-cyan), #45ad8c); }
  .home-v1[dir="rtl"] .connected-journey::before { background: linear-gradient(180deg, var(--workflow-accent), var(--workflow-cyan), #45ad8c); }
  .connected-journey-step { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); align-items: center; justify-items: start; gap: .8rem; min-height: 5rem; padding: .25rem 0; text-align: start; }
  .connected-journey-marker { grid-column: 1; grid-row: 1; width: 3.2rem; height: 3.2rem; }
  .connected-journey-icon { width: 2.6rem; height: 2.6rem; border-radius: .88rem; }
  .connected-journey-icon svg { width: 1.2rem; height: 1.2rem; }
  .connected-journey-number { inset-block-start: -.12rem; inset-inline-end: -.12rem; min-width: 1.1rem; height: 1.1rem; font-size: .52rem; }
  .connected-journey-copy { grid-column: 2; grid-row: 1; max-width: none; }
  .connected-journey-copy h3 { font-size: .95rem; }
  .connected-journey-copy p { margin-block-start: .2rem; font-size: .75rem; }
  .connected-flow-examples { grid-template-columns: minmax(0, 1fr); gap: .65rem; margin-block-start: 1.3rem; padding-block-start: 1.25rem; }
  .connected-flow-examples::before { top: -1.25rem; height: 1.25rem; }
  .connected-flow-example { padding: .85rem .9rem; }
  .connected-flow-example--process { grid-column: auto; }
  .connected-flow-example:not(:last-child)::after { inset-inline-start: 50%; inset-inline-end: auto; top: auto; bottom: -.65rem; width: 2px; height: .65rem; display: block; }
  .connected-workspace { margin-block-start: 1.5rem; padding-block-start: 1.35rem; }
  .connected-workspace::before { top: -1.35rem; height: 1.35rem; }
  .connected-workspace-heading { display: block; margin-block-end: .8rem; }
  .connected-workspace-heading p { margin-block-start: .3rem; font-size: .73rem; }
  .connected-module-grid { grid-template-columns: minmax(0, 1fr); gap: .55rem; }
  .connected-module { grid-template-columns: 2.35rem minmax(0, 1fr); gap: .65rem; padding: .78rem; }
  .connected-module-icon { width: 2.25rem; height: 2.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  .connected-journey::before { animation: none; }
  .connected-journey-step--2 .connected-journey-icon { animation: none; }
  .connected-journey-icon,
  .connected-flow-example,
  .connected-module { transition: none; }
  .connected-journey-step:hover .connected-journey-icon,
  .connected-flow-example:hover,
  .connected-module:hover { transform: none; }
}

/* Compact public jobs feature, placed between the connected flow and AI matching */
.home-v1 .home-overview { padding-block-end: clamp(2rem, 3vw, 3rem); }
.home-v1 .home-match { padding-block-start: clamp(2rem, 3vw, 3rem); }
.home-public-jobs-feature {
  width: min(calc(100% - clamp(2rem, 5vw, 7rem)), 1480px);
  display: grid;
  grid-template-columns: minmax(15rem, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(1.4rem, 4vw, 4rem);
  margin: clamp(1.7rem, 2.6vw, 2.5rem) auto 0;
  padding: clamp(1.15rem, 2vw, 1.7rem);
  border: 1px solid color-mix(in srgb, var(--home-cyan) 25%, var(--home-line));
  border-radius: 1.15rem;
  background: radial-gradient(ellipse at 92% 4%, color-mix(in srgb, var(--home-cyan) 11%, transparent), transparent 40%), linear-gradient(135deg, var(--home-card), var(--home-soft));
  box-shadow: 0 18px 46px color-mix(in srgb, var(--home-blue) 7%, transparent);
}
.home-public-jobs-copy .home-eyebrow { margin-block-end: .55rem; }
.home-public-jobs-copy h2 { max-width: 18ch; margin: 0; color: var(--home-ink); font-size: clamp(1.55rem, 2.3vw, 2.25rem); font-weight: 750; letter-spacing: -.045em; line-height: 1.12; }
.home-public-jobs-copy > p:last-child { max-width: 39rem; margin-block-start: .65rem; color: var(--home-muted); font-size: clamp(.84rem, 1vw, .97rem); line-height: 1.55; }
.home-public-jobs-visual { min-width: 0; padding: .85rem; border: 1px solid color-mix(in srgb, var(--home-line) 82%, transparent); border-radius: .9rem; background: color-mix(in srgb, var(--home-card) 90%, transparent); box-shadow: 0 8px 25px color-mix(in srgb, var(--home-ink) 6%, transparent); }
.home-public-jobs-visual-head { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-block-end: .62rem; }
.home-public-jobs-visual-kicker { color: var(--home-muted); font-size: .59rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.home-public-jobs-visual-mark { width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--home-cyan) 24%, var(--home-line)); border-radius: .52rem; background: color-mix(in srgb, var(--home-cyan) 10%, var(--home-card)); color: color-mix(in srgb, var(--home-cyan) 67%, var(--home-ink)); }
.home-public-jobs-visual-mark svg { width: 1rem; height: 1rem; }
.home-public-jobs-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: 0; padding: 0; list-style: none; }
.home-public-jobs-flow-step { position: relative; min-width: 0; display: flex; align-items: center; gap: .48rem; padding: .62rem .5rem; border: 1px solid color-mix(in srgb, var(--home-cyan) 15%, var(--home-line)); border-radius: .72rem; background: color-mix(in srgb, var(--home-soft) 72%, var(--home-card)); }
.home-public-jobs-flow-step:not(:last-child)::after { position: absolute; inset-inline-end: -.55rem; top: 50%; width: .55rem; height: 1px; background: color-mix(in srgb, var(--home-cyan) 55%, var(--home-line)); content: ""; }
.home-public-jobs-flow-icon { flex: 0 0 auto; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--home-cyan) 23%, transparent); border-radius: .53rem; background: color-mix(in srgb, var(--home-cyan) 10%, var(--home-card)); color: color-mix(in srgb, var(--home-cyan) 66%, var(--home-ink)); }
.home-public-jobs-flow-step--3 .home-public-jobs-flow-icon { border-color: color-mix(in srgb, #45ad8c 28%, transparent); background: color-mix(in srgb, #45ad8c 11%, var(--home-card)); color: color-mix(in srgb, #45ad8c 62%, var(--home-ink)); }
.home-public-jobs-flow-step--4 .home-public-jobs-flow-icon { border-color: color-mix(in srgb, #8c7be8 27%, transparent); background: color-mix(in srgb, #8c7be8 10%, var(--home-card)); color: color-mix(in srgb, #8c7be8 65%, var(--home-ink)); }
.home-public-jobs-flow-icon svg { width: 1rem; height: 1rem; }
.home-public-jobs-flow-copy { min-width: 0; display: grid; gap: .18rem; }
.home-public-jobs-flow-copy small { color: var(--home-muted); font-size: .52rem; font-weight: 780; letter-spacing: .045em; line-height: 1.2; overflow-wrap: anywhere; }
.home-public-jobs-flow-copy strong { color: var(--home-ink); font-size: clamp(.61rem, .72vw, .74rem); font-weight: 730; line-height: 1.3; overflow-wrap: anywhere; }
@media (max-width: 1050px) {
  .home-public-jobs-feature { grid-template-columns: 1fr; gap: 1rem; }
  .home-public-jobs-copy h2 { max-width: none; }
}
@media (max-width: 760px) {
  .home-v1 .home-overview { padding-block-end: 1.5rem; }
  .home-v1 .home-match { padding-block-start: 2rem; }
  .home-public-jobs-feature { width: min(100% - 2rem, 620px); gap: .9rem; margin-block-start: 1rem; padding: .9rem; border-radius: .95rem; }
  .home-public-jobs-copy h2 { font-size: clamp(1.45rem, 6vw, 1.85rem); }
  .home-public-jobs-copy > p:last-child { margin-block-start: .48rem; font-size: .81rem; }
  .home-public-jobs-visual { padding: .75rem; }
  .home-public-jobs-flow { grid-template-columns: minmax(0, 1fr); gap: .48rem; }
  .home-public-jobs-flow-step { min-height: 3.15rem; padding: .45rem .55rem; }
  .home-public-jobs-flow-step:not(:last-child)::after { inset-inline-start: 1.34rem; inset-inline-end: auto; top: auto; bottom: -.49rem; width: 1px; height: .49rem; }
  .home-public-jobs-flow-icon { width: 1.9rem; height: 1.9rem; }
  .home-public-jobs-flow-copy small { font-size: .57rem; }
  .home-public-jobs-flow-copy strong { font-size: .76rem; }
}
@media (prefers-reduced-motion: reduce) {
  .connected-module-icon { transition: none; }
  .connected-module:hover .connected-module-icon { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--module-accent) 5%, transparent); }
}

/* Final laptop rhythm and content sizing for the approved Home V1 sections */
@media (min-width: 761px) and (max-width: 1999px) {
  .home-v1 .home-match {
    padding-block-end: clamp(2.2rem, 3.1vw, 3.25rem);
  }
  .home-v1 .home-review {
    padding-block-start: clamp(2.2rem, 3.1vw, 3.25rem);
  }
  .home-v1 .home-workflow {
    padding-block-end: clamp(2.5rem, 3.8vw, 3.75rem);
  }
  .home-v1 .home-solutions {
    padding-block-start: clamp(2.5rem, 3.8vw, 3.75rem);
  }

  .home-solution-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: clamp(1.2rem, 1.8vw, 1.65rem);
  }
  .home-solution-card h3 {
    margin-block-start: 1rem;
  }
  .home-solution-card p {
    min-height: 0;
  }
  .home-solution-card > a {
    margin-block-start: auto;
    padding-block-start: 1.1rem;
  }

  .home-pricing {
    position: relative;
    overflow: hidden;
    padding-block: clamp(1.8rem, 3vw, 2.65rem);
    border-color: color-mix(in srgb, var(--home-blue) 24%, var(--home-line));
    background: radial-gradient(ellipse at 0% 50%, color-mix(in srgb, var(--home-blue) 8%, transparent), transparent 34%), linear-gradient(115deg, var(--home-soft), var(--home-card) 55%);
    box-shadow: 0 12px 32px color-mix(in srgb, var(--home-blue) 7%, transparent);
  }
  .home-pricing > div {
    position: relative;
    padding-inline-start: 3.25rem;
  }
  .home-pricing > div::before {
    content: "$";
    position: absolute;
    inset-block-start: .18rem;
    inset-inline-start: 0;
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--home-blue) 28%, var(--home-line));
    border-radius: .78rem;
    background: color-mix(in srgb, var(--home-blue) 11%, var(--home-card));
    color: var(--home-blue);
    font-size: 1.1rem;
    font-weight: 750;
  }
  .home-pricing .home-button-outline {
    border-color: color-mix(in srgb, var(--home-blue) 32%, var(--home-line));
    background: color-mix(in srgb, var(--home-blue) 7%, var(--home-card));
    color: var(--home-blue) !important;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--home-blue) 8%, transparent);
  }
}

/* Public Product page */
body:has(.product-v1) .marketing-nav a.is-active {
  position: relative;
  color: var(--marketing-text);
  font-weight: 700;
}
body:has(.product-v1) .marketing-nav a.is-active::after {
  position: absolute;
  inset-inline: .15rem;
  inset-block-end: -.55rem;
  height: 2px;
  border-radius: 2px;
  background: var(--marketing-accent);
  content: "";
}
.marketing-main:has(.product-v1) {
  width: 100%;
  max-width: none;
  padding: 0;
}
.product-v1 {
  --product-surface: #fff;
  --product-surface-raised: #fff;
  --product-surface-soft: #f1f5fb;
  --product-border: #dce4ef;
  --product-ink: #17243b;
  --product-muted: #62718a;
  --product-blue: #3478f6;
  --product-cyan: #21a9b9;
  --product-violet: #8172e8;
  --product-orange: #db904c;
  --product-green: #2c9b73;
  --product-red: #b9434d;
  --product-shadow: 0 20px 55px rgba(26, 47, 83, .08);
  color: var(--product-ink);
  background: var(--marketing-bg);
  overflow: clip;
}
:root[data-theme="dark"] .product-v1 {
  --product-surface: #171f2e;
  --product-surface-raised: #1c2739;
  --product-surface-soft: #202d40;
  --product-border: #344158;
  --product-ink: #f0f4fb;
  --product-muted: #a8b5c9;
  --product-blue: #79a9ff;
  --product-cyan: #62ccd3;
  --product-violet: #a89cff;
  --product-orange: #f1ad72;
  --product-green: #66d1a4;
  --product-red: #ff8088;
  --product-shadow: 0 22px 58px rgba(0, 0, 0, .22);
}
.product-v1,
.product-v1 * {
  min-width: 0;
}
.product-v1 svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.product-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-block-end: 1px solid color-mix(in srgb, var(--product-border) 75%, transparent);
  background:
    radial-gradient(ellipse at 82% 24%, color-mix(in srgb, var(--product-blue) 13%, transparent), transparent 38%),
    radial-gradient(ellipse at 9% 93%, color-mix(in srgb, var(--product-cyan) 9%, transparent), transparent 32%),
    var(--marketing-bg);
}
.product-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(color-mix(in srgb, var(--product-border) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--product-border) 22%, transparent) 1px, transparent 1px);
  background-size: 52px 52px;
  opacity: .42;
  mask-image: linear-gradient(90deg, transparent, #000 15%, #000 88%, transparent);
  content: "";
}
.product-hero-inner {
  width: var(--marketing-container);
  min-height: clamp(550px, 45vw, 690px);
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4.8rem);
  margin-inline: auto;
  padding-block: clamp(3.2rem, 6vw, 5.8rem);
}
.product-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 42rem;
}
.product-eyebrow {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .9rem;
  color: var(--product-blue);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.35;
  text-transform: uppercase;
}
.product-eyebrow > span {
  width: .48rem;
  height: .48rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--product-cyan);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--product-cyan) 12%, transparent), 0 0 16px color-mix(in srgb, var(--product-cyan) 48%, transparent);
}
.product-hero h1 {
  max-width: 13ch;
  margin: 0;
  color: var(--product-ink);
  font-size: clamp(2.8rem, 5vw, 5.35rem);
  font-weight: 760;
  letter-spacing: -.065em;
  line-height: .99;
}
.product-hero h1 span {
  color: var(--product-blue);
}
.product-hero-lead {
  max-width: 37rem;
  margin: 1.35rem 0 0;
  color: var(--product-muted);
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.7;
}
.product-hero-actions,
.product-final-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
  margin-block-start: 1.8rem;
}
.product-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: .7rem 1.05rem;
  border: 1px solid transparent;
  border-radius: .75rem;
  font-size: .95rem;
  font-weight: 720;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.product-button-primary {
  color: #fff;
  background: #286ce0;
  box-shadow: 0 9px 23px rgba(40, 108, 224, .23);
}
:root[data-theme="dark"] .product-button-primary {
  color: #0e1726;
  background: #8bb6ff;
}
.product-button-secondary {
  border-color: var(--product-border);
  color: var(--product-ink);
  background: color-mix(in srgb, var(--product-surface) 72%, transparent);
}
.product-button span {
  font-size: 1.12em;
  line-height: 1;
}
.product-map {
  position: relative;
  width: 100%;
  min-height: 420px;
  aspect-ratio: 600 / 420;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--product-blue) 16%, var(--product-border));
  border-radius: 1.65rem;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--product-blue) 8%, var(--product-surface)) 0%, color-mix(in srgb, var(--product-surface) 94%, transparent) 57%, color-mix(in srgb, var(--product-surface-soft) 86%, transparent) 100%);
  box-shadow: var(--product-shadow), inset 0 1px 0 color-mix(in srgb, #fff 62%, transparent);
}
.product-map::before,
.product-map::after {
  position: absolute;
  inset: 50%;
  width: 17rem;
  height: 17rem;
  border: 1px solid color-mix(in srgb, var(--product-blue) 10%, transparent);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.product-map::after {
  width: 24rem;
  height: 24rem;
  border-color: color-mix(in srgb, var(--product-cyan) 9%, transparent);
}
.product-map-connectors {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  color: color-mix(in srgb, var(--product-blue) 37%, var(--product-border));
}
.product-map-connectors path {
  stroke-dasharray: 4 7;
  animation: product-map-flow 30s linear infinite;
}
.product-map-connectors circle {
  fill: var(--product-blue);
  stroke: none;
  opacity: .82;
}
.product-map-center {
  position: absolute;
  z-index: 1;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  width: 144px;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .33rem;
  border: 1px solid color-mix(in srgb, var(--product-blue) 28%, var(--product-border));
  border-radius: 1.25rem;
  background: color-mix(in srgb, var(--product-surface-raised) 92%, transparent);
  box-shadow: 0 0 0 9px color-mix(in srgb, var(--product-blue) 5%, transparent), 0 16px 35px color-mix(in srgb, var(--product-blue) 14%, transparent);
  transform: translate(-50%, -50%);
  text-align: center;
}
.product-map-center-mark {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: .65rem;
  color: #fff;
  background: linear-gradient(145deg, #3c83f6, #6f72e9);
  font-size: 1.05rem;
  font-weight: 850;
}
.product-map-center strong {
  color: var(--product-ink);
  font-size: .76rem;
  letter-spacing: .09em;
}
.product-map-center small {
  color: var(--product-muted);
  font-size: .58rem;
  font-weight: 750;
  letter-spacing: .06em;
}
.product-map-node {
  position: absolute;
  z-index: 2;
  width: min(11rem, 32%);
  min-height: 3.55rem;
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .55rem .65rem;
  border: 1px solid var(--product-border);
  border-radius: .9rem;
  color: var(--product-ink);
  background: color-mix(in srgb, var(--product-surface-raised) 95%, transparent);
  box-shadow: 0 9px 23px rgba(15, 34, 69, .07);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.product-map-node > span:last-child {
  display: grid;
  gap: .12rem;
}
.product-map-node strong {
  font-size: .76rem;
  line-height: 1.25;
}
.product-map-node small {
  color: var(--product-muted);
  font-size: .62rem;
  line-height: 1.3;
}
.product-map-node-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  display: grid;
  place-items: center;
  border-radius: .63rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
}
.product-map-node-icon svg {
  width: 1.05rem;
  height: 1.05rem;
}
.product-map-node--candidates { inset-block-start: 5%; inset-inline-start: 5%; }
.product-map-node--jobs { inset-block-start: 5%; inset-inline-end: 5%; }
.product-map-node--clients { inset-block-start: 42%; inset-inline-start: 0; }
.product-map-node--applications { inset-block-start: 42%; inset-inline-end: 0; }
.product-map-node--pipeline { inset-block-end: 8%; inset-inline-start: 5%; }
.product-map-node--ai { inset-block-end: 8%; inset-inline-end: 5%; }
.product-map-node--team { inset-block-end: 12%; inset-inline-start: 50%; transform: translateX(-50%); }
.product-map-signals {
  position: absolute;
  inset-inline: 1rem;
  inset-block-end: 1rem;
  display: flex;
  justify-content: center;
  gap: .42rem;
}
.product-map-signals span {
  padding: .28rem .52rem;
  border: 1px solid color-mix(in srgb, var(--product-border) 70%, transparent);
  border-radius: 999px;
  color: var(--product-muted);
  background: color-mix(in srgb, var(--product-surface) 72%, transparent);
  font-size: .56rem;
  font-weight: 650;
}
.product-section-nav {
  position: relative;
  z-index: 1;
  border-block-end: 1px solid var(--product-border);
  background: color-mix(in srgb, var(--product-surface) 86%, transparent);
}
.product-section-nav-inner {
  width: var(--marketing-container);
  display: flex;
  gap: .55rem;
  margin-inline: auto;
  padding-block: .85rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.product-section-nav a {
  flex: 0 0 auto;
  padding: .48rem .78rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--product-muted);
  font-size: .78rem;
  font-weight: 680;
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
.product-section-nav a:hover {
  border-color: var(--product-border);
  color: var(--product-ink);
  background: var(--product-surface-soft);
}
.product-content {
  width: min(calc(100% - clamp(2rem, 6vw, 7rem)), 1400px);
  margin-inline: auto;
}
.product-section {
  position: relative;
  padding-block: clamp(3.25rem, 5.2vw, 5.25rem);
  scroll-margin-top: 6.5rem;
}
.product-section.product-review-section {
  padding-block-end: clamp(2.5rem, 3.5vw, 3.75rem);
}
.product-section + .product-section {
  border-block-start: 1px solid color-mix(in srgb, var(--product-border) 70%, transparent);
}
.product-section-heading {
  max-width: 52rem;
  margin: 0 auto clamp(2rem, 3.5vw, 3rem);
  text-align: center;
}
.product-section-heading h2,
.product-team-intro h2,
.product-final h2 {
  margin: 0;
  color: var(--product-ink);
  font-size: clamp(2rem, 3.4vw, 3.3rem);
  font-weight: 740;
  letter-spacing: -.05em;
  line-height: 1.08;
}
.product-section-heading > p:last-child,
.product-team-intro > p:not(.product-eyebrow) {
  max-width: 44rem;
  margin: .9rem auto 0;
  color: var(--product-muted);
  font-size: 1rem;
  line-height: 1.75;
}
.product-section-heading-start {
  margin-inline: 0;
  text-align: start;
}
.product-section-heading-start > p:last-child {
  margin-inline: 0;
}
.product-workspace-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(15rem, .75fr);
  align-items: stretch;
  gap: 1rem;
}
.product-workspace-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(8.5rem, .58fr) auto minmax(0, 1fr);
  align-items: center;
  gap: .7rem;
  padding: clamp(1rem, 2.2vw, 1.6rem);
  border: 1px solid var(--product-border);
  border-radius: 1.3rem;
  background: radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--product-blue) 8%, transparent), transparent 54%), var(--product-surface);
  box-shadow: var(--product-shadow);
}
.product-entity-card {
  min-height: 12.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .7rem;
  padding: 1rem;
  border: 1px solid var(--product-border);
  border-radius: 1rem;
  background: var(--product-surface-raised);
  box-shadow: 0 8px 22px rgba(18, 40, 76, .05);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.product-ui-kicker {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--product-muted);
  font-size: .59rem;
  font-weight: 780;
  letter-spacing: .1em;
  line-height: 1.35;
}
.product-status-dot,
.product-public-status i {
  width: .45rem;
  height: .45rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--product-green);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--product-green) 13%, transparent);
}
.product-profile-heading {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.product-profile-avatar,
.product-mini-avatar {
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-blue) 18%, var(--product-border));
  border-radius: .8rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface));
}
.product-profile-heading h3,
.product-entity-card > strong {
  margin: 0;
  color: var(--product-ink);
  font-size: .95rem;
  font-weight: 740;
  line-height: 1.3;
}
.product-profile-heading p,
.product-entity-card > small {
  margin: .18rem 0 0;
  color: var(--product-muted);
  font-size: .74rem;
  line-height: 1.4;
}
.product-skill-row {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.product-skill-row span {
  padding: .24rem .48rem;
  border-radius: 999px;
  color: color-mix(in srgb, var(--product-blue) 78%, var(--product-ink));
  background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface));
  font-size: .64rem;
  font-weight: 700;
}
.product-profile-signal {
  margin: 0;
  color: var(--product-muted);
  font-size: .72rem;
  line-height: 1.45;
}
.product-activity-line {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-block-start: auto;
  padding-block-start: .65rem;
  border-block-start: 1px solid var(--product-border);
}
.product-activity-mark {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--product-green);
  background: color-mix(in srgb, var(--product-green) 12%, var(--product-surface));
  font-size: .8rem;
  font-weight: 800;
}
.product-activity-line > span:last-child {
  display: grid;
  gap: .08rem;
}
.product-activity-line small,
.product-application-card > small {
  color: var(--product-muted);
  font-size: .57rem;
  font-weight: 750;
  letter-spacing: .06em;
}
.product-activity-line strong,
.product-application-card > strong {
  color: var(--product-ink);
  font-size: .7rem;
  line-height: 1.35;
}
.product-entity-link {
  display: grid;
  place-items: center;
  color: var(--product-blue);
}
.product-entity-link svg {
  width: 1.3rem;
  height: 1.3rem;
}
.product-entity-icon {
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-cyan) 25%, var(--product-border));
  border-radius: .75rem;
  color: var(--product-cyan);
  background: color-mix(in srgb, var(--product-cyan) 10%, var(--product-surface));
}
.product-icon-orange { color: var(--product-orange) !important; }
.product-icon-violet { color: var(--product-violet) !important; }
.product-job-card .product-ui-kicker {
  width: 100%;
  justify-content: space-between;
}
.product-optional-client {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: .2rem .4rem;
  margin-block-start: auto;
  padding-block-start: .6rem;
  border-block-start: 1px solid var(--product-border);
}
.product-optional-client span,
.product-optional-client b {
  color: var(--product-muted);
  font-size: .56rem;
  font-weight: 760;
  letter-spacing: .06em;
}
.product-optional-client b {
  padding: .16rem .32rem;
  border-radius: 999px;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
}
.product-optional-client strong {
  grid-column: 1 / -1;
  color: var(--product-ink);
  font-size: .7rem;
}
.product-workspace-notes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(1.15rem, 2vw, 1.6rem);
  border: 1px solid color-mix(in srgb, var(--product-cyan) 25%, var(--product-border));
  border-radius: 1.2rem;
  background: linear-gradient(145deg, color-mix(in srgb, var(--product-cyan) 8%, var(--product-surface)), var(--product-surface));
}
.product-note-icon,
.product-operation-copy-icon,
.product-source-panel-icon {
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-cyan) 23%, var(--product-border));
  border-radius: .78rem;
  color: var(--product-cyan);
  background: color-mix(in srgb, var(--product-cyan) 9%, var(--product-surface));
}
.product-workspace-notes h3,
.product-operation-copy h3 {
  margin: .9rem 0 .35rem;
  color: var(--product-ink);
  font-size: 1.05rem;
  line-height: 1.35;
}
.product-workspace-notes p,
.product-operation-copy p {
  margin: 0;
  color: var(--product-muted);
  font-size: .82rem;
  line-height: 1.6;
}
.product-workspace-notes .product-soft-note {
  margin-block-start: .75rem;
  padding-block-start: .75rem;
  border-block-start: 1px solid var(--product-border);
}
.product-workflow-compare {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: stretch;
  gap: 1rem;
}
.product-mode-panel,
.product-matching-card,
.product-review-panel,
.product-translation-panel,
.product-operations-dashboard,
.product-billing-panel,
.product-agenda-panel,
.product-source-panel,
.product-audience-card {
  border: 1px solid var(--product-border);
  border-radius: 1.25rem;
  background: var(--product-surface);
  box-shadow: var(--product-shadow);
}
.product-mode-panel {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}
.product-mode-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.product-mode-heading > div > span,
.product-match-card-heading small,
.product-review-panel-head small,
.product-agenda-header small {
  color: var(--product-muted);
  font-size: .58rem;
  font-weight: 780;
  letter-spacing: .1em;
}
.product-mode-heading h3 {
  margin: .22rem 0 0;
  color: var(--product-ink);
  font-size: 1.03rem;
  font-weight: 760;
}
.product-mode-icon {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-blue) 22%, var(--product-border));
  border-radius: .75rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface));
}
.product-mode-copy {
  margin: .55rem 0 1.1rem;
  color: var(--product-muted);
  font-size: .82rem;
  line-height: 1.6;
}
.product-kanban {
  display: grid;
  grid-template-columns: repeat(5, minmax(7.8rem, 1fr));
  gap: .55rem;
  overflow-x: auto;
  padding: .15rem .15rem .6rem;
  scrollbar-width: thin;
}
.product-kanban-lane {
  min-height: 10rem;
  padding: .58rem;
  border: 1px solid color-mix(in srgb, var(--product-border) 82%, transparent);
  border-radius: .8rem;
  background: var(--product-surface-soft);
}
.product-kanban-lane h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .25rem;
  margin: 0 0 .65rem;
  color: var(--product-muted);
  font-size: .62rem;
  line-height: 1.3;
}
.product-kanban-lane h4 i {
  width: .35rem;
  height: .35rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--product-blue);
}
.product-kanban-lane:nth-child(4) h4 i { background: var(--product-violet); }
.product-kanban-lane:nth-child(5) h4 i { background: var(--product-green); }
.product-kanban-card {
  display: grid;
  justify-items: start;
  gap: .45rem;
  padding: .62rem;
  border: 1px solid var(--product-border);
  border-radius: .72rem;
  background: var(--product-surface);
  box-shadow: 0 5px 12px rgba(18, 40, 76, .04);
}
.product-mini-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: .5rem;
}
.product-kanban-card strong {
  color: var(--product-ink);
  font-size: .65rem;
  line-height: 1.32;
}
.product-kanban-card small {
  color: var(--product-muted);
  font-size: .56rem;
  line-height: 1.3;
}
.product-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--product-border);
  border-radius: .8rem;
}
.product-table {
  width: 100%;
  min-width: 380px;
  border-collapse: collapse;
  text-align: start;
}
.product-table th,
.product-table td {
  padding: .75rem .65rem;
  border-block-end: 1px solid var(--product-border);
  color: var(--product-muted);
  font-size: .69rem;
  text-align: start;
  white-space: nowrap;
}
.product-table th {
  color: var(--product-muted);
  background: var(--product-surface-soft);
  font-size: .59rem;
  font-weight: 780;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.product-table tbody tr:last-child td { border-block-end: 0; }
.product-table td:first-child {
  color: var(--product-ink);
  font-weight: 680;
}
.product-table-person {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-inline-end: .36rem;
  border-radius: .42rem;
  vertical-align: middle;
  background: color-mix(in srgb, var(--product-blue) 14%, var(--product-surface));
}
.product-table-status {
  display: inline-block;
  padding: .22rem .45rem;
  border-radius: 999px;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
  font-size: .62rem;
  font-weight: 700;
}
.product-matching-directions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.product-matching-card {
  padding: clamp(1rem, 2.2vw, 1.55rem);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.product-match-candidate { background: linear-gradient(150deg, color-mix(in srgb, var(--product-violet) 6%, var(--product-surface)), var(--product-surface) 48%); }
.product-match-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  padding-block-end: .85rem;
  border-block-end: 1px solid var(--product-border);
}
.product-direction-label {
  color: var(--product-blue);
  font-size: .67rem;
  font-weight: 820;
  letter-spacing: .07em;
}
.product-match-candidate .product-direction-label { color: var(--product-violet); }
.product-match-card-heading small { font-size: .53rem; text-align: end; }
.product-match-source {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-block: .9rem 1rem;
  padding: .75rem;
  border: 1px solid var(--product-border);
  border-radius: .82rem;
  background: var(--product-surface-soft);
}
.product-match-source-icon {
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: .72rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
}
.product-match-source > span:nth-child(2) {
  display: grid;
  gap: .13rem;
}
.product-match-source small {
  color: var(--product-muted);
  font-size: .55rem;
  font-weight: 760;
  letter-spacing: .05em;
}
.product-match-source strong {
  color: var(--product-ink);
  font-size: .82rem;
}
.product-direction-arrow {
  margin-inline-start: auto;
  color: var(--product-blue);
}
.product-v1[dir="rtl"] .product-direction-arrow svg,
.product-v1[dir="rtl"] .product-translation-arrow svg { transform: scaleX(-1); }
.product-match-results > p {
  margin: 0 0 .55rem;
  color: var(--product-muted);
  font-size: .67rem;
  font-weight: 700;
}
.product-match-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .48rem;
  padding-block: .5rem;
  border-block-start: 1px solid color-mix(in srgb, var(--product-border) 72%, transparent);
}
.product-match-result > strong {
  color: var(--product-ink);
  font-size: .72rem;
  line-height: 1.35;
}
.product-match-result .product-mini-avatar { width: 1.55rem; height: 1.55rem; }
.product-match-score {
  color: var(--product-blue);
  font-size: .73rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.product-match-meter {
  grid-column: 2 / -1;
  height: .24rem;
  overflow: hidden;
  border-radius: 999px;
  background: var(--product-surface-soft);
}
.product-match-meter i {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--product-blue), var(--product-cyan));
}
.product-match-candidate .product-match-meter i { background: linear-gradient(90deg, var(--product-violet), #b087ec); }
.product-human-note {
  max-width: 62rem;
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin: 1.3rem auto 0;
  padding: .9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--product-cyan) 23%, var(--product-border));
  border-radius: .85rem;
  color: var(--product-muted);
  background: color-mix(in srgb, var(--product-cyan) 5%, var(--product-surface));
  font-size: .79rem;
  line-height: 1.6;
}
.product-human-note > span {
  flex: 0 0 auto;
  color: var(--product-cyan);
}
.product-human-note svg { width: 1.15rem; height: 1.15rem; }
.product-review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 1rem;
}
.product-review-panel,
.product-translation-panel { padding: clamp(1.1rem, 2.4vw, 1.65rem); }
.product-review-panel-head {
  display: flex;
  align-items: center;
  gap: .72rem;
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--product-border);
}
.product-ai-mark,
.product-agenda-icon {
  width: 2.45rem;
  height: 2.45rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: .78rem;
  color: var(--product-violet);
  background: color-mix(in srgb, var(--product-violet) 12%, var(--product-surface));
}
.product-review-panel-head > span:nth-child(2),
.product-agenda-header > span:last-child {
  display: grid;
  gap: .15rem;
}
.product-review-panel-head strong,
.product-agenda-header strong {
  color: var(--product-ink);
  font-size: .83rem;
}
.product-review-panel-head > b {
  margin-inline-start: auto;
  padding: .27rem .45rem;
  border: 1px solid color-mix(in srgb, var(--product-violet) 25%, var(--product-border));
  border-radius: .5rem;
  color: var(--product-violet);
  background: color-mix(in srgb, var(--product-violet) 8%, var(--product-surface));
  font-size: .64rem;
}
.product-review-conceptual-note {
  color: var(--product-muted);
  font-size: .57rem;
  font-style: normal;
  line-height: 1.35;
}
.product-review-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
  margin-block: .9rem;
}
.product-review-pair > div {
  min-width: 0;
  display: grid;
  gap: .24rem;
  padding: .62rem .7rem;
  border: 1px solid var(--product-border);
  border-radius: .72rem;
  background: var(--product-surface-soft);
}
.product-review-pair > div > small,
.product-review-insights small,
.product-review-recommendation small {
  color: var(--product-muted);
  font-size: .54rem;
  font-weight: 780;
  letter-spacing: .065em;
}
.product-review-pair strong {
  color: var(--product-ink);
  font-size: .71rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.product-review-pair > span {
  color: var(--product-blue);
  font-size: 1.15rem;
  font-weight: 700;
}
.product-review-opinion {
  padding: .85rem;
  border: 1px solid color-mix(in srgb, var(--product-violet) 20%, var(--product-border));
  border-radius: .8rem;
  background: color-mix(in srgb, var(--product-violet) 6%, var(--product-surface));
}
.product-review-opinion small {
  color: var(--product-violet);
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.product-review-opinion p {
  margin: .38rem 0 0;
  color: var(--product-ink);
  font-size: .75rem;
  line-height: 1.6;
}
.product-review-insights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-block-start: .6rem;
}
.product-review-insights > div {
  display: grid;
  align-content: start;
  gap: .3rem;
  padding: .65rem .7rem;
  border: 1px solid var(--product-border);
  border-radius: .72rem;
  background: var(--product-surface);
}
.product-review-insights strong {
  color: var(--product-ink);
  font-size: .69rem;
  font-weight: 680;
  line-height: 1.45;
}
.product-review-recommendation {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-block-start: .6rem;
  padding: .65rem .75rem;
  border: 1px solid color-mix(in srgb, var(--product-violet) 22%, var(--product-border));
  border-radius: .72rem;
  background: color-mix(in srgb, var(--product-violet) 6%, var(--product-surface));
}
.product-review-recommendation > span {
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: .52rem;
  color: var(--product-violet);
  background: color-mix(in srgb, var(--product-violet) 12%, var(--product-surface));
}
.product-review-recommendation > div {
  display: grid;
  gap: .18rem;
}
.product-review-recommendation strong {
  color: var(--product-ink);
  font-size: .7rem;
  line-height: 1.4;
}
.product-human-note-compact {
  margin-block-start: .75rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: .7rem;
}
.product-translation-heading {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
}
.product-translation-icon {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: .78rem;
  color: var(--product-cyan);
  background: color-mix(in srgb, var(--product-cyan) 11%, var(--product-surface));
}
.product-translation-heading h3 {
  margin: 0;
  color: var(--product-ink);
  font-size: 1rem;
}
.product-translation-heading p {
  margin: .35rem 0 0;
  color: var(--product-muted);
  font-size: .75rem;
  line-height: 1.55;
}
.product-translation-documents {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
  margin-block-start: 1.1rem;
}
.product-translation-document {
  min-height: 9.7rem;
  padding: .75rem;
  border: 1px solid var(--product-border);
  border-radius: .82rem;
  background: var(--product-surface-soft);
}
.product-translation-document--source { background: color-mix(in srgb, var(--product-orange) 6%, var(--product-surface-soft)); }
.product-translation-document > small {
  display: block;
  color: var(--product-muted);
  font-size: .54rem;
  font-weight: 780;
  letter-spacing: .07em;
}
.product-translation-document > span {
  display: inline-block;
  margin-block-start: .4rem;
  padding: .18rem .38rem;
  border-radius: 999px;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface));
  font-size: .59rem;
  font-weight: 700;
}
.product-translation-document p {
  margin: .55rem 0 0;
  color: var(--product-ink);
  font-size: .73rem;
  line-height: 1.55;
}
.product-translation-arrow { color: var(--product-cyan); }
.product-language-note {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin: .75rem 0 0;
  color: var(--product-muted);
  font-size: .68rem;
}
.product-language-note > span { color: var(--product-green); font-weight: 800; }
.product-public-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(1rem, 3vw, 2.5rem);
}
.product-public-flow-wrap {
  padding: clamp(1rem, 2.5vw, 1.6rem);
  border: 1px solid var(--product-border);
  border-radius: 1.2rem;
  background: var(--product-surface);
  box-shadow: var(--product-shadow);
}
.product-public-flow-wrap > .product-ui-kicker { margin-block-end: 1rem; }
.product-public-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: product-flow;
}
.product-public-flow li {
  position: relative;
  display: grid;
  gap: .28rem;
  padding: .85rem;
  padding-inline-start: 2.55rem;
  border: 1px solid var(--product-border);
  border-radius: .78rem;
  background: var(--product-surface-soft);
  counter-increment: product-flow;
}
.product-public-flow li::before {
  position: absolute;
  inset-inline-start: .78rem;
  inset-block-start: .82rem;
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
  border-radius: .42rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 11%, var(--product-surface));
  content: counter(product-flow, decimal-leading-zero);
  font-size: .57rem;
  font-weight: 800;
}
.product-public-flow li small,
.product-public-application small {
  color: var(--product-muted);
  font-size: .55rem;
  font-weight: 770;
  letter-spacing: .05em;
}
.product-public-flow li strong {
  color: var(--product-ink);
  font-size: .77rem;
  line-height: 1.4;
}
.product-public-ad {
  padding: clamp(1rem, 2.2vw, 1.55rem);
  border: 1px solid color-mix(in srgb, var(--product-blue) 22%, var(--product-border));
  border-radius: 1.3rem;
  background: linear-gradient(155deg, color-mix(in srgb, var(--product-blue) 8%, var(--product-surface)), var(--product-surface) 56%);
  box-shadow: var(--product-shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}
.product-public-ad-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 1.15rem;
}
.product-public-ad-mark {
  width: 2.8rem;
  height: 2.8rem;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-blue) 22%, var(--product-border));
  border-radius: .85rem;
  color: var(--product-blue);
  background: var(--product-surface);
}
.product-public-ad-mark svg { width: 1.45rem; height: 1.45rem; }
.product-public-status {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  padding: .32rem .55rem;
  border: 1px solid color-mix(in srgb, var(--product-green) 20%, var(--product-border));
  border-radius: 999px;
  color: var(--product-green);
  background: color-mix(in srgb, var(--product-green) 7%, var(--product-surface));
  font-size: .65rem;
  font-weight: 730;
}
.product-public-status i { width: .38rem; height: .38rem; }
.product-public-ad h3 {
  margin: .45rem 0 .18rem;
  color: var(--product-ink);
  font-size: 1.3rem;
  line-height: 1.25;
}
.product-public-ad > p {
  margin: 0;
  color: var(--product-muted);
  font-size: .78rem;
}
.product-public-preview {
  display: inline-flex;
  margin-block-start: 1rem;
  padding: .3rem .52rem;
  border: 1px solid var(--product-border);
  border-radius: .48rem;
  color: var(--product-muted);
  background: var(--product-surface);
  font-size: .62rem;
  font-weight: 680;
}
.product-public-application {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .6rem;
  margin-block-start: 1.2rem;
  padding: .75rem;
  border: 1px solid var(--product-border);
  border-radius: .8rem;
  background: var(--product-surface);
}
.product-public-application > span:nth-child(2) {
  display: grid;
  gap: .17rem;
}
.product-public-application strong {
  color: var(--product-ink);
  font-size: .68rem;
  line-height: 1.35;
}
.product-public-application > b {
  display: grid;
  gap: .18rem;
  color: var(--product-blue);
  font-size: .68rem;
  text-align: end;
}
.product-public-application > b small { font-size: .5rem; }
.product-operations-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, .88fr);
  align-items: stretch;
  gap: 1rem;
}
.product-operations-dashboard,
.product-billing-panel {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.35rem);
  border-color: color-mix(in srgb, var(--product-cyan) 20%, var(--product-border));
  background:
    radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--product-cyan) 8%, transparent), transparent 50%),
    var(--product-surface);
}
.product-dashboard-header,
.product-billing-heading {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-width: 0;
}
.product-dashboard-header { flex-wrap: wrap; }
.product-dashboard-icon,
.product-billing-icon {
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--product-cyan) 28%, var(--product-border));
  border-radius: .75rem;
  color: var(--product-cyan);
  background: color-mix(in srgb, var(--product-cyan) 10%, var(--product-surface));
}
.product-dashboard-icon svg,
.product-billing-icon svg {
  width: 1.15rem;
  height: 1.15rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.product-dashboard-title,
.product-billing-heading > span:last-child {
  display: grid;
  gap: .15rem;
  min-width: 0;
}
.product-dashboard-title { flex: 1 1 8rem; }
.product-dashboard-title small,
.product-billing-heading small {
  color: var(--product-muted);
  font-size: .56rem;
  font-weight: 780;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.product-dashboard-title strong,
.product-billing-heading strong {
  color: var(--product-ink);
  font-size: .92rem;
  line-height: 1.3;
}
.product-demo-badge {
  max-width: 10.5rem;
  margin-inline-start: auto;
  padding: .28rem .48rem;
  border: 1px solid color-mix(in srgb, var(--product-blue) 22%, var(--product-border));
  border-radius: 999px;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 8%, var(--product-surface));
  font-size: .52rem;
  font-weight: 780;
  line-height: 1.35;
  text-align: center;
}
.product-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 1rem 0 0;
}
.product-dashboard-stats > div {
  min-width: 0;
  display: grid;
  gap: .4rem;
  padding: .68rem .78rem;
  border: 1px solid var(--product-border);
  border-radius: .78rem;
  background: color-mix(in srgb, var(--product-surface-soft) 78%, transparent);
}
.product-dashboard-stats > div:nth-child(1) { border-inline-start: 2px solid var(--product-cyan); }
.product-dashboard-stats > div:nth-child(2) { border-inline-start: 2px solid var(--product-blue); }
.product-dashboard-stats > div:nth-child(3) { border-inline-start: 2px solid var(--product-violet); }
.product-dashboard-stats > div:nth-child(4) { border-inline-start: 2px solid var(--product-green); }
.product-dashboard-stats dt,
.product-billing-metrics dt {
  color: var(--product-muted);
  font-size: .64rem;
  font-weight: 680;
  line-height: 1.35;
}
.product-dashboard-stats dd {
  margin: 0;
  color: var(--product-ink);
  font-size: 1.25rem;
  font-weight: 790;
  line-height: 1;
}
.product-dashboard-attention {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
  margin-block-start: .55rem;
}
.product-dashboard-attention > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  min-width: 0;
  padding: .52rem .68rem;
  border: 1px solid color-mix(in srgb, var(--product-orange) 18%, var(--product-border));
  border-radius: .7rem;
  color: var(--product-muted);
  background: color-mix(in srgb, var(--product-orange) 5%, var(--product-surface));
  font-size: .59rem;
  line-height: 1.35;
}
.product-dashboard-attention bdi {
  flex: 0 0 auto;
  color: var(--product-orange);
  font-weight: 800;
}
.product-dashboard-nextstep {
  display: flex;
  align-items: center;
  gap: .72rem;
  margin-block-start: .8rem;
  padding: .8rem;
}
.product-dashboard-nextstep .product-operation-copy-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
}
.product-dashboard-nextstep > div { min-width: 0; }
.product-dashboard-nextstep h3 {
  margin: 0 0 .2rem;
  font-size: .77rem;
}
.product-dashboard-nextstep p { font-size: .66rem; line-height: 1.45; }
.product-operations-dashboard > .product-agenda-panel {
  margin-block-start: .8rem;
  padding: .85rem 1rem;
  border-radius: .9rem;
  background: color-mix(in srgb, var(--product-surface-soft) 58%, var(--product-surface));
  box-shadow: none;
}
.product-operations-dashboard .product-agenda-header { padding-block-end: .65rem; }
.product-operations-dashboard .product-agenda-list li { padding-block: .55rem; }
.product-billing-heading { align-items: flex-start; }
.product-billing-icon {
  color: var(--product-blue);
  border-color: color-mix(in srgb, var(--product-blue) 24%, var(--product-border));
  background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface));
}
.product-billing-heading strong { font-size: 1rem; }
.product-billing-copy {
  margin: .72rem 0 .55rem;
  color: var(--product-muted);
  font-size: .72rem;
  line-height: 1.55;
}
.product-billing-demo { display: inline-flex; margin: 0; }
.product-billing-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin: .75rem 0 0;
}
.product-billing-metrics > div {
  min-width: 0;
  display: grid;
  gap: .35rem;
  padding: .62rem .68rem;
  border: 1px solid var(--product-border);
  border-radius: .72rem;
  background: color-mix(in srgb, var(--product-surface-soft) 75%, transparent);
}
.product-billing-metrics > div:nth-child(2) { border-inline-start: 2px solid var(--product-orange); }
.product-billing-metrics > div:nth-child(3) { grid-column: 1 / -1; border-inline-start: 2px solid var(--product-green); }
.product-billing-metrics dd {
  margin: 0;
  color: var(--product-ink);
  font-size: .82rem;
  font-weight: 780;
  line-height: 1.3;
}
.product-billing-metrics > div:nth-child(2) dd { color: var(--product-orange); }
.product-billing-metrics > div:nth-child(3) dd { color: var(--product-green); }
.product-billing-status-block,
.product-billing-clients { margin-block-start: .9rem; }
.product-billing-status-block h4,
.product-billing-clients h4 {
  margin: 0 0 .48rem;
  color: var(--product-ink);
  font-size: .68rem;
  font-weight: 760;
}
.product-billing-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.product-billing-status {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .27rem .42rem;
  border: 1px solid var(--product-border);
  border-radius: 999px;
  color: var(--product-muted);
  background: var(--product-surface-soft);
  font-size: .56rem;
  font-weight: 690;
  line-height: 1.3;
}
.product-billing-status i {
  width: .38rem;
  height: .38rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--product-blue);
}
.product-billing-status-2 i { background: var(--product-cyan); }
.product-billing-status-3 i { background: var(--product-red); }
.product-billing-status-4 i { background: var(--product-green); }
.product-billing-clients ul {
  display: grid;
  gap: .28rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-billing-clients li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  min-width: 0;
  padding: .38rem .5rem;
  border: 1px solid color-mix(in srgb, var(--product-border) 78%, transparent);
  border-radius: .58rem;
  color: var(--product-muted);
  background: color-mix(in srgb, var(--product-surface-soft) 58%, transparent);
  font-size: .62rem;
}
.product-billing-client-state {
  max-width: 60%;
  padding: .18rem .36rem;
  border-radius: 999px;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface));
  font-size: .53rem;
  font-weight: 750;
  line-height: 1.3;
  text-align: end;
}
.product-billing-client-state-2 { color: var(--product-red); background: color-mix(in srgb, var(--product-red) 10%, var(--product-surface)); }
.product-billing-client-state-3 { color: var(--product-green); background: color-mix(in srgb, var(--product-green) 10%, var(--product-surface)); }
.product-billing-agency-note {
  margin: .75rem 0 0;
  padding-block-start: .68rem;
  border-block-start: 1px solid var(--product-border);
  color: var(--product-muted);
  font-size: .61rem;
  line-height: 1.45;
}
.product-operations-dashboard,
.product-billing-panel { transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .product-operations-dashboard:hover,
  .product-billing-panel:hover {
    border-color: color-mix(in srgb, var(--product-cyan) 38%, var(--product-border));
    box-shadow: var(--product-shadow), 0 0 1.5rem color-mix(in srgb, var(--product-cyan) 8%, transparent);
    transform: translateY(-2px);
  }
}
.product-agenda-panel { padding: clamp(1rem, 2vw, 1.45rem); }
.product-agenda-header {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding-block-end: .9rem;
  border-block-end: 1px solid var(--product-border);
}
.product-agenda-icon {
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
}
.product-agenda-list {
  display: grid;
  gap: .15rem;
  margin: 0;
  padding: .3rem 0 0;
  list-style: none;
}
.product-agenda-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .7rem .2rem;
  border-block-end: 1px solid color-mix(in srgb, var(--product-border) 70%, transparent);
}
.product-agenda-list li:last-child { border-block-end: 0; }
.product-agenda-list li > span:nth-child(2) { display: grid; gap: .13rem; }
.product-agenda-task-icon {
  width: 1.9rem;
  height: 1.9rem;
  display: grid;
  place-items: center;
  border-radius: .65rem;
  background: color-mix(in srgb, var(--product-violet) 10%, var(--product-surface));
}
.product-agenda-task-icon i {
  width: .44rem;
  height: .44rem;
  border: 2px solid var(--product-violet);
  border-radius: 50%;
}
.product-agenda-list li:nth-child(2) .product-agenda-task-icon { background: color-mix(in srgb, var(--product-cyan) 10%, var(--product-surface)); }
.product-agenda-list li:nth-child(2) .product-agenda-task-icon i { border-color: var(--product-cyan); }
.product-agenda-list li:nth-child(3) .product-agenda-task-icon { background: color-mix(in srgb, var(--product-orange) 11%, var(--product-surface)); }
.product-agenda-list li:nth-child(3) .product-agenda-task-icon i { border-color: var(--product-orange); }
.product-agenda-list small {
  color: var(--product-muted);
  font-size: .53rem;
  font-weight: 780;
  letter-spacing: .07em;
}
.product-agenda-list strong {
  color: var(--product-ink);
  font-size: .76rem;
}
.product-agenda-list em {
  color: var(--product-muted);
  font-size: .65rem;
  font-style: normal;
}
.product-agenda-list li > b { color: var(--product-muted); font-size: 1.2rem; }
.product-operations-aside {
  display: grid;
  align-content: start;
  gap: .9rem;
}
.product-operation-copy {
  padding: 1rem 1.1rem;
  border: 1px solid var(--product-border);
  border-radius: 1.1rem;
  background: var(--product-surface-soft);
}
.product-operation-copy h3 { margin-block-start: .7rem; }
.product-operation-copy p { font-size: .75rem; }
.product-source-panel { padding: 1rem 1.1rem; }
.product-source-panel > div:first-child {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.product-source-panel-icon { width: 2rem; height: 2rem; border-radius: .62rem; }
.product-source-panel > div:first-child strong { color: var(--product-ink); font-size: .84rem; }
.product-source-panel > p,
.product-source-panel > small {
  display: block;
  margin: .6rem 0 0;
  color: var(--product-muted);
  font-size: .69rem;
  line-height: 1.55;
}
.product-source-panel dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  margin: .8rem 0 0;
}
.product-source-panel dl > div {
  padding: .48rem;
  border: 1px solid var(--product-border);
  border-radius: .62rem;
  background: var(--product-surface-soft);
}
.product-source-panel dt {
  color: var(--product-muted);
  font-size: .51rem;
  font-weight: 780;
  line-height: 1.35;
}
.product-source-panel dd {
  margin: .22rem 0 0;
  color: var(--product-ink);
  font-size: .63rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.product-source-panel > small { font-size: .61rem; }
.product-team-section {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 5rem);
}
.product-team-intro h2 { max-width: 12ch; }
.product-team-intro > p:not(.product-eyebrow) { margin-inline: 0; }
.product-team-language {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-block-start: 1.2rem;
  color: var(--product-muted);
  font-size: .72rem;
  line-height: 1.5;
}
.product-team-language > span { display: grid; place-items: center; color: var(--product-cyan); }
.product-team-language svg { width: 1.1rem; height: 1.1rem; }
.product-team-capabilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.product-team-capability {
  min-height: 7.3rem;
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  padding: .9rem;
  border: 1px solid var(--product-border);
  border-radius: .95rem;
  background: var(--product-surface);
  box-shadow: 0 9px 25px rgba(18, 40, 76, .045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.product-team-capability > span {
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: .58rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
  font-size: .62rem;
  font-weight: 800;
}
.product-team-capability h3 {
  margin: .08rem 0 .3rem;
  color: var(--product-ink);
  font-size: .81rem;
  line-height: 1.35;
}
.product-team-capability p {
  margin: 0;
  color: var(--product-muted);
  font-size: .69rem;
  line-height: 1.5;
}
.product-audiences-section .product-section-heading { margin-block-end: 1.7rem; }
.product-audience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.product-audience-card {
  position: relative;
  padding: clamp(1.25rem, 2.4vw, 1.8rem);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.product-audience-card--blue { border-block-start: 3px solid var(--product-blue); }
.product-audience-card--orange { border-block-start: 3px solid var(--product-orange); }
.product-audience-marker {
  width: 2.65rem;
  height: 2.65rem;
  display: grid;
  place-items: center;
  border-radius: .82rem;
  color: var(--product-blue);
  background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface));
}
.product-audience-card--orange .product-audience-marker {
  color: var(--product-orange);
  background: color-mix(in srgb, var(--product-orange) 11%, var(--product-surface));
}
.product-audience-card h3 {
  margin: .9rem 0 .4rem;
  color: var(--product-ink);
  font-size: .83rem;
  font-weight: 790;
  letter-spacing: .06em;
}
.product-audience-card > p {
  min-height: 3.2rem;
  margin: 0;
  color: var(--product-muted);
  font-size: .83rem;
  line-height: 1.6;
}
.product-audience-card ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem .75rem;
  margin: 1rem 0 0;
  padding: .85rem 0 0;
  border-block-start: 1px solid var(--product-border);
  list-style: none;
}
.product-audience-card li {
  display: flex;
  align-items: center;
  gap: .4rem;
  color: var(--product-ink);
  font-size: .71rem;
  line-height: 1.4;
}
.product-audience-card li span { color: var(--product-green); font-size: .83rem; font-weight: 800; }
.product-audience-note {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  margin: .85rem 0 0;
  color: var(--product-muted);
  font-size: .72rem;
  line-height: 1.55;
}
.product-audience-note > span {
  width: 1.2rem;
  height: 1.2rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid var(--product-border);
  border-radius: 50%;
  color: var(--product-blue);
  font-size: .7rem;
  font-weight: 750;
}

.product-faq-section {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: clamp(1.5rem, 6vw, 5rem);
}
.product-faq-section .product-section-heading { margin: 0; }
.product-faq-list { border-block-start: 1px solid var(--product-border); }
.product-faq-list details { padding: 1rem .15rem; border-block-end: 1px solid var(--product-border); }
.product-faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--product-ink);
  cursor: pointer;
  font-size: .95rem;
  font-weight: 700;
  list-style-position: inside;
}
.product-faq-list details[open] summary { color: var(--product-blue); }
.product-faq-list details > p {
  max-width: 850px;
  margin-block-start: .7rem;
  margin-inline-start: 1.5rem;
  color: var(--product-muted);
  font-size: .88rem;
  line-height: 1.75;
}
@media (max-width: 760px) {
  .product-faq-section { grid-template-columns: 1fr; gap: 1rem; }
}
.product-final {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-block: clamp(1.5rem, 4vw, 3rem) clamp(3rem, 6vw, 5rem);
  padding: clamp(2.2rem, 5vw, 4rem) 1.25rem;
  border: 1px solid color-mix(in srgb, var(--product-blue) 30%, var(--product-border));
  border-radius: 1.5rem;
  background: linear-gradient(125deg, color-mix(in srgb, var(--product-blue) 10%, var(--product-surface)), var(--product-surface) 58%, color-mix(in srgb, var(--product-violet) 8%, var(--product-surface)));
  box-shadow: var(--product-shadow);
  text-align: center;
}
.product-final-glow {
  position: absolute;
  z-index: -1;
  inset-block-start: -13rem;
  inset-inline-start: 50%;
  width: 30rem;
  height: 25rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--product-blue) 12%, transparent);
  filter: blur(60px);
  transform: translateX(-50%);
}
.product-final .product-eyebrow { justify-content: center; }
.product-final h2 { max-width: 19ch; margin-inline: auto; }
.product-final > p:not(.product-eyebrow) {
  max-width: 42rem;
  margin: .85rem auto 0;
  color: var(--product-muted);
  font-size: .95rem;
  line-height: 1.7;
}
.product-final-actions { justify-content: center; margin-block-start: 1.3rem; }
@media (hover: hover) and (pointer: fine) {
  .product-button:hover { transform: translateY(-2px); }
  .product-button-primary:hover { background: #1f5fc9; box-shadow: 0 13px 27px rgba(40, 108, 224, .3); }
  :root[data-theme="dark"] .product-button-primary:hover { background: #a0c4ff; }
  .product-button-secondary:hover { border-color: color-mix(in srgb, var(--product-blue) 38%, var(--product-border)); }
  .product-map-node:hover,
  .product-entity-card:hover,
  .product-matching-card:hover,
  .product-public-ad:hover,
  .product-team-capability:hover,
  .product-audience-card:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--product-blue) 35%, var(--product-border));
    box-shadow: 0 17px 35px color-mix(in srgb, var(--product-blue) 11%, transparent);
  }
  .product-map-node--team:hover { transform: translate(-50%, -3px); }
}
@keyframes product-map-flow { to { stroke-dashoffset: -110; } }
@media (max-width: 1100px) {
  .product-hero-inner { grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 1.5rem; }
  .product-map { min-height: 370px; }
  .product-map-node { width: min(10rem, 34%); padding: .48rem; }
  .product-map-node strong { font-size: .7rem; }
  .product-map-node small { font-size: .56rem; }
  .product-map-signals { gap: .25rem; }
  .product-map-signals span { padding-inline: .38rem; font-size: .5rem; }
  .product-workspace-layout { grid-template-columns: 1fr; }
  .product-workspace-board { max-width: 100%; }
  .product-workspace-notes { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: .75rem; }
  .product-workspace-notes h3 { align-self: end; margin: 0; }
  .product-workspace-notes > p { grid-column: 2; }
  .product-workspace-notes .product-note-icon { grid-row: 1 / span 2; }
  .product-workspace-notes .product-soft-note { grid-column: 1 / -1; margin-block-start: .8rem; }
}
@media (max-width: 820px) {
  .product-hero-inner { width: min(100% - 2rem, 680px); grid-template-columns: 1fr; gap: 2rem; padding-block: 3.2rem 2.3rem; }
  .product-hero-copy { max-width: 42rem; }
  .product-hero h1 { max-width: 15ch; font-size: clamp(2.75rem, 8.2vw, 4.6rem); }
  .product-map { width: min(100%, 620px); justify-self: center; min-height: 390px; }
  .product-map-node { width: min(11rem, 31%); }
  .product-section-nav-inner { width: calc(100% - 2rem); }
  .product-content { width: min(100% - 2rem, 680px); }
  .product-workflow-compare,
  .product-review-layout,
  .product-public-layout,
  .product-operations-layout { grid-template-columns: 1fr; }
  .product-team-section { grid-template-columns: 1fr; gap: 1.5rem; }
  .product-team-intro h2 { max-width: 18ch; }
}
@media (max-width: 560px) {
  html:has(.product-v1),
  body:has(.product-v1) { min-width: 0; }
  .marketing-main:has(.product-v1) { overflow: hidden; }
  .product-hero-inner { width: calc(100% - 2rem); padding-block: 2.7rem 1.7rem; }
  .product-eyebrow { font-size: .66rem; }
  .product-hero h1 { font-size: clamp(2.45rem, 11vw, 3.55rem); }
  .product-hero-lead { margin-block-start: 1rem; font-size: .95rem; }
  .product-hero-actions { align-items: stretch; gap: .55rem; margin-block-start: 1.25rem; }
  .product-button { min-height: 45px; padding-inline: .8rem; font-size: .84rem; }
  .product-map {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .48rem;
    padding: .8rem;
    aspect-ratio: auto;
    border-radius: 1.1rem;
  }
  .product-map::before,
  .product-map::after,
  .product-map-connectors,
  .product-map-signals { display: none; }
  .product-map-center {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    width: 100%;
    min-height: 4.3rem;
    flex-direction: row;
    gap: .6rem;
    border-radius: .8rem;
    transform: none;
  }
  .product-map-center-mark { width: 1.7rem; height: 1.7rem; flex: 0 0 auto; }
  .product-map-center small { display: none; }
  .product-map-node {
    position: static;
    width: auto;
    min-height: 3rem;
    gap: .42rem;
    padding: .45rem;
    border-radius: .72rem;
    transform: none;
  }
  .product-map-node--team { grid-column: 1 / -1; justify-self: center; width: calc(50% - .25rem); }
  .product-map-node-icon { width: 1.7rem; height: 1.7rem; flex-basis: 1.7rem; border-radius: .52rem; }
  .product-map-node-icon svg { width: .9rem; height: .9rem; }
  .product-map-node strong { font-size: .66rem; }
  .product-map-node small { font-size: .53rem; }
  .product-section-nav-inner { gap: .25rem; padding-block: .58rem; }
  .product-section-nav a { padding: .4rem .6rem; font-size: .7rem; }
  .product-content { width: calc(100% - 2rem); }
  .product-section { padding-block: 2.7rem; }
  .product-section.product-review-section { padding-block-end: 2.2rem; }
  .product-section-heading { margin-block-end: 1.5rem; text-align: start; }
  .product-section-heading h2,
  .product-team-intro h2,
  .product-final h2 { font-size: clamp(1.8rem, 8vw, 2.45rem); }
  .product-section-heading > p:last-child,
  .product-team-intro > p:not(.product-eyebrow) { margin-inline: 0; font-size: .9rem; }
  .product-workspace-board { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .55rem; padding: .7rem; }
  .product-candidate-card { grid-column: 1; grid-row: 1; }
  .product-job-card { grid-column: 2; grid-row: 1; }
  .product-application-card { grid-column: 1 / -1; grid-row: 2; min-height: auto; align-items: center; flex-direction: row; }
  .product-entity-link { display: none; }
  .product-entity-card { min-height: 12rem; padding: .7rem; gap: .55rem; }
  .product-profile-heading { align-items: flex-start; gap: .45rem; }
  .product-profile-avatar { width: 1.9rem; height: 1.9rem; }
  .product-profile-heading h3,.product-entity-card > strong { font-size: .78rem; }
  .product-profile-heading p,.product-entity-card > small { font-size: .65rem; }
  .product-skill-row { gap: .25rem; }
  .product-skill-row span { padding: .2rem .32rem; font-size: .57rem; }
  .product-profile-signal { font-size: .63rem; }
  .product-activity-line { gap: .35rem; }
  .product-activity-line strong { font-size: .61rem; }
  .product-optional-client { gap: .18rem; }
  .product-optional-client span,.product-optional-client b { font-size: .49rem; }
  .product-workspace-notes { display: flex; }
  .product-workspace-notes h3 { margin-block-start: .8rem; }
  .product-workspace-notes > p { font-size: .78rem; }
  .product-mode-panel,.product-matching-card,.product-review-panel,.product-translation-panel,.product-agenda-panel { padding: .9rem; border-radius: 1rem; }
  .product-kanban { grid-template-columns: repeat(5, minmax(7.2rem, 1fr)); }
  .product-table th,.product-table td { padding: .65rem .5rem; }
  .product-matching-directions { grid-template-columns: 1fr; }
  .product-review-insights { grid-template-columns: 1fr; }
  .product-match-card-heading { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .product-match-card-heading small { text-align: start; }
  .product-human-note { margin-block-start: .9rem; font-size: .73rem; }
  .product-translation-documents { grid-template-columns: 1fr; }
  .product-translation-document { min-height: auto; }
  .product-translation-arrow { justify-self: center; transform: rotate(90deg); }
  .product-v1[dir="rtl"] .product-translation-arrow svg { transform: none; }
  .product-public-flow { grid-template-columns: 1fr; }
  .product-public-application { grid-template-columns: auto minmax(0, 1fr); }
  .product-public-application > b { grid-column: 2; justify-items: start; text-align: start; }
  .product-dashboard-attention { grid-template-columns: 1fr; }
  .product-billing-metrics { grid-template-columns: 1fr; }
  .product-billing-metrics > div:nth-child(3) { grid-column: auto; }
  .product-operations-dashboard,.product-billing-panel { padding: .9rem; border-radius: 1rem; }
  .product-source-panel dl { grid-template-columns: 1fr; }
  .product-source-panel dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
  .product-team-capabilities,.product-audience-grid { grid-template-columns: 1fr; }
  .product-team-capability { min-height: auto; }
  .product-audience-card > p { min-height: 0; }
  .product-audience-card ul { grid-template-columns: 1fr 1fr; }
  .product-final { margin-block: 1.5rem 3rem; padding: 2.3rem 1rem; border-radius: 1.1rem; }
  .product-final > p:not(.product-eyebrow) { font-size: .86rem; }
  .product-final-actions { gap: .55rem; }
}
@media (prefers-reduced-motion: reduce) {
  .product-v1 *,
  .product-v1 *::before,
  .product-v1 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Public Security page */
body:has(.security-v1) .marketing-nav a.is-active {
  position: relative;
  color: var(--marketing-text);
  font-weight: 700;
}
body:has(.security-v1) .marketing-nav a.is-active::after {
  position: absolute;
  inset-inline: .15rem;
  inset-block-end: -.55rem;
  height: 2px;
  border-radius: 2px;
  background: var(--marketing-accent);
  content: "";
}
.marketing-main:has(.security-v1) {
  width: 100%;
  max-width: none;
  display: block;
  padding: 0;
}
.security-v1 {
  --security-bg: #f4f7fb;
  --security-panel: #fff;
  --security-panel-soft: #edf3fa;
  --security-ink: #142239;
  --security-muted: #63738b;
  --security-line: #dbe4ef;
  --security-blue: #2869cf;
  --security-cyan: #168fa2;
  --security-green: #26866d;
  --security-violet: #7652c4;
  --security-shadow: 0 24px 65px rgba(28, 51, 88, .08);
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: clip;
  color: var(--security-ink);
  background: var(--security-bg);
}
:root[data-theme="dark"] .security-v1 {
  --security-bg: #101723;
  --security-panel: #182437;
  --security-panel-soft: #1c2c42;
  --security-ink: #eff5fd;
  --security-muted: #aab9cf;
  --security-line: #30405a;
  --security-blue: #89b0ff;
  --security-cyan: #63d0da;
  --security-green: #69c9a8;
  --security-violet: #b19af8;
  --security-shadow: 0 25px 70px rgba(0, 0, 0, .24);
}
.security-shell {
  width: min(calc(100% - clamp(2rem, 6vw, 7rem)), 1480px);
  margin-inline: auto;
}
.security-v1 h1,
.security-v1 h2,
.security-v1 h3,
.security-v1 p { margin-block-start: 0; }
.security-v1 h1,
.security-v1 h2,
.security-v1 h3 { color: var(--security-ink); }
.security-v1 p { color: var(--security-muted); }
.security-eyebrow {
  display: flex;
  align-items: center;
  gap: .62rem;
  margin-block-end: .9rem;
  color: var(--security-blue) !important;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.4;
  text-transform: uppercase;
}
.security-eyebrow-mark,
.security-eyebrow-mark::after {
  width: .45rem;
  height: .45rem;
  display: inline-block;
  flex: 0 0 .45rem;
  border-radius: 50%;
  background: var(--security-cyan);
}
.security-eyebrow-mark { position: relative; }
.security-eyebrow-mark::after {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .28;
  transform: scale(2.6);
}
.security-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(4rem, 7.2vw, 7.2rem) clamp(4rem, 6vw, 6rem);
  border-block-end: 1px solid color-mix(in srgb, var(--security-line) 65%, transparent);
  background:
    radial-gradient(ellipse at 80% 30%, color-mix(in srgb, var(--security-blue) 9%, transparent), transparent 43%),
    radial-gradient(ellipse at 4% 95%, color-mix(in srgb, var(--security-cyan) 7%, transparent), transparent 35%),
    var(--security-bg);
}
.security-hero-grid-glow {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image: linear-gradient(color-mix(in srgb, var(--security-line) 60%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--security-line) 60%, transparent) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, transparent, #000 56%, #000);
}
.security-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  align-items: center;
  gap: clamp(3rem, 6vw, 6.5rem);
}
.security-hero-copy { max-width: 650px; }
.security-hero h1 {
  max-width: 12ch;
  margin-block-end: 1.15rem;
  font-size: clamp(3.15rem, 5vw, 5.35rem);
  font-weight: 730;
  letter-spacing: -.055em;
  line-height: 1.02;
}
.security-lead {
  max-width: 38rem;
  margin-block-end: 0;
  font-size: clamp(1.03rem, 1.15vw, 1.18rem);
  line-height: 1.78;
}
.security-hero-actions,
.security-final-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-block-start: 1.8rem;
}
.security-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  padding: .7rem 1.05rem;
  border: 1px solid transparent;
  border-radius: .75rem;
  font-size: .91rem;
  font-weight: 720;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.security-button-primary {
  color: #fff;
  background: #2869cf;
  box-shadow: 0 9px 22px rgba(40, 105, 207, .22);
}
:root[data-theme="dark"] .security-button-primary { color: #101723; background: #91b7ff; }
.security-button-secondary {
  border-color: var(--security-line);
  color: var(--security-ink);
  background: color-mix(in srgb, var(--security-panel) 76%, transparent);
}
.security-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1.15rem;
  margin-block-start: 1.6rem;
}
.security-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  color: var(--security-muted);
  font-size: .76rem;
  font-weight: 650;
}
.security-hero-proof i,
.security-map-layers i {
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: var(--security-green);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--security-green) 12%, transparent);
}
.security-map {
  position: relative;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid color-mix(in srgb, var(--security-blue) 17%, var(--security-line));
  border-radius: 1.45rem;
  background: color-mix(in srgb, var(--security-panel) 91%, transparent);
  box-shadow: var(--security-shadow), inset 0 1px 0 rgba(255,255,255,.6);
}
:root[data-theme="dark"] .security-map { box-shadow: var(--security-shadow), inset 0 1px 0 rgba(255,255,255,.035); }
.security-map-heading {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.security-map-heading-mark,
.security-map-core-mark,
.security-pillar-icon,
.security-team-panel-icon,
.security-credentials-icon,
.security-health-icon,
.security-connection-node-icon,
.security-guardrail-icon,
.security-backup-icon,
.security-final-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--security-blue);
  background: color-mix(in srgb, var(--security-blue) 11%, var(--security-panel));
}
.security-map-heading-mark { width: 2.65rem; height: 2.65rem; border: 1px solid color-mix(in srgb, var(--security-blue) 17%, var(--security-line)); border-radius: .85rem; }
.security-map-heading-mark svg,
.security-map-core-mark svg,
.security-pillar-icon svg,
.security-team-panel-icon svg,
.security-credentials-icon svg,
.security-health-icon svg,
.security-connection-node-icon svg,
.security-guardrail-icon svg,
.security-backup-icon svg,
.security-final-mark svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.security-map-heading p { margin: 0; color: var(--security-ink); font-size: .87rem; font-weight: 720; }
.security-map-heading div > span { display: block; margin-block-start: .15rem; color: var(--security-muted); font-size: .7rem; }
.security-map-status-dot { width: .5rem; height: .5rem; flex: 0 0 .5rem; margin-inline-start: auto; border-radius: 50%; background: var(--security-green); box-shadow: 0 0 0 4px color-mix(in srgb, var(--security-green) 12%, transparent); }
.security-map-stage { position: relative; min-height: 315px; margin-block: .8rem .55rem; }
.security-map-orbit {
  position: absolute;
  inset: 12% 15%;
  border: 1px solid color-mix(in srgb, var(--security-blue) 17%, var(--security-line));
  border-radius: 50%;
  transform: rotate(-16deg);
}
.security-map-orbit::before,
.security-map-orbit::after {
  position: absolute;
  inset: 12% -3%;
  border: 1px dashed color-mix(in srgb, var(--security-cyan) 28%, transparent);
  border-radius: 50%;
  content: "";
  transform: rotate(50deg);
}
.security-map-orbit::after { inset: -11% 19%; border-style: solid; border-color: color-mix(in srgb, var(--security-violet) 17%, transparent); transform: rotate(72deg); }
.security-map-orbit span {
  position: absolute;
  inset-block-start: 10%;
  inset-inline-end: 19%;
  width: .46rem;
  height: .46rem;
  border-radius: 50%;
  background: var(--security-cyan);
  box-shadow: 0 0 16px color-mix(in srgb, var(--security-cyan) 55%, transparent);
  animation: security-map-pulse 3.2s ease-in-out infinite;
}
.security-map-core {
  position: absolute;
  z-index: 2;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 8.7rem;
  height: 8.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .25rem;
  border: 1px solid color-mix(in srgb, var(--security-blue) 33%, var(--security-line));
  border-radius: 50%;
  background: linear-gradient(145deg, color-mix(in srgb, var(--security-blue) 12%, var(--security-panel)), var(--security-panel) 72%);
  box-shadow: 0 0 0 .65rem color-mix(in srgb, var(--security-blue) 4%, transparent), 0 12px 32px color-mix(in srgb, var(--security-blue) 13%, transparent);
  transform: translate(-50%, -50%);
}
.security-map-core-mark { width: 2.25rem; height: 2.25rem; border-radius: .7rem; font-size: 1.12rem; font-weight: 850; }
.security-map-core strong { color: var(--security-ink); font-size: .78rem; letter-spacing: .12em; }
.security-map-core small { color: var(--security-muted); font-size: .64rem; }
.security-map-nodes { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.security-map-node {
  position: absolute;
  min-width: 7.1rem;
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  padding: .54rem .68rem;
  border: 1px solid var(--security-line);
  border-radius: .8rem;
  color: var(--security-ink);
  background: var(--security-panel);
  box-shadow: 0 8px 22px rgba(24, 51, 86, .07);
  font-size: .72rem;
  font-weight: 700;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.security-map-node i { width: .43rem; height: .43rem; flex: 0 0 .43rem; border-radius: 50%; background: var(--security-cyan); }
.security-map-node--1 { inset-block-start: 4%; inset-inline-start: 4%; }
.security-map-node--2 { inset-block-start: 4%; inset-inline-end: 4%; }
.security-map-node--3 { inset-block-start: 43%; inset-inline-end: 0; }
.security-map-node--4 { inset-block-end: 3%; inset-inline-end: 7%; }
.security-map-node--5 { inset-block-end: 3%; inset-inline-start: 7%; }
.security-map-node--6 { inset-block-start: 43%; inset-inline-start: 0; }
.security-map-node--2 i,.security-map-node--5 i { background: var(--security-violet); }
.security-map-node--3 i { background: var(--security-green); }
.security-map-layers { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; }
.security-map-layers span { display: inline-flex; align-items: center; gap: .4rem; padding: .38rem .58rem; border: 1px solid var(--security-line); border-radius: 2rem; color: var(--security-muted); background: var(--security-bg); font-size: .67rem; font-weight: 700; }
.security-map-layers i { width: .32rem; height: .32rem; flex: 0 0 .32rem; }
.security-pillars { padding-block: clamp(4.3rem, 7vw, 7rem); scroll-margin-block-start: 7rem; }
.security-section-heading { max-width: 47rem; }
.security-section-heading h2,
.security-account h2,
.security-access h2,
.security-candidate h2,
.security-connection-copy h2,
.security-final h2 {
  margin-block-end: .8rem;
  font-size: clamp(2rem, 3.45vw, 3.55rem);
  font-weight: 720;
  letter-spacing: -.045em;
  line-height: 1.1;
}
.security-section-heading > p:last-child,
.security-account-copy > p:not(.security-eyebrow),
.security-access-copy > p:not(.security-eyebrow),
.security-candidate-copy > p:not(.security-eyebrow),
.security-connection-copy > p:not(.security-eyebrow) { max-width: 43rem; margin-block-end: 0; font-size: 1rem; line-height: 1.78; }
.security-section-heading-centered { margin-inline: auto; text-align: center; }
.security-section-heading-centered .security-eyebrow { justify-content: center; }
.security-section-heading-centered h2 { max-width: 18ch; margin-inline: auto; }
.security-section-heading-centered > p:last-child { margin-inline: auto; }
.security-pillar-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin-block-start: 2.5rem; }
.security-pillar {
  min-height: 148px;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: clamp(1.1rem, 1.8vw, 1.55rem);
  border: 1px solid var(--security-line);
  border-radius: 1rem;
  background: var(--security-panel);
  box-shadow: 0 8px 25px rgba(24, 51, 86, .035);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.security-pillar-icon { width: 2.7rem; height: 2.7rem; border: 1px solid color-mix(in srgb, var(--security-blue) 18%, var(--security-line)); border-radius: .82rem; }
.security-pillar-icon svg { width: 1.42rem; height: 1.42rem; }
.security-pillar:nth-child(2) .security-pillar-icon,.security-pillar:nth-child(5) .security-pillar-icon { color: var(--security-cyan); background: color-mix(in srgb, var(--security-cyan) 10%, var(--security-panel)); }
.security-pillar:nth-child(3) .security-pillar-icon,.security-pillar:nth-child(6) .security-pillar-icon { color: var(--security-green); background: color-mix(in srgb, var(--security-green) 10%, var(--security-panel)); }
.security-pillar h3 { margin-block: .1rem .42rem; font-size: .98rem; line-height: 1.35; }
.security-pillar p { margin: 0; font-size: .82rem; line-height: 1.65; }
.security-account,
.security-access,
.security-candidate,
.security-connections {
  display: grid;
  align-items: center;
  gap: clamp(2.5rem, 6vw, 6.5rem);
  padding-block: clamp(3.6rem, 6.5vw, 6.4rem);
  border-block-start: 1px solid color-mix(in srgb, var(--security-line) 72%, transparent);
}
.security-account { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.security-account-copy h2 { max-width: 13ch; }
.security-account-caption { display: flex; align-items: center; gap: .55rem; margin-block-start: 1.25rem; color: var(--security-blue); font-size: .82rem; font-weight: 700; }
.security-account-caption span { font-size: 1.05rem; }
.security-account-visual {
  min-width: 0;
  padding: clamp(1.25rem, 2.6vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--security-blue) 20%, var(--security-line));
  border-radius: 1.35rem;
  background: radial-gradient(ellipse at 50% 48%, color-mix(in srgb, var(--security-blue) 8%, transparent), transparent 70%), var(--security-panel);
  box-shadow: var(--security-shadow);
}
.security-visual-label { margin-block-end: 1.45rem; color: var(--security-muted); font-size: .72rem; font-weight: 720; letter-spacing: .09em; text-transform: uppercase; }
.security-account-split { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: clamp(.55rem, 1.5vw, 1.25rem); }
.security-account-card { min-height: 145px; display: flex; align-items: flex-start; flex-direction: column; gap: .58rem; padding: 1rem; border: 1px solid var(--security-line); border-radius: .95rem; background: color-mix(in srgb, var(--security-panel-soft) 68%, var(--security-panel)); }
.security-account-card-icon { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: .7rem; color: var(--security-cyan); background: color-mix(in srgb, var(--security-cyan) 12%, var(--security-panel)); }
.security-account-card-icon--blue { color: var(--security-blue); background: color-mix(in srgb, var(--security-blue) 12%, var(--security-panel)); }
.security-account-card-icon svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.security-account-card strong { font-size: .82rem; line-height: 1.35; }
.security-account-card > span:last-child { color: var(--security-muted); font-size: .69rem; }
.security-account-divider { width: 1.55rem; height: 1.55rem; display: grid; place-items: center; border: 1px solid var(--security-line); border-radius: 50%; background: var(--security-bg); }
.security-account-divider i { width: .38rem; height: .38rem; border-radius: 50%; background: var(--security-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--security-green) 12%, transparent); }
.security-account-rail { position: relative; display: flex; align-items: center; gap: .55rem; margin-block-start: 1rem; padding: .7rem .8rem; border: 1px solid color-mix(in srgb, var(--security-green) 24%, var(--security-line)); border-radius: .75rem; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 5%, var(--security-panel)); font-size: .76rem; }
.security-account-rail > span:first-child { display: grid; place-items: center; }
.security-account-rail svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.security-account-rail-line { width: .4rem; height: .4rem; margin-inline-start: auto; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, var(--security-green) 12%, transparent); }
.security-access { grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); padding-block-start: clamp(2rem, 4vw, 3.2rem); }
.security-access-copy h2 { max-width: 14ch; }
.security-credentials { display: flex; align-items: flex-start; gap: .8rem; margin-block-start: 1.55rem; padding-block-start: 1.1rem; border-block-start: 1px solid var(--security-line); }
.security-credentials-icon { width: 2.25rem; height: 2.25rem; border-radius: .7rem; color: var(--security-violet); background: color-mix(in srgb, var(--security-violet) 10%, var(--security-panel)); }
.security-credentials-icon svg { width: 1.15rem; height: 1.15rem; }
.security-credentials div { display: flex; flex-direction: column; gap: .2rem; }
.security-credentials strong { font-size: .84rem; }
.security-credentials div span { color: var(--security-muted); font-size: .8rem; }
.security-team-panel { padding: 1.3rem; border: 1px solid var(--security-line); border-radius: 1.1rem; background: var(--security-panel); box-shadow: var(--security-shadow); }
.security-team-panel-heading { display: flex; align-items: center; gap: .65rem; padding-block-end: 1rem; border-block-end: 1px solid var(--security-line); }
.security-team-panel-icon { width: 2.35rem; height: 2.35rem; border-radius: .72rem; }
.security-team-panel-heading strong { font-size: .86rem; }
.security-team-list { display: grid; gap: .55rem; margin: 1rem 0; padding: 0; list-style: none; }
.security-team-list li { min-height: 3.1rem; display: flex; align-items: center; gap: .65rem; padding: .48rem .6rem; border: 1px solid var(--security-line); border-radius: .72rem; background: color-mix(in srgb, var(--security-panel-soft) 48%, var(--security-panel)); font-size: .79rem; font-weight: 680; }
.security-team-avatar { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: 50%; color: var(--security-blue); background: color-mix(in srgb, var(--security-blue) 13%, var(--security-panel)); font-size: .7rem; font-weight: 800; }
.security-team-list li:nth-child(2) .security-team-avatar { color: var(--security-violet); background: color-mix(in srgb, var(--security-violet) 12%, var(--security-panel)); }
.security-team-list li > i { width: 1.2rem; height: 1.2rem; display: grid; place-items: center; margin-inline-start: auto; border-radius: 50%; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 12%, var(--security-panel)); }
.security-team-list li > i svg { width: .82rem; height: .82rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.security-team-footer { display: flex; align-items: center; gap: .5rem; color: var(--security-green); font-size: .72rem; font-weight: 720; }
.security-team-footer svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.security-candidate { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); background: radial-gradient(ellipse at 22% 52%, color-mix(in srgb, var(--security-cyan) 6%, transparent), transparent 42%); }
.security-candidate-visual { min-width: 0; display: grid; place-items: center; }
.security-candidate-window { width: min(100%, 550px); padding: 1rem; border: 1px solid var(--security-line); border-radius: 1.1rem; background: var(--security-panel); box-shadow: var(--security-shadow); }
.security-candidate-window-top { display: flex; align-items: center; gap: .75rem; padding-block-end: .85rem; border-block-end: 1px solid var(--security-line); color: var(--security-muted); font-size: .76rem; font-weight: 700; }
.security-window-dots { display: flex; gap: .24rem; }
.security-window-dots i { width: .4rem; height: .4rem; border-radius: 50%; background: color-mix(in srgb, var(--security-muted) 35%, transparent); }
.security-window-dots i:first-child { background: #ff9b70; }.security-window-dots i:nth-child(2) { background: #e4be60; }.security-window-dots i:last-child { background: #65c99a; }
.security-candidate-window-menu { margin-inline-start: auto; letter-spacing: .12em; }
.security-candidate-identity { display: flex; align-items: center; gap: .75rem; padding-block: .95rem; }
.security-candidate-avatar { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--security-blue) 20%, var(--security-line)); border-radius: .85rem; color: var(--security-blue); background: color-mix(in srgb, var(--security-blue) 11%, var(--security-panel)); font-size: 1rem; font-weight: 800; }
.security-candidate-skeleton { width: min(55%, 12rem); display: grid; gap: .45rem; }
.security-candidate-skeleton i { height: .43rem; border-radius: 1rem; background: var(--security-line); }.security-candidate-skeleton i:last-child { width: 63%; background: color-mix(in srgb, var(--security-line) 65%, transparent); }
.security-candidate-shield { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; margin-inline-start: auto; border: 1px solid color-mix(in srgb, var(--security-green) 22%, var(--security-line)); border-radius: 50%; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 8%, var(--security-panel)); }
.security-candidate-shield svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.security-candidate-details { display: grid; gap: .5rem; }
.security-candidate-detail { min-height: 3.7rem; display: flex; align-items: center; gap: .65rem; padding: .55rem .7rem; border: 1px solid var(--security-line); border-radius: .76rem; background: color-mix(in srgb, var(--security-panel-soft) 40%, var(--security-panel)); }
.security-detail-icon { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .62rem; color: var(--security-blue); background: color-mix(in srgb, var(--security-blue) 10%, var(--security-panel)); }
.security-detail-icon svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.security-detail-icon--violet { color: var(--security-violet); background: color-mix(in srgb, var(--security-violet) 10%, var(--security-panel)); }
.security-candidate-detail > span:nth-child(2) { display: flex; flex-direction: column; gap: .13rem; }
.security-candidate-detail strong { font-size: .77rem; }.security-candidate-detail small { color: var(--security-muted); font-size: .68rem; }
.security-candidate-detail > i { width: 1.2rem; height: 1.2rem; display: grid; place-items: center; margin-inline-start: auto; color: var(--security-green); }
.security-candidate-detail > i svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.security-candidate-team { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-block-start: .85rem; }
.security-candidate-team-label { flex-basis: 100%; margin-block-end: .1rem; color: var(--security-muted); font-size: .65rem; font-weight: 700; }
.security-role-chip { display: inline-flex; align-items: center; gap: .36rem; padding: .32rem .53rem; border: 1px solid var(--security-line); border-radius: 2rem; color: var(--security-ink); background: var(--security-panel); font-size: .67rem; font-weight: 700; }
.security-role-chip i { width: .36rem; height: .36rem; border-radius: 50%; background: var(--security-blue); }.security-role-chip:last-child i { background: var(--security-violet); }
.security-candidate-copy h2 { max-width: 13ch; }
.security-connections { grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr); }
.security-connection-main { min-width: 0; padding: clamp(1.4rem, 3vw, 2.5rem); border: 1px solid color-mix(in srgb, var(--security-blue) 18%, var(--security-line)); border-radius: 1.25rem; background: var(--security-panel); box-shadow: var(--security-shadow); }
.security-connection-copy h2 { font-size: clamp(1.9rem, 2.8vw, 2.7rem); }
.security-connection-copy > p:not(.security-eyebrow) { max-width: 40rem; font-size: .93rem; }
.security-https-badge { display: inline-flex; align-items: center; gap: .45rem; margin-block-start: .95rem; padding: .4rem .65rem; border: 1px solid color-mix(in srgb, var(--security-green) 23%, var(--security-line)); border-radius: 2rem; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 6%, var(--security-panel)); font-size: .72rem; font-weight: 750; }
.security-https-badge i { display: grid; place-items: center; }.security-https-badge svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.security-connection-visual { display: flex; align-items: center; justify-content: center; gap: clamp(.35rem, 1.4vw, 1.2rem); margin-block-start: 2rem; padding: 1rem .75rem; border: 1px solid var(--security-line); border-radius: .9rem; background: color-mix(in srgb, var(--security-panel-soft) 48%, var(--security-panel)); }
.security-connection-node { min-width: 7.8rem; display: flex; align-items: center; gap: .55rem; }
.security-connection-node-icon { width: 2.3rem; height: 2.3rem; border-radius: .7rem; }.security-connection-node--workspace .security-connection-node-icon { color: var(--security-cyan); background: color-mix(in srgb, var(--security-cyan) 11%, var(--security-panel)); }
.security-connection-node strong { max-width: 8rem; font-size: .7rem; line-height: 1.35; }
.security-connection-link { min-width: 5rem; display: flex; align-items: center; justify-content: center; gap: .35rem; color: var(--security-green); font-size: .64rem; font-weight: 800; letter-spacing: .05em; }
.security-connection-link i { height: 1px; flex: 1; background: color-mix(in srgb, var(--security-green) 48%, var(--security-line)); }
.security-connection-link b { padding: .24rem .38rem; border: 1px solid color-mix(in srgb, var(--security-green) 25%, var(--security-line)); border-radius: .35rem; background: var(--security-panel); }
.security-guardrails { align-self: stretch; display: flex; align-items: flex-start; flex-direction: column; padding: clamp(1.3rem, 2.5vw, 2rem); border: 1px solid var(--security-line); border-radius: 1.2rem; background: linear-gradient(155deg, color-mix(in srgb, var(--security-violet) 5%, var(--security-panel)), var(--security-panel)); }
.security-guardrail-icon { width: 2.55rem; height: 2.55rem; margin-block-end: 1.35rem; border-radius: .8rem; color: var(--security-violet); background: color-mix(in srgb, var(--security-violet) 11%, var(--security-panel)); }
.security-guardrails .security-eyebrow { margin-block-end: .5rem; font-size: .67rem; }
.security-guardrails h3 { margin-block-end: .55rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: -.02em; }
.security-guardrails > p:not(.security-eyebrow) { margin-block-end: 1rem; font-size: .82rem; line-height: 1.68; }
.security-action-scope { display: flex; align-items: center; gap: .45rem; margin-block-start: auto; padding-block-start: .75rem; color: var(--security-muted); font-size: .69rem; font-weight: 700; }
.security-action-scope i { width: .38rem; height: .38rem; border-radius: 50%; background: var(--security-violet); }
.security-recaptcha-tile { width: 100%; min-width: 0; display: grid; grid-template-columns: 2.35rem minmax(0, 1fr) auto; align-items: center; gap: .7rem; margin-block-start: .95rem; padding: .7rem .8rem; border: 1px solid color-mix(in srgb, var(--security-cyan) 30%, var(--security-line)); border-radius: .85rem; background: linear-gradient(115deg, color-mix(in srgb, var(--security-cyan) 7%, var(--security-panel)), color-mix(in srgb, var(--security-blue) 4%, var(--security-panel)) 56%, var(--security-panel)); }
.security-recaptcha-icon { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--security-cyan) 23%, var(--security-line)); border-radius: .7rem; color: var(--security-cyan); background: color-mix(in srgb, var(--security-cyan) 9%, var(--security-panel)); }
.security-recaptcha-icon svg { width: 1.3rem; height: 1.3rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.security-recaptcha-copy { min-width: 0; display: block; }
.security-recaptcha-copy strong { display: block; color: var(--security-ink); font-size: .75rem; line-height: 1.35; }
.security-recaptcha-copy small { display: block; margin-block-start: .16rem; color: var(--security-muted); font-size: .68rem; line-height: 1.45; }
.security-recaptcha-indicator { width: .42rem; height: .42rem; border-radius: 50%; background: var(--security-green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--security-green) 10%, transparent); }
.security-operations { padding-block: clamp(4rem, 6.5vw, 6.5rem) clamp(1.6rem, 2.8vw, 2.8rem); border-block-start: 1px solid color-mix(in srgb, var(--security-line) 72%, transparent); }
.security-operations .security-section-heading { margin-block-end: 2rem; }
.security-operations .security-section-heading h2 { max-width: 19ch; }
.security-operations-grid { display: grid; grid-template-columns: minmax(0, 1.27fr) minmax(300px, .73fr); gap: .9rem; }
.security-backup-panel { position: relative; isolation: isolate; overflow: hidden; min-height: 290px; display: flex; align-items: flex-start; flex-direction: column; padding: clamp(1.55rem, 3vw, 2.5rem); border: 1px solid color-mix(in srgb, var(--security-cyan) 26%, var(--security-line)); border-radius: 1.2rem; background: linear-gradient(116deg, color-mix(in srgb, var(--security-blue) 10%, var(--security-panel)), color-mix(in srgb, var(--security-cyan) 7%, var(--security-panel)) 57%, var(--security-panel)); }
.security-backup-panel > :not(.security-backup-orbit) { position: relative; z-index: 1; }
.security-backup-orbit { position: absolute; z-index: -1; inset-block-start: -4rem; inset-inline-end: -2rem; width: 19rem; height: 19rem; border: 1px solid color-mix(in srgb, var(--security-cyan) 19%, transparent); border-radius: 50%; }
.security-backup-orbit::before,.security-backup-orbit::after { position: absolute; inset: 1.5rem; border: 1px dashed color-mix(in srgb, var(--security-blue) 23%, transparent); border-radius: 50%; content: ""; }.security-backup-orbit::after { inset: 3.2rem; border-style: solid; border-color: color-mix(in srgb, var(--security-green) 18%, transparent); }
.security-backup-orbit span { position: absolute; width: .45rem; height: .45rem; border-radius: 50%; background: var(--security-cyan); }.security-backup-orbit span:first-child { inset-block-start: 18%; inset-inline-start: 28%; }.security-backup-orbit span:nth-child(2) { inset-block-end: 18%; inset-inline-end: 25%; background: var(--security-blue); }.security-backup-orbit span:last-child { inset-block-start: 50%; inset-inline-end: 2%; width: .32rem; height: .32rem; background: var(--security-green); }
.security-backup-icon { width: 3.1rem; height: 3.1rem; margin-block-end: 1.4rem; border: 1px solid color-mix(in srgb, var(--security-cyan) 22%, var(--security-line)); border-radius: .95rem; color: var(--security-cyan); background: color-mix(in srgb, var(--security-cyan) 9%, var(--security-panel)); }
.security-backup-icon svg { width: 1.65rem; height: 1.65rem; }
.security-backup-kicker { margin-block-end: .6rem; color: var(--security-cyan); font-size: .69rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.security-backup-panel h3 { max-width: 17ch; margin-block-end: .5rem; font-size: clamp(1.4rem, 2vw, 1.85rem); letter-spacing: -.03em; line-height: 1.2; }
.security-backup-panel > p { max-width: 40rem; margin-block-end: 1rem; font-size: .84rem; line-height: 1.7; }
.security-backup-frequency { display: inline-flex; align-items: center; gap: .43rem; margin-block-start: auto; padding: .35rem .55rem; border: 1px solid var(--security-line); border-radius: 2rem; color: var(--security-muted); background: color-mix(in srgb, var(--security-panel) 75%, transparent); font-size: .69rem; font-weight: 700; }
.security-backup-frequency i { width: .38rem; height: .38rem; border-radius: 50%; background: var(--security-green); }
.security-health-panel { display: flex; align-items: flex-start; flex-direction: column; padding: clamp(1.4rem, 2.5vw, 2rem); border: 1px solid var(--security-line); border-radius: 1.2rem; background: var(--security-panel); }
.security-health-icon { width: 2.85rem; height: 2.85rem; margin-block-end: 1.25rem; border-radius: .88rem; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 10%, var(--security-panel)); }
.security-health-icon svg { width: 1.55rem; height: 1.55rem; }
.security-health-status { display: inline-flex; align-items: center; margin-block-end: .55rem; color: var(--security-muted); font-size: .67rem; font-weight: 750; }
.security-health-panel h3 { margin-block-end: .5rem; font-size: 1.18rem; letter-spacing: -.02em; line-height: 1.3; }
.security-health-panel > p { margin-block-end: 1.2rem; font-size: .8rem; line-height: 1.7; }
.security-workspace { padding-block: clamp(1.6rem, 2.8vw, 2.8rem) clamp(4rem, 6vw, 6rem); border-block-start: 1px solid color-mix(in srgb, var(--security-line) 72%, transparent); }
.security-workspace-heading { margin-inline: auto; text-align: center; }.security-workspace-heading .security-eyebrow { justify-content: center; }.security-workspace-heading h2 { max-width: 22ch; margin-inline: auto; }.security-workspace-heading > p:last-child { margin-inline: auto; }
.security-workspace-flow { display: grid; grid-template-columns: minmax(0, .88fr) minmax(150px, .38fr) minmax(0, 1.2fr); align-items: center; gap: clamp(.7rem, 2.2vw, 2rem); margin-block-start: 2.2rem; padding: clamp(1rem, 2.6vw, 2rem); border: 1px solid var(--security-line); border-radius: 1.25rem; background: var(--security-panel); box-shadow: var(--security-shadow); }
.security-workspace-zone { min-width: 0; min-height: 194px; padding: 1rem; border: 1px solid var(--security-line); border-radius: .95rem; background: color-mix(in srgb, var(--security-panel-soft) 40%, var(--security-panel)); }
.security-workspace-zone--public { border-style: dashed; }
.security-zone-label { display: flex; align-items: center; gap: .43rem; margin-block-end: .8rem; color: var(--security-muted); font-size: .71rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.security-zone-label i { width: .4rem; height: .4rem; border-radius: 50%; background: var(--security-blue); }.security-workspace-zone--public .security-zone-label i { background: var(--security-cyan); }
.security-workspace-zone ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: 0; padding: 0; list-style: none; }
.security-workspace-zone--public ul { grid-template-columns: 1fr; }
.security-workspace-zone li { min-height: 3rem; display: flex; align-items: center; gap: .48rem; padding: .55rem .65rem; border: 1px solid var(--security-line); border-radius: .68rem; color: var(--security-ink); background: var(--security-panel); font-size: .75rem; font-weight: 680; }
.security-workspace-zone li span { display: grid; flex: 0 0 auto; place-items: center; color: var(--security-blue); }.security-workspace-zone--public li span { color: var(--security-cyan); }
.security-workspace-zone li svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.security-workspace-zone--controlled { border-color: color-mix(in srgb, var(--security-blue) 24%, var(--security-line)); background: color-mix(in srgb, var(--security-blue) 4%, var(--security-panel)); }
.security-workspace-bridge { min-width: 0; display: flex; align-items: center; flex-direction: column; gap: .55rem; color: var(--security-muted); text-align: center; font-size: .65rem; font-weight: 680; line-height: 1.45; }
.security-bridge-line { width: 100%; height: 1px; position: relative; background: color-mix(in srgb, var(--security-blue) 38%, var(--security-line)); }
.security-bridge-icon { width: 2rem; height: 2rem; display: grid; place-items: center; margin-block-start: -.3rem; border: 1px solid color-mix(in srgb, var(--security-blue) 28%, var(--security-line)); border-radius: 50%; color: var(--security-blue); background: var(--security-panel); }
.security-bridge-icon svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }.security-workspace-flow[dir="rtl"] .security-bridge-icon svg { transform: scaleX(-1); }
.security-final { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; flex-direction: column; margin-block: clamp(3rem, 5vw, 5rem) clamp(4rem, 7vw, 6.5rem); padding: clamp(2.2rem, 5vw, 4.6rem) 1.5rem; border: 1px solid color-mix(in srgb, var(--security-blue) 25%, var(--security-line)); border-radius: 1.4rem; background: linear-gradient(130deg, color-mix(in srgb, var(--security-blue) 7%, var(--security-panel)), color-mix(in srgb, var(--security-cyan) 6%, var(--security-panel)) 54%, var(--security-panel)); box-shadow: var(--security-shadow); text-align: center; }
.security-final-glow { position: absolute; z-index: -1; inset-block-start: -16rem; inset-inline-start: 50%; width: 34rem; height: 27rem; border-radius: 50%; background: color-mix(in srgb, var(--security-blue) 11%, transparent); filter: blur(65px); transform: translateX(-50%); }
.security-final-mark { width: 3rem; height: 3rem; margin-block-end: 1rem; border: 1px solid color-mix(in srgb, var(--security-blue) 22%, var(--security-line)); border-radius: 1rem; }
.security-final-mark svg { width: 1.55rem; height: 1.55rem; }
.security-final .security-eyebrow { justify-content: center; }
.security-final h2 { max-width: 19ch; margin-block-end: .5rem; }
.security-final-copy { max-width: 44rem; margin-block-end: 0; font-size: .95rem; line-height: 1.7; }
.security-final-actions { justify-content: center; margin-block-start: 1.35rem; }
@media (hover: hover) and (pointer: fine) {
  .security-button:hover { transform: translateY(-2px); }
  .security-button-primary:hover { box-shadow: 0 14px 30px rgba(40, 105, 207, .3); }
  .security-button-secondary:hover { border-color: color-mix(in srgb, var(--security-blue) 38%, var(--security-line)); }
  .security-map-node:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--security-blue) 37%, var(--security-line)); box-shadow: 0 16px 34px color-mix(in srgb, var(--security-blue) 10%, transparent); }
}
@keyframes security-map-pulse { 0%,100% { opacity: .8; transform: scale(.92); } 50% { opacity: 1; transform: scale(1.18); } }
@keyframes security-layer-drift { to { background-position: 48px 0; } }
@media (min-width: 1900px) {
  .security-hero { padding-block: 7rem; }
  .security-hero-grid { gap: clamp(5rem, 7vw, 8rem); }
  .security-map-stage { min-height: 345px; }
  .security-pillars { padding-block: 6rem; }
}
@media (max-width: 1180px) {
  .security-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(460px, 1fr); gap: 2.5rem; }
  .security-map-stage { min-height: 290px; }
  .security-map-node { min-width: 6.6rem; padding: .5rem .55rem; font-size: .67rem; }
  .security-connection-node { min-width: 6.8rem; }
  .security-workspace-flow { grid-template-columns: minmax(0, .85fr) minmax(120px, .35fr) minmax(0, 1.15fr); gap: .75rem; }
}
@media (max-width: 980px) {
  .security-hero-grid { grid-template-columns: 1fr; max-width: 760px; }
  .security-hero-copy { max-width: 700px; }
  .security-hero h1 { max-width: 14ch; }
  .security-map { width: min(100%, 700px); margin-inline: auto; }
  .security-map-stage { min-height: 320px; }
  .security-pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .security-account,.security-access,.security-candidate,.security-connections { gap: 2rem; }
  .security-connections { grid-template-columns: 1fr; }
  .security-guardrails { min-height: auto; }
  .security-action-scope { margin-block-start: 0; }
  .security-workspace-flow { grid-template-columns: minmax(0, 1fr) minmax(100px, .28fr) minmax(0, 1.1fr); }
  .security-workspace-zone ul { grid-template-columns: 1fr; }
  .security-workspace-zone--public ul { grid-template-columns: 1fr; }
  .security-workspace-zone { min-height: 0; }
}
@media (max-width: 760px) {
  .security-shell { width: calc(100% - 2rem); }
  .security-hero { padding-block: 3.2rem 3.3rem; }
  .security-hero-grid { gap: 2rem; }
  .security-hero h1 { max-width: 13ch; font-size: clamp(2.7rem, 9.6vw, 4.2rem); }
  .security-lead { font-size: .98rem; }
  .security-hero-actions { align-items: stretch; }
  .security-button { min-height: 46px; padding-inline: .82rem; font-size: .82rem; }
  .security-hero-proof { gap: .48rem .85rem; }
  .security-hero-proof span { font-size: .7rem; }
  .security-map { padding: .9rem; border-radius: 1.1rem; }
  .security-map-heading-mark { width: 2.35rem; height: 2.35rem; }
  .security-map-stage { min-height: 295px; margin-block: .5rem; }
  .security-map-orbit { inset: 13% 17%; }
  .security-map-core { width: 7.4rem; height: 7.4rem; }
  .security-map-node { min-width: auto; max-width: 43%; padding: .47rem .53rem; font-size: .66rem; }
  .security-map-node--1 { inset-block-start: 3%; inset-inline-start: 1%; }
  .security-map-node--2 { inset-block-start: 3%; inset-inline-end: 1%; }
  .security-map-node--3 { inset-block-start: 44%; inset-inline-end: 0; }
  .security-map-node--4 { inset-block-end: 3%; inset-inline-end: 1%; }
  .security-map-node--5 { inset-block-end: 3%; inset-inline-start: 1%; }
  .security-map-node--6 { inset-block-start: 44%; inset-inline-start: 0; }
  .security-map-layers { gap: .35rem; }
  .security-map-layers span { padding: .34rem .48rem; font-size: .62rem; }
  .security-pillars { padding-block: 3.6rem; }
  .security-operations { padding-block: 3.6rem 1.6rem; }
  .security-workspace { padding-block: 1.6rem 3.6rem; }
  .security-section-heading h2,.security-account h2,.security-access h2,.security-candidate h2,.security-connection-copy h2,.security-final h2 { font-size: clamp(1.9rem, 7.2vw, 2.65rem); }
  .security-section-heading-centered { text-align: start; }
  .security-section-heading-centered .security-eyebrow { justify-content: flex-start; }
  .security-section-heading-centered h2 { margin-inline: 0; }
  .security-pillar-grid { gap: .65rem; margin-block-start: 1.6rem; }
  .security-pillar { min-height: 0; gap: .7rem; padding: .9rem; border-radius: .85rem; }
  .security-pillar-icon { width: 2.25rem; height: 2.25rem; border-radius: .67rem; }
  .security-pillar-icon svg { width: 1.2rem; height: 1.2rem; }
  .security-pillar h3 { font-size: .86rem; }
  .security-pillar p { font-size: .74rem; }
  .security-account,.security-access,.security-candidate,.security-connections { grid-template-columns: 1fr; gap: 1.6rem; padding-block: 3.3rem; }
  .security-account-copy h2,.security-candidate-copy h2 { max-width: 18ch; }
  .security-account-visual { padding: 1rem; border-radius: 1rem; }
  .security-account-card { min-height: 130px; padding: .75rem; }
  .security-account-card strong { font-size: .73rem; }
  .security-account-card > span:last-child { font-size: .62rem; }
  .security-account-divider { width: 1.2rem; height: 1.2rem; }
  .security-access { padding-block-start: 2.1rem; }
  .security-team-panel { padding: 1rem; }
  .security-candidate-visual { order: 2; }
  .security-candidate-copy { order: 1; }
  .security-candidate-window { padding: .75rem; }
  .security-connection-main { padding: 1.15rem; }
  .security-connection-visual { gap: .45rem; margin-block-start: 1.3rem; padding: .75rem .45rem; }
  .security-connection-node { min-width: 0; flex: 1 1 0; flex-direction: column; gap: .35rem; text-align: center; }
  .security-connection-node strong { font-size: .64rem; }
  .security-connection-node-icon { width: 2rem; height: 2rem; }
  .security-connection-node-icon svg { width: 1.1rem; height: 1.1rem; }
  .security-connection-link { min-width: 3.3rem; gap: .2rem; font-size: .55rem; }
  .security-guardrails { padding: 1.15rem; }
  .security-operations .security-section-heading { margin-block-end: 1.4rem; }
  .security-operations-grid { grid-template-columns: 1fr; }
  .security-backup-panel { min-height: 255px; padding: 1.3rem; }
  .security-health-panel { min-height: 225px; padding: 1.3rem; }
  .security-workspace-heading { text-align: start; }
  .security-workspace-heading .security-eyebrow { justify-content: flex-start; }
  .security-workspace-heading h2 { margin-inline: 0; }
  .security-workspace-flow { grid-template-columns: 1fr; gap: .8rem; margin-block-start: 1.4rem; padding: .85rem; }
  .security-workspace-zone { padding: .8rem; }
  .security-workspace-zone ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .security-workspace-zone--public ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .security-workspace-zone li { min-height: 2.7rem; padding: .46rem; font-size: .69rem; }
  .security-workspace-bridge { gap: .38rem; }
  .security-bridge-line { width: 1px; height: .8rem; }
  .security-bridge-icon { margin-block-start: 0; }
  .security-final { margin-block: 2.8rem 3.4rem; padding: 2rem 1rem; border-radius: 1.1rem; }
  .security-final-actions { width: 100%; gap: .55rem; }
}
@media (max-width: 430px) {
  .security-shell { width: calc(100% - 1.5rem); }
  .security-hero { padding-block-start: 2.65rem; }
  .security-hero h1 { font-size: clamp(2.35rem, 11vw, 3.2rem); }
  .security-hero-actions { flex-direction: column; align-items: stretch; }
  .security-button { width: 100%; }
  .security-map-stage { min-height: 270px; }
  .security-map-node { gap: .32rem; padding: .42rem; font-size: .61rem; }
  .security-map-node i { width: .35rem; height: .35rem; flex-basis: .35rem; }
  .security-map-core { width: 6.6rem; height: 6.6rem; }
  .security-map-core-mark { width: 1.9rem; height: 1.9rem; font-size: 1rem; }
  .security-map-core strong { font-size: .7rem; }
  .security-map-core small { font-size: .58rem; }
  .security-map-orbit { inset: 15% 14%; }
  .security-map-layers span { font-size: .58rem; }
  .security-pillar-grid { grid-template-columns: 1fr; }
  .security-pillar { padding: .9rem 1rem; }
  .security-pillar h3 { font-size: .9rem; }
  .security-pillar p { font-size: .76rem; }
  .security-account-split { grid-template-columns: 1fr; }
  .security-account-card { min-height: 0; display: grid; grid-template-columns: 2.1rem 1fr; align-items: center; column-gap: .6rem; }
  .security-account-card-icon { grid-row: 1 / span 2; width: 2.1rem; height: 2.1rem; }
  .security-account-card > span:last-child { grid-column: 2; }
  .security-account-divider { justify-self: center; transform: rotate(90deg); }
  .security-connection-link { min-width: 2.8rem; }
  .security-connection-node strong { max-width: 6.4rem; font-size: .59rem; }
  .security-workspace-zone ul,.security-workspace-zone--public ul { grid-template-columns: 1fr; }
}
/* Public About story */
.about-v1 { --about-blue: #456fd5; --about-cyan: #258f9f; --about-warm: #bd713e; --about-violet: #8064bf; color: var(--marketing-text); }
:root[data-theme="dark"] .about-v1 { --about-blue: #8eb2ff; --about-cyan: #76cfda; --about-warm: #efa16b; --about-violet: #bea4fa; }
.about-shell { width: var(--marketing-container); margin-inline: auto; }
.about-hero { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(3.8rem, 7vw, 7rem); border-block-end: 1px solid color-mix(in srgb, var(--marketing-border) 75%, transparent); background: radial-gradient(ellipse at 88% 16%, color-mix(in srgb, var(--about-blue) 13%, transparent), transparent 39%), radial-gradient(ellipse at 6% 100%, color-mix(in srgb, var(--about-warm) 8%, transparent), transparent 36%), var(--marketing-bg); }
.about-hero::after { position: absolute; z-index: -1; inset: 0; opacity: .14; background-image: linear-gradient(color-mix(in srgb, var(--marketing-border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--marketing-border) 40%, transparent) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, transparent, #000 80%); content: ""; }
.about-hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(2rem, 5vw, 5.5rem); }
.about-hero-copy { max-width: 42rem; }
.about-eyebrow { display: flex; align-items: center; gap: .55rem; margin: 0 0 .85rem; color: var(--about-blue); font-size: .72rem; font-weight: 780; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.about-eyebrow > span { width: .43rem; height: .43rem; flex: 0 0 .43rem; border-radius: 50%; background: var(--about-cyan); box-shadow: 0 0 0 4px color-mix(in srgb, var(--about-cyan) 13%, transparent); }
.about-hero h1 { max-width: 12ch; margin: 0; font-size: clamp(2.8rem, 5.25vw, 5.25rem); font-weight: 730; letter-spacing: -.055em; line-height: 1.01; }
.about-hero-lead { max-width: 41rem; margin: 1.25rem 0 0; color: var(--marketing-muted); font-size: clamp(1rem, 1.15vw, 1.16rem); line-height: 1.78; }
.about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-block-start: 1.65rem; }
.about-button { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .7rem 1rem; border: 1px solid var(--marketing-border); border-radius: .72rem; color: var(--marketing-text); background: var(--marketing-surface); font-size: .91rem; font-weight: 680; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.about-button-primary { border-color: var(--about-blue); color: #fff; background: #315fbf; box-shadow: 0 9px 22px color-mix(in srgb, var(--about-blue) 19%, transparent); }
:root[data-theme="dark"] .about-button-primary { border-color: #9bbaff; color: #111b2b; background: #9bbaff; }
.about-button-secondary { background: color-mix(in srgb, var(--marketing-surface) 78%, transparent); }
.about-v1[dir="rtl"] .about-button > span { display: inline-block; transform: scaleX(-1); }
.about-origin-visual { position: relative; min-width: 0; overflow: hidden; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid color-mix(in srgb, var(--about-blue) 24%, var(--marketing-border)); border-radius: 1.35rem; background: linear-gradient(145deg, color-mix(in srgb, var(--about-blue) 6%, var(--marketing-surface)), var(--marketing-surface) 67%); box-shadow: 0 22px 65px rgba(24, 42, 75, .09); }
:root[data-theme="dark"] .about-origin-visual { box-shadow: 0 24px 70px rgba(0, 0, 0, .22); }
.about-origin-visual-title { position: relative; z-index: 1; margin: 0 0 1.5rem; color: var(--marketing-muted); font-size: .72rem; font-weight: 730; letter-spacing: .09em; text-transform: uppercase; }
.about-origin-flow { position: relative; z-index: 1; display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.about-origin-flow li { min-width: 0; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); align-items: start; gap: .9rem; padding-block-end: 1.05rem; }
.about-origin-flow li:last-child { padding-block-end: 0; }
.about-origin-node { position: relative; width: 2.15rem; height: 2.15rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--about-blue) 26%, var(--marketing-border)); border-radius: 50%; background: var(--marketing-surface); }
.about-origin-node::after { position: absolute; inset-block-start: 2.1rem; inset-inline-start: 50%; width: 1px; height: 1.15rem; background: linear-gradient(var(--about-blue), color-mix(in srgb, var(--about-cyan) 22%, transparent)); content: ""; }
.about-origin-flow li:last-child .about-origin-node::after { display: none; }
.about-origin-node i { width: .48rem; height: .48rem; border-radius: 50%; background: var(--about-cyan); box-shadow: 0 0 0 4px color-mix(in srgb, var(--about-cyan) 12%, transparent); }
.about-origin-flow li:nth-child(2) .about-origin-node i { background: var(--about-warm); box-shadow: 0 0 0 4px color-mix(in srgb, var(--about-warm) 12%, transparent); }
.about-origin-flow li:nth-child(4) .about-origin-node i { background: var(--about-violet); box-shadow: 0 0 0 4px color-mix(in srgb, var(--about-violet) 12%, transparent); }
.about-origin-stage { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; padding-block-start: .18rem; }
.about-origin-stage strong { color: var(--marketing-text); font-size: .91rem; font-weight: 730; }
.about-origin-stage small { color: var(--marketing-muted); font-size: .72rem; line-height: 1.4; text-align: end; }
.about-origin-glow { position: absolute; inset-block-start: 12%; inset-inline-end: -5rem; width: 12rem; height: 12rem; border-radius: 50%; background: color-mix(in srgb, var(--about-cyan) 12%, transparent); filter: blur(55px); }
.about-origin-signals { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: 1.35rem; padding-block-start: 1rem; border-block-start: 1px solid var(--marketing-border); }
.about-origin-signals span,.about-language-pills span,.about-global-languages span { padding: .32rem .58rem; border: 1px solid var(--marketing-border); border-radius: 2rem; color: var(--marketing-muted); background: color-mix(in srgb, var(--marketing-surface) 76%, transparent); font-size: .68rem; font-weight: 670; }
.about-statement { display: grid; grid-template-columns: minmax(8rem, .27fr) minmax(0, 1fr); gap: clamp(1.4rem, 4vw, 4.5rem); align-items: center; padding-block: clamp(4rem, 7vw, 7rem); border-block-end: 1px solid var(--marketing-border); }
.about-statement-mark { min-height: 9rem; display: flex; align-items: center; justify-content: center; gap: .55rem; border-inline-end: 1px solid var(--marketing-border); }
.about-statement-mark span { width: .62rem; border-radius: 2rem; background: var(--about-cyan); }
.about-statement-mark span:first-child { height: 3.5rem; opacity: .55; }
.about-statement-mark span:nth-child(2) { height: 6rem; background: var(--about-blue); }
.about-statement-mark span:last-child { height: 4.5rem; background: var(--about-warm); }
.about-statement-copy { max-width: 56rem; }
.about-statement h2 { max-width: 22ch; margin: 0; font-size: clamp(2.1rem, 4.2vw, 4.2rem); font-weight: 700; letter-spacing: -.05em; line-height: 1.06; }
.about-statement-copy > p:last-child { max-width: 47rem; margin: 1rem 0 0; color: var(--marketing-muted); font-size: 1rem; line-height: 1.8; }
.about-story { padding-block: clamp(4rem, 6.5vw, 6.5rem); }
.about-section-heading { max-width: 47rem; margin-block-end: 2.6rem; }
.about-section-heading h2,.about-needs h2,.about-global h2,.about-cta h2 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.45rem); font-weight: 710; letter-spacing: -.045em; line-height: 1.1; }
.about-section-heading > p:last-child,.about-global-copy > p:not(.about-eyebrow) { margin: .85rem 0 0; color: var(--marketing-muted); font-size: .98rem; line-height: 1.78; }
.about-timeline { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2.2vw, 2rem); margin: 0; padding: 0; list-style: none; }
.about-timeline::before { position: absolute; inset-block-start: .86rem; inset-inline: 1rem; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--about-cyan) 42%, var(--marketing-border)), color-mix(in srgb, var(--about-warm) 48%, var(--marketing-border)), color-mix(in srgb, var(--about-violet) 40%, var(--marketing-border))); content: ""; }
.about-timeline-item { position: relative; min-width: 0; padding-block-start: 2.5rem; }
.about-timeline-marker { position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--about-blue) 30%, var(--marketing-border)); border-radius: 50%; background: var(--marketing-bg); }
.about-timeline-marker::after { width: .48rem; height: .48rem; border-radius: 50%; background: var(--about-blue); content: ""; }
.about-timeline-item:nth-child(2) .about-timeline-marker { border-color: color-mix(in srgb, var(--about-warm) 30%, var(--marketing-border)); }
.about-timeline-item:nth-child(2) .about-timeline-marker::after { background: var(--about-warm); }
.about-timeline-item:nth-child(4) .about-timeline-marker { border-color: color-mix(in srgb, var(--about-violet) 32%, var(--marketing-border)); }
.about-timeline-item:nth-child(4) .about-timeline-marker::after { background: var(--about-violet); }
.about-timeline-copy { padding-block-start: .65rem; }
.about-timeline-kicker { margin: 0 0 .35rem; color: var(--about-blue); font-size: .68rem; font-weight: 780; letter-spacing: .04em; }
.about-timeline-item:nth-child(2) .about-timeline-kicker { color: var(--about-warm); }
.about-timeline-item:nth-child(4) .about-timeline-kicker { color: var(--about-violet); }
.about-timeline-copy h3 { margin: 0; font-size: 1.05rem; letter-spacing: -.02em; line-height: 1.35; }
.about-timeline-copy p { margin: .65rem 0 0; color: var(--marketing-muted); font-size: .83rem; line-height: 1.72; }
.about-needs { padding-block: clamp(3.5rem, 6vw, 6rem); border-block: 1px solid color-mix(in srgb, var(--about-blue) 14%, var(--marketing-border)); background: linear-gradient(105deg, color-mix(in srgb, var(--about-blue) 5%, var(--marketing-bg)), color-mix(in srgb, var(--about-warm) 4%, var(--marketing-bg)) 70%, var(--marketing-bg)); }
.about-needs-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.about-needs-heading { margin: 0; }
.about-needs-heading > p:not(.about-eyebrow) { margin: .9rem 0 0; color: var(--marketing-muted); font-size: .96rem; line-height: 1.8; }
.about-needs-heading .about-language-label { margin-block-start: 1.4rem !important; color: var(--marketing-text) !important; font-size: .75rem !important; font-weight: 720; }
.about-two-way { margin-block-start: 1.35rem; padding: .9rem; border: 1px solid color-mix(in srgb, var(--about-cyan) 23%, var(--marketing-border)); border-radius: .9rem; background: radial-gradient(ellipse at 12% 0%, color-mix(in srgb, var(--about-cyan) 9%, transparent), transparent 62%), color-mix(in srgb, var(--marketing-surface) 74%, transparent); box-shadow: inset 0 1px 0 color-mix(in srgb, white 3%, transparent); }
.about-two-way-title { display: flex; align-items: center; gap: .5rem; margin: 0 0 .7rem; color: var(--marketing-text); font-size: .7rem; font-weight: 750; }
.about-two-way-title > span { color: var(--about-cyan); font-size: .95rem; line-height: 1; }
.about-two-way-flows { display: grid; gap: .45rem; }
.about-two-way-flow { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 1rem 2.45rem 1rem minmax(0, 1.15fr); align-items: center; gap: .3rem; padding: .4rem; border: 1px solid color-mix(in srgb, var(--about-blue) 10%, var(--marketing-border)); border-radius: .65rem; background: color-mix(in srgb, var(--marketing-bg) 60%, var(--marketing-surface)); }
.about-two-way-node { min-width: 0; display: grid; min-height: 2.2rem; place-items: center; padding: .3rem .38rem; border-radius: .45rem; color: var(--marketing-text); background: color-mix(in srgb, var(--about-blue) 7%, var(--marketing-surface)); font-size: .65rem; font-weight: 690; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
.about-two-way-result { border: 1px solid color-mix(in srgb, var(--about-cyan) 18%, var(--marketing-border)); background: color-mix(in srgb, var(--about-cyan) 8%, var(--marketing-surface)); }
.about-two-way-ai { min-height: 1.9rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--about-violet) 26%, var(--marketing-border)); border-radius: .48rem; color: var(--about-violet); background: color-mix(in srgb, var(--about-violet) 8%, var(--marketing-surface)); font-size: .64rem; font-weight: 790; }
.about-two-way-connector { display: grid; place-items: center; color: var(--about-cyan); }
.about-two-way-connector svg { width: 1rem; height: .65rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.about-v1[dir="rtl"] .about-two-way-connector svg { transform: scaleX(-1); }
.about-language-pills { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: .55rem; }
.about-language-pills span { color: var(--about-blue); }
.about-needs-groups { display: grid; }
.about-needs-group { padding-block: 1.1rem; border-block-start: 1px solid var(--marketing-border); }
.about-needs-group:last-child { border-block-end: 1px solid var(--marketing-border); }
.about-needs-group h3 { margin: 0 0 .75rem; color: var(--marketing-muted); font-size: .71rem; font-weight: 770; letter-spacing: .09em; text-transform: uppercase; }
.about-needs-group ul { display: flex; flex-wrap: wrap; gap: .48rem; margin: 0; padding: 0; list-style: none; }
.about-needs-group li { display: inline-flex; align-items: center; gap: .42rem; padding: .42rem .65rem; border: 1px solid color-mix(in srgb, var(--about-blue) 14%, var(--marketing-border)); border-radius: .55rem; color: var(--marketing-text); background: color-mix(in srgb, var(--marketing-surface) 68%, transparent); font-size: .77rem; font-weight: 640; }
.about-needs-group li span { width: .32rem; height: .32rem; flex: 0 0 .32rem; border-radius: 50%; background: var(--about-cyan); }
.about-needs-group:nth-child(2) li span { background: var(--about-warm); }
.about-needs-group:nth-child(3) li span { background: var(--about-violet); }
.about-people { padding-block: clamp(4rem, 6vw, 6rem); }
.about-people .about-section-heading { max-width: 55rem; }
.about-people-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.6rem, 4vw, 4rem); }
.about-person { min-width: 0; display: grid; grid-template-columns: 5.2rem minmax(0, 1fr); gap: 1.15rem; padding-block-start: 1.35rem; border-block-start: 1px solid var(--marketing-border); }
.about-person-monogram { width: 4.3rem; height: 4.3rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--about-warm) 28%, var(--marketing-border)); border-radius: 1.25rem; color: var(--about-warm); background: color-mix(in srgb, var(--about-warm) 9%, var(--marketing-surface)); font-size: 1.06rem; font-weight: 760; letter-spacing: .03em; }
.about-person-jonas .about-person-monogram { color: var(--about-violet); border-color: color-mix(in srgb, var(--about-violet) 28%, var(--marketing-border)); background: color-mix(in srgb, var(--about-violet) 8%, var(--marketing-surface)); }
.about-person h3 { margin: 0; font-size: 1.35rem; letter-spacing: -.02em; line-height: 1.3; }
.about-person-role { margin: .35rem 0 0; color: var(--about-blue); font-size: .76rem; font-weight: 700; line-height: 1.55; }
.about-person > div > p:last-child { max-width: 34rem; margin: .8rem 0 0; color: var(--marketing-muted); font-size: .87rem; line-height: 1.75; }
.about-global { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: clamp(3.3rem, 5.5vw, 5.5rem); border-block: 1px solid var(--marketing-border); }
.about-global-copy h2 { max-width: 17ch; }
.about-audiences { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.about-audiences li { padding: .42rem .62rem; border: 1px solid var(--marketing-border); border-radius: 2rem; color: var(--marketing-text); background: var(--marketing-surface); font-size: .7rem; font-weight: 660; }
.about-global-visual { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 2.5rem minmax(0, 1fr); align-items: center; gap: .6rem; padding: clamp(1.2rem, 2vw, 1.8rem); border: 1px solid color-mix(in srgb, var(--about-blue) 20%, var(--marketing-border)); border-radius: 1.1rem; background: radial-gradient(ellipse at 50% 15%, color-mix(in srgb, var(--about-cyan) 8%, transparent), transparent 68%), var(--marketing-surface); }
.about-global-node { min-width: 0; min-height: 7rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: .6rem; padding: 1rem; border: 1px solid var(--marketing-border); border-radius: .82rem; background: color-mix(in srgb, var(--marketing-bg) 72%, var(--marketing-surface)); }
.about-global-node > span { color: var(--marketing-muted); font-size: .65rem; font-weight: 730; letter-spacing: .08em; text-transform: uppercase; }
.about-global-node strong { color: var(--marketing-text); font-size: clamp(.85rem, 1.15vw, 1.08rem); line-height: 1.35; overflow-wrap: anywhere; }
.about-global-node-platform { border-color: color-mix(in srgb, var(--about-blue) 26%, var(--marketing-border)); background: color-mix(in srgb, var(--about-blue) 6%, var(--marketing-surface)); }
.about-global-node-platform strong { color: var(--about-blue); }
.about-global-connector { display: grid; place-items: center; color: var(--about-cyan); }
.about-global-connector svg { width: 1.8rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.about-v1[dir="rtl"] .about-global-connector svg { transform: scaleX(-1); }
.about-global-languages-label { grid-column: 1 / -1; margin: .25rem 0 -.2rem; color: var(--marketing-muted); font-size: .7rem; font-weight: 680; }
.about-global-languages { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4rem; }
.about-global-languages span { color: var(--about-blue); }
.about-principles { padding-block: clamp(4rem, 6.5vw, 6.5rem); }
.about-principles .about-section-heading { max-width: 51rem; }
.about-principles-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.4rem, 4vw, 4rem); margin: 0; padding: 0; list-style: none; }
.about-principles-list li { min-width: 0; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; padding-block: 1.25rem; border-block-start: 1px solid var(--marketing-border); }
.about-principles-list li > span { color: var(--about-cyan); font-size: .76rem; font-weight: 780; letter-spacing: .04em; }
.about-principles-list h3 { margin: 0; font-size: .96rem; line-height: 1.4; }
.about-principles-list p { margin: .5rem 0 0; color: var(--marketing-muted); font-size: .82rem; line-height: 1.7; }
.about-cta { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; flex-direction: column; margin-block: 0 clamp(4rem, 7vw, 7rem); padding: clamp(2.2rem, 5vw, 4.8rem) clamp(1.2rem, 4vw, 3.5rem); border: 1px solid color-mix(in srgb, var(--about-blue) 24%, var(--marketing-border)); border-radius: 1.35rem; background: linear-gradient(125deg, color-mix(in srgb, var(--about-blue) 7%, var(--marketing-surface)), color-mix(in srgb, var(--about-cyan) 5%, var(--marketing-surface)) 58%, var(--marketing-surface)); text-align: center; }
.about-cta .about-eyebrow { justify-content: center; }
.about-cta h2 { position: relative; max-width: 23ch; font-size: clamp(2rem, 3.7vw, 3.3rem); }
.about-cta-copy { position: relative; max-width: 43rem; margin: .8rem 0 0; color: var(--marketing-muted); font-size: .94rem; line-height: 1.75; }
.about-cta-actions { position: relative; justify-content: center; }
.about-cta-orbit { position: absolute; z-index: -1; inset-block-start: -13rem; inset-inline-start: 50%; width: 30rem; height: 23rem; border-radius: 50%; background: color-mix(in srgb, var(--about-blue) 12%, transparent); filter: blur(70px); transform: translateX(-50%); }
@media (hover: hover) and (pointer: fine) {
  .about-button:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--about-blue) 42%, var(--marketing-border)); }
  .about-button-primary:hover { box-shadow: 0 13px 30px color-mix(in srgb, var(--about-blue) 27%, transparent); }
}
@media (max-width: 1050px) {
  .about-hero-grid,.about-needs-layout,.about-global { grid-template-columns: 1fr; }
  .about-hero-grid { max-width: 820px; }
  .about-hero-copy { max-width: 48rem; }
  .about-origin-visual { width: 100%; }
  .about-needs-layout,.about-global { gap: 2.4rem; }
  .about-global-visual { max-width: 760px; }
  .about-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.8rem; }
  .about-timeline::before { display: none; }
  .about-timeline-item { border-block-start: 1px solid var(--marketing-border); }
  .about-timeline-marker { background: var(--marketing-bg); }
}
@media (max-width: 680px) {
  .about-shell { width: calc(100% - 2rem); }
  .about-hero { padding-block: 2.7rem 2.4rem; }
  .about-hero-grid { gap: 2rem; }
  .about-hero h1 { max-width: 13ch; font-size: clamp(2.5rem, 11.5vw, 3.6rem); }
  .about-hero-lead { margin-block-start: 1rem; font-size: .94rem; line-height: 1.72; }
  .about-actions { align-items: stretch; gap: .55rem; margin-block-start: 1.25rem; }
  .about-button { min-height: 45px; padding-inline: .78rem; font-size: .82rem; }
  .about-origin-visual { padding: 1.1rem; border-radius: 1rem; }
  .about-origin-stage { align-items: flex-start; flex-direction: column; gap: .15rem; }
  .about-origin-stage small { text-align: start; }
  .about-origin-signals { gap: .34rem; }
  .about-origin-signals span { padding: .28rem .48rem; font-size: .64rem; }
  .about-statement { grid-template-columns: 1fr; gap: 1.2rem; padding-block: 3rem; }
  .about-statement-mark { min-height: 0; justify-content: flex-start; gap: .35rem; border: 0; }
  .about-statement-mark span:first-child { height: 1.7rem; }
  .about-statement-mark span:nth-child(2) { height: 2.7rem; }
  .about-statement-mark span:last-child { height: 2rem; }
  .about-statement h2 { font-size: clamp(2rem, 9vw, 2.8rem); }
  .about-statement-copy > p:last-child { font-size: .92rem; }
  .about-story,.about-people,.about-principles { padding-block: 3.2rem; }
  .about-section-heading { margin-block-end: 1.8rem; }
  .about-section-heading h2,.about-needs h2,.about-global h2 { font-size: clamp(1.8rem, 8vw, 2.5rem); }
  .about-timeline { grid-template-columns: 1fr; gap: 0; }
  .about-timeline::before { display: block; inset-block: .85rem .95rem; inset-inline-start: .85rem; inset-inline-end: auto; width: 1px; height: auto; background: linear-gradient(var(--about-cyan), color-mix(in srgb, var(--about-violet) 42%, var(--marketing-border))); }
  .about-timeline-item { min-height: 6.3rem; padding: .2rem 0 1.3rem; border: 0; }
  .about-timeline-marker { inset-block-start: 0; inset-inline-start: 0; width: 1.75rem; height: 1.75rem; }
  .about-timeline-copy { padding-block-start: .12rem; padding-inline-start: 2.7rem; }
  .about-timeline-kicker { margin-block-end: .25rem; }
  .about-timeline-copy h3 { font-size: .98rem; }
  .about-timeline-copy p { margin-block-start: .45rem; font-size: .8rem; }
  .about-needs { padding-block: 3rem; }
  .about-needs-layout,.about-global { gap: 1.8rem; }
  .about-needs-heading > p:not(.about-eyebrow) { font-size: .9rem; }
  .about-two-way { margin-block-start: 1.1rem; padding: .75rem; }
  .about-two-way-flow { grid-template-columns: minmax(0, 1fr); justify-items: stretch; gap: .25rem; padding: .55rem; }
  .about-two-way-node { min-height: 2.3rem; font-size: .75rem; }
  .about-two-way-ai { width: 2.8rem; min-height: 1.9rem; justify-self: center; font-size: .72rem; }
  .about-two-way-connector svg { width: 1rem; height: .7rem; }
  .about-two-way-connector svg,.about-v1[dir="rtl"] .about-two-way-connector svg { transform: rotate(90deg); }
  .about-needs-group { padding-block: .9rem; }
  .about-needs-group ul { gap: .38rem; }
  .about-needs-group li { padding: .38rem .53rem; font-size: .73rem; }
  .about-people-grid { grid-template-columns: 1fr; gap: 1.35rem; }
  .about-person { grid-template-columns: 3.5rem minmax(0, 1fr); gap: .9rem; padding-block-start: 1rem; }
  .about-person-monogram { width: 3.1rem; height: 3.1rem; border-radius: .9rem; font-size: .9rem; }
  .about-person h3 { font-size: 1.15rem; }
  .about-person-role { font-size: .7rem; }
  .about-person > div > p:last-child { font-size: .81rem; }
  .about-global { padding-block: 3rem; }
  .about-global-visual { grid-template-columns: minmax(0, 1fr) 1.8rem minmax(0, 1fr); gap: .35rem; padding: .8rem; }
  .about-global-node { min-height: 6.1rem; padding: .65rem; }
  .about-global-node > span { font-size: .58rem; }
  .about-global-node strong { font-size: .82rem; }
  .about-global-connector svg { width: 1.35rem; }
  .about-principles-list { grid-template-columns: 1fr; }
  .about-principles-list li { grid-template-columns: 2rem minmax(0, 1fr); gap: .75rem; padding-block: 1rem; }
  .about-cta { padding: 2rem 1rem; margin-block-end: 3rem; border-radius: 1rem; }
  .about-cta h2 { font-size: clamp(1.8rem, 8vw, 2.5rem); }
  .about-cta-copy { font-size: .86rem; }
  .about-cta-actions { width: 100%; flex-direction: column; }
  .about-cta-actions .about-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .about-button { transition: none; }
  .about-button:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.security-v1) { scroll-behavior: auto; }
  .security-v1 *,
  .security-v1 *::before,
  .security-v1 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.marketing-main:has(.public-contact-v1),
.marketing-main:has(.public-demo-v1) { display: block; width: 100%; max-width: none; padding: 0; }
.conversion-page { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(3rem, 5.5vw, 5.5rem); background: radial-gradient(ellipse at 10% 5%, color-mix(in srgb, var(--marketing-accent) 8%, transparent), transparent 36%), radial-gradient(ellipse at 92% 26%, color-mix(in srgb, #39b6b0 7%, transparent), transparent 31%), var(--marketing-bg); }
.conversion-shell { width: var(--marketing-container); margin-inline: auto; }
.contact-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; gap: clamp(2.5rem, 6vw, 6.5rem); }
.contact-context { min-width: 0; padding-block: clamp(.8rem, 3vw, 2.8rem); }
.conversion-eyebrow { display: flex; align-items: center; gap: .58rem; margin: 0 0 1rem; color: var(--marketing-accent); font-size: .76rem; font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
.conversion-eyebrow > span { width: .5rem; height: .5rem; flex: 0 0 .5rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 .28rem color-mix(in srgb, currentColor 13%, transparent); }
.conversion-intro h1 { max-width: 22ch; margin: 0; font-size: clamp(2.8rem, 5.4vw, 5rem); font-weight: 720; letter-spacing: -.055em; line-height: 1.02; }
.conversion-lead { max-width: 60ch; margin: 1.25rem 0 0; color: var(--marketing-muted); font-size: clamp(1rem, .35vw + .9rem, 1.16rem); line-height: 1.78; }
.conversion-button { min-height: 3.15rem; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .78rem 1.1rem; border: 1px solid transparent; border-radius: .72rem; font: inherit; font-size: .9rem; font-weight: 720; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.conversion-button-primary { color: #fff; background: #2868dc; box-shadow: 0 9px 20px rgba(37, 99, 235, .18); }
.conversion-button-secondary { color: var(--marketing-text); border-color: var(--marketing-border); background: var(--marketing-surface); }
.conversion-button > span { flex: 0 0 auto; font-size: 1.05rem; line-height: 1; }
.conversion-button:focus-visible,.conversion-control:focus-visible { outline: 3px solid var(--marketing-focus); outline-offset: 3px; }
.contact-anchor { margin-block-start: 1.55rem; }
.contact-reasons { margin-block-start: clamp(2.6rem, 5vw, 4.2rem); }
.contact-reasons h2 { margin: 0 0 .5rem; color: var(--marketing-muted); font-size: .75rem; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }
.contact-reasons ul { margin: 0; padding: 0; list-style: none; }
.contact-reasons li { display: grid; grid-template-columns: 2.35rem minmax(0, 1fr); gap: .85rem; padding-block: 1.05rem; border-block-start: 1px solid var(--marketing-border); }
.contact-reason-index { width: 2rem; height: 2rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--marketing-accent) 20%, var(--marketing-border)); border-radius: .65rem; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 7%, var(--marketing-surface)); font-size: .69rem; font-weight: 760; }
.contact-reasons h3 { margin: 0; font-size: .97rem; font-weight: 720; line-height: 1.4; }
.contact-reasons li p { margin: .3rem 0 0; color: var(--marketing-muted); font-size: .84rem; line-height: 1.6; }
.contact-guidance { display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: start; gap: .8rem; margin-block-start: 1.1rem; padding: 1rem; border: 1px solid color-mix(in srgb, #39b6b0 23%, var(--marketing-border)); border-radius: .85rem; background: color-mix(in srgb, #39b6b0 5%, var(--marketing-surface)); }
.contact-guidance-mark { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: .55rem; color: var(--marketing-accent); background: color-mix(in srgb, #39b6b0 13%, var(--marketing-surface)); }
.contact-guidance-mark svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.contact-guidance p { margin: 0; color: var(--marketing-text); font-size: .82rem; line-height: 1.62; }
.contact-context-links { display: flex; align-items: center; flex-wrap: wrap; gap: .9rem 1.25rem; margin-block-start: 1.4rem; }
.contact-context-links > a,.demo-security-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--marketing-accent); font-size: .8rem; font-weight: 720; text-decoration: none; }
.contact-context-links > a:hover,.demo-security-link:hover { text-decoration: underline; text-underline-offset: .2em; }
.contact-social { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.contact-social > p { margin: 0; color: var(--marketing-muted); font-size: .75rem; }
.contact-social-links { display: inline-flex; gap: .35rem; }
.conversion-form-card { min-width: 0; padding: clamp(1.25rem, 2.6vw, 2.25rem); border: 1px solid color-mix(in srgb, var(--marketing-accent) 16%, var(--marketing-border)); border-radius: 1.15rem; background: linear-gradient(145deg, color-mix(in srgb, var(--marketing-surface) 97%, var(--marketing-accent)), var(--marketing-surface) 42%); box-shadow: 0 24px 62px rgba(24, 39, 75, .09), inset 0 1px 0 color-mix(in srgb, white 55%, transparent); }
:root[data-theme="dark"] .conversion-form-card { box-shadow: 0 24px 62px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035); }
.conversion-form-heading { margin-block-end: 1.35rem; }
.conversion-form-kicker,.demo-panel-kicker { margin: 0 0 .48rem; color: var(--marketing-accent); font-size: .68rem; font-weight: 770; letter-spacing: .1em; text-transform: uppercase; }
.conversion-form-heading h2 { margin: 0; font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 710; letter-spacing: -.035em; line-height: 1.18; }
.conversion-form-heading > p:last-child { margin: .55rem 0 0; color: var(--marketing-muted); font-size: .85rem; line-height: 1.65; }
.conversion-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.05rem; }
.conversion-field { min-width: 0; display: flex; flex-direction: column; gap: .38rem; }
.conversion-field-wide { grid-column: 1 / -1; }
.conversion-label { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; color: var(--marketing-text); font-size: .77rem; font-weight: 690; line-height: 1.4; }
.conversion-required { color: var(--marketing-accent); font-size: .65rem; font-weight: 650; white-space: nowrap; }
.conversion-optional { color: var(--marketing-muted); font-size: .65rem; font-weight: 560; white-space: nowrap; }
.conversion-control { width: 100%; min-width: 0; min-height: 3.05rem; padding: .72rem .82rem; border: 1px solid var(--marketing-border); border-radius: .62rem; color: var(--marketing-text); background: color-mix(in srgb, var(--marketing-bg) 72%, var(--marketing-surface)); font: inherit; font-size: .85rem; line-height: 1.4; transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
.conversion-control:hover { border-color: color-mix(in srgb, var(--marketing-accent) 36%, var(--marketing-border)); }
.conversion-control:focus { border-color: var(--marketing-accent); background: var(--marketing-surface); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marketing-accent) 12%, transparent); }
input.conversion-control:not(:placeholder-shown),textarea.conversion-control:not(:placeholder-shown) { background: color-mix(in srgb, var(--marketing-accent) 4%, var(--marketing-surface)); }
.conversion-control:-webkit-autofill { -webkit-text-fill-color: var(--marketing-text); box-shadow: 0 0 0 1000px var(--marketing-surface) inset; }
.conversion-control::placeholder { color: color-mix(in srgb, var(--marketing-muted) 78%, transparent); opacity: 1; }
.conversion-select-wrap { position: relative; }
.conversion-select-wrap::after { position: absolute; inset-inline-end: 1rem; inset-block-start: 50%; width: .45rem; height: .45rem; border-inline-end: 1.5px solid var(--marketing-muted); border-block-end: 1.5px solid var(--marketing-muted); content: ""; pointer-events: none; transform: translateY(-68%) rotate(45deg); }
.conversion-select { appearance: none; padding-inline-end: 2.6rem; cursor: pointer; }
.conversion-select option { color: var(--marketing-text); background: var(--marketing-surface); }
.conversion-textarea { min-height: 7rem; resize: vertical; }
.conversion-field-hint { margin: -.12rem 0 0; color: var(--marketing-muted); font-size: .68rem; line-height: 1.45; }
.conversion-submit { width: 100%; margin-block-start: 1.25rem; }
.demo-shell { max-width: 1370px; }
.demo-intro { max-width: 920px; margin-block-end: clamp(2rem, 4vw, 3.5rem); }
.demo-intro h1 { max-width: 24ch; }
.demo-layout { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); align-items: start; gap: clamp(1.25rem, 2.8vw, 2.6rem); }
.demo-value-panel { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid color-mix(in srgb, #39b6b0 22%, var(--marketing-border)); border-radius: 1.1rem; background: radial-gradient(ellipse at 8% 0%, color-mix(in srgb, #39b6b0 9%, transparent), transparent 60%), var(--marketing-surface); }
.demo-value-panel h2 { max-width: 19ch; margin: 0; font-size: clamp(1.45rem, 2.3vw, 2rem); font-weight: 710; letter-spacing: -.035em; line-height: 1.2; }
.demo-value-list { display: grid; gap: 0; margin: 1rem 0 0; padding: 0; list-style: none; }
.demo-value-list li { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: .75rem; padding-block: .88rem; border-block-start: 1px solid var(--marketing-border); }
.demo-value-index { width: 1.85rem; height: 1.85rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, #39b6b0 25%, var(--marketing-border)); border-radius: .58rem; color: var(--marketing-accent); background: color-mix(in srgb, #39b6b0 7%, var(--marketing-bg)); font-size: .65rem; font-weight: 760; }
.demo-value-list h3 { margin: 0; font-size: .87rem; font-weight: 720; line-height: 1.45; }
.demo-value-list li p { margin: .3rem 0 0; color: var(--marketing-muted); font-size: .77rem; line-height: 1.58; }
.demo-trust-signals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .42rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.demo-trust-signals li { display: flex; align-items: center; gap: .42rem; min-width: 0; padding: .5rem .55rem; border: 1px solid var(--marketing-border); border-radius: .55rem; color: var(--marketing-muted); background: color-mix(in srgb, var(--marketing-bg) 58%, var(--marketing-surface)); font-size: .66rem; font-weight: 620; line-height: 1.4; }
.demo-trust-signals li::before { width: .34rem; height: .34rem; flex: 0 0 .34rem; border-radius: 50%; background: #39b6b0; content: ""; }
.demo-security-link { margin-block-start: 1rem; font-size: .73rem; line-height: 1.45; }
.public-contact-v1[dir="rtl"] .conversion-button > span,.public-contact-v1[dir="rtl"] .contact-context-links > a > span,.public-demo-v1[dir="rtl"] .conversion-button > span,.public-demo-v1[dir="rtl"] .demo-security-link > span { transform: scaleX(-1); }
@media (hover: hover) {
  .conversion-button-primary:hover { background: #1e56be; box-shadow: 0 12px 26px rgba(37, 99, 235, .25); transform: translateY(-1px); }
  .conversion-button-secondary:hover { border-color: color-mix(in srgb, var(--marketing-accent) 42%, var(--marketing-border)); transform: translateY(-1px); }
  .conversion-control:hover { background: var(--marketing-surface); }
}
@media (max-width: 1000px) {
  .contact-layout,.demo-layout { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .contact-context { padding-block: 0; }
  .contact-reasons { margin-block-start: 2.2rem; }
  .contact-form-card,.demo-form-card { width: 100%; }
}
@media (max-width: 680px) {
  .conversion-page { padding-block: 2.35rem 3rem; }
  .conversion-shell { width: calc(100% - 2rem); }
  .contact-layout { gap: 1.5rem; }
  .conversion-intro h1 { font-size: clamp(2.65rem, 11vw, 3.65rem); }
  .conversion-lead { margin-block-start: .9rem; font-size: .96rem; line-height: 1.7; }
  .contact-anchor { width: 100%; margin-block-start: 1.1rem; }
  .contact-reasons { margin-block-start: 2.1rem; }
  .contact-reasons li { grid-template-columns: 2.15rem minmax(0, 1fr); gap: .68rem; padding-block: .88rem; }
  .contact-guidance { margin-block-start: .9rem; padding: .85rem; }
  .contact-context-links { align-items: flex-start; flex-direction: column; gap: .75rem; }
  .conversion-form-card,.demo-value-panel { padding: 1.1rem; border-radius: .95rem; }
  .conversion-form-heading h2,.demo-value-panel h2 { font-size: 1.45rem; }
  .conversion-form-grid { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
  .conversion-field-wide { grid-column: auto; }
  .conversion-control { min-height: 3rem; }
  .conversion-textarea { min-height: 6.8rem; }
  .conversion-submit { min-height: 3.2rem; }
  .demo-intro { margin-block-end: 1.5rem; }
  .demo-intro h1 { font-size: clamp(2.4rem, 9.6vw, 3.45rem); }
  .demo-layout { gap: 1rem; }
  .demo-value-list li { padding-block: .78rem; }
  .demo-trust-signals { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .conversion-button,.conversion-control { transition: none; }
  .conversion-button-primary:hover,.conversion-button-secondary:hover { transform: none; }
}

/* Public pricing page */
.pricing-v1 {
  --pricing-ink: #17243a;
  --pricing-muted: #65738a;
  --pricing-line: rgba(31, 55, 91, .12);
  --pricing-panel: rgba(255, 255, 255, .92);
  --pricing-soft: #f2f6fb;
  --pricing-blue: #3477ed;
  --pricing-cyan: #14aebd;
  --pricing-green: #17896d;
  --pricing-shadow: 0 18px 54px rgba(27, 51, 87, .09);
  overflow: hidden;
  color: var(--pricing-ink);
  background: radial-gradient(ellipse at 7% 4%, rgba(96, 156, 255, .08), transparent 32%), var(--marketing-bg);
}

:root[data-theme="dark"] .pricing-v1 {
  --pricing-ink: #edf3ff;
  --pricing-muted: #b0bfd4;
  --pricing-line: rgba(167, 190, 226, .16);
  --pricing-panel: rgba(25, 35, 53, .94);
  --pricing-soft: #172236;
  --pricing-blue: #8db5ff;
  --pricing-cyan: #70d1dc;
  --pricing-green: #72d3b2;
  --pricing-shadow: 0 20px 58px rgba(0, 0, 0, .2);
}

.pricing-container {
  width: min(calc(100% - clamp(2rem, 6vw, 7rem)), 2240px);
  margin-inline: auto;
}

.pricing-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-block-end: 1px solid var(--pricing-line);
  background:
    radial-gradient(ellipse at 82% 50%, rgba(71, 145, 255, .17), transparent 33%),
    radial-gradient(ellipse at 13% 6%, rgba(23, 180, 190, .09), transparent 29%),
    var(--marketing-bg);
}

.pricing-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(rgba(85, 124, 178, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(85, 124, 178, .045) 1px, transparent 1px);
  background-size: 48px 48px;
  content: "";
  mask-image: linear-gradient(90deg, transparent, #000 40%, #000 92%, transparent);
}

.pricing-hero-inner {
  min-height: clamp(440px, 34vw, 590px);
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 8rem);
  padding-block: clamp(3.5rem, 7vw, 7.5rem);
}

.pricing-hero-copy { max-width: 850px; }
.pricing-eyebrow { margin: 0 0 .85rem; color: var(--pricing-blue); font-size: .72rem; font-weight: 800; letter-spacing: .15em; line-height: 1.4; text-transform: uppercase; }
.pricing-hero h1 { max-width: 15ch; margin: 0; color: var(--pricing-ink); font-size: clamp(2.8rem, 5.25vw, 5.7rem); font-weight: 760; letter-spacing: -.055em; line-height: 1.02; }
.pricing-hero-lead { max-width: 690px; margin: 1.45rem 0 0; color: var(--pricing-muted); font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.75; }
.pricing-hero-terms { display: inline-flex; margin: 1.35rem 0 0; padding: .55rem .82rem; border: 1px solid var(--pricing-line); border-radius: 999px; color: var(--pricing-ink); background: var(--pricing-panel); font-size: .86rem; font-weight: 700; }
.pricing-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1.55rem; }
.pricing-button { min-height: 3.05rem; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .78rem 1.1rem; border: 1px solid transparent; border-radius: .72rem; font-size: .88rem; font-weight: 750; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.pricing-button-primary { color: #fff; background: #2563eb; box-shadow: 0 10px 26px rgba(37, 99, 235, .22); }
:root[data-theme="dark"] .pricing-button-primary { color: #101a2b; background: #9bbaff; }
.pricing-button-secondary { border-color: var(--pricing-line); color: var(--pricing-ink); background: var(--pricing-panel); }
.pricing-hero-visual { min-height: clamp(270px, 24vw, 420px); position: relative; display: grid; place-items: center; }
.pricing-hero-orbit { position: absolute; aspect-ratio: 1; border: 1px solid rgba(61, 128, 231, .2); border-radius: 50%; }
.pricing-hero-orbit--outer { width: min(94%, 390px); box-shadow: 0 0 80px rgba(40, 129, 224, .09), inset 0 0 54px rgba(40, 129, 224, .06); }
.pricing-hero-orbit--inner { width: min(68%, 282px); border-color: rgba(20, 174, 189, .28); }
.pricing-hero-mark { width: clamp(118px, 10vw, 170px); aspect-ratio: 1; position: relative; display: grid; place-items: center; border: 1px solid rgba(82, 145, 248, .34); border-radius: 30%; color: #fff; background: linear-gradient(145deg, #2f74dc, #172746 68%); box-shadow: 0 22px 70px rgba(33, 96, 190, .29), inset 0 1px 0 rgba(255, 255, 255, .22); transform: rotate(-8deg); }
.pricing-hero-mark span { font-size: clamp(3.6rem, 7vw, 6.3rem); font-weight: 800; letter-spacing: -.09em; line-height: 1; transform: rotate(8deg); }
.pricing-hero-mark i { width: 12px; height: 12px; position: absolute; inset-block-start: 18%; inset-inline-end: 17%; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; background: #5dd6db; }
.pricing-hero-chip { position: absolute; display: inline-flex; align-items: center; gap: .48rem; padding: .62rem .78rem; border: 1px solid var(--pricing-line); border-radius: .72rem; color: var(--pricing-ink); background: var(--pricing-panel); box-shadow: var(--pricing-shadow); font-size: .76rem; font-weight: 750; }
.pricing-hero-chip--top { inset-block-start: 18%; inset-inline-end: 2%; }
.pricing-hero-chip--bottom { inset-block-end: 16%; inset-inline-start: 1%; }
.pricing-hero-chip--bottom span { color: var(--pricing-green); }

.pricing-section { padding-block: clamp(3.6rem, 6.2vw, 6.5rem); }
.pricing-section-heading { max-width: 820px; margin-block-end: clamp(1.65rem, 3vw, 2.7rem); }
.pricing-section-heading h2,.pricing-first-month h2,.pricing-final h2 { margin: 0; color: var(--pricing-ink); font-size: clamp(2rem, 3.7vw, 3.55rem); font-weight: 750; letter-spacing: -.045em; line-height: 1.1; }
.pricing-section-heading > p:not(.pricing-eyebrow) { max-width: 720px; margin: .9rem 0 0; color: var(--pricing-muted); line-height: 1.75; }
.pricing-plans-section { padding-block-start: clamp(3rem, 5vw, 5rem); }
.pricing-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: clamp(.9rem, 1.5vw, 1.45rem); }
.pricing-plan-card { min-width: 0; position: relative; display: flex; flex-direction: column; padding: clamp(1.2rem, 1.7vw, 1.8rem); overflow: hidden; border: 1px solid var(--pricing-line); border-radius: 1.05rem; background: var(--pricing-panel); box-shadow: var(--pricing-shadow); }
.pricing-plan-card::before { height: 3px; position: absolute; inset: 0 0 auto; background: linear-gradient(90deg, transparent, rgba(65, 126, 232, .4), transparent); content: ""; opacity: .45; }
.pricing-plan-card--recommended { border-color: rgba(52, 119, 237, .62); box-shadow: 0 20px 60px rgba(46, 103, 204, .14), inset 0 0 0 1px rgba(52, 119, 237, .1); }
:root[data-theme="dark"] .pricing-plan-card--recommended { border-color: rgba(117, 168, 255, .65); box-shadow: 0 20px 60px rgba(34, 93, 190, .2), inset 0 0 0 1px rgba(117, 168, 255, .12); }
.pricing-recommended { align-self: flex-start; display: inline-flex; align-items: center; gap: .4rem; margin-block-end: .75rem; padding: .35rem .62rem; border: 1px solid rgba(52, 119, 237, .23); border-radius: 999px; color: var(--pricing-blue); background: rgba(52, 119, 237, .09); font-size: .69rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.pricing-plan-heading h3,.pricing-enterprise-copy h3 { margin: 0; color: var(--pricing-ink); font-size: 1.42rem; font-weight: 780; letter-spacing: -.025em; }
.pricing-plan-heading > p,.pricing-enterprise-copy > p:last-child { min-height: 3.35em; margin: .38rem 0 1.2rem; color: var(--pricing-muted); font-size: .86rem; line-height: 1.65; }
.pricing-plan-price { padding-block: .9rem .75rem; border-block-start: 1px solid var(--pricing-line); }
.pricing-price-label { display: block; color: var(--pricing-muted); font-size: .72rem; font-weight: 750; }
.pricing-plan-price > p { display: flex; align-items: baseline; gap: .42rem; margin: .18rem 0 0; color: var(--pricing-ink); }
.pricing-plan-price bdi { font-size: clamp(2.4rem, 3.1vw, 3.15rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.1; }
.pricing-plan-price > p > span { color: var(--pricing-muted); font-size: .86rem; }
.pricing-renewal { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem; margin: 0 0 1rem; color: var(--pricing-muted); font-size: .8rem; }
.pricing-renewal bdi { color: var(--pricing-ink); font-weight: 780; }
.pricing-plan-capacity { display: grid; gap: .62rem; margin: 0 0 1.4rem; padding: 0; list-style: none; }
.pricing-plan-capacity li { display: grid; grid-template-columns: minmax(2.5rem, auto) minmax(0, 1fr); align-items: baseline; gap: .6rem; color: var(--pricing-muted); font-size: .8rem; }
.pricing-plan-capacity li > bdi { color: var(--pricing-ink); font-size: .86rem; font-weight: 790; }
.pricing-button-card { width: 100%; min-height: 2.8rem; margin-block-start: auto; border-color: var(--pricing-line); color: var(--pricing-ink); background: transparent; font-size: .81rem; }
.pricing-plan-card--recommended .pricing-button-card { border-color: #3477ed; color: #fff; background: #3477ed; }
:root[data-theme="dark"] .pricing-plan-card--recommended .pricing-button-card { border-color: #9bbaff; color: #101a2b; background: #9bbaff; }
.pricing-enterprise-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: clamp(1.4rem, 3vw, 3rem); margin-block-start: 1rem; padding: clamp(1.35rem, 2.4vw, 2.1rem); border: 1px solid rgba(113, 91, 180, .24); border-radius: 1.05rem; background: linear-gradient(100deg, rgba(123, 99, 195, .09), var(--pricing-panel) 52%); box-shadow: var(--pricing-shadow); }
.pricing-enterprise-copy .pricing-eyebrow { margin-block-end: .45rem; color: #7860bd; }
:root[data-theme="dark"] .pricing-enterprise-copy .pricing-eyebrow { color: #c2aaff; }
.pricing-enterprise-copy > p:last-child { max-width: 850px; min-height: 0; margin: .4rem 0 0; }
.pricing-enterprise-price { display: grid; gap: .2rem; color: var(--pricing-ink); font-size: 1.2rem; font-weight: 800; }
.pricing-enterprise-price small { color: var(--pricing-muted); font-size: .72rem; font-weight: 650; }

.pricing-first-month { padding-block: clamp(2.8rem, 5vw, 5rem); border-block: 1px solid rgba(23, 137, 109, .16); background: linear-gradient(115deg, rgba(35, 172, 127, .1), rgba(67, 151, 188, .07) 55%, rgba(255,255,255,.15)); }
:root[data-theme="dark"] .pricing-first-month { background: linear-gradient(115deg, rgba(39, 153, 117, .16), rgba(42, 111, 151, .11) 55%, rgba(25,35,53,.2)); }
.pricing-first-month-inner { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(2rem, 6vw, 7rem); }
.pricing-first-month .pricing-eyebrow { color: var(--pricing-green); }
.pricing-first-month-copy > p:not(.pricing-eyebrow) { max-width: 690px; margin: .85rem 0 0; color: var(--pricing-muted); line-height: 1.75; }
.pricing-first-month-copy > small { display: block; margin-block-start: .9rem; color: var(--pricing-muted); font-size: .76rem; font-weight: 650; }
.pricing-first-month-steps { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.pricing-first-month-steps li { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); align-items: start; gap: .9rem; padding: 1rem 1.1rem; border: 1px solid rgba(23, 137, 109, .16); border-radius: .85rem; background: var(--pricing-panel); }
.pricing-step-number { width: 2.45rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: .7rem; color: var(--pricing-green); background: rgba(23, 137, 109, .11); font-size: .74rem; font-weight: 850; }
.pricing-first-month-steps h3 { margin: .05rem 0 .25rem; color: var(--pricing-ink); font-size: .95rem; }
.pricing-first-month-steps p { margin: 0; color: var(--pricing-muted); font-size: .8rem; line-height: 1.6; }

.pricing-table-hint { margin: -1rem 0 .8rem; color: var(--pricing-muted); font-size: .77rem; }
.pricing-table-scroll { overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--pricing-line); border-radius: .95rem; background: var(--pricing-panel); box-shadow: var(--pricing-shadow); scrollbar-color: var(--marketing-accent) var(--pricing-soft); }
.pricing-table-scroll:focus-visible { outline: 3px solid var(--marketing-focus); outline-offset: 3px; }
.pricing-comparison-table { width: 100%; min-width: 990px; border-collapse: collapse; color: var(--pricing-ink); font-size: .8rem; text-align: start; }
.pricing-comparison-table th,.pricing-comparison-table td { padding: .95rem .82rem; border-block-end: 1px solid var(--pricing-line); vertical-align: middle; }
.pricing-comparison-table thead th { color: var(--pricing-muted); background: var(--pricing-soft); font-size: .69rem; font-weight: 800; line-height: 1.45; }
.pricing-comparison-table tbody th { white-space: nowrap; font-size: .84rem; font-weight: 790; }
.pricing-comparison-table tbody td { color: var(--pricing-muted); white-space: nowrap; }
.pricing-comparison-table tbody tr:last-child th,.pricing-comparison-table tbody tr:last-child td { border-block-end: 0; }
.pricing-comparison-recommended { background: rgba(52, 119, 237, .07); }
.pricing-table-recommended { display: inline-block; margin-inline-start: .4rem; padding: .18rem .38rem; border-radius: 999px; color: var(--pricing-blue); background: rgba(52, 119, 237, .12); font-size: .59rem; font-weight: 800; vertical-align: middle; }

.pricing-included-section { background: var(--pricing-soft); }
.pricing-included-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 0; padding: 0; list-style: none; }
.pricing-included-grid li { min-height: 5rem; display: flex; align-items: flex-start; gap: .7rem; padding: 1rem; border: 1px solid var(--pricing-line); border-radius: .8rem; color: var(--pricing-ink); background: var(--pricing-panel); font-size: .82rem; font-weight: 650; line-height: 1.6; }
.pricing-included-grid li > span { flex: 0 0 auto; color: var(--pricing-cyan); font-size: 1.05rem; font-weight: 850; }
.pricing-two-column { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; gap: clamp(2rem, 7vw, 8rem); }
.pricing-ai-human { margin-block-start: 1rem !important; padding-inline-start: .9rem; border-inline-start: 3px solid var(--pricing-cyan); color: var(--pricing-ink) !important; font-weight: 700; }
.pricing-ai-details { padding: clamp(1.25rem, 2.4vw, 2rem); border: 1px solid var(--pricing-line); border-radius: 1rem; background: var(--pricing-panel); box-shadow: var(--pricing-shadow); }
.pricing-ai-details h3 { margin: 0 0 .65rem; color: var(--pricing-ink); font-size: 1rem; }
.pricing-ai-details ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.4rem; padding: 0; list-style: none; }
.pricing-ai-details li { padding: .43rem .63rem; border: 1px solid var(--pricing-line); border-radius: 999px; color: var(--pricing-ink); background: var(--pricing-soft); font-size: .72rem; font-weight: 650; }
.pricing-ai-details h3:nth-of-type(2) { margin-block-start: 1.3rem; }
.pricing-ai-details p { margin: 0; color: var(--pricing-muted); font-size: .85rem; line-height: 1.7; }

.pricing-bonus-section { position: relative; overflow: hidden; background: radial-gradient(ellipse at 9% 8%, rgba(52, 119, 237, .1), transparent 34%), radial-gradient(ellipse at 92% 96%, rgba(35, 172, 127, .09), transparent 35%), var(--pricing-soft); }
.pricing-bonus-section { margin-block-end: clamp(3.5rem, 3.2vw, 4rem); }
:root[data-theme="dark"] .pricing-bonus-section { background: radial-gradient(ellipse at 9% 8%, rgba(67, 119, 231, .17), transparent 34%), radial-gradient(ellipse at 92% 96%, rgba(35, 172, 127, .13), transparent 35%), var(--pricing-soft); }
.pricing-bonus-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: clamp(1rem, 2.2vw, 1.65rem); max-width: 940px; margin-block-end: 1.7rem; }
.pricing-bonus-gift { width: clamp(3.35rem, 6vw, 4.2rem); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(52, 119, 237, .2); border-radius: 1.15rem; color: var(--pricing-blue); background: linear-gradient(145deg, rgba(52, 119, 237, .12), rgba(35, 172, 127, .11)); box-shadow: 0 12px 32px rgba(52, 119, 237, .12); }
:root[data-theme="dark"] .pricing-bonus-gift { color: #9dbaff; border-color: rgba(121, 158, 255, .26); background: linear-gradient(145deg, rgba(52, 119, 237, .2), rgba(35, 172, 127, .16)); }
.pricing-bonus-gift svg { width: 72%; height: 72%; overflow: visible; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.pricing-bonus-gift .pricing-bonus-sparkle { stroke: #d18a36; stroke-width: 2; }
.pricing-bonus-heading .pricing-eyebrow { margin-block-end: .5rem; color: var(--pricing-blue); }
.pricing-bonus-heading h2 { margin: 0; color: var(--pricing-ink); font-size: clamp(1.8rem, 3.2vw, 2.75rem); font-weight: 780; letter-spacing: -.04em; line-height: 1.12; }
.pricing-bonus-heading > div > p:last-child { max-width: 790px; margin: .65rem 0 0; color: var(--pricing-muted); font-size: .9rem; line-height: 1.7; }
.pricing-bonus-balances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.pricing-bonus-card { min-width: 0; padding: clamp(1.1rem, 2.1vw, 1.55rem); border: 1px solid var(--pricing-line); border-radius: .95rem; background: var(--pricing-panel); box-shadow: var(--pricing-shadow); }
.pricing-bonus-card--monthly { border-color: rgba(52, 119, 237, .25); }
.pricing-bonus-card--earned { border-color: rgba(35, 172, 127, .27); }
.pricing-bonus-card h3 { margin: 0 0 .8rem; color: var(--pricing-ink); font-size: 1rem; font-weight: 760; }
.pricing-bonus-card--earned h3 { color: var(--pricing-green); }
.pricing-bonus-card ul { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.pricing-bonus-card li { display: flex; align-items: flex-start; gap: .58rem; color: var(--pricing-muted); font-size: .8rem; line-height: 1.5; }
.pricing-bonus-card li::before { width: .43rem; height: .43rem; flex: 0 0 .43rem; margin-block-start: .42rem; border-radius: 50%; background: var(--pricing-blue); content: ""; }
.pricing-bonus-card--earned li::before { background: var(--pricing-green); }
.pricing-bonus-consumption { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .85fr); align-items: center; gap: 1.15rem; margin-block-start: .9rem; padding: .9rem 1.1rem; border: 1px solid var(--pricing-line); border-radius: .9rem; background: var(--pricing-panel); }
.pricing-bonus-flow { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.pricing-bonus-flow-node { min-width: 0; display: grid; gap: .16rem; }
.pricing-bonus-flow-node small { color: var(--pricing-muted); font-size: .62rem; font-weight: 850; letter-spacing: .09em; }
.pricing-bonus-flow-node strong { color: var(--pricing-ink); font-size: .8rem; line-height: 1.3; }
.pricing-bonus-flow-node--bonus strong { color: var(--pricing-green); }
.pricing-bonus-flow > svg { width: 2rem; height: 1.25rem; flex: 0 0 2rem; stroke: var(--pricing-blue); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .pricing-bonus-flow > svg { transform: rotate(180deg); }
.pricing-bonus-consumption > p { margin: 0; color: var(--pricing-muted); font-size: .78rem; line-height: 1.6; }
.pricing-bonus-notes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .9rem; margin-block-start: .9rem; }
.pricing-bonus-notes article,.pricing-bonus-notes > div { min-width: 0; padding: 1rem 1.1rem; border: 1px solid var(--pricing-line); border-radius: .9rem; background: var(--pricing-panel); }
.pricing-bonus-notes h3 { margin: 0 0 .35rem; color: var(--pricing-ink); font-size: .85rem; }
.pricing-bonus-notes p { margin: 0; color: var(--pricing-muted); font-size: .75rem; line-height: 1.65; }
.pricing-bonus-notes > div { display: grid; align-content: center; gap: .55rem; }
.pricing-bonus-notes .pricing-bonus-duration { padding-block-start: .55rem; border-block-start: 1px solid var(--pricing-line); color: var(--pricing-ink); font-weight: 650; }

.pricing-hunter-section { padding-block-start: 0; }
.pricing-hunter-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .35fr); align-items: center; gap: clamp(1.4rem, 4vw, 4rem); padding: clamp(1.3rem, 3vw, 2.6rem); border: 1px solid var(--pricing-line); border-radius: 1.05rem; background: var(--pricing-panel); box-shadow: var(--pricing-shadow); }
.pricing-hunter-copy h2 { margin: 0; color: var(--pricing-ink); font-size: clamp(1.6rem, 3vw, 2.5rem); letter-spacing: -.04em; line-height: 1.15; }
.pricing-hunter-copy > p:not(.pricing-eyebrow) { max-width: 800px; margin: .7rem 0 0; color: var(--pricing-muted); line-height: 1.7; }
.pricing-hunter-price { padding: 1.2rem; border: 1px solid rgba(52, 119, 237, .17); border-radius: .85rem; background: var(--pricing-soft); }
.pricing-hunter-price > span { color: var(--pricing-muted); font-size: .73rem; font-weight: 750; }
.pricing-hunter-price strong { display: block; margin-block-start: .3rem; color: var(--pricing-ink); font-size: 2rem; }
.pricing-hunter-price strong small { margin-inline-start: .28rem; color: var(--pricing-muted); font-size: .78rem; font-weight: 600; }
.pricing-hunter-price p { margin: .35rem 0 0; color: var(--pricing-muted); font-size: .75rem; line-height: 1.55; }
.pricing-hunter-details { margin-block-start: .9rem; color: var(--pricing-ink); }
.pricing-hunter-details summary,.pricing-faq-list summary { cursor: pointer; color: var(--pricing-blue); font-size: .82rem; font-weight: 750; }
.pricing-hunter-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; padding-block: .9rem .15rem; }
.pricing-hunter-detail-grid h3 { margin: 0 0 .35rem; color: var(--pricing-ink); font-size: .8rem; }
.pricing-hunter-detail-grid ul { margin: 0; padding-inline-start: 1.1rem; color: var(--pricing-muted); font-size: .77rem; line-height: 1.7; }

.pricing-addons-section { background: var(--pricing-soft); }
.pricing-addon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1rem; }
.pricing-addon-card { min-width: 0; padding: clamp(1.05rem, 1.7vw, 1.55rem); border: 1px solid var(--pricing-line); border-radius: .95rem; background: var(--pricing-panel); box-shadow: var(--pricing-shadow); }
.pricing-addon-card h3 { margin: 0; color: var(--pricing-ink); font-size: 1.05rem; letter-spacing: -.02em; }
.pricing-addon-card > p { min-height: 3.1em; margin: .45rem 0 1rem; color: var(--pricing-muted); font-size: .77rem; line-height: 1.6; }
.pricing-addon-list { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.pricing-addon-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: .45rem; padding-block: .45rem; border-block-end: 1px solid var(--pricing-line); color: var(--pricing-muted); font-size: .71rem; }
.pricing-addon-list li:last-child { border-block-end: 0; }
.pricing-addon-list li > bdi { color: var(--pricing-ink); font-weight: 780; white-space: nowrap; }
.pricing-addon-list li > strong { color: var(--pricing-ink); font-size: .72rem; text-align: end; white-space: nowrap; }
.pricing-addon-card--import { grid-column: 1 / -1; }
.pricing-addon-card--import .pricing-addon-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem .8rem; }
.pricing-addon-card--import .pricing-addon-list li { grid-template-columns: minmax(0, 1fr) auto; }
.pricing-addon-card--import .pricing-addon-list li > span { grid-column: 1; grid-row: 2; }
.pricing-addon-card--import .pricing-addon-list li > strong { grid-column: 2; grid-row: 1 / span 2; }
.pricing-addon-notes { display: flex; flex-wrap: wrap; gap: .5rem 1.8rem; margin-block-start: 1rem; color: var(--pricing-muted); font-size: .73rem; line-height: 1.65; }
.pricing-addon-notes p { flex: 1 1 320px; margin: 0; }
.pricing-addon-contact { margin: 1.3rem 0 0; text-align: center; }
.pricing-addon-contact a { color: var(--pricing-blue); font-size: .86rem; font-weight: 750; text-decoration: none; }

.pricing-faq-container { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); align-items: start; gap: clamp(2rem, 8vw, 9rem); }
.pricing-faq-container .pricing-section-heading { margin: 0; }
.pricing-faq-list { border-block-start: 1px solid var(--pricing-line); }
.pricing-faq-list details { padding: 1rem .15rem; border-block-end: 1px solid var(--pricing-line); }
.pricing-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--pricing-ink); font-size: .9rem; list-style-position: inside; }
.pricing-faq-list details[open] summary { color: var(--pricing-blue); }
.pricing-faq-list details > p { max-width: 850px; margin: .7rem 1.5rem 0 0; color: var(--pricing-muted); font-size: .82rem; line-height: 1.7; }
.pricing-conditions { padding-block: 1.75rem; border-block: 1px solid var(--pricing-line); background: var(--pricing-soft); }
.pricing-conditions-inner { display: grid; grid-template-columns: minmax(170px, .45fr) minmax(0, 1.55fr); align-items: start; gap: 2rem; }
.pricing-conditions h2 { margin: 0; color: var(--pricing-ink); font-size: .88rem; }
.pricing-conditions ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem 1.5rem; margin: 0; padding-inline-start: 1.1rem; color: var(--pricing-muted); font-size: .72rem; line-height: 1.6; }
.pricing-final { margin-block: clamp(2.8rem, 5.5vw, 5.7rem); }
.pricing-final-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 4vw, 3.2rem); border: 1px solid rgba(53, 119, 237, .24); border-radius: 1.2rem; background: radial-gradient(ellipse at 86% 12%, rgba(57, 126, 232, .12), transparent 38%), var(--pricing-panel); box-shadow: var(--pricing-shadow); }
.pricing-final h2 { max-width: 18ch; font-size: clamp(1.8rem, 3.4vw, 3rem); }
.pricing-final-inner > div:first-child > p:last-child { max-width: 700px; margin: .7rem 0 0; color: var(--pricing-muted); line-height: 1.7; }
.pricing-final .pricing-actions { flex: 0 0 auto; margin: 0; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .pricing-button:hover { transform: translateY(-2px); }
  .pricing-button-primary:hover { box-shadow: 0 14px 32px rgba(37, 99, 235, .28); }
  .pricing-button-secondary:hover,.pricing-button-card:hover { border-color: var(--pricing-blue); }
  .pricing-plan-card:not(.pricing-plan-card--recommended) { transition: transform .2s ease, border-color .2s ease; }
  .pricing-plan-card:not(.pricing-plan-card--recommended):hover { transform: translateY(-3px); border-color: rgba(52, 119, 237, .38); }
  .pricing-bonus-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
  .pricing-bonus-card:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(46, 103, 204, .12); }
}

@media (min-width: 1900px) {
  .pricing-hero-inner { min-height: 600px; }
  .pricing-plan-grid { gap: 1.4rem; }
}

@media (max-width: 1050px) {
  .pricing-container { width: min(calc(100% - 3rem), 900px); }
  .pricing-bonus-section { margin-block-end: clamp(2.75rem, 5vw, 3rem); }
  .pricing-hero-inner { grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr); gap: 2rem; }
  .pricing-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-included-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-addon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-addon-card--import { grid-column: 1 / -1; }
  .pricing-addon-card--import .pricing-addon-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .pricing-container { width: calc(100% - 2rem); }
  .pricing-hero-inner { min-height: 0; grid-template-columns: 1fr; gap: 1rem; padding-block: 3.2rem 1.8rem; }
  .pricing-hero h1 { max-width: 13ch; font-size: clamp(2.65rem, 10vw, 4.4rem); }
  .pricing-hero-lead { margin-block-start: 1rem; font-size: .98rem; }
  .pricing-hero-visual { min-height: 235px; }
  .pricing-hero-orbit--outer { width: 210px; }
  .pricing-hero-orbit--inner { width: 152px; }
  .pricing-hero-mark { width: 98px; }
  .pricing-hero-mark span { font-size: 3.7rem; }
  .pricing-hero-chip--top { inset-block-start: 8%; inset-inline-end: 4%; }
  .pricing-hero-chip--bottom { inset-block-end: 7%; inset-inline-start: 3%; }
  .pricing-section { padding-block: 3.35rem; }
  .pricing-plans-section { padding-block-start: 2.7rem; }
  .pricing-plan-grid { grid-template-columns: 1fr; gap: .8rem; }
  .pricing-plan-card { padding: 1.2rem; }
  .pricing-plan-heading > p { min-height: 0; }
  .pricing-plan-price bdi { font-size: 2.65rem; }
  .pricing-enterprise-panel { grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; }
  .pricing-enterprise-copy { grid-column: 1 / -1; }
  .pricing-enterprise-panel > .pricing-button { grid-column: 1 / -1; }
  .pricing-first-month-inner,.pricing-two-column { grid-template-columns: 1fr; gap: 1.5rem; }
  .pricing-first-month { padding-block: 3rem; }
  .pricing-table-hint { margin-block-start: -1rem; }
  .pricing-included-grid { grid-template-columns: 1fr; }
  .pricing-bonus-balances,.pricing-bonus-notes { grid-template-columns: 1fr; }
  .pricing-bonus-consumption { grid-template-columns: 1fr; }
  .pricing-bonus-flow { flex-direction: column; align-items: stretch; }
  .pricing-bonus-flow > svg { align-self: center; transform: rotate(90deg); }
  [dir="rtl"] .pricing-bonus-flow > svg { transform: rotate(90deg); }
  .pricing-hunter-panel { grid-template-columns: 1fr; }
  .pricing-hunter-detail-grid { grid-template-columns: 1fr; gap: .9rem; }
  .pricing-addon-grid { grid-template-columns: 1fr; }
  .pricing-addon-card--import { grid-column: auto; }
  .pricing-addon-card--import .pricing-addon-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-faq-container { grid-template-columns: 1fr; gap: 1.2rem; }
  .pricing-conditions-inner { grid-template-columns: 1fr; gap: .75rem; }
  .pricing-conditions ul { grid-template-columns: 1fr; }
  .pricing-final-inner { align-items: stretch; flex-direction: column; gap: .7rem; }
  .pricing-final .pricing-actions { flex-direction: column; align-items: stretch; }
}

@media (max-width: 480px) {
  .pricing-bonus-section { margin-block-end: 2.25rem; }
}

@media (max-width: 390px) {
  .pricing-hero h1 { font-size: clamp(2.35rem, 11vw, 3rem); }
  .pricing-hero-terms { border-radius: .7rem; font-size: .75rem; }
  .pricing-enterprise-panel { grid-template-columns: 1fr; }
  .pricing-enterprise-price,.pricing-enterprise-panel > .pricing-button { grid-column: 1; }
  .pricing-addon-card--import .pricing-addon-list { grid-template-columns: 1fr; }
  .pricing-addon-list li { grid-template-columns: auto minmax(0, 1fr) auto; }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-button,.pricing-plan-card { transition: none !important; }
  .pricing-button:hover,.pricing-plan-card:hover { transform: none !important; }
}

@media (min-width: 2000px) {
  :root {
    --marketing-container: min(calc(100% - clamp(4rem, 8vw, 12rem)), 2240px);
  }

  .marketing-header-inner {
    justify-content: flex-start;
  }

  .marketing-menu {
    flex: 1;
    justify-content: space-between;
  }

  .marketing-main:has(.about-v1),
  .marketing-main:has(.pricing-v1) {
    width: 100%;
    max-width: none;
  }

  .home-v1 .home-overview,
  .home-v1 .home-workflow,
  .home-v1 .home-solutions {
    max-width: var(--marketing-container);
  }

  .marketing-pipeline-showcase,
  .home-public-jobs-feature,
  .product-content,
  .security-shell,
  .pricing-container {
    width: var(--marketing-container);
  }

  .demo-shell {
    max-width: var(--marketing-container);
  }
}

/* Public Privacy page */
.marketing-main:has(.marketing-privacy-v1) { display: block; width: 100%; max-width: none; padding: 0; }
.marketing-privacy-v1 { overflow: clip; color: var(--marketing-text); background: var(--marketing-bg); }
.privacy-shell { width: var(--marketing-container); margin-inline: auto; }
.privacy-hero { position: relative; isolation: isolate; overflow: hidden; border-block-end: 1px solid var(--marketing-border); background: radial-gradient(ellipse at 78% 40%, color-mix(in srgb, var(--marketing-accent) 12%, transparent), transparent 35%), linear-gradient(180deg, color-mix(in srgb, var(--marketing-surface) 75%, var(--marketing-bg)), var(--marketing-bg)); }
.privacy-hero-inner { min-height: clamp(430px, 38vw, 590px); position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(350px, .95fr); align-items: center; gap: clamp(2rem, 6vw, 7rem); padding-block: clamp(4.5rem, 7vw, 7.5rem); }
.privacy-hero-copy { max-width: 760px; }
.privacy-eyebrow { display: flex; align-items: center; gap: .62rem; margin: 0 0 .9rem; color: var(--marketing-accent); font-size: .76rem; font-weight: 760; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.privacy-eyebrow > span { width: .45rem; height: .45rem; flex: 0 0 auto; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 .28rem color-mix(in srgb, currentColor 13%, transparent); }
.privacy-hero h1 { max-width: 15ch; margin: 0; font-size: clamp(2.7rem, 5.2vw, 5.35rem); font-weight: 740; letter-spacing: -.055em; line-height: 1.04; }
.privacy-lead { max-width: 66ch; margin: 1.35rem 0 0; color: var(--marketing-muted); font-size: clamp(1rem, 1.22vw, 1.2rem); line-height: 1.78; }
.privacy-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1.75rem; }
.privacy-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: .65rem; padding: .7rem 1rem; border: 1px solid transparent; border-radius: .75rem; font-size: .9rem; font-weight: 700; text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.privacy-button svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.privacy-button-primary { color: #fff; background: #2563eb; box-shadow: 0 10px 24px rgba(37, 99, 235, .2); }
:root[data-theme="dark"] .privacy-button-primary { color: #101521; background: #91b7ff; }
.privacy-button-secondary { border-color: var(--marketing-border); color: var(--marketing-text); background: var(--marketing-surface); }
.privacy-updated { display: flex; flex-wrap: wrap; gap: .3rem .55rem; margin: 1.2rem 0 0; color: var(--marketing-muted); font-size: .78rem; }
.privacy-updated strong { color: var(--marketing-text); font-weight: 650; }
.privacy-hero-visual { width: min(100%, 560px); min-height: 350px; position: relative; display: grid; place-items: center; justify-self: end; }
.privacy-hero-orbit { position: absolute; aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--marketing-accent) 20%, var(--marketing-border)); border-radius: 50%; }
.privacy-hero-orbit--outer { width: min(90%, 440px); box-shadow: 0 0 85px color-mix(in srgb, var(--marketing-accent) 9%, transparent), inset 0 0 45px color-mix(in srgb, var(--marketing-accent) 5%, transparent); }
.privacy-hero-orbit--inner { width: min(66%, 320px); border-style: dashed; opacity: .78; }
.privacy-hero-core { width: 146px; aspect-ratio: 1; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .5rem; border: 1px solid color-mix(in srgb, var(--marketing-accent) 32%, var(--marketing-border)); border-radius: 2.3rem; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-surface) 88%, transparent); box-shadow: 0 22px 66px color-mix(in srgb, var(--marketing-accent) 13%, transparent); transform: rotate(-6deg); }
.privacy-hero-core svg { width: 3rem; height: 3rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.privacy-hero-core strong { color: var(--marketing-text); font-size: .72rem; letter-spacing: .13em; }
.privacy-hero-node { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: .48rem; padding: .62rem .8rem; border: 1px solid var(--marketing-border); border-radius: .8rem; color: var(--marketing-text); background: var(--marketing-surface); box-shadow: 0 12px 32px rgba(12, 20, 38, .12); font-size: .76rem; font-weight: 680; }
.privacy-hero-node i { width: .42rem; height: .42rem; border-radius: 50%; background: var(--marketing-accent); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--marketing-accent) 12%, transparent); }
.privacy-hero-node--one { inset-block-start: 14%; inset-inline-start: 3%; }
.privacy-hero-node--two { inset-block-end: 16%; inset-inline-start: 4%; }
.privacy-hero-node--three { inset-block-start: 32%; inset-inline-end: 0; }
.privacy-hero-glow { position: absolute; z-index: -1; inset-block-start: 12%; inset-inline-end: 11%; width: 30rem; height: 27rem; border-radius: 50%; background: color-mix(in srgb, var(--marketing-accent) 9%, transparent); filter: blur(90px); }
.privacy-summary { padding-block: clamp(3.7rem, 6vw, 6rem); }
.privacy-section-heading { max-width: 820px; margin-block-end: 1.8rem; }
.privacy-section-heading h2,.privacy-panel h2,.privacy-ai h2,.privacy-security h2,.privacy-workspace h2,.privacy-final h2 { margin: 0; font-size: clamp(1.75rem, 3.1vw, 2.75rem); font-weight: 710; letter-spacing: -.035em; line-height: 1.18; }
.privacy-section-heading > p:last-child { max-width: 70ch; margin: .75rem 0 0; color: var(--marketing-muted); line-height: 1.72; }
.privacy-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; }
.privacy-summary-card,.privacy-information-card,.privacy-panel,.privacy-candidate-card,.privacy-provider-card,.privacy-detail-card,.privacy-region-grid article,.privacy-request-grid article { border: 1px solid var(--marketing-border); border-radius: 1rem; background: var(--marketing-surface); }
.privacy-summary-card { min-height: 212px; padding: 1.1rem; }
.privacy-icon { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; margin-block-end: 1rem; border: 1px solid color-mix(in srgb, var(--marketing-accent) 24%, var(--marketing-border)); border-radius: .8rem; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 7%, var(--marketing-surface)); }
.privacy-icon svg,.privacy-panel-icon svg,.privacy-note-icon svg,.privacy-ai-decision svg,.privacy-ai-transmission-top svg,.privacy-workspace-mark svg,.privacy-security-icon svg,.privacy-final-icon svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.privacy-summary-card h3,.privacy-information-card h3,.privacy-candidate-note h3,.privacy-ai-decision h3,.privacy-provider-card h3,.privacy-request-grid h3,.privacy-region-grid h3 { margin: 0; font-size: .98rem; font-weight: 690; line-height: 1.4; }
.privacy-summary-card p,.privacy-information-card p,.privacy-panel > p:not(.privacy-eyebrow),.privacy-candidate-card p,.privacy-candidate-note p,.privacy-ai p,.privacy-provider-card p,.privacy-detail-card p,.privacy-region-grid p,.privacy-request-grid p { margin: .55rem 0 0; color: var(--marketing-muted); font-size: .88rem; line-height: 1.68; }
.privacy-page-nav { display: flex; align-items: flex-start; gap: 1.2rem; padding-block: 1.15rem; border-block: 1px solid var(--marketing-border); }
.privacy-page-nav-label { flex: 0 0 auto; padding-block: .48rem; color: var(--marketing-muted); font-size: .78rem; font-weight: 720; }
.privacy-page-nav-links { display: flex; flex-wrap: wrap; gap: .45rem; }
.privacy-page-nav a { padding: .43rem .7rem; border: 1px solid transparent; border-radius: 999px; color: var(--marketing-muted); font-size: .77rem; font-weight: 620; text-decoration: none; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.privacy-page-nav a:hover { border-color: color-mix(in srgb, var(--marketing-accent) 24%, var(--marketing-border)); color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 6%, var(--marketing-surface)); }
.privacy-content { padding-block-end: 1rem; }
.privacy-section { padding-block: clamp(3.4rem, 5.7vw, 5.5rem); scroll-margin-top: 110px; }
.privacy-section-heading--row { max-width: none; display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); align-items: end; gap: 2rem; }
.privacy-section-heading--row > p { margin: 0; color: var(--marketing-muted); line-height: 1.75; }
.privacy-check-list,.privacy-bullet-list { display: grid; gap: .72rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.privacy-check-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.privacy-check-list li { display: flex; align-items: flex-start; gap: .7rem; padding: 1rem; border: 1px solid var(--marketing-border); border-radius: .85rem; color: var(--marketing-text); background: var(--marketing-surface); font-size: .9rem; line-height: 1.6; }
.privacy-check-list li > span { width: 1.4rem; height: 1.4rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 10%, var(--marketing-surface)); }
.privacy-check-list svg { width: .9rem; height: .9rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.privacy-information-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.privacy-information-card { min-height: 150px; display: grid; grid-template-columns: 2.15rem minmax(0, 1fr); gap: .75rem; padding: 1rem; }
.privacy-card-index,.privacy-candidate-card > span,.privacy-region-grid article > span,.privacy-request-number { color: var(--marketing-accent); font-size: .72rem; font-weight: 780; letter-spacing: .08em; }
.privacy-information-card h3 { font-size: .92rem; }
.privacy-information-card p { font-size: .82rem; }
.privacy-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-block: 1rem 3rem; }
.privacy-panel { padding: clamp(1.2rem, 2.5vw, 2rem); }
.privacy-panel--accent { border-color: color-mix(in srgb, var(--marketing-accent) 28%, var(--marketing-border)); background: linear-gradient(145deg, color-mix(in srgb, var(--marketing-accent) 7%, var(--marketing-surface)), var(--marketing-surface) 68%); }
.privacy-panel-icon { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; margin-block-end: 1.1rem; border: 1px solid var(--marketing-border); border-radius: .8rem; color: var(--marketing-accent); background: var(--marketing-bg); }
.privacy-panel h2 { font-size: clamp(1.4rem, 2vw, 1.85rem); }
.privacy-panel .privacy-eyebrow { margin-block-end: .55rem; }
.privacy-bullet-list { gap: .58rem; }
.privacy-bullet-list li { position: relative; padding-inline-start: 1.1rem; color: var(--marketing-text); font-size: .88rem; line-height: 1.58; }
.privacy-bullet-list li::before { position: absolute; inset-inline-start: 0; inset-block-start: .62em; width: .36rem; height: .36rem; border-radius: 50%; background: var(--marketing-accent); content: ""; }
.privacy-workspace { display: grid; grid-template-columns: 3.6rem minmax(0, .95fr) minmax(300px, 1.05fr); align-items: start; gap: 1.25rem; margin-block: 1rem 2rem; padding: clamp(1.3rem, 3vw, 2.4rem); border: 1px solid color-mix(in srgb, var(--marketing-accent) 25%, var(--marketing-border)); border-radius: 1.25rem; background: linear-gradient(120deg, color-mix(in srgb, var(--marketing-accent) 8%, var(--marketing-surface)), var(--marketing-surface) 65%); box-shadow: 0 20px 60px color-mix(in srgb, var(--marketing-accent) 5%, transparent); scroll-margin-top: 110px; }
.privacy-workspace-mark { width: 3.2rem; height: 3.2rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--marketing-accent) 28%, var(--marketing-border)); border-radius: 1rem; color: var(--marketing-accent); background: var(--marketing-surface); }
.privacy-workspace-mark svg { width: 2rem; height: 2rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.privacy-workspace h2 { font-size: clamp(1.5rem, 2.4vw, 2.1rem); }
.privacy-workspace-copy > p:last-child { margin: .7rem 0 0; color: var(--marketing-muted); font-size: .9rem; line-height: 1.72; }
.privacy-workspace-points { display: grid; gap: .65rem; margin: .1rem 0 0; padding: 0; list-style: none; }
.privacy-workspace-points li { display: flex; align-items: flex-start; gap: .65rem; color: var(--marketing-text); font-size: .83rem; line-height: 1.55; }
.privacy-workspace-points li span { width: 1.3rem; height: 1.3rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 10%, var(--marketing-surface)); font-size: .65rem; font-weight: 760; }
.privacy-candidate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.privacy-candidate-card { min-height: 155px; padding: 1.1rem; }
.privacy-candidate-card p { color: var(--marketing-text); }
.privacy-candidate-note { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: .9rem; padding: 1.1rem 1.2rem; border-inline-start: 3px solid var(--marketing-accent); border-radius: .8rem; background: color-mix(in srgb, var(--marketing-accent) 7%, var(--marketing-surface)); }
.privacy-note-icon { width: 2rem; height: 2rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: .65rem; color: var(--marketing-accent); background: var(--marketing-surface); }
.privacy-candidate-note h3 { font-size: .95rem; }
.privacy-candidate-note p { margin-block-start: .25rem; }
.privacy-ai { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); gap: clamp(1.2rem, 4vw, 4rem); align-items: center; margin-block: 1rem 2rem; padding: clamp(1.4rem, 4vw, 3rem); border: 1px solid var(--marketing-border); border-radius: 1.25rem; background: radial-gradient(ellipse at 10% 15%, color-mix(in srgb, var(--marketing-accent) 9%, transparent), transparent 40%), var(--marketing-surface); scroll-margin-top: 110px; }
.privacy-ai-copy > p:not(.privacy-eyebrow) { max-width: 62ch; margin: .8rem 0 0; color: var(--marketing-muted); line-height: 1.72; }
.privacy-ai-decision { display: flex; gap: .8rem; margin-block-start: 1.4rem; padding-block-start: 1.1rem; border-block-start: 1px solid var(--marketing-border); }
.privacy-ai-decision > span { width: 2.3rem; height: 2.3rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: .7rem; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 9%, var(--marketing-surface)); }
.privacy-ai-decision h3 { font-size: .92rem; }
.privacy-ai-decision p { margin-block-start: .28rem; font-size: .84rem; }
.privacy-ai-transmission { padding: 1.2rem; border: 1px solid color-mix(in srgb, var(--marketing-accent) 22%, var(--marketing-border)); border-radius: 1rem; background: color-mix(in srgb, var(--marketing-bg) 76%, var(--marketing-surface)); }
.privacy-ai-transmission-top { display: flex; align-items: center; gap: .65rem; }
.privacy-ai-transmission-top > span { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border-radius: .7rem; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 10%, var(--marketing-surface)); }
.privacy-ai-transmission-top b { font-size: .93rem; }
.privacy-ai-transmission > p { margin-block-start: .7rem; }
.privacy-ai-flow { display: flex; align-items: center; justify-content: space-between; gap: .45rem; margin-block-start: 1rem; padding: .75rem; border: 1px solid var(--marketing-border); border-radius: .75rem; background: var(--marketing-surface); }
.privacy-ai-flow span { max-width: 34%; color: var(--marketing-text); font-size: .65rem; font-weight: 650; text-align: center; }
.privacy-ai-flow i { width: 1rem; height: 1px; flex: 1 1 auto; background: color-mix(in srgb, var(--marketing-accent) 55%, var(--marketing-border)); }
.privacy-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.privacy-provider-card { display: grid; grid-template-columns: 2.8rem minmax(0, 1fr); gap: .8rem; padding: 1rem; }
.privacy-provider-mark { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--marketing-accent) 24%, var(--marketing-border)); border-radius: .8rem; color: var(--marketing-accent); background: color-mix(in srgb, var(--marketing-accent) 7%, var(--marketing-surface)); font-size: .8rem; font-weight: 780; }
.privacy-provider-mark--2 { color: #4285f4; }
.privacy-provider-mark--3 { color: #20a36b; }
.privacy-provider-mark--4 { color: #8272d6; }
.privacy-provider-card h3 { font-size: .94rem; }
.privacy-provider-card p { margin-block-start: .35rem; font-size: .82rem; }
.privacy-security { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; align-items: center; gap: 1rem; margin-block: 2rem; padding: 1.25rem 1.4rem; border: 1px solid var(--marketing-border); border-radius: 1rem; background: color-mix(in srgb, var(--marketing-accent) 5%, var(--marketing-surface)); scroll-margin-top: 110px; }
.privacy-security-icon { width: 3rem; height: 3rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--marketing-accent) 26%, var(--marketing-border)); border-radius: .9rem; color: var(--marketing-accent); background: var(--marketing-surface); }
.privacy-security h2 { font-size: 1.25rem; }
.privacy-security .privacy-eyebrow { margin-block-end: .35rem; }
.privacy-security > div > p:last-child { max-width: 90ch; margin: .4rem 0 0; color: var(--marketing-muted); font-size: .84rem; line-height: 1.6; }
.privacy-security > a,.privacy-request-grid a { display: inline-flex; align-items: center; gap: .55rem; color: var(--marketing-accent); font-size: .86rem; font-weight: 720; text-decoration: none; white-space: nowrap; }
.privacy-security > a span,.privacy-request-grid a span { transition: transform .2s ease; }
.privacy-two-column--compact { padding-block: .6rem 3.4rem; }
.privacy-two-column--compact .privacy-panel { min-height: 220px; }
.privacy-panel-footnote { padding-block-start: .8rem; border-block-start: 1px solid var(--marketing-border); font-size: .8rem !important; }
.privacy-requests { padding-block: 1rem 3.4rem; scroll-margin-top: 110px; }
.privacy-request-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.privacy-request-grid article { min-height: 200px; padding: 1.2rem; }
.privacy-request-grid h3 { margin-block-start: .75rem; }
.privacy-request-grid p { font-size: .84rem; }
.privacy-request-grid a { margin-block-start: .9rem; }
.privacy-regional { padding-block-start: 2rem; }
.privacy-region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.privacy-region-grid article { padding: 1.1rem; }
.privacy-region-grid h3 { margin-block-start: .55rem; }
.privacy-region-grid p { font-size: .83rem; }
.privacy-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-block: 1rem 3.5rem; }
.privacy-detail-card { padding: 1rem 1.1rem; }
.privacy-detail-card h2 { margin: 0; font-size: .96rem; font-weight: 690; }
.privacy-detail-card p { font-size: .82rem; }
.privacy-final { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; flex-direction: column; margin-block: 1rem 5rem; padding: clamp(2rem, 4.5vw, 3.8rem) 1.4rem; border: 1px solid color-mix(in srgb, var(--marketing-accent) 27%, var(--marketing-border)); border-radius: 1.25rem; background: linear-gradient(135deg, color-mix(in srgb, var(--marketing-accent) 9%, var(--marketing-surface)), var(--marketing-surface) 58%, color-mix(in srgb, var(--marketing-accent) 5%, var(--marketing-surface))); text-align: center; }
.privacy-final-glow { position: absolute; z-index: -1; inset-block-start: -12rem; inset-inline-start: 50%; width: 28rem; height: 22rem; border-radius: 50%; background: color-mix(in srgb, var(--marketing-accent) 12%, transparent); filter: blur(65px); transform: translateX(-50%); }
.privacy-final-icon { width: 3rem; height: 3rem; display: grid; place-items: center; margin-block-end: 1rem; border: 1px solid color-mix(in srgb, var(--marketing-accent) 25%, var(--marketing-border)); border-radius: .9rem; color: var(--marketing-accent); background: var(--marketing-surface); }
.privacy-final h2 { max-width: 22ch; }
.privacy-final > p:not(.privacy-eyebrow) { max-width: 64ch; margin: .7rem 0 1.2rem; color: var(--marketing-muted); line-height: 1.7; }
.privacy-final .privacy-eyebrow { justify-content: center; }
.marketing-privacy-v1 :target { scroll-margin-top: 110px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .privacy-button:hover { transform: translateY(-2px); }
  .privacy-summary-card,.privacy-information-card,.privacy-provider-card,.privacy-region-grid article { transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
  .privacy-summary-card:hover,.privacy-information-card:hover,.privacy-provider-card:hover,.privacy-region-grid article:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--marketing-accent) 35%, var(--marketing-border)); box-shadow: 0 14px 34px color-mix(in srgb, var(--marketing-accent) 8%, transparent); }
  .privacy-security > a:hover span,.privacy-request-grid a:hover span { transform: translateX(3px); }
}
@media (max-width: 1100px) {
  .privacy-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .privacy-summary-card { min-height: 195px; }
  .privacy-hero-inner { gap: 2rem; }
  .privacy-hero-visual { min-height: 300px; }
  .privacy-workspace { grid-template-columns: 3.2rem minmax(0, 1fr); }
  .privacy-workspace-points { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .marketing-main:has(.marketing-privacy-v1) { padding: 0; }
  .privacy-shell { width: min(100% - 2rem, 1480px); }
  .privacy-hero-inner { min-height: 0; grid-template-columns: 1fr; gap: 1rem; padding-block: 3.5rem 2rem; }
  .privacy-hero h1 { max-width: 14ch; font-size: clamp(2.55rem, 10vw, 4rem); }
  .privacy-lead { margin-block-start: 1rem; font-size: .98rem; }
  .privacy-hero-visual { width: 100%; min-height: 280px; justify-self: center; }
  .privacy-hero-orbit--outer { width: min(82%, 340px); }
  .privacy-hero-orbit--inner { width: min(61%, 250px); }
  .privacy-hero-node { padding: .52rem .62rem; font-size: .68rem; }
  .privacy-hero-node--one { inset-inline-start: 0; }
  .privacy-hero-node--two { inset-inline-start: 1%; }
  .privacy-hero-node--three { inset-inline-end: 0; }
  .privacy-summary { padding-block: 3.2rem; }
  .privacy-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  .privacy-summary-card { min-height: 0; padding: .85rem; }
  .privacy-summary-card:last-child { grid-column: 1 / -1; }
  .privacy-icon { width: 2.35rem; height: 2.35rem; margin-block-end: .75rem; }
  .privacy-icon svg { width: 1.2rem; height: 1.2rem; }
  .privacy-summary-card h3 { font-size: .86rem; }
  .privacy-summary-card p { font-size: .76rem; }
  .privacy-page-nav { display: block; padding-block: .8rem; }
  .privacy-page-nav-label { display: block; padding-block-end: .35rem; }
  .privacy-page-nav-links { gap: .3rem; }
  .privacy-page-nav a { padding: .38rem .56rem; font-size: .72rem; }
  .privacy-section { padding-block: 3.2rem; }
  .privacy-section-heading--row { grid-template-columns: 1fr; gap: .8rem; }
  .privacy-check-list,.privacy-information-grid,.privacy-candidate-grid,.privacy-provider-grid,.privacy-request-grid,.privacy-region-grid,.privacy-detail-grid { grid-template-columns: 1fr; }
  .privacy-check-list { gap: .55rem; }
  .privacy-check-list li { padding: .8rem; font-size: .84rem; }
  .privacy-information-grid { gap: .6rem; }
  .privacy-information-card { min-height: 0; padding: .9rem; }
  .privacy-two-column { grid-template-columns: 1fr; gap: .7rem; padding-block: .4rem 2.2rem; }
  .privacy-panel { padding: 1.1rem; }
  .privacy-workspace { grid-template-columns: 2.8rem minmax(0, 1fr); gap: .85rem; margin-block: .5rem 1.5rem; padding: 1rem; }
  .privacy-workspace-mark { width: 2.65rem; height: 2.65rem; }
  .privacy-workspace-mark svg { width: 1.7rem; height: 1.7rem; }
  .privacy-workspace-copy { min-width: 0; }
  .privacy-workspace-points { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .privacy-candidate-card { min-height: 0; padding: .9rem; }
  .privacy-candidate-grid { gap: .6rem; }
  .privacy-candidate-note { grid-column: auto; padding: .9rem; }
  .privacy-ai { grid-template-columns: 1fr; gap: 1.1rem; margin-block: .5rem 1.5rem; padding: 1.15rem; }
  .privacy-ai-transmission { padding: .9rem; }
  .privacy-security { grid-template-columns: 2.8rem minmax(0, 1fr); gap: .8rem; margin-block: 1.4rem; padding: .95rem; }
  .privacy-security-icon { width: 2.5rem; height: 2.5rem; }
  .privacy-security h2 { font-size: 1.1rem; }
  .privacy-security > a { grid-column: 2; justify-self: start; }
  .privacy-two-column--compact { padding-block-end: 2.2rem; }
  .privacy-two-column--compact .privacy-panel { min-height: 0; }
  .privacy-requests { padding-block: .5rem 2.5rem; }
  .privacy-request-grid { gap: .6rem; }
  .privacy-request-grid article { min-height: 0; padding: 1rem; }
  .privacy-regional { padding-block: 1rem 2rem; }
  .privacy-region-grid { gap: .6rem; }
  .privacy-detail-grid { gap: .6rem; margin-block: .5rem 2.5rem; }
  .privacy-final { margin-block: .5rem 3rem; padding: 2rem 1rem; }
  .privacy-final h2 { font-size: 1.8rem; }
}
@media (max-width: 380px) {
  .privacy-shell { width: min(100% - 1.5rem, 1480px); }
  .privacy-summary-grid { gap: .5rem; }
  .privacy-summary-card { padding: .7rem; }
  .privacy-summary-card h3 { font-size: .81rem; }
  .privacy-summary-card p { font-size: .72rem; }
  .privacy-hero-node { max-width: 45%; font-size: .62rem; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.marketing-privacy-v1) { scroll-behavior: auto; }
  .marketing-privacy-v1 *, .marketing-privacy-v1 *::before, .marketing-privacy-v1 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Regional privacy notices share the global Privacy shell and responsive container. */
.privacy-region-grid a { display: inline-flex; align-items: center; gap: .5rem; margin-block-start: .8rem; color: var(--marketing-accent); font-size: .84rem; font-weight: 720; text-decoration: none; }
.privacy-region-grid a span { transition: transform .2s ease; }
.privacy-regional-hero .privacy-hero-inner { min-height: clamp(330px, 33vw, 500px); }
.privacy-regional-hero .privacy-hero h1 { max-width: 19ch; }
.privacy-regional-content { padding-block: clamp(2rem, 4vw, 4rem) 1rem; }
.privacy-legal-context { margin-block-end: 1rem; padding: 1rem 1.15rem; border-inline-start: 3px solid var(--marketing-accent); border-radius: .7rem; color: var(--marketing-muted); background: color-mix(in srgb, var(--marketing-accent) 6%, var(--marketing-surface)); font-size: .88rem; line-height: 1.7; }
.privacy-notice-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.privacy-notice-section { min-width: 0; padding: 1.15rem; border: 1px solid var(--marketing-border); border-radius: .95rem; background: var(--marketing-surface); }
.privacy-notice-section h2 { margin: 0 0 .7rem; font-size: 1rem; font-weight: 700; line-height: 1.45; }
.privacy-notice-section p,.privacy-notice-section li { color: var(--marketing-muted); font-size: .86rem; line-height: 1.72; }
.privacy-notice-section p { margin: .45rem 0 0; }
.privacy-notice-section ul { display: grid; gap: .48rem; margin: .65rem 0 0; padding-inline-start: 1.15rem; }
.privacy-regional-contact { margin-block-start: clamp(2rem, 4vw, 3.5rem); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .privacy-region-grid a:hover span { transform: translateX(3px); }
}
@media (max-width: 760px) {
  .privacy-notice-sections { grid-template-columns: 1fr; gap: .6rem; }
  .privacy-notice-section { padding: .95rem; }
}

/* Security page: let the continuity panel use the full content width. */
.security-v1 .security-operations-grid--single { grid-template-columns: minmax(0, 1fr); }
.security-v1 .security-operations-grid--single .security-backup-panel { min-height: 230px; }

/* Security page visual correction: keep the original diagrams in a tighter, clearer rhythm. */
.security-v1 .security-pillars { padding-block: clamp(3.6rem, 5.2vw, 5.2rem); }
.security-v1 .security-candidate,
.security-v1 .security-company,
.security-v1 .security-connections,
.security-v1 .security-operations { padding-block: clamp(3.4rem, 5.2vw, 5.4rem); }
.security-v1 .security-candidate { gap: clamp(2.2rem, 5vw, 5.4rem); }
.security-v1 .security-candidate h2,
.security-v1 .security-company h2,
.security-v1 .security-connections h2,
.security-v1 .security-operations h2 { max-width: 18ch; }
.security-v1 .security-company,
.security-v1 .security-operations {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  border-block-start: 1px solid color-mix(in srgb, var(--security-line) 72%, transparent);
}
.security-v1 .security-company-visual {
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.6rem);
  border: 1px solid color-mix(in srgb, var(--security-blue) 20%, var(--security-line));
  border-radius: 1.25rem;
  background: radial-gradient(ellipse at 50% 8%, color-mix(in srgb, var(--security-blue) 9%, transparent), transparent 58%), var(--security-panel);
  box-shadow: var(--security-shadow);
}
.security-v1 .security-company-visual-head,
.security-v1 .security-company-roles-heading {
  display: flex;
  align-items: center;
  gap: .7rem;
}
.security-v1 .security-company-visual-head { padding-block-end: 1rem; border-block-end: 1px solid var(--security-line); }
.security-v1 .security-company-visual-head > strong { color: var(--security-muted); font-size: .76rem; font-weight: 750; }
.security-v1 .security-company-visual-head .security-map-status-dot { margin-inline-start: auto; }
.security-v1 .security-company-visual-mark {
  width: 2.45rem;
  height: 2.45rem;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--security-blue) 18%, var(--security-line));
  border-radius: .78rem;
  color: var(--security-blue);
  background: color-mix(in srgb, var(--security-blue) 9%, var(--security-panel));
}
.security-v1 .security-company-visual-mark svg { width: 1.3rem; height: 1.3rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.security-v1 .security-company-spaces {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5.2rem minmax(0, 1fr);
  align-items: stretch;
  gap: .7rem;
  padding-block: 1rem;
}
.security-v1 .security-company-space {
  min-width: 0;
  min-height: 180px;
  padding: .9rem;
  border: 1px solid color-mix(in srgb, var(--security-cyan) 24%, var(--security-line));
  border-radius: .95rem;
  background: color-mix(in srgb, var(--security-cyan) 5%, var(--security-panel));
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.security-v1 .security-company-space--2 {
  border-color: color-mix(in srgb, var(--security-violet) 25%, var(--security-line));
  background: color-mix(in srgb, var(--security-violet) 5%, var(--security-panel));
}
.security-v1 .security-company-space-label {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-block-end: .7rem;
  color: var(--security-ink);
  font-size: .73rem;
  font-weight: 780;
}
.security-v1 .security-company-space-label i { width: .4rem; height: .4rem; flex: 0 0 .4rem; border-radius: 50%; background: var(--security-cyan); }
.security-v1 .security-company-space--2 .security-company-space-label i { background: var(--security-violet); }
.security-v1 .security-company-space > strong { display: block; margin-block-end: .65rem; color: var(--security-muted); font-size: .64rem; font-weight: 700; }
.security-v1 .security-company-space ul { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.security-v1 .security-company-space li {
  min-height: 2.3rem;
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: .4rem .5rem;
  border: 1px solid var(--security-line);
  border-radius: .62rem;
  color: var(--security-ink);
  background: var(--security-panel);
  font-size: .68rem;
  font-weight: 680;
}
.security-v1 .security-company-space li span { display: grid; place-items: center; color: var(--security-blue); }
.security-v1 .security-company-space li svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.security-v1 .security-company-separator { min-width: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: .5rem; color: var(--security-green); text-align: center; }
.security-v1 .security-company-separator > span { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--security-green) 25%, var(--security-line)); border-radius: 50%; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 7%, var(--security-panel)); box-shadow: 0 0 0 .35rem color-mix(in srgb, var(--security-green) 5%, transparent); }
.security-v1 .security-company-separator svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.security-v1 .security-company-separator small { color: var(--security-muted); font-size: .59rem; font-weight: 700; line-height: 1.4; }
.security-v1 .security-company-roles {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem 1rem;
  padding: .85rem .95rem;
  border: 1px solid var(--security-line);
  border-radius: .85rem;
  background: color-mix(in srgb, var(--security-panel-soft) 48%, var(--security-panel));
}
.security-v1 .security-company-roles-heading strong { color: var(--security-ink); font-size: .76rem; }
.security-v1 .security-company-roles-heading .security-team-panel-icon { width: 2rem; height: 2rem; border-radius: .65rem; }
.security-v1 .security-company-roles-heading .security-team-panel-icon svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.security-v1 .security-company-role-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.security-v1 .security-company-role-chips .security-role-chip { margin: 0; }
.security-v1 .security-company-permission { grid-column: 1 / -1; display: flex; align-items: center; gap: .45rem; padding-block-start: .65rem; border-block-start: 1px solid var(--security-line); color: var(--security-muted); font-size: .68rem; font-weight: 680; }
.security-v1 .security-company-permission > i { display: grid; place-items: center; color: var(--security-green); }
.security-v1 .security-company-permission svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }

.security-v1 .security-cv-flow {
  width: min(100%, 620px);
  padding: clamp(.85rem, 2vw, 1.25rem);
  border: 1px solid color-mix(in srgb, var(--security-blue) 20%, var(--security-line));
  border-radius: 1.2rem;
  background: radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--security-cyan) 8%, transparent), transparent 68%), var(--security-panel);
  box-shadow: var(--security-shadow);
}
.security-v1 .security-cv-flow-top { display: flex; align-items: center; gap: .65rem; padding-block-end: .8rem; border-block-end: 1px solid var(--security-line); color: var(--security-muted); font-size: .73rem; font-weight: 720; }
.security-v1 .security-cv-flow-top .security-candidate-shield { margin-inline-start: auto; }
.security-v1 .security-cv-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: 1rem 0; padding: .4rem 0; list-style: none; }
.security-v1 .security-cv-steps::before { position: absolute; inset-inline: 8%; inset-block-start: 1.9rem; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--security-cyan) 55%, var(--security-line)), color-mix(in srgb, var(--security-blue) 50%, var(--security-line)), color-mix(in srgb, var(--security-violet) 48%, var(--security-line))); content: ""; }
.security-v1 .security-cv-step { position: relative; min-width: 0; display: flex; align-items: center; flex-direction: column; gap: .42rem; padding: .55rem .35rem .65rem; border: 1px solid var(--security-line); border-radius: .85rem; background: color-mix(in srgb, var(--security-panel-soft) 45%, var(--security-panel)); text-align: center; }
.security-v1 .security-cv-step-icon { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--security-blue) 22%, var(--security-line)); border-radius: .78rem; color: var(--security-blue); background: var(--security-panel); }
.security-v1 .security-cv-step:nth-child(2) .security-cv-step-icon { color: var(--security-cyan); }
.security-v1 .security-cv-step:nth-child(3) .security-cv-step-icon { color: var(--security-violet); }
.security-v1 .security-cv-step:nth-child(4) .security-cv-step-icon { color: var(--security-green); }
.security-v1 .security-cv-step-icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.security-v1 .security-cv-step-number { color: var(--security-muted); font-size: .59rem; font-weight: 800; letter-spacing: .08em; }
.security-v1 .security-cv-step strong { max-width: 14ch; color: var(--security-ink); font-size: .66rem; line-height: 1.42; }
.security-v1 .security-cv-flow-footer { display: flex; align-items: center; gap: .65rem; padding: .75rem; border: 1px solid color-mix(in srgb, var(--security-green) 23%, var(--security-line)); border-radius: .8rem; background: color-mix(in srgb, var(--security-green) 5%, var(--security-panel)); }
.security-v1 .security-cv-flow-footer .security-detail-icon { width: 2.1rem; height: 2.1rem; flex: 0 0 auto; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 10%, var(--security-panel)); }
.security-v1 .security-cv-flow-footer .security-detail-icon svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.security-v1 .security-cv-flow-footer > span:nth-child(2) { display: grid; gap: .15rem; }
.security-v1 .security-cv-flow-footer strong { color: var(--security-ink); font-size: .72rem; }
.security-v1 .security-cv-flow-footer small { color: var(--security-muted); font-size: .65rem; }
.security-v1 .security-cv-team { margin-inline-start: auto; color: var(--security-green); font-size: .66rem; font-weight: 750; }
.security-v1 .security-candidate-roles { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: 1rem; }

.security-v1 .security-connections { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); }
.security-v1 .security-connection-main {
  min-width: 0;
  padding: clamp(1rem, 2.2vw, 1.6rem);
  border: 1px solid color-mix(in srgb, var(--security-blue) 18%, var(--security-line));
  border-radius: 1.2rem;
  background: var(--security-panel);
  box-shadow: var(--security-shadow);
}
.security-v1 .security-connection-visual { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .9fr) minmax(0, 1fr); align-items: center; gap: .65rem; margin: 0; padding: .4rem 0 1.1rem; border: 0; background: transparent; }
.security-v1 .security-connection-node { min-width: 0; min-height: 105px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .55rem; padding: .7rem; border: 1px solid var(--security-line); border-radius: .9rem; background: color-mix(in srgb, var(--security-panel-soft) 48%, var(--security-panel)); text-align: center; }
.security-v1 .security-connection-node strong { color: var(--security-ink); font-size: .72rem; }
.security-v1 .security-connection-node--workspace { border-color: color-mix(in srgb, var(--security-blue) 25%, var(--security-line)); background: color-mix(in srgb, var(--security-blue) 5%, var(--security-panel)); }
.security-v1 .security-connection-link { min-width: 0; display: flex; align-items: center; gap: .35rem; color: var(--security-blue); }
.security-v1 .security-connection-line { height: 2px; flex: 1 1 auto; border-radius: 2px; background: linear-gradient(90deg, color-mix(in srgb, var(--security-cyan) 60%, transparent), color-mix(in srgb, var(--security-blue) 70%, transparent), color-mix(in srgb, var(--security-violet) 55%, transparent)); background-size: 180% 100%; animation: security-connection-flow 5.5s ease-in-out infinite; }
.security-v1 .security-https-badge { display: inline-flex; align-items: center; gap: .25rem; padding: .38rem .45rem; border: 1px solid color-mix(in srgb, var(--security-blue) 23%, var(--security-line)); border-radius: 2rem; color: var(--security-blue); background: var(--security-panel); font-size: .65rem; font-weight: 800; }
.security-v1 .security-https-badge svg { width: .9rem; height: .9rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.security-v1 .security-operations { border-block-end: 1px solid color-mix(in srgb, var(--security-line) 72%, transparent); }
.security-v1 .security-operations .security-section-heading { max-width: 36rem; }
.security-v1 .security-service-board {
  min-width: 0;
  padding: clamp(1rem, 2.2vw, 1.55rem);
  border: 1px solid color-mix(in srgb, var(--security-green) 20%, var(--security-line));
  border-radius: 1.2rem;
  background: radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--security-green) 8%, transparent), transparent 55%), var(--security-panel);
  box-shadow: var(--security-shadow);
}
.security-v1 .security-service-board-head { display: flex; align-items: center; gap: .75rem; padding-block-end: .9rem; border-block-end: 1px solid var(--security-line); }
.security-v1 .security-service-board-head .security-health-icon { width: 2.6rem; height: 2.6rem; margin: 0; flex: 0 0 auto; }
.security-v1 .security-service-board-head .security-health-icon svg { width: 1.35rem; height: 1.35rem; }
.security-v1 .security-service-board-head > div { display: grid; gap: .15rem; }
.security-v1 .security-service-board-head > div > span { color: var(--security-muted); font-size: .62rem; font-weight: 720; letter-spacing: .07em; text-transform: uppercase; }
.security-v1 .security-service-board-head strong { color: var(--security-ink); font-size: .82rem; }
.security-v1 .security-service-board-mark { display: flex; gap: .22rem; margin-inline-start: auto; }
.security-v1 .security-service-board-mark i { width: .34rem; height: .34rem; border: 1px solid var(--security-line); border-radius: 50%; background: color-mix(in srgb, var(--security-green) 35%, var(--security-panel)); }
.security-v1 .security-service-board > p { margin: .8rem 0; color: var(--security-muted); font-size: .75rem; line-height: 1.6; }
.security-v1 .security-service-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: 0; padding: 0; list-style: none; }
.security-v1 .security-service-list li { min-width: 0; display: flex; align-items: center; gap: .42rem; padding: .58rem; border: 1px solid var(--security-line); border-radius: .7rem; color: var(--security-ink); background: color-mix(in srgb, var(--security-panel-soft) 44%, var(--security-panel)); font-size: .67rem; font-weight: 680; }
.security-v1 .security-service-list li > span { width: 1.25rem; height: 1.25rem; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 10%, var(--security-panel)); }
.security-v1 .security-service-list svg { width: .78rem; height: .78rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }

@media (hover: hover) and (pointer: fine) {
  .security-v1 .security-company-space:hover,
  .security-v1 .security-cv-step:hover,
  .security-v1 .security-service-list li:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--security-blue) 36%, var(--security-line)); box-shadow: 0 12px 28px color-mix(in srgb, var(--security-blue) 8%, transparent); }
}
@media (max-width: 980px) {
  .security-v1 .security-company,
  .security-v1 .security-operations { grid-template-columns: 1fr; gap: 1.6rem; }
  .security-v1 .security-company-copy,
  .security-v1 .security-operations .security-section-heading { max-width: 46rem; }
  .security-v1 .security-company-visual,
  .security-v1 .security-service-board { width: min(100%, 760px); justify-self: center; }
}
@media (max-width: 760px) {
  .security-v1 .security-pillars { padding-block: 3.2rem; }
  .security-v1 .security-candidate,
  .security-v1 .security-company,
  .security-v1 .security-connections,
  .security-v1 .security-operations { padding-block: 2.8rem; }
  .security-v1 .security-company-visual { padding: .85rem; border-radius: 1rem; }
  .security-v1 .security-company-spaces { grid-template-columns: 1fr; gap: .5rem; }
  .security-v1 .security-company-space { min-height: 0; padding: .8rem; }
  .security-v1 .security-company-space ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .security-v1 .security-company-separator { min-height: 2.4rem; flex-direction: row; }
  .security-v1 .security-company-separator::before,
  .security-v1 .security-company-separator::after { height: 1px; flex: 1 1 auto; background: color-mix(in srgb, var(--security-green) 25%, var(--security-line)); content: ""; }
  .security-v1 .security-company-separator > span { width: 2rem; height: 2rem; flex: 0 0 2rem; }
  .security-v1 .security-company-roles { grid-template-columns: 1fr; gap: .55rem; padding: .75rem; }
  .security-v1 .security-company-role-chips { justify-content: flex-start; }
  .security-v1 .security-company-permission { grid-column: auto; }
  .security-v1 .security-cv-flow { padding: .75rem; border-radius: 1rem; }
  .security-v1 .security-cv-steps { grid-template-columns: 1fr; gap: .4rem; margin-block: .75rem; padding-inline-start: .25rem; }
  .security-v1 .security-cv-steps::before { inset-block: 1rem; inset-inline-start: 1.55rem; inset-inline-end: auto; width: 1px; height: auto; }
  .security-v1 .security-cv-steps[dir="rtl"]::before { inset-inline-start: auto; inset-inline-end: 1.55rem; }
  .security-v1 .security-cv-step { display: grid; grid-template-columns: 2.45rem 2.4rem minmax(0, 1fr); align-items: center; justify-items: start; gap: .55rem; min-height: 3.7rem; padding: .38rem .55rem; text-align: start; }
  .security-v1 .security-cv-step-icon { width: 2.35rem; height: 2.35rem; }
  .security-v1 .security-cv-step strong { max-width: none; font-size: .72rem; }
  .security-v1 .security-cv-flow-footer { flex-wrap: wrap; padding: .6rem; }
  .security-v1 .security-cv-team { margin-inline-start: calc(2.1rem + .65rem); }
  .security-v1 .security-connection-main { padding: .85rem; border-radius: 1rem; }
  .security-v1 .security-connection-visual { grid-template-columns: 1fr; gap: .45rem; padding-block: .1rem .8rem; }
  .security-v1 .security-connection-node { min-height: 4.4rem; flex-direction: row; justify-content: flex-start; padding: .65rem; text-align: start; }
  .security-v1 .security-connection-link { flex-direction: column; gap: .22rem; }
  .security-v1 .security-connection-line { width: 1px; min-height: .55rem; flex: 0 0 .55rem; background: color-mix(in srgb, var(--security-blue) 55%, var(--security-line)); animation: none; }
  .security-v1 .security-safeguards { grid-template-columns: 1fr; gap: .55rem; }
  .security-v1 .security-safeguards li { padding: .7rem; }
  .security-v1 .security-pillars-company-visual { margin-block-start: 1.4rem; }
  .security-v1 .security-service-board { padding: .9rem; border-radius: 1rem; }
  .security-v1 .security-service-list { grid-template-columns: 1fr; gap: .4rem; }
  .security-v1 .security-service-list li { padding: .55rem; font-size: .72rem; }
}
@media (prefers-reduced-motion: reduce) {
  .security-v1 *,
  .security-v1 *::before,
  .security-v1 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
@keyframes security-connection-flow { 0%,100% { background-position: 0 0; } 50% { background-position: 100% 0; } }

/* Security commercial polish: content-rich cards and descriptive control diagrams. */
.security-v1 .security-hero { padding-block: clamp(3.5rem, 5.5vw, 6rem); }
.security-v1 .security-hero-grid { gap: clamp(2.5rem, 4vw, 4.5rem); }
.security-v1 .security-hero h1 { max-width: 18ch; font-size: clamp(2.65rem, 3.65vw, 4.3rem); line-height: 1.07; letter-spacing: -.047em; text-wrap: balance; }
.security-v1 .security-lead { font-size: clamp(1rem, 1.1vw, 1.12rem); line-height: 1.75; }
.security-v1 .security-map { background: radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--security-blue) 7%, transparent), transparent 65%), var(--security-panel); }
.security-v1 .security-map-stage { min-height: 350px; margin-block: 1.2rem; }
.security-v1 .security-map-links { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: color-mix(in srgb, var(--security-blue) 30%, var(--security-line)); stroke-width: 1; }
.security-v1 .security-map-orbit { opacity: .42; }
.security-v1 .security-map-node { z-index: 3; min-width: 8.5rem; max-width: 42%; padding: .7rem .8rem; border-color: color-mix(in srgb, var(--security-blue) 14%, var(--security-line)); box-shadow: 0 8px 24px color-mix(in srgb, var(--security-blue) 6%, transparent); }
.security-v1 .security-map-node > span { display: grid; gap: .22rem; }
.security-v1 .security-map-node strong { font-size: .76rem; line-height: 1.3; }
.security-v1 .security-map-node small { color: var(--security-muted); font-size: .65rem; font-weight: 500; line-height: 1.4; }
.security-v1 .security-map-layers { padding-block-start: .95rem; border-block-start: 1px solid var(--security-line); }
html[dir="rtl"] .security-v1 .security-map-core { transform: translate(50%, -50%); }

.security-v1 .security-section-heading-centered { max-width: 58rem; }
.security-v1 .security-section-heading-centered h2 { max-width: 24ch; }
.security-v1 .security-section-heading-centered > p:last-child { max-width: 46rem; }
.security-v1 .security-pillar-grid { gap: 1.1rem; }
.security-v1 .security-pillar { position: relative; display: grid; grid-template-rows: auto 1fr auto; gap: 1.1rem; padding: clamp(1.2rem, 2vw, 1.8rem); border-block-start: 2px solid color-mix(in srgb, var(--security-blue) 42%, var(--security-line)); }
.security-v1 .security-pillar-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.security-v1 .security-pillar-index { color: color-mix(in srgb, var(--security-muted) 65%, var(--security-line)); font-size: .72rem; font-weight: 750; letter-spacing: .12em; font-variant-numeric: tabular-nums; }
.security-v1 .security-pillar h3 { margin: 0 0 .65rem; font-size: 1.12rem; letter-spacing: -.015em; }
.security-v1 .security-pillar-content > p { font-size: .9rem; line-height: 1.75; }
.security-v1 .security-pillar .security-pillar-benefit { display: flex; align-items: baseline; gap: .55rem; padding-block-start: .9rem; border-block-start: 1px solid var(--security-line); color: var(--security-blue); font-size: .8rem; font-weight: 650; line-height: 1.6; }
.security-v1 .security-pillar-benefit > span { display: inline-flex; flex: 0 0 auto; align-self: flex-start; margin-block-start: .27em; color: var(--security-green); }
.security-v1 .security-pillar-benefit > span svg { display: block; width: .92rem; height: .92rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.security-v1 .security-pillar:nth-child(4) { border-block-start-color: var(--security-violet); background: linear-gradient(145deg, color-mix(in srgb, var(--security-violet) 4%, var(--security-panel)), var(--security-panel) 75%); }
.security-v1 .security-pillar:nth-child(4) .security-pillar-icon { color: var(--security-violet); background: color-mix(in srgb, var(--security-violet) 10%, var(--security-panel)); }
.security-v1 .security-candidate h2,
.security-v1 .security-company h2,
.security-v1 .security-connections h2,
.security-v1 .security-operations h2 { max-width: 21ch; margin-block-end: 1rem; font-size: clamp(2rem, 2.85vw, 3rem); font-weight: 730; letter-spacing: -.04em; line-height: 1.14; text-wrap: balance; }
.security-v1 .security-company-copy > p:not(.security-eyebrow),
.security-v1 .security-operations-heading > p:last-child { max-width: 42rem; margin-block-end: 0; font-size: 1rem; line-height: 1.8; }
.security-v1 .security-cv-step-copy { display: grid; justify-items: center; gap: .35rem; }
.security-v1 .security-cv-step strong { max-width: 15ch; font-size: .74rem; }
.security-v1 .security-cv-step small { max-width: 18ch; color: var(--security-muted); font-size: .65rem; line-height: 1.5; }
.security-v1 .security-cv-flow { width: 100%; }
.security-v1 .security-company-space { padding: 1rem; }
.security-v1 .security-company-space li { font-size: .74rem; }
.security-v1 .security-company-roles { grid-template-columns: 1fr; gap: .9rem; }
.security-v1 .security-role-matrix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.security-v1 .security-role-row { min-width: 0; padding: .8rem; border: 1px solid var(--security-line); border-radius: .7rem; background: var(--security-panel); }
.security-v1 .security-role-row .security-role-chip { margin: 0; }
.security-v1 .security-role-row > p { margin: .55rem 0 0; font-size: .72rem; line-height: 1.65; }
.security-v1 .security-company-permission { align-items: flex-start; }
.security-v1 .security-company-permission > i { padding-block-start: .15rem; }
.security-v1 .security-company-permission strong { display: block; font-size: .72rem; font-weight: 650; }
.security-v1 .security-company-permission small { display: block; margin-block-start: .3rem; color: var(--security-muted); font-size: .68rem; font-weight: 400; line-height: 1.5; }

.security-v1 .security-connection-copy > p:not(.security-eyebrow) { font-size: 1rem; line-height: 1.8; }
.security-v1 .security-connection-node strong { font-size: .78rem; }
.security-v1 .security-safeguards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: .65rem 0 0; padding: 0; list-style: none; }
.security-v1 .security-safeguards li { min-width: 0; display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); align-items: start; gap: .65rem; padding: .85rem; border: 1px solid var(--security-line); border-radius: .85rem; background: color-mix(in srgb, var(--security-panel-soft) 42%, var(--security-panel)); }
.security-v1 .security-safeguards li > span { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid var(--security-line); border-radius: .55rem; color: var(--security-blue); background: var(--security-panel-soft); font-size: .62rem; font-weight: 750; }
.security-v1 .security-safeguards strong { display: block; margin-block-end: .2rem; color: var(--security-ink); font-size: .83rem; }
.security-v1 .security-safeguards p { margin: 0; font-size: .78rem; line-height: 1.65; }
.security-v1 .security-https-note { margin: 0 0 .95rem; padding: .7rem .8rem; border-inline-start: 2px solid var(--security-blue); border-radius: 0 .65rem .65rem 0; color: var(--security-muted); background: color-mix(in srgb, var(--security-blue) 5%, var(--security-panel)); font-size: .76rem; line-height: 1.65; }
.security-v1 .security-controls-label { margin: 0; color: var(--security-muted); font-size: .67rem; font-weight: 760; letter-spacing: .06em; text-transform: uppercase; }
.security-v1 .security-pillars-company-visual { width: min(100%, 980px); margin: clamp(1.6rem, 3vw, 2.6rem) auto 0; }
.security-v1 .security-backup-summary { display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: start; gap: 1rem; margin-block-end: 1.4rem; padding-block-end: 1.4rem; border-block-end: 1px solid var(--security-line); }
.security-v1 .security-backup-summary .security-backup-icon { width: 3rem; height: 3rem; margin: 0; border-radius: .9rem; color: var(--security-green); background: color-mix(in srgb, var(--security-green) 11%, var(--security-panel)); }
.security-v1 .security-backup-summary > div > span { color: var(--security-green); font-size: .68rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.security-v1 .security-backup-summary h3 { margin: .35rem 0 .55rem; font-size: 1.25rem; line-height: 1.35; }
.security-v1 .security-backup-summary p { margin: 0; font-size: .88rem; line-height: 1.75; }
.security-v1 .security-service-board > p { font-size: .84rem; line-height: 1.75; }
.security-v1 .security-service-list li { font-size: .73rem; line-height: 1.5; }

@media (max-width: 1100px) {
  .security-v1 .security-map-node { min-width: 7.4rem; padding: .65rem; }
  .security-v1 .security-map-node small { max-width: 16ch; }
  .security-v1 .security-pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .security-v1 .security-candidate,
  .security-v1 .security-connections { grid-template-columns: minmax(0, 1fr); gap: 1.7rem; }
  .security-v1 .security-candidate-copy { order: -1; }
  .security-v1 .security-cv-flow,
  .security-v1 .security-connection-main { max-width: 760px; justify-self: center; }
}
@media (max-width: 760px) {
  .security-v1 .security-hero { padding-block: 3rem; }
  .security-v1 .security-hero h1 { max-width: 19ch; font-size: clamp(2.25rem, 6.8vw, 3.1rem); line-height: 1.12; }
  .security-v1 .security-map-stage { display: grid; gap: .75rem; min-height: 0; margin-block: 1rem; }
  .security-v1 .security-map-links,
  .security-v1 .security-map-orbit { display: none; }
  .security-v1 .security-map-core,
  html[dir="rtl"] .security-v1 .security-map-core { position: relative; inset: auto; display: grid; grid-template-columns: 2.2rem 1fr; width: 100%; height: auto; gap: .1rem .7rem; justify-items: start; padding: .7rem .8rem; border-radius: .85rem; box-shadow: none; transform: none; }
  .security-v1 .security-map-core-mark { grid-row: 1 / 3; align-self: center; width: 2rem; height: 2rem; }
  .security-v1 .security-map-core small { grid-column: 2; }
  .security-v1 .security-map-nodes { position: relative; inset: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .security-v1 .security-map-node { position: static; min-width: 0; max-width: none; width: auto; gap: .5rem; padding: .65rem; box-shadow: none; }
  .security-v1 .security-map-node strong { font-size: .73rem; }
  .security-v1 .security-map-node small { max-width: none; font-size: .65rem; }
  .security-v1 .security-map-layers { gap: .4rem; }
  .security-v1 .security-map-layers span { font-size: .65rem; }
  .security-v1 .security-pillar-grid { grid-template-columns: 1fr; gap: .9rem; }
  .security-v1 .security-pillar { gap: .9rem; padding: 1.25rem; }
  .security-v1 .security-pillar h3 { font-size: 1.12rem; }
  .security-v1 .security-pillar-content > p { font-size: .9rem; }
  .security-v1 .security-candidate h2,
  .security-v1 .security-company h2,
  .security-v1 .security-connections h2,
  .security-v1 .security-operations h2 { font-size: clamp(1.9rem, 6vw, 2.4rem); }
  .security-v1 .security-cv-steps[dir="rtl"]::before { inset-inline-start: 1.55rem; inset-inline-end: auto; }
  .security-v1 .security-cv-step-copy { justify-items: start; }
  .security-v1 .security-cv-step strong { max-width: none; font-size: .78rem; }
  .security-v1 .security-cv-step small { max-width: none; font-size: .7rem; }
  .security-v1 .security-company-space ul { grid-template-columns: 1fr; }
  .security-v1 .security-role-matrix { grid-template-columns: 1fr; }
  .security-v1 .security-role-row { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: start; gap: .6rem; }
  .security-v1 .security-role-row > p { margin: 0; font-size: .75rem; }
  .security-v1 .security-backup-summary { grid-template-columns: 2.6rem minmax(0, 1fr); gap: .75rem; }
  .security-v1 .security-backup-summary .security-backup-icon { width: 2.6rem; height: 2.6rem; }
  .security-v1 .security-backup-summary h3 { font-size: 1.12rem; }
  .security-v1 .security-service-list { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .security-v1 .security-safeguards { grid-template-columns: 1fr; }
}

/* Product Premium V2 — all additions are scoped to the Product page. */
.product-premium-v2 .product-map-node--recruitment { inset-block-start: 5%; inset-inline-start: 10%; }
.product-premium-v2 .product-map-node--ai { inset-block-start: 5%; inset-inline-end: 10%; inset-block-end: auto; }
.product-premium-v2 .product-map-node--productivity { inset-block-start: 42%; inset-inline-start: 0; }
.product-premium-v2 .product-map-node--people { inset-block-start: 42%; inset-inline-end: 0; }
.product-premium-v2 .product-map-node--administration { inset-block-end: 7%; inset-inline-start: 50%; transform: translateX(-50%); }
.product-premium-v2 .product-map-signals { display: none; }
.product-premium-v2[dir="rtl"] .product-map-center { inset-inline-start: auto; inset-inline-end: 50%; transform: translate(-50%, -50%); }
.product-premium-v2[dir="rtl"] .product-map-node--administration { inset-inline-start: auto; inset-inline-end: 50%; transform: translateX(-50%); }
.product-premium-v2 .product-review-layout { grid-template-columns: minmax(0, 1fr); }
.product-premium-v2 .product-review-panel { width: min(100%, 54rem); margin-inline: auto; }
.product-premium-v2 .product-premium-subheading { max-width: 48rem; margin: 0 auto 1.2rem; text-align: center; }
.product-premium-v2 .product-premium-subheading h3 { margin: 0; color: var(--product-ink); font-size: clamp(1.2rem, 2vw, 1.55rem); }
.product-premium-v2 .product-premium-subheading p { margin: .45rem 0 0; color: var(--product-muted); line-height: 1.65; }
.product-premium-v2 .product-premium-tools { margin-block-start: 1.5rem; text-align: center; }
.product-premium-v2 .product-premium-tools h3 { margin: 0 0 .7rem; color: var(--product-muted); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.product-premium-v2 .product-premium-tools > div { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.product-premium-v2 .product-premium-tools span,
.product-premium-v2 .product-premium-chip-row span { padding: .45rem .7rem; border: 1px solid var(--product-border); border-radius: 999px; color: var(--product-muted); background: var(--product-surface); font-size: .75rem; font-weight: 650; }
.product-premium-v2 .product-premium-two-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.product-premium-v2 .product-premium-feature-panel { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; align-items: start; gap: .8rem 1rem; padding: clamp(1rem, 2vw, 1.4rem); border: 1px solid var(--product-border); border-radius: 1.1rem; background: linear-gradient(145deg, var(--product-surface), color-mix(in srgb, var(--product-surface-soft) 48%, var(--product-surface))); box-shadow: var(--product-shadow); }
.product-premium-v2 .product-premium-feature-panel > div { min-width: 0; }
.product-premium-v2 .product-premium-feature-panel .product-eyebrow { grid-column: 2; margin: 0 0 -.35rem; font-size: .62rem; }
.product-premium-v2 .product-premium-feature-panel h2,
.product-premium-v2 .product-premium-feature-panel h3 { grid-column: 2; margin: 0; color: var(--product-ink); font-size: clamp(1.03rem, 1.5vw, 1.28rem); line-height: 1.35; }
.product-premium-v2 .product-premium-feature-panel p { grid-column: 2; margin: 0; color: var(--product-muted); font-size: .86rem; line-height: 1.65; }
.product-premium-v2 .product-premium-icon { display: grid; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; place-items: center; border: 1px solid color-mix(in srgb, var(--product-blue) 20%, var(--product-border)); border-radius: .85rem; color: var(--product-blue); background: color-mix(in srgb, var(--product-blue) 10%, var(--product-surface)); }
.product-premium-v2 .product-premium-icon svg { width: 1.3rem; height: 1.3rem; }
.product-premium-v2 .product-premium-icon--violet,
.product-premium-v2 .product-premium-icon--spark { color: var(--product-violet); background: color-mix(in srgb, var(--product-violet) 11%, var(--product-surface)); }
.product-premium-v2 .product-premium-icon--mint,
.product-premium-v2 .product-premium-icon--clock { color: var(--product-green); background: color-mix(in srgb, var(--product-green) 10%, var(--product-surface)); }
.product-premium-v2 .product-premium-hunter-badge { grid-column: 2; justify-self: start; padding: .3rem .55rem; border: 1px solid color-mix(in srgb, var(--product-violet) 32%, var(--product-border)); border-radius: 999px; color: var(--product-violet); font-size: .68rem; font-weight: 750; }
.product-premium-v2 .product-premium-chip-row { grid-column: 2; display: flex; flex-wrap: wrap; gap: .42rem; margin-block-start: .25rem; }
.product-premium-v2 .product-premium-chip-row span { padding: .35rem .56rem; font-size: .68rem; }
.product-premium-v2 .product-premium-comms-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: stretch; gap: 1rem; }
.product-premium-v2 .product-premium-comms-grid > .product-translation-panel { height: 100%; }
.product-premium-v2 .product-premium-comms-stack { display: grid; align-content: stretch; gap: 1rem; }
.product-premium-v2 .product-premium-comms-stack .product-premium-feature-panel { height: 100%; }
.product-premium-v2 .product-premium-card-grid { display: grid; gap: .8rem; }
.product-premium-v2 .product-premium-card-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-premium-v2 .product-premium-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-premium-v2 .product-premium-feature-card { grid-template-columns: 1fr; gap: .7rem; min-height: 0; }
.product-premium-v2 .product-premium-feature-card h3,
.product-premium-v2 .product-premium-feature-card p { grid-column: 1; }
.product-premium-v2 .product-premium-feature-card h3 { font-size: 1rem; }
.product-premium-v2 .product-premium-feature-card p { font-size: .8rem; }
.product-premium-v2 .product-premium-productivity-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 1rem; align-items: stretch; }
.product-premium-v2 .product-premium-agenda-panel { height: 100%; }
.product-premium-v2 .product-premium-availability { max-width: 56rem; margin: 1rem auto 0; color: var(--product-muted); font-size: .75rem; line-height: 1.55; text-align: center; }
.product-premium-v2 .product-premium-admin-tools { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-block-start: 1rem; }
.product-premium-v2 .product-premium-admin-card { grid-template-columns: 1fr; gap: .65rem; padding: 1rem; }
.product-premium-v2 .product-premium-admin-card h3,
.product-premium-v2 .product-premium-admin-card p { grid-column: 1; }
.product-premium-v2 .product-premium-admin-card h3 { font-size: .93rem; }
.product-premium-v2 .product-premium-admin-card p { font-size: .77rem; }
.product-premium-v2 .product-premium-explorer { overflow: hidden; border: 1px solid var(--product-border); border-radius: 1.25rem; background: var(--product-surface); box-shadow: var(--product-shadow); }
.product-premium-v2 .product-premium-tabs { display: flex; gap: .45rem; padding: .85rem; overflow-x: auto; border-block-end: 1px solid var(--product-border); scrollbar-width: thin; }
.product-premium-v2 .product-premium-tabs button { display: flex; flex: 1 0 auto; align-items: center; justify-content: center; gap: .55rem; min-height: 2.8rem; padding: .55rem .8rem; border: 1px solid transparent; border-radius: .75rem; color: var(--product-muted); background: transparent; font: inherit; font-size: .78rem; font-weight: 680; cursor: pointer; transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
.product-premium-v2 .product-premium-tabs button > span { color: var(--product-blue); font-size: .65rem; font-weight: 800; }
.product-premium-v2 .product-premium-tabs button[aria-selected="true"] { border-color: color-mix(in srgb, var(--product-blue) 25%, var(--product-border)); color: var(--product-ink); background: color-mix(in srgb, var(--product-blue) 9%, var(--product-surface)); }
.product-premium-v2 .product-premium-tabs button:focus-visible,
.product-premium-v2 [role="tabpanel"]:focus-visible { outline: 3px solid color-mix(in srgb, var(--product-blue) 65%, white); outline-offset: 2px; }
.product-premium-v2 .product-premium-tab-panels { padding: clamp(1rem, 2.6vw, 1.75rem); }
.product-premium-v2 .product-premium-tab-panels [role="tabpanel"][hidden] { display: none !important; }
.product-premium-v2 .product-premium-tab-panels header { margin-block-end: 1rem; }
.product-premium-v2 .product-premium-tab-panels header h3 { margin: 0; color: var(--product-ink); font-size: clamp(1.15rem, 2vw, 1.55rem); }
.product-premium-v2 .product-premium-tab-panels header p { margin: .35rem 0 0; color: var(--product-muted); font-size: .86rem; line-height: 1.6; }
.product-premium-v2 .product-premium-explorer-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.product-premium-v2 .product-premium-explorer-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; gap: .5rem .65rem; min-height: 7.3rem; padding: .85rem; border: 1px solid var(--product-border); border-radius: .9rem; background: color-mix(in srgb, var(--product-surface-soft) 43%, var(--product-surface)); }
.product-premium-v2 .product-premium-explorer-card .product-premium-icon { width: 2rem; height: 2rem; border-radius: .62rem; }
.product-premium-v2 .product-premium-explorer-card .product-premium-icon svg { width: 1rem; height: 1rem; }
.product-premium-v2 .product-premium-explorer-card h4 { align-self: center; margin: 0; color: var(--product-ink); font-size: .82rem; line-height: 1.35; }
.product-premium-v2 .product-premium-explorer-card p { grid-column: 1 / -1; margin: 0; color: var(--product-muted); font-size: .74rem; line-height: 1.5; }
.product-premium-v2 .product-premium-explorer-card .product-premium-icon--language,
.product-premium-v2 .product-premium-explorer-card .product-premium-icon--globe { color: var(--product-cyan); background: color-mix(in srgb, var(--product-cyan) 10%, var(--product-surface)); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .product-premium-v2 .product-premium-feature-panel,
  .product-premium-v2 .product-premium-explorer-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
  .product-premium-v2 .product-premium-feature-panel:hover,
  .product-premium-v2 .product-premium-explorer-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--product-blue) 35%, var(--product-border)); box-shadow: 0 14px 32px color-mix(in srgb, var(--product-blue) 9%, transparent); }
}
@media (max-width: 1100px) {
  .product-premium-v2 .product-premium-card-grid--four,
  .product-premium-v2 .product-premium-admin-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-premium-v2 .product-premium-productivity-layout { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .product-premium-v2 .product-premium-two-up,
  .product-premium-v2 .product-premium-comms-grid { grid-template-columns: 1fr; }
  .product-premium-v2 .product-premium-comms-grid > .product-translation-panel { height: auto; }
  .product-premium-v2 .product-premium-comms-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .product-premium-v2 .product-premium-explorer-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-premium-v2 .product-premium-tabs { justify-content: flex-start; }
  .product-premium-v2 .product-premium-tabs button { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .product-premium-v2 .product-map-node--administration { grid-column: 1 / -1; justify-self: center; width: calc(50% - .25rem); transform: none; }
  .product-premium-v2[dir="rtl"] .product-map-center { inset: auto; transform: none; }
  .product-premium-v2[dir="rtl"] .product-map-node--administration { inset: auto; transform: none; }
  .product-premium-v2 .product-premium-card-grid--four,
  .product-premium-v2 .product-premium-card-grid--three,
  .product-premium-v2 .product-premium-admin-tools,
  .product-premium-v2 .product-premium-comms-stack,
  .product-premium-v2 .product-premium-explorer-cards { grid-template-columns: 1fr; }
  .product-premium-v2 .product-premium-feature-panel { padding: .9rem; }
  .product-premium-v2 .product-premium-feature-card { grid-template-columns: auto minmax(0, 1fr); }
  .product-premium-v2 .product-premium-feature-card h3,
  .product-premium-v2 .product-premium-feature-card p { grid-column: 2; }
  .product-premium-v2 .product-premium-tabs { gap: .25rem; padding: .55rem; }
  .product-premium-v2 .product-premium-tabs button { min-height: 2.5rem; padding: .45rem .6rem; font-size: .72rem; }
  .product-premium-v2 .product-premium-explorer-card { min-height: 0; }
}