*{box-sizing:border-box}.cp-web{margin:0;background:#f7f8fc}.cp-web main{max-width:960px;margin:auto;padding:24px}.cp-root,.cp-web{font-family:Inter,Arial,sans-serif;color:#182033;font-size:15px;line-height:1.55}.cp-root{padding:16px;background:#fff;border-radius:18px}.cp-hero{padding:42px 0 24px;max-width:760px}.cp-hero h1{font-size:clamp(30px,5vw,46px);letter-spacing:-1.2px;line-height:1.15;margin:8px 0 18px}.cp-nav,.cp-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.cp-nav a,.cp-footer a,.cp-fine a{color:#4054c7}.cp-nav span{color:#626b7c}.cp-footer{justify-content:flex-start;padding:28px 0}.cp-tool h2{font-size:22px;line-height:1.3;margin:12px 0}.cp-tool p{margin:10px 0}.cp-tool label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;margin:12px 0;min-width:0}.cp-tool input,.cp-tool textarea,.cp-tool select,.cp-check input{font:inherit}.cp-tool input:not([type=checkbox]),.cp-tool select,.cp-tool textarea{width:100%;padding:11px 12px;border:1px solid #dce0ea;border-radius:9px;color:#182033;background:white}.cp-tool textarea{resize:vertical;min-height:70px}.cp-tool button{font:inherit;font-size:13px;font-weight:600;border:1px solid #dce0ea;background:#fff;color:#26304a;border-radius:9px;padding:11px 15px;cursor:pointer}.cp-tool button:hover{background:#f3f5ff;border-color:#a6b1ec}.cp-tool button:disabled{opacity:.55;cursor:default}.cp-tool .cp-primary{background:#4054c7;color:white;border-color:#4054c7}.cp-tool .cp-primary:hover{background:#3043af}.cp-tool :focus-visible,.cp-web a:focus-visible{outline:3px solid #9aa9fb;outline-offset:3px}.cp-panel,.cp-line-item,.cp-result{padding:20px;background:#f8f9fd;border:1px solid #e4e7ef;border-radius:12px;margin:16px 0}.cp-result{background:#f1f3ff}.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.cp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cp-row label{flex:1}.cp-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.cp-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cp-tool .cp-scenario{display:flex;flex-direction:column;text-align:left;padding:16px;gap:8px}.cp-scenario span{font-weight:400;font-size:12px;color:#626b7c}.cp-tool .cp-scenario.selected{background:#f1f3ff;border-color:#4054c7}.cp-kicker{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#4054c7}.cp-muted{color:#626b7c;font-weight:400}.cp-fine{font-size:12px;color:#626b7c;line-height:1.6;margin-top:22px}.cp-tool .cp-check,.cp-root>.cp-check{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400}.cp-check input{width:16px;height:16px;flex-shrink:0}.cp-chip{font-size:12px;padding:5px 10px;border-radius:50px;background:#edf0ff;color:#4054c7}.cp-messages{display:flex;flex-direction:column;gap:12px;margin:20px 0;max-height:440px;overflow:auto}.cp-message{padding:16px;max-width:90%;border-radius:12px;background:#f1f3f8;white-space:pre-wrap;overflow-wrap:anywhere}.cp-message.user{align-self:flex-end;background:#eef0ff}.cp-message span{font-size:11px;font-weight:700;color:#626b7c}.cp-message p{margin:5px 0}.cp-local{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e5e8f1;font-size:13px}.cp-local em{display:block;font-style:normal;color:#a34428;font-size:12px}.cp-error{color:#a43636;background:#fff2f2;padding:12px;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.cp-upload input{max-width:220px}a{overflow-wrap:anywhere}@media(max-width:620px){.cp-web main{padding:16px}.cp-root{padding:12px}.cp-grid,.cp-scenarios,.cp-local{grid-template-columns:1fr}.cp-scenarios{gap:8px}.cp-hero{padding-top:28px}.cp-tool .cp-scenario{padding:12px}.cp-panel,.cp-line-item,.cp-result{padding:16px}.cp-row{gap:8px}.cp-actions{align-items:stretch}.cp-actions button{flex-grow:1}.cp-message{max-width:98%}.cp-local{gap:4px}}
/* Negotiation Challenge: follows the ai-sales-assistant / ai-sales-coach system. Square controls, mono labels, #2e63e7, a framed page and a call window on a grid stage. */
.cp-neg-page,.cp-neg-root{--neg-ink:#17191d;--neg-text:#2d343d;--neg-body:#565f6a;--neg-muted:#747d88;--neg-label:#868e98;--neg-line:#d9dbdf;--neg-line2:#e0e3e7;--neg-panel:#fafafa;--neg-blue:#2e63e7;--neg-blue-soft:#e7eefc;--neg-blue-tint:#eef3ff;--neg-ok:#22a06b;--neg-short:#d09a4b;--neg-short-text:#9a6c27;--neg-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--neg-ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.cp-web.cp-neg-page{background:#fff}
.cp-neg-frame{max-width:1440px;min-height:100vh;margin:0 auto;border-inline:1px solid var(--neg-line);display:flex;flex-direction:column}
.cp-neg-page main{flex:1;max-width:none;margin:0;padding:0}
.cp-neg-page .cp-nav{height:72px;padding:0 40px;border-bottom:1px solid var(--neg-line)}
.cp-neg-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:600;letter-spacing:-.6px;color:var(--neg-ink)!important;text-decoration:none}
.cp-neg-brand img{width:26px;height:26px;object-fit:contain}
.cp-neg-page .cp-nav>span{font:10px/1 var(--neg-mono);letter-spacing:.08em;text-transform:uppercase;color:#77818c}
.cp-neg-page .cp-footer{gap:20px;padding:18px 40px;border-top:1px solid var(--neg-line);font-size:12px}
.cp-neg-page .cp-footer a{color:#68717d;text-decoration:none}
.cp-neg-page .cp-footer a:hover{color:var(--neg-ink)}
.cp-root.cp-neg-root{padding:0;border-radius:0;background:transparent}
.cp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cp-neg p{margin:0}
.cp-neg button{font:inherit;cursor:pointer;border-radius:0}
.cp-neg button:disabled{cursor:default;opacity:.5}
.cp-neg :focus-visible{outline:2px solid var(--neg-blue);outline-offset:2px}
.cp-neg-mono,.cp-neg-label{font-family:var(--neg-mono);text-transform:uppercase;letter-spacing:.08em;font-weight:400}
.cp-neg-mono{font-size:10px}
.cp-neg-label{display:block;font-size:9px;color:#878e97}
.cp-neg-quiet{color:#7c858f}
/* Web: hero and stage */
.cp-neg-hero{padding:72px 8.333% 40px;border-bottom:1px solid var(--neg-line)}
.cp-neg .cp-neg-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:8px;background:var(--neg-blue-soft);color:var(--neg-blue);font-size:14px;font-weight:500;letter-spacing:-.01em}
.cp-neg-hero h1{margin:24px 0 0;max-width:760px;font-size:clamp(40px,5.2vw,60px);line-height:.99;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
.cp-neg .cp-neg-hero p:last-child{margin-top:22px;max-width:580px;font-size:19px;line-height:1.65;color:var(--neg-body)}
.cp-neg-notice{margin:16px 8.333% 0!important;padding:10px 14px;border:1px solid #dfd3b4;background:#fffaf0;font-size:13px;color:#554429}
.cp-neg-embedded .cp-neg-notice{margin:0 0 12px!important}
/* Stage: the colour-block grid from the homepage FAQ (components/FAQ.tsx). */
.cp-neg-stage{position:relative;overflow:hidden;padding:56px 8.333%;background:#e8c4ad;border-bottom:1px solid var(--neg-line)}
.cp-neg-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(39,34,31,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(39,34,31,.07) 1px,transparent 1px);background-size:46px 46px;pointer-events:none}
.cp-neg-block{position:absolute;pointer-events:none}
.cp-neg-block.one{left:0;top:0;width:34%;height:46%;background:#f2d4bd}
.cp-neg-block.two{right:14%;top:0;width:25%;height:29%;background:#eef1aa}
.cp-neg-block.three{right:0;bottom:0;width:38%;height:51%;background:#91a5ea}
.cp-neg-block.four{left:22%;bottom:0;width:30%;height:24%;background:#c8f0d8}
/* The call window */
.cp-neg-win{position:relative;z-index:2;max-width:820px;margin:0 auto;background:#fff;border:1px solid #d4d8de;box-shadow:0 22px 70px rgba(52,45,39,.2)}
.cp-neg-embedded .cp-neg-win{max-width:none;border:0;box-shadow:none}
.cp-neg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border-bottom:1px solid #dfe2e6}
.cp-neg-who{display:flex;align-items:center;gap:10px;min-width:0}
.cp-neg-who img{width:24px;height:24px;border-radius:6px;flex:none}
.cp-neg-who h1,.cp-neg-who h2{margin:0;font-size:13px;font-weight:500;letter-spacing:0;color:#2c3138;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-neg-meta{display:flex;align-items:center;gap:12px;color:#6d7580;flex:none}
.cp-neg-practice{color:var(--neg-short-text)}
.cp-neg-bars{display:inline-flex;gap:3px;margin-left:8px;vertical-align:1px}
.cp-neg-bars i{width:10px;height:3px;background:var(--neg-line)}
.cp-neg-bars i.used{background:var(--neg-blue)}
.cp-neg .cp-neg-small{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #d8dbe0;background:#fff;color:#737b86;font:10px/1 var(--neg-mono);letter-spacing:.08em;text-transform:uppercase}
.cp-neg .cp-neg-small:hover:not(:disabled){border-color:#aeb4bc;color:var(--neg-ink)}
.cp-neg .cp-neg-small[aria-expanded=true]{border-color:#cfd7e8;background:var(--neg-blue-tint);color:var(--neg-blue)}
.cp-neg-brief{margin:0;border-bottom:1px solid #dfe2e6;background:var(--neg-panel)}
.cp-neg-brief div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 16px;border-bottom:1px solid var(--neg-line2)}
.cp-neg-brief div:last-child{border-bottom:0}
.cp-neg-brief dt{font:9px/2 var(--neg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neg-label)}
.cp-neg-brief dd{margin:0;font-size:13px;color:var(--neg-text)}
.cp-neg-body{display:flex;flex-direction:column;gap:22px;padding:28px 32px}
.cp-neg-live{min-height:280px}
.cp-neg-embedded .cp-neg-live{min-height:0}
.cp-neg-said{border-left:2px solid #aeb5bf;padding-left:16px}
.cp-neg-said p{margin-top:6px;font-size:21px;line-height:1.5;font-weight:500;letter-spacing:-.015em;color:var(--neg-text);white-space:pre-wrap;overflow-wrap:anywhere}
.cp-neg-said.you{border-color:var(--neg-line)}
.cp-neg-said.you p{font-size:15px;font-weight:400;letter-spacing:0;color:var(--neg-muted)}
.cp-neg-said small{display:block;margin-top:6px;font-size:12px;color:var(--neg-label)}
.cp-neg-signal{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;align-self:flex-start;padding:7px 10px;border:1px solid #cfd7e8;background:var(--neg-blue-tint);font-size:13px;font-weight:500;color:#29436f}
.cp-neg-signal .cp-neg-mono{display:inline-flex;align-items:center;gap:8px;color:var(--neg-blue)}
.cp-neg-signal i{width:6px;height:6px;border-radius:50%;background:var(--neg-blue)}
.cp-neg-log{display:flex;flex-direction:column;gap:18px}
.cp-neg-log>div{display:flex;flex-direction:column;gap:10px}
.cp-neg-log .cp-neg-said:not(.you) p{font-size:16px;letter-spacing:0}
.cp-neg-hint{padding:12px 14px;border:1px solid #dfd3b4;background:#fffaf0}
.cp-neg-hint .cp-neg-label{color:var(--neg-short-text)}
.cp-neg-hint p{margin-top:6px;font-size:14px;font-weight:500;color:#554429}
.cp-neg-hint .cp-neg-link{margin-top:8px;color:var(--neg-short-text)}
.cp-neg .cp-neg-link{align-self:flex-start;min-height:28px;padding:0;border:0;background:none;color:var(--neg-label);font:10px/1 var(--neg-mono);letter-spacing:.08em;text-transform:uppercase}
.cp-neg .cp-neg-link:hover:not(:disabled){color:var(--neg-ink)}
/* Result */
.cp-neg-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.cp-neg-big strong{font-size:clamp(52px,9vw,84px);line-height:1;letter-spacing:-.07em;font-weight:500;color:var(--neg-blue);font-variant-numeric:tabular-nums}
.cp-neg-big span{max-width:360px;font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.02em;color:var(--neg-text)}
.cp-neg-previous{margin-top:-8px!important;color:var(--neg-label)}
.cp-neg-turning{padding-top:20px;border-top:1px solid var(--neg-line2)}
.cp-neg-turning .cp-neg-signal{margin-bottom:12px}
.cp-neg-quote{font-size:19px;font-weight:500;color:var(--neg-text);overflow-wrap:anywhere}
.cp-neg-quote span{background:linear-gradient(var(--neg-blue),var(--neg-blue)) 0 100%/100% 2px no-repeat;padding-bottom:2px}
.cp-neg .cp-neg-next{margin-top:14px}
.cp-neg-lesson{margin-top:4px!important;font-size:15px;color:var(--neg-text)}
/* Composer */
.cp-neg-comp{padding:16px 16px 16px 32px;border-top:1px solid #dfe2e6}
.cp-neg-comp textarea{display:block;width:100%;min-height:52px;padding:0;border:0;outline:0;resize:none;background:transparent;font-family:inherit;font-size:16px;line-height:1.55;color:var(--neg-ink)}
.cp-neg-comp textarea::placeholder{color:#9aa1a9}
.cp-neg .cp-neg-comp>textarea:focus-visible{outline:0}
.cp-neg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cp-neg-send{margin-top:8px}
.cp-neg-buttons,.cp-neg-links{display:flex;flex-wrap:wrap;gap:8px}
.cp-neg-links{gap:16px}
.cp-neg .cp-primary,.cp-neg .cp-neg-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:150px;padding:0 20px;border:1px solid var(--neg-ink);background:var(--neg-ink);color:#fff;font-size:14px;font-weight:500;white-space:nowrap}
.cp-neg .cp-primary:hover:not(:disabled){background:#2b3037}
.cp-neg .cp-primary span{margin-left:8px}
.cp-neg .cp-neg-btn{border-color:#cfd3d8;background:#fff;color:#343b44}
.cp-neg .cp-neg-btn:hover:not(:disabled){background:#f6f7f8}
.cp-neg-goal{font-size:14px;color:var(--neg-body)}
.cp-neg-goal b{font-weight:600;color:var(--neg-ink)}
.cp-neg-fields{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border:1px solid #d9dde1}
.cp-neg-field{min-width:0;padding:10px 14px;border-bottom:1px solid #e1e4e7}
.cp-neg-field:nth-child(odd){border-right:1px solid #e1e4e7}
.cp-neg-field:nth-last-child(-n+2){border-bottom:0}
.cp-neg-stepper{display:flex;align-items:center;gap:6px;margin-top:4px}
.cp-neg .cp-neg-stepper button,.cp-neg .cp-neg-options button{width:32px;height:32px;border:1px solid #d8dbe0;background:#fff;color:var(--neg-body);font-size:15px;line-height:1}
.cp-neg-stepper input{flex:1;min-width:0;padding:4px 0;border:0;background:transparent;text-align:center;font-family:inherit;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--neg-ink)}
.cp-neg-options{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.cp-neg .cp-neg-options button{width:auto;min-width:32px;padding:0 8px;font-size:13px}
.cp-neg .cp-neg-options button[aria-pressed=true]{border-color:var(--neg-ink);background:var(--neg-ink);color:#fff}
.cp-neg-calc{display:flex;align-items:center;gap:8px;margin-bottom:12px!important;font-size:13px;color:var(--neg-body)}
.cp-neg-comp .cp-neg-label{margin-bottom:4px}
.cp-neg-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.cp-neg .cp-neg-choice{display:flex;flex-direction:column;gap:2px;padding:16px;border:1px solid #cfd3d8;background:#fff;text-align:left}
.cp-neg .cp-neg-choice:hover:not(:disabled){border-color:var(--neg-ink)}
.cp-neg-choice strong{margin-bottom:4px;font-size:15px;font-weight:600;color:var(--neg-ink)}
.cp-neg-choice span{font-size:13px;color:var(--neg-muted);font-variant-numeric:tabular-nums}
.cp-neg-choice span.short,.cp-neg-choice span.ok{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:12px}
.cp-neg-choice span.short{color:var(--neg-short-text)}.cp-neg-choice span.ok{color:#39714f}
.cp-neg-share{display:block;margin-top:14px}
.cp-neg-share textarea{min-height:0;padding:10px;border:1px solid var(--neg-line);font-size:13px}
.cp-neg-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 10px 32px;border-top:1px solid #f0d4d4;background:#fff5f5;font-size:13px;color:#a43636;overflow-wrap:anywhere}
/* Footer chips */
.cp-neg-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 16px;border-top:1px solid #dfe2e6;background:var(--neg-panel)}
.cp-neg-foot .cp-neg-link{align-self:center}
.cp-neg-chips{display:flex;flex-wrap:wrap;gap:6px}
.cp-neg-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:1px solid var(--neg-line);background:#fff;font-size:12px;font-weight:500;color:#3a4049;font-variant-numeric:tabular-nums}
.cp-neg-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%}
.cp-neg-dot.ok{background:var(--neg-ok)}.cp-neg-dot.short{background:var(--neg-short)}
/* Below the window */
.cp-neg-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:14px 8.333%;font-size:12px;color:var(--neg-muted)}
.cp-neg-embedded .cp-neg-note{padding:12px 16px 4px}
.cp-neg-note a{color:var(--neg-muted)}
.cp-neg .cp-neg-note .cp-neg-link{min-height:24px;font:inherit;letter-spacing:0;text-transform:none;color:var(--neg-muted);text-decoration:underline;text-underline-offset:3px}
.cp-neg-delete{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
/* Negotiation Prep: plan, objection and start views inside the same call window. */
.cp-neg a.cp-primary{text-decoration:none;cursor:pointer}
.cp-prep-modes{display:flex;gap:4px}
.cp-neg .cp-prep-modes .cp-neg-small[aria-pressed=true]{border-color:var(--neg-ink);background:var(--neg-ink);color:#fff}
.cp-prep-start{gap:16px}
.cp-prep-types{display:flex;flex-wrap:wrap;gap:6px}
.cp-neg .cp-prep-types button{min-height:34px;padding:0 12px;border:1px solid #cfd3d8;background:#fff;color:var(--neg-body);font-size:13px;font-weight:500}
.cp-neg .cp-prep-types button[aria-checked=true]{border-color:var(--neg-ink);background:var(--neg-ink);color:#fff}
.cp-prep-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px}
.cp-prep-field em{font-style:normal;text-transform:none;letter-spacing:0}
.cp-prep-field textarea,.cp-prep-field input,.cp-prep-obj-edit input,.cp-prep-obj-edit textarea,.cp-prep-copy{width:100%;padding:12px;border:1px solid #d9dde1;border-radius:0;background:#fff;font-family:inherit;font-size:16px;line-height:1.55;color:var(--neg-ink);resize:vertical}
.cp-prep-field textarea::placeholder{color:#9aa1a9}
.cp-prep-actions{margin-top:2px}
.cp-prep-lead{font-size:15px;color:var(--neg-body)}
.cp-prep-starters{display:grid;gap:8px}
.cp-neg .cp-prep-starters .cp-neg-btn{justify-content:flex-start;height:auto;min-height:44px;padding:10px 14px;text-align:left;white-space:normal}
.cp-prep-plan{gap:20px}
.cp-prep-situation{margin-top:4px!important;font-size:14px;color:var(--neg-muted)}
.cp-prep-goals{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9dde1}
.cp-prep-goals>div{padding:12px 14px}
.cp-prep-goals>div+div{border-left:1px solid #e1e4e7}
.cp-prep-goals p:not(.cp-neg-label){margin-top:4px!important;font-size:15px;font-weight:500;color:var(--neg-text)}
.cp-prep-goals .missing{background:#fffaf0}
.cp-prep-goals .missing p:not(.cp-neg-label){color:#7a5a24;font-weight:400}
.cp-prep-section{display:flex;flex-direction:column;gap:8px}
.cp-prep-section h3{margin:0}
.cp-prep-section ul,.cp-prep-section ol{margin:0;padding-left:20px;font-size:15px;color:var(--neg-text)}
/* The site's global CSS removes list markers, so set them explicitly. */
.cp-neg ul{list-style:disc}.cp-neg ol{list-style:decimal}
.cp-prep-section li+li{margin-top:4px}
.cp-prep-trade{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:8px 12px;padding:8px 0;border-top:1px solid var(--neg-line2);font-size:14px;color:var(--neg-text)}
.cp-prep-trade .cp-neg-mono{color:var(--neg-label)}
.cp-prep-trade .cp-neg-mono:nth-child(3){color:var(--neg-blue)}
.cp-prep-obj{padding:14px 16px;border:1px solid #d9dde1;background:#fff}
.cp-prep-obj+.cp-prep-obj{margin-top:4px}
.cp-prep-when{font-size:16px;font-weight:500;color:var(--neg-text)}
.cp-prep-row{display:grid;grid-template-columns:40px 1fr;gap:8px;margin-top:6px!important;font-size:14px;color:var(--neg-body)}
.cp-prep-row .cp-neg-mono{padding-top:3px;color:var(--neg-label)}
.cp-prep-row.ask{color:#29436f}.cp-prep-row.ask .cp-neg-mono{color:var(--neg-blue)}
.cp-prep-option{padding:12px 14px;border:1px solid #d9dde1;font-size:15px;color:var(--neg-text)}
.cp-prep-option+.cp-prep-option{margin-top:-1px!important}
.cp-prep-notice{margin-top:10px!important;font-size:13px;color:var(--neg-body)}
.cp-prep-notice.error{color:#a43636}
.cp-prep-copy{margin-top:8px;font-size:13px}
.cp-prep-foot p{font-size:12.5px;color:var(--neg-body)}
.cp-prep-foot a{color:var(--neg-blue);text-underline-offset:3px}
.cp-prep-editor{gap:14px}
.cp-prep-obj-edit{display:grid;gap:6px;margin:0;padding:12px;border:1px solid var(--neg-line2)}
.cp-prep-obj-edit legend{padding:0 4px}
.cp-prep-labelrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.cp-neg .cp-prep-labelrow .cp-neg-link{min-height:24px;color:var(--neg-blue)}
.cp-prep-opening{border-left-color:var(--neg-blue)}
.cp-prep-opening p{font-size:18px}
.cp-prep-live{padding:20px 32px 22px;border-top:1px solid #cfd7e8;background:var(--neg-blue-tint)}
.cp-prep-live .cp-neg-label{color:var(--neg-blue)}
.cp-prep-live-title{margin-top:6px!important;font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--neg-ink)}
.cp-prep-live ul{margin:10px 0 16px;padding-left:20px;font-size:14px;line-height:1.6;color:#29436f}
.cp-prep-live li+li{margin-top:4px}
.cp-prep-live-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.cp-neg .cp-prep-live a.cp-neg-btn{text-decoration:none}
.cp-prep-shared{padding:10px 14px;border:1px solid #cfd7e8;background:var(--neg-blue-tint);font-size:13px;color:#29436f}
.cp-neg .cp-prep-obj-edit .cp-neg-link{justify-self:start}
/* Main tool page inside the site layout (header and footer from the site). */
/* The page frame and side lines come from the site (same as its header); the tool fills the screen below the 73px header. */
@media(min-width:1000px){
  .cp-neg-site .cp-neg-split,.cp-neg-site .cp-neg>.cp-neg-stage{min-height:calc(100vh - 73px)}
  .cp-neg-site .cp-neg-split .cp-neg-hero{padding-inline:32px}
}
/* Web page: the stage fills the screen height at every width. */
.cp-neg-page main,.cp-neg-page #convo-plugin,.cp-neg-page .cp-neg-root,.cp-neg-page .cp-neg,.cp-neg-page .cp-neg-split{display:flex;flex-direction:column;flex:1}
.cp-neg-page .cp-neg-split>.cp-neg-stage,.cp-neg-page .cp-neg>.cp-neg-stage{flex:1}
/* Desktop: fit each step in one screen without shrinking type (layout of the ai-sales-coach "Win the hard moments" section). */
@media(min-width:1000px){
  .cp-neg-page .cp-neg-split{display:grid;grid-template-columns:minmax(0,10fr) minmax(0,14fr);border-bottom:1px solid var(--neg-line)}
  .cp-neg-split .cp-neg-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:56px 48px;border-bottom:0;border-right:1px solid var(--neg-line)}
  .cp-neg-split .cp-neg-stage{display:flex;align-items:center;padding:56px 6%;border-bottom:0}
  .cp-neg-split .cp-neg-win{width:100%}
  .cp-neg-stage{padding-block:40px}
  .cp-neg-page .cp-neg>.cp-neg-stage{display:flex;flex-direction:column;justify-content:flex-start}
  .cp-neg-page .cp-neg>.cp-neg-stage>.cp-neg-win{width:100%}
  .cp-neg-page .cp-nav,.cp-neg-page .cp-footer{padding-inline:48px}
  .cp-neg-note{padding-inline:48px}
  .cp-neg-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}
  .cp-neg-field,.cp-neg-field:nth-child(odd){border-right:1px solid #e1e4e7;border-bottom:0}
  .cp-neg-field:last-child{border-right:0}
  .cp-neg-brief{display:grid;grid-template-columns:1fr 1fr}
  .cp-neg-brief div{grid-template-columns:1fr;align-content:start;gap:2px}
  .cp-neg-brief div:nth-child(odd){border-right:1px solid var(--neg-line2)}
  .cp-neg-brief div:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:620px){
  .cp-neg-frame{border-inline:0}
  .cp-neg-page .cp-nav{height:60px;padding:0 16px}
  .cp-neg-page .cp-nav>span{display:none}
  .cp-neg-page .cp-footer{padding:16px}
  .cp-neg-hero{padding:40px 16px 28px}
  .cp-neg .cp-neg-hero p:last-child{font-size:17px}
  .cp-neg-notice{margin:12px 16px 0!important}
  .cp-neg-stage{padding:12px}
  .cp-neg-hide-sm,.cp-neg-bars{display:none!important}
  .cp-neg-brief div{grid-template-columns:1fr;gap:0}
  .cp-neg-body{padding:20px 16px;gap:18px}
  .cp-neg-live{min-height:0}
  .cp-neg-said:not(.you) p{font-size:18px}
  .cp-neg-comp{padding:14px 16px}
  .cp-neg-send{flex-wrap:nowrap}
  .cp-neg-send .cp-primary{min-width:0;padding:0 16px}
  .cp-neg-send .cp-neg-buttons{flex-wrap:nowrap}
  .cp-neg-intro-row .cp-primary{flex:1}
  .cp-neg-fields{grid-template-columns:1fr}
  .cp-neg-field:nth-child(odd){border-right:0}
  .cp-neg-field:nth-last-child(2){border-bottom:1px solid #e1e4e7}
  .cp-neg-choices{grid-template-columns:1fr}
  .cp-neg-end{flex-direction:column;align-items:stretch}
  .cp-neg-end .cp-neg-buttons{flex-wrap:nowrap}
  .cp-neg-end .cp-primary{flex:1.6;min-width:0;padding:0 12px}
  .cp-neg-end .cp-neg-btn{flex:1;min-width:0;padding:0 12px}
  .cp-neg-end .cp-neg-links{justify-content:center}
  .cp-neg-error{padding:10px 16px}
  .cp-prep-live{padding:18px 16px}
  .cp-prep-goals{grid-template-columns:1fr}
  .cp-prep-goals>div+div{border-left:0;border-top:1px solid #e1e4e7}
  .cp-prep-trade{grid-template-columns:auto 1fr}
  .cp-prep-actions{flex-direction:column-reverse;align-items:stretch}
  .cp-prep-actions .cp-neg-link{align-self:center}
  .cp-neg-note{padding:12px 16px}
}
