.c-diagnosis-hero{padding-block:60px;text-align:center}.c-diagnosis-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.35;letter-spacing:.02em}.c-diagnosis-hero h1 span{color:#8125e5}.c-diagnosis-hero>p{margin:20px 0}.c-diagnosis-hero ul{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0}.c-diagnosis-hero li{border:1px solid #dfd4fa;border-radius:100px;padding:8px 18px;font-weight:700;background:#f6f2ff}.c-diagnosis-tool{padding-bottom:64px;scroll-margin-top:100px}.c-diagnosis-tool h2{font-size:clamp(1.3rem,3vw,2rem)}.c-diagnosis-tool p{margin-block:12px;line-height:1.8}.c-diagnosis-tool iframe{display:block;width:100%;height:1000px;border:1px solid #ddd1f4;border-radius:20px;background:#fff;margin-top:24px}.c-diagnosis-fallback a{color:#7320c7;text-decoration:underline;text-underline-offset:4px}.c-diagnosis-note,.c-diagnosis-fallback{font-size:.85rem}
.c-diagnosis-promo{position:fixed;z-index:35;right:24px;bottom:24px;width:260px;color:#fff;background:linear-gradient(135deg,#15194d,#562190 70%,#8430d5);border:1px solid #c5a1ff;border-radius:22px;box-shadow:0 8px 34px #15194d30}.c-diagnosis-promo[hidden]{display:none}.c-diagnosis-promo>a{display:block;padding:22px;text-decoration:none;color:#fff;border-radius:22px}.c-diagnosis-promo__eyebrow{display:block;color:#e7d6ff;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}.c-diagnosis-promo strong{display:block;font-size:23px;line-height:1.45}.c-diagnosis-promo__score{display:flex;gap:6px;align-items:end;height:42px;margin:12px 0 16px}.c-diagnosis-promo__score i{width:16px;height:65%;border-radius:3px;background:#c3a1ff}.c-diagnosis-promo__score i:nth-child(3n){height:95%;background:#fff}.c-diagnosis-promo__score i:nth-child(2n){height:80%}.c-diagnosis-promo__action{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#6420b0;border-radius:100px;padding:11px 15px;font-size:14px;font-weight:800}.c-diagnosis-promo__action b{transition:transform 220ms}.c-diagnosis-promo__close{position:absolute;right:8px;top:-17px;width:36px;height:36px;border-radius:50%;background:#fff;color:#24215c;border:1px solid #d3c6eb;cursor:pointer;font-size:24px;line-height:1}.c-diagnosis-promo :focus-visible{outline:3px solid #ad62ff;outline-offset:4px}.c-diagnosis-promo__close:focus-visible{outline-color:#10144f}
@media(hover:hover){.c-diagnosis-promo a:hover .c-diagnosis-promo__action b{transform:translateX(4px)}}
@media(max-width:767px){.c-diagnosis-promo{width:218px;bottom:max(12px,env(safe-area-inset-bottom));right:12px;border-radius:14px}.c-diagnosis-promo>a{padding:12px 14px}.c-diagnosis-promo strong,.c-diagnosis-promo__score{display:none}.c-diagnosis-promo__eyebrow{font-size:11px;margin-bottom:6px}.c-diagnosis-promo__action{font-size:13px;padding:8px 12px}.c-diagnosis-promo__close{width:36px;height:36px;right:0;top:-28px}.c-diagnosis-tool iframe{height:1100px;border-radius:12px}.c-diagnosis-hero{padding-block:36px}.c-diagnosis-hero ul{gap:6px}.c-diagnosis-hero li{font-size:12px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.c-diagnosis-promo__action b{transition:none;transform:none!important}}
@media print{.c-diagnosis-promo{display:none}}

.c-diagnosis-embed{border:1px solid #ddd1f4;border-radius:16px;padding:18px;margin-top:24px}.c-diagnosis-embed summary{font-weight:800;color:#6921ad;cursor:pointer;padding:8px}.c-diagnosis-embed summary:focus-visible{outline:3px solid #8125e5;outline-offset:4px}

.c-diagnosis-areas{padding-block:32px 56px}.c-diagnosis-areas h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:16px}.c-diagnosis-areas ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:12px;padding:0;margin-block:24px}.c-diagnosis-areas li{background:#f7f3ff;border:1px solid #e7ddf9;border-radius:14px;padding:22px 16px}.c-diagnosis-areas li span{display:block;font-weight:800;font-size:13px;letter-spacing:.1em;color:#872bdf;margin-bottom:10px}.c-diagnosis-steps{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-radius:16px;background:#171b53;color:white}.c-diagnosis-steps b{color:#ce9dff;margin-right:10px}@media(max-width:767px){.c-diagnosis-areas ol{grid-template-columns:repeat(2,minmax(0,1fr))}.c-diagnosis-steps{flex-direction:column}.c-diagnosis-steps>span{transform:rotate(90deg)}}
@media(max-width:767px){.c-diagnosis-hero h1{font-size:clamp(1.7rem,7.5vw,2.4rem)}}