*{box-sizing:border-box}body{margin:0;background:#fff;color:#111724;font:14px Arial,Helvetica,sans-serif;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #16ae80;outline-offset:6px}.demo-header{width:100%;padding:20px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-header img{display:block;width:195px;height:55px;object-fit:contain}.demo-header>span{font-size:10px;letter-spacing:2px;color:#777}.demo-main{width:100%;max-width:1040px;margin:auto;padding:64px 32px 76px}.eyebrow{font-size:10px;letter-spacing:3px;color:#168565;margin:0 0 20px}h1{font-size:clamp(30px,4vw,46px);line-height:1.15;font-weight:500;letter-spacing:-1.5px;margin:0 0 18px}.intro{color:#6c7075;font-size:15px;line-height:1.8;max-width:570px;margin:0 0 42px}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-card{border:1px solid #e4e6e8;padding:30px;display:flex;flex-direction:column;min-height:300px;transition:border-color .18s,box-shadow .18s,transform .18s}.demo-card:hover{border-color:#16ae80;box-shadow:0 12px 30px #1117240a;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:34px}.card-number{font-size:9px;letter-spacing:1.5px;color:#72787c}.card-top svg{color:#168565;flex-shrink:0}.demo-card h2{font-size:29px;font-weight:500;letter-spacing:-.7px;margin:0 0 14px}.demo-card p{font-size:13px;line-height:1.8;color:#72777c;margin:0 0 30px;max-width:330px}.card-action{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;border-top:1px solid #e8e8e8;padding-top:20px;margin-top:auto}.card-action span{font-size:22px;color:#168565}.demo-footer{background:#111724;color:#bfc5ce;padding:24px max(24px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;gap:20px;font-size:10px}@media(max-width:640px){.demo-header{padding:14px 20px}.demo-header img{width:155px;height:45px}.demo-header>span{font-size:8px;letter-spacing:1px}.demo-main{padding:38px 20px 44px}.intro{font-size:14px;margin-bottom:28px}.demo-options{grid-template-columns:1fr;gap:16px}.demo-card{padding:24px;min-height:260px}.card-top{margin-bottom:18px}.demo-card h2{font-size:27px}.demo-card p{max-width:none;margin-bottom:22px}.demo-footer{font-size:9px;padding:22px 20px}}@media(prefers-reduced-motion:reduce){.demo-card{transition:none}.demo-card:hover{transform:none}}