:root{--bg: #f6f5ef;--bg-warm: #fbfaf5;--panel: #ffffff;--ink: #071523;--ink-soft: #183044;--muted: #62717d;--line: #d9ddd6;--line-strong: #bfc8c2;--teal: #00616b;--teal-deep: #003a43;--cyan: #2bb9bd;--cyan-soft: #e7f8f6;--lime: #a8d85f;--amber: #cb7b24;--danger: #b9362c;--shadow: 0 28px 80px rgba(8, 28, 36, .13);--soft-shadow: 0 16px 44px rgba(8, 28, 36, .09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 72% 12%,rgba(43,185,189,.14),transparent 30%),linear-gradient(180deg,var(--bg-warm),var(--bg) 42%,#f3f3ee)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(0,97,107,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(0,97,107,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,black,transparent 72%);mask-image:linear-gradient(180deg,black,transparent 72%)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:72px;padding:16px 64px;background:#fbfaf5db;border-bottom:1px solid rgba(217,221,214,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{position:relative;display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:25px;font-weight:780;text-decoration:none}.brand:before{width:33px;height:33px;border-radius:8px;content:"";background:linear-gradient(150deg,#0a3f59 0 38%,transparent 39%),linear-gradient(18deg,#2db6ad 0 46%,transparent 47%),linear-gradient(180deg,#eff9f5 0,#eff9f5);box-shadow:inset 0 0 0 1px #0715231a}nav{display:flex;align-items:center;gap:40px}nav a,.text-link{color:var(--ink-soft);font-size:14px;font-weight:650;text-decoration:none}nav a:hover,.text-link:hover,footer a:hover{color:var(--teal)}.header-actions{display:flex;justify-content:flex-end;gap:12px}.primary-button,.secondary-button{min-height:46px;border-radius:7px;padding:0 22px;font-size:14px;font-weight:760;border:1px solid transparent}.primary-button{color:#fff;background:linear-gradient(135deg,var(--teal-deep),var(--teal));box-shadow:0 15px 36px #003a4338}.primary-button:hover{transform:translateY(-1px);box-shadow:0 20px 44px #003a4342}.secondary-button{color:var(--ink);background:#ffffffd1;border-color:var(--line-strong)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:52px;align-items:center;min-height:620px;padding:64px 64px 44px;overflow:hidden}.hero *,.dashboard-canvas *,.product-preview *{min-width:0}.hero:after{position:absolute;top:0;right:0;bottom:0;width:46%;z-index:-1;content:"";background:repeating-radial-gradient(ellipse at 92% 45%,#fff0,#fff0 24px,#2bb9bd29,#2bb9bd29 26px),linear-gradient(135deg,#003a43f5,#00616bb8);clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.hero-copy{width:100%;max-width:min(650px,100%)}.hero-label{display:inline-flex;align-items:center;gap:12px;margin:0 0 28px;color:var(--ink-soft);font-size:12px;font-weight:780;letter-spacing:.15em;text-transform:uppercase}.hero-label:after{width:48px;height:2px;content:"";background:var(--lime)}.hero h1{margin:0;max-width:650px;font-family:Georgia,Times New Roman,serif;font-size:clamp(50px,5.8vw,76px);font-weight:600;line-height:.98}.hero h1:after{color:var(--lime);content:""}.hero-copy>p:not(.hero-label){max-width:600px;margin:28px 0 0;color:var(--ink-soft);font-size:20px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(0,97,107,.35);padding-bottom:5px}.text-link:after{content:"->"}.hero-dashboard{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:440px;overflow:hidden;border:1px solid rgba(255,255,255,.64);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.dashboard-sidebar{display:grid;align-content:start;gap:8px;padding:22px 14px;color:#fff;background:linear-gradient(180deg,#004a55,#002e36)}.dashboard-sidebar strong{margin-bottom:16px;font-size:13px}.dashboard-sidebar span{border-radius:7px;padding:11px 10px;color:#ffffffc7;font-size:12px;font-weight:680}.dashboard-sidebar .active{color:#fff;background:#2bb9bd38}.dashboard-canvas{padding:18px;background:#fbfdfb}.dashboard-toolbar,.preview-header div{display:flex;justify-content:flex-end;gap:10px}.dashboard-toolbar span,.preview-header span{min-width:108px;padding:9px 12px;border:1px solid #e3e8e4;border-radius:7px;color:var(--muted);background:#fff;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.hero-score,.hero-quality,.hero-alerts,.hero-verified,.score-card,.trend-panel,.risk-panel,.metric-tile,.response-card,.privacy-note,.question-card,.success-card,.admin-login{background:#ffffffeb;border:1px solid var(--line);border-radius:8px}.hero-score,.hero-quality,.hero-alerts,.hero-verified{min-height:150px;padding:18px}.hero-score{grid-row:span 2}.hero-score span,.hero-quality>span,.hero-alerts>span,.hero-verified>span{display:block;color:var(--ink-soft);font-size:13px;font-weight:760}.hero-score strong{display:flex;align-items:baseline;gap:4px;margin-top:28px;font-size:72px;font-weight:520}.hero-score small{color:var(--muted);font-size:18px}.hero-score em{color:var(--teal);font-size:14px;font-style:normal;font-weight:720}.hero-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-quality>span{grid-column:1 / -1}.hero-quality div{border-left:1px solid #edf0ed;padding-left:10px}.hero-quality strong,.hero-quality small{display:block}.hero-quality strong{font-size:24px}.hero-quality small,.hero-alerts p,.hero-verified p{color:var(--muted);font-size:12px}.hero-alerts p,.hero-verified p{display:flex;justify-content:space-between;gap:14px;margin:13px 0 0}.hero-alerts strong{color:var(--amber)}.hero-verified strong{color:var(--teal)}.survey-expectations{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1240px;margin:0 auto;padding:0 28px}.survey-expectations div{min-height:96px;padding:24px 26px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;box-shadow:0 12px 30px #081c240b}.survey-expectations div:last-child{border-right:1px solid var(--line)}.survey-expectations strong,.survey-expectations span,.trust-strip strong,.trust-strip span{display:block}.survey-expectations strong,.trust-strip strong{font-size:15px;font-weight:780}.survey-expectations span,.trust-strip span{margin-top:6px;color:var(--muted);font-size:13px}.survey-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;max-width:1240px;margin:68px auto 0;padding:0 28px 54px}.survey-main{grid-column:2;min-width:0}.survey-progress{position:sticky;top:104px;grid-column:1;grid-row:1;align-self:start;padding:26px 18px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.section-heading h2,.console-section h2{margin:0;font-size:34px;line-height:1.05}.section-heading p,.console-section p{max-width:430px;margin:0;color:var(--muted);font-size:15px;line-height:1.5}.question-card{margin-top:0;padding:32px;box-shadow:var(--soft-shadow)}.question-index{margin-bottom:12px;color:var(--teal);font-size:12px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.question-card h2,.success-card h2{margin:0;font-size:30px;line-height:1.12}.question-copy{max-width:820px;color:var(--muted);font-size:16px;line-height:1.55}.option-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.pricing-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 4px}.pricing-tier{padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#e7f8f673)}.pricing-tier strong,.pricing-tier span{display:block}.pricing-tier strong{font-size:15px}.pricing-tier span{margin-top:4px;color:var(--teal);font-weight:780}.pricing-tier p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.option-row{display:grid;grid-template-columns:18px 1fr;gap:13px;align-items:start;min-height:58px;padding:15px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-soft);font-size:14px;line-height:1.35;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.option-row:hover{transform:translateY(-1px);border-color:#00616b59;box-shadow:0 12px 28px #081c240f}.option-row.selected{border-color:var(--cyan);background:var(--cyan-soft)}.option-row:has(input[aria-invalid=true]),.input-field input[aria-invalid=true],.input-field textarea[aria-invalid=true]{border-color:var(--danger)}.option-row input{margin-top:1px;accent-color:var(--teal)}.field-error{display:block;margin-top:8px;color:var(--danger);font-size:13px;font-weight:760;line-height:1.35}.other-field{margin-top:18px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.input-field{display:grid;gap:8px}.input-field.wide{grid-column:1 / -1}.input-field span{color:var(--ink-soft);font-size:13px;font-weight:760}.input-field input,.input-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:14px 15px;color:var(--ink);font-size:15px}.input-field textarea{resize:vertical}.input-field input:focus,.input-field textarea:focus,.option-row:focus-within,.rating-button:focus,button:focus-visible{outline:3px solid rgba(43,185,189,.25);outline-offset:2px}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}.rating-button{height:60px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:18px;font-weight:820}.rating-button.active{border-color:var(--cyan);background:var(--cyan-soft);color:var(--teal)}.rating-labels{display:flex;justify-content:space-between;margin:10px 0 22px;color:var(--muted);font-size:13px}.survey-controls{display:flex;justify-content:space-between;margin-top:18px}.form-error{margin-top:14px;border:1px solid rgba(203,123,36,.36);border-radius:8px;background:#fff8e9;padding:14px 16px;color:#754007;font-weight:680}.progress-top{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:13px}.progress-bar{height:8px;margin:16px 0 24px;overflow:hidden;border-radius:999px;background:#e3e7e1}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:width .22s ease}.survey-progress ol{display:grid;gap:11px;margin:0;padding:0;list-style:none}.survey-progress li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;color:var(--muted);font-size:13px}.survey-progress li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:50%;font-size:11px;font-weight:800}.survey-progress li.active,.survey-progress li.done{color:var(--ink)}.survey-progress li.active span,.survey-progress li.done span{border-color:var(--cyan);color:var(--teal);background:var(--cyan-soft)}.privacy-note{margin-top:28px;padding:18px;background:linear-gradient(180deg,var(--cyan-soft),#fff);border-color:#2bb9bd66}.privacy-note p{margin:8px 0 0;color:#4c6969;font-size:13px;line-height:1.45}.success-card{display:grid;justify-items:center;padding:46px 28px;background:linear-gradient(180deg,var(--cyan-soft),white);text-align:center;box-shadow:var(--soft-shadow)}.success-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border:2px solid var(--cyan);border-radius:50%;color:var(--teal);font-size:34px}.success-card p{max-width:460px;color:var(--muted)}.product-preview{display:grid;grid-template-columns:190px 1fr;gap:0;max-width:1240px;margin:28px auto 0;min-height:610px;overflow:hidden;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--soft-shadow)}.preview-nav{display:flex;flex-direction:column;gap:8px;padding:28px 20px;color:#fff;background:linear-gradient(180deg,#004f5b,#002f38)}.preview-nav strong{margin-bottom:16px;font-size:18px}.preview-nav span{border-radius:7px;padding:11px 14px;color:#ffffffc2;font-size:13px;font-weight:640}.preview-nav .active{background:#2bb9bd38;color:#fff}.preview-main{padding:28px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.preview-header h2{margin:0;font-size:20px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.score-card{padding:18px}.score-card span,.score-card em{display:block;color:var(--muted);font-size:12px;font-style:normal}.score-card strong{display:flex;align-items:baseline;gap:4px;margin-top:16px;font-size:36px}.score-card small{color:var(--muted);font-size:14px;font-weight:500}.score-card em{color:var(--teal);margin-top:-28px;text-align:right}.sparkline,.chart-line{margin-top:22px;height:36px;background:linear-gradient(135deg,transparent 8%,var(--cyan) 9% 11%,transparent 12% 24%,var(--cyan) 25% 27%,transparent 28% 44%,var(--cyan) 45% 47%,transparent 48% 64%,var(--cyan) 65% 67%,transparent 68%),linear-gradient(180deg,transparent,var(--cyan-soft))}.preview-lower{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:18px}.trend-panel,.risk-panel{min-height:228px;padding:20px}.chart-line{height:148px;border-bottom:1px solid var(--line)}.risk-panel{display:flex;flex-direction:column;gap:16px}.risk-panel span{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:14px}.risk-panel em{color:var(--teal);font-style:normal}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1240px;margin:34px auto 0;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.trust-strip div{min-height:90px;padding:24px 28px;border-right:1px solid var(--line)}.trust-strip div:last-child{border-right:0}.value-band{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end;max-width:1240px;margin:78px auto 0;padding:0 28px 70px;border-bottom:1px solid var(--line)}.value-band h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:48px;font-weight:600;line-height:1.05}.value-band p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.55}.value-band ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.value-band li{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;font-weight:720}.console-section{display:grid;grid-template-columns:1fr auto;gap:22px;max-width:1120px;margin:44px auto 70px;padding:42px 24px 0;border-top:1px solid var(--line)}.config-editor-section{display:grid;gap:18px;max-width:1120px;margin:36px auto 0;padding:28px;border:1px solid var(--line);border-radius:8px;background:#ffffffdb;box-shadow:var(--soft-shadow)}.config-editor-header{display:flex;align-items:start;justify-content:space-between;gap:22px}.config-editor-header h2{margin:0;font-size:30px}.config-editor-header p{max-width:680px;margin:8px 0 0;color:var(--muted);line-height:1.5}.config-editor-actions{display:flex;gap:10px;flex-shrink:0}.config-meta-grid{border-bottom:1px solid var(--line);padding-bottom:18px}.question-builder-list{display:grid;gap:16px}.question-builder-card{display:grid;gap:18px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#f9fbfae6}.question-builder-top{display:flex;align-items:start;justify-content:space-between;gap:18px}.question-builder-top span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.question-builder-top strong{display:block;margin-top:4px;font-size:18px}.question-builder-actions{display:flex;gap:8px;flex-shrink:0}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:18px;font-weight:800;cursor:pointer}.icon-button:disabled{cursor:not-allowed;opacity:.35}.icon-button.danger:not(:disabled){color:#9d2c20;border-color:#9d2c2040}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.builder-check{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--muted);font-size:14px;font-weight:700}.input-field select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px 14px;font:inherit}.config-status{border:1px solid rgba(43,185,189,.4);border-radius:8px;background:var(--cyan-soft);padding:12px 14px;color:var(--teal);font-size:14px;font-weight:700}.console-grid,.response-list{grid-column:1 / -1}.console-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-tile{padding:22px}.metric-tile strong,.metric-tile span{display:block}.metric-tile strong{font-size:34px}.metric-tile span{margin-top:4px;color:var(--muted);font-size:13px}.response-list{display:grid;gap:14px}.response-card{padding:20px}.response-card>div{display:flex;justify-content:space-between;gap:20px}.response-card span{color:var(--muted)}.response-card p{max-width:780px;margin:14px 0;color:var(--ink-soft)}.response-card dl{display:grid;grid-template-columns:1.1fr .4fr .9fr;gap:10px;margin:0}.response-card dt{color:var(--muted);font-size:12px}.response-card dd{margin:3px 0 0;font-size:14px;font-weight:680}.empty-state{border:1px dashed var(--line-strong);border-radius:8px;padding:28px;color:var(--muted);text-align:center}footer{padding:20px 24px 30px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}footer a{color:var(--muted);text-decoration:none}.admin-hero{max-width:760px;margin:0 auto;padding:96px 24px 30px;text-align:center}.admin-hero h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,7vw,72px);font-weight:600;line-height:1}.admin-hero p{margin:20px auto 0;color:var(--muted);font-size:18px}.admin-login{display:grid;gap:18px;max-width:520px;margin:0 auto 90px;padding:28px;box-shadow:var(--soft-shadow)}.admin-login h2{margin:0;font-size:28px}.admin-login p{margin:8px 0 0;color:var(--muted);line-height:1.5}@media (max-width: 1120px){.hero{grid-template-columns:1fr;min-height:0}.hero:after{width:100%;opacity:.12}.hero-dashboard{grid-template-columns:140px minmax(0,1fr)}.survey-shell{grid-template-columns:1fr}.survey-main,.survey-progress{grid-column:1}.survey-progress{position:static}.survey-progress ol{grid-template-columns:repeat(2,1fr)}}@media (max-width: 880px){.site-header{grid-template-columns:1fr;padding:18px 24px;max-width:100vw}nav,.header-actions{justify-content:flex-start;flex-wrap:wrap;gap:16px}.hero{padding:48px 22px 34px;width:100%;max-width:100vw}.hero-dashboard,.product-preview,.value-band{grid-template-columns:1fr}.dashboard-sidebar,.preview-nav{display:none}.survey-expectations,.score-grid,.preview-lower,.trust-strip,.console-grid,.pricing-tier-grid{grid-template-columns:1fr 1fr}.config-editor-header{flex-direction:column}.builder-grid{grid-template-columns:1fr}.question-builder-top{flex-direction:column}.product-preview,.trust-strip,.value-band{margin-left:18px;margin-right:18px}.option-list{grid-template-columns:1fr}}@media (max-width: 640px){.brand{font-size:22px}nav{display:none}.hero h1{font-size:38px;line-height:1.02}.hero-copy>p:not(.hero-label){max-width:calc(100vw - 52px);font-size:17px;overflow-wrap:anywhere}.hero-label{align-items:flex-start;font-size:11px;line-height:1.45;letter-spacing:.1em}.hero-label:after{display:none}.hero-actions,.survey-controls,.response-card>div,.section-heading{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.hero-dashboard{min-height:0;display:block;width:calc(100vw - 44px);max-width:calc(100vw - 44px)}.dashboard-canvas{padding:18px;overflow:hidden}.hero-score strong{font-size:56px}.dashboard-toolbar{flex-wrap:wrap;justify-content:flex-start}.dashboard-toolbar span,.preview-header span{min-width:0;width:100%}.dashboard-grid,.hero-quality,.survey-expectations,.score-grid,.preview-lower,.trust-strip,.field-grid,.pricing-tier-grid,.console-grid,.response-card dl,.survey-progress ol{grid-template-columns:1fr}.survey-expectations div,.trust-strip div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.survey-expectations div:last-child,.trust-strip div:last-child{border-bottom:1px solid var(--line)}.survey-shell{margin-top:42px;padding-left:16px;padding-right:16px}.question-card{padding:22px}.question-card h2{font-size:25px}.rating-row{grid-template-columns:repeat(5,minmax(42px,1fr))}.preview-main{padding:20px}.value-band h2{font-size:38px}}
