/* SalamAI layout, components and states. Visual identity lives in theme.css. */
@font-face {
  font-family:Manrope;
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url('/fonts/manrope-latin-variable.woff2') format('woff2');
}
:root {
  --paper:#f0f1ee;
  --white:#ffffff;
  --ink:#1d2823;
  --muted:#54605a;
  --green:#1d3e30;
  --mint:#dfe6da;
  --line:#c9cfca;
  --soft:#e2e7de;
  --night:#111a15;
  --night-deep:#090f0c;
  --signal:#bec9ad;
  --peach:#dce5df;
  --gold:#e3e3d7;
  --lilac:#e0e4e5;
  --page-accent:var(--signal);
  --on-dark:#f1f3ed;
  --on-dark-muted:#bac4b9;
  --stage-border:#425847;
  --stage-surface:#182b22;
  --radius:10px;
  --wrap:1200px;
  --ease:cubic-bezier(.2,.7,.2,1);
  font-family:Manrope,Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:108px;
}

body {
  margin:0;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img,svg {
  display:block;
  max-width:100%;
}

button,input {
  font:inherit;
}

button,a,input,summary {
  -webkit-tap-highlight-color:transparent;
}

button {
  cursor:pointer;
}

a {
  color:inherit;
  text-underline-offset:4px;
}

p {
  margin:0 0 1.2em;
  color:var(--muted);
}

h1,h2,h3 {
  margin:0;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.045em;
}

h1 {
  font-size:clamp(42px,5.3vw,76px);
}

h2 {
  font-size:clamp(32px,3.35vw,48px);
}

h3 {
  font-size:23px;
  letter-spacing:-.025em;
  line-height:1.3;
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible {
  outline:3px solid var(--green);
  outline-offset:5px;
}

::selection {
  background:var(--signal);
  color:var(--night);
}

.wrap {
  width:min(var(--wrap),calc(100% - 112px));
  margin-inline:auto;
}

.icon {
  width:24px;
  height:24px;
  flex-shrink:0;
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}

.skip-link {
  position:fixed;
  top:12px;
  left:16px;
  z-index:1000;
  padding:12px 22px;
  background:var(--ink);
  color:white;
  transform:translateY(-150%);
}

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

[hidden] {
  display:none!important;
}

.eyebrow {
  display:flex;
  align-items:center;
  gap:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:12px;
  font-weight:600;
  color:var(--green);
  margin:0 0 22px;
}

.status-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
  display:inline-block;
  flex-shrink:0;
}

.small-label {
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}

.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  min-height:48px;
  padding:12px 21px;
  border-radius:6px;
  text-decoration:none;
  font-weight:500;
  font-size:14px;
  line-height:1.4;
  transition:background .2s,transform .2s;
}

.btn span {
  font-size:19px;
  line-height:1;
}

.btn-primary {
  background:var(--green);
  color:white;
  border:1px solid var(--green);
}

.btn-primary:hover {
  background:#104936;
  transform:translateY(-2px);
}

.btn-text {
  padding-inline:8px;
}

.btn-text:hover {
  color:var(--green);
  background:var(--soft);
}

.btn-row {
  display:flex;
  gap:20px;
  align-items:center;
  flex-wrap:wrap;
}

.text-link {
  display:inline-flex;
  gap:20px;
  align-items:center;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  min-height:44px;
}

.text-link:hover {
  text-decoration:underline;
}

.text-link>span {
  font-size:20px;
}

/* Shared navigation: disclosure on desktop, collapsible list on mobile. */
.nav {
  position:sticky;
  top:0;
  background:rgba(248,249,245,.97);
  z-index:50;
  border-bottom:1px solid var(--line);
}

.nav-inner {
  height:90px;
  display:flex;
  align-items:center;
  gap:38px;
}

.brand {
  display:inline-flex;
  gap:8px;
  align-items:center;
  flex-shrink:0;
  text-decoration:none;
  letter-spacing:-1.2px;
  font-size:25px;
  font-weight:600;
}

.brand img {
  width:37px;
  height:37px;
  object-fit:contain;
  mix-blend-mode:multiply;
}

.nav-links {
  display:flex;
  align-items:center;
  gap:27px;
  margin-left:auto;
}

.nav-links>a,.nav-drop>.nav-platform-link,.nav-drop-toggle,.login {
  font-size:13px;
  text-decoration:none;
  color:var(--muted);
  white-space:nowrap;
}

.nav-links>a,.nav-drop>.nav-platform-link {
  padding-block:13px;
}

.nav-links a:hover,.login:hover,.nav-links a[aria-current] {
  color:var(--green);
}

.nav-links a[aria-current] {
  text-decoration:underline;
  text-decoration-thickness:2px;
}

.nav-drop {
  position:relative;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

.nav-drop-toggle {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  min-height:44px;
  padding:13px 5px;
  border:0;
  background:transparent;
}

.nav-drop-toggle span {
  transition:transform .2s;
}

.nav-drop-toggle[aria-expanded=true] span {
  transform:rotate(180deg);
}

.nav-drop-menu {
  display:none;
  flex-basis:100%;
  position:absolute;
  top:calc(100% + 10px);
  left:-25px;
  min-width:310px;
  padding:22px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 18px 50px #142e2414;
}

.nav-drop.open .nav-drop-menu {
  display:block;
}

.menu-label {
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--muted);
  display:block;
  margin-bottom:12px;
}

.nav-drop-menu a {
  display:block;
  text-decoration:none;
  padding:10px 8px;
  border-radius:4px;
}

.nav-drop-menu a:hover {
  background:var(--soft);
}

.nav-drop-menu strong {
  display:block;
  font-size:14px;
  font-weight:500;
}

.nav-drop-menu small {
  display:block;
  font-size:12px;
  color:var(--muted);
}

.nav-actions {
  display:flex;
  align-items:center;
  gap:24px;
}

.login-mobile { display:none; }

.nav-actions .btn {
  font-size:12px;
  min-height:40px;
  padding:10px 14px;
  gap:17px;
}

.nav-toggle,.mobile-actions {
  display:none;
}

/* The hero is a product explanation, not an imaginary console. */
.home-hero {
  padding:77px 0 0;
  background:var(--paper);
}

.hero-grid {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:center;
  gap:82px;
}

.hero-copy h1 {
  font-size:clamp(48px,5.45vw,79px);
  line-height:1.045;
  letter-spacing:-.062em;
}

.hero-copy h1>span {
  color:var(--green);
}

.hero-description {
  font-size:17px;
  line-height:1.7;
  max-width:420px;
  margin:26px 0 29px;
}

.hero-assurance {
  display:flex;
  gap:23px;
  flex-wrap:wrap;
  font-size:12px;
  color:var(--muted);
  margin-top:24px;
}

.hero-assurance>span {
  display:flex;
  gap:7px;
  align-items:center;
}

.hero-assurance .icon {
  width:14px;
  height:14px;
}

.translation-demo {
  background:#eaf0e6;
  border:1px solid #d7e0d1;
  border-radius:14px;
  padding:24px 29px 19px;
  box-shadow:0 14px 30px -25px #1b352b55;
  position:relative;
}

.demo-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  color:var(--green);
  border-bottom:1px solid #d5dfd0;
  padding-bottom:17px;
}

.demo-top>span:first-child {
  display:flex;
  align-items:center;
  gap:8px;
}

.demo-top .icon {
  height:17px;
  width:17px;
}

.demo-label {
  font-size:12px;
  color:var(--muted);
}

.source-voice {
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:28px 12px 0;
}

.speaker-avatar {
  width:42px;
  height:42px;
  border:1px solid #ced9c8;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f4f7f0;
  flex-shrink:0;
  margin-top:3px;
}

.speaker-avatar .icon {
  height:20px;
  width:20px;
}

.source-voice p {
  font-size:25px;
  line-height:1.35;
  letter-spacing:-.04em;
  color:var(--ink);
  margin:8px 0 0;
}

.sound-wave {
  height:61px;
  display:flex;
  gap:5px;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  margin-top:9px;
}

.sound-wave i {
  height:var(--bar);
  width:3px;
  border-radius:2px;
  background:var(--green);
  opacity:.5;
  transform:scaleY(.55);
}

.translation-demo.is-changing .sound-wave i {
  animation:sound .65s ease-in-out 3;
  animation-delay:var(--delay);
}

@keyframes sound {
  50% {
    transform:scaleY(1);
    opacity:.85;
  }
}

.translation-bridge {
  display:flex;
  gap:13px;
  align-items:center;
  font-size:12px;
  color:var(--green);
  margin:0 0 18px;
}

.translation-bridge>span {
  flex:1;
  height:1px;
  background:#cad8c4;
}

