@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--primary-950: #082f49;--secondary-50: #fdf4ff;--secondary-100: #fae8ff;--secondary-200: #f5d0fe;--secondary-300: #f0abfc;--secondary-400: #e879f9;--secondary-500: #d946ef;--secondary-600: #c026d3;--secondary-700: #a21caf;--secondary-800: #86198f;--secondary-900: #701a75;--accent-50: #fefce8;--accent-100: #fef9c3;--accent-200: #fef08a;--accent-300: #fde047;--accent-400: #facc15;--accent-500: #eab308;--accent-600: #ca8a04;--accent-700: #a16207;--accent-800: #854d0e;--accent-900: #713f12;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--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 rgba(0, 0, 0, .25);--shadow-primary: 0 10px 40px rgba(14, 165, 233, .4);--shadow-secondary: 0 10px 40px rgba(14, 165, 233, .4);--bg-primary: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--accent-cyan: #0ea5e9;--accent-yellow: #facc15;--accent-green: #22c55e;--accent-orange: #f59e0b;--accent-purple: #d946ef}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:var(--font-family);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:linear-gradient(135deg,#f8fafc,#f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}#root{min-height:100vh;width:100%}.glass-effect{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg)}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-floating{animation:floating 3s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.App{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 50%,var(--accent-50) 100%);font-family:var(--font-family)}.flex-container{display:flex;flex-direction:column;width:100%;height:100vh}.row{width:100%;display:flex;align-items:center;justify-content:center;color:#333;position:relative}.row-0{display:flex;height:80px;padding:0 40px;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch;background:var(--Primary-Black, #000)}.nav-navigation{display:flex;justify-content:center;align-items:center;gap:13px;align-self:stretch}.nav-rhs{display:flex;height:80px;padding:20px 0;justify-content:flex-end;align-items:center;gap:20px;flex:1 0 0}.nav-link-item{display:flex;width:88px;padding:16px 10px;justify-content:center;align-items:center;gap:10px}.nav-talk-btn{display:flex;padding:12px;justify-content:center;align-items:center;border-radius:72px;color:#fff;background-color:#000;border:none;outline:none}.nav-get-started-btn{display:flex;padding:10px 20px 10px 10px;justify-content:center;align-items:center;gap:10px;border-radius:72px;border:1px solid var(--Primary-White, #FCF9F8);background:var(--Primary-White, #FCF9F8)}.nav-container{display:flex;height:80px;padding:0 40px;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch}.nav-logo{display:flex;padding-top:16px;flex-direction:column;align-items:flex-start;gap:10px;flex:1 0 0}.nav-links{display:flex;gap:32px}.nav-link{text-decoration:none;color:#64748b;font-size:14px;font-weight:500;transition:color .2s ease}.nav-link:hover{color:#0ea5e9}.nav-talk-link{text-decoration:none;color:#64748b;font-size:14px;font-weight:500;margin-right:16px;transition:color .2s ease}.nav-talk-link:hover{color:#0ea5e9}.nav-get-started-btn{background:#fcf9f8;color:#000;font-family:Jokker,sans-serif;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.nav-get-started-btn:hover{background:#f0ebea}.row-1{display:flex;width:100vw;padding:120px;flex-direction:column;align-items:center;gap:40px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.row-1:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,#000,#0000);z-index:1;pointer-events:none}.row-1:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,#000,#0000);z-index:1;pointer-events:none}.div16{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.hero-heading{width:884px;color:#fcf9f8;font-family:Jokker;font-size:46px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-.92px}.hero-subheading{align-self:stretch;color:var(--Neutral-1000, #FCF9F8);font-family:Jokker;font-size:24px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.48px}.row-2{display:flex;width:100vw;padding:32px 120px 60px;justify-content:center;align-items:flex-start;gap:40px;background:#000}.placeholder-box{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);font-family:var(--font-family);font-weight:var(--font-normal);font-size:var(--text-5xl);text-align:center;padding:0;width:75%;margin:auto;display:flex;flex-direction:row;height:80%;box-shadow:var(--shadow-xl);transition:all .3s ease}.placeholder-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}#div1{display:flex;width:1200px;justify-content:center;align-items:flex-start;gap:20px;flex-shrink:0;height:auto;border:none}.div2{display:flex;padding:32px;flex-direction:column;align-items:center;gap:21px;flex:1 1 auto;border-radius:20px;border:1px solid var(--Gray-900, #4F5052);overflow:visible}.div3{display:flex;width:320px;padding:32px;flex-direction:column;align-items:center;gap:21px;border-radius:20px;border:1px solid var(--Gray-900, #4F5052);background:linear-gradient(0deg,#131313 75.63% 75.63%,#222)}.div3:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0ea5e966}.total-pricing-display{width:100%;text-align:center;font-family:sans-serif;display:flex;flex-direction:column;height:100%}.total-pricing-header{font-size:18px;font-weight:700;margin-bottom:20px;color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:10px}.grand-total-container{margin-bottom:var(--space-6);padding:var(--space-5);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:scaleIn .3s ease-out}.grand-total-label{font-size:14px;color:#ffe4e1;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.grand-total-amount{font-size:42px;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.grand-total-unit{font-size:12px;color:#ffe4e1;margin-top:5px;text-transform:uppercase;letter-spacing:.5px}.selection-summary{margin-bottom:20px}.summary-stats{display:flex;justify-content:space-around;background-color:#ffffff0d;border-radius:8px;padding:10px}.stat-item{text-align:center}.stat-number{font-size:24px;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:11px;color:#ffe4e1;margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.service-breakdown{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;padding-right:4px}.breakdown-header{font-size:14px;font-weight:600;margin-bottom:15px;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#ffffff0d;border-radius:6px;border-left:3px solid #ff0000;width:100%;min-height:50px;height:auto;margin-bottom:0;flex-shrink:0;box-sizing:border-box}.service-item.agent_session{border-left:3px solid #44dbcd}.service-item.asr{border-left:3px solid #00ff00}.service-item.llm{border-left:3px solid #9400d3}.service-item.tts{border-left:3px solid #ffff00}.service-item.ai_avatar{border-left:3px solid #ff1493}.service-info{flex:1;text-align:left;display:flex;flex-direction:column;justify-content:center}.service-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:2px;white-space:nowrap}.service-providers{font-size:10px;color:#ffe4e1;opacity:.8;white-space:nowrap}.service-total{font-size:14px;font-weight:700;color:#fff;text-align:right;flex-shrink:0;min-width:80px}.no-selections{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px}.no-selection-text{color:#ffe4e1;font-size:16px;font-style:italic;opacity:.8;text-align:center;margin-bottom:10px}.selection-hint{color:#ffe4e1;font-size:12px;opacity:.6;text-align:center;line-height:1.4}.div5,.div6{flex:1;background-color:#000;border:none;border-radius:8px;margin:5px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;position:relative;padding:20px}.div4{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}.div5{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.providers-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-self:stretch}.provider-box{display:flex;height:80px;padding:0 20px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;flex:1 0 0;border-radius:10px;border:1px solid #333333;background:#000;cursor:pointer;transition:all .3s ease}.provider-radio{width:20px;height:20px;border-radius:50%;border:2px solid #666666;flex-shrink:0;position:relative}.provider-box:hover,.provider-box.selected{background:#000;border:1px solid transparent;border-image:linear-gradient(96deg,#101010 -17.93%,#075c9a 2.02%,#c46ffb 35.72%,#fcf9f8 66.63%,#075c9a 99.8%,#101010 119.17%) 1}.provider-box.selected .provider-radio{border-color:#fff}.provider-box.selected .provider-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#fff}.div6{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.providers-container{display:flex;flex-wrap:wrap;gap:10px;padding:10px;width:100%}.services-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.service-box{background:#000;border:1px solid #333333;border-radius:10px;padding:24px 16px;cursor:pointer;transition:all .3s ease;font-family:var(--font-family);font-size:16px;font-weight:500;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px}.service-box:hover,.service-box.selected{background:#000;border:1px solid transparent;border-image:linear-gradient(96deg,#101010 -17.93%,#075c9a 2.02%,#c46ffb 35.72%,#fcf9f8 66.63%,#075c9a 99.8%,#101010 119.17%) 1}.service-box.disabled{opacity:.5;cursor:not-allowed;background-color:#000;border-color:#333;position:relative}.service-box.disabled:hover{background:#000;border-color:#333}.disabled-indicator{position:absolute;top:-5px;right:-5px;background-color:#f44;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.provider-content{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:12px;color:#fff}.provider-name{flex:1;font-size:16px;font-weight:400;text-align:left;color:#fff}.info-icon{background:#ffffff1a;color:#aaa;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0;transition:all .2s ease;border:1px solid rgba(14,165,233,.2)}.info-icon:hover{background:#fff3;transform:scale(1.1);box-shadow:0 2px 8px #ffffff1a}.info-icon:focus{outline:2px solid #FFFFFF;outline-offset:2px}.provider-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 8px 32px #00000080;min-width:280px;max-width:320px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99999;padding:0;pointer-events:none}.provider-box:hover .provider-tooltip,.info-icon:hover+.provider-tooltip,.info-icon:focus+.provider-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.tooltip-content{padding:12px}.tooltip-header{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.sample-indicator{font-size:10px;color:#aaa;font-weight:400;text-transform:none;font-style:italic}.selected-indicator{font-size:10px;color:#22c55e;font-weight:400;text-transform:none}.tooltip-details{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.4}.tooltip-label{color:#aaa;font-weight:500}.tooltip-value{color:#fff;font-weight:600;text-align:right}.tooltip-row.total{margin-top:4px;padding-top:4px;border-top:1px solid rgba(0,0,0,.1)}.tooltip-row.total .tooltip-label{color:#0ea5e9;font-weight:600}.tooltip-row.total .tooltip-value{color:#0ea5e9;font-weight:700}.tooltip-divider{height:1px;background:#0000001a;margin:4px 0}.tooltip-example{background:#0ea5e90d;border-radius:var(--radius-md);padding:6px 8px;margin-top:4px}.example-title{font-size:10px;font-weight:600;color:#0ea5e9;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.example-calc{font-size:10px;color:#555;line-height:1.3;font-family:Courier New,monospace}.tooltip-note{font-size:10px;color:#666;font-style:italic;margin-top:4px;line-height:1.3}.selections-display{width:100%;height:100%;padding:15px;font-family:sans-serif}.selections-header{font-size:16px;font-weight:700;margin-bottom:15px;color:#333;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #ddd;padding-bottom:8px}.selections-content{height:calc(100% - 40px);overflow-y:auto}.service-selections{margin-bottom:20px}.service-selection-title{font-size:14px;font-weight:600;color:#0ea5e9;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.provider-selection{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;padding:12px;box-shadow:0 2px 4px #0000000d}.provider-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee}.provider-name{font-size:13px;font-weight:600;color:#fff}.remove-provider{background-color:#f20d60;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-provider:hover{background-color:#d00b50;transform:scale(1.1)}.models-list{display:flex;flex-direction:column;gap:8px}.model-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #0ea5e9}.model-name{font-size:12px;font-weight:500;color:#333}.model-price{font-size:11px;font-weight:600;color:#0ea5e9}.model-unit{font-size:10px;color:#666;opacity:.8}.no-selections-div6{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px}.no-selections-text{color:#666;font-size:16px;font-style:italic;text-align:center;margin-bottom:10px}.no-selections-hint{color:#999;font-size:12px;text-align:center;line-height:1.4}.models-selection-display{width:100%;height:auto;font-family:sans-serif;overflow:hidden;margin-top:45px}.models-columns-container{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;align-content:flex-start;flex:1;min-height:0;justify-content:flex-start;max-width:100%}.models-column{width:calc(50% - 5px);min-width:0;max-width:calc(50% - 5px);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.model-radio-item{display:flex;align-items:center;background-color:#000;border:1px solid #333333;border-radius:10px;padding:16px 20px;cursor:pointer;transition:all .3s ease;min-height:60px;width:100%;box-sizing:border-box;gap:12px}.model-radio-item:hover{background-color:#000;border:1px solid transparent;border-image:linear-gradient(96deg,#101010 -17.93%,#075c9a 2.02%,#c46ffb 35.72%,#fcf9f8 66.63%,#075c9a 99.8%,#101010 119.17%) 1}.model-radio{width:20px;height:20px;border-radius:50%;border:2px solid #666666;flex-shrink:0;appearance:none;-webkit-appearance:none;position:relative;cursor:pointer}.model-radio:checked{border-color:#fff}.model-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#fff}.model-radio-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.model-radio-name{font-size:16px;font-weight:500;color:#fff}.model-radio-price{font-size:14px;font-weight:400;color:#aaa;margin-left:0}.model-radio-unit{font-size:12px;color:#aaa;opacity:.8;margin-left:4px}.model-radio-price-container{display:flex;align-items:center}.no-models-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;text-align:center}.no-models-text{color:#666;font-size:16px;font-style:italic;margin-bottom:10px}.no-models-hint{color:#999;font-size:12px;margin-bottom:20px;line-height:1.4}.selected-providers-list{width:100%}.selected-providers-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px;text-transform:uppercase}.selected-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.selected-provider-item{background-color:#fff;border:2px solid #0ea5e9;border-radius:6px;padding:10px;cursor:pointer;transition:all .2s ease;text-align:center;font-size:12px;font-weight:600;color:#0ea5e9}.selected-provider-item:hover{background-color:#0ea5e9;color:#fff;transform:translateY(-2px)}.provider-service{font-size:9px;font-weight:400;opacity:.8;margin-top:2px;text-transform:uppercase}.provider-model{font-size:10px;font-weight:400;opacity:.7;margin-top:1px;color:#0ea5e9}.model-radio-item:has(input:checked){background-color:#000;border:1px solid transparent;border-image:linear-gradient(96deg,#101010 -17.93%,#075c9a 2.02%,#c46ffb 35.72%,#fcf9f8 66.63%,#075c9a 99.8%,#101010 119.17%) 1}.div-label{position:absolute;top:5px;right:5px;background-color:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;z-index:10;display:none}.section-heading{align-self:stretch;color:#fcf9f8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:.18px}@media(max-width:768px){.section-heading{top:8px;left:12px;font-size:12px;padding:3px 10px;border-radius:10px}}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-xl);font-weight:var(--font-semibold);box-shadow:var(--shadow-primary);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;font-family:var(--font-family);font-size:var(--text-base)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980}.btn-secondary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-lg);font-weight:var(--font-medium);box-shadow:var(--shadow-secondary);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;font-family:var(--font-family);font-size:var(--text-sm)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980}.status-online{width:var(--space-3);height:var(--space-3);background:var(--success-500);border-radius:50%;box-shadow:0 0 10px #22c55e80;animation:pulse 2s infinite}.status-loading{width:var(--space-4);height:var(--space-4);border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.status-error{width:var(--space-3);height:var(--space-3);background:var(--error-500);border-radius:50%;box-shadow:0 0 10px #ef444480;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.input-modern{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-family);transition:all .3s ease;width:100%;box-shadow:var(--shadow-sm)}.input-modern:focus{outline:none;border-color:#0ea5e9;background:#fffffff2;box-shadow:0 0 0 3px #0ea5e933}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.remove-provider{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;border:none;border-radius:50%;width:var(--space-6);height:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d}.remove-provider:hover{background:linear-gradient(135deg,var(--error-600),var(--error-700));transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.App::-webkit-scrollbar,.div3::-webkit-scrollbar,.div6::-webkit-scrollbar,.models-columns-container::-webkit-scrollbar{width:8px}.App::-webkit-scrollbar-track,.div3::-webkit-scrollbar-track,.div6::-webkit-scrollbar-track,.models-columns-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius-md)}.App::-webkit-scrollbar-thumb,.div3::-webkit-scrollbar-thumb,.div6::-webkit-scrollbar-thumb,.models-columns-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--radius-md)}.App::-webkit-scrollbar-thumb:hover,.div3::-webkit-scrollbar-thumb:hover,.div6::-webkit-scrollbar-thumb:hover,.models-columns-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}#root{margin:0;padding:0}@media(max-width:768px){.flex-container{height:auto;min-height:100vh}.row-1{height:auto;min-height:8vh;padding:10px 0;font-size:18px}.row-2{height:auto;min-height:92vh;padding:10px}.placeholder-box{flex-direction:column!important;width:95%!important;height:auto!important;min-height:85vh;padding:10px;margin:0 auto}.div2{flex:none!important;width:100%!important;height:auto!important;min-height:40vh;border-radius:var(--radius-2xl)!important;margin-bottom:10px;padding:16px!important}.div3{flex:none!important;width:100%!important;height:auto!important;min-height:45vh;border-radius:var(--radius-2xl)!important;margin:0;padding:var(--space-4)!important}.div4{height:auto!important;min-height:150px;max-height:none;margin-bottom:10px}.services-row{flex-direction:column!important;gap:8px!important;padding:8px!important;margin-top:35px!important}.service-box{width:100%!important;min-width:auto!important;padding:12px!important;font-size:var(--text-base)!important;text-align:center!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.div5{height:auto!important;min-height:150px;max-height:none;margin-bottom:10px}.provider-content{gap:6px!important;padding:0!important}.provider-name{font-size:var(--text-base)!important}.info-icon{width:16px!important;height:16px!important;font-size:10px!important}.provider-tooltip{min-width:250px!important;max-width:280px!important;font-size:10px!important}.tooltip-content{padding:10px!important}.tooltip-header{font-size:11px!important}.tooltip-details{gap:3px!important;margin-bottom:6px!important}.tooltip-row{font-size:10px!important}.example-calc{font-size:9px!important}.div6{height:auto!important;min-height:350px;max-height:none;overflow-y:visible}.models-selection-display{height:auto!important;min-height:350px;max-height:none;margin-top:35px!important}.models-columns-container{flex-direction:column!important;gap:8px!important}.models-column{width:100%!important;max-width:100%!important}.model-radio-item{padding:10px!important;min-height:44px!important;display:flex!important;align-items:center!important}.model-radio-content{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.model-radio-price-container{align-self:flex-end!important}.service-breakdown{grid-template-columns:1fr!important;gap:8px!important}.service-item{min-height:60px!important;max-height:none!important;height:auto!important;padding:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.service-info{width:100%!important;text-align:left!important}.service-total{align-self:flex-end!important}.grand-total-amount{font-size:32px!important}.stat-number{font-size:20px!important}.selected-providers-grid{grid-template-columns:1fr!important;gap:8px!important}.selected-provider-item{padding:12px!important;text-align:left!important}.no-selections{padding:20px!important}.no-selection-text{font-size:14px!important}.no-models-selected{padding:20px!important}.no-models-text{font-size:14px!important}.btn-primary,.btn-secondary{width:100%!important;padding:var(--space-4)!important;text-align:center!important}.calculator-input,.calculator-select{font-size:16px!important;padding:var(--space-4)!important}}@media(max-width:480px){.provider-content{gap:4px!important}.provider-name{font-size:var(--text-sm)!important}.info-icon{width:14px!important;height:14px!important;font-size:9px!important}.provider-tooltip{min-width:200px!important;max-width:calc(100vw - 40px)!important;right:-10px!important}.tooltip-row{font-size:10px!important}.example-calc{font-size:9px!important}.grand-total-amount{font-size:28px!important}.model-radio-name,.service-name{font-size:11px!important}.div4,.div5,.div6{padding:12px!important}}@media(prefers-contrast:high){.info-icon{border:2px solid #0ea5e9;background:#0ea5e94d}.provider-tooltip{border:2px solid #0ea5e9;background:#fff}.tooltip-header{color:#06c;border-bottom-color:#0ea5e9}.tooltip-row.total .tooltip-label,.tooltip-row.total .tooltip-value{color:#06c}}@media(prefers-reduced-motion:reduce){.info-icon,.info-icon:hover,.provider-tooltip{transition:none}.info-icon:hover{transform:none}}.info-icon[aria-label]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.provider-tooltip{transform:translateY(0);transition:opacity .2s ease}.info-icon:focus+.provider-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media(max-height:600px){.provider-tooltip{bottom:100%;top:auto;margin-top:0;margin-bottom:8px;transform:translateY(8px)}}@media(min-width:481px)and (max-width:768px){.services-row{flex-direction:row!important;flex-wrap:wrap!important;margin-top:45px!important}.service-box{width:calc(50% - 4px)!important}}