:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18232d;background:#f7f4ec;line-height:1.55;--accent:#c84d2f}*{box-sizing:border-box}body{margin:0}nav{display:flex;gap:1.2rem;align-items:center;max-width:1120px;margin:auto;padding:1.2rem 2rem}nav a{color:inherit;text-decoration:none}main{max-width:1120px;margin:auto;padding:1rem 2rem 5rem}.hero{max-width:850px;padding:1.5rem 0}.eyebrow,.card span{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}h1{font-size:clamp(2.6rem,7vw,5rem);line-height:.96;letter-spacing:-.055em;margin:.25em 0}h2{line-height:1.15}.lede{font-size:1.25rem;max-width:760px;color:#4e5c65}.button{display:inline-block;margin:.8rem .4rem 0 0;padding:.75rem 1rem;border-radius:6px;background:var(--accent);color:white;text-decoration:none;font-weight:700}.button.secondary{background:#263b44}.hero-showcase{margin-bottom:2rem}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.showcase-heading h2{margin:.2rem 0 0}.showcase-heading>p{max-width:360px;color:#607079}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.source-grid article{min-width:0}.source-grid h3{margin:.1rem 0 .6rem;font-size:1rem}.source-grid pre{height:190px;margin:0;padding:1rem;font-size:.78rem;line-height:1.45}.into-label{display:flex;align-items:center;gap:.7rem;margin:1rem 0 .7rem;color:#607079;font-size:.9rem}.into-label span{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.1em}.into-label:after{content:"";height:1px;background:#ded9ce;flex:1}.hero-demo{margin:0;background:#fff;border:1px solid #ded9ce;border-radius:12px;overflow:hidden}.hero-demo img{display:block;width:100%;height:auto;padding:1rem}.hero-demo figcaption{display:flex;gap:.55rem;padding:.8rem 1rem;border-top:1px solid #ded9ce;color:#607079;font-size:.9rem}.hero-demo figcaption span{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.08em}.features,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.features article,.card,.preview,pre,section{background:#fff;border:1px solid #ded9ce;border-radius:10px;padding:1.4rem}.cards{grid-template-columns:repeat(2,1fr)}.card{display:flex;flex-direction:column;gap:.5rem;color:inherit;text-decoration:none;min-height:180px}.card strong{font-size:1.5rem}.card small,.note{color:#607079}.getting-started,.cli{margin-top:2rem}.getting-started>h2{font-size:clamp(1.8rem,4vw,3rem);margin:.2rem 0 1.5rem}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.usage-grid article{min-width:0}.usage-grid h3{font-size:1.35rem;margin-top:0}.usage-grid pre,.cli pre{margin:1rem 0 0}.note{font-size:.9rem}pre{overflow:auto;margin-top:2rem;background:#17232a;color:#e8eee9}code{font-family:ui-monospace,SFMono-Regular,monospace}.preview{overflow:auto;margin:2rem 0}.preview img{display:block;min-width:520px}section ul{columns:4}footer{max-width:1120px;margin:auto;padding:2rem;color:#607079}@media(max-width:700px){.features,.cards,.usage-grid,.source-grid{grid-template-columns:1fr}.hero{padding:1rem 0 1.5rem}.showcase-heading{display:block}.source-grid pre{height:auto;max-height:220px}.hero-demo{overflow:auto}.hero-demo img{width:760px;max-width:none}.hero-demo figcaption{position:sticky;left:0;width:max-content;min-width:100%;flex-wrap:wrap}nav{flex-wrap:wrap}section ul{columns:2}}