.before-after-scene{position:absolute;left:54px;top:280px;width:972px;height:778px;display:grid;grid-template-rows:54px 1fr 250px;gap:18px;color:#fff}
.before-after-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:0 24px;border:2px solid rgba(52,225,255,.45);border-radius:18px;background:linear-gradient(90deg,rgba(6,35,70,.97),rgba(62,27,111,.94));font-size:22px;letter-spacing:.04em}
.before-after-meta strong{color:#45eaff}.before-after-meta span{font-size:18px}.before-after-meta b{padding:9px 17px;border-radius:999px;background:#8059ff;font-size:15px}
.before-after-board{display:flex;flex-direction:column;justify-content:center;padding:32px 34px;border:2px solid rgba(89,228,255,.52);border-radius:30px;background:radial-gradient(circle at 50% 22%,rgba(91,50,171,.64),rgba(4,22,57,.99) 70%);box-shadow:0 0 48px rgba(0,214,255,.15) inset}
.before-after-kicker{text-align:center;font-size:20px;font-weight:1000;letter-spacing:.12em;color:#55ecff;margin-bottom:25px}.before-after-clue-grid{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch;gap:14px;min-height:265px}
.before-after-clue{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px;border:2px solid rgba(100,218,255,.38);border-radius:25px;background:linear-gradient(155deg,rgba(8,51,91,.92),rgba(18,24,72,.94));box-shadow:0 14px 28px rgba(0,0,0,.22)}
.before-after-clue span{font-size:17px;font-weight:950;letter-spacing:.13em;color:#72f2ff;margin-bottom:16px}.before-after-clue strong{width:100%;line-height:1.08;text-wrap:balance}.before-after-plus{display:grid;place-items:center;font-size:68px;font-weight:1000;color:#7ff8e0;text-shadow:0 0 24px rgba(82,255,219,.62)}
.before-after-response,.before-after-reveal{border:2px solid rgba(55,224,196,.58);border-radius:26px;background:linear-gradient(135deg,rgba(4,38,66,.99),rgba(20,18,68,.99));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 34px;overflow:hidden}
.before-after-chat-icon{font-size:48px;color:#56edff}.before-after-response>strong{font-size:33px;color:#50ecff}.before-after-response>span{font-size:25px;margin:7px 0 16px}.before-after-count{font-size:19px;color:#adbad7}.before-after-count b{font-size:29px;color:#fff}
.before-after-reveal>span{font-size:17px;letter-spacing:.15em;color:#55eaff;font-weight:950}.before-after-equation{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px}.before-after-equation strong{white-space:nowrap;overflow:hidden;line-height:1.05}.before-after-equation>b{font-size:34px;color:#78f5db}.before-after-equation mark{padding:1px 5px;border-radius:8px;background:linear-gradient(90deg,#5cf0d0,#40d9ff);color:#03172e;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.before-after-equals{font-size:27px;line-height:1;color:#9db3d9;margin:4px 0}.before-after-combined{display:block;width:100%;white-space:nowrap;overflow:hidden;line-height:1.03;color:#fff;text-shadow:0 0 24px rgba(100,222,255,.26)}.before-after-bridge-line{font-size:20px;color:#aebee1;margin-top:8px}.before-after-bridge-line b{color:#73f6d9}.before-after-reveal p{font-size:19px;line-height:1.2;margin:7px 0 0;color:#d8e2f5;max-height:46px;overflow:hidden}
