:root{color-scheme:dark;--bg:#050507;--panel:#0d111c;--ink:#edeff4;--muted:#a4adc1;--line:#28334b;--blue:#3e6bf4;--link:#a9bfff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Inter,system-ui,sans-serif}a{color:var(--link);text-underline-offset:.2em}a:focus-visible{outline:2px solid #b6c9ff;outline-offset:5px}.shell{width:min(1100px,calc(100% - 3rem));margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-weight:750;font-size:1.8rem;letter-spacing:-.06em;text-decoration:none}.brand span{color:#6f96ff}.nav nav{display:flex;gap:1.5rem;font-size:.9rem}.nav nav a{text-decoration:none}.intro{padding:5rem 0 2.5rem;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:650;color:var(--link);margin:0 0 1rem}h1{font-size:clamp(2.8rem,8vw,5rem);line-height:1.06;letter-spacing:-.055em;margin:.4rem 0 1.6rem}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:.5rem 0 1.2rem}p{margin:0 0 1rem}.lede{font-size:1.2rem;line-height:1.6;max-width:680px}.muted,.fine{color:var(--muted)}.fine{font-size:.88rem;line-height:1.65}.browser-card{padding:2.2rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;border:1px solid #385697;border-radius:16px;background:radial-gradient(ellipse at right top,#172f60 0,transparent 62%),#0c1425;margin-bottom:1.5rem}.browser-card p{max-width:650px}.browser-card .fine{margin:1.2rem 0 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;text-decoration:none;font-size:.94rem;line-height:1.5;font-weight:650;padding:.85rem 1.1rem;border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:#fff}.button:hover{background:#527df7}.secondary{background:#14203b;border-color:#3d527b}.secondary:hover{background:#203359}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.platform{min-width:0;border:1px solid var(--line);border-radius:14px;padding:2rem;background:var(--panel)}.platform:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;column-gap:2rem}.platform:first-child>p,.platform:first-child>h2{grid-column:1}.platform:first-child>.button{grid-column:2;grid-row:2/4;align-self:center}.platform .button{margin:1rem 0}.platform p:last-child{margin-bottom:0}dl{font-size:.87rem;margin:1.7rem 0 .8rem}dl div{padding:.65rem 0;border-top:1px solid var(--line)}dt{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}dd{margin:.15rem 0 0}.notes{max-width:800px;padding:3.5rem 0}.notes p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:1.6rem 0 2.5rem;color:var(--muted);font-size:.85rem}.skip{position:absolute;left:1rem;top:-100px;background:var(--bg);padding:1rem;z-index:20}.skip:focus{top:1rem}@media(max-width:780px){.browser-card{grid-template-columns:1fr;gap:1.2rem}.browser-card .button{justify-self:start}.platforms{grid-template-columns:1fr}.platform:first-child{display:block}.intro{padding-top:3.5rem}}@media(max-width:480px){.shell{width:calc(100% - 2rem)}.nav{gap:1rem;align-items:flex-start;flex-direction:column}.nav nav{gap:1.2rem}.browser-card,.platform{padding:1.4rem}.button{width:100%}footer{flex-direction:column}}