:root { color-scheme: light; --bg:#fff; --surface:#f4f4f2; --text:#101010; --muted:#666; --line:#ddd; --dark:#111; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif; line-height:1.6; }
[data-i18n] { display:none!important; }
[data-lang="en"] [data-i18n~="en"],[data-lang="zh-Hans"] [data-i18n~="zh-Hans"],[data-lang="zh-Hant"] [data-i18n~="zh-Hant"],[data-lang="ja"] [data-i18n~="ja"],[data-lang="ko"] [data-i18n~="ko"],[data-lang="es"] [data-i18n~="es"],[data-lang="fr"] [data-i18n~="fr"],[data-lang="pt-BR"] [data-i18n~="pt-BR"],[data-lang="de"] [data-i18n~="de"],[data-lang="it"] [data-i18n~="it"],[data-lang="id"] [data-i18n~="id"],[data-lang="vi"] [data-i18n~="vi"],[data-lang="th"] [data-i18n~="th"],[data-lang="tr"] [data-i18n~="tr"] { display:revert!important; }
[data-i18n][hidden] { display:none!important; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.site-header { border-bottom:1px solid var(--line); }
.topbar { display:flex; min-height:72px; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:10px; font-size:17px; font-weight:750; }
.brand img { width:38px; height:38px; border-radius:9px; }
.nav { display:flex; gap:28px; color:var(--muted); font-size:14px; font-weight:600; }
.nav a:hover { color:var(--text); }
.hero { padding-block:72px 76px; }
.hero-copy { max-width:960px; }
.kicker,.eyebrow,.section-head>p { margin:0 0 20px; color:var(--muted); font-size:12px; font-weight:750; letter-spacing:.08em; }
h1,h2,h3,p { overflow-wrap:anywhere; }
h1 { margin:0; font-size:clamp(50px,6.4vw,88px); font-weight:780; letter-spacing:0; line-height:1.02; }
[data-lang="zh-Hans"] h1,[data-lang="zh-Hant"] h1,[data-lang="ja"] h1,[data-lang="ko"] h1 { font-size:clamp(48px,5.35vw,72px); }
.lead { max-width:760px; margin:24px 0 0; color:var(--muted); font-size:clamp(18px,1.8vw,22px); line-height:1.58; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 20px; border:1px solid var(--line); border-radius:4px; font-size:15px; font-weight:700; }
.button:hover { background:var(--surface); }
.button.primary { border-color:var(--text); background:var(--text); color:#fff; }
.button.primary:hover { background:#333; }
.note { margin:14px 0 0; color:var(--muted); font-size:12px; }
.showcase { padding:24px 0 28px; border-block:1px solid var(--line); background:var(--surface); }
.showcase-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,310px); gap:14px; width:100vw; padding-inline:max(24px,calc((100vw - 1240px)/2)); overflow-x:auto; scroll-padding-inline:max(24px,calc((100vw - 1240px)/2)); scroll-snap-type:x proximity; scrollbar-width:thin; }
.showcase figure { margin:0; scroll-snap-align:start; }
.showcase img { width:100%; border-radius:6px; }
.section { padding-block:78px; }
.section-head { display:grid; grid-template-columns:130px minmax(0,820px); gap:28px; margin-bottom:36px; }
.section-head>p { padding-top:8px; }
h2 { margin:0; font-size:clamp(40px,5.3vw,68px); font-weight:760; letter-spacing:0; line-height:1.08; }
h3 { margin:0; font-size:23px; line-height:1.25; }
.capture-grid { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.capture-grid article { padding:26px 28px 30px; border-right:1px solid var(--line); }
.capture-grid article:first-child { padding-left:0; }
.capture-grid article:last-child { border:0; }
.capture-grid b,.tool-grid b { display:block; margin-bottom:24px; color:#999; font-size:11px; }
.capture-grid p,.tool-grid p { margin:18px 0 0; color:var(--muted); font-size:15px; }
.tools { padding-block:78px; background:var(--dark); color:#fff; }
.tools .section-head>p { color:#888; }
.tool-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #383838; }
.tool-grid article { padding:24px 26px 28px 0; border-right:1px solid #383838; border-bottom:1px solid #383838; }
.tool-grid article:nth-child(3n+2),.tool-grid article:nth-child(3n+3) { padding-left:28px; }
.tool-grid article:nth-child(3n) { border-right:0; }
.tool-grid p { color:#aaa; }
.pro { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:clamp(40px,7vw,92px); }
.pro ul { margin:4px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.pro li { padding:18px 0; border-bottom:1px solid var(--line); font-size:15px; font-weight:650; }
.download { background:#e7ff47; }
.download .shell { display:grid; grid-template-columns:1fr auto; gap:48px; align-items:end; padding-block:76px; }
.download h2 { max-width:820px; }
footer { padding-block:48px 56px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.footer-inner { display:flex; justify-content:space-between; gap:36px; }
.footer-inner strong { color:var(--text); font-size:16px; }
.footer-inner p { margin:6px 0 0; }
.footer-inner nav { display:flex; flex-wrap:wrap; align-items:flex-start; gap:20px; color:var(--text); font-weight:600; }
@media (max-width:900px) {
  .capture-grid,.tool-grid { grid-template-columns:repeat(2,1fr); }
  .capture-grid article:nth-child(2) { border-right:0; }
  .capture-grid article:nth-child(3) { grid-column:1/-1; min-height:300px; padding-left:0; border-top:1px solid var(--line); }
  .tool-grid article:nth-child(3n) { border-right:1px solid #383838; }
  .tool-grid article:nth-child(even) { padding-left:28px; border-right:0; }
  .tool-grid article:nth-child(odd) { padding-left:0; }
  .pro { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .shell { width:min(100% - 32px,1240px); }
  .topbar { min-height:64px; }
  .nav { display:none; }
  .hero { padding-block:48px 52px; }
  h1 { font-size:clamp(40px,12vw,56px); }
  .desktop-break { display:none; }
  [data-lang="zh-Hans"] h1,[data-lang="zh-Hant"] h1,[data-lang="ja"] h1,[data-lang="ko"] h1 { font-size:clamp(40px,12vw,56px); }
  .lead { margin-top:22px; font-size:17px; }
  .button { min-height:48px; padding-inline:16px; font-size:14px; }
  .showcase { padding-block:16px 20px; }
  .showcase-track { grid-auto-columns:74vw; gap:12px; padding-inline:16px; scroll-padding-inline:16px; }
  .section,.tools { padding-block:56px; }
  .section-head { grid-template-columns:1fr; gap:8px; margin-bottom:28px; }
  .section-head>p { padding:0; }
  h2 { font-size:clamp(36px,10vw,48px); }
  .capture-grid,.tool-grid { grid-template-columns:1fr; }
  .capture-grid article,.capture-grid article:first-child,.capture-grid article:nth-child(3),.tool-grid article,.tool-grid article:nth-child(even),.tool-grid article:nth-child(odd),.tool-grid article:nth-child(3n) { grid-column:auto; padding:22px 0 24px; border-right:0; border-top:0; border-bottom:1px solid var(--line); }
  .tool-grid article,.tool-grid article:nth-child(even),.tool-grid article:nth-child(odd),.tool-grid article:nth-child(3n) { border-bottom-color:#383838; }
  .capture-grid b,.tool-grid b { margin-bottom:16px; }
  .download .shell { grid-template-columns:1fr; align-items:start; padding-block:62px; }
  .footer-inner { flex-direction:column; }
}
@media (max-width:390px) { .shell { width:min(100% - 28px,1240px); } .showcase-track { padding-inline:14px; } }