/* Versor — the landing page's styles, class-scoped. Values are exact from index.html. */
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
.vs-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.vs-link{color:var(--teal-text);text-decoration:none}
.vs-link:hover{color:var(--ink)}
.vs-bar{display:flex;justify-content:space-between;align-items:center;padding:28px 56px}
.vs-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.vs-contact{font-size:15px;border-bottom:1.5px solid var(--gold);padding-bottom:2px}
.vs-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px 56px}
.vs-current{display:block;width:clamp(220px,(100svh - 330px)*1.08,460px);max-width:100%;aspect-ratio:465/432}
.vs-lede{margin:0;max-width:620px;text-align:center;font-size:24px;line-height:1.45;font-weight:300;color:var(--body);text-wrap:balance}
.vs-lede b{font-weight:500;color:var(--teal-text)}
.vs-footer{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}
.vs-social{display:flex;gap:20px;align-items:center}
.vs-social a{display:flex;color:var(--icon)}
.vs-social a:hover{color:var(--teal-text)}
.vs-mark .vs-axis{stroke:var(--rule)}
.vs-mark .vs-sky{stop-color:var(--sky)}
.vs-mark .vs-teal{stop-color:var(--teal)}
.vs-mark .vs-gold{stop-color:var(--gold)}
@media (max-width:600px){.vs-bar{padding:20px 24px}.vs-main{padding:16px 28px;gap:32px}.vs-lede{font-size:19px}.vs-brand{font-size:16px}.vs-contact{font-size:14px}.vs-footer{font-size:11px}.vs-social{gap:16px}.vs-social svg{width:16px;height:16px}}