.survey-hero { position: relative; isolation: isolate; overflow: hidden; padding: 0; background: linear-gradient(120deg, #eaf4fb, #f8fbfd); }
.survey-layout { min-height: 590px; display: flex; align-items: center; }
.survey-copy { position: relative; z-index: 2; width: 660px; max-width: 100%; padding: 70px 0; }
.survey-hero h1 { font-size: clamp(38px, 4vw, 60px); line-height: 1.08; overflow-wrap: normal; }
.survey-copy .lead { max-width: 460px; color: #526573; line-height: 1.7; }
.survey-photo { position: absolute; z-index: -1; pointer-events: none; margin: 0; width: min(76vw, 1120px); right: -9%; top: 50%; transform: translateY(-50%); opacity: .23; mix-blend-mode: multiply; border: 0; box-shadow: none; background: transparent; -webkit-mask-image: radial-gradient(ellipse closest-side, #000 48%, transparent 100%); mask-image: radial-gradient(ellipse closest-side, #000 48%, transparent 100%); }
.survey-photo img { display: block; width: 100%; height: auto; }
.survey-photo figcaption { display: none; }
@media (max-width: 900px) {
  .survey-hero { padding: 0; }
  .survey-layout { min-height: 540px; }
  .survey-copy { padding: 64px 0 140px; }
  .survey-photo { width: 850px; max-width: none; right: -330px; top: 65%; opacity: .16; }
  .survey-hero h1 { font-size: clamp(32px, 7.5vw, 54px); }
}
@media (max-width: 540px) {
  .survey-copy { padding: 48px 0 190px; }
  .survey-photo { width: 600px; right: -190px; top: 74%; opacity: .19; }
}
.survey-photo{display:none}.survey-hero{padding:110px 0 85px;background:linear-gradient(120deg,#eef4f9,#fff)}.survey-layout{min-height:0;display:block}.survey-copy{width:100%;padding:0}.survey-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;margin:10px 0 18px}
.measurement-photo-section{padding:52px 0 74px;background:#fff}.measurement-stage{position:relative;overflow:hidden;aspect-ratio:16/7;border-radius:10px;background:#17212b;box-shadow:0 16px 34px rgba(17,35,52,.16);isolation:isolate}.measurement-stage img{display:block;width:100%;height:100%;object-fit:cover}.measurement-stage::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,22,31,.06),rgba(10,22,31,.22))}.measurement-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.measurement-lines path{fill:none;stroke:#b9dced;stroke-width:.38;stroke-dasharray:2.2 1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(8,25,36,.72));animation:measurement-draw 5.5s ease-in-out infinite alternate}.measurement-lines path:nth-child(2){animation-delay:1.1s}.measurement-point{position:absolute;z-index:3;width:13px;height:13px;border:2px solid #dff3ff;border-radius:50%;background:#5d9ac0;box-shadow:0 0 0 0 rgba(159,197,220,.65),0 0 12px rgba(191,229,247,.7);animation:measurement-pulse 2.2s ease-out infinite}.measurement-point::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#fff}.point-1{left:18%;top:68%;animation-delay:.2s}.point-2{left:37%;top:44%;animation-delay:.7s}.point-3{left:58%;top:62%;animation-delay:1.2s}.point-4{left:78%;top:35%;animation-delay:1.7s}.point-5{left:88%;top:70%;animation-delay:2.2s}.measurement-label{position:absolute;z-index:3;left:22px;top:20px;padding:8px 11px;border:1px solid rgba(223,243,255,.6);border-radius:4px;color:#e8f6fc;background:rgba(17,35,52,.58);font-size:11px;font-weight:700;letter-spacing:.16em}.measurement-label::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:#9fc5dc;box-shadow:0 0 0 4px rgba(159,197,220,.18)}@keyframes measurement-pulse{0%,100%{transform:scale(.82);box-shadow:0 0 0 0 rgba(159,197,220,.65),0 0 12px rgba(191,229,247,.7)}45%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(159,197,220,0),0 0 18px rgba(191,229,247,.9)}}@keyframes measurement-draw{0%{stroke-dashoffset:18;opacity:.45}45%,100%{stroke-dashoffset:0;opacity:1}}@media(max-width:600px){.measurement-photo-section{padding:34px 0 56px}.measurement-stage{aspect-ratio:4/3;border-radius:7px}.measurement-label{left:14px;top:14px;padding:7px 8px;font-size:9px}.measurement-point{width:10px;height:10px}.measurement-point::after{inset:2px}}@media(prefers-reduced-motion:reduce){.measurement-lines path,.measurement-point{animation:none}}
.measurement-stage{padding:8px;border:1px solid #bdcbd6;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(17,35,52,.10)}.measurement-stage img{border-radius:4px}@media(max-width:600px){.measurement-stage{padding:5px;border-radius:7px}.measurement-stage img{border-radius:2px}}