:root{--navy:#18233b;--ink:#243047;--muted:#718096;--teal:#0c756d;--teal-dark:#09574f;--border:#e3e8ee;--paper:#f7f8fb;--white:#fff;--shadow:0 12px 34px rgba(27,42,68,.055);--warm:#a76d1d;--warm-bg:#fff4dc;--good:#166c54;--good-bg:#e7f5ee}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);line-height:1.58}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);font-size:24px;font-weight:800;letter-spacing:-1.1px;line-height:1.05}.brand:hover{text-decoration:none}.brand small{display:block;color:var(--muted);font-weight:500;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;margin-top:5px}.brand-symbol{height:41px;width:41px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;font-style:italic;font-weight:400}.brand-dot{color:#15978c}.topbar nav{font-size:14px;font-weight:650;display:flex;gap:25px}.main-container{width:min(1120px,calc(100% - 42px));margin:0 auto;flex:1;padding:54px 0 76px}.site-footer{padding:27px 20px;text-align:center;color:#8793a4;border-top:1px solid var(--border);font-size:12px;background:white}.site-footer a{color:inherit}.hero{border-radius:26px;padding:clamp(34px,6vw,74px);background:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";width:310px;height:310px;border:76px solid rgba(15,124,116,.06);position:absolute;border-radius:50%;right:-160px;top:-145px;pointer-events:none}.eyebrow{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-3.4px;color:var(--navy);margin:17px 0 22px;max-width:700px}.hero h1 em{font-style:normal;color:var(--teal)}.hero>p{max-width:610px;color:#66758b;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:750;border:1px solid transparent;text-align:center;transition:.15s ease;text-decoration:none!important;white-space:normal}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:#fff;border-color:#d6dee8;color:var(--navy)}.button.secondary:hover{border-color:var(--teal);background:#f8fcfa}.button.full{width:100%}.hero-stats{display:flex;gap:50px;margin-top:61px}.hero-stats div{display:flex;flex-direction:column;gap:3px}.hero-stats strong{font-size:27px;line-height:1.1;color:var(--navy)}.hero-stats span{font-size:12px;color:#8693a3}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.feature{padding:30px;background:#fff;border:1px solid var(--border);border-radius:18px}.feature-index{color:#0e8c81;font-weight:800;font-size:12px;letter-spacing:1px}.feature h3{font-size:20px;margin:12px 0 7px;color:var(--navy)}.feature p{font-size:14px;color:var(--muted);margin:0}.card{background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:30px;margin-bottom:24px}.card h2{font-size:21px;letter-spacing:-.4px;color:var(--navy);margin:0 0 9px}.card p{margin:5px 0 16px}.card.readable{max-width:820px;padding:42px;margin-left:auto;margin-right:auto}.card.readable h1{font-size:39px;line-height:1.2;margin:16px 0 20px;color:var(--navy)}.card.readable h2{margin-top:30px}.card.readable p{color:#67758b}.backline{display:flex;justify-content:space-between;align-items:center;margin:-12px 0 27px;font-weight:650;font-size:13px;color:var(--muted)}.backline a{color:var(--teal)}.page-heading{margin:0 0 33px}.page-heading h1{margin:9px 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.18;letter-spacing:-1.6px;color:var(--navy)}.page-heading p{margin:0;color:var(--muted);font-size:16px;max-width:700px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:750;white-space:nowrap;background:#f0f2f6;color:#596779}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warm{background:var(--warm-bg);color:var(--warm)}.muted{color:var(--muted)}.small{font-size:12px}.auth-wrap{min-height:63vh;display:grid;place-items:center}.auth-card{width:min(440px,100%);padding:45px}.auth-card h1{font-size:35px;color:var(--navy);margin:15px 0 8px}.auth-card>p{color:var(--muted);font-size:14px}.vertical-form{display:flex;flex-direction:column;gap:12px;margin-top:22px}.field-label{font-weight:700;font-size:13px;color:var(--ink)}input[type=password],input[type=text],textarea{width:100%;border:1px solid #cdd6e1;background:#fff;border-radius:10px;padding:13px 14px;outline:none;color:var(--ink)}input[type=password]:focus,input[type=text]:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(12,117,109,.1)}textarea{resize:vertical;min-height:80px}.form-help{color:var(--muted);font-size:12px;margin:0}.alert{padding:14px 17px;border-radius:10px;background:#eaf2fa;border:1px solid #ccdfef;color:#315a76;font-size:14px;margin:16px 0}.alert.danger{background:#fff1f1;border-color:#f3cbcb;color:#944747}.metrics,.report-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:6px}.metric>span{font-size:12px;color:var(--muted);font-weight:700}.metric>strong{color:var(--navy);font-size:33px;line-height:1.2;letter-spacing:-1px}.metric>strong small{font-size:15px;color:var(--muted);font-weight:500}.metric>small{color:var(--muted);font-size:12px}.progress-meter{height:7px;border-radius:10px;background:#e9eef1;overflow:hidden;margin-top:12px;width:100%}.progress-meter span{display:block;height:100%;background:var(--teal);border-radius:inherit;transition:.2s}.progress-meter.large{height:9px;margin:4px 0 28px}.progress-header{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.progress-header strong{color:var(--navy)}.table-card{padding:0;overflow:hidden}.card-heading{padding:27px 29px 15px;display:flex;justify-content:space-between}.card-heading p{color:var(--muted);font-size:13px}.table-scroll{width:100%;overflow-x:auto}.admin-table,.report-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td,.report-table th,.report-table td{padding:16px 20px;border-top:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th,.report-table th{color:#7a8798;background:#fafbfc;text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:800;white-space:nowrap}.name-td{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;flex:none;border-radius:10px;background:#ecf3f4;display:grid;place-items:center;font-weight:850;color:#226a68;text-transform:uppercase}.avatar.big{width:54px;height:54px;border-radius:15px;font-size:21px}.avatar.special{background:var(--navy);color:#fff}.actions-cell{white-space:nowrap}.actions-cell a,.text-button{color:var(--teal);font-weight:750;font-size:12px;margin-right:13px}.text-button{border:0;background:none;padding:0}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.status-card{display:flex;justify-content:space-between;align-items:center;gap:25px}.status-card p{color:var(--muted);font-size:13px;max-width:680px}.survey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.survey-card{display:block;background:#fff;border:1px solid var(--border);border-radius:18px;padding:25px;transition:transform .15s,border-color .15s,box-shadow .15s;color:var(--ink);box-shadow:var(--shadow)}.survey-card:hover{text-decoration:none;transform:translateY(-2px);border-color:#85bcb7;box-shadow:0 14px 26px rgba(27,42,68,.08)}.survey-card.completed{border-color:#d5e9e0}.survey-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.survey-card h3{font-size:19px;color:var(--navy);margin:0 0 4px}.survey-card p{color:var(--muted);font-size:12px;margin:0}.survey-card-foot{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--teal);font-weight:750;font-size:12px;margin-top:22px;padding-top:18px}.team-card{background:#f2f8f6}.info-strip{display:flex;gap:16px;background:#eaf3f2;padding:18px 23px;border-radius:12px;margin-top:28px;color:#476861;font-size:13px}.info-strip strong{color:var(--teal);white-space:nowrap}.notice-strong{background:#e2f3e9;border-left:4px solid var(--teal);padding:20px 24px;margin:15px 0 28px;border-radius:8px}.notice-strong a{font-weight:800}.scale-legend{background:#eaf3f2;display:flex;gap:14px 25px;align-items:center;flex-wrap:wrap;padding:15px 22px;border-radius:12px;margin-bottom:25px;font-size:12px;color:#54736d}.scale-legend strong{font-size:13px;color:var(--teal)}.question-group{background:white;border:1px solid var(--border);border-radius:17px;overflow:hidden;margin:24px 0}.question-group>h2{font-size:21px;margin:0;padding:24px 26px 10px;color:var(--navy);letter-spacing:-.4px}.question-group>p{padding:0 26px;margin:0 0 15px}.question{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:25px;border-top:1px solid #edf0f3;padding:20px 26px}.question-text{display:flex;align-items:flex-start;gap:12px}.question-text p{margin:0;font-size:14px;font-weight:600;line-height:1.5}.question-text>strong{min-width:130px;font-size:14px}.question-text .small{font-weight:400}.q-number{font-size:11px;font-weight:850;color:var(--teal);padding-top:2px;white-space:nowrap}.rating-options{display:flex;gap:6px;align-items:center}.score-choice{display:inline-block;cursor:pointer;position:relative}.score-choice input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;margin:0}.score-choice span{min-width:36px;height:36px;padding:0 8px;display:flex;justify-content:center;align-items:center;background:#f8fafb;border:1px solid #dde3ea;border-radius:8px;color:#66768b;font-weight:700;font-size:13px;transition:.12s}.score-choice input:checked+span{background:var(--teal);color:#fff;border-color:var(--teal)}.score-choice input:focus-visible+span{outline:3px solid #85c9bc;outline-offset:2px}.score-choice:hover span{border-color:var(--teal)}.score-choice.no-answer span{font-size:11px;padding:0 11px}.open-question{padding:16px 26px 22px;border-top:1px solid #edf0f3}.open-question label{display:block;margin-bottom:10px;font-size:14px;font-weight:700}.open-question textarea{font-size:13px;line-height:1.6}.form-footer{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px 26px;display:flex;gap:20px;align-items:center;justify-content:space-between}.form-footer p{color:var(--muted);font-size:12px;margin:0;max-width:490px}.report-table td:first-child{max-width:560px;font-weight:600}.report-table th:not(:first-child),.report-table td:not(:first-child){text-align:center;min-width:100px;white-space:nowrap}.report-table td small{font-weight:400;color:var(--muted);display:block;font-size:11px}.row-description{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.diff-pill{display:inline-block;padding:5px 9px;border-radius:7px;background:#f2f4f7;color:#697789;min-width:55px}.diff-pill.self-high{background:#fff1e0;color:#9b621c}.diff-pill.others-high{background:#e7f3f3;color:#1c726e}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}.insight{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}.insight strong{display:block;margin:11px 0;font-size:14px;color:var(--navy)}.insight p{color:var(--muted);font-size:12px}.comments-card>p{font-size:13px}.comments-section{margin-top:26px}.comments-section h3{font-size:15px;color:var(--navy)}.quotes{display:grid;gap:10px}.quotes blockquote{margin:0;background:#f8fafb;border-left:3px solid #92b7b3;padding:14px 19px;border-radius:7px;color:#506178;font-size:13px;white-space:pre-wrap}.reflection{background:#edf5f3}.reflection ol{padding-left:22px}.reflection li{margin:8px 0;font-size:14px}.team-list{margin-top:26px}.team-row{padding:19px 0;border-top:1px solid #edf0f3}.team-row-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.team-row-top strong{font-weight:600;max-width:750px}.team-row-top span{font-size:18px;color:var(--teal);font-weight:800;white-space:nowrap}.team-row-top small{color:var(--muted);font-size:11px;font-weight:500}.meter{height:8px;border-radius:50px;background:#e9eef1;margin-top:13px;overflow:hidden}.meter span{display:block;height:100%;background:var(--teal);border-radius:inherit}
@media(max-width:860px){.question{grid-template-columns:1fr;gap:14px}.rating-options{justify-content:flex-start}.feature-grid,.survey-grid{grid-template-columns:repeat(2,1fr)}.metrics,.report-overview{grid-template-columns:repeat(3,1fr)}.insights-grid{grid-template-columns:1fr}.hero-stats{margin-top:37px}}@media(max-width:600px){.topbar{height:71px;padding:0 17px}.main-container{width:calc(100% - 28px);padding:30px 0 50px}.brand{font-size:20px}.brand-symbol{width:35px;height:35px}.topbar nav{font-size:12px}.hero{padding:34px 25px}.hero h1{letter-spacing:-2px}.hero>p{font-size:15px}.hero-stats{gap:22px;justify-content:space-between}.hero-stats strong{font-size:23px}.feature-grid,.survey-grid{grid-template-columns:1fr}.card{padding:22px}.card.readable{padding:26px}.heading-row{align-items:flex-start}.metrics,.report-overview{grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:17px}.metric>strong{font-size:27px}.question-group>h2{padding:21px 16px 10px}.question-group>p{padding:0 16px}.question{padding:17px 16px}.question-text p{font-size:13px}.rating-options{gap:4px}.score-choice span{min-width:34px;height:36px}.score-choice.no-answer span{padding:0 7px}.open-question{padding:18px 16px}.form-footer,.status-card{flex-direction:column;align-items:stretch}.info-strip{display:block}.info-strip strong{display:block;margin-bottom:7px}.card-heading{padding:20px}.admin-table th,.admin-table td,.report-table th,.report-table td{padding:12px}.scale-legend{gap:5px 16px}.auth-card{padding:27px}}