.translation-bridge>div {
  display:flex;
  align-items:center;
  gap:6px;
}

.translation-bridge .icon {
  width:13px;
  height:13px;
}

.translation-result {
  padding:18px 21px 15px;
  background:var(--white);
  border:1px solid #d5dece;
  border-radius:8px;
  box-shadow:0 4px 12px #213b2405;
}

.result-top {
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}

.result-top .small-label {
  font-size:12px;
  color:var(--green);
}

.output-label {
  font-size:12px;
  color:var(--muted);
}

.translation-result p {
  font-size:26px;
  letter-spacing:-.04em;
  line-height:1.35;
  color:var(--ink);
  margin:20px 0;
  min-height:71px;
}

.result-bottom {
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--muted);
  font-size:12px;
}

.result-bottom .icon {
  width:14px;
  height:14px;
  color:var(--green);
}

.result-bottom .icon:last-child {
  margin-left:auto;
}

.language-switcher {
  display:flex;
  gap:7px;
  justify-content:center;
  margin:19px 0 12px;
}

.language-switcher button {
  font-size:12px;
  padding:6px 12px;
  min-height:36px;
  border:1px solid #c7d5c0;
  border-radius:4px;
  background:transparent;
  color:var(--ink);
  transition:background .2s,color .2s;
}

.language-switcher button[aria-pressed=true] {
  background:var(--green);
  border-color:var(--green);
  color:white;
}

.language-switcher button:hover {
  border-color:var(--green);
}

.demo-footnote {
  font-size:12px;
  text-align:center;
  margin:0;
  color:var(--muted);
}

.hero-bottom {
  display:flex;
  align-items:center;
  gap:50px;
  border-top:1px solid var(--line);
  padding:28px 0 29px;
  margin-top:62px;
}

.hero-bottom>span {
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
  flex-shrink:0;
}

.hero-bottom strong {
  font-weight:500;
  color:var(--ink);
}

.language-marquee {
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:20px;
  flex:1;
  color:#6e7d70;
  font-family:Georgia,serif;
  font-size:25px;
}

.language-marquee span[lang=ta] {
  font-size:20px;
}

.hero-bottom>a {
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  text-decoration:none;
}

.hero-bottom>a:hover {
  background:var(--mint);
}

.facts {
  background:var(--soft);
  border-block:1px solid var(--line);
}

.facts-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding-block:30px;
}

.facts-grid>div {
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 26px;
  border-right:1px solid #cfd8c9;
}

.facts-grid>div:first-child {
  padding-left:0;
}

.facts-grid>div:last-child {
  border:0;
  padding-right:0;
}

.facts strong {
  font-size:38px;
  letter-spacing:-.055em;
  font-weight:400;
  line-height:1;
}

.facts span {
  font-size:12px;
  line-height:1.6;
  max-width:130px;
  color:var(--muted);
}

/* Editorial sections and reusable content components. */
.section {
  padding:94px 0;
}

.section-heading {
  margin-bottom:48px;
  max-width:680px;
}

.section-heading h2 {
  max-width:680px;
}

.section-heading p:not(.eyebrow) {
  margin:24px 0;
  font-size:16px;
  max-width:450px;
}

.split-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:70px;
  max-width:none;
}

.split-heading>p {
  max-width:310px!important;
  margin-bottom:4px!important;
  font-size:14px!important;
}

.steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:44px;
}

.step {
  border-top:1px solid var(--line);
  padding:25px 0 0;
}

.step-number {
  font-family:Georgia,serif;
  color:var(--green);
  font-size:30px;
  display:block;
  margin-bottom:31px;
}

.step h3 {
  font-size:22px;
  margin-bottom:14px;
}

.step p {
  font-size:14px;
  line-height:1.8;
  max-width:340px;
  margin:0;
}

.section-link {
  margin-top:32px;
}

.platform-section {
  background:#eaf0e6;
  border-block:1px solid #d8e0d2;
}

.mode-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.mode-primary {
  padding:35px 37px 25px;
  background:var(--ink);
  color:white;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  border-radius:9px;
  overflow:hidden;
  transition:background .2s;
}

.mode-primary:hover {
  background:#203d35;
}

.mode-primary .small-label {
  color:#b7c8bb;
}

.mode-primary h3 {
  font-size:37px;
  line-height:1.15;
  margin:28px 0 17px;
}

.mode-primary p {
  color:#c2d1c6;
  font-size:14px;
  max-width:345px;
}

.card-link {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  font-size:13px;
}

.card-link>span {
  font-size:23px;
}

.mode-primary .card-link {
  border-top:1px solid #ffffff2b;
  padding-top:20px;
  margin-top:auto;
}

.broadcast-art {
  display:flex;
  align-items:center;
  gap:0;
  max-width:350px;
  width:100%;
  margin:15px auto 32px;
  height:140px;
}

.broadcast-source {
  width:57px;
  height:57px;
  border:1px solid #819a85;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:none;
  background:#28453b;
}

.broadcast-lines {
  position:relative;
  flex:1;
  height:112px;
}

.broadcast-lines i {
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:#7b9780;
  top:50%;
  transform-origin:0 50%;
}

.broadcast-lines i:first-child {
  transform:rotate(-19deg);
}

.broadcast-lines i:last-child {
  transform:rotate(19deg);
}

.broadcast-listeners {
  display:flex;
  flex-direction:column;
  gap:9px;
  position:relative;
}

.broadcast-listeners span {
  background:#2b463c;
  border:1px solid #56725d;
  border-radius:5px;
  padding:7px 15px;
  text-align:center;
  font-size:13px;
  min-width:118px;
}

.mode-secondary {
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:24px;
}

.mode-card {
  padding:30px;
  background:#f8faf5;
  border:1px solid #d5dfce;
  border-radius:9px;
  text-decoration:none;
  display:flex;
  gap:26px;
  transition:border-color .2s,background .2s;
}

.mode-card:hover {
  border-color:var(--green);
  background:white;
}

.mode-card>.icon {
  color:var(--green);
  width:31px;
  height:31px;
}

.mode-card>div {
  flex:1;
}

.mode-card h3 {
  font-size:26px;
  margin:16px 0 12px;
}

.mode-card p {
  font-size:14px;
  max-width:310px;
  margin-bottom:17px;
}

.platform-links {
  display:flex;
  gap:33px;
  flex-wrap:wrap;
  font-size:12px;
  margin-top:27px;
  align-items:center;
}

.platform-links>span {
  color:var(--muted);
  margin-right:auto;
}

.platform-links>a {
  display:flex;
  align-items:center;
  gap:20px;
  text-decoration:none;
  padding-block:8px;
}

.platform-links>a:hover {
  text-decoration:underline;
}

.use-case-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}

.use-case-split .section-heading {
  margin:0;
}

.use-case-split .section-heading>p:not(.eyebrow) {
  max-width:350px;
  font-size:15px;
}

.use-case-links>a {
  display:flex;
  gap:24px;
  align-items:center;
  padding:24px 0;
  border-top:1px solid var(--line);
  text-decoration:none;
}

.use-case-links>a:last-child {
  border-bottom:1px solid var(--line);
}

.use-case-links .row-index {
  font-size:12px;
  color:var(--green);
}

.use-case-links h3 {
  font-size:20px;
}

.use-case-links p {
  font-size:13px;
  margin:7px 0 0;
}

.use-case-links a>span:last-child {
  margin-left:auto;
  font-size:23px;
  transition:transform .2s;
}

.use-case-links a:hover>span:last-child {
  transform:translate(3px,-3px);
}

.trust-section {
  background:var(--ink);
  color:#f8faf4;
  padding:73px 0;
}

.trust-grid {
  display:grid;
  grid-template-columns:100px 1fr 230px;
  gap:50px;
  align-items:center;
}

.trust-emblem {
  width:94px;
  height:110px;
  border:1px solid #5a796a;
  display:grid;
  place-items:center;
  border-radius:45px 45px 50px 50px;
  background:#234137;
}

.trust-emblem .icon {
  width:38px;
  height:38px;
  color:#c6ddc7;
}

.trust-section .eyebrow {
  color:#bdd0bd;
}

.trust-section h2 {
  font-size:37px;
}

.trust-section p:not(.eyebrow) {
  color:#bdccc3;
  max-width:490px;
  font-size:14px;
  margin:22px 0 12px;
}

.trust-details {
  display:flex;
  flex-direction:column;
  gap:24px;
  font-size:12px;
  color:#d2ddd3;
}

.trust-details>span {
  display:flex;
  gap:12px;
  align-items:center;
}

.trust-details .icon {
  height:16px;
  width:16px;
}

.trust-section a:focus-visible {
  outline-color:#c6ddc7;
}

