/* EnterSpeak identity, 03 October 2026.
   Approved B speech-mark / royal-blue, black and white system. Shared by every public language and page. */
:root {
  --ink: #111111;
  --deep: #111111;
  --paper: #F4F6F8;
  --cream: #F4F6F8;
  --white: #FFFFFF;
  --surface: #FFFFFF;
  --lime: #DEE3E8;
  --sage: #DEE3E8;
  --muted: #626262;
  --line: #DEE3E8;
  --brass: #626262;
  --serif: Georgia, 'Times New Roman', 'Songti TC', 'Songti SC', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang HK', 'PingFang SC', 'Noto Sans TC', sans-serif;
  --radius-card: 18px;
  --shadow-card: 0 20px 48px -30px #11111128;
}
html { scroll-padding-top: 32px; }
body { background: var(--paper); color: var(--ink); font: 16px/1.7 var(--sans); }
::selection { background: var(--sage); color: var(--deep); }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid var(--ink); outline-offset: 5px;
}
.shell { width: min(1220px, calc(100% - 96px)); }
.site-header, header:not(.site-header) {
  min-height: 102px; height: auto; padding-block: 22px;
  border-bottom: 1px solid var(--line); gap: 28px;
}
.brand {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--ink); font: 600 26px/1 var(--sans);
  letter-spacing: -1.15px; white-space: nowrap; text-decoration: none;
}
.brand:hover { text-decoration: none; }
.brand .brand-name { color: var(--ink); }
.brand-mark, .brand-mark.mini {
  display: inline-flex; align-items: center; justify-content: center;
  background: none; width: 39px; height: 39px; margin: 0;
  border-radius: 0; color: inherit; flex: 0 0 auto;
}
.brand-mark img { display: block; width: 100%; height: 100%; }
.brand-mark.mini { width: 30px; height: 30px; margin-right: 9px; }
.brand-period { display: none; }
.site-header nav, header:not(.site-header)>nav { gap: 27px; font-size: 13px; font-weight: 500; }
.site-header nav a, header:not(.site-header)>nav a { transition: color .2s; }
.site-header nav a:hover, header:not(.site-header)>nav a:hover, .text-link:hover { color: var(--deep); text-decoration: underline; text-underline-offset: 5px; }
.site-languages { color: var(--ink); font-family: var(--sans); }
.site-languages summary { border-color: var(--line); background: transparent; border-radius: 7px; }
.language-options { border-color: var(--line); border-radius: 12px; box-shadow: var(--shadow-card); }
.language-options a { color: var(--ink)!important; }
.language-options a:hover, .language-options [aria-current] { background: #F4F6F8; }
.button {
  border-radius: 12px; min-height: 52px; padding: 15px 23px; gap: 24px;
  font: 550 14px/1.45 var(--sans); text-decoration: none;
  box-shadow: none; transition: background .2s, transform .2s;
}
.button.dark, .button:not(.dark):not(.lime) { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.button.dark:hover, .button:not(.dark):not(.lime):hover { background: var(--deep); border-color: var(--deep); text-decoration: none; }
.button.lime { background: var(--paper); border-color: var(--paper); color: var(--ink); }
.button.lime:hover { background: var(--sage); border-color: var(--sage); }
.button.small { min-height: 44px; padding: 11px 17px; font-size: 13px; }
.text-link { border-bottom-color: #626262; }
.eyebrow { color: var(--muted); font: 600 11px/1.8 var(--sans); letter-spacing: 1.8px; }
.little-line { width: 30px; background: var(--brass); }
h1, h2 { font-family: var(--serif); font-weight: 400; }
h1 { letter-spacing: -3px; }
h2 { letter-spacing: -1.7px; }
h1 em, h2 em { color: var(--ink); font-weight: 400; }
.hero { grid-template-columns: 1.05fr 1fr; gap: 78px; padding-block: 94px 86px; }
.hero:before {
  right: -35px; top: 60px; width: 570px; height: 590px;
  background: radial-gradient(ellipse at 55% 45%, #DEE3E885, #F4F6F800 67%);
}
.hero h1 { font-size: clamp(58px, 5.8vw, 84px); line-height: 1.05; margin-bottom: 29px; }
.hero h1 em { font-size: .65em; line-height: 1.3; letter-spacing: -1.8px; color: #626262; }
.hero-description { color: var(--muted); font-size: 17px; line-height: 1.9; max-width: 450px; }
.hero-actions { gap: 20px; }
.hero-note { font-size: 12px; line-height: 1.7; color: var(--muted); }
.release-note { color: var(--ink); font-size: 12px; }
.release-note:before { background: var(--ink); }
/* A compact, editorial product composition; always labelled as illustrative. */
.hero-product {
  background: linear-gradient(145deg, #111111 0%, var(--deep) 100%);
  border: 1px solid var(--deep); border-radius: 28px; padding: 30px;
  color: var(--paper); box-shadow: 0 28px 64px -35px #11111155;
  transform: none;
}
.hero-product:hover { box-shadow: 0 28px 64px -35px #11111160; }
.product-label { color: #DEE3E8; font-size: 11px; letter-spacing: 1px; margin-bottom: 27px; }
.voice-note {
  background: #FFFFFF08; border: 1px solid #DEE3E833;
  border-radius: 14px; padding: 21px 23px 19px;
}
.voice-note .note-caption { color: #DEE3E8; font-size: 11px; letter-spacing: .6px; }
.note-language { border-color: #DEE3E844; color: var(--paper); font-size: 11px; border-radius: 4px; }
.voice-note>p { color: var(--paper); font-size: 22px; line-height: 1.85; margin: 17px 0; }
.voice-wave i { background: #DEE3E8; width: 3px; }
.thought-path { height: 35px; color: #DEE3E8; }
.thought-path span { background: #DEE3E855; }
.output-note { background: var(--paper); color: var(--ink); border-radius: 14px; padding: 22px 23px 18px; box-shadow: none; }
.output-note .note-caption { color: var(--muted); font-size: 11px; letter-spacing: .4px; }
.output-note>p { font-size: 22px; line-height: 1.75; }
.mode-label { background: var(--sage); color: var(--ink); border-radius: 5px; padding: 3px 8px; font-size: 11px; }
.output-note-footer { color: var(--muted); border-color: var(--line); font-size: 11px; }
.ready-check { background: var(--sage); color: var(--ink); }
.product-bottom { color: #DEE3E8; font-size: 11px; margin-top: 22px; }
.product-bottom>span:last-child { font-size: 10px; letter-spacing: .8px; }
.hero-product .demo-control { color: #DEE3E8; background: #FFFFFF08; border-color: #DEE3E833; border-radius: 8px; }
.hero-product .demo-control:hover { background: #FFFFFF12; }
.principles { padding-block: 23px; border-color: var(--line); }
.principles>span { font-size: 10px; letter-spacing: 1.4px; color: var(--muted); }
.principles>div { font-size: 12px; font-weight: 500; gap: 26px; }
.principles>div span+span:before { color: #626262; margin-right: 26px; }
.section { padding-block: 96px; }
.section-intro { max-width: 800px; }
.section-intro h2 { font-size: clamp(36px, 4vw, 52px); }
.steps { gap: 24px; margin-top: 44px; }
.experience .steps article {
  padding: 28px 28px 32px; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius-card); position: relative;
}
.step-no { color: var(--ink); font-size: 19px; border: 0; margin-bottom: 27px; padding: 0; }
.steps h3, .feature-grid h3 { font-size: 19px; font-weight: 550; line-height: 1.45; }
.steps p, .feature-grid p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.try-section { background: #F4F6F8; border-block: 1px solid var(--line); padding-block: 84px; }
.try-grid { gap: 86px; grid-template-columns: .94fr 1.06fr; }
.try-copy>p:not(.eyebrow), .scenario-picker>p { color: var(--muted); }
.mode-buttons { gap: 8px; }
.mode-buttons button { border-color: #DEE3E8; border-radius: 7px; font-size: 13px; }
.mode-buttons button[aria-pressed=true] { background: var(--ink); border-color: var(--ink); }
.scenario-buttons button { background: #FFFFFF55; border-color: #DEE3E8; color: var(--ink); border-radius: 7px; font-size: 12px; }
.scenario-buttons button[aria-pressed=true] { border-color: var(--ink); background: var(--paper); box-shadow: none; }
.sample-card { border-color: #DEE3E8; border-radius: 18px; box-shadow: var(--shadow-card); }
.sample-top { padding: 21px 24px; border-color: var(--line); }
.sample-top b { font-size: 17px; font-weight: 550; letter-spacing: -.6px; }
.sample-badge { font-size: 10px; color: var(--muted); letter-spacing: .65px; }
.sample-original { background: #F4F6F8; border-color: var(--line); padding: 24px; }
.sample-original .eyebrow { color: var(--muted); font-size: 10px; }
.sample-original p { color: var(--muted); }
.sample-output { padding: 24px; }
.sample-output-label { color: var(--ink); }
#sample-result { color: var(--ink); font-size: 22px; line-height: 1.85; }
#mode-description, .sample-actions>span { color: var(--muted); }
.sample-actions { padding: 18px 24px; border-color: var(--line); }
.feature-grid { gap: 42px; padding-top: 35px; border-top: 1px solid var(--line); }
.feature-icon { background: transparent; border: 1px solid var(--line); color: var(--ink); border-radius: 10px; }
.feature-grid article:hover .feature-icon { transform: translateY(-3px); background: var(--sage); }
.privacy-section { background: var(--deep); border: 1px solid var(--deep); border-radius: 24px; padding: 64px; gap: 70px; }
.privacy-mark svg { stroke: var(--sage); }
.privacy-heading .eyebrow { color: #DEE3E8; }
.privacy-heading h2 { font-size: 58px; }
.privacy-heading h2 em { color: #DEE3E8; }
.privacy-lead { color: var(--paper); }
.privacy-body>p:not(.privacy-lead) { color: #DEE3E8; }
.privacy-body li { color: var(--paper); }
.privacy-body li:before { color: #DEE3E8; }
.privacy-body .privacy-footnote { color: #DEE3E8!important; }
.next-section { border-bottom: 1px solid var(--line); padding-block: 62px; }
.next-section h2 { font-size: 36px; letter-spacing: -1px; }
.next-section>p { color: var(--muted); }
.next-section>div>p:not(.eyebrow) { color: var(--muted); }
.faq-section { padding-block: 82px 92px; }
.faqs details { border-color: var(--line); padding: 22px 0; }
.faqs details[open] { background: transparent; }
.faqs summary { font-weight: 500; color: var(--ink); }
.faqs summary:after { color: var(--ink); }
.faqs details p { font-size: 14px; color: var(--muted); }
.closing-section { background: var(--ink); padding-block: 80px 73px; }
.closing-section h2 { font-size: 64px; }
.closing-section h2 em { color: #DEE3E8; }
.closing-section .eyebrow, .closing-section p:last-child { color: #DEE3E8; }
.closing-section a[href$="/roadmap"] { color: var(--sage); font-size: 13px; }
footer { padding-block: 42px 26px; }
.footer-top .brand { font-size: 24px; }
.footer-top>span, .footer-top>a:last-child, .footer-bottom, #site-privacy { color: var(--muted); }
.legal-links a { text-decoration: none; }
.legal-links a:hover { text-decoration: underline; }
.footer-bottom { border-color: var(--line); }
/* Information, downloads, roadmap and policy pages. */
.info-hero { padding-block: 72px 46px; }
.info-hero h1 { font-size: clamp(44px, 5.6vw, 72px); font-weight: 400; line-height: 1.12; }
.info-intro { color: var(--muted); font-size: 19px; line-height: 1.8; }
.info-layout { gap: 78px; grid-template-columns: 210px minmax(0,1fr); }
.info-layout aside nav a { font-size: 13px; padding: 10px 0; border-bottom: 1px solid #DEE3E880; }
.info-layout aside nav a:hover, .info-layout aside nav a[aria-current=location] { color: var(--ink); }
.beta-note { background: #F4F6F8; border: 1px solid var(--line); border-radius: 12px; }
.info-content h2 { color: var(--ink); font-size: 26px; font-weight: 550; }
.info-content p, .info-content li { color: #111111; }
.info-content a { color: var(--ink); }
.info-content section { padding-bottom: 32px; margin-bottom: 36px; border-color: var(--line); }
.info-content section:last-child { background: white; border: 1px solid var(--line); border-radius: 16px; }
.info-footer { padding-block: 38px; font-size: 13px; }
.info-footer nav { gap: 23px; }
.platform-grid { gap: 24px; }
.platform-card { border-color: var(--line); background: #FFFFFF; border-radius: 18px; padding: 32px; }
.platform-card.current, .platform-card.review { background: var(--surface); }
.platform-card.considering { background: #F4F6F8; }
.platform-heading { margin-bottom: 29px; }
.platform-icon { width: 50px; height: 50px; border-radius: 12px; background: #F4F6F8; color: var(--ink); }
.platform-version { color: var(--muted); font-size: 11px; letter-spacing: 1px; }
.platform-card h2 { font-size: 27px; font-weight: 550; }
.platform-status { color: var(--ink); font-size: 13px; }
.platform-status:before { background: var(--ink); width: 6px; height: 6px; flex-basis: 6px; }
.platform-description, .roadmap-summary p, .legacy-beta p, .legacy-beta li, .download-help p { color: var(--muted); font-size: 14px; }
.platform-actions { gap: 19px; }
.platform-actions .button { gap: 16px; font-size: 13px; }
.platform-actions>a:not(.button) { font-size: 13px; }
.roadmap-summary, .legacy-beta { border-color: var(--line); border-radius: 18px; padding: 32px; background: #F4F6F8; }
.legacy-beta summary { color: var(--ink); }
/* Use-case pages inherit the same identity without changing their content model. */
body.brand-use-case header, body.brand-use-case main, body.brand-use-case footer {
  width: min(1220px, calc(100% - 96px)); max-width: none; margin-inline: auto; padding-inline: 0;
}
body.brand-use-case header { flex-wrap: wrap; }
body.brand-use-case header>.brand { margin-right: auto; }
body.brand-use-case header>nav { margin-left: auto; }
body.brand-use-case header>.site-languages { margin-left: 0; }
body.brand-use-case .hero { padding-block: 80px 60px; gap: 80px; }
body.brand-use-case .hero h1 { font-size: clamp(48px, 5vw, 68px); }
body.brand-use-case .lead { font-size: 19px; line-height: 1.8; }
body.brand-use-case .note {
  background: var(--deep); color: var(--paper); border: 1px solid var(--deep);
  border-radius: 20px; padding: 32px; transform: none; box-shadow: 0 25px 60px -40px #11111155;
}
body.brand-use-case .note-top, body.brand-use-case .note-bottom { color: #DEE3E8; }
body.brand-use-case .note-top span:first-child { color: var(--paper); font-weight: 550; }
body.brand-use-case .note-top span:last-child { font-size: 10px; }
body.brand-use-case .note p { font-size: 21px; }
body.brand-use-case .note-bottom { border-color: #DEE3E833; }
body.brand-use-case .wave { color: #626262; }
body.brand-use-case .availability { background: #F4F6F8; border-color: var(--ink); border-radius: 0 10px 10px 0; color: #626262; padding: 20px 26px; }
body.brand-use-case .split { gap: 80px; }
body.brand-use-case h2 { font-family: var(--serif); font-weight: 400; font-size: 36px; letter-spacing: -1px; }
body.brand-use-case h3 { font-size: 20px; font-weight: 550; }
body.brand-use-case .steps article { border-color: var(--line); }
body.brand-use-case .number { color: var(--ink); font-size: 32px; }
body.brand-use-case .limits { background: var(--deep); border-radius: 20px; padding: 44px; }
body.brand-use-case .limits h2 { color: var(--paper); }
body.brand-use-case .limits .eyebrow { color: #DEE3E8; }
body.brand-use-case .related a { border-color: var(--line); border-radius: 10px; padding: 20px 22px; background: #FFFFFF; }
body.brand-use-case .closing { background: #DEE3E8; border: 1px solid var(--line); border-radius: 20px; padding: 48px; }
body.brand-use-case .closing h2 { font-size: 44px; }
body.brand-use-case .hub-hero { padding-block: 75px 40px; max-width: 830px; }
body.brand-use-case .hub-hero h1 { font-size: clamp(52px, 5.8vw, 78px); }
body.brand-use-case .case-grid { gap: 24px; padding-block: 44px 76px; }
body.brand-use-case .case-card { border-color: var(--line); border-radius: 18px; padding: 32px 32px 54px; background: var(--surface); }
body.brand-use-case .case-card:hover { background: #FFFFFF; box-shadow: var(--shadow-card); }
body.brand-use-case .case-card h2 { font-size: 31px; }
body.brand-use-case .case-card p { font-size: 14px; line-height: 1.85; color: var(--muted); }
body.brand-use-case footer nav { gap: 23px; font-weight: 400; }
/* Changelog delivery badges retain meaningful colour differences. */
.change-notice { background: #F4F6F8; border-color: var(--ink); border-radius: 0 12px 12px 0; }
.change-jumps a { border-color: #DEE3E8; border-radius: 7px; font-size: 13px; }
.change-jumps a:hover { background: var(--sage); }
.change-entry { background: var(--surface); border-color: var(--line); border-radius: 16px; padding: 32px; }
.change-entry h3 { font-weight: 550; font-size: 23px; color: var(--ink); }
.change-entry li { color: #111111; font-size: 15px; }
.change-meta, .change-version, .change-permalink { color: var(--muted); }
.change-status.published, .change-status.beta { background: #F4F6F8; color: #111111; }
.reading-progress { background: var(--ink); height: 2px; }
.back-top { background: var(--ink); color: var(--paper); border-color: #DEE3E8; box-shadow: var(--shadow-card); }
.back-top:hover { background: var(--deep); }
.motion-control { border-color: var(--line); border-radius: 7px; }
.motion-control:before { background: var(--ink); }
@media(min-width:1500px) {
  .hero { padding-block: 108px 96px; }
  .hero-copy h1 { font-size: 84px; }
  .hero-product { margin-left: 0; }
}
@media(max-width:1100px) {
  .shell, body.brand-use-case header, body.brand-use-case main, body.brand-use-case footer { width: calc(100% - 64px); }
  .hero { gap: 42px; }
  .hero h1 { font-size: 64px; }
  .hero-product { padding: 25px; }
  .product-label { font-size: 10px; }
  .voice-note>p, .output-note>p { font-size: 20px; }
  .try-grid { gap: 50px; }
  .site-header nav, header:not(.site-header)>nav { gap: 20px; }
  .privacy-section { padding: 44px; gap: 44px; }
  .principles>div { gap: 19px; }
  body.brand-use-case .hero { gap: 45px; }
}
@media(max-width:800px) {
  .shell, body.brand-use-case header, body.brand-use-case main, body.brand-use-case footer { width: calc(100% - 48px); }
  .site-header, header:not(.site-header) { min-height: 86px; padding-block: 18px; }
  .hero { grid-template-columns: 1fr; padding-block: 54px 58px; gap: 42px; }
  .hero-copy { max-width: 610px; }
  .hero h1 { font-size: 74px; }
  .hero-product { justify-self: center; max-width: 500px; width: 100%; padding: 28px; }
  .voice-note>p, .output-note>p { font-size: 23px; }
  .section { padding-block: 64px; }
  .steps { grid-template-columns: 1fr; gap: 16px; margin-top: 35px; }
  .experience .steps article { padding: 26px; }
  .experience .step-no { position: static; display: block; margin: 0 0 16px; }
  .try-grid { grid-template-columns: 1fr; gap: 38px; }
  .try-section { padding-block: 64px; }
  .feature-grid { gap: 35px; }
  .privacy-section { grid-template-columns: 1fr; gap: 30px; padding: 38px; }
  .privacy-heading h2 { font-size: 52px; }
  .next-section { padding-block: 50px; }
  .faq-section { padding-block: 58px; }
  .closing-section h2 { font-size: 56px; }
  .info-layout { grid-template-columns: 180px minmax(0,1fr); gap: 35px; }
  body.brand-use-case .hero { grid-template-columns: 1fr; padding-block: 54px 40px; gap: 34px; }
  body.brand-use-case .hero h1 { font-size: 58px; }
  body.brand-use-case .hub-hero { padding-top: 54px; }
  body.brand-use-case .split, body.brand-use-case .limits { gap: 20px; grid-template-columns: 1fr; }
}
@media(max-width:650px) {
  .info-page .site-header nav { font-size: 13px; gap: 18px; }
  .site-header nav { display: none; }
  .site-header .nav-actions { margin-left: auto; }
  .site-languages summary { padding: 9px 11px; }
  .info-hero { padding-block: 42px 30px; }
  .info-hero h1 { font-size: 46px; }
  .info-intro { font-size: 17px; line-height: 1.8; }
  .info-layout { display: block; }
  .info-layout aside nav a { border: 0; padding: 5px 0; }
  .info-content h2 { font-size: 24px; }
  .info-content p, .info-content li { font-size: 15px; }
  .platform-grid { gap: 16px; }
  .platform-card, .legacy-beta, .roadmap-summary { padding: 25px; }
  .platform-heading { margin-bottom: 24px; }
  .platform-card h2 { font-size: 26px; }
  .platform-actions .button { width: 100%; }
  .change-entry { padding: 24px; }
  body.brand-use-case header>nav { margin-left: 0; }
  body.brand-use-case header>.site-languages { margin-left: auto; }
  body.brand-use-case .note { padding: 26px; }
  body.brand-use-case .note p { font-size: 20px; }
  body.brand-use-case h2 { font-size: 32px; }
  body.brand-use-case .limits { padding: 30px; }
  body.brand-use-case .closing { padding: 30px; }
  body.brand-use-case .closing h2 { font-size: 36px; }
  body.brand-use-case .hub-hero h1 { font-size: 52px; }
  body.brand-use-case .case-grid { gap: 16px; padding-block: 32px 50px; }
  body.brand-use-case .case-card { padding: 28px 28px 52px; }
}
@media(max-width:450px) {
  .shell, body.brand-use-case header, body.brand-use-case main, body.brand-use-case footer { width: calc(100% - 40px); }
  .brand { font-size: 23px; gap: 8px; }
  .brand-mark { width: 34px; height: 34px; }
  .site-header, header:not(.site-header) { min-height: 82px; gap: 12px; }
  .hero { padding-top: 40px; gap: 35px; }
  .hero h1 { font-size: 61px; letter-spacing: -2.1px; }
  .hero h1 em { font-size: 36px; letter-spacing: -1px; white-space: normal; }
  .hero-description { font-size: 16px; }
  .hero-actions .button { width: 100%; font-size: 14px; justify-content: space-between; }
  .hero-product { padding: 22px; border-radius: 20px; }
  .product-label { font-size: 10px; margin-bottom: 20px; }
  .voice-note, .output-note { padding: 18px; border-radius: 12px; }
  .voice-note>p, .output-note>p { font-size: 19px; line-height: 1.85; }
  .note-caption { font-size: 10px; flex-wrap: wrap; gap: 6px; }
  .output-note .note-caption, .voice-note .note-caption { font-size: 10px; }
  .product-bottom { font-size: 10px; }
  .output-note-footer { font-size: 10px; }
  .principles>div { font-size: 12px; gap: 13px 20px; }
  .principles>span { font-size: 10px; }
  .section { padding-block: 54px; }
  .section-intro h2 { font-size: 36px; }
  .experience .steps article { padding: 25px; }
  .sample-top, .sample-original, .sample-output { padding: 20px; }
  .sample-actions { padding: 18px 20px; }
  #sample-result { font-size: 20px; }
  .privacy-section { padding: 28px; border-radius: 20px; }
  .privacy-heading h2 { font-size: 46px; }
  .privacy-lead { font-size: 19px; }
  .next-section h2 { font-size: 32px; }
  .closing-section h2 { font-size: 46px; letter-spacing: -1px; }
  .closing-section { padding-block: 62px 56px; }
  .footer-bottom { font-size: 11px; }
  body.brand-use-case .hero h1 { font-size: 48px; }
  body.brand-use-case .lead { font-size: 17px; }
  body.brand-use-case .note-top { flex-wrap: wrap; }
}
html:lang(zh) .hero h1 { font-size: clamp(46px, 5.2vw, 70px); line-height: 1.27; letter-spacing: -.9px; }
html:lang(zh) .hero h1 em { font-size: .61em; letter-spacing: 0; line-height: 1.4; }
html:lang(zh) h2 { letter-spacing: -.5px; }
html:lang(zh) .info-hero h1 { line-height: 1.3; letter-spacing: -.5px; }
@media(max-width:650px) {
  html:lang(zh) .hero h1 { font-size: 54px; }
  html:lang(zh) .info-hero h1 { font-size: 42px; }
}
@media(max-width:450px) {
  html:lang(zh) .hero h1 { font-size: 49px; }
  html:lang(zh) .hero h1 em { font-size: 30px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-product, .feature-grid article:hover .feature-icon { transform: none!important; }
}

/* Owner-approved B / Sound Wave identity, 3 October 2026. */
:root{--brand:#3F66DC;--brand-deep:#2E4DAB;--ink:#111111;--deep:#111111;--paper:#FFFFFF;--cream:#FFFFFF;--white:#FFFFFF;--surface:#FFFFFF;--lime:#EEF2FD;--sage:#EEF2FD;--soft:#F4F6F8;--muted:#626262;--line:#DEE3E8;--brass:#A7B8F2;--serif:var(--sans);--radius-card:16px;--shadow-card:0 18px 40px -30px #11111122}
body{background:#FFFFFF;color:var(--ink)}
::selection{background:var(--sage);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand)}
h1,h2,body.brand-use-case h2{font-family:var(--sans);font-weight:650;letter-spacing:-.035em}
h1 em,h2 em{font-style:normal;font-weight:500}
.brand{gap:0;letter-spacing:0;flex:0 0 auto}
.brand-logo{display:block;width:216px;height:auto;max-width:100%}
footer .brand-logo{width:202px}
.brand-mark,.brand-mark.mini{background:none;border-radius:0}
.sample-top b img{display:block;width:126px;height:auto}
.site-header nav a:hover,header:not(.site-header)>nav a:hover,.text-link:hover{color:var(--brand-deep)}
.language-options a:hover,.language-options [aria-current]{background:var(--soft)}
.button.dark,.button:not(.dark):not(.lime){background:var(--brand);border-color:var(--brand);color:white}
.button.dark:hover,.button:not(.dark):not(.lime):hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.button.lime{background:white;border-color:white;color:var(--ink)}
.button.lime:hover{background:var(--sage);border-color:var(--sage)}
.text-link{color:var(--brand-deep);border-bottom-color:var(--brand-deep)}
.little-line{background:var(--brand);width:28px}
.hero{gap:64px;padding-block:88px 82px}
.hero:before{display:none}
.hero h1{font-size:clamp(58px,5.65vw,80px);line-height:1.06}
.hero h1 em{color:var(--brand);font-size:.62em;letter-spacing:-.02em;line-height:1.35}
.release-note:before{background:var(--brand)}
.hero-product{background:white;border:1px solid var(--line);border-radius:22px;color:var(--ink);padding:28px;box-shadow:0 18px 48px -32px #11111132}
.hero-product:hover{box-shadow:0 18px 48px -32px #11111132}
.product-label{align-items:center;color:var(--muted);margin-bottom:24px}
.product-label>span:first-child{display:flex;align-items:center;gap:10px}
.product-brand-mark{width:27px;height:27px;flex:0 0 auto}
.voice-note{background:var(--soft);border:1px solid var(--line);border-radius:13px;color:var(--ink)}
.voice-note .note-caption{color:var(--muted)}
.note-language{border-color:var(--line);color:var(--brand-deep);background:white}
.voice-note>p{color:var(--ink)}
.voice-wave i{background:var(--brand);width:4px}
.thought-path{color:var(--brand)}
.thought-path span{background:#A7B8F2}
.output-note{background:white;border:1px solid var(--line);border-radius:13px;color:var(--ink)}
.mode-label{background:var(--sage);color:var(--brand-deep)}
.ready-check{background:var(--sage);color:var(--brand-deep)}
.product-bottom{color:var(--muted)}
.hero-product .demo-control{color:var(--brand-deep);background:var(--sage);border-color:var(--line)}
.hero-product .demo-control:hover{background:#E2E9FB}
.try-section{background:var(--soft)}
.mode-buttons button{border-color:var(--line);background:white;color:var(--ink)}
.mode-buttons button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:white}
.scenario-buttons button{background:white;border-color:var(--line);color:var(--ink)}
.scenario-buttons button[aria-pressed=true]{border-color:var(--brand);background:white;color:var(--brand-deep)}
.sample-card{border-color:var(--line)}
.sample-original{background:var(--soft)}
.sample-output-label{color:var(--brand-deep)}
.feature-icon{color:var(--brand)}
.privacy-section{background:var(--ink);border-color:var(--ink);border-radius:20px}
.privacy-mark svg{stroke:#A7B8F2}
.privacy-heading .eyebrow,.privacy-body>p:not(.privacy-lead),.privacy-body .privacy-footnote{color:#DEE3E8!important}
.privacy-heading h2{font-weight:600;color:white}
.privacy-heading h2 em{color:#A7B8F2}
.privacy-body li:before{color:#A7B8F2}
.closing-section{background:var(--brand)}
.closing-section h2{font-weight:650}
.closing-section h2 em,.closing-section .eyebrow,.closing-section p:last-child,.closing-section a[href$="/roadmap"]{color:white}
.info-hero h1{font-family:var(--sans);font-weight:650}
.info-layout aside nav a:hover,.info-layout aside nav a[aria-current=location]{color:var(--brand-deep)}
.info-content p,.info-content li,.change-entry li{color:var(--ink)}
.info-content a{color:var(--brand-deep)}
.beta-note,.platform-card.considering,.roadmap-summary,.legacy-beta,.change-notice{background:var(--soft)}
.platform-card,.platform-card.current,.platform-card.review{background:white}
.platform-icon{background:var(--sage);color:var(--brand-deep)}
.platform-status{color:var(--brand-deep)}
.platform-status:before{background:var(--brand)}
body.brand-use-case .note{background:var(--brand);border-color:var(--brand);color:white;box-shadow:none}
body.brand-use-case .note-top,body.brand-use-case .note-bottom,body.brand-use-case .note-top span:first-child,body.brand-use-case .wave{color:white}
body.brand-use-case .note-top>span:first-child{display:inline-flex;align-items:center;gap:9px}
body.brand-use-case .note-brand-mark{width:28px;height:28px}
body.brand-use-case .wave{display:flex;align-items:center;gap:7px;height:50px;letter-spacing:0}
body.brand-use-case .wave i{display:block;width:5px;height:20px;border-radius:3px;background:currentColor}
body.brand-use-case .wave i:nth-child(2),body.brand-use-case .wave i:nth-child(8){height:30px}
body.brand-use-case .wave i:nth-child(3),body.brand-use-case .wave i:nth-child(7){height:40px}
body.brand-use-case .wave i:nth-child(4),body.brand-use-case .wave i:nth-child(6){height:28px}
body.brand-use-case .wave i:nth-child(5){height:50px}
body.brand-use-case .note-bottom{border-color:#FFFFFF66}
body.brand-use-case .availability{background:var(--soft);border-color:var(--brand);color:var(--ink)}
body.brand-use-case .number{color:var(--brand)}
body.brand-use-case .limits{background:var(--ink)}
body.brand-use-case .limits h2{color:white}
body.brand-use-case .limits .eyebrow{color:#DEE3E8}
body.brand-use-case .related a,body.brand-use-case .closing{background:var(--soft)}
body.brand-use-case .case-card:hover{background:var(--soft)}
.change-notice{border-color:var(--brand)}
.change-jumps a{border-color:var(--line)}
.change-status.published,.change-status.beta{background:var(--sage);color:var(--brand-deep)}
.change-status.submitted,.change-status.prepared,.change-status.source,.change-status.test,.change-status.tested{background:var(--soft);color:var(--muted)}
.reading-progress,.back-top{background:var(--brand)}
.back-top:hover{background:var(--brand-deep)}
.motion-control:before{background:var(--brand)}
@media(min-width:1500px){.hero-copy h1{font-size:80px}}
@media(max-width:1100px){.brand-logo{width:205px}.hero{gap:40px}.hero h1{font-size:62px}.hero-product{padding:24px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-block:54px 58px;gap:40px}.hero h1{font-size:68px}.hero-product{max-width:510px}.brand-logo{width:194px}}
@media(max-width:450px){.brand-logo{width:184px}footer .brand-logo{width:184px}.site-header{gap:12px}.hero h1{font-size:clamp(48px,14vw,60px)}.hero h1 em{font-size:.56em!important;letter-spacing:-.015em}.hero-product{padding:20px}.hero-product .product-label{font-size:10px;letter-spacing:.5px}.product-brand-mark{width:24px;height:24px}.voice-note>p,.output-note>p{font-size:20px}.sample-top b img{width:114px}.sample-top .brand-mark.mini{width:28px;height:28px;margin-right:8px}.closing-section h2{font-size:42px}}
@media(max-width:360px){.brand-logo{width:168px}.site-languages summary{padding-inline:9px}}