:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; color: #1f1b2d; background: #fff; font-family: "Open Sans", Arial, sans-serif; }
button, input, select { font: inherit; }
button, a, label, summary { -webkit-tap-highlight-color: transparent; }

/* Emergency Site Chrome fallback only; central runtime replaces it. */
.msc-emergency-header { min-height: 74px; background:#fff; border-bottom:1px solid #ececec; }
.msc-emergency-header-inner { width:1200px; max-width:90%; min-height:74px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; font-family:"Open Sans",Arial,sans-serif; }
.msc-emergency-brand { font-weight:800; font-size:20px; color:#6f4be8; text-decoration:none; }
.msc-emergency-links { display:flex; gap:20px; align-items:center; }
.msc-emergency-links a { color:#333; text-decoration:none; font-size:14px; }
.msc-emergency-footer { padding:28px 5%; color:#d7d7d7; background:#202020; font:14px/1.6 "Open Sans",Arial,sans-serif; }
.msc-emergency-footer-inner { width:1200px; max-width:100%; margin:0 auto; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.msc-emergency-footer a { color:#fff; text-decoration:none; }

.mcc-page { --purple:#6f4be8; --deep:#5d35cc; --bright:#815ff0; --dark:#3c1d7d; --soft:#eee9ff; --soft2:#f8f6ff; --border:#e8e2f7; --text:#1f1b2d; --muted:#6d687b; --shadow:0 14px 34px rgba(48,28,89,.08); }
.mcc-page h1,.mcc-page h2,.mcc-page h3,.mcc-page p { margin-top:0; }
.mcc-page button,.mcc-page select,.mcc-page input { color:var(--text); }
.mcc-hero { padding:52px 20px 28px; }
.mcc-hero-inner { width:1200px; max-width:100%; margin:0 auto; text-align:center; }
.mcc-eyebrow,.mcc-section-label { font-size:12px; font-weight:800; letter-spacing:.12em; color:var(--deep); }
.mcc-hero h1 { margin:10px auto 10px; max-width:760px; color:#17131f; font-size:36px; line-height:1.15; letter-spacing:-.035em; font-weight:800; }
.mcc-hero-copy { max-width:700px; margin:0 auto 26px; color:var(--muted); font-size:16px; line-height:1.7; }
.mcc-tool-card { width:1200px; max-width:100%; margin:0 auto; border:1px solid #e7e2ef; border-radius:16px; background:#fff; box-shadow:var(--shadow); padding:18px; text-align:left; }
.mcc-upload-zone { min-height:260px; border:2px dashed #cbbdf5; border-radius:13px; background:linear-gradient(180deg,#fdfcff 0%,#faf8ff 100%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:9px; padding:34px 24px; cursor:pointer; transition:border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.mcc-upload-zone:hover,.mcc-upload-zone:focus-visible,.mcc-upload-zone.is-dragover { border-color:var(--purple); background:#f7f3ff; box-shadow:0 0 0 4px rgba(111,75,232,.08); outline:none; }
.mcc-upload-zone strong { font-size:18px; color:var(--dark); }
.mcc-upload-zone > span:not(.mcc-file-badge):not(.mcc-primary-button) { color:var(--muted); font-size:14px; }
.mcc-upload-zone small { color:#858091; font-size:12px; }
.mcc-file-badge { min-width:54px; height:54px; padding:0 10px; border-radius:14px; display:grid; place-items:center; background:var(--soft); color:var(--deep); font-size:12px; font-weight:800; }
.mcc-primary-button,.mcc-primary-action,.mcc-analyze-button { border:0; border-radius:9px; background:var(--purple); color:#fff !important; font-weight:800; box-shadow:0 7px 15px rgba(93,53,204,.18); }
.mcc-primary-button { padding:12px 20px; margin-top:4px; }
.mcc-primary-action,.mcc-analyze-button { cursor:pointer; padding:12px 18px; }
.mcc-analyze-button { width:100%; min-height:48px; font-size:15px; margin-top:4px; }
.mcc-primary-action:hover,.mcc-analyze-button:hover { background:var(--deep); }
.mcc-trust-row { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 20px; margin:14px auto 0; color:#767080; font-size:12px; }

.mcc-workspace { padding:4px 2px 2px; }
.mcc-file-row { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:10px 10px 18px; border-bottom:1px solid #eee9f6; }
.mcc-file-row > div { min-width:0; display:grid; gap:4px; }
.mcc-file-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mcc-file-label { color:var(--deep); font-weight:800; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.mcc-muted { color:var(--muted); font-size:12px; }
.mcc-text-button { min-height:40px; border:0; background:transparent; color:var(--deep)!important; font-weight:700; cursor:pointer; padding:8px 10px; border-radius:8px; }
.mcc-text-button:hover { background:var(--soft2); }
.mcc-status { margin:14px 10px 0; min-height:0; font-size:13px; color:var(--muted); }
.mcc-status.is-error { color:#9b2933; background:#fff5f5; border:1px solid #f4cfd3; padding:10px 12px; border-radius:9px; }
.mcc-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:16px 10px 10px; }
.mcc-field { display:grid; gap:7px; text-align:left; }
.mcc-field > span,.mcc-choice-group legend { color:#3f3850; font-weight:800; font-size:13px; }
.mcc-field select,.mcc-field input { width:100%; min-height:44px; border:1px solid #ddd5ec; border-radius:9px; background:#fff; padding:10px 12px; outline:none; }
.mcc-field select:focus,.mcc-field input:focus { border-color:var(--purple); box-shadow:0 0 0 3px rgba(111,75,232,.11); }
.mcc-field small { color:#817b8c; font-size:11px; }
.mcc-choice-group { border:0; margin:5px 10px 11px; padding:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.mcc-choice-group legend { float:left; margin-right:10px; padding:10px 0; }
.mcc-choice { position:relative; cursor:pointer; }
.mcc-choice input { position:absolute; opacity:0; pointer-events:none; }
.mcc-choice span { min-height:40px; padding:9px 14px; display:flex; align-items:center; border:1px solid #ddd5ec; border-radius:999px; color:#5e576b; font-size:13px; font-weight:700; background:#fff; }
.mcc-choice input:checked + span { color:var(--dark); border-color:#bfaef2; background:var(--soft); }
.mcc-choice input:focus-visible + span { outline:3px solid rgba(111,75,232,.25); outline-offset:2px; }
.mcc-check-row { margin:5px 10px 14px; padding:12px 13px; border:1px solid #ebe6f3; border-radius:10px; background:#fbfaff; display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.mcc-check-row { position:relative; }
.mcc-page .ui-checkbox-input { position:absolute!important; width:1px!important; height:1px!important; margin:0!important; padding:0!important; opacity:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.mcc-page .ui-checkbox-visual { box-sizing:border-box!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; flex:0 0 18px!important; margin:2px 0 0!important; border:1.5px solid #bca9df!important; border-radius:4px!important; background:#fff!important; display:inline-grid!important; place-items:center!important; box-shadow:none!important; transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease; }
.mcc-page label:hover .ui-checkbox-visual { border-color:#815ff0!important; }
.mcc-page .ui-checkbox-input:checked + .ui-checkbox-visual { border-color:#6f4be8!important; background:#6f4be8!important; }
.mcc-page .ui-checkbox-input:checked + .ui-checkbox-visual::after { content:""; width:8px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-1px) rotate(-45deg); transform-origin:center; }
.mcc-page .ui-checkbox-input:focus-visible + .ui-checkbox-visual { outline:3px solid rgba(129,95,240,.24)!important; outline-offset:2px!important; }
.mcc-check-copy { display:grid; gap:3px; }
.mcc-check-row strong { font-size:13px; }
.mcc-check-row small { color:var(--muted); font-size:11px; }
.mcc-warning { margin:0 10px 14px; padding:11px 13px; border-radius:9px; border-left:4px solid #d39a24; background:#fff9ea; color:#68501e; font-size:12px; line-height:1.6; }
.mcc-results { margin:18px 10px 8px; padding-top:20px; border-top:1px solid #eee9f6; }
.mcc-results-head { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; }
.mcc-results-head h2 { margin:5px 0 0; font-size:24px; color:#201a2e; }
.mcc-results-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.mcc-secondary-button { min-height:42px; padding:10px 14px; border:1px solid #d8cfee; background:#fff; color:var(--deep)!important; font-weight:800; border-radius:9px; cursor:pointer; }
.mcc-secondary-button:hover { background:var(--soft2); }
.mcc-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:16px 0; }
.mcc-stat { padding:14px; background:var(--soft2); border:1px solid #e8e0fb; border-radius:10px; }
.mcc-stat span { display:block; color:var(--muted); font-size:11px; margin-bottom:4px; }
.mcc-stat strong { color:var(--dark); font-size:21px; }
.mcc-table-wrap { overflow:auto; border:1px solid #e7e1f0; border-radius:10px; }
.mcc-result-table { width:100%; border-collapse:collapse; min-width:620px; font-size:13px; }
.mcc-result-table th { text-align:left; background:#faf8ff; color:#4b4358; font-size:11px; letter-spacing:.04em; text-transform:uppercase; padding:11px 12px; border-bottom:1px solid #e8e2f0; }
.mcc-result-table td { padding:11px 12px; border-bottom:1px solid #f0ecf5; }
.mcc-result-table tbody tr:last-child td { border-bottom:0; }
.mcc-color-chip { width:54px; height:24px; border:1px solid rgba(0,0,0,.12); border-radius:6px; display:block; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.mcc-empty-results { text-align:center; color:var(--muted); padding:20px!important; }
.mcc-result-note { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }

.mcc-content { width:980px; max-width:calc(100% - 40px); margin:0 auto; padding:22px 0 70px; }
.mcc-section { padding-top:44px; }
.mcc-section h2 { margin:6px 0 8px; color:#1e172d; font-size:27px; line-height:1.24; letter-spacing:-.025em; }
.mcc-section-underline { width:54px; height:3px; border-radius:999px; background:var(--purple); margin-bottom:18px; }
.mcc-section p { color:#655e70; font-size:15px; line-height:1.75; }
.mcc-steps,.mcc-features { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.mcc-step-card,.mcc-feature-card { position:relative; border:1px solid #e6def6; border-radius:11px; background:#fff; padding:18px; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; overflow:hidden; }
.mcc-step-card:hover,.mcc-feature-card:hover { transform:translateY(-3px); border-color:#d5c8ef; box-shadow:0 13px 32px rgba(65,36,126,.09); }
.mcc-step-number { width:31px; height:31px; border-radius:50%; background:linear-gradient(135deg,var(--purple),var(--bright)); color:#fff; display:grid; place-items:center; font-weight:800; font-size:13px; margin-bottom:14px; }
.mcc-step-card h3,.mcc-feature-card h3 { color:var(--dark); font-size:14px; margin-bottom:8px; }
.mcc-step-card p,.mcc-feature-card p { margin-bottom:0; font-size:13px; line-height:1.65; }
.mcc-feature-card { background:linear-gradient(180deg,#fff 0%,#fdfbff 100%); }
.mcc-feature-card::after { content:""; position:absolute; top:-14px; right:-14px; width:54px; height:54px; border-radius:50%; background:#ebe3ff; transition:transform .18s ease,background .18s ease; }
.mcc-feature-card:hover::after { transform:scale(1.14); background:#e1d5ff; }
.mcc-guidance p:last-child { margin-bottom:0; }
.mcc-faq-list { border-top:1px solid #e9e3f1; }
.mcc-faq { border-bottom:1px solid #e9e3f1; background:#fff; transition:background .18s ease,box-shadow .18s ease; }
.mcc-faq:hover { background:#faf8ff; }
.mcc-faq[open] { background:#f8f5ff; box-shadow:inset 4px 0 0 var(--purple); }
.mcc-faq summary { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 12px; cursor:pointer; font-weight:800; color:#30263f; list-style:none; }
.mcc-faq summary::-webkit-details-marker { display:none; }
.mcc-faq summary::after { content:"+"; color:var(--purple); font-size:19px; }
.mcc-faq[open] summary::after { content:"−"; }
.mcc-faq div { padding:0 18px 14px; }
.mcc-faq div p { margin:0; font-size:14px; }
.mcc-section-intro { margin:-4px 0 15px; }
.mcc-related-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.mcc-related-card { position:relative; min-height:86px; padding:15px 16px 15px 20px; border:1px solid #e5def2; border-radius:10px; background:#fff; color:var(--text); text-decoration:none; display:flex; justify-content:space-between; align-items:center; gap:14px; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; overflow:hidden; }
.mcc-related-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--purple); transition:width .18s ease; }
.mcc-related-card span { display:grid; gap:5px; }
.mcc-related-card strong { color:var(--dark); font-size:14px; }
.mcc-related-card small { color:var(--muted); font-size:12px; line-height:1.45; }
.mcc-related-card b { width:32px; height:32px; border-radius:8px; display:grid; place-items:center; flex:0 0 32px; color:var(--purple); background:#f1ecff; transition:transform .18s ease,background .18s ease; font-size:18px; }
.mcc-related-card:hover { transform:translateY(-2px); border-color:#cfc0ef; box-shadow:0 13px 32px rgba(65,36,126,.09); }
.mcc-related-card:hover::before { width:5px; }
.mcc-related-card:hover b { transform:translateX(2px); background:#e5ddfb; }
.mcc-page :focus-visible { outline:3px solid rgba(129,95,240,.24); outline-offset:2px; }

@media (max-width:900px) {
  .msc-emergency-links a:not(:first-child){display:none}
  .mcc-hero { padding-top:38px; }
  .mcc-hero h1 { font-size:31px; }
  .mcc-control-grid,.mcc-steps,.mcc-features { grid-template-columns:1fr; }
  .mcc-stat-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:620px) {
  .mcc-hero { padding:28px 14px 18px; }
  .mcc-hero h1 { font-size:27px; }
  .mcc-hero-copy { font-size:14px; }
  .mcc-tool-card { padding:10px; border-radius:13px; }
  .mcc-upload-zone { min-height:230px; padding:28px 16px; }
  .mcc-file-row,.mcc-results-head { align-items:flex-start; flex-direction:column; }
  .mcc-results-actions { width:100%; justify-content:stretch; }
  .mcc-results-actions button { flex:1; }
  .mcc-stat-grid { grid-template-columns:1fr; }
  .mcc-content { max-width:calc(100% - 28px); padding-bottom:48px; }
  .mcc-section { padding-top:36px; }
  .mcc-section h2 { font-size:23px; }
  .mcc-related-grid { grid-template-columns:1fr; }
  .mcc-step-card:hover,.mcc-feature-card:hover,.mcc-related-card:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .mcc-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}