:root { --ink:#161616; --muted:#5f6368; --line:#d8d8d8; --paper:#f8f8f6; --blue:#0f62fe; --blue-deep:#002d9c; --warm:#f0f0ee; --dark:#202124; --dark-surface:#303134; --dark-text:#f4f4f4; --dark-muted:#92969b; --light-text:#e5e5e5; --focus:#8ab4f8; --terminal-bar-text:#9aa0a6; --terminal-dot:#777; --terminal-amber:#f0a44b; --terminal-green:#74b776; --terminal-purple:#d0bcff; --terminal-selected:#52555a; --feedback:#a9d18e; --border-dark:#515255; --soft-text:#afb1b3; --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:var(--muted); }
.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; }
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:var(--muted); 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:var(--line); }
.terminal-wrap { padding-top:18px; }.terminal-window { background:var(--dark); color:var(--light-text); box-shadow:20px 20px 0 var(--line); font:400 .83rem/1.75 var(--mono); }
.terminal-bar { background:var(--dark-surface); color:var(--terminal-bar-text); 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:var(--terminal-dot); }.terminal-dots i:first-child { background:var(--terminal-amber); }.terminal-dots i:last-child { background:var(--terminal-green); }
.terminal-body { padding:23px 26px 27px; min-height:335px; }.terminal-body p { margin:0; }.prompt, .success { color:var(--focus); }.command { color:white; }.muted { color:var(--dark-muted); }.flag { color:var(--terminal-purple); }.blank { height:8px; }.choice { display:flex; gap:18px; color:var(--dark-muted); }.choice .selected { color:white; background:var(--terminal-selected); padding:0 7px; }.cursor { width:7px; height:16px; background:var(--focus); display:inline-block; vertical-align:-3px; }.terminal-note { font:500 .72rem var(--mono); color:var(--muted); margin-top:29px; text-align:right; }
.section 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:var(--dark); color:var(--dark-text); padding:105px 0; }.command-layout { display:grid; grid-template-columns:32% 1fr; gap:8%; }.commands-section .section-index { color:var(--focus); }.section-blurb { color:var(--soft-text); max-width:265px; margin-top:29px; }.command-panel { align-self:center; }.command-tabs { display:flex; gap:0; border-bottom:1px solid var(--border-dark); }.command-tab { color:var(--soft-text); 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:white; border-color:var(--focus); }.code-example { background:var(--dark-surface); padding:24px 27px 29px; }.code-heading, .install-card-head { display:flex; justify-content:space-between; align-items:center; color:var(--light-text); 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, .copy-button:focus-visible { color:white; }.code-example pre { overflow:auto; margin:30px 0 0; font:400 .85rem/1.75 var(--mono); }.code-prompt { color:var(--focus); }.code-comment { color:var(--dark-muted); }.command-foot { display:flex; align-items:center; gap:10px; color:var(--dark-muted); 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:var(--dark); color:var(--dark-text); padding:23px 26px 18px; box-shadow:12px 12px 0 var(--line); }.install-card pre { font:400 .85rem/1.75 var(--mono); overflow:auto; margin:30px 0 0; }.copy-feedback { min-height:17px; color:var(--feedback); 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; }
.button:focus-visible, .site-nav a:focus-visible, .brand:focus-visible, .menu-button:focus-visible, .command-tab:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
@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; }.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 var(--line); }.terminal-note { text-align:left; }.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; } }