.perception-app{min-height:100svh;background:#f4efe8;color:#2f3136;font-family:Barlow,Arial,sans-serif}.perception-shell{min-height:100svh;display:grid;place-items:center;padding:24px}.perception-card{width:min(920px,100%);min-height:min(86svh,820px);border:1px solid #d8c9ba;background:#fbf7f1;border-radius:34px;box-shadow:0 24px 80px rgba(47,49,54,.12);padding:clamp(24px,5vw,54px);display:flex;flex-direction:column}.perception-step{display:none;flex:1}.perception-step.is-active{display:flex;flex-direction:column;justify-content:center}.perception-eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#c4705a;font-weight:700;text-align:center}.perception-title{font-size:clamp(2.2rem,7vw,4.6rem);line-height:.95;color:#20322f;text-align:center;margin:18px auto;max-width:760px;font-weight:600}.perception-sub{max-width:650px;margin:0 auto 28px;text-align:center;color:#5c4e45;font-size:1.05rem;line-height:1.65}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role-grid button,.shape-button{border:1px solid #d8c9ba;background:#f4efe8;border-radius:20px;padding:14px;color:#2f3136;font-weight:600}.role-grid button.is-active{background:#7a9d85;color:#f4efe8;border-color:#7a9d85}.perception-input{width:100%;border:1px solid #d8c9ba;border-radius:18px;background:white;padding:14px 16px;font-size:1rem}.perception-next{margin-top:22px;align-self:center;border:0;border-radius:999px;background:#c4705a;color:white;padding:14px 26px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.question-text{font-size:clamp(1.7rem,5vw,3rem);line-height:1.06;text-align:center;color:#20322f;max-width:720px;margin:0 auto 28px}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:650px;width:100%;margin:auto}.shape-button{aspect-ratio:1;display:grid;place-items:center;transition:.2s}.shape-button:hover{border-color:#c4705a;transform:translateY(-2px)}.shape-svg{width:min(90px,18vw);height:min(90px,18vw);color:#c4705a}.perception-progress{height:5px;background:#e7ded5;border-radius:5px;overflow:hidden;margin-bottom:28px}.perception-progress span{display:block;height:100%;background:#c4705a;transition:width .3s}.verdict-box{max-width:760px;margin:auto;text-align:center}.verdict-name{font-size:clamp(3rem,10vw,6rem);line-height:.9;color:#c4705a;font-weight:300;font-style:italic}.verdict-copy{margin:24px auto;text-align:left;line-height:1.7;color:#5c4e45;max-width:690px}.verdict-copy strong{color:#20322f}.perception-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.perception-actions a,.perception-actions button{border-radius:999px;padding:12px 18px;border:1px solid #c4705a;color:#c4705a;background:transparent;font-weight:600}.perception-actions .primary{background:#c4705a;color:#fff}@media(max-width:600px){.perception-shell{padding:10px}.perception-card{min-height:calc(100svh - 20px);border-radius:24px;padding:22px 16px}.role-grid{grid-template-columns:1fr}.shape-grid{gap:8px}.shape-button{border-radius:16px}.perception-sub{font-size:.95rem}}