.diag-progress{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:80px}.diag-progress__inner{letter-spacing:.08em;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:768px;min-height:44px;margin:0 auto;padding:0 16px;font-size:11px;font-weight:800;display:grid}.diag-progress__bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.diag-progress__bar span{border-radius:inherit;background:var(--primary);height:100%;transition:width .3s;display:block}.diag-section{place-items:center;padding:14px 16px;display:grid}.diag-section--orange{background:linear-gradient(#fff8f0,#fff4ed)}.diag-section--blue{background:linear-gradient(#fff,#eff6ff)}.diag-section--green{background:linear-gradient(#fff,#ecfdf5)}.diag-section--purple{background:linear-gradient(#fff,#f3eeff)}.diag-card{border:1px solid var(--border);background:#fffffff0;border-radius:18px;width:min(720px,100%);padding:18px 18px 16px;position:relative;box-shadow:0 1px 3px #0000000a}.diag-card__meta{letter-spacing:.1em;color:var(--primary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.diag-card__pill{min-height:22px;color:var(--primary);letter-spacing:0;background:#fff4ed;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.diag-section--blue .diag-card__meta{color:#3b82f6}.diag-section--blue .diag-card__pill{color:#3b82f6;background:#eff6ff}.diag-section--green .diag-card__meta{color:#059669}.diag-section--green .diag-card__pill{color:#059669;background:#ecfdf5}.diag-section--purple .diag-card__meta{color:#7c3aed}.diag-section--purple .diag-card__pill{color:#7c3aed;background:#f3eeff}.diag-card h2{letter-spacing:-.005em;margin-bottom:16px;font-size:clamp(18px,4.5vw,22px);line-height:1.5}.diag-choice{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin-bottom:16px;display:grid}.diag-choice p{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:64px;padding:12px 10px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.diag-choice span{color:var(--muted-foreground);letter-spacing:.08em;text-align:center;align-self:center;font-size:11px;font-weight:800}.diag-scale{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.diag-btn{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:8px 4px;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #0000000a}.diag-btn__index{color:var(--muted-foreground);font-size:11px;font-weight:900;line-height:1;display:none}.diag-btn__dots{letter-spacing:.05em;color:var(--primary);font-size:9px;font-weight:700;line-height:1}.diag-btn__label{color:var(--foreground);font-size:10px;font-weight:700;line-height:1.2}.diag-btn--strong .diag-btn__dots{font-size:11px}.diag-btn--medium .diag-btn__dots{opacity:.75}.diag-btn--weak .diag-btn__dots{opacity:.5}.diag-btn:hover{border-color:var(--primary);background:#fff4ed;transform:translateY(-1px)}.diag-btn:active{box-shadow:none;transform:translateY(1px)}.diag-btn.is-selected{border-color:var(--primary);background:var(--primary);box-shadow:0 3px #c2410c}.diag-btn.is-selected .diag-btn__dots,.diag-btn.is-selected .diag-btn__label{color:#fff;opacity:1}.diag-section--blue .diag-btn__dots{color:#3b82f6}.diag-section--blue .diag-btn:hover{background:#eff6ff;border-color:#3b82f6}.diag-section--blue .diag-btn.is-selected{background:#3b82f6;border-color:#3b82f6;box-shadow:0 3px #1d4ed8}.diag-section--green .diag-btn__dots{color:#10b981}.diag-section--green .diag-btn:hover{background:#ecfdf5;border-color:#10b981}.diag-section--green .diag-btn.is-selected{background:#10b981;border-color:#10b981;box-shadow:0 3px #059669}.diag-section--purple .diag-btn__dots{color:#7c3aed}.diag-section--purple .diag-btn:hover{background:#f3eeff;border-color:#7c3aed}.diag-section--purple .diag-btn.is-selected{background:#7c3aed;border-color:#7c3aed;box-shadow:0 3px #5b21b6}.diag-scale--classic .diag-btn__index{display:none}.diag-scale--classic .diag-btn__label{display:block}.diag-scale--six-circle-gray{justify-content:space-between;align-items:center;gap:clamp(10px,2vw,24px);width:100%;padding:18px 0 6px;display:flex}.diag-scale--six-circle-gray .diag-btn__index,.diag-scale--six-circle-gray .diag-btn__label,.diag-scale--six-circle-gray .diag-btn__dots{display:none}.diag-scale--six-circle-gray .diag-btn{width:auto;min-height:0;box-shadow:none;color:#9ca3af;background:0 0;border-width:3px;border-radius:999px;flex:none;padding:0;position:relative}.diag-scale--six-circle-gray .diag-btn-wrap{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;display:flex}.diag-scale--six-circle-gray .diag-btn-wrap .diag-btn{width:100%;height:100%}.diag-scale--six-circle-gray .diag-btn:hover{background:#00000003;border-color:#9ca3af;transform:translateY(-1px)}.diag-scale--six-circle-gray .diag-btn-wrap:first-child{width:86px;height:86px}.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(2){width:68px;height:68px}.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(3),.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(4){width:52px;height:52px}.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(5){width:68px;height:68px}.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(6){width:86px;height:86px}.diag-scale--six-circle-gray .diag-btn:after{content:"";opacity:0;border:2px solid #0000;border-radius:999px;width:26px;height:26px;margin:auto;transition:opacity .15s,transform .15s;position:absolute;inset:0;transform:scale(.88)}.diag-scale--six-circle-gray .diag-btn.is-selected{color:#fff;background:#f97316;border-color:#f97316}.diag-scale--six-circle-gray .diag-btn.is-selected:after{content:"✓";opacity:1;color:#fff;background:0 0;border:none;place-items:center;width:auto;height:auto;margin:auto;font-size:22px;font-weight:900;line-height:1;display:grid;inset:0;transform:scale(1)}.diag-scale--six-circle-gray .diag-btn__scale-label{text-align:center;color:#6b7280;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2;display:block}.diag-scale--six-circle-gray .diag-btn.is-selected+.diag-btn__scale-label{color:#f97316}.diag-scale--six-circle-gray .diag-btn:active{box-shadow:none;transform:scale(.98)}.diag-step-cta{background:#f8f5ee;padding:40px 16px;transition:opacity .4s}.diag-step-cta--dim{opacity:.35;pointer-events:none}.diag-step-cta__box{border:1px solid var(--border);text-align:center;background:#fff;border-radius:18px;max-width:720px;margin:0 auto;padding:28px 22px;box-shadow:0 4px 24px #0000000f}.diag-step-cta__eyebrow{letter-spacing:.14em;color:var(--primary);font-size:11px;font-weight:800}.diag-step-cta__heading{max-width:600px;margin:8px auto 10px;font-size:clamp(18px,4vw,24px);line-height:1.45}.diag-step-cta__body{color:#6b7280;max-width:560px;margin:0 auto;font-size:13px;line-height:1.7}@media (min-width:720px){.diag-card{border-radius:20px;padding:22px 24px 20px}.diag-card h2{margin-bottom:18px}.diag-choice{gap:14px;margin-bottom:18px}.diag-choice p{min-height:84px;padding:16px 14px;font-size:15px}.diag-scale{gap:8px}.diag-btn{min-height:64px;padding:10px 6px}.diag-btn__index{font-size:12px}.diag-btn__dots{font-size:10px}.diag-btn--strong .diag-btn__dots{font-size:13px}.diag-btn__label{font-size:11px}.diag-step-cta__box{border-radius:20px;padding:40px}.diag-compare{padding:32px 20px 48px}.diag-compare__hero{padding:28px 28px 24px}.diag-compare__toolbar{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (max-width:420px){.diag-section{padding:12px}.diag-card{border-radius:14px;padding:16px 14px 14px}.diag-step-cta__box{border-radius:14px}.diag-choice{gap:6px}.diag-choice p{min-height:60px;padding:10px 8px;font-size:12px}.diag-scale{gap:4px}.diag-btn{min-height:50px;padding:6px 2px}.diag-btn__label{font-size:9px}.diag-compare{padding:16px 12px 28px}.diag-compare__tab{min-height:68px;padding:10px 10px 8px}.diag-scale--six-circle-gray{gap:8px;padding-top:12px}.diag-scale--six-circle-gray .diag-btn-wrap{gap:8px}.diag-scale--six-circle-gray .diag-btn-wrap:first-child,.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(6){width:64px;height:64px}.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(2),.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(5){width:52px;height:52px}.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(3),.diag-scale--six-circle-gray .diag-btn-wrap:nth-child(4){width:40px;height:40px}.diag-scale--six-circle-gray .diag-btn__scale-label{font-size:10px;line-height:1.4}}