@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-wdth.woff2)format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--evergreen:#002a22;--dark-amethyst:#3c274f;--vintage-lavender:#7c5d96;--ash-grey:#b9baa3;--dust-grey:#d6d5c9;--ground:var(--dust-grey);--ground-deep:var(--ash-grey);--paper:#e6e5dc;--ink:var(--evergreen);--ink-soft:var(--dark-amethyst);--ink-faint:#5d4f69;--accent:var(--vintage-lavender);--accent-2:var(--dark-amethyst);--signal:var(--dark-amethyst);--on-accent:#fff;--line:#002a2233;--line-strong:#002a2280;--on-ink:var(--dust-grey);--on-accent-2:var(--dust-grey);--font:"Archivo", "Arial Narrow", Arial, sans-serif;--narrow:68%;--semi-narrow:82%;--normal:100%;--wide:125%;--step--1:.8125rem;--step-0:1.0625rem;--step-1:1.3125rem;--step-2:clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);--step-3:clamp(2.125rem, 1.3rem + 3.3vw, 4.25rem);--step-4:clamp(2.5rem, 1.2rem + 5.6vw, 6.75rem);--gutter:clamp(16px, 3.2vw, 48px);--column:calc((min(100vw, var(--max)) - var(--gutter) * 2 - 11 * var(--gap)) / 12);--gap:clamp(12px, 1.6vw, 24px);--max:1600px;--header:64px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--fast:.16s;--medium:.42s;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--ground);scroll-padding-top:calc(var(--header) + 24px);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--ground);min-height:100vh;color:var(--ink);font-family:var(--font);font-size:var(--step-0);font-stretch:var(--normal);font-kerning:normal;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd{margin:0}h1,h2,h3{text-wrap:balance;font-weight:640}p,li,dd{text-wrap:pretty}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--line-strong);text-underline-offset:.22em;transition:text-decoration-color var(--fast) var(--ease-out)}a:hover{text-decoration-color:currentColor}button,input,textarea,select{color:inherit;font:inherit;font-stretch:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}::selection{background:var(--accent);color:#fff}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--accent-2);color:var(--on-accent);padding:12px 16px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.site-header{z-index:40;background:var(--ground);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{min-height:var(--header);align-items:center;gap:24px;display:flex}.wordmark{align-items:center;margin-right:auto;padding-block:12px;text-decoration:none;display:flex}.logo{display:block;overflow:visible}.logo-word{fill:var(--accent)}.logo-tag{fill:var(--accent-2)}.main-nav{align-items:center;gap:4px;display:flex}.main-nav a,.lang-link{align-items:center;min-height:44px;padding-inline:12px;font-size:.9375rem;font-weight:520;text-decoration:none;display:inline-flex}.main-nav a:hover,.lang-link:hover,.main-nav a[aria-current=true]{text-decoration:underline 2px}.proof-toggle{border:1px solid var(--line-strong);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 12px;font-size:.875rem;font-weight:560;display:inline-flex}.proof-toggle .switch{border:1.5px solid;border-radius:999px;width:26px;height:14px;position:relative}.proof-toggle .switch:after{content:"";width:8px;height:8px;transition:transform var(--fast) var(--ease-out);background:currentColor;border-radius:50%;position:absolute;top:1.5px;left:2px}.proof-toggle[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.proof-toggle[aria-pressed=true] .switch:after{transform:translate(11px)}.proof-toggle[hidden]{display:none}@media (width<=820px){.site-header .wrap{flex-wrap:wrap;gap:0 8px;padding-block:6px 0}.main-nav{width:calc(100% + var(--gutter) * 2);margin-inline:calc(var(--gutter) * -1);padding-inline:calc(var(--gutter) - 12px);border-top:1px solid var(--line);order:3;overflow-x:auto}.proof-toggle .label-long{display:none}}@media (width<=480px){.proof-toggle{min-width:44px;padding-inline:12px}.proof-toggle-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.benefit-label{color:var(--accent-2);font-size:var(--step--1);font-stretch:var(--normal);letter-spacing:.06em;text-transform:uppercase;font-weight:640}.proof{font-size:var(--step--1);font-stretch:var(--semi-narrow);white-space:nowrap;align-items:center;gap:7px;font-weight:560;line-height:1.3;display:inline-flex}.proof:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:10px;height:10px}.proof[data-level=live]:before{background:currentColor}.proof[data-level=code]:before{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.proof[data-level=docs]:before{border-radius:1px}.proof[data-level=stated]:before{border-radius:0;width:9px;height:9px;transform:rotate(45deg)}.proof[data-level=planned]:before{border-style:dashed}.proof-note{color:var(--soft,var(--ink-soft));font-size:var(--step--1);padding-left:17px;line-height:1.45;display:none}html.show-proof .proof-note{display:block}html.show-proof [data-claim]{background:linear-gradient(#0000 62%,#7c5d9647 62%)}.proof-legend{flex-wrap:wrap;gap:8px 22px;padding:0;list-style:none;display:flex}.proof-key{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-bottom:clamp(32px,4vw,56px);padding-block:14px;display:flex}.proof-key p{color:var(--ink-soft);font-size:var(--step--1)}html.show-proof .proof-note{animation:note-in .22s var(--ease-out)}@keyframes note-in{0%{opacity:0;transform:translateY(-3px)}}.button{border:1.5px solid var(--accent);background:var(--accent);min-height:48px;color:var(--on-accent);transition:background var(--fast) var(--ease-out), color var(--fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent)}.button.ghost{border-color:var(--accent-2);color:var(--accent-2);background:0 0}.button.ghost:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent)}.text-link{text-decoration-color:var(--accent);font-weight:600;text-decoration-thickness:2px}.text-link:hover{color:var(--signal)}.external:after{content:"↗";margin-left:.3em;font-weight:400;text-decoration:none;display:inline-block}.section{padding-block:clamp(72px,9vw,144px)}.section-head{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:clamp(36px,5vw,72px);display:grid}.section-head h2{font-size:var(--step-3);font-stretch:var(--narrow);letter-spacing:-.005em;grid-column:1/span 8;font-weight:620;line-height:.98}.section-head p{max-width:38ch;color:var(--ink-soft);grid-column:9/-1;align-self:end}@media (width<=900px){.section-head h2,.section-head p{grid-column:1/-1}}.shot{position:relative}.shot picture,.shot .shot-frame{background:var(--ground-deep);display:block;overflow:hidden}.shot img{width:100%}.shot.phone picture{border-radius:22px}.shot figcaption{max-width:62ch;color:var(--ink-soft);font-size:var(--step--1);margin-top:10px;line-height:1.45}.shot-placeholder{border:1.5px dashed var(--line-strong);min-height:260px;color:var(--ink-soft);text-align:center;place-content:center;gap:6px;padding:24px;display:grid}.site-footer{background:var(--accent-2);color:var(--on-accent-2);padding-block:56px 40px}.site-footer .wrap{gap:32px var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.footer-mark{grid-column:1/span 5}.footer-mark .logo{width:clamp(12rem,40vw,34rem);height:auto}.footer-mark .logo-word{fill:var(--on-accent-2)}.footer-mark p{color:#d6d5c9cc;max-width:34ch;margin-top:18px;font-size:.9375rem}.footer-cols{gap:var(--gap);grid-column:7/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;font-size:.9375rem;display:grid}.footer-cols h2{color:#d6d5c9cc;font-size:var(--step--1);margin-bottom:10px;font-weight:520}.footer-cols ul{padding:0;list-style:none}.footer-cols li+li{margin-top:4px}.footer-cols a{padding-block:4px;text-decoration-color:#d6d5c959;display:inline-block}.footer-cols a:focus-visible,.site-footer a:focus-visible{outline-color:var(--on-ink)}.footer-base{color:#d6d5c9cc;font-size:var(--step--1);border-top:1px solid #d6d5c933;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:8px 24px;padding-top:20px;display:flex}@media (width<=900px){.footer-mark,.footer-cols{grid-column:1/-1}}@media (width<=520px){.footer-cols{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:var(--ease-out)}::view-transition-group(*){animation-duration:.52s;animation-timing-function:var(--ease-in-out)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
