:root{--brand-green: #3C5D44;--brand-green-dark: #2d4632;--brand-gold: #C9A227;--brand-gold-dark: #a8861f;--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #7a7a7a;--surface: #ffffff;--surface-muted: #f8f9f7;--surface-sunken: #f2f4f0;--border-subtle: rgba(60, 93, 68, .12);--border-default: rgba(60, 93, 68, .22);--focus-ring: 0 0 0 3px rgba(201, 162, 39, .28);--focus-ring-green: 0 0 0 3px rgba(60, 93, 68, .2);--error: #b23b3b;--error-soft: #fbeaea;--success: #3C5D44;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-soft: 0 1px 2px rgba(26, 26, 26, .04), 0 4px 16px rgba(26, 26, 26, .06);--shadow-card: 0 1px 3px rgba(26, 26, 26, .05), 0 8px 28px rgba(26, 26, 26, .08);--touch-min: 44px;--reading-measure: 38rem;--transition-fast: .18s ease;--transition-medium: .28s ease}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--surface-muted);line-height:1.6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.survey-page-wrapper{min-height:100vh;width:100%;background-color:#0e1a13;background-image:radial-gradient(ellipse 70% 60% at 50% 30%,#c5dccd 0%,#83ad91 25%,var(--brand-green) 50%,#1a2c20 75%,#0e1a13 100%);background-attachment:fixed;padding:.5rem 0;display:flex;flex-direction:column;align-items:center}.survey-container{position:relative;width:100%;max-width:1100px;background:var(--surface);margin:0 auto;padding:var(--space-4) var(--space-5) var(--space-6);border-top:4px solid var(--brand-gold)}@media(min-width:700px){.survey-container{border-radius:20px;box-shadow:0 0 120px 30px #83ad9159,0 24px 80px #000c;padding:var(--space-8) var(--space-8)}}.a11y-toggle{position:absolute;top:24px;right:24px;background:transparent;border:1.5px solid rgba(60,93,68,.25);color:var(--brand-green);border-radius:8px;padding:6px 12px;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);z-index:10}.a11y-toggle:hover:not(.is-active){border-color:var(--brand-green);background:#3c5d440a;transform:translateY(-1px)}.a11y-toggle.is-active{background:var(--brand-green);border-color:var(--brand-green);color:#fff;box-shadow:0 4px 12px #3c5d4433}.a11y-toggle.is-active:hover{background:var(--brand-green-dark);border-color:var(--brand-green-dark);transform:translateY(-1px)}.a11y-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #c9a2274d}@media(max-width:699px){.a11y-toggle{top:16px;right:auto;left:16px;padding:4px 10px;font-size:.9rem}}.survey-title{font-size:1.5rem;font-weight:700;color:var(--brand-green);margin:0 0 var(--space-2);letter-spacing:-.02em}.organisation-name{color:var(--text-muted);font-size:.85rem;font-weight:500;margin:0;letter-spacing:.01em}.employee-greeting{color:var(--brand-green);font-weight:700;font-size:1.1rem;margin:0 0 var(--space-2);letter-spacing:-.01em}.intro-text{color:var(--text-secondary);font-size:.95rem;white-space:pre-line;margin:0 0 var(--space-6);line-height:1.8}.category-title{font-size:1.35rem;font-weight:700;color:var(--brand-green);margin:0 0 var(--space-7);letter-spacing:-.02em;text-align:center;position:relative;padding-bottom:var(--space-4)}.category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:48px;height:4px;background:var(--brand-gold);border-radius:2px}.question-text{font-size:.95rem;font-weight:600;color:#1a1a1a;line-height:1.5;margin:0 0 var(--space-4);letter-spacing:-.01em}.large-text-mode .survey-title{font-size:1.8rem}.large-text-mode .organisation-name{font-size:1rem}.large-text-mode .employee-greeting{font-size:1.25rem}.large-text-mode .intro-text{font-size:1.1rem}.large-text-mode .category-title{font-size:1.5rem}.large-text-mode .question-text{font-size:1.15rem}.large-text-mode .scale-option{font-size:1rem}.large-text-mode .demographic-select,.large-text-mode .open-ended-textarea{font-size:1.1rem}.fade-in-down{animation:dropDown .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes dropDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes tick-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.scale-option.selected:after{animation:none}}.survey-header{text-align:center;margin-bottom:var(--space-2);padding-bottom:0;position:relative}.powered-by-mark{position:absolute;top:-8px;left:0;display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;letter-spacing:.02em;padding:6px 10px;border-radius:8px;transition:all var(--transition-fast)}.powered-by-mark img{height:38px;width:auto;opacity:.85;transition:opacity var(--transition-fast)}.powered-by-mark:hover{color:var(--brand-green);background:#3c5d440a}.powered-by-mark:hover img{opacity:1}.powered-by-mark:focus-visible{outline:none;box-shadow:0 0 0 3px #c9a2274d}@media(max-width:699px){.powered-by-mark{position:static;margin:0 auto var(--space-4);padding:4px 8px;justify-content:center}.powered-by-mark img{height:24px}.powered-by-mark span{font-size:.78rem}}.co-branded-header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);min-height:120px}.co-branded-header .client-logo{margin:0;max-width:260px;max-height:120px;height:auto;width:auto;object-fit:contain}@media(max-width:699px){.co-branded-header{min-height:90px}.co-branded-header .client-logo{max-width:200px;max-height:90px}}.client-logo-fallback{font-size:1.4rem;font-weight:700;color:var(--brand-green);letter-spacing:-.01em;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-default);border-radius:12px;background:var(--surface-muted)}.page-transition-wrapper{transition:opacity .2s ease}.page-transition-wrapper.is-fading-in{opacity:1}.page-transition-wrapper.is-fading-out{opacity:0}@media(prefers-reduced-motion:reduce){.page-transition-wrapper{transition:none}.page-transition-wrapper.is-fading-out{opacity:1}}.progress-placeholder{height:60px;margin-bottom:var(--space-6)}.hidden-visually{opacity:0;pointer-events:none}.floating-progress-container{position:fixed;top:16px;left:0;width:100%;display:flex;justify-content:center;z-index:9999;pointer-events:none}.survey-progress.is-pinned{pointer-events:auto;width:calc(100% - var(--space-5) * 2);max-width:calc(1100px - var(--space-8) * 2);background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--space-3) var(--space-5);border-radius:100px;border:1px solid rgba(60,93,68,.15);box-shadow:0 16px 40px #0000001f,0 4px 12px #00000014}.survey-progress-label{display:flex;justify-content:flex-start;align-items:baseline;font-size:.75rem;font-weight:700;color:var(--brand-green);margin-bottom:var(--space-2);letter-spacing:.02em;text-transform:uppercase}.survey-progress-track{height:6px;background:#0000000f;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.survey-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-green),#4e7758);border-radius:999px;transition:width .5s cubic-bezier(.25,1,.5,1)}.info-panel{background:linear-gradient(145deg,#3c5d440a,#3c5d4403);border:1px solid rgba(60,93,68,.06);border-radius:16px;padding:var(--space-3);margin-bottom:var(--space-3)}.info-panel-title{margin:0 0 var(--space-4);font-size:1.05rem;color:var(--brand-green);font-weight:700}.info-panel-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.info-panel-list li{display:flex;align-items:flex-start;gap:var(--space-4);font-size:.9rem;color:var(--text-secondary);line-height:1.6}.info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--brand-green);flex-shrink:0;margin-top:2px}.info-icon svg{width:100%;height:100%}.question-block{margin-bottom:var(--space-7)}.scale-options{display:flex;flex-direction:column;gap:var(--space-2)}.scale-option{display:flex;align-items:center;min-height:52px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none}.scale-option[data-step="1"]{background:#fff}.scale-option[data-step="2"]{background:#f0f5f1}.scale-option[data-step="3"]{background:#e1ebe2}.scale-option[data-step="4"]{background:#cbe0ce}.scale-option[data-step="5"]{background:#b1d1b5}@media(max-width:699px){.scale-options{gap:var(--space-2);border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--border-default);box-shadow:0 2px 8px #00000005}.scale-option{border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.6);padding:var(--space-4);font-size:.95rem;font-weight:600;color:#1a1a1a;min-height:56px;position:relative;justify-content:center;text-align:center;transition:all .2s cubic-bezier(.25,1,.5,1)}.scale-option:last-child{border-bottom:none}.scale-option:before{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--brand-green);opacity:.7;transition:all .2s ease}.scale-option[data-step="1"]:before{width:4px;opacity:.25}.scale-option[data-step="2"]:before{width:4px;opacity:.45}.scale-option[data-step="3"]:before{width:4px;opacity:.65}.scale-option[data-step="4"]:before{width:4px;opacity:.85}.scale-option[data-step="5"]:before{width:4px;opacity:1}.scale-option:hover{transform:translateY(-1px);z-index:5}.scale-option[data-step="1"]:hover{background:#f8f8f8}.scale-option[data-step="2"]:hover{background:#e5ede6}.scale-option[data-step="3"]:hover{background:#d4e0d6}.scale-option[data-step="4"]:hover{background:#bcd4bf}.scale-option[data-step="5"]:hover{background:#a2c4a7}.scale-option.selected,.scale-option.selected[data-step]{background:var(--brand-green);color:#fff;font-weight:700;box-shadow:0 0 0 2px var(--brand-gold),0 8px 16px #3c5d444d;z-index:10;transform:translateY(-1px)}.scale-option.selected:before{width:4px;opacity:1;background:var(--brand-gold)}.scale-option.selected:after{content:"";position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);width:22px;height:22px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A227' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain}}@media(min-width:700px){.scale-options{flex-direction:row;gap:0;border-radius:12px;border:1px solid var(--border-default);background:var(--surface);box-shadow:0 2px 8px #00000005}.scale-option{flex:1;justify-content:center;text-align:center;min-height:56px;padding:var(--space-3) var(--space-2);font-weight:500;border:none;border-right:1px solid var(--border-subtle);border-radius:0;position:relative}.scale-option:last-child{border-right:none}.scale-option:hover{box-shadow:inset 0 0 0 2px var(--brand-gold),0 8px 24px #c9a22726;border-right-color:transparent;z-index:2}.scale-option[data-step="1"]:hover{background:#f8f8f8}.scale-option[data-step="2"]:hover{background:#e5ede6}.scale-option[data-step="3"]:hover{background:#d4e0d6}.scale-option[data-step="4"]:hover{background:#bcd4bf}.scale-option[data-step="5"]:hover{background:#a2c4a7}.scale-option.selected,.scale-option.selected[data-step]{background:var(--brand-green);color:#fff;font-weight:700;border-right-color:transparent;border-radius:10px;transform:scale(1.06);box-shadow:0 0 0 2px var(--brand-gold),0 0 0 8px #c9a22726,0 12px 24px #3c5d4466;z-index:10}.scale-option.selected:after{content:"";position:absolute;top:-10px;right:-10px;width:32px;height:32px;background-color:var(--brand-gold);border:3px solid var(--brand-green);border-radius:50%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-size:60% 60%;background-position:center;box-shadow:0 4px 12px #3c5d444d;animation:tick-pop .4s cubic-bezier(.34,1.56,.64,1);z-index:11}.scale-anchors{display:flex;justify-content:space-between;margin-top:var(--space-3);font-size:.75rem;color:var(--text-muted);font-weight:600}}.scale-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(min-width:700px){.scale-options:has(.scale-option.selected) .scale-option:not(.selected){opacity:.55;transition:opacity var(--transition-fast)}.scale-options:has(.scale-option.selected) .scale-option:not(.selected):hover{opacity:1}}.scale-anchors{display:none}.open-ended-textarea,.demographic-select{width:100%;border:1.5px solid rgba(60,93,68,.15);border-radius:12px;font-family:inherit;color:var(--text-primary);background:#fbfcfb;box-shadow:inset 0 2px 6px #00000005;transition:all var(--transition-fast)}.open-ended-textarea{padding:var(--space-4);font-size:.95rem;resize:vertical}.demographic-select{min-height:48px;padding:var(--space-3) var(--space-4);font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C5D44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.open-ended-textarea:focus,.demographic-select:focus{background:#fff;border-color:var(--brand-gold);outline:none;box-shadow:0 0 0 4px #c9a22726}.demographic-select:hover{border-color:var(--brand-green)}.premium-error-banner{background:#fff;border-left:4px solid #d93838;box-shadow:0 8px 24px #d9383826;border-radius:8px;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.question-block.has-error{animation:error-pulse 1s ease-out}.question-block.has-error .question-text{color:#d93838}.question-block.has-error .demographic-select,.question-block.has-error .open-ended-textarea{border-color:#d93838;box-shadow:0 0 0 3px #d938381f}@keyframes error-pulse{0%{background:#d9383800}20%{background:#d938380f}to{background:#d9383800}}@media(prefers-reduced-motion:reduce){.question-block.has-error{animation:none}}.survey-actions{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.intro-actions{display:flex;justify-content:flex-end}.next-button,.submit-button,.start-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background-color:var(--surface);border:1px solid var(--brand-green);color:var(--brand-green);min-height:48px;padding:0 var(--space-7);border-radius:999px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.survey-actions .next-button,.survey-actions .submit-button,.survey-actions .back-button{flex:1;display:flex;align-items:center;justify-content:center}.start-button{width:100%}@media(min-width:700px){.start-button{width:auto;padding:0 var(--space-8)}}.next-button:hover:not(:disabled),.submit-button:hover:not(:disabled),.start-button:hover:not(:disabled){background-color:var(--brand-green);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-soft)}.next-button:focus-visible,.submit-button:focus-visible,.start-button:focus-visible,.back-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.next-button:disabled,.submit-button:disabled{border-color:var(--border-default);color:var(--text-muted);background-color:var(--surface);box-shadow:none;cursor:not-allowed;transform:none}.back-button{background:transparent;color:var(--text-secondary);min-height:48px;padding:0 var(--space-5);font-size:.875rem;font-weight:700;font-family:inherit;border:1px solid var(--border-default);border-radius:999px;cursor:pointer;transition:all var(--transition-fast)}.back-button:hover:not(:disabled){border-color:var(--brand-green);color:var(--brand-green);background:#3c5d4408}@media(max-width:699px){.survey-actions{position:sticky;bottom:0;background:var(--surface);margin-left:calc(var(--space-5) * -1);margin-right:calc(var(--space-5) * -1);margin-bottom:calc(var(--space-8) * -1);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);box-shadow:0 -10px 30px #0000000f;z-index:10}}.skeleton-pulse{animation:pulse 1.5s infinite ease-in-out;background:var(--surface-sunken);border-radius:var(--radius-sm)}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.skeleton-header{height:48px;width:60%;margin:0 auto var(--space-6)}.skeleton-text{height:24px;margin-bottom:var(--space-3)}.skeleton-box{height:200px;width:100%;margin-top:var(--space-6);border-radius:var(--radius-md)}.thank-you-card{text-align:center;padding:var(--space-8) 0}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--brand-green);color:#fff;border-radius:50%;margin-bottom:var(--space-5);box-shadow:0 12px 32px #3c5d444d}.success-icon svg{width:36px;height:36px}.thank-you-title{font-size:1.65rem;font-weight:700;color:var(--brand-green);margin:0 0 var(--space-4);letter-spacing:-.02em;white-space:pre-line}.thank-you-message{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:40rem;margin:0 auto}.generic-page-wrapper{min-height:100vh;width:100%;background-color:#0e1a13;background-image:radial-gradient(ellipse 70% 60% at 50% 30%,#c5dccd 0%,#83ad91 25%,var(--brand-green) 50%,#1a2c20 75%,#0e1a13 100%);background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding:var(--space-4)}.generic-container{width:100%;max-width:480px;background:var(--surface);border-radius:20px;box-shadow:0 0 120px 30px #83ad9159,0 24px 80px #00000080;border-top:4px solid var(--brand-gold);padding:var(--space-8) var(--space-6);text-align:center;position:relative}.generic-container .powered-by-mark{top:var(--space-3);left:var(--space-3)}@media(max-width:699px){.generic-container{padding-top:var(--space-5)}}.generic-title{font-size:1.8rem;font-weight:700;color:var(--brand-green);margin:0 0 var(--space-2);letter-spacing:-.02em}.generic-subtitle{color:var(--text-secondary);font-size:1.05rem;margin:0 0 var(--space-7);line-height:1.6}.generic-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.generic-input{width:100%;min-height:60px;padding:var(--space-3) var(--space-4);font-size:1.25rem;font-family:inherit;font-weight:600;color:var(--text-primary);text-align:center;letter-spacing:.1em;background:#fbfcfb;border:1.5px solid rgba(60,93,68,.15);border-radius:12px;box-shadow:inset 0 2px 6px #00000005;transition:all var(--transition-fast);margin-bottom:var(--space-6)}.generic-input:focus{background:#fff;border-color:var(--brand-gold);outline:none;box-shadow:0 0 0 4px #c9a22726}.generic-input::placeholder{color:var(--text-muted);font-weight:400;letter-spacing:normal}.generic-continue-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 var(--space-7);background-color:var(--surface);border:1px solid var(--brand-green);color:var(--brand-green);border-radius:999px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.generic-continue-button:hover:not(:disabled){background-color:var(--brand-green);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-soft)}.generic-continue-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.generic-continue-button:disabled{border-color:var(--border-default);color:var(--text-muted);background-color:var(--surface);box-shadow:none;cursor:not-allowed;transform:none}.premium-error-banner{background:#fff;border-left:4px solid #d93838;box-shadow:0 8px 24px #d9383826;border-radius:8px;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);display:flex;align-items:center;text-align:left;gap:var(--space-4)}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.premium-error-icon{color:#d93838;flex-shrink:0;width:24px;height:24px}.premium-error-icon svg{width:100%;height:100%}.premium-error-content{display:flex;flex-direction:column}.premium-error-title{font-weight:700;color:#d93838;font-size:1rem;margin-bottom:2px}.premium-error-text{color:var(--text-secondary);font-size:.9rem}.fade-in{animation:fadeInSlideUp var(--transition-medium)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}