@font-face{font-family:Rubik;src:url('assets/rubik.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--canvas:#141414;--surface:#222222;--paper:#f5f5f7;--muted:#b5b5bc;--accent:#c4b5f5;--accent-hover:#d9cfff;--accent-ink:#17131f;--line:#3a3a3a;--link:#cbbeff;--focus:#cbbeff;--plot:#0c1012;--gutter:clamp(24px,5.5vw,112px);--ease:cubic-bezier(.16,1,.3,1);font-family:Rubik,sans-serif;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:var(--line) var(--canvas);scrollbar-width:thin}
body{margin:0;background:var(--canvas);color:var(--paper);font-size:17px;line-height:1.55}
::selection{background:var(--focus);color:var(--accent-ink)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--canvas);border-radius:8px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:6px}
:where(a,button,input):focus-visible{outline:3px solid var(--focus);outline-offset:6px}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}
h1{font-size:clamp(3rem,6.2vw,6rem);line-height:1.05;letter-spacing:-.03em;font-weight:650}
h2{font-size:clamp(2.25rem,3.6vw,3.5rem);line-height:1.12;letter-spacing:-.025em;font-weight:600}
h3{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25;letter-spacing:-.02em;font-weight:500}
p{max-width:70ch}svg{width:24px;height:24px;flex-shrink:0}
img{max-width:100%}.content{padding:64px var(--gutter)}
.skip{position:absolute;z-index:5;top:12px;left:16px;transform:translateY(-180%);padding:12px 18px;background:var(--accent);color:var(--accent-ink)}.skip:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px var(--gutter)}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;text-decoration:none}.flask{display:block;width:48px;height:48px;object-fit:contain}.wordmark{display:block;width:145px;height:auto}
nav{display:flex;gap:40px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;text-decoration:none;border-bottom:2px solid transparent}nav a[aria-current]{border-color:var(--link)}nav a:hover{border-color:var(--paper)}
.scope-title{line-height:1;font-size:inherit;letter-spacing:normal}.scope-title img{display:block;width:100%;height:auto}
.device{width:96%;margin:28px auto 0}.device figcaption{margin-top:6px;text-align:center;font-size:14px;color:var(--muted)}.description p{font-size:clamp(1.2rem,2vw,1.9rem);line-height:1.25;font-weight:450}.description span,.status{display:block;margin-top:8px;color:var(--muted);font-size:16px}
.action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 28px;background:var(--accent);color:var(--accent-ink);border-radius:8px;text-decoration:none;font-size:20px;line-height:1.3}.action:hover{background:var(--accent-hover)}.action:focus-visible{outline-offset:7px}.questions p{color:var(--muted);margin:4px 0 24px;max-width:55ch}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid var(--line);padding-block:44px}.site-footer p{color:var(--muted);font-size:16px;margin-top:10px}
@media(min-width:1800px){:root{--gutter:max(5.5vw,calc((100vw - 1600px)/2))}}
@media(min-width:761px) and (max-height:850px){.device{width:80%;margin-top:22px}}
@media(max-width:1000px){nav{gap:26px}}
@media(max-width:760px){:root{--gutter:24px}body{font-size:17px}.header{padding-block:16px;gap:10px;flex-wrap:wrap;row-gap:10px}.brand{min-height:44px;gap:8px}.flask{width:36px;height:36px}.wordmark{width:112px}.header nav{gap:24px;margin-left:auto;font-size:14px}.header nav a{min-height:44px}.device{width:100%;margin-top:24px}.device figcaption{margin-top:12px}.description p{font-size:21px}.description span{margin-top:8px}.action{margin-top:24px;width:100%;min-height:58px;font-size:18px;padding:14px 22px}.content{padding-block:44px}.site-footer{display:block;padding-block:36px}}
@media(max-width:350px){nav{gap:20px}.header nav{gap:18px;font-size:13px}.action{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Phone header in one row. */
@media(max-width:760px){
 .header{flex-wrap:nowrap;gap:12px}
 .header .flask{width:30px;height:30px}
 .header .wordmark{width:92px}
 .header .brand{gap:6px}
 body .header nav{gap:16px;font-size:14px;flex-wrap:nowrap;white-space:nowrap}
}
@media(max-width:760px){.header .brand{flex-shrink:0}}
@media(max-width:350px){body .header nav{gap:12px;font-size:13px}.header .wordmark{width:76px}.header .flask{width:26px;height:26px}}