:root{--demo-primary: #ea580c;--demo-primary-dark: #c2410c;--demo-primary-light: #fed7aa;--demo-secondary: #0f766e;--demo-secondary-light: #ccfbf1;--demo-dark: #1c1917;--demo-light: #fafaf9}.demo-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.demo-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.demo-container{padding-left:2rem;padding-right:2rem}}.demo-section{padding-top:4rem;padding-bottom:4rem}@media(min-width:640px){.demo-section{padding-top:6rem;padding-bottom:6rem}}@media(min-width:1024px){.demo-section{padding-top:8rem;padding-bottom:8rem}}.demo-heading-1{font-family:Poppins;font-size:2.25rem;line-height:2.5rem;font-weight:700;letter-spacing:-.025em}@media(min-width:640px){.demo-heading-1{font-size:3rem;line-height:1}}@media(min-width:1024px){.demo-heading-1{font-size:3.75rem;line-height:1}}.demo-heading-2{font-family:Poppins;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.025em}@media(min-width:640px){.demo-heading-2{font-size:2.25rem;line-height:2.5rem}}.demo-heading-3{font-family:Poppins;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em}@media(min-width:640px){.demo-heading-3{font-size:1.875rem;line-height:2.25rem}}.demo-body{font-size:1rem;line-height:1.5rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}@media(min-width:640px){.demo-body{font-size:1.125rem;line-height:1.75rem}}.demo-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.demo-btn:focus{outline:2px solid transparent;outline-offset:2px}.demo-btn:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.demo-btn:disabled{cursor:not-allowed;opacity:.5}.demo-btn-primary{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.demo-btn-primary:focus{outline:2px solid transparent;outline-offset:2px}.demo-btn-primary:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.demo-btn-primary:disabled{cursor:not-allowed;opacity:.5}.demo-btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.demo-btn-primary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.demo-btn-secondary{--tw-bg-opacity: 1;background-color:rgb(28 25 23 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.demo-btn-secondary:focus{outline:2px solid transparent;outline-offset:2px}.demo-btn-secondary:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.demo-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.demo-btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(41 37 36 / var(--tw-bg-opacity, 1))}.demo-btn-secondary:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(68 64 60 / var(--tw-ring-opacity, 1))}.demo-btn-outline{border-width:2px;--tw-border-opacity: 1;border-color:rgb(214 211 209 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(68 64 60 / var(--tw-text-opacity, 1));display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.demo-btn-outline:focus{outline:2px solid transparent;outline-offset:2px}.demo-btn-outline:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.demo-btn-outline:disabled{cursor:not-allowed;opacity:.5}.demo-btn-outline:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}.demo-btn-outline:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity, 1))}.demo-card{overflow:hidden;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.demo-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.demo-trust-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(245 245 244 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.demo-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(214 211 209 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(28 25 23 / var(--tw-text-opacity, 1));transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.demo-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.demo-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(68 64 60 / var(--tw-text-opacity, 1))}
