*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#323b52;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2fdff;font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:400}:root{--color-pink:#ff5a95;--color-yellow:#ffec40;--color-navy:#323b52;--color-navy-dark:#1d2230}.screen-shell{flex-direction:column;width:100%;max-width:960px;min-height:100vh;margin:0 auto;padding:2rem 3rem;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen-content{flex-direction:column;flex:1;justify-content:center;display:flex}.progress-dots{justify-content:center;gap:10px;padding:1.5rem 0;display:flex}.dot{background:#c9e7eb;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:#323b52;transform:scale(1.3)}.dot.done{background:#61c8d1}.hero-text{letter-spacing:-.03em;color:#323b52;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-subtitle{color:#1d2230b3;margin-bottom:3rem;font-family:Lora,serif;font-size:1.25rem;font-weight:400}.flag-callout{color:#323b52;clip-path:polygon(0 0,calc(100% - .55em) 0,100% 50%,calc(100% - .55em) 100%,0 100%);background:#ffec40;margin:0 .1em;padding:.1em 1.1em .1em .45em;font-family:Montserrat,sans-serif;font-weight:800;line-height:1.1;display:inline-block}.welcome{text-align:center}.welcome-selects{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.select-group{flex-direction:column;align-items:flex-start;min-width:280px;display:flex}.select-group label{text-transform:uppercase;letter-spacing:.1em;color:#1d223099;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700}.select-group select{color:#323b52;appearance:none;cursor:pointer;background:#fff;border:2px solid #c9e7eb;border-radius:8px;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.select-group select:focus{border-color:#323b52;outline:none}.cta-button{color:#323b52;cursor:pointer;letter-spacing:-.01em;background:#ffec40;border:2px solid #ffec40;border-radius:100px;padding:1.1rem 3rem;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-block}.cta-button:hover:not(:disabled){background:#ffe000;border-color:#ffe000;transform:translateY(-1px)}.cta-button:disabled{opacity:.3;cursor:not-allowed}.cta-button--secondary{color:#323b52;background:0 0;border:2px solid #323b52}.cta-button--secondary:hover:not(:disabled){color:#fff;background:#323b52;transform:translateY(-1px)}.fork-nav{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.fork-screen{text-align:center}.fork-question{letter-spacing:-.02em;color:#323b52;margin-bottom:.75rem;font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.1}.fork-subtitle{color:#1d2230a6;margin-bottom:2.5rem;font-family:Lora,serif;font-size:1.1rem;font-weight:400}.fork-options{flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto;display:flex}.option-card{color:#323b52;cursor:pointer;text-align:left;background:#fff;border:2px solid #c9e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;font-family:Montserrat,sans-serif;transition:all .2s;display:flex}.option-text{flex-direction:column;flex:1;gap:.25rem;display:flex}.option-label{font-size:1.1rem;font-weight:700}.option-description{opacity:.75;font-size:.95rem;font-weight:400;line-height:1.4}.option-card:hover:not(:disabled):not(.selected){border-color:#323b52;transform:translate(4px)}.option-card.selected{color:#fff;background:#323b52;border-color:#323b52}.option-card:disabled:not(.selected){opacity:.4;cursor:not-allowed}.option-arrow{opacity:.4;font-size:1.3rem;transition:opacity .2s}.option-card:hover .option-arrow,.option-card.selected .option-arrow{opacity:1}.dashboard{text-align:center}.dashboard-header{margin-bottom:1rem}.dashboard-title{letter-spacing:-.02em;color:#323b52;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.dashboard-cohort{color:#1d2230b3;margin-bottom:.5rem;font-family:Lora,serif;font-size:1rem}.maturity-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:.25rem .75rem;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.maturity-high{color:#1d2230;background:#bef3e0}.maturity-mid{color:#1d2230;background:#fffacc}.maturity-low{color:#1d2230;background:#ffc8b2}.readiness-gauge{justify-content:center;margin:1rem 0 2rem;display:flex}.gauge-score{font-family:Montserrat,sans-serif;font-size:42px;font-weight:800}.gauge-tier{text-transform:uppercase;letter-spacing:.1em;font-family:Lora,serif;font-size:14px;font-weight:600}.peer-comparisons{text-align:left;margin-bottom:2.5rem}.peer-comparisons h2{color:#323b52;margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800}.comparison-block{background:#fff;border:1px solid #c9e7eb;border-radius:10px;margin-bottom:1.75rem;padding:1.25rem}.comparison-header{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.comparison-label{text-transform:uppercase;letter-spacing:.1em;color:#1d223099;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:700}.comparison-choice{color:#323b52;font-size:.95rem}.comparison-stat{color:#34da9e;margin-left:auto;font-size:.85rem;font-weight:700}.peer-chart{flex-direction:column;gap:.5rem;display:flex}.peer-chart-row{align-items:center;gap:.75rem;display:flex}.peer-chart-row.highlight .peer-chart-label{color:#323b52;font-weight:700}.peer-chart-row.highlight .peer-chart-bar{background:#323b52}.peer-chart-label{color:#1d223099;text-align:right;flex-shrink:0;width:130px;font-size:.85rem}.peer-chart-bar-container{background:#d9eef2;border-radius:4px;flex:1;height:24px;overflow:hidden}.peer-chart-bar{background:#9cdde2;border-radius:4px;min-width:2px;height:100%;transition:width .6s ease-out}.peer-chart-value{color:#323b52;text-align:right;flex-shrink:0;width:40px;font-size:.85rem;font-weight:600}.insight-callout{color:#1d2230bf;border-left:3px solid #c9e7eb;margin:.75rem 0 0;padding-left:.75rem;font-family:Lora,serif;font-size:.9rem;font-style:italic;line-height:1.5}.recommendations{text-align:left;margin-bottom:2.5rem}.recommendations h2{color:#323b52;margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800}.recommendation-card{background:#d9eef2;border:1px solid #c9e7eb;border-radius:10px;margin-bottom:1rem;padding:1.25rem}.recommendation-card h3{color:#323b52;margin:0 0 .5rem;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700}.recommendation-card p{color:#1d2230cc;margin:0;font-size:.9rem;line-height:1.6}.email-capture{text-align:center;max-width:500px;margin:0 auto}.email-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-row .form-field{flex:1}.form-field{flex-direction:column;display:flex}.form-field label{text-transform:uppercase;letter-spacing:.1em;color:#1d223099;margin-bottom:.4rem;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700}.form-field input{color:#323b52;background:#fff;border:2px solid #c9e7eb;border-radius:8px;padding:.9rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-field input:focus{border-color:#323b52;outline:none}.email-form .cta-button{width:100%;margin-top:.5rem}.form-disclaimer{color:#1d2230a6;margin:.5rem 0 0;font-family:Lora,serif;font-size:.75rem;line-height:1.5}.form-disclaimer a{color:inherit;text-decoration:underline}.form-disclaimer a:hover{color:#323b52}.reset-notice{color:#1d223099;margin-top:2rem;font-family:Lora,serif;font-size:.9rem}
