*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#202720;font-family:Arial,sans-serif}main{max-width:1280px;margin:auto;padding:64px 40px}.actions,header{display:flex;gap:16px;align-items:center;justify-content:space-between}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.06em;margin:12px 0}h1 span{font-size:18px;color:#698b42;margin-left:16px}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:700;color:#65715e}.intro{font-size:23px;color:#697164;margin:24px 0 48px}.grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}section{background:white;padding:30px;border:1px solid #dedfd5;border-radius:12px}h2{font-size:16px;margin:0 0 24px}label{display:block;font-size:13px;margin:20px 0}select,textarea{display:block;width:100%;border:1px solid #d4d9ca;border-radius:6px;background:#fafbf7;padding:14px;margin-top:8px;color:inherit}textarea{height:160px;resize:vertical;font:inherit}.code{font:13px/1.6 monospace;height:420px}button{background:#283d22;color:white;border:0;border-radius:6px;padding:13px 20px;cursor:pointer;font-weight:600}button:disabled{opacity:.45;cursor:wait}.secondary{background:#e9ede2;color:#283d22}.actions{justify-content:flex-start;flex-wrap:wrap;margin:20px 0}a{color:#3b5d30}p{line-height:1.6}small{display:block;color:#727969;margin-top:6px}.history{display:block;width:100%;background:transparent;border-bottom:1px solid #ddd;color:#283d22;text-align:left;margin:8px 0}form+h2{margin-top:40px}article{border-top:1px solid #ddd;padding-top:16px;margin-top:16px}[role=alert]{background:#f9d8d1;padding:16px}@media(max-width:800px){main{padding:30px 18px}.grid{grid-template-columns:1fr}section{padding:22px}}input{display:block;width:100%;border:1px solid #d4d9ca;border-radius:6px;background:#fafbf7;padding:13px;margin-top:8px;color:inherit;font:inherit}input[type=color]{width:72px;height:42px;padding:5px}.short{height:88px}.demo-tag{border:1px solid #d4d9ca;border-radius:30px;padding:10px 16px;font-size:12px;white-space:nowrap}.demo-notice{border:1px solid #d4d9ca;background:#edf1e6;padding:16px 20px;margin-bottom:28px;border-radius:8px;font-size:13px;line-height:1.6}.demo-grid{grid-template-columns:350px minmax(0,1fr);gap:26px}.demo-preview{padding:0;overflow:hidden;align-self:start}.preview-bar{display:flex;justify-content:space-between;padding:16px 22px;background:#eeeee7;border-bottom:1px solid #dedfd5;color:#76796d;font-size:11px}.preview-content{padding:36px}.preview-content nav{display:flex;justify-content:space-between;font-size:24px;font-weight:700;padding:0 0 50px}.preview-content nav span{font-size:11px;font-weight:400;align-self:center}.preview-heading{font-size:clamp(30px,4vw,58px);line-height:1.06;letter-spacing:-.05em;margin:16px 0;overflow-wrap:anywhere}.preview-description{color:#777b70;font-size:16px;line-height:1.7}.preview-content video{width:100%;margin-top:32px;border-radius:8px;background:#eee}.demo-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:30px}.demo-benefits strong{display:block;font-size:12px;margin-top:10px}.demo-footer{text-align:center;color:#818777;font-size:12px;padding:32px 0 0}@media(max-width:950px){.demo-grid{grid-template-columns:1fr}.preview-content{padding:25px}.demo-tag{display:none}}