.co-diagnostic{background:var(--s-bg);position:relative;overflow:hidden}html:not([data-theme=light]) .co-diagnostic{--s-bg:var(--white)}.co-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:72px;display:grid}.co-title{letter-spacing:-.035em;color:var(--s-strong);margin:22px 0 36px;font-size:clamp(2.3rem,4.2vw,4.1rem)}.co-diagnostic .sentence{color:var(--s-muted)}.co-diagnostic .sentence select{max-width:100%;color:var(--s-strong);border-color:var(--s-accent);background-color:#0000}.co-diagnostic .sentence select:focus{border-color:var(--s-strong);background:var(--s-chip)}.co-result{background:var(--ink);color:var(--mint);border-radius:18px;padding:30px;box-shadow:0 40px 80px -46px #051f20e6}[data-theme=light] .co-result{background:var(--mint);color:var(--ink)}.co-result-head{font-family:var(--f-display);color:var(--white);border-bottom:1px solid #8eb69b47;align-items:center;gap:13px;padding-bottom:18px;font-size:1.14rem;font-weight:500;display:flex}[data-theme=light] .co-result-head{color:var(--ink);border-color:#0b2b262e}.co-result-head svg{flex:none;width:38px;height:auto}.co-result-head small{font-family:var(--f-body);opacity:.68;margin-top:3px;font-size:.78rem;font-weight:400;display:block}.co-steps{counter-reset:step;list-style:none;display:grid}.co-steps li{counter-increment:step;animation:coIn .5s var(--ease) both;animation-delay:calc(var(--i) * 90ms);border-bottom:1px solid #8eb69b2e}[data-theme=light] .co-steps li{border-color:#0b2b261f}@keyframes coIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.co-steps a{font-family:var(--f-display);transition:padding .3s var(--ease);align-items:center;gap:14px;padding:15px 0;font-size:1.08rem;display:flex}.co-steps a:before{content:counter(step, decimal-leading-zero);letter-spacing:.08em;opacity:.66;font-size:.78rem}.co-steps a:hover{padding-left:8px}.co-steps svg{width:19px;height:19px;color:var(--sage);flex:none;margin-left:auto}[data-theme=light] .co-steps svg{color:var(--brand)}.co-cta{background:var(--mint);width:100%;color:var(--ink);justify-content:center;margin-top:22px}.co-cta:hover{background:var(--white);transform:translateY(-2px)}[data-theme=light] .co-cta{background:var(--brand);color:var(--white)}[data-theme=light] .co-cta:hover{background:var(--ink)}@media (width<=1024px){.co-grid{grid-template-columns:1fr;gap:44px}}