.audit-diff-section{color:var(--foreground);padding:96px 0}.audit-diff-intro{gap:28px;margin-bottom:32px;display:grid}.audit-diff-kicker{color:var(--brand);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-family:var(--font-mono)}.audit-diff-head{grid-template-columns:1.1fr .9fr;align-items:start;gap:40px;display:grid}.audit-diff-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.02}.audit-diff-head p{color:color-mix(in oklab,var(--foreground) 78%,transparent);max-width:40rem;margin:0;font-size:1.1rem;line-height:1.55}.audit-diff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.audit-card{border:1px solid color-mix(in oklab,var(--brand) 14%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--background) 95%,var(--brand) 5%),color-mix(in oklab,var(--background) 98%,black 2%));min-height:280px;color:inherit;text-align:left;cursor:pointer;box-shadow:0 0 color-mix(in oklab,var(--brand) 0%,transparent);border-radius:22px;padding:32px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;position:relative}.audit-card:hover,.audit-card:focus-visible{border-color:color-mix(in oklab,var(--brand) 42%,transparent);box-shadow:0 18px 50px #00000047,0 0 28px color-mix(in oklab,var(--brand) 12%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--background) 92%,var(--brand) 8%),color-mix(in oklab,var(--background) 98%,black 2%));outline:none;transform:translateY(-4px)}.audit-card:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 45%,transparent);outline-offset:3px}.audit-card-num{color:var(--brand);letter-spacing:.22em;font-size:.95rem;font-family:var(--font-mono);margin-bottom:26px;display:inline-block}.audit-card h3{letter-spacing:-.035em;max-width:13ch;margin:0 0 16px;font-size:1.9rem;line-height:1.1}.audit-card p{color:color-mix(in oklab,var(--foreground) 72%,transparent);max-width:28ch;margin:0;font-size:1.05rem;line-height:1.65}.audit-card-hint{color:color-mix(in oklab,var(--brand) 90%,transparent);letter-spacing:.16em;text-transform:uppercase;opacity:0;font-size:.86rem;transition:opacity .18s,transform .18s;position:absolute;bottom:28px;left:32px;transform:translateY(6px)}.audit-card:hover .audit-card-hint,.audit-card:focus-visible .audit-card-hint{opacity:1;transform:translateY(0)}.audit-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020708b8!important}.audit-modal{border:1px solid color-mix(in oklab,var(--brand) 18%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--background) 98%,var(--brand) 2%),color-mix(in oklab,var(--background) 99%,black 1%));width:min(980px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:0 24px 90px #0000006b,0 0 42px color-mix(in oklab,var(--brand) 8%,transparent);color:var(--foreground);border-radius:28px;padding:34px;overflow:auto}.audit-modal-topline,.audit-modal-label{color:var(--brand);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-family:var(--font-mono)}.audit-modal h3{letter-spacing:-.04em;max-width:13ch;margin:14px 0;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.02}.audit-modal-summary{max-width:48rem;color:color-mix(in oklab,var(--foreground) 78%,transparent);margin:0 0 28px;font-size:1.08rem;line-height:1.65}.audit-modal-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.audit-modal-col{border:1px solid color-mix(in oklab,var(--foreground) 8%,transparent);background:color-mix(in oklab,var(--foreground) 3%,transparent);border-radius:20px;padding:22px}.audit-modal-col--accent{border-color:color-mix(in oklab,var(--brand) 24%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--brand) 7%,transparent),color-mix(in oklab,var(--foreground) 3%,transparent))}.audit-modal-col ul{color:color-mix(in oklab,var(--foreground) 80%,transparent);margin:14px 0 0;padding-left:18px;line-height:1.7}.audit-modal-why{background:color-mix(in oklab,var(--foreground) 3%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 8%,transparent);border-radius:20px;padding:22px}.audit-modal-why p{color:color-mix(in oklab,var(--foreground) 80%,transparent);max-width:54rem;margin:14px 0 0;line-height:1.7}.audit-modal-close{border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);background:color-mix(in oklab,var(--foreground) 4%,transparent);width:44px;height:44px;color:var(--foreground);z-index:2;cursor:pointer;border-radius:999px;place-items:center;margin-left:auto;font-size:1.5rem;line-height:1;transition:border-color .18s,box-shadow .18s;display:grid;position:sticky;top:0}.audit-modal-close:hover,.audit-modal-close:focus-visible{border-color:color-mix(in oklab,var(--brand) 38%,transparent);box-shadow:0 0 20px color-mix(in oklab,var(--brand) 16%,transparent);outline:none}@media(max-width:980px){.audit-diff-head,.audit-diff-grid,.audit-modal-compare{grid-template-columns:1fr}.audit-card h3{max-width:16ch}}@media(max-width:720px){.audit-diff-section{padding:72px 0}.audit-card,.audit-modal{padding:24px}.audit-card{min-height:246px}.audit-card-hint{opacity:1;margin-top:24px;display:inline-block;position:static;transform:translateY(0)}.audit-modal{border-radius:24px 24px 0 0;width:100%;max-height:min(88vh,900px);padding-bottom:34px}}@media(prefers-reduced-motion:reduce){.audit-card,.audit-card-hint{transition:none}.audit-card:hover,.audit-card:focus-visible{transform:none}}
