:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#8b5cf6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Menlo","Ubuntu Mono","Consolas",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--spacing-5xl:6rem;--space-xs:var(--spacing-xs);--space-sm:var(--spacing-sm);--space-md:var(--spacing-md);--space-lg:var(--spacing-lg);--space-xl:var(--spacing-xl);--space-2xl:var(--spacing-2xl);--space-3xl:var(--spacing-3xl);--space-4xl:var(--spacing-4xl);--space-5xl:var(--spacing-5xl);--space-6:var(--spacing-lg);--space-8:var(--spacing-2xl);--space-10:var(--spacing-3xl);--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--letter-spacing-tight:-0.02em;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out-back:cubic-bezier(0.68,-0.55,0.265,1.55);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-primary-alt:linear-gradient(135deg,#667eea,#764ba2);--gradient-primary-subtle:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05));--gradient-primary-light:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-info:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-surface:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.95));--gradient-dark:linear-gradient(135deg,#1f2937,#4b5563)}*{box-sizing:border-box;padding:0;margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans)}body{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--color-gray-800);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900);letter-spacing:-.02em}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.container{padding:var(--spacing-xl)}@media (max-width:768px){.container{padding:var(--spacing-lg)}}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px);border-color:var(--color-primary-light)}.card:hover:before{opacity:1}.card-interactive:active{transform:translateY(-1px) scale(.99);box-shadow:var(--shadow-lg)}.section-standard{padding:var(--spacing-3xl) var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.section-subtle{background:var(--gradient-primary-subtle)}.section-gradient,.section-subtle{padding:var(--spacing-3xl) var(--spacing-lg);margin-bottom:var(--spacing-3xl);border-radius:var(--radius-2xl)}.section-gradient{background:var(--gradient-primary);color:#fff}.card-feature,.section-gradient{position:relative;overflow:hidden}.card-feature{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--gradient-surface);border:1px solid rgba(99,102,241,.1);transition:all var(--transition-base)}.card-feature:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(99,102,241,.2),0 10px 10px -5px rgba(99,102,241,.1);border-color:rgba(99,102,241,.3)}.card-gradient{padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--gradient-primary-subtle);border:1px solid rgba(99,102,241,.1);transition:all var(--transition-base)}.card-gradient:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:rgba(99,102,241,.3)}.btn-gradient-primary{background:var(--gradient-primary);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-gradient-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);filter:brightness(1.05)}.btn-outline-primary{background:#fff;color:var(--color-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);border:2px solid var(--color-primary);cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-outline-primary:hover{background:var(--color-gray-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.heading-section{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);background:var(--gradient-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-section-subtitle{font-size:var(--font-size-xl);color:var(--color-gray-600);max-width:700px;margin:0 auto;line-height:var(--line-height-relaxed)}.heading-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container-standard{max-width:1280px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width:768px){.container-standard{padding:var(--spacing-lg) var(--spacing-md)}}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:#374151}.form-input,.form-select,.form-textarea{padding:.875rem 1rem;border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--color-gray-900);background:#fff;transition:all var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-1px);background-color:#fff}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400);opacity:1}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error);background-color:#fef2f2}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1)}.form-textarea{min-height:120px;font-family:var(--font-mono);font-size:.9rem;line-height:1.7}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;letter-spacing:.01em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl);filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);opacity:.6}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-secondary{background-color:#6b7280;color:#fff;border:1px solid transparent}.btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.btn-secondary:focus-visible{outline:2px solid var(--color-gray-600);outline-offset:2px}.loading,.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(99,102,241,.1);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}.loading{margin-right:var(--spacing-sm)}.loading-spinner{width:40px;height:40px;border-width:4px;margin:0 auto}.loading-spinner-large{width:60px;height:60px;border-width:5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-gradient{0%,to{transform:scale(1) rotate(0deg);opacity:.3}50%{transform:scale(1.1) rotate(180deg);opacity:.6}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.error,.success,.warning{padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md);border-left:4px solid;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.error:before,.success:before,.warning:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;opacity:.3}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.error{background-color:#fef2f2;border-color:var(--color-error);color:#991b1b}.warning{background-color:#fffbeb;border-color:var(--color-warning);color:#92400e}.success{background-color:#f0fdf4;border-color:var(--color-success);color:#065f46}.result-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-xl);padding:1.5rem;margin-top:1rem;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.result-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.result-text{font-family:var(--font-mono);font-size:.9rem;line-height:1.8;white-space:pre-wrap;background-color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.metadata{font-size:.875rem;color:#6b7280;padding-top:1rem;border-top:1px solid #e5e7eb}.grid{display:grid;grid-gap:1rem;gap:1rem}@media (max-width:768px){.container{padding:1rem}.card{padding:1.5rem}.grid-2{grid-template-columns:1fr}}.header{text-align:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.header h1{font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);letter-spacing:-.03em;line-height:1.1}.header p{font-size:1.25rem;color:var(--color-gray-600);max-width:700px;margin:0 auto;font-weight:400;line-height:1.6}.plot-container{width:100%;height:500px;margin-top:1rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.analytics-header p{color:#6b7280}.analytics-controls{display:flex;align-items:center;gap:1rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.summary-card{border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.summary-card{transition:all var(--transition-base)}.summary-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);cursor:pointer}.summary-card:active{transform:translateY(-2px) scale(1)}.summary-card-content h3{font-weight:600;color:var(--color-gray-500);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.summary-card-content h2{color:var(--color-gray-900);margin-bottom:var(--spacing-xs);line-height:1.2}.summary-card-content p{font-size:.875rem;color:var(--color-gray-500);margin:0}.summary-card-icon{font-size:3rem;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tabs{margin-bottom:1rem}.tab-list{display:flex;border-bottom:1px solid #e5e7eb}.tab-button{padding:.5rem 1rem;border-bottom:2px solid transparent;font-weight:500;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.tab-button:hover{color:#374151;border-bottom-color:#d1d5db}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{margin-top:1rem}.charts-grid{grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.chart-card,.chart-container{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.chart-card h3,.chart-container h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-gray-900)}.provider-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.provider-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.provider-card h4{font-weight:600;text-transform:capitalize;margin-bottom:.5rem}.provider-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;font-size:.875rem}.provider-stats-section h5{color:#6b7280;margin-bottom:.25rem}.cost-breakdown{display:flex;flex-direction:column;gap:1rem}.cost-section h4{font-weight:600;margin-bottom:.5rem}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.cost-item span:first-child{text-transform:capitalize}.cost-item span:last-child{font-family:monospace}.cost-projection{border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.5rem}.cost-projection div{display:flex;justify-content:space-between;align-items:center;font-weight:600}.cost-projection span:last-child{font-family:monospace;font-size:1.125rem}.badge{padding:.25rem .5rem;border-radius:9999px;font-weight:500;background-color:#f3f4f6;color:#374151;margin:.125rem}.popular-combinations{display:flex;flex-wrap:wrap;gap:.5rem}.loading-container{display:flex;align-items:center;justify-content:center;height:16rem}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.error-container{text-align:center;padding:2rem}.error-message{color:#dc2626;margin-bottom:1rem}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary);text-decoration:none;font-weight:500;margin-bottom:var(--spacing-lg);transition:all var(--transition-fast)}.back-link:hover{color:var(--color-primary-dark);transform:translateX(-4px)}@media (max-width:768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-controls{width:100%;justify-content:space-between}.charts-grid,.provider-stats,.summary-cards{grid-template-columns:1fr}.prompt-optimizer{padding:1rem}.form-row,.prompt-comparison{grid-template-columns:1fr}.result-header{gap:1rem;text-align:center}.form-actions,.result-header{flex-direction:column}}.prompt-optimizer{max-width:1000px;margin:0 auto;padding:2rem}.optimizer-header{text-align:center;margin-bottom:2rem}.optimizer-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.optimizer-subtitle{color:#6b7280;font-size:1.1rem}.optimizer-form{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea{resize:vertical;min-height:100px}.form-help{font-size:.875rem;color:#6b7280;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-success{background:var(--color-success)!important;color:#fff!important;border:none!important}.btn-success:hover{background:#059669!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-info{background:var(--color-info)!important;color:#fff!important;border:none!important}.btn-info:hover{background:#2563eb!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:var(--color-warning)!important;color:#fff!important;border:none!important}.btn-warning:hover{background:#d97706!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background:var(--color-error)!important;color:#fff!important;border:none!important}.btn-error:hover{background:#dc2626!important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.advanced-options{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:2rem}.error-icon{font-size:1.25rem}.error-text{color:#dc2626;font-weight:500}.optimization-result{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.result-title{font-size:1.5rem;font-weight:700;color:#1f2937}.score-badge{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:.75rem;min-width:100px}.score-value{font-size:2rem;font-weight:700}.score-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.result-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.metric{display:flex;justify-content:space-between;align-items:center}.metric-label{font-weight:500;color:#6b7280}.metric-value{font-weight:600;color:#1f2937}.prompt-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.prompt-section{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.prompt-section-title{background:#f9fafb;padding:1rem;margin:0;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.prompt-content{padding:1rem;background:#fff;min-height:120px;white-space:pre-wrap;line-height:1.6}.prompt-content.optimized{background:#f0f9ff;border-left:4px solid #3b82f6}.optimization-details{border-top:1px solid #e5e7eb;padding-top:1.5rem}.details-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.optimization-reason{margin-bottom:1rem;color:#374151}.metadata{margin-top:1rem}.metadata-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#374151}.metadata-content{display:grid;grid-gap:.5rem;gap:.5rem}.metadata-item{display:flex;justify-content:space-between;padding:.5rem;background:#f9fafb;border-radius:.25rem}.metadata-key{font-weight:500;color:#6b7280}.metadata-value{color:#1f2937}.roi-calculator{padding:2rem}.roi-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.roi-input-group{display:flex;flex-direction:column;gap:.5rem}.roi-input-group label{font-weight:500;color:#374151;font-size:.875rem}.roi-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.roi-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.roi-button{width:100%;margin-bottom:2rem}.roi-results{margin-top:2rem}.roi-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.roi-result-card{background:#f9fafb;border-radius:8px;padding:1.5rem;text-align:center;border:1px solid #e5e7eb}.roi-result-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.roi-result-value{font-size:1.5rem;font-weight:700;color:#1f2937}.roi-comparison{background:#f9fafb;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb}.roi-comparison-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb;font-size:1rem}.roi-comparison-row:last-child{border-bottom:none}.roi-comparison-row.highlight{background:#dbeafe;margin:0 -1.5rem -1.5rem;padding:1rem 1.5rem;font-weight:700;border-top:2px solid #3b82f6}.trend-analysis{margin-top:2rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.summary-card-content h3{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.summary-card-content h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.summary-card-content p{font-size:.75rem;color:#9ca3af}.summary-card-icon{font-size:2.5rem;opacity:.5}.metric-selector{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.metric-button{flex:1 1;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);background:#fff;color:var(--color-gray-700);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.metric-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.metric-button.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.chart-container{margin-top:2rem}.chart-container h3{margin-bottom:1rem;color:#1f2937;font-size:1.25rem;font-weight:600}.quality-metrics{margin-top:2rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:2rem;gap:2rem}.provider-comparison-table{overflow-x:auto;margin-top:var(--spacing-md)}.provider-comparison-table table{width:100%;border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden}.provider-comparison-table thead{background:var(--gradient-primary);color:#fff}.provider-comparison-table th{padding:var(--spacing-lg);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.provider-comparison-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700)}.provider-comparison-table tbody tr{transition:background-color var(--transition-fast)}.provider-comparison-table tbody tr:hover{background:var(--color-gray-50)}.provider-comparison-table tbody tr:last-child td{border-bottom:none}.unified-dashboard{margin-top:2rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.quick-action-card{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .5s}.quick-action-card:hover:before{left:100%}.quick-action-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.quick-action-card>div:first-child{font-size:3rem;margin-bottom:var(--spacing-md);display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.quick-action-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-gray-900);font-size:1.25rem;font-weight:600}.quick-action-card p{margin:0;color:var(--color-gray-600);font-size:.875rem;line-height:1.5}.activity-list{max-height:600px;overflow-y:auto;padding-right:var(--spacing-sm)}.activity-list::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.activity-list::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}.activity-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.activity-item{transition:all var(--transition-base);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.activity-item:hover{background:var(--color-gray-50)!important;transform:translateX(4px)}.migration-wizard{margin-top:2rem}.wizard-step{padding:var(--spacing-2xl) 0;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-step h3{margin-bottom:var(--spacing-xl);color:var(--color-gray-900);font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-md)}.wizard-step h4{color:var(--color-gray-700);font-size:1.125rem;font-weight:600}.nav-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow-md);border:none;cursor:pointer;pointer-events:auto;z-index:1}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s;pointer-events:none;z-index:-1}.nav-button:hover:before{left:100%}.nav-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-button:active{transform:translateY(0)}.nav-button-analytics{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nav-button-optimizer{background:linear-gradient(135deg,#10b981,#059669)}.nav-button-evaluation{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.nav-button-metrics{background:linear-gradient(135deg,#f59e0b,#d97706)}.nav-button-benchmarking{background:linear-gradient(135deg,#14b8a6,#0d9488)}.nav-button-migration{background:linear-gradient(135deg,#6366f1,#4f46e5)}.view-toggle{display:flex;gap:var(--spacing-sm);background:#fff;padding:var(--spacing-xs);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.view-toggle button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base);background:transparent;color:var(--color-gray-700)}.view-toggle button:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.view-toggle button.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.status-badge{font-size:.875rem;box-shadow:var(--shadow-sm)}.status-badge.online{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.status-badge.offline{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5}.status-badge.checking{background:linear-gradient(135deg,#fffbeb,#fed7aa);color:#92400e;border:1px solid #fdba74}.status-badge-dot{border-radius:50%;display:inline-block}.status-badge-dot.online{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}.status-badge-dot.offline{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.2)}.status-badge-dot.checking{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.input-group{position:relative;margin-bottom:var(--spacing-lg)}.input-group label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.progress-bar-wrapper{width:100%;margin:var(--spacing-lg) 0}.progress-bar{width:100%;height:12px;background:var(--color-gray-200);overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.progress-bar,.progress-bar-fill{border-radius:var(--radius-full);position:relative}.progress-bar-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease-out;box-shadow:0 0 10px rgba(99,102,241,.5)}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}pre code{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;display:block;overflow-x:auto;padding:var(--space-4);color:#e2e8f0;background:transparent}pre code .comment{color:#64748b;font-style:italic}pre code .keyword{color:#818cf8;font-weight:600}pre code .string{color:#34d399}pre code .function{color:#fbbf24}pre code .number{color:#f472b6}pre code .operator{color:#94a3b8}pre code .property{color:#60a5fa}.toast-container{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:9999;flex-direction:column}.toast,.toast-container{display:flex;gap:var(--spacing-md)}.toast{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);border-left:4px solid;min-width:300px;animation:slideInRight .3s ease-out;align-items:center}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-error)}.toast.warning{border-left-color:var(--color-warning)}.toast.info{border-left-color:var(--color-info)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-300),transparent);margin:var(--spacing-2xl) 0;border:none}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.table-wrapper table{width:100%;border-collapse:collapse;background:#fff}.table-wrapper thead{background:var(--gradient-primary);color:#fff}.table-wrapper th{padding:var(--spacing-lg);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table-wrapper td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700)}.table-wrapper tbody tr{transition:all var(--transition-fast)}.table-wrapper tbody tr:hover{background:var(--color-gray-50);transform:scale(1.01)}.table-wrapper tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.badge-primary{background:rgba(99,102,241,.1);color:var(--color-primary-dark);border-color:rgba(99,102,241,.2)}.badge-success{background:rgba(16,185,129,.1);color:#065f46;border-color:rgba(16,185,129,.2)}.badge-warning{background:rgba(245,158,11,.1);color:#92400e;border-color:rgba(245,158,11,.2)}.badge-error{background:rgba(239,68,68,.1);color:#991b1b;border-color:rgba(239,68,68,.2)}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--spacing-sm)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--spacing-md)}.skeleton-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) var(--color-gray-100)}::-webkit-scrollbar{width:8px;height:8px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:root{--grid-unit:8px;--space-0:0;--space-1:calc(var(--grid-unit) * 0.5);--space-2:var(--grid-unit);--space-3:calc(var(--grid-unit) * 1.5);--space-4:calc(var(--grid-unit) * 2);--space-5:calc(var(--grid-unit) * 2.5);--space-6:calc(var(--grid-unit) * 3);--space-8:calc(var(--grid-unit) * 4);--space-10:calc(var(--grid-unit) * 5);--space-12:calc(var(--grid-unit) * 6);--space-16:calc(var(--grid-unit) * 8);--space-20:calc(var(--grid-unit) * 10);--space-24:calc(var(--grid-unit) * 12);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-gray-50)}.main-content{flex:1 1;width:100%}:focus-visible{outline:3px solid var(--color-primary)}a[role=button],button{position:relative;overflow:hidden;transition:all var(--transition-base)}a[role=button]:before,button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}a[role=button]:active:before,button:active:before{width:300px;height:300px}.card-interactive{cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-interactive:active{transform:translateY(-2px) scale(.98)}input,select,textarea{transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}input:hover,select:hover,textarea:hover{border-color:var(--color-primary-light)}.loading-skeleton{background:linear-gradient(90deg,var(--color-gray-100) 0,var(--color-gray-200) 50%,var(--color-gray-100) 100%);background-size:2000px 100%;animation:shimmer 2s infinite}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full);border:2px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media (max-width:768px){.nav-link,a[role=button],button{min-height:44px;min-width:44px}}::selection{background:var(--color-primary);color:#fff}::-moz-selection{background:var(--color-primary);color:#fff}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);z-index:100;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:top .2s}.skip-link:focus{top:0}a[role=button],button:not(:disabled){cursor:pointer;min-height:44px;min-width:44px}button:disabled{cursor:not-allowed;opacity:.6}label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-gray-700)}input[required]+label:after,label[for*=required]:after{content:" *";color:var(--color-error)}.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--color-error);background-color:#fef2f2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast:high){:focus-visible{outline-width:3px}.btn-primary{border:2px solid var(--color-primary-dark)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-4);width:100%}@media (min-width:768px){.container{padding:var(--space-8) var(--space-6)}}@media (min-width:1024px){.container{padding:var(--space-10) var(--space-8)}}.main-navigation{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-base)}.main-navigation.scrolled{background:hsla(0,0%,100%,.95);box-shadow:var(--shadow-sm)}.nav-container{max-width:1280px;margin:0 auto;padding:var(--space-4) var(--space-6);justify-content:space-between;gap:var(--space-6)}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:var(--space-3);text-decoration:none;transition:transform var(--transition-fast);flex-shrink:0}.nav-logo:hover{transform:scale(1.02)}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.nav-logo:hover .logo-icon{transform:scale(1.05) rotate(2deg)}.nav-logo:hover .logo-icon svg{filter:brightness(1.1)}.logo-text{display:flex;flex-direction:column;line-height:var(--line-height-tight)}.logo-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900);letter-spacing:-.02em;line-height:1.2}.logo-tagline{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-top:2px;line-height:1}.nav-links{flex:1 1;justify-content:space-evenly;max-width:600px;margin:0 auto}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);position:relative}.nav-link:before{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform var(--transition-base)}.nav-link:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.nav-link.active{color:var(--color-primary-dark);background:rgba(99,102,241,.1)}.nav-link.active:before{transform:scaleX(1)}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-link-icon{font-size:var(--font-size-base)}.nav-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-button-primary,.nav-button-secondary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}.nav-button-secondary{color:var(--color-gray-700);background:transparent}.nav-button-secondary:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.nav-button-primary{color:#fff;background:var(--color-primary);box-shadow:var(--shadow-sm);white-space:nowrap}.nav-button-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.02)}.nav-button-primary:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.nav-button-primary:active{transform:translateY(0) scale(.98)}.hero-section{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border-bottom:1px solid var(--color-gray-200);padding:var(--space-20) var(--space-6);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0,transparent 50%);pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-title{font-size:var(--font-size-5xl);font-weight:800;line-height:var(--line-height-tight);color:var(--color-gray-900);margin-bottom:var(--space-6);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--color-gray-900) 0,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-gray-600);max-width:700px;margin:0 auto var(--space-8);font-weight:400}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-16);flex-wrap:wrap}.hero-button-primary,.hero-button-secondary{padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.hero-button-primary{background:var(--color-primary);color:#fff}.hero-button-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-button-secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.hero-button-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-8);gap:var(--space-8);max-width:800px;margin:0 auto}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-tight)}.hero-stat-label{font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-weight:600}.main-footer{background:#0f172a;color:var(--color-gray-300);border-top:none;margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;padding:var(--space-16) var(--space-6)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);margin-bottom:var(--space-12)}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo .logo-icon{opacity:.95}.footer-logo:hover .logo-icon{opacity:1;transform:scale(1.05)}.footer-logo .logo-name{color:#fff;font-size:var(--font-size-xl)}.footer-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-400);max-width:300px}.footer-heading{font-size:var(--font-size-sm);font-weight:600;color:#fff;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links li a{color:var(--color-gray-400);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links li a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-gray-800);flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-gray-500)}.footer-legal{display:flex;align-items:center;gap:var(--space-2)}.footer-legal a{color:var(--color-gray-400);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-legal a:hover{color:#fff}.footer-separator{color:var(--color-gray-600)}.mobile-menu-button{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);color:var(--color-gray-700);transition:color var(--transition-fast);line-height:1}.mobile-menu-button:hover{color:var(--color-primary)}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);z-index:1000;max-height:calc(100vh - 70px);overflow-y:auto}.mobile-menu.active{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-links{display:flex;flex-direction:column;padding:var(--spacing-md)}.mobile-menu-links a{padding:var(--spacing-md);border-radius:var(--radius-md);transition:background-color var(--transition-fast);text-decoration:none;color:var(--color-gray-700);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-menu-links a.active,.mobile-menu-links a:hover{background-color:var(--color-gray-100);color:var(--color-primary)}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}.nav-actions,.nav-links{display:none}.mobile-menu-button{display:block}.hero-title{font-size:var(--font-size-4xl)}}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.status-badge-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-gray-400);animation:pulse 2s ease-in-out infinite}.status-badge.checking .status-badge-dot{background:var(--color-info)}.status-badge.online{background:var(--color-success);background:#f0fdf4;color:#065f46;border-color:var(--color-success)}.status-badge.online .status-badge-dot{background:var(--color-success);animation:none}.status-badge.offline{background:#fef2f2;color:#991b1b;border-color:var(--color-error)}.status-badge.offline .status-badge-dot{background:var(--color-error);animation:none}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(20);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px rgba(99,102,241,.5)}50%{box-shadow:0 0 20px rgba(99,102,241,.8),0 0 30px rgba(139,92,246,.6)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1) translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotate-in{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.animate-ripple{position:relative;overflow:hidden}.animate-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-slide-in-right{animation:slide-in-right .5s ease-out}.animate-slide-in-left{animation:slide-in-left .5s ease-out}.animate-zoom-in{animation:zoom-in .4s ease-out}.animate-rotate-in{animation:rotate-in .6s ease-out}.icon-spin{animation:icon-spin 2s linear infinite}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}.card-3d{transform-style:preserve-3d;perspective:1000px;transition:transform .3s ease}.card-3d:hover{transform:translateY(-8px) rotateX(2deg) rotateY(2deg)}.btn,.card,a,button{transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover,button:hover{transform:translateY(-2px)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.text-gradient-animated{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 3s ease infinite}@media (max-width:768px){body,html{overflow-x:hidden;width:100%;position:relative}.nav-container{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.nav-logo{flex:0 0 auto}.nav-actions,.nav-links{display:none}.mobile-menu-button{display:block;min-width:44px;min-height:44px;padding:var(--space-2);font-size:1.5rem}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:calc(100vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu-links a{min-height:48px;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.hero-section{padding:var(--space-12) var(--space-4)}.hero-title{font-size:clamp(1.875rem,8vw,2.5rem);line-height:1.2;margin-bottom:var(--space-4)}.hero-subtitle{font-size:clamp(1rem,4vw,1.125rem);padding:0 var(--space-2)}.hero-actions{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:0 var(--space-2)}.hero-button-primary,.hero-button-secondary{width:100%;justify-content:center;min-height:48px;font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding:0 var(--space-2)}.footer-content{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.btn,a[role=button],button{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);touch-action:manipulation}.btn-primary,.btn-secondary{padding:var(--space-4) var(--space-6)}.form-input,.form-select,.form-textarea,input[type=email],input[type=number],input[type=text],select,textarea{min-height:44px;font-size:16px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.form-textarea{min-height:120px;font-size:16px}.card{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius-lg)}.container,.container-standard{padding:var(--space-4) var(--space-4);max-width:100%}h1{font-size:clamp(1.875rem,8vw,2.5rem);line-height:1.2;margin-bottom:var(--space-4)}h2{font-size:clamp(1.5rem,6vw,2rem);line-height:1.3}h3{font-size:clamp(1.25rem,5vw,1.75rem);line-height:1.4}h4{font-size:clamp(1.125rem,4vw,1.5rem)}.grid-2,.grid-3,.grid-4,.grid-responsive{grid-template-columns:1fr;gap:var(--space-4)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4)}.table-wrapper table{min-width:600px}.chart-card,.chart-container{padding:var(--space-4);overflow-x:auto}.plot-container{height:300px;overflow-x:auto;-webkit-overflow-scrolling:touch}.summary-cards{grid-template-columns:1fr;gap:var(--space-4)}.section-gradient,.section-standard,.section-subtle{padding:var(--space-8) var(--space-4);margin-bottom:var(--space-8)}.wizard-step{padding:var(--space-4) 0}.wizard-step h3{font-size:clamp(1.25rem,5vw,1.5rem);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-actions,div[style*="display: flex"][style*=gap]{flex-direction:column;gap:var(--space-3)}kbd{display:none}.model-type-grid{grid-template-columns:1fr!important;gap:var(--space-4)!important}.provider-selection-grid{grid-template-columns:1fr!important;gap:var(--space-5)!important}.use-case-grid{grid-template-columns:1fr!important;gap:var(--space-3)!important}.wizard-navigation-buttons{flex-direction:column!important;gap:var(--space-3)!important}.wizard-navigation-buttons button{width:100%!important;min-height:48px!important}.migration-wizard .card>div[style*="display: flex"][style*="justify-content: center"]{flex-wrap:wrap;gap:var(--space-2)!important;padding:var(--space-3)!important}.model-type-grid>div{padding:var(--space-5) var(--space-4)!important;min-height:auto!important}.model-type-grid>div>div[style*="fontSize: '3rem'"]{font-size:2.5rem!important;height:auto!important;margin-bottom:var(--space-3)!important}.provider-selection-grid>div{margin-bottom:var(--space-4)}.provider-selection-grid select{font-size:16px!important;min-height:44px!important;padding:var(--space-3) var(--space-4)!important}textarea{font-size:16px!important;min-height:120px!important}button[style*="width: '100%'"][style*="padding: '0.875rem 1rem'"]{min-height:48px!important;font-size:var(--font-size-base)!important}.embedding-aligner-buttons{flex-direction:column!important}.embedding-aligner-buttons button{width:100%!important;min-height:48px!important;justify-content:center!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))'"]{grid-template-columns:1fr!important;gap:var(--space-3)!important}img{max-width:100%;height:auto}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.875rem;padding:var(--space-3)}.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{min-width:auto;width:100%}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.btn,.card{padding:var(--space-3) var(--space-4)}.btn{font-size:.9375rem}.nav-container{padding:var(--space-2) var(--space-3)}.logo-name{font-size:var(--font-size-base)}}@media (min-width:768px) and (max-width:1024px){.container{padding:var(--space-6) var(--space-5)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:clamp(2.5rem,6vw,3rem)}}