/* Shared screen presentation for evaluating the product and planning adoption. */
body[data-page] {
  --dim: #96a4a7;
  --text: #bac5c8;
  --rule: #253136;
}

body::before,
body .hero::before,
body .trust-hero::before,
body .reviews-hero::before,
body .band::before { display: none !important; }

body[data-page] .rs { font-size: 1rem; line-height: 1.75; }
body[data-page] h1,
body[data-page] h2,
body[data-page] h3 { text-transform: none; letter-spacing: -.015em; line-height: 1.08; }
body[data-page] h2 { font-size: clamp(2rem, 3.4vw, 3.5rem); }
body[data-page] .eyebrow { font-family: var(--sans); font-size: .75rem; letter-spacing: .06em; line-height: 1.5; }
body[data-page] .lede { font-size: clamp(1.05rem, 1.3vw, 1.2rem); line-height: 1.7; }
body[data-page] .btn,
body[data-page] .button {
  font-family: var(--sans);
  font-size: .9rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 5px;
  clip-path: none;
  min-height: 48px;
  white-space: normal;
  text-align: center;
}
body[data-page] .site-nav .site-nav-link,
body[data-page] .site-nav .site-nav-resources-panel a {
  font-family: var(--sans) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-page] .site-nav .site-nav-actions > .site-nav-app,
body[data-page] .site-nav .site-nav-menu-panel .site-nav-app {
  background: var(--cyan) !important;
  color: #002326 !important;
  border-color: var(--cyan) !important;
  border-radius: 5px;
}
body[data-page] .site-nav .site-nav-actions > .site-nav-demo,
body[data-page] .site-nav .site-nav-menu-panel .site-nav-demo {
  background: transparent !important;
  color: var(--white) !important;
  border-color: var(--rule) !important;
  border-radius: 5px;
}
body[data-page] .site-nav-resources-panel { max-height: calc(100svh - 100px); overflow-y: auto; }
body[data-page] .site-context,
body[data-page] .section-nav { font-family: var(--sans); letter-spacing: 0; }
body[data-page] .site-context-status { display: none; }

