:root{--bg:#f3f6f8;--panel:#fffffff0;--panel-strong:#fff;--text:#1f3550;--muted:#5c7188;--border:#1f355024;--accent:#5da6cf;--accent-strong:#284f79;--accent-soft:#95bad5;--highlight:#ffd26f;--danger:#a63b32;--success:#2f855a;--success-soft:#2f855a1f;--caution:#d69e2e;--caution-soft:#d69e2e24;--risk-soft:#a63b321f;--shadow:0 18px 50px #284f791f}*{box-sizing:border-box}html{background:#0b0b0b}body{color:var(--text);background:linear-gradient(#fefefe 0%,#f5f8fb 100%);min-height:100vh;margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit}button,textarea,input{font:inherit}.topBand{grid-template-columns:1fr 58px 186px;height:84px;display:grid}.topBandNavy{background:#284f79}.topBandBlue{background:#95bad5}.topBandGold{background:linear-gradient(135deg,#ffe08d 0%,#ffd26f 100%)}.stage{width:min(1320px,100% - 32px);margin:0 auto;padding:28px 0}.heroShell{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;min-height:220px;display:grid}.heroCopy{align-content:space-between;gap:22px;min-height:290px;display:grid}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:12px}.heroCopy h1{max-width:18ch;margin:0;font-size:clamp(1.9rem,4.6vw,3.6rem);line-height:.94}.heroCopy p{max-width:68ch;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.62}.brandLockup{place-items:center;display:grid}.brandLogo{object-fit:contain;width:min(100%,460px);height:auto}.page{width:min(1320px,100% - 32px);margin:0 auto;padding:10px 0 48px}.grid{grid-template-columns:1.05fr 1.05fr .95fr;align-items:start;gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;overflow:hidden}.resultPanel{position:relative}.resultPanel:before{content:"";background:linear-gradient(90deg,var(--accent-strong)0%,var(--accent-soft)58%,var(--highlight)100%);height:6px;display:block}.panelHeader{padding:20px 20px 8px}.panelHeader h2,.panelHeader h3,.card h3{margin:0;font-size:1.2rem}.panelHeader p{color:var(--muted);margin:8px 0 0;line-height:1.45}.panelBody{padding:0 20px 20px}.field{gap:8px;margin-bottom:14px;display:grid}.field label{font-size:.92rem;font-weight:600}.actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.actionsRight{justify-content:flex-end}.actionsRight .button{margin-left:auto}.field textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:280px;color:var(--text);background:#f3f6f8f2;border-radius:16px;padding:14px;line-height:1.45}.button{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;transition:transform .14s,opacity .14s,background .14s}.button:hover{transform:translateY(-1px)}.buttonPrimary{background:var(--accent-strong);color:#fff}.buttonGhost{color:var(--accent-strong);background:#95bad533}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.status{color:var(--muted);margin-top:14px;font-size:.95rem}.error{color:var(--danger);margin-top:14px;font-size:.95rem}.stack{gap:16px;display:grid}.card{background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;padding:16px}.cardHighlight.tone-good{background:linear-gradient(#fff 0%,#e6f6edf5 100%)}.cardHighlight.tone-caution{background:linear-gradient(#fff 0%,#fff7ddf5 100%)}.cardHighlight.tone-risk{background:linear-gradient(#fff 0%,#fbebe9f5 100%)}.cardEmpty{place-content:center;min-height:240px;display:grid}.cardHeaderInline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cardSubtle{color:var(--muted);margin:8px 0 0;line-height:1.45}.chatCard{gap:14px;display:grid}.chatTranscript{gap:10px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.chatBubble{border:1px solid var(--border);border-radius:16px;gap:6px;padding:12px 14px;display:grid}.chatBubble p{margin:0;line-height:1.5}.chatBubble-john{background:#f3f6f8f2}.chatBubble-user{background:linear-gradient(#fff 0%,#e6f6edeb 100%);border-color:#2f855a2e}.chatComposer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.chatComposer input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#f3f6f8f2;border-radius:999px;padding:12px 14px}.recommendationRow{align-items:center;gap:10px;display:flex}.recommendationRow p{margin:0}.toneDot{border-radius:999px;flex:none;width:12px;height:12px}.toneDot.tone-good{background:var(--success)}.toneDot.tone-caution{background:var(--caution)}.toneDot.tone-risk{background:var(--danger)}.transcript{gap:12px;display:grid}.message{border:1px solid var(--border);background:#f3f6f8f2;border-radius:16px;padding:14px}.messageRole{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.8rem;font-weight:700;display:inline-block}.list{color:var(--text);margin:0;padding-left:18px}.scoreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scoreItem{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f3f6f8f5 100%);border-radius:16px;padding:12px}.scoreItem.tone-good{background:linear-gradient(#fff 0%,#e6f6edeb 100%);border-color:#2f855a47}.scoreItem.tone-caution{background:linear-gradient(#fff 0%,#fff7ddf0 100%);border-color:#d69e2e52}.scoreItem.tone-risk{background:linear-gradient(#fff 0%,#fbebe9eb 100%);border-color:#a63b3247}.scoreItemHeader{gap:6px;margin-bottom:8px;display:grid}.scoreLabel{font-weight:600}.scoreItem strong{margin-top:4px;font-size:1.4rem;display:block}.tonePill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.tonePill.tone-good{background:var(--success-soft);color:var(--success)}.tonePill.tone-caution{background:var(--caution-soft);color:var(--caution)}.tonePill.tone-risk{background:var(--risk-soft);color:var(--danger)}.scoreBarTrack{background:#1f355014;border-radius:999px;width:100%;height:10px;margin-top:12px;overflow:hidden}.scoreBarFill{border-radius:inherit;height:100%}.scoreBarFill.tone-good{background:linear-gradient(90deg,#48a16f 0%,#2f855a 100%)}.scoreBarFill.tone-caution{background:linear-gradient(90deg,#f3c45b 0%,#d69e2e 100%)}.scoreBarFill.tone-risk{background:linear-gradient(90deg,#d9756d 0%,#a63b32 100%)}pre{white-space:pre-wrap;word-break:break-word;margin:0}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1080px){.stage,.page{width:min(1320px,100% - 24px)}.heroShell{grid-template-columns:1fr;gap:20px;min-height:auto}.heroCopy h1{max-width:none}.brandLogo{width:min(100%,360px)}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.actionsRight{justify-content:flex-end}.actionsRight .button{margin-left:auto}.field textarea{min-height:220px}.scoreGrid{grid-template-columns:1fr}}@media (max-width:720px){.topBand{grid-template-columns:1fr 42px 110px;height:64px}.chatComposer,.cardHeaderInline{grid-template-columns:1fr;display:grid}.chatComposer .button{width:100%}}.fieldCompact{margin-bottom:0}.actionsTight{margin-top:0}.actionsCenteredBelow{justify-content:center;margin-top:0}.placeholderAgentsCard{gap:14px;display:grid}.placeholderAgentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.placeholderAgentItem{border:1px solid var(--border);background:#f3f6f8f2;border-radius:14px;gap:4px;padding:12px;display:grid}.placeholderAgentItem span{color:var(--muted);font-size:.9rem}.agentColumn{align-content:start;gap:18px;display:grid}.placeholderAgentPanel .panelHeader{padding-bottom:20px}.placeholderAgentPanel.placeholderTone-1{background:linear-gradient(#fffaeffa 0%,#fff3d6f0 100%)}.placeholderAgentPanel.placeholderTone-2{background:linear-gradient(#f4fafffa 0%,#dfeef9f0 100%)}.placeholderAgentPanel.placeholderTone-3{background:linear-gradient(#f7fcf5fa 0%,#e2f2dcf0 100%)}.placeholderAgentPanel.placeholderTone-4{background:linear-gradient(#fdf5fafa 0%,#f2e0ecf0 100%)}.placeholderAgentPanel.placeholderTone-5{background:linear-gradient(#f4f8fffa 0%,#dfe6f7f0 100%)}.placeholderAgentPanel.placeholderTone-6{background:linear-gradient(#fff7f3fa 0%,#f7e3daf0 100%)}.placeholderAgentPanel.placeholderTone-7{background:linear-gradient(#f3fbfafa 0%,#dcf0edf0 100%)}