:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#171717;background-color:#f7f3ea;background-image:linear-gradient(#17171709 1px,#0000 1px),linear-gradient(90deg,#17171709 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a.button{min-height:42px;font:inherit;cursor:pointer;border:1px solid #171717;border-radius:999px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #9b7f4d}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3eaeb;border:1px solid #1717172e;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(1180px,100% - 40px);margin:18px auto 0;padding:12px 14px 12px 18px;display:grid;position:sticky;top:0}.brand{letter-spacing:0;font-size:18px;font-weight:760}.site-header nav{color:#44403a;justify-content:center;gap:clamp(12px,2vw,28px);font-size:14px;display:flex}.primary-link,.button{white-space:nowrap;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.primary-link,.button-dark{color:#fffaf0;background:#171717}.button-light{color:#171717;background:0 0}main{width:min(1180px,100% - 40px);margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:center;gap:clamp(36px,6vw,82px);min-height:calc(100vh - 86px);padding:clamp(58px,9vw,118px) 0 72px;display:grid}.hero-copy{max-width:720px}.eyebrow{color:#5f574c;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:760;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:24px;font-size:clamp(44px,7vw,86px);line-height:.98}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(32px,4vw,54px);line-height:1.02}h3{margin-bottom:10px;font-size:20px;line-height:1.2}.hero p,.section-heading p{color:#4a453f;max-width:650px;font-size:clamp(18px,2vw,22px)}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.section{border-top:1px solid #17171729;padding:clamp(70px,9vw,120px) 0}.section-heading{margin-bottom:34px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.steps article,.prompt-card{background:#fffcf5ad;border:1px solid #1717172e;border-radius:8px}.steps article{padding:24px}.steps span{border:1px solid #17171747;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:36px;font-weight:800;display:inline-flex}.steps p{color:#4a453f;margin-bottom:0}.steps code{background:#fffaf0;border:1px solid #17171729;border-radius:5px;padding:2px 5px}.terminal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.terminal{color:#f7f3ea;background:#141414;border:1px solid #f7f3ea2e;border-radius:8px;margin:0;overflow:hidden;box-shadow:0 24px 80px #17171729}.terminal figcaption{color:#d5cdbf;border-bottom:1px solid #f7f3ea1f;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 12px 10px 18px;font-size:14px;display:flex}.terminal button,.prompt-card button{color:#f7f3ea;background:#f7f3ea14;border-color:#f7f3ea3d;min-height:34px;padding:0 12px;font-size:13px;font-weight:700}.terminal pre{margin:0;padding:20px;overflow-x:auto}.terminal code{color:#f4efe4;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:14px;line-height:1.65}.terminal code[data-language=json]{color:#f7d99c}.terminal code[data-language=bash]{color:#a8e6b0}.terminal-result{background:#101010;border-top:1px solid #f7f3ea1a}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.prompt-card{flex-direction:column;justify-content:space-between;gap:24px;min-height:230px;padding:22px;display:flex}.prompt-card pre{white-space:pre-wrap;color:#27231f;font:inherit;margin:0}.prompt-card button{background:#171717;border-color:#171717;align-self:flex-start}.compat-list{flex-wrap:wrap;gap:12px;display:flex}.compat-list span{background:#fffcf5a3;border:1px solid #17171738;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-weight:760;display:inline-flex}.compact-section{padding-bottom:clamp(70px,9vw,118px)}.site-footer{color:#4a453f;border-top:1px solid #17171729;gap:10px;width:min(1180px,100% - 40px);margin:0 auto 24px;padding:28px 0 4px;font-size:14px;display:grid}.site-footer strong{color:#171717;font-size:16px}@media (width<=900px){.site-header{border-radius:24px;grid-template-columns:1fr auto}.site-header nav{grid-area:2/1/auto/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.hero,.terminal-grid,.steps,.prompt-grid{grid-template-columns:1fr}.hero{min-height:0;padding-top:64px}}@media (width<=560px){.site-header,main,.site-footer{width:min(100% - 28px,1180px)}.site-header{margin-top:12px;padding:12px}.brand{font-size:17px}.primary-link,.button{min-height:40px;padding-inline:14px;font-size:14px}.site-header nav{gap:16px;font-size:13px}h1{font-size:clamp(40px,14vw,58px)}.hero p{font-size:18px}.actions{flex-direction:column;align-items:stretch}.terminal figcaption{flex-direction:column;align-items:flex-start}.terminal button{align-self:flex-start}.terminal pre{padding:16px}.terminal code{font-size:13px}}