body[data-page="landing"] .hero {
  min-height: auto;
  padding-block: clamp(3.5rem, 6vw, 6rem);
  background: radial-gradient(ellipse at 85% 35%, #082023 0, transparent 60%), #000;
}
body[data-page="landing"] .hero-title { line-height: 1.02 !important; }
body[data-page="landing"] .band { padding-block: clamp(3rem, 6vw, 5.5rem); }
body[data-page="landing"] .feature-heading { margin-bottom: 2rem; }
body[data-page="landing"] .feature-heading h2 { max-width: 23ch; }
body[data-page="landing"] .security-categories { font-family: var(--sans); font-size: .83rem; }
body[data-page="landing"] .use-case-grid { border-radius: 6px; overflow: hidden; }
body[data-page="landing"] .buyer-context { border-top: 1px solid var(--rule); padding-top: 1rem; font-size: .9rem; }
body[data-page="landing"] .buyer-context strong { color: var(--white); font-weight: 600; }
body[data-page="landing"] .use-case-card > p:not(.eyebrow) { color: var(--text); }
body[data-page="landing"] [data-align-rows="4"] { --align-row-count: 4; }
body[data-page="landing"] .category-links { font-family: var(--sans); letter-spacing: 0; font-size: .95rem; }
body[data-page="landing"] .strip { font-family: var(--sans); font-size: .8rem; letter-spacing: 0; }
body[data-page] .team-plan { border-radius: 6px; }
body[data-page] .team-note { color: var(--dim); font-size: .9rem; }
body[data-page] .team-intro h2,
body[data-page] .team-section-heading h2,
body[data-page] .team-close h2 { max-width: 25ch; font-size: clamp(2rem, 3.5vw, 3.5rem); }
.evaluation-intro { max-width: 78ch; margin-bottom: 2rem; }
.evaluation-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.evaluation-assessment { margin-block: 2.5rem; padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--rule); border-radius: 6px; background: #050b0d; }
body[data-page] .evaluation-assessment h3 { font-size: 1.65rem; margin-bottom: 1.5rem; }
.evaluation-assessment .team-scope { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; }
#evaluation, #use-cases-title { scroll-margin-top: 100px; }

/* Explore one scenario at a time; without JavaScript all panels stay visible. */
body[data-page="landing"] .use-case-explorer { scroll-margin-top: 100px; }
body[data-page="landing"] .use-case-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-bottom: 1.5rem;
}
body[data-page="landing"] .use-case-tabs[hidden],
body[data-page="landing"] .use-case-panel[hidden] { display: none !important; }
body[data-page="landing"] .use-case-tabs button {
  padding: .8rem 1rem;
  min-height: 44px;
  border: 1px solid var(--rule);
  border-radius: 5px;
  background: #050b0d;
  color: var(--text);
  font: 600 .9rem/1.4 var(--sans);
  cursor: pointer;
  text-align: left;
}
body[data-page="landing"] .use-case-tabs button[aria-selected="true"] {
  border-color: var(--cyan);
  color: var(--cyan);
  background: #082023;
}
body[data-page="landing"] .use-case-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem 3rem;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  margin-bottom: 1.5rem;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: #050b0d;
  scroll-margin-top: 100px;
}
body[data-page="landing"] .use-case-panel h3 { font-size: clamp(1.8rem, 3vw, 2.5rem); margin-bottom: 1rem; }
body[data-page="landing"] .use-case-question { color: var(--white); margin-top: 1.5rem; font-weight: 600; }
body[data-page="landing"] .use-case-work { margin: 0; display: grid; gap: 1.25rem; }
body[data-page="landing"] .use-case-work dt { color: var(--cyan); font-weight: 600; margin-bottom: .35rem; }
body[data-page="landing"] .use-case-work dd { margin: 0; }
body[data-page="landing"] .use-case-note { grid-column: 1 / -1; margin: 0; border-top: 1px solid var(--rule); padding-top: 1rem; color: var(--dim); font-size: .9rem; }
body[data-page] .content-disclosure { border-bottom: 1px solid var(--rule); }
body[data-page] .content-disclosure > summary {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem 0;
  min-height: 48px;
  color: var(--white);
  font: 600 1rem/1.5 var(--sans);
  cursor: pointer;
  list-style: none;
}
body[data-page] .content-disclosure > summary::-webkit-details-marker { display: none; }
body[data-page] .content-disclosure > summary::after { content: '+'; margin-left: auto; color: var(--cyan); flex: none; }
body[data-page] .content-disclosure[open] > summary::after { content: '-'; }
body[data-page] .content-disclosure > p { max-width: 78ch; margin: 0 0 1.25rem; }
body[data-page] .content-disclosure > summary:focus-visible,
body[data-page="landing"] .use-case-tabs button:focus-visible,
body[data-page="landing"] .use-case-panel:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
body[data-page="landing"] .faq-accordion { max-width: 960px; margin-top: 2rem; border-top: 1px solid var(--rule); }
body[data-page="landing"] .evaluation-overview ol { list-style: none; padding: 0; margin: 0; }
body[data-page="landing"] .evaluation-overview li { padding: 1rem 0; border-top: 1px solid var(--rule); display: grid; gap: .35rem; }
body[data-page="landing"] .evaluation-overview strong { color: var(--white); }
body[data-page="landing"] .resource-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-top: 2.25rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--rule);
}
body[data-page="landing"] .resource-path h3 {
  margin: 0 0 .85rem;
  font: 600 1.05rem/1.5 var(--sans);
  letter-spacing: 0;
}
body[data-page="landing"] .resource-path { display: flex; flex-direction: column; align-items: flex-start; }
body[data-page="landing"] .resource-path p { margin: 0; font-size: .9rem; line-height: 1.65; }
body[data-page="landing"] .resource-path > p:first-of-type { flex: 1; padding-bottom: 1rem; max-width: 58ch; }
body[data-page="landing"] .resource-cta { min-height: 44px; padding: .7rem 1.1rem; }
body[data-page="landing"] .resource-path .resource-path-note { margin-top: .6rem; color: var(--dim); font-size: .82rem; }
@media (max-width: 640px) {
  body[data-page="landing"] .resource-paths { grid-template-columns: 1fr; gap: 1.5rem; }
}
body[data-page="landing"] .evaluation-layout {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  align-items: center;
  gap: 2rem clamp(2rem, 4vw, 4rem);
}
body[data-page="landing"] .evaluation-showcase .team-intro h2 {
  max-width: 18ch;
  font-size: clamp(2rem, 3.3vw, 3.25rem);
}
body[data-page="landing"] .evaluation-shot {
  margin: 0;
  padding: 0;
  min-width: 0;
  border-radius: 6px;
  overflow: hidden;
}
body[data-page="landing"] .evaluation-shot .shot { width: 100%; height: auto; }
body[data-page="landing"] .evaluation-shot figcaption { color: var(--dim); }
body[data-page="landing"] .evaluation-details { grid-column: 1 / -1; }
body[data-page="landing"] .evaluation-details .evaluation-overview ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 1000px) {
  body[data-page="landing"] .evaluation-layout { grid-template-columns: 1fr; }
  body[data-page="landing"] .evaluation-showcase .team-intro h2 { max-width: 24ch; }
}
@media (max-width: 640px) {
  body[data-page="landing"] .evaluation-details .evaluation-overview ol { grid-template-columns: 1fr; gap: 0; }
}
body[data-page="enterprise"] .evaluation-steps > li { display: block; padding: 0; border: 0; }
body[data-page="enterprise"] .evaluation-steps .team-index { flex: none; }
@media (max-width: 720px) {
  body[data-page="landing"] .use-case-panel { grid-template-columns: 1fr; }
  body[data-page="landing"] .use-case-tabs button { flex: 1 1 42%; font-size: .85rem; }
}

