.product-demo{display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px;align-items:center;margin-top:76px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-demo h2{margin:0 0 14px;font:400 37px/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.05em}.product-demo h2 em{color:#77786e}.product-demo p{color:var(--muted);line-height:1.55}.demo-replay{margin-top:15px;padding:0;border:0;background:transparent;color:#222721;font:600 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.demo-replay span{font-size:16px}.demo-window{overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#fff;box-shadow:0 18px 48px rgba(35,39,34,.08)}.demo-topbar{display:flex;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid var(--line);color:#767b73;font:12px Arial,sans-serif}.demo-topbar b{margin-left:auto;color:#282d28;font-weight:600}.demo-dot{width:8px;height:8px;border-radius:50%;background:#9ba492}.demo-screen{position:relative;min-height:370px;padding:27px;background:#fbfaf6}.demo-form{max-width:100%}.demo-form label,.demo-output-label{display:block;margin-bottom:7px;color:#70766e;font:700 10px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.demo-field{min-height:18px;margin-bottom:17px;padding:11px 12px;border:1px solid #dfddd4;background:#fff;color:#3d453e;font:13px/1.35 Arial,sans-serif}.demo-field.is-active{border-color:#9ea895;box-shadow:0 0 0 3px rgba(158,168,149,.17)}.demo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-generate{padding:12px 16px;border:0;background:#252b25;color:#fff;font:600 12px Arial,sans-serif;cursor:pointer;transition:transform .18s,background .18s}.demo-generate.is-clicked{transform:scale(.98);background:#65705e}.demo-generate span{padding-left:11px}.demo-output{position:absolute;inset:27px;display:none;padding:23px;border:1px solid #d4d9cf;background:#f3f5ef;animation:demoReveal .36s ease both}.demo-output.is-visible{display:block}.demo-output p{margin:17px 0 16px;white-space:pre-line;color:#2f3630;font:16px/1.58 Georgia,'Times New Roman',serif}.demo-output small{display:block;padding-top:14px;border-top:1px solid #d4d9cf;color:#737a70;font:11px/1.45 Arial,sans-serif}.demo-cursor{position:absolute;z-index:3;left:calc(64% + var(--cursor-step, 0) * -10%);top:calc(38% + var(--cursor-step, 0) * 13%);color:#1f251f;font-size:32px;line-height:1;transform:rotate(-38deg);transition:all .55s cubic-bezier(.2,.8,.2,1);text-shadow:1px 1px 0 #fff}@keyframes demoReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.product-demo{grid-template-columns:1fr;gap:24px;margin-top:54px}.product-demo h2{font-size:32px}.demo-screen{min-height:410px;padding:18px}.demo-output{inset:18px}.demo-row{grid-template-columns:1fr}.demo-cursor{display:none}}