html{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium)}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:var(--dark-gray);background-color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red: #E74C3C;--primary-navy: #1B2951;--primary-gray: #A8A8A8;--primary-color: #1B2951;--primary-hover: #0f1a33;--primary-light: #e8eaf3;--primary-lighter: #f5f6fa;--secondary-color: #E74C3C;--secondary-hover: #c0392b;--secondary-light: #fdeaea;--accent-blue: #3498DB;--accent-color: #06b6d4;--accent-light: #e0f2fe;--white: #FFFFFF;--light-gray: #F8F9FA;--dark-gray: #2C3E50;--success-green: #27AE60;--warning-orange: #F39C12;--info-blue: #3B82F6;--gradient-primary: linear-gradient(135deg, #1B2951 0%, #2d3e6a 100%);--gradient-secondary: linear-gradient(135deg, #E74C3C 0%, #ff6b5a 100%);--gradient-accent: linear-gradient(135deg, #3498DB 0%, #5eb3f6 100%);--gradient-success: linear-gradient(135deg, #27AE60 0%, #2ecc71 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--font-primary: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-colored: 0 10px 30px -10px rgba(27, 41, 81, .3);--z-base: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-popover: 1100;--z-toast: 2000}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.navbar{position:fixed;top:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);transition:all .3s ease}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-navy)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-link{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--primary-navy)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-navy);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-cta{display:flex;gap:var(--spacing-sm);align-items:center}.btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:var(--primary-navy);color:var(--white)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-colored)}.btn-secondary{background:transparent;color:var(--primary-navy);border:2px solid var(--primary-navy)}.btn-secondary:hover{background:var(--primary-navy);color:var(--white)}.btn-accent{background:var(--primary-red);color:var(--white)}.btn-accent:hover{background:var(--secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--dark-gray);border:none}.btn-ghost:hover{background:var(--light-gray);color:var(--primary-navy)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md)}.btn-small{padding:.25rem var(--spacing-sm);font-size:var(--font-size-sm)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.mobile-menu-toggle span{display:block;width:25px;height:3px;background:var(--primary-navy);margin:5px 0;transition:all .3s ease}.mobile-menu{position:fixed;top:60px;left:0;right:0;background:#fff;box-shadow:var(--shadow-lg);transform:translateY(-100%);transition:transform .3s ease;z-index:var(--z-dropdown);padding:var(--spacing-md)}.mobile-menu.active{transform:translateY(0)}.mobile-menu-list{list-style:none}.mobile-menu-item{margin-bottom:var(--spacing-sm)}.mobile-menu-link{display:block;padding:var(--spacing-xs) 0;color:var(--dark-gray);text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s ease}.mobile-menu-link:hover{color:var(--primary-navy)}.hero{padding-top:calc(80px + var(--spacing-2xl));padding-bottom:var(--spacing-2xl);background:linear-gradient(135deg,var(--light-gray) 0%,rgba(27,41,81,.05) 100%);position:relative;overflow:hidden}.hero-pattern{position:absolute;top:0;right:-200px;width:600px;height:600px;opacity:.05;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,var(--primary-navy) 35px,var(--primary-navy) 70px);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-text h1{font-size:var(--font-size-4xl);font-weight:800;color:var(--primary-navy);margin-bottom:var(--spacing-md);line-height:1.2}.hero-text h1 span{color:var(--primary-red)}.hero-text p{font-size:var(--font-size-lg);color:var(--dark-gray);margin-bottom:var(--spacing-lg);opacity:.8}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.app-demo-container{position:relative;background:#0f172a;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-2xl)}.app-demo-header{background:#1e293b;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.app-demo-dots{display:flex;gap:6px}.app-demo-dot{width:12px;height:12px;border-radius:50%;background:#475569;cursor:pointer;transition:all .3s ease}.app-demo-dot:hover{background:#64748b}.app-demo-dot.red{background:#ef4444}.app-demo-dot.yellow{background:#f59e0b}.app-demo-dot.green{background:#10b981}.app-screen-selector{display:flex;gap:var(--spacing-xs)}.screen-option{padding:4px 12px;font-size:var(--font-size-xs);color:#94a3b8;background:transparent;border:1px solid #334155;border-radius:4px;cursor:pointer;transition:all .3s ease}.screen-option:hover{background:#334155;color:#fff}.screen-option.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.app-demo-content{background:#fff;padding:20px;height:500px;overflow:hidden;position:relative}.app-screen{display:none;height:100%;animation:fadeIn .3s ease}.app-screen.active{display:block}.dashboard-screen{height:100%;overflow-y:auto}.live-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card-mini{background:var(--gradient-primary);border-radius:8px;padding:12px;text-align:center;transition:all .3s ease;color:#fff;position:relative;overflow:hidden}.stat-card-mini:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-colored)}.stat-card-mini .value{font-size:24px;font-weight:700;display:block;margin-bottom:4px;transition:all .5s ease}.stat-card-mini .label{font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.active-calls-section{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e2e8f0}.section-title-mini{font-size:14px;font-weight:600;color:var(--primary-navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pulse-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.calls-table{width:100%;font-size:12px}.calls-table th{text-align:left;padding:8px;background:var(--primary-light);font-weight:600;color:var(--primary-navy);font-size:11px;text-transform:uppercase}.calls-table td{padding:8px;border-bottom:1px solid #e2e8f0}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.status-badge.active{background:#d1fae5;color:#10b981}.status-badge.processing{background:var(--primary-light);color:var(--primary-color)}.status-badge.hold{background:#fef3c7;color:#f59e0b}.status-badge.completed{background:var(--secondary-light);color:var(--secondary-color)}.demo-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--light-gray) 0%,rgba(27,41,81,.03) 100%)}.demo-container-split{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:var(--spacing-lg);align-items:start}.demo-controls{background:#fff;border-radius:12px;padding:var(--spacing-lg);box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;border:2px solid var(--primary-light);scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.demo-controls::-webkit-scrollbar{width:8px}.demo-controls::-webkit-scrollbar-track{background:transparent}.demo-controls::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}.demo-controls::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.demo-controls-header{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-light)}.demo-control-group{margin-bottom:var(--spacing-md);background:var(--primary-lighter);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--primary-light)}.demo-control-group-title{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-navy);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.demo-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.demo-control-item{margin-bottom:var(--spacing-xs)}.demo-control-item.full-width{grid-column:1 / -1}.demo-control-item label{display:block;font-weight:500;color:var(--primary-navy);margin-bottom:4px;font-size:var(--font-size-xs)}.demo-control-item input,.demo-control-item select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:var(--font-size-sm);transition:all .3s ease;background:#fff}.demo-control-item input:focus,.demo-control-item select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.required-field{color:var(--secondary-color)}.demo-screen{background:#fff;border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden;height:100%;display:flex;flex-direction:column;border:2px solid var(--primary-light)}.demo-screen-header{background:var(--gradient-primary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.demo-screen-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs)}.demo-screen-subtitle{font-size:var(--font-size-sm);opacity:.9}.demo-screen-content{padding:var(--spacing-lg);flex-grow:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.demo-screen-content::-webkit-scrollbar{width:8px}.demo-screen-content::-webkit-scrollbar-track{background:transparent}.demo-screen-content::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}.demo-screen-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.demo-action-button{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);font-size:var(--font-size-md);background:var(--gradient-secondary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.demo-action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.processing-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:20px;background:var(--gradient-primary);border-radius:8px;position:relative;overflow:hidden}.processing-visual:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:sweep 3s infinite}@keyframes sweep{0%{left:-100%}to{left:100%}}.process-node{width:80px;height:80px;background:#fff;border:3px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;z-index:2}.process-node.active{border-color:#fff;background:#fff3;transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.process-node.completed{border-color:var(--success-green);background:#27ae6033}.process-node svg{color:var(--primary-navy)}.process-node.active svg,.process-node.completed svg{color:#fff}.process-node-label{position:absolute;bottom:-25px;font-size:11px;color:#fff;white-space:nowrap;font-weight:600}.process-connector{flex:1;height:3px;background:#fff3;margin:0 10px;position:relative;overflow:hidden}.process-connector:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;animation:none}.process-connector.active:after{animation:flow 2s linear infinite}@keyframes flow{to{left:100%}}.how-it-works{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:-50%;right:-25%;width:50%;height:200%;background:radial-gradient(circle,rgba(27,41,81,.05) 0%,transparent 70%);animation:rotate-slow 30s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);position:relative;z-index:2}.process-step{text-align:center;position:relative;background:#fff;padding:var(--spacing-xl) var(--spacing-lg);border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s ease;border:2px solid transparent}.process-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.step-number{width:70px;height:70px;background:var(--gradient-primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;margin:0 auto var(--spacing-md);position:relative;z-index:2;box-shadow:var(--shadow-colored)}.step-icon{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.step-icon svg{width:20px;height:20px;color:#fff}.step-title{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-sm)}.step-description{color:var(--dark-gray);opacity:.8;line-height:1.6}.step-features{margin-top:var(--spacing-md);text-align:left}.step-feature{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--primary-navy)}.step-feature svg{width:16px;height:16px;color:var(--success-green)}.infographics-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#fff5f5,#ffe8e8);position:relative}.infographics-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent)}.infographic-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);position:relative;z-index:2}.infographic-card{background:#fff;border-radius:16px;padding:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;border:2px solid var(--secondary-light);transition:all .3s ease}.infographic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.infographic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.infographic-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.infographic-icon{width:40px;height:40px;background:var(--gradient-secondary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.circular-progress{width:220px;height:220px;margin:0 auto;position:relative;background:var(--primary-lighter);border-radius:50%;padding:10px}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--primary-light);stroke-width:12}.progress-circle{fill:none;stroke:url(#progressGradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1s ease;filter:drop-shadow(0 2px 4px rgba(231,76,60,.2))}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value{font-size:42px;font-weight:700;color:var(--primary-navy);display:block}.progress-label{font-size:14px;color:#64748b;font-weight:600}.process-flow{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-xl);background:var(--gradient-secondary);border-radius:12px;position:relative;margin-top:var(--spacing-lg)}.flow-item{text-align:center;position:relative;z-index:2}.flow-icon{width:90px;height:90px;background:#fff;border:4px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm);transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.flow-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #00000026}.flow-icon svg{width:45px;height:45px;color:var(--primary-red)}.flow-label{font-size:var(--font-size-sm);font-weight:600;color:#fff}.flow-connector-line{position:absolute;top:50%;left:0;right:0;height:3px;background:#ffffff4d;z-index:1}.comparison-chart{margin-top:var(--spacing-lg);background:var(--primary-lighter);padding:var(--spacing-lg);border-radius:12px}.comparison-item{display:flex;align-items:center;margin-bottom:var(--spacing-md);background:#fff;padding:var(--spacing-sm);border-radius:8px;transition:all .3s ease}.comparison-item:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.comparison-label{flex:0 0 150px;font-size:var(--font-size-sm);font-weight:600;color:var(--primary-navy)}.comparison-bars{flex:1;display:flex;gap:var(--spacing-sm);align-items:center}.comparison-bar{height:35px;background:var(--gradient-primary);border-radius:20px;position:relative;transition:width 1s ease;box-shadow:inset 0 2px 4px #0000001a;display:flex;align-items:center;justify-content:flex-end;padding-right:15px}.comparison-bar.manual{background:#e2e8f0}.comparison-value{font-size:var(--font-size-sm);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.comparison-bar.manual .comparison-value{color:var(--dark-gray);text-shadow:none}.roi-calculator{background:var(--gradient-primary);padding:var(--spacing-xl);border-radius:12px;color:#fff}.roi-slider-container{margin-bottom:var(--spacing-lg)}.roi-slider-label{display:block;font-size:14px;margin-bottom:8px;color:#fff;font-weight:600}.roi-slider{width:100%;height:8px;border-radius:4px;background:#fff3;outline:none;-webkit-appearance:none;cursor:pointer}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.roi-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.roi-slider-values{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3;margin-top:8px}.roi-slider-values .current-value{font-weight:600;color:#fff}.roi-results{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:var(--spacing-lg);display:grid;gap:var(--spacing-lg);text-align:center;border:1px solid rgba(255,255,255,.2)}.roi-result-item{padding:var(--spacing-md);background:#ffffff1a;border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.roi-result-item:hover{background:#fff3;transform:translateY(-2px);border-color:#ffffff4d}.roi-result-value{font-size:32px;font-weight:700;display:block;margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px rgba(0,0,0,.1)}.roi-result-label{font-size:var(--font-size-sm);opacity:.9;text-transform:uppercase;letter-spacing:.5px}.features{padding:var(--spacing-2xl) 0;background:var(--white)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-navy);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:var(--font-size-lg);color:var(--dark-gray);opacity:.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.feature-card{background:var(--light-gray);padding:var(--spacing-lg);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:translate(-100%);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-card:hover:before{transform:translate(0)}.feature-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--white);box-shadow:var(--shadow-colored)}.feature-icon svg{width:30px;height:30px}.feature-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--dark-gray);line-height:1.8}.automation-screen{height:100%;overflow-y:auto}.automation-header{background:var(--gradient-primary);color:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.automation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.automation-stat{padding:10px;background:#ffffff1a;border-radius:8px}.automation-stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.automation-stat-label{font-size:12px;opacity:.9}.automation-progress{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-top:20px}.automation-progress-bar{height:100%;background:#fff;border-radius:4px;transition:width .5s ease;position:relative;overflow:hidden}.automation-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.concurrent-calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.concurrent-call-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;position:relative;overflow:hidden}.concurrent-call-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.concurrent-call-card.active:before{transform:scaleX(1)}.call-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.call-card-id{font-size:12px;font-weight:600;color:var(--primary-navy)}.call-card-duration{font-size:11px;color:#64748b}.call-card-details{font-size:11px;color:#475569;line-height:1.4}.analytics-screen{height:100%;overflow-y:auto}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.chart-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-title{font-size:14px;font-weight:600;color:var(--primary-navy)}.chart-canvas{position:relative;height:200px;display:flex;align-items:flex-end;justify-content:space-around}.chart-bar{width:30px;background:var(--gradient-primary);border-radius:4px 4px 0 0;transition:height .5s ease;position:relative}.chart-bar:after{content:attr(data-value);position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:#64748b}.metric-cards{display:flex;flex-direction:column;gap:12px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.metric-card-title{font-size:12px;color:#64748b;margin-bottom:4px}.metric-card-value{font-size:20px;font-weight:700;color:var(--primary-navy);margin-bottom:4px}.metric-card-change{font-size:11px;display:flex;align-items:center;gap:4px}.metric-card-change.positive{color:var(--success-green)}.metric-card-change.negative{color:var(--danger-color)}.call-status-container{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid var(--primary-light);height:39vh}.call-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.call-status-title{font-size:14px;font-weight:600;color:var(--primary-navy)}.call-transcript{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;height:90%;overflow-y:scroll;font-size:13px;line-height:1.6}.transcript-entry{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.transcript-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-speaker{font-weight:600;color:var(--primary-navy);margin-bottom:4px}.transcript-speaker.ai{color:var(--primary-color)}.transcript-speaker.agent{color:var(--success-green)}.transcript-text{color:#475569}.transcript-time{font-size:11px;color:#94a3b8;margin-top:4px}.call-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.call-metric{background:var(--gradient-primary);padding:12px;border-radius:6px;text-align:center;color:#fff;transition:all .3s ease}.call-metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-colored)}.call-metric-value{font-size:20px;font-weight:700;display:block;margin-bottom:4px}.call-metric-label{font-size:11px;opacity:.9}.purpose-content{display:none;animation:fadeIn .3s ease}.purpose-content.active{display:block}.purpose-header{background:var(--gradient-primary);border-radius:8px;padding:16px;margin-bottom:20px;color:#fff}.purpose-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:4px}.purpose-description{font-size:var(--font-size-sm);opacity:.9}.performance-section{padding:var(--spacing-2xl) 0;background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden}.performance-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,122.7C1248,107,1344,85,1392,74.7L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat;background-size:cover;background-position:bottom}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);position:relative;z-index:2}.performance-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:var(--spacing-lg);transition:all .3s ease}.performance-card:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.performance-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-md)}.metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.1)}.metric-row:last-child{border-bottom:none}.metric-label{opacity:.8}.metric-value{font-size:var(--font-size-xl);font-weight:700;transition:all .5s ease}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-top:var(--spacing-xs)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-red),var(--warning-orange));border-radius:4px;transition:width .5s ease}.cta-section{padding:var(--spacing-2xl) 0;background:var(--gradient-secondary);color:var(--white);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse-slow 4s ease-in-out infinite}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.cta-content{position:relative;z-index:2}.cta-content h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);opacity:.9}.btn-white{background:var(--white);color:var(--primary-navy)}.btn-white:hover{background:var(--light-gray);transform:translateY(-2px);box-shadow:var(--shadow-lg)}footer{background:var(--primary-navy);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-brand h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.footer-brand p{opacity:.8;margin-bottom:var(--spacing-md)}.compliance-badges{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.compliance-badge{background:#ffffff1a;padding:8px 16px;border-radius:4px;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;gap:6px;transition:all .3s ease}.compliance-badge:hover{background:#fff3;transform:translateY(-2px)}.compliance-badge svg{width:16px;height:16px}.epicle-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.epicle-logo-graphic{display:flex;gap:4px;align-items:center}.epicle-block{width:8px;height:8px;transform:skew(-15deg);transition:all .3s ease}.epicle-block.gray{background:var(--primary-gray)}.epicle-block.navy{background:#4a5568}.epicle-block.red{background:var(--primary-red)}.epicle-block.large{width:16px;height:16px}.epicle-logo:hover .epicle-block{transform:skew(-15deg) scale(1.2)}.epicle-text{font-size:var(--font-size-sm);opacity:.8}.footer-column h4{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.footer-column ul{list-style:none}.footer-column a{color:var(--white);text-decoration:none;opacity:.8;transition:opacity .3s ease;display:inline-block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.footer-column a:hover{opacity:1;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-lg);text-align:center;opacity:.8;font-size:var(--font-size-sm)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .3s ease}.footer-links a:hover{opacity:1;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all .3s ease;padding:var(--spacing-md)}.modal-overlay.active{opacity:1;visibility:visible}.login-modal{background:var(--white);border-radius:12px;padding:var(--spacing-xl);max-width:800px;width:100%;position:relative;transform:scale(.9);transition:transform .3s ease;box-shadow:var(--shadow-2xl)}.modal-overlay.active .login-modal{transform:scale(1)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--primary-gray);transition:color .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background:var(--light-gray);color:var(--primary-red)}.login-header{text-align:center;margin-bottom:var(--spacing-lg)}.login-header h2{font-size:var(--font-size-2xl);color:var(--primary-navy);margin-bottom:var(--spacing-xs)}.login-header p{color:var(--dark-gray);opacity:.8}.login-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-weight:600;color:var(--primary-navy);font-size:var(--font-size-sm)}.form-input{padding:var(--spacing-sm);border:2px solid var(--light-gray);border-radius:6px;font-size:var(--font-size-sm);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-navy);box-shadow:0 0 0 3px var(--primary-light)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.form-footer a{color:var(--primary-navy);text-decoration:none;font-size:var(--font-size-sm)}.form-footer a:hover{text-decoration:underline}.login-divider{text-align:center;margin:var(--spacing-md) 0;position:relative}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--light-gray)}.login-divider span{background:var(--white);padding:0 var(--spacing-sm);position:relative;color:var(--primary-gray);font-size:var(--font-size-sm)}.doc-modal{max-width:1000px}.doc-content{max-height:70vh;overflow-y:auto;padding:var(--spacing-lg)}.doc-section{margin-bottom:var(--spacing-xl)}.doc-section h3{font-size:var(--font-size-xl);color:var(--primary-navy);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-light)}.doc-section h4{font-size:var(--font-size-lg);color:var(--dark-gray);margin:var(--spacing-md) 0 var(--spacing-sm)}.doc-section p{margin-bottom:var(--spacing-sm);line-height:1.8}.doc-section code{background:var(--primary-lighter);padding:2px 6px;border-radius:3px;font-family:monospace;font-size:var(--font-size-sm);color:var(--primary-navy)}.doc-section pre{background:var(--primary-navy);color:#fff;padding:var(--spacing-md);border-radius:6px;overflow-x:auto;margin:var(--spacing-sm) 0}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:var(--font-size-3xl)}.hero-buttons{justify-content:center}.demo-container-split{grid-template-columns:1fr}.demo-controls{max-height:none}.performance-grid,.infographic-container{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}.login-fields{grid-template-columns:1fr}}@media (max-width: 768px){.nav-menu,.nav-cta{display:none}.mobile-menu-toggle{display:block}.hero-text h1{font-size:var(--font-size-2xl)}.features-grid,.process-steps{grid-template-columns:1fr}.step-connector{display:none}.live-stats-grid,.call-metrics{grid-template-columns:repeat(2,1fr)}.demo-control-grid,.analytics-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.compliance-badges{justify-content:center}}@media (max-width: 480px){.hero-text h1{font-size:var(--font-size-xl)}.section-title{font-size:var(--font-size-2xl)}.hero-buttons{flex-direction:column;width:100%}.btn-large{width:100%;justify-content:center}.live-stats-grid,.call-metrics{grid-template-columns:1fr}.app-demo-container{margin:0 -var(--spacing-sm);border-radius:0}.footer-links{flex-direction:column;gap:var(--spacing-xs)}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.slide-in-left{opacity:0;transform:translate(-50px);animation:slideInLeft .8s ease forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.slide-in-right{opacity:0;transform:translate(50px);animation:slideInRight .8s ease forwards}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.count-up{animation:countUp 2s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:var(--primary-navy);color:#fff;text-align:center;border-radius:6px;padding:8px 12px;position:absolute;z-index:var(--z-popover);bottom:125%;left:50%;margin-left:-100px;font-size:var(--font-size-xs);opacity:0;transition:opacity .3s}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--primary-navy) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.skip-nav{position:absolute;left:-9999px;top:0;z-index:999;padding:var(--spacing-sm);background:var(--primary-navy);color:#fff;text-decoration:none;border-radius:0 0 4px}.skip-nav:focus{left:0}@media print{.navbar,.footer,.modal-overlay,.btn{display:none!important}.doc-content{max-height:none!important}body{font-size:12pt}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.interactive-element{cursor:pointer;transition:all .3s ease}.interactive-element:hover{transform:scale(1.05)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-hover{transition:all .3s ease}.shadow-hover:hover{box-shadow:var(--shadow-xl)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--primary-navy);color:#fff;padding:20px;text-align:center;z-index:9999;box-shadow:var(--shadow-xl)}.cookie-banner p{margin:0 0 10px}.error{border-color:var(--danger-color)!important;color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:4px}.success{border-color:var(--success-color)!important;color:var(--success-color)}.success-message{color:var(--success-color);font-size:var(--font-size-sm);margin-top:4px}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-toast)}.loading-spinner{width:50px;height:50px;border:4px solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.notification{position:fixed;top:20px;right:20px;background:#fff;padding:var(--spacing-md);border-radius:8px;box-shadow:var(--shadow-lg);z-index:var(--z-toast);max-width:300px;animation:slideInRight .3s ease}.notification.success{border-left:4px solid var(--success-green)}.notification.error{border-left:4px solid var(--secondary-color)}.notification.info{border-left:4px solid var(--info-blue)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.form-group.has-error .form-input{border-color:var(--secondary-color)}.form-group.has-success .form-input{border-color:var(--success-green)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pattern-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(231,76,60,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(27,41,81,.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(52,152,219,.05) 0%,transparent 50%);animation:drift 20s ease-in-out infinite;pointer-events:none}@keyframes drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-20px) rotate(1deg)}66%{transform:translate(20px,-10px) rotate(-1deg)}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.gradient-border{position:relative;background:#fff;z-index:1}.gradient-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;color:#fff}.gradient-border:hover:before{opacity:1}.metric-animated{position:relative;overflow:hidden}.metric-animated:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:sweep-metric 3s infinite}@keyframes sweep-metric{0%{left:-100%}to{left:100%}}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.premium-badge{position:absolute;top:10px;right:10px;background:var(--gradient-secondary);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-visual{width:100px;height:100px;margin:0 auto;position:relative}.ai-visual-core{width:40px;height:40px;background:var(--gradient-secondary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #e74c3c80}.ai-visual-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid var(--primary-color);border-radius:50%;opacity:.3;animation:pulse-ring 2s ease-in-out infinite}.ai-visual-ring:nth-child(2){width:80px;height:80px;animation-delay:.5s}.ai-visual-ring:nth-child(3){width:100px;height:100px;animation-delay:1s}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.1}to{transform:translate(-50%,-50%) scale(1);opacity:.3}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:5px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--primary-color);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}section{position:relative}section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--primary-light),transparent);opacity:.5}.pricing-card{border:2px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;position:relative;transition:all .3s ease;background:#fff}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05)}.pricing-card.popular:before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px}.pricing-price{font-size:36px;font-weight:700;color:var(--primary-color);margin:16px 0}.pricing-price span{font-size:16px;font-weight:400;color:var(--dark-gray)}.pricing-features{list-style:none;padding:0;margin:24px 0}.pricing-features li{padding:8px 0;display:flex;align-items:center;justify-content:center;gap:8px}.pricing-features li svg{width:16px;height:16px;color:var(--success-green)}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.modal-card{background:var(--light-gray);padding:20px;border-radius:8px;transition:all .3s ease}.modal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modal-card h4{color:var(--primary-navy);margin-bottom:10px}.modal-card p{color:var(--dark-gray);font-size:var(--font-size-sm);line-height:1.6}pre code{display:block;padding:0;overflow-x:auto;line-height:1.5}code{font-family:Consolas,Monaco,Courier New,monospace}.table-wrapper{overflow-x:auto;margin:20px 0}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}table th,table td{padding:12px;text-align:left;border-bottom:1px solid var(--light-gray)}table th{background:var(--primary-lighter);font-weight:600;color:var(--primary-navy)}table tr:hover{background:var(--light-gray)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-scaleIn{animation:scaleIn .6s ease-out}