.surveyRoot{--bone:#e8e0d0;--bone-soft:#efe9dd;--bone-card:#f4efe5;--bone-hi:#faf7f0;--khaki:#aea294;--olive:#a8b068;--clay:#e2a64d;--evergreen:#183028;--evergreen-2:#14241d;--onyx:#101812;--ink:#16261f;--muted:#5d6b62;--line:#18302829;--line-soft:#1830281a;--shadow:0 18px 50px -28px #1018128c;--radius:16px;--maxw:480px;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;height:100dvh;font-family:var(--sans);color:var(--ink);background:var(--bone);-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}.surveyRoot *{box-sizing:border-box;margin:0;padding:0}.surveyRoot .bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.surveyRoot .bg:before{content:"";background:radial-gradient(60% 45% at 50% 22%, var(--bone-hi) 0%, #faf7f000 60%);opacity:.7;position:absolute;inset:-20%}.surveyRoot .bg svg{opacity:.06;color:var(--evergreen);position:absolute}.surveyRoot .bg .iso{width:360px;height:360px;top:-60px;right:-40px}.surveyRoot .bg .iso2{opacity:.05;width:300px;height:300px;bottom:-80px;left:-60px}.surveyRoot .grain{z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.surveyRoot .app{z-index:2;width:100%;height:100%;max-width:var(--maxw);flex-direction:column;margin:0 auto;padding:0 22px;display:flex;position:relative}.surveyRoot .top{flex:none;align-items:center;gap:14px;height:64px;display:flex}.surveyRoot .back{appearance:none;cursor:pointer;width:34px;height:34px;color:var(--evergreen);opacity:0;background:0 0;border:none;border-radius:50%;place-items:center;transition:background .2s,opacity .2s,transform .2s;display:grid}.surveyRoot .back svg{width:18px;height:18px}.surveyRoot .back:hover{background:#18302812}.surveyRoot .back.show{opacity:1}.surveyRoot .top .brand{opacity:.9;align-items:center;gap:9px;margin-left:auto;display:flex}.surveyRoot .top .brand .logo{width:21px;height:auto}.surveyRoot .top .brand .wm{font-family:var(--serif);letter-spacing:.2px;color:var(--evergreen);font-size:18px;font-weight:600;line-height:1}.surveyRoot .progress{flex:none;align-items:center;gap:12px;height:18px;display:flex}.surveyRoot .track{background:#18302821;border-radius:3px;flex:1;height:3px;overflow:hidden}.surveyRoot .fill{background:var(--clay);border-radius:3px;width:0;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.surveyRoot .count{letter-spacing:.14em;text-transform:uppercase;color:var(--khaki);white-space:nowrap;font-size:11.5px;font-weight:600}.surveyRoot .stage{flex:auto;display:flex;position:relative;overflow:hidden}.surveyRoot .screen{flex-direction:column;justify-content:center;padding:6px 0 12px;display:none;position:absolute;inset:0;overflow-y:auto}.surveyRoot .screen.active{animation:.55s cubic-bezier(.22,1,.36,1) both screenIn;display:flex}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.surveyRoot .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:14px;font-size:11.5px;font-weight:700}.surveyRoot .q{font-family:var(--serif);color:var(--evergreen);letter-spacing:.2px;font-size:clamp(27px,7.4vw,33px);font-weight:600;line-height:1.12}.surveyRoot .sub{color:var(--muted);max-width:40ch;margin-top:12px;font-size:14.5px;line-height:1.5}.surveyRoot .opts{flex-direction:column;gap:10px;margin-top:26px;display:flex}.surveyRoot .opt{text-align:left;background:var(--bone-card);border:1.5px solid var(--line-soft);cursor:pointer;width:100%;font-family:var(--sans);color:var(--ink);opacity:0;border-radius:13px;align-items:center;gap:14px;padding:15px 16px;font-size:15.5px;font-weight:500;transition:border-color .18s,background .18s,transform .12s,box-shadow .18s;display:flex;transform:translateY(8px)}.surveyRoot .screen.active .opt{animation:.5s cubic-bezier(.22,1,.36,1) forwards optIn}.surveyRoot .screen.active .opt:first-child{animation-delay:.1s}.surveyRoot .screen.active .opt:nth-child(2){animation-delay:.16s}.surveyRoot .screen.active .opt:nth-child(3){animation-delay:.22s}.surveyRoot .screen.active .opt:nth-child(4){animation-delay:.28s}.surveyRoot .screen.active .opt:nth-child(5){animation-delay:.34s}.surveyRoot .screen.active .opt:nth-child(6){animation-delay:.4s}@keyframes optIn{to{opacity:1;transform:none}}.surveyRoot .opt:hover{border-color:var(--evergreen);background:var(--bone-hi);transform:translateY(-1px)}.surveyRoot .opt .dot{border:1.5px solid var(--khaki);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;transition:all .18s;display:grid}.surveyRoot .opt .dot svg{width:11px;height:11px;color:var(--bone-hi);opacity:0;transition:opacity .15s}.surveyRoot .opt.sel{border-color:var(--evergreen);background:var(--bone-hi);box-shadow:var(--shadow)}.surveyRoot .opt.sel .dot{background:var(--evergreen);border-color:var(--evergreen)}.surveyRoot .opt.sel .dot svg{opacity:1}.surveyRoot .scale{margin-top:30px}.surveyRoot .scale-row{gap:9px;display:flex}.surveyRoot .sc{aspect-ratio:1;border:1.5px solid var(--line-soft);background:var(--bone-card);cursor:pointer;max-height:64px;font-family:var(--serif);color:var(--evergreen);border-radius:13px;flex:1;place-items:center;font-size:23px;font-weight:600;transition:all .18s;display:grid}.surveyRoot .sc:hover{border-color:var(--evergreen);background:var(--bone-hi);transform:translateY(-2px)}.surveyRoot .sc.sel{background:var(--evergreen);border-color:var(--evergreen);color:var(--bone)}.surveyRoot .scale-labels{color:var(--khaki);justify-content:space-between;margin-top:11px;font-size:12px;font-weight:600;display:flex}.surveyRoot .field{margin-top:24px}.surveyRoot textarea,.surveyRoot input{width:100%;font-family:var(--sans);color:var(--ink);background:var(--bone-card);border:1.5px solid var(--line-soft);border-radius:12px;padding:14px 15px;font-size:15.5px;transition:border-color .18s,background .18s}.surveyRoot textarea{resize:none;min-height:120px;line-height:1.5}.surveyRoot textarea:focus,.surveyRoot input:focus{border-color:var(--evergreen);background:var(--bone-hi);outline:none}.surveyRoot textarea::placeholder,.surveyRoot input::placeholder{color:var(--khaki)}.surveyRoot .lbl{letter-spacing:.04em;color:var(--evergreen);margin:16px 0 7px;font-size:12.5px;font-weight:600;display:block}.surveyRoot .lbl span{color:var(--khaki);letter-spacing:0;font-weight:500}.surveyRoot .foot{flex:none;align-items:center;gap:14px;padding:14px 0 26px;display:flex}.surveyRoot .btn{appearance:none;cursor:pointer;font-family:var(--sans);letter-spacing:.01em;background:var(--evergreen);color:var(--bone);border:none;border-radius:13px;align-items:center;gap:9px;padding:15px 24px;font-size:15.5px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.surveyRoot .btn:hover{background:var(--evergreen-2);box-shadow:var(--shadow);transform:translateY(-1px)}.surveyRoot .btn svg{width:16px;height:16px}.surveyRoot .btn.block{justify-content:center;width:100%}.surveyRoot .btn.ghost{color:var(--muted);background:0 0;padding:15px 8px}.surveyRoot .btn.ghost:hover{color:var(--evergreen);box-shadow:none;background:0 0;transform:none}.surveyRoot .btn:disabled{opacity:.4;cursor:default;box-shadow:none;background:var(--evergreen);transform:none}.surveyRoot .intro{justify-content:flex-start;align-items:flex-start;padding-top:14px}.surveyRoot .lockup{flex-direction:column;align-items:center;gap:16px;width:100%;margin-bottom:8px;display:flex}.surveyRoot .lockup .logo{width:78px;height:auto;color:var(--evergreen)}.surveyRoot .lockup .name{font-family:var(--serif);letter-spacing:.4px;color:var(--evergreen);font-size:33px;font-weight:600;line-height:1}.surveyRoot .intro h1{font-family:var(--serif);color:var(--evergreen);letter-spacing:.2px;margin-top:30px;font-size:clamp(30px,8.4vw,38px);font-weight:600;line-height:1.1}.surveyRoot .intro p{color:var(--muted);margin-top:16px;font-size:15.5px;line-height:1.6}.surveyRoot .pill{color:var(--evergreen);background:var(--bone-soft);border:1px solid var(--line-soft);border-radius:30px;align-items:center;gap:8px;margin-top:22px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.surveyRoot .pill svg{width:13px;height:13px;color:var(--clay)}.surveyRoot .privacy{color:var(--khaki);gap:9px;margin-top:18px;font-size:12.5px;line-height:1.45;display:flex}.surveyRoot .privacy svg{width:15px;height:15px;color:var(--olive);flex:none;margin-top:1px}.surveyRoot .hookwrap{justify-content:center;margin:4px 0 6px;display:flex}.surveyRoot .hook{width:200px;height:auto}.surveyRoot .hook .frame{fill:none;stroke:var(--evergreen);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.surveyRoot .hook .wire{fill:none;stroke:var(--clay);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200px}.surveyRoot .screen.active .hook .wire{animation:1.5s cubic-bezier(.5,0,.2,1) .35s forwards trace}@keyframes trace{to{stroke-dashoffset:0}}.surveyRoot .hook .node{fill:var(--clay)}.surveyRoot .hook .node.pulse{animation:1.8s ease-in-out 1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.surveyRoot .quote{font-family:var(--serif);color:var(--evergreen);margin-top:6px;font-size:clamp(18px,5vw,21px);font-style:italic;font-weight:500;line-height:1.42}.surveyRoot .thanks{text-align:center;align-items:center}.surveyRoot .thanks .mark{width:64px;color:var(--evergreen);margin-bottom:22px}.surveyRoot .thanks h2{font-family:var(--serif);color:var(--evergreen);font-size:clamp(34px,9vw,44px);font-weight:600;line-height:1.05}.surveyRoot .thanks p{color:var(--muted);max-width:34ch;margin-top:16px;font-size:15.5px;line-height:1.6}.surveyRoot .thanks .sig{letter-spacing:.16em;text-transform:uppercase;color:var(--khaki);margin-top:30px;font-size:12px;font-weight:600}.surveyRoot .err{color:#9a3b2e;margin-top:14px;font-size:13.5px;font-weight:500;line-height:1.45}.surveyRoot .screen[data-screen=contact]{justify-content:flex-start;padding-top:6px}@media (max-height:680px){.surveyRoot .screen{justify-content:flex-start}}@media (min-width:560px){.surveyRoot .app{padding:0 28px}}