/* TERN Landing.dc.html */
html, body { margin: 0; padding: 0; background: #06070A; }
  body { -webkit-font-smoothing: antialiased; }
  a { color: #E8A263; text-decoration: none; }
  a:hover { color: #F5C79B; }
  ::selection { background: #E8A263; color: #06070A; }
  @keyframes ternPulse { 0%,100% { opacity: .25; } 50% { opacity: 1; } }
  @keyframes ternSweep { 0% { transform: translateY(-100%); } 100% { transform: translateY(2400%); } }
  @keyframes ternDrift { 0% { opacity:0; transform: translateY(6px); } 100% { opacity:1; transform: translateY(0); } }
  @media (max-width: 1100px) {
    [data-stat-grid], [data-arch-grid] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  }
  @media (max-width: 900px) {
    [data-eyebrow] { color: #9AA0A9 !important; letter-spacing: 0.18em !important; }
    [data-muted-body] { color: #989EA8 !important; font-size: 14.5px !important; }
    [data-metric-unit] { color: #9AA0A9 !important; font-size: 10px !important; letter-spacing: 0.14em !important; }
    [data-metric-note] { color: #949AA3 !important; font-size: 13.5px !important; }
    [data-arch-lines] { color: #949AA3 !important; font-size: 11.5px !important; letter-spacing: 0.02em !important; }
    [data-loop-desc] { font-size: 13.5px !important; }
    [data-lang-point] { color: #B4BAC2 !important; }
    [data-model-meta] { color: #949AA3 !important; }
    [data-stat-label] { color: #9AA0A9 !important; }
    [data-nav-links] { display: flex !important; flex-wrap: wrap !important; gap: 4px 16px !important; font-size: 10px !important; letter-spacing: 0.12em !important; }
    [data-stack] { grid-template-columns: minmax(0,1fr) !important; }
    [data-quote-rail] { border-left: none !important; border-top: 1px solid rgba(255,255,255,0.09) !important; }
    [data-stack-2] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    [data-side-border] { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
    [data-side-border] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; }
    [data-portrait] { width: 92px !important; flex: 0 0 92px; }
    [data-worker-id] { flex: 1 1 160px; min-width: 0; }
    [data-worker-meta] { flex: 1 1 100%; margin-top: 4px !important; }
    [data-worker-rule] { display: none !important; }
    [data-loop-stage] { display: none !important; }
    [data-loop-row] { padding: 16px 4px 16px 14px !important; background: #08090C !important; border-left-color: rgba(232,162,99,0.35) !important; }
    [data-loop-num] { color: #5E646D !important; }
    [data-loop-icon] { color: #E8A263 !important; }
    [data-loop-title] { color: #EDEEF0 !important; }
    [data-loop-sub] { color: #E8A263 !important; }
    [data-loop-desc] { color: #8A9099 !important; }
    [data-arch-grid] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    [data-arch-card] { padding: 18px 14px 18px !important; }
    [data-arch-extras] { display: none !important; }
    [data-arch-connector] { padding: 14px 0 !important; }
    [data-arch-connector] > div { height: 26px !important; }
    [data-arch-core] { padding: 22px 18px !important; }
    [data-arch-core-mark] { width: 46px !important; height: 46px !important; }
    [data-lang-point] { padding: 13px 0 13px 14px !important; font-size: 14px !important; }
    [data-lang-points] { margin-top: 24px !important; }
    [data-model-row] { padding: 14px 16px !important; }
    [data-model-meta] { margin-top: 5px !important; font-size: 9px !important; letter-spacing: 0.08em !important; line-height: 1.5 !important; }
    [data-model-idx] { display: none !important; }
    [data-stat-grid] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    [data-stat-card] { padding: 18px 14px 18px !important; }
    [data-stat-value] { font-size: 28px !important; }
    [data-stat-label] { font-size: 9px !important; letter-spacing: 0.12em !important; margin-top: 8px !important; }
    [data-hide-sm] { display: none !important; }
  }
  @media (max-width: 700px) {
    [data-lbl] { flex-basis: 100% !important; }
    [data-nav-burger] { display: inline-flex !important; }
    [data-nav-links] { display: none !important; }
    [data-nav-links][data-open="true"] { display: flex !important; flex-basis: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; order: 3 !important; margin-top: 4px !important; }
    [data-nav-links][data-open="true"] > * { padding: 14px 2px !important; border-top: 1px solid rgba(255,255,255,0.09) !important; font-size: 12px !important; letter-spacing: 0.14em !important; }
  }
  @media (max-width: 640px) {
    [data-micro] { font-size: 11px !important; letter-spacing: 0.15em !important; }
    [data-body] { font-size: 15px !important; line-height: 1.55 !important; }
    [data-ring] { padding: 12px !important; }
    [data-nav] { gap: 8px 14px !important; }
    [data-nav-links] { flex-wrap: wrap !important; gap: 4px 16px !important; }
    [data-nav-links] a, [data-nav-links] > span { padding: 5px 0 !important; }
  }
  @media (max-width: 640px) {
    [data-hero-eyebrow] { display: none !important; }
    [data-hero] { min-height: clamp(460px,72svh,600px) !important; padding-top: 82px !important; justify-content: center !important; }
    [data-hero-inner] { padding-bottom: 28px !important; }
    [data-trust] { font-family: Archivo, Helvetica, sans-serif !important; font-size: 12px !important; letter-spacing: 0.01em !important; text-transform: none !important; color: #8A9099 !important; line-height: 1.45 !important; }
    [data-trust] br { display: none !important; }
    [data-stat-label] { font-family: Archivo, Helvetica, sans-serif !important; font-size: 12px !important; letter-spacing: 0.02em !important; text-transform: none !important; color: #A8AEB7 !important; line-height: 1.45 !important; }
    [data-quote-role], [data-quote-rail] [data-micro] { font-family: Archivo, Helvetica, sans-serif !important; font-size: 12.5px !important; letter-spacing: 0.01em !important; text-transform: none !important; line-height: 1.5 !important; }
    [data-quote-row] { padding: 18px 20px !important; }
    [data-lang-points] { margin-top: 22px !important; }
    [data-lang-point] { padding: 12px 0 12px 14px !important; font-size: 14px !important; line-height: 1.5 !important; }
    [data-nav] { flex-wrap: nowrap !important; }
    [data-nav-cta] { display: none !important; }
  }
  @media (max-width: 700px) {
    [data-nav-links][data-open="true"] > a, [data-nav-links][data-open="true"] > span { padding: 14px 2px !important; }
  }
  @media (max-width: 560px) {
    [data-stack-2] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    [data-wf-lead] { grid-column: 1 / -1 !important; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.09) !important; padding: 22px 18px !important; }
    [data-stack-2] > div { padding: 20px 16px !important; }
    [data-stat-card] { padding: 14px 12px !important; }
    [data-stat-value] { font-size: 23px !important; }
    [data-stat-label] { font-size: 9px !important; margin-top: 6px !important; line-height: 1.45 !important; }
    [data-arch-card] { padding: 14px 12px !important; }
    [data-arch-lines] { font-size: 10.5px !important; }

    /* 02 - console: one screen */
    [data-tabs] { flex-wrap: nowrap !important; overflow-x: auto; gap: 6px !important; width: 100%; padding-bottom: 2px; scrollbar-width: none; }
    [data-tabs] > div { flex: 0 0 auto; padding: 9px 13px 10px !important; font-size: 10px !important; }
    [data-console-head] { padding: 11px 14px !important; font-size: 9px !important; }
    [data-transcript] { padding: 14px 15px !important; font-size: 15.5px !important; }
    [data-status-line] { display: none !important; }
    [data-action-row] { padding: 11px 14px !important; gap: 10px !important; }
    [data-action-row] > span:first-child { font-size: 19px !important; min-width: 34px !important; }
    [data-row-chips] { display: none !important; }

    /* 05 - architecture: fewer verticals */
    [data-arch-connector] { padding: 8px 0 !important; }
    [data-arch-connector] > div { height: 16px !important; }
    [data-arch-core] { padding: 18px 14px !important; }
    [data-arch-core-mark] { width: 38px !important; height: 38px !important; }
    [data-arch-core] [style*="font-size:clamp(19px"] { font-size: 18px !important; }

    /* 06 - language: names first, meta tight */
    [data-lang-point] { padding: 11px 0 11px 13px !important; font-size: 13.5px !important; line-height: 1.5 !important; }
    [data-model-row] { padding: 12px 14px !important; }
    [data-model-meta] { font-size: 8.5px !important; }

    /* 07 - testimonials: quote first, speakers as a scrolling selector */
    [data-quote-panel] { order: 2; padding: 22px 18px 24px !important; gap: 20px !important; min-height: 0 !important; }
    [data-quote-rail] { order: 1; border-left: none !important; border-bottom: 1px solid rgba(255,255,255,0.09) !important; flex-direction: row !important; overflow-x: auto; scrollbar-width: none; }
    [data-quote-row] { flex: 0 0 62% !important; padding: 14px 16px !important; border-bottom: none !important; border-right: 1px solid rgba(255,255,255,0.07); }
    [data-quote-row] > div:first-child { top: auto !important; bottom: 0 !important; right: 0; width: auto !important; height: 2px !important; }
    [data-quote-role] { font-size: 9px !important; line-height: 1.6 !important; }
  }

/* TERN Platform.dc.html */
html, body { margin: 0; padding: 0; background: #06070A; color: #EDEEF0; font-family: Archivo, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #E8A263; text-decoration: none; }
  a:hover { color: #F5C79B; }
  ::selection { background: #E8A263; color: #06070A; }
  h1, h2, h3, p, blockquote { margin: 0; }
  @media (max-width: 700px) {
    [data-lbl] { flex-basis: 100% !important; }
    [data-nav-burger] { display: inline-flex !important; }
    [data-nav-links] { display: none !important; }
    [data-nav-links][data-open="true"] { display: flex !important; flex-basis: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; order: 3 !important; margin-top: 4px !important; }
    [data-nav-links][data-open="true"] > * { padding: 14px 2px !important; border-top: 1px solid rgba(255,255,255,0.09) !important; font-size: 12px !important; letter-spacing: 0.14em !important; }
    [data-caption] { display: none !important; }
    [data-desk-detail], [data-desk-frame], [data-rail], [data-desk-example] { display: none !important; }
    [data-loop-ring] { display: none !important; }
    [data-loop-grid] { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; justify-items: stretch !important; }
    [data-loop-node] { grid-column: 1 !important; grid-row: auto !important; text-align: left !important; align-items: flex-start !important; cursor: default !important; padding: 20px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
    [data-loop-node] > div:nth-child(2) { color: #F0E6DC !important; max-width: none !important; }
    [data-loop-inline] { display: block !important; }
    [data-inline-shot] { display: block !important; }
    [data-inline-hand], [data-inline-body] { display: none !important; }
    [data-feat-step] { cursor: default !important; background: transparent !important; border-left-color: rgba(232,162,99,0.45) !important; }
    [data-feat-step] > div:first-child { color: #E8A263 !important; }
    [data-feat-step] > div:nth-child(2) > div:first-child { color: #F0E6DC !important; }
    [data-feat-step] > div:nth-child(2) > div:nth-child(2) { color: #A8AEB7 !important; }
    [data-inline-detail] { display: block !important; }
    [data-people-grid] { grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; }
    [data-person] { display: flex !important; gap: 16px !important; padding: 20px 0 !important; border-top: 1px solid rgba(255,255,255,0.10) !important; }
    [data-person-photo] { flex: 0 0 74px !important; align-items: flex-start !important; position: relative !important; }
    [data-person-photo]::after { content: ""; position: absolute; left: 36px; top: 84px; bottom: -21px; width: 1px; background: linear-gradient(180deg, rgba(232,162,99,0.55), rgba(232,162,99,0.22)); }
    [data-person-photo]::before { content: ""; position: absolute; left: 33px; bottom: -25px; width: 7px; height: 7px; background: #E8A263; z-index: 1; }
    [data-person]:last-child [data-person-photo]::after, [data-person]:last-child [data-person-photo]::before { display: none; }
    [data-person-photo] > div { max-width: 74px !important; }
    [data-person-text] { flex: 1 1 auto !important; min-width: 0 !important; margin-top: 0 !important; text-align: left !important; }
    [data-person] { cursor: default !important; }
    [data-person] img { opacity: 1 !important; filter: none !important; }
    [data-person-photo] > div { outline-color: rgba(255,255,255,0.14) !important; box-shadow: none !important; }
    [data-person-text] > div:first-child { color: #F0E6DC !important; }
    [data-person-text] > div:nth-child(3) { color: #C9CED5 !important; }
  }
  @media (max-width: 640px) {
    [data-hero-eyebrow] { display: none !important; }
    [data-micro] { font-size: 11px !important; letter-spacing: 0.15em !important; }
    [data-body] { font-size: 15px !important; line-height: 1.55 !important; }
    [data-ring] { padding: 12px !important; }
    [data-nav] { gap: 8px 14px !important; }
    [data-nav-links] { flex-wrap: wrap !important; gap: 4px 16px !important; }
    [data-nav-links] a, [data-nav-links] > span { padding: 5px 0 !important; }
  }

/* TERN Deployment.dc.html */
html, body { margin: 0; padding: 0; background: #06070A; color: #EDEEF0; font-family: Archivo, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  a { color: #E8A263; text-decoration: none; }
  a:hover { color: #F5C79B; }
  ::selection { background: #E8A263; color: #06070A; }
  h1, h2, h3, p { margin: 0; }
  @media (max-width: 700px) {
    [data-lbl] { flex-basis: 100% !important; }
    [data-nav-burger] { display: inline-flex !important; }
    [data-nav-links] { display: none !important; }
    [data-nav-links][data-open="true"] { display: flex !important; flex-basis: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; order: 3 !important; margin-top: 4px !important; }
    [data-nav-links][data-open="true"] > * { padding: 14px 2px !important; border-top: 1px solid rgba(255,255,255,0.09) !important; font-size: 12px !important; letter-spacing: 0.14em !important; }
    [data-step-arrow] { display: none !important; }
    [data-step-col] { flex-basis: 100% !important; }
  }
  @media (max-width: 640px) {
    [data-hero-eyebrow] { display: none !important; }
    [data-micro] { font-size: 11px !important; letter-spacing: 0.15em !important; }
    [data-body] { font-size: 15px !important; line-height: 1.55 !important; }
    [data-ring] { padding: 12px !important; }
    [data-nav] { gap: 8px 14px !important; }
    [data-nav-links] { flex-wrap: wrap !important; gap: 4px 16px !important; }
    [data-nav-links] a, [data-nav-links] > span { padding: 5px 0 !important; }
  }


/* Shared form additions for the full-site redesign. */
[data-demo-grid] input:focus, [data-demo-grid] select:focus, [data-demo-grid] textarea:focus { border-color: #E8A263 !important; }
[data-demo-grid] input::placeholder, [data-demo-grid] textarea::placeholder { color: #7C838D; }
@media (max-width: 720px) {
  [data-demo-grid], [data-form-grid] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-form-grid] > * { grid-column: 1 !important; }
}

/* Mobile refinement: keep the blueprint layout readable without shrinking it into noise. */
@media (max-width: 640px) {
  [data-tern-v2] { width: 100%; overflow-x: hidden; }
  [data-nav] {
    min-height: 64px;
    padding: 10px 16px !important;
    gap: 8px 12px !important;
  }
  [data-nav] > div:first-child { min-width: 0; }
  [data-nav] > div:first-child span { white-space: nowrap; }
  [data-nav-burger] { width: 38px !important; height: 38px !important; }
  [data-nav-links][data-open="true"] { padding-bottom: 4px; }

  [data-hero] {
    min-height: 0 !important;
    padding-top: 86px !important;
  }
  [data-hero-inner] {
    padding: 44px 16px 34px !important;
  }
  [data-hero] h1 {
    font-size: clamp(30px, 8.2vw, 38px) !important;
    line-height: 1.08 !important;
  }
  [data-hero] p {
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  [data-hero] [style*="justify-content:center"] { margin-top: 28px !important; }
  [data-hero] [style*="justify-content:center"] > div {
    min-width: 174px;
    padding: 15px 22px !important;
  }
  [data-hero] > div:last-child > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 16px !important;
    padding: 16px !important;
  }
  [data-hero] > div:last-child img {
    max-width: 100%;
    height: auto !important;
    max-height: 30px;
  }
  [data-hero] > div:last-child > div > div:last-child {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center;
    gap: 12px !important;
    padding-left: 0 !important;
  }
  [data-hero] > div:last-child > div > div:last-child img { max-height: 26px; }

  [data-stat-grid] { width: 100%; }
  [data-stat-card] { min-width: 0; }
  [data-stat-value] { overflow-wrap: anywhere; }

  [data-tabs] {
    display: flex !important;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  [data-tabs]::-webkit-scrollbar { display: none; }
  [data-tabs] > div { white-space: nowrap; }

  [data-side-border] { min-width: 0; }
  [data-side-border] img { display: block; }
  [data-worker-id] > div { overflow-wrap: anywhere; }
  [data-worker-meta] > div { min-width: 0; }
  [data-worker-meta] > div span:last-child { text-align: right; overflow-wrap: anywhere; }
  [data-transcript] { overflow-wrap: anywhere; }
  [data-action-row] > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }

  [data-quote-panel] blockquote { overflow-wrap: anywhere; }
  [data-demo-grid] { gap: 28px !important; }
  [data-demo-grid] > div:first-child h2 { font-size: clamp(28px, 8vw, 36px) !important; }
  [data-demo-grid] form { padding: 20px 18px !important; }
  [data-demo-grid] input,
  [data-demo-grid] select,
  [data-demo-grid] textarea { min-width: 0; max-width: 100%; font-size: 16px !important; }
}


/* Outcome metrics: 3 per row on desktop, 2 on smaller screens. */
@media (max-width: 900px) {
  [data-metric-grid] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
