.experience-page{--blue:#3832b7;--pale:#efeeff;--ink:#20203d;--muted:#707086;--line:#e7e6f0;background:radial-gradient(ellipse at 0 0,#dddfff80,transparent 48%),radial-gradient(ellipse at 100% 70%,#e9e5ff80,transparent 40%),#f6f7fc;min-height:100vh}
.experience-shell{max-width:1016px;padding:30px 24px 32px;margin:auto}
.page-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:1.3px;color:#777991;padding:0 7px 19px}.page-caption span:last-child{font-weight:400;letter-spacing:0;font-size:13px}
.experience-card{border:1px solid #e4e3f1;border-radius:28px;background:white;box-shadow:0 18px 65px #23245512;overflow:hidden}
.experience-hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:290px;border-bottom:1px solid var(--line)}
.brand-panel{background:linear-gradient(135deg,#202054,#3431a6 70%,#5350c5);color:white;padding:44px 34px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;position:relative}.brand-panel img{width:min(100%,310px);height:auto;display:block}
.brand-message>span{font-size:12px;letter-spacing:1.4px;color:#c4c3ef;font-weight:650}.brand-message p{font-size:20px;line-height:1.5;letter-spacing:-.3px;margin:7px 0 0;font-weight:500}
.hero-meta{display:flex;flex-wrap:wrap;gap:7px}.hero-meta span{border:1px solid #aaa9ed55;border-radius:30px;padding:5px 10px;font-size:12px;color:#e0dfff;background:#ffffff07}
.hero-copy{padding:38px 36px 32px;background:linear-gradient(140deg,#fff,#f7f6ff)}.hero-copy h1{font-size:40px;line-height:1.06;letter-spacing:-1.4px;margin:15px 0 18px;font-weight:780}.hero-copy h1 em{font-style:normal;color:#4940c7}.hero-copy p{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:355px}
.experience-form{padding:28px 38px 24px}.form-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.form-intro b{font-size:15px;display:block}.form-intro>div>span{font-size:13px;color:var(--muted)}.form-progress{min-width:170px;max-width:205px;flex:1;text-align:right}.form-progress span{font-size:12px!important;color:var(--blue)!important;font-weight:600}.form-progress progress{margin-top:9px;height:5px;background:#eeedf8}.form-progress progress::-webkit-progress-bar{background:#eeedf8}
.section-title{display:flex;gap:13px;margin-bottom:20px;align-items:flex-start}.section-icon{background:#f2f0ff;color:#5e56c7;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.section-title h2{font-size:17px;margin:0 0 3px;letter-spacing:-.3px}.section-title p{font-size:14px;color:var(--muted);margin:0}
.experience-page .two-columns{gap:20px}.experience-page .input-label{font-weight:600}.experience-page .input-label input{height:51px;border-radius:12px;background:#fdfdff;border-color:#e1e1eb;font-weight:400}.experience-page .input-label input:focus{border-color:var(--blue);outline-color:#3832b719}.required{color:#736da9;font-size:13px;font-weight:500}.client-section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.experience-page fieldset{margin:0 0 30px}.experience-page legend{font-size:17px;line-height:1.5;letter-spacing:-.2px;font-weight:700;margin-bottom:12px}.experience-page .question-no{font-size:12px;color:#655bc3;background:#f1effc;padding:5px 8px;border-radius:7px;margin-right:9px;letter-spacing:0}.experience-page .question-hint{font-size:14px;line-height:1.5;margin:-4px 0 17px;color:var(--muted)}
.experience-page .choices{gap:10px}.emotions{grid-template-columns:repeat(5,minmax(0,1fr))}.experience-page .choice>span{border:1px solid #e4e3ec;border-radius:13px;min-height:53px;background:#fff;position:relative;color:#4f4d67;padding:12px 9px;gap:7px;font-size:14px;line-height:1.35}.experience-page .choice .emotion{font-size:33px;line-height:1.25;transition:transform .18s;margin-bottom:4px}.emotion-choice>span{flex-direction:column;min-height:124px!important}.emotion-choice .choice-label{max-width:100px;font-weight:600}
.experience-page .selection-mark{display:none;position:absolute;top:7px;right:8px;font-size:11px;font-weight:800;color:var(--blue)}.experience-page .choice input:checked+span>.selection-mark{display:block}.experience-page .choice input:checked+span{background:#f1efff;border-color:#5b50d0;color:#342c92;box-shadow:0 0 0 2px #5146b70c}.experience-page .choice input:checked+span>.emotion{transform:translateY(-2px) scale(1.09)}.experience-page .choice:hover>span{border-color:#b6afe5;background:#faf9ff}
.positive-section{background:#faf9fe;border:1px solid #eeecf7;border-radius:17px;padding:22px 22px 24px!important}.positive-section legend{float:left;margin:0 0 8px!important}.positive-section .question-hint{clear:both;font-size:14px}.optional{display:inline-block;font-size:12px;letter-spacing:0;font-weight:500;color:#736989;border-radius:5px;background:#eeebf7;padding:3px 7px;margin-left:8px;vertical-align:middle}.positive-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.positive-choice{position:relative;cursor:pointer}.positive-choice input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%}.positive-content{display:flex;align-items:center;gap:11px;border:1px solid #e6e3f0;background:white;border-radius:11px;padding:14px 12px;min-height:87px;height:100%;transition:border-color .2s,background .2s}.positive-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f4f2fd;color:#7468be;font-size:22px;flex-shrink:0}.positive-content b{font-size:14px;font-weight:650;display:block;color:#454058;margin-bottom:3px}.positive-content small{display:block;font-size:13px;color:#777183;line-height:1.4;max-width:225px}.checkbox-mark{display:grid;place-items:center;color:transparent;width:18px;height:18px;border:1px solid #d9d5e6;border-radius:5px;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:800}.positive-choice input:checked+.positive-content{background:#efecff;border-color:#9b8fe0}.positive-choice input:checked+.positive-content .checkbox-mark{background:var(--blue);color:white;border-color:var(--blue)}.positive-choice input:checked+.positive-content .positive-icon{color:var(--blue);background:#e3ddfa}.positive-choice input:focus-visible+.positive-content{outline:3px solid #1687d4;outline-offset:3px}
.speed-choices{grid-template-columns:repeat(5,minmax(0,1fr))}.speed-choice>span{flex-direction:column;min-height:88px!important}.speed-choice b{font-size:20px;line-height:1.2;font-weight:600;color:#9891b1}.experience-page .choice input:checked+span b{color:var(--blue)}.experience-page .resolution .choice>span{min-height:55px}.experience-page .recommendation-block{border-top:1px solid var(--line);padding-top:28px;margin-top:34px}.experience-page .nps{gap:7px}.experience-page .nps .choice>span{padding:10px 0;min-height:48px;font-size:16px;font-weight:700}.experience-page .nps input:checked+span{background:var(--blue);color:white}.experience-page .nps .selection-mark{display:none!important}.experience-page .scale-labels{font-size:12px;margin-top:10px;color:#82788e}
.experience-submit{border-top:1px solid var(--line);padding-top:25px;display:flex;gap:25px;align-items:center;justify-content:space-between}.submit-message{max-width:375px}.submit-message b{font-size:15px;font-weight:650}.submit-message p{font-size:14px;line-height:1.55;color:var(--muted);margin:5px 0 0}.experience-submit .primary{background:linear-gradient(120deg,#4940c8,#292484);border:0;border-radius:12px;width:auto;min-width:265px;min-height:55px;box-shadow:0 7px 18px #3930a322;font-size:14px;padding:14px 22px;white-space:nowrap}.experience-submit .primary:hover{background:linear-gradient(120deg,#3f36b8,#211c76)}.form-footnote{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #f0eef6;margin-top:23px;padding-top:18px;color:#82788e;font-size:12px}.form-footnote p{margin:0;max-width:555px}.form-footnote>span{white-space:nowrap}.experience-page .footer{max-width:1016px;padding:0 31px 30px;color:#827b92;font-size:12px}
.experience-success{text-align:center;padding:48px 28px}.experience-success h2{font-size:30px;line-height:1.25;letter-spacing:-.8px;margin:14px auto 17px}.experience-success p{max-width:490px;margin:0 auto;color:var(--muted)}.thank-you{background:#f7f5fd;border-radius:12px;padding:18px;margin:25px auto;max-width:530px;font-size:14px}.experience-success>.muted{font-size:13px}
@media(max-width:720px){.experience-shell{padding:18px 14px 26px}.page-caption{padding:0 3px 13px;font-size:12px;letter-spacing:.5px}.page-caption span:last-child{display:none}.experience-card{border-radius:21px}.experience-hero{grid-template-columns:1fr}.brand-panel{padding:27px 25px 23px;gap:22px}.brand-panel img{width:205px}.brand-message{display:none}.hero-meta{position:absolute;right:20px;top:25px;max-width:90px;justify-content:flex-end;gap:5px}.hero-meta span{font-size:12px;white-space:nowrap;padding:3px 6px}.hero-meta span:last-child{display:none}.hero-copy{padding:25px}.hero-copy h1{font-size:32px;line-height:1.1;margin:12px 0 14px}.hero-copy h1 br{display:none}.hero-copy h1 em{display:inline}.hero-copy p{max-width:none;font-size:16px}.experience-form{padding:23px 22px}.form-intro{gap:20px;align-items:flex-start}.form-intro b{font-size:14px}.form-intro>div>span{font-size:12px}.form-progress{min-width:100px;max-width:120px}.section-title h2{font-size:16px}.section-title p{font-size:13px}.experience-page .two-columns{gap:15px}.experience-page legend{font-size:16px}.experience-page .question-hint{font-size:14px}.experience-page .choices{gap:7px}.emotion-choice>span{min-height:110px!important;padding:10px 5px!important}.experience-page .choice .emotion{font-size:29px}.emotion-choice .choice-label{font-size:13px}.positive-section{padding:19px 15px!important}.positive-choices{gap:8px}.positive-content{padding:12px 10px;gap:9px}.positive-icon{display:none}.positive-content b{font-size:14px}.positive-content small{font-size:12px}.checkbox-mark{width:17px;height:17px}.speed-choice>span{font-size:13px!important;padding:10px 5px!important}.experience-submit{flex-direction:column;align-items:stretch;gap:19px}.submit-message{max-width:none}.experience-submit .primary{width:100%;min-width:0}.form-footnote{flex-direction:column;gap:9px}.experience-page .footer{padding:0 21px 25px}.experience-page .resolution{grid-template-columns:repeat(2,1fr)}.experience-page .nps{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:480px){.experience-form{padding:21px 18px}.experience-page .two-columns{grid-template-columns:1fr}.brand-panel img{width:165px}.hero-meta span{font-size:11px}.emotions{grid-template-columns:1fr}.emotion-choice>span{flex-direction:row;justify-content:flex-start;gap:13px!important;min-height:57px!important;padding:9px 15px!important}.emotion-choice .choice-label{max-width:none;font-size:14px}.experience-page .choice .emotion{font-size:27px;margin:0;min-width:34px}.emotion-choice .selection-mark{top:18px!important;right:16px!important}.speed-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.speed-choice>span{min-height:75px!important;font-size:14px!important}.positive-choices{grid-template-columns:1fr}.positive-content{min-height:76px;padding:12px}.positive-icon{display:grid}.positive-content b{font-size:14px}.positive-content small{max-width:none}.form-intro{flex-direction:column;gap:13px}.form-progress{max-width:none;width:100%;text-align:left}.section-title{gap:10px}.section-icon{width:31px;height:31px;font-size:20px}.experience-page .question-no{margin-right:5px}.experience-success h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.experience-page *{transition:none!important;transform:none!important}}
@media(max-width:480px){.brand-panel{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.brand-panel img{width:145px}.hero-meta{position:static;max-width:none}.hero-meta span{font-size:12px}}

/* Compact survey: keeps the form close to the first viewport. */
.experience-shell{padding-top:20px;padding-bottom:28px}.page-caption{padding-bottom:12px}.experience-hero{grid-template-columns:.9fr 1.1fr;min-height:195px}.brand-panel{padding:28px 32px 22px;gap:18px}.brand-panel img{width:min(100%,235px)}.brand-message>span{font-size:11px;letter-spacing:1.2px}.brand-message p{font-size:16px;line-height:1.4;margin-top:4px}.hero-copy{padding:25px 32px 22px}.hero-copy h1{font-size:31px;line-height:1.08;letter-spacing:-1px;margin:9px 0 10px}.hero-copy h1 br{display:none}.hero-copy p{font-size:14px;line-height:1.55;max-width:445px}.experience-form{padding:22px 34px 20px}.form-intro{padding-bottom:18px;margin-bottom:22px}.form-progress progress{margin-top:7px}.client-section{padding-bottom:22px;margin-bottom:22px}.experience-page fieldset{margin-bottom:22px}.emotion-choice>span{min-height:96px!important}.positive-section{padding:18px 20px 20px!important}.positive-content{padding:11px 12px;min-height:70px}.speed-choice>span{min-height:72px!important}.experience-page .recommendation-block{padding-top:22px;margin-top:26px}
@media(max-width:720px){.experience-shell{padding-top:12px}.page-caption{padding-bottom:8px}.experience-hero{min-height:0}.brand-panel{padding:17px 20px;gap:10px}.brand-panel img{width:150px}.hero-meta{position:static;max-width:none;margin-left:auto}.hero-copy{padding:18px 20px 17px}.hero-copy h1{font-size:25px;line-height:1.12;margin:8px 0}.hero-copy p{font-size:14px;line-height:1.45}.experience-form{padding:18px 19px}.form-intro{padding-bottom:15px;margin-bottom:18px}.client-section{padding-bottom:18px;margin-bottom:18px}.experience-page fieldset{margin-bottom:18px}.positive-section{padding:16px 14px!important}.positive-content{min-height:64px}.experience-page .recommendation-block{padding-top:18px;margin-top:20px}}
@media(max-width:480px){.brand-panel{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.brand-panel img{width:138px}.hero-meta span{font-size:11px}.hero-copy h1 br{display:none}.emotion-choice>span{min-height:53px!important}.positive-content{min-height:64px}.speed-choice>span{min-height:67px!important}}