.audit-cocon-section{position:relative}
.audit-cocon-section::before{content:"";position:absolute;inset:8% 0 auto;height:70%;background:linear-gradient(135deg,rgba(21,94,239,.06),rgba(18,183,106,.04));pointer-events:none}
.audit-cocon-heading{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:44px;align-items:end;margin-bottom:26px}
.audit-cocon-heading h2{max-width:700px;margin:8px 0 0;color:#101828;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.045em}
.audit-cocon-heading>p{margin:0;color:#475467;font-size:16px;line-height:1.7}
.audit-cocon-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px;border:1px solid #dce5f3;border-radius:30px;background:linear-gradient(145deg,#f9fbff,#eef4ff);box-shadow:0 24px 70px rgba(16,24,40,.09)}
.audit-cocon-card{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;gap:14px;align-items:center;min-height:116px;padding:17px;border:1px solid #dfe6f0;border-radius:19px;background:#fff;color:#101828;text-decoration:none;box-shadow:0 8px 24px rgba(16,24,40,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.audit-cocon-card:hover,.audit-cocon-card:focus-visible{transform:translateY(-2px);border-color:#9fbcff;box-shadow:0 16px 32px rgba(21,94,239,.11);outline:none}
.audit-cocon-card--pillar{grid-column:1/-1;background:linear-gradient(120deg,#071a3d,#10316a);border-color:#173d7a;color:#fff}
.audit-cocon-card--current{border-color:#8ed8b8;background:#f2fff8}
.audit-cocon-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf3ff;color:#155eef;font-size:12px;font-weight:950}
.audit-cocon-card--pillar .audit-cocon-number{background:rgba(255,255,255,.12);color:#a9c5ff}
.audit-cocon-card--current .audit-cocon-number{background:#dcfae6;color:#087443}
.audit-cocon-copy{display:block;min-width:0}
.audit-cocon-copy strong{display:block;color:inherit;font-size:18px;line-height:1.25;letter-spacing:-.02em}
.audit-cocon-copy small{display:block;margin-top:3px;color:#155eef;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.audit-cocon-card--pillar .audit-cocon-copy small{color:#9fc0ff}
.audit-cocon-card--current .audit-cocon-copy small{color:#087443}
.audit-cocon-copy>span{display:block;margin-top:7px;color:#667085;font-size:13px;line-height:1.42}
.audit-cocon-card--pillar .audit-cocon-copy>span{color:#d0d9e8}
.audit-cocon-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2f4f7;color:#344054;font-weight:900;transition:transform .2s ease,background .2s ease}
.audit-cocon-card--pillar .audit-cocon-arrow{background:#2970ff;color:#fff}
.audit-cocon-card--current .audit-cocon-arrow{background:#12b76a;color:#fff}
.audit-cocon-card:hover .audit-cocon-arrow,.audit-cocon-card:focus-visible .audit-cocon-arrow{transform:translateX(3px);background:#155eef;color:#fff}
@media(max-width:820px){.audit-cocon-heading{grid-template-columns:1fr;gap:14px}.audit-cocon-grid{grid-template-columns:1fr;padding:14px}.audit-cocon-card--pillar{grid-column:auto}}
@media(max-width:520px){.audit-cocon-grid{padding:10px;border-radius:22px}.audit-cocon-card{grid-template-columns:36px minmax(0,1fr) 28px;gap:10px;padding:14px}.audit-cocon-number{width:34px;height:34px}.audit-cocon-copy strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.audit-cocon-card,.audit-cocon-arrow{transition:none}}