:root{--ink:#171e3c;--muted:#566179;--line:#d5dbe5;--yellow:#ffc52b;--paper:#f5f6f8;--red:#a12e27;--green:#236943}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:var(--paper)}[hidden]{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #416dd4;outline-offset:4px}.prototype{background:#19213d;color:#e6eaf4;font-size:13px;padding:9px 28px;display:flex;justify-content:space-between;gap:16px;align-items:center}.prototype button{color:white;background:transparent;border:1px solid #818ba7;border-radius:7px;padding:6px 12px;font-size:13px}header{background:#fff;border-bottom:1px solid #e3e6ec;padding:21px max(24px,calc((100vw - 760px)/2));display:flex;gap:24px;align-items:center}header img{width:150px;height:auto}header span{font-size:16px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}main{max-width:760px;margin:auto;padding:42px 20px 20px}.intro{margin:0 0 30px}.eyebrow{font-size:15px;color:#68718a;margin:0 0 10px}h1{font-size:36px;line-height:1.2;letter-spacing:-.8px;margin:0 0 18px}h2{font-size:25px;line-height:1.3;margin:0 0 8px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 15px}.intro>p:not(.eyebrow){color:var(--muted);font-size:19px}.intro-note{display:flex;gap:13px;align-items:flex-start;background:#edf1f7;border-radius:10px;padding:17px 20px;font-size:16px}.intro-note>span:first-child{color:#4c648a}.section{background:white;border:1px solid #e0e4ec;border-radius:15px;padding:30px 34px;margin:0 0 24px}.section-title{display:flex;gap:17px;align-items:flex-start;margin-bottom:30px}.section-title p{color:var(--muted);font-size:17px;margin:0}.section-number{background:var(--ink);color:white;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-weight:bold;flex:none;font-size:18px;margin-top:0}.field{margin-bottom:25px}.field label,legend{display:block;font-weight:bold;font-size:18px;margin:0 0 9px}.optional{font-weight:normal;font-size:14px;color:#657087;display:block;margin-top:3px}.hint{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 11px}.field input,.field textarea{display:block;width:100%;border:1.5px solid #bbc4d3;border-radius:8px;background:#fff;color:var(--ink);padding:13px 15px;min-height:55px;outline:none}.field input::placeholder,.field textarea::placeholder{color:#727e91;font-size:17px}.field input:focus,.field textarea:focus{border-color:#3356a3;box-shadow:0 0 0 3px #e6edfc}.field textarea{resize:vertical}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--red)}.field-error{color:var(--red);font-size:16px;line-height:1.5;margin:7px 0 0}.field-error:empty{display:none}.last{margin-bottom:0!important}fieldset{margin:0 0 28px;border:0;padding:0;min-width:0}legend{padding:0;line-height:1.5}.choice{display:flex;align-items:center;gap:13px;padding:13px 16px;border:1.5px solid #cbd2de;border-radius:9px;margin:10px 0;cursor:pointer;min-height:57px}.choice:has(input:checked){background:#fff8df;border-color:#b58a14}.choice:focus-within{outline:3px solid #d9e5ff}.choice input,.consent input{width:23px;height:23px;accent-color:#263759;flex:none;margin:0}.voice-section{padding-bottom:32px}.voice-box{border:2px solid #e4bd50;border-radius:12px;background:#fffcf3;overflow:hidden}.voice-guide{padding:22px 24px 17px;border-bottom:1px solid #ebdcad}.voice-guide ol{padding-left:23px;margin:0;font-size:17px;color:#424b60}.voice-guide li{padding-left:3px;margin:8px 0}.reading{padding:22px 24px;background:#fff9e5}.reading-label{font-size:15px;font-weight:bold;color:#77612a;margin:0 0 12px}blockquote{font-size:22px;line-height:1.85;margin:0;color:#151b35}.record-controls{padding:22px 24px 25px;border-top:1px solid #ebdcad}.rec-status{font-size:17px;margin-bottom:15px;color:#536078}.button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;width:100%;border:1px solid transparent;border-radius:10px;padding:14px 18px;font-size:19px;font-weight:bold;line-height:1.4}.record-button{background:var(--ink);color:white}.stop-button{background:#a2332b;color:#fff}.stop-button #timer{margin-left:auto;padding-left:10px;font-variant-numeric:tabular-nums;font-size:16px}.under-button{font-size:15px;color:var(--muted);margin:13px 0 0}.recorded-title{color:var(--green);font-size:19px;font-weight:bold;margin:0 0 8px}.recorded-title span{margin-right:9px}audio{display:block;width:100%;margin:10px 0 20px}.secondary{background:white;border:1.5px solid #adb7c8;color:var(--ink)}#retry-hint{margin-top:12px;margin-bottom:0}.mic-error,.form-error{background:#fff0ed;border:1px solid #e7b7b0;border-radius:9px;padding:16px;color:#882d26;font-size:16px;margin-top:16px}.mic-error h3{font-size:18px}.mic-error ol{padding-left:21px;margin:9px 0}.mic-error button{margin-top:14px;font-size:16px}.voice-box.recording{border-color:#aa4138}.recording .reading{background:#fff5e8}.recording .rec-status{color:var(--red);font-weight:bold}.email-review{background:#f2f4f8;border-radius:10px;padding:19px 20px;margin-bottom:25px}.email-review>span{display:block;color:var(--muted);font-size:16px}.email-review strong{display:block;font-size:19px;overflow-wrap:anywhere;margin:4px 0 7px}.textbutton{color:#2f4f86;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;padding:3px 0;font-size:16px}.consent{display:flex;gap:13px;align-items:flex-start;cursor:pointer;font-size:17px;line-height:1.6}.consent input{margin-top:3px}.demo-explainer{color:var(--muted);font-size:14px;line-height:1.6;margin:17px 0 22px}.submit{background:var(--yellow);color:var(--ink);margin-top:18px;min-height:62px}.after-submit{font-size:15px;line-height:1.6;color:var(--muted);margin:13px 0 0;text-align:center}footer{padding:14px 0 15px;text-align:center;color:#657087}footer img{width:104px;opacity:.75}footer p{font-size:13px;margin-top:12px}.success{text-align:center;margin-top:25px;padding:45px 35px;outline:0}.success-icon{width:65px;height:65px;margin:0 auto 24px;border-radius:50%;background:#e7f3eb;color:var(--green);font-size:35px;line-height:65px}.success p{color:var(--muted)}.success strong{font-size:21px;overflow-wrap:anywhere}.success-note{background:#f2f4f8;border-radius:8px;padding:16px;font-size:16px;margin:24px 0}.button:active{transform:translateY(1px)}@media(max-width:600px){.prototype{padding:10px 15px;font-size:11px;align-items:flex-start}.prototype span{max-width:190px}.prototype button{font-size:11px;white-space:nowrap}header{padding:17px 20px;gap:15px}header img{width:124px}header span{font-size:14px;padding-left:15px}main{padding:28px 14px 12px}h1{font-size:30px}h2{font-size:23px}.intro>p:not(.eyebrow){font-size:18px}.intro-note{font-size:15px;padding:15px}.section{padding:24px 19px;border-radius:12px}.section-title{gap:12px;margin-bottom:24px}.section-number{width:33px;height:33px;font-size:16px}.section-title p{font-size:16px}.field label,legend{font-size:18px}.field input,.field textarea{font-size:18px}.voice-section{padding:24px 14px}.voice-guide,.reading,.record-controls{padding:19px 17px}.voice-guide ol{font-size:16px}blockquote{font-size:21px;line-height:1.8}.button{font-size:18px;padding:14px 13px}.desktop{display:none}.stop-button{gap:8px}.stop-button #timer{font-size:14px}.email-review{padding:17px 15px}.after-submit{text-align:left}footer p{font-size:12px}.success{padding:32px 20px}.success h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}