html:not([data-theme="dark"]) body{text-rendering:auto}html:not([data-theme="dark"]) [data-theme="light"]{ --w-55: rgba(0, 0, 0, 0.62) !important; }html:not([data-theme="dark"]) .footer-bottom{
justify-content: flex-start !important;
text-align: left !important;
gap: 8px !important;
flex-wrap: wrap;
}html:not([data-theme="dark"]) .footer-bottom span[aria-hidden="true"]{ display: inline !important; }html:not([data-theme="dark"]) .footer-bottom a{ text-decoration: none; }html:not([data-theme="dark"]) .footer-bottom a:hover{ text-decoration: underline; }
@media (max-width: 720px) {
.footer-bottom { gap: 6px !important; }
}html:not([data-theme="dark"]) .footer-bottom .beian-gongan{
display: inline-flex; align-items: center; gap: 4px;
text-decoration: none; white-space: nowrap;
}html:not([data-theme="dark"]) .footer-bottom .beian-gongan img{
width: 13px; height: 14px; display: block; flex: none;
filter: none;
}html:not([data-theme="dark"]) .footer-bottom .beian-gongan:hover{ text-decoration: underline; }html:not([data-theme="dark"]) .footer-bottom .beian-gongan:hover img{ text-decoration: none; }html:not([data-theme="dark"]) .kc-credits-row{
display: none; align-items: center; justify-content: flex-start;
padding: 2px 2px 12px; margin: 0;
}html:not([data-theme="dark"]) .kc-credits-row.show{ display: flex; }html:not([data-theme="dark"]) .kc-credits{
display: inline-flex; align-items: center; gap: 6px;
font-size: 12px; line-height: 18px; font-weight: 500;
color: var(--gray-5); text-decoration: none; white-space: nowrap;
border: 1px solid rgba(128,128,128,.28); border-radius: var(--r-sm);
padding: 2px 8px; transition: border-color .2s, color .2s, background .2s;
}html:not([data-theme="dark"]) .kc-credits:hover{ color: var(--ink); border-color: rgba(128,128,128,.5); }html:not([data-theme="dark"]) .kc-credits-num{ font-variant-numeric: tabular-nums; }html:not([data-theme="dark"]) .kc-credits-dot{ width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .6; flex: none; }html:not([data-theme="dark"]) .kc-credits.low{ color: #e5735f; border-color: rgba(229,115,95,.45); }html:not([data-theme="dark"]) .kc-credits.low .kc-credits-dot{ opacity: .9; }html:not([data-theme="dark"]) .kc-credits.zero{ color: #e5735f; border-color: rgba(229,115,95,.6); background: rgba(229,115,95,.08); }html:not([data-theme="dark"]) .kc-credits.zero .kc-credits-dot{ opacity: 1; }
@media (max-width: 720px) { .kc-credits { font-size: 11px; padding: 2px 6px; } }html:not([data-theme="dark"]) :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);
}html:not([data-theme="dark"]) .navbar .logo-mark, html:not([data-theme="dark"]) .navbar .logo-text, html:not([data-theme="dark"]) .navbar .logo-mark circle, html:not([data-theme="dark"]) .navbar .logo-mark path{ color: #E8EAED !important; }html:not([data-theme="dark"]) :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;
}html:not([data-theme="dark"]) [data-theme="dark"], html:not([data-theme="dark"]) [data-theme="light"]{
background-color: #FFFFFF !important;
color: #111827 !important;
}html:not([data-theme="dark"]) html, html:not([data-theme="dark"]) body{
background-color: #FFFFFF !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .theme-toggle, html:not([data-theme="dark"]) button[class*="theme"], html:not([data-theme="dark"]) a[class*="theme"]{
display: none !important;
}html:not([data-theme="dark"]) .navbar{
background: rgba(255,255,255,.92) !important;
color: #111827 !important;
--text-primary: #111827 !important;
}html:not([data-theme="dark"]) .navbar .logo-mark, html:not([data-theme="dark"]) .navbar .logo-text, html:not([data-theme="dark"]) .navbar .logo{
color: #111827 !important;
}html:not([data-theme="dark"]) .navbar .menu a, html:not([data-theme="dark"]) .navbar .nav-link{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .navbar .menu a:hover, html:not([data-theme="dark"]) .navbar .nav-link:hover{
color: #111827 !important;
}html:not([data-theme="dark"]) .hero, html:not([data-theme="dark"]) .phead, html:not([data-theme="dark"]) section[class*="hero"]{
background-color: #FFFFFF !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .hero::before, html:not([data-theme="dark"]) .phead::before, html:not([data-theme="dark"]) section[class*="hero"]::before{
opacity: .5 !important;
}html:not([data-theme="dark"]) .hero::after, html:not([data-theme="dark"]) .phead::after, html:not([data-theme="dark"]) 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;
}html:not([data-theme="dark"]) #v2 .hero .hint, html:not([data-theme="dark"]) #v2 .ask .hint, html:not([data-theme="dark"]) .hero .trial-hint, html:not([data-theme="dark"]) #v2 .ask .examples button, html:not([data-theme="dark"]) .hero .examples button, html:not([data-theme="dark"]) .hero .trial-hint span{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) #v2 .ask .examples button:hover, html:not([data-theme="dark"]) .hero .examples button:hover{
color: #111827 !important;
}html:not([data-theme="dark"]) .footer, html:not([data-theme="dark"]) .linkcard, html:not([data-theme="dark"]) .uc-cta, html:not([data-theme="dark"]) .pillar, html:not([data-theme="dark"]) .ctabox, html:not([data-theme="dark"]) .uc-card, html:not([data-theme="dark"]) .icell, html:not([data-theme="dark"]) .footer-logo, html:not([data-theme="dark"]) .footer-col, html:not([data-theme="dark"]) .footer-brand, html:not([data-theme="dark"]) .dark, html:not([data-theme="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;
}html:not([data-theme="dark"]) .navbar .seg button, html:not([data-theme="dark"]) .navbar .seg a{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .navbar .seg button.active, html:not([data-theme="dark"]) .navbar .seg a.active{
color: #111827 !important;
background: rgba(17,24,39,.10) !important;
}html:not([data-theme="dark"]) .accent, html:not([data-theme="dark"]) #v2 .accent, html:not([data-theme="dark"]) span.accent{
color: #0369A1 !important;
}html:not([data-theme="dark"]) .cta-btn, html:not([data-theme="dark"]) a.cta-btn, html:not([data-theme="dark"]) #v2 .cta-btn{
color: #FFFFFF !important;
}html:not([data-theme="dark"]) .hero h1, html:not([data-theme="dark"]) .hero h2, html:not([data-theme="dark"]) .hero h3, html:not([data-theme="dark"]) .hero p, html:not([data-theme="dark"]) .hero .eyebrow, html:not([data-theme="dark"]) .hero .subtitle, html:not([data-theme="dark"]) .hero .tagline, html:not([data-theme="dark"]) .hero .lead, html:not([data-theme="dark"]) .phead h1, html:not([data-theme="dark"]) .phead h2, html:not([data-theme="dark"]) .phead p, html:not([data-theme="dark"]) section[class*="hero"] h1, html:not([data-theme="dark"]) section[class*="hero"] p, html:not([data-theme="dark"]) section[class*="hero"] .eyebrow{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .cta-panel-card, html:not([data-theme="dark"]) #v2 .cta-panel-card, html:not([data-theme="dark"]) html body .cta-panel-card, html:not([data-theme="dark"]) .pmain .cta-panel, html:not([data-theme="dark"]) #v2 .cta-panel, html:not([data-theme="dark"]) html body .cta-panel{
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
}html:not([data-theme="dark"]) .pmain .cta-panel-card .cta-panel-title, html:not([data-theme="dark"]) #v2 .cta-panel-title, html:not([data-theme="dark"]) html body .cta-panel-title{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .cta-panel-card .cta-panel-desc, html:not([data-theme="dark"]) #v2 .cta-panel-desc, html:not([data-theme="dark"]) html body .cta-panel-desc{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .pmain a.cta, html:not([data-theme="dark"]) #v2 a.cta, html:not([data-theme="dark"]) html body a.cta, html:not([data-theme="dark"]) .pmain .ctas a.cta, html:not([data-theme="dark"]) #v2 .ctas a.cta, html:not([data-theme="dark"]) .pmain .ctabox a.cta, html:not([data-theme="dark"]) #v2 .ctabox a.cta, html:not([data-theme="dark"]) .pmain .ctabox .cta, html:not([data-theme="dark"]) #v2 .ctabox .cta{
color: rgba(17,24,39,.80) !important;
border-color: rgba(17,24,39,.32) !important;
}html:not([data-theme="dark"]) .pmain a.cta:hover, html:not([data-theme="dark"]) #v2 a.cta:hover, html:not([data-theme="dark"]) html body a.cta:hover{
color: #111827 !important;
border-color: #111827 !important;
background-color: rgba(17,24,39,.04) !important;
}html:not([data-theme="dark"]) .pmain code, html:not([data-theme="dark"]) #v2 code, html:not([data-theme="dark"]) html body code, html:not([data-theme="dark"]) .pmain .uc-cta code, html:not([data-theme="dark"]) #v2 .uc-cta code, html:not([data-theme="dark"]) .pmain pre, html:not([data-theme="dark"]) #v2 pre, html:not([data-theme="dark"]) html body pre{
color: #111827 !important;
background-color: rgba(17,24,39,.06) !important;
}html:not([data-theme="dark"]) .pmain .uc-cta .uc-cta-t, html:not([data-theme="dark"]) #v2 .uc-cta .uc-cta-t, html:not([data-theme="dark"]) html body .uc-cta-t, html:not([data-theme="dark"]) .pmain .uc-cta h2, html:not([data-theme="dark"]) #v2 .uc-cta h2, html:not([data-theme="dark"]) .pmain .uc-cta h3, html:not([data-theme="dark"]) #v2 .uc-cta h3{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .uc-cta .uc-cta-d, html:not([data-theme="dark"]) #v2 .uc-cta .uc-cta-d, html:not([data-theme="dark"]) html body .uc-cta-d, html:not([data-theme="dark"]) .pmain .uc-cta p, html:not([data-theme="dark"]) #v2 .uc-cta p{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .pmain .uc-cta .cta, html:not([data-theme="dark"]) #v2 .uc-cta .cta, html:not([data-theme="dark"]) html body .uc-cta .cta, html:not([data-theme="dark"]) .pmain .ctas .cta, html:not([data-theme="dark"]) #v2 .ctas .cta, html:not([data-theme="dark"]) html body .cta{
color: rgba(17,24,39,.80) !important;
border-color: rgba(17,24,39,.32) !important;
}html:not([data-theme="dark"]) .pmain .uc-cta .cta:hover, html:not([data-theme="dark"]) #v2 .uc-cta .cta:hover, html:not([data-theme="dark"]) html body .uc-cta .cta:hover{
color: #111827 !important;
border-color: #111827 !important;
background-color: rgba(17,24,39,.04) !important;
}html:not([data-theme="dark"]) .pmain .uc-card, html:not([data-theme="dark"]) #v2 .uc-card, html:not([data-theme="dark"]) html body .uc-card, html:not([data-theme="dark"]) .pmain .icell, html:not([data-theme="dark"]) #v2 .icell, html:not([data-theme="dark"]) html body .icell, html:not([data-theme="dark"]) .pmain .pillar, html:not([data-theme="dark"]) #v2 .pillar, html:not([data-theme="dark"]) html body .pillar, html:not([data-theme="dark"]) .pmain .ctabox, html:not([data-theme="dark"]) #v2 .ctabox, html:not([data-theme="dark"]) html body .ctabox, html:not([data-theme="dark"]) .pmain .uc-cta, html:not([data-theme="dark"]) #v2 .uc-cta, html:not([data-theme="dark"]) html body .uc-cta{
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .uc-card *, html:not([data-theme="dark"]) #v2 .uc-card *, html:not([data-theme="dark"]) html body .uc-card *, html:not([data-theme="dark"]) .pmain .icell *, html:not([data-theme="dark"]) #v2 .icell *, html:not([data-theme="dark"]) html body .icell *, html:not([data-theme="dark"]) .pmain .pillar *, html:not([data-theme="dark"]) #v2 .pillar *, html:not([data-theme="dark"]) html body .pillar *, html:not([data-theme="dark"]) .pmain .ctabox *, html:not([data-theme="dark"]) #v2 .ctabox *, html:not([data-theme="dark"]) html body .ctabox *{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .uc-card .uc-card-d, html:not([data-theme="dark"]) #v2 .uc-card .uc-card-d, html:not([data-theme="dark"]) .pmain .uc-card p, html:not([data-theme="dark"]) #v2 .uc-card p, html:not([data-theme="dark"]) .pmain .pillar p, html:not([data-theme="dark"]) #v2 .pillar p, html:not([data-theme="dark"]) .pmain .ctabox p, html:not([data-theme="dark"]) #v2 .ctabox p{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .pmain .uc-card .uc-card-t, html:not([data-theme="dark"]) #v2 .uc-card .uc-card-t, html:not([data-theme="dark"]) html body .uc-card .uc-card-t, html:not([data-theme="dark"]) .pmain .uc-card-t, html:not([data-theme="dark"]) #v2 .uc-card-t, html:not([data-theme="dark"]) html body .uc-card-t{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .uc-card .uc-card-d, html:not([data-theme="dark"]) #v2 .uc-card .uc-card-d, html:not([data-theme="dark"]) html body .uc-card .uc-card-d, html:not([data-theme="dark"]) .pmain .uc-card-d, html:not([data-theme="dark"]) #v2 .uc-card-d, html:not([data-theme="dark"]) html body .uc-card-d, html:not([data-theme="dark"]) .pmain .uc-card p, html:not([data-theme="dark"]) #v2 .uc-card p{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .pmain .uc-card, html:not([data-theme="dark"]) #v2 .uc-card, html:not([data-theme="dark"]) html body .uc-card{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .ev-footer .ev-footer-col-title, html:not([data-theme="dark"]) #v2 .ev-footer-col-title, html:not([data-theme="dark"]) html body .ev-footer-col-title{
color: rgba(17,24,39,.50) !important;
}html:not([data-theme="dark"]) .pmain .ev-footer *, html:not([data-theme="dark"]) #v2 .ev-footer *, html:not([data-theme="dark"]) html body .ev-footer *{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .pmain .pdemo-tab, html:not([data-theme="dark"]) #v2 .pdemo-tab, html:not([data-theme="dark"]) html body .pdemo-tab, html:not([data-theme="dark"]) .pmain .report .pdemo-tab, html:not([data-theme="dark"]) #v2 .report .pdemo-tab{
color: rgba(17,24,39,.60) !important;
}html:not([data-theme="dark"]) .pmain .pdemo-tab.active, html:not([data-theme="dark"]) #v2 .pdemo-tab.active, html:not([data-theme="dark"]) html body .pdemo-tab.active{
color: #111827 !important;
}html:not([data-theme="dark"]) .pmain .pdemo *, html:not([data-theme="dark"]) #v2 .pdemo *, html:not([data-theme="dark"]) html body .pdemo *{
color: #111827 !important;
}html:not([data-theme="dark"]) #v2 .ask .box, html:not([data-theme="dark"]) #v2 .trial, html:not([data-theme="dark"]) .hero .trial, html:not([data-theme="dark"]) .hero .ask .box{
background-color: rgba(17,24,39,.04) !important;
border-color: rgba(17,24,39,.14) !important;
}html:not([data-theme="dark"]) #v2 .ask textarea, html:not([data-theme="dark"]) #v2 .trial-input, html:not([data-theme="dark"]) #v2 textarea, html:not([data-theme="dark"]) #v2 input[type="text"], html:not([data-theme="dark"]) #v2 input[type="email"], html:not([data-theme="dark"]) #v2 input[type="search"], html:not([data-theme="dark"]) .hero textarea, html:not([data-theme="dark"]) .hero input[type="text"]{
color: #111827 !important;
}html:not([data-theme="dark"]) #v2 .ask textarea::placeholder, html:not([data-theme="dark"]) #v2 .trial-input::placeholder, html:not([data-theme="dark"]) .hero textarea::placeholder, html:not([data-theme="dark"]) .hero input::placeholder{
color: rgba(17,24,39,.45) !important;
}html:not([data-theme="dark"]) #v2 .ask .examples button, html:not([data-theme="dark"]) .hero .examples button{
background-color: rgba(17,24,39,.03) !important;
border-color: rgba(17,24,39,.14) !important;
}html:not([data-theme="dark"]) #v2 .ask .examples button:hover, html:not([data-theme="dark"]) .hero .examples button:hover{
border-color: rgba(17,24,39,.28) !important;
background-color: rgba(17,24,39,.06) !important;
}html:not([data-theme="dark"]) #v2 .trial-send:disabled, html:not([data-theme="dark"]) #v2 .ask .send:disabled{
background-color: rgba(17,24,39,.12) !important;
opacity: 1 !important;
}html:not([data-theme="dark"]) .footer, html:not([data-theme="dark"]) footer.footer{
background-color: #FFFFFF !important;
}html:not([data-theme="dark"]) .footer .logo-text, html:not([data-theme="dark"]) .footer .footer-copy, html:not([data-theme="dark"]) .footer .footer-col h3, html:not([data-theme="dark"]) .footer .footer-col h4, html:not([data-theme="dark"]) .footer .footer-col a, html:not([data-theme="dark"]) .footer .footer-bottom, html:not([data-theme="dark"]) .footer .footer-bottom a, html:not([data-theme="dark"]) .footer .bo-label, html:not([data-theme="dark"]) .footer .bo-name, html:not([data-theme="dark"]) .footer .bo-role, html:not([data-theme="dark"]) .footer .footer-brand-info a{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .footer .logo-mark, html:not([data-theme="dark"]) .footer .footer-col a:hover, html:not([data-theme="dark"]) .footer .footer-bottom a:hover{
color: #111827 !important;
}html:not([data-theme="dark"]) .footer .footer-col h3, html:not([data-theme="dark"]) .footer .footer-col h4{
color: rgba(17,24,39,.50) !important;
}html:not([data-theme="dark"]) code, html:not([data-theme="dark"]) kbd, html:not([data-theme="dark"]) samp, html:not([data-theme="dark"]) .pmain code, html:not([data-theme="dark"]) .prose-body code, html:not([data-theme="dark"]) .psec code, html:not([data-theme="dark"]) pre code, html:not([data-theme="dark"]) pre{
color: #111827 !important;
background-color: rgba(17,24,39,.06) !important;
}html:not([data-theme="dark"]) .ver, html:not([data-theme="dark"]) .tl-ver, html:not([data-theme="dark"]) .tl-date, html:not([data-theme="dark"]) .tl-t, html:not([data-theme="dark"]) .saxis, html:not([data-theme="dark"]) .pmain .ver, html:not([data-theme="dark"]) .ph-title .ver{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .accent, html:not([data-theme="dark"]) #v2 .accent, html:not([data-theme="dark"]) span.accent, html:not([data-theme="dark"]) .accent-teal, html:not([data-theme="dark"]) .txt-accent{
color: #0369A1 !important;
}html:not([data-theme="dark"]) .cta-btn:not(.primary):not(.cta-primary){
color: #111827 !important;
border-color: rgba(17,24,39,.20) !important;
}html:not([data-theme="dark"]) .cta-btn.primary, html:not([data-theme="dark"]) .cta-btn.cta-primary{
color: #FFFFFF !important;
}html:not([data-theme="dark"]) .linkcard, html:not([data-theme="dark"]) .policy-link, html:not([data-theme="dark"]) .card{
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
}html:not([data-theme="dark"]) .linkcard h2, html:not([data-theme="dark"]) .linkcard h3, html:not([data-theme="dark"]) .linkcard p, html:not([data-theme="dark"]) .linkcard span, html:not([data-theme="dark"]) .policy-link h2, html:not([data-theme="dark"]) .policy-link h3, html:not([data-theme="dark"]) .policy-link p, html:not([data-theme="dark"]) .policy-link span, html:not([data-theme="dark"]) .linkcard .t, html:not([data-theme="dark"]) .policy-link .t{
color: #111827 !important;
}html:not([data-theme="dark"]) .linkcard p, html:not([data-theme="dark"]) .policy-link p, html:not([data-theme="dark"]) .linkcard .d, html:not([data-theme="dark"]) .policy-link .d{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .kc-main, html:not([data-theme="dark"]) .kc-shell, html:not([data-theme="dark"]) .kc-app, html:not([data-theme="dark"]) .kc-no-chrome, html:not([data-theme="dark"]) .ev-page.kc-app{
background-color: #FFFFFF !important;
}html:not([data-theme="dark"]) .kc-thread, html:not([data-theme="dark"]) .kc-sidebar, html:not([data-theme="dark"]) .kc-panel, html:not([data-theme="dark"]) .kc-msg, html:not([data-theme="dark"]) .kc-msg-user, html:not([data-theme="dark"]) .kc-msg-assistant, html:not([data-theme="dark"]) .kc-pc, html:not([data-theme="dark"]) .kc-fact, html:not([data-theme="dark"]) .kc-detail, html:not([data-theme="dark"]) .kc-progress, html:not([data-theme="dark"]) .kc-welcome, html:not([data-theme="dark"]) .kc-empty{
background-color: #FFFFFF !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .kc-msg{
border-color: rgba(17,24,39,.08) !important;
}html:not([data-theme="dark"]) .kc-thread{
background-color: #F9FAFB !important;
}html:not([data-theme="dark"]) .kc-msg-body, html:not([data-theme="dark"]) .kc-msg-ts, html:not([data-theme="dark"]) .kc-detail-pct, html:not([data-theme="dark"]) .kc-progress-live, html:not([data-theme="dark"]) .kc-pc-name, html:not([data-theme="dark"]) .kc-pc-lbl, html:not([data-theme="dark"]) .kc-pc-note, html:not([data-theme="dark"]) .kc-feature-label, html:not([data-theme="dark"]) .kc-refresh-report, html:not([data-theme="dark"]) .kc-escalate, html:not([data-theme="dark"]) .kc-stop, html:not([data-theme="dark"]) .kc-hint, html:not([data-theme="dark"]) .kc-welcome-title, html:not([data-theme="dark"]) .kc-welcome-text, html:not([data-theme="dark"]) .kc-empty-title, html:not([data-theme="dark"]) .kc-empty-text, html:not([data-theme="dark"]) .kc-input-label, html:not([data-theme="dark"]) .kc-form-label, html:not([data-theme="dark"]) .kc-setting-label, html:not([data-theme="dark"]) .kc-sidebar-title, html:not([data-theme="dark"]) .kc-sidebar-item, html:not([data-theme="dark"]) .kc-history-item, html:not([data-theme="dark"]) .kc-chat-title, html:not([data-theme="dark"]) .kc-thread-title{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .kc-pc-name, html:not([data-theme="dark"]) .kc-welcome-title, html:not([data-theme="dark"]) .kc-empty-title, html:not([data-theme="dark"]) .kc-chat-title{
color: #111827 !important;
}html:not([data-theme="dark"]) .kc-badge, html:not([data-theme="dark"]) .kc-tag{
background-color: #F3F4F6 !important;
color: #374151 !important;
border-color: rgba(17,24,39,.10) !important;
}html:not([data-theme="dark"]) .kc-badge-info{
background-color: #DBEAFE !important;
color: #1E40AF !important;
}html:not([data-theme="dark"]) .kc-badge-success{
background-color: #DCFCE7 !important;
color: #166534 !important;
}html:not([data-theme="dark"]) .kc-badge-warn{
background-color: #FEF3C7 !important;
color: #92400E !important;
}html:not([data-theme="dark"]) .kc-pc-src, html:not([data-theme="dark"]) .kc-pc-val, html:not([data-theme="dark"]) a.kc-pc-src, html:not([data-theme="dark"]) a.kc-pc-val, html:not([data-theme="dark"]) .kc-link-green, html:not([data-theme="dark"]) a.kc-link-green{
color: #15803D !important;
}html:not([data-theme="dark"]) .kc-link, html:not([data-theme="dark"]) a.kc-link, html:not([data-theme="dark"]) .kc-pc a{
color: #0369A1 !important;
}html:not([data-theme="dark"]) .kc-input, html:not([data-theme="dark"]) .kc-textarea, html:not([data-theme="dark"]) .kc-search, html:not([data-theme="dark"]) .kc-select, html:not([data-theme="dark"]) .kc-field input, html:not([data-theme="dark"]) .kc-field textarea{
background-color: #FFFFFF !important;
color: #111827 !important;
border-color: rgba(17,24,39,.14) !important;
}html:not([data-theme="dark"]) .kc-input::placeholder, html:not([data-theme="dark"]) .kc-textarea::placeholder{
color: rgba(17,24,39,.45) !important;
}html:not([data-theme="dark"]) .kc-btn, html:not([data-theme="dark"]) .kc-button, html:not([data-theme="dark"]) button.kc-btn, html:not([data-theme="dark"]) button.kc-refresh-report, html:not([data-theme="dark"]) button.kc-escalate, html:not([data-theme="dark"]) .kc-submit, html:not([data-theme="dark"]) .kc-action{
background-color: #F3F4F6 !important;
color: #111827 !important;
border-color: rgba(17,24,39,.14) !important;
}html:not([data-theme="dark"]) .kc-btn:hover, html:not([data-theme="dark"]) .kc-button:hover, html:not([data-theme="dark"]) .kc-submit:hover{
background-color: #E5E7EB !important;
}html:not([data-theme="dark"]) .kc-btn-primary, html:not([data-theme="dark"]) .kc-submit-primary{
background-color: #111827 !important;
color: #FFFFFF !important;
}html:not([data-theme="dark"]) .kc-divider, html:not([data-theme="dark"]) .kc-separator{
border-color: rgba(17,24,39,.10) !important;
}html:not([data-theme="dark"]) .kc-card, html:not([data-theme="dark"]) .kc-panel-card{
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .kc-msg pre, html:not([data-theme="dark"]) .kc-msg code, html:not([data-theme="dark"]) .kc-detail pre, html:not([data-theme="dark"]) .kc-detail code{
background-color: rgba(17,24,39,.06) !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .kc-main *{
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .kc-main h1, html:not([data-theme="dark"]) .kc-main h2, html:not([data-theme="dark"]) .kc-main h3, html:not([data-theme="dark"]) .kc-main h4, html:not([data-theme="dark"]) .kc-main h5, html:not([data-theme="dark"]) .kc-main h6, html:not([data-theme="dark"]) .kc-main .kc-msg-title, html:not([data-theme="dark"]) .kc-main .kc-welcome-title, html:not([data-theme="dark"]) .kc-main .kc-empty-title, html:not([data-theme="dark"]) .kc-main .kc-pc-name, html:not([data-theme="dark"]) .kc-main strong, html:not([data-theme="dark"]) .kc-main b{
color: #111827 !important;
}html:not([data-theme="dark"]) .kc-main a, html:not([data-theme="dark"]) .kc-main a:link, html:not([data-theme="dark"]) .kc-main a:visited, html:not([data-theme="dark"]) .kc-main .kc-link, html:not([data-theme="dark"]) .kc-main .kc-pc a, html:not([data-theme="dark"]) .kc-main .kc-detail a, html:not([data-theme="dark"]) .kc-main .kc-msg-docbody a:not(.kc-pc-src):not(.kc-pc-val){
color: #0369A1 !important;
}html:not([data-theme="dark"]) .kc-main a.kc-pc-src, html:not([data-theme="dark"]) .kc-main a.kc-pc-val, html:not([data-theme="dark"]) .kc-main .kc-pc-src, html:not([data-theme="dark"]) .kc-main .kc-pc-val, html:not([data-theme="dark"]) .kc-main .kc-link-green, html:not([data-theme="dark"]) .kc-main a.kc-link-green{
color: #15803D !important;
}html:not([data-theme="dark"]) .kc-main .kc-badge, html:not([data-theme="dark"]) .kc-main .kc-tag{
background-color: #F3F4F6 !important;
color: #374151 !important;
}html:not([data-theme="dark"]) .kc-main .kc-badge-info{
background-color: #DBEAFE !important;
color: #1E40AF !important;
}html:not([data-theme="dark"]) .kc-main .kc-badge-success{
background-color: #DCFCE7 !important;
color: #166534 !important;
}html:not([data-theme="dark"]) .kc-main .kc-badge-warn{
background-color: #FEF3C7 !important;
color: #92400E !important;
}html:not([data-theme="dark"]) .kc-tool-card, html:not([data-theme="dark"]) .kc-tool-head, html:not([data-theme="dark"]) .kc-tool-body, html:not([data-theme="dark"]) .kc-details-body, html:not([data-theme="dark"]) .kc-struct-block, html:not([data-theme="dark"]) .kc-ev-section, html:not([data-theme="dark"]) .kc-ev-section-head, html:not([data-theme="dark"]) .kc-msg-docbody, html:not([data-theme="dark"]) .kc-detail, html:not([data-theme="dark"]) .kc-details > summary + div{
background-color: #FFFFFF !important;
border-color: rgba(17,24,39,.10) !important;
}html:not([data-theme="dark"]) .kc-main input, html:not([data-theme="dark"]) .kc-main textarea, html:not([data-theme="dark"]) .kc-main select{
background-color: #FFFFFF !important;
color: #111827 !important;
border-color: rgba(17,24,39,.14) !important;
}html:not([data-theme="dark"]) .kc-main input::placeholder, html:not([data-theme="dark"]) .kc-main textarea::placeholder{
color: rgba(17,24,39,.45) !important;
}html:not([data-theme="dark"]) .kc-main code, html:not([data-theme="dark"]) .kc-main pre, html:not([data-theme="dark"]) .kc-main pre code{
background-color: rgba(17,24,39,.06) !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .seg{
background-color: rgba(17,24,39,.04) !important;
padding: 3px !important;
}html:not([data-theme="dark"]) .seg button{
background-color: transparent !important;
color: rgba(17,24,39,.72) !important;
}html:not([data-theme="dark"]) .seg button.active{
background-color: rgba(17,24,39,.12) !important;
color: #111827 !important;
}html:not([data-theme="dark"]) .menu a, html:not([data-theme="dark"]) .navbar .menu a{
position: relative !important;
}html:not([data-theme="dark"]) .menu a.active, html:not([data-theme="dark"]) .navbar .menu a.active{
color: #111827 !important;
font-weight: 500 !important;
}html:not([data-theme="dark"]) .menu a.active::after, html:not([data-theme="dark"]) .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;
}html:not([data-theme="dark"]) #v2 .hero h1 .accent, html:not([data-theme="dark"]) #v2 .tagline .accent, html:not([data-theme="dark"]) #v2 h1.tagline .accent, html:not([data-theme="dark"]) #v2 .page-title .accent{
color: inherit !important;
}html:not([data-theme="dark"]) .hero .cta, html:not([data-theme="dark"]) .hero .page-ctas .cta, html:not([data-theme="dark"]) #v2 .hero .cta, html:not([data-theme="dark"]) .page-head .cta, html:not([data-theme="dark"]) .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;
}html:not([data-theme="dark"]) .hero .cta:hover, html:not([data-theme="dark"]) .page-head .cta:hover{
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(34,78,238,.25) !important;
}html:not([data-theme="dark"]) .hero .ph-intro, html:not([data-theme="dark"]) .hero .lead, html:not([data-theme="dark"]) .page-head .sec-desc, html:not([data-theme="dark"]) #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;
}html:not([data-theme="dark"]) .eyebrow, html:not([data-theme="dark"]) .ph-label, html:not([data-theme="dark"]) .plabel, html:not([data-theme="dark"]) .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;
}html:not([data-theme="dark"]) .demo-sec .eyebrow, html:not([data-theme="dark"]) .play-sec .eyebrow, html:not([data-theme="dark"]) .final .eyebrow, html:not([data-theme="dark"]) .dark-sec .eyebrow, html:not([data-theme="dark"]) #v2 .demo-sec .eyebrow, html:not([data-theme="dark"]) #v2 .play-sec .eyebrow, html:not([data-theme="dark"]) #v2 .final .eyebrow{
color: rgba(255,255,255,.78) !important;
}html:not([data-theme="dark"]) .page, html:not([data-theme="dark"]) #v2 .page, html:not([data-theme="dark"]) #v2 .page-inner, html:not([data-theme="dark"]) .page-inner{
width: 100% !important;
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
}html:not([data-theme="dark"]) .logo-mark{
width: 26px !important;
height: 26px !important;
color: #000 !important;
}html:not([data-theme="dark"]) .logo-mark circle, html:not([data-theme="dark"]) .logo-mark path{
stroke: #000 !important;
stroke-width: 2.4px !important;
}html:not([data-theme="dark"]) .logo{
color: #000 !important;
}html:not([data-theme="dark"]) .logo-text{
font-weight: 700 !important;
font-size: 16px !important;
letter-spacing: -0.02em !important;
color: #000 !important;
}html:not([data-theme="dark"]) .navbar{
height: 72px !important;
display: flex !important;
align-items: center !important;
}html:not([data-theme="dark"]) .navbar .page.nav-inner, html:not([data-theme="dark"]) .navbar .nav-inner{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
height: 100% !important;
}html:not([data-theme="dark"]) .navbar .menu{
display: flex !important;
align-items: center !important;
gap: 32px !important;
}html:not([data-theme="dark"]) .navbar .menu a{
font-size: 14px !important;
font-weight: 450 !important;
color: rgba(17,24,39,.64) !important;
padding: 8px 0 !important;
}html:not([data-theme="dark"]) .navbar .menu a:hover{
color: #111827 !important;
}html:not([data-theme="dark"]) .hero, html:not([data-theme="dark"]) #v2 .hero, html:not([data-theme="dark"]) #v2 > section.hero{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: flex-start !important;
height: auto !important;
min-height: 520px !important;
padding: 120px 0 80px !important;
}html:not([data-theme="dark"]) .hero .hd{
max-width: none !important;
width: 100% !important;
}html:not([data-theme="dark"]) #v2 .hero .hd > h1, html:not([data-theme="dark"]) #v2 .hero .hd > .tagline, html:not([data-theme="dark"]) #v2 .hero .hd > .page-title{
max-width: none !important;
width: 100% !important;
}html:not([data-theme="dark"]) .hero h1, html:not([data-theme="dark"]) .hero .tagline, html:not([data-theme="dark"]) .page-head h1, html:not([data-theme="dark"]) .page-head .page-title{
overflow-wrap: break-word !important;
word-break: break-word !important;
hyphens: auto !important;
}html:not([data-theme="dark"]) .demo-sec .eyebrow, html:not([data-theme="dark"]) .play-sec .eyebrow, html:not([data-theme="dark"]) .final .eyebrow, html:not([data-theme="dark"]) .dark-sec .eyebrow, html:not([data-theme="dark"]) .demo-sec .sec-inner > .eyebrow, html:not([data-theme="dark"]) .play-sec .eyebrow{
color: rgba(255,255,255,.78) !important;
opacity: 1 !important;
}html:not([data-theme="dark"]) .final .btn-primary, html:not([data-theme="dark"]) .final .cta{
background-color: #fff !important;
color: #111827 !important;
border-color: #fff !important;
}html:not([data-theme="dark"]) .final .btn-on-dark{
background-color: transparent !important;
color: #fff !important;
border-color: rgba(255,255,255,.45) !important;
}html:not([data-theme="dark"]) .final .cta:hover{
background-color: rgba(255,255,255,.88) !important;
border-color: rgba(255,255,255,.88) !important;
}html:not([data-theme="dark"]) .final .btn-on-dark:hover{
background-color: rgba(255,255,255,.12) !important;
border-color: rgba(255,255,255,.7) !important;
}html:not([data-theme="dark"]) .final .btn:not(.btn-on-dark):not(.btn-primary):not(.cta){
background-color: transparent !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.42) !important;
}html:not([data-theme="dark"]) .final .btn:not(.btn-on-dark):not(.btn-primary):not(.cta):hover{
background-color: rgba(255,255,255,.12) !important;
border-color: rgba(255,255,255,.7) !important;
}html:not([data-theme="dark"]) .demo-sec h1, html:not([data-theme="dark"]) .demo-sec h2, html:not([data-theme="dark"]) .demo-sec h3, html:not([data-theme="dark"]) .demo-sec h4, html:not([data-theme="dark"]) .demo-sec .sec-title, html:not([data-theme="dark"]) .play-sec h1, html:not([data-theme="dark"]) .play-sec h2, html:not([data-theme="dark"]) .play-sec h3, html:not([data-theme="dark"]) .play-sec h4, html:not([data-theme="dark"]) .play-sec .sec-title, html:not([data-theme="dark"]) .final h1, html:not([data-theme="dark"]) .final h2, html:not([data-theme="dark"]) .final h3, html:not([data-theme="dark"]) .final h4{
color: #fff !important;
}html:not([data-theme="dark"]) .demo-sec p, html:not([data-theme="dark"]) .demo-sec .sec-desc, html:not([data-theme="dark"]) .demo-sec .demo-name, html:not([data-theme="dark"]) .play-sec p, html:not([data-theme="dark"]) .play-sec .sec-desc, html:not([data-theme="dark"]) .play-sec .sub, html:not([data-theme="dark"]) .final p, html:not([data-theme="dark"]) .final .lead{
color: rgba(255,255,255,.72) !important;
}html:not([data-theme="dark"]) .demo-sec .demo-sub, html:not([data-theme="dark"]) .play-sec .demo-sub{
color: rgba(255,255,255,.56) !important;
}html:not([data-theme="dark"]) .demo-sec .demo-card, html:not([data-theme="dark"]) .play-sec .demo-card{
background-color: rgba(255,255,255,.04) !important;
border-color: rgba(255,255,255,.1) !important;
}html:not([data-theme="dark"]) .sec-inner, html:not([data-theme="dark"]) .sec .sec-inner, html:not([data-theme="dark"]) .demo-sec .sec-inner, html:not([data-theme="dark"]) .play-sec .sec-inner, html:not([data-theme="dark"]) #v2 .sec-inner{
width: 100% !important;
max-width: 1344px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 32px !important;
padding-right: 32px !important;
box-sizing: border-box !important;
}html:not([data-theme="dark"]) .sec, html:not([data-theme="dark"]) .demo-sec, html:not([data-theme="dark"]) .play-sec{
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}html:not([data-theme="dark"]) .demo-grid{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
width: 100% !important;
max-width: none !important;
justify-content: stretch !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}html:not([data-theme="dark"]) .grid3, html:not([data-theme="dark"]) .grid2, html:not([data-theme="dark"]) .cards, html:not([data-theme="dark"]) .mech, html:not([data-theme="dark"]) .uc-grid{
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}html:not([data-theme="dark"]) .demo-card{
width: 100% !important;
max-width: none !important;
}
@media (max-width: 720px) {
.sec-inner, .sec .sec-inner, .demo-sec .sec-inner, #v2 .sec-inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
.demo-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 720px) {
.page,
#v2 .page {
padding-left: 20px !important;
padding-right: 20px !important;
}
.hero,
#v2 .hero,
#v2 > section.hero {
padding: 64px 0 48px !important;
min-height: auto !important;
}
.hero h1,
.hero .tagline,
.page-head h1,
.page-head .page-title,
#v2 .hero h1,
#v2 .hero .tagline {
font-size: clamp(30px, 8vw, 44px) !important;
line-height: 1.12 !important;
letter-spacing: -0.02em !important;
}
.hero .lead,
.hero .ph-intro,
.page-head .sec-desc,
#v2 .hero .lead {
font-size: 16px !important;
line-height: 1.6 !important;
}
.hero .eyebrow,
.page-head .eyebrow {
font-size: 11px !important;
margin-bottom: 16px !important;
}
.navbar {
height: 64px !important;
}
.navbar .page.nav-inner,
.navbar .nav-inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
.navbar .menu {
gap: 20px !important;
}
.navbar .menu a {
font-size: 13px !important;
}
.logo-text {
font-size: 15px !important;
}
#v2 .ask .box,
.ask .box {
padding: 14px !important;
}
}html:not([data-theme="dark"]) .skip-link{
position: absolute !important;
left: -9999px !important;
top: 0 !important;
z-index: 9999 !important;
padding: 12px 20px !important;
background: #111827 !important;
color: #fff !important;
border-radius: 0 0 8px 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
}html:not([data-theme="dark"]) .skip-link:focus{
left: 0 !important;
outline: 2px solid #224eee !important;
outline-offset: 2px !important;
}
@media (max-width: 480px) {
.hero h1,
.hero .tagline,
.page-head h1,
#v2 .hero h1 {
font-size: clamp(26px, 9vw, 34px) !important;
}
}html:not([data-theme="dark"]) .hero .eyebrow, html:not([data-theme="dark"]) .page-head .eyebrow{
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.14em !important;
color: rgba(17,24,39,.48) !important;
margin-bottom: 24px !important;
}html:not([data-theme="dark"]) .hero h1, html:not([data-theme="dark"]) .hero .tagline, html:not([data-theme="dark"]) .page-head h1, html:not([data-theme="dark"]) .page-head .page-title{
font-size: clamp(36px, 5vw, 64px) !important;
line-height: 1.08 !important;
letter-spacing: -.02em !important;
font-weight: 500 !important;
color: #111827 !important;
margin-bottom: 24px !important;
}html:not([data-theme="dark"]) .hero .lead, html:not([data-theme="dark"]) .hero .ph-intro, html:not([data-theme="dark"]) .page-head .sec-desc{
font-size: 18px !important;
line-height: 1.6 !important;
color: rgba(17,24,39,.68) !important;
max-width: 640px !important;
margin-bottom: 32px !important;
}html:not([data-theme="dark"]) .cta, html:not([data-theme="dark"]) .btn-primary, html:not([data-theme="dark"]) .btn{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 44px !important;
padding: 0 24px !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all .15s ease !important;
}html:not([data-theme="dark"]) .cta, html:not([data-theme="dark"]) .btn-primary{
background-color: #111827 !important;
color: #fff !important;
border: 1px solid #111827 !important;
}html:not([data-theme="dark"]) .cta:hover, html:not([data-theme="dark"]) .btn-primary:hover{
background-color: #1f2937 !important;
transform: translateY(-1px) !important;
}html:not([data-theme="dark"]) .btn:not(.btn-primary){
background-color: transparent !important;
color: #111827 !important;
border: 1px solid rgba(17,24,39,.16) !important;
}html:not([data-theme="dark"]) .seg{
height: 32px !important;
padding: 3px !important;
background-color: rgba(17,24,39,.06) !important;
border: none !important;
border-radius: 999px !important;
}html:not([data-theme="dark"]) .seg button{
height: 26px !important;
padding: 0 12px !important;
font-size: 12px !important;
font-weight: 500 !important;
color: rgba(17,24,39,.64) !important;
background-color: transparent !important;
border-radius: 999px !important;
}html:not([data-theme="dark"]) .seg button.active{
background-color: #fff !important;
color: #111827 !important;
box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
}html:not([data-theme="dark"]) #v2 .ask .box, html:not([data-theme="dark"]) .ask .box, html:not([data-theme="dark"]) #trial .box{
background-color: #fff !important;
border: 1px solid rgba(17,24,39,.2) !important;
border-radius: 16px !important;
box-shadow: 0 4px 24px rgba(0,0,0,.06) !important;
padding: 20px !important;
}html:not([data-theme="dark"]) #v2 .ask textarea, html:not([data-theme="dark"]) .ask textarea{
color: #111827 !important;
font-size: 16px !important;
line-height: 1.5 !important;
}html:not([data-theme="dark"]) #v2 .ask textarea::placeholder, html:not([data-theme="dark"]) .ask textarea::placeholder{
color: rgba(17,24,39,.65) !important;
}html:not([data-theme="dark"]) #v2 .ask .hint, html:not([data-theme="dark"]) .ask .hint{
color: rgba(17,24,39,.56) !important;
font-size: 13px !important;
}html:not([data-theme="dark"]) #v2 .ask .examples button, html:not([data-theme="dark"]) .ask .examples button{
background-color: rgba(17,24,39,.08) !important;
color: rgba(17,24,39,.78) !important;
border: 1px solid rgba(17,24,39,.1) !important;
border-radius: 999px !important;
padding: 8px 14px !important;
font-size: 13px !important;
}html:not([data-theme="dark"]) #v2 .ask .examples button:hover, html:not([data-theme="dark"]) .ask .examples button:hover{
background-color: rgba(17,24,39,.12) !important;
border-color: rgba(17,24,39,.16) !important;
}html:not([data-theme="dark"]) #v2 .ask .examples button:hover, html:not([data-theme="dark"]) .ask .examples button:hover{
background-color: rgba(17,24,39,.1) !important;
}html:not([data-theme="dark"]) .final .cta, html:not([data-theme="dark"]) .final .btn, html:not([data-theme="dark"]) .play-sec .cta, html:not([data-theme="dark"]) .play-sec .btn, html:not([data-theme="dark"]) .footer .cta, html:not([data-theme="dark"]) .footer .btn, html:not([data-theme="dark"]) .cta-panel .cta, html:not([data-theme="dark"]) .cta-panel .btn, html:not([data-theme="dark"]) .ctabox .cta, html:not([data-theme="dark"]) .ctabox .btn, html:not([data-theme="dark"]) .uc-cta .cta, html:not([data-theme="dark"]) .uc-cta .btn, html:not([data-theme="dark"]) .linkcard .cta, html:not([data-theme="dark"]) .linkcard .btn, html:not([data-theme="dark"]) .pillar .cta, html:not([data-theme="dark"]) .pillar .btn, html:not([data-theme="dark"]) .icell .cta, html:not([data-theme="dark"]) .icell .btn, html:not([data-theme="dark"]) .sm .cta, html:not([data-theme="dark"]) .sm .btn, html:not([data-theme="dark"]) .trust .cta, html:not([data-theme="dark"]) .trust .btn, html:not([data-theme="dark"]) .navbar .cta, html:not([data-theme="dark"]) .dark .cta, html:not([data-theme="dark"]) .dark .btn, html:not([data-theme="dark"]) .bg-dark .cta, html:not([data-theme="dark"]) .bg-dark .btn, html:not([data-theme="dark"]) [data-theme="dark"] .cta{
background-color: rgba(255,255,255,.08) !important;
color: #fff !important;
border-color: rgba(255,255,255,.42) !important;
}html:not([data-theme="dark"]) .final .cta:hover, html:not([data-theme="dark"]) .final .btn:hover, html:not([data-theme="dark"]) .play-sec .cta:hover, html:not([data-theme="dark"]) .play-sec .btn:hover, html:not([data-theme="dark"]) .footer .cta:hover, html:not([data-theme="dark"]) .footer .btn:hover, html:not([data-theme="dark"]) .cta-panel .btn:hover, html:not([data-theme="dark"]) .ctabox .btn:hover, html:not([data-theme="dark"]) .uc-cta .btn:hover{
background-color: rgba(255,255,255,.16) !important;
border-color: rgba(255,255,255,.6) !important;
}html:not([data-theme="dark"]) .final h1, html:not([data-theme="dark"]) .final h2, html:not([data-theme="dark"]) .final h3, html:not([data-theme="dark"]) .final p, html:not([data-theme="dark"]) .final .lead, html:not([data-theme="dark"]) .play-sec h1, html:not([data-theme="dark"]) .play-sec h2, html:not([data-theme="dark"]) .play-sec h3, html:not([data-theme="dark"]) .play-sec p, html:not([data-theme="dark"]) .play-sec .lead{
color: #fff !important;
}html:not([data-theme="dark"]) .final .lead, html:not([data-theme="dark"]) .play-sec .lead, html:not([data-theme="dark"]) .final .sub, html:not([data-theme="dark"]) .play-sec .sub{
color: rgba(255,255,255,.68) !important;
}html:not([data-theme="dark"]) .card, html:not([data-theme="dark"]) .linkcard, html:not([data-theme="dark"]) .uc-card, html:not([data-theme="dark"]) .rcard{
border-radius: 16px !important;
border: 1px solid rgba(17,24,39,.08) !important;
background-color: #fff !important;
overflow: hidden !important;
}