.survey-name-step{margin:0 0 22px;padding:22px 24px;display:grid;grid-template-columns:1fr minmax(230px,.72fr);gap:24px;align-items:center;background:linear-gradient(135deg,#eef7f2,#fff);border:1px solid #bfe0ce;border-left:5px solid #22a865;border-radius:14px}.survey-name-step label{display:grid;gap:6px}.survey-name-step label strong{font:700 1.25rem/1.2 Manrope,sans-serif;color:#0b2643}.survey-name-step label small{color:#617688;font-size:.82rem}.survey-name-step input,.email-card input,.feedback-panel select,.feedback-panel textarea{width:100%;box-sizing:border-box;border:1px solid #bdcbd9;border-radius:10px;background:#fff;color:#102b46;font:500 1rem/1.45 'DM Sans',sans-serif;padding:13px 14px}.survey-name-step input:focus,.email-card input:focus,.feedback-panel select:focus,.feedback-panel textarea:focus{outline:3px solid rgba(34,168,101,.16);border-color:#168a51}.email-card small{color:#64788b;font-size:.8rem}
.email-gate-view{min-height:calc(100vh - 80px);padding:70px max(24px,6vw) 90px;background:linear-gradient(150deg,#f3f8fc 0,#fff 53%,#eef8f2 100%)}.gate-heading{max-width:850px;margin:0 auto 30px;text-align:center}.gate-heading h1{margin:8px 0 10px;font:800 clamp(2.1rem,4vw,3.8rem)/1.06 Manrope,sans-serif;color:#0b2643}.gate-heading p{font-size:1.08rem;color:#52697e}.gate-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.gate-preview,.email-card{background:#fff;border:1px solid #dbe5ee;border-radius:22px;box-shadow:0 20px 55px rgba(11,38,67,.09)}.gate-preview{padding:26px}.gate-range{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:20px;border-bottom:1px solid #e4ebf1}.gate-range span{font:700 .75rem Manrope,sans-serif;letter-spacing:.12em;color:#5f7488}.gate-range strong{grid-row:1/3;grid-column:2;font:800 3.1rem Manrope,sans-serif;color:#0b2643}.gate-range small{color:#718395}.gate-scenarios{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.gate-scenario{min-width:0;padding:14px 8px;border-radius:12px;background:#edf3f7;text-align:center}.gate-scenario b{display:block;font:800 1.35rem Manrope,sans-serif;color:#0b2643}.gate-scenario span{display:block;margin-top:5px;color:#52697e;font-size:.7rem;line-height:1.2}.gate-scenario.low{background:#fff2de}.gate-scenario.high{background:#e5f6ec}.gate-preview>p{margin:0;padding:16px 18px;background:#0b2643;color:#fff;border-radius:12px;line-height:1.55}.email-card{padding:28px;display:grid;gap:16px}.email-card h2{margin:0;font:800 1.7rem Manrope,sans-serif;color:#0b2643}.email-card>p{margin:0;color:#52697e}.email-card>label:not(.check-row){display:grid;gap:7px;font-weight:700;color:#173650}.check-row{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:#334f68;font-size:.9rem;line-height:1.4}.check-row input{width:18px;height:18px;margin-top:1px}.check-row.optional{color:#65798b}.text-button{border:0;background:transparent;color:#506c83;text-decoration:underline;cursor:pointer;font:600 .9rem 'DM Sans',sans-serif}.form-error{display:none!important;margin:0;color:#a23d2b!important;font-weight:600;font-size:.9rem}.form-error.show{display:block!important}.invalid{border-color:#c9523e!important;background:#fff8f6!important}
.feedback-panel,.privacy-control{max-width:1180px;margin:34px auto;padding:34px;border-radius:20px}.feedback-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;background:#0b2643;color:#fff}.feedback-panel h2,.privacy-control h2{font:800 1.8rem/1.15 Manrope,sans-serif;margin:8px 0}.feedback-panel>div>p{color:#c9d6e2}.feedback-panel form{display:grid;gap:18px}.feedback-scale{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;color:#aebfd0;font-size:.74rem}.feedback-scale fieldset{border:0;padding:0;margin:0}.feedback-scale legend{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:9px}.feedback-scale fieldset div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.feedback-scale label{cursor:pointer}.feedback-scale input{position:absolute;opacity:0}.feedback-scale label span{display:grid;place-items:center;height:38px;border:1px solid #527087;border-radius:8px;color:#fff}.feedback-scale input:checked+span{background:#22a865;border-color:#22a865}.feedback-questions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback-panel form>label,.feedback-questions label{display:grid;gap:7px;color:#e8eff5;font-weight:600;font-size:.88rem}.feedback-panel select,.feedback-panel textarea{background:#fff}.feedback-panel button{justify-self:start}.privacy-control{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eef4f8;border:1px solid #d8e3eb}.privacy-control p{margin:0;color:#536a7d;max-width:760px}.privacy-control h2{color:#0b2643}.evidence-link{display:inline-flex!important;align-items:center;gap:5px;margin-top:12px;color:#176d4a!important;text-decoration:none;font-weight:700!important}.confidence-note{display:block;margin-top:8px;color:#687c8e!important;font-size:.78rem!important}.roadmap article:first-child{border-color:#22a865;box-shadow:inset 4px 0 #22a865}.roadmap article span{letter-spacing:.09em}.feedback-saved{padding:18px;border-radius:12px;background:#e5f6ec;color:#135b3b;font-weight:700}.draft-note{margin:10px 0 0;color:#557085;font-size:.85rem}.scenario-basis{margin-top:12px;padding-top:12px;border-top:1px solid #dce5ed;color:#60768a;font-size:.82rem}
@media(max-width:820px){.survey-name-step,.gate-layout,.feedback-panel{grid-template-columns:1fr}.gate-scenarios{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:5px}.email-gate-view{padding:38px 16px 60px}.feedback-panel,.privacy-control{margin:22px 14px;padding:24px}.privacy-control{align-items:flex-start;flex-direction:column}.feedback-questions{grid-template-columns:1fr}}
@media(max-width:520px){.survey-name-step{padding:19px}.gate-range strong{font-size:2.3rem}.gate-scenarios{grid-template-columns:repeat(5,78px)}.feedback-scale{grid-template-columns:1fr}.feedback-scale>span{display:none}.feedback-panel{gap:22px}.feedback-panel h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}