@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--bg:#fbfbfa;--ink:#202020;--muted:#666665;--accent:#242424;--line:#e2e2df}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100svh;display:grid;place-items:center;padding:48px 28px}
main{width:min(100%,440px);transform:translateY(-22px)}
h1{display:flex;align-items:center;gap:8px;font-size:14px;line-height:24px;font-weight:500;letter-spacing:-.25px;margin:0 0 30px}
.mark{display:block;width:30px;height:19px}
.focus-paragraph{font-size:16px;font-weight:400;line-height:28px;text-wrap:pretty;margin:0;max-width:440px}
.focus-paragraph span{border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;outline:none;transition:opacity 300ms cubic-bezier(.23,1,.32,1),filter 300ms cubic-bezier(.23,1,.32,1)}
.focus-paragraph span[data-state=dim]{opacity:.4;filter:blur(.6px)}
.focus-paragraph span[data-state=focus]{transition-duration:200ms}
.focus-paragraph span:focus-visible{outline:2px solid #20202066;outline-offset:3px}
.download{margin-top:32px}
.button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:500;line-height:16.9px;text-decoration:none;transition:opacity 160ms ease}
.button img{display:block;flex:none}
.button:hover{opacity:.88}.button:active{opacity:.72}.button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.caption{font-size:11px;line-height:19.2px;color:var(--muted);margin:12px 0 0}.caption span{padding:0 3px}
@media(max-width:480px){main{transform:translateY(-14px)}.focus-paragraph{max-width:370px}.button{min-height:44px}.download{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.focus-paragraph span[data-state=dim]{filter:none}}

a{color:inherit;text-underline-offset:3px}h1>a{display:flex;align-items:center;gap:8px;text-decoration:none}
.legal-links{display:flex;gap:18px;margin-top:26px;font-size:11px;color:var(--muted)}.legal-links a:hover{color:var(--ink)}
.legal-page{display:block;padding:64px 24px}.legal-page main{width:min(100%,700px);margin:0 auto;transform:none}.legal-page article{font-size:14px;line-height:1.8}.legal-page article h1{display:block;font-size:28px;line-height:1.3;margin:40px 0 12px}.legal-page h2{font-size:17px;line-height:1.4;margin:30px 0 8px}.legal-page li{margin-bottom:12px}.legal-page .legal-links{border-top:1px solid var(--line);padding-top:22px}
.account{width:min(100%,440px)}.account h2{font-size:25px;letter-spacing:-.5px}.account p{font-size:14px;line-height:1.7;color:var(--muted)}.account .caption{font-size:11px;line-height:1.7}.account .button{height:42px;margin:15px 0}
.landing main{width:min(100%,540px);transform:none}
.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:-.25px;margin-bottom:32px}
.landing .hero-title{display:block;font-size:36px;line-height:1.12;letter-spacing:-1.3px;font-weight:550;margin:0 0 30px}
.landing .focus-paragraph{max-width:none;font-size:16px;line-height:1.75;display:grid;gap:14px}
.landing .focus-paragraph span{display:block}
.landing .focus-paragraph span[data-state=dim]{opacity:.6;filter:blur(.4px)}
@media(max-width:480px){.landing .hero-title{font-size:32px}.landing .focus-paragraph{gap:16px}.landing .brand{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.landing .focus-paragraph span[data-state=dim]{filter:none}}