.survey-page{background:#061419;color:#f4f7f6}.survey-page .header{position:relative}.survey-shell{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(380px,44%) 1fr;background:#07161b}.survey-visual{position:sticky;top:0;height:calc(100vh - 78px);overflow:hidden;background:#07161b}.survey-photo,.survey-dim,.survey-grid,.survey-layer{position:absolute;inset:0}.survey-photo{background-position:center;background-size:cover;transition:background-image .7s ease;transform:scale(1.02)}.survey-dim{background:linear-gradient(145deg,rgba(2,10,13,.28),rgba(2,10,13,.74)),linear-gradient(0deg,color-mix(in srgb,var(--survey-accent) 15%,transparent),transparent 58%)}.survey-grid{opacity:.35;background-image:linear-gradient(color-mix(in srgb,var(--survey-accent) 26%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--survey-accent) 26%,transparent) 1px,transparent 1px);background-size:66px 66px}.survey-layer{opacity:0;transition:opacity .55s ease}.survey-layer.shown{opacity:1}.layer-problem i{position:absolute;width:12px;height:12px;border:2px solid var(--survey-accent);border-radius:50%;box-shadow:0 0 0 9px color-mix(in srgb,var(--survey-accent) 18%,transparent)}.layer-problem i:nth-child(1){left:28%;top:32%}.layer-problem i:nth-child(2){left:71%;top:48%}.layer-problem i:nth-child(3){left:45%;top:74%}.layer-decision{inset:18% 12% auto auto;width:210px;height:70px;border-left:3px solid var(--survey-accent);padding:12px 16px;background:rgba(5,18,23,.7)}.layer-decision span,.layer-location,.layer-size b,.layer-timing{font:800 10px/1.5 var(--font-geist-mono),monospace;letter-spacing:.12em}.layer-focus{inset:24% 18% 22% 16%;border:2px dashed color-mix(in srgb,var(--survey-accent) 80%,white);clip-path:polygon(9% 14%,84% 0,100% 72%,20% 100%,0 56%)}.layer-location{inset:auto auto 12% 9%;width:auto;height:auto;padding:12px 15px;border-left:3px solid var(--survey-accent);background:rgba(5,18,23,.78)}.layer-location b,.layer-location span{display:block}.layer-location span{color:var(--survey-accent)}.layer-size{inset:32% 25% 27% 22%;border-left:1px solid var(--survey-accent);border-right:1px solid var(--survey-accent)}.layer-size:before,.layer-size:after{content:"";position:absolute;left:-8px;width:16px;height:1px;background:var(--survey-accent)}.layer-size:before{top:0}.layer-size:after{bottom:0}.layer-size i{position:absolute;left:-1px;right:-1px;top:50%;height:1px;background:var(--survey-accent)}.layer-size b{position:absolute;left:12px;top:calc(50% + 8px)}.layer-boundary{inset:16% 9% 13% 12%;border:2px solid var(--survey-accent);border-radius:46% 54% 37% 63%/54% 38% 62% 46%;box-shadow:0 0 28px color-mix(in srgb,var(--survey-accent) 20%,transparent)}.layer-timing{inset:9% auto auto 8%;width:auto;height:auto;padding:9px 12px;border:1px solid var(--survey-accent);color:var(--survey-accent)}.layer-frequency i{position:absolute;inset:22%;border:1px solid color-mix(in srgb,var(--survey-accent) 45%,transparent);border-radius:50%}.layer-frequency i:nth-child(2){inset:31%}.layer-frequency i:nth-child(3){inset:40%;animation:survey-pulse 2.4s ease-in-out infinite}.survey-visual-label{position:absolute;left:8%;right:8%;bottom:6%;display:grid;grid-template-columns:auto 1fr;gap:5px 18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.38)}.survey-visual-label small,.survey-visual-label span{font:800 9px var(--font-geist-mono),monospace;letter-spacing:.13em}.survey-visual-label strong{grid-row:1/3;font:400 45px/1 Georgia,serif;color:var(--survey-accent)}.survey-visual-label span{color:rgba(255,255,255,.58)}.survey-panel{min-width:0;padding:42px clamp(28px,6vw,92px) 55px}.survey-exit{display:inline-block;margin-bottom:25px;color:#9eb1b3;font-size:12px;font-weight:800}.survey-progress{height:3px;margin-bottom:clamp(35px,6vw,70px);background:rgba(255,255,255,.09)}.survey-progress span{display:block;height:100%;background:var(--survey-accent);transition:width .45s ease}.survey-intro{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}.survey-intro>span,.survey-number{color:var(--survey-accent);font:800 10px var(--font-geist-mono),monospace;letter-spacing:.15em;text-transform:uppercase}.survey-intro h1{max-width:720px;margin:15px 0;font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.055em}.survey-intro p,.survey-question>p{max-width:680px;color:#adc0c1;line-height:1.7}.survey-question h2{max-width:750px;margin:15px 0;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.045em}.survey-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.survey-choices button{min-height:66px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-align:left;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:rgba(255,255,255,.035);color:#eef5f3;cursor:pointer;font-weight:800}.survey-choices button i{width:9px;height:9px;border:1px solid var(--survey-accent);border-radius:50%}.survey-choices button b{color:var(--survey-accent)}.survey-choices button:hover,.survey-choices button.selected{border-color:var(--survey-accent);background:color-mix(in srgb,var(--survey-accent) 19%,rgba(4,16,20,.88))}.survey-choices button.selected i{background:var(--survey-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--survey-accent) 16%,transparent)}.survey-question textarea,.survey-question input,.survey-question select{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:rgba(2,12,15,.56);color:white;padding:16px;font:inherit;outline:none}.survey-question textarea{resize:vertical;margin-top:25px;line-height:1.6}.survey-question textarea:focus,.survey-question input:focus,.survey-question select:focus{border-color:var(--survey-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--survey-accent) 12%,transparent)}.survey-fields,.survey-size{display:grid;gap:17px;margin-top:28px}.survey-fields.two,.survey-size{grid-template-columns:1fr 1fr}.survey-fields label,.survey-size label{display:grid;gap:8px;color:#d9e2e1;font-size:12px;font-weight:800}.survey-fields label textarea{margin:0}.survey-fields label small{color:#7f9598;font-weight:400}.survey-controls{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.survey-button,.survey-back{min-height:54px;padding:0 22px;border:0;border-radius:999px;font-weight:900;cursor:pointer}.survey-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:210px;background:var(--survey-accent,#83c9c1);color:#061419}.survey-back{background:transparent;color:#9eb1b3}.survey-back:disabled{opacity:.25}.survey-message{color:#ffaaa6;font-weight:700}.survey-alternative{margin-top:28px;color:#83999b;font-size:12px}.survey-alternative a{color:white;border-bottom:1px solid var(--survey-accent)}.survey-upload{display:grid;gap:10px;margin-top:22px;padding:20px;border:1px dashed rgba(255,255,255,.25)}.survey-upload span{font-size:13px;font-weight:800}.survey-upload small,.survey-upload em{color:#91a5a7;font-size:11px;font-style:normal;font-weight:400}.survey-upload input{padding:10px;background:rgba(255,255,255,.035)}.survey-consent{display:flex;align-items:flex-start;gap:11px;margin-top:22px;color:#aebfc1;font-size:12px;line-height:1.55}.survey-consent input{width:18px;margin-top:2px}.survey-consent a{color:white;text-decoration:underline}.survey-honeypot{position:absolute!important;left:-10000px!important}.survey-button.submit{margin-top:25px}.survey-button:disabled{opacity:.6;cursor:wait}.survey-complete{position:relative;min-height:78vh;padding:clamp(90px,14vw,180px) 8vw;overflow:hidden;background:#07161b}.survey-complete h1{position:relative;margin:24px 0;font-size:clamp(58px,8vw,112px);line-height:.89;letter-spacing:-.065em}.survey-complete h1 em{color:#83c9c1;font-family:Georgia,serif;font-weight:400}.survey-complete p{position:relative;max-width:640px;color:#aec1c2;font-size:18px;line-height:1.7}.survey-complete .survey-button{position:relative;margin-top:25px}.survey-kicker{position:relative;color:#83c9c1;font:800 10px var(--font-geist-mono),monospace;letter-spacing:.15em;text-transform:uppercase}.survey-complete-rings{position:absolute;width:700px;height:700px;right:-90px;top:-170px;border:1px solid rgba(131,201,193,.2);border-radius:50%;box-shadow:0 0 0 100px rgba(131,201,193,.05),0 0 0 200px rgba(131,201,193,.025)}@keyframes survey-pulse{50%{transform:scale(1.18);border-color:var(--survey-accent)}}
@media(max-width:900px){.survey-shell{grid-template-columns:1fr}.survey-visual{position:relative;height:330px}.survey-panel{padding-top:30px}.survey-intro h1{font-size:44px}.survey-question h2{font-size:39px}}@media(max-width:560px){.survey-visual{height:270px}.survey-panel{padding:24px 20px 45px}.survey-choices,.survey-fields.two,.survey-size{grid-template-columns:1fr}.survey-choices button{min-height:58px}.survey-question h2{font-size:35px}.survey-intro h1{font-size:38px}.survey-visual-label{bottom:8%;left:6%;right:6%}}
@media(prefers-reduced-motion:reduce){.survey-layer,.survey-progress span{transition:none}.layer-frequency i{animation:none}}
.survey-complete{position:relative;isolation:isolate;padding:0}.survey-complete:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,17,.96) 0%,rgba(3,13,17,.82) 48%,rgba(3,13,17,.38) 100%)}.survey-complete>.survey-visual{position:absolute;inset:0;z-index:-2;width:100%;height:100%;opacity:.9}.survey-complete>.survey-visual .survey-dim{background:linear-gradient(145deg,rgba(2,10,13,.08),rgba(2,10,13,.42)),linear-gradient(0deg,color-mix(in srgb,var(--survey-accent) 16%,transparent),transparent 58%)}.survey-complete-content{min-height:78vh;padding:clamp(90px,14vw,180px) 8vw}.survey-complete h1{max-width:950px}.survey-complete h1 em,.survey-complete .survey-kicker{color:var(--survey-accent)}.survey-complete p{color:#d5e0df}.survey-complete .survey-visual-label{right:5%;left:auto;bottom:7%;width:min(460px,42%)}
@media(max-width:900px){.survey-complete>.survey-visual{position:absolute;height:100%}.survey-complete .survey-visual-label{left:8%;right:8%;width:auto}.survey-complete:after{background:rgba(3,13,17,.78)}}@media(max-width:560px){.survey-complete-content{padding:95px 22px 180px}.survey-complete h1{font-size:53px}.survey-complete>.survey-visual{height:100%}}