*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;text-rendering:optimizeLegibility;font-family:Inter,Outfit,system-ui,-apple-system,sans-serif}body{background-color:#f0f2f5;min-width:320px;min-height:100vh;margin:0;transition:background-color .4s,color .4s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:root{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fc;--bg-input:#f4f5f7;--bg-input-focus:#fff;--bg-overlay:#00000008;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-light:#e0e7ff;--accent-primary-glow:#6366f140;--accent-success:#10b981;--accent-success-light:#d1fae5;--accent-success-bg:#f0fdf4;--accent-warning:#f59e0b;--accent-warning-light:#fef3c7;--accent-warning-bg:#fffbeb;--accent-danger:#ef4444;--accent-danger-light:#fee2e2;--accent-info:#3b82f6;--accent-info-light:#dbeafe;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 50px #0000001a;--shadow-glow:0 0 40px #6366f11f;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--chart-aws:#f90;--chart-azure:#0078d4;--chart-gcp:#4285f4}body.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#263548;--bg-input:#334155;--bg-input-focus:#475569;--bg-overlay:#ffffff08;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--accent-primary:#818cf8;--accent-primary-hover:#6366f1;--accent-primary-light:#6366f126;--accent-primary-glow:#818cf833;--accent-success-bg:#10b9811a;--accent-warning-bg:#f59e0b1a;--border-primary:#334155;--border-secondary:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-xl:0 20px 50px #00000080;--shadow-glow:0 0 40px #818cf814}.ccc-main-container{background-color:var(--bg-primary);box-sizing:border-box;width:100%;min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow);flex-direction:column;align-items:center;padding:1.5rem;display:flex}.ccc-max-w-7xl{box-sizing:border-box;width:100%;max-width:80rem;margin-left:auto;margin-right:auto}.ccc-header-wrapper{text-align:center;margin-bottom:2rem;position:relative}.ccc-title-4xl{color:var(--text-primary);letter-spacing:-.025em;transition:color var(--transition-slow);justify-content:center;align-items:center;font-family:Outfit,Inter,sans-serif;font-size:2.25rem;font-weight:800;line-height:2.75rem;display:flex}.ccc-title-4xl>svg{width:2rem;height:2rem;color:var(--accent-primary);margin-right:.75rem}.ccc-title-2xl{color:var(--text-primary);font-family:Outfit,Inter,sans-serif;font-size:1.5rem;font-weight:700;line-height:2rem}.ccc-title-lg{color:var(--text-primary);font-family:Outfit,Inter,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.75rem}.ccc-text-lg{font-size:1.125rem;line-height:1.75rem}.ccc-text-sm{font-size:.875rem;line-height:1.25rem}.ccc-text-xs{font-size:.75rem;line-height:1rem}.ccc-text-gray-500,.ccc-text-gray-600{color:var(--text-secondary)}.ccc-text-gray-700,.ccc-text-gray-800,.ccc-text-gray-900{color:var(--text-primary)}.ccc-text-indigo-600{color:var(--accent-primary)}.ccc-text-green-600{color:var(--accent-success)}.ccc-text-red-600{color:var(--accent-danger)}.ccc-text-yellow-600{color:var(--accent-warning)}.ccc-font-bold{font-weight:700}.ccc-font-extrabold{font-weight:800}.ccc-font-semibold{font-weight:600}.ccc-font-medium{font-weight:500}.ccc-dark-toggle-wrapper{z-index:100;position:fixed;top:1.25rem;right:1.25rem}.ccc-dark-toggle-btn{border-radius:var(--radius-full);border:2px solid var(--border-primary);background:var(--bg-card);cursor:pointer;width:3rem;height:3rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md);color:var(--text-primary);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.ccc-dark-toggle-btn:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:rotate(30deg)scale(1.1)}.ccc-billing-toggle{background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border-primary);gap:2px;margin-bottom:1.5rem;padding:4px;display:inline-flex}.ccc-billing-toggle-btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary);background:0 0;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.ccc-billing-toggle-btn.active{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 2px 8px #6366f14d}.ccc-billing-toggle-btn:not(.active):hover{background:var(--bg-overlay);color:var(--text-primary)}.ccc-mb-2{margin-bottom:.5rem}.ccc-mb-4{margin-bottom:1rem}.ccc-mb-6{margin-bottom:1.5rem}.ccc-mb-8{margin-bottom:2rem}.ccc-mt-1{margin-top:.25rem}.ccc-mt-2{margin-top:.5rem}.ccc-mt-8{margin-top:2rem}.ccc-pb-2{padding-bottom:.5rem}.ccc-pb-3{padding-bottom:.75rem}.ccc-border-b{border-bottom:1px solid var(--border-primary)}.ccc-mx-auto{margin-left:auto;margin-right:auto}.ccc-page-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-secondary);transition:all var(--transition-normal);padding:2rem;position:relative;overflow:hidden}.ccc-page-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),#a78bfa,#ec4899);opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.ccc-page-card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-3px)}.ccc-page-card:hover:before{opacity:1}.ccc-tech-stack-card{max-width:42rem;margin-left:auto;margin-right:auto}.ccc-space-y-4>*+*{margin-top:1rem}.ccc-space-y-6>*+*{margin-top:1.5rem}.ccc-space-y-8>*+*{margin-top:2rem}.ccc-flex-items{align-items:center;display:flex}.ccc-flex-center{justify-content:center;align-items:center;display:flex}.ccc-col-span-1{grid-column:span 1/span 1}.ccc-col-span-2{grid-column:span 2/span 2}.ccc-col-span-full{grid-column:1/-1}.ccc-flex-controls{gap:1rem;display:flex}.ccc-gap-4{gap:1rem}.ccc-gap-6{gap:1.5rem}.ccc-gap-8{gap:2rem}.ccc-gap-x-8{column-gap:2rem}.ccc-gap-y-6{row-gap:1.5rem}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ccc-animate-fade-in{animation:.5s cubic-bezier(.22,1,.36,1) forwards fade-in}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ccc-animate-slide-up{animation:.6s cubic-bezier(.22,1,.36,1) forwards slide-up}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ccc-animate-scale-in{animation:.4s cubic-bezier(.22,1,.36,1) forwards scale-in}@keyframes bar-grow{0%{height:0}}.ccc-animate-bar{animation:.8s cubic-bezier(.22,1,.36,1) forwards bar-grow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ccc-spinner{color:#fff;width:1.25rem;height:1.25rem;margin-right:.75rem;animation:1s linear infinite spin}.ccc-spinner-track{opacity:.25}.ccc-spinner-head{opacity:.75}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ccc-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.8rem;font-weight:600;line-height:1.25rem;display:block}.ccc-label-toggle{color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.25rem}.ccc-input-group{min-width:0}.ccc-input-wrapper{border-radius:var(--radius-md);background:var(--bg-input);transition:all var(--transition-normal);border:1.5px solid #0000;align-items:center;padding:0 .75rem;display:flex}.ccc-input-wrapper:focus-within{border-color:var(--accent-primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-primary-glow)}.ccc-input-line-wrapper,.ccc-input-line-wrapper:focus-within{border-bottom:none}.ccc-input-icon{color:var(--text-tertiary);flex-shrink:0;margin-right:.5rem}.ccc-input-icon-padding{padding-left:0}.ccc-input-text{width:100%;color:var(--text-primary);background:0 0;border:none;padding:.625rem .25rem;font-family:inherit;font-size:.9rem;font-weight:500;line-height:1.25rem;display:block}.ccc-input-text::placeholder{color:var(--text-tertiary);opacity:1}.ccc-input-text::-webkit-input-placeholder{color:var(--text-tertiary)}.ccc-input-text:-ms-placeholder-shown{color:var(--text-tertiary)}.ccc-input-text:focus{outline:none}.ccc-select{border-radius:var(--radius-md);border:1.5px solid var(--border-primary);background:var(--bg-input);width:100%;color:var(--text-primary);transition:all var(--transition-normal);cursor:pointer;flex:1;padding:.625rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;line-height:1.25rem;display:block}.ccc-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);background:var(--bg-input-focus);outline:none}.ccc-select-icon-padding{padding-left:.25rem}.ccc-toggle-group{border-radius:var(--radius-md);background:var(--bg-input);transition:background var(--transition-normal);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.ccc-toggle-group:hover{background:var(--bg-card-hover)}.ccc-toggle-container{cursor:pointer;align-items:center;display:inline-flex;position:relative}.ccc-toggle-checkbox-sr{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ccc-toggle-slider{background-color:var(--border-primary);border-radius:var(--radius-full);width:2.75rem;height:1.5rem;transition:all var(--transition-normal);position:relative}.ccc-toggle-slider:after{content:"";border-radius:var(--radius-full);width:1.25rem;height:1.25rem;transition:all var(--transition-normal);background-color:#fff;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.ccc-toggle-checkbox-sr:checked+.ccc-toggle-slider{background-color:var(--accent-primary)}.ccc-toggle-checkbox-sr:checked+.ccc-toggle-slider:after{transform:translate(1.25rem)}.ccc-toggle-checkbox-sr:focus+.ccc-toggle-slider{box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.ccc-range-slider{background:linear-gradient(90deg,var(--accent-primary-light),var(--accent-primary));border-radius:var(--radius-full);appearance:none;cursor:pointer;outline:none;width:100%;height:.5rem}.ccc-range-labels{color:var(--text-tertiary);justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}.ccc-range-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;width:1.125rem;height:1.125rem;box-shadow:0 0 0 4px var(--accent-primary-light);transition:all var(--transition-fast);border-radius:50%}.ccc-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ccc-range-slider::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;width:1.125rem;height:1.125rem;box-shadow:0 0 0 4px var(--accent-primary-light);border:none;border-radius:50%}.ccc-button-base{border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;letter-spacing:.01em;border:none;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;position:relative;overflow:hidden}.ccc-button-base:after{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(120deg,#0000 30%,#ffffff26 50%,#0000 70%) 0 0/200% 100%;position:absolute;inset:0}.ccc-button-base:hover:after{opacity:1;animation:.8s ease-in-out shimmer}.ccc-button-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 14px #6366f159}.ccc-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.ccc-button-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.ccc-button-secondary{color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border-primary);box-shadow:none}.ccc-button-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.ccc-button-reset{color:var(--accent-primary);background:var(--accent-primary-light);box-shadow:none}.ccc-button-reset:hover{background:#c7d2fe;transform:translateY(-1px)}.ccc-button-disabled{cursor:not-allowed;box-shadow:none;background:#a5b4fc!important;transform:none!important}.ccc-w-full,.ccc-w-full-sm{width:100%}.ccc-step-indicator-wrapper{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.ccc-step-circle{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;transition:all var(--transition-normal);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.ccc-step-default{background:var(--bg-input);color:var(--text-tertiary)}.ccc-step-active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:2s infinite pulse-glow;transform:scale(1.1);box-shadow:0 4px 14px #6366f159}.ccc-step-completed{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.ccc-step-line{border-radius:var(--radius-full);width:3rem;height:3px;margin:0 .25rem;display:none}.ccc-step-line-default{background:var(--border-primary)}.ccc-step-line-active{background:linear-gradient(90deg,var(--accent-primary),#a78bfa)}.ccc-step-line-completed{background:var(--accent-success)}.ccc-step-label{display:none}.ccc-summary-panel{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-secondary);padding:2rem;position:relative;overflow:hidden}.ccc-summary-panel:before{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.ccc-result-card{border-radius:var(--radius-lg);border:2px solid var(--border-primary);background:var(--bg-card);box-shadow:var(--shadow-md);transition:all var(--transition-normal);padding:1.5rem;position:relative;overflow:hidden}.ccc-result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ccc-result-card-cheapest{border-color:var(--accent-success);background:var(--accent-success-bg)}.ccc-result-card-cheapest:after{content:"💰 Cheapest";color:var(--accent-success);background:var(--accent-success-light);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.ccc-result-card-recommended{border-color:var(--accent-primary);background:var(--accent-primary-light)}.ccc-result-card-recommended:after{content:"⭐ Recommended";color:var(--accent-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;background:#6366f126;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.ccc-result-card-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.ccc-result-cost{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:2.5rem}.ccc-result-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.8rem;font-weight:500}.ccc-provider-logo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-right:.75rem;font-size:1.25rem;display:flex}.ccc-provider-logo-aws{color:#fff;background:linear-gradient(135deg,#f90,#ffad33)}.ccc-provider-logo-azure{color:#fff;background:linear-gradient(135deg,#0078d4,#2b9aed)}.ccc-provider-logo-gcp{color:#fff;background:linear-gradient(135deg,#4285f4,#669df6)}.ccc-provider-logo-lg{border-radius:var(--radius-lg);width:3rem;height:3rem;font-size:1.5rem}.ccc-recommendation-box{background:linear-gradient(135deg,var(--accent-primary-light),#8b5cf614);border-radius:var(--radius-lg);color:var(--accent-primary-hover);border-left:4px solid var(--accent-primary);transition:all var(--transition-normal);padding:1.25rem}body.dark-mode .ccc-recommendation-box{color:#c7d2fe;background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.ccc-recommendation-title{align-items:center;margin-bottom:.25rem;font-size:1.25rem;font-weight:800;line-height:1.75rem;display:flex}.ccc-suitability-card{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--bg-card);transition:all var(--transition-normal);padding:1.25rem}.ccc-suitability-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ccc-suitability-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.5rem}.ccc-suitability-label{margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.ccc-suitability-text{color:var(--text-secondary);font-size:.875rem;line-height:1.4rem}.ccc-breakdown-card{background:var(--bg-input);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid var(--border-secondary);margin-top:.75rem;padding:1.25rem}.ccc-breakdown-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ccc-breakdown-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.ccc-breakdown-list{margin:0;padding:0;list-style:none}.ccc-breakdown-list>li+li{margin-top:.4rem}.ccc-breakdown-item{color:var(--text-secondary);justify-content:space-between;padding:.25rem 0;font-size:.875rem;line-height:1.25rem;display:flex}.ccc-breakdown-category{font-weight:500}.ccc-breakdown-projected{border-top:1px solid var(--border-primary);color:var(--text-primary);justify-content:space-between;margin-top:.5rem;padding-top:.5rem;font-weight:700;display:flex}.ccc-projected-cost{color:var(--text-primary)}.ccc-category-cards-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.ccc-category-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:1.25rem;position:relative;overflow:hidden}.ccc-category-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.ccc-category-card-compute:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.ccc-category-card-storage:before{background:linear-gradient(90deg,#10b981,#34d399)}.ccc-category-card-network:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ccc-category-card-database:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ccc-category-card-services:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.ccc-category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ccc-category-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;font-size:1.1rem;display:flex}.ccc-category-card-icon-compute{color:#6366f1;background:#6366f11a}.ccc-category-card-icon-storage{color:#10b981;background:#10b9811a}.ccc-category-card-icon-network{color:#f59e0b;background:#f59e0b1a}.ccc-category-card-icon-database{color:#3b82f6;background:#3b82f61a}.ccc-category-card-icon-services{color:#ec4899;background:#ec48991a}.ccc-category-card-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.ccc-category-card-costs{flex-direction:column;gap:.25rem;display:flex}.ccc-category-cost-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.ccc-category-provider{color:var(--text-secondary);font-weight:500}.ccc-category-amount{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700}.ccc-chart-section{margin-top:2rem}.ccc-chart-container{border-bottom:2px solid var(--border-primary);align-items:flex-end;gap:2rem;height:260px;margin-top:1rem;padding:1.5rem 0 .5rem;display:flex;position:relative}.ccc-chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.ccc-chart-bar{cursor:pointer;border-radius:8px 8px 0 0;width:70px;min-height:4px;transition:all .8s cubic-bezier(.22,1,.36,1);position:relative}.ccc-chart-bar-aws{background:linear-gradient(#f90,#e68a00)}.ccc-chart-bar-azure{background:linear-gradient(#0078d4,#005ba1)}.ccc-chart-bar-gcp{background:linear-gradient(#4285f4,#3367d6)}.ccc-chart-bar:hover{filter:brightness(1.1);transform:scaleX(1.05)}.ccc-chart-label{color:var(--text-secondary);margin-top:.75rem;font-size:.875rem;font-weight:600}.ccc-chart-cost{color:var(--text-primary);white-space:nowrap;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.ccc-usecase-suggestions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex}.ccc-usecase-badge{border-radius:var(--radius-full);border:1.5px solid var(--border-primary);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-normal);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.825rem;font-weight:600;display:inline-flex}.ccc-usecase-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ccc-usecase-badge-icon{font-size:1rem}.ccc-usecase-badge-startup{color:#059669;border-color:#10b981}.ccc-usecase-badge-aiml{color:#7c3aed;border-color:#8b5cf6}.ccc-usecase-badge-enterprise{color:#2563eb;border-color:#3b82f6}.ccc-usecase-badge-budget{color:#d97706;border-color:#f59e0b}body.dark-mode .ccc-usecase-badge-startup{color:#34d399}body.dark-mode .ccc-usecase-badge-aiml{color:#a78bfa}body.dark-mode .ccc-usecase-badge-enterprise{color:#60a5fa}body.dark-mode .ccc-usecase-badge-budget{color:#fbbf24}.ccc-info-section{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);transition:all var(--transition-normal);margin-top:2rem;padding:1.75rem}.ccc-info-section:hover{box-shadow:var(--shadow-md)}.ccc-info-section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Outfit,Inter,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.ccc-info-list{margin:0;padding:0;list-style:none}.ccc-info-list li{color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);align-items:flex-start;gap:.625rem;padding:.5rem 0;font-size:.875rem;line-height:1.5;display:flex}.ccc-info-list li:last-child{border-bottom:none}.ccc-info-bullet{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:.75rem;display:flex}.ccc-info-bullet-assumption{color:#f59e0b;background:#f59e0b1a}.ccc-info-bullet-future{color:#6366f1;background:#6366f11a}.ccc-config-section-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.ccc-config-section-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;display:flex}.ccc-config-section-desc{color:var(--text-tertiary);margin-bottom:1rem;font-size:.8rem}@media (min-width:640px){.ccc-main-container{padding:2rem}.ccc-w-full-sm{width:auto}.ccc-step-indicator-wrapper{gap:1.5rem}.ccc-flex-controls{justify-content:space-between}.ccc-chart-bar{width:80px}}@media (min-width:768px){.ccc-grid-responsive-2{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ccc-col-span-full{grid-column:1/-1}.ccc-grid-responsive-3{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ccc-col-span-2{grid-column:span 2/span 2}.ccc-chart-bar{width:100px}}@media (min-width:1024px){.ccc-step-line{display:block}.ccc-step-label{margin-left:.75rem;font-weight:600;display:block}.ccc-step-label-active{color:var(--accent-primary)}.ccc-step-label-default{color:var(--text-tertiary)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-primary);color:#fff}.ccc-latency-section,.ccc-history-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);height:100%;padding:1.5rem}.ccc-latency-grid{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.ccc-latency-item{align-items:center;gap:1rem;display:flex}.ccc-latency-label{align-items:center;gap:.5rem;width:100px;font-size:.9rem;font-weight:600;display:flex}.ccc-latency-bar-container{background:var(--bg-input);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.ccc-latency-bar{border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}.ccc-latency-bar-aws{background:var(--chart-aws)}.ccc-latency-bar-azure{background:var(--chart-azure)}.ccc-latency-bar-gcp{background:var(--chart-gcp)}.ccc-latency-value{text-align:right;width:50px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.ccc-history-chart{border-bottom:2px solid var(--border-primary);align-items:flex-end;gap:4px;height:150px;margin-top:2rem;padding-bottom:4px;display:flex;position:relative}.ccc-history-point-wrapper{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.ccc-history-point{cursor:pointer;opacity:.7;border-radius:2px 2px 0 0;width:100%;transition:height .5s}.ccc-history-point:hover{opacity:1;filter:brightness(1.1)}.ccc-history-point-aws{background:var(--chart-aws)}.ccc-history-point-azure{background:var(--chart-azure)}.ccc-history-point-gcp{background:var(--chart-gcp)}.ccc-history-legend-dot{border-radius:50%;width:10px;height:10px;margin-right:.25rem}.ccc-history-legend-dot-aws{background:var(--chart-aws)}.ccc-history-legend-dot-azure{background:var(--chart-azure)}.ccc-history-legend-dot-gcp{background:var(--chart-gcp)}@media (max-width:768px){.ccc-grid-responsive-2{grid-template-columns:1fr}}.ccc-category-card-serverless{border-left:4px solid #8b5cf6}.ccc-category-card-icon-serverless{color:#8b5cf6;background:#8b5cf61a}.ccc-tag-free{color:#10b981;text-transform:uppercase;background:#d1fae5;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.65rem;font-weight:800}.ccc-category-cards-wrapper{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}@media (max-width:640px){.ccc-grid-responsive-2{grid-template-columns:1fr;gap:1.25rem}.ccc-config-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ccc-button-base{padding:.6rem 1rem;font-size:.9rem}.ccc-title-4xl{font-size:1.75rem}}.ccc-input-group{animation:.4s ease-out forwards fade-in}.ccc-gpu-highlight{border:1.5px solid var(--accent-warning);background:var(--accent-warning-bg)}.ccc-serverless-group{border-left:3px solid var(--accent-primary);margin-top:1rem;padding-left:1rem;animation:.3s ease-out slide-up}.ccc-nist-tag{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#e2e8f0;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:800}.ccc-carbon-badge{color:#fff;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.ccc-tag-arm{color:#fff;background:#6366f1;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:700}.ccc-flex-items.ccc-justify-between{justify-content:space-between}.ccc-ml-4{margin-left:1rem}.ccc-roi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.ccc-roi-highlight{background:#f0fdf4;border:1px dashed #22c55e;border-radius:8px;padding:1rem}.ccc-roi-percentage{color:#fff;background:#22c55e;border-radius:8px;padding:.5rem 1rem;font-size:1.1rem;font-weight:800}.ccc-latency-map-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.ccc-world-map{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:250px;position:relative;overflow:hidden}.ccc-map-node{items-align:center;z-index:2;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.ccc-node-dot{background:#64748b;border:2px solid #fff;border-radius:50%;width:10px;height:10px}.ccc-map-node.active .ccc-node-dot{background:#ef4444;width:12px;height:12px;box-shadow:0 0 0 4px #ef44444d}.ccc-node-label{color:#475569;margin-top:4px;font-size:.65rem;font-weight:600}.ccc-node-ping{color:#ef4444;font-size:.6rem;font-weight:700}.ccc-map-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ccc-line-path{stroke:#cbd5e1;stroke-width:1px;stroke-dasharray:4}.ccc-footer{border-top:1px solid #e2e8f0;margin-top:4rem;padding:2rem}.ccc-health-dot{border-radius:50%;width:8px;height:8px}.ccc-health-dot.online{background:#10b981;box-shadow:0 0 8px #10b98166}.ccc-health-dot.offline{background:#ef4444}.ccc-button-outline{color:#475569;background:#fff;border:1px solid #e2e8f0}.ccc-button-outline:hover{background:#f8fafc;border-color:#cbd5e1}.ccc-latency-bar{transition:width 1s cubic-bezier(.4,0,.2,1)}.ccc-history-point{transition:height .8s ease-in-out,background-color .3s}.ccc-latency-item:hover .ccc-latency-bar{filter:brightness(1.2)}.ccc-history-point:hover{z-index:10;transform:scaleY(1.05);box-shadow:0 0 12px #6366f166}