:root{color-scheme:dark;--ground:#080808;--text:#f2f2f2;--secondary:rgb(242 242 242 / .65);--line:#626262;--stage:#d2d2d2;--ink:#171717;--body:18px;--small:14px;--label:12px;--lead:24px;--h3:32px;--h2:clamp(40px,4.4vw,64px);--display:clamp(56px,6.8vw,104px);--brand:24px;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:72px;--s8:96px;--s9:144px;--radius:2px;--ease:cubic-bezier(.2,.6,.3,1)}
:where(*,*::before,*::after){box-sizing:border-box} :where(body,h1,h2,h3,p,figure,ul,ol){margin:0} :where(ul,ol){padding:0;list-style:none} :where(a){color:inherit;text-decoration:none} :where(button,input,select,textarea){font:inherit} :where(button,a,input,textarea,select){-webkit-tap-highlight-color:transparent} :where(img,svg){display:block;max-width:100%}
body{background:var(--ground);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased} ::selection{background:var(--text);color:var(--ground)} :focus-visible{outline:2px solid var(--text);outline-offset:6px} .wrap{max-width:1536px;margin-inline:auto;padding-inline:var(--s4)} .skip{position:fixed;top:var(--s3);left:var(--s3);padding:var(--s3);background:var(--text);color:var(--ground);transform:translateY(-200%);z-index:10}.skip:focus{transform:translateY(0)}
.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:88px;background:var(--ground);gap:var(--s4)}.brand{font-size:var(--brand);font-weight:600;letter-spacing:-.06em;display:flex;align-items:center;gap:var(--s2)}nav{display:flex;align-items:center;gap:var(--s5);font-size:var(--small)}nav>a:not(.nav-demo){display:none}.nav-demo{display:flex;gap:var(--s4);align-items:center}.header a:hover,.footer a:hover{color:var(--secondary)}
h1,h2,h3{font-weight:400;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}h1{font-size:var(--display)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}p{text-wrap:pretty}.hero{padding-top:var(--s6)}.hero-copy>p{max-width:31ch;color:var(--secondary);margin-top:var(--s4);font-size:var(--body)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s6);padding:var(--s3) var(--s4);background:var(--text);color:var(--ground);border:1px solid var(--text);border-radius:var(--radius);font-size:var(--small);line-height:1.5;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.button:hover{background:var(--ground);color:var(--text)}.hero .button{margin-top:var(--s5)}.hero-figure{margin-top:var(--s5);align-self:center;min-width:0}.hero-figure img{width:100%;height:auto}.hero-figure figcaption{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--label);color:var(--secondary);margin-top:var(--s3)}.hero-foot{display:flex;flex-direction:column;gap:var(--s3);padding-block:var(--s5);font-size:var(--small);color:var(--secondary)}.hero-foot a{color:var(--text);display:flex;align-items:center;gap:var(--s4)}.section{padding-top:var(--s8);scroll-margin-top:var(--s8)}.section-intro{display:grid;gap:var(--s4);margin-bottom:var(--s6)}.section-intro p{max-width:36ch;color:var(--secondary)}.products{display:grid;gap:var(--s7)}.product-figure{position:relative;background:var(--stage);color:var(--ink);aspect-ratio:6/5;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-figure img{width:90%;height:auto;max-height:100%}.product-figure figcaption{position:absolute;bottom:var(--s3);left:var(--s4);font-size:var(--label);color:var(--ink)}.product-title{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s5);gap:var(--s4)}.product-title>a{font-size:var(--lead);padding:var(--s2);line-height:1}.product-title>a:hover{background:var(--text);color:var(--ground)}.role{margin-top:var(--s2)}.product-description{max-width:39ch;color:var(--secondary);margin-top:var(--s4)}.capabilities{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);margin-top:var(--s5);font-size:var(--small);color:var(--secondary)}.vision{display:grid;gap:var(--s5)}.vision p{max-width:37ch;margin-top:var(--s4);color:var(--secondary)}.vision-figure{align-self:center}.vision-figure svg{width:100%;height:auto}.vision-figure figcaption{font-size:var(--label);color:var(--secondary);text-align:center}.demo{display:grid;gap:var(--s6);padding-bottom:var(--s8)}.demo-copy>p{max-width:36ch;color:var(--secondary);margin-top:var(--s4)}.process{display:flex;gap:var(--s4);font-size:var(--small);margin-top:var(--s5)}.process li+li::before{content:'→';margin-right:var(--s4);color:var(--secondary)}form{display:grid;grid-template-columns:1fr;gap:var(--s4);align-content:start}.field{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.field:nth-child(5){grid-column:1/-1}label{font-size:var(--small)}label span{color:var(--secondary)}input,select,textarea{min-width:0;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--ground);color:var(--text);padding:var(--s2) 0 var(--s3);font-size:var(--body)}select{height:53px}textarea{resize:vertical}.demo .button{justify-self:start;grid-column:1/-1;margin-top:var(--s2)}.form-note{grid-column:1/-1;font-size:var(--small);color:var(--secondary)}.email-link{grid-column:1/-1;font-size:var(--small);text-decoration:underline;text-underline-offset:4px}.footer{display:grid;gap:var(--s5);padding-block:var(--s6);font-size:var(--small)}.footer>div{display:flex;gap:var(--s4)}.footer p{color:var(--secondary)}
@media(min-width:720px){form{grid-template-columns:1fr 1fr;}.wrap{padding-inline:var(--s6)}nav>a:not(.nav-demo){display:block}.hero{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;padding-top:var(--s7)}.hero-copy{position:relative;z-index:1}.hero-figure{margin-top:0;width:125%;margin-left:-15%}.hero-foot{grid-column:1/-1;flex-direction:row;justify-content:space-between;padding-top:var(--s7)}.hero-figure figcaption{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--label);color:var(--secondary);padding-left:var(--s7)}.hero-figure figcaption span{opacity:.8}.section-intro{grid-template-columns:1fr 1fr;gap:var(--s6);align-items:end;margin-bottom:var(--s6)}.products{grid-template-columns:1fr 1fr;gap:var(--s5)}.vision,.demo{grid-template-columns:1fr 1fr;gap:var(--s6);align-items:center}.demo{align-items:start}.section{padding-top:var(--s9)}.footer{grid-template-columns:1fr 1fr;align-items:center}.footer p{text-align:right}}
@media(min-width:1080px){.wrap{padding-inline:var(--s7)}.header{min-height:104px}.hero{min-height:calc(100svh - 104px);grid-template-columns:5fr 7fr;grid-template-rows:1fr auto;padding-top:var(--s6)}.hero-copy{padding-block:var(--s5)}.hero-figure{width:118%;margin-left:-7%}.hero-figure figcaption{padding-left:var(--s8)}.hero-foot{padding-top:var(--s5);padding-bottom:var(--s5)}.hero-foot p{letter-spacing:.01em}.section-intro{grid-template-columns:1fr 1fr;gap:var(--s7)}.products{gap:var(--s6)}.vision,.demo{gap:var(--s7)}.vision{padding-bottom:var(--s6)}.footer{grid-template-columns:1fr 1.2fr 1fr auto;gap:var(--s5)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}