.kq-dialog[data-topic="4"]{--vs-blue:#087bf5;--vs-ink:#12151a;--vs-muted:#687482;--vs-line:#e1e7ee}.vs-case{color:var(--vs-ink);max-width:1020px;margin:auto}.vs-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--vs-blue);font-size:14px;font-weight:740}.vs-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px #087bf512}.vs-case h2 em{font-style:normal;color:#7c8692}
.vs-question{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:'head scene' 'choice scene';gap:18px 42px;align-items:center;min-height:660px}.vs-question-head{grid-area:head;align-self:end}.vs-question-head h2,.vs-heading h2,.vs-finish h2{font-size:clamp(38px,4.8vw,61px);line-height:1;letter-spacing:-.055em;margin:17px 0}.vs-question-head>p,.vs-heading>p{font-size:17px;line-height:1.5;color:var(--vs-muted);margin:0}.vs-question-choice{grid-area:choice;align-self:start}.vs-question-choice h3{font-size:18px;margin:4px 0 13px}.vs-answers{display:grid;gap:9px}.vs-answer{min-height:66px!important}.vs-question-choice>.kq-link{display:block;margin-top:3px}
.vs-scene{position:relative;grid-area:scene;min-height:520px;align-self:stretch;overflow:hidden;isolation:isolate;display:grid;place-items:center}.vs-scene-halo{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#dceeff 0 38%,#edf6ff 39% 58%,transparent 59%);z-index:-1;animation:vs-halo 4s ease-in-out infinite}.vs-gate-img{position:absolute;width:90%;height:84%;right:-1%;bottom:6%;object-fit:contain;filter:drop-shadow(0 22px 20px #1e3c5a12);animation:vs-gate-in .85s cubic-bezier(.16,1,.3,1) both}.vs-candidate-img{position:absolute;width:45%;height:60%;left:-3%;bottom:1%;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 15px #1e3c5a16);animation:vs-candidate-in .9s .15s cubic-bezier(.16,1,.3,1) both}.vs-visitor-pass{position:absolute;z-index:4;right:5%;bottom:5%;display:grid;grid-template-columns:8px 1fr 32px;align-items:center;gap:11px;background:#fffd;border:1px solid #fff;border-radius:18px;padding:12px 13px;box-shadow:0 15px 36px #2036531b;backdrop-filter:blur(16px);animation:vs-card-in .65s .45s cubic-bezier(.16,1,.3,1) both}.vs-visitor-pass>span{width:8px;height:34px;border-radius:8px;background:#f1a32a}.vs-visitor-pass small,.vs-visitor-pass strong{display:block}.vs-visitor-pass small{font-size:12px;color:#818a95}.vs-visitor-pass strong{font-size:14px;margin-top:2px}.vs-visitor-pass>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff1d8;color:#9d6300;font-style:normal;font-weight:850}.vs-scan{position:absolute;z-index:3;right:20%;bottom:28%;width:54px;height:54px}.vs-scan i{position:absolute;inset:0;border:2px solid #0b80f6;border-radius:50%;animation:vs-scan 1.9s calc(var(--i,0)*.2s) infinite}.vs-scan i:nth-child(2){--i:1}.vs-scan i:nth-child(3){--i:2}
.vs-selected{margin-bottom:18px}.vs-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:#f0f3f6;border-radius:21px;margin-bottom:26px}.vs-nav button{border:0;background:transparent;border-radius:17px;padding:12px 14px;color:#9199a3;display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;cursor:pointer}.vs-nav button[aria-current="step"]{background:#fff;color:var(--vs-ink);box-shadow:0 5px 15px #26394d12}.vs-nav button span{font-size:12px;font-weight:800;color:var(--vs-blue)}.vs-nav button strong{font-size:14px}
.vs-gate-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;min-height:520px}.vs-scene--gate{min-height:470px;border-radius:38px;background:linear-gradient(150deg,#eff7ff,#fff);border:1px solid #dfebf7}.vs-gate-copy h2{font-size:clamp(35px,4vw,52px);line-height:1.02;letter-spacing:-.052em;margin:17px 0}.vs-gate-copy>p{font-size:18px;line-height:1.55;color:var(--vs-muted)}.vs-gate-copy>small{display:block;font-size:14px;line-height:1.45;color:#89929d;margin-top:12px}.vs-verdict{display:inline-flex;padding:8px 12px;border-radius:99px;background:#fff2dc;color:#9c6200;font-size:13px;font-weight:750}.vs-verdict.is-correct{background:#e8f4ff;color:#086fda}.vs-equation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:17px;margin-top:24px;border-radius:20px;background:#f3f5f8}.vs-equation span{text-align:center;font-size:14px;font-weight:720}.vs-equation b{font-size:23px;color:#a0a8b2}
.vs-heading{text-align:center;max-width:760px;margin:0 auto 27px}.vs-heading h2{font-size:clamp(37px,4.5vw,56px)}.vs-heading>p{margin-inline:auto}.vs-reason-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vs-reason{position:relative;display:flex;flex-direction:column;min-width:0;min-height:360px;border:1px solid var(--vs-line);border-radius:31px;background:linear-gradient(155deg,#f4f9ff,#fff);padding:17px;text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}.vs-reason.is-violet{background:linear-gradient(155deg,#f8f3ff,#fff)}.vs-reason.is-amber{background:linear-gradient(155deg,#fff8e9,#fff)}.vs-reason:hover,.vs-reason.is-active{transform:translateY(-5px);border-color:#b9d7f5;box-shadow:0 20px 42px #26394d12}.vs-reason-art{height:200px;display:grid;place-items:center}.vs-reason-art img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.vs-reason:hover .vs-reason-art img,.vs-reason.is-active .vs-reason-art img{transform:scale(1.06) rotate(-2deg)}.vs-reason-meta{display:block}.vs-reason-meta small,.vs-reason-meta strong{display:block}.vs-reason-meta small{font-size:13px;color:#788594;margin-bottom:5px}.vs-reason-meta strong{font-size:20px;letter-spacing:-.02em}.vs-reason>i{position:absolute;right:18px;top:18px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--vs-blue);font-size:24px;font-style:normal;box-shadow:0 7px 20px #25395014;transition:transform .3s}.vs-reason.is-active>i{transform:rotate(45deg)}.vs-reason-copy{display:block;font-size:15px;line-height:1.45;color:var(--vs-muted);margin-top:10px;animation:vs-copy-in .35s both}.vs-barrier-note{display:flex;align-items:center;gap:13px;max-width:790px;margin:19px auto 0;padding:13px 17px;background:#f5f7f9;border-radius:18px}.vs-barrier-note>span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#087bf5;font-size:14px;font-weight:800}.vs-barrier-note p{font-size:14px;line-height:1.45;color:#74808d;margin:0}
.vs-proof-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.vs-proof-visual{position:relative;min-height:420px;border-radius:36px;background:radial-gradient(circle,#e3f1ff,#f8fbff 64%);border:1px solid #dfeaf5;display:grid;place-items:center;overflow:hidden}.vs-proof-kit{width:84%;height:82%;object-fit:contain;filter:drop-shadow(0 23px 22px #20405e16);animation:vs-kit-in .8s cubic-bezier(.16,1,.3,1) both}.vs-proof-meter{position:absolute;top:18px;right:18px;display:flex;align-items:flex-end;gap:7px;padding:11px 13px;background:#fffe;border:1px solid #fff;border-radius:17px;box-shadow:0 9px 25px #20365313}.vs-proof-meter strong{font-size:35px;line-height:.8;color:#087bf5}.vs-proof-meter span{font-size:11px;line-height:1.15;color:#77828e}.vs-proof-progress{position:absolute;left:18px;right:18px;bottom:48px;height:7px;background:#dbe4ee;border-radius:8px;overflow:hidden}.vs-proof-progress i{display:block;height:100%;width:calc(var(--value)*100%);border-radius:inherit;background:#087bf5;transition:width .5s cubic-bezier(.16,1,.3,1)}.vs-proof-visual>p{position:absolute;bottom:17px;font-size:13px;color:#687583;margin:0}.vs-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.vs-proof-grid button{position:relative;min-height:164px;border:1px solid var(--vs-line);border-radius:25px;background:#fff;padding:17px;text-align:left;font:inherit;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s}.vs-proof-grid button:hover{transform:translateY(-3px)}.vs-proof-grid button[aria-pressed="true"]{border-color:#abd2f8;background:#f3f9ff;box-shadow:0 12px 28px #26394d0d}.vs-proof-grid button>span:first-child{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:#087bf5;font-size:21px;margin-bottom:16px}.vs-proof-grid button.is-violet>span:first-child{background:#f1e8ff;color:#934ee4}.vs-proof-grid button.is-mint>span:first-child{background:#e0f6ed;color:#1ba674}.vs-proof-grid button.is-amber>span:first-child{background:#fff0cf;color:#cf8500}.vs-proof-copy{display:block}.vs-proof-copy small,.vs-proof-copy strong,.vs-proof-copy em{display:block}.vs-proof-copy small{font-size:11px;color:#9aa3ad}.vs-proof-copy strong{font-size:16px;margin:3px 0 5px}.vs-proof-copy em{font-style:normal;font-size:13px;line-height:1.4;color:#74808c}.vs-proof-grid button>b{position:absolute;right:15px;top:16px;font-size:20px;color:#9ca6b0}.vs-proof-grid button[aria-pressed="true"]>b{color:#087bf5}.vs-proof-note{display:flex;gap:10px;max-width:820px;margin:18px auto 0;padding:13px 17px;border-radius:17px;background:#fff7e8;color:#72582e}.vs-proof-note strong{font-size:14px}.vs-proof-note span{font-size:14px;line-height:1.4}
.vs-footer{margin-top:24px}.vs-finish{text-align:center;max-width:860px;padding:12px 0}.vs-finish-visual{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;max-width:650px;height:235px;margin:0 auto 18px}.vs-finish-visual figure{height:210px;margin:0;position:relative;display:grid;place-items:center}.vs-finish-visual img{width:100%;height:180px;object-fit:contain}.vs-finish-visual figure:first-child img{filter:saturate(.3);opacity:.7}.vs-finish-visual figcaption{position:absolute;bottom:0;padding:7px 11px;border-radius:12px;background:#f2f4f7;color:#77828e;font-size:12px}.vs-finish-visual>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#087bf5;color:#fff;font-size:25px;animation:vs-arrow-pop .6s .3s both}.vs-finish h2{font-size:clamp(37px,4.8vw,54px);margin:15px 0}.vs-finish>p{font-size:18px;line-height:1.5;color:var(--vs-muted);max-width:680px;margin:0 auto 24px}.vs-finish>.kq-primary{display:flex;margin:0 auto 9px}.vs-finish>.kq-link{display:block;margin:6px auto}.vs-finish>small{display:block;font-size:12px;color:#949ca5;margin-top:22px}
.vs-local-change *{animation:none!important}@keyframes vs-halo{50%{transform:scale(1.05);opacity:.78}}@keyframes vs-gate-in{from{opacity:0;transform:translateX(25px) scale(.94)}to{opacity:1;transform:none}}@keyframes vs-candidate-in{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}@keyframes vs-card-in{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}@keyframes vs-scan{from{opacity:.7;transform:scale(.25)}to{opacity:0;transform:scale(1.35)}}@keyframes vs-copy-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes vs-kit-in{from{opacity:0;transform:scale(.82) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes vs-arrow-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@media(max-width:800px){.kq-dialog[data-topic="4"] .kq-body{padding-inline:20px}.vs-question{display:flex;flex-direction:column;min-height:0;gap:8px}.vs-question-head{text-align:center}.vs-question-head h2,.vs-heading h2,.vs-finish h2{font-size:35px}.vs-question-head>p,.vs-heading>p{font-size:16px}.vs-scene{width:100%;min-height:300px;order:1}.vs-question-head{order:0}.vs-question-choice{order:2;width:100%}.vs-scene-halo{width:270px;height:270px}.vs-gate-img{width:82%;height:88%;right:3%}.vs-candidate-img{width:42%;height:57%;left:1%}.vs-visitor-pass{right:3%;bottom:2%}.vs-question-choice h3{text-align:center;font-size:18px}.vs-question-choice>.kq-link{margin-inline:auto}.vs-gate-stage{grid-template-columns:1fr;gap:20px}.vs-gate-stage>.vs-scene{grid-area:auto;grid-column:1;grid-row:1}.vs-gate-copy{grid-column:1;grid-row:2;text-align:center}.vs-scene--gate{min-height:330px}.vs-gate-copy>p{font-size:17px}.vs-equation{max-width:500px;margin-inline:auto}.vs-gate-copy>small{max-width:500px;margin-inline:auto}.vs-reason-deck{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:5px 20px 18px;scrollbar-width:none}.vs-reason-deck::-webkit-scrollbar{display:none}.vs-reason{flex:0 0 min(78vw,330px);scroll-snap-align:center;min-height:345px}.vs-barrier-note{margin-top:4px}.vs-proof-layout{grid-template-columns:1fr}.vs-proof-visual{min-height:330px}.vs-proof-kit{height:84%;width:78%}.vs-proof-grid{order:-1}.vs-proof-grid button{min-height:145px}.vs-finish-visual{height:200px}.vs-finish-visual figure{height:180px}.vs-finish-visual img{height:150px}}
@media(max-width:520px){.kq-dialog[data-topic="4"] .kq-body{padding-inline:17px}.vs-question-head h2,.vs-heading h2,.vs-finish h2{font-size:31px}.vs-scene{min-height:270px}.vs-scene--gate{min-height:290px}.vs-visitor-pass{grid-template-columns:7px 1fr 28px;padding:9px 10px}.vs-visitor-pass strong{font-size:13px}.vs-visitor-pass small{font-size:11px}.vs-visitor-pass>i{width:27px;height:27px}.vs-nav button{padding:10px 5px;gap:4px}.vs-nav button strong{font-size:12px}.vs-equation span{font-size:13px}.vs-reason-deck{margin-inline:-17px;padding-inline:17px}.vs-reason{flex-basis:84vw}.vs-proof-grid{gap:8px}.vs-proof-grid button{min-height:156px;padding:13px}.vs-proof-grid button>span:first-child{margin-bottom:11px}.vs-proof-copy strong{font-size:16px}.vs-proof-copy em{font-size:13px}.vs-proof-note{display:block}.vs-proof-note strong,.vs-proof-note span{display:block}.vs-proof-note span{margin-top:4px}.vs-footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.vs-footer .kq-primary{width:100%;min-width:0;order:0}.vs-footer .kq-link{padding-inline:3px;white-space:nowrap}.vs-finish-visual{grid-template-columns:1fr 38px 1fr;height:170px}.vs-finish-visual figure{height:155px}.vs-finish-visual img{height:125px}.vs-finish-visual>span{width:34px;height:34px;font-size:20px}.vs-finish-visual figcaption{font-size:11px}.vs-finish>p{font-size:16px}}
@media(max-width:370px){.kq-dialog[data-topic="4"] .kq-body{padding-inline:13px}.vs-question-head h2,.vs-heading h2,.vs-finish h2{font-size:28px}.vs-scene{min-height:245px}.vs-question-choice h3{font-size:16px}.vs-answer{min-height:62px!important}.vs-proof-grid{grid-template-columns:1fr}.vs-proof-grid button{min-height:112px}.vs-proof-grid button>span:first-child{margin-bottom:8px}.vs-reason{flex-basis:86vw}.vs-finish-visual figcaption{display:none}}
@media(prefers-reduced-motion:reduce){.vs-case *{animation:none!important;transition:none!important}}

/* Draw the plus controls geometrically so they cannot drift with font metrics. */
.vs-reason-art{position:relative;overflow:hidden;margin-bottom:18px}.vs-reason-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vs-reason:hover .vs-reason-art img,.vs-reason.is-active .vs-reason-art img{transform:scale(1.02) rotate(-1deg)}.vs-reason>i{font-size:0}.vs-reason>i:before,.vs-reason>i:after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}.vs-reason>i:after{transform:translate(-50%,-50%) rotate(90deg)}
.vs-proof-grid button>b{width:28px;height:28px;right:10px;top:10px;border-radius:50%;display:grid;place-items:center;background:#f1f4f7;font-size:16px}.vs-proof-grid button>b.is-plus{font-size:0}.vs-proof-grid button>b.is-plus:before,.vs-proof-grid button>b.is-plus:after{content:'';position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:2px;background:#8f9aa6;transform:translate(-50%,-50%)}.vs-proof-grid button>b.is-plus:after{transform:translate(-50%,-50%) rotate(90deg)}.vs-proof-grid button>b.is-check{background:#e8f4ff;color:#087bf5}.vs-proof-copy{padding-right:17px}
@media(max-width:520px){.vs-proof-copy em{font-size:14px}.vs-reason-art{margin-bottom:22px}}