@font-face{font-family:Sora;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/sora-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:Sora;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/sora-latin-600-normal.woff2) format("woff2")}
:root{--ink:#141B2D;--ground:#F5F6F8;--indigo:#1F2F8C;--blue:#2A47E0;--dot:#E09A1E;--mute:#4F5566;--rule:#D5D8DF;--card:#fff;--sans:Sora,"Avenir Next","Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--ink:#F5F6F8;--ground:#141B2D;--indigo:#fff;--blue:#8FA3FF;--mute:#A9B0C2;--rule:#2C3550;--card:#1B2440}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.55;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--ink);text-decoration-color:var(--dot);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--blue)}
a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--ground);padding:.75rem 1rem;z-index:10}
.skip:focus{left:0}
.bar,main,footer{width:100%;max-width:64rem;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}
.bar{padding-top:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}
.brand:hover{color:var(--ink)}
.s{stroke:var(--indigo)}
.a{stroke:var(--ink)}
.word{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}
.ai{font-weight:300}
main{flex:1}
.hero{padding:clamp(3rem,12vw,7rem) 0 3rem}
h1{font-size:clamp(2.25rem,7.5vw,5rem);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0 0 1.5rem}
h1 em{font-style:normal;font-weight:300}
.lede{font-size:clamp(1.0625rem,2.4vw,1.375rem);color:var(--mute);margin:0;max-width:34rem;font-weight:300}
h2{font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600;margin:0 0 1rem}
.products,.contact{border-top:1px solid var(--rule);padding:2rem 0}
.card{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;background:var(--card);border:1px solid var(--rule);border-radius:1.25rem;padding:1.5rem;text-decoration:none;max-width:40rem}
.card:hover{border-color:var(--blue);color:var(--ink)}
.card-text{display:flex;flex-direction:column;flex:1 1 14rem}
.card-name{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}
.card-desc{color:var(--mute);font-weight:300}
.card-go{color:var(--blue);font-size:.9375rem;font-weight:600}
.contact p{margin:0;font-size:1.125rem}
footer{padding-top:1.5rem;padding-bottom:2rem;border-top:1px solid var(--rule);color:var(--mute);font-size:.8125rem}
footer p{margin:0 0 .25rem}
@media (forced-colors:active){.s,.a{stroke:CanvasText}}