@import url("finish.css");
@font-face{font-family:Prata;src:url("assets/prata.woff2") format("woff2");font-display:swap}@font-face{font-family:Plex;src:url("assets/plex-sans.woff2") format("woff2");font-display:swap}@font-face{font-family:Plex Mono;src:url("assets/plex-mono.woff2") format("woff2");font-display:swap}
.hero{height:743px!important;position:relative}.paper-sample{position:absolute;left:20%;top:50%;width:10%;height:10%;object-fit:cover;opacity:.03;pointer-events:none}.hero h1{font-size:67px!important;max-width:8ch!important}.specimen>img{inset:10% -8% 20%!important;width:116%!important;height:70%!important}.feature-index{height:205px}.feature-index a{height:205px;padding-top:20px;overflow:hidden;grid-template-rows:auto auto 1fr}.feature-index img{display:block;width:100%;height:85px;object-fit:contain;object-position:top;margin-top:10px}.feature-index a:nth-child(2) img{object-fit:cover}
.feature-index a:first-child img{width:60%;justify-self:center}.feature-index a:nth-child(2) img{width:85%;justify-self:center;object-fit:contain}.feature-index a:nth-child(3) img{width:91%;justify-self:start}.hero-lede{color:#3f5145}.status-key{color:#65625e}.state-route{color:var(--orange)}
.sticky-section .phone-screen img,.feature-index a:nth-child(3) img{object-position:bottom}.connectors{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center;border-bottom:1px solid var(--ink)}.connectors .section-copy h2{max-width:12ch}.text-link{display:inline-flex;gap:14px;margin-top:18px;text-transform:uppercase;font:700 12px/1.3 var(--mono);letter-spacing:.06em}.connector-card{background:#fff;border:1px solid var(--ink);box-shadow:12px 18px 45px #172b1d1f;padding:30px}.connector-heading{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.connector-heading>div{display:grid;gap:3px}.connector-heading strong{font:22px/1.1 var(--mono)}.connector-heading span{color:#4c5e52}.connector-mark{display:grid!important;place-items:center;width:44px;height:44px;background:#171917;color:#fff!important;border-radius:9px;font:700 18px/1 var(--sans)}.connector-card dl{margin:0}.connector-card dl div{display:grid;grid-template-columns:1fr auto;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.connector-card dt{font-weight:700}.connector-card dd{margin:0;color:#16734c;font:700 12px/1.4 var(--mono);text-transform:uppercase}.connector-card dd.coming-soon{color:#8d6312}.connector-card>p{margin:22px 0 0;color:#4c5e52;font-size:13px}
@media(max-width:980px){.hero{height:auto!important}.feature-index{height:auto}.feature-index a{height:auto;min-height:205px}.connectors{grid-template-columns:1fr;gap:44px}}@media(max-width:640px){.hero h1{font-size:clamp(52px,17vw,67px)!important}.paper-sample{display:none}.feature-index img{height:120px}.connectors{padding:76px 20px}.connector-card{padding:22px 18px}.connector-card dl div{grid-template-columns:1fr}.connector-card dd{margin-top:-12px}}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url("assets/paper-ground.png") repeat;opacity:.025;z-index:30}
:root{--paper:#f8f4e5;--ink:#172b1d;--forest:#214b32;--acid:#c9d339;--orange:#e9612d;--yellow:#efb813;--red:#cc4037;--line:rgba(23,43,29,.3);--display:Prata,Georgia,serif;--sans:Plex,Arial,sans-serif;--mono:"Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}::selection{background:var(--acid);color:var(--ink)}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:fixed;left:16px;top:-80px;z-index:20;background:var(--ink);color:var(--paper);padding:10px 16px}.skip:focus{top:16px}.site-nav{height:76px;padding:0 clamp(24px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ink);background:var(--paper);position:relative;z-index:5}.wordmark{font:clamp(22px,2vw,31px)/1 var(--display);text-decoration:none}.site-nav nav,.site-nav nav a{display:flex;gap:28px;text-decoration:none;font-size:13px}.site-nav nav a:hover{text-decoration:underline}.nav-cta,.button{justify-self:end;display:inline-flex;gap:28px;align-items:center;padding:13px 18px;background:var(--acid);border:1px solid var(--ink);text-decoration:none;text-transform:uppercase;font:700 12px/1 var(--mono);letter-spacing:.06em}.hero{height:calc(100vh - 76px);min-height:700px;max-height:948px;display:grid;grid-template-columns:30% 48% 22%;border-bottom:1px solid var(--ink);overflow:hidden}.hero-copy{padding:clamp(42px,5vw,78px) clamp(24px,3vw,48px);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.index-label{margin:0 0 24px;font:700 11px/1.3 var(--mono);letter-spacing:.1em}.hero h1{font:400 clamp(56px,6.2vw,94px)/.99 var(--display);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 30px;max-width:7ch}.hero h1 em{font-style:italic}.hero-lede{max-width:33ch;margin:auto 0 28px;font-size:17px}.hero-lede strong{display:block;font-size:22px;line-height:1.18;margin-bottom:12px}.specimen{position:relative;padding:42px 32px 20px;overflow:hidden}.specimen-title,.monitor-title{font:700 11px/1 var(--mono);letter-spacing:.1em;text-align:center;margin:0}.specimen>img{position:absolute;inset:14% 3% 24%;width:94%;height:62%;object-fit:contain}.swatches{position:absolute;left:22px;top:20%;display:grid;gap:12px}.swatch{width:24px;height:24px;border-radius:50%;background:#171917;border:1px solid var(--ink)}.swatch.selected{outline:2px solid var(--ink);outline-offset:4px}.swatch.ash{background:#aaa}.swatch.cream{background:#eee7d6}.swatch.olive{background:#7b8068}.annotation{position:absolute;font:11px/1.3 var(--mono)}.annotation b,.annotation span{display:block}.annotation-color{right:12%;top:22%}.annotation-width{right:14%;bottom:25%}.sizes{position:absolute;left:5%;right:5%;bottom:12%;display:flex;justify-content:space-between;border-block:1px solid var(--line);font:12px/1 var(--mono);padding:11px 4px}.sizes strong{background:var(--ink);color:var(--paper);padding:5px 9px;margin:-5px}.status-key{position:absolute;bottom:4%;left:25%;right:8%;display:flex;justify-content:space-between;font:10px/1 var(--mono)}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;border:1px solid #0003}.black{background:#171917}.yellow{background:var(--yellow)}.green{background:#2f9e52}.red{background:var(--red)}.monitor{border-left:1px solid var(--line);padding:42px clamp(20px,2vw,36px);display:flex;flex-direction:column}.variant-name{font:16px/1.3 var(--mono);margin:22px 0}.state{border:1px solid currentColor;padding:20px;display:grid;gap:10px}.state span{font:700 10px/1 var(--mono);letter-spacing:.06em}.state strong{text-transform:uppercase;font:400 25px/1.1 var(--mono)}.state p{margin:0;font-size:13px}.state b{display:block;margin-top:8px;padding:12px;text-align:center;text-transform:uppercase;font:700 11px/1 var(--mono);color:var(--paper)}.state.waiting{color:var(--orange)}.state.waiting p{color:var(--ink)}.state.waiting b{background:var(--orange)}.state.available{color:var(--forest)}.state.available p{color:var(--ink)}.state.available b{background:var(--acid);color:var(--ink)}.state-route{height:90px;display:grid;place-items:center;position:relative;font:10px/1 var(--mono);text-transform:uppercase}.state-route:before{content:"";height:55px;border-left:1px solid var(--ink);position:absolute;top:0}.state-route span{background:var(--paper);padding:5px;z-index:1}.feature-index{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}.feature-index a{min-height:130px;padding:27px clamp(24px,4vw,60px);text-decoration:none;border-right:1px solid var(--line);display:grid;align-content:center}.feature-index a:last-child{border:0}.feature-index b{font:20px/1.1 var(--mono);text-transform:uppercase}.feature-index span{margin-top:10px;max-width:34ch;color:var(--forest)}.evidence{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);border-bottom:1px solid var(--ink)}.section-copy{max-width:690px}.section-copy h2,.headless h2,.how h2,.pricing h2,.responsible h2{font:400 clamp(42px,5.5vw,82px)/1.02 var(--display);letter-spacing:-.03em;margin:0 0 28px}.section-copy>p:not(.index-label){font-size:19px;max-width:62ch}.availability-section{display:grid;gap:55px}.legend{display:flex;flex-wrap:wrap;gap:14px 25px;list-style:none;padding:0;margin:30px 0 0;font:12px/1 var(--mono)}figure{margin:0}.screen{background:#fff;border:1px solid var(--ink);box-shadow:12px 18px 45px #172b1d1f;overflow:hidden}.screen img{display:block;width:100%;height:auto}.screen figcaption{padding:12px 16px;border-top:1px solid var(--line);font:10px/1.4 var(--mono);text-transform:uppercase}.screen-wide img{aspect-ratio:16/7;object-fit:cover;object-position:top}.split-evidence,.sticky-section{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:center}.phone-screen{width:min(100%,450px);justify-self:center}.phone-screen img{max-height:620px;object-fit:cover;object-position:top}.sticky-section{grid-template-columns:.7fr 1.3fr}.headless{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);background:var(--ink);color:var(--paper)}.code-sample{align-self:end;border-block:1px solid #f8f4e573;padding:24px 0}.code-sample>span{font:10px/1 var(--mono);color:var(--acid)}.code-sample code{display:block;font:20px/1.6 var(--mono);margin:24px 0}.code-sample p{max-width:48ch;color:#d8ddce}.how{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px)}.how ol{list-style:none;margin:50px 0 0;padding:0;border-top:1px solid var(--ink)}.how li{display:grid;grid-template-columns:180px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.how li b{font:22px/1 var(--mono);text-transform:uppercase}.how li span{font-size:19px}.pricing{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--ink)}.price-list{border-top:1px solid var(--ink)}.price-list article{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.price-list h3{font:20px/1 var(--mono);text-transform:uppercase}.price-list p{margin:0}.price-list strong{font:46px/1 var(--display)}.responsible{margin:0 clamp(24px,3vw,48px) 48px;padding:clamp(50px,7vw,100px);background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:40px}.responsible h2{margin:0}.responsible p{font-size:18px;max-width:58ch}.button.light{background:var(--acid);color:var(--ink);justify-self:start}footer{padding:36px clamp(24px,3vw,48px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink)}footer nav{display:flex;gap:24px}@media(max-width:980px){.site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}.hero{height:auto;max-height:none;grid-template-columns:1fr 1fr}.hero-copy,.specimen{min-height:700px}.monitor{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.monitor-title,.variant-name{grid-column:1/-1;text-align:left}.state-route{display:none}.feature-index{grid-template-columns:1fr}.feature-index a{border-right:0;border-bottom:1px solid var(--line)}.split-evidence,.sticky-section,.headless,.pricing{grid-template-columns:1fr}.sticky-section .phone-screen{order:2}.responsible{grid-template-columns:1fr}}@media(max-width:640px){.site-nav{height:66px;padding:0 18px}.nav-cta{padding:10px;font-size:10px}.nav-cta span{display:none}.hero{display:block}.hero-copy{min-height:auto;padding:52px 20px 40px}.hero h1{font-size:clamp(52px,17vw,76px)}.hero-lede{margin:20px 0 28px}.specimen{min-height:520px;border-top:1px solid var(--line)}.specimen>img{inset:14% 0 25%;width:100%}.annotation{display:none}.sizes{overflow:auto;gap:24px;justify-content:flex-start}.status-key{left:7%;font-size:9px}.monitor{display:block;padding:40px 20px}.variant-name{margin:16px 0 24px}.state-route{display:grid}.state{margin:0}.feature-index a{padding:24px 20px;min-height:110px}.evidence,.headless,.how,.pricing{padding:76px 20px}.section-copy h2,.headless h2,.how h2,.pricing h2,.responsible h2{font-size:44px}.section-copy>p:not(.index-label){font-size:17px}.legend{display:grid}.screen-wide{margin-inline:-20px;border-inline:0;overflow-x:auto}.screen-wide img{aspect-ratio:auto;width:900px;max-width:none}.split-evidence,.sticky-section{gap:44px}.phone-screen img{max-height:560px}.how li{grid-template-columns:1fr;gap:10px}.price-list article{grid-template-columns:1fr 1fr}.price-list article span{grid-column:1/-1}.responsible{margin:0;padding:70px 20px}.responsible .button{justify-self:start}footer{align-items:flex-start;flex-direction:column;gap:18px;padding:30px 20px}footer p{margin:0}}@media(prefers-reduced-motion:no-preference){.state.available{animation:availability-pulse 7s cubic-bezier(.16,1,.3,1) infinite}@keyframes availability-pulse{0%,60%{box-shadow:none}67%{box-shadow:0 0 0 8px #c9d33938}75%,100%{box-shadow:none}}}