.tmrw-demo-request{background-color:transparent;padding-top:var(--padding-top, 80px);padding-bottom:var(--padding-bottom, 80px);position:relative}.demo-container{max-width:1400px;margin:0 auto;padding:0 24px}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:5rem}.demo-text-column{display:flex;flex-direction:column;gap:32px}.demo-heading{font-size:48px;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0}.gradient-text{background:linear-gradient(90deg,#4f87f7,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.demo-subheading{font-size:18px;line-height:1.6;color:#6b7280;margin:0;max-width:540px}.demo-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.6;color:#374151}.checkmark-icon{flex-shrink:0;color:var(--accent-color, #4F87F7);margin-top:2px}.demo-badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:8px}.badge{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.badge-icon{flex-shrink:0;color:var(--accent-color, #4F87F7)}.demo-form-column{display:flex;justify-content:center;align-items:center}.demo-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;width:100%;max-width:520px}.form-header{background:linear-gradient(135deg,#4a5568,#1a202c);padding:32px;text-align:center}.form-header h2{color:#fff;font-size:28px;font-weight:600;margin:0}.form-body{padding:32px}.demo-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-row.two-columns{display:grid;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:500;color:#374151}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;color:#1f2937;transition:all .2s ease;background-color:#fff;box-sizing:border-box}.form-field select{padding-right:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.form-field select.placeholder{color:#9ca3af}.form-field select option{color:#1f2937}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-color, #4F87F7);box-shadow:0 0 0 3px #4f87f71a}.form-field input::placeholder{color:#9ca3af}.form-field textarea{resize:vertical;min-height:100px;font-family:inherit}.demo-submit-button{width:100%;padding:14px 24px;background-color:var(--button-color, #4F87F7);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.demo-submit-button:hover{background-color:#3a6fd9;transform:translateY(-1px);box-shadow:0 4px 12px #4f87f74d}.demo-submit-button:active{transform:translateY(0)}.demo-submit-button svg{width:20px;height:20px}.response-time{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#6b7280;margin-top:4px}.response-time svg{width:16px;height:16px;flex-shrink:0}.form-success-message{padding:16px;background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;color:#065f46}.form-success-message h3{margin:0;font-size:14px;font-weight:500}.form-error-message{padding:16px;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b}.form-error-message h3{margin:0 0 8px;font-size:14px;font-weight:600}.form-error-message ul{margin:0;padding-left:20px;font-size:13px}.demo-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.demo-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;width:100%;z-index:10000;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.demo-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;z-index:10001}.demo-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.demo-modal-body{padding:40px 32px 32px;text-align:center}.demo-modal-icon{display:flex;justify-content:center;margin-bottom:24px}.demo-modal-icon img{width:64px;height:64px;object-fit:contain}.demo-modal-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.demo-modal-description{font-size:15px;line-height:1.6;color:#6b7280;margin:0 0 28px}.demo-modal-badges{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.demo-modal-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background-color:#f9fafb;border-radius:8px;font-size:14px;color:#374151}.demo-modal-badge svg{flex-shrink:0;color:#4f87f7}.demo-modal-badge strong{font-weight:600;color:#1f2937}.demo-modal-footer{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid #e5e7eb}.demo-modal-link{font-size:13px;color:#6b7280}.demo-modal-link-text{color:#4f87f7;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.demo-modal-link-text:hover{color:#3a6fd9;text-decoration:underline}.demo-modal-link-text svg{width:12px;height:12px;flex-shrink:0}@media screen and (max-width: 1024px){.demo-content{gap:40px;padding:2rem}.demo-heading{font-size:40px}}@media screen and (max-width: 768px){.demo-content{grid-template-columns:1fr;gap:48px;padding:2rem}.demo-heading{font-size:36px}.demo-subheading{font-size:16px}.form-row.two-columns{grid-template-columns:1fr}.form-header{padding:24px}.form-header h2{font-size:24px}.form-body{padding:24px}.demo-badges{gap:16px}.demo-modal{padding:16px}.demo-modal-content{max-width:100%}.demo-modal-body{padding:36px 24px 24px}.demo-modal-title{font-size:22px}}@media screen and (max-width: 480px){.tmrw-demo-request{padding-top:48px;padding-bottom:48px}.demo-heading{font-size:28px}.demo-subheading,.benefit-item{font-size:15px}.form-header{padding:20px}.form-header h2{font-size:20px}.form-body{padding:20px}.demo-badges{flex-direction:column;gap:12px}.demo-modal{padding:12px}.demo-modal-body{padding:32px 20px 20px}.demo-modal-icon img{width:56px;height:56px}.demo-modal-title{font-size:20px}.demo-modal-description{font-size:14px}.demo-modal-badge{font-size:13px;padding:10px 14px}.demo-modal-link{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/tmrw-demo-request.css.map */