.embedded-build-progress{padding:25px 28px 19px;background:#fbfcf8;border:1px solid #cfd8c3;border-radius:8px;margin:25px 0}.build-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.build-progress-heading h3{font-size:25px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:10px 0 8px}.build-progress-heading p{font-size:11px;color:#748069;margin:0}.build-progress-heading p>span:nth-child(2){margin-inline:7px;color:#b0b9a5}.build-progress-heading>strong{font-size:43px;font-weight:450;letter-spacing:-2px;color:#687d4c;line-height:1}.build-progress-track{height:9px;border-radius:9px;background:#e0e6d7;margin:22px 0;overflow:hidden}.build-progress-track>div{width:0;height:100%;background:#80995d;border-radius:9px;transition:width .5s ease}.build-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.build-steps li{font-size:9px;color:#929b86;display:flex;align-items:center;gap:7px}.build-steps li>span{display:flex;align-items:center;justify-content:center;border:1px solid #dce2d4;border-radius:50%;height:22px;width:22px;font-size:8px;flex-shrink:0}.build-steps li.current{color:#5d7446;font-weight:600}.build-steps li.current>span{background:#e5ecd9;border-color:#8fa677}.build-steps li.complete{color:#57674a}.build-steps li.complete>span{background:#7c955b;border-color:#7c955b;color:#fff}.build-progress-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;border-top:1px solid #e3e8dc;padding-top:13px;font-size:10px;color:#7d8772}.build-progress-footer .text-button{font-size:10px;padding:0}.website-preview{display:block;width:100%;height:690px;border:0;background:#111110}.embed-indicator{font-size:6px;letter-spacing:.7px;color:#71885b;font-weight:600;white-space:nowrap}.embed-hint{background:#f8faf4;color:#7d8971;border-top:1px solid #e0e5d8;text-align:center;padding:10px 12px;font-size:9px}.live-browser.is-mobile{width:375px;max-width:100%}.live-browser.is-mobile .website-preview{height:650px}.preview-stage{min-height:0;padding:20px}.is-building .website-preview{pointer-events:none}.is-building .preview-toolbar button,.is-building .preview-toolbar select,.is-building .preview-aside button{opacity:.45}.embedded-build-progress.build-failed{border-color:#db9f8c}.embedded-build-progress.build-failed .build-progress-heading>strong{color:#b85b3c}.workspace-layout.full-preview{grid-template-columns:minmax(0,1fr)}.workspace-layout.full-preview .preview-aside{display:none}.workspace-layout.full-preview .website-preview{height:800px}#industry-chip{font-size:9px;color:#677657;white-space:nowrap}#expand-preview{font-size:10px}.source-brief{padding:15px 0;border-top:1px solid #ccd4c1;margin-top:18px}.source-brief summary{font-size:10px;cursor:pointer;color:#5b6b4d}.source-brief p{font-size:9px;line-height:1.8;color:#758169}.source-brief a{display:block;font-size:9px;margin:7px 0;text-decoration:underline;text-underline-offset:3px}.mdc-style .style-dot.warm{background:#f2212b}.mdc-style .style-dot.bold{background:#111}.mdc-style .style-dot.calm{background:#e7e3dc;border:1px solid #aaa}.mdc-hero-sample .sample-nav{background:#111;color:#fff}.mdc-hero-sample .sample-nav>span:first-child{font-family:Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:0}.mdc-hero-sample .sample-nav b{background:#f2212b}.mdc-hero-sample .sample-content h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:50px;text-transform:uppercase;line-height:.9;letter-spacing:0}.mdc-hero-sample .sample-hero img{object-position:65% center}.mdc-hero-sample .sample-shade{background:linear-gradient(90deg,#000b,#0002)}.mdc-hero-sample .sample-bottom{background:#f2212b;color:#fff}.mdc-hero-sample .sample-bottom>span:first-child{font-family:Arial,sans-serif;font-weight:700}.mdc-hero-sample .sample-cta{background:#fff;color:#111}.mdc-hero-sample .sample-nav>span:first-child img{display:inline-block;width:27px;height:27px;vertical-align:middle;margin-right:6px}.mdc-example-art{background:linear-gradient(90deg,#0c0c0cdc,#0c0c0c44),url('assets/mdc-dance.jpg') 62% center/cover;color:#fff}.mdc-example-art .example-title{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.95;font-size:42px}.mdc-example-art .example-logo{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px}.mdc-example-art .example-pill{color:#ff7077}.research-tag{display:inline-block;background:#e5eadb;color:#61734b;font-size:8px;padding:4px 7px;border-radius:3px;margin-bottom:10px}
@media(max-width:1100px){.build-steps{gap:8px}.build-steps li{font-size:8px;gap:5px}.build-progress-heading h3{font-size:23px}.embedded-build-progress{padding:23px}.website-preview{height:660px}.preview-toolbar{align-items:flex-start}.preview-controls{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:800px){.build-steps{grid-template-columns:repeat(3,1fr);row-gap:14px}.website-preview{height:680px}.embedded-build-progress{padding:22px}#industry-chip{display:none}.preview-toolbar{flex-wrap:wrap}.mdc-hero-sample .sample-content h2{font-size:62px}}
@media(max-width:540px){.embedded-build-progress{padding:21px 18px;margin:23px 0 20px}.build-progress-heading{gap:14px;align-items:flex-start}.build-progress-heading h3{font-size:21px;line-height:1.25}.build-progress-heading>strong{font-size:32px;margin-top:3px;letter-spacing:-1.3px}.build-progress-heading .eyebrow{font-size:7px;letter-spacing:1px}.build-progress-heading p{font-size:9px;line-height:1.8}.build-progress-heading p>span:first-child{display:block;overflow-wrap:anywhere}.build-progress-heading p>span:nth-child(2){display:none}.build-progress-track{margin:19px 0;height:8px}.build-steps{grid-template-columns:1fr 1fr;gap:11px 9px}.build-steps li{font-size:8px}.build-steps li>span{height:21px;width:21px}.build-progress-footer{align-items:flex-start;font-size:9px}.build-progress-footer>span{max-width:190px}.build-progress-footer .text-button{font-size:9px}.website-preview,.live-browser.is-mobile .website-preview{height:650px}.workspace-layout.full-preview .website-preview{height:700px}.embed-hint{font-size:8px;padding:9px}.embed-indicator{font-size:5px;letter-spacing:.3px}.live-browser .browser-address{font-size:7px;padding-inline:14px;max-width:63%}.preview-stage{padding:10px}.view-tabs{width:100%;justify-content:space-between}.view-tabs button{padding:9px 8px;font-size:9px}.preview-controls{justify-content:space-between;width:100%}#industry-chip{display:block!important;font-size:8px}.preview-aside .source-brief{margin-top:22px}.mdc-hero-sample .sample-content h2{font-size:45px}.mdc-hero-sample .sample-nav>span:first-child{font-size:11px}.mdc-hero-sample .sample-nav>span:first-child img{width:22px;height:22px}.source-brief a{font-size:10px}.mdc-example-art .example-title{font-size:47px}}
.embedded-build-progress.build-complete{padding:18px 24px 12px}.build-complete .build-progress-heading h3{font-size:21px;margin:0 0 6px}.build-complete .build-progress-heading .eyebrow,.build-complete .build-steps{display:none}.build-complete .build-progress-heading>strong{font-size:34px}.build-complete .build-progress-track{height:5px;margin:15px 0 0}.build-complete .build-progress-footer{border:0;margin-top:0;padding-top:10px}.build-complete .build-progress-footer>span{font-size:9px}
@media(max-width:540px){.embedded-build-progress.build-complete{padding:17px}.build-complete .build-progress-heading h3{font-size:19px}.build-complete .build-progress-heading>strong{font-size:29px}.build-complete .build-progress-footer>span{font-size:8px;max-width:175px}}
@media(prefers-reduced-motion:reduce){.build-progress-track>div{transition:none}}
.preview-toolbar .view-tabs,.style-options,.style-label,#business-type,#examples,a[href="#examples"]{display:none!important}.proposal-label{font-size:12px;font-weight:600;letter-spacing:.1px}.preview-toolbar{align-items:center}.design-rationale{font-size:11px;line-height:1.8;color:#6c7661;margin:15px 0}.preview-aside .check-list li{overflow-wrap:anywhere}.prototype-source-tag{font-size:10px;color:#7b806e}.preview-aside .check-list strong{font-weight:500;color:#4a5740}@media(max-width:540px){.proposal-label{font-size:11px}.preview-toolbar{gap:12px}.preview-controls{width:auto;flex-wrap:wrap;gap:9px;justify-content:flex-end}.preview-toolbar{flex-direction:row;flex-wrap:wrap}#industry-chip{display:none!important}}