@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";:root{--dl-color-blue-500: #17c1e8ff;--dl-color-gray-500: #595959;--dl-color-gray-700: #999999;--dl-color-gray-800: #d9d9d9;--dl-color-gray-900: #f8f9faff;--dl-color-pink-100: #eea9cdff;--dl-color-pink-200: #e293d3ff;--dl-color-pink-300: #e370abff;--dl-color-pink-500: #dd559bff;--dl-color-pink-700: #cb0c9fff;--dl-size-size-unit: 1rem;--dl-color-gray-black: #000000;--dl-color-gray-white: #ffffff;--dl-space-space-unit: 1rem;--dl-color-primary-100: #c172d5ff;--dl-color-primary-500: #ac43c7ff;--dl-color-primary-700: #9534adff;--dl-size-size-halfunit: .5rem;--dl-color-secondary-100: #d2d6daff;--dl-color-secondary-200: #8392abff;--dl-color-secondary-300: #808fbfff;--dl-color-secondary-400: #67748eff;--dl-color-secondary-500: #344767ff;--dl-color-secondary-600: #252f40ff;--dl-color-secondary-700: #20273fff;--dl-radius-radius-round: 50%;--dl-size-size-doubleunit: 2rem;--dl-size-size-tripleunit: 3rem;--dl-space-space-halfunit: .5rem;--dl-space-space-sixunits: 6rem;--dl-radius-radius-radius1: 1rem;--dl-radius-radius-radius5: .5rem;--dl-space-space-fourunits: 4rem;--dl-radius-radius-radius40: 40px;--dl-radius-radius-radius75: .75rem;--dl-size-size-unitandahalf: 1.5rem;--dl-space-space-doubleunit: 2rem;--dl-space-space-tripleunit: 3rem;--dl-space-space-twelveunits: 12rem;--dl-size-size-triplequarterunit: .75rem;--dl-space-space-unitandahalfunit: 1.5rem;--dl-space-space-triplequarterunit: .75rem}.teleport-show{display:flex!important;transform:none!important}.button{color:var(--dl-color-secondary-400);display:inline-block;padding:.5rem 1rem;font-family:Open Sans;border-color:var(--dl-color-secondary-400);border-width:1px;border-radius:4px;background-color:var(--dl-color-gray-white)}.list{width:100%;margin:1em 0;display:block;padding:0px 0px 0px 1.5rem;list-style-type:none;list-style-position:outside}.list-item{display:list-item}.textarea{color:var(--dl-color-secondary-400);cursor:auto;padding:.5rem;font-family:Open Sans;border-color:var(--dl-color-secondary-400);border-width:1px;border-radius:4px;background-color:var(--dl-color-gray-white)}.input{color:var(--dl-color-secondary-400);cursor:auto;padding:.5rem 1rem;font-family:Open Sans;border-color:var(--dl-color-secondary-400);border-width:1px;border-radius:4px;background-color:var(--dl-color-gray-white)}.Small{font-size:.875rem;font-family:Open Sans;font-weight:400;line-height:1.5;text-transform:none;text-decoration:none}.Large{font-size:.875rem;font-family:Open Sans;font-weight:400;letter-spacing:-.025rem;text-transform:none;text-decoration:none}.Medium{font-size:1.125rem;font-family:Open Sans;font-weight:400;line-height:1.625;text-transform:none;text-decoration:none}.Body{font-size:1rem;font-family:Open Sans;font-weight:400;line-height:1.625;text-transform:none;text-decoration:none}.HeadingOne{font-size:2.25rem;font-family:Open Sans;font-weight:700;line-height:1.3;text-transform:none;text-decoration:none}.HeadingTwo{font-size:1.875rem;font-family:Open Sans;font-weight:700;line-height:1.375;text-transform:none;text-decoration:none}.Lead{font-size:1.25rem;font-family:Open Sans;font-weight:400;line-height:1.625;text-transform:none;text-decoration:none}.HeadingThree{font-size:1.25rem;font-family:Open Sans;font-weight:600;line-height:1.375;text-transform:none;text-decoration:none}.Label{font-size:.75rem;font-family:Open Sans;font-weight:700;line-height:1.5;text-transform:none;text-decoration:none}.ButtonSmall{font-size:.75rem;font-style:normal;font-family:Open Sans;font-weight:700;line-height:1.4;letter-spacing:-.025rem;text-transform:uppercase}html{overflow-y:scroll;overflow-x:hidden}html{scrollbar-gutter:stable}body{overflow-x:hidden;margin:0;padding:0}body.MuiModal-root,body[style*="overflow: hidden"]{overflow-y:scroll!important;padding-right:0!important}#root{overflow-x:hidden}.header-header{top:0;left:0;right:0;margin:0 auto;width:100%;bottom:auto;display:flex;z-index:3;position:fixed;max-width:1320px;padding-left:var(--dl-space-space-unitandahalfunit);padding-right:var(--dl-space-space-unitandahalfunit);justify-content:center}.header-nav{flex:0 0 auto;color:var(--dl-color-secondary-600);width:100%;height:60px;display:flex;flex-wrap:wrap;box-shadow:0 .25rem .375rem -.0625rem #1414141f,0 .125rem .25rem -.0625rem #14141412!important;margin-top:var(--dl-space-space-unit);align-items:center;padding-top:var(--dl-space-space-halfunit);padding-left:var(--dl-space-space-unitandahalfunit);border-radius:var(--dl-radius-radius-radius40);padding-right:var(--dl-space-space-unitandahalfunit);flex-direction:row;padding-bottom:var(--dl-space-space-halfunit);-webkit-backdrop-filter:saturate(200%) blur(30px);backdrop-filter:saturate(200%) blur(30px);justify-content:space-between;background-color:#fffc!important}.header-container3{display:flex;align-items:center;flex-direction:row;justify-content:space-between}@media (max-width: 991px){.header-nav{max-width:960px}.header-menu1{display:none}}@media (max-width: 767px){.header-burger-menu{display:flex}}@media (max-width: 479px){.header-container3{display:none}}.header-nav{color:#333;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between}.header-container1{display:flex;width:100%;justify-content:space-between;align-items:center}.header-navlink1{font-size:1.5em;font-weight:700;text-decoration:none;color:#000}.header-menu1{display:flex;gap:30px}.header-navlink2,.header-navlink3,.header-navlink4{font-size:1em;text-decoration:none;color:#333;transition:color .3s}.header-navlink2:hover,.header-navlink3:hover,.header-navlink4:hover{color:#007bff}.product-menu{position:relative}.product-menu:hover{cursor:pointer}.submenu{position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 2px 5px #0003;border-radius:5px;padding:10px 0;z-index:5;width:200px;display:flex;flex-direction:column}.submenu-item{padding:10px;color:#000;text-decoration:none;transition:background-color .3s}.submenu-item:hover{background-color:#f0f0f0}.header-container2{display:flex;align-items:center}.header-burger-menu{display:flex;cursor:pointer;align-items:center;justify-content:center;padding:8px;border-radius:4px;transition:background-color .3s}.header-burger-menu:hover{background-color:#0000001a}.header-icon1{width:24px;height:24px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{to{opacity:1}}.mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:#fff;z-index:1000;transition:right .3s ease-in-out;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a;overflow:hidden}.mobile-menu-open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background-color:#f8f9fa;width:100%;flex-shrink:0}.mobile-menu-logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#000}.mobile-menu-close{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.close-icon{width:24px;height:24px;fill:#666}.mobile-menu-content{flex:1;padding:20px 0;overflow-y:auto;min-height:0}.mobile-menu-item{display:block;padding:15px 20px;text-decoration:none;color:#333;font-size:1rem;border-bottom:1px solid #f0f0f0;transition:background-color .3s}.mobile-menu-item:hover{background-color:#f8f9fa;color:#007bff}.mobile-dropdown{border-bottom:none}.mobile-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;font-size:1rem;color:#333;background-color:transparent;border:none;width:100%;text-align:left;transition:background-color .3s}.mobile-dropdown-header:hover{background-color:#f8f9fa;color:#007bff}.mobile-dropdown-arrow{width:16px;height:16px;fill:#666;transition:transform .3s ease}.mobile-dropdown-arrow.rotated{transform:rotate(180deg)}.mobile-dropdown-content{background-color:#f8f9fa;border-top:1px solid #eee}.mobile-dropdown-item{display:block;padding:12px 20px 12px 40px;text-decoration:none;color:#666;font-size:.9rem;border-bottom:1px solid #eee;transition:background-color .3s}.mobile-dropdown-item:hover{background-color:#e9ecef;color:#007bff}.mobile-menu-footer{padding:20px;border-top:1px solid #eee;background-color:#f8f9fa;width:100%;flex-shrink:0}.mobile-menu-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.mobile-menu-buttons button,.mobile-menu-buttons a{width:100%!important;min-width:100%!important;max-width:100%!important;text-align:center!important;justify-content:center!important}@media (max-width: 991px){.header-nav{max-width:960px}.header-menu1{display:none}.header-burger-menu{display:flex;cursor:pointer}}@media (max-width: 767px){.header-burger-menu{display:flex;cursor:pointer}.header-container2{gap:10px}}@media (max-width: 479px){.header-container3{display:none}.mobile-menu{width:100%;right:-100%}}:root{--demo-bg-primary: #0D0D0F;--demo-bg-secondary: #18181B;--demo-bg-tertiary: #1F1F23;--demo-bg-elevated: #27272A;--demo-border: #3F3F46;--demo-border-subtle: #27272A;--demo-text-primary: #FAFAFA;--demo-text-secondary: #A1A1AA;--demo-text-muted: #71717A;--demo-accent-blue: #3B82F6;--demo-accent-blue-light: #60A5FA;--demo-accent-blue-dark: #2563EB;--demo-accent-coral: #FF6B4A;--demo-accent-coral-light: #FF8A6F;--demo-success: #22C55E;--demo-success-bg: rgba(34, 197, 94, .1);--demo-warning: #F59E0B;--demo-warning-bg: rgba(245, 158, 11, .1);--demo-error: #EF4444;--demo-error-bg: rgba(239, 68, 68, .1);--demo-gradient-blue: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--demo-gradient-coral: linear-gradient(135deg, #FF6B4A 0%, #FF4A2A 100%);--demo-gradient-dark: linear-gradient(180deg, #18181B 0%, #0D0D0F 100%);--demo-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--demo-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--demo-shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--demo-shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--demo-shadow-glow: 0 0 40px rgba(59, 130, 246, .3);--demo-radius-sm: 6px;--demo-radius-md: 12px;--demo-radius-lg: 16px;--demo-radius-xl: 24px;--demo-radius-full: 9999px;--demo-font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--demo-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--demo-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--demo-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--demo-transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--demo-transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}.demo-page{min-height:100vh;background:var(--demo-bg-primary);color:var(--demo-text-primary);font-family:var(--demo-font-body);overflow-x:hidden;position:relative}.demo-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,107,74,.08),transparent);pointer-events:none;z-index:0}.demo-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.demo-container{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.demo-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.demo-loading-logo{position:relative;display:flex;align-items:center;justify-content:center}.logo-pulse{position:absolute;width:80px;height:80px;border-radius:50%;background:var(--demo-gradient-blue);animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}.logo-text{font-family:var(--demo-font-display);font-size:36px;font-weight:700;letter-spacing:4px;color:var(--demo-text-primary);z-index:1}.loading-bar{width:200px;height:3px;background:var(--demo-bg-tertiary);border-radius:var(--demo-radius-full);overflow:hidden}.loading-bar-fill{height:100%;background:var(--demo-gradient-blue);border-radius:var(--demo-radius-full);animation:loadingFill 1.5s ease-out forwards}@keyframes loadingFill{0%{width:0%}to{width:100%}}.loading-text{color:var(--demo-text-secondary);font-size:14px;animation:fadeInUp .5s ease-out .3s both}.demo-auth-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.demo-background-animation{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.floating-shape{position:absolute;width:300px;height:300px;border-radius:50%;opacity:.05;animation:floatShape 20s ease-in-out infinite}.shape-0{background:var(--demo-accent-blue)}.shape-1{background:var(--demo-accent-coral)}.shape-2{background:linear-gradient(135deg,var(--demo-accent-blue),var(--demo-accent-coral))}.shape-3{background:var(--demo-accent-blue-light)}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}.demo-auth-modal{width:100%;max-width:440px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-xl);border:1px solid var(--demo-border-subtle);box-shadow:var(--demo-shadow-xl);overflow:hidden;animation:modalSlideUp .5s var(--demo-transition-spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{padding:40px 32px 24px;text-align:center;background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,transparent 100%)}.auth-title{font-family:var(--demo-font-display);font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--demo-text-primary) 0%,var(--demo-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--demo-text-secondary);font-size:15px;margin:0;line-height:1.5}.auth-tabs{display:flex;border-bottom:1px solid var(--demo-border-subtle);margin:0 24px}.auth-tab{flex:1;padding:14px 16px;background:none;border:none;color:var(--demo-text-muted);font-family:var(--demo-font-body);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:color var(--demo-transition-fast)}.auth-tab:hover{color:var(--demo-text-secondary)}.auth-tab.active{color:var(--demo-text-primary)}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--demo-accent-blue);border-radius:2px 2px 0 0}.auth-form{padding:24px 32px 32px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--demo-text-secondary)}.form-group input{padding:14px 16px;background:var(--demo-bg-primary);border:1px solid var(--demo-border-subtle);border-radius:var(--demo-radius-md);color:var(--demo-text-primary);font-family:var(--demo-font-body);font-size:15px;outline:none;transition:all var(--demo-transition-fast)}.form-group input::placeholder{color:var(--demo-text-muted)}.form-group input:hover{border-color:var(--demo-border)}.form-group input:focus{border-color:var(--demo-accent-blue);box-shadow:0 0 0 3px #3b82f626}.form-hint{font-size:12px;color:var(--demo-text-muted)}.auth-error{padding:12px 16px;background:var(--demo-error-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--demo-radius-md);color:var(--demo-error);font-size:13px}.auth-footer{padding:16px 32px 24px;text-align:center}.auth-footer p{font-size:12px;color:var(--demo-text-muted);margin:0}.request-success{padding:48px 32px;text-align:center}.success-icon{width:64px;height:64px;background:var(--demo-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:28px;color:var(--demo-success);animation:scaleIn .4s var(--demo-transition-spring)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.request-success h2{font-family:var(--demo-font-display);font-size:24px;font-weight:600;margin:0 0 12px}.request-success p{color:var(--demo-text-secondary);font-size:15px;line-height:1.6;margin:0 0 24px}.demo-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:var(--demo-gradient-blue);border:none;border-radius:var(--demo-radius-md);color:#fff;font-family:var(--demo-font-body);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--demo-transition-fast);position:relative;overflow:hidden}.demo-btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--demo-transition-fast)}.demo-btn-primary:hover:before{opacity:1}.demo-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--demo-shadow-glow)}.demo-btn-primary:active{transform:translateY(0)}.demo-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:var(--demo-bg-tertiary);border:1px solid var(--demo-border);border-radius:var(--demo-radius-md);color:var(--demo-text-primary);font-family:var(--demo-font-body);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--demo-transition-fast)}.demo-btn-secondary:hover{background:var(--demo-bg-elevated);border-color:var(--demo-accent-blue)}.demo-btn-text{padding:12px 16px;background:none;border:none;color:var(--demo-text-secondary);font-family:var(--demo-font-body);font-size:14px;cursor:pointer;transition:color var(--demo-transition-fast)}.demo-btn-text:hover{color:var(--demo-accent-blue-light)}.demo-btn-call{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;background:var(--demo-gradient-coral);border:none;border-radius:var(--demo-radius-full);color:#fff;font-family:var(--demo-font-body);font-size:17px;font-weight:600;cursor:pointer;transition:all var(--demo-transition-fast);box-shadow:0 4px 24px #ff6b4a66}.demo-btn-call:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #ff6b4a80}.demo-btn-call .call-icon{font-size:20px}.demo-btn-end-call{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:var(--demo-error);border:none;border-radius:var(--demo-radius-full);color:#fff;font-family:var(--demo-font-body);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--demo-transition-fast)}.demo-btn-end-call:hover{background:#dc2626;transform:scale(1.05)}.btn-loading{display:flex;align-items:center;gap:10px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-arrow{font-size:18px;transition:transform var(--demo-transition-fast)}.demo-btn-primary:hover .btn-arrow,.demo-btn-secondary:hover .btn-arrow{transform:translate(3px)}.demo-preparation{min-height:100vh;display:flex;flex-direction:column;padding:24px}.prep-header{padding:24px 0;display:flex;justify-content:center}.prep-progress{display:flex;align-items:center;gap:16px}.progress-step{display:flex;align-items:center;gap:10px;opacity:.5;transition:opacity var(--demo-transition-normal)}.progress-step.active{opacity:1}.step-number{width:32px;height:32px;background:var(--demo-bg-tertiary);border:2px solid var(--demo-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--demo-font-display);font-weight:600;font-size:14px;transition:all var(--demo-transition-normal)}.progress-step.active .step-number{background:var(--demo-accent-blue);border-color:var(--demo-accent-blue)}.step-label{font-size:14px;font-weight:500;color:var(--demo-text-secondary)}.progress-step.active .step-label{color:var(--demo-text-primary)}.progress-line{width:60px;height:2px;background:var(--demo-border)}.prep-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0}.prep-card{width:100%;max-width:480px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-xl);border:1px solid var(--demo-border-subtle);padding:32px;animation:cardSlideIn .5s var(--demo-transition-spring)}@keyframes cardSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.card-header{text-align:center;margin-bottom:28px}.card-badge{display:inline-block;padding:6px 14px;background:#3b82f626;border-radius:var(--demo-radius-full);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--demo-accent-blue-light);margin-bottom:16px}.card-title{font-family:var(--demo-font-display);font-size:32px;font-weight:700;margin:0 0 8px}.card-tagline{color:var(--demo-text-secondary);font-size:16px;margin:0}.product-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.spec-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--demo-bg-primary);border-radius:var(--demo-radius-md);animation:fadeInUp .4s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spec-icon{font-size:20px}.spec-content{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:11px;font-weight:500;color:var(--demo-text-muted);text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:13px;font-weight:500;color:var(--demo-text-primary);line-height:1.3}.product-features{margin-bottom:24px}.product-features h3{font-family:var(--demo-font-display);font-size:15px;font-weight:600;margin:0 0 14px;color:var(--demo-text-secondary)}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.feature-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--demo-text-primary);animation:fadeInUp .4s ease-out both}.feature-check{color:var(--demo-success);font-weight:600}.product-price{text-align:center;padding:16px 0;border-top:1px solid var(--demo-border-subtle);margin-bottom:24px}.product-price span{font-family:var(--demo-font-display);font-size:20px;font-weight:600;color:var(--demo-text-primary)}.customer-avatar{margin:16px 0}.avatar-placeholder{width:80px;height:80px;background:linear-gradient(135deg,var(--demo-accent-coral),var(--demo-accent-coral-light));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-family:var(--demo-font-display);font-size:28px;font-weight:700;color:#fff}.card-role{color:var(--demo-text-secondary);font-size:15px;margin:4px 0 0}.customer-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.detail-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--demo-bg-primary);border-radius:var(--demo-radius-md)}.detail-icon{font-size:22px}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;color:var(--demo-text-muted)}.detail-value{font-size:14px;font-weight:500;color:var(--demo-text-primary)}.customer-insights{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.insight-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0 0 12px;color:var(--demo-text-primary)}.insight-icon{font-size:16px}.insight-tags{display:flex;flex-wrap:wrap;gap:8px}.insight-tag{padding:6px 14px;background:var(--demo-bg-tertiary);border-radius:var(--demo-radius-full);font-size:13px;color:var(--demo-text-secondary)}.insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.insight-list li{position:relative;padding-left:20px;font-size:13px;color:var(--demo-text-secondary);line-height:1.5}.insight-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%}.insight-list.objections li:before{background:var(--demo-warning)}.insight-list.motivations li:before{background:var(--demo-success)}.prep-actions{display:flex;gap:12px}.prep-actions button{flex:1}.demo-ready{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.ready-content{text-align:center;max-width:500px}.ready-icon{position:relative;width:140px;height:140px;margin:0 auto 40px}.icon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--demo-accent-blue);animation:ringPulse 2s ease-out infinite}.ring-1{width:100px;height:100px;animation-delay:0s}.ring-2{width:120px;height:120px;animation-delay:.3s}.ring-3{width:140px;height:140px;animation-delay:.6s}@keyframes ringPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.icon-phone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;z-index:1}.ready-title{font-family:var(--demo-font-display);font-size:36px;font-weight:700;margin:0 0 16px}.ready-subtitle{font-size:16px;color:var(--demo-text-secondary);line-height:1.6;margin:0 0 36px}.ready-tips{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.tip-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-md);font-size:14px;color:var(--demo-text-primary)}.tip-icon{font-size:18px}.demo-countdown{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 60%)}.countdown-content{text-align:center}.countdown-content h2{font-family:var(--demo-font-display);font-size:28px;font-weight:600;margin:0 0 40px;color:var(--demo-text-secondary)}.countdown-number{width:160px;height:160px;background:var(--demo-gradient-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 40px;box-shadow:var(--demo-shadow-glow);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-number span{font-family:var(--demo-font-display);font-size:72px;font-weight:700;color:#fff}.countdown-content p{font-size:18px;color:var(--demo-text-secondary);margin:0}.demo-calling{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:40px}.call-visualizer{position:relative;width:300px;height:300px}.audio-canvas{width:100%;height:100%}.call-status-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:8px 20px;background:var(--demo-bg-secondary);border:1px solid var(--demo-border);border-radius:var(--demo-radius-full);font-size:13px;font-weight:500;color:var(--demo-text-primary);white-space:nowrap}.coach-badge{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e4d}.call-info{display:flex;flex-direction:column;align-items:center;gap:20px}.caller-info{display:flex;align-items:center;gap:16px}.caller-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--demo-accent-coral),var(--demo-accent-coral-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--demo-font-display);font-size:20px;font-weight:700;color:#fff}.caller-avatar.coach-avatar{background:linear-gradient(135deg,var(--demo-success),#4ADE80);font-size:28px}.caller-details h3{font-family:var(--demo-font-display);font-size:20px;font-weight:600;margin:0 0 4px}.caller-details p{font-size:14px;color:var(--demo-text-secondary);margin:0}.call-timer{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-full)}.timer-icon{font-size:16px}.timer-value{font-family:var(--demo-font-display);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.call-actions{padding-top:20px}.call-product-reminder{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--demo-bg-secondary);border:1px solid var(--demo-border-subtle);border-radius:var(--demo-radius-full);font-size:13px}.reminder-label{color:var(--demo-text-muted)}.reminder-product{color:var(--demo-text-primary);font-weight:600}.demo-processing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.processing-content{text-align:center;max-width:400px}.processing-animation{position:relative;width:100px;height:100px;margin:0 auto 40px}.processing-circle{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--demo-accent-blue);border-radius:50%;animation:processingRotate 1.2s linear infinite}.processing-circle.delay-1{width:80%;height:80%;top:10%;left:10%;border-top-color:var(--demo-accent-coral);animation-duration:1.5s;animation-direction:reverse}.processing-circle.delay-2{width:60%;height:60%;top:20%;left:20%;border-top-color:var(--demo-success);animation-duration:1s}@keyframes processingRotate{to{transform:rotate(360deg)}}.processing-content h2{font-family:var(--demo-font-display);font-size:28px;font-weight:700;margin:0 0 12px}.processing-content>p{font-size:16px;color:var(--demo-text-secondary);margin:0 0 40px}.processing-steps{display:flex;flex-direction:column;gap:16px;text-align:left}.process-step{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-md);font-size:14px;color:var(--demo-text-secondary);transition:all var(--demo-transition-normal)}.process-step.active{color:var(--demo-text-primary)}.process-step.loading{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.step-check{width:24px;height:24px;background:var(--demo-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--demo-success)}.step-spinner{width:24px;height:24px;border:2px solid var(--demo-bg-tertiary);border-top-color:var(--demo-accent-blue);border-radius:50%;animation:spin .8s linear infinite}.demo-results{min-height:100vh;padding:32px 24px;max-width:600px;margin:0 auto}.results-header{text-align:center;margin-bottom:40px}.results-header h1{font-family:var(--demo-font-display);font-size:32px;font-weight:700;margin:0 0 12px}.call-summary{font-size:14px;color:var(--demo-text-secondary)}.results-content{display:flex;flex-direction:column;gap:36px}.score-section{text-align:center}.score-circle{position:relative;width:180px;height:180px;margin:0 auto 20px}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-bg{fill:none;stroke:var(--demo-bg-tertiary);stroke-width:8}.score-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.score-excellent .score-fill{stroke:var(--demo-success)}.score-good .score-fill{stroke:var(--demo-accent-blue)}.score-average .score-fill{stroke:var(--demo-warning)}.score-needs-work .score-fill{stroke:var(--demo-error)}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-family:var(--demo-font-display);font-size:48px;font-weight:700;display:block}.score-excellent .score-number{color:var(--demo-success)}.score-good .score-number{color:var(--demo-accent-blue)}.score-average .score-number{color:var(--demo-warning)}.score-needs-work .score-number{color:var(--demo-error)}.score-max{font-size:16px;color:var(--demo-text-muted)}.score-band{font-family:var(--demo-font-display);font-size:20px;font-weight:600;margin-bottom:8px}.score-summary{font-size:15px;color:var(--demo-text-secondary);line-height:1.5;margin:0}.results-section h3{display:flex;align-items:center;gap:10px;font-family:var(--demo-font-display);font-size:18px;font-weight:600;margin:0 0 16px}.section-icon{font-size:20px}.results-cards{display:flex;flex-direction:column;gap:12px}.result-card{display:flex;gap:16px;padding:18px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-md);border-left:3px solid}.strength-card{border-left-color:var(--demo-success)}.growth-card{border-left-color:var(--demo-warning)}.card-score{min-width:50px;text-align:center}.card-score .points{font-family:var(--demo-font-display);font-size:24px;font-weight:700;display:block}.strength-card .card-score .points{color:var(--demo-success)}.growth-card .card-score .points{color:var(--demo-warning)}.card-score .max{font-size:12px;color:var(--demo-text-muted)}.card-content h4{font-size:15px;font-weight:600;margin:0 0 6px}.card-content p{font-size:13px;color:var(--demo-text-secondary);margin:0;line-height:1.5}.quick-wins-section h3{display:flex;align-items:center;gap:10px;font-family:var(--demo-font-display);font-size:18px;font-weight:600;margin:0 0 16px}.quick-wins-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.quick-wins-list li{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-md);font-size:14px;line-height:1.5}.quick-wins-list li:before{content:"⚡";flex-shrink:0}.coach-cta{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border:1px solid rgba(34,197,94,.2);border-radius:var(--demo-radius-lg);padding:28px;text-align:center}.cta-content{margin-bottom:24px}.cta-icon{font-size:40px;margin-bottom:16px}.cta-content h3{font-family:var(--demo-font-display);font-size:22px;font-weight:600;margin:0 0 8px}.cta-content p{font-size:14px;color:var(--demo-text-secondary);margin:0}.cta-actions{display:flex;gap:12px;justify-content:center}.results-loading{text-align:center;padding:60px 0;color:var(--demo-text-secondary)}.demo-coach-ready{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:40px}.coach-intro{text-align:center}.coach-intro .coach-avatar{position:relative;width:100px;height:100px;margin:0 auto 24px}.avatar-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.coach-intro .coach-avatar span{position:relative;z-index:1;font-size:50px;display:block;text-align:center;line-height:100px}.coach-intro h1{font-family:var(--demo-font-display);font-size:32px;font-weight:700;margin:0 0 12px}.coach-intro p{font-size:16px;color:var(--demo-text-secondary);max-width:400px;line-height:1.6;margin:0}.coach-highlights{display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.highlight-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-md);font-size:15px}.highlight-icon{font-size:20px}.coach-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.demo-complete{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 24px}.complete-content{text-align:center;max-width:600px}.complete-icon{font-size:64px;margin-bottom:24px;animation:celebrateBounce .6s var(--demo-transition-spring)}@keyframes celebrateBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.complete-content h1{font-family:var(--demo-font-display);font-size:36px;font-weight:700;margin:0 0 16px}.complete-content>p{font-size:16px;color:var(--demo-text-secondary);line-height:1.6;margin:0 0 48px}.demo-benefits{margin-bottom:48px}.demo-benefits h3{font-family:var(--demo-font-display);font-size:20px;font-weight:600;margin:0 0 24px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.benefit-item{padding:24px 20px;background:var(--demo-bg-secondary);border-radius:var(--demo-radius-md);text-align:center}.benefit-icon{font-size:32px;margin-bottom:12px;display:block}.benefit-item h4{font-size:15px;font-weight:600;margin:0 0 6px}.benefit-item p{font-size:13px;color:var(--demo-text-secondary);margin:0;line-height:1.4}.complete-actions{display:flex;gap:16px;justify-content:center}.complete-actions a{text-decoration:none}@media (max-width: 640px){.auth-title{font-size:24px}.auth-form{padding:20px 24px 28px}.product-specs{grid-template-columns:1fr}.prep-card{padding:24px}.card-title{font-size:26px}.ready-title{font-size:28px}.countdown-number{width:120px;height:120px}.countdown-number span{font-size:56px}.call-visualizer{width:250px;height:250px}.score-circle{width:150px;height:150px}.score-number{font-size:40px}.benefit-grid{grid-template-columns:1fr}.complete-actions,.cta-actions{flex-direction:column}}.demo-btn-primary:focus-visible,.demo-btn-secondary:focus-visible,.demo-btn-call:focus-visible,.demo-btn-end-call:focus-visible,.auth-tab:focus-visible,.form-group input:focus-visible{outline:2px solid var(--demo-accent-blue);outline-offset:2px}