:root{--ink:#0a0a0a;--ink-2:#171717;--ink-3:#262626;--ink-4:#404040;--mute:#737373;--line:#e5e5e5;--line-2:#efefef;--paper:#fff;--paper-2:#fafafa;--paper-3:#f5f5f5;--accent:#6d28d9;--accent-ink:#4c1d95;--accent-soft:#ede9fe;--ink-rgb:10,10,10;--paper-rgb:255,255,255;--brand:#6d28d9;--brand-soft:#ede9fe}html.dark{--ink:#fafafa;--ink-2:#e7e7ea;--ink-3:#c2c2c9;--ink-4:#9b9ba4;--mute:#8b8b94;--line:#27272c;--line-2:#1f1f24;--paper:#0b0b0d;--paper-2:#121216;--paper-3:#1a1a1f;--accent:#8b5cf6;--accent-ink:#c4b5fd;--accent-soft:#2a1458;--ink-rgb:250,250,250;--paper-rgb:11,11,13;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cs-root *{box-sizing:border-box}.cs-root{background:var(--paper);color:var(--ink);font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-size:16px;line-height:1.55;overflow-x:clip}.cs-root a{color:inherit}.cs-root h1,.cs-root h2,.cs-root h3,.cs-root h4{font-family:var(--font-geist);letter-spacing:-.035em;margin:0;font-weight:600}.cs-root .wrap{min-width:0;max-width:1200px;margin:0 auto;padding:0 40px}.cs-root .wrap>*,.cs-hero-head,.cs-info-grid>*,.cs-info-v,.cs-info-stack,.cs-placeholder-note{min-width:0}.cs-root .nav{z-index:50;-webkit-backdrop-filter:blur(12px);background:rgba(var(--paper-rgb), .75);border-bottom:1px solid var(--line);position:sticky;top:0}.cs-root .nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 40px;display:flex}.cs-root .brand{letter-spacing:-.02em;color:inherit;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.cs-root .brand-mark{background:var(--ink);width:28px;height:28px;color:var(--paper);font-family:var(--font-geist-mono);border-radius:6px;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.cs-root .brand-mark:after{content:"";background:var(--accent);width:6px;height:6px;position:absolute;bottom:-3px;right:-3px}.cs-root .brand-name{font-size:16px}.cs-root .brand-name b{font-weight:600}.cs-root .brand-name span{color:var(--mute);font-weight:400}.cs-root .nav-links{color:var(--ink-3);gap:28px;font-size:14px;display:flex}.cs-root .nav-links a{text-decoration:none;transition:color .15s}.cs-root .nav-links a:hover,.cs-root .nav-links a.active{color:var(--ink)}.cs-root .nav-cta{align-items:center;gap:8px;display:flex}.cs-root .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.cs-root .btn-primary{background:var(--ink);color:var(--paper)}.cs-root .btn-primary:hover{background:var(--ink-2);transform:translateY(-1px)}.cs-root .btn-ghost{color:var(--ink-3);border-color:var(--line);background:var(--paper)}.cs-root .btn-ghost:hover{border-color:var(--ink-4);color:var(--ink)}.cs-root .btn-lg{border-radius:10px;padding:14px 22px;font-size:15px}.cs-root .btn .arrow{transition:transform .2s}.cs-root .btn:hover .arrow{transform:translate(3px)}.cs-root .eyebrow{font-family:var(--font-geist-mono);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.cs-root .eyebrow.on-dark{color:var(--brand)}.crumb{font-family:var(--font-geist-mono);color:var(--mute);letter-spacing:.02em;border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:22px 0;font-size:12px;display:flex}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--ink)}.crumb .sep{color:var(--line)}.crumb>span:last-child{color:var(--ink);font-weight:500}.cs-hero{border-bottom:1px solid var(--line);padding:72px 0 88px;position:relative;overflow:hidden}.cs-hero-bg{background:radial-gradient(ellipse 60% 50% at 50% 30%, var(--brand-soft), transparent 75%), linear-gradient(180deg, var(--paper), var(--paper-2));pointer-events:none;position:absolute;inset:0}.cs-hero-inner{max-width:920px;position:relative}.cs-hero-meta{font-family:var(--font-geist-mono);color:var(--mute);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:14px;margin-bottom:32px;font-size:11px;display:flex}.cs-hero-meta .sep{background:var(--line);border-radius:50%;width:4px;height:4px}.cs-chip{background:var(--brand-soft);color:var(--brand);letter-spacing:.06em;border-radius:999px;padding:5px 12px;font-weight:600}.cs-year{color:var(--ink-3);font-weight:500}.cs-hero-head{align-items:center;gap:20px;margin-bottom:24px;display:flex}.cs-hero-logo{background:var(--brand);color:#fff;width:68px;height:68px;font-family:var(--font-geist-mono);letter-spacing:-.02em;box-shadow:0 12px 24px -10px var(--brand);border-radius:16px;place-items:center;font-size:24px;font-weight:700;display:grid}.cs-hero h1{letter-spacing:-.045em;font-size:64px;line-height:1.02}.cs-hero h1 .cs-h1-cat{letter-spacing:.01em;color:var(--mute);margin-top:10px;font-size:15px;font-weight:500;line-height:1.35;display:block}.cs-hero-url{font-family:var(--font-geist-mono);color:var(--mute);overflow-wrap:anywhere;word-break:break-word;align-items:center;gap:6px;margin-top:8px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.cs-hero-url:hover{color:var(--brand)}.cs-hero-tagline{color:var(--ink);letter-spacing:-.015em;max-width:720px;margin:18px 0 0;font-size:22px;font-weight:500;line-height:1.4}.cs-hero-intro{color:var(--ink-3);max-width:680px;margin:16px 0 0;font-size:16px}.cs-kpis{border:1px solid var(--line);background:var(--paper);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;display:grid;overflow:hidden}.cs-kpi{border-right:1px solid var(--line-2);flex-direction:column;gap:6px;padding:24px 28px;display:flex}.cs-kpi:last-child{border-right:none}.cs-kpi-value{letter-spacing:-.035em;color:var(--brand);font-size:30px;font-weight:700;line-height:1}.cs-kpi-label{color:var(--ink-3);margin-top:6px;font-size:13px;font-weight:500}.cs-kpi-note{font-family:var(--font-geist-mono);color:var(--mute);letter-spacing:.02em;font-size:11px}.cs-info{background:var(--paper-2);border-bottom:1px solid var(--line);padding:28px 0}.cs-info-grid{grid-template-columns:.7fr 1.3fr 1.7fr 1fr;gap:36px;display:grid}.cs-info-k{font-family:var(--font-geist-mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10.5px;font-weight:600}.cs-info-v{color:var(--ink-2);letter-spacing:-.005em;overflow-wrap:anywhere;font-size:14px;font-weight:500}.cs-info-stack{flex-wrap:wrap;gap:6px;display:flex}.cs-info-stack span,.cs-info-stack a{font-family:var(--font-geist-mono);color:var(--ink-3);background:var(--paper);border:1px solid var(--line);letter-spacing:.01em;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500}.cs-info-stack a{text-decoration:none}.cs-info-stack a:hover{color:var(--brand);border-color:var(--brand)}.cs-section{border-bottom:1px solid var(--line);padding:110px 0}.cs-section-soft{background:var(--paper-2)}.cs-section-dark{color:#fff;background:#0a0a0a;border-bottom:1px solid #262626}.cs-section-dark h2{color:#fff}.cs-section-head{flex-direction:column;gap:14px;max-width:760px;margin:0 0 56px;display:flex}.cs-section-head h2{letter-spacing:-.035em;font-size:44px;line-height:1.08}.cs-prose{color:var(--ink-3);max-width:780px;margin:0;font-size:17px;line-height:1.7}.cs-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cs-cards:has(>:nth-child(4)){grid-template-columns:repeat(2,1fr)}.cs-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:28px;display:flex}.cs-card-dark{color:#fff;background:#171717;border-color:#262626}.cs-card-num{font-family:var(--font-geist-mono);color:var(--mute);letter-spacing:.08em;background:var(--paper-2);border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:600}.cs-card-dark .cs-card-num{color:#fff9;background:#ffffff14}.cs-card-num-brand{background:var(--brand-soft);color:var(--brand)}.cs-card h3{letter-spacing:-.02em;font-size:18px;line-height:1.3}.cs-card-dark h3{color:#fff}.cs-card p{color:var(--ink-3);margin:0;font-size:14px;line-height:1.6}.cs-card-dark p{color:#ffffffb8}.cs-features{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cs-feat{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:500;transition:border-color .15s;display:flex}.cs-feat:hover{border-color:var(--brand)}.cs-feat svg{color:var(--brand);flex-shrink:0}.cs-shots{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.cs-shot{flex-direction:column;gap:14px;display:flex}.cs-shot-canvas{aspect-ratio:16/10;border:1px solid var(--line);background:#0a0a0a;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 24px 40px -24px #0000002e}.cs-shot-dashboard,.cs-shot-form,.cs-shot-report{color:#0a0a0a;background:linear-gradient(#fafafa,#f0f0f0)}.cs-shot-editorial{color:#fff;background:linear-gradient(135deg,#0a0a0a,#171717)}.cs-shot-chrome{border-bottom:1px solid var(--line-2);background:#0000000a;align-items:center;gap:6px;padding:10px 14px;display:flex;position:relative}.cs-shot-editorial .cs-shot-chrome{background:#ffffff0d;border-bottom-color:#ffffff1a}.cs-shot-chrome>span{background:#00000026;border-radius:50%;width:8px;height:8px}.cs-shot-editorial .cs-shot-chrome>span{background:#fff3}.cs-shot-url{font-family:var(--font-geist-mono);color:#0006;background:#fff9;border-radius:5px;padding:2px 10px;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.cs-shot-editorial .cs-shot-url{color:#ffffff80;background:#ffffff14}.cs-shot-body{flex-direction:column;gap:16px;height:100%;padding:32px;display:flex}.cs-shot-logo{background:var(--brand);color:#fff;width:44px;height:44px;font-family:var(--font-geist-mono);border-radius:10px;place-items:center;font-size:16px;font-weight:700;display:grid}.cs-shot-title{letter-spacing:-.025em;font-size:20px;font-weight:600}.cs-shot-mock-rows{flex-direction:column;gap:8px;margin-top:auto;display:flex}.cs-shot-row{background:#00000014;border-radius:3px;width:85%;height:10px}.cs-shot-editorial .cs-shot-row{background:#ffffff1a}.cs-shot-row-short{width:60%}.cs-shot-caption{color:var(--mute);font-size:13.5px;line-height:1.5}.cs-shot-caption b{color:var(--ink);font-weight:600}.cs-placeholder-note{background:var(--paper-2);border:1px dashed var(--line);color:var(--mute);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:10px;margin:32px 0 0;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.cs-placeholder-note svg{color:var(--brand);flex-shrink:0}.cs-placeholder-note a{color:var(--brand);font-weight:500;text-decoration:underline}.cs-testimonial{text-align:center;max-width:820px;margin:0 auto;position:relative}.cs-quote-mark{color:var(--brand);margin-bottom:32px}.cs-testimonial blockquote{letter-spacing:-.02em;color:#fff;margin:0 0 32px;font-size:28px;font-weight:400;line-height:1.4}.cs-tauthor{align-items:center;gap:14px;display:inline-flex}.cs-tav{background:var(--brand);color:#fff;width:48px;height:48px;font-family:var(--font-geist-mono);letter-spacing:-.01em;border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.cs-tname{color:#fff;text-align:left;font-size:15px;font-weight:600}.cs-trole{color:#fff9;font-size:13px;font-family:var(--font-geist-mono);text-align:left;letter-spacing:.02em}.cs-others{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cs-other{background:var(--paper);border:1px solid var(--line);color:inherit;border-radius:16px;flex-direction:column;gap:14px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.cs-other:before{content:"";background:var(--brand);height:3px;position:absolute;top:0;left:0;right:0}.cs-other:hover{border-color:#d4d4d4;transform:translateY(-3px);box-shadow:0 24px 44px -22px #00000026}.cs-other-head{align-items:center;gap:12px;display:flex}.cs-other-logo{background:var(--brand);color:#fff;width:40px;height:40px;font-family:var(--font-geist-mono);border-radius:10px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.cs-other-name{letter-spacing:-.015em;font-size:15px;font-weight:600;line-height:1.2}.cs-other-cat{font-family:var(--font-geist-mono);color:var(--mute);letter-spacing:.04em;margin-top:4px;font-size:10.5px}.cs-other p{color:var(--ink-3);margin:0;font-size:13.5px;line-height:1.5}.cs-other-foot{border-top:1px solid var(--line-2);font-family:var(--font-geist-mono);color:var(--mute);letter-spacing:.02em;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:11.5px;display:flex}.cs-other:hover .cs-other-foot{color:var(--brand)}.cs-other:hover .cs-other-foot svg{transform:translate(3px)}@media (max-width:1024px){.cs-hero h1{font-size:48px}.cs-kpis{grid-template-columns:repeat(2,1fr)}.cs-kpi{border-right:none;border-bottom:1px solid var(--line-2)}.cs-kpi:nth-child(2n){border-right:none}.cs-kpi:nth-last-child(-n+2){border-bottom:none}.cs-info-grid{grid-template-columns:1fr;gap:20px}:is(.cs-cards,.cs-cards:has(>:nth-child(4))){grid-template-columns:1fr}.cs-features{grid-template-columns:repeat(2,1fr)}.cs-shots,.cs-others{grid-template-columns:1fr}}@media (max-width:768px){.cs-root .wrap{padding:0 20px}.cs-hero{padding:48px 0 56px}.cs-hero h1{font-size:34px}.cs-hero-head{flex-direction:column;align-items:flex-start;gap:12px}.cs-hero-logo{width:56px;height:56px;font-size:20px}.cs-hero-tagline{font-size:18px}.cs-kpis{grid-template-columns:1fr}.cs-kpi{border-bottom:1px solid var(--line-2)}.cs-kpi:last-child{border-bottom:none}.cs-section{padding:72px 0}.cs-section-head h2{font-size:28px}.cs-features{grid-template-columns:1fr}.cs-root .nav-links{display:none}.cs-testimonial blockquote{font-size:22px}.cs-hero-url{white-space:normal;display:flex}.cs-placeholder-note{align-items:flex-start}}html.dark .cs-hero-bg{background:radial-gradient(ellipse 60% 50% at 50% 30%, rgb(from var(--brand) r g b / .16), transparent 75%), linear-gradient(180deg, var(--paper), var(--paper-2))}html.dark .cs-chip,html.dark .cs-card-num-brand{background:rgb(from var(--brand) r g b / .18);color:color-mix(in srgb, var(--brand) 55%, #fff)}html.dark .cs-kpi-value,html.dark .cs-hero-url:hover,html.dark .cs-info-stack a:hover,html.dark .cs-other:hover .cs-other-foot{color:color-mix(in srgb, var(--brand) 60%, #fff)}html.dark .cs-other:hover{border-color:#ffffff2e}