: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: #1D4ED8 !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: #1D4ED8 !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;
}