/* СЭ—01. A field-radio inspired treatment, scoped to the public homepage. */
.landing-page {
  --paper: #eeede5;
  --paper-light: #f8f7ef;
  --paper-shade: #e1e1d6;
  --ink: #30372b;
  --muted: #656957;
  --rule: #c6c7b6;
  --accent: #46543a;
  --accent-hover: #2f3b28;
  --accent-soft: #dce1d0;
  --sky: #d7ddca;
  --sky-soft: #e2e6d8;
  --terracotta: #a65c34;
  --font-editorial: "Golos Text", Arial, sans-serif;
  --font-instrument: "PT Mono", "Courier New", monospace;
  background-image: none;
}
.landing-page :is(h1, h2, h3, h4) { font-family: var(--font-sans); font-weight: 500; }
.landing-page ::selection { color: #fff9e5; background: #566144; }
.landing-page :is(a, button, summary, input, select):focus-visible { outline: 3px solid #a35a28; outline-offset: 5px; }
.landing-page .eyebrow { font-family: var(--font-instrument); font-size: 11px; letter-spacing: .1em; }
.landing-page .public-topbar.landing-topbar {
  min-height: 86px;
  padding-block: 16px;
  background: #eeede5f5;
  border-bottom: 1px solid #b6b9a6;
  box-shadow: 0 2px 0 #fff9;
}
.landing-page .landing-brand { gap: 12px; }
.landing-page .landing-brand .logo {
  width: 39px;
  height: 42px;
  border: 1px solid #394430;
  border-radius: 3px;
  color: #f0efde;
  background: linear-gradient(145deg, #647053, #3c4831);
  box-shadow: inset 0 1px 1px #ffffff45, 0 2px 2px #2e382626;
}
.landing-page .landing-brand b { font-family: var(--font-sans); font-size: 21px; font-weight: 600; letter-spacing: -.045em; }
.landing-page .landing-brand small { margin-top: 5px; font-size: 10px; letter-spacing: .025em; }
.landing-page .landing-nav > a,
.landing-page .landing-solutions-menu > summary { font-size: 12px; }
.landing-page .btn {
  border: 1px solid #929681;
  border-radius: 3px;
  background: linear-gradient(#f6f5ed, #e4e4d9);
  box-shadow: inset 0 1px #fff9, inset 0 -2px #b9bbaa80, 0 2px 2px #3d472414;
  transition: background .18s, transform .18s, box-shadow .18s;
}
.landing-page .btn:hover { background: linear-gradient(#fffef3, #e5e8d8); border-color: #636e52; }
.landing-page .btn:active { transform: translateY(1px); box-shadow: inset 0 2px 3px #30372620; }
.landing-page .btn-primary {
  color: #f8f5e3;
  border-color: #34412d;
  background: linear-gradient(#61724d, #46543a);
  box-shadow: inset 0 1px #ffffff35, inset 0 -2px #26331eb3, 0 3px 4px #2e382626;
}
.landing-page .btn-primary:hover { background: linear-gradient(#6d7d59, #475c38); border-color: #34412d; }
.landing-page .landing-login-button { border-color: transparent; box-shadow: none; background: transparent; }
.landing-page .landing-hero { padding-top: 0; padding-bottom: 64px; }
.radio-edition-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--rule);
  font: 10px/1.6 var(--font-instrument);
  letter-spacing: .1em;
  color: var(--muted);
}
.radio-edition-line > span:first-child::before { content: "+"; color: #9c5d39; margin-right: 12px; }
.radio-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 54px; padding: 46px 0 38px; }
.landing-page .landing-hero-copy { max-width: none; margin: 0; text-align: left; }
.landing-page .landing-proof-kicker { color: #61704d; font: 10px/1.6 var(--font-instrument); letter-spacing: .085em; }
.landing-page .landing-proof-kicker::before { content: ""; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: #a56b32; box-shadow: 0 0 0 3px #a56b321a; }
.landing-page .landing-hero h1 { max-width: 600px; margin: 22px 0 0; font-size: clamp(36px, 4.05vw, 55px); line-height: 1.1; letter-spacing: -.055em; font-weight: 500; text-wrap: initial; }
.landing-page .landing-hero h1 span { display: block; }
.landing-page .landing-hero h1 span + span { margin-top: 8px; color: #69745a; }
.landing-page .landing-hero-copy > p { max-width: 490px; margin: 24px 0 0; color: #656957; font-size: 14px; line-height: 1.8; }
.landing-page .landing-hero-actions { justify-content: flex-start; gap: 10px; margin-top: 26px; }
.landing-page .landing-hero-actions .btn { min-height: 46px; padding: 12px 16px; font-size: 12px; }
.landing-page .landing-hero-actions > a:last-child { border-color: transparent; background: none; box-shadow: none; padding-inline: 0; margin-left: 4px; text-decoration: underline; text-underline-offset: 5px; }
.landing-page .landing-hero-copy > .landing-hero-free { max-width: 430px; margin-top: 15px; font-size: 11px; line-height: 1.7; }
.landing-page .landing-hero-examples { justify-content: flex-start; max-width: 420px; margin-top: 19px; font-size: 12px; line-height: 1.65; color: #4a593e; }
.landing-page .landing-voice-demo-link { display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; min-height: 44px; margin-top: 18px; padding: 12px 14px; border: 1px solid var(--rule); border-radius: 3px; background: var(--accent-soft); color: var(--accent); text-decoration: none; }
.landing-page .landing-voice-demo-link:hover { border-color: var(--accent); background: #d2dac4; }
.landing-page .landing-voice-demo-link > svg { flex-shrink: 0; }
.landing-page .landing-voice-demo-link > span { display: grid; gap: 3px; min-width: 0; }
.landing-page .landing-voice-demo-link b { font-size: 14px; line-height: 1.4; }
.landing-page .landing-voice-demo-link small { color: #4a593e; font-size: 12px; line-height: 1.5; }
.radio-language-bar { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 28px; padding: 19px 0; border-block: 1px solid var(--rule); }
.landing-page .landing-hero-languages { width: auto; margin: 0; justify-content: flex-start; text-align: left; color: var(--muted); font: 11px/1.8 var(--font-instrument); }
.landing-page .landing-hero-languages a { color: var(--accent); }
.landing-page .landing-hero-long-recordings { width: auto; justify-content: flex-end; margin: 0; font-size: 11px; }
.landing-page .landing-result-catalogue { border: 0; margin-top: 32px; padding-top: 0; }
.landing-page .landing-result-heading { align-items: center; margin-bottom: 24px; }
.landing-page .landing-result-heading h2 { max-width: 580px; font-size: 27px; letter-spacing: -.045em; font-weight: 500; }
.landing-page .landing-result-heading > span { font: 10px var(--font-instrument); text-transform: uppercase; }
.landing-page .landing-result-demo {
  overflow: hidden;
  border: 1px solid #aeb29d;
  border-radius: 5px;
  background: #f8f7ee;
  box-shadow: 0 3px 0 #b9bcac, 0 7px 16px #373f2610;
}
.landing-page .landing-result-demo figcaption { padding: 13px 18px; color: #434d39; background: #d7ddca; border-bottom: 1px solid #b8bea9; }
.landing-page .landing-result-demo figcaption > span:first-child { font: 10px/1.6 var(--font-instrument); }
.landing-page .b-success { color: #485a35; background: #e7ecd9; }
.landing-page .landing-report-pane { border-left-color: #d3d4c4; }
.landing-page .landing-report-pane h3 { font-size: 21px; }
.landing-page .landing-catalogue-label b { font-size: 19px; font-weight: 500; }
.landing-page .landing-catalogue-label small { font-size: 12px; }
.landing-page .landing-catalogue-number { font: 11px/2 var(--font-instrument); color: #7a6642; }
.landing-page .landing-result-index > a { gap: 12px; border-bottom-color: #bbbfa9; }
.landing-page .landing-catalogue-note { font: 10px/1.8 var(--font-instrument); }
.landing-page .landing-section { padding-block: 65px; }
.landing-page .landing-section-head h2,
.landing-page .landing-capabilities-head h2,
.landing-page .landing-teams-layout h2,
.landing-page .landing-api h2,
.landing-page .landing-tts h2,
.landing-page .landing-auth h2 { font-size: clamp(28px, 3.3vw, 40px); font-weight: 500; line-height: 1.15; letter-spacing: -.045em; }
.landing-page .landing-cis-languages > article::before { font: 11px/2 var(--font-instrument); }
.landing-page .landing-cis-languages h3 { font-weight: 500; font-size: 24px; }
.landing-page .landing-cis-languages > article { border-color: #b8bca8; }
.landing-page .landing-mode-grid { gap: 16px; }
.landing-page .landing-mode-grid > article { padding: 24px 20px; border: 1px solid #bdc1ad; border-top: 3px solid #7d8964; background: linear-gradient(135deg, #f7f6eb, #e6e7da); box-shadow: inset 0 1px #fff, 0 2px 2px #414b2912; border-radius: 3px; }
.landing-page .landing-mode-grid h4 { font-size: 22px; }
.landing-page .landing-teams {
  --ink: #f0efde; --text: #f0efde; --muted: #d1d6c1; --text-2: #d1d6c1; --text-3: #d1d6c1;
  --rule: #80866c; --accent: #e3d5a7; --accent-soft: #657154;
  position: relative;
  border: 1px solid #373e2f;
  border-radius: 5px;
  background: repeating-linear-gradient(0deg, #ffffff02 0, #ffffff02 1px, transparent 1px, transparent 3px), linear-gradient(115deg, #576248, #424b38 70%);
  box-shadow: inset 0 2px #ffffff26, inset 0 -3px #252e2780, 0 9px 20px #29351d18;
}
.landing-page .landing-teams::before,
.landing-page .landing-teams::after { content: "⊖"; position: absolute; top: 13px; color: #bac0a8; font: 17px var(--font-instrument); text-shadow: 0 1px #192214; }
.landing-page .landing-teams::before { left: 14px; }
.landing-page .landing-teams::after { right: 14px; }
.landing-page .landing-teams .eyebrow { color: #e3d5a7; }
.landing-page .landing-teams .landing-team-guide-link { color: #f0e4c5; }
.landing-page .landing-teams .btn { color: #303b29; }
.landing-page .landing-teams .btn-primary { background: linear-gradient(#e9d3a1, #cab079); border-color: #b5a073; color: #303726; }
.landing-page .landing-team-facts article { border-color: #80866c; }
.landing-page .landing-team-facts b { font-weight: 500; font-size: 20px; }
.landing-page .landing-pricing-cta { border-color: #afb79b; background: #dfe5d2; }
.landing-page .landing-output-tabs button { font-size: 20px; }
.landing-page .landing-output-tabs button[aria-selected="true"] { border-color: #899571; background: #d8dec9; box-shadow: inset 3px 0 #617549; }
.landing-page .landing-output-panel { border-color: #b7bca5; background: #f8f7ee; }
.landing-page .landing-output-mini-grid article { border-top-color: #82916b; }
.landing-page .landing-api-code { background: #293326; border: 4px solid #59634b; border-radius: 5px; box-shadow: inset 0 2px 12px #0008, 0 3px 0 #313b27; }
.landing-page .landing-api-code > div b { color: #ded1aa; }
.landing-page .landing-api-code > div span { color: #efe8c8; background: #566349; }
.landing-page .landing-signin { background: #dedfd1; border-top: 1px solid #b6bba6; }
.landing-page .landing-signin-prelude img { filter: sepia(1) saturate(.3); }
.landing-page .public-login-card { border: 1px solid #a5ad94; border-top: 4px solid #6a7953; border-radius: 4px; background: #f6f5ec; box-shadow: 0 5px 14px #3342230d; }
.landing-page .auth-mode-tabs .active { background: #d9e0ca; }
/* The radio is drawn in CSS and SVG, so the controls remain real, responsive UI. */
.radio-console { position: relative; min-width: 0; width: 100%; max-width: 590px; margin-inline: auto; padding: 0 13px; color: #edeedc; }
.radio-chassis {
  position: relative; isolation: isolate; padding: 29px 27px 20px;
  border: 2px solid #343b2b; border-radius: 12px;
  background: repeating-linear-gradient(3deg, #ffffff02 0, #ffffff02 1px, #00000002 1px, #00000002 3px), linear-gradient(115deg, #6a7456, #565f45 37%, #4b553e 88%);
  box-shadow: inset 0 2px 1px #c0c6a961, inset 2px 0 2px #939d7877, inset -3px -5px 2px #252e218a, 0 5px 0 #353e2d, 0 8px 0 #282f22, 0 22px 35px -14px #25331b70;
}
.radio-chassis::before { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: inherit; opacity: .15; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.radio-handle { position: absolute; z-index: 2; top: 100px; bottom: 91px; width: 20px; border: 1px solid #252c23; border-radius: 7px; background: linear-gradient(90deg, #262d25 0%, #737b66 25%, #939886 38%, #454e3c 55%, #242c22 100%); box-shadow: inset 0 2px 2px #cad0b755, 2px 4px 4px #18201755; }
.radio-handle-left { left: 0; }
.radio-handle-right { right: 0; }
.radio-handle::before, .radio-handle::after { content: ""; position: absolute; left: -3px; right: -3px; height: 24px; border: 1px solid #303a26; border-radius: 4px; background: linear-gradient(#687259, #3e4932); box-shadow: inset 0 1px #959e8277, 0 2px 2px #27331e66; }
.radio-handle::before { top: -10px; }
.radio-handle::after { bottom: -10px; }
.radio-screw { position: absolute; width: 10px; height: 10px; border: 1px solid #272e23; border-radius: 50%; background: linear-gradient(130deg, #b7b9a8, #777e69 50%, #404b35); box-shadow: inset 0 1px #d5d5c333, 0 1px 1px #1d281b; }
.radio-screw::after { content: ""; position: absolute; width: 7px; height: 1px; top: 4px; left: 1px; background: #30372a; transform: rotate(-35deg); box-shadow: 0 1px #a8ae9666; }
.radio-screw-tl { top: 11px; left: 11px; }.radio-screw-tr { top: 11px; right: 11px; }.radio-screw-bl { bottom: 11px; left: 11px; }.radio-screw-br { bottom: 11px; right: 11px; }
.radio-screw-tr::after, .radio-screw-bl::after { transform: rotate(27deg); }
.radio-nameplate { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.radio-nameplate-brand { display: grid; gap: 5px; }
.radio-brand { color: #f1edce; font: 600 22px/1.1 var(--font-sans); letter-spacing: -.04em; text-shadow: 0 1px #252f23; }
.radio-nameplate-caption { color: #d5d8bd; font: 8px/1.6 var(--font-instrument); letter-spacing: .25em; }
.radio-model { padding: 7px 10px; border: 1px solid #99a087; border-radius: 2px; color: #e7e6cf; font: 16px/1.2 var(--font-instrument); letter-spacing: .06em; box-shadow: inset 0 1px #2b382955, 0 1px #a9b18d40; }
.radio-screen-bezel { padding: 8px; border: 1px solid #333a2d; border-radius: 7px; background: linear-gradient(140deg, #343c2f, #292e26); box-shadow: inset 0 2px 3px #161c1580, 0 1px 0 #a2aa8b80; }
.radio-screen { position: relative; overflow: hidden; min-height: 220px; padding: 14px 17px 11px; border: 1px solid #181f14; border-radius: 3px; color: #d9c78b; background: radial-gradient(ellipse at 52% 38%, #464b29 0, #323822 48%, #23291c 100%); box-shadow: inset 0 2px 12px #0009; text-shadow: 0 0 8px #e9c87a25; transition: filter .3s, background .3s; }
.radio-screen::after { content: ""; pointer-events: none; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, #13180f26 2px, #13180f26 3px), linear-gradient(120deg, #ffef9f08, transparent 55%); }
.radio-screen-topline { display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 8px/1.6 var(--font-instrument); letter-spacing: .08em; }
.radio-demo-label { padding: 3px 5px; border: 1px solid #cdbd793d; border-radius: 2px; color: #e0ca8e; }
.radio-channel { color: #b3b48a; white-space: nowrap; }
.radio-screen-content { padding-top: 20px; min-height: 113px; }
.radio-source { display: block; color: #b9b184; font: 8px/1.5 var(--font-instrument); letter-spacing: .055em; }
.landing-page .radio-screen-heading { margin: 9px 0 8px; color: #e6d39d; font: 500 20px/1.25 var(--font-sans); letter-spacing: -.035em; text-wrap: initial; }
.landing-page .radio-screen-text { margin: 0; max-width: 370px; color: #c8c49a; font: 10px/1.8 var(--font-instrument); }
.radio-waveform { display: block; width: 100%; height: 43px; margin-top: 13px; }
.radio-wave-grid { stroke: #acb477; stroke-width: .5; opacity: .15; }
.radio-wave-line { stroke: #dcc077; stroke-width: 1.4; filter: drop-shadow(0 0 3px #dbb95688); }
.radio-screen-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 5px; color: #b9b58a; font: 8px/1.8 var(--font-instrument); }
.radio-screen-indicator { color: #c7c66f; }
.radio-tuning-scale { position: relative; height: 42px; margin: 16px 8px 20px; border-bottom: 1px solid #d0d1b654; }
.radio-scale-labels { display: flex; justify-content: space-between; margin-inline: 6%; color: #e1dfc5; font: 9px/1 var(--font-instrument); }
.radio-scale-ticks { display: flex; justify-content: space-between; align-items: flex-end; height: 20px; margin: 6px 8% 0; }
.radio-scale-ticks i { display: block; width: 1px; height: 6px; background: #cad0b2a3; }
.radio-scale-ticks .radio-tick-major { height: 13px; background: #e9e7cb; }
.radio-tuning-marker { position: absolute; bottom: -2px; width: 2px; height: 20px; background: #e8b26c; box-shadow: 0 0 5px #e3a35745; transition: left .3s ease; }
.radio-tuning-marker::before { content: ""; position: absolute; top: -7px; left: -3px; border-top: 5px solid #e8b26c; border-inline: 4px solid transparent; }
.radio-controls { display: grid; grid-template-columns: 96px minmax(0, 1fr) 60px; align-items: start; gap: 18px; }
.radio-control-caption { display: block; margin-bottom: 14px; color: #e0e0c9; font: 8px/1.4 var(--font-instrument); letter-spacing: .08em; white-space: nowrap; }
.radio-knob-group, .radio-power-group { display: flex; flex-direction: column; align-items: center; }
.radio-knob { width: 79px; height: 79px; padding: 5px; border: 1px solid #22281e; border-radius: 50%; background: repeating-conic-gradient(#1c201b 0deg 4deg, #485040 4deg 7deg, #252c23 7deg 10deg); box-shadow: 0 4px 0 #22291f, 1px 7px 9px #16211188, inset 0 1px 2px #a7ad9380; cursor: pointer; }
.radio-knob-grip { position: relative; display: block; width: 100%; height: 100%; border: 1px solid #171d16; border-radius: 50%; background: radial-gradient(ellipse at 35% 22%, #5e6754, #363e30 48%, #21291e 95%); box-shadow: inset 0 1px 2px #9aa0887d, inset 0 -2px 2px #161c1480; transform: rotate(var(--radio-angle)); transition: transform .3s ease; }
.radio-knob-pointer { position: absolute; top: 7px; left: calc(50% - 2px); width: 4px; height: 20px; border-radius: 1px; background: linear-gradient(90deg, #bfbba2, #e7e3c9, #d1ccb2); box-shadow: 0 1px 2px #0008; }
.radio-knob-hint { margin-top: 11px; color: #c5c9b0; font: 8px/1.5 var(--font-instrument); }
.radio-mode-group { min-width: 0; }
.radio-mode-group .radio-control-caption { margin-bottom: 8px; }
.landing-page .radio-mode-button { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 32px; padding: 6px 7px; margin-top: 5px; border: 1px solid #303b28; border-radius: 3px; color: #d7dcc5; background: linear-gradient(#5c674d, #4a553e); box-shadow: inset 0 1px #bac5a126, 0 2px 1px #2d3825b3; font: 10px/1.4 var(--font-sans); text-align: left; cursor: pointer; }
.landing-page .radio-mode-button:hover { color: #fff7df; background: linear-gradient(#6d775d, #566547); }
.landing-page .radio-mode-button[aria-pressed="true"] { color: #f3e0ad; border-color: #333d2d; background: linear-gradient(#3e4933, #47533b); box-shadow: inset 0 2px 3px #202c1b99, 0 1px #94a47944; }
.radio-mode-led { flex: 0 0 5px; height: 5px; border-radius: 50%; background: #25301f; box-shadow: 0 1px #c3cfaa33; }
.radio-mode-button[aria-pressed="true"] .radio-mode-led { background: #e4bb6e; box-shadow: 0 0 5px #ddab6380; }
.radio-mode-code { margin-left: auto; opacity: .6; font: 8px var(--font-instrument); }
.radio-power-group .radio-control-caption { margin-bottom: 9px; }
.radio-power-on-label, .radio-power-off-label { color: #d3d7be; font: 8px/1.4 var(--font-instrument); }
.radio-power-switch { position: relative; display: grid; place-items: center; width: 52px; height: 56px; margin: 3px 0; padding: 0; border: 0; border-radius: 4px; background: transparent; cursor: pointer; }
.radio-switch-base { position: relative; display: block; width: 32px; height: 32px; border: 1px solid #4a5144; border-radius: 50%; background: conic-gradient(from 15deg, #a1a694, #dddcc7 15%, #717967 30%, #c3c5ad 50%, #626c5c 70%, #c4c7b4 88%, #a1a694); box-shadow: 0 2px 2px #1f2b1c99, inset 0 0 0 4px #b3b6a24d; }
.radio-switch-base::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: #232c21; box-shadow: inset 0 2px 3px #0009; }
.radio-switch-lever { position: absolute; width: 12px; height: 32px; top: -11px; left: 9px; transform-origin: 50% 85%; border: 1px solid #6b7264; border-radius: 5px 5px 3px 3px; background: linear-gradient(90deg, #818978, #e1e1cc 30%, #d4d7c4 46%, #afb5a2 65%, #697761); box-shadow: 2px 4px 3px #1e291a7d, inset 0 2px 1px #f6f3da; transition: transform .25s, top .25s; }
.radio-power-switch[aria-checked="false"] .radio-switch-lever { top: 10px; transform: rotate(180deg); box-shadow: -2px -3px 3px #1e291a7d; }
.radio-bottom-plate { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 21px; padding: 14px 0 0; border-top: 1px solid #2b382979; box-shadow: inset 0 1px #acb79830; }
.radio-status { display: flex; align-items: center; gap: 8px; color: #d7dcc1; font: 8px/1.6 var(--font-instrument); }
.radio-pilot-light { width: 7px; height: 7px; border: 1px solid #4c592c; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #e0e9ac, #9dae60 45%, #5c763c); box-shadow: 0 0 8px #ccda7966, 0 1px 2px #203114; }
.radio-vents { display: flex; gap: 5px; }
.radio-vents i { display: block; width: 4px; height: 16px; border-radius: 2px; background: #2c3926; box-shadow: inset 0 1px 2px #15200f, 1px 0 #8f9c7859; }
.radio-example-link { display: block; width: fit-content; margin: 22px auto 0; color: #566349; font: 10px/1.8 var(--font-instrument); text-decoration: underline; text-underline-offset: 4px; }
.radio-example-link span { margin-left: 7px; }
.radio-console.is-off .radio-screen { background: #262e22; color: #b2b59f; text-shadow: none; }
.radio-console.is-off .radio-screen :is(h3, p, span) { color: #a7af98; }
.radio-console.is-off .radio-wave-line { stroke: #7e8b6c; filter: none; }
.radio-console.is-off .radio-pilot-light,
.radio-console.is-off .radio-mode-led { background: #303c24; box-shadow: inset 0 1px 2px #111a0a; }
.radio-console button:disabled { cursor: not-allowed; opacity: .65; }
.landing-page .radio-console :is(button, a):focus-visible { outline-color: #e2b467; }
@media (max-width: 1100px) and (min-width: 901px) {
  .radio-chassis { padding: 27px 18px 20px; }
  .radio-controls { grid-template-columns: 76px minmax(0, 1fr) 48px; gap: 11px; }
  .radio-knob { width: 66px; height: 66px; }
  .landing-page .radio-mode-button { font-size: 9px; gap: 5px; }
  .radio-mode-code { display: none; }
  .radio-brand { font-size: 20px; }
  .radio-screen { padding-inline: 12px; }
}
@media (max-width: 600px) {
  .radio-console { max-width: 470px; padding-inline: 10px; }
  .radio-chassis { padding: 27px 17px 20px; border-radius: 9px; }
  .radio-handle { width: 15px; top: 100px; bottom: 96px; }
  .radio-nameplate { gap: 10px; margin-bottom: 18px; }
  .radio-brand { font-size: 20px; }
  .radio-nameplate-caption { font-size: 7px; letter-spacing: .17em; }
  .radio-model { padding: 6px; font-size: 13px; }
  .radio-screen-bezel { padding: 6px; }
  .radio-screen { padding: 12px 12px 10px; min-height: 230px; }
  .radio-screen-topline { font-size: 7px; gap: 6px; }
  .radio-screen-content { min-height: 125px; padding-top: 18px; }
  .landing-page .radio-screen-heading { font-size: 19px; }
  .landing-page .radio-screen-text { font-size: 9px; }
  .radio-source { font-size: 7px; }
  .radio-screen-footer { font-size: 7px; }
  .radio-tuning-scale { margin-inline: 3px; }
  .radio-controls { grid-template-columns: 70px minmax(0, 1fr) 45px; gap: 8px; }
  .radio-control-caption { font-size: 7px; letter-spacing: .04em; }
  .radio-knob { width: 65px; height: 65px; }
  .radio-knob-pointer { height: 17px; top: 5px; }
  .landing-page .radio-mode-button { min-height: 34px; padding-inline: 6px; font-size: 9px; gap: 5px; }
  .radio-mode-code { display: none; }
  .radio-status { font-size: 7px; }
  .radio-vents { gap: 4px; }
  .radio-vents i { height: 13px; width: 3px; }
  .radio-example-link { font-size: 9px; }
}
@media (max-width: 359px) {
  .radio-chassis { padding-inline: 12px; }
  .radio-brand { font-size: 18px; }
  .radio-controls { grid-template-columns: 58px minmax(0, 1fr) 40px; gap: 6px; }
  .radio-knob { width: 55px; height: 55px; }
  .landing-page .radio-mode-button { font-size: 8px; padding-inline: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .radio-screen, .radio-knob-grip, .radio-tuning-marker, .radio-switch-lever { transition: none; }
}
@media (min-width: 1440px) { .radio-hero-layout { gap: 64px; padding-top: 54px; padding-bottom: 44px; } }
@media (max-width: 1100px) {
  .radio-hero-layout { gap: 28px; }
  .landing-page .landing-hero h1 { font-size: 38px; }
  .landing-page .landing-hero-actions { gap: 8px; }
  .landing-page .landing-hero-actions .btn { font-size: 11px; padding-inline: 12px; }
}
@media (max-width: 900px) {
  .radio-hero-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-top: 36px; }
  .landing-page .landing-hero-copy { max-width: 680px; }
  .landing-page .landing-hero h1 { max-width: 680px; font-size: 47px; }
  .landing-page .landing-hero-copy > p { max-width: 640px; }
  .radio-language-bar { grid-template-columns: 1fr; gap: 12px; }
  .landing-page .landing-hero-long-recordings { justify-content: flex-start; }
  .landing-page .landing-hero-actions .btn { font-size: 13px; }
}
@media (max-width: 600px) {
  .landing-page .public-topbar.landing-topbar { min-height: 75px; padding: 14px 20px; }
  .landing-page .landing-hero { padding: 0 20px 42px; }
  .radio-edition-line { font-size: 8px; gap: 16px; padding-block: 15px; }
  .radio-edition-line > span:last-child { max-width: 138px; text-align: right; }
  .radio-edition-line > span:first-child::before { margin-right: 6px; }
  .radio-hero-layout { padding-top: 29px; gap: 28px; }
  .landing-page .landing-proof-kicker { font-size: 9px; letter-spacing: .01em; }
  .landing-page .landing-hero h1 { margin-top: 18px; font-size: clamp(32px, 8.5vw, 47px); line-height: 1.13; letter-spacing: -.05em; }
  .landing-page .landing-hero-copy > p { font-size: 13px; line-height: 1.75; margin-top: 20px; }
  .landing-page .landing-hero-actions { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .landing-page .landing-hero-actions .btn { font-size: 13px; min-height: 46px; }
  .landing-page .landing-hero-actions > a:last-child { margin: 0; min-height: 40px; }
  .landing-page .landing-hero-copy > .landing-hero-free { font-size: 10px; margin-top: 9px; }
  .landing-page .landing-hero-examples { margin-top: 14px; font-size: 11px; }
  .landing-page .landing-hero-languages { font-size: 10px; }
  .landing-page .landing-hero-long-recordings { font-size: 10px; }
  .landing-page .landing-result-heading { display: block; }
  .landing-page .landing-result-heading h2 { font-size: 26px; margin-bottom: 12px; }
  .landing-page .landing-result-heading > span { font-size: 9px; }
  .landing-page .landing-result-demo figcaption { flex-wrap: wrap; gap: 8px; padding: 12px; }
  .landing-page .landing-result-demo figcaption > span:first-child { font-size: 9px; }
  .landing-page .landing-section { padding: 44px 20px; }
  .landing-page .landing-section-head h2,
  .landing-page .landing-capabilities-head h2,
  .landing-page .landing-teams-layout h2 { font-size: 29px; }
  .landing-page .landing-mode-grid { gap: 16px; }
  .landing-page .landing-teams { border-radius: 0; }
}
@media (prefers-reduced-motion: reduce) { .landing-page .btn { transition: none; } }

/* Quiet SaaS surfaces keep the instrument as the one expressive visual anchor. */
.landing-page .btn { background: #f5f5ed; box-shadow: 0 1px 2px #28351d15; }
.landing-page .btn:hover { background: #e4e8d9; }
.landing-page .btn-primary { background: #4d5f3c; box-shadow: inset 0 1px #ffffff20, 0 2px 3px #293a2120; }
.landing-page .btn-primary:hover { background: #3e5130; }
.landing-page .landing-login-button { background: transparent; box-shadow: none; }
.landing-page .landing-nav > a,
.landing-page .landing-solutions-menu > summary { font-size: 13px; }
.landing-page .landing-hero-copy > p { font-size: 16px; line-height: 1.75; }
.landing-page .landing-hero-actions .btn { font-size: 13px; }
.landing-page .landing-hero-copy > .landing-hero-free { font-size: 12px; }
.landing-page .landing-hero-examples { font-size: 12px; }
.landing-page .landing-teams::before, .landing-page .landing-teams::after { content: none; }
.landing-page .landing-teams { background: linear-gradient(110deg, #536147, #414d36); box-shadow: inset 0 1px #fff3; border-radius: 6px; }
.landing-page .landing-teams .btn-primary { background: #e4d7b0; }
.landing-page .landing-teams :is(h2, h3, b) { color: #f0efde; }
.landing-page .landing-hero .radio-console .radio-screen-text { font: 12px/1.75 var(--font-instrument); color: #d1ccab; }
.landing-page .radio-mode-button { font-size: 11px; color: #eef0df; }
.radio-source { font-size: 9px; color: #ccc39b; }
.radio-screen-footer { font-size: 9px; }
.radio-screen { min-height: 230px; }
.radio-chassis::before { opacity: .09; }
.radio-control-caption { font-size: 9px; }
.landing-page .radio-console a:focus-visible { outline-color: #46543a; }
.radio-example-link { font-size: 12px; }
.radio-section-heading { max-width: 760px; margin-bottom: 32px; }
.landing-page .radio-section-heading h2 { margin: 14px 0 18px; font-size: clamp(30px, 3vw, 40px); font-weight: 500; line-height: 1.15; letter-spacing: -.045em; }
.landing-page .radio-section-heading > p { color: var(--muted); font-size: 15px; line-height: 1.7; }
.radio-benefits { border-top: 1px solid var(--rule); }
.radio-benefits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.landing-page .radio-benefit-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid #c1c5b2; border-radius: 4px; background: linear-gradient(125deg, #faf9f2, #edeee4); box-shadow: inset 0 1px #fff, 0 2px 2px #3c4b2410; }
.radio-benefit-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; font: 10px/1.7 var(--font-instrument); color: #6b755b; letter-spacing: .04em; }
.radio-benefit-meta > span:first-child { padding: 3px 6px; border: 1px solid #bec5ab; border-radius: 2px; color: #5d6e46; }
.radio-benefit-visual { width: 128px; height: 56px; margin: 27px 0 22px; color: #768c59; }
.landing-page .radio-benefit-card h3 { margin: 0 0 14px; font-size: 23px; line-height: 1.25; letter-spacing: -.035em; }
.landing-page .radio-benefit-card p { margin: 0 0 24px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.radio-text-link { margin-top: auto; font-size: 12px; color: #495d37; }
.radio-text-link span { margin-left: 8px; }
.radio-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.radio-workflow { border-top: 1px solid var(--rule); }
.radio-workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; padding: 0; margin: 36px 0 26px; list-style: none; }
.radio-workflow-step { position: relative; border-top: 1px solid #b9c0a8; padding-top: 22px; }
.radio-workflow-step::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; background: #788b5b; border-radius: 50%; box-shadow: 0 0 0 4px var(--paper); }
.radio-step-number { display: inline-block; color: #7a8a65; font: 12px/1.5 var(--font-instrument); }
.landing-page .radio-workflow-step h3 { margin: 16px 0 12px; font-size: 22px; letter-spacing: -.035em; }
.landing-page .radio-workflow-step p { color: var(--muted); font-size: 14px; line-height: 1.7; }
.landing-page .radio-workflow-note { color: var(--muted); font: 11px/1.8 var(--font-instrument); }
.radio-workflow-note a { text-decoration: underline; text-underline-offset: 3px; }
.radio-final-mark { display: grid; place-items: center; width: 80px; height: 48px; border: 1px solid #929d7f; border-radius: 3px; color: #50623c; font: 14px var(--font-instrument); letter-spacing: .04em; }
.landing-page .landing-solution-card { border-radius: 4px; border-color: #bdc5af; }
@media (max-width: 1100px) {
  .landing-page .landing-hero h1 { font-size: 39px; }
  .radio-benefits-grid { gap: 14px; }
  .landing-page .radio-benefit-card { padding: 20px; }
}
@media (max-width: 900px) {
  .landing-page .landing-hero h1 { font-size: 48px; }
  .radio-benefits-grid { grid-template-columns: 1fr; }
  .landing-page .radio-benefit-card { position: relative; padding-left: 162px; min-height: 244px; }
  .radio-benefit-visual { position: absolute; left: 20px; top: 60px; width: 115px; }
  .radio-benefit-meta { margin-bottom: 20px; }
  .radio-workflow-grid { gap: 24px; }
}
@media (max-width: 600px) {
  .landing-page .landing-hero h1 { font-size: clamp(34px, 8.7vw, 46px); }
  .landing-page .landing-hero-copy > p { font-size: 14px; }
  .landing-page .landing-hero-copy > .landing-hero-free { font-size: 11px; }
  .radio-tuning-scale { height: 34px; margin: 14px 3px 18px; }
  .radio-scale-ticks { height: 13px; }
  .radio-screen-topline { font-size: 8px; }
  .radio-source { font-size: 8px; }
  .landing-page .landing-hero .radio-console .radio-screen-text { font-size: 11px; }
  .radio-screen-footer { font-size: 8px; }
  .radio-control-caption { font-size: 8px; letter-spacing: 0; }
  .landing-page .radio-mode-button { font-size: 10px; min-height: 38px; }
  .radio-knob-hint { font-size: 9px; }
  .radio-status { font-size: 9px; }
  .radio-example-link { font-size: 12px; }
  .landing-page .radio-benefit-card { padding: 22px; }
  .radio-benefit-visual { position: static; width: 128px; margin-block: 2px 20px; }
  .radio-workflow-grid { grid-template-columns: 1fr; gap: 24px; }
  .radio-section-heading { margin-bottom: 24px; }
  .landing-page .radio-section-heading h2 { font-size: 29px; }
  .landing-page .radio-workflow-note { font-size: 10px; }
}