@charset "UTF-8";
:root {
  color-scheme:light;
  --ink:#142640;
  --muted:#526174;
  --blue:#1463d6;
  --paper:#f4f7fc;
  --line:#dbe4ef;
  --surface:#fff;
  --soft:#eaf2ff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans",sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
}
button,input {
  font:inherit;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  cursor:pointer;
}
img {
  max-width:100%;
  display:block;
}
svg {
  width:22px;
  height:22px;
  flex-shrink:0;
  vertical-align:middle;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
[hidden] {
  display:none!important;
}
h1,h2,h3,p {
  margin:0;
}
h1,h2,h3 {
  line-height:1.12;
  font-weight:650;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
p {
  color:var(--muted);
}
.wrap {
  width:min(1240px,calc(100% - 96px));
  margin-inline:auto;
}
.skip {
  position:fixed;
  top:-80px;
  inset-inline-start:20px;
  padding:12px 20px;
  background:#fff;
  z-index:100;
}
.skip:focus {
  top:12px;
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible {
  outline:3px solid #0e52bb;
  outline-offset:4px;
}
.site-header {
  position:sticky;
  top:0;
  z-index:30;
  background:rgb(244 247 252 / 96%);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.header-inner {
  height:auto;
  min-height:88px;
  display:flex;
  align-items:center;
  gap:28px;
}
.brand {
  display:flex;
  align-items:center;
  gap:11px;
  font-size:23px;
  font-weight:700;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.brand img {
  width:36px;
  height:36px;
  border-radius:10px;
}
.main-nav {
  display:flex;
  align-items:center;
  gap:28px;
  margin-inline-start:auto;
  font-size:14px;
  font-weight:600;
}
.main-nav a:hover,.footer-links a:hover {
  color:var(--blue);
}
.header-controls {
  display:flex;
  align-items:center;
  gap:10px;
}
.release-badge {
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  border:1px solid #cbdcf3;
  border-radius:30px;
  background:#eaf2ff;
  color:#285282;
  font-size:12px;
  text-align:center;
  line-height:1.35;
}
.language-menu {
  position:relative;
}
.language-menu>summary {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  min-width:44px;
  padding:8px 12px;
  border:1px solid #6c87ab;
  border-radius:12px;
  background:#fff;
  font-weight:650;
  cursor:pointer;
  list-style:none;
}
.language-menu summary::-webkit-details-marker {
  display:none;
}
.language-menu>summary:hover {
  background:#eaf2ff;
}
.language-menu>summary svg {
  width:22px;
  height:22px;
  stroke-width:1.6;
}
.language-panel {
  position:absolute;
  inset-inline-end:0;
  top:56px;
  width:340px;
  max-width:calc(100vw - 32px);
  max-height:min(72vh,620px);
  padding:22px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 18px 48px rgb(20 38 64 / .15);
  overflow:auto;
}
.language-panel h2 {
  font-size:20px;
  letter-spacing:-.02em;
  margin-bottom:14px;
}
.language-panel input {
  width:100%;
  padding:10px 12px;
  border:1px solid #7187a6;
  border-radius:10px;
  background:#f8faff;
  color:var(--ink);
}
.language-list {
  padding:10px 0 0;
  margin:0;
  list-style:none;
  max-height:min(430px,60vh);
  overflow:auto;
}
.language-list a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:9px 10px;
  border-radius:8px;
}
.language-list a[aria-current=page],.language-list a:hover {
  background:#eaf2ff;
  color:var(--blue);
}
.language-list bdi {
  overflow-wrap:anywhere;
}
.language-list small {
  font-size:11px;
  color:var(--muted);
}
.language-flag {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex-shrink:0;
}
.language-flag img {
  width:24px;
  height:24px;
  object-fit:contain;
}
.no-js [data-language-filter] {
  display:none;
}
.button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:54px;
  min-width:0;
  padding:14px 25px;
  border:1px solid transparent;
  border-radius:14px;
  background:var(--blue);
  color:#fff;
  font-weight:650;
  line-height:1.35;
  overflow-wrap:anywhere;
  text-align:center;
}
.button:hover {
  background:#0e52bb;
}
.button:active {
  transform:translateY(1px);
}
.button.secondary {
  color:var(--ink);
  background:#fff;
  border-color:#6c87ab;
}
.button.secondary:hover {
  background:#eaf2ff;
  border-color:#9ab6d7;
}
.button.small {
  min-height:42px;
  padding:11px 19px;
  font-size:13px;
}
.eyebrow {
  font-size:11px;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--blue);
  line-height:1.6;
}
.hero {
  min-height:700px;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:center;
  gap:72px;
  padding-block:64px 76px;
}
.hero-copy {
  min-width:0;
}
.hero h1 {
  font-size:clamp(52px,5.3vw,76px);
  margin-block:21px 25px;
  max-width:700px;
  text-wrap:balance;
}
.hero-copy>p:not(.eyebrow) {
  max-width:535px;
  font-size:17px;
  line-height:1.75;
}
.hero-copy .capabilities {
  margin-top:16px;
  color:var(--ink);
  font-weight:700;
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px;
}
.hero-copy .beta-label {
  font-size:12px;
  margin-top:15px;
}
.product-visual {
  margin:0;
  width:100%;
  max-width:520px;
  min-width:0;
  justify-self:center;
}
.product-board {
  padding:32px;
  background:#e7f0ff;
  border:1px solid #d2e1f6;
  border-radius:30px;
}
.product-ui {
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe5ef;
  border-radius:20px;
  box-shadow:0 16px 36px rgb(21 58 104 / .10);
  color:#202b36;
  text-align:start;
  font-size:15px;
  line-height:1.5;
}
.visual-title {
  padding:21px 24px;
  border-bottom:1px solid #e5ebf2;
  font-size:19px;
  font-weight:700;
  letter-spacing:-.02em;
}
.visual-body {
  padding:9px 22px 22px;
}
.visual-setting {
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:19px 0;
}
.visual-icon {
  color:#677586;
}
.visual-icon svg {
  width:24px;
  height:24px;
}
.visual-setting strong {
  color:#176caa;
  font-size:15px;
  font-weight:650;
  max-width:130px;
  overflow-wrap:anywhere;
}
.visual-section-label {
  padding-top:18px;
  border-top:1px solid #e4eaf1;
  color:#176caa;
  font-size:13px;
  font-weight:700;
}
.visual-options {
  width:65%;
  min-width:150px;
  margin:0 0 0 auto;
  padding:7px;
  border:1px solid #e1e7f0;
  border-radius:16px;
  box-shadow:0 9px 24px rgb(24 45 75 / .13);
}
.visual-option {
  display:flex;
  align-items:center;
  gap:19px;
  padding:10px 15px;
  font-size:25px;
  line-height:1.45;
}
.visual-option.chosen {
  font-weight:650;
}
.choice-mark {
  width:22px;
  height:24px;
}
.choice-mark svg {
  width:22px;
  height:22px;
  stroke-width:2.7;
}
.product-visual figcaption {
  margin-top:12px;
  font-size:12px;
  color:var(--muted);
  text-align:center;
}
.visual-policy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 0;
  border-top:1px solid #e5ebf2;
}
.visual-switch {
  display:block;
  flex-shrink:0;
  width:39px;
  height:23px;
  border-radius:20px;
  background:#229af0;
  position:relative;
}
.visual-switch:after {
  content:"";
  position:absolute;
  width:17px;
  height:17px;
  right:3px;
  top:3px;
  background:#fff;
  border-radius:50%;
}
.visual-current {
  margin:-8px 0 20px 36px;
  color:#176caa;
  font-size:13px;
}
.visual-folder-menu {
  margin-inline-start:18px;
  border:1px solid #d9e4f0;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgb(24 45 75 / .08);
}
.folder-command {
  display:flex;
  align-items:center;
  gap:12px;
  padding:19px 16px;
  background:#f1f6fe;
  color:#176caa;
}
.folder-command strong {
  font-size:16px;
  font-weight:650;
}
.folder-command>span:last-child {
  margin-inline-start:auto;
  font-size:25px;
}
.folder-default {
  padding:16px;
  color:#526174;
  font-size:14px;
}
.visual-save .product-board {
  background:#eef4fc;
}
.visual-translation .product-board {
  background:#eaf2ff;
}
.intro {
  padding-block:62px;
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:90px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  align-items:end;
}
.intro h2 {
  font-size:clamp(35px,4vw,54px);
  margin-top:15px;
}
.intro>p {
  font-size:18px;
  max-width:450px;
}
.feature {
  padding-block:72px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:84px;
  align-items:center;
}
.feature>* {
  min-width:0;
}
.feature h2,.personal-feature h2 {
  font-size:clamp(35px,3.7vw,50px);
  margin-block:16px 23px;
}
.feature-copy>p:not(.eyebrow) {
  font-size:17px;
  line-height:1.8;
}
.feature-note {
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:24px;
  font-size:13px;
  color:#235a90;
}
.feature-note svg {
  width:18px;
  height:18px;
  margin-top:2px;
}
.download-feature {
  background:#143254;
  color:#fff;
  border:1px solid #143254;
  border-radius:30px;
  padding:56px;
  margin-block:16px 60px;
  gap:60px;
}
.download-feature .feature-copy .eyebrow {
  color:#b9d8ff;
}
.download-feature .feature-copy>p:not(.eyebrow) {
  color:#d8e7fa;
}
.download-feature .feature-note {
  color:#c6dfff;
}
.download-feature .product-visual figcaption {
  color:#d8e7fa;
}
.download-feature .product-board {
  background:#eaf2ff;
  border-color:#eaf2ff;
}
.personal-feature {
  padding:0 40px 55px;
  text-align:center;
  max-width:880px;
}
.personal-feature .feature-note {
  justify-content:center;
}
.personal-feature .feature-copy>p:not(.eyebrow) {
  max-width:720px;
  margin-inline:auto;
}
.download-callout {
  text-align:center;
  margin-block:30px 72px;
  padding:62px 40px;
  border-radius:30px;
  background:#145dcc;
  color:#fff;
}
.download-callout h2 {
  font-size:clamp(38px,4.5vw,60px);
  margin-bottom:22px;
  text-wrap:balance;
}
.download-callout>p {
  max-width:560px;
  margin:0 auto 27px;
  font-size:16px;
  color:#e7f0ff;
}
.download-callout .button {
  background:#fff;
  color:#114fae;
}
.download-callout .button:hover {
  background:#eaf2ff;
}
.download-callout :focus-visible {
  outline-color:#fff;
}
.faq {
  padding-block:0 70px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
}
.faq h2 {
  font-size:38px;
  max-width:330px;
}
.faq-item {
  border-top:1px solid var(--line);
  padding:20px 0;
}
.faq-item:last-child {
  border-bottom:1px solid var(--line);
}
.faq-item summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:24px;
  font-weight:600;
  line-height:1.5;
}
.faq-item summary:after {
  content:"+";
  font-size:22px;
  line-height:1;
  flex-shrink:0;
}
.faq-item[open] summary:after {
  content:"−";
}
.faq-item p {
  padding-top:15px;
  font-size:15px;
}
.faq-item p a {
  text-decoration:underline;
  text-underline-offset:4px;
}
.site-footer {
  padding-block:34px 26px;
  border-top:1px solid var(--line);
}
.footer-top,.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:28px;
}
.footer-top {
  align-items:center;
}
.footer-links {
  display:flex;
  gap:24px;
  font-size:13px;
  flex-wrap:wrap;
}
.footer-bottom {
  align-items:end;
  margin-top:23px;
  font-size:11px;
}
.footer-bottom p:first-child {
  font-size:12px;
}
.text-link {
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:4px;
  font-size:14px;
}
.document {
  max-width:760px;
  padding-block:70px 90px;
}
.document h1 {
  font-size:clamp(42px,5vw,66px);
  margin-bottom:25px;
  text-wrap:balance;
}
.document>.lead {
  font-size:20px;
  margin-bottom:42px;
}
.document h2 {
  font-size:24px;
  letter-spacing:-.025em;
  line-height:1.4;
  margin-block:32px 12px;
}
.document p {
  margin-bottom:20px;
}
.document .button {
  margin-block:10px 20px;
}
.error-page {
  min-height:65vh;
  display:flex;
  justify-content:center;
  flex-direction:column;
}
.error-page h1 {
  font-size:60px;
  margin-block:20px;
}
.error-page p {
  margin-bottom:25px;
}
.error-page .button {
  align-self:flex-start;
}
[data-download-dialog] {
  max-width:min(30rem,calc(100vw - 2rem));
  padding:2rem;
  border:1px solid #b9cbe3;
  border-radius:20px;
  color:var(--ink);
  background:#fff;
}
[data-download-dialog]::backdrop {
  background:rgb(11 30 55 / .48);
}
[data-download-dialog] button {
  margin-block-start:1rem;
}
[data-download-dialog]:not([open]) {
  display:none;
}
html[dir=rtl] h1,html[dir=rtl] h2 {
  letter-spacing:normal;
  line-height:1.35;
}
html[dir=rtl] .arrow {
  transform:scaleX(-1);
}
html:lang(zh-hans) .hero h1,html:lang(zh-hant) .hero h1 {
  font-size:clamp(42px,4.6vw,64px);
}
@media(max-width:1100px) {
  .wrap {
    width:calc(100% - 64px);
  }
  .header-inner {
    gap:18px;
  }
  .main-nav {
    gap:20px;
  }
  .hero {
    gap:36px;
  }
  .hero h1 {
    font-size:60px;
  }
  .product-board {
    padding:24px;
  }
  .feature {
    gap:48px;
  }
  .intro {
    gap:54px;
  }
  .download-feature {
    padding:40px;
    gap:36px;
  }
}
@media(max-width:850px) {
  .wrap {
    width:calc(100% - 48px);
  }
  .header-inner {
    height:74px;
  }
  .main-nav {
    display:none;
  }
  .header-controls {
    margin-inline-start:auto;
  }
  .hero {
    grid-template-columns:1fr;
    text-align:center;
    padding-block:50px 60px;
    gap:36px;
  }
  .hero h1 {
    font-size:clamp(48px,7.5vw,68px);
    margin-inline:auto;
  }
  .hero-copy>p:not(.eyebrow) {
    margin-inline:auto;
  }
  .hero-actions {
    justify-content:center;
  }
  .hero-copy .capabilities {
    margin-top:16px;
  }
  .intro {
    grid-template-columns:1fr;
    gap:24px;
    padding-block:45px;
  }
  .intro h2 {
    font-size:44px;
  }
  .feature {
    gap:35px;
    padding-block:50px;
  }
  .feature h2 {
    font-size:36px;
  }
  .feature-copy>p:not(.eyebrow) {
    font-size:16px;
  }
  .download-feature {
    grid-template-columns:1fr;
    margin-block:20px 45px;
    padding:40px;
  }
  .personal-feature {
    padding:0 30px 40px;
  }
  .download-callout {
    padding:50px 30px;
    margin-block:25px 55px;
  }
  .faq {
    grid-template-columns:1fr;
    gap:30px;
    padding-bottom:50px;
  }
  .faq h2 {
    max-width:none;
    font-size:35px;
  }
  .document {
    padding-block:50px 65px;
  }
}
@media(max-width:580px) {
  .wrap {
    width:calc(100% - 40px);
  }
  .header-inner {
    height:auto;
    gap:10px;
  }
  .brand {
    font-size:20px;
    gap:9px;
  }
  .brand img {
    width:30px;
    height:30px;
  }
  .header-controls {
    gap:4px;
  }
  .header-controls .release-badge {
    display:none;
  }
  .language-menu>summary {
    padding:7px 9px;
  }
  .language-panel {
    position:fixed;
    inset-inline:16px;
    top:76px;
    width:auto;
    max-width:none;
    padding:18px;
  }
  .hero {
    padding-block:40px 45px;
    gap:30px;
    min-height:0;
  }
  .hero h1 {
    font-size:clamp(42px,10vw,58px);
    margin-block:19px 22px;
  }
  html:lang(zh-hans) .hero h1,html:lang(zh-hant) .hero h1 {
    font-size:clamp(33px,9vw,46px);
  }
  .hero-copy>p:not(.eyebrow) {
    font-size:15px;
  }
  .hero-actions {
    margin-top:25px;
    gap:10px;
  }
  .hero-actions .button {
    font-size:13px;
    min-height:49px;
    padding:13px 17px;
  }
  .hero-copy .beta-label {
    font-size:11px;
  }
  .eyebrow {
    font-size:10px;
    letter-spacing:.1em;
  }
  .product-board {
    padding:18px;
    border-radius:23px;
  }
  .product-ui {
    font-size:14px;
    border-radius:16px;
  }
  .visual-title {
    padding:18px;
    font-size:18px;
  }
  .visual-body {
    padding:6px 16px 18px;
  }
  .visual-setting {
    grid-template-columns:22px minmax(0,1fr) auto;
    gap:9px;
    padding:17px 0;
  }
  .visual-setting strong {
    font-size:14px;
    max-width:95px;
  }
  .visual-policy {
    gap:13px;
    padding:18px 0;
  }
  .visual-options {
    min-width:145px;
  }
  .visual-option {
    font-size:23px;
    padding:8px 12px;
  }
  .visual-folder-menu {
    margin-inline-start:0;
  }
  .folder-command {
    padding:17px 13px;
  }
  .folder-command strong {
    font-size:15px;
  }
  .folder-default {
    font-size:13px;
    padding:14px;
  }
  .visual-current {
    margin-inline-start:31px;
  }
  .intro {
    padding-block:36px;
    gap:20px;
  }
  .intro h2 {
    font-size:37px;
  }
  .intro>p {
    font-size:16px;
  }
  .feature {
    grid-template-columns:1fr;
    gap:28px;
    padding-block:38px;
  }
  .feature h2,.personal-feature h2 {
    font-size:35px;
    margin-block:14px 19px;
  }
  .feature-note {
    font-size:12px;
    margin-top:20px;
  }
  .download-feature {
    padding:30px 20px;
    border-radius:24px;
    gap:30px;
    margin-block:10px 40px;
  }
  .personal-feature {
    padding:0 0 35px;
  }
  .download-callout {
    padding:44px 22px;
    border-radius:24px;
  }
  .download-callout h2 {
    font-size:38px;
  }
  .download-callout>p {
    font-size:15px;
  }
  .faq {
    gap:25px;
    padding-bottom:42px;
  }
  .faq h2 {
    font-size:33px;
  }
  .faq-item summary,.faq-item p {
    font-size:14px;
  }
  .site-footer {
    padding-block:28px 24px;
  }
  .footer-top,.footer-bottom {
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
  }
  .footer-links {
    gap:20px;
    font-size:12px;
  }
  .footer-bottom {
    gap:10px;
  }
  .document {
    padding-block:42px 60px;
  }
  .document h1 {
    font-size:40px;
  }
  .document>.lead {
    font-size:18px;
  }
  .document p {
    font-size:15px;
  }
}
@media(max-width:350px) {
  .wrap {
    width:calc(100% - 32px);
  }
  .brand {
    font-size:18px;
  }
  .brand img {
    width:27px;
    height:27px;
  }
  .header-inner {
    gap:4px;
  }
  .language-panel {
    inset-inline:12px;
  }
  .product-board {
    padding:14px;
  }
  .visual-body {
    padding-inline:13px;
  }
  .visual-title {
    padding:16px;
  }
  .visual-setting {
    gap:8px;
  }
  .visual-setting strong {
    max-width:83px;
  }
  .visual-icon svg {
    width:21px;
    height:21px;
  }
}
@view-transition {
  navigation:auto;
}
@keyframes page-in {
  from {
    opacity:.65;
    transform:translateY(5px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes page-out {
  to {
    opacity:0;
  }
}
::view-transition-old(root) {
  animation:page-out 100ms ease-out both;
}
::view-transition-new(root) {
  animation:page-in 160ms ease-out both;
}
.language-menu[open] .language-panel {
  animation:page-in 130ms ease-out;
}
.button,.language-menu>summary,.language-list a {
  transition:background-color 130ms ease-out,box-shadow 130ms ease-out,transform 130ms ease-out;
}
@media(hover:hover) and (pointer:fine) {
  .button:hover {
    box-shadow:0 5px 16px rgb(20 70 140 / .16);
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  ::view-transition-group(*),::view-transition-old(root),::view-transition-new(root) {
    animation:none!important;
  }
}
.language-list a[aria-current=page] {
  font-weight:700;
}

/* Whole-site product narrative: centered outcome, capability rail, full-width saving story. */
.home-page .hero{display:block;min-height:0;padding-block:54px 40px;text-align:center}
.home-page .hero-copy{max-width:1000px;margin-inline:auto}
.home-page .hero h1{max-width:1040px;font-size:clamp(50px,5.4vw,78px);margin:20px auto 24px;line-height:1.08}
.home-page .hero-copy>p:not(.eyebrow){max-width:735px;margin-inline:auto;font-size:18px;line-height:1.7}
.home-page .hero-copy .beta-label{margin-top:15px;font-size:12px}
.home-page .hero-actions{justify-content:center;margin-top:26px}
.home-page .hero>.product-visual{max-width:960px;margin:42px auto 0}
.home-page .hero .product-board{padding:32px 60px;background:#dfeafb;border-color:#cbdcf3}
.home-page .hero .product-ui{max-width:700px;margin:auto}
.visual-forward .visual-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.62fr);gap:28px;align-items:center;padding-top:18px}
.visual-forward .visual-options{width:100%;min-width:0;margin:0}
.facts-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:14px 54px;gap:30px;text-align:center}
.fact{padding:14px 20px;border-inline-end:1px solid var(--line)}.fact:last-child{border-inline-end:0}
.fact-value{display:block;font-size:51px;line-height:1.1;font-weight:650;color:var(--blue);letter-spacing:-.05em}
.fact-folder{height:56px;display:flex;align-items:center;justify-content:center}.fact-folder svg{width:40px;height:40px}
.fact h2{font-size:15px;font-weight:600;margin-top:12px;line-height:1.5;letter-spacing:0}
.save-story{background:#102e52;color:#fff;padding-block:72px}
.story-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}
.story-copy h2{font-size:clamp(37px,3.7vw,54px);margin-block:17px 24px;text-wrap:balance}
.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#e1ebfa}
.story-copy .eyebrow{color:#bcd7ff}
.acceleration-note{display:flex;gap:13px;margin-top:25px;padding-top:22px;border-top:1px solid #526b89;align-items:flex-start}
.acceleration-note>svg{color:#bcd7ff;margin-top:3px}.acceleration-note p{font-size:13px;color:#d1e1f6;line-height:1.75}
.save-story .product-board{background:#eaf2ff;border-color:#eaf2ff}
.save-story .product-visual figcaption{color:#d1e1f6}
.more-controls{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:70px}
.more-controls article{padding-inline-end:30px}.extra-icon{display:block;color:var(--blue);margin-bottom:22px}.extra-icon svg{width:29px;height:29px}
.more-controls h2{font-size:30px;line-height:1.25;margin-bottom:18px;letter-spacing:-.025em}.more-controls p{font-size:16px;line-height:1.8}
.beta-band{display:flex;align-items:center;justify-content:space-between;gap:50px;border-block:1px solid var(--line);padding-block:42px;margin-bottom:62px}
.beta-band h2{font-size:35px;margin-block:12px 15px}.beta-band p:last-child{font-size:16px}.beta-band>.button{flex-shrink:0}
@media(max-width:850px){.home-page .hero h1{font-size:57px}.home-page .hero .product-board{padding:28px}.story-grid{gap:40px}.story-copy h2{font-size:38px}.more-controls{gap:45px}.more-controls article{padding-inline-end:0}.beta-band{gap:25px}.beta-band h2{font-size:30px}}
@media(max-width:580px){.home-page .hero{padding-block:34px 25px}.home-page .hero h1{font-size:42px;line-height:1.15}.home-page .hero-copy>p:not(.eyebrow){font-size:15px}.home-page .hero-copy .beta-label{font-size:11px}.home-page .hero>.product-visual{margin-top:30px}.home-page .hero .product-board{padding:16px}.visual-forward .visual-body{grid-template-columns:1fr;gap:8px}.visual-forward .visual-options{width:66%;min-width:145px;margin-inline-start:auto}.facts-rail{gap:0;padding-block:5px 30px}.fact{padding:10px 7px}.fact-value{font-size:38px}.fact-folder{height:42px}.fact-folder svg{width:32px;height:32px}.fact h2{font-size:12px;margin-top:10px;overflow-wrap:anywhere}.save-story{padding-block:42px}.story-grid{grid-template-columns:1fr;gap:30px}.story-copy h2{font-size:35px}.story-copy>p:not(.eyebrow){font-size:16px}.more-controls{grid-template-columns:1fr;gap:35px;padding-block:42px}.more-controls article+article{border-top:1px solid var(--line);padding-top:32px}.more-controls h2{font-size:29px}.more-controls p{font-size:15px}.extra-icon{margin-bottom:15px}.beta-band{align-items:flex-start;flex-direction:column;gap:23px;padding-block:30px;margin-bottom:42px}.beta-band h2{font-size:29px}.beta-band p:last-child{font-size:15px}}
html:lang(zh-hans) .home-page .hero h1,html:lang(zh-hant) .home-page .hero h1{font-size:clamp(38px,4.8vw,68px)}
@media(max-width:580px){html:lang(zh-hans) .home-page .hero h1,html:lang(zh-hant) .home-page .hero h1{font-size:30px}}

.visual-option:not(.chosen){color:#596d84}

html[dir=rtl] .home-page .hero h1{line-height:1.35;letter-spacing:0}

.keep-together{white-space:nowrap}

.document-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.document-actions .button{margin:0}

.home-page .hero-copy>.hero-familiar{color:var(--ink);font-weight:600;margin-block:0 12px;font-size:19px;line-height:1.6}
@media(max-width:580px){.home-page .hero-copy>.hero-familiar{font-size:16px;line-height:1.65}}

/* Product pages share a reading rhythm, not repeated feature cards. */
:root{--action:#1463d6;--focus:#0e52bb;--header:rgb(244 247 252 / .97);--shadow:0 18px 48px rgb(20 38 64 / .15)}
html:lang(zh-hans) h1,html:lang(zh-hans) h2,html:lang(zh-hant) h1,html:lang(zh-hant) h2,html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}
.main-nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:7px}
.main-nav a{white-space:nowrap}.header-controls{margin-inline-start:auto}.main-nav{gap:23px}
.button{max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere}.button:not(.secondary){background:var(--action);color:#fff}
.home-page .hero-copy>.hero-identity{font-size:14px;line-height:1.5;margin-top:14px;max-width:700px}
.home-page .hero-copy>.hero-audience{font-size:15px;max-width:650px;margin-top:26px}
.home-page .hero h1{margin-top:16px}.hero .hero-actions{margin-top:22px}
.page-lead{padding-block:72px 65px;max-width:1080px}.page-lead h1{font-size:clamp(43px,5vw,76px);margin-block:22px 30px;text-wrap:balance;max-width:1050px}.page-lead .lead{font-size:21px;line-height:1.8;max-width:820px}.page-lead .text-link{margin-top:25px}
.product-intro{padding-block:70px;max-width:1050px}.product-intro h2{font-size:clamp(32px,3.2vw,48px);margin-block:20px;line-height:1.25;max-width:900px}.product-intro>p:not(.eyebrow){font-size:19px;max-width:800px}.product-intro .text-link{margin-top:26px;margin-inline-end:30px}
.text-link{display:inline-flex;align-items:center;gap:12px;line-height:1.6}.text-link svg{width:18px}
.journey,.feature-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;padding-block:70px;border-top:1px solid var(--line)}
.journey.reverse .journey-copy{order:2}.journey h2,.feature-detail h2{font-size:clamp(32px,3vw,45px);margin-block:16px 24px;line-height:1.25}.journey-copy>p:not(.eyebrow),.feature-detail p{font-size:18px;line-height:1.8}.small-note{font-size:14px!important;margin-top:22px}.feature-detail h2:not(:first-child){margin-top:45px}
.route-next,.boundary-section{padding-block:56px 70px;border-top:1px solid var(--line)}.route-next h2,.boundary-section h2{font-size:35px;margin-bottom:20px;line-height:1.25}.route-next>p,.boundary-section>p{max-width:850px;font-size:18px;line-height:1.8;margin-bottom:22px}.route-next .button,.boundary-section .button{margin-block:10px;margin-inline-end:14px}.route-next .text-link{margin-inline-end:24px}.boundary-section h2:not(:first-child){margin-top:45px}
.about-statement{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:60px 80px;border-top:1px solid var(--line)}.brand-statement{font-size:clamp(42px,5vw,72px);font-weight:650;line-height:1.25;letter-spacing:-.04em}.brand-statement span{color:var(--blue)}.about-statement h2{font-size:28px;line-height:1.3;margin-block:30px 18px}.about-statement p{font-size:18px;line-height:1.8}.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;padding-block:0 70px}.about-principles article{border-top:1px solid var(--line);padding-top:25px}.about-principles article>span{color:var(--blue)}.about-principles h2{font-size:27px;margin-block:22px}.about-principles p{font-size:16px;line-height:1.8;margin-top:14px}
.download-help{margin-top:75px;border-top:1px solid var(--line);padding-top:35px}.download-help h2{font-size:32px;margin-bottom:22px}.download-help details{border-bottom:1px solid var(--line);padding-block:18px}.download-help summary{cursor:pointer;font-weight:600;min-height:35px}.download-help p{margin-top:16px}.download-help .text-link{margin-top:24px}
.scene-body{padding:0}.scene-title{position:relative;display:flex;align-items:center;gap:12px;padding-inline:20px;color:#142640}.scene-title strong{font-size:18px}.scene-back{font-size:30px;font-weight:400}.scene-actions{margin-inline-start:auto;display:flex;gap:18px;order:3}.scene-title .scene-actions svg{width:21px}.sample-conversation{background:#edf2ef;padding:20px 18px;display:grid;gap:14px}.sample-message{display:flex;gap:10px;align-items:center}.sample-bubble{background:#fff;color:#142640;border-radius:15px 15px 15px 3px;padding:14px 18px;box-shadow:0 1px 1px rgb(0 0 0 / .04);width:87%;font-size:16px}.sample-bubble small{display:block;text-align:right;font-size:11px;color:#526174;margin-top:5px}.sample-message:nth-child(2) .sample-bubble{width:74%}.sample-message:nth-child(3) .sample-bubble{width:80%}.sample-compose{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:#fff;color:#526174;border-top:1px solid #dbe4ef}.sample-compose svg{color:#1463d6}.sample-data-label{display:block;background:#fff;color:#526174;font-size:11px;text-align:center;padding:10px}.account-example{display:flex;align-items:center;gap:14px;min-height:78px;padding:16px 20px;background:#fff;color:#142640}.account-example+.account-example{border-top:1px solid #dbe4ef}.sample-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:18px;background:#d9eafb;color:#175c9f;font-size:14px;flex-shrink:0}.account-example:nth-child(2) .sample-avatar{background:#e1eee5;color:#2c6743}.account-example strong{font-size:16px;flex:1}.sample-unread{background:#1463d6;color:#fff;border-radius:12px;padding:1px 7px;font-size:11px}.account-example svg{width:18px;color:#526174}.selection-check{display:grid;place-items:center;background:#1463d6;color:#fff;border-radius:50%;width:24px;height:24px;flex-shrink:0}.selection-check svg{width:17px;height:17px}.visual-chat .product-ui{max-width:670px}.visual-selection .sample-message{background:#e1eaf4;padding:7px;border-radius:13px}.visual-selection .sample-conversation{gap:6px}.product-ui{--ink:#142640;--muted:#526174;--blue:#1463d6;--surface:#fff;--line:#dbe4ef;color:#142640}
.quick-download{display:none}.appearance-menu{position:relative}.appearance-menu>summary{width:44px;height:44px;border:1px solid #6c87ab;border-radius:12px;background:var(--surface);display:grid;place-items:center;list-style:none;cursor:pointer}.appearance-menu summary::-webkit-details-marker{display:none}.appearance-menu fieldset{position:absolute;top:48px;inset-inline-end:0;min-width:190px;max-width:calc(100vw - 32px);padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);margin:0}.appearance-menu legend{float:inline-start;width:100%;font-weight:650;margin-bottom:9px;font-size:14px}.appearance-menu label{clear:both;display:flex;align-items:center;gap:12px;padding:10px 6px;min-height:44px;cursor:pointer}.appearance-menu input{accent-color:var(--action);width:17px;height:17px}.no-js .appearance-menu{display:none}
.site-header{background:var(--header)}.language-menu>summary,.language-panel,dialog,.skip{background:var(--surface);color:var(--ink)}.language-menu>summary:hover,.language-list a[aria-current=page],.language-list a:hover{background:var(--soft)}.language-panel input{background:var(--paper);color:var(--ink)}.language-panel{box-shadow:var(--shadow)}.button.secondary{background:var(--surface);color:var(--ink);border-color:#6c87ab}.text-link{color:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--focus)}.release-badge{background:var(--soft);color:var(--blue);border-color:var(--line)}
html[data-theme=dark]{color-scheme:dark;--ink:#edf3fc;--muted:#b5c4d8;--blue:#85baff;--paper:#0c1727;--line:#34445a;--surface:#172538;--soft:#1b334f;--focus:#add4ff;--header:rgb(12 23 39 / .97);--shadow:0 18px 48px rgb(0 0 0 / .35)}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--ink:#edf3fc;--muted:#b5c4d8;--blue:#85baff;--paper:#0c1727;--line:#34445a;--surface:#172538;--soft:#1b334f;--focus:#add4ff;--header:rgb(12 23 39 / .97);--shadow:0 18px 48px rgb(0 0 0 / .35)}}
html[data-theme=dark] .home-page .hero .product-board{background:#1d334e;border-color:#344d6b}html[data-theme=dark] .product-visual figcaption{color:#b5c4d8}html[data-theme=dark] .save-story .product-visual figcaption{color:#d1e1f6}html[data-theme=dark] .home-page .hero-copy>.hero-familiar{color:var(--ink)}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;padding-block:12px;gap:12px}.header-controls{margin-inline-start:auto}.main-nav{display:flex;order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;gap:25px;padding-block:5px 9px;font-size:13px;scrollbar-width:thin}.release-badge{display:none}}
@media(max-width:850px){.journey,.feature-detail{gap:35px}.about-statement{gap:40px}.about-principles{gap:30px}.page-lead{padding-block:50px}.page-lead h1{font-size:52px}}
@media(max-width:580px){.header-inner{min-height:0;gap:6px;padding-block:9px}.main-nav{gap:22px;font-size:12px;padding-block:7px 4px}.header-controls{gap:7px}.language-menu>summary{padding-inline:9px}.page-lead{padding-block:40px 35px}.page-lead h1{font-size:38px;line-height:1.2;margin-block:18px 23px}.page-lead .lead{font-size:17px}.journey,.feature-detail{grid-template-columns:1fr;gap:28px;padding-block:40px}.journey.reverse .journey-copy{order:0}.journey h2,.feature-detail h2{font-size:31px}.journey-copy>p:not(.eyebrow),.feature-detail p{font-size:16px}.product-intro{padding-block:44px}.product-intro>p:not(.eyebrow){font-size:17px}.route-next,.boundary-section{padding-block:40px}.route-next h2,.boundary-section h2{font-size:30px}.route-next>p,.boundary-section>p{font-size:16px}.about-statement{grid-template-columns:1fr;gap:20px;padding-block:40px}.brand-statement{font-size:48px}.about-principles{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.about-principles h2{margin-block:15px}.sample-bubble{padding:12px;font-size:14px}.scene-title{padding-inline:15px}.sample-conversation{padding:14px 10px}.account-example{padding:14px 12px;gap:9px}.account-example strong{font-size:14px}.sample-avatar{width:30px;height:30px;font-size:12px}.home-page .hero{padding-block:22px 28px}.home-page .hero-copy>.hero-identity{font-size:12px}.home-page .hero-copy>.hero-familiar{font-size:15px}.home-page .hero-copy>.hero-audience{font-size:14px}.home-page .hero h1{margin-bottom:18px}.appearance-menu fieldset{inset-inline-end:-35px}.download-help h2{font-size:28px}}
@media(max-width:580px) and (max-height:740px){body:has(.home-page){padding-bottom:93px}.quick-download{position:fixed;bottom:0;inset-inline:0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px;display:grid;gap:4px;box-shadow:0 -5px 25px rgb(0 0 0 / .06)}.quick-download .button{min-height:44px;padding-block:8px}.quick-download span{font-size:10px;line-height:1.3;color:var(--muted);text-align:center}}

.eyebrow{color:var(--blue)}
@media(max-width:580px) and (max-height:740px){body:has(.home-page){padding-bottom:170px}}

.sample-file{display:flex;align-items:center;gap:13px}.sample-file>svg{width:34px;height:42px;color:#1463d6}.sample-file>span{font-size:15px;font-weight:600}.sample-file>span>small{text-align:start;font-size:11px;font-weight:400;margin-top:3px}

.brand-statement small{display:block;font-size:21px;line-height:1.65;letter-spacing:0;color:var(--muted);max-width:420px;margin-top:24px}

.main-nav a{display:inline-flex;align-items:center;min-height:44px}

/* Preserve a real first-fold download action in shorter desktop windows. */
@media(min-width:581px) and (max-height:800px){.home-page .hero{padding-top:30px}.home-page .hero h1{font-size:clamp(42px,4.2vw,62px);line-height:1.08}.home-page .hero-copy>.hero-familiar{font-size:18px}.home-page .hero-copy>.hero-identity{font-size:13px}}

@media(max-width:580px) and (max-height:740px){html[data-primary-cta-visible=true] .quick-download{display:none}}

.semantic-title-line{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal}
@media(max-width:580px){html:lang(zh-hans) .about-page .page-lead h1,html:lang(zh-hant) .about-page .page-lead h1{font-size:28px;font-size:min(38px,8.8vw);line-height:1.35}html{scroll-padding-top:155px}}

@media(min-width:581px) and (max-width:1100px){html{scroll-padding-top:180px}}

/* Unified release page: fixed latest identity, independently selected notes. */
.latest-download{position:sticky;top:calc(var(--release-header-edge,140px) + 8px);z-index:18;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);margin-block:28px 40px}.latest-download strong{font-size:16px;direction:ltr;unicode-bidi:isolate}.release-notes{scroll-margin-top:240px;padding-block:16px 40px;min-height:240px}.release-select{display:grid;gap:10px;max-width:420px;font-weight:650;margin-block:24px}.release-select select{min-height:48px;width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}.release-select select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.release-note-body{white-space:pre-wrap;overflow-wrap:anywhere}.no-js .release-select{display:none}.release-notes article{border-top:1px solid var(--line);padding-block:20px}.release-notes article[hidden]{display:none}@media(max-width:580px){.latest-download{gap:10px;padding:12px;margin-block:20px 30px}.latest-download .button{font-size:15px;padding-inline:16px}.latest-download strong{font-size:13px}}

@media(max-width:580px){.latest-download{flex-wrap:nowrap}.latest-download .button{flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;font-size:14px;line-height:1.35}.latest-download strong{flex:0 0 86px;font-size:12px;text-align:center;white-space:normal}}.download-help{scroll-margin-top:130px}
