:root{--wfi-green: #006C67;--cgu-green: #00AD20;--mint: #E5F7E7;--white: #FFFFFF;--grey: #DFE4E0;--near-black: #210067;--text-body: #14231F;--font-headline: Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Bold", sans-serif;--font-body: Arial, Helvetica, -apple-system, sans-serif;--radius-card: 14px;--radius-control: 10px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--shadow-card: 0 1px 2px rgba(33, 0, 103, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--mint);color:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 var(--space-2) 0}h1,.h1{font-family:var(--font-headline);font-weight:400;letter-spacing:.2px;line-height:1;color:var(--wfi-green);font-size:clamp(28px,4vw,42px);text-transform:none}h2,.h2{font-family:var(--font-body);font-weight:700;line-height:.85;padding-top:.15em;color:var(--wfi-green);font-size:clamp(18px,2.4vw,24px)}p,.h3,li{font-family:var(--font-body);font-weight:400;line-height:1.2;font-size:16px;color:var(--text-body)}.fine-print,small{font-family:var(--font-body);font-weight:400;line-height:1.1;font-size:12.5px;color:#4b5a55}a{color:var(--wfi-green)}button{font-family:var(--font-body)}.app-shell{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-2) var(--space-4)}.app-header{width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.wordmark{font-family:var(--font-headline);color:var(--wfi-green);font-size:22px;letter-spacing:.3px;line-height:1;display:flex;flex-direction:column}.wordmark span.sub{font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--cgu-green);margin-top:2px}.panel{width:100%;max-width:760px;background:var(--white);border:1px solid var(--grey);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;gap:var(--space-2);flex-wrap:wrap}label{font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--wfi-green);display:block;margin-bottom:6px}input[type=text],input[type=email],select,textarea{width:100%;border:1px solid var(--grey);border-radius:var(--radius-control);padding:10px 12px;font-family:var(--font-body);font-size:15px;color:var(--text-body);background:var(--white)}textarea{min-height:120px;resize:vertical;font-family:var(--font-body)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--cgu-green);outline-offset:1px}.btn{font-family:var(--font-body);font-weight:700;font-size:15px;border-radius:var(--radius-control);padding:12px 20px;border:none;cursor:pointer;transition:filter .12s ease}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--wfi-green);color:var(--white)}.btn-secondary{background:var(--white);color:var(--wfi-green);border:1.5px solid var(--wfi-green)}.btn-accent{background:var(--cgu-green);color:var(--white)}.btn-ghost{background:transparent;color:#4b5a55;text-decoration:underline;padding:8px 4px}.btn-ghost:hover{color:var(--wfi-green)}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--mint);border:1px solid var(--wfi-green);color:var(--wfi-green);font-family:var(--font-body);font-weight:700;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;padding:6px 12px;border-radius:999px;white-space:nowrap}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--cgu-green)}.transcript{display:flex;flex-direction:column;gap:14px;max-height:52vh;overflow-y:auto;padding:4px 2px;margin-bottom:var(--space-2)}.msg{max-width:84%;padding:12px 14px;border-radius:var(--radius-card);line-height:1.35;font-size:15px}.msg-agent{align-self:flex-start;background:var(--mint);border:1px solid var(--grey);color:var(--text-body);border-top-left-radius:4px}.msg-user{align-self:flex-end;background:var(--wfi-green);color:var(--white);border-top-right-radius:4px}.msg-typing{align-self:flex-start;color:#4b5a55;font-style:italic;font-size:14px}.composer{display:flex;gap:10px;align-items:flex-end}.composer textarea{min-height:52px;flex:1}.mode-card{border:1.5px solid var(--grey);border-radius:var(--radius-card);padding:var(--space-3);cursor:pointer;background:var(--white);text-align:left;transition:border-color .12s ease,background .12s ease}.mode-card:hover{border-color:var(--cgu-green);background:var(--mint)}.mode-card h2{margin-bottom:6px}.eyebrow{font-family:var(--font-body);font-weight:700;font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--cgu-green);margin-bottom:4px;display:block}.commitment-card{background:var(--mint);border:1.5px solid var(--wfi-green);border-radius:var(--radius-card);padding:var(--space-2);margin-bottom:var(--space-2)}.commitment-card h3{font-weight:700;color:var(--wfi-green);margin-bottom:4px;font-size:14px}.footer-note{width:100%;max-width:760px;margin-top:var(--space-3);text-align:center}.divider{height:1px;background:var(--grey);border:none;margin:var(--space-2) 0}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.link-btn{background:none;border:none;color:var(--wfi-green);text-decoration:underline;cursor:pointer;font-size:14px;padding:4px 0}.banner-support{background:#fff7e6;border:1px solid #E8C468;border-radius:var(--radius-card);padding:var(--space-2);color:#5a4200;font-size:14.5px}@media (max-width: 600px){.msg{max-width:92%}}