:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent-primary: #3b82f6;--accent-hover: #2563eb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--card-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--element-bg: rgba(0, 0, 0, .03);--element-bg-hover: rgba(0, 0, 0, .06);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit}input::placeholder,textarea::placeholder{color:#cbd5e1;opacity:1}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cbd5e1;opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{color:#cbd5e1;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cbd5e1;opacity:1}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.btn-primary{background-color:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:background-color .2s;box-shadow:0 2px 4px #3b82f633}.btn-primary:hover{background-color:var(--accent-hover)}.btn-outline{background-color:transparent;border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:#3b82f60d}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-hero{text-align:left}.welcome-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center}.welcome-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;width:100%}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-content:center}.recommendation-item{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:center}.cta-card{display:flex;flex-direction:row;align-items:center;gap:3rem;padding:3rem}.maturity-chart-container{display:flex;height:400px;position:relative;padding-left:3rem;padding-bottom:3rem;margin-bottom:3rem}.chart-y-axis-label{position:absolute;left:1rem;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;font-size:.9rem;white-space:nowrap}.chart-x-axis-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-weight:700;color:var(--text-secondary);letter-spacing:.05em;font-size:.9rem}.chart-y-axis-line{position:absolute;left:2.5rem;top:0;bottom:3rem;width:2px;background:var(--glass-border)}.chart-x-axis-line{position:absolute;left:2.5rem;right:0;bottom:2.5rem;height:2px;background:var(--glass-border)}.matrix-row{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:1rem}.chart-area{flex:1;display:flex;align-items:flex-end;gap:1rem;height:100%;position:relative}.maturity-bar-wrapper{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;cursor:pointer}.bar-label{font-size:1.1rem}.cta-actions{display:flex;gap:1rem;align-items:center}@media(max-width:768px){.container{padding:1rem}.welcome-container{padding:2rem 1rem;height:auto;min-height:auto;display:block}.welcome-hero{text-align:center;display:flex;flex-direction:column;align-items:center}.welcome-grid{grid-template-columns:1fr;gap:3rem}.dimensions-grid{grid-template-columns:1fr}.dimensions-grid>div:last-child{grid-column:span 1!important}.recommendation-item{grid-template-columns:1fr;gap:.5rem}h1{font-size:2.25rem!important}.glass-card{padding:1.5rem!important}.cta-card{flex-direction:column;padding:2rem!important;gap:2rem;text-align:center}.cta-card img{width:180px!important;margin-bottom:1rem}.cta-card>div{width:100%;display:flex;flex-direction:column;align-items:center}.cta-actions{flex-direction:column;width:100%}.maturity-chart-container{height:300px;padding-left:4rem;padding-bottom:3rem;margin-bottom:2rem}.chart-y-axis-label{left:-5.5rem;font-size:.65rem;width:200px;text-align:center;transform:translateY(-50%) rotate(-90deg);top:50%;transform-origin:center;display:flex;justify-content:center;align-items:center;color:#64748b}.chart-x-axis-label{font-size:.7rem;bottom:.5rem;width:100%;text-align:center;left:0;transform:none;padding-left:3rem;color:#64748b}.chart-y-axis-line,.chart-x-axis-line{left:2rem;bottom:3rem}.chart-area{gap:1.5rem;padding-right:2.5rem}.bar-label{font-size:.6rem;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;padding:0;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;bottom:.2rem;left:0;margin:0;color:#0f172a}.matrix-row{grid-template-columns:1fr;gap:.5rem}}