/* Dicta Titanium. A quiet, glass and light interface for the Windows app. */
body.landing {
  --bg-primary: #050609;
  --bg-secondary: #0c0e13;
  --bg-card: #101218;
  --bg-card-hover: #161921;
  --bg-highlight: #121923;
  --text-primary: #f5f5f7;
  --text-secondary: #a1a5b0;
  --text-muted: #858b99;
  --accent: #9dc5ff;
  --accent-hover: #c5deff;
  --accent-glow: rgba(86,147,255,.12);
  --border: rgba(255,255,255,.1);
  --border-light: rgba(255,255,255,.18);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: var(--font-sans);
  --container: 1120px;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-sans);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  color-scheme: dark;
}
.landing .container { width: 100%; max-width: var(--container); padding-inline: 32px; }
.landing main { overflow: clip; }
.landing section { scroll-margin-top: 90px; }
.landing svg { display: block; width: 20px; height: 20px; flex-shrink: 0; }
.landing a, .landing button { -webkit-tap-highlight-color: transparent; }
.landing button, .landing input { font: inherit; }
.landing :focus-visible { outline: 3px solid #a6ccff; outline-offset: 5px; }
.landing .skip-link { position: fixed; top: 12px; left: 16px; z-index: 500; padding: 12px 20px; border-radius: 30px; color: #050609; background: #fff; transform: translateY(-180%); }
.landing .skip-link:focus { transform: none; }
.landing .btn { min-height: 48px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; border-radius: 999px; padding: 13px 23px; font-size: .85rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; white-space: normal; transition: background .2s, border-color .2s, transform .2s; }
.landing .btn--sm { min-height: 38px; padding: 9px 17px; font-size: .75rem; }
.landing .btn--primary { background: #f5f5f7; border: 1px solid #f5f5f7; color: #111318; box-shadow: none; }
.landing .btn--primary:hover { background: #fff; border-color: #fff; color: #111318; box-shadow: 0 0 28px rgba(200,220,255,.12); transform: translateY(-1px); }
.landing .btn--outline { background: rgba(255,255,255,.025); border: 1px solid var(--border-light); color: #eef0f7; }
.landing .btn--outline:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.35); }
.landing .btn--ghost { color: #b7bbc6; background: transparent; }
.landing .btn--ghost:hover { color: #fff; background: rgba(255,255,255,.045); }
.landing .btn--full { width: 100%; }
.landing .header { position: sticky; top: 0; z-index: 100; background: rgba(5,6,9,.8); backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); border-bottom: 1px solid rgba(255,255,255,.07); }
.landing .nav { height: 68px; gap: 28px; }
.landing .nav__logo { gap: 9px; flex-shrink: 0; }
.landing .nav__logo-img { width: 27px; height: 27px; border-radius: 8px; }
.landing .nav__logo-text { font: 700 1.25rem var(--font-sans); letter-spacing: -.06em; color: #f5f5f7; }
.landing .nav__logo-text em { font-family: inherit; font-style: normal; color: inherit; }
.landing .nav__links { gap: 25px; }
.landing .nav__links a { color: #a1a5b0; font-size: .74rem; font-weight: 500; }
.landing .nav__links a:hover { color: #fff; }
.landing .nav__actions { gap: 10px; margin-left: auto; }
.landing .lang-toggle { min-height: 44px; padding: 6px; background: transparent; border: 0; color: #a1a5b0; font-size: .68rem; }
.landing .nav__user { gap: 8px; align-items: center; }
.landing .nav__email { max-width: 120px; color: #a1a5b0; font-size: .7rem; }
.landing .nav__hamburger { min-width: 40px; min-height: 44px; flex-direction: column; gap: 5px; align-items: center; justify-content: center; }
.landing .nav__hamburger span { width: 21px; height: 1px; background: #e8ebf2; }
.landing .hero { position: relative; padding: 56px 0 68px; min-height: auto; background: #050609; overflow: visible; }
.landing .hero::before { display: none; }
.landing .hero__inner { display: flex; flex-direction: column; align-items: center; gap: 38px; text-align: center; }
.landing .hero__content { width: 100%; max-width: 800px; min-width: 0; position: relative; z-index: 1; }
.landing .hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 11px; margin-bottom: 18px; border: 1px solid rgba(157,197,255,.17); border-radius: 999px; color: #a7bddb; font-size: .61rem; font-weight: 600; letter-spacing: .13em; }
.landing .status-dot { width: 5px; height: 5px; border-radius: 50%; background: #91c6ff; box-shadow: 0 0 9px rgba(100,180,255,.6); flex-shrink: 0; }
.landing .hero__title { font-family: var(--font-sans); font-size: clamp(3.4rem,7.6vw,6rem); font-weight: 700; line-height: 1.025; letter-spacing: -.065em; margin: 0 0 22px; color: #f5f5f7; }
.landing .hero__title em { font-weight: 700; font-style: normal; color: #a6c7ff; background: linear-gradient(115deg,#e3ecff 10%,#a8c9ff 45%,#5d9bfa 95%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.landing .hero__desc { max-width: 540px; margin: 0 auto 25px; font-size: 1.05rem; line-height: 1.65; color: #a1a5b0; }
.landing .hero__ctas { display: flex; justify-content: center; align-items: stretch; gap: 12px; margin-bottom: 13px; flex-wrap: wrap; }
.landing .hero__ctas .btn { padding-inline: 24px; font-size: .82rem; }
.landing .hero__ctas .btn svg { width: 17px; height: 17px; }
.landing .hero__note { font-size: .69rem; color: #858b99; line-height: 1.6; }
.landing .hero__visual { display: block; position: relative; width: 100%; max-width: 740px; min-width: 0; margin: 0; padding: 0; }
.landing .voice-stage { position: relative; padding-bottom: 38px; isolation: isolate; }
.landing .voice-stage__halo { position: absolute; z-index: -1; inset: -70px -110px -20px; border-radius: 50%; background: radial-gradient(ellipse at 50% 60%,rgba(43,100,217,.25),rgba(30,93,175,.08) 45%,transparent 70%); filter: blur(32px); pointer-events: none; }
.landing .voice-console { position: relative; padding: 24px 30px 25px; border: 1px solid rgba(192,211,255,.2); border-radius: 28px; background: linear-gradient(145deg,rgba(24,29,40,.92),rgba(11,13,19,.95) 75%); box-shadow: 0 30px 75px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07); text-align: left; backdrop-filter: blur(20px); }
.landing .voice-console__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.landing .voice-console__brand { display: flex; align-items: center; gap: 9px; color: #f5f5f7; font-size: .85rem; font-weight: 600; }
.landing .voice-console__brand img { width: 24px; height: 24px; border-radius: 7px; }
.landing .voice-console__status { display: inline-flex; align-items: center; gap: 7px; color: #8798b0; font-size: .54rem; font-weight: 600; letter-spacing: .12em; }
.landing .voice-console__status .status-dot { width: 4px; height: 4px; }
.landing .voice-console__body { padding: 24px 0 25px; }
.landing .voice-console__eyebrow { color: #8a93a3; font-size: .69rem; margin-bottom: 12px; }
.landing .demo-draft { min-height: 84px; padding: 0; font-size: clamp(1rem,1.9vw,1.28rem); font-weight: 450; line-height: 1.65; letter-spacing: -.02em; color: #e2e6f0; }
.landing .demo-draft::after { content: ''; display: inline-block; width: 2px; height: 1em; margin-left: 4px; background: #86bfff; box-shadow: 0 0 8px rgba(100,180,255,.4); vertical-align: -.14em; }
.landing .voice-console__bottom { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.065); color: #8a93a3; font-size: .61rem; }
.landing .voice-console__bottom > span:first-child { display: flex; align-items: center; gap: 9px; }
.landing .voice-console__bottom kbd, .landing .dictation-widget__key { border: 1px solid rgba(255,255,255,.16); border-radius: 6px; padding: 4px 7px; background: rgba(255,255,255,.035); color: #b9c1d0; font: 500 .6rem var(--font-sans); }
.landing .dictation-widget { position: absolute; z-index: 2; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; align-items: center; gap: 15px; width: 320px; min-height: 66px; padding: 13px 17px; border: 1px solid rgba(202,223,255,.25); border-radius: 22px; background: linear-gradient(120deg,rgba(36,44,59,.96),rgba(19,25,36,.96)); box-shadow: 0 15px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(24px); text-align: left; }
.landing .dictation-widget > svg { width: 22px; height: 24px; color: #b2d6ff; }
.landing .dictation-widget__label { min-width: 0; flex: 1; line-height: 1.45; }
.landing .dictation-widget__label strong { display: block; color: #f3f6ff; font-size: .75rem; font-weight: 600; }
.landing .dictation-widget__label > span { display: block; color: #a4aec0; font-size: .53rem; white-space: nowrap; }
.landing .dictation-widget__waveform { display: flex; align-items: center; gap: 3px; height: 28px; }
.landing .dictation-widget__waveform span { width: 2px; height: 8px; border-radius: 3px; background: #9bccff; animation: dicta-wave 2.4s ease-in-out infinite alternate; }
.landing .dictation-widget__waveform span:nth-child(2n) { height: 17px; animation-delay: -.5s; }
.landing .dictation-widget__waveform span:nth-child(3n) { height: 25px; animation-delay: -1.1s; }
.landing .demo-caption { margin-top: 18px; color: #858b99; font-size: .61rem; text-align: center; }
.landing .compatibility { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-block: 27px; border-block: 1px solid var(--border); }
.landing .compatibility__label { color: #858b99; font-size: .75rem; }
.landing .compatibility__items { display: flex; justify-content: flex-end; gap: 38px; flex-wrap: wrap; }
.landing .compatibility__items span { font-size: .87rem; color: #c3c7d0; font-weight: 500; letter-spacing: -.02em; }
.landing .how-it-works, .landing .features, .landing .pricing, .landing .faq { background: #050609; padding: 96px 0; }
.landing .section__eyebrow { display: block; color: #8ea7c8; font-size: .6rem; font-weight: 600; letter-spacing: .12em; line-height: 1.7; margin-bottom: 18px; }
.landing .section__title { font: 650 clamp(2.1rem,4.3vw,3.3rem)/1.13 var(--font-sans); letter-spacing: -.055em; color: #f5f5f7; text-align: left; margin-bottom: 20px; }
.landing .section__subtitle { color: #a1a5b0; font-size: .9rem; line-height: 1.85; text-align: left; max-width: 570px; margin-bottom: 30px; }
.landing .section__heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 70px; margin-bottom: 45px; }
.landing .section__heading > div { flex: 1; min-width: 0; }
.landing .section__heading .section__title { margin: 0; max-width: 610px; }
.landing .section__heading .section__subtitle { flex: 0 0 32%; font-size: .8rem; margin: 0 0 2px; }
.landing .steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px; }
.landing .step { max-width: none; text-align: left; padding: 24px 0 0; border-top: 1px solid var(--border-light); }
.landing .step__num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 22px; border-radius: 12px; background: #121720; color: #b2cef3; font-size: .75rem; font-weight: 500; }
.landing .step__title { font-size: 1rem; font-weight: 600; letter-spacing: -.025em; margin-bottom: 11px; }
.landing .step__desc { max-width: 290px; font-size: .81rem; line-height: 1.9; color: #a1a5b0; }
.landing .workflow-note { display: flex; align-items: center; gap: 13px; margin-top: 35px; padding: 17px 23px; border: 1px solid rgba(157,197,255,.11); border-radius: 16px; background: #0b1018; font-size: .75rem; color: #aab8cc; }
.landing .workflow-note > span { color: #a6caff; font-size: 1.1rem; }
.landing .features { border-block: 1px solid var(--border); background: #08090d; }
.landing .features__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.landing .feature-card { min-width: 0; padding: 31px 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg,#14171e,#0e1015); box-shadow: none; }
.landing .feature-card:hover { background: linear-gradient(145deg,#181d26,#11141b); border-color: rgba(157,197,255,.25); transform: translateY(-3px); box-shadow: none; }
.landing .feature-card__icon { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; margin-bottom: 42px; border: 1px solid rgba(157,197,255,.11); border-radius: 14px; background: #192331; color: #b9d7ff; font: 500 1.2rem var(--font-sans); }
.landing .feature-card__title { color: #f5f5f7; font-size: 1.1rem; font-weight: 600; letter-spacing: -.035em; line-height: 1.5; margin-bottom: 12px; }
.landing .feature-card__desc { color: #a1a5b0; font-size: .81rem; line-height: 1.9; }
.landing .usecase-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px; margin-top: 42px; }
.landing .usecase { display: grid; grid-template-columns: 22px 1fr; gap: 5px 12px; }
.landing .usecase > span { grid-row: span 2; color: #7b91b0; font-size: .65rem; padding-top: 2px; }
.landing .usecase h3 { font-size: .8rem; font-weight: 600; color: #d9dce5; letter-spacing: -.015em; }
.landing .usecase p { color: #9197a5; font-size: .76rem; line-height: 1.85; }
.landing .privacy { padding: 78px 0; background: #0c1017; border-bottom: 1px solid var(--border); }
.landing .privacy__inner { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 95px; }
.landing .privacy__content > p:not(.section__eyebrow) { color: #a1a5b0; font-size: .87rem; line-height: 1.9; }
.landing .privacy__facts { display: grid; gap: 24px; }
.landing .privacy-fact { display: flex; align-items: flex-start; gap: 16px; }
.landing .privacy-fact > span { font-size: .65rem; color: #8fa9cc; padding-top: 3px; }
.landing .privacy-fact h3 { font-size: .86rem; font-weight: 600; letter-spacing: -.02em; margin-bottom: 5px; }
.landing .privacy-fact p { font-size: .76rem; line-height: 1.9; color: #a1a5b0; }
.landing .privacy__content > a, .landing .text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; color: #b4d0f6; font-size: .76rem; font-weight: 500; }
.landing .text-link svg { width: 16px; height: 16px; }
.landing .pricing__cards, .landing .pricing__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.landing .pricing-card { display: flex; flex-direction: column; position: relative; min-width: 0; width: auto; padding: 32px 27px; border: 1px solid var(--border); border-radius: 26px; background: #101218; text-align: left; box-shadow: none; transform: none; }
.landing .pricing-card--featured { background: linear-gradient(155deg,#1b2637,#10161f); border-color: rgba(157,197,255,.5); }
.landing .pricing-card__badge { position: absolute; top: -12px; right: 24px; margin: 0; padding: 5px 11px; border-radius: 999px; background: #b7d3fa; color: #142135; font-size: .52rem; letter-spacing: .075em; font-weight: 600; }
.landing .pricing-card--featured .pricing-card__badge { background: #b7d3fa; color: #142135; }
.landing .pricing-card__name { font-size: 1.1rem; font-weight: 600; letter-spacing: -.03em; margin-bottom: 5px; }
.landing .pricing-card__kicker { font-size: .73rem; font-weight: 400; color: #a1a5b0; min-height: 38px; }
.landing .pricing-card__price, .landing .pricing-card--featured .pricing-card__price { color: #f5f5f7; font-size: 3rem; font-weight: 600; letter-spacing: -.07em; line-height: 1; margin: 22px 0 11px; }
.landing .pricing-card__per { color: #9ca3b2; font-size: .72rem; }
.landing .pricing-card__list { margin: 28px 0 26px; }
.landing .pricing-card__list li { position: relative; padding: 7px 0 7px 20px; color: #b6bdcb; font-size: .75rem; line-height: 1.75; }
.landing .pricing-card__list li::before { position: absolute; left: 0; content: '✓'; color: #8faed7; }
.landing .pricing-card__list li > span[aria-hidden] { display: none; }
.landing .pricing-card .btn { margin-top: auto; font-size: .78rem; }
.landing .pricing__note { color: #858b99; font-size: .71rem; line-height: 1.9; margin-top: 23px; max-width: 800px; }
.landing .dashboard { padding: 72px 0; background: #0c1017; border-block: 1px solid var(--border); }
.landing .dashboard__card { min-width: 0; border: 1px solid var(--border); border-radius: 22px; background: #141821; color: #f5f5f7; }
.landing .dashboard__card h3 { color: #a1a5b0; }
.landing .dashboard__referral { border: 1px solid rgba(157,197,255,.4) !important; }
.landing .dashboard__referral::before { background: none; }
.landing .dashboard .plan-badge { background: #243147; color: #bfd8fb; }
.landing .dashboard .referral__code { background: #0e141f; color: #c2d9ff; border-color: rgba(157,197,255,.2); }
.landing .faq { border-top: 1px solid var(--border); }
.landing .faq__inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; }
.landing .faq__list { display: flex; flex-direction: column; max-width: none; width: 100%; margin: 0; }
.landing .faq__item { background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; overflow: visible; }
.landing .faq__item:first-child { border-top: 1px solid var(--border); }
.landing .faq__question { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 70px; width: 100%; padding: 21px 0; color: #dedfe7; background: none; border: 0; text-align: left; font: 500 .83rem/1.7 var(--font-sans); cursor: pointer; }
.landing .faq__icon { flex-shrink: 0; color: #a9c7ef; font-size: 1.15rem; }
.landing .faq__answer { display: none; padding: 0 20px 23px 0; color: #a1a5b0; font-size: .8rem; line-height: 1.9; }
.landing .faq__answer p { padding: 0; color: inherit; font: inherit; }
.landing .faq__item.active .faq__answer, .landing .faq__question[aria-expanded="true"] + .faq__answer { display: block; }
.landing .faq__answer[hidden] { display: none; }
.landing .download { padding: 82px 0; background: #0b1019; border-block: 1px solid rgba(157,197,255,.12); color: #f5f5f7; }
.landing .download::before { display: none; }
.landing .download__inner { display: grid; grid-template-columns: 1.15fr .85fr; gap: 95px; align-items: center; text-align: left; }
.landing .download__content, .landing .download__card { min-width: 0; }
.landing .download .section__title { color: #f5f5f7; }
.landing .download .section__subtitle { color: #a1a5b0; font-size: .86rem; }
.landing .download__card { padding: 32px; border: 1px solid rgba(157,197,255,.17); border-radius: 28px; background: linear-gradient(145deg,#192331,#101722); }
.landing .download__card > svg { width: 29px; height: 29px; color: #c3d8fb; margin-bottom: 25px; }
.landing .download__card h3 { color: #f5f5f7; font-size: 1.14rem; font-weight: 600; letter-spacing: -.025em; margin-bottom: 5px; }
.landing .download__card > p { color: #a1a5b0; font-size: .73rem; }
.landing .download__card .download__btn { width: 100%; min-width: 0; max-width: none; justify-content: center; padding: 15px 17px; margin-top: 26px; font-size: .78rem; }
.landing .download__card .download__btn svg { width: 18px; height: 18px; }
.landing .download__card .download__version { margin-top: 14px; font-size: .63rem; color: #9aa7bb; }
.landing .download__other { display: flex; flex-direction: column; align-items: flex-start; margin-top: 15px; }
.landing .download__other a { min-height: 34px; display: inline-flex; align-items: center; color: #b4c7e0; font-size: .66rem; text-decoration: underline; text-underline-offset: 4px; }
.landing .footer { padding: 52px 0 0; background: #050609; border: 0; }
.landing .footer__grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 44px; }
.landing .footer__brand > p { max-width: 230px; margin: 18px 0 10px; font-size: .74rem; color: #9197a5; }
.landing .footer__brand > span { font-size: .63rem; color: #858b99; }
.landing .footer__col { min-width: 0; gap: 4px; }
.landing .footer__col h4 { font-size: .58rem; font-weight: 600; letter-spacing: .1em; color: #959eae; margin-bottom: 13px; }
.landing .footer__col a { min-height: 34px; display: flex; align-items: center; color: #a4aab7; font-size: .71rem; }
.landing .footer__col a:hover { color: #fff; }
.landing .footer__bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); color: #858b99; font-size: .61rem; padding-block: 22px; }
.landing .modal-overlay { background: rgba(0,0,0,.72); backdrop-filter: blur(14px); overflow-y: auto; }
.landing .modal { border: 1px solid rgba(199,220,255,.21); border-radius: 30px; background: linear-gradient(145deg,#1c222d,#10131b); box-shadow: 0 30px 90px rgba(0,0,0,.65); color: #f5f5f7; padding: 35px; max-height: calc(100dvh - 40px); overflow-y: auto; }
.landing .modal__close { top: 12px; right: 12px; min-width: 44px; min-height: 44px; border-radius: 50%; color: #c2c8d4; }
.landing #authTitle { padding-right: 22px; font: 650 1.55rem/1.25 var(--font-sans); letter-spacing: -.04em; margin-bottom: 11px; }
.landing .auth-description { color: #a1a5b0; font-size: .78rem; line-height: 1.9; margin-bottom: 25px; }
.landing .modal__tabs { margin-bottom: 24px; background: #0d1119; border: 1px solid var(--border); border-radius: 999px; padding: 4px; }
.landing .modal__tab { min-height: 43px; border: 0; border-radius: 999px; color: #9ba4b5; font-size: .79rem; font-weight: 500; padding: 10px 8px; }
.landing .modal__tab--active { background: #2a3344; color: #f5f5f7; border: 0; }
.landing .form__group { gap: 7px; }
.landing .form__group label { font-size: .73rem; font-weight: 500; color: #c3c9d6; }
.landing .form__group input { min-height: 48px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: #10151f; color: #f5f5f7; font-size: .86rem; }
.landing .form__group input::placeholder { color: #858fa2; }
.landing .form__group input:focus { border-color: #a4c9ff; box-shadow: none; }
.landing .form__note { font-size: .69rem; line-height: 1.8; color: #9aa3b3; }
.landing .form__error { color: #ffa7a0; }
.landing .welcome-modal__icon, .landing .welcome-modal__step-num { color: #b6d7ff; background: #24324a; }
.landing .welcome-modal__subtitle, .landing .welcome-modal__size { color: #a1a5b0; }
@keyframes dicta-wave { from { transform: scaleY(.65); } to { transform: scaleY(1); } }
@media (max-width: 1080px) {
  .landing .nav { gap: 18px; }
  .landing .nav__links { gap: 17px; }
  .landing .nav__actions { gap: 5px; }
  .landing .nav__email { display: none; }
  .landing .section__heading, .landing .privacy__inner, .landing .faq__inner, .landing .download__inner { gap: 48px; }
}
@media (max-width: 960px) {
  .landing .nav__links { display: none; }
  .landing .nav__hamburger { display: flex; }
  .landing .nav__links.active { position: absolute; top: 68px; left: 0; right: 0; display: flex; flex-direction: column; gap: 0; padding: 14px 32px 20px; background: rgba(10,12,18,.98); border-bottom: 1px solid var(--border); }
  .landing .nav__links.active a { display: flex; align-items: center; min-height: 44px; font-size: .8rem; }
  .landing .hero__visual { display: block; }
  .landing .features__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .landing .feature-card, .landing .pricing-card { padding: 27px 22px; }
  .landing .compatibility__items { gap: 25px; }
}
@media (max-width: 768px) {
  .landing .container { padding-inline: 24px; }
  .landing .nav { height: 64px; gap: 10px; }
  .landing .nav__logo-img { width: 25px; height: 25px; }
  .landing .nav__logo-text { font-size: 1.2rem; }
  .landing .nav__actions { gap: 4px; }
  .landing .nav__actions .btn { display: inline-flex; min-height: 40px; font-size: .67rem; padding: 9px 13px; }
  .landing .nav__links.active { top: 64px; padding-inline: 24px; }
  .landing .hero { padding: 48px 0 50px; }
  .landing .hero__inner { gap: 32px; }
  .landing .hero__title { font-size: clamp(3.6rem,10vw,5rem); }
  .landing .hero__desc { max-width: 500px; font-size: .97rem; }
  .landing .hero__visual { max-width: 610px; }
  .landing .voice-console { border-radius: 24px; padding: 23px; }
  .landing .voice-console__body { padding-block: 23px; }
  .landing .demo-draft { font-size: 1rem; min-height: 105px; }
  .landing .compatibility { flex-direction: column; align-items: center; gap: 15px; padding-block: 24px; }
  .landing .compatibility__items { justify-content: center; }
  .landing .how-it-works, .landing .features, .landing .pricing, .landing .faq { padding-block: 66px; }
  .landing .section__heading { flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 33px; }
  .landing .section__heading .section__subtitle { flex: auto; max-width: 500px; font-size: .85rem; }
  .landing .steps { grid-template-columns: 1fr; gap: 25px; }
  .landing .step { display: grid; grid-template-columns: 36px 1fr; gap: 8px 18px; padding-top: 22px; }
  .landing .step__num { grid-row: span 2; margin: 0; }
  .landing .step__title { margin: 1px 0 0; }
  .landing .step__desc { max-width: none; }
  .landing .features__grid, .landing .pricing__cards, .landing .pricing__grid { grid-template-columns: 1fr; gap: 18px; }
  .landing .feature-card, .landing .pricing-card { padding: 28px; border-radius: 25px; }
  .landing .feature-card__icon { margin-bottom: 26px; }
  .landing .feature-card__desc { max-width: 520px; }
  .landing .usecase-row { grid-template-columns: 1fr; gap: 25px; }
  .landing .privacy { padding-block: 57px; }
  .landing .privacy__inner, .landing .faq__inner, .landing .download__inner { grid-template-columns: minmax(0,1fr); gap: 34px; }
  .landing .privacy__facts { border-top: 1px solid var(--border); padding-top: 28px; }
  .landing .pricing-card__kicker { min-height: 0; }
  .landing .pricing-card__badge { top: 15px; right: 18px; font-size: .46rem; padding: 5px 8px; }
  .landing .pricing-card__list { margin-top: 23px; }
  .landing .faq__intro .section__title { max-width: 520px; }
  .landing .download { padding-block: 60px; }
  .landing .download__card { padding: 28px; }
  .landing .footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 20px; }
  .landing .footer__brand { grid-column: 1 / -1; }
  .landing .modal { padding: 32px 25px; }
}
@media (max-width: 480px) {
  .landing .container { padding-inline: 20px; }
  .landing .nav { gap: 4px; }
  .landing .nav__logo { gap: 5px; }
  .landing .nav__logo-text { font-size: 1.13rem; }
  .landing .nav__logo-img { width: 23px; height: 23px; }
  .landing .lang-toggle { padding: 5px; font-size: .6rem; }
  .landing .nav__actions { gap: 2px; }
  .landing .nav__actions .btn { font-size: .68rem; padding-inline: 8px; }
  .landing .nav__hamburger { min-width: 32px; }
  .landing .nav__hamburger span { width: 18px; }
  .landing .hero { padding-top: 42px; }
  .landing .hero__eyebrow { font-size: .6rem; margin-bottom: 18px; }
  .landing .hero__title { font-size: clamp(3rem,12.8vw,3.8rem); letter-spacing: -.06em; margin-bottom: 21px; }
  .landing .hero__desc { font-size: .88rem; line-height: 1.8; margin-bottom: 23px; }
  .landing .hero__ctas { flex-direction: row; flex-wrap: nowrap; gap: 8px; }
  .landing .hero__ctas .btn { flex: 1; min-width: 0; width: auto; font-size: .75rem; padding: 12px 12px; gap: 7px; }
  .landing .hero__ctas .btn svg { width: 15px; height: 15px; }
  .landing .hero__note { max-width: 290px; margin-inline: auto; font-size: .68rem; }
  .landing .voice-console { padding: 20px; border-radius: 23px; }
  .landing .voice-console__top { gap: 8px; }
  .landing .voice-console__brand { font-size: .75rem; }
  .landing .voice-console__status { font-size: .56rem; letter-spacing: .07em; }
  .landing .voice-console__eyebrow { font-size: .61rem; margin-bottom: 12px; }
  .landing .demo-draft { font-size: .94rem; min-height: 140px; line-height: 1.75; }
  .landing .voice-console__bottom { gap: 8px; font-size: .65rem; }
  .landing .voice-console__bottom > span:last-child { display: none; }
  .landing .dictation-widget { width: calc(100% - 22px); max-width: 320px; gap: 11px; padding: 12px 14px; min-height: 64px; border-radius: 20px; }
  .landing .dictation-widget__label > span { font-size: .56rem; }
  .landing .dictation-widget__waveform { gap: 2px; }
  .landing .dictation-widget__key { padding-inline: 5px; font-size: .52rem; }
  .landing .demo-caption { font-size: .61rem; margin-top: 15px; }
  .landing .compatibility__label { font-size: .68rem; }
  .landing .compatibility__items { gap: 13px 23px; }
  .landing .compatibility__items span { font-size: .76rem; }
  .landing .section__title { font-size: 2.15rem; }
  .landing .workflow-note { padding: 17px; font-size: .7rem; border-radius: 16px; }
  .landing .feature-card, .landing .pricing-card { padding: 27px 24px; }
  .landing .footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landing .footer__bottom { flex-direction: column; gap: 7px; }
  .landing .modal-overlay { padding: 12px; }
  .landing .modal { padding: 28px 22px; max-height: calc(100dvh - 24px); border-radius: 25px; }
  .landing #authTitle { font-size: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(> body.landing) { scroll-behavior: auto !important; }
  .landing *, .landing *::before, .landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}