.clarity-quiz{padding-top:22px}.clarity-panel{position:relative;overflow:hidden;border:1px solid rgba(205,166,255,.28);border-radius:32px;background:linear-gradient(145deg,rgba(168,108,255,.14),rgba(255,255,255,.025));box-shadow:0 28px 90px rgba(0,0,0,.26);padding:30px}.clarity-panel:before{content:"";position:absolute;inset:-40% -18% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(168,108,255,.18),transparent 68%);pointer-events:none}.clarity-head{position:relative;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;margin-bottom:22px}.clarity-head h2{max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.95;letter-spacing:-.055em}.clarity-head p{max-width:560px;margin:12px 0 0;color:#cfc3dd}.clarity-tag{display:inline-flex;align-items:center;gap:8px;justify-self:end;border:1px solid rgba(255,216,146,.38);border-radius:999px;padding:9px 13px;color:#ffd892;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.clarity-options{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.clarity-choice{min-height:88px;border:1px solid rgba(205,166,255,.22);border-radius:20px;background:rgba(255,255,255,.032);color:#fff;text-align:left;padding:16px;cursor:pointer;font:inherit;transition:.18s ease}.clarity-choice strong{display:block;font-size:1.05rem}.clarity-choice span{display:block;margin-top:4px;color:#a99eb8;font-size:.86rem}.clarity-choice:hover,.clarity-choice.active{transform:translateY(-2px);border-color:rgba(255,216,146,.62);background:rgba(168,108,255,.14)}.clarity-result{position:relative;display:none;margin-top:18px;padding:20px;border:1px solid rgba(255,216,146,.32);border-radius:22px;background:rgba(5,2,11,.72)}.clarity-result.visible{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.clarity-result h3{margin:0 0 6px;font-size:1.35rem}.clarity-result p{margin:0;color:#cfc3dd}.clarity-result .button{white-space:nowrap}.clarity-cost{display:inline-flex;margin-top:10px;color:#ffd892;font-size:.86rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}@media(max-width:980px){.clarity-options{grid-template-columns:repeat(2,minmax(0,1fr))}.clarity-head{grid-template-columns:1fr}.clarity-tag{justify-self:start}.clarity-result.visible{grid-template-columns:1fr}}@media(max-width:620px){.clarity-panel{padding:22px}.clarity-options{grid-template-columns:1fr}.clarity-choice{min-height:78px}.clarity-result .button{width:100%;text-align:center}}