.survey-form{width:100%}.survey-form__progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.survey-form__progress-bar{flex:1;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.survey-form__progress-fill{height:100%;background-color:var(--color-teal);border-radius:var(--radius-full);transition:width .3s ease}.survey-form__progress-text{font-family:var(--font-inter);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);white-space:nowrap}.survey-form__step{display:flex;flex-direction:column;align-items:center;text-align:center}.survey-form__step--thanks{padding-top:var(--space-4)}.survey-form__title{font-family:var(--font-manrope);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:1.2;letter-spacing:var(--tracking-tighter);color:var(--color-teal-darkest);margin-bottom:var(--space-2)}.survey-form__question{font-family:var(--font-manrope);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1.3;color:var(--color-teal-darkest);margin-bottom:var(--space-6)}.survey-form__subtitle{font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-normal);line-height:1.5;color:var(--color-gray-700);margin-bottom:var(--space-8);max-width:380px}.survey-form__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);width:100%}.survey-form__pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-teal-20);background-color:var(--color-white);font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-teal-dark);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.survey-form__pill:hover{border-color:var(--color-teal);background-color:var(--color-teal-5)}.survey-form__pill:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.survey-form__pill--active{background-color:var(--color-teal-dark);border-color:var(--color-teal-dark);color:var(--color-white)}.survey-form__pill--active:hover{background-color:var(--color-teal-darkest);border-color:var(--color-teal-darkest)}.survey-form__textarea-wrap{width:100%;margin-bottom:var(--space-6);position:relative}.survey-form__textarea{width:100%;min-height:120px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-white);font-family:var(--font-inter);font-size:var(--text-base);color:var(--color-teal-darkest);outline:none;resize:vertical;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.survey-form__textarea::placeholder{color:var(--color-gray-400)}.survey-form__textarea:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px var(--color-teal-10)}.survey-form__char-count{display:block;text-align:right;font-family:var(--font-inter);font-size:var(--text-sm);color:var(--color-gray-400);margin-top:var(--space-1)}.survey-form__actions{display:flex;gap:var(--space-3);width:100%;margin-bottom:var(--space-4)}.survey-form__btn{flex:1;display:flex;align-items:center;justify-content:center;height:48px;border:none;border-radius:var(--radius-full);font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.15px;cursor:pointer;transition:background-color .2s,transform .15s}.survey-form__btn--primary{background-color:var(--color-teal-dark);color:var(--color-white);box-shadow:var(--shadow-md)}.survey-form__btn--primary:hover{background-color:var(--color-teal-darkest);transform:translateY(-1px)}.survey-form__btn--primary:active{transform:translateY(0)}.survey-form__btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.survey-form__btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.survey-form__btn--secondary{background-color:var(--color-gray-200);color:var(--color-teal-darkest)}.survey-form__btn--secondary:hover{background-color:var(--color-gray-300)}.survey-form__skip{background:none;border:none;padding:0;font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-700);cursor:pointer;text-decoration:underline;transition:color .2s;margin-bottom:var(--space-2)}.survey-form__skip:hover{color:var(--color-teal-dark)}.survey-form__skip:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.survey-form__skip--quit{font-size:var(--text-sm);color:var(--color-gray-400);margin-top:var(--space-2)}.survey-form__skip--quit:hover{color:var(--color-gray-700)}.survey-form__link-btn{background:none;border:none;padding:0;font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-700);text-decoration:underline;cursor:pointer;transition:color .2s}.survey-form__link-btn:hover{color:var(--color-teal-dark)}.survey-form__link-btn:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.survey-form__thank-icon{width:64px;height:64px;margin-bottom:var(--space-6)}.survey-form__server-error{font-family:var(--font-inter);font-size:var(--text-base);color:var(--color-error);text-align:center;padding:var(--space-3) var(--space-4);background-color:var(--color-error-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}@media(min-width:768px){.survey-form__title{font-size:var(--text-5xl)}.survey-form__question{font-size:var(--text-2xl)}.survey-form__subtitle{font-size:var(--text-xl);max-width:420px}}.tester-form{width:100%}.tester-form__dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.tester-form__dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-gray-200);transition:background-color .3s,transform .3s}.tester-form__dot--active{background-color:var(--color-teal);transform:scale(1.25)}.tester-form__dot--done{background-color:var(--color-teal)}.tester-form__step{display:flex;flex-direction:column;align-items:center;text-align:center}.tester-form__step--success{width:100%;gap:var(--space-3);padding-top:var(--space-2)}.tester-form__title{font-family:var(--font-manrope);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:1.2;letter-spacing:var(--tracking-tighter);color:var(--color-teal-darkest);margin-bottom:var(--space-2)}.tester-form__subtitle{font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-normal);line-height:1.5;color:var(--color-gray-700);margin-bottom:var(--space-8);max-width:380px}.tester-form__success-kicker{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-teal-20);background-color:var(--color-teal-5);font-family:var(--font-inter);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-teal-dark)}.tester-form__step--success .tester-form__title{margin-bottom:var(--space-1)}.tester-form__step--success .tester-form__subtitle{margin-bottom:var(--space-1);max-width:32ch;line-height:var(--leading-relaxed)}.tester-form__spam-note{width:min(100%,430px);margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--color-teal-20);background:linear-gradient(135deg,var(--color-teal-5) 0%,var(--bg-mint) 100%);box-shadow:0 10px 24px var(--color-teal-10);text-align:left;font-family:var(--font-inter);font-size:var(--text-md);font-weight:var(--font-medium);line-height:1.65;letter-spacing:-.1px;color:var(--color-teal-dark)}.tester-form__back{display:flex;align-items:center;gap:var(--space-1);align-self:flex-start;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-700);margin-bottom:var(--space-6);transition:color .2s}.tester-form__back:hover{color:var(--color-teal-dark)}.tester-form__back svg{width:20px;height:20px}.tester-form__fields{width:100%;display:flex;flex-direction:column;gap:var(--space-5)}.tester-form__field{display:flex;flex-direction:column;gap:var(--space-1-5);text-align:left}.tester-form__label{font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-teal-darkest)}.tester-form__input{width:100%;height:48px;padding:0 var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background-color:var(--color-white);font-family:var(--font-inter);font-size:var(--text-lg);color:var(--color-teal-darkest);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.tester-form__input::placeholder{color:var(--color-gray-400)}.tester-form__input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px var(--color-teal-10)}.tester-form__input--error{border-color:var(--color-error)}.tester-form__input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.tester-form__pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tester-form__pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-teal-20);background-color:var(--color-white);font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-teal-dark);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.tester-form__pill:hover{border-color:var(--color-teal);background-color:var(--color-teal-5)}.tester-form__pill:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.tester-form__pill--active{background-color:var(--color-teal-dark);border-color:var(--color-teal-dark);color:var(--color-white)}.tester-form__pill--active:hover{background-color:var(--color-teal-darkest);border-color:var(--color-teal-darkest)}.tester-form__checkbox{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.tester-form__checkbox input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:var(--color-teal);flex-shrink:0}.tester-form__checkbox-text{font-family:var(--font-inter);font-size:var(--text-base);color:var(--color-gray-700);line-height:1.4}.tester-form__checkbox-text a{color:var(--color-teal);text-decoration:underline}.tester-form__checkbox-text a:hover{color:var(--color-teal-dark)}.tester-form__submit{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:none;border-radius:var(--radius-full);background-color:var(--color-teal-dark);color:var(--color-white);font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.15px;cursor:pointer;box-shadow:var(--shadow-md);transition:background-color .2s,transform .15s;margin-top:var(--space-2)}.tester-form__submit:hover{background-color:var(--color-teal-darkest);transform:translateY(-1px)}.tester-form__submit:active{transform:translateY(0)}.tester-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.tester-form__submit:disabled:hover,.tester-form__submit:disabled:focus{transform:none;background-color:var(--color-teal-dark);box-shadow:var(--shadow-md);outline:none}.tester-form__error{font-family:var(--font-inter);font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.tester-form__server-error{font-family:var(--font-inter);font-size:var(--text-base);color:var(--color-error);text-align:center;padding:var(--space-3) var(--space-4);background-color:var(--color-error-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.tester-form__success-icon{width:64px;height:64px;margin-bottom:var(--space-2)}.tester-form__socials{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.tester-form__social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);border:1px solid transparent;background-color:var(--color-teal-10);color:var(--color-teal-dark);transition:background-color .2s,color .2s,transform .15s,border-color .2s}.tester-form__social-link:hover{background-color:var(--color-teal-dark);border-color:var(--color-teal-dark);color:var(--color-white);transform:translateY(-1px)}.tester-form__social-link svg{width:22px;height:22px}.tester-form__divider{width:min(100%,220px);border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-2) 0 var(--space-1)}.tester-form__next-step{display:flex;flex-direction:column;align-items:center;width:min(100%,420px);gap:var(--space-2);margin-bottom:var(--space-2)}.tester-form__survey-invite{font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-relaxed);color:var(--color-gray-700);margin-bottom:0;max-width:30ch}.tester-form__survey-anon{font-family:var(--font-inter);font-size:var(--text-base);color:var(--color-gray-400);margin-bottom:var(--space-2)}.tester-form__survey-cta{display:inline-flex;align-items:center;justify-content:center;width:min(100%,320px);height:48px;padding:0 var(--space-8);border:1px solid var(--color-teal-dark);border-radius:var(--radius-full);background-color:transparent;color:var(--color-teal-dark);font-family:var(--font-inter);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:background-color .2s,color .2s,transform .15s;margin-bottom:var(--space-4)}.tester-form__survey-cta:hover{background-color:var(--color-teal-dark);color:var(--color-white);transform:translateY(-1px)}.tester-form__survey-cta:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.tester-form__back-link{display:inline-block;font-family:var(--font-inter);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-700);text-decoration:underline;margin-top:var(--space-1);transition:color .2s}.tester-form__back-link:hover{color:var(--color-teal-dark)}.tester-form__back-link:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}@media(min-width:768px){.tester-form__title{font-size:var(--text-5xl)}.tester-form__subtitle{font-size:var(--text-xl);max-width:420px}.tester-form__step--success .tester-form__subtitle{max-width:34ch}.tester-form__spam-note{font-size:var(--text-md)}.tester-form__survey-invite{font-size:var(--text-xl)}}.tester-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background-color:var(--color-teal-dark)}.tester-page__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4) var(--space-12);width:100%;max-width:560px;margin-inline:auto;position:relative;z-index:1}.tester-page__card{position:relative;background-color:var(--color-white);border-radius:var(--radius-4xl);overflow:hidden;padding:var(--space-10) var(--space-6);box-shadow:0 32px 128px #00000040,0 0 0 1px #ffffff0f;width:100%}.tester-page__deco{position:absolute;top:0;left:0;width:120px;height:120px;border-bottom-right-radius:9999px;background-color:var(--color-teal-5);pointer-events:none}.tester-page__watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:auto;opacity:.05;pointer-events:none;user-select:none}@media(min-width:768px){.tester-page__content{padding:var(--space-12) var(--space-6) var(--space-16)}.tester-page__card{padding:var(--space-12) var(--space-10)}.tester-page__watermark{width:260px}.tester-page__deco{width:140px;height:140px}}@media(min-width:1024px){.tester-page__card{padding:var(--space-16) var(--space-12)}.tester-page__deco{width:160px;height:160px}}