.project-check{padding:110px 6vw;background:#0c1219;color:#f4f2ec;scroll-margin-top:30px}.project-check[hidden]{display:none}.check-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.check-heading h2{font:500 clamp(38px,4.4vw,68px)/1.06 var(--body);letter-spacing:-.055em;margin:24px 0 0}.check-heading h2 em{font-weight:400;color:#bec7cc}.check-heading>p{font-size:13px;color:#aeb9c3;line-height:1.9;max-width:345px}.check-workspace{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #35404b;border-radius:6px 64px 6px 6px;overflow:hidden;background:#141d27}.check-stage{position:relative;min-height:665px;overflow:hidden}.check-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:opacity .4s}.check-stage-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080e17f5,transparent 100%),linear-gradient(90deg,transparent,#080e1733)}.check-image-label{position:absolute;top:30px;left:30px;font-size:7px;letter-spacing:.16em}.check-stage-copy{position:absolute;bottom:42px;left:35px;right:35px}.check-stage-copy>span{font-size:9px;letter-spacing:.14em;color:#e0e5e8}.check-stage-copy h3{font:500 clamp(32px,3.3vw,52px)/1.06 var(--body);letter-spacing:-.05em;margin:20px 0}.check-stage-copy p{font-size:12px;line-height:1.9;color:#d0d8df;max-width:350px}.check-cross{position:absolute;right:25px;top:18px;font:200 40px var(--body);color:#fff8}.check-panel{padding:36px 38px;display:flex;flex-direction:column;min-width:0}.check-progress{display:flex;gap:18px;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #36414c}.check-progress span{font-size:9px;color:#9aa8b6;padding-top:12px;border-top:2px solid transparent;white-space:nowrap}.check-progress span.current{color:white;border-color:#ff333e}.check-progress span.done{color:#ddd;border-color:#7d909c}#check-body{padding:26px 0;flex:1}#check-body h3{font:500 28px/1.2 var(--body);letter-spacing:-.04em;margin:0 0 10px}#check-body .check-hint{font-size:12px;color:#aebac7;margin:0 0 22px}.check-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-choice{display:flex;align-items:center;gap:12px;border:1px solid #445261;border-radius:5px;background:#1a2531;color:#fff;text-align:left;padding:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;min-height:74px;font-size:12px}.check-choice img{height:48px;width:42px;object-fit:cover;border-radius:3px}.check-choice>span{flex:1}.check-choice small{display:block;color:#aab8c6;font-size:10px;line-height:1.6;margin-top:5px}.check-choice i{font-style:normal;font-size:15px;color:#a7b3bf}.check-choice:hover{background:#253342;transform:translateY(-2px)}.check-choice[aria-pressed=true]{border-color:#ff4650;background:#30232b}.check-choice[aria-pressed=true] i{color:#ff6b73}.check-options.stacked{grid-template-columns:1fr}.check-options.stacked .check-choice{padding:17px 20px}.check-controls{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid #36414c;padding-top:24px}.check-controls>button:first-child,.check-restart{border:0;background:none;color:#bcc8d3;padding:12px 0;font-size:11px;cursor:pointer}.check-controls>span{font-size:9px;color:#aab8c6}.check-controls .button{min-height:46px;gap:20px}.check-controls .button:disabled{opacity:.35;cursor:default;transform:none}.check-local{font-size:9px;color:#9cabb8;margin:20px 0 0}.project-check button:focus-visible,.project-check a:focus-visible{outline:2px solid #fff;outline-offset:5px}.check-summary{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.check-summary span{padding:5px 9px;border:1px solid #576371;border-radius:20px;font-size:9px;color:#d9e1e7}.check-result-copy{font-size:12px;line-height:1.9;color:#d2dce4}.check-list{padding:16px 0 16px 18px;color:#d2dce4;font-size:12px;line-height:1.8;border-top:1px solid #36414c}.check-list li+li{margin-top:6px}.check-result-label{font-size:9px;letter-spacing:.12em;color:#ff7c83}.check-detail{display:block;color:white;font-size:11px;text-decoration:underline;text-underline-offset:5px;margin:18px 0}.check-result-action{width:100%;margin-top:12px}.check-disclaimer{font-size:10px;color:#aab8c6;line-height:1.7}.check-restart{margin-top:12px}.check-enter{animation:checkEnter .35s ease both}@keyframes checkEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.check-panel{padding:28px 24px}.check-options{grid-template-columns:1fr}.check-choice{min-height:58px}.check-choice img{height:35px;width:35px}.check-stage{min-height:730px}.check-heading{gap:25px}}
@media(max-width:700px){.project-check{padding:65px 6vw}.check-heading{display:block;margin-bottom:28px}.check-heading>p{margin-top:22px}.check-workspace{grid-template-columns:1fr;border-top-right-radius:45px}.check-stage{min-height:225px}.check-stage-copy{left:22px;bottom:14px;right:20px}.check-stage-copy h3{font-size:29px;margin:10px 0}.check-stage-copy p{display:none}.check-image-label{top:22px;left:22px;font-size:6px}.check-stage-copy>span{font-size:7px}.check-stage>img{object-position:center 40%}.check-panel{padding:25px 20px}.check-progress{gap:8px}.check-progress span{font-size:8px}.check-controls{gap:10px}.check-controls>span{font-size:8px}.check-controls .button{padding:0 17px;font-size:11px}.check-heading h2{font-size:38px}#check-body h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.check-enter{animation:none}.check-choice,.check-stage>img{transition:none}.check-choice:hover{transform:none}}