:lang(zh) footer h4, :lang(zh) .footer-col h4, .footer-col h3, :lang(zh) .footer-title,
:lang(zh) .footer-status, :lang(zh) footer b, :lang(zh) footer code,
:lang(zh) footer .meta, :lang(zh) footer .iclab, :lang(zh) .footer-col a {
font-family: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", "PingFang SC", "HarmonyOS Sans SC", MiSans, -apple-system, "Microsoft YaHei", sans-serif !important;
font-size: 12.5px !important; letter-spacing: 0.02em !important;
}
body { text-rendering: auto; }
:lang(zh) #v2 h1 {
line-height: 1.08; letter-spacing: normal; font-weight: 500;
word-break: keep-all; text-wrap: balance;
}
:lang(zh) #v2 h2 {
line-height: 1.12; letter-spacing: normal; font-weight: 600;
word-break: keep-all; text-wrap: balance;
}
:lang(zh) #v2 h3, :lang(zh) #v2 h4 { line-height: 1.3; letter-spacing: normal; }
:lang(zh) #v2 .eyebrow { letter-spacing: 0.02em; font-weight: 600; }
:lang(zh) #v2 p, :lang(zh) #v2 .lead, :lang(zh) #v2 li { line-height: 1.75; }
:lang(zh) #v2 { text-spacing-trim: space-all; }
:lang(zh) #v2 .mol-legend,
:lang(zh) #v2 .sv-play-note,
:lang(zh) #v2 span.cap,
:lang(zh) #v2 .sv-play-head .cap,
:lang(zh) #v2 .eyebrow,
:lang(zh) #v2 .mlab,
:lang(zh) #v2 .iclab,
:lang(zh) #v2 .pdemo-tab,
:lang(zh) #v2 .skip-link,
:lang(zh) #v2 span.meta,
:lang(zh) #v2 div.meta,
:lang(zh) #v2 .cite-id,
:lang(zh) #v2 .tl-date,
:lang(zh) #v2 .spec-bar .k,
:lang(zh) #v2 .pathbox .k,
:lang(zh) #v2 .card .tag,
:lang(zh) #v2 .card .meta,
:lang(zh) #v2 .mech b,
:lang(zh) #v2 .spec code,
:lang(zh) #v2 .evidence i,
:lang(zh) #v2 .demo-sub,
:lang(zh) footer h4,
:lang(zh) .footer-col h4, .footer-col h3,
:lang(zh) .footer-title,
:lang(zh) .footer-status,
:lang(zh) footer b,
:lang(zh) footer code,
:lang(zh) footer .meta {
font-family: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", "PingFang SC", "HarmonyOS Sans SC", MiSans, -apple-system, "Microsoft YaHei", sans-serif;
}
:lang(zh) #v2 span.cap          { font-size: 12px;   letter-spacing: 0.04em; }
:lang(zh) #v2 .mol-legend       { font-size: 13.5px; }
:lang(zh) #v2 .demo-sec .mol-legend { font-size: 13.5px; }
:lang(zh) #v2 .demo-sub,
:lang(zh) #v2 span.demo-sub     { font-size: 13.5px; }
:lang(zh) #v2 .demo-sec .demo-sub   { font-size: 13.5px; }
:lang(zh) #v2 span.pill         { font-size: 12.5px; }
:lang(zh) #v2 .sv-play-note     { font-size: 11.5px; }
:lang(zh) #v2 .seg button       { font-size: 12.5px; }
:lang(zh) #v2 .mlab, :lang(zh) #v2 .iclab, :lang(zh) #v2 .pdemo-tab,
:lang(zh) #v2 span.meta, :lang(zh) #v2 div.meta, :lang(zh) #v2 a.skip-link
{ font-size: 12.5px; letter-spacing: 0.02em; }
#v2 h1, #v2 h2 { text-wrap: balance; }
@media (max-width: 810px) {
:lang(zh) #v2 h1, :lang(zh) #v2 h2 { word-break: break-word; }
}
:lang(zh) #v2 .card,
:lang(zh) #v2 .mech,
:lang(zh) #v2 .grid3 > *,
:lang(zh) #v2 .grid2 > *,
:lang(zh) #v2 .mech > * { min-width: 0; }
:lang(zh) #v2 .card h4, #v2 .card h3,
:lang(zh) #v2 .mech h4, #v2 .mech h3,
:lang(zh) #v2 .loop-name,
:lang(zh) #v2 .card p,
:lang(zh) #v2 .mech p { overflow-wrap: break-word; word-break: normal; }
:lang(zh) .mlab,
:lang(zh) .iclab,
:lang(zh) .icell,
:lang(zh) .skip-link,
:lang(zh) .page.cap .evidence span,
:lang(zh) .page.cap .evidence b,
:lang(zh) .page.cap .evidence i,
:lang(zh) .sv-play-read span,
:lang(zh) .sv-play-cap span,
:lang(zh) .sv-play-cap,
:lang(zh) .sv-play-read,
:lang(zh) .bm-figcap,
:lang(zh) .bm-figcap b,
:lang(zh) .metrics .metric,
:lang(zh) .pdemo-tab,
:lang(zh) .tl-date,
:lang(zh) .footer-status,
:lang(zh) footer b,
:lang(zh) footer code,
:lang(zh) footer .iclab,
:lang(zh) .spec-bar .k,
:lang(zh) .pathbox .k,
:lang(zh) .card .tag,
:lang(zh) .card .meta,
:lang(zh) .video-cap,
:lang(zh) .video-subs,
:lang(zh) .vs-cap,
:lang(zh) .ctl,
:lang(zh) p.mlab,
:lang(zh) div.mlab {
font-family: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", "PingFang SC", "HarmonyOS Sans SC", MiSans, -apple-system, "Microsoft YaHei", sans-serif;
}
:lang(zh) svg text,
:lang(zh) svg tspan {
font-family: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", "PingFang SC", "HarmonyOS Sans SC", MiSans, -apple-system, "Microsoft YaHei", sans-serif !important;
}
:lang(zh) code { font-family: "Geist Mono", "JetBrains Mono", "PingFang SC", "HarmonyOS Sans SC", MiSans, ui-monospace, monospace; }
:lang(zh) .mlab, :lang(zh) .iclab, :lang(zh) .icell,
:lang(zh) .sv-play-read span, :lang(zh) .sv-play-cap span,
:lang(zh) .bm-figcap, :lang(zh) .metrics .metric,
:lang(zh) .pdemo-tab, :lang(zh) .skip-link,
:lang(zh) .video-cap, :lang(zh) .video-subs { font-size: 12.5px; letter-spacing: 0.02em; }
:lang(zh) svg text, :lang(zh) svg tspan { font-size: 13px; }
:lang(zh) .tl-date { color: rgba(255, 255, 255, 0.56) !important; }
:lang(zh) .pdemo-tab { color: rgba(255, 255, 255, 0.62) !important; }
:lang(zh) .pdemo-tab.active { color: #fff !important; }
[data-theme="light"] footer .footer-status,
[data-theme="light"] footer .footer-status *,
[data-theme="light"] footer h4,
[data-theme="light"] footer .footer-col h4, [data-theme="light"] footer .footer-col h3,
[data-theme="light"] footer .footer-title,
[data-theme="light"] footer .footer-brand p,
[data-theme="light"] footer .footer-inner p,
[data-theme="light"] footer .footer-brand-info p { color: rgba(0, 0, 0, 0.62) !important; }
[data-theme="light"] footer a:link,
[data-theme="light"] footer a:visited,
[data-theme="light"] footer a,
[data-theme="light"] .footer-bottom a:link,
[data-theme="light"] .footer-bottom a:visited,
[data-theme="light"] .footer-bottom a,
[data-theme="light"] .footer-bottom span,
[data-theme="light"] .footer-bottom,
[data-theme="light"] footer .footer-col a:link,
[data-theme="light"] footer .footer-col a:visited,
[data-theme="light"] footer .meta,
[data-theme="light"] footer code { color: rgba(0, 0, 0, 0.7) !important; }
[data-theme="light"] footer a:hover,
[data-theme="light"] .footer-bottom a:hover { color: rgba(0, 0, 0, 0.95) !important; }
[data-theme="light"] .footer-status-dot { background: #0F766E !important; }
[data-theme="light"] footer, [data-theme="light"] #v2 footer { border-top-color: var(--line) !important; }
[data-theme="light"] { --w-55: rgba(0, 0, 0, 0.62) !important; }
.footer-bottom {
justify-content: flex-start !important;
text-align: left !important;
gap: 8px !important;
flex-wrap: wrap;
}
.footer-bottom span[aria-hidden="true"] { display: inline !important; }
.footer-bottom a { text-decoration: none; }
.footer-bottom a:hover { text-decoration: underline; }
@media (max-width: 720px) {
.footer-bottom { gap: 6px !important; }
}
.footer-bottom .beian-gongan {
display: inline-flex; align-items: center; gap: 4px;
text-decoration: none; white-space: nowrap;
}
.footer-bottom .beian-gongan img {
width: 13px; height: 14px; display: block; flex: none;
filter: none;
}
.footer-bottom .beian-gongan:hover { text-decoration: underline; }
.footer-bottom .beian-gongan:hover img { text-decoration: none; }
:root {
--r-sm: 4px;
--r-card: 16px;
--r-pill: 100px;
--accent-brand: #1D4ED8;
--accent-brand-glow: rgba(29,78,216,.12);
--accent-brand-glow-strong: rgba(29,78,216,.22);
--accent-brand-hover: #1E40AF;
--accent-teal: #0F766E;
--accent-teal-glow: rgba(15,118,110,.10);
--bg-alt: #F6F7F9;
--bg-base: #FFFFFF;
--bg-elevated: #FFFFFF;
--bg-navbar: rgba(255,255,255,.82);
--bg-surface: #F6F7F9;
--border-default: rgba(0,0,0,.10);
--border-strong: rgba(0,0,0,.18);
--border-subtle: rgba(0,0,0,.055);
--card-veil: linear-gradient(to top,rgba(255,255,255,.96),transparent);
--ls-display: -.03em;
--shadow-btn: 0 1px 2px rgba(16,24,40,.08);
--shadow-card: 0 1px 2px rgba(16,24,40,.04),0 12px 28px rgba(16,24,40,.07);
--signal-fail: #FF5F56;
--signal-pass: #2DD4BF;
--signal-warn: #FFBD2E;
--text-body: 18px;
--text-desc: #55565A;
--text-display: clamp(36px,4.2vw,64px);
--text-h1: 44px;
--text-h2: 36px;
--text-h3: 20px;
--text-muted: #86868B;
--text-primary: #1C1C1E;
--text-secondary: #55565A;
--text-small: 14px;
--text-title: #0B0B0C;
--w-03: rgba(0,0,0,0.048);
--w-04: rgba(0,0,0,0.064);
--w-05: rgba(0,0,0,0.08);
--w-06: rgba(0,0,0,0.096);
--w-07: rgba(0,0,0,0.112);
--w-08: rgba(0,0,0,0.128);
--w-09: rgba(0,0,0,0.144);
--w-10: rgba(0,0,0,0.16);
--w-12: rgba(0,0,0,0.192);
--w-14: rgba(0,0,0,0.2);
--w-16: rgba(0,0,0,0.2);
--w-18: rgba(0,0,0,0.2);
--w-20: rgba(0,0,0,0.2);
--w-22: rgba(0,0,0,0.22);
--w-24: rgba(0,0,0,0.24);
--w-25: rgba(0,0,0,0.25);
--w-28: rgba(0,0,0,0.28);
--w-30: rgba(0,0,0,0.3);
--w-35: rgba(0,0,0,0.35);
--w-38: rgba(0,0,0,0.38);
--w-40: rgba(0,0,0,0.4);
--w-42: rgba(0,0,0,0.42);
--w-44: rgba(0,0,0,0.44);
--w-45: rgba(0,0,0,0.45);
--w-50: rgba(0,0,0,0.5);
--w-52: rgba(0,0,0,0.52);
--w-55: rgba(0, 0, 0, 0.62);
--w-56: rgba(0,0,0,0.56);
--w-60: rgba(0,0,0,0.6);
--w-64: rgba(0,0,0,0.64);
--w-66: rgba(0,0,0,0.66);
--w-72: rgba(0,0,0,0.72);
--w-75: rgba(0,0,0,0.75);
--w-78: rgba(0,0,0,0.78);
--w-84: rgba(0,0,0,0.84);
}
.navbar .logo-mark, .navbar .logo-text,
.navbar .logo-mark circle, .navbar .logo-mark path { color: #E8EAED !important; }
:root {
--bg: #FFFFFF !important;
--bg-base: #FFFFFF !important;
--bg-alt: #F6F7F9 !important;
--bg-elevated: #FFFFFF !important;
--bg-surface: #F6F7F9 !important;
--bg-page: #FFFFFF !important;
--bg-navbar: rgba(255,255,255,.92) !important;
--bg-dark: #F3F4F6 !important;
--text-primary: #111827 !important;
--text-secondary: rgba(17,24,39,.72) !important;
--text-muted: rgba(17,24,39,.56) !important;
--text-title: #111827 !important;
--border-subtle: rgba(0,0,0,.06) !important;
--border-default: rgba(0,0,0,.10) !important;
--border-strong: rgba(0,0,0,.16) !important;
}
[data-theme="dark"],
[data-theme="light"] {
background-color: #FFFFFF !important;
color: #111827 !important;
}
html, body {
background-color: #FFFFFF !important;
color: #111827 !important;
}
.theme-toggle,
button[class*="theme"],
a[class*="theme"] {
display: none !important;
}
.navbar {
background: rgba(255,255,255,.92) !important;
color: #111827 !important;
--text-primary: #111827 !important;
}
.navbar .logo-mark,
.navbar .logo-text,
.navbar .logo {
color: #111827 !important;
}
.navbar .menu a,
.navbar .nav-link {
color: rgba(17,24,39,.72) !important;
}
.navbar .menu a:hover,
.navbar .nav-link:hover {
color: #111827 !important;
}
.hero,
.phead,
section[class*="hero"] {
background-color: #FFFFFF !important;
color: #111827 !important;
}
.hero::before,
.phead::before,
section[class*="hero"]::before {
opacity: .5 !important;
}
.hero::after,
.phead::after,
section[class*="hero"]::after {
background: linear-gradient(to bottom,
rgba(255,255,255,.94) 0%,
rgba(255,255,255,.88) 40%,
rgba(255,255,255,.96) 100%) !important;
box-shadow: none !important;
}
#v2 .hero .hint,
#v2 .ask .hint,
.hero .trial-hint,
#v2 .ask .examples button,
.hero .examples button,
.hero .trial-hint span {
color: rgba(17,24,39,.72) !important;
}
#v2 .ask .examples button:hover,
.hero .examples button:hover {
color: #111827 !important;
}
.footer,
.linkcard,
.uc-cta,
.pillar,
.ctabox,
.uc-card,
.icell,
.footer-logo,
.footer-col,
.footer-brand,
.dark,
[data-theme="dark"] {
--text-primary: #E8EAED !important;
--text-secondary: rgba(255,255,255,.72) !important;
--text-muted: rgba(255,255,255,.56) !important;
--text-title: #F5F6F8 !important;
}
.navbar .seg button,
.navbar .seg a {
color: rgba(17,24,39,.72) !important;
}
.navbar .seg button.active,
.navbar .seg a.active {
color: #111827 !important;
background: rgba(17,24,39,.10) !important;
}
.accent,
#v2 .accent,
span.accent {
color: #0369A1 !important;
}
.cta-btn,
a.cta-btn,
#v2 .cta-btn {
color: #FFFFFF !important;
}
.hero h1, .hero h2, .hero h3,
.hero p, .hero .eyebrow, .hero .subtitle,
.hero .tagline, .hero .lead,
.phead h1, .phead h2, .phead p,
section[class*="hero"] h1,
section[class*="hero"] p,
section[class*="hero"] .eyebrow {
color: #111827 !important;
}
.pmain .cta-panel-card, #v2 .cta-panel-card, html body .cta-panel-card,
.pmain .cta-panel, #v2 .cta-panel, html body .cta-panel {
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
}
.pmain .cta-panel-card .cta-panel-title, #v2 .cta-panel-title, html body .cta-panel-title {
color: #111827 !important;
}
.pmain .cta-panel-card .cta-panel-desc, #v2 .cta-panel-desc, html body .cta-panel-desc {
color: rgba(17,24,39,.72) !important;
}
.pmain a.cta, #v2 a.cta, html body a.cta,
.pmain .ctas a.cta, #v2 .ctas a.cta,
.pmain .ctabox a.cta, #v2 .ctabox a.cta,
.pmain .ctabox .cta, #v2 .ctabox .cta {
color: rgba(17,24,39,.80) !important;
border-color: rgba(17,24,39,.32) !important;
}
.pmain a.cta:hover, #v2 a.cta:hover, html body a.cta:hover {
color: #111827 !important;
border-color: #111827 !important;
background-color: rgba(17,24,39,.04) !important;
}
.pmain code, #v2 code, html body code,
.pmain .uc-cta code, #v2 .uc-cta code, .pmain pre, #v2 pre, html body pre {
color: #111827 !important;
background-color: rgba(17,24,39,.06) !important;
}
.pmain .uc-cta .uc-cta-t, #v2 .uc-cta .uc-cta-t, html body .uc-cta-t,
.pmain .uc-cta h2, #v2 .uc-cta h2, .pmain .uc-cta h3, #v2 .uc-cta h3 {
color: #111827 !important;
}
.pmain .uc-cta .uc-cta-d, #v2 .uc-cta .uc-cta-d, html body .uc-cta-d,
.pmain .uc-cta p, #v2 .uc-cta p {
color: rgba(17,24,39,.72) !important;
}
.pmain .uc-cta .cta, #v2 .uc-cta .cta, html body .uc-cta .cta,
.pmain .ctas .cta, #v2 .ctas .cta, html body .cta {
color: rgba(17,24,39,.80) !important;
border-color: rgba(17,24,39,.32) !important;
}
.pmain .uc-cta .cta:hover, #v2 .uc-cta .cta:hover, html body .uc-cta .cta:hover {
color: #111827 !important;
border-color: #111827 !important;
background-color: rgba(17,24,39,.04) !important;
}
.pmain .uc-card, #v2 .uc-card, html body .uc-card,
.pmain .icell, #v2 .icell, html body .icell,
.pmain .pillar, #v2 .pillar, html body .pillar,
.pmain .ctabox, #v2 .ctabox, html body .ctabox,
.pmain .uc-cta, #v2 .uc-cta, html body .uc-cta {
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
color: #111827 !important;
}
.pmain .uc-card *, #v2 .uc-card *, html body .uc-card *,
.pmain .icell *, #v2 .icell *, html body .icell *,
.pmain .pillar *, #v2 .pillar *, html body .pillar *,
.pmain .ctabox *, #v2 .ctabox *, html body .ctabox * {
color: #111827 !important;
}
.pmain .uc-card .uc-card-d, #v2 .uc-card .uc-card-d,
.pmain .uc-card p, #v2 .uc-card p,
.pmain .pillar p, #v2 .pillar p,
.pmain .ctabox p, #v2 .ctabox p {
color: rgba(17,24,39,.72) !important;
}
.pmain .uc-card .uc-card-t, #v2 .uc-card .uc-card-t, html body .uc-card .uc-card-t,
.pmain .uc-card-t, #v2 .uc-card-t, html body .uc-card-t {
color: #111827 !important;
}
.pmain .uc-card .uc-card-d, #v2 .uc-card .uc-card-d, html body .uc-card .uc-card-d,
.pmain .uc-card-d, #v2 .uc-card-d, html body .uc-card-d,
.pmain .uc-card p, #v2 .uc-card p {
color: rgba(17,24,39,.72) !important;
}
.pmain .uc-card, #v2 .uc-card, html body .uc-card {
color: #111827 !important;
}
.pmain .ev-footer .ev-footer-col-title, #v2 .ev-footer-col-title, html body .ev-footer-col-title {
color: rgba(17,24,39,.50) !important;
}
.pmain .ev-footer *, #v2 .ev-footer *, html body .ev-footer * {
color: rgba(17,24,39,.72) !important;
}
.pmain .pdemo-tab, #v2 .pdemo-tab, html body .pdemo-tab,
.pmain .report .pdemo-tab, #v2 .report .pdemo-tab {
color: rgba(17,24,39,.60) !important;
}
.pmain .pdemo-tab.active, #v2 .pdemo-tab.active, html body .pdemo-tab.active {
color: #111827 !important;
}
.pmain .pdemo *, #v2 .pdemo *, html body .pdemo * {
color: #111827 !important;
}
#v2 .ask .box,
#v2 .trial,
.hero .trial,
.hero .ask .box {
background-color: rgba(17,24,39,.04) !important;
border-color: rgba(17,24,39,.14) !important;
}
#v2 .ask textarea,
#v2 .trial-input,
#v2 textarea,
#v2 input[type="text"],
#v2 input[type="email"],
#v2 input[type="search"],
.hero textarea,
.hero input[type="text"] {
color: #111827 !important;
}
#v2 .ask textarea::placeholder,
#v2 .trial-input::placeholder,
.hero textarea::placeholder,
.hero input::placeholder {
color: rgba(17,24,39,.45) !important;
}
#v2 .ask .examples button,
.hero .examples button {
background-color: rgba(17,24,39,.03) !important;
border-color: rgba(17,24,39,.14) !important;
}
#v2 .ask .examples button:hover,
.hero .examples button:hover {
border-color: rgba(17,24,39,.28) !important;
background-color: rgba(17,24,39,.06) !important;
}
#v2 .trial-send:disabled,
#v2 .ask .send:disabled {
background-color: rgba(17,24,39,.12) !important;
opacity: 1 !important;
}
.footer,
footer.footer {
background-color: #FFFFFF !important;
}
.footer .logo-text,
.footer .footer-copy,
.footer .footer-col h3,
.footer .footer-col h4,
.footer .footer-col a,
.footer .footer-bottom,
.footer .footer-bottom a,
.footer .bo-label,
.footer .bo-name,
.footer .bo-role,
.footer .footer-brand-info a {
color: rgba(17,24,39,.72) !important;
}
.footer .logo-mark,
.footer .footer-col a:hover,
.footer .footer-bottom a:hover {
color: #111827 !important;
}
.footer .footer-col h3,
.footer .footer-col h4 {
color: rgba(17,24,39,.50) !important;
}
code, kbd, samp,
.pmain code, .prose-body code, .psec code, pre code, pre {
color: #111827 !important;
background-color: rgba(17,24,39,.06) !important;
}
.ver, .tl-ver, .tl-date, .tl-t, .saxis,
.pmain .ver, .ph-title .ver {
color: rgba(17,24,39,.72) !important;
}
.accent, #v2 .accent, span.accent,
.accent-teal, .txt-accent {
color: #0369A1 !important;
}
.cta-btn:not(.primary):not(.cta-primary) {
color: #111827 !important;
border-color: rgba(17,24,39,.20) !important;
}
.cta-btn.primary, .cta-btn.cta-primary {
color: #FFFFFF !important;
}
.linkcard, .policy-link, .card {
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
}
.linkcard h2, .linkcard h3, .linkcard p, .linkcard span,
.policy-link h2, .policy-link h3, .policy-link p, .policy-link span,
.linkcard .t, .policy-link .t {
color: #111827 !important;
}
.linkcard p, .policy-link p, .linkcard .d, .policy-link .d {
color: rgba(17,24,39,.72) !important;
}
.seg {
background-color: rgba(17,24,39,.04) !important;
padding: 3px !important;
}
.seg button {
background-color: transparent !important;
color: rgba(17,24,39,.72) !important;
}
.seg button.active {
background-color: rgba(17,24,39,.12) !important;
color: #111827 !important;
}
.menu a, .navbar .menu a {
position: relative !important;
}
.menu a.active, .navbar .menu a.active {
color: #111827 !important;
font-weight: 500 !important;
}
.menu a.active::after, .navbar .menu a.active::after {
content: '' !important;
display: block !important;
position: absolute !important;
bottom: -8px !important;
left: 0 !important;
right: 0 !important;
height: 2px !important;
background-color: #111827 !important;
border-radius: 1px !important;
width: 100% !important;
}
#v2 .hero h1 .accent, #v2 .tagline .accent, #v2 h1.tagline .accent, #v2 .page-title .accent {
color: inherit !important;
}
.hero .cta,
.hero .page-ctas .cta,
#v2 .hero .cta,
.page-head .cta,
.sec.page-head .cta {
display: inline-flex !important;
align-items: center !important;
align-self: flex-start !important;
gap: 6px !important;
padding: 12px 24px !important;
border-radius: 8px !important;
background-color: #224eee !important;
color: #fff !important;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 1.4 !important;
text-decoration: none !important;
border: 1px solid #224eee !important;
width: auto !important;
min-width: auto !important;
max-width: none !important;
transition: transform .15s ease, box-shadow .15s ease !important;
}
.hero .cta:hover,
.page-head .cta:hover {
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(34,78,238,.25) !important;
}
.hero .ph-intro,
.hero .lead,
.page-head .sec-desc,
#v2 .page-head .sec-desc {
font-size: 1.25rem !important;
line-height: 1.55 !important;
color: rgba(17,24,39,.72) !important;
max-width: 680px !important;
margin: 16px 0 28px 0 !important;
}
.eyebrow, .ph-label, .plabel, .section-label {font-family: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, "PingFang SC", "HarmonyOS Sans SC", MiSans, -apple-system, "Microsoft YaHei", sans-serif !important;
text-transform: uppercase !important;
letter-spacing: 0.12em !important;
font-size: 12px !important;
line-height: 1.4 !important;
font-weight: 600 !important;
color: rgba(17,24,39,.56) !important;
}
.demo-sec .eyebrow, .play-sec .eyebrow, .final .eyebrow, .dark-sec .eyebrow,
#v2 .demo-sec .eyebrow, #v2 .play-sec .eyebrow, #v2 .final .eyebrow {
color: rgba(255,255,255,.78) !important;
}