.hp-demo{--hp-ink:#193330;--hp-muted:#667a76;--hp-accent:#087e72;color:var(--hp-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:left;background:#fff;border:1px solid #dce6e2;border-radius:24px;box-shadow:0 30px 90px #153d3012;overflow:hidden;font-size:14px;line-height:1.5}.hp-demo *{box-sizing:border-box}.hp-demo button,.hp-demo select,.hp-demo input{font:inherit}.hp-demo button,.hp-demo a,.hp-demo select{touch-action:manipulation}.hp-demo button{cursor:pointer}.hp-demo :focus-visible{outline:3px solid #20a394;outline-offset:4px}.hp-demo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;border-bottom:1px solid #edf1ef}.hp-demo-brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:17px}.hp-demo-brand small{display:block;color:var(--hp-muted);font-size:10px;font-weight:450;letter-spacing:.02em}.hp-demo-mark{background:#143d35;color:#fff;font-size:27px;line-height:40px;text-align:center;width:40px;height:40px;border-radius:12px}.hp-demo-badge{font-size:11px;color:#46675e;background:#f0f7f3;padding:7px 11px;border-radius:30px;display:flex;align-items:center;gap:7px}.hp-demo-badge i{width:6px;height:6px;border-radius:50%;background:#208b69}.hp-demo-toolbar{padding:12px 28px;background:#fbfcfb;display:flex;align-items:center;gap:10px;font-size:12px}.hp-demo-toolbar select{border:1px solid #d8e4de;border-radius:8px;padding:5px 28px 5px 10px;background:white;color:var(--hp-ink)}.hp-demo-toolbar>span{color:var(--hp-muted);font-size:10px;margin-left:auto}.hp-demo-main{display:grid;grid-template-columns:minmax(0,1fr) 290px}.hp-demo-work{padding:28px;min-width:0}.hp-demo-greeting>span{font-size:9px;letter-spacing:.16em;color:var(--hp-accent);font-weight:650}.hp-demo h3{font-size:25px;line-height:1.2;letter-spacing:-.045em;margin:10px 0}.hp-demo p{font-size:12px;color:var(--hp-muted);margin:8px 0 16px;line-height:1.6}.hp-demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.hp-demo-stats>div{border:1px solid #e4ebe7;border-radius:12px;padding:14px}.hp-demo-stats small{display:block;font-size:10px;color:var(--hp-muted)}.hp-demo-stats strong{display:block;margin-top:6px;font-size:24px;font-weight:600;letter-spacing:-.03em}.hp-demo-stats em{font-style:normal;display:block;font-size:9px;font-weight:400;letter-spacing:0;color:var(--hp-muted)}.hp-demo-tabs{display:flex;gap:4px;border-bottom:1px solid #e2eae5;padding-bottom:7px}.hp-demo-tabs button{flex:1;border:0;background:transparent;padding:9px 4px;border-radius:8px;font-size:10px;font-weight:550;color:var(--hp-muted)}.hp-demo-tabs button[aria-selected=true]{background:#eaf6f0;color:#126d56}.hp-demo-tabs button>span{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:9px}.hp-demo-panel{padding-top:22px;min-height:224px}.hp-demo h4{font-size:15px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.hp-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.hp-demo-fields-three{grid-template-columns:1fr .65fr 1.3fr}.hp-demo-fields label{font-size:10px;color:var(--hp-muted);min-width:0}.hp-demo-fields select,.hp-demo-fields input{display:block;width:100%;min-width:0;border:1px solid #d8e3dc;border-radius:8px;padding:10px 8px;background:#fff;color:var(--hp-ink);margin-top:5px;font-size:11px;min-height:39px}.hp-demo-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.hp-demo-form-bottom>span{font-size:10px;color:var(--hp-muted)}.hp-demo-form-bottom b{display:block;color:var(--hp-ink)}.hp-demo-form-bottom button{background:var(--hp-accent);color:white;border:0;border-radius:9px;padding:11px 15px;font-size:11px;white-space:nowrap;font-weight:550}.hp-demo-form-bottom button:disabled{background:#eaf5ef;color:#176b50;cursor:default}.hp-demo-success{padding:17px 6px}.hp-demo-success>span{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background:#e7f6ed;color:#14754a;border-radius:50%;font-size:18px;margin-bottom:14px}.hp-demo-payment{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid #e7eeea}.hp-demo-avatar{display:flex;align-items:center;justify-content:center;background:#ede9f5;color:#6f5b88;border-radius:50%;width:32px;height:32px;font-size:10px}.hp-demo-payment b{font-size:12px}.hp-demo-payment small{display:block;font-size:9px;color:var(--hp-muted)}.hp-demo-payment strong{margin-left:auto;font-size:18px;white-space:nowrap}.hp-demo-payment-status{font-size:9px;color:#96610e;background:#fff4d9;border-radius:15px;padding:5px 8px;white-space:nowrap}.hp-demo-payment-status.is-paid{background:#e5f5eb;color:#14784a}.hp-demo-notice{font-size:10px;color:#177456;min-height:16px;margin-top:10px}.hp-demo-fully{background:linear-gradient(150deg,#f0f8f5,#f8fbf8);padding:28px 23px;border-left:1px solid #e1ece6}.hp-demo-fully-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#d9eee3;color:#0c7354;border-radius:12px;font-size:24px}.hp-demo-fully h3{font-size:24px;margin:17px 0 12px}.hp-demo-fully .hp-demo-caption{font-size:10px;font-weight:600;color:#267653}.hp-demo-questions{display:flex;flex-direction:column;gap:7px;margin:18px 0}.hp-demo-questions button{display:flex;justify-content:space-between;text-align:left;gap:8px;border:1px solid #dce9df;border-radius:9px;padding:10px 12px;background:#ffffffb3;font-size:11px;color:#275546}.hp-demo-answer{background:#fff;border:1px solid #e1eae3;border-radius:12px;font-size:12px;padding:14px;color:#365c4b;min-height:86px;line-height:1.65}.hp-demo-fully>small{display:block;font-size:9px;line-height:1.6;color:#6b7f73;margin-top:12px}.hp-demo-footer{border-top:1px solid #e6ece8;padding:17px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between}.hp-demo-footer p{margin:0;font-size:10px}.hp-demo-footer a{font-size:11px;color:#087c63;text-decoration:none;font-weight:600;white-space:nowrap}.hp-demo button:hover:not(:disabled){filter:brightness(.96)}@media(max-width:900px){.hp-demo-main{grid-template-columns:minmax(0,1fr) 240px}.hp-demo-work{padding:22px}.hp-demo-fully{padding:24px 18px}.hp-demo-tabs button{font-size:9px}.hp-demo-tabs button>span{display:none}}@media(max-width:700px){.hp-demo{border-radius:18px}.hp-demo-main{grid-template-columns:1fr}.hp-demo-top{padding:18px;align-items:flex-start;flex-direction:column;gap:10px}.hp-demo-toolbar{padding:12px 18px;flex-wrap:wrap}.hp-demo-toolbar>span{width:100%;margin:0}.hp-demo-work{padding:22px 18px}.hp-demo-greeting h3{font-size:26px}.hp-demo-stats{gap:6px}.hp-demo-stats>div{padding:10px}.hp-demo-stats small{font-size:9px}.hp-demo-stats strong{font-size:23px}.hp-demo-tabs button{font-size:10px;line-height:1.35;min-height:44px}.hp-demo-fields{grid-template-columns:1fr}.hp-demo-fields-three{grid-template-columns:1fr 1fr}.hp-demo-fields-three label:last-child{grid-column:1/-1}.hp-demo-panel{min-height:250px}.hp-demo-fully{border-left:0;border-top:1px solid #e1ece6;padding:24px 20px}.hp-demo-fully h3 br{display:none}.hp-demo-fully h3{font-size:23px}.hp-demo-questions{display:grid;grid-template-columns:1fr}.hp-demo-footer{flex-direction:column;align-items:flex-start;padding:18px;gap:10px}.hp-demo-payment{gap:7px}.hp-demo-payment-status{font-size:8px}.hp-demo-form-bottom button{font-size:10px;padding:11px}.hp-demo-footer a{white-space:normal}}@media(prefers-reduced-motion:reduce){.hp-demo *{scroll-behavior:auto;animation:none!important;transition:none!important}}