/* Keep review sources readable and stationary. Original links remain available. */
body[data-page="reviews"] .reviews-page *,
body[data-page="reviews"] .reviews-page *::before,
body[data-page="reviews"] .reviews-page *::after { animation: none !important; }
body[data-page="reviews"] .live-tile { transform: none !important; }
body[data-page="reviews"] .pulse-track { width: auto; flex-wrap: wrap; }
body[data-page="reviews"] .language-reel img:first-child { opacity: 1; }
body[data-page="reviews"] .language-reel img + img { opacity: 0; }
body[data-page="reviews"] .reviews-hero { padding-block: clamp(3rem, 5vw, 5rem); }
body[data-page="reviews"] .reviews-hero h1 { font-size: clamp(2.7rem, 5vw, 4.75rem); }
body[data-page="reviews"] .team-intro > .btn { justify-self: start; }

@media (max-width: 640px) {
  .evaluation-steps,
  .evaluation-assessment .team-scope { grid-template-columns: 1fr; }
  body[data-page="landing"] .hero-title { max-width: 16ch !important; font-size: clamp(2.6rem, 11vw, 3.7rem) !important; }
  body[data-page="landing"] .hero-center .ctas { align-items: stretch; }
  body[data-page="landing"] .hero-center .ctas .btn { width: 100%; }
}

/* Keep the evaluation action distinct and the product evidence easy to scan. */
body[data-page="landing"] #evidence-title { scroll-margin-top: 110px; }
body[data-page="landing"] .hero-proof-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .65rem .25rem;
  font: 600 .9rem/1.5 var(--sans);
  text-underline-offset: .3em;
}
body[data-page="landing"] .hero-proof-link:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
body[data-page="landing"] .evidence-checkpoints {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 1.5rem 0;
}
body[data-page="landing"] .evidence-checkpoints > div { border-left: 2px solid var(--rule); padding-left: 1rem; }
body[data-page="landing"] .evidence-checkpoints h3 { margin: 0 0 .5rem; font: 600 1rem/1.5 var(--sans); }
body[data-page="landing"] .evidence-checkpoints p { margin: 0; font-size: .9rem; line-height: 1.6; }
@media (max-width: 720px) {
  body[data-page="landing"] .evidence-checkpoints { grid-template-columns: 1fr; gap: 1rem; }
}

/* Category-led product story. Existing demo controls retain their own styles. */
body[data-page="landing"] .story-heading { max-width: 850px; margin-bottom: 1.75rem; }
body[data-page="landing"] .story-heading h2 { max-width: 26ch; }
body[data-page="landing"] .story-intro { max-width: 72ch; margin-bottom: 2rem; }
body[data-page="landing"] .story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
body[data-page="landing"] .story-grid article { border-top: 1px solid var(--rule); padding-top: 1.5rem; }
body[data-page="landing"] .story-grid h3 { font: 600 1.25rem/1.35 var(--sans); margin: 0 0 .8rem; }
body[data-page="landing"] .story-grid p { margin: 0; }
body[data-page="landing"] .story-note { margin-top: 1.5rem; font-size: .875rem; color: var(--dim); }
body[data-page="landing"] .investigation-demo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: start; margin-bottom: 3rem; }
body[data-page="landing"] .analysis-trail { list-style: none; padding: 0; margin: 1.5rem 0; }
body[data-page="landing"] .analysis-trail li { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; border-top: 1px solid var(--rule); padding: .85rem 0; font-size: .9rem; }
body[data-page="landing"] .analysis-trail strong { color: var(--cyan); }
body[data-page="landing"] .investigation-demo .agent-preview { max-width: none; }
body[data-page="landing"] main { min-width: 0; }
@media (max-width: 1000px) {
  body[data-page="landing"] .hero { grid-template-columns: 1fr; }
  body[data-page="landing"] .investigation-demo { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  body[data-page="landing"] .story-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  body[data-page="landing"] .analysis-trail li { grid-template-columns: 1fr; gap: .25rem; }
}