.ai-conversation-host{padding:0 24px 24px;position:relative;z-index:1}
.pip-studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.pip-chat,.pip-plan{min-width:0;padding:24px;border-radius:20px;border:1px solid #cbd4dc;background:#fffdf7;color:#142c43}
.pip-chat-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
.pip-eyebrow{font-size:10px;font-weight:850;letter-spacing:.13em;margin:0 0 9px}
.pip-chat h3,.pip-plan h3{font-size:26px;line-height:1.12;margin:0 0 10px;letter-spacing:-.04em}
.pip-chat button,.pip-plan button{cursor:pointer;font:inherit;min-height:44px}
.pip-chat button:disabled,.pip-plan button:disabled{cursor:default;opacity:.5;transform:none}
.pip-chat button:focus-visible,.pip-plan button:focus-visible,.pip-composer textarea:focus-visible{outline:3px solid #186eff;outline-offset:3px}
.pip-reset{font-size:11px!important;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;white-space:nowrap;padding:0 3px}
.pip-transcript{max-height:380px;min-height:120px;overflow:auto;overscroll-behavior:contain;padding:2px 8px 10px 2px;scrollbar-width:thin}
.pip-message{max-width:95%;padding:16px 18px;margin:0 0 13px;border-radius:4px 16px 16px;background:#e0f5ff;border:1px solid #aed7e8;word-break:break-word}
.pip-message b{display:block;font-size:11px;letter-spacing:.03em;margin-bottom:9px}
.pip-message p{font-size:14px;line-height:1.65;white-space:pre-wrap;margin:0}
.pip-message p+p{margin-top:12px}
.pip-message .pip-followup{font-weight:750}
.pip-message[data-speaker="visitor"]{margin-left:auto;background:#ece9f5;border-color:#d2c7ef;border-radius:16px 4px 16px 16px}
.pip-starters{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}
.pip-starters[hidden]{display:none}
.pip-starters button,.pip-related button,.pip-apply{padding:8px 11px;border:1px solid #c7d1dd;border-radius:8px;background:#fff;font-size:11px;font-weight:700;color:#172f48;max-width:100%;text-align:left}
.pip-composer{border:1px solid #afc2d2;border-radius:12px;overflow:hidden;background:white;margin-top:16px;box-shadow:0 4px 0 #dae4ec}
.pip-composer label{display:block;font-size:11px;font-weight:800;padding:14px 15px 0}
.pip-composer textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;resize:vertical;min-height:90px;border:0;background:transparent;color:#142c43;font:inherit;font-size:14px;line-height:1.55;padding:12px 15px;outline-offset:-4px!important}
.pip-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 10px}
.pip-input-hint{font-size:10px;color:#536578}
.pip-send,.pip-plan-button{padding:12px 17px;background:#58d5f3;border:1px solid #142c43;border-radius:8px;color:#0b233a;font-size:12px!important;font-weight:850!important;box-shadow:0 3px 0 #142c43}
.pip-status{font-size:12px;line-height:1.6;min-height:20px;margin:14px 0 0;color:#40546c}
.pip-status.is-error{color:#a13726}
.pip-request-actions{display:flex;gap:12px;font-size:11px}
.pip-request-actions button{border:0;background:transparent;text-decoration:underline;color:inherit;padding:8px 0}
.pip-request-actions button[hidden]{display:none}
.pip-privacy{font-size:10px;line-height:1.7;color:#546277;margin:8px 0 0}
.pip-plan header>p:last-child{font-size:13px;line-height:1.6;color:#526077;max-width:35em}
.pip-plan-goal{padding:20px;margin:20px 0;background:#e9e2ff;border-radius:12px;border:1px solid #c8b8ed}
.pip-plan-goal>span{font-size:9px;letter-spacing:.12em;font-weight:850}
.pip-plan-goal h4{font-size:23px;line-height:1.15;letter-spacing:-.03em;margin:12px 0}
.pip-plan-goal p,.pip-plan-review p,.pip-plan-flow p,.pip-facts p,.pip-unknowns li{font-size:13px;line-height:1.7;margin:7px 0}
.pip-plan-review{padding:18px;border-left:4px solid #ef9271;background:#fff2e8;border-radius:0 9px 9px 0;margin-bottom:22px}
.pip-plan-review h4,.pip-plan-flow h4{font-size:14px;margin:0 0 10px}
.pip-plan-flow ol{padding:0;list-style:none;margin:20px 0}
.pip-plan-step{display:flex;gap:12px;margin:0 0 18px}
.pip-plan-step>span{display:grid;place-items:center;flex:none;background:#172d49;color:#fff;border-radius:9px;font-size:11px;font-weight:850;width:32px;height:32px}
.pip-plan-step b{font-size:13px;display:block}
.pip-plan-step small{font-size:10px;color:#63718a;display:block;margin-top:3px}
.pip-plan-flow h5{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:19px 0 5px}
.pip-plan-button{width:100%;margin:10px 0;font-size:13px!important}
.pip-plan-note,.pip-next-step{font-size:11px;line-height:1.7;color:#53657e}
.pip-plan-cta{border-top:1px solid #cbd4df;padding-top:20px;margin-top:24px}
.pip-plan-cta span{font-size:9px;font-weight:800;letter-spacing:.14em}
.pip-plan-cta h4{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:9px 0}
.pip-plan-cta p{font-size:12px;line-height:1.6}
.pip-plan-cta button{width:100%;padding:14px 16px;background:#ff987d;color:#1c233c;font-weight:850;border:1px solid #162b44;border-radius:9px;box-shadow:0 4px 0 #162b44;font-size:13px}
.pip-related{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}
.pip-facts,.pip-unknowns{font-size:12px;border-top:1px solid #cad2dc;border-bottom:1px solid #cad2dc;padding:12px 0;margin:18px 0}
.pip-facts summary,.pip-unknowns summary{cursor:pointer;font-weight:750;min-height:28px;line-height:1.6}
.pip-facts div{padding:10px 0}
.pip-facts small{font-size:11px;line-height:1.7;color:#526477}
.pip-plan-stale{opacity:.72}
.ai-quick-details{margin:0 24px 24px;position:relative;z-index:1;border:1px solid #6885a3;border-radius:12px;background:#172e4b}
.ai-quick-details>summary{font-size:12px;font-weight:750;cursor:pointer;padding:18px;color:#e8f5ff;min-height:44px;box-sizing:border-box}
.ai-quick-details .ai-board-body{padding:0 20px 20px}
@media(max-width:800px){.pip-studio{grid-template-columns:1fr}.ai-conversation-host{padding:0 14px 14px}.pip-chat,.pip-plan{padding:20px}.pip-transcript{max-height:340px}.ai-quick-details{margin:0 14px 18px}.ai-quick-details .ai-board-body{padding:0 10px 10px}.pip-message{max-width:100%;padding:14px}}
@media(max-width:440px){.pip-chat,.pip-plan{padding:16px}.pip-chat-heading{gap:8px}.pip-chat h3,.pip-plan h3{font-size:24px}.pip-input-hint{max-width:80px}.pip-message p{font-size:13px}.pip-send{padding:10px 13px}.pip-compose-actions{gap:5px}.pip-plan-goal{padding:17px}}
@media(max-width:600px){.pip-composer textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pip-studio *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Context first; the existing live conversation and crew remain the same. */
.pip-business-context{display:grid;gap:14px;margin-bottom:18px}
.pip-business-context[hidden]{display:none}
.pip-business-context input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #bbb3aa;border-radius:10px;background:#f5f0e8;color:#29252e;font:inherit;font-size:15px;line-height:1.4}
.pip-business-context input:focus-visible{outline:3px solid #bdabdc;outline-offset:2px}
.pip-business-context label span{font-weight:400;opacity:.75}
.pip-example-caption{font-size:13px;color:#d0c8c3;margin:16px 0 10px}
.pip-starting-point{padding:20px;border:1px solid #b8a6ca;border-radius:14px;background:#eee6f2;color:#302838;margin:18px 0}
.pip-starting-point>span{font-size:10px;font-weight:700;letter-spacing:.12em}
.pip-starting-point h4{font-family:Fredoka,system-ui,sans-serif;font-size:25px;line-height:1.15;margin:10px 0}
.pip-starting-point p{font-size:15px;line-height:1.55;margin:10px 0}.pip-starting-point small{display:block;line-height:1.5;font-size:12px;color:#5c5362}
.contact-starting-point{grid-column:1/-1;padding:20px;border:1px solid #b8a6ca;border-radius:14px;background:#eee6f2;color:#302838;margin:0 0 22px}
.contact-starting-point h3{font-family:Fredoka,system-ui,sans-serif;font-size:24px;line-height:1.2;margin:7px 0}
.contact-starting-point p{color:#493f51;font-size:15px;line-height:1.6;margin:10px 0}.contact-starting-point small{font-size:12px;line-height:1.5}
#workshop .pip-plan .pip-starting-point :is(h4,p,small,span,b),
#portfolio[data-contact-style=tactile] .contact-starting-point :is(h3,p,small){color:#302838;text-shadow:none}

/* Let the room scroll as one document while reading a long phone conversation. */
@media(max-width:700px){
 .pip-transcript{max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:2px}
 .pip-business-context input{font-size:16px}
 .pip-facts summary,.pip-unknowns summary{min-height:44px;padding-block:10px;box-sizing:border-box}
}