@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:color-mix(in srgb, var(--ink-soft) 80%, var(--ground));--accent:var(--vintage-lavender);--accent-2:var(--dark-amethyst);--signal:var(--dark-amethyst);--on-accent:#fff;--line:color-mix(in srgb, var(--ink) 20%, transparent);--line-strong:color-mix(in srgb, var(--ink) 50%, transparent);--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(--signal)}.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}@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}}.benefit-label{color:var(--signal);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:block}.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}.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(--signal);color:var(--signal);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}.plate{margin:0}.plate-face{border:1.5px solid var(--rule,var(--line-strong));min-height:clamp(260px,30vw,440px);color:var(--field-ink,var(--ink));align-content:space-between;gap:40px;padding:clamp(20px,2.6vw,40px);display:grid}.plate-tag{color:var(--soft,var(--ink-soft));font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;font-weight:620}.plate-line{max-width:13ch;font-size:var(--step-3);font-stretch:var(--narrow);letter-spacing:-.01em;text-wrap:balance;font-weight:800;line-height:.98}.plate figcaption{max-width:62ch;color:var(--soft,var(--ink-soft));font-size:var(--step--1);margin-top:10px;line-height:1.45}.plate-mini{width:100%;height:100%;color:var(--field-ink,var(--ink));font-size:1.125rem;font-stretch:var(--narrow);letter-spacing:.01em;place-items:center;font-weight:800;line-height:1;display:grid}.viewer-item .plate-mini{letter-spacing:-.01em;font-size:clamp(2.5rem,5vw,5rem)}.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{max-width:34ch;color:color-mix(in srgb, var(--on-accent-2) 80%, transparent);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:color-mix(in srgb, var(--on-accent-2) 80%, transparent);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{text-decoration-color:color-mix(in srgb, var(--on-accent-2) 35%, transparent);padding-block:4px;display:inline-block}.footer-cols a:focus-visible,.site-footer a:focus-visible{outline-color:var(--on-ink)}.footer-base{border-top:1px solid color-mix(in srgb, var(--on-accent-2) 20%, transparent);color:color-mix(in srgb, var(--on-accent-2) 80%, transparent);font-size:var(--step--1);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}}.palette-bar{border-top:1px solid color-mix(in srgb, var(--on-accent-2) 20%, transparent);font-size:var(--step--1);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 20px;padding-top:20px;display:flex}.palette-bar[hidden]{display:none}.palette-bar p{max-width:46ch;color:color-mix(in srgb, var(--on-accent-2) 80%, transparent);margin-right:auto}.palette-swatches{gap:6px;padding:0;list-style:none;display:flex}.palette-swatches li{font-variant-numeric:tabular-nums;justify-items:center;gap:4px;display:grid}.palette-swatches i{background:var(--swatch);width:52px;height:28px;box-shadow:0 0 0 1px color-mix(in srgb, var(--on-accent-2) 35%, transparent);display:block}.palette-actions{gap:8px;display:flex}.palette-actions button{border:1.5px solid var(--on-accent-2);background:var(--on-accent-2);min-height:40px;color:var(--accent-2);border-radius:999px;padding:0 16px;font-size:.875rem;font-weight:620}.palette-actions button.quiet{color:var(--on-accent-2);background:0 0}.palette-actions button:focus-visible{outline-color:var(--on-accent-2)}.palette-hint{min-height:44px;color:var(--signal);text-decoration:underline 1px;text-decoration-color:var(--line-strong);text-underline-offset:.22em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:.9375rem;font-weight:560;display:inline-flex}.palette-hint[hidden]{display:none}.palette-hint:hover{text-decoration-color:currentColor}.palette-hint-dots{display:inline-flex}.palette-dots{background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 8px;display:inline-flex}.palette-dots[hidden]{display:none}.palette-dots i,.palette-hint-dots i{border:1.5px solid var(--ground);border-radius:50%;width:14px;height:14px;margin-left:-4px}.palette-dots i:first-child,.palette-hint-dots i:first-child{background:var(--accent);margin-left:0}.palette-dots i:nth-child(2),.palette-hint-dots i:nth-child(2){background:var(--signal)}.palette-dots i:nth-child(3),.palette-hint-dots i:nth-child(3){background:var(--ink)}@media (prefers-reduced-motion:no-preference){.palette-dots:hover i{transition:transform var(--fast) var(--ease-out);transform:translateY(-2px)}}