:root{--fb-navy:#082f45;--fb-blue:#0a7097;--fb-light:#eef6f8;--fb-line:#d7e2e6;--fb-ink:#183945;--fb-muted:#687f88}.feedback-page{background:#f5f7f6;color:var(--fb-ink)}.feedback-nav{display:flex;align-items:center;gap:26px;font-size:12px}.feedback-nav a{color:var(--fb-navy);text-decoration:none;font-weight:700}.feedback-nav span{color:var(--fb-muted)}.feedback-hero{background:linear-gradient(125deg,#062d42,#0a5e7e);color:white;padding:78px 0 66px}.feedback-hero-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:80px;align-items:end}.feedback-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,6vw,72px);line-height:1.02;margin:8px 0 24px}.feedback-hero h1 em{color:#60c7ec}.feedback-hero p:not(.kicker){max-width:690px;color:#c5dbe4;line-height:1.75}.feedback-hero aside{border-left:1px solid #ffffff38;padding-left:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:11px}.feedback-hero aside>span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.15em;color:#71cceb;margin-bottom:5px}.feedback-hero aside b{font-family:Georgia,serif;font-size:17px;color:#73cff0;margin-right:6px}.client-scorecard{margin-top:-24px;margin-bottom:80px;background:#fff;box-shadow:0 18px 60px #082f4514}.client-scorecard>section{padding:40px 48px;border-bottom:1px solid var(--fb-line)}.form-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.form-heading>b{width:34px;height:34px;border-radius:50%;background:#dff1f6;color:var(--fb-blue);display:grid;place-items:center;font-size:10px}.form-heading p{font:600 21px Georgia,serif;margin:0}.form-heading span{display:block;color:var(--fb-muted);font-size:11px;margin-top:5px}.form-heading output{margin-left:auto;text-align:right}.form-heading output small,.form-heading output em{display:block;color:var(--fb-muted);font-size:9px;font-style:normal}.form-heading output strong{display:block;font:400 30px Georgia,serif;color:var(--fb-navy);margin:3px 0}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.field-grid label,.voice-grid label{font-size:10px;font-weight:700}.field-grid input,.field-grid select,.voice-grid textarea{display:block;width:100%;border:1px solid var(--fb-line);background:#fbfdfd;margin-top:8px;padding:0 13px;color:var(--fb-ink)}.field-grid input,.field-grid select{height:46px}.anonymous{display:flex;align-items:center;gap:12px;background:var(--fb-light);padding:13px 16px;margin-top:18px;cursor:pointer}.anonymous>input{position:absolute;opacity:0}.anonymous>i{width:34px;height:20px;border-radius:12px;background:#afbec4;position:relative}.anonymous>i:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;left:2px;top:2px}.anonymous input:checked+i{background:var(--fb-blue)}.anonymous input:checked+i:after{left:16px}.anonymous strong,.anonymous small{display:block;font-size:10px}.anonymous small{color:var(--fb-muted);font-weight:400;margin-top:3px}.rating-guide,.rating-row{display:grid;grid-template-columns:minmax(360px,1fr) repeat(6,44px);gap:7px;align-items:center}.rating-guide{padding:0 8px 10px;color:var(--fb-muted);font-size:9px;text-align:center}.rating-guide span{text-align:left}.rating-row{border:0;border-top:1px solid var(--fb-line);margin:0;padding:13px 8px}.rating-row legend{display:grid;grid-template-columns:30px 1fr 34px;gap:10px;align-items:center;width:100%;padding:0;float:left}.rating-row legend>i{font-style:normal;color:#91a1a7;font-size:9px}.rating-row strong,.rating-row small{display:block}.rating-row strong{font-size:11px}.rating-row small{color:var(--fb-muted);font-size:9px;margin-top:4px}.rating-row legend em{font-style:normal;color:var(--fb-blue);font-size:9px;font-weight:700}.rating-row label input,.nps input{position:absolute;opacity:0}.rating-row label>i,.nps label>i{width:34px;height:34px;border:1px solid #c9d8dd;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;cursor:pointer}.rating-row input:checked+i,.nps input:checked+i{background:var(--fb-blue);border-color:var(--fb-blue);color:#fff;box-shadow:0 0 0 3px #dff1f6}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.voice-grid textarea{height:125px;padding:13px;resize:vertical}.concern{display:block;color:#9b453d;font-size:10px;margin-top:18px}.recommend{display:flex;align-items:center;gap:28px;background:var(--fb-light)}.recommend p{text-transform:uppercase;letter-spacing:.13em;color:var(--fb-blue);font-size:9px;font-weight:800;margin:0 0 7px}.recommend h2{font:500 19px Georgia,serif;margin:0 0 7px}.recommend>div:first-child>span,.recommend>span{font-size:9px;color:var(--fb-muted)}.nps{display:flex;gap:6px;flex:1;justify-content:center}.nps label>i{background:#fff;width:32px;height:32px}.submit-row{display:flex;justify-content:space-between;align-items:center;padding:26px 48px}.submit-row label{font-size:10px;color:var(--fb-muted)}.feedback-status{margin:0;padding:0 48px 32px;text-align:center;font-size:12px}.feedback-status.success{color:#256b4c}.feedback-status.error{color:#a23f36}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.feedback-hero-grid{grid-template-columns:1fr}.feedback-hero aside{display:none}.field-grid,.voice-grid{grid-template-columns:1fr 1fr}.rating-guide,.rating-row{grid-template-columns:minmax(260px,1fr) repeat(6,38px)}}@media(max-width:600px){.feedback-nav span{display:none}.feedback-hero{padding:55px 0}.client-scorecard>section{padding:30px 20px}.field-grid,.voice-grid{grid-template-columns:1fr}.rating-guide{display:none}.rating-row{grid-template-columns:repeat(6,1fr);padding:16px 0}.rating-row legend{grid-column:1/-1;margin-bottom:8px}.rating-row label>i{width:31px;height:31px}.recommend{align-items:flex-start;flex-direction:column}.nps{flex-wrap:wrap;justify-content:flex-start}.submit-row{padding:24px 20px;gap:20px;align-items:flex-start;flex-direction:column}.feedback-status{padding:0 20px 28px}}
:where(.website-feedback) .feedback-hero h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,6vw,72px);line-height:1.02;margin:8px 0 24px}:where(.website-feedback) .feedback-hero h2 em{color:#60c7ec}

/* Interactive evaluation and recommendation states */
.form-heading output{--score:0%;min-width:125px;padding-bottom:8px;background:linear-gradient(90deg,var(--fb-blue) var(--score),#dbe7ea var(--score)) left bottom/100% 3px no-repeat;transition:background .35s ease}.rating-row{transition:background .25s ease,transform .25s ease}.rating-row[data-rating]:not([data-rating="unrated"]){background:linear-gradient(90deg,#f2fafc,transparent 65%)}.rating-response{display:block;color:var(--fb-blue);font-size:9px;font-weight:800;margin-top:5px;min-height:11px}.rating-row label>i,.nps label>i{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.rating-row label:hover>i,.nps label:hover>i{transform:translateY(-2px);border-color:var(--fb-blue);box-shadow:0 5px 13px #0a709720}.rating-row input:focus-visible+i,.nps input:focus-visible+i{outline:3px solid #60c7ec;outline-offset:2px}.rating-row input:checked+i,.nps input:checked+i{transform:scale(1.08)}.rating-pulse{animation:ratingPulse .36s ease}.recommend{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(420px,1.4fr) auto;align-items:center;background:linear-gradient(110deg,#eef6f8,#f8fcfd)}.nps{position:relative;padding-bottom:15px}.nps:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:4px;border-radius:5px;background:linear-gradient(90deg,#c95d52 0 60%,#dca829 60% 80%,#2d8d69 80%)}.nps-response{grid-column:2;display:flex;align-items:center;gap:10px;color:var(--fb-muted);font-size:9px}.nps-response strong{color:var(--fb-navy);font-size:11px}.nps-response[data-group="detractor"] strong{color:#a4473e}.nps-response[data-group="passive"] strong{color:#9a700e}.nps-response[data-group="promoter"] strong{color:#247253}@keyframes ratingPulse{50%{transform:translateX(3px)}}@media(max-width:850px){.recommend{grid-template-columns:1fr}.nps-response{grid-column:1}}@media(max-width:600px){.form-heading{align-items:flex-start}.form-heading output{min-width:105px}.nps-response{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.rating-row,.rating-row label>i,.nps label>i{transition:none}.rating-pulse{animation:none}}

/* Working quick-assessment controls */
.feedback-hero aside button{appearance:none;border:1px solid #ffffff2e;background:#ffffff0a;color:#fff;min-height:46px;padding:8px 10px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;border-radius:3px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.feedback-hero aside button b{margin:0;min-width:18px}.feedback-hero aside button span{font-size:10px;color:#d9ebf1}.feedback-hero aside button:hover,.feedback-hero aside button:focus-visible{background:#ffffff1c;border-color:#71cceb;transform:translateY(-1px);outline:none}.feedback-hero aside button[aria-pressed="true"]{background:#60c7ec;color:#062d42;border-color:#60c7ec;box-shadow:0 7px 18px #00192535}.feedback-hero aside button[aria-pressed="true"] span{color:#062d42;font-weight:700}.feedback-hero aside .clear-assessment{grid-column:1/-1;justify-content:center;min-height:34px;color:#bfe2ee}.feedback-hero aside .assessment-status{grid-column:1/-1;font-size:9px;line-height:1.5;color:#a9cbd7;padding-top:3px}@media(max-width:850px){.feedback-hero aside{display:grid;grid-template-columns:repeat(2,1fr);border-left:0;border-top:1px solid #ffffff38;padding:22px 0 0}.feedback-hero aside button:first-of-type{grid-column:1/-1}}