:root{--semaphor-brand:217 91% 53%;--brand-canvas:0 0% 100%;--brand-raised:0 0% 98%;--brand-pressed:240 4.8% 95.9%;--brand-fg-default:240 5.9% 10%;--brand-fg-muted:240 4% 36%;--brand-fg-subtle:240 3.8% 46.1%;--brand-fg-faint:240 5% 64.9%;--brand-border-default:240 5.9% 90%;--brand-border-subtle:240 4.8% 95.9%;--brand-success:142 71% 45%;--brand-danger:0 72.2% 50.6%;--brand-font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--brand-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--brand-radius-sm:4px;--brand-radius-md:5px;--brand-radius-lg:6px;--brand-shadow-0:none;--brand-shadow-1:0 1px 2px #0000000a;--brand-shadow-2:0 4px 12px #0000000f}.dark{--brand-canvas:240 10% 3.9%;--brand-raised:240 5.9% 10%;--brand-pressed:240 3.7% 15.9%;--brand-fg-default:0 0% 93%;--brand-fg-muted:240 5% 64.9%;--brand-fg-subtle:240 3.8% 46.1%;--brand-fg-faint:240 4% 36%;--brand-border-default:240 3.7% 15.9%;--brand-border-subtle:240 3.7% 15.9%}
:root{--background:0 0% 100%;--foreground:240 5.9% 10%;--card:0 0% 100%;--card-foreground:240 5.9% 10%;--popover:0 0% 100%;--popover-foreground:240 5.9% 10%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:0 0% 98%;--muted-foreground:240 4% 36%;--placeholder-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 72.2% 50.6%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.3125rem;--mode-text-display:22px;--mode-text-display-lh:28px;--mode-text-h1:15px;--mode-text-h1-lh:20px;--mode-text-body:13px;--mode-text-body-lh:20px;--mode-text-small:12px;--mode-text-small-lh:16px;--mode-text-caption:10px;--mode-text-caption-lh:14px;--mode-text-caption-tracking:.08em}.dark{--background:240 10% 3.9%;--foreground:0 0% 93%;--card:240 10% 3.9%;--card-foreground:0 0% 93%;--popover:240 10% 3.9%;--popover-foreground:0 0% 93%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 93%;--muted:240 5.9% 10%;--muted-foreground:240 5% 64.9%;--placeholder-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 93%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 93%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:0 0% 98%}
[data-surface=marketing]{--background:48 38% 97.5%;--foreground:51 19% 7.3%;--card:0 0% 100%;--card-foreground:51 19% 7.3%;--popover:0 0% 100%;--popover-foreground:51 19% 7.3%;--primary:51 19% 7.3%;--primary-foreground:48 38% 97.5%;--secondary:47 27% 93.5%;--secondary-foreground:51 19% 7.3%;--muted:47 27% 95%;--muted-foreground:46 7% 42%;--accent:47 27% 93.5%;--accent-foreground:51 19% 7.3%;--destructive:0 72.2% 50.6%;--destructive-foreground:0 0% 98%;--border:45 22% 85.9%;--input:45 22% 85.9%;--ring:51 19% 7.3%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--mode-text-hero:72px;--mode-text-hero-lh:80px;--mode-text-display:44px;--mode-text-display-lh:52px;--mode-text-h1:28px;--mode-text-h1-lh:36px;--mode-text-body:17px;--mode-text-body-lh:28px;--mode-text-small:14px;--mode-text-small-lh:20px;--radius:.375rem;--marketing-body:45 9% 26.7%;--marketing-band:47 27% 93.5%}@media (prefers-color-scheme:dark){[data-surface=marketing]{--lightningcss-light: ;--lightningcss-dark:initial}}.dark [data-surface=marketing]{--background:240 10% 3.9%;--foreground:0 0% 93%;--card:240 10% 3.9%;--card-foreground:0 0% 93%;--popover:240 10% 3.9%;--popover-foreground:0 0% 93%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 93%;--muted:240 5.9% 10%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 93%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 93%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:0 0% 98%;--marketing-body:240 4.9% 83.9%;--marketing-band:240 5.9% 7%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-surface=marketing] .marketing-shadow-soft{box-shadow:var(--brand-shadow-2)}.dark [data-surface=marketing] .marketing-shadow-soft{box-shadow:none}[data-surface=marketing] .text-marketing-body{color:hsl(var(--marketing-body))}[data-surface=marketing] .bg-marketing-band{background-color:hsl(var(--marketing-band))}[data-surface=marketing] .mk-display{letter-spacing:-.035em;font-weight:600}[data-surface=marketing] .mk-kick{font-family:var(--font-firacode), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:12px;line-height:16px}[data-surface=marketing] .mk-h1{font-size:40px;line-height:1.06}[data-surface=marketing] .mk-h2{font-size:30px;line-height:1.12}[data-surface=marketing] .mk-h2-sm{font-size:26px;line-height:1.15}[data-surface=marketing] .mk-h3{font-size:22px;line-height:1.2}[data-surface=marketing] .mk-lede{font-size:18px;line-height:1.6}[data-surface=marketing] .mk-body{font-size:17px;line-height:1.65}[data-surface=marketing] .mk-small{font-size:14px;line-height:1.55}[data-surface=marketing] .mk-micro{font-family:var(--font-firacode), ui-monospace, monospace;font-size:12px;line-height:1.5}@media (min-width:640px){[data-surface=marketing] .mk-h1{font-size:60px;line-height:1.04}[data-surface=marketing] .mk-h2{font-size:40px}[data-surface=marketing] .mk-h2-sm{font-size:32px}[data-surface=marketing] .mk-h3{font-size:24px}[data-surface=marketing] .mk-lede{font-size:19px}}[data-surface=marketing] .mk-underline{background-image:linear-gradient(hsl(var(--semaphor-brand)), hsl(var(--semaphor-brand)));background-position:0 96%;background-repeat:no-repeat;background-size:100% 3px}@keyframes mk-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes mk-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mk-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-surface=marketing] .mk-up{animation:.7s cubic-bezier(.2,.7,.2,1) both mk-up}[data-surface=marketing] .mk-swap{animation:.45s cubic-bezier(.2,.7,.2,1) both mk-swap}[data-surface=marketing] .mk-bar{transform-origin:0;animation:.8s cubic-bezier(.2,.7,.2,1) both mk-grow}[data-surface=marketing] .mk-tick{transform-origin:0;animation:4.2s linear both mk-grow}@media (prefers-reduced-motion:reduce){[data-surface=marketing] .mk-up,[data-surface=marketing] .mk-swap,[data-surface=marketing] .mk-bar,[data-surface=marketing] .mk-tick{animation:none}}
