/* Contact and client review surfaces in the shared Post-Chat visual language. */
body.developer-account .df-opening h1{font-size:clamp(48px,min(6.6vw,11.5dvh),104px)}
body.developer-account .df-opening p{max-width:445px}
body.developer-account .cp-brief{grid-template-columns:.9fr 1.1fr;grid-template-rows:auto;gap:6%;align-items:start}
.cp-brief-copy{height:100%;min-height:430px}
.cp-brief form{width:100%;min-width:0;align-self:center}
.cp-brief .df-form-kicker{margin-bottom:16px;line-height:1.7}
.cp-brief .cp-client-help,.cp-studio-contact .cp-client-help{display:flex;font-size:11px;margin-top:12px;align-self:flex-start;width:fit-content}
.cp-form-actions{display:flex;align-items:center;gap:18px}
.cp-form-actions .df-submit{flex:1}
.cp-form-actions .cp-clear{font-size:9px;min-height:44px;padding-inline:3px;white-space:nowrap}
.cp-brief label.cp-remember{flex-direction:row;align-items:center;gap:9px;font-size:10px;margin:12px 0}
.cp-remember input[type=checkbox]{width:15px;height:15px;min-height:0;margin:0;accent-color:var(--pc-bg)}
.cp-progress{height:2px;background:#DCE3CD33;margin-top:9px}
.cp-progress>span{display:block;width:0;height:100%;background:var(--pc-bg);transition:width .2s}
body.developer-account .cp-completion{font:8px/1.7 "IBM Plex Mono",monospace;margin:8px 0 13px}
.cp-more{border-block:1px solid #DCE3CD55;margin-top:4px}
.cp-more>summary{display:flex;align-items:center;gap:9px;padding:12px 0;min-height:42px;font:10px/1.7 "Space Grotesk",sans-serif;cursor:pointer;list-style:none}
.cp-more>summary::-webkit-details-marker{display:none}
.cp-more>summary>span:first-child{opacity:.6;font-size:9px}
.cp-more>summary>span:last-child{margin-left:auto;font-size:21px}
.cp-more[open]>summary>span:last-child{transform:rotate(45deg)}
.cp-more-fields{padding-top:13px}
.cp-more-fields label:last-child{margin-bottom:14px}
.cp-errors{border:1px solid var(--pc-bg);padding:17px;margin-bottom:20px;outline-offset:3px}
body.developer-account .cp-errors h3{font-size:22px;color:var(--pc-bg);margin:0 0 13px}
.cp-errors ul{padding-left:16px;margin:0;font:11px/1.9 "Space Grotesk",sans-serif}
.cp-errors a{text-decoration:underline;text-underline-offset:3px;color:var(--pc-bg)}
.cp-brief [aria-invalid=true]{border:2px solid var(--pc-bg)!important}
.cp-brief .field-error{font:9px/1.7 "Space Grotesk",sans-serif;color:var(--pc-bg);opacity:1}
.cp-brief .field-error:empty{display:none}
.cp-context{padding:15px;border:1px solid #DCE3CD66;margin-bottom:18px}
body.developer-account .cp-context p{font-size:11px;line-height:1.8;margin:0 0 10px}
.cp-context button{margin-right:18px;font-size:10px}
body.developer-account .cp-form-review h3{font-size:38px;line-height:1.1;letter-spacing:-.03em;color:var(--pc-bg);margin:22px 0 17px}
body.developer-account .cp-form-review>p{font-size:12px}
.cp-form-review dl{margin:20px 0;border-block:1px solid #DCE3CD55;padding:15px 0;max-height:230px;overflow:auto}
.cp-form-review dt{font:8px "IBM Plex Mono",monospace;text-transform:uppercase;opacity:.65;margin-top:13px}
.cp-form-review dt:first-child{margin-top:0}
.cp-form-review dd{font:12px/1.7 "Space Grotesk",sans-serif;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.cp-form-review .df-link{margin-top:10px}
.cp-preparation{border-top:1px solid var(--pc-hair);padding-top:20px;margin-top:20px}
body.developer-account .cp-preparation p{font:10px/1.8 "Space Grotesk",sans-serif;margin:12px 0 0}
body.developer-account .cp-studio-contact{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:25px 6%}
.cp-studio-contact .df-placeholder{height:100%;min-height:0}
body.developer-account .cp-studio-contact .df-placeholder p{color:var(--pc-muted)!important;font:10px/1.9 "IBM Plex Mono",monospace}
.cp-studio-contact .df-placeholder figcaption{color:var(--pc-muted)}
.cp-access .df-caption{margin-top:23px}
body.developer-account .cp-access h2{font-size:clamp(40px,min(5.1vw,10dvh),76px)}
body.developer-account .cp-invitation-note{font:9px/1.9 "IBM Plex Mono",monospace;margin:24px 0 0;color:var(--pc-muted)}
body.developer-account .cp-workspace h2{font-size:clamp(40px,min(5.1vw,10dvh),76px)}
.cp-workspace .df-caption{margin-top:21px}
.cp-workspace .df-placeholder{height:100%;min-height:0}
body.developer-account .cp-workspace .df-slot-center p{font-size:9px}
.cp-review-list{list-style:none;padding:0;margin:15px 0 30px}
.cp-review-list li{display:grid;grid-template-columns:22px 1fr;gap:20px;border-top:1px solid #DCE3CD55;padding:22px 0;font:15px/1.6 "Space Grotesk",sans-serif}
.cp-review-list li>span{font:8px "IBM Plex Mono",monospace;opacity:.7;padding-top:6px}
.cp-review-guide .cp-client-help{margin-top:12px;font-size:10px}
@media(min-width:761px) and (max-height:800px){
 body.developer-account .cp-studio-contact h2{font-size:clamp(38px,min(4.7vw,9.5dvh),70px)}
 .cp-brief-copy{min-height:0}
 body.developer-account .cp-brief h2{font-size:clamp(38px,min(4.7vw,9.5dvh),70px)}
 .cp-brief form label{margin-bottom:12px;gap:6px}
 .cp-brief form :is(input,select,textarea){min-height:39px;padding:9px}
 .cp-brief form textarea{min-height:70px}
 .cp-brief label.cp-remember{margin:10px 0}
 .cp-remember input[type=checkbox]{min-height:0!important;padding:0!important}
 .cp-more>summary{min-height:38px;padding:9px 0}
 .cp-brief .df-form-kicker{margin-bottom:12px}
 body.developer-account .cp-completion{margin:6px 0 10px}
 .cp-progress{margin-top:7px}
 .cp-review-list li{padding:18px 0}
}
@media(max-width:1050px) and (min-width:761px){
 body.developer-account .cp-brief h2{font-size:4.8vw}
 .cp-form-actions{gap:12px}
 .cp-form-actions .df-submit{font-size:11px}
}
@media(max-width:760px){
 body.developer-account .df-opening h1{font-size:clamp(40px,12vw,74px)}
 body.developer-account .cp-brief{display:flex;gap:32px}
 .cp-brief-copy{height:auto;min-height:0;flex:none}
 body.developer-account .cp-brief h2{font-size:42px}
 .cp-brief form{width:100%;flex:none}
 .cp-brief .df-form-kicker{font-size:8px;line-height:1.8}
 .cp-brief form :is(input,textarea,select){font-size:16px;min-height:44px}
 .cp-brief form textarea{min-height:110px}
 .cp-remember input[type=checkbox]{width:16px;height:16px;min-height:0!important}
 .cp-brief label.cp-remember{font-size:11px;gap:10px}
 .cp-form-actions{display:block}
 .cp-form-actions .cp-clear{margin-top:10px;font-size:10px}
 .cp-more>summary{font-size:11px;min-height:44px}
 .cp-form-review dl{max-height:none}
 body.developer-account .cp-form-review h3{font-size:36px}
 .cp-preparation{margin-top:18px}
 body.developer-account .cp-studio-contact{display:flex;gap:32px}
 .cp-studio-contact .df-placeholder{min-height:330px;flex:none}
 body.developer-account .cp-studio-contact .df-placeholder p{font-size:9px}
 body.developer-account .cp-access h2,body.developer-account .cp-workspace h2{font-size:42px}
 .cp-workspace .df-view-sequence{min-height:400px;flex:none}
 .cp-workspace .df-placeholder{min-height:330px}
 .cp-workspace .df-view-tabs button span{font-size:12px}
 .cp-review-list li{font-size:15px;padding:22px 0;gap:15px}
 .cp-context button{min-height:44px}
}