.audit-project { max-width: 1200px; margin: 0 auto 70px; color: #17304a; }
.audit-hero { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .65fr); gap: 34px; align-items: end; padding: clamp(30px, 5vw, 64px); border-radius: 28px; color: #fff; background: linear-gradient(125deg, #122943 0%, #164d68 68%, #147969 100%); box-shadow: 0 25px 60px rgba(14, 44, 67, .2); }
.audit-eyebrow, .audit-section-title span { display: block; font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.audit-eyebrow { color: #9ee3d3; }
.audit-hero h1 { max-width: 720px; margin: 14px 0; font-family: Fraunces, Georgia, serif; font-size: clamp(2.2rem, 4.6vw, 4.2rem); line-height: 1.1; }
.audit-hero p { max-width: 670px; color: #d8e9ee; line-height: 1.65; }
.audit-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.audit-hero-note { padding: 23px; border: 1px solid rgba(255,255,255,.25); border-radius: 20px; background: rgba(255,255,255,.1); }
.audit-hero-note span, .audit-hero-note strong { display: block; }
.audit-hero-note span { color: #afe8df; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.audit-hero-note strong { margin: 8px 0; font-size: 1.35rem; }
.audit-hero-note p { margin: 0; font-size: .9rem; }
.audit-section { margin-top: 42px; }
.audit-section-title { margin-bottom: 20px; }
.audit-section-title span { color: #257d76; }
.audit-section-title h2 { margin: 8px 0 0; font-family: Fraunces, Georgia, serif; font-size: clamp(1.6rem, 3vw, 2.35rem); color: #142b43; }
.audit-intro { max-width: 750px; margin: -5px 0 22px; color: #516577; line-height: 1.65; }
.audit-grid { display: grid; gap: 16px; }
.audit-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.audit-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.audit-tile, .audit-panel, .audit-checks article, .audit-result { border: 1px solid #d7e6eb; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(24, 64, 86, .06); }
.audit-tile, .audit-panel { padding: 25px; }
.audit-tile-number { color: #2a9683; font-family: Fraunces, Georgia, serif; font-size: 1.5rem; }
.audit-tile h3, .audit-panel h3, .audit-result h3 { margin: 13px 0 8px; color: #17304a; font-size: 1.15rem; }
.audit-tile p, .audit-panel p, .audit-checks p, .audit-result p { color: #526779; line-height: 1.6; }
.audit-tile small { display: block; margin-top: 18px; color: #2a8177; font-weight: 800; }
.audit-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 17px; }
.audit-flow div { position: relative; padding: 20px; border-radius: 15px; background: #dff2ef; }
.audit-flow strong, .audit-flow span { display: block; }
.audit-flow strong { color: #165e57; }
.audit-flow span { margin-top: 7px; color: #48686b; font-size: .86rem; line-height: 1.4; }
.audit-tag, .audit-status { display: inline-block; padding: 7px 10px; border-radius: 99px; background: #e7f3f1; color: #20776b; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.audit-checks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.audit-checks article { padding: 22px; }
.audit-checks b { color: #1b6862; }
.audit-checks p { margin-bottom: 0; font-size: .9rem; }
.audit-result { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .7fr); gap: 20px; padding: 28px; }
.audit-result ol { padding-left: 23px; margin-bottom: 0; color: #415b70; line-height: 2; }
.audit-result-rule { padding: 23px; border-radius: 15px; background: #eff7f4; }
.audit-result-rule strong { color: #16675d; }
.audit-status-now { background: #e5edf9; color: #315c9a; }
.audit-footnote { max-width: 970px; margin-top: 18px; color: #526779; line-height: 1.65; font-size: .88rem; }
@media (max-width: 900px) { .audit-hero, .audit-result { grid-template-columns: 1fr; } .audit-flow, .audit-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .audit-grid-three, .audit-grid-two, .audit-flow, .audit-checks { grid-template-columns: 1fr; } .audit-hero { padding: 28px; } .audit-result { padding: 18px; } }
.audit-workspace { padding: clamp(22px, 4vw, 38px); border: 1px solid #b8ddd6; border-radius: 22px; background: #f5fbf9; }
.audit-generate-form { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin: 20px 0; }
.audit-generate-form label { width: 100%; color: #1b5553; font-weight: 800; }
.audit-generate-form select { flex: 1; min-width: 240px; padding: 12px 14px; border: 1px solid #b8d4d4; border-radius: 10px; background: #fff; color: #17304a; font: inherit; }
.audit-generated { margin-top: 28px; padding: 26px; border: 1px solid #c6dfda; border-radius: 18px; background: #fff; }
.audit-generated-head { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.audit-generated h3 { margin: 12px 0 4px; font-size: 1.5rem; }
.audit-generated h4 { margin: 26px 0 12px; color: #155c55; }
.audit-generated p, .audit-generated li { color: #526779; line-height: 1.6; }
.audit-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 22px 0; }
.audit-metrics div { padding: 16px; border-radius: 12px; background: #e8f4f1; }
.audit-metrics strong, .audit-metrics span { display: block; }
.audit-metrics strong { color: #14675d; font-size: 1.35rem; }
.audit-metrics span { margin-top: 4px; color: #526779; font-size: .78rem; }
.audit-finding { padding: 16px 0; border-top: 1px solid #e2edeb; }
.audit-finding strong, .audit-finding span { display: block; }
.audit-finding span { margin-top: 4px; color: #28776e; font-size: .82rem; }
.audit-finding p { margin: 6px 0 0; }
.audit-history { margin-top: 26px; }
.audit-history h3 { color: #155c55; }
.audit-history a { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid #d5e9e4; color: #154f65; text-decoration: none; }
@media (max-width: 640px) { .audit-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .audit-generated-head { display: block; } }
@media print { .audit-hero, .audit-generate-form, .audit-history, .audit-roadmap, .audit-generated-head button { display: none !important; } .audit-generated { border: 0; } }
.audit-dossier { margin: 28px 0; padding: 24px; border: 1px solid #bbd9d2; border-radius: 18px; background: #f4faf8; }
.audit-dossier-head h4 { margin: 13px 0 4px; }
.audit-dossier-head p { margin: 0 0 20px; }
.audit-dossier-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.audit-dossier-form label, .audit-document-form label { display: grid; gap: 6px; color: #245955; font-size: .87rem; font-weight: 700; }
.audit-dossier-form input, .audit-dossier-form textarea, .audit-document-form input, .audit-document-form select { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #bdd4d0; border-radius: 9px; background: #fff; color: #17304a; font: inherit; }
.audit-dossier-form fieldset { min-width: 0; margin: 0; padding: 11px; border: 1px solid #bdd4d0; border-radius: 10px; }
.audit-dossier-form legend { color: #245955; font-size: .87rem; font-weight: 700; }
.audit-time-inputs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.audit-full { grid-column: 1 / -1; }
.audit-dossier-form button { justify-self: start; }
.audit-comparison, .audit-documents { margin-top: 25px; padding-top: 12px; border-top: 1px solid #d2e6e1; }
.audit-compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.audit-compare-grid div { padding: 18px; border-radius: 11px; background: #e6f2ef; }
.audit-compare-grid span, .audit-compare-grid strong { display: block; }
.audit-compare-grid span { color: #52716d; font-size: .75rem; }
.audit-compare-grid strong { margin-top: 8px; color: #155b54; font-size: 1.2rem; }
.audit-document-form { display: grid; grid-template-columns: 1fr 1.5fr auto; align-items: end; gap: 10px; margin-bottom: 15px; }
.audit-document-link { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #d2e6e1; color: #145b6b; text-decoration: none; }
.audit-document-link small { color: #6c8582; }
@media (max-width: 720px) { .audit-dossier-form, .audit-document-form, .audit-compare-grid { grid-template-columns: 1fr; } .audit-dossier { padding: 16px; } }
@media print { .audit-dossier-form, .audit-document-form { display: none !important; } }