.origin-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

.origin-word {
  font-family:Georgia,serif;
  font-size:clamp(75px,10vw,145px);
  letter-spacing:-.07em;
  line-height:1.2;
  color:var(--green);
  font-style:italic;
}

.origin-word>span {
  color:#6a8669;
}

.origin h2 {
  font-size:37px;
}

.origin p:not(.eyebrow) {
  font-size:15px;
  max-width:460px;
  margin-top:23px;
}

.closing {
  background:#dce8d6;
  padding:65px 0;
}

.closing-inner {
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:center;
}

.closing h2 {
  font-size:40px;
}

.closing .eyebrow {
  margin-bottom:16px;
}

.closing-inner>div:last-child {
  max-width:310px;
}

.closing p:not(.eyebrow) {
  font-size:12px;
  margin:15px 0 4px;
}

.closing .text-link {
  font-size:12px;
}

.closing .btn {
  min-width:235px;
  justify-content:space-between;
}

footer {
  padding:60px 0 25px;
  background:var(--paper);
}

.footer-top {
  display:grid;
  grid-template-columns:2fr 1.2fr 1fr 1fr;
  gap:50px;
  padding-bottom:53px;
}

.footer-about p {
  font-size:15px;
  margin:20px 0;
}

.location {
  font-size:12px;
  color:var(--muted);
  display:flex;
  gap:7px;
  align-items:center;
}

.footer-top .footer-heading {
  font-size:12px;
  letter-spacing:0;
  font-weight:600;
  margin:8px 0 21px;
}

.footer-top>div>a:not(.brand) {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:var(--muted);
  padding-block:5px;
}

.footer-top>div>a:hover {
  text-decoration:underline;
}

.footer-policies {
  display:flex;
  flex-wrap:wrap;
  gap:0 28px;
  border-top:1px solid var(--line);
  padding-block:12px;
}

.footer-policies a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14px;
  color:var(--muted);
  text-decoration:underline;
  text-underline-offset:3px;
}

.footer-policies a:hover {
  color:var(--green);
}

.footer-bottom {
  border-top:1px solid var(--line);
  padding-top:22px;
  display:flex;
  gap:25px;
  justify-content:space-between;
  color:var(--muted);
  font-size:12px;
}

.footer-bottom a {
  text-decoration:none;
}

/* Page-specific layouts built on the shared system. */
.page-hero {
  padding:45px 0 74px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(115deg,var(--paper) 55%,#edf2e8);
}

.breadcrumb {
  font-size:12px;
  color:var(--muted);
  display:inline-flex;
  gap:15px;
  text-decoration:none;
  margin-bottom:40px;
}

.page-hero h1 {
  max-width:1000px;
  line-height:1.08;
}

.page-hero .lede {
  font-size:19px;
  line-height:1.7;
  max-width:690px;
  margin:25px 0 0;
}

.page-hero .btn {
  margin-top:28px;
}

.page-hero .eyebrow {
  margin-bottom:19px;
}

.tinted {
  background:var(--soft);
}

.flow {
  display:flex;
  gap:28px;
  align-items:center;
  padding:40px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  margin-bottom:36px;
}

.flow-node {
  flex:1;
  text-align:center;
}

.flow-node .icon {
  margin:0 auto 18px;
  width:30px;
  height:30px;
  color:var(--green);
}

.flow-node h3 {
  font-size:20px;
}

.flow-node p {
  font-size:12px;
  margin:10px 0 0;
}

.flow-arrow {
  color:#7a9879;
  font-size:30px;
}

.note {
  display:flex;
  align-items:flex-start;
  gap:20px;
  background:var(--soft);
  border-left:2px solid var(--green);
  padding:25px 28px;
  margin-top:36px;
}

.tinted .note {
  background:#e2eadd;
}

.note>.icon {
  color:var(--green);
  width:20px;
  height:20px;
  margin-top:2px;
}

.note h3 {
  font-size:17px;
  letter-spacing:-.02em;
  margin-bottom:9px;
}

.note p {
  font-size:14px;
  max-width:850px;
  margin:0;
  line-height:1.8;
}

.note a {
  font-weight:600;
  color:var(--green);
}

.feature-row {
  display:grid;
  grid-template-columns:35px 32px 1fr 1.5fr;
  gap:25px;
  border-top:1px solid var(--line);
  padding:31px 0;
  align-items:start;
}

.feature-row:last-child {
  border-bottom:1px solid var(--line);
}

.feature-number {
  font-size:12px;
  color:var(--muted);
  padding-top:5px;
}

.feature-row>.icon {
  color:var(--green);
  margin-top:3px;
}

.feature-row h3 {
  font-size:23px;
  max-width:290px;
}

.feature-row p {
  font-size:15px;
  line-height:1.8;
  margin:0;
}

.feature-row a {
  color:var(--green);
}

.conversation-example {
  display:flex;
  align-items:center;
  gap:35px;
}

.conversation-example>div {
  flex:1;
  padding:35px;
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:10px;
}

.conversation-example>div:last-child {
  background:#e2ecdf;
}

.conversation-example>span {
  font-size:38px;
  color:var(--green);
}

.conversation-example p {
  font-size:29px;
  color:var(--ink);
  line-height:1.4;
  letter-spacing:-.025em;
  margin:20px 0;
}

.conversation-example small {
  font-size:14px;
  color:var(--muted);
}

.caption {
  font-size:12px;
  margin:18px 0 40px;
}

.section-nav {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:55px;
}

.section-nav a {
  border:1px solid var(--line);
  border-radius:4px;
  padding:10px 15px;
  font-size:12px;
  text-decoration:none;
  background:white;
  min-height:44px;
}

.section-nav a:hover {
  border-color:var(--green);
}

.case-study {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  border-top:1px solid var(--line);
  padding:45px 0;
  scroll-margin-top:110px;
}

.case-study h2 {
  font-size:33px;
  max-width:440px;
  margin-top:18px;
}

.case-study p {
  font-size:16px;
  line-height:1.8;
}

.engine-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
}

.engine-grid article {
  border-top:1px solid var(--line);
  padding-top:25px;
  display:grid;
  grid-template-columns:105px 1fr;
  column-gap:25px;
  align-content:start;
}

.engine-number {
  font-size:63px;
  line-height:1;
  color:var(--green);
  letter-spacing:-.07em;
  grid-row:span 2;
}

.engine-grid h3 {
  font-size:24px;
  margin:5px 0 15px;
}

.engine-grid p {
  font-size:15px;
}

.language-search {
  margin:60px 0 35px;
  max-width:550px;
}

.language-search label {
  display:block;
  font-size:16px;
  font-weight:600;
  margin-bottom:12px;
}

.language-search input {
  width:100%;
  padding:14px 18px;
  border:1px solid #96ab9b;
  border-radius:6px;
  background:white;
  color:var(--ink);
  min-height:52px;
}

.language-search p {
  font-size:12px;
  margin:9px 0 0;
}

.language-group {
  margin-top:35px;
}

.language-group>h3 {
  font-size:21px;
  margin-bottom:22px;
}

.language-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}

.language-item {
  padding:21px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:4px;
  background:#ffffff75;
  min-width:0;
}

.language-item>span:first-child {
  font-size:21px;
  color:var(--ink);
  line-height:1.6;
}

.language-item small {
  font-size:12px;
  color:var(--muted);
}

.language-mode {
  font-size:12px;
  color:var(--green);
  margin-top:13px;
}

.empty-state {
  padding:30px;
  border:1px solid var(--line);
}

.pricing-feature {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  padding:45px;
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:10px;
}

.pricing-feature h2 {
  font-size:44px;
  margin:20px 0;
}

.pricing-feature p:not(.small-label) {
  font-size:15px;
  max-width:400px;
}

.check-list {
  list-style:none;
  padding:0;
  margin:0;
  align-self:center;
}

.check-list li {
  display:flex;
  align-items:flex-start;
  gap:15px;
  padding:18px 0;
  border-bottom:1px solid #cbd7c5;
  font-size:14px;
}

.check-list .icon {
  width:18px;
  height:18px;
  color:var(--green);
  margin-top:3px;
}

.disclosure {
  margin-top:40px;
  border-block:1px solid var(--line);
  padding:22px 0;
}

.disclosure summary {
  font-size:17px;
  cursor:pointer;
  min-height:35px;
}

.disclosure p {
  font-size:14px;
  max-width:840px;
  margin:18px 0 0;
}

.table-scroll {
  overflow:auto;
  border:1px solid var(--line);
  border-radius:8px;
}

table {
  width:100%;
  border-collapse:collapse;
  min-width:670px;
  font-size:14px;
  text-align:left;
}

caption {
  text-align:left;
  padding:20px;
  background:white;
  font-size:13px;
  font-weight:600;
}

th,td {
  padding:23px;
  vertical-align:top;
  border-top:1px solid var(--line);
  width:38%;
}

th:first-child {
  width:24%;
  font-weight:500;
}

thead {
  background:var(--ink);
  color:white;
}

thead th {
  font-weight:500;
}

td {
  color:var(--muted);
}

td:last-child {
  background:#edf3e8;
}

tbody th {
  font-size:15px;
}

tr:last-child td {
  border-bottom:0;
}

.table-hint {
  font-size:12px;
}

.reading-width {
  max-width:690px;
}

.reading-width>p {
  font-size:18px;
  line-height:1.8;
}

.page-404 .page-hero {
  min-height:65vh;
}

@media(min-width:1500px) {
  .home-hero {
    padding-top:93px;
  }
  .hero-grid {
    gap:110px;
  }
  .hero-bottom {
    margin-top:80px;
  }
}

@media(max-width:1190px) {
  .wrap {
    width:calc(100% - 72px);
  }
  .nav-inner {
    gap:25px;
  }
  .nav-links {
    gap:19px;
  }
  .nav-actions {
    gap:18px;
  }
  .nav-actions .btn {
    display:none;
  }
  .hero-grid {
    gap:45px;
  }
  .translation-demo {
    padding:23px;
  }
  .hero-copy h1 {
    font-size:67px;
  }
  .hero-description {
    font-size:16px;
  }
  .facts-grid>div {
    padding:0 18px;
    gap:13px;
  }
  .facts strong {
    font-size:34px;
  }
  .trust-grid {
    grid-template-columns:80px 1fr 190px;
    gap:30px;
  }
  .trust-emblem {
    width:75px;
    height:92px;
  }
  .footer-top {
    gap:30px;
  }
  .language-marquee {
    font-size:23px;
  }
}

@media(max-width:950px) {
  .nav-inner {
    height:76px;
    gap:20px;
  }
  .nav-links {
    gap:16px;
  }
  .nav-links>a,.nav-drop>.nav-platform-link,.nav-drop-toggle {
    font-size:12px;
  }
  .hero-grid {
    gap:30px;
  }
  .hero-copy h1 {
    font-size:57px;
  }
  .hero-copy .btn-row {
    gap:8px;
  }
  .hero-copy .btn {
    font-size:12px;
    padding:12px 14px;
    gap:15px;
  }
  .translation-demo {
    padding:18px;
  }
  .source-voice {
    padding-inline:0;
    gap:12px;
  }
  .source-voice p {
    font-size:23px;
  }
  .result-top {
    flex-wrap:wrap;
    gap:1px;
  }
  .translation-result p {
    font-size:23px;
  }
  .language-switcher {
    gap:4px;
  }
  .language-switcher button {
    padding:5px 9px;
  }
  .hero-description {
    font-size:15px;
  }
  .hero-assurance {
    gap:10px;
    font-size:12px;
  }
  .hero-bottom {
    gap:26px;
  }
  .language-marquee {
    gap:15px;
    font-size:21px;
  }
  .language-marquee span[lang=ta] {
    font-size:15px;
  }
  .facts-grid>div {
    display:block;
  }
  .facts span {
    display:block;
    margin-top:8px;
  }
  .section {
    padding:70px 0;
  }
  .split-heading {
    gap:40px;
  }
  .split-heading>p {
    max-width:245px!important;
  }
  .steps {
    gap:27px;
  }
  .mode-primary {
    padding:28px;
  }
  .mode-card {
    padding:25px;
    gap:16px;
  }
  .mode-card h3 {
    font-size:23px;
  }
  .mode-card>.icon {
    width:24px;
    height:24px;
  }
  .platform-links {
    gap:20px;
  }
  .platform-links>span {
    width:100%;
  }
  .use-case-split {
    gap:50px;
  }
  .trust-grid {
    grid-template-columns:75px 1fr;
  }
  .trust-details {
    grid-column:2;
    flex-direction:row;
    flex-wrap:wrap;
    gap:20px;
  }
  .trust-section h2 {
    font-size:34px;
  }
  .closing h2 {
    font-size:34px;
  }
  .footer-top {
    grid-template-columns:1.5fr 1.3fr 1fr;
  }
  .footer-top>div:last-child {
    grid-column:2;
  }
  .footer-about {
    grid-row:span 2;
  }
  .feature-row {
    grid-template-columns:25px 28px 1fr 1.3fr;
    gap:18px;
  }
  .feature-row h3 {
    font-size:21px;
  }
  .pricing-feature {
    gap:40px;
    padding:32px;
  }
  .language-grid {
    grid-template-columns:repeat(3,1fr);
  }
  .engine-grid article {
    display:block;
  }
  .engine-number {
    display:block;
    margin-bottom:20px;
  }
}

@media(max-width:760px) {
  html {
    scroll-padding-top:86px;
  }
  .wrap {
    width:calc(100% - 40px);
  }
  .nav-inner {
    height:72px;
    justify-content:space-between;
  }
  .brand {
    font-size:24px;
  }
  .brand img {
    width:34px;
    height:34px;
  }
  .nav-actions {
    display:flex;
    margin-left:auto;
  }
  .nav-actions .btn { display:none; }
  .login-desktop { display:none; }
  .login-mobile { display:inline; }
  .nav-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:5px;
    background:transparent;
    order:3;
  }
  .menu-lines {
    display:block;
    width:18px;
    height:12px;
    border-block:1px solid var(--ink);
    position:relative;
  }
  .menu-lines:after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:4px;
    border-top:1px solid var(--ink);
  }
  .nav-toggle[aria-expanded=true] .menu-lines {
    border-bottom:0;
    transform:rotate(45deg);
    height:0;
  }
  .nav-toggle[aria-expanded=true] .menu-lines:after {
    top:-1px;
    transform:rotate(90deg);
  }
  .nav-links {
    display:none;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    background:var(--paper);
    padding:18px 24px 25px;
    border-bottom:1px solid var(--line);
    max-height:calc(100dvh - 72px);
    overflow:auto;
    box-shadow:0 15px 25px #1931280c;
  }
  .nav-links.open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .nav-links>a,.nav-drop>.nav-platform-link,.nav-drop-toggle {
    font-size:16px;
    display:flex;
    padding:14px 0;
    min-height:48px;
    border-bottom:1px solid var(--line);
  }
  .nav-drop-toggle {
    width:48px;
    justify-content:center;
    flex:none;
  }
  .nav-drop>.nav-platform-link {
    flex:1;
  }
  .nav-drop-menu {
    position:static;
    min-width:0;
    box-shadow:none;
    margin:12px 0;
    padding:14px;
    border-radius:5px;
  }
  .nav-drop-menu a {
    min-height:52px;
  }
  .mobile-actions {
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:19px;
  }
  .mobile-actions>a:first-child {
    font-size:15px;
    padding:8px 0;
  }
  .home-hero {
    padding-top:44px;
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:42px;
  }
  .hero-copy {
    max-width:560px;
  }
  .hero-copy h1 {
    font-size:clamp(49px,10.3vw,76px);
  }
  .hero-copy .eyebrow {
    font-size:12px;
    margin-bottom:20px;
  }
  .hero-description {
    font-size:16px;
    max-width:440px;
    margin:22px 0 25px;
  }
  .hero-copy .btn {
    font-size:13px;
    min-height:48px;
    gap:19px;
    padding:12px 17px;
  }
  .hero-copy .btn-row {
    gap:12px;
  }
  .hero-assurance {
    font-size:12px;
    gap:20px;
    margin-top:20px;
  }
  .translation-demo {
    max-width:520px;
    width:100%;
    padding:23px;
    margin-inline:auto;
  }
  .source-voice {
    padding:25px 8px 0;
    gap:16px;
  }
  .source-voice p {
    font-size:26px;
  }
  .translation-result p {
    font-size:27px;
  }
  .result-top {
    flex-wrap:nowrap;
  }
  .language-switcher button {
    min-height:44px;
    padding:7px 15px;
    font-size:12px;
  }
  .demo-footnote {
    font-size:12px;
  }
  .hero-bottom {
    margin-top:38px;
    padding:22px 0;
    gap:20px;
    flex-wrap:wrap;
  }
  .hero-bottom>span {
    font-size:12px;
  }
  .hero-bottom>a {
    margin-left:auto;
    order:2;
  }
  .language-marquee {
    order:3;
    width:100%;
    flex-basis:100%;
    justify-content:space-between;
    gap:10px;
    font-size:22px;
    padding-top:9px;
  }
  .language-marquee span[lang=ta] {
    font-size:17px;
  }
  .facts-grid {
    grid-template-columns:1fr 1fr;
    padding-block:0;
  }
  .facts-grid>div {
    padding:22px!important;
    border-right:0;
    border-bottom:1px solid #cfd8c9;
    display:flex;
    gap:20px;
  }
  .facts-grid>div:nth-child(odd) {
    border-right:1px solid #cfd8c9;
    padding-left:0!important;
  }
  .facts-grid>div:nth-child(n+3) {
    border-bottom:0;
  }
  .facts strong {
    font-size:34px;
  }
  .facts span {
    font-size:12px;
    margin:0;
    max-width:100px;
  }
  .section {
    padding:62px 0;
  }
  .eyebrow {
    font-size:12px;
    margin-bottom:18px;
  }
  .section-heading {
    margin-bottom:32px;
  }
  h2 {
    font-size:34px;
  }
  .split-heading {
    display:block;
  }
  .split-heading>p {
    max-width:400px!important;
    margin:22px 0 0!important;
  }
  .steps {
    grid-template-columns:1fr;
    gap:26px;
  }
  .step {
    display:grid;
    grid-template-columns:42px 1fr;
    gap:8px 16px;
    padding-top:20px;
  }
  .step-number {
    grid-row:span 2;
    font-size:24px;
    margin:0;
  }
  .step h3 {
    font-size:22px;
    margin:0;
  }
  .step p {
    max-width:520px;
    grid-column:2;
  }
  .section-link {
    margin-top:25px;
  }
  .mode-grid {
    grid-template-columns:1fr;
    gap:18px;
  }
  .mode-primary {
    padding:29px;
  }
  .mode-primary h3 {
    font-size:37px;
    margin-top:22px;
  }
  .mode-primary p {
    max-width:380px;
  }
  .broadcast-art {
    max-width:310px;
    margin-top:4px;
    height:130px;
  }
  .mode-secondary {
    gap:18px;
  }
  .mode-card {
    padding:26px;
    gap:20px;
  }
  .mode-card h3 {
    font-size:25px;
  }
  .platform-links {
    gap:10px;
  }
  .platform-links>a {
    width:100%;
    justify-content:space-between;
  }
  .use-case-split {
    grid-template-columns:1fr;
    gap:30px;
  }
  .use-case-split .section-heading>p:not(.eyebrow) {
    max-width:450px;
  }
  .use-case-links>a {
    padding:21px 0;
  }
  .trust-section {
    padding:50px 0;
  }
  .trust-grid {
    display:block;
  }
  .trust-emblem {
    width:50px;
    height:60px;
    margin-bottom:28px;
  }
  .trust-emblem .icon {
    width:24px;
    height:24px;
  }
  .trust-section h2 {
    font-size:32px;
  }
  .trust-details {
    margin-top:26px;
    flex-direction:column;
    gap:15px;
  }
  .origin-grid {
    grid-template-columns:1fr;
    gap:25px;
  }
  .origin-word {
    font-size:90px;
  }
  .origin h2 {
    font-size:32px;
  }
  .origin p:not(.eyebrow) {
    max-width:520px;
  }
  .closing {
    padding:45px 0;
  }
  .closing-inner {
    display:block;
  }
  .closing h2 {
    font-size:34px;
  }
  .closing-inner>div:last-child {
    max-width:400px;
    margin-top:28px;
  }
  .footer-top {
    grid-template-columns:1fr 1fr;
    gap:30px 20px;
    padding-bottom:30px;
  }
  .footer-about {
    grid-column:1/-1;
    grid-row:auto;
    margin-bottom:9px;
  }
  .footer-top>div:last-child {
    grid-column:auto;
  }
  .footer-top>div>a:not(.brand) {
    min-height:36px;
    font-size:12px;
  }
  .footer-top .footer-heading {
    margin-bottom:12px;
  }
  .footer-bottom {
    flex-wrap:wrap;
    gap:10px;
    font-size:12px;
  }
  .footer-bottom>span:nth-child(2) {
    display:none;
  }
  .footer-bottom a {
    margin-left:auto;
  }
  .page-hero {
    padding:27px 0 47px;
  }
  .breadcrumb {
    margin-bottom:30px;
  }
  .page-hero h1 {
    font-size:clamp(40px,8vw,60px);
  }
  .page-hero .lede {
    font-size:17px;
    max-width:530px;
  }
  .flow {
    padding:27px;
    flex-direction:column;
    gap:20px;
  }
  .flow-node {
    width:100%;
  }
  .flow-arrow {
    transform:rotate(90deg);
  }
  .flow-node .icon {
    margin-bottom:12px;
  }
  .note {
    padding:22px 20px;
    gap:13px;
    margin-top:27px;
  }
  .note p {
    font-size:13px;
  }
  .note h3 {
    font-size:16px;
  }
  .feature-row {
    grid-template-columns:24px 1fr;
    gap:13px 16px;
    padding:25px 0;
  }
  .feature-number {
    display:none;
  }
  .feature-row h3 {
    max-width:none;
    font-size:22px;
  }
  .feature-row p {
    grid-column:2;
    font-size:14px;
  }
  .feature-row>.icon {
    width:21px;
    height:21px;
  }
  .conversation-example {
    flex-direction:column;
    gap:15px;
  }
  .conversation-example>div {
    width:100%;
    padding:25px;
  }
  .conversation-example>span {
    transform:rotate(90deg);
  }
  .conversation-example p {
    font-size:26px;
  }
  .case-study {
    grid-template-columns:1fr;
    gap:23px;
    padding:32px 0;
  }
  .case-study h2 {
    font-size:31px;
    max-width:400px;
  }
  .case-study p {
    font-size:15px;
  }
  .section-nav {
    margin-bottom:30px;
  }
  .section-nav a {
    font-size:12px;
  }
  .engine-grid {
    gap:25px;
  }
  .engine-number {
    font-size:53px;
  }
  .engine-grid h3 {
    font-size:22px;
  }
  .engine-grid p {
    font-size:13px;
  }
  .language-search {
    margin-top:35px;
  }
  .language-grid {
    grid-template-columns:1fr 1fr;
  }
  .language-item {
    padding:17px;
  }
  .language-item>span:first-child {
    font-size:19px;
  }
  .language-group>h3 {
    font-size:19px;
  }
  .pricing-feature {
    grid-template-columns:1fr;
    padding:25px;
    gap:15px;
  }
  .pricing-feature h2 {
    font-size:39px;
  }
  .check-list li {
    font-size:13px;
  }
  .table-scroll {
    margin-inline:0;
  }
  th,td {
    padding:18px;
  }
  .reading-width>p {
    font-size:16px;
  }
}

@media(max-width:380px) {
  .wrap {
    width:calc(100% - 32px);
  }
  .hero-copy h1 {
    font-size:46px;
  }
  .hero-copy .btn-row {
    gap:4px;
  }
  .hero-copy .btn {
    padding:12px;
    font-size:12px;
    gap:12px;
  }
  .hero-assurance {
    gap:13px;
    font-size:12px;
  }
  .translation-demo {
    padding:16px;
  }
  .demo-top {
    font-size:12px;
  }
  .demo-label {
    font-size:12px;
  }
  .source-voice {
    gap:12px;
    padding-left:0;
    padding-right:0;
  }
  .source-voice p {
    font-size:24px;
  }
  .speaker-avatar {
    width:36px;
    height:36px;
  }
  .translation-result {
    padding:15px;
  }
  .translation-result p {
    font-size:24px;
  }
  .language-switcher button {
    padding:7px 11px;
    font-size:12px;
  }
  .language-marquee {
    font-size:18px;
  }
  .language-marquee span[lang=ta] {
    font-size:14px;
  }
  .facts-grid>div {
    gap:12px;
    padding:18px 12px!important;
  }
  .facts strong {
    font-size:29px;
  }
  .facts span {
    font-size:12px;
  }
  .engine-grid {
    grid-template-columns:1fr;
  }
  .engine-grid article {
    display:grid;
    grid-template-columns:70px 1fr;
    gap:0 20px;
  }
  .engine-number {
    font-size:48px;
  }
  .language-item {
    padding:14px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

@media print {
  .nav,.closing,footer,.skip-link,.btn-row {
    display:none;
  }
  .wrap {
    width:100%;
  }
  .section {
    padding:30px 0;
  }
  .page-hero {
    padding:20px 0;
  }
  body {
    background:white;
    color:black;
  }
  .feature-row,.case-study {
    break-inside:avoid;
  }
}

/* Navigation stays available if scripts are blocked or unavailable. */
html:not(.js) .nav-drop:hover .nav-drop-menu,html:not(.js) .nav-drop:focus-within .nav-drop-menu {
  display:block;
}

@media(max-width:760px) {
  html:not(.js) .nav {
    position:relative;
  }
  html:not(.js) .nav-inner {
    height:auto;
    min-height:72px;
    flex-wrap:wrap;
    padding-block:18px;
  }
  html:not(.js) .nav-toggle {
    display:none;
  }
  html:not(.js) .nav-links {
    display:flex;
    position:static;
    box-shadow:none;
    border:0;
    max-height:none;
    flex:1 0 100%;
    flex-direction:column;
    align-items:stretch;
    padding:0;
  }
  html:not(.js) .nav-drop-menu {
    display:block;
  }
  html:not(.js) .nav-drop-toggle {
    display:none;
  }
}

.hero-grid>* {
  min-width:0;
}

@media(max-width:380px) {
  .language-switcher button {
    padding-inline:8px;
  }
  .demo-top {
    flex-wrap:wrap;
    gap:6px;
  }
  .translation-result .output-label {
    font-size:12px;
  }
  .result-top {
    flex-wrap:wrap;
    gap:5px;
  }
}

html:not(.js) .language-switcher,html:not(.js) .language-search,html:not(.js) .demo-label {
  display:none;
}

.language-marquee {
  color:#606f63;
}


/* Product examples describe actual workflows without pretending to be a live session. */
.caption-example {
  margin: 0 0 40px;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
}
.caption-example figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 26px;
  color: var(--muted);
  font-size: 12px;
}
.caption-example > p {
  max-width: 60ch;
  padding: 8px 14px;
  margin: 0 0 14px;
  font-size: clamp(19px, 2.2vw, 29px);
  line-height: 1.65;
  color: var(--ink);
}
.caption-example .caption-current {
  background: var(--mint);
  border-left: 2px solid var(--green);
}
.caption-example-note {
  padding-top: 16px;
  color: var(--muted);
  font-size: 12px;
}
.nav-drop-menu {
  max-height: calc(100dvh - 125px);
  overflow-y: auto;
}
@media (max-width: 760px) {
  .nav-drop-menu {
    max-height: none;
    overflow: visible;
  }
}

/* Event platform: task-based navigation and editorial reporting surfaces. */
.platform-menu {
  width: min(760px, calc(100vw - 80px));
  left: auto;
  right: 0;
  padding: 26px;
}
.platform-menu-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 22px;
}
.platform-menu-group .menu-label { margin-left: 8px; }
.nav-drop-menu .menu-overview {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  font-size: 14px;
  color: var(--green);
}
.report-section { background: #edf2eb; }
.report-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(36px, 6vw, 96px);
}
.report-copy h2 { margin: 0 0 26px; }
.report-copy > p:not(.eyebrow) {
  max-width: 44ch;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
  margin: 0 0 20px;
}
.report-copy .text-link { margin-top: 12px; }
.report-copy > p.report-caveat {
  font-size: 13px;
  line-height: 1.65;
  margin: 28px 0 0;
  max-width: 50ch;
}
.report-preview {
  margin: 0;
  padding: clamp(24px, 3vw, 42px);
  background: var(--paper);
  border: 1px solid #d0d9cf;
  box-shadow: 10px 10px 0 #dce5d9;
}
.report-preview figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}
.report-brand { font-size: 20px; font-weight: 650; letter-spacing: -.06em; }
.report-cover { padding: 30px 0 24px; }
.report-cover .eyebrow { margin-bottom: 14px; }
.report-cover h3 { font-size: clamp(28px, 2.8vw, 38px); line-height: 1.15; letter-spacing: -.04em; margin: 0 0 16px; }
.report-cover > p:last-child { font-size: 15px; color: var(--muted); }
.report-outline { list-style: none; margin: 0; padding: 0; }
.report-outline li {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 16px;
  border-top: 1px solid var(--line);
  padding: 18px 0;
}
.report-outline li > span { font-size: 12px; color: var(--green); padding-top: 3px; }
.report-outline strong { font-size: 15px; font-weight: 550; }
.report-outline p { font-size: 13px; line-height: 1.6; color: var(--muted); margin: 5px 0 0; }
.report-preview-footer {
  display: flex;
  gap: 16px;
  margin-top: 6px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--green);
  font-size: 13px;
}
.event-lifecycle {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 32px;
}
.event-lifecycle li { border-top: 2px solid var(--green); padding-top: 20px; }
.lifecycle-label { display: flex; align-items: center; gap: 12px; color: var(--green); font-size: 13px; }
.lifecycle-label > span { font-variant-numeric: tabular-nums; }
.event-lifecycle h3 { font-size: 23px; line-height: 1.25; letter-spacing: -.025em; margin: 32px 0 16px; }
.event-lifecycle p { color: var(--muted); font-size: 16px; line-height: 1.75; margin: 0; }
.operations-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.operations-pair article { padding-top: 26px; border-top: 1px solid var(--line); }
.operations-pair h3 { font-size: 30px; letter-spacing: -.035em; line-height: 1.2; margin: 18px 0; }
.operations-pair article > p { color: var(--muted); line-height: 1.75; min-height: 6em; max-width: 48ch; }
.state-sequence {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
  font-size: 14px;
  align-items: center;
}
.state-sequence strong { font-weight: 500; color: var(--green); }
.measurement-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; row-gap: 44px; }
.measurement-grid article { border-top: 1px solid var(--line); padding-top: 24px; }
.measurement-grid h3 { font-size: 28px; margin: 24px 0 12px; letter-spacing: -.025em; }
.measurement-grid p { font-size: 16px; line-height: 1.75; color: var(--muted); max-width: 52ch; }
.measurement-grid .measurement-lead { color: var(--ink); font-weight: 500; }
.report-notes { margin-top: 56px; }
.report-notes .disclosure + .disclosure { margin-top: 16px; }
@media (min-width: 761px) {
  .nav-inner { position: relative; }
  .nav-drop { position: static; }
  .platform-menu { top: calc(100% - 8px); }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .platform-menu { width: min(680px, 100%); }
  .platform-menu-grid { gap: 10px; }
}
@media (max-width: 1000px) {
  .event-lifecycle { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .report-split { gap: 36px; }
}
@media (max-width: 760px) {
  .platform-menu { width: auto; padding: 18px 12px; }
  .platform-menu-grid { grid-template-columns: 1fr; gap: 22px; }
  .platform-menu-group .menu-label { margin-bottom: 8px; }
  .report-split, .operations-pair, .measurement-grid { grid-template-columns: 1fr; gap: 36px; }
  .report-preview { margin-right: 10px; }
  .report-copy > p:not(.eyebrow) { font-size: 16px; }
  .report-copy > p.report-caveat { font-size: 13px; }
  .report-outline li { gap: 10px; }
  .operations-pair article > p { min-height: 0; margin-bottom: 28px; }
  .report-notes { margin-top: 36px; }
}
@media (max-width: 480px) {
  .event-lifecycle { grid-template-columns: 1fr; gap: 28px; }
  .event-lifecycle h3 { margin-top: 18px; }
  .report-preview figcaption { align-items: flex-start; flex-direction: column; gap: 8px; }
  .report-preview { padding: 24px 20px; }
  .report-cover h3 { font-size: 29px; }
}

/* Live speech demo: stable transcript regions and controls with explicit session states. */
.live-demo { position:relative; min-width:0; background:#eef3ea; border:1px solid #cfdccd; border-radius:12px; padding:20px 24px; }
.live-demo-top,.live-demo-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.live-demo-top { margin-bottom:14px; }
.live-demo-top .small-label { display:flex; align-items:center; gap:8px; }
.demo-duration { color:var(--muted); font-size:12px; white-space:nowrap; }
.live-demo-heading { margin-bottom:6px; }
.live-demo-heading .demo-title-text { font-size:22px; line-height:1.15; letter-spacing:-.04em; }
.demo-language-hint { font-size:13px; line-height:1.5; margin:8px 0 12px; color:var(--muted); }
.demo-audio-note { font-size:13px; line-height:1.6; margin:0 0 14px; padding:10px 12px; border-left:3px solid var(--green); background:#fff; color:var(--ink); }
.demo-audio-note strong { display:block; }
.demo-complete-dialog { width:min(460px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:clamp(24px,5vw,36px); border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); }
.demo-complete-dialog::backdrop { background:rgb(16 35 25 / 55%); }
.demo-complete-dialog .dialog-title { font-size:28px; line-height:1.2; margin:0 0 16px; }
.demo-complete-dialog p { font-size:16px; line-height:1.65; margin:0 0 24px; }
.demo-complete-dialog .btn-row { flex-wrap:wrap; gap:12px; }
.demo-dialog-close { min-height:44px; padding:10px 16px; background:transparent; border:1px solid var(--line); border-radius:4px; color:var(--ink); font:inherit; cursor:pointer; }
.demo-field-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.demo-language-control { position:relative; margin-bottom:12px; }
.demo-language-select { display:block; width:100%; min-height:48px; border:1px solid #bcccb9; background:var(--white); color:var(--ink); padding:10px 12px; border-radius:4px; font:inherit; font-size:16px; cursor:pointer; }
.demo-transcripts { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:0; background:#fff; border:2px solid var(--line); border-radius:5px; overflow:hidden; }
.live-demo[data-state=live] .demo-transcripts { border-color:var(--green); }
.live-demo[data-state=live] .demo-transcripts::after { content:""; position:absolute; inset:0; border:3px solid var(--green); border-radius:3px; pointer-events:none; opacity:0; animation:demo-listening-cue 2.4s ease-in-out 2; }
@keyframes demo-listening-cue { 0%,100% { opacity:0; } 50% { opacity:.75; } }
@media(prefers-reduced-motion:reduce) {
  .live-demo[data-state=live] .demo-transcripts::after { animation:none; }
}
.demo-transcripts>section { min-width:0; padding:12px 16px; }
.demo-transcripts>section+section { border-left:1px solid var(--line); }
.demo-transcripts .demo-label { min-height:20px; margin-bottom:8px; font-size:12px; font-weight:600; letter-spacing:0; color:var(--green); line-height:1.4; }
.demo-transcript { height:84px; overflow:auto; overflow-wrap:anywhere; white-space:pre-wrap; font-size:18px; line-height:1.65; color:var(--ink); overscroll-behavior:contain; }
.demo-transcript[data-empty=true]::before { content:attr(data-placeholder); color:var(--muted); font-size:15px; }
.demo-feedback { display:grid; gap:10px; margin:10px 0; padding:10px 12px; border:1px solid transparent; border-radius:4px; background:transparent; }
.demo-input-level { display:none; min-width:0; }
.demo-level-heading { display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; font-size:13px; line-height:1.4; font-weight:600; color:inherit; }
.demo-level-track { position:relative; width:100%; height:22px; overflow:hidden; border:1px solid #8ab5a6; border-radius:3px; background:#103e33; }
.demo-level-fill { display:block; width:100%; height:100%; background:#baf2bf; transform:scaleX(0); transform-origin:left center; transition:transform 90ms linear; }
.demo-level-track::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#103e33 calc(10% - 2px),#103e33 10%); pointer-events:none; }
@media(prefers-reduced-motion:reduce) { .demo-level-fill { transition:none; } }
.demo-feedback p { margin:0; font-size:14px; font-weight:500; line-height:1.5; color:var(--ink); }
.live-demo[data-state=live] .demo-feedback { background:var(--green); border-color:var(--green); }
.live-demo[data-state=live] .demo-feedback p { color:#fff; font-size:16px; font-weight:600; }
.live-demo:is([data-state=live],[data-state=audio-paused]) .demo-input-level { display:block; }
.live-demo[data-state=live] .demo-level-heading { color:#fff; }
.live-demo:is([data-state=preparing],[data-state=connecting],[data-state=audio-paused]) .demo-feedback { background:#fff7e7; border-color:#ac772c; }
.live-demo:is([data-state=error],[data-state=unavailable]) .demo-feedback { background:#fff3ef; border-color:#923429; }
.live-demo:is([data-state=error],[data-state=unavailable]) .demo-feedback p { color:#792b23; }
.live-demo[data-state=complete] .demo-feedback { background:#e1eee3; border-color:var(--green); }
.demo-consent { display:flex; align-items:flex-start; gap:9px; font-size:12px; line-height:1.65; color:var(--muted); cursor:pointer; padding:4px 0; }
.demo-consent input { margin:3px 0 0; width:17px; height:17px; accent-color:var(--green); flex-shrink:0; }
.demo-consent a { color:var(--green); }
.demo-turnstile:not(:empty) { margin-top:12px; }
.demo-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px; margin-top:12px; }
.demo-actions .btn { font-size:14px; padding:13px 17px; gap:10px; min-height:48px; border:0; }
.demo-actions .icon { width:18px; height:18px; }
.demo-small-button { background:none; border:0; padding:8px 0; color:var(--green); font-size:12px; text-decoration:underline; text-underline-offset:3px; min-height:44px; }
.live-demo button:disabled { cursor:not-allowed; }
.demo-actions .btn:disabled { background:#d9e0d4; color:#455a4d; }
.demo-small-button:disabled { color:var(--muted); text-decoration:none; }
.live-demo .demo-privacy { font-size:12px; line-height:1.7; margin:12px 0 0; }
.live-demo .demo-after { font-size:14px; margin:18px 0 0; padding-top:16px; border-top:1px solid #c8d5c2; }
.demo-after a { display:block; color:var(--green); margin-top:5px; }
.live-demo [hidden],.live-demo [hidden] * { display:none !important; }
html:not(.js) #demo-status { display:none; }
@media (min-width:761px) and (max-width:950px) {
  .live-demo { padding:20px; }
  .live-demo-top { flex-wrap:wrap; gap:8px; }
  .live-demo-heading .demo-title-text { font-size:22px; }
  .demo-transcripts { grid-template-columns:1fr; }
  .demo-transcripts>section+section { border-left:0; border-top:1px solid var(--line); }
  .demo-transcript { height:84px; }
  .demo-transcripts .demo-label { min-height:0; margin-bottom:8px; }
}
@media (max-width:480px) {
  .live-demo { padding:18px; }
  .live-demo-top { flex-wrap:wrap; gap:6px; }
  .live-demo-heading .demo-title-text { font-size:22px; }
  .demo-transcripts { grid-template-columns:1fr; }
  .demo-transcripts>section+section { border-left:0; border-top:1px solid var(--line); }
  .demo-transcripts .demo-label { min-height:0; margin-bottom:8px; }
  .demo-transcript { height:84px; }
}

.live-demo .demo-terms { font-size:13px; line-height:1.65; color:var(--ink); margin:0 0 10px; }
.demo-terms a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }

/* Console access remains visible when the navigation is collapsed. */
.nav-actions .login {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 12px;
  border:1px solid var(--green);
  border-radius:5px;
  color:var(--green);
  font-weight:650;
}
.nav-actions .login:hover { background:var(--green); color:#fff; }
@media(max-width:760px) {
  .nav-inner { gap:8px; }
  .nav-actions { display:flex; margin-left:auto; }
  .nav-actions .login { font-size:13px; padding-inline:10px; }
  .nav-toggle { flex-shrink:0; }
}
@media(max-width:360px) {
  .nav-inner .brand { font-size:20px; gap:5px; }
  .nav-inner .brand img { width:28px; height:28px; }
  .nav-actions .login { padding-inline:8px; }
}

/* A drawn invitation leads into the real demo without obscuring its controls. */
.demo-stage { position:relative; min-width:0; }
.demo-invitation { position:absolute; top:-64px; right:34px; display:flex; align-items:flex-start; gap:10px; color:var(--green); text-decoration:none; z-index:1; }
.demo-invitation>span { margin-top:12px; font:italic 24px/1.2 Georgia,serif; letter-spacing:-.025em; transform:rotate(-5deg); white-space:nowrap; }
.demo-invitation svg { display:block; width:112px; height:76px; overflow:visible; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.demo-arrow-line { stroke-dasharray:1; animation:demo-arrow-draw .9s ease-out both; }
.demo-arrow-tip { animation:demo-arrow-tip .25s .65s ease-out both; }
.demo-invitation:hover svg,.demo-invitation:focus-visible svg { transform:translateY(3px); }
.demo-invitation:hover>span { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
@keyframes demo-arrow-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes demo-arrow-tip { from { opacity:0; } to { opacity:1; } }
@media(max-width:760px) {
  .demo-stage { margin-top:24px; }
  .demo-invitation { right:24px; }
  .demo-invitation>span { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .demo-arrow-line,.demo-arrow-tip { animation:none; }
  .demo-invitation svg { transition:none; }
}

/* A single, readable translation with setup in speaking order. */
.demo-intro { font-size:15px; line-height:1.5; margin:0 0 14px; color:var(--ink); }
.demo-transcripts .demo-label { font-size:14px; }

/* Selected product views, shared across the relevant product pages. */
.product-proof { background:#eef3ea; }
.product-proof-grid { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr); align-items:center; gap:clamp(24px,5vw,72px); }
.product-proof-copy h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.035em; margin:0 0 18px; }
.product-proof-copy>p:last-child { font-size:17px; line-height:1.65; max-width:34ch; color:var(--muted); }
.product-screenshot { margin:0; min-width:0; }
.product-screenshot-link { display:block; overflow:hidden; background:#f4f7f4; border:1px solid #cdd9d1; border-radius:8px; box-shadow:0 12px 32px #173d2b0b; cursor:zoom-in; }
.product-screenshot img { display:block; width:100%; height:auto; }
.product-screenshot figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; margin-top:12px; font-size:13px; line-height:1.5; color:var(--muted); }
.product-screenshot figcaption a { color:var(--green); text-underline-offset:3px; }
.product-screenshot-phone { width:min(100%,290px); justify-self:center; }
@media(max-width:760px) {
 .product-proof-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .product-proof-copy>p:last-child { max-width:55ch; }
 .product-screenshot-phone { width:min(100%,280px); }
}

/* Platform navigation: feature links with a contextual product preview. */
.platform-menu { width:min(1040px,calc(100vw - 48px)); padding:24px; border-radius:12px; }
.platform-menu-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.48fr); gap:24px; }
.platform-menu-grid { grid-template-columns:1fr 1fr; gap:20px 16px; align-content:start; }
.platform-menu-group:first-child { grid-row:span 2; }
.platform-menu-group .menu-label { margin:0 0 10px 8px; font-size:12px; letter-spacing:.065em; }
.nav-drop-menu .platform-menu-item { display:flex; align-items:flex-start; gap:12px; padding:12px 10px; min-height:70px; transition:background .15s,color .15s; }
.menu-icon { display:grid; place-items:center; flex:0 0 34px; height:34px; border:1px solid #d5e2d8; border-radius:7px; background:#f0f5ed; color:var(--green); transition:background .15s; }
.menu-icon .icon { width:20px; height:20px; }
.menu-item-copy { min-width:0; flex:1; }
.platform-menu-item strong { font-size:14px; font-weight:600; line-height:1.45; }
.platform-menu-item small { margin-top:3px; font-size:12px; line-height:1.5; }
.menu-item-arrow { flex:none; color:var(--green); opacity:0; transform:translate(-3px,3px); transition:opacity .15s,transform .15s; }
.platform-menu-item:is(:hover,:focus-visible,.is-previewed) { background:#edf4ed; }
.platform-menu-item:is(:hover,:focus-visible,.is-previewed) .menu-icon { background:#dcebe0; }
.platform-menu-item:is(:hover,:focus-visible,.is-previewed) .menu-item-arrow { opacity:1; transform:none; }
.nav-links .platform-menu-item[aria-current] { text-decoration:none; background:#e3eee6; box-shadow:inset 3px 0 var(--green); }
.menu-preview { display:flex; flex-direction:column; min-width:0; padding:18px; background:#eef3ea; border:1px solid #dce6db; border-radius:8px; }
.menu-preview-label { font-size:12px; letter-spacing:.065em; text-transform:uppercase; color:var(--muted); }
.menu-preview-visual { display:flex; justify-content:center; align-items:center; height:192px; overflow:hidden; margin:16px 0 18px; border:1px solid #d2dfd4; border-radius:5px; background:#f8faf6; }
.menu-illustration { display:block; width:100%; height:100%; max-width:270px; padding:12px; color:var(--green); }
.menu-preview-title { font-size:20px; font-weight:500; line-height:1.25; margin:0 0 8px; letter-spacing:-.025em; }
.menu-preview-copy { font-size:14px; line-height:1.5; margin:0 0 20px; color:var(--muted); }
.menu-preview-note { font-size:12px; line-height:1.5; margin-top:auto; color:var(--muted); }
.nav-drop-menu .menu-overview { display:flex; align-items:center; min-height:44px; margin-top:20px; padding:16px 10px 0; }
.nav-drop.open .platform-menu { animation:menu-entrance .16s ease-out; }
@keyframes menu-entrance { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:761px) and (max-width:1000px) {
 .platform-menu { width:calc(100vw - 48px); padding:18px; }
 .platform-menu-layout { grid-template-columns:minmax(0,1fr) 205px; gap:16px; }
 .platform-menu-grid { gap:16px 6px; }
 .nav-drop-menu .platform-menu-item { gap:8px; padding:10px 6px; }
 .menu-icon { flex-basis:28px; height:28px; }
 .menu-item-arrow { display:none; }
 .menu-preview { padding:14px; }
 .menu-preview-visual { height:170px; }
}
@media(max-width:760px) {
 .platform-menu { width:auto; padding:16px 8px; }
 .platform-menu-layout,.platform-menu-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 .platform-menu-group:first-child { grid-row:auto; }
 .menu-preview { display:none; }
 .nav-drop-menu .platform-menu-item { min-height:64px; padding:10px 8px; }
 .platform-menu-item strong { font-size:15px; }
 .platform-menu-item small { font-size:13px; }
 .menu-item-arrow { opacity:1; transform:none; }
}
@media(prefers-reduced-motion:reduce) {
 .nav-drop.open .platform-menu { animation:none; }
 .platform-menu-item,.menu-icon,.menu-item-arrow { transition:none!important; }
}

.breadcrumb-current { display:inline; margin-left:8px; font-size:14px; line-height:1.5; color:var(--muted); }

/* Brochure requests: an unobtrusive invitation and a user-opened form. */
.brochure-prompt[hidden], .brochure-dialog [hidden] { display:none; }
.brochure-prompt { position:fixed; z-index:80; right:24px; bottom:24px; width:min(360px,calc(100vw - 32px)); padding:26px; background:var(--paper,#f8f9f5); border:1px solid #c6d7cb; border-radius:12px; box-shadow:0 12px 48px #18382b26; }
.brochure-prompt .dialog-title { font-size:23px; line-height:1.2; margin:12px 0; }
.brochure-prompt p:not(.eyebrow) { font-size:15px; line-height:1.5; }
.brochure-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:20px; }
.brochure-actions .btn { font-size:14px; }
.brochure-dismiss { position:absolute; right:8px; top:8px; width:44px; height:44px; display:grid; place-items:center; border:0; background:transparent; color:var(--ink); font-size:26px; cursor:pointer; }
.brochure-dialog { position:fixed; inset:0; margin:auto; width:min(540px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; padding:32px; border:1px solid #c6d7cb; border-radius:12px; background:#f8f9f5; color:var(--ink); box-shadow:0 24px 100px #102a2940; }
.brochure-dialog::backdrop { background:#0f292970; }
.brochure-dialog .dialog-title { margin:10px 0; font-size:34px; }
.brochure-dialog>p:not(.eyebrow) { font-size:16px; line-height:1.5; }
.brochure-fields { display:grid; gap:12px; margin:20px 0 16px; }
.brochure-fields label { display:grid; gap:5px; font-size:14px; font-weight:600; }
.brochure-fields label span { font-weight:400; }
.brochure-fields input { width:100%; min-height:44px; border:1px solid #92aa9d; border-radius:5px; padding:10px 12px; background:white; font-size:16px; color:var(--ink); }
.brochure-check { display:flex; gap:10px; align-items:flex-start; font-size:14px; line-height:1.5; margin:12px 0; cursor:pointer; }
.brochure-check input { flex:0 0 20px; width:20px; height:20px; margin:1px 0 0; accent-color:var(--green); }
.brochure-demo-choice { padding:12px; background:#e7efe3; border-radius:5px; font-weight:500; }
.brochure-privacy { font-size:12px; line-height:1.5; color:var(--muted); }
.brochure-submit { width:100%; margin-top:12px; }
.brochure-submit:disabled { opacity:.55; cursor:not-allowed; }
.brochure-status { font-weight:500; padding:0; margin:16px 0 8px; }
.brochure-status.is-error { color:#8b382d; }
.brochure-download { display:inline-block; font-size:14px; margin-top:8px; text-decoration:underline; text-underline-offset:3px; }
.brochure-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.brochure-manual { margin-top:12px; padding:0; border:0; background:none; cursor:pointer; font:inherit; }
.brochure-actions .text-link { border:0; background:none; padding:0; cursor:pointer; }
.brochure-dialog :focus-visible, .brochure-prompt :focus-visible { outline:3px solid #176855; outline-offset:3px; }
@media(max-width:600px) { .brochure-prompt { right:16px; bottom:16px; padding:22px; } .brochure-dialog { padding:24px; } }

html:not(.js) .brochure-manual { display:none; }

.brochure-manual { min-height:44px; }

/* Keep Connectivity in the primary navigation on narrower desktop layouts.
   Reports remains available in the Platform menu at these widths. */
@media(min-width:761px) and (max-width:1100px) {
  .nav-links>.nav-reports-link { display:none; }
  .nav-actions .login-desktop { display:none; }
  .nav-actions .login-mobile { display:inline; }
}