@font-face{font-family:"Archivo";src:url(../fonts/archivo-latin.woff2) format("woff2");font-weight:400 800;font-stretch:100% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{--paper:#F5F2EC;--surface:#FFFFFF;--ink:#191714;--ink-2:#55504A;--line:#DCD6CB;
--font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--ease-out:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--font);overflow-x:hidden}
a{color:inherit} img,svg{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.75rem 1rem;z-index:5}.skip:focus{left:1rem}
.wrap{max-width:72rem;margin-inline:auto;padding-inline:1.25rem}
h1,h2,h3,p{margin:0}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:1rem}
.mark{display:inline-flex;align-items:center;min-height:44px} .mark__svg{height:28px;width:auto} .k,.a{fill:var(--ink)}
.nav{display:flex;flex-wrap:wrap;gap:0 1.25rem}
.nav a{font-weight:500;font-size:.9375rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.hero{padding-block:2.5rem 2rem}
.hero h1{font:800 clamp(2.4rem,9vw,5.25rem)/.98 var(--font);font-stretch:112%;letter-spacing:-.03em;max-width:13ch}
.hero p{font-size:1.1875rem;color:var(--ink-2);max-width:52ch;margin-top:1.5rem}
.stripe{display:grid;grid-template-columns:repeat(var(--n),1fr);height:10px;margin-top:2.5rem}
.sec{padding-block:3rem;border-top:1px solid var(--line)}
.sec__h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:1.5rem}
.sec__h h2{font:700 clamp(1.5rem,4vw,2rem)/1.1 var(--font);letter-spacing:-.015em}
.sec__h span{font:500 .8125rem var(--mono);color:var(--ink-2)}
.lead{font-size:1.125rem;max-width:58ch}
.fields{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.fields li{padding:1rem 0;border-bottom:1px solid var(--line);display:grid;gap:.25rem}
.fields b{font-weight:700;font-size:1.125rem} .fields span{color:var(--ink-2);font-size:.9375rem}
.grp{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);margin:2rem 0 .5rem}
.prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod{border-bottom:1px solid var(--line)}
.prod__a{display:grid;grid-template-columns:6px 1fr 1.25rem;grid-template-areas:"f logo go" "f body body";gap:.75rem 1rem;padding:1rem 0;text-decoration:none;transition:background-color 160ms ease}
.prod__flag{grid-area:f;background:linear-gradient(var(--fl) 0 60%,var(--bg) 60%);box-shadow:inset 0 0 0 1px rgba(25,23,20,.18)}
.prod__logo{grid-area:logo;background:var(--bg);justify-self:start;width:12rem;justify-content:center;display:flex;align-items:center;min-height:4rem;padding:.75rem 1rem;box-shadow:inset 0 0 0 1px rgba(25,23,20,.12)}
.prod__logo img{width:auto;max-width:11rem;height:auto;max-height:2.5rem} .prod__logo img.tall{width:9rem;max-height:none}
.prod__body{grid-area:body;display:grid;gap:.15rem}
.prod__dom{font:500 .875rem var(--mono);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--fl);text-underline-offset:4px}
.prod__txt{color:var(--ink-2);font-size:.9375rem;max-width:52ch}
.prod__go{grid-area:go;width:20px;height:20px;align-self:center;transition:transform 200ms var(--ease-out)}
.prod__a:hover{background:var(--surface)}
@media (hover:hover) and (pointer:fine){.prod__a:hover .prod__go{transform:translateX(4px)}}
.about{display:grid;gap:2.5rem}
.about h3{font:700 1.25rem/1.2 var(--font);margin-bottom:.75rem}
.about p{max-width:58ch;margin-bottom:1rem}
.steps{list-style:none;padding:0;margin:0;counter-reset:s;border-top:2px solid var(--ink)}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.5rem 1fr;padding:.85rem 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s,decimal-leading-zero);font:500 .8125rem/1.9 var(--mono);color:var(--ink-2)}
.contact{background:var(--ink);color:var(--paper);padding-block:3rem}
.contact h2{font:700 clamp(1.5rem,4vw,2rem)/1.1 var(--font);margin-bottom:1rem}
.contact p{color:#C9C3B8;max-width:52ch;margin-bottom:1.25rem}
.contact a{color:var(--paper);text-underline-offset:4px}
.facts{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.5rem;margin:0;font-size:.9375rem;border-top:1px solid #4A453E;padding-top:1rem}
.facts dt{font:500 .75rem/1.9 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#B5AEA2} .facts dd{margin:0;font-family:var(--mono);font-size:.9375rem}
.firm{font:500 .9375rem/1.8 var(--mono);color:var(--paper);margin:0;align-self:end;border-top:1px solid #4A453E;padding-top:1rem}
.contact :focus-visible{outline-color:var(--paper)}
.foot{padding-block:1.5rem;font:500 .8125rem var(--mono);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center}
.foot svg{height:20px;width:auto}
@media (min-width:760px){
 .hero{padding-block:5rem 3rem}
 .fields{grid-template-columns:repeat(4,1fr);gap:0 1.5rem}
 .prod__a{grid-template-columns:6px 13rem 1fr 1.5rem;grid-template-areas:"f logo body go";align-items:center;padding:.9rem .5rem .9rem 0;gap:1.5rem}
 .prod__logo{width:13rem;justify-self:stretch;justify-content:center;min-height:5rem}
 .prod__flag{align-self:stretch}
 .about{grid-template-columns:1fr 1fr;gap:4rem} .about p{margin-bottom:0}
 .contact__in{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;scroll-behavior:auto!important}}