#discuss{color-scheme:dark;--bg:#0b1217;--panel:#111e24;--line:#263b40;--mint:#2cc4ad;--text:#edf4f2;--muted:#9eb4b7}#discuss *{box-sizing:border-box}#discuss button,#discuss input,#discuss textarea{font:inherit}#discuss button{cursor:pointer}#discuss button:focus-visible,#discuss input:focus-visible,#discuss textarea:focus-visible{outline:2px solid #a4e8d8;outline-offset:4px}#discuss button{color:inherit}#discuss header{max-width:1400px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center}#discuss .brand{font-size:24px;font-weight:850;letter-spacing:-1px}#discuss .brand span{color:var(--mint)}#discuss .demo-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}#discuss .intro{max-width:1400px;margin:12px auto 30px;padding:0 32px;display:flex;align-items:end;justify-content:space-between;gap:24px}#discuss h1{font-size:clamp(28px,4vw,48px);letter-spacing:-2px;line-height:1.18;margin:10px 0}#discuss h1 span{color:var(--mint)}#discuss .intro p{color:var(--muted);max-width:540px;margin:0}#discuss .workspace{max-width:1336px;margin:0 auto 40px;display:grid;grid-template-columns:230px minmax(0,1fr);height:690px;border:1px solid #37514f;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px #0004;background:var(--bg)}#discuss aside{background:#102127;border-right:1px solid var(--line);padding:25px 14px}#discuss .ws-name{font-weight:750;padding:0 12px 23px}#discuss .status{font-size:12px;color:var(--muted);font-weight:400}#discuss .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}#discuss .side-title{font-size:10px;letter-spacing:1.7px;color:#789396;padding:10px 12px}#discuss .channel{display:block;border:0;background:none;width:100%;text-align:left;border-radius:8px;padding:10px 12px;color:#a4b9bb}#discuss .channel.active{background:#244b43;color:#c5f0e5}#discuss .people{margin:24px 10px}#discuss .person{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:13px}#discuss .avatar{width:35px;height:35px;display:grid;place-items:center;background:#244b43;color:#b5eadf;border-radius:11px;font-weight:700;flex-shrink:0}#discuss .avatar.client{background:#283944;color:#cae2ec}#discuss .main{display:flex;flex-direction:column;min-height:0;min-width:0}#discuss .chat-head{padding:19px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}#discuss .chat-head strong{font-size:17px}#discuss .members{font-size:12px;color:var(--muted)}#discuss .connected{font-size:11px;color:#98c8bd;align-self:center}#discuss .body{position:relative;display:flex;min-height:0;flex:1}#discuss .feed{flex:1;overflow:auto;padding:24px;scroll-behavior:smooth;min-width:0}#discuss .date{display:flex;align-items:center;gap:15px;color:#7e9c9f;font-size:11px;margin:0 0 24px}#discuss .date:before,#discuss .date:after{content:'';height:1px;background:var(--line);flex:1}#discuss .message{display:flex;gap:12px;margin:0 0 24px;animation:evochat-appear .35s ease both}#discuss .message .content{min-width:0}#discuss .name{font-size:13px;font-weight:750}#discuss .role{color:#77b5a9;font-size:11px;margin-left:7px}#discuss .time{color:#678487;font-size:10px;margin-left:10px}#discuss .message p{margin:4px 0 0;color:#c4d3d3;font-size:14px}#discuss .attachment{background:#14262c;border:1px solid #304a4d;border-radius:12px;padding:15px;margin-top:12px;max-width:460px}#discuss .attachment b{font-size:13px}#discuss .attachment small{display:block;color:#88a4a6;margin-top:4px}#discuss .thread-link{display:block;background:none;border:0;color:#58d4ba;font-size:12px;margin:10px 0 0;padding:0}#discuss .typing{color:#6f9c97;font-size:12px;padding:0 24px;height:24px}#discuss .composer{border:1px solid #34504f;border-radius:12px;margin:0 24px 20px;padding:13px 15px;color:#658488;font-size:13px;display:flex;justify-content:space-between}#discuss .composer span:last-child{color:var(--mint)}#discuss .tour{border-top:1px solid var(--line);padding:18px 24px;background:#102127;display:flex;gap:20px;align-items:center;justify-content:space-between}#discuss .tour small{color:var(--mint);text-transform:uppercase;letter-spacing:1.4px;font-size:9px}#discuss .tour p{font-size:13px;color:#bdcecc;margin:3px 0}#discuss .primary{background:var(--mint);color:#062720;border:0;padding:12px 18px;border-radius:9px;font-weight:750;white-space:nowrap}#discuss .thread{width:320px;border-left:1px solid var(--line);background:#102027;overflow:auto;padding:20px;flex-shrink:0}#discuss .thread[hidden]{display:none}#discuss .thread-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}#discuss .close{background:none;border:0;font-size:22px;color:#9ab8b5}#discuss .hint{border-left:2px solid var(--mint);padding:10px 12px;background:#18332e;color:#a8d4ca;font-size:12px;margin:20px 0}#discuss .modal{position:fixed;inset:0;display:grid;place-items:center;background:#000b;backdrop-filter:blur(10px);z-index:5;padding:18px}#discuss .modal[hidden]{display:none}#discuss .form-card{background:#12242a;border:1px solid #36544e;border-radius:22px;padding:28px;width:min(520px,100%);max-height:90vh;overflow:auto}#discuss .form-card h2{font-size:27px;line-height:1.25;margin:10px 0}#discuss .form-card p{color:var(--muted);font-size:13px}#discuss .form-card label{display:block;font-size:12px;color:#acc6c2;margin:15px 0 6px}#discuss .form-card input,#discuss .form-card textarea{width:100%;padding:13px;border-radius:9px;border:1px solid #36544e;background:#0b191f;color:var(--text)}#discuss .form-card textarea{min-height:85px;resize:vertical}#discuss .form-card .primary{width:100%;margin-top:18px}#discuss .legal{display:flex!important;align-items:start;gap:10px}#discuss .legal input{width:16px;margin-top:4px}#discuss .footer-note{text-align:center;color:#789793;font-size:11px;margin:20px}#discuss .progress{display:flex;gap:6px;margin-top:10px}#discuss .progress i{height:3px;background:#2b3f43;flex:1;border-radius:2px}#discuss .progress i.on{background:var(--mint)}@keyframes evochat-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:1050px){#discuss .workspace{margin:0 20px 30px;grid-template-columns:185px 1fr}#discuss .thread{width:280px}#discuss .role{display:none}}@media(max-width:760px){#discuss header{padding:20px}#discuss .intro{padding:0 20px;display:block}#discuss .intro p{font-size:13px}#discuss .workspace{display:block;height:760px;margin:0 12px 25px;border-radius:15px}#discuss aside{display:none}#discuss .main{height:100%}#discuss .chat-head{padding:17px}#discuss .connected{display:none}#discuss .feed{padding:20px 17px}#discuss .tour{padding:15px;gap:12px}#discuss .tour p{font-size:12px}#discuss .primary{padding:12px;font-size:12px}#discuss .thread{position:absolute;inset:0;width:100%;z-index:2;border:0}#discuss .composer{margin:0 15px 15px}#discuss .message .avatar{width:30px;height:30px;border-radius:9px}#discuss .message{gap:10px}#discuss .message p{font-size:13px}#discuss .brand{font-size:21px}#discuss .demo-label{font-size:9px}#discuss .time{font-size:9px}}@media(prefers-reduced-motion:reduce){#discuss *{animation:none!important;scroll-behavior:auto!important}}

#discuss{padding:90px 0;scroll-margin-top:100px;font:15px/1.6 'Open Sans',sans-serif;color:var(--text)}
#discuss .intro{padding:0;max-width:none;margin:0 0 30px;align-items:center}
#discuss .intro h2{font:800 clamp(26px,3.4vw,44px)/1.25 'Unbounded',sans-serif;letter-spacing:-.04em;margin:12px 0 20px}
#discuss .intro h2 span{color:var(--mint)}
#discuss .intro p{max-width:600px}
#discuss .workspace{margin:0 0 20px;max-width:none;height:690px}
#discuss button,#discuss a{cursor:pointer!important}
#discuss .footer-note{margin:16px 0 0}
#discuss .direct{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#8ea9a7;font-size:12px;margin-top:22px}
#discuss .direct a{color:#9bd8c9;text-decoration:none}
#discuss .direct a:hover{text-decoration:underline}
#discuss .chat-head h3{font:700 16px/1.5 'Open Sans',sans-serif;margin:0}
#discuss .thread-title h4{font:700 14px/1.5 'Open Sans',sans-serif;margin:0}
#discuss .primary:disabled{opacity:.55;cursor:wait!important}
#discuss .chat-start{padding:0 24px 24px}
#discuss .chat-start[hidden]{display:none}
#discuss .no-js{color:#adc3bf;font-size:13px}
@media(max-width:1000px){#discuss .workspace{grid-template-columns:185px minmax(0,1fr)}#discuss .thread{position:absolute;inset:0 0 0 auto;width:min(340px,100%);z-index:2;box-shadow:-15px 0 40px #0005}}
@media(max-width:760px){#discuss{padding:60px 0}#discuss .intro{display:block;margin-bottom:24px}#discuss .workspace{height:740px;margin:0}#discuss .thread{inset:0;width:100%}#discuss .tour{align-items:start;flex-direction:column;gap:12px}#discuss .tour>div{width:100%}#discuss .tour>.primary{align-self:stretch;min-height:44px}#discuss .footer-note{text-align:left}#discuss .thread-link{min-height:36px}#discuss .close{min-width:44px;min-height:44px}}
/* The homepage's legacy checkbox reset must not hide the real consent control from keyboard users. */
#contactModal .contact-form__agree input[type="checkbox"]{display:block!important;width:22px;height:22px;left:0;top:0;margin:0;cursor:pointer!important;pointer-events:auto}
#contactModal .contact-form__agree input:focus-visible+.contact-form__agree-box{outline:2px solid #9de5d2;outline-offset:3px}

/* A moving highlight invites the first step of the example, without adding a timer. */
#discuss .ec-action{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:270px;max-width:100%}
#discuss .ec-action-hint{font-size:11px;line-height:1.5;text-align:center;color:#a0c9c2}
#discuss #ec-next{position:relative;isolation:isolate;overflow:hidden;min-height:48px;border:1px solid #63ddc5;border-radius:11px;box-shadow:0 0 0 3px #2cc4ad12;transition:box-shadow .2s ease,transform .2s ease}
#discuss #ec-next::before{content:'';position:absolute;left:50%;top:50%;width:145%;aspect-ratio:1;z-index:-2;background:conic-gradient(transparent 0 62%,#eafff8 74%,#76ffe1 80%,transparent 86%);animation:ec-button-orbit 4s linear infinite;animation-play-state:paused}
#discuss #ec-next::after{content:'';position:absolute;inset:2px;z-index:-1;border-radius:8px;background:var(--mint)}
#discuss[data-step="0"].ec-action-visible #ec-next:not(:disabled)::before{animation-play-state:running}
#discuss:not([data-step="0"]) #ec-next::before{display:none}
#discuss #ec-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 4px #2cc4ad22,0 8px 24px #07191455}
#discuss #ec-next:focus-visible{outline:2px solid #d7fff3;outline-offset:5px}
@keyframes ec-button-orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:760px){#discuss .ec-action{width:100%;max-width:none}#discuss .ec-action-hint{font-size:11px}#discuss #ec-next{min-height:48px}}
@media(prefers-reduced-motion:reduce){#discuss #ec-next::before{animation:none!important;transform:translate(-50%,-50%) rotate(35deg)}#discuss #ec-next{transition:none}}

#discuss .date::before,#discuss .date::after{display:none}

#discuss .avatar--manager,#discuss .avatar--analyst,#discuss .avatar--developer{background-image:url('/assets/chat-team-20261103.webp');background-size:300% 100%;background-repeat:no-repeat;color:transparent;font-size:0;width:40px;height:40px;border-radius:11px}
#discuss .avatar--manager{background-position:0% 50%}
#discuss .avatar--analyst{background-position:50% 50%}
#discuss .avatar--developer{background-position:100% 50%}
#discuss .avatar.client{font-size:0;color:transparent;background:#203239 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%239bcfc3' stroke-width='1.5'%3E%3Ccircle cx='16' cy='11' r='4'/%3E%3Cpath d='M8 25v-3a8 8 0 0 1 16 0v3'/%3E%3C/svg%3E") center/28px 28px no-repeat}
@media(max-width:760px){#discuss .message .avatar--manager,#discuss .message .avatar--analyst,#discuss .message .avatar--developer{width:32px;height:32px;border-radius:9px}}

/* A short project brief stays inside the conversation. */
#discuss .ec-answers[hidden],#discuss #ec-next[hidden]{display:none!important}
#discuss .ec-answers{margin:0 24px 16px;padding:18px;background:#12252a;border:1px solid #31534e;border-radius:14px;flex:none}
#discuss .ec-question-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}
#discuss .ec-question{font:700 17px/1.4 'Open Sans',sans-serif;margin:0;color:#edf4f2}
#discuss .ec-question:focus{outline:none}
#discuss .ec-back,#discuss .ec-edit{border:0;background:none;color:#9cdbcd;font-size:12px;padding:4px 0;flex:none}
#discuss .ec-edit{margin-top:7px;text-decoration:underline;text-underline-offset:3px}
#discuss .ec-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
#discuss .ec-choice{border:1px solid #3a615a;border-radius:9px;background:#19342f;padding:12px;text-align:left;color:#d8eee8;font-size:12px;line-height:1.5;min-height:56px;transition:background .15s,border-color .15s;overflow-wrap:anywhere}
#discuss .ec-choice:hover,#discuss .ec-choice[aria-pressed=true]{border-color:#68d6bc;background:#245044}
#discuss .ec-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:end}
#discuss .ec-custom label{grid-column:1/-1;color:#a8c9c1;font-size:12px}
#discuss .ec-custom textarea{width:100%;min-width:0;resize:vertical;max-height:100px;min-height:56px;border:1px solid #3a5555;border-radius:9px;background:#0c1a20;color:#edf4f2;padding:10px 12px;font-size:13px;line-height:1.5}
#discuss .ec-custom textarea::placeholder{color:#8fa9a9}
#discuss .ec-custom-submit{background:#2cc4ad;color:#062720;border:1px solid #63ddc5;border-radius:9px;padding:12px 15px;min-height:44px;font-weight:700;font-size:12px}
#discuss .ec-answer-error{grid-column:1/-1;margin:0;color:#ffc6bf;font-size:12px}
#discuss .ec-answer-error:empty{display:none}
#discuss .message p{white-space:pre-wrap;overflow-wrap:anywhere}
#discuss[data-brief=active] .typing{display:none}
#discuss[data-brief=active] .tour{padding-top:12px;padding-bottom:12px}
#discuss[data-brief=active] .tour p{max-width:500px}
#discuss[data-brief=active] .feed{min-height:130px}
@media(max-width:760px){
 #discuss[data-brief=active] .workspace{height:850px;max-height:none}
 #discuss .ec-answers{margin:0 12px 12px;padding:14px}
 #discuss .ec-question{font-size:15px}
 #discuss .ec-choices{grid-template-columns:1fr;gap:7px;margin-bottom:12px}
 #discuss .ec-choice{min-height:42px;padding:10px 12px}
 #discuss .ec-custom{grid-template-columns:1fr}
 #discuss .ec-custom-submit{width:100%}
 #discuss[data-brief=active] .tour{gap:7px}
 #discuss[data-brief=active] .ec-action-hint{text-align:left;font-size:10px}
 #discuss .ec-back{min-height:32px}
}

/* Contacts are entered in the same panel as the three project answers. */
#discuss[data-contact=open] .workspace{height:820px}
#discuss[data-contact=open] .ec-answers{max-height:490px;overflow:auto;scrollbar-width:thin;scrollbar-color:#40766a #12252a}
#discuss .ec-contact-form{margin-top:18px}
#discuss .ec-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
#discuss .ec-contact-field{display:flex;flex-direction:column;gap:7px;min-width:0}
#discuss .ec-contact-field label{color:#b5d4cb;font-size:12px}
#discuss .ec-contact-field input,#discuss .ec-contact-field textarea{display:block;width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #3a615a;border-radius:9px;background:#0c1a20;color:#edf4f2;font-size:13px;line-height:1.6}
#discuss .ec-contact-field input::placeholder,#discuss .ec-contact-field textarea::placeholder{color:#88a7a2}
#discuss .ec-contact-field textarea{resize:vertical;max-height:120px}
#discuss .ec-contact-field [aria-invalid=true]{border-color:#f5a89d}
#discuss .ec-contact-consent{display:flex;align-items:flex-start;gap:11px;margin:18px 0}
#discuss .ec-contact-consent input[type=checkbox]{display:block!important;appearance:auto;width:20px;height:20px;min-width:20px;position:static;opacity:1;pointer-events:auto;margin:2px 0 0;accent-color:#37c7b0;cursor:pointer}
#discuss .ec-contact-consent label{font-size:12px;line-height:1.7;color:#afc8c1;cursor:pointer}
#discuss .ec-contact-consent a{color:#74dbc4;text-decoration:underline;text-underline-offset:3px}
#discuss .ec-contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
#discuss .ec-contact-bottom p{color:#9ebbb1;font-size:11px;margin:0;line-height:1.7}
#discuss .ec-contact-bottom button{min-width:190px;flex:none}
#discuss .ec-contact-status{margin:12px 0 0;color:#f1c3b7;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
#discuss .ec-contact-status:empty{display:none}
#discuss .ec-contact-success{color:#8ee6c8;padding:12px 0}
#discuss .ec-contact-form :disabled{opacity:.7;cursor:default!important}
@media(max-width:760px){
 #discuss[data-contact=open] .workspace{height:1030px}
 #discuss[data-contact=open] .ec-answers{max-height:650px}
 #discuss .ec-contact-grid{grid-template-columns:1fr;gap:12px}
 #discuss .ec-contact-bottom{align-items:stretch;flex-direction:column;gap:12px}
 #discuss .ec-contact-bottom button{width:100%}
}

/* Restart is explicit; refreshing keeps the saved brief progress. */
#discuss .ec-restart{border:1px solid #3a615a;border-radius:8px;background:#17332d;color:#a5e4d3;padding:7px 12px;font-size:12px;line-height:1.5;min-height:36px;white-space:nowrap;flex:none}
#discuss .ec-restart:hover{background:#254b40;border-color:#70d9bf}
#discuss .ec-restart[hidden]{display:none!important}
#discuss .ec-restart:disabled{opacity:.5;cursor:wait!important}
#discuss .chat-head{align-items:center}
@media(max-width:760px){#discuss .chat-head{gap:10px;flex-wrap:wrap}#discuss .ec-restart{min-height:44px}}