:root{--cro163-blue:#1f5eff;--cro163-blue-soft:#91adff;--cro163-ink:#08090c;--cro163-ease:cubic-bezier(.22,1,.36,1)}

.cro163-page .cro-lab-hero.cro163-hero{padding:clamp(54px,6.5vw,92px) 0 clamp(62px,6vw,84px);background:radial-gradient(circle at 82% 12%,rgba(31,94,255,.16),transparent 27%),#08090c}
.cro163-layout{grid-template-columns:minmax(0,.92fr) minmax(500px,.8fr);gap:clamp(50px,6vw,92px)}
.cro163-copy h1{max-width:770px;font-size:clamp(58px,6vw,88px)}
.cro163-visual{position:relative;min-width:0;margin:0;padding-bottom:82px;isolation:isolate}
.cro163-photo{position:relative;min-height:660px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:36px;background:#1a1b1f;box-shadow:0 36px 100px rgba(0,0,0,.45)}
.cro163-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,12,.02) 36%,rgba(8,9,12,.2) 68%,rgba(8,9,12,.85) 100%);pointer-events:none}
.cro163-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.76) contrast(1.04)}
.cro163-visual>figcaption{position:absolute;z-index:3;left:24px;right:24px;top:22px;max-width:350px;margin:0;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,9,12,.54);color:rgba(255,255,255,.78);font-size:9px;font-weight:650;line-height:1.35;letter-spacing:.015em;backdrop-filter:blur(14px)}
.cro163-result{position:absolute!important;z-index:4;left:20px;right:20px;bottom:0;padding:18px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:27px!important;background:rgba(248,249,251,.96)!important;color:#111216!important;box-shadow:0 30px 75px rgba(0,0,0,.4)!important;backdrop-filter:blur(22px)}
.cro163-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.cro163-result-head span{display:block;color:var(--cro163-blue);font-size:7px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cro163-result-head strong{display:block;margin-top:6px;color:#111216;font-size:15px;letter-spacing:-.025em}
.cro163-result-head small{padding:7px 9px;border:1px solid #dfe3ed;border-radius:999px;background:#fff;color:#777c87;font-size:7px;font-weight:750;text-transform:uppercase}
.cro163-score{margin-top:14px;padding:14px 15px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid #e0e3e9;border-radius:16px;background:#fff}
.cro163-score span{display:block;color:#777c87;font-size:7px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.cro163-score strong{display:block;margin-top:5px;color:#101216;font-size:17px;line-height:1.12;letter-spacing:-.035em}
.cro163-score small{display:block;margin-top:5px;color:#747780;font-size:8px;line-height:1.3}
.cro163-score>b{display:grid;width:47px;height:47px;border-radius:50%;background:var(--cro163-blue);box-shadow:0 0 0 7px #e7edff;color:#fff;font-size:14px;place-items:center}
.cro163-stages{margin-top:8px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
.cro163-stages button{min-width:0;min-height:51px;padding:8px 7px;border:1px solid #e1e4e9;border-radius:11px;background:#f0f2f5;color:#17191e;text-align:left;cursor:pointer;transition:transform .22s var(--cro163-ease),border-color .2s,background .2s}
.cro163-stages button:hover{transform:translateY(-2px);border-color:#a6baff}
.cro163-stages button.is-active{border-color:#799dff;background:#e7edff}
.cro163-stages button small{display:block;overflow:hidden;color:#727680;font-size:6px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.cro163-stages button strong{display:block;margin-top:5px;color:#15171c;font-size:11px;line-height:1}
.cro163-readout{min-height:87px;margin-top:8px;padding:13px 14px!important;display:flex;align-items:center;border:1px solid #e0e3e8;border-radius:13px;background:#fff!important}
.cro163-readout>div{width:100%}
.cro163-readout span{display:block;color:var(--cro163-blue)!important;font-size:7px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase}
.cro163-readout p{margin:6px 0 0!important;color:#292c33!important;font-size:10px!important;font-weight:570;line-height:1.38!important;letter-spacing:-.012em}
.cro163-result-foot{margin-top:10px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e1e4e9}
.cro163-result-foot span{display:flex;align-items:center;gap:7px;color:#6d717a;font-size:7px;font-weight:700;text-transform:uppercase}
.cro163-result-foot i{width:6px;height:6px;border-radius:50%;background:#24a36a;box-shadow:0 0 0 4px #dff5e9}
.cro163-result-foot strong{color:#15171c;font-size:9px;text-align:right}

@media(max-width:1120px){
  .cro163-layout{grid-template-columns:1fr;gap:48px}
  .cro163-copy{max-width:850px}
  .cro163-visual{max-width:820px}
}
@media(max-width:760px){
  .cro163-page .cro-lab-hero.cro163-hero{padding:46px 20px 50px}
  .cro163-layout{gap:34px}
  .cro163-copy h1{font-size:clamp(46px,13.2vw,61px)}
  .cro163-visual{padding-bottom:0}
  .cro163-photo{min-height:470px;border-radius:27px}
  .cro163-photo img{object-position:center 30%}
  .cro163-visual>figcaption{left:13px;right:13px;top:13px;max-width:290px;padding:9px 11px;font-size:8px}
  .cro163-result{position:relative!important;left:auto;right:auto;bottom:auto;margin:-118px 9px 0;padding:15px!important;border-radius:22px!important}
  .cro163-result-head strong{font-size:14px}
  .cro163-score{padding:13px}
  .cro163-score strong{font-size:16px}
  .cro163-stages{grid-template-columns:1fr 1fr!important}
  .cro163-stages button{min-height:48px}
  .cro163-readout{min-height:96px;padding:12px!important}
  .cro163-readout p{font-size:10px!important}
}
@media(max-width:390px){
  .cro163-copy h1{font-size:43px}
  .cro163-photo{min-height:435px}
  .cro163-result{margin-top:-96px;margin-left:5px;margin-right:5px;padding:13px!important}
  .cro163-result-foot{align-items:flex-start;flex-direction:column;gap:7px}
  .cro163-result-foot strong{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .cro163-stages button{transition:none!important}
}