*{box-sizing:border-box}body{margin:0;background:var(--bg,#f5f3ed);color:var(--ink,#17221d);font:16px/1.6 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8884}.logo{font-size:26px;font-weight:850;text-decoration:none;letter-spacing:-1px}nav{display:flex;gap:24px}h1{font-size:clamp(38px,7vw,76px);line-height:1.06;letter-spacing:-3px;max-width:850px;margin:30px 0 20px}h2{font-size:25px;line-height:1.2}p{max-width:720px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:3px;font-weight:700}.lede{font-size:20px;opacity:.76}.card{background:var(--card,#fff);padding:28px;border:1px solid #8883;border-radius:20px;margin:24px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid .card{margin:0}button,.button{background:var(--accent,#225a47);color:white;border:0;border-radius:9px;padding:12px 20px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.12)}textarea,input,select{width:100%;padding:12px;margin:8px 0 14px;border:1px solid #8886;border-radius:8px;background:var(--card,#fff);color:inherit;font:inherit}textarea{min-height:180px;font-family:ui-monospace,monospace}.muted{opacity:.65}.status{min-height:26px}video,canvas{width:100%;border-radius:14px;background:#111;display:block}footer{border-top:1px solid #8884;margin-top:35px;font-size:14px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tiles button{min-height:78px;font-size:26px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.controls button{padding:10px 18px}@media(max-width:650px){.grid{grid-template-columns:1fr}header,main,footer{padding:18px}nav{gap:12px;font-size:14px}h1{letter-spacing:-2px}.card{padding:20px}}