:root{--paper:#eeece5;--paper-2:#f3f0e8;--mist:#dfe0da;--slate:#26343a;--slate-2:#1d292e;--slate-glow:#2c3c43;--ink:#192227;--ink-muted:#536067;--line:#cec8bc;--accent:#c26a3d;--on-slate:#c9cfcb;--on-slate-muted:#aeb9b6;--on-slate-faint:#81908c;--draft-bg:#fdf3e2;--draft-ink:#7a4b12;--draft-line:#d9b98a;--display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 48px);--max:1240px;--header:64px}@font-face{font-family:Space Grotesk;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:DM Mono;src:url(/_astro/dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/_astro/dm-mono-latin-500-normal.DRMDZjhP.woff2)format("woff2");font-weight:500;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;scroll-padding-block-start:calc(var(--header) + 16px)}body{background:var(--paper);min-block-size:100vh;color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-inline-size:var(--max);padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:100;background:var(--ink);color:var(--paper);font:500 13px/1 var(--mono);padding:10px 14px;position:absolute;inset-block-start:-100px;inset-inline-start:var(--gutter)}.skip:focus{inset-block-start:8px}.draft-band{background:var(--draft-bg);border-block-end:1px solid var(--draft-line);color:var(--draft-ink);font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding-block:7px}header.site{z-index:50;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(10px);border-block-end:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky;inset-block-start:0}header.site .wrap{min-block-size:var(--header);flex-wrap:wrap;align-items:center;gap:6px 28px;padding-block:10px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{block-size:30px;inline-size:30px;display:block}.brand span{font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase}header.site .brand{order:0}nav.main{order:1}.lang{order:2;margin-inline-start:auto}.menu-toggle{order:3}header.site .menu>.btn{order:4}.menu{display:contents}nav.main ul{flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none;display:flex}nav.main a,.lang a{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);padding-block:8px;text-decoration:none;display:inline-block}nav.main a:hover,.lang a:hover{color:var(--ink)}nav.main a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--accent)}.lang ul{gap:12px;margin:0;padding:0;list-style:none;display:flex}.btn{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink);border-radius:2px;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--ink);color:var(--paper)}main{flex:1;display:block}.page-head{border-block-end:1px solid var(--line);padding-block:clamp(56px,10vw,120px) 40px}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:10px;display:flex}.eyebrow:before{content:"";background:var(--accent);block-size:1px;inline-size:22px}h1{hyphens:auto}h1,h2,h3{overflow-wrap:break-word}h1{font:400 clamp(44px, 8vw, 112px)/.95 var(--display);letter-spacing:-.04em;text-wrap:balance;margin:18px 0 22px}h1[data-length=medium]{font-size:clamp(36px,5.5vw,76px)}h1[data-length=long]{letter-spacing:-.02em;font-size:clamp(28px,3.4vw,50px);line-height:1.08}.lede{max-inline-size:52ch;color:var(--ink-muted);margin:0;font-size:clamp(16px,1.6vw,19px)}.page-body{padding-block:48px 120px}.lang-block+.lang-block{margin-block-start:56px}.page-body h2{font:400 clamp(28px, 3.6vw, 44px)/1.05 var(--display);letter-spacing:-.025em;margin:48px 0 12px}.page-body ul{padding-inline-start:1.2em}.mark{vertical-align:middle;font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--draft-ink);background:var(--draft-bg);border:1px dashed var(--draft-line);border-radius:999px;margin-inline-end:8px;padding:3px 10px;display:inline-block}footer.site{background:var(--slate-2);color:var(--on-slate-muted);font:12px/1.6 var(--mono);padding-block:46px}footer.site .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 30px;display:flex}footer.site .tile{background:var(--paper);border-radius:4px;padding:6px;display:inline-flex}footer.site .tile img{block-size:26px;inline-size:26px;display:block}footer.site ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}footer.site a{padding-block:6px;text-decoration:none;display:inline-block}footer.site a:hover{color:var(--on-slate)}.menu-toggle{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:2px;padding:11px 14px;display:none}@media (width<=1099px){header.site:not(.menu-ready){position:static}header.site .wrap{column-gap:16px}.menu-ready .menu-toggle{display:inline-flex}.menu-ready .menu{display:none}.menu-ready .menu.open{flex-basis:100%;order:5;gap:14px;padding-block:6px 14px;display:grid}.menu-ready .menu.open nav.main ul{flex-direction:column;gap:0}.menu-ready .menu.open nav.main a{border-block-end:1px solid var(--line);padding-block:12px;display:block}.menu-ready .menu.open .btn{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}[hidden]{display:none!important}section.block{border-block-end:1px solid var(--line);padding-block:clamp(64px,10vw,120px)}.block h2{font:400 clamp(32px, 4.4vw, 60px)/1.04 var(--display);letter-spacing:-.03em;max-inline-size:22ch;margin:14px 0 18px}.block>.wrap>p:not(.lede){max-inline-size:60ch}.block .lede{margin-block-end:28px}.block.slate{background:var(--slate);color:var(--on-slate);border-block-end:0;position:relative;overflow:hidden}.block.slate>.wrap,.prod .r>:not(.field){position:relative}.prod .r{position:relative;overflow:hidden}.block.slate h2,.block.slate h3{color:var(--paper)}.block.slate .lede,.block.slate p,.block.slate .eyebrow{color:var(--on-slate-muted)}.block.s-studies{background:var(--paper-2)}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 34px;padding:0;list-style:none;display:grid}.cards>li{display:flex}.card{background:var(--paper);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:12px;min-block-size:210px;inline-size:100%;padding:22px 22px 20px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}a.card:hover{border-color:var(--ink);transform:translateY(-2px)}.card.example{border-style:dashed}.card .dom{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.card h3{font:500 20px/1.2 var(--display);letter-spacing:-.01em;margin:0}.card p{color:var(--ink-muted);margin:0;font-size:14px}.badges{flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:auto;display:flex}.page-head .badges{margin-block-start:24px}.lvl{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:7px 10px;display:inline-block}.lvl.l1{background:var(--ink);color:var(--paper)}.lvl.l2{background:var(--slate);color:var(--paper);border-color:var(--slate)}.lvl.l3{border-color:var(--accent)}.lvl.l4{color:var(--ink-muted);border-color:var(--ink-muted)}.lvl.l5{color:var(--ink-muted);border-style:dashed;border-color:var(--ink-muted)}.lvl.l6{color:var(--ink-muted);border-style:dotted;border-color:var(--ink-muted)}.ladder{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ladder li{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.ladder .lvl{text-align:center;min-inline-size:13em}.filters{gap:14px;margin-block-end:28px;display:grid}.filters-label{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0}.filters fieldset{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.filters legend{font:500 11px/1 var(--mono);color:var(--ink-muted);float:inline-start;inline-size:100%;margin-block-end:8px}.filters button{font:500 12px/1 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:9px 13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.none{color:var(--ink-muted)}.prod{border:1px solid var(--line);background:var(--paper-2);border-radius:4px;grid-template-columns:1.2fr 1fr;margin-block-start:28px;display:grid;overflow:hidden}.prod .l{padding:36px}.prod .r{background:var(--slate);color:var(--on-slate);flex-direction:column;justify-content:space-between;gap:24px;padding:36px;display:flex}.prod h3{font:400 clamp(28px, 3vw, 40px)/1.05 var(--display);letter-spacing:-.025em;margin:10px 0 12px}.prod .lede{margin:0}.prod .q{font:400 22px/1.25 var(--display);color:var(--paper);margin:0}.btn.on-slate{border-color:var(--on-slate);color:var(--on-slate)}.btn.on-slate:hover{background:var(--on-slate);color:var(--slate)}.princ{border-block-start:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 32px;padding:0;list-style:none;display:grid}.block.slate .princ{border-color:color-mix(in srgb, var(--on-slate) 18%, transparent)}.princ li{padding-block:26px 0;padding-inline:0 26px}.princ h3{font:400 24px/1.1 var(--display);margin:0 0 8px}.princ p{max-inline-size:32ch;margin:0;font-size:15px}.block.s-cta .frame{border:1px solid var(--line);background:var(--paper-2);border-radius:4px;grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;padding:clamp(28px,6vw,72px);display:grid}.block.s-cta h2{margin:14px 0 0}.facts{border-block-start:1px solid var(--line);gap:0;max-inline-size:760px;margin:0;display:grid}.facts>div{border-block-end:1px solid var(--line);grid-template-columns:14em 1fr;gap:16px;padding-block:14px;display:grid}.facts dt{font:500 11px/1.8 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.facts dd{margin:0}.study section,.project section{max-inline-size:760px}.study section h2,.project section h2{margin-block-start:44px}.claims{gap:10px;padding-inline-start:1.2em;display:grid}.page-head .badges .btn{margin-inline-end:8px}.claim-mark{margin-inline-start:8px}p.placeholder,dd.placeholder{color:var(--ink-muted)}.block.slate p.placeholder{color:var(--on-slate-muted)}@media (width<=900px){.cards,.princ,.prod,.block.s-cta .frame{grid-template-columns:1fr}.facts>div{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.card{transition:none}a.card:hover{transform:none}}figure.video{margin:28px 0 0}figure.video video{border-radius:4px;block-size:auto;inline-size:100%;display:block}figure.figure{margin:28px 0 0}figure.figure .frame,.card .thumb{aspect-ratio:16/10;background:var(--paper-2);border:1px solid var(--line);border-radius:4px;place-items:center;display:grid;overflow:hidden}figure.figure img,.card .thumb img{object-fit:contain;block-size:100%;inline-size:100%;display:block}figure.figure figcaption{color:var(--ink-muted);margin-block-start:10px;font-size:14px;line-height:1.5}.card .thumb{margin:-6px -6px 4px}.prod .prod-links{flex-wrap:wrap;align-items:center;gap:18px;margin:0;display:flex}.prod .site-link{color:var(--on-slate-muted);font:500 12px/1 var(--mono);letter-spacing:.12em}.product .sub{color:var(--ink-muted);max-inline-size:60ch;margin:0;font-size:18px}.product .tabs{border-block-start:1px solid var(--line);font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:8px 26px;margin-block:40px 0;padding-block:18px 22px;display:flex}.product .tabs a{color:var(--ink-muted);padding-block:7px;text-decoration:none;display:inline-block}.product .tabs a:hover{color:var(--ink)}.product .block .intro{max-inline-size:64ch;color:var(--ink-muted);margin-block-end:36px;font-size:18px}.product .block.slate .intro{color:var(--on-slate-muted)}.product .tiles{border-block-start:1px solid color-mix(in srgb, var(--on-slate) 16%, transparent);grid-template-columns:repeat(3,1fr);display:grid}.product .tile{border-inline-end:1px solid color-mix(in srgb, var(--on-slate) 16%, transparent);border-block-end:1px solid color-mix(in srgb, var(--on-slate) 16%, transparent);padding:28px 24px 32px}.product .tile:nth-child(3n){border-inline-end:0}.product .tile .k{font:500 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-slate-muted);margin:0}.product .tile .v{font:400 clamp(40px, 4.6vw, 62px)/1 var(--display);letter-spacing:-.04em;color:var(--paper);margin:14px 0 10px}.product .tile p:last-child{margin:0;font-size:14.5px}.product .versus-wrap{inline-size:100%}.product .versus{border-collapse:collapse;inline-size:100%;font-size:15px}.product .versus thead th{font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);text-align:start;border-block-end:1px solid var(--ink);padding:0 12px 12px}.product .versus td,.product .versus tbody th{border-block-end:1px solid var(--line);vertical-align:top;text-align:start;padding:16px 12px;font-weight:400}.product .versus .what b{font:500 17px/1.25 var(--display);display:block}.product .versus .what span{color:var(--ink-muted);font-size:14px}.product .versus .k{font:400 22px/1.2 var(--display);letter-spacing:-.02em}.product .versus .o{font:400 14.5px/1.45 var(--mono);color:var(--ink-muted)}.product .flag{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:6px 9px;display:inline-block}.product .flag.ahead{color:var(--ink);border-color:var(--ink)}.product .flag.behind{color:var(--ink);border-color:var(--accent)}.product .flag.lived{color:var(--ink-muted);border-color:var(--line);border-style:dashed}.product .block>.wrap>p:last-child{font:400 12.5px/1.6 var(--mono);color:var(--ink-muted);margin-block-start:22px}.product .pillars{background:color-mix(in srgb, var(--on-slate) 16%, transparent);border:1px solid color-mix(in srgb, var(--on-slate) 16%, transparent);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.product .pillar{background:var(--slate);padding:28px 26px}.product .pillar .n{font:400 clamp(32px, 3.4vw, 44px)/1 var(--display);letter-spacing:-.03em;color:var(--paper);margin:0 0 14px}.product .pillar h3{font:500 20px/1.2 var(--display);color:var(--paper);margin:0 0 8px}.product .pillar p:last-child{margin:0;font-size:15px}.product .figures{gap:28px;display:grid}.product .tests{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.product .test{background:var(--slate);border:1px solid color-mix(in srgb, var(--on-slate) 16%, transparent);flex-direction:column;gap:8px;min-inline-size:0;padding:22px 20px;display:flex}.product .test .no{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-slate-muted);margin:0}.product .test .v{font:400 34px/1 var(--display);letter-spacing:-.03em;color:var(--paper);margin:0}.product .test h3{font:500 16px/1.25 var(--display);color:var(--paper);margin:0}.product .test p{margin:0;font-size:13.5px}.product .test code{font:400 11.5px/1.4 var(--mono);color:var(--on-slate);border:1px solid color-mix(in srgb, var(--on-slate) 20%, transparent);overflow-wrap:anywhere;margin-block-start:auto;padding:6px 8px}.product .points{gap:16px;max-inline-size:760px;margin:0;padding:0;list-style:none;display:grid}.product .points li{border-inline-start:2px solid var(--accent);padding-inline-start:16px}.product .points b{font:500 18px/1.3 var(--display);display:block}.product .points span{color:var(--ink-muted)}.product .start{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.product .start>div{flex-direction:column;align-items:flex-start;display:flex}.product .start-steps{color:var(--paper);gap:10px;margin:0 0 26px;padding-inline-start:22px;font-size:18px;display:grid}.product .start pre{background:var(--slate-2);color:var(--on-slate);font:400 13.5px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin:0;padding:22px 24px}@media (width<=900px){.product .tiles,.product .pillars,.product .start{grid-template-columns:1fr}.product .tile{border-inline-end:0}.product .versus thead{display:none}.product .versus,.product .versus tbody,.product .versus tr,.product .versus td,.product .versus tbody th{inline-size:100%;display:block}.product .versus tr{border-block-end:1px solid var(--line);padding-block:14px}.product .versus td,.product .versus tbody th{border:0;padding:4px 0}}.product .repo{margin:0 0 28px}.block.s-hero{min-block-size:calc(100vh - var(--header) - 40px);align-items:center;display:flex;position:relative;overflow:hidden}.block.s-hero .wrap{inline-size:100%;position:relative}.block.s-hero h1{letter-spacing:-.045em;max-inline-size:12ch;margin:18px 0 28px;font-size:clamp(52px,10vw,148px);line-height:.92}.block.s-hero .lede{max-inline-size:44ch;margin:0 0 34px;font-size:clamp(16px,1.6vw,19px)}.field{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.cue{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.cue i{background:linear-gradient(var(--accent), transparent);block-size:34px;inline-size:1px;display:block}.block.s-story{background:var(--slate);color:var(--on-slate);border-block-end:0;padding-block-end:0}.block.s-story h2{color:var(--paper);max-inline-size:16ch}.block.s-story .eyebrow,.block.s-story>.wrap>p{color:var(--on-slate-muted)}.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:clamp(24px,4vw,64px);margin-block-start:30px;display:grid}.steps{margin:0;padding:0 0 30vh;list-style:none}.step{align-items:center;min-block-size:88vh;display:flex}.step-card{max-inline-size:30rem;padding-block:26px}.story-live .step-card{transition:transform .5s;transform:translateY(10px)}.story-live .step.active .step-card{transform:none}.story-live .step .line{transition:color .5s}.story-live .step:not(.active) .line{color:var(--on-slate-faint)}.step-meta{font:500 12px/1 var(--mono);color:var(--on-slate-muted);align-items:baseline;gap:14px;margin-block-end:14px;display:flex}.step-meta .num{letter-spacing:.1em}.step-meta .act{letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.step .line{font:400 clamp(28px, 3.2vw, 46px)/1.08 var(--display);letter-spacing:-.025em;color:var(--paper);margin:0}.step .line .mark{letter-spacing:0;vertical-align:middle;font-size:11px}.step-card .btn{margin-block-start:22px}.stage-col{block-size:calc(100vh - var(--header) - 80px);padding-block-end:20px;position:sticky;inset-block-start:calc(var(--header) + 40px)}.stage{border:1px solid color-mix(in srgb, var(--on-slate) 12%, transparent);background:radial-gradient(120% 90% at 60% 40%, var(--slate-glow) 0%, var(--slate-2) 70%);border-radius:4px;block-size:100%;position:relative;overflow:hidden}.stage-layer,.stage-layer>*{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.stage-ui{pointer-events:none;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:absolute;inset:0}.stage-top{font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-slate-muted);justify-content:space-between;gap:12px;display:flex}.stage-top .tag{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);white-space:nowrap;border-radius:999px;padding:3px 10px}.stage-mid{text-align:center;align-self:center}.stage-mid .big{font:300 clamp(80px, 13vw, 190px)/.9 var(--display);letter-spacing:-.05em;color:color-mix(in srgb, var(--paper) 10%, transparent)}.stage-mid .big:before{content:attr(data-num)}.stage[data-medium=effect] .stage-mid{visibility:hidden}.stage-bottom{justify-content:flex-end;display:flex}.dots{align-items:center;gap:6px;display:flex}.dots span{background:color-mix(in srgb, var(--on-slate) 22%, transparent);border-radius:50%;block-size:6px;inline-size:6px;transition:background .3s,transform .3s}.dots span.sep{background:color-mix(in srgb, var(--on-slate) 18%, transparent);border-radius:0;block-size:10px;inline-size:1px;margin-inline:3px}.dots span.on{background:var(--accent);transform:scale(1.4)}@media (width<=900px){.story-grid{grid-template-columns:1fr}.stage-col{background:var(--slate);z-index:2;order:-1;block-size:calc(46vh + 16px);padding-block:8px;inset-block-start:var(--header)}.stage-top .tag{display:none}.stage-mid .big{font-size:96px}.steps :is(a,button){scroll-margin-block-start:calc(46vh + 32px)}.step{min-block-size:70vh}.step-card{background:color-mix(in srgb, var(--slate) 86%, transparent);border-radius:4px;padding:18px}.story-live .step-card,.story-live .step.active .step-card{transform:none}.story-live .step:not(.active) .line{color:var(--paper)}}@media (prefers-reduced-motion:reduce){.story-live .step-card,.story-live .step .line{transition:none;transform:none}.dots span{transition:none}}