:root { --ink:#161616; --muted:#5f6368; --line:#d8d8d8; --paper:#f8f8f6; --blue:#0f62fe; --blue-deep:#002d9c; --warm:#f0f0ee; --mono:"IBM Plex Mono", monospace; --sans:"IBM Plex Sans", Arial, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.page-grid { width:min(1240px, calc(100% - 64px)); margin:0 auto; }
.site-header { height:64px; padding:0 32px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; background:var(--paper); position:relative; z-index:2; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.12rem; letter-spacing:-.02em; }
.brand-mark { background:var(--blue); color:white; display:grid; place-items:center; height:28px; width:28px; font:600 18px/1 var(--mono); }
.site-nav { display:flex; align-items:center; gap:28px; font-size:.88rem; }
.site-nav a:not(.nav-repo), .footer-links a { color:#454545; }
.site-nav a:hover, .footer-links a:hover { color:var(--blue); }
.nav-repo { border-left:1px solid var(--line); padding-left:28px; }
.menu-button { display:none; border:0; background:transparent; font:500 .88rem var(--sans); cursor:pointer; }
.hero { min-height:610px; display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; padding:76px 0 84px; }
.eyebrow, .section-index { color:var(--blue-deep); font:500 .75rem var(--mono); letter-spacing:.02em; }
.eyebrow { display:flex; gap:9px; align-items:center; margin:0 0 25px; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#24a148; display:inline-block; }
h1, h2, h3, p { margin-top:0; }
h1 { font-size:clamp(3.6rem, 7vw, 6.3rem); line-height:.96; letter-spacing:-.075em; margin:0 0 28px; font-weight:600; }
.accent { color:var(--blue); }
.hero-lede { max-width:520px; font-size:1.13rem; color:#454545; line-height:1.55; margin-bottom:32px; }
.hero-actions { display:flex; align-items:center; gap:10px; margin-bottom:27px; }
.button { min-height:48px; padding:12px 18px; display:inline-flex; gap:20px; align-items:center; justify-content:space-between; font-weight:600; font-size:.9rem; border:1px solid var(--ink); }
.button-primary { background:var(--blue); color:white; border-color:var(--blue); min-width:135px; }
.button-primary:hover { background:var(--blue-deep); }
.button-quiet { min-width:130px; }
.button-quiet:hover { background:var(--warm); }
.version-line { font:400 .73rem var(--mono); color:var(--muted); margin:0; }.version-line span:first-child { color:var(--ink); }.separator { padding:0 9px; color:#aaa; }
.terminal-wrap { padding-top:18px; }.terminal-window { background:#202124; color:#e5e5e5; box-shadow:20px 20px 0 #e3e4e2; font:400 .83rem/1.75 var(--mono); }
.terminal-bar { background:#303134; color:#9aa0a6; padding:10px 16px; display:flex; justify-content:space-between; font-size:.7rem; }.terminal-dots { display:flex; gap:5px; }.terminal-dots i { display:block; width:7px; height:7px; border-radius:50%; background:#777; }.terminal-dots i:first-child { background:#f0a44b; }.terminal-dots i:last-child { background:#74b776; }
.terminal-body { padding:23px 26px 27px; min-height:335px; }.terminal-body p { margin:0; }.prompt, .success { color:#78a9ff; }.command { color:#fff; }.muted { color:#92969b; }.flag { color:#d0bcff; }.blank { height:8px; }.choice { display:flex; gap:18px; color:#92969b; }.choice .selected { color:#fff; background:#52555a; padding:0 7px; }.cursor { width:7px; height:16px; background:#78a9ff; display:inline-block; vertical-align:-3px; animation:blink 1.1s steps(2) infinite; }.terminal-note { font:500 .72rem var(--mono); color:var(--muted); margin-top:29px; text-align:right; }
@keyframes blink { 50% { opacity:0; } }
.proof-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3, 1fr) 1.5fr; align-items:center; min-height:128px; }.proof-strip > div { display:flex; flex-direction:column; border-right:1px solid var(--line); padding:17px 26px 17px 0; margin-right:26px; }.proof-strip strong { font-size:2rem; font-weight:500; line-height:1.1; letter-spacing:-.05em; }.proof-strip span { font:400 .7rem var(--mono); color:var(--muted); margin-top:5px; }.proof-strip p { margin:0 0 0 20px; font-size:.85rem; color:var(--muted); }.proof-strip code, code { font-family:var(--mono); font-size:.78em; }
.section { display:grid; grid-template-columns:32% 1fr; padding:125px 0 122px; }.section-index { margin:3px 0 24px; }.section h2, .commands-section h2, .install-section h2 { font-size:clamp(2.5rem, 4vw, 4rem); line-height:1.02; letter-spacing:-.06em; font-weight:500; margin:0; }.feature-list { border-top:1px solid var(--line); }.feature { display:grid; grid-template-columns:56px 1fr; gap:18px; border-bottom:1px solid var(--line); padding:27px 0 30px; }.feature-number { color:var(--blue); font:500 .78rem var(--mono); padding-top:3px; }.feature h3 { font-size:1.2rem; margin-bottom:9px; font-weight:600; }.feature p { color:var(--muted); max-width:590px; margin-bottom:14px; }.feature code { color:var(--blue-deep); }
.commands-section { background:#202124; color:#f4f4f4; padding:105px 0; }.command-layout { display:grid; grid-template-columns:32% 1fr; gap:8%; }.commands-section .section-index { color:#9dbbff; }.section-blurb { color:#afb1b3; max-width:265px; margin-top:29px; }.command-panel { align-self:center; }.command-tabs { display:flex; gap:0; border-bottom:1px solid #515255; }.command-tab { color:#afb1b3; border:0; border-bottom:2px solid transparent; background:transparent; padding:0 28px 12px 0; font:500 .8rem var(--mono); cursor:pointer; }.command-tab.is-active { color:#fff; border-color:#78a9ff; }.code-example { background:#303134; padding:24px 27px 29px; }.code-heading, .install-card-head { display:flex; justify-content:space-between; align-items:center; color:#e5e5e5; font-size:.8rem; }.copy-button { color:#bdc0c3; border:0; background:transparent; padding:5px 0; display:flex; gap:8px; align-items:center; font:400 .73rem var(--mono); cursor:pointer; }.copy-button:hover { color:white; }.copy-button[aria-label] { color:white; }.code-example pre { overflow:auto; margin:30px 0 0; font:400 .85rem/1.75 var(--mono); }.code-prompt { color:#78a9ff; }.code-comment { color:#92969b; }.command-foot { display:flex; align-items:center; gap:10px; color:#92969b; font:400 .7rem var(--mono); padding-top:20px; }.tiny-mark { color:white; background:var(--blue); width:18px; height:18px; display:grid; place-items:center; font-size:.7rem; }
.install-section { display:grid; grid-template-columns:32% 1fr; gap:8%; padding:110px 0 125px; align-items:start; }.install-copy > p:last-child { color:var(--muted); max-width:255px; margin-top:28px; }.install-card { background:#202124; color:#eee; padding:23px 26px 18px; box-shadow:12px 12px 0 #e2e3e1; }.install-card pre { font:400 .85rem/1.75 var(--mono); overflow:auto; margin:30px 0 0; }.copy-feedback { min-height:17px; color:#a9d18e; font:400 .7rem var(--mono); margin:12px 0 0; }.site-footer { min-height:105px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:.8rem; }.site-footer p { margin:0 0 0 35px; flex:1; }.footer-links { display:flex; gap:26px; }
@media (max-width:800px) { .page-grid { width:min(100% - 40px, 600px); }.site-header { padding:0 20px; }.menu-button { display:block; }.site-nav { display:none; position:absolute; top:64px; left:0; right:0; padding:16px 20px 22px; border-bottom:1px solid var(--line); background:var(--paper); flex-direction:column; align-items:flex-start; gap:17px; }.site-nav.is-open { display:flex; }.nav-repo { border-left:0; padding-left:0; }.hero { grid-template-columns:1fr; gap:55px; padding:68px 0 68px; }.hero-lede { font-size:1rem; }.terminal-wrap { padding-right:8px; }.terminal-body { padding:19px 17px 22px; font-size:.7rem; }.proof-strip { grid-template-columns:repeat(3, 1fr); min-height:unset; padding:21px 0; }.proof-strip > div { padding:0 10px 0 0; margin-right:10px; }.proof-strip > div:nth-child(3) { border:0; }.proof-strip p { grid-column:1/-1; margin:22px 0 0; }.section, .command-layout, .install-section { grid-template-columns:1fr; gap:44px; padding:80px 0; }.commands-section { padding:78px 0; }.section-blurb { margin-top:22px; }.install-section { padding-bottom:85px; }.site-footer { flex-wrap:wrap; gap:17px; padding:25px 0; }.site-footer p { order:3; flex-basis:100%; margin:0; }.footer-links { gap:18px; } }
@media (max-width:430px) { h1 { font-size:3.5rem; }.hero-actions { align-items:stretch; flex-direction:column; max-width:210px; }.terminal-window { box-shadow:10px 10px 0 #e3e4e2; }.terminal-note { text-align:left; }.proof-strip strong { font-size:1.65rem; }.proof-strip span { font-size:.62rem; }.feature { grid-template-columns:35px 1fr; gap:10px; }.command-tab { padding-right:19px; }.code-example { padding:20px 17px 24px; }.install-card { padding:20px 17px 15px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.cursor { animation:none; } }