/* MC Flow product identity: the same ivory, navy, blue and type as the website. */
:root{--navy:#071e61;--navy2:#123579;--blue:#0862ff;--green:#0862ff;--green-dark:#0862ff;--ink:#071e61;--muted:#58647e;--line:#dfe3eb;--soft:#f2f5fc;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#faf8f2}
body{background:#faf8f2;color:var(--ink)}
h1,h2,h3,h4,.mc-wordmark{font-family:Manrope,Inter,Arial,sans-serif}
header{background:#fffdf8;border-bottom:1px solid #e5e3dc;height:88px}
.mc-wordmark,.brand.mc-wordmark,.signature.mc-wordmark{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px;line-height:1;display:inline-flex;align-items:center;gap:7px;color:#071e61;text-decoration:none;white-space:nowrap}
.mc-wordmark>span,.signature.mc-wordmark>span{font:inherit;color:#0862ff;position:relative;display:inline-block}
.mc-spark{font-size:18px;position:absolute;right:-20px;top:-7px;letter-spacing:0;color:#0862ff}
.header-divider{margin-left:17px}.header-note{font-size:11px;color:var(--muted)}
main{padding-top:38px}.studio-intro{padding:0 0 8px}.studio-intro h1{font-size:clamp(32px,3.6vw,46px);font-weight:800;letter-spacing:-1.9px;color:var(--navy);margin:16px 0 16px}.studio-intro h1 span{color:var(--blue)}.studio-intro .intro{font-size:13px;max-width:710px}
.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.12em}.eyebrow i,.private-badge i{background:var(--blue)}
.panel{border-color:#e1e3e8;border-radius:16px;box-shadow:0 5px 22px #071e6104}.section-heading{border-color:#e9ecf2}.section-heading h2{font-size:19px!important;font-weight:800;letter-spacing:-.5px}.step{color:var(--blue);background:#edf2fc;border-radius:7px}
.primary,.submit,#zip{background:var(--blue);color:white;border-radius:8px;box-shadow:none}.primary:hover:enabled,.submit:hover,#zip:hover{background:#0049d2;color:white}.secondary{color:var(--navy);border-color:#c8d0df;background:white}.secondary:hover:enabled{background:#f2f5fc;border-color:#0862ff}.logout:hover{color:var(--blue);border-color:var(--blue)}
.process-nav{box-shadow:0 3px 15px #071e6103;border-color:#dce1eb;background:#fffdf8}.process-nav button{color:#58647e}.process-nav .active{background:#edf2fc;color:var(--navy)}.process-nav .active b{background:var(--blue);border-color:var(--blue);color:white}.process-nav .completed b{background:#fff;color:var(--blue);border-color:#a9bfe9}.process-nav button:not(:disabled):hover{background:#f2f5fc}
.dropzone,.image-dropzone{background:#fffdf8;border-color:#b3c5eb}.dropzone:hover,.dropzone.dragging,.image-dropzone:hover,.image-dropzone.dragging{background:#f0f4ff;border-color:var(--blue);box-shadow:0 0 0 3px #0862ff0b}
.production-modes .active,.production-modes button[aria-pressed=true],.input-tabs button.active,.device-toggle button.active{color:var(--navy);border-color:var(--blue);background:#edf2fc}
.assistant-heading{background:#f2f5fc;border-color:#d5def0}.assistant-orb,.export-icon{background:#e5edff;color:var(--blue)}.assistant-message.assistant{background:#f2f5fc;border-color:#d5def0}.assistant-suggestions button{border-color:#d5def0;color:var(--navy)}.assistant-suggestions button:hover{background:#edf2fc}
progress{accent-color:var(--blue)}progress::-webkit-progress-value{background:var(--blue)}progress::-moz-progress-bar{background:var(--blue)}
input,textarea,select{font-family:Inter,Arial,sans-serif;color:var(--navy)}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline-color:var(--blue)}:focus-visible{outline-color:var(--blue)}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}
dialog{border-color:#dfe3eb;border-radius:16px;color:var(--navy);box-shadow:0 24px 100px #071e6129;background:#fffdf8}dialog::backdrop{background:#071e6166;backdrop-filter:none}
.qa-top{background:#f2f5fc;border-color:#d5def0}.qa-score{min-width:245px}.qa-score>strong{display:block;color:#08795b;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:70px;letter-spacing:-3px}.qa-score>span{color:#58647e}#qa-score[data-rating=bad]{color:#b34330}#qa-score[data-rating=warn]{color:#986b20}#qa-score[data-rating=none]{color:#58647e}.qa-renders article{background:#edf0f5}.qa-renders .card-kicker{background:#fffdf8;color:var(--navy)}.qa-approval{border-color:#dfe3eb}.export-zip{background:#f2f5fc}
.preflight-card{display:grid;grid-template-columns:160px 1fr;gap:24px;margin:0 0 22px;padding:20px;border:1px solid #d5def0;border-radius:12px;background:#f7f9fd}.preflight-card>div:first-child{border-right:1px solid #d5def0;display:flex;flex-direction:column;gap:7px}.preflight-card .card-kicker{font-size:9px;letter-spacing:.1em;color:#58647e}.preflight-card #builder-score{font:800 26px/1.2 Manrope,Arial,sans-serif;letter-spacing:-1px;color:#08795b}.preflight-card #builder-score[data-rating=bad]{color:#b34330}.preflight-card #builder-score[data-rating=warn]{color:#986b20}.preflight-card #builder-audit-state{font-size:10px;color:var(--muted)}.preflight-card>div>strong{font-size:12px;line-height:1.6}.preflight-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere}
footer{color:#58647e;border-color:#e5e3dc}
/* Login uses the same product surface; decorative curves echo the commercial page. */
body:has(.login-card){background:#faf8f2;color:#071e61}
body:has(.login-card) header{border:0;background:transparent;height:auto;padding-block:34px}.header-label{color:#58647e;font-size:9px;letter-spacing:.15em}
body:has(.login-card) main{width:min(1200px,88vw);padding:40px 0 65px;gap:85px;grid-template-columns:minmax(0,1fr) 410px}
.welcome h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(40px,4.4vw,62px);line-height:1.1;letter-spacing:-2.8px;color:#071e61}.welcome>p{color:#58647e;font-size:14px;line-height:1.9}.welcome .eyebrow{color:#0862ff;font-size:9px}.welcome .eyebrow span{background:#0862ff;box-shadow:none}.welcome .steps{gap:17px;margin-top:36px;font-size:10px;color:#58647e}.welcome .steps b{color:#0862ff}.welcome .steps i{color:#a6b3cf}
.login-card{background:#fffdf8;border:1px solid #dedfdc;border-radius:18px;box-shadow:0 24px 80px #071e6109;color:#071e61;padding:36px 32px 28px}.login-card h2{font-weight:800;font-size:28px;letter-spacing:-1px}.card-kicker{color:#0862ff}.login-card input{font-family:Inter,Arial,sans-serif;background:white;border-color:#d9deea;color:#071e61}.login-card input:focus{border-color:#0862ff;box-shadow:0 0 0 3px #0862ff12}.login-card .submit{font-family:Inter,Arial,sans-serif;background:#0862ff;font-weight:600}.login-card .submit:hover{background:#0049d2}.card-intro,.card-footer{color:#58647e}.card-footer{border-color:#e2e5ee}#reveal:hover{color:#0862ff;background:#edf2fc}.entrance{color:#0862ff;background:#faf8f2}.ambient>i{display:none}.orbit{width:800px;height:800px;right:-440px;border-color:#dce3f2}.orbit-two{width:1000px;height:1000px;right:-540px;border-color:#e5e7eb}.orbit-one:after{border-top-color:#b9cef5}.animated-word>span{color:#0862ff;background:linear-gradient(110deg,#0862ff,#769df8,#0862ff);background-size:1100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:950px){body:has(.login-card) main{grid-template-columns:minmax(0,1fr) 370px;gap:38px}.welcome h1{font-size:45px;letter-spacing:-1.8px}.welcome .steps{flex-wrap:wrap}}
@media(max-width:740px){body:has(.login-card) header{padding:26px 7vw}body:has(.login-card) main{width:min(440px,86vw);grid-template-columns:1fr;padding:22px 0 36px;gap:26px}.welcome h1{font-size:40px;letter-spacing:-1.7px}.welcome .steps{display:none}.mc-wordmark,.brand.mc-wordmark,.signature.mc-wordmark{font-size:27px}.header-note{display:none}.header-divider{margin-left:10px}.login-card{padding:29px 25px}.preflight-card{grid-template-columns:1fr;gap:16px}.preflight-card>div:first-child{border-right:0;border-bottom:1px solid #d5def0;padding-bottom:15px}.qa-score{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Official cobalt logo supplied by Matthieu. Preserve the original transparency and proportions. */
.brand.mc-wordmark,.signature.mc-wordmark{gap:0;letter-spacing:0;flex-shrink:0}
.brand.mc-wordmark img,.signature.mc-wordmark img{display:block;width:224px;height:84px;object-fit:contain;border-radius:0}
body:has(.login-card) header{padding-block:14px}
@media(max-width:740px){.brand.mc-wordmark img,.signature.mc-wordmark img{width:160px;height:60px}body:has(.login-card) header{padding-block:12px}.private-badge{display:none}}
/* A single Figma entry point and a visible enterprise context. */
.figma-dropzone{min-height:252px;gap:5px;padding:28px 18px;background:#fffdf8}.figma-dropzone>img{width:32px;height:48px;display:block;margin-bottom:16px}.figma-dropzone>strong{font-size:14px}.figma-dropzone>span{margin-top:6px}.figma-dropzone>small{margin-top:13px}.figma-source{border:1px solid #d5def0;background:#f2f5fc;border-radius:10px;padding:15px;margin-top:16px}.figma-source>strong{font-size:12px}.figma-source p{font-size:12px;line-height:1.7;color:var(--muted)}#generation-progress{margin-top:20px}#generation-progress progress{width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#e3e9f5}#generation-stage{font-size:12px;line-height:1.7;color:var(--blue)}.campaign-library{margin-top:28px}.campaign-library #history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-library .history-button{margin:0;overflow-wrap:anywhere;background:#f8f9fc;border-radius:9px;padding:14px;border:1px solid var(--line);font-size:12px;color:var(--navy);text-align:left;line-height:1.7}.campaign-library .history-button:hover{border-color:var(--blue);background:#edf2fc}
.workspace-button{margin-left:auto;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);text-align:left;min-width:0;max-width:270px}.workspace-button>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.workspace-button small{font-size:8px;color:var(--muted);letter-spacing:.08em}.workspace-button strong{font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:180px}.workspace-avatar{width:30px;height:30px;display:grid;place-items:center;background:#edf2fc;color:var(--blue);border-radius:7px;font-weight:700;font-size:13px;flex-shrink:0}.workspace-button:hover{border-color:var(--blue)}#workspace-dialog{width:min(660px,calc(100vw - 30px));max-height:90vh;padding:30px;overflow:auto}#workspace-dialog h2{font-size:27px;letter-spacing:-1px}#workspace-dialog h3{font-size:16px;font-weight:800;margin:26px 0 14px}#workspace-dialog input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);padding:12px;font-size:13px;line-height:1.5}#workspace-dialog input:disabled{background:#f2f5fc;color:var(--muted)}.workspace-inline{display:flex;align-items:center;gap:10px}.workspace-inline .secondary{white-space:nowrap;flex-shrink:0}.workspace-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f2f5fc;margin:24px 0}.workspace-tabs button{flex:1;background:transparent;border:0;border-radius:6px;padding:11px 8px;color:var(--muted);font-size:12px;font-weight:600}.workspace-tabs .active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #071e6108}.workspace-member{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e5e9f1;padding:13px 0;min-width:0}.workspace-member>div{flex:1;min-width:0}.workspace-member strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.workspace-member small{display:block;font-size:11px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.role-badge{font-size:9px;padding:5px 7px;border-radius:5px;background:#edf2fc;color:var(--navy);white-space:nowrap}.workspace-member .text-link{background:none;border:0;color:#b34330;padding:5px}.workspace-member .role-badge{flex-shrink:0}#invite-form .primary,#profile-form .primary{margin-top:22px}#workspace-status{font-size:12px;line-height:1.8;color:#08795b}#workspace-status:empty{display:none}#workspace-status.error{color:#b34330}#workspace-switch-wrap{margin:18px 0}#invitation-result{background:#edf2fc;padding:15px;border-radius:9px;margin-top:16px}#profile-form .preview-note{margin-top:7px}
@media(max-width:1050px){.header-note,.header-divider{display:none}header{gap:14px}.workspace-button{max-width:230px}.brand.mc-wordmark img{width:185px;height:70px}}
@media(max-width:740px){header{padding:0 18px;gap:10px;height:80px}.brand.mc-wordmark img{width:133px;height:50px}.workspace-button{max-width:160px;padding:6px;gap:6px}.workspace-button strong{font-size:10px;max-width:95px}.workspace-button small{font-size:7px}.workspace-avatar{display:none}.logout{padding:8px;font-size:9px}.campaign-library #history-list{grid-template-columns:1fr}#workspace-dialog{padding:22px}.workspace-member{flex-wrap:wrap}.workspace-inline{align-items:stretch;flex-wrap:wrap}.workspace-inline input{flex:1 1 180px}.workspace-inline button{flex:1}.workspace-tabs button{font-size:11px}}
@media(max-width:420px){header .logout{font-size:0;width:31px;height:31px;padding:5px;overflow:hidden}header .logout:after{content:'↗';font-size:17px}.workspace-button{max-width:145px}.workspace-button strong{max-width:94px}}

.eval-period{padding:12px 24px;background:#eaf2ed;color:#12513e;font-size:12px;line-height:1.6;border-bottom:1px solid #d6e6db}.header-tools a.header-tool{text-decoration:none}

.pilot-availability{display:block;font-size:12px!important;font-weight:600;color:#13654d;line-height:1.5;letter-spacing:0}.pilot-offer{border:1px solid #cedfd3;border-left:3px solid #13654d;border-radius:0 12px 12px 0;padding:19px;background:#eef5ee;color:#10265c}.pilot-offer>strong{font-size:15px;line-height:1.5}.pilot-offer>p{font-size:13px;line-height:1.6;margin:10px 0}.pilot-offer>small{display:block;font-size:11px;line-height:1.6;color:#52617b}.pilot-offer a{display:inline-block;color:#10265c;font-size:12px;font-weight:600;margin-top:10px}.demo-pilot-offer{margin-top:24px;max-width:500px}.demo-pilot-offer>p{font-size:12px}.pilot-banner{max-width:235px;white-space:normal}.eval-recurring{font-size:15px;line-height:1.7;color:#52617b}.pilot-admin-controls{border-top:1px solid #dce1eb;margin-top:22px;padding-top:18px}.pilot-admin-controls button{font-size:12px}.eval-notification{font-size:12px;color:#52617b}.eval-request .eval-notification button{padding:7px 10px;margin-left:10px;background:#eaf0ff;color:#10265c}.pilot-offer .eyebrow{font-size:10px;margin-top:0;letter-spacing:.1em}@media(max-width:640px){.pilot-banner{max-width:none;flex-basis:100%}.demo-pilot-offer{padding:15px}.eval-recurring{font-size:14px}}