/* Maude Build 448 — Customer Signup Renderer */
:root{--mcs-bg:#f6f4ef;--mcs-surface:#fff;--mcs-line:#e3ddd2;--mcs-text:#151515;--mcs-muted:#68615a;--mcs-soft:#fbfaf6}
*{box-sizing:border-box}
body.maude-customer-signup{margin:0;background:radial-gradient(circle at 10% 0%,#fff 0,#f7f4ee 34%,#f3f0ea 100%);color:var(--mcs-text);font-family:Inter,Manrope,Arial,sans-serif}
.mcs-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:42px 0 80px}
.mcs-hero{display:grid;grid-template-columns:92px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:28px}
.mcs-brand{width:82px;height:82px;border-radius:26px;background:#fff;border:1px solid var(--mcs-line);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#111;box-shadow:0 22px 70px rgba(22,19,14,.08);overflow:hidden}
.mcs-brand img{display:block;max-width:72%;max-height:72%;object-fit:contain}
.mcs-brand span{font-size:34px;font-weight:600}
.mcs-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#77706a;font-weight:800;margin:4px 0 14px}
.mcs-hero h1{font-size:clamp(46px,6vw,92px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:0 0 18px}
.mcs-hero p{font-size:18px;line-height:1.7;color:var(--mcs-muted);max-width:780px;margin:0}
.mcs-card{background:rgba(255,255,255,.92);border:1px solid var(--mcs-line);border-radius:30px;box-shadow:0 28px 90px rgba(26,22,17,.08);padding:28px;margin-bottom:16px}
.mcs-step-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;position:sticky;top:0;background:rgba(246,244,239,.92);backdrop-filter:blur(12px);z-index:4;padding:10px 0}
.mcs-step-tabs button{border:1px solid var(--mcs-line);background:#fff;border-radius:999px;padding:10px 14px;color:#5f5851;cursor:pointer;font-weight:700}
.mcs-step-tabs button span{opacity:.55;margin-right:5px}
.mcs-step-tabs button.is-active{background:#111;color:#fff;border-color:#111}
.mcs-step-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;margin-bottom:22px;align-items:start}
.mcs-step-head>span{width:44px;height:44px;border-radius:16px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.mcs-step h2,.mcs-success h2{font-size:clamp(26px,3vw,42px);line-height:1.02;letter-spacing:-.04em;font-weight:500;margin:0 0 8px}
.mcs-step p,.mcs-success p{color:var(--mcs-muted);line-height:1.62;margin:0}
.mcs-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mcs-field{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#665f58;font-weight:800}
.mcs-field.is-wide{grid-column:1/-1}
.mcs-field span:first-child{display:block;margin:0 0 8px}
.mcs-field input:not([type="checkbox"]),.mcs-field select,.mcs-field textarea{display:block;width:100%;border:1px solid #d9d2c6;background:#fff;border-radius:16px;min-height:52px;padding:13px 14px;font:inherit;color:#111;text-transform:none;letter-spacing:0}
.mcs-field textarea{resize:vertical}
.mcs-field small{display:block;margin-top:7px;color:#7f776d;line-height:1.45;text-transform:none;letter-spacing:0;font-weight:500}
.mcs-field.has-error input,.mcs-field.has-error select,.mcs-field.has-error textarea{border-color:#b8472b;background:#fff8f5}
.mcs-checkbox-line{display:flex!important;gap:10px;align-items:flex-start;border:1px solid #d9d2c6;background:#fff;border-radius:16px;padding:14px;text-transform:none!important;letter-spacing:0!important;font-weight:600;color:#111}
.mcs-checkbox-line input{margin-top:2px}
.mcs-checkbox-line em{font-style:normal;color:#554e47;line-height:1.45}
.mcs-step-actions,.mcs-submit-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px}
.mcs-submit-bar{background:rgba(255,255,255,.78);border:1px solid var(--mcs-line);border-radius:24px;padding:16px 18px;position:sticky;bottom:16px;box-shadow:0 22px 80px rgba(22,19,14,.08)}
.mcs-submit-bar span{color:#7a7268;font-size:13px}
.mcs-button{border:1px solid #111;background:#111;color:#fff;border-radius:999px;min-height:48px;padding:0 24px;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mcs-button.secondary{background:#fff;color:#111;border-color:#d8d0c4}
.mcs-errors{background:#fff4f1;border:1px solid #e8c4b9;color:#7b2819;border-radius:24px;padding:18px 22px;margin:0 0 18px}
.mcs-errors ul{margin:8px 0 0;padding-left:18px}
.mcs-success{text-align:left;max-width:760px}
.mcs-success-icon{width:54px;height:54px;border-radius:18px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-weight:800}
.mcs-reference{background:var(--mcs-soft);border:1px solid var(--mcs-line);border-radius:16px;padding:13px 15px;margin:18px 0!important;color:#111!important}
@media(max-width:760px){.mcs-shell{width:min(100vw - 22px,1180px);padding-top:24px}.mcs-hero{grid-template-columns:1fr}.mcs-brand{width:70px;height:70px}.mcs-card{border-radius:22px;padding:20px}.mcs-field-grid{grid-template-columns:1fr}.mcs-step-head{grid-template-columns:1fr}.mcs-step-tabs{overflow-x:auto;flex-wrap:nowrap}.mcs-step-tabs button{white-space:nowrap}.mcs-submit-bar{position:relative;bottom:auto}.mcs-button{width:100%}}