@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--ground:#111113;--ink:#f4f2f7;--muted:#aaa7b0;--accent:#d6c6f1;--rule:#303034;font-family:Manrope,system-ui,sans-serif;background:var(--ground);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
::selection{color:var(--ground);background:var(--accent)}
html{scrollbar-color:#54505d var(--ground)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:2px}
.page{width:min(100% - 112px,1328px);min-height:100svh;margin-inline:auto;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:42px}
.wordmark{font-size:24px;font-weight:750;letter-spacing:-.035em;white-space:nowrap}
.wordmark>span:first-child{font-weight:400;margin-left:5px}
.brand-dot{color:var(--accent)}
.wordmark:hover .brand-dot{color:#fff}
.header-note{font-size:12px;color:var(--muted);letter-spacing:.025em}
main{position:relative;flex:1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:12px;padding-block:86px 108px;isolation:isolate}
.introduction{position:relative;z-index:1}
h1{font-size:clamp(42px,5.7vw,82px);line-height:1.1;font-weight:500;letter-spacing:-.04em;margin:0;text-wrap:balance}
h1 span{color:var(--accent)}
.introduction p{font-size:clamp(16px,1.4vw,18px);line-height:1.85;color:var(--muted);max-width:450px;margin:30px 0 0;text-wrap:pretty}
.connection{width:100%;max-width:480px;justify-self:end}
.connection svg{display:block;width:100%;height:auto;overflow:visible}
.ring{transform-origin:250px 225px;animation:come-together 1.6s cubic-bezier(.16,1,.3,1) both}
.ring-one{--shift:-20px}.ring-two{--shift:20px}
@keyframes come-together{from{transform:translateX(var(--shift))}to{transform:translateX(0)}}
footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px 30px;font-size:12px;color:var(--muted)}
footer p{margin:0;line-height:1.7}
.copyright{color:#96929e}
@media(min-width:1600px){.page{width:min(100% - 160px,1440px)}main{gap:60px}.connection{max-width:510px}}
@media(max-width:900px){.page{width:calc(100% - 64px)}main{grid-template-columns:1.5fr 1fr;gap:0;padding-block:80px}.connection{opacity:.8}h1{font-size:clamp(42px,6vw,60px)}}
@media(max-width:600px){.page{width:calc(100% - 48px)}.masthead{padding-block:30px}.wordmark{font-size:21px}.header-note{display:none}main{grid-template-columns:1fr;align-content:center;gap:32px;padding-block:58px 42px}h1{font-size:clamp(38px,10.5vw,62px);line-height:1.12}.introduction p{font-size:16px;line-height:1.8;margin-top:25px;max-width:360px}.connection{width:min(78%,300px);justify-self:center;opacity:1}footer{align-items:flex-start;font-size:11px;padding-block:22px 26px;gap:18px}.copyright{text-align:right}}
@media(max-width:350px){.page{width:calc(100% - 36px)}h1{font-size:35px}footer{flex-direction:column;gap:8px}.copyright{text-align:left}}
@media(prefers-reduced-motion:reduce){.ring{animation:none}}