/* Файл оформляет лендинг ANSA: landing.css из макета ANSA, пути ресурсов переведены на /assets. */
/* Composition of the public page. Shared UI tokens stay in ../ui/. */
.landing { text-rendering: optimizeLegibility; }
.landing .l-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.landing .l-skip { position: fixed; z-index: 100; top: -80px; left: 20px; padding: 12px 20px; background: var(--mts-surface); border-radius: 8px; }
.landing .l-skip:focus { top: 12px; }
.landing .l-hero { position: relative; height: 100svh; min-height: 680px; overflow: hidden; isolation: isolate; background: var(--mts-bg); }
.landing .l-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .7; z-index: -1; mask-image: linear-gradient(to bottom,#000 60%,transparent 97%); }
.landing .l-menubar { position: absolute; inset: 0 0 auto; height: 34px; display: flex; align-items: center; gap: 28px; padding: 0 24px; background: rgba(255,255,255,.07); backdrop-filter: blur(20px); font-size: 13px; line-height: 18px; z-index: 4; }
.landing .l-menubar a { text-decoration: none; }
.landing .l-brand { display: flex; align-items: center; gap: 12px; font-weight: 590; }
.landing .l-brand .mts-icon { width: 17px; height: 17px; }
.landing .l-menubar nav { display: flex; gap: 24px; }
.landing .l-menubar a:hover { color: white; }
.landing .l-cabinet { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.landing .l-cabinet .mts-icon { width: 14px; height: 14px; }
.landing .l-hero-copy { height: 100%; max-width: 1216px; margin: auto; padding: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; text-align: center; }
.landing .l-hero h1 { font-size: 80px; line-height: 1.1; font-weight: 590; letter-spacing: -.8px; }
.landing .l-cta { min-height: 56px; min-width: 208px; font-size: 16px; padding: 16px 20px; gap: 14px; position: relative; }
.landing .l-cta .mts-icon { width: 22px; height: 22px; }
.landing .l-cta-arrow { width: 16px !important; }
.landing .l-floating { position: absolute; top: 58px; right: 24px; width: 354px; padding: 16px; display: flex; gap: 12px; align-items: center; text-align: left; color: var(--mts-text); cursor: pointer; background: rgba(0,0,0,.72); font-size: 13px; line-height: 18px; }
.landing .l-floating > span:nth-child(2) { flex: 1; min-width: 0; display: grid; gap: 3px; }
.landing .l-float-meta { color: var(--mts-muted); font-size: 11px; }
.landing .l-floating strong { font-weight: 500; }
.landing .l-float-summary { color: #c4c6c9; font-size: 12px; }
.landing .l-app-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; background: linear-gradient(145deg,#716085,#262f42 60%,#17191b); box-shadow: inset 0 1px 2px #ffffff50,0 4px 12px #0007; color: #ead7a0; }
.landing .l-float-arrow { width: 14px; opacity: .55; }
.landing .l-floating:hover { background-color: rgba(15,16,18,.86); }
.landing .l-dock { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; gap: 16px; padding: 10px 16px 14px; border-radius: 20px; background: linear-gradient(180deg,#ffffff20,#ffffff0d); backdrop-filter: blur(20px); box-shadow: inset 0 1px 1px #ffffff24,0 8px 28px #0004; }
.landing .l-dock-button { display: grid; place-items: center; width: 44px; height: 44px; position: relative; border: 0; border-radius: 11px; color: white; cursor: pointer; box-shadow: inset 0 1px 2px #ffffff60,0 3px 5px #0005; transition: transform .18s; }
.landing .l-dock-button:hover { transform: translateY(-5px); }
.landing .l-dock-button .mts-icon { width: 27px; height: 27px; }
.landing .l-dock-phone { background: linear-gradient(145deg,#85b6fb,#1743a2); }
.landing .l-dock-chat { background: linear-gradient(145deg,#6b6743,#272921); color: #ffe7a5; }
.landing .l-dock-history { background: linear-gradient(145deg,#7e8184,#17181b); }
.landing .l-dock-settings { background: linear-gradient(145deg,#c7c8cd,#54565e); }
.landing .l-running { position: absolute; width: 3px; height: 3px; bottom: -9px; border-radius: 50%; background: #ffe7a5; }
@media(max-width:900px) { .landing .l-menubar nav { display:none; } }
@media(max-width:640px) { .landing .l-hero-copy { padding:80px 24px 120px; } .landing .l-hero h1 { font-size:48px; line-height:1.1; } .landing .l-floating { left:24px; right:24px; width:auto; } .landing .l-menubar { padding:0 18px; } .landing .l-cabinet { font-size:12px; } .landing .l-cabinet .mts-icon { display:none; } .landing .l-hero { min-height:700px; } }
.landing .l-features-inner { max-width:1216px; margin:auto; padding:0 64px; }
.landing .l-divider { height:1px; max-width:872px; margin:auto; background:linear-gradient(90deg,transparent,#ffffff14,transparent); }
.landing .l-features-head { display:flex; flex-direction:column; align-items:center; gap:16px; margin:200px 0 64px; text-align:center; }
.landing .l-features-head h2 { font-size:48px; line-height:48px; font-weight:500; letter-spacing:-.48px; }
.landing .l-features-head > p { color:#888c90; font-size:20px; line-height:24px; font-weight:500; letter-spacing:-.2px; }
.landing .l-product-frame { position:relative; max-width:872px; height:450px; margin:auto; overflow:hidden; border-radius:8px; border:.75px solid #ffffff14; background:#171a1b url('/assets/$landing/$assets/$product-light.webp') center/cover; box-shadow:0 12px 28px -8px #0007; }
.landing .l-product-window { position:absolute; top:56px; left:50%; transform:translateX(-50%); width:630px; min-height:528px; background:rgba(0,0,0,.90); overflow:hidden; mask-image:radial-gradient(94.43% 75% at 50% 5.57%,#000 47.88%,transparent 100%); }
.landing .l-window-header { display:flex; align-items:center; justify-content:space-between; height:72px; padding:0 24px; border-bottom:1px solid #ffffff1a; font-size:17px; font-weight:500; }
.landing .l-window-header > span:first-child { display:flex; align-items:center; gap:12px; }
.landing .l-count { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#ffffff13; color:#a7a9b1; }
.landing .l-agent-status { display:flex; align-items:center; gap:7px; font-size:12px; color:#a4dfb3; font-weight:400; }
.landing .l-window-content { padding:12px 24px 28px; }
.landing .l-call-row { display:flex; align-items:center; gap:12px; width:100%; padding:20px 0; color:var(--mts-text); background:none; border:0; text-align:left; cursor:pointer; border-bottom:1px solid #ffffff10; }
.landing .l-call-row:hover .l-call-copy strong { color:white; }
.landing .l-call-row > .mts-icon { width:14px; transform:rotate(-90deg); color:var(--mts-muted); }
.landing .l-call-copy { flex:1; min-width:0; display:grid; gap:4px; }
.landing .l-call-copy strong { font-size:14px; font-weight:500; }
.landing .l-call-copy > span { color:var(--mts-muted); font-size:12px; }
.landing .l-call-right { display:grid; gap:6px; text-align:right; font-size:11px; color:var(--mts-warning); }
.landing .l-call-right time { color:var(--mts-subtle); }
.landing .l-call-preview { padding:20px; margin:12px 0 0; border-radius:12px; background:linear-gradient(150deg,#ffffff0d,#ffffff03); box-shadow:inset 0 1px #ffffff0a; }
.landing .l-call-preview > p { font-size:16px; line-height:24px; }
.landing .l-preview-bottom { margin-top:20px; display:flex; align-items:center; justify-content:space-between; font-size:11px; color:var(--mts-muted); }
.landing .l-preview-bottom > span, .landing .l-preview-bottom button { display:flex; align-items:center; gap:7px; }
.landing .l-preview-bottom .mts-icon { width:13px; height:13px; }
.landing .l-preview-bottom button { padding:8px 0 8px 10px; color:#e1d4a5; font-size:12px; background:none; border:0; cursor:pointer; }
.landing .l-avatar-blue { color:var(--mts-blue); background:#9abfff16; }
.landing .l-avatar-warm { color:var(--mts-warm); background:#eec6a316; }
.landing .l-status-green { color:var(--mts-success); }
.landing .l-status-violet { color:var(--mts-violet); }
.landing .l-demo-caption { display:flex; flex-direction:column; align-items:center; gap:3px; margin-top:16px; font-size:11px; color:#888c90; }
.landing .l-text-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px; background:none; border:0; color:var(--mts-text); font-size:14px; cursor:pointer; }
.landing .l-text-button:hover { color:#fff; }
.landing .l-text-button .mts-icon { width:15px; height:15px; }
.landing .l-sub-features { max-width:872px; margin:64px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:48px; text-align:center; }
.landing .l-feature-icon { width:40px; height:40px; margin:0 auto 24px; color:#ffd45e; filter:drop-shadow(0 0 8px #f9d26420); stroke-width:1.5; }
.landing .l-sub-features h3,.landing .l-why h3 { font-size:17px; line-height:22px; font-weight:500; letter-spacing:-.17px; }
.landing .l-sub-features p,.landing .l-why-copy p { font-size:15px; line-height:20px; color:#888c90; letter-spacing:-.15px; margin:12px auto 0; max-width:260px; }
.landing .l-why-cards { display:flex; justify-content:center; gap:64px; margin-top:64px; }
.landing .l-why { position:relative; isolation:isolate; width:420px; height:480px; flex-shrink:0; display:flex; flex-direction:column; overflow:hidden; border-radius:8px; border:.75px solid #ffffff14; background:#171a1b; padding:40px 24px 24px; }
.landing .l-why:before { content:''; position:absolute; inset:-64px; background:center/cover; filter:blur(32px); z-index:-2; }
.landing .l-why:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#10111233,#101112 78%); z-index:-1; }
.landing .l-why-history:before { background-image:url('/assets/$landing/$assets/$activity-light.webp'); }
.landing .l-why-control:before { background-image:url('/assets/$landing/$assets/$privacy-light.webp'); }
.landing .l-why-copy { text-align:center; margin-top:auto; padding-top:16px; }
.landing .l-history-stage { position:relative; flex:1; }
.landing .l-mini-conversation { position:absolute; left:24px; top:0; width:420px; padding:20px 24px; border-radius:16px; background:#06090de3; box-shadow:inset 0 0 3px 1px #ffffff1f,0 8px 40px #0006; }
.landing .l-mini-conversation > div:first-child { display:flex; justify-content:space-between; font-size:12px; color:#a7a9b1; }
.landing .l-mini-conversation > p { margin-top:24px; max-width:310px; font-size:20px; line-height:28px; }
.landing .l-waveform { height:40px; margin:24px 0 16px; background:repeating-linear-gradient(90deg,#c3d5e870 0 2px,transparent 2px 6px); mask-image:radial-gradient(ellipse 60% 80% at 50% 50%,black,transparent); }
.landing .l-mini-result { display:flex; align-items:center; gap:8px; font-size:12px; color:#cad3df; }
.landing .l-mini-result .mts-icon { width:14px; height:14px; }
.landing .l-timeline { position:absolute; bottom:0; left:-24px; width:420px; display:flex; align-items:center; justify-content:space-around; padding:16px 0; border-top:1px solid #ffffff18; font-size:11px; color:#ffffff66; }
.landing .l-timeline span:nth-child(2) { border:1px solid #ffffff18; border-radius:6px; padding:4px 8px; }
.landing .l-chrome-stage { display:flex; align-items:center; justify-content:center; flex:1; position:relative; }
.landing .l-chrome-ball { width:192px; height:192px; display:grid; place-items:center; border-radius:50%; position:relative; border:4px solid transparent; transform:translateY(-22px); background:linear-gradient(180deg,#d9dfea,#8e939d 50%,#d9dfea) padding-box,linear-gradient(180deg,#fff,#777d8c 30%,#777d8c 70%,#bfc5d1) border-box; box-shadow:0 2px 8px -2px #0009; }
.landing .l-chrome-ball:before { content:''; position:absolute; inset:12px; border:1.5px solid #1a1a1a33; border-radius:50%; mix-blend-mode:overlay; }
.landing .l-chrome-screen { width:54px; height:89px; display:grid; place-items:center; border-radius:6px; background:linear-gradient(#000,#232328); box-shadow:0 0 0 3px #d1d4dd,0 2px 6px #0008; color:#dcc56c; }
.landing .l-chrome-screen .mts-icon { width:34px; height:44px; filter:drop-shadow(0 0 5px #e9d47b50); }
.landing .l-chrome-halo { position:absolute; width:270px; height:270px; margin-top:-44px; border-radius:50%; background:radial-gradient(circle,#ffdc7529,transparent 70%); }
.landing .l-faq { margin-top:120px; }
.landing .l-faq-inner { max-width:1000px; padding:0 64px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); gap:64px; align-items:start; }
.landing .l-faq h2 { font-size:32px; line-height:40px; font-weight:500; letter-spacing:-.32px; }
.landing .l-faq details { border:0; margin:0 -16px; border-radius:10px; transition:background .15s; }
.landing .l-faq details:hover { background:#ffffff0d; }
.landing .l-faq summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 16px; list-style:none; font-size:16px; font-weight:500; line-height:1.3; cursor:pointer; }
.landing .l-faq summary::-webkit-details-marker { display:none; }
.landing .l-faq summary .mts-icon { width:16px; height:16px; color:#888c90; transition:transform .2s; }
.landing .l-faq details[open] summary .mts-icon { transform:rotate(180deg); }
.landing .l-faq details > p { font-size:15px; line-height:22px; padding:0 16px 20px; color:#a7a9b1; }
.landing .l-footer { padding:120px 24px; text-align:center; color:#676c73; font-size:12px; }
.landing .l-footer-mark { display:grid; place-items:center; margin:0 auto 48px; width:96px; height:96px; border:1px solid #ffffff0d; border-radius:20px; color:#ffffff26; }
.landing .l-footer-mark .mts-icon { width:44px; height:44px; }
.landing .l-footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; font-size:14px; color:#878c92; }
.landing .l-footer-links a { text-decoration:none; }
.landing .l-footer-links a:hover { color:#fff; }
.landing .l-footer > p { margin-top:24px; }
.landing .l-dialog { width:min(720px,calc(100% - 40px)); max-height:calc(100svh - 48px); margin:auto; padding:0; border:1px solid #ffffff24; border-radius:24px; color:var(--mts-text); background:#181a1c; box-shadow:0 24px 120px #0009; }
.landing .l-dialog::backdrop { background:#070809c9; backdrop-filter:blur(12px); }
.landing .l-dialog-header { padding:24px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--mts-line); }
.landing .l-dialog-header h2 { font-size:26px; line-height:34px; font-weight:500; margin-top:6px; overflow-wrap:anywhere; }
.landing .l-dialog-summary { padding:24px; }
.landing .l-dialog-summary > p { margin-top:12px; font-size:16px; line-height:24px; }
.landing .l-demo-tabs { margin:0 24px 20px; }
.landing .l-voice-panel,.landing .l-chat-panel { padding:0 24px 24px; }
.landing #transcript { list-style:none; margin:0; padding:0; }
.landing #transcript li { padding:16px 0; border-top:1px solid var(--mts-line); }
.landing .l-speaker { display:flex; gap:12px; font-size:12px; color:var(--mts-muted); margin-bottom:6px; }
.landing .l-speaker time { color:var(--mts-subtle); font-variant-numeric:tabular-nums; }
.landing #transcript p { font-size:14px; line-height:22px; }
.landing .l-voice-actions { margin-top:20px; }
.landing .l-context-note { font-size:13px; line-height:20px; color:var(--mts-muted); padding:12px 16px; background:#ffffff04; border:1px solid var(--mts-line); border-radius:8px; }
.landing .l-chat-messages { display:grid; gap:12px; margin:20px 0; }
.landing .l-message { max-width:90%; padding:12px 16px; border-radius:12px; font-size:14px; line-height:22px; background:#ffffff06; overflow-wrap:anywhere; }
.landing .l-message--user { justify-self:end; background:#9abfff14; }
.landing .l-message > span { display:block; margin-bottom:4px; font-size:11px; color:var(--mts-muted); }
.landing #chat-form { display:flex; align-items:flex-end; gap:12px; }
.landing #chat-form .mts-field { flex:1; }
.landing #chat-form > button { flex:0 0 48px; padding:0; }
.landing .l-chat-note { margin-top:12px; font-size:11px; }
.landing.l-modal-open { overflow:hidden; }
@media(max-width:1100px) { .landing .l-why-cards { gap:32px; } .landing .l-why { width:calc((100% - 32px)/2); } }
@media(max-width:900px) { .landing .l-why-cards { flex-direction:column; gap:40px; max-width:872px; margin:56px auto 0; } .landing .l-why { width:100%; } .landing .l-faq { margin-top:80px; } .landing .l-faq-inner { grid-template-columns:1fr; gap:32px; } .landing .l-mini-conversation { left:50%; transform:translateX(-50%); } .landing .l-timeline { left:50%; transform:translateX(-50%); } }
@media(max-width:768px) { .landing .l-features-inner { padding:0 32px; } .landing .l-features-head { margin-top:120px; margin-bottom:48px; } .landing .l-features-head h2 { font-size:40px; } .landing .l-product-window { width:calc(100% - 64px); } .landing .l-faq-inner { padding:0 32px; } .landing .l-sub-features { gap:32px; } }
@media(max-width:640px) { .landing .l-sub-features { grid-template-columns:1fr; gap:48px; margin-top:64px; } .landing .l-product-window { top:32px; width:calc(100% - 32px); } .landing .l-window-header { padding:0 16px; height:60px; font-size:15px; } .landing .l-agent-status { font-size:10px; gap:5px; } .landing .l-window-content { padding:8px 16px 20px; } .landing .l-call-row { flex-wrap:wrap; gap:8px 12px; } .landing .l-call-right { margin-left:52px; text-align:left; display:flex; flex-direction:row-reverse; gap:12px; width:100%; } .landing .l-call-row > .mts-icon { display:none; } .landing .l-call-preview { padding:16px; } .landing .l-call-preview p { font-size:14px; line-height:22px; } .landing .l-preview-bottom { align-items:flex-start; gap:6px; flex-direction:column; margin-top:12px; } .landing .l-preview-bottom button { min-height:36px; padding-left:0; } .landing .l-product-frame { height:450px; } .landing .l-product-window { mask-image:linear-gradient(black 72%,transparent 98%); } .landing .l-count { width:22px; height:22px; font-size:12px; } .landing .l-window-header > span:first-child { gap:8px; } .landing .l-product-window .l-call-row:not(:first-child) { display:none; } .landing .l-mini-conversation { left:16px; transform:none; width:420px; } .landing .l-why { padding-inline:24px; } .landing .l-voice-actions .mts-button { white-space:normal; text-align:left; } }
@media(max-width:480px) { .landing .l-features-inner,.landing .l-faq-inner { padding:0 24px; } .landing .l-features-head { margin-top:80px; } .landing .l-features-head h2 { font-size:32px; line-height:36px; letter-spacing:-.32px; } .landing .l-features-head > p { font-size:16px; line-height:20px; } .landing .l-product-frame { height:390px; } .landing .l-product-window { border-radius:20px; } .landing .l-call-copy strong { font-size:13px; } .landing .l-call-copy > span { font-size:11px; } .landing .l-dialog { width:calc(100% - 24px); max-height:calc(100svh - 24px); border-radius:18px; } .landing .l-dialog-header,.landing .l-dialog-summary { padding:20px; } .landing .l-demo-tabs { margin-inline:20px; } .landing .l-voice-panel,.landing .l-chat-panel { padding:0 20px 20px; } .landing .l-dialog-header h2 { font-size:22px; line-height:28px; } .landing .l-message { max-width:95%; } .landing #chat-form { gap:8px; } .landing .l-footer { padding:100px 24px 80px; } }
.landing .l-hero h1 > span { display:block; white-space:nowrap; }
@media(max-width:640px) { .landing .l-hero h1 { font-size:clamp(34px,12.3077vw,48px); letter-spacing:-1.5px; } }
/* Reveal the illustrated list during keyboard focus so every focused row is visible. */
.landing .l-product-frame:focus-within { overflow:visible; z-index:2; }
.landing .l-product-window:focus-within { mask-image:none; }
/* Keep keyboard navigation inside the product illustration readable: the focused row is scrolled into view inside the clipped frame, without a browser scrollbar. */
.landing .l-product-frame:focus-within { overflow:hidden; }
/* Demo dialog: the header stays above the scrolling body, its bottom line reaches the dialog edge; the body scrolls with the project scrollbar. */
.landing .l-dialog { overflow:hidden; }
.landing .l-dialog[open] { display:flex; flex-direction:column; }
.landing .l-dialog-header { flex:none; position:relative; z-index:3; background:rgba(24,26,28,.97); }
.landing .l-dialog > .scroll-shell { flex:1 1 auto; min-height:0; }
.landing .l-dialog-body { overflow:auto; min-height:0; }
/* FAQ rows extend 16px past the column; on narrow screens keep them out of the page scrollbar place at the right edge. */
@media(max-width:480px) { .landing .l-faq-inner { padding-right:max(24px,calc(16px + var(--scroll-page-gutter,0px))); } }
@media(max-width:640px) { .landing .l-mini-conversation > p { max-width:230px; font-size:18px; line-height:25px; } }
/* Match the reference's compact mobile product illustration; the full demo opens below. */
.landing .l-product-window { top:calc(56px * var(--app-scale,1)); transform:translateX(-50%) scale(var(--app-scale,1)); transform-origin:top center; }
@media(max-width:768px) { .landing .l-product-window { width:630px; } }
@media(max-width:640px) {
 .landing .l-product-frame { height:auto; aspect-ratio:872/450; }
 .landing .l-product-window { width:630px; border-radius:24px; mask-image:radial-gradient(94.43% 75% at 50% 5.57%,#000 47.88%,transparent 100%); }
 .landing .l-window-header { padding:0 24px; height:72px; font-size:17px; }
 .landing .l-agent-status { font-size:12px; gap:7px; }
 .landing .l-window-content { padding:12px 24px 28px; }
 .landing .l-call-row { flex-wrap:nowrap; gap:12px; }
 .landing .l-call-row > .mts-icon { display:block; }
 .landing .l-call-right { margin-left:0; display:grid; gap:6px; width:auto; text-align:right; }
 .landing .l-call-copy strong { font-size:14px; }
 .landing .l-call-copy > span { font-size:12px; }
 .landing .l-call-preview { padding:20px; }
 .landing .l-call-preview p { font-size:16px; line-height:24px; }
 .landing .l-preview-bottom { flex-direction:row; align-items:center; margin-top:20px; }
 .landing .l-preview-bottom button { padding:8px 0 8px 10px; min-height:0; }
 .landing .l-count { width:28px; height:28px; font-size:17px; }
 .landing .l-window-header > span:first-child { gap:12px; }
 .landing .l-product-window .l-call-row:not(:first-child) { display:flex; }
}

/* Content additions: product capabilities and practical situations. */
.landing .l-hero-description { max-width:460px; color:#dddfe1; font-size:17px; line-height:25px; font-weight:400; text-wrap:balance; }
.landing .l-content-section { scroll-margin-top:48px; }
.landing .l-content-wrap { max-width:1000px; padding:0 64px; margin:0 auto; }
.landing .l-capabilities { padding-top:112px; }
.landing .l-content-heading { text-align:center; margin-bottom:60px; }
.landing .l-section-label { display:block; font-size:11px; color:var(--mts-muted); margin-bottom:24px; }
.landing .l-content-heading h2 { font-size:48px; line-height:1.08; letter-spacing:-.48px; font-weight:500; }
.landing .l-content-heading > p { font-size:17px; line-height:26px; color:var(--mts-muted); margin-top:24px; }
.landing .l-capability-layout { display:grid; grid-template-columns:310px minmax(0,1fr); gap:48px; align-items:start; }
.landing .l-capability-list { display:grid; gap:4px; }
.landing .l-capability { display:flex; align-items:flex-start; gap:12px; padding:20px 12px; width:100%; border:0; border-bottom:1px solid var(--mts-line); background:transparent; color:var(--mts-muted); text-align:left; cursor:pointer; font:inherit; border-radius:0; transition:background .18s,color .18s; }
.landing .l-capability-number { font-size:10px; color:var(--mts-subtle); line-height:22px; padding-top:1px; }
.landing .l-capability > span:nth-child(2) { flex:1; min-width:0; }
.landing .l-capability strong { font-size:16px; line-height:22px; display:block; font-weight:500; }
.landing .l-capability > span:nth-child(2) > span { display:block; font-size:13px; line-height:20px; color:var(--mts-subtle); margin-top:7px; }
.landing .l-capability > .mts-icon { width:14px; height:14px; margin-top:5px; opacity:0; flex-shrink:0; }
.landing .l-capability:hover { color:var(--mts-text); background:#ffffff03; }
.landing .l-capability[aria-pressed="true"] { color:var(--mts-text); border-bottom-color:var(--mts-line-strong); }
.landing .l-capability[aria-pressed="true"] > .mts-icon { opacity:1; }
.landing .l-capability[aria-pressed="true"] .l-capability-number { color:var(--mts-warm); }
.landing .l-capability-example { min-width:0; padding-top:2px; }
.landing .l-conversation-window { background:rgba(0,0,0,.90); overflow:hidden; }
.landing .l-conversation-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; border-bottom:1px solid var(--mts-line); font-size:11px; }
.landing .l-conversation-header > span:first-child { display:flex; align-items:center; gap:10px; font-weight:500; }
.landing .l-conversation-header .mts-icon { width:16px; height:16px; color:var(--mts-muted); }
.landing .l-conversation-header > span:last-child { color:var(--mts-subtle); font-size:10px; }
.landing .l-conversation-body { padding:24px; min-height:349px; }
.landing .l-conversation-reply { padding:0 0 22px; }
.landing .l-conversation-reply > span { display:block; color:var(--mts-subtle); font-size:11px; margin-bottom:8px; }
.landing .l-conversation-reply > p { font-size:15px; line-height:24px; }
.landing .l-caller-reply { padding:15px 17px; border-radius:12px; background:#ffffff07; margin-bottom:22px; }
.landing .l-conversation-outcome { border-top:1px solid var(--mts-line); padding-top:19px; }
.landing .l-outcome-label { color:var(--mts-subtle); font-size:10px; }
.landing .l-conversation-outcome p { font-size:13px; line-height:21px; margin:9px 0 12px; }
.landing .l-example-note { text-align:center; color:var(--mts-subtle); font-size:11px; line-height:18px; margin-top:17px; }
.landing .l-capability-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 0; margin-top:42px; border-top:1px solid var(--mts-line); }
.landing .l-capability-bottom > p { color:var(--mts-muted); font-size:13px; line-height:21px; }
.landing .l-capability-bottom .l-text-button { font-size:12px; padding-right:0; flex-shrink:0; }
.landing .l-features-head { margin-top:120px; }
.landing .l-situations { padding-top:128px; }
.landing .l-situations-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:64px; }
.landing .l-situations-heading h2 { font-size:44px; line-height:1.1; letter-spacing:-.44px; font-weight:500; }
.landing .l-situations-heading > p { color:var(--mts-muted); font-size:15px; line-height:23px; max-width:280px; margin-top:22px; }
.landing .l-situations-heading > a { padding-left:0; font-size:12px; margin-top:22px; }
.landing .l-situation { border-bottom:1px solid var(--mts-line); }
.landing .l-situation:first-child { border-top:1px solid var(--mts-line); }
.landing .l-situation summary { display:flex; align-items:center; gap:18px; padding:24px 0; list-style:none; cursor:pointer; font-size:17px; line-height:24px; font-weight:500; }
.landing .l-situation summary::-webkit-details-marker { display:none; }
.landing .l-situation-index { color:var(--mts-subtle); font-size:10px; font-weight:400; }
.landing .l-situation summary > .mts-icon { width:16px; height:16px; margin-left:auto; color:var(--mts-muted); flex-shrink:0; }
.landing .l-situation[open] summary > .mts-icon { transform:rotate(180deg); }
.landing .l-situation-body { padding:0 0 24px 32px; }
.landing .l-situation-body > p { color:var(--mts-muted); font-size:14px; line-height:23px; }
.landing .l-situation blockquote { margin:22px 0; padding-left:16px; border-left:1px solid var(--mts-line-strong); font-size:17px; line-height:26px; }
.landing .l-situation-next > span { color:var(--mts-subtle); font-size:10px; }
.landing .l-situation-next > p { font-size:13px; line-height:21px; margin-top:6px; }
.landing .l-situation-body .l-text-button { padding-left:0; font-size:12px; margin-top:16px; }
.landing .l-situations-note { color:var(--mts-subtle); font-size:11px; line-height:18px; border-top:1px solid var(--mts-line); padding-top:24px; margin-top:40px; }
@media(max-width:1000px) { .landing .l-menubar .l-nav-extra { display:none; } .landing .l-capability-layout { grid-template-columns:280px minmax(0,1fr); gap:28px; } .landing .l-situations-layout { grid-template-columns:250px minmax(0,1fr); gap:40px; } .landing .l-situations-heading h2 { font-size:38px; } }
@media(max-width:768px) { .landing .l-content-wrap { padding:0 32px; } .landing .l-capability-layout { grid-template-columns:1fr; gap:32px; } .landing .l-content-heading h2 { font-size:40px; } .landing .l-capabilities { padding-top:88px; } .landing .l-capability-list { grid-template-columns:1fr 1fr; gap:0 24px; } .landing .l-conversation-body { min-height:0; } .landing .l-situations-layout { grid-template-columns:1fr; gap:32px; } .landing .l-situations-heading > p { max-width:460px; } .landing .l-situations-heading h2 br:last-child { display:none; } .landing .l-situations { padding-top:88px; } }
@media(max-width:480px) { .landing .l-hero-description { font-size:15px; line-height:22px; max-width:300px; } .landing .l-content-wrap { padding:0 24px; } .landing .l-capabilities { padding-top:72px; } .landing .l-content-heading { text-align:left; margin-bottom:32px; } .landing .l-content-heading h2 { font-size:32px; line-height:36px; } .landing .l-content-heading > p { font-size:15px; line-height:23px; margin-top:18px; } .landing .l-content-heading > p br { display:none; } .landing .l-section-label { margin-bottom:18px; font-size:10px; } .landing .l-capability-list { grid-template-columns:1fr; } .landing .l-capability { padding:16px 0; } .landing .l-capability strong { font-size:15px; } .landing .l-capability > span:nth-child(2) > span { font-size:12px; } .landing .l-conversation-header { padding:16px; flex-wrap:wrap; gap:8px; } .landing .l-conversation-body { padding:20px 16px; } .landing .l-conversation-reply > p { font-size:14px; line-height:23px; } .landing .l-capability-bottom { flex-direction:column; align-items:flex-start; gap:12px; margin-top:30px; } .landing .l-situations { padding-top:80px; } .landing .l-situations-heading h2 { font-size:32px; line-height:36px; } .landing .l-situations-heading > p { font-size:14px; line-height:22px; } .landing .l-situation summary { font-size:15px; gap:12px; padding:20px 0; } .landing .l-situation-body { padding-left:24px; } .landing .l-situation-body > p { font-size:13px; line-height:22px; } .landing .l-situation blockquote { font-size:16px; line-height:24px; } .landing .l-features-head { margin-top:80px; } }
/* ANSA: editorial metrics and compact subscriptions. */
.ansa-logo{display:block;width:108px;height:36px;object-fit:contain;flex-shrink:0}
.landing .l-footer-logo{display:block;width:180px;height:60px;object-fit:contain;margin:0 auto 32px}
.landing .l-metrics,.landing .l-pricing{padding-top:128px}
.landing .l-metrics-window{overflow:hidden;background:rgba(0,0,0,.6)}
.landing .l-metrics-toolbar{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--mts-line);font-size:12px}
.landing .l-metrics-toolbar span:last-child{color:var(--mts-subtle);font-size:11px}
.landing .l-metrics-body{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;padding:40px}
.landing .l-savings .l-section-label{margin-bottom:10px}
.landing .l-savings strong{font-size:76px;font-weight:500;letter-spacing:-3px;line-height:1}
.landing .l-savings div>span{font-size:15px;color:var(--mts-muted)}
.landing .l-savings>p{font-size:13px;color:var(--mts-muted);margin-top:14px}
.landing .l-volume-label{display:flex;justify-content:space-between;font-size:12px;margin:36px 0 16px}
.landing #call-volume{width:100%;accent-color:#ee292c;cursor:pointer;display:block}
.landing .l-range-limits{display:flex;justify-content:space-between;margin-top:8px}
.landing .l-range-limits>span{font-size:10px;color:var(--mts-subtle)}
.landing .l-chart{padding-top:16px;min-width:0}
.landing .l-chart-row{margin-bottom:28px}
.landing .l-chart-row>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px}
.landing .l-chart-row strong{font-weight:500}
.landing .l-chart-track{height:32px;border-radius:6px;background:#ffffff06;overflow:hidden;display:flex}
.landing .l-chart-track>span{display:block;height:100%;transition:width .18s}
.landing .l-bar-manual{background:#aaa9a7}
.landing .l-bar-human,.landing .l-legend-human{background:#e93236}
.landing .l-bar-review,.landing .l-legend-review{background:#efbdab}
.landing .l-chart-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--mts-muted)}
.landing .l-chart-legend span{display:flex;align-items:center;gap:6px}
.landing .l-chart-legend i{width:7px;height:7px;border-radius:2px}
.landing .l-chart>p{font-size:12px;line-height:20px;color:var(--mts-subtle);margin-top:24px}
.landing .l-assumptions{border-top:1px solid var(--mts-line);padding:18px 24px;font-size:12px}
.landing .l-assumptions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--mts-muted)}
.landing .l-assumptions summary::-webkit-details-marker{display:none}
.landing .l-assumptions .mts-icon{width:14px;height:14px}
.landing .l-assumptions[open] .mts-icon{transform:rotate(180deg)}
.landing .l-assumptions p{margin-top:16px;color:var(--mts-subtle);line-height:21px}
.landing .l-market-results{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:48px}
.landing .l-market-results>div{border-top:1px solid var(--mts-line);padding-top:24px}
.landing .l-market-results strong{font-size:40px;font-weight:500;letter-spacing:-1px}
.landing .l-market-results strong span{font-size:13px;color:var(--mts-muted);letter-spacing:0}
.landing .l-market-results p{font-size:13px;line-height:21px;color:var(--mts-muted);margin:12px 0}
.landing .l-market-results a{font-size:11px;color:var(--mts-subtle);text-underline-offset:4px}
.landing .l-section-note{color:var(--mts-subtle);font-size:11px;line-height:19px;margin-top:24px}
.landing .l-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.landing .l-plan{padding:28px 24px;border:1px solid var(--mts-line);border-radius:16px;display:flex;flex-direction:column;min-width:0;background:#ffffff02}
.landing .l-plan-pro{background:linear-gradient(180deg,#ffffff0c,#ffffff03);border-color:var(--mts-line-strong)}
.landing .l-plan-tag{color:var(--mts-subtle);font-size:10px;line-height:18px;min-height:36px}
.landing .l-plan h3{font-size:24px;font-weight:500;margin:12px 0 26px}
.landing .l-plan-price{font-size:38px;letter-spacing:-1px;white-space:nowrap}
.landing .l-plan-price span{font-size:10px;letter-spacing:0;color:var(--mts-subtle)}
.landing .l-plan-minutes{font-size:14px;margin-top:12px}
.landing .l-plan ul{list-style:none;padding:22px 0 28px;margin-top:24px;border-top:1px solid var(--mts-line);display:grid;gap:14px;flex:1}
.landing .l-plan li{font-size:12px;line-height:19px;color:var(--mts-muted)}
.landing .l-plan .mts-button{font-size:12px;justify-content:space-between;width:100%}
@media(max-width:768px){.landing .l-metrics,.landing .l-pricing{padding-top:88px}.landing .l-metrics-body{gap:32px;padding:28px}.landing .l-plan-grid{grid-template-columns:1fr}.landing .l-plan{padding:28px}.landing .l-plan-tag{min-height:0}.landing .l-plan h3{margin:12px 0 18px}.landing .l-plan .mts-button{max-width:100%}.landing .l-market-results{gap:32px}}
@media(max-width:480px){.landing .l-metrics-body{grid-template-columns:1fr;padding:24px;gap:24px}.landing .l-savings strong{font-size:64px}.landing .l-metrics-toolbar{padding:16px;font-size:11px}.landing .l-market-results{grid-template-columns:1fr;gap:24px;margin-top:32px}.landing .l-assumptions{padding:16px}.landing .l-chart{padding-top:0}.landing .l-chart>p{margin-top:16px}.landing .l-plan-grid{gap:12px}}
/* Persistent navigation, industry marquee and conversion path. */
.landing .l-menubar{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:72px;padding:0 32px;gap:24px;border-bottom:1px solid var(--mts-line);background:linear-gradient(100deg,#30191dee,#151315f5);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:20}
.landing .l-menubar .l-desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:0;font-size:16px;line-height:24px}
.landing .l-desktop-nav a{padding-block:12px;white-space:nowrap}
.landing .l-header-actions{display:flex;align-items:center;gap:20px;margin-left:0;justify-self:end}
.landing .l-cabinet{color:#ff5558;font-weight:500;font-size:15px}
.landing .l-menubar .l-cabinet:hover{color:#ff8284}
.landing .l-menu-toggle,.landing .l-menu-close{display:grid;place-items:center;width:44px;height:44px;padding:11px;background:transparent;border:1px solid var(--mts-line);border-radius:10px;color:var(--mts-text);cursor:pointer}
.landing .l-menu-toggle:hover,.landing .l-menu-close:hover{background:#ffffff0a}
.landing .l-site-menu{position:fixed;inset:84px 24px auto auto;margin:0;padding:0;width:420px;max-width:calc(100% - 32px);max-height:calc(100svh - 100px);overflow:hidden;border:1px solid var(--mts-line-strong);border-radius:20px;color:var(--mts-text);background:rgba(20,21,23,.98);box-shadow:0 24px 80px #0008;-webkit-backdrop-filter:none;backdrop-filter:none}
.landing .l-site-menu::backdrop{background:#0005;backdrop-filter:blur(4px)}
/* Menu: the inner block scrolls; padding on the scrollbar side is reduced by the reserved scrollbar place so the menu keeps its spacing. */
.landing .l-site-menu[open]{display:flex;flex-direction:column}
.landing .l-site-menu>.scroll-shell{flex:1 1 auto;min-height:0}
.landing .l-menu-body{overflow:auto;min-height:0;padding:28px max(0px,calc(28px - var(--scroll-width))) max(0px,calc(28px - var(--scroll-width))) 28px}
.landing.l-menu-open{overflow:hidden}
.landing .l-menu-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;font-size:22px;line-height:30px;color:var(--mts-text);padding-bottom:20px;border-bottom:1px solid var(--mts-line)}
.landing #site-menu-title{grid-column:2;text-align:center;font-weight:500}
.landing .l-menu-close{grid-column:3;grid-row:1}
.landing .l-site-menu nav{display:grid;padding:12px 0 20px}
.landing .l-site-menu nav a{display:block;padding:14px 0;text-decoration:none;font-size:20px;line-height:28px}
.landing .l-site-menu nav a:hover{color:#ff5558}
.landing .l-site-menu>.mts-button{width:100%;font-size:16px;justify-content:space-between}
.landing .l-content-section,.landing .l-features,.landing .l-faq{scroll-margin-top:88px}
.landing .l-hero-copy{padding-bottom:180px;padding-top:100px}
.landing .l-industries{position:absolute;bottom:40px;left:0;right:0;max-width:1216px;margin:auto;padding:20px 64px;display:flex;align-items:center;gap:24px;overflow:hidden}
.landing .l-industries-label{display:block;flex:0 0 140px;font-size:13px;line-height:20px;color:var(--mts-muted);letter-spacing:.2px}
.landing .l-industry-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.landing .l-industry-track{display:flex;width:max-content;animation:industry-scroll 44s linear infinite !important;animation-play-state:paused !important}
.landing .l-hero.is-animating .l-industry-track{animation-play-state:running !important}
.landing .l-industry-group{display:flex;gap:48px;padding-right:48px;flex-shrink:0}
.landing .l-industry{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:16px;color:#c2c4c8}
.landing .l-industry .mts-icon{width:18px;height:18px;color:#8e9096}
@keyframes industry-scroll{to{transform:translateX(-50%)}}
.landing .l-capability-bottom>.mts-button{flex-shrink:0;font-size:13px;gap:12px}
.landing .l-plan-pro{position:relative;border-color:#ee393d90;background:linear-gradient(180deg,#ee292c0b,#ffffff04);box-shadow:0 0 0 1px #ee292c18,0 12px 56px #ee292c0a}
.landing .l-pro-label{display:block;color:#ff7275;font-weight:500}
.landing .l-plan-pro>.mts-button{background:#e52b30;color:#fff;border-color:#fa565a70;box-shadow:inset 0 1px 1px #ffffff24}
.landing .l-plan-pro>.mts-button:hover{background:#f0363b}
@media(max-width:1000px){.landing .l-menubar .l-desktop-nav{display:none}.landing .l-menubar{padding:0 24px}}
@media(max-width:1100px){.landing .l-menubar{grid-template-columns:minmax(0,1fr) auto}.landing .l-menubar .l-desktop-nav{display:none}}
@media(max-width:640px){.landing .l-menubar{padding:0 18px;height:60px}.landing .l-header-actions{gap:14px}.landing .l-hero-copy{padding:100px 24px 180px}.landing .l-cta{font-size:14px;min-width:0;gap:10px}.landing .l-cta .mts-icon{width:18px;height:18px}.landing .l-industries{bottom:28px;padding:16px 24px;gap:12px}.landing .l-industries-label{flex-basis:96px;font-size:11px;line-height:17px}.landing .l-industry{font-size:14px}.landing .l-industry-group{gap:32px;padding-right:32px}.landing .l-site-menu{inset:72px 16px auto auto}.landing .l-capability-bottom>.mts-button{font-size:12px}}
@media(max-width:640px){.landing .l-site-menu{max-height:calc(100svh - 88px)}.landing .l-menu-body{padding:20px max(0px,calc(20px - var(--scroll-width))) max(0px,calc(20px - var(--scroll-width))) 20px}.landing .l-site-menu>.mts-button{font-size:14px;padding-inline:14px}}