/* SalamAI / Ordinexis family identity.
   Forest introductions, sage accents and quiet mineral reading surfaces.
   Layout and functional states remain in site.css and connectivity.css. */
@media screen {
  body { font-weight:450; }
  h1,h2,h3 { font-weight:650; }
  h2 { line-height:1.12; }
  .section { padding-block:clamp(68px,7.5vw,108px); }
  .eyebrow { font-size:11px; font-weight:700; letter-spacing:.11em; }
  .small-label { font-size:12px; font-weight:700; letter-spacing:.07em; }
  .btn { min-height:50px; border-radius:8px; gap:24px; font-weight:700; }
  .btn-primary { background:var(--green); border-color:var(--green); }
  .btn-primary:hover { background:#142b20; transform:none; }
  .btn-text { border:1px solid var(--line); padding-inline:20px; }
  .btn-text:hover { color:var(--green); background:var(--soft); }

  /* A consistent frame, including an obvious route into the console. */
  .nav { color:var(--on-dark); background:var(--night-deep); border-color:#2b382e; }
  .nav-inner { height:88px; gap:30px; }
  .nav .brand img,footer .brand img { filter:brightness(0) invert(1); mix-blend-mode:normal; }
  .nav-links { gap:23px; }
  .nav-links>a,.nav-drop>.nav-platform-link,.nav-drop-toggle { color:var(--on-dark); font-size:14px; }
  .nav .nav-links>a:hover,.nav .nav-drop>.nav-platform-link:hover,.nav .nav-links>a[aria-current],.nav .nav-drop>.nav-platform-link[aria-current] { color:var(--signal); }
  .nav-actions { gap:20px; }
  .nav-actions .login { color:var(--on-dark); border-color:#778a7b; border-radius:6px; font-size:13px; }
  .nav-actions .login:hover { color:var(--on-dark); background:#253329; border-color:var(--on-dark-muted); }
  .nav .nav-actions .btn { color:#141e17; background:var(--signal); border-color:var(--signal); min-height:44px; border-radius:8px; font-size:13px; }
  .nav .nav-actions .btn:hover { background:#d2d9c7; }
  .nav-toggle { color:var(--on-dark); border-color:#71836f; border-radius:6px; }
  .menu-lines,.menu-lines::after { border-color:currentColor; }
  .nav :focus-visible,.home-hero :focus-visible,.page-hero :focus-visible,footer :focus-visible { outline-color:var(--signal); }

  .nav-drop-menu { color:var(--ink); background:#f5f6f2; border-color:#b9c3ba; box-shadow:0 24px 60px #050b084d; }
  .nav-drop-menu :focus-visible { outline-color:var(--green); }
  .nav-drop-menu .platform-menu-item { color:var(--ink); border-radius:7px; }
  .nav-drop-menu .platform-menu-item:is(:hover,:focus-visible,.is-previewed) { color:var(--green); background:#e1e7dc; }
  .nav-links .platform-menu-item[aria-current] { color:var(--green); background:#e1e7dc; }
  .menu-icon { color:#34523f; background:#e8ece3; border-color:#c9d3c6; }
  .platform-menu-item:is(:hover,:focus-visible,.is-previewed) .menu-icon { background:#d4dfcd; }
  .menu-label,.menu-preview-label { color:#4b6546; }
  .menu-preview { background:#e2e7de; border-color:#c4d0c0; }
  .menu-preview-title { color:var(--ink); font-weight:650; }
  .menu-preview-copy,.menu-preview-note { color:var(--muted); }
  .menu-preview-visual { color:#34523f; background:#edf0e7; border-color:#becabd; }
  .menu-preview svg [fill]:not([fill="none"]) { fill:#d5dfce; }
  .menu-overview { font-weight:650; }

  /* One signature across the dark brand surfaces, behind all content. */
  :is(.home-hero,.page-hero,.closing,footer) { position:relative; isolation:isolate; }
  .nav { isolation:isolate; --filigree-strength:.75; }
  .closing { --filigree-strength:.85; }
  footer { --filigree-strength:.8; }

  /* The real demo is an instrument on the same dark stage as the message. */
  .home-hero {
    --home-nav-height:88px;
    color:var(--on-dark); background:var(--night); border-bottom:1px solid #35473a;
    min-height:calc(100vh - var(--home-nav-height) - 1px);
    min-height:calc(100svh - var(--home-nav-height) - 1px);
    display:flex; flex-direction:column; gap:32px; padding-block:76px 20px;
  }
  /* The company signature enters from the left and fades into each surface. */
  :is(.nav,.home-hero,.page-hero,.closing,footer)::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    opacity:var(--filigree-strength,1);
    background:url('/img/filigree-dark.svg') repeat -70px -40px / 440px 440px;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000d 10%,#0006 30%,transparent 65%);
    mask-image:linear-gradient(90deg,#000 0%,#000d 10%,#0006 30%,transparent 65%);
  }
  .hero-grid { flex:1; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); gap:64px; align-items:center; align-content:center; }
  .hero-scroll-row { display:flex; justify-content:center; }
  .hero-scroll { display:inline-flex; align-items:center; gap:16px; min-height:44px; color:var(--on-dark-muted); font-size:12px; font-weight:650; text-decoration:none; }
  .hero-scroll span { color:var(--signal); font-size:24px; line-height:1; }
  .hero-scroll:hover { color:var(--on-dark); text-decoration:underline; text-underline-offset:5px; }
  .hero-copy h1 { font-size:clamp(44px,4.7vw,70px); line-height:1.09; letter-spacing:-.055em; }
  .hero-copy h1>span { color:var(--signal); }
  .hero-copy .eyebrow { color:var(--on-dark-muted); margin-bottom:27px; font-size:12px; }
  .hero-copy .status-dot { width:28px; height:3px; border-radius:0; background:var(--signal); }
  .hero-copy .hero-description { color:#c5cec2; font-size:18px; line-height:1.75; max-width:46ch; margin:28px 0 30px; }
  .hero-copy .btn-primary { color:#141e17; background:var(--signal); border-color:var(--signal); }
  .hero-copy .btn-primary:hover { background:#d2d9c7; }
  .hero-copy .btn-text { color:var(--on-dark); border-color:#778a7b; background:transparent; }
  .hero-copy .btn-text:hover { color:var(--on-dark); background:#253329; }
  .hero-copy .btn-row { gap:12px; }
  .hero-assurance { color:var(--on-dark-muted); font-size:12px; gap:22px; margin-top:25px; }
  .hero-assurance .icon { color:var(--signal); }
  .demo-invitation { top:-58px; right:24px; color:var(--signal); }
  .demo-invitation>span { font-size:22px; }
  .demo-invitation svg { width:94px; height:66px; stroke-width:2; }
  .live-demo { color-scheme:dark; color:var(--on-dark); background:var(--stage-surface); border:1px solid var(--stage-border); border-radius:14px; padding:22px 26px; box-shadow:0 22px 56px #0209054d; }
  .live-demo-heading .demo-title-text { color:var(--on-dark); font-size:22px; font-weight:750; letter-spacing:-.035em; }
  .demo-heading-mark { color:var(--signal); }
  .demo-heading-mark .icon { width:29px; height:29px; }
  .live-demo .demo-intro { color:#c5cec2; font-size:14px; line-height:1.6; margin-bottom:16px; }
  .demo-field-label { font-size:12px; font-weight:650; }
  .demo-language-select { color:var(--on-dark); background:#20362a; border-color:#70836d; border-radius:6px; }
  .demo-language-select option { color:var(--ink); background:var(--paper); }
  .live-demo .demo-terms { color:var(--on-dark-muted); font-size:12px; line-height:1.65; }
  .demo-terms strong { color:var(--on-dark); font-weight:650; }
  .demo-terms a,.demo-consent a { color:#d3dfc6; }
  .demo-consent { color:#c3cdbd; font-size:12px; line-height:1.65; }
  .demo-consent input { accent-color:var(--signal); }
  .demo-actions { gap:10px 16px; }
  .demo-actions .btn-primary { color:#141e17; background:var(--signal); border-color:var(--signal); }
  .demo-actions .btn-primary:hover { color:#141e17; background:#d2d9c7; }
  .demo-actions .btn:disabled { color:#d6dfce; background:#354b3d; }
  .demo-small-button { color:#d3dfc6; font-weight:600; }
  .demo-small-button:disabled { color:#acbba9; }
  .demo-feedback { color:var(--on-dark); background:#20362a; border-color:#425847; padding:11px 13px; border-radius:6px; }
  .demo-feedback p { color:var(--on-dark); font-size:14px; font-weight:650; }
  .live-demo[data-state=live] .demo-feedback { color:#141e17; background:var(--signal); border-color:var(--signal); }
  .live-demo[data-state=live] .demo-feedback p,.live-demo[data-state=live] .demo-level-heading { color:#141e17; }
  .live-demo[data-state=live] .demo-feedback p { font-size:16px; font-weight:750; }
  .live-demo:is([data-state=preparing],[data-state=connecting],[data-state=audio-paused]) .demo-feedback { background:#e4e1cf; border-color:#b3ab82; }
  .live-demo:is([data-state=preparing],[data-state=connecting],[data-state=audio-paused]) .demo-feedback p { color:#393e2d; }
  .live-demo[data-state=audio-paused] .demo-level-heading { color:#393e2d; }
  .live-demo:is([data-state=error],[data-state=unavailable]) .demo-feedback { background:#f1e2da; border-color:#bd9680; }
  .live-demo:is([data-state=error],[data-state=unavailable]) .demo-feedback p { color:#693d30; }
  .live-demo[data-state=complete] .demo-feedback { background:#dfe6da; border-color:#9cb18e; }
  .live-demo[data-state=complete] .demo-feedback p { color:var(--green); }
  .demo-transcripts { color:var(--on-dark); background:#102119; border-color:#607a5e; border-radius:6px; }
  .demo-transcripts .demo-label { color:var(--signal); font-size:12px; font-weight:650; }
  .demo-transcript { color:var(--on-dark); }
  .demo-transcript[data-empty=true]::before { color:var(--on-dark-muted); font-size:14px; }
  .live-demo[data-state=live] .demo-transcripts,.live-demo[data-state=live] .demo-transcripts::after { border-color:var(--signal); }
  .demo-level-track { background:#172b1c; border-color:#5e7554; }
  .demo-level-fill { background:var(--signal); }
  .demo-level-track::after { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#172b1c calc(10% - 2px),#172b1c 10%); }
  .demo-audio-note { color:#e3e4d5; background:#343d2a; border-color:#b4bb91; }
  .live-demo .demo-privacy { color:var(--on-dark-muted); font-size:12px; }
  .live-demo .demo-after { border-color:var(--stage-border); }
  .demo-after,.demo-after a { color:var(--signal); }

  /* Capabilities remain factual. They are not customer outcome statistics. */
  .facts { background:var(--paper); border:0; }
  .facts-grid { padding-block:34px; border-bottom:1px solid var(--line); }
  .facts-grid>div { border-color:var(--line); gap:17px; }
  .facts strong { color:var(--green); font-size:33px; font-weight:650; }
  .facts span { color:var(--muted); font-size:12px; }
  .platform-section { background:var(--paper); border:0; }
  .split-heading { align-items:flex-end; }
  .split-heading h2 { font-size:clamp(33px,3.6vw,52px); }
  .split-heading>p { color:var(--muted); line-height:1.8; }
  .platform-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .platform-card { display:flex; flex-direction:column; gap:24px; min-width:0; padding:30px; border:1px solid #bcc9bb; border-radius:10px; background:#dfe6da; text-decoration:none; transition:transform .18s var(--ease),border-color .18s; }
  .platform-card-2 { background:#dce5df; border-color:#b6c8bc; }
  .platform-card-3 { background:#e0e4e5; border-color:#bbc8c9; }
  .platform-card-4 { background:#e3e3d7; border-color:#c5c5b4; }
  .platform-card:hover { transform:translateY(-4px); border-color:#49674f; }
  .platform-card-top { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#34523f; }
  .platform-card-top>.icon { width:38px; height:38px; stroke-width:1.3; }
  .platform-card-top>span { color:#54604f; font-size:12px; font-weight:600; }
  .platform-card .small-label { color:#4f604b; }
  .platform-card h3 { max-width:24ch; margin:12px 0; font-size:clamp(24px,2.3vw,31px); line-height:1.2; letter-spacing:-.035em; }
  .platform-card p { max-width:46ch; margin-bottom:0; color:#4f5d51; font-size:15px; line-height:1.75; }
  .platform-card .card-link { margin-top:auto; padding-top:8px; color:#25452f; font-weight:750; }
  .platform-links { gap:10px 30px; margin-top:24px; font-size:13px; }
  .platform-links>a { color:var(--green); font-weight:650; }

  /* Light reading sections follow the full-screen opening; proof keeps a dark frame. */
  .report-section { color:var(--ink); background:var(--soft); border-block:1px solid var(--line); }
  .report-section .eyebrow { color:var(--green); }
  .report-section .report-copy>p:not(.eyebrow) { color:var(--muted); font-size:17px; }
  .report-section .report-copy>p.report-caveat { font-size:13px; }
  .report-section .text-link { color:var(--green); }
  .report-section :focus-visible { outline-color:var(--green); }
  .report-section .product-screenshot-link { border:16px solid #233a2a; border-radius:12px; box-shadow:0 15px 40px #0208054d; }
  .report-section .product-screenshot figcaption,.report-section .product-screenshot figcaption a { color:var(--muted); }
  .human-section { background:var(--paper); }
  .use-case-links>a { padding-block:24px; border-color:var(--line); }
  .use-case-links .row-index { width:38px; height:38px; display:grid; place-items:center; color:#34523f; flex:none; }
  .use-case-links .row-index .icon { width:25px; height:25px; }
  .use-case-links h3 { font-size:23px; }
  .use-case-links p { font-size:14px; }
  .trust-section { color:var(--ink); background:#e2e7de; padding-block:68px; }
  .trust-emblem { color:var(--green); background:#d5dfce; border-color:#a7b7a0; border-radius:12px; }
  .trust-emblem .icon,.trust-details { color:var(--green); }
  .trust-section .eyebrow { color:#4b6546; }
  .trust-section h2 { font-size:38px; }
  .trust-section p:not(.eyebrow) { color:#4f5e51; font-size:15px; }
  .trust-section .text-link { color:var(--green); }
  .trust-details { font-size:13px; gap:18px; }
  .trust-section .trust-honesty { padding-top:16px; border-top:1px solid #b6c2af; font-size:12px; }

  /* Dedicated pages share the opening, reading and evidence hierarchy. */
  .page-hero { color:var(--on-dark); background:var(--night); padding:30px 0 64px; border-bottom:1px solid #35473a; }
  .hero-breadcrumbs { margin-bottom:34px; color:var(--on-dark-muted); font-size:12px; }
  .page-hero .breadcrumb,.page-hero .breadcrumb-current { margin-bottom:0; color:var(--on-dark-muted); font-size:12px; }
  .page-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:66px; align-items:center; }
  .page-hero h1 { font-size:clamp(38px,4.5vw,64px); line-height:1.1; letter-spacing:-.045em; }
  .page-hero .eyebrow { color:var(--signal); }
  .page-hero .lede { max-width:65ch; color:#c5cec2; font-size:17px; }
  .page-hero .btn-primary { color:#141e17; background:var(--signal); border-color:var(--signal); }
  .page-hero .btn-primary:hover { background:#d2d9c7; }
  .page-hero .btn-text { color:var(--on-dark); background:transparent; border-color:#778a7b; }
  .page-hero .btn-text:hover { background:#253329; }
  .page-hero-visual { min-width:0; padding:22px; color:var(--signal); background:#182b22; border:1px solid #425847; border-radius:12px; }
  .visual-overline { display:block; color:var(--on-dark); font-size:12px; line-height:1.6; font-weight:650; }
  .hero-diagram { padding-block:16px; }
  .hero-diagram>svg { width:100%; height:auto; max-width:270px; }
  .hero-diagram .menu-illustration { color:inherit; padding:0; }
  .hero-diagram svg [fill]:not([fill="none"]):not([fill="currentColor"]) { fill:#294332; }
  .visual-caption { display:block; color:var(--on-dark-muted); padding-top:14px; border-top:1px solid #425847; font-size:12px; line-height:1.7; }
  .page-404 .page-hero-layout { grid-template-columns:1fr; }
  .product-proof { background:#e1e6e3; border-bottom:1px solid var(--line); }
  .product-screenshot-link { border-color:#aabcae; border-radius:8px; box-shadow:0 12px 32px #14251912; }
  .product-screenshot figcaption { margin-top:16px; }
  .product-screenshot-phone .product-screenshot-link { border:5px solid #233a2a; border-radius:24px; }
  .step { border-top:2px solid #6b8272; }
  .step:nth-child(2) { border-top-color:#70828a; }
  .step:nth-child(3) { border-top-color:#968464; }
  .step-number { font-family:Manrope,Arial,sans-serif; font-size:27px; font-weight:650; }
  .step p { font-size:15px; }
  .flow { border-color:#bccabd; border-radius:10px; }
  .flow-node .icon { width:48px; height:48px; padding:10px; color:#34523f; background:#dfe6da; border-radius:9px; }
  .flow-node:nth-of-type(2) .icon { background:#e0e4e5; }
  .flow-node:nth-of-type(3) .icon { background:#e3e3d7; }
  .flow-node p { font-size:13px; }
  .note { background:#e1e5d9; border-left:3px solid #788a68; border-radius:0 8px 8px 0; }
  .tinted .note { background:#d6dfce; }
  .feature-row>.icon { width:32px; height:32px; padding:5px; color:#34523f; background:#dfe6da; border-radius:7px; }
  .feature-row:nth-child(3n+2)>.icon { background:#dce5df; }
  .feature-row:nth-child(3n+3)>.icon { background:#e3e3d7; }
  .conversation-example>div { background:#dfe6da; border-color:#bcc9bb; }
  .conversation-example>div:last-child { background:#dce5df; border-color:#b6c8bc; }
  .disclosure { border-color:#b8c5b5; }
  .disclosure summary { font-weight:650; }

  /* The closing invitation belongs to the same family as the opening. */
  .closing { color:var(--on-dark); background:#152319; padding-block:76px; }
  .closing-inner { display:block; text-align:center; }
  .closing .eyebrow { justify-content:center; color:var(--signal); }
  .closing h2 { max-width:850px; margin-inline:auto; font-size:clamp(35px,4.5vw,60px); line-height:1.14; }
  .closing h2 span { color:var(--signal); }
  .closing-inner>div:last-child { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px 16px; max-width:650px; margin:24px auto 0; }
  .closing p.closing-intro { flex-basis:100%; max-width:44ch; margin:0 auto 8px; color:#c5cec2; font-size:16px; line-height:1.7; }
  .closing .btn-primary { color:#141e17; background:var(--signal); border-color:var(--signal); min-width:220px; }
  .closing .btn-primary:hover { background:#d2d9c7; }
  .closing .brochure-manual { color:var(--on-dark); border:1px solid #778a7b; border-radius:8px; min-height:50px; padding:12px 20px; margin:0; font-size:14px; font-weight:650; }
  .closing .brochure-manual:hover { background:#253329; text-decoration:none; }
  .closing-console { flex-basis:100%; margin-top:4px; color:var(--on-dark-muted); font-size:12px; }
  .closing :focus-visible { outline-color:var(--signal); }
  footer { color:var(--on-dark); background:var(--night-deep); }
  .footer-top { gap:40px; }
  .footer-top .footer-heading { color:var(--on-dark); font-size:13px; font-weight:700; }
  .footer-about p,.location { color:var(--on-dark-muted); }
  footer .status-dot { background:var(--signal); }
  .footer-top>div>a:not(.brand) { color:#c9d4c4; font-size:13px; padding-block:6px; }
  .footer-top>div>a:hover { color:var(--signal); }
  .footer-policies,.footer-bottom { border-color:#35473a; }
  .footer-policies a,.footer-bottom { color:#bac4b9; font-size:12px; }
  .footer-policies a:hover { color:var(--on-dark); }
  .brochure-prompt,.brochure-dialog { background:var(--paper); border-color:#a6b89c; }
  .brochure-prompt { border-top:3px solid #788a68; box-shadow:0 16px 48px #0b211633; }
  .brochure-demo-choice { background:#e1e7dd; }
  .brochure-prompt :focus-visible,.brochure-dialog :focus-visible { outline-color:var(--green); }

  /* Audio diagrams use the same materials, while line styles retain meaning. */
  .setup-selector>a { border-radius:7px; border-color:#aebfa8; }
  .setup-selector>a:hover { background:#dfe6da; }
  .setup-selector>a[aria-selected=true] { color:var(--on-dark); background:var(--green); border-color:var(--green); }
  .connection-diagram { background:#e2e7df; border-color:#becabd; border-radius:10px; }
  .conn-node,.conn-station { border-color:#b0c2ac; border-radius:8px; }
  .conn-device { color:#34523f; background:#dfe6da; }
  .conn-node-host { background:var(--night); border-color:var(--stage-border); }
  .conn-node-host .conn-device { color:var(--signal); background:#294332; }
  .conn-node-host p { color:var(--on-dark-muted); }
  .conn-node-audience { background:#e3e3d7; border-color:#bfbfa9; }
  .conn-node-audience .conn-device { color:#4c563b; background:#d4d7c1; }
  .conn-guest-note { background:#dfe6da; border-color:#788a68; }
  .conn-port-note { background:#e7e5d9; border-color:#948467; }
  .conn-requirement-card,.conn-input-option { border-color:#becabd; border-radius:8px; }
  .conn-requirement-companion .conn-recommendation { background:#e3e3d7; }
  .conn-soundcheck { background:#e1e6e3; }

  @media(max-width:1100px) {
    .nav-inner { gap:20px; }
    .nav-links { gap:17px; }
    .nav-actions { gap:12px; }
    .hero-grid { gap:40px; }
    .hero-copy h1 { font-size:clamp(42px,4.8vw,58px); }
    .hero-copy .hero-description { font-size:17px; }
    .page-hero-layout { grid-template-columns:minmax(0,1fr) 230px; gap:38px; }
    .trust-grid { grid-template-columns:75px 1fr; }
    .trust-details { grid-column:2; display:flex; flex-wrap:wrap; gap:18px; }
  }
  @media(min-width:761px) and (max-width:950px) {
    .nav-inner { gap:15px; }
    .nav .brand { font-size:22px; }
    .nav .brand img { width:31px; height:31px; }
    .nav-links { gap:12px; }
    .nav-links>a,.nav-drop>.nav-platform-link { font-size:13px; }
    .nav-actions .btn { gap:10px; padding-inline:10px; }
    .nav-actions .login { padding-inline:9px; }
    .hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:30px; }
    .hero-copy h1 { font-size:43px; }
    .hero-copy .hero-description { font-size:16px; }
    .hero-copy .btn { font-size:12px; gap:12px; padding-inline:13px; }
    .hero-copy .btn-row { gap:8px; }
    .hero-copy .eyebrow { font-size:12px; }
    .live-demo { padding:20px; }
    .page-hero-layout { grid-template-columns:minmax(0,1fr) 190px; gap:30px; }
    .page-hero-visual { padding:18px 12px; }
    .page-hero h1 { font-size:44px; }
    .facts span { max-width:130px; }
  }
  @media(max-width:760px) {
    .nav-inner { height:72px; gap:8px; }
    .nav-links { background:var(--paper); border-color:var(--line); }
    .nav-links>a,.nav-drop>.nav-platform-link,.nav-drop-toggle,.mobile-actions>a { color:var(--ink); border-color:var(--line); }
    .nav .nav-links>a:hover,.nav .nav-drop>.nav-platform-link:hover,.nav .nav-links>a[aria-current],.nav .nav-drop>.nav-platform-link[aria-current] { color:var(--green); }
    .nav-links :focus-visible { outline-color:var(--green); }
    .nav-drop { width:100%; }
    .nav-drop-toggle { width:48px; }
    .nav-drop-menu { box-shadow:none; }
    .home-hero { --home-nav-height:72px; padding-block:45px 20px; gap:28px; }
    :is(.nav,.home-hero,.page-hero,.closing,footer)::before {
      background-size:300px 300px; background-position:-66px -20px;
      -webkit-mask-image:linear-gradient(90deg,#000c 0%,#0007 42%,transparent 94%);
      mask-image:linear-gradient(90deg,#000c 0%,#0007 42%,transparent 94%);
    }
    .hero-grid { grid-template-columns:minmax(0,1fr); gap:52px; }
    .hero-copy h1 { font-size:clamp(42px,7.6vw,59px); }
    .hero-copy .eyebrow { font-size:12px; margin-bottom:23px; }
    .hero-copy .hero-description { max-width:43ch; margin:23px 0; font-size:17px; }
    .hero-copy .btn { font-size:13px; gap:18px; }
    .hero-assurance { margin-top:20px; gap:18px; font-size:12px; }
    .demo-stage { margin-top:15px; }
    .demo-invitation { top:-57px; right:16px; }
    .live-demo { padding:22px; }
    .facts-grid { padding-block:26px; gap:24px 20px; }
    .facts-grid>div { padding:0; }
    .facts strong { font-size:31px; }
    .facts span { font-size:12px; }
    .platform-directory { grid-template-columns:1fr; gap:18px; }
    .platform-card { gap:20px; padding:26px; }
    .platform-card h3 { font-size:27px; }
    .platform-card p { font-size:15px; }
    .platform-links { gap:0; }
    .platform-links>a { min-height:48px; font-size:13px; }
    .report-section .product-screenshot-link { border-width:10px; }
    .human-section .use-case-split { gap:32px; }
    .trust-section { padding-block:54px; }
    .trust-grid { grid-template-columns:1fr; gap:25px; }
    .trust-details { grid-column:auto; display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
    .trust-emblem { width:65px; height:65px; }
    .trust-emblem .icon { width:28px; height:28px; }
    .trust-section h2 { font-size:34px; }
    .hero-breadcrumbs { margin-bottom:28px; }
    .page-hero { padding:24px 0 44px; }
    .page-hero-layout { grid-template-columns:1fr; gap:0; }
    .page-hero-visual { display:none; }
    .page-hero h1 { font-size:clamp(35px,6.8vw,49px); }
    .page-hero .lede { margin-top:22px; font-size:16px; }
    .step p { font-size:15px; }
    .feature-row>.icon { width:28px; height:28px; padding:4px; }
    .closing { padding-block:58px; }
    .closing h2 { font-size:clamp(33px,6.5vw,45px); }
    .closing p.closing-intro { font-size:15px; }
    .closing-inner>div:last-child { gap:12px; }
    footer { padding-top:46px; }
    .footer-top { gap:28px; }
    .footer-policies a { font-size:13px; }
  }
  @media(max-width:480px) {
    .hero-copy h1 { font-size:clamp(35px,9.4vw,45px); }
    .hero-copy .hero-description { font-size:16px; }
    .hero-copy .btn { padding-inline:15px; gap:14px; font-size:12px; }
    .live-demo { padding:20px; }
    .demo-actions { gap:8px 13px; }
    .demo-actions .btn { font-size:13px; }
    .demo-small-button { font-size:12px; }
    .live-demo-heading .demo-title-text { font-size:21px; }
    .platform-card { padding:24px; }
    .platform-card h3 { font-size:25px; }
    .use-case-links>a { gap:16px; }
    .use-case-links h3 { font-size:20px; }
    .page-hero h1 { font-size:clamp(32px,8vw,39px); }
    .closing-inner>div:last-child>.btn,.closing .brochure-manual { width:100%; max-width:340px; justify-content:center; }
  }
  @media(prefers-reduced-motion:reduce) {
    .platform-card { transition:none; }
    .platform-card:hover { transform:none; }
  }
}

/* Sales layer: device-framed product screens, a hero greeting and the "how it works" showcase.
   Screens keep their original interface colours; only the frames carry the brand. */
@media screen {
  .hero-copy h1>span,.page-hero h1 span { color:var(--signal); }
  :is(.showcase,.human-section,.report-section,.benefits-section) h2 span { color:#4b6a50; }

  /* A greeting that changes language every few seconds, like the audience does. */
  .hero-hello { display:inline-grid; margin:0 0 18px; padding:6px 16px 7px; color:var(--signal); background:#1b2c22; border:1px solid #3c5142; border-radius:999px; font:italic 600 17px/1.4 Georgia,serif; }
  .hero-hello>span { grid-area:1/1; opacity:0; animation:hello-cycle 15s calc(var(--i) * 2.5s) infinite; }
  .hero-hello>span:first-child { opacity:1; }
  @keyframes hello-cycle { 0% { opacity:0; transform:translateY(6px); } 3%,14% { opacity:1; transform:none; } 17%,100% { opacity:0; transform:translateY(-6px); } }
  .js .hero-hello>span:first-child { opacity:0; }
  .hero-copy .hero-description { font-size:19px; }

  /* Frames: a browser window for the console, a phone for listeners, a display for captions. */
  .product-screenshot-link { position:relative; transition:transform .25s var(--ease),box-shadow .25s var(--ease); }
  .product-screenshot-link:hover { transform:translateY(-3px); }
  .product-screenshot.frame-browser .product-screenshot-link,
  .report-section .product-screenshot.frame-browser .product-screenshot-link { border:1px solid #c3ccc2; border-radius:12px; background:#fff; box-shadow:0 2px 4px #0b1a1210,0 28px 60px -18px #0b1a1250; }
  .frame-bar { display:flex; align-items:center; gap:6px; height:34px; padding:0 14px; background:#e7eae4; border-bottom:1px solid #d3d9d1; }
  .frame-bar i { width:10px; height:10px; border-radius:50%; background:#c4ccc1; }
  .frame-bar i:first-child { background:#d9a898; }
  .frame-bar i:nth-child(2) { background:#d8c99a; }
  .frame-bar i:nth-child(3) { background:#a9c3a3; }
  .frame-bar>span { flex:1; max-width:300px; margin-inline:auto; padding:3px 12px; overflow:hidden; color:#66716a; background:#f7f8f5; border-radius:6px; font-size:12px; text-align:center; text-overflow:ellipsis; white-space:nowrap; transform:translateX(-18px); }
  .product-screenshot.frame-phone .product-screenshot-link { padding:24px 9px 16px; border:0; border-radius:44px; background:#0c1410; box-shadow:inset 0 0 0 2px #34443a,0 30px 60px -20px #050b0880; }
  .frame-phone img { border-radius:26px 26px 30px 30px; }
  .frame-notch { position:absolute; top:8px; left:50%; width:30%; height:9px; background:#26332b; border-radius:9px; transform:translateX(-50%); }
  .product-screenshot.frame-display .product-screenshot-link { overflow:visible; margin-bottom:26px; border:12px solid #0c1410; border-radius:12px; background:#0c1410; box-shadow:0 30px 60px -22px #050b0880; }
  .frame-display img { border-radius:2px; }
  .frame-display .product-screenshot-link::after { content:""; position:absolute; left:50%; bottom:-38px; width:24%; height:26px; background:linear-gradient(#26332b,#1a241e); clip-path:polygon(18% 0,82% 0,100% 100%,0 100%); transform:translateX(-50%); }
  .product-screenshot figcaption em { margin-left:6px; padding:2px 7px; color:#4b6a50; background:#dfe6da; border-radius:4px; font-size:12px; font-style:normal; font-weight:650; }

  /* Pages with a product screen show it in the opening, sliding over the next section. */
  .page-hero.has-shot { --overlap:120px; padding-bottom:0; }
  .page-hero.has-shot .page-hero-layout { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(36px,5vw,72px); }
  .page-hero.has-shot .page-hero-layout:has(.frame-phone) { grid-template-columns:minmax(0,1fr) 300px; }
  .page-hero.has-shot .page-hero-copy { padding-bottom:72px; }
  .page-hero-shot { position:relative; z-index:1; min-width:0; align-self:end; margin-bottom:calc(-1 * var(--overlap)); }
  .page-hero.has-shot h1 { font-size:clamp(38px,4.1vw,60px); }
  .product-screenshot-link { text-decoration:none; }
  .frame-phone figcaption { flex-direction:column; align-items:center; text-align:center; }
  .page-hero-shot .product-screenshot-phone { width:100%; }
  .page-hero-shot figcaption { margin-top:14px; padding:8px 14px; color:var(--muted); background:#f7f8f5; border:1px solid var(--line); border-radius:8px; }
  .page-hero-shot figcaption a { color:var(--green); }
  .page-hero.has-shot + .section { padding-top:calc(120px + clamp(56px,6vw,88px)); }

  /* Homepage: the three steps beside the console and a listener's phone. */
  .showcase { background:linear-gradient(180deg,var(--paper),#e4e9e0); }
  .showcase-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(40px,6vw,96px); align-items:center; }
  .showcase h2 { margin:0 0 32px; font-size:clamp(34px,3.8vw,54px); line-height:1.1; letter-spacing:-.045em; }
  .showcase-steps { counter-reset:step; display:grid; gap:22px; margin:0 0 34px; padding:0; list-style:none; }
  .showcase-steps li { counter-increment:step; display:grid; grid-template-columns:40px 1fr; gap:2px 16px; }
  .showcase-steps li::before { content:counter(step); grid-row:span 2; display:grid; place-items:center; width:40px; height:40px; color:var(--signal); background:var(--green); border-radius:50%; font-size:15px; font-weight:750; }
  .showcase-steps strong { font-size:18px; font-weight:700; letter-spacing:-.02em; }
  .showcase-steps span { color:var(--muted); font-size:15px; line-height:1.65; }
  .showcase-visual { position:relative; min-width:0; padding:0 10% 56px 0; }
  .showcase-visual .frame-phone { position:absolute; right:0; bottom:0; z-index:2; width:28%; }
  .showcase-visual .frame-phone .product-screenshot-link { padding:16px 6px 10px; border-radius:32px; }
  .showcase-visual .frame-phone img { border-radius:20px; }
  .showcase-visual .frame-notch { top:6px; height:6px; }
  .showcase-chips { position:absolute; left:-28px; bottom:6px; z-index:3; display:grid; gap:8px; margin:0; padding:0; list-style:none; }
  .showcase-chips li { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:1px 9px; min-width:230px; padding:9px 14px; color:var(--on-dark); background:#14231b; border:1px solid #3c5142; border-radius:10px; box-shadow:0 12px 28px -10px #050b0880; animation:chip-float 6s ease-in-out infinite; }
  .showcase-chips .chip-2 { margin-left:34px; animation-delay:-2s; }
  .showcase-chips .chip-3 { margin-left:12px; animation-delay:-4s; }
  .showcase-chips small { color:var(--signal); font-size:12px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
  .showcase-chips li>span[lang] { grid-column:2; font-size:14px; font-weight:600; }
  .chip-live { grid-row:span 2; width:8px; height:8px; background:#9fd18b; border-radius:50%; box-shadow:0 0 0 4px #9fd18b2e; }
  @keyframes chip-float { 50% { transform:translateY(-5px); } }

  /* Benefits sit on a forest band so the page breathes between light sections. */
  .benefits-section { position:relative; isolation:isolate; color:var(--on-dark); background:var(--night); --filigree-strength:.55; }
  .benefits-section::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:var(--filigree-strength); background:url('/img/filigree-dark.svg') repeat -70px -40px / 440px 440px; -webkit-mask-image:linear-gradient(90deg,#000 0%,#0006 30%,transparent 60%); mask-image:linear-gradient(90deg,#000 0%,#0006 30%,transparent 60%); }
  .benefits-section .eyebrow { color:var(--signal); }
  .benefits-section h2 span { color:var(--signal); }
  .benefits-section .split-heading>p { color:#c5cec2; }
  .benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
  .benefit { padding:28px 24px; background:#182b22; border:1px solid #33473a; border-radius:12px; }
  .benefit>.icon { width:46px; height:46px; padding:11px; color:#141e17; background:var(--signal); border-radius:50%; }
  .benefit h3 { margin:22px 0 10px; font-size:20px; line-height:1.25; letter-spacing:-.025em; }
  .benefit p { margin:0; color:#bac4b9; font-size:14px; line-height:1.7; }
  .benefits-section :focus-visible { outline-color:var(--signal); }

  .report-points { display:grid; gap:10px; margin:0 0 26px; padding:0; list-style:none; font-size:15px; font-weight:600; }
  .report-points li { display:flex; align-items:center; gap:10px; }
  .report-points .icon { width:20px; height:20px; padding:3px; color:var(--signal); background:var(--green); border-radius:50%; flex:none; }
  .report-section .product-screenshot-link { max-height:560px; }
  .report-section .product-screenshot-link img { object-fit:cover; object-position:top; }

  @media(max-width:1100px) {
    .benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .showcase-grid { grid-template-columns:1fr; }
    .showcase-copy { max-width:640px; }
    .showcase-chips { left:16px; }
  }
  @media(max-width:950px) {
    .page-hero.has-shot .page-hero-layout,.page-hero.has-shot .page-hero-layout:has(.frame-phone) { grid-template-columns:1fr; gap:36px; }
    .page-hero.has-shot .page-hero-copy { padding-bottom:0; }
    .page-hero.has-shot { --overlap:64px; }
    .page-hero-shot .product-screenshot-phone { width:min(100%,280px); margin-inline:auto; }
    .page-hero.has-shot + .section { padding-top:calc(64px + 56px); }
  }
  @media(max-width:760px) {
    .hero-hello { font-size:15px; margin-bottom:14px; }
    .hero-copy .hero-description { font-size:17px; }
    .benefit-grid { grid-template-columns:1fr; gap:14px; }
    .benefit { display:grid; grid-template-columns:46px 1fr; gap:4px 18px; padding:22px 20px; }
    .benefit>.icon { grid-row:span 2; }
    .benefit h3 { margin:2px 0 4px; font-size:18px; }
    .showcase-visual { padding:0 14% 40px 0; }
    .showcase-visual .frame-phone { width:34%; }
    .showcase-visual { display:flex; flex-direction:column; }
    .showcase-chips { position:static; order:-1; margin-bottom:20px; }
    .showcase-chips li { padding:7px 12px; }
    .showcase-chips li>span[lang] { font-size:13px; }
    .showcase-chips li,.showcase-chips .chip-2,.showcase-chips .chip-3 { min-width:0; margin-left:0; }
    .frame-bar>span { transform:none; }
    .product-screenshot.frame-display .product-screenshot-link { border-width:7px; }
    .report-section .product-screenshot-link { max-height:420px; }
  }
  @media(prefers-reduced-motion:reduce) {
    .hero-hello>span { animation:none; }
    .js .hero-hello>span:first-child { opacity:1; }
    .showcase-chips li { animation:none; }
    .product-screenshot-link,.product-screenshot-link:hover { transition:none; transform:none; }
  }
}

/* Mobile polish: tidy number cards, compact flows, clear FAQ toggles and comfortable tap targets. */
@media screen {
  h1,h2 { text-wrap:balance; }
  .disclosure summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:44px; list-style:none; }
  .disclosure summary::-webkit-details-marker { display:none; }
  .disclosure summary::after { content:"+"; flex:none; display:grid; place-items:center; width:32px; height:32px; color:var(--green); border:1px solid #a9b8a6; border-radius:50%; font-size:19px; font-weight:500; line-height:1; transition:transform .2s var(--ease),background .2s; }
  .disclosure[open] summary::after { content:"−"; color:var(--on-dark); background:var(--green); border-color:var(--green); }
  .disclosure summary:hover::after { background:#d5dfce; }
  .disclosure[open] summary:hover::after { background:#142b20; }
  .report-notes .disclosure { margin-top:0; }
  .report-notes .disclosure + .disclosure { margin-top:0; border-top:0; }
  .disclosure p { margin-right:50px; }

  @media(max-width:760px) {
    /* Number cards instead of squeezed columns. */
    .facts .facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-block:24px; border:0; }
    .facts .facts-grid>div:nth-child(n) { flex-direction:column; align-items:flex-start; gap:6px; padding:16px 16px 18px!important; background:#f8f9f6; border:1px solid var(--line); border-radius:10px; }
    .facts .facts-grid strong { font-size:32px; }
    .facts .facts-grid span { max-width:none; font-size:13px; line-height:1.45; }

    .hero-copy .btn-row .btn { flex:1 1 auto; justify-content:space-between; }
    .hero-assurance { gap:10px 18px; font-size:13px; }
    .showcase-chips small { font-size:12px; }

    .platform-card { gap:14px; padding:22px; }
    .platform-card-top>.icon { width:30px; height:30px; }
    .platform-card h3 { margin:8px 0; font-size:24px; }
    .platform-card p { font-size:15px; line-height:1.65; }

    /* Flows read as a short vertical list on phones. */
    .flow { align-items:stretch; gap:4px; padding:18px 18px 20px; }
    .flow-node { display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:14px; align-items:center; text-align:left; }
    .flow-node .icon { grid-row:span 2; margin:0; }
    .flow-node h3 { margin:0; font-size:17px; line-height:1.3; }
    .flow-node p { margin:2px 0 0; font-size:13px; }
    .flow-arrow { align-self:flex-start; width:48px; margin:0; font-size:0; line-height:1; text-align:center; transform:none; }
    .flow-arrow::before { content:"↓"; font-size:18px; }

    .disclosure summary { font-size:16px; line-height:1.45; }
    .disclosure p { margin-right:0; }

    /* Larger hit areas without changing the visual rhythm. */
    .hero-breadcrumbs { display:flex; align-items:center; min-width:0; white-space:nowrap; }
    .hero-breadcrumbs .breadcrumb { flex:none; padding-block:12px; margin-block:-12px; }
    .page-hero .breadcrumb-current { min-width:0; overflow:hidden; text-overflow:ellipsis; }
    .product-screenshot figcaption a,.closing-console,.footer-bottom a { display:inline-block; padding-block:12px; margin-block:-12px; }
    .footer-top>div>a:not(.brand) { padding-block:11px; }
    .footer-policies a { display:inline-block; padding-block:6px; }
  }
  @media(max-width:480px) {
    :is(h1,h2) br:not(:has(+ span)) { display:none; }
    .page-hero .btn { width:100%; justify-content:space-between; }
    .closing-inner>div:last-child>.btn,.closing .brochure-manual { justify-content:space-between; }
  }
}

/* SEO layer: topic label inside each h1, the short answer under each hero, and plain-label headings. */
@media screen {
  h1 .h1-topic { line-height:1.4; text-wrap:wrap; }
  .footer-heading,.dialog-title { margin:0; font-weight:650; line-height:1.15; letter-spacing:-.03em; }
  .footer-top .footer-heading { letter-spacing:0; }
  .eyebrow { font-size:12px; }
  .answer-section { background:var(--paper); }
  .answer-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,80px); align-items:start; }
  .answer-heading h2 { font-size:clamp(28px,2.7vw,40px); }
  .answer-updated { margin:18px 0 0; color:var(--muted); font-size:13px; }
  .answer-body>p:first-child { margin:0; font-size:clamp(17px,1.35vw,19px); line-height:1.7; color:var(--ink); }
  .answer-points { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:12px; }
  .answer-points li { position:relative; padding:14px 16px 14px 44px; border:1px solid var(--line); border-radius:12px; background:#f7f8f5; line-height:1.55; }
  .answer-points li::before { content:"✓"; position:absolute; left:16px; top:14px; color:var(--green); font-weight:700; }
  .answer-next { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin:28px 0 0; padding-top:20px; border-top:1px solid var(--line); font-size:15px; }
  .answer-next span { color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
  .answer-next a { color:var(--green); font-weight:650; text-decoration:none; padding-block:10px; margin-block:-10px; }
  .answer-next a:hover { text-decoration:underline; }
  @media (min-width:761px) { .steps:has(> .step:nth-child(4):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  .use-case-split .section-heading .text-link { display:flex; width:fit-content; }
  .use-case-split .section-heading .text-link + .text-link { margin-top:14px; }
  span.product-screenshot-link { cursor:default; }
  .product-screenshot figcaption em { white-space:nowrap; }
  @media (min-width:1101px) { .engine-grid:has(> article:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); } }
  /* With JavaScript, "Features ⌄" is a single button that opens the menu; the link is the no-script fallback. */
  .js .nav-drop>.nav-platform-link { display:none; }
  .js .nav-drop-toggle { gap:6px; padding-inline:0 2px; color:var(--on-dark); font:inherit; font-size:14px; cursor:pointer; }
  .js .nav .nav-drop-toggle:hover,.js .nav-drop-toggle[aria-expanded=true] { color:var(--signal); }
  .nav-chevron { display:inline-flex; line-height:0; }
  .nav-chevron svg { display:block; }
  .js .nav-drop-toggle[data-current] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
  @media (max-width:760px) {
    .js .nav-drop-toggle { width:100%; flex:1; justify-content:space-between; padding:14px 0; font-size:16px; color:var(--ink); }
    .js .nav .nav-drop-toggle:hover,.js .nav-drop-toggle[aria-expanded=true] { color:var(--green); }
  }
  .answer-more { margin-top:30px; padding-top:26px; border-top:1px solid var(--line); }
  .answer-more h3 { font-size:clamp(20px,1.7vw,24px); margin:0 0 12px; }
  .answer-more p { margin:0; font-size:17px; line-height:1.7; color:var(--ink); }
  .page-hero-copy .btn + .btn { margin-left:12px; }
  .mobile-actions .btn { justify-content:space-between; }
  .footer-contact { display:inline-block; margin-top:14px; color:var(--on-dark); font-size:14px; font-weight:600; padding-block:10px; margin-block:4px -10px; }
  .footer-contact:hover { color:var(--signal); }
  .live-demo-heading .demo-title-text,.demo-transcripts .demo-label { margin:0; line-height:1.2; }
  .brand { padding-block:2px; }
  @media (max-width:760px) { .footer-top>div>a:not(.brand) { min-height:44px; display:flex; align-items:center; } }
  @media (max-width:760px) {
    .answer-grid { grid-template-columns:1fr; gap:18px; }
    .answer-updated { margin-top:12px; }
    .text-link { padding-block:12px; margin-block:-12px; }
  }
  @media (max-width:480px) {
    .page-hero-copy .btn + .btn { margin-left:0; margin-top:12px; }
    .answer-next { flex-direction:column; align-items:flex-start; }
  }
}

@media print {
  .platform-directory { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .platform-card { break-inside:avoid; color:#111; text-decoration:none; border:1px solid #bbb; padding:20px; }
  .platform-card-top { display:flex; justify-content:space-between; }
  .platform-card h3 { margin-block:15px; }
  .demo-heading-mark { display:none; }
}