:root{--text:#625d56;--text-h:#1c1c1a;--bg:#fff;--border:#d8d4c9;--accent:#004225;--forest:#004225;--light-gray:#f1f3f2;--soft-gray:#e7eae8;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"EB Garamond", Georgia, serif;--heading:"EB Garamond", Georgia, serif;font:16px/145% var(--sans);letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{width:100%;min-height:100svh;margin:0 auto}body{margin:0}p{font-family:var(--sans);margin:0}code,.counter{font-family:var(--sans);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}main{overflow:hidden}.site-header{isolation:isolate;position:relative;overflow:hidden}.page-section.nav{z-index:1;justify-content:space-between;align-items:center;padding:30px 5vw;display:flex;position:relative}.wordmark{color:var(--text-h);letter-spacing:-.5px;align-items:center;gap:8px;font-size:19px;font-weight:400;text-decoration:none;display:inline-flex}.wordmark-mark{color:var(--forest);font-size:25px;line-height:1}.wordmark-image{width:86px;height:auto;display:block}.wordmark-icon{object-fit:contain;width:36px;height:36px;display:block}.nav-links{align-items:center;gap:30px;font-size:13px;display:flex}.nav-links a,.text-link{color:var(--text-h);text-decoration:none}.nav-links a:hover,.text-link:hover{color:var(--forest)}.nav-github{border:1px solid var(--border);border-radius:99px;padding:9px 14px}.page-section{box-sizing:border-box;grid-template-columns:.8fr 1.2fr;gap:60px;max-width:1200px;margin:auto;padding:90px 5vw;display:grid;position:relative}.hero-section{grid-template-columns:.86fr 1.14fr;align-items:center;min-height:650px}.hero-video{object-fit:cover;opacity:.5;pointer-events:none;z-index:0;width:150%;height:150%;margin-left:-40%;position:absolute;inset:0}.hero-copy{flex-direction:column;display:flex}.hero-art{z-index:1;position:relative}.eyebrow{color:var(--text);letter-spacing:0;opacity:.7;margin:0 0 24px;font-size:13px;font-weight:400}.eyebrow-dot{background:var(--soft-gray);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero-title{font-family:var(--heading);color:var(--text-h);letter-spacing:-4px;margin:0 0 30px;font-size:clamp(48.6px,6.3vw,84.6px);font-weight:400;line-height:.95}em{color:var(--accent);font-style:italic}.hero-description{max-width:390px;margin:0 0 32px;font-size:15px;line-height:1.6}.hero-actions{align-items:center;gap:25px;display:flex}.button{align-items:center;gap:22px;padding:15px 20px;font-size:13px;font-weight:400;text-decoration:none;display:inline-flex}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:#035a34}.text-link{border-bottom:1px solid var(--text);padding-bottom:3px;font-size:12px}.hero-art{cursor:pointer;outline:none;place-items:center;min-height:490px;display:grid;position:relative}.hero-art:focus-visible{outline:2px solid var(--forest);outline-offset:10px}.desktop-previews{aspect-ratio:3/2;z-index:1;filter:drop-shadow(18px 24px 24px #00000047)drop-shadow(0 12px 45px #0000002e);width:min(100%,600px);position:relative;transform:scale(1.125)}.desktop-preview{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:translate(18px,12px)rotate(-3deg)scale(.98)}.desktop-preview-active{opacity:1;z-index:1;transform:translate(0)rotate(-3deg)scale(1)}.downloads-section:before{content:"";z-index:-1;inset-block:0;background:var(--light-gray);border-block:1px solid var(--border);width:100vw;position:absolute;left:50%;transform:translate(-50%)}.downloads-section .shift-section{grid-column:1/-1;margin-top:18px;padding:78px 0 0}.section-title,.package-title{font-family:var(--heading);color:var(--text-h);letter-spacing:-2px;margin:0;font-size:48px;font-weight:400;line-height:.99}.download-grid{grid-template-columns:1fr 1fr;align-items:end;gap:16px;display:grid}.download-card{background:var(--forest);color:#fff;flex-direction:column;justify-content:space-between;min-height:215px;padding:22px;text-decoration:none;transition:transform .25s;display:flex}.download-card:hover{transform:translateY(-7px)}.card-icon{font-variant-emoji:text;font-family:Arial,sans-serif;font-size:28.35px}.card-icon-macos{font-size:26px}.card-icon-windows{font-size:38px}.card-title{font-family:var(--heading);color:inherit;margin:0 0 5px;font-size:25px;font-weight:400}.download-card p{opacity:.75;margin:0;font-size:11px}.system-specs{opacity:.75;margin:0;padding:10px 0 0;font-size:10px;line-height:1.55;list-style:none}.system-specs li:before{content:"—";opacity:.7;margin-right:6px}.packages-section{padding-top:105px;padding-bottom:120px}.package-list{border-top:1px solid var(--border)}.package-row{border-bottom:1px solid var(--border);color:var(--text-h);grid-template-columns:48px 1fr auto;align-items:center;gap:17px;padding:22px 0;text-decoration:none;display:grid}.package-row:hover strong{color:var(--forest)}.package-symbol{background:var(--forest);color:#fff;place-items:center;width:38px;height:38px;font-size:30px;font-weight:400;display:grid}.package-symbol-react{background:var(--forest);color:#fff}.package-row strong,.package-row small{display:block}.package-row strong{font-family:Georgia;font-size:19px;font-weight:400}.package-row small{color:var(--text);margin-top:4px;font-size:11px}.package-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.package-action{color:inherit;font-size:11px;text-decoration:none}.package-action-npm{color:var(--text-h)}.package-action:hover{color:#0000;-webkit-text-fill-color:transparent;background-size:220% 220%;-webkit-background-clip:text;background-clip:text;animation:2.8s ease-in-out infinite alternate package-gradient-shift}.package-action-github:hover{background-image:linear-gradient(90deg,#149dcc,#7048d8)}.package-action-npm:hover{background-image:linear-gradient(90deg,#f28c28,#d82b91)}@keyframes package-gradient-shift{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){.package-action:hover{animation:none}}.package-row b{font-size:11px;font-weight:400}.page-section.footer,footer.page-section{color:#8e877d;letter-spacing:.4px;justify-content:space-between;padding:25px 5vw 35px;font-size:10px;display:flex;position:relative}footer:before{content:"";border-top:1px solid var(--border);width:100vw;position:absolute;top:0;left:50%;transform:translate(-50%)}footer .wordmark{color:var(--text-h);margin-right:auto;font-size:15px}footer .wordmark-mark{font-size:18px}@media (width<=600px){.page-section.nav{padding:24px 6vw}.nav-links a:not(.nav-github){display:none}.page-section,.packages-section{grid-template-columns:1fr}.page-section{gap:40px;padding:70px 6vw}.hero-title{letter-spacing:-2px}.hero-art{min-height:400px;margin-top:10px}.hero-copy{text-align:center;align-items:center;margin-left:0;padding-right:0}.hero-description{margin-inline:auto}.hero-actions{justify-content:center}.desktop-previews{width:85%}.download-card{min-height:180px}.section-title,.package-title{font-size:42px}.package-row{grid-template-columns:38px 1fr}.package-row b{grid-column:2}.package-symbol{width:32px;height:32px;font-size:16px}footer.page-section{flex-wrap:wrap;gap:15px;padding:25px 6vw}footer .wordmark{width:100%}}.shift-section{border-bottom:1px solid var(--border);grid-template-columns:.8fr 1.2fr;gap:60px;max-width:1200px;margin:auto;padding:90px 5vw 100px;display:grid}.shift-mark{color:var(--forest);align-items:flex-start;gap:18px;font-family:Georgia,serif;font-size:12px;display:flex}.shift-mark i{background:var(--light-gray);width:80px;height:1px;margin-top:9px}.shift-title{font-family:var(--heading);color:var(--text-h);letter-spacing:-2px;margin:0 0 25px;font-size:clamp(31px,4vw,53px);font-weight:400;line-height:1.03}.shift-title em{color:var(--forest)}.shift-copy{max-width:650px;color:var(--text);font-size:16px;line-height:1.7}@media (width<=600px){.shift-section{grid-template-columns:1fr;gap:28px;padding:70px 6vw}.shift-title{letter-spacing:-1px}}