:root{font-family:Arial,Helvetica,sans-serif;background:#f7f9fc;color:#202d44}*{box-sizing:border-box}body{margin:0}header{padding:28px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8f0}header a{text-decoration:none;font-size:26px;font-weight:bold;color:#192a49}header a span{color:#315ee9}.tag{font-size:9px;letter-spacing:1.6px;color:#69758b}main{max-width:800px;padding:70px 25px;margin:auto}.eyebrow{font-size:10px;color:#315ee9;letter-spacing:2px;font-weight:600}h1{font-size:clamp(40px,7vw,65px);line-height:1.08;letter-spacing:-2px;margin:25px 0}.lead{font-size:16px;line-height:1.8;color:#69758b;max-width:600px}.demo-product{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #e3e8f0;border-radius:10px;background:#fff;padding:25px;margin-top:32px}.demo-product span{font-size:12px;color:#69758b}.demo-product strong{display:block;font-size:26px;margin-top:10px}button{border:0;border-radius:6px;background:#315ee9;color:#fff;padding:15px 20px;font-size:13px;cursor:pointer}button span{color:#fff!important;margin-left:10px}button:hover{background:#224bd1}button:active{transform:scale(.98)}:focus-visible{outline:3px solid #94b0ff;outline-offset:4px}.helper{font-size:11px;line-height:1.6;color:#69758b}.debug{margin-top:45px;border-top:1px solid #e3e8f0;padding-top:20px}h2{font-size:15px}.debug p{font-size:12px;line-height:1.6;color:#69758b}pre{background:#edf1f8;border-radius:8px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}footer{border-top:1px solid #e3e8f0;padding:25px;text-align:center;color:#69758b;font-size:11px}@media(max-width:550px){main{padding-top:45px}.demo-product{align-items:stretch;flex-direction:column}.tag{font-size:8px;max-width:115px;line-height:1.7}}