/* CheckCom EU AI Act Readiness Demo Enhancement · 2026-07-04 */
:root{
  --cc-ink:#081226;
  --cc-muted:#5d6b84;
  --cc-line:#dfe5ee;
  --cc-soft:#f6f8fb;
  --cc-green:#12bf72;
  --cc-green-dark:#00764d;
  --cc-blue:#1d6ff2;
  --cc-red:#ef4444;
  --cc-yellow:#f59e0b;
  --cc-radius:28px;
  --cc-shadow:0 24px 70px rgba(8,18,38,.08);
}
.readiness-hero{padding:80px 0 52px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 44%,#eefaf4 100%);border-bottom:1px solid var(--cc-line)}
.readiness-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:42px;align-items:center}
.readiness-kicker,.readiness-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(18,191,114,.34);background:#ecfdf3;color:#00764d;border-radius:999px;padding:10px 16px;font-weight:800;letter-spacing:.02em}
.readiness-hero h1{font-size:clamp(2.45rem,6vw,5.4rem);line-height:.94;letter-spacing:-.07em;margin:24px 0 20px;color:var(--cc-ink)}
.readiness-hero .lead{font-size:clamp(1.1rem,2.1vw,1.4rem);line-height:1.62;color:#344258;max-width:780px}
.readiness-hero-actions,.readiness-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.readiness-hero-card{background:white;border:1px solid var(--cc-line);border-radius:34px;padding:28px;box-shadow:var(--cc-shadow)}
.readiness-hero-card h2{margin:0 0 18px;font-size:1.35rem}
.readiness-proof-grid{display:grid;gap:14px}
.readiness-proof{border:1px solid #e3eaf2;border-radius:22px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbff)}
.readiness-proof strong{display:block;color:var(--cc-ink);font-size:1rem;margin-bottom:6px}.readiness-proof span{color:var(--cc-muted);line-height:1.45}
.readiness-section{padding:64px 0}.readiness-section.alt{background:#f8fafc}.readiness-section.compact{padding:36px 0}
.readiness-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.readiness-section-head h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.02;margin:0;color:var(--cc-ink);letter-spacing:-.04em}.readiness-section-head p{color:var(--cc-muted);max-width:740px;line-height:1.7}
.readiness-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.readiness-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.readiness-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.readiness-card{background:white;border:1px solid var(--cc-line);border-radius:26px;padding:24px;box-shadow:0 14px 40px rgba(8,18,38,.05)}.readiness-card.tint-green{background:linear-gradient(135deg,#ecfdf3,#fff)}.readiness-card.tint-blue{background:linear-gradient(135deg,#eff6ff,#fff)}.readiness-card.tint-amber{background:linear-gradient(135deg,#fff7ed,#fff)}.readiness-card h3{margin:0 0 12px;color:var(--cc-ink);font-size:1.24rem}.readiness-card p,.readiness-card li{color:#4e5f77;line-height:1.62}.readiness-card ul{margin:12px 0 0;padding-left:20px}.readiness-card .small{font-size:.92rem;color:var(--cc-muted)}
.readiness-form{background:white;border:1px solid var(--cc-line);border-radius:34px;padding:30px;box-shadow:var(--cc-shadow)}
.step-label{display:inline-flex;align-items:center;gap:8px;color:#00764d;background:#e8fff2;border:1px solid #b7f0cc;border-radius:999px;padding:8px 13px;font-size:.92rem;font-weight:800;margin-bottom:12px}.demo-field{display:flex;flex-direction:column;gap:8px}.demo-field label{font-weight:800;color:var(--cc-ink)}.demo-field input,.demo-field select,.demo-field textarea{border:1px solid #cad4e3;border-radius:16px;padding:13px 14px;font:inherit;background:white;color:var(--cc-ink);width:100%;box-sizing:border-box}.demo-field textarea{min-height:94px;resize:vertical}.demo-help{font-size:.9rem;color:var(--cc-muted);line-height:1.45}
.question-list{display:grid;gap:16px}.question-card{border:1px solid #dde5ef;border-radius:24px;padding:18px;background:#fff}.question-card h3{font-size:1.05rem;margin:0 0 10px;color:var(--cc-ink)}.question-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:16px;align-items:start}.question-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#00764d;font-weight:900;margin-bottom:5px}.question-card details{margin-top:12px;background:#f8fafc;border-radius:16px;padding:12px 14px}.question-card summary{cursor:pointer;font-weight:800;color:#334155}.question-card details p{color:#53647e;line-height:1.55;margin:.65em 0 0}
.system-table-wrap{overflow-x:auto;border:1px solid var(--cc-line);border-radius:24px;background:white}.system-table{width:100%;min-width:980px;border-collapse:collapse}.system-table th,.system-table td{padding:12px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top}.system-table th{font-size:.82rem;text-transform:uppercase;color:#526079;background:#f8fafc;letter-spacing:.05em}.system-table input,.system-table select{min-width:130px}.system-table td:first-child{font-weight:800;color:var(--cc-ink)}
.visibility-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px}.checkbox-list{display:grid;gap:10px}.checkbox-list label{display:flex;align-items:flex-start;gap:10px;color:#3f4f66;line-height:1.45}.checkbox-list input{margin-top:.2rem;accent-color:var(--cc-green)}
.result-panel{margin-top:34px;border:1px solid #bdeccc;border-radius:32px;background:linear-gradient(135deg,#f0fff6,#fff);padding:28px;box-shadow:var(--cc-shadow)}.result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.score-circle{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cc-green) var(--score,0deg),#e5edf5 0);box-shadow:inset 0 0 0 12px #fff}.score-circle span{font-size:2rem;font-weight:900;color:var(--cc-ink)}.score-label{font-weight:900;color:#00764d;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.score-item{background:#fff;border:1px solid #e3eaf2;border-radius:18px;padding:14px}.score-item strong{display:flex;justify-content:space-between;gap:8px;color:var(--cc-ink);font-size:.95rem}.score-bar{height:9px;border-radius:999px;background:#e7eef6;overflow:hidden;margin-top:10px}.score-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ef4444,#f59e0b,#12bf72);border-radius:inherit}
.warning-list{display:grid;gap:10px}.warning-list li{background:#fff;border-left:5px solid var(--cc-yellow);border-radius:14px;padding:12px 14px;list-style:none;color:#35445b}.warning-list li.high{border-left-color:var(--cc-red)}.warning-list li.ok{border-left-color:var(--cc-green)}
.snapshot-box{background:#fff;border:1px solid #dce4ef;border-radius:24px;padding:20px;margin-top:18px}.snapshot-box h3{margin:0 0 12px}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mini-table{width:100%;border-collapse:collapse;font-size:.95rem}.mini-table th,.mini-table td{padding:10px;border-bottom:1px solid #e8edf5;text-align:left;vertical-align:top}.mini-table th{background:#f8fafc;color:#526079}.cta-strip{background:#071426;color:white;border-radius:32px;padding:28px;margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.cta-strip h3{margin:0 0 8px;color:white}.cta-strip p{margin:0;color:#d8e1ee}.cta-strip .btn.secondary{background:white;color:#071426}
.print-only{display:none}.readiness-disclaimer{font-size:.92rem;line-height:1.55;color:#53647e;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;border:1px solid #d6e0ea;background:#f8fafc;border-radius:999px;padding:7px 11px;color:#3f4f66;font-weight:700;font-size:.88rem}.tag.green{background:#eafff1;border-color:#bceecb;color:#00764d}.tag.blue{background:#eff6ff;border-color:#bed7ff;color:#155cc7}.tag.red{background:#fff1f2;border-color:#fecdd3;color:#be123c}.tag.amber{background:#fffbeb;border-color:#fde68a;color:#9a5b00}
.healthcare-hero{background:linear-gradient(135deg,#eff6ff,#ecfdf3);padding:76px 0}.healthcare-hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96;letter-spacing:-.06em;color:var(--cc-ink);margin:18px 0}.healthcare-hero p{font-size:1.18rem;line-height:1.7;color:#344258;max-width:850px}
@media (max-width: 980px){.readiness-hero-grid,.readiness-grid-2,.visibility-box,.result-head,.cta-strip{grid-template-columns:1fr}.readiness-grid-3,.readiness-grid-4,.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-top{grid-template-columns:1fr}.readiness-section-head{display:block}.score-circle{width:110px;height:110px}}
@media (max-width: 640px){.readiness-hero{padding:46px 0 32px}.readiness-form,.readiness-hero-card,.result-panel{padding:18px;border-radius:24px}.readiness-grid-3,.readiness-grid-4,.score-grid,.snapshot-grid{grid-template-columns:1fr}.readiness-hero-actions .btn,.readiness-actions .btn,.cta-strip .btn{width:100%;justify-content:center}.score-circle{margin:auto}.system-table{min-width:760px}.question-card{padding:14px}}
@media print{body{background:#fff!important}.nav,.footer,.readiness-hero-actions,.readiness-actions,.btn,.question-list,.readiness-form .step-label,.no-print{display:none!important}.print-only{display:block}.readiness-hero,.readiness-section{padding:20px 0;background:#fff!important}.container{max-width:none!important}.result-panel,.snapshot-box{box-shadow:none;border-color:#cbd5e1}.score-grid{grid-template-columns:repeat(2,1fr)}}
