.detect-hero{--reference-hero-padding-bottom: 8rem;--reference-hero-columns: minmax(0, .8fr) minmax(38rem, 1.2fr);--reference-hero-gap: clamp(2.5rem, 3.5vw, 3.5rem)}.detect-hero h1 span{color:var(--brand-accent)}.detect-hero h1,.detect-proof h2,.detect-playground h2{text-wrap:balance}.detect-hero-graphic{width:min(100%,46rem);margin:0 0 0 auto;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg);box-shadow:0 1.5rem 3.2rem #00000057}.detect-hero-request{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--brand-hairline-strong);background:var(--cl-panel)}.detect-hero-request span,.detect-card-body h3{color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--brand-fs-nano);font-weight:600;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.detect-hero-request code{color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-sm)}.detect-hero-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2) var(--sp-4);margin:0;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--brand-hairline-strong);background:var(--cl-panel)}.detect-hero-caption p{margin:0;color:var(--brand-text);font-size:var(--brand-fs-sm);line-height:1.4}.detect-hero-caption strong{color:var(--brand-accent);font-family:var(--cl-mono);font-weight:500}.detect-image{position:relative;overflow:hidden;isolation:isolate;background:var(--cl-code-bg)}.detect-image img{position:absolute;display:block;max-width:none}.detect-box,.detect-miss{position:absolute;box-sizing:border-box;pointer-events:none}.detect-box{box-shadow:inset 0 0 0 2px var(--brand-accent),0 0 0 1px #0a0a108c}.detect-box.is-duplicate,.detect-box.is-wrong{box-shadow:inset 0 0 0 1.5px var(--brand-accent),0 0 0 1px #0a0a1073}.detect-miss{border:1.5px dashed rgba(255,255,255,.95);filter:drop-shadow(0 0 1px rgba(0,0,0,.9))}.detect-chip{position:absolute;z-index:2;display:block;box-sizing:border-box;padding:4px 5px;background:var(--brand-accent);color:#fff;font-family:var(--cl-mono);font-size:10px;font-weight:500;letter-spacing:0;line-height:10px;white-space:nowrap}.detect-chip em{font-style:normal}.detect-box.is-duplicate>.detect-chip,.detect-box.is-wrong>.detect-chip{background:#101018eb;box-shadow:inset 0 0 0 1px var(--brand-accent);color:var(--brand-accent)}.detect-box[data-chip]>.detect-chip{inset:auto;transform:none}.detect-box[data-chip=above-center]>.detect-chip{bottom:100%;left:50%;transform:translate(-50%)}.detect-box[data-chip=below-center]>.detect-chip{top:100%;left:50%;transform:translate(-50%)}.detect-box[data-chip=above-start]>.detect-chip{bottom:100%;left:0}.detect-box[data-chip=below-start]>.detect-chip{top:100%;left:0}.detect-box[data-chip=above-end]>.detect-chip{right:0;bottom:100%}.detect-box[data-chip=below-end]>.detect-chip{top:100%;right:0}.detect-box[data-chip=after-top]>.detect-chip{top:0;left:100%}.detect-box[data-chip=before-top]>.detect-chip{top:0;right:100%}.detect-box[data-chip=after-bottom]>.detect-chip{bottom:0;left:100%}.detect-box[data-chip=before-bottom]>.detect-chip{right:100%;bottom:0}.detect-box[data-chip=inside-start]>.detect-chip{top:0;left:0}.detect-box[data-chip=inside-end]>.detect-chip{top:0;right:0}.detect-box[data-chip=inside-bottom-start]>.detect-chip{bottom:0;left:0}.detect-box[data-chip=inside-bottom-end]>.detect-chip{right:0;bottom:0}.detect-proof{padding:var(--cl-section-gap) 0 0}.detect-proof-totals{max-width:52rem;margin:0 0 var(--sp-6);color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.6}.detect-proof-totals strong{color:var(--brand-text-bright);font-family:var(--cl-mono);font-weight:500;font-variant-numeric:tabular-nums}.detect-proof-foot{max-width:52rem;margin:var(--sp-6) 0 0;color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.6}.detect-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.detect-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.detect-card>.detect-image{border-bottom:1px solid var(--brand-hairline)}.detect-card-body{display:grid;flex:1;align-content:start;gap:var(--sp-3);padding:var(--sp-4)}.detect-card-body h3{margin:0}.detect-card-counts{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.detect-card-counts li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);font-size:var(--brand-fs-sm);line-height:1.4}.detect-card-counts code{color:var(--brand-text-bright);font-family:var(--cl-mono);font-size:var(--brand-fs-sm)}.detect-card-counts span{color:var(--brand-text-muted);white-space:nowrap}.detect-card-counts strong{color:var(--brand-accent);font-family:var(--cl-mono);font-weight:500}.detect-card-note{margin:0;color:var(--brand-text-muted);font-size:var(--brand-fs-sm);line-height:1.4}.detect-card>.reference-source-link{display:flex}.detect-playground{padding:var(--cl-section-gap) 0}.detect-playground .cl-section-head{margin-bottom:var(--sp-6)}.detect-playground .cl-play{padding-top:0}.cloud-lp .detect-playground .cl-detect-name{text-transform:none}.cloud-lp .detect-playground .cl-detect-preview img{width:auto;height:auto;max-width:100%;max-height:20rem}.cloud-lp .detect-playground .cl-detect-box>span{max-width:none;overflow:visible}@media(max-width:1240px){.detect-hero{--reference-hero-columns: minmax(0, 1fr) minmax(32rem, 1.05fr)}}@media(max-width:1100px){.detect-proof-grid{grid-template-columns:minmax(0,44rem);justify-content:center}}@media(max-width:1020px){.detect-hero-graphic{width:min(100%,48rem);margin-inline:auto}}@media(max-width:900px){.detect-proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detect-proof-stats li:nth-child(odd){padding-left:0;border-left:0}.detect-proof-stats li:nth-child(n+3){border-top:1px solid var(--brand-hairline)}}@media(max-width:700px){.detect-hero{padding:7.5rem 0 6rem}.detect-hero h1{font-size:clamp(2rem,9.4vw,3rem)}.detect-proof{padding-top:4rem}.detect-proof-grid{grid-template-columns:minmax(0,1fr)}.detect-proof-stats strong{font-size:1.25rem}.detect-box{box-shadow:inset 0 0 0 1.5px var(--brand-accent),0 0 0 1px #0a0a108c}.detect-chip{padding:3px 4px;font-size:9px;line-height:10px}.detect-chip em{display:none}.detect-box[data-chip-m]>.detect-chip{inset:auto;transform:none}.detect-box[data-chip-m=above-center]>.detect-chip{bottom:100%;left:50%;transform:translate(-50%)}.detect-box[data-chip-m=below-center]>.detect-chip{top:100%;left:50%;transform:translate(-50%)}.detect-box[data-chip-m=above-start]>.detect-chip{bottom:100%;left:0}.detect-box[data-chip-m=below-start]>.detect-chip{top:100%;left:0}.detect-box[data-chip-m=above-end]>.detect-chip{right:0;bottom:100%}.detect-box[data-chip-m=below-end]>.detect-chip{top:100%;right:0}.detect-box[data-chip-m=after-top]>.detect-chip{top:0;left:100%}.detect-box[data-chip-m=before-top]>.detect-chip{top:0;right:100%}.detect-box[data-chip-m=after-bottom]>.detect-chip{bottom:0;left:100%}.detect-box[data-chip-m=before-bottom]>.detect-chip{right:100%;bottom:0}.detect-box[data-chip-m=inside-start]>.detect-chip{top:0;left:0}.detect-box[data-chip-m=inside-end]>.detect-chip{top:0;right:0}.detect-box[data-chip-m=inside-bottom-start]>.detect-chip{bottom:0;left:0}.detect-box[data-chip-m=inside-bottom-end]>.detect-chip{right:0;bottom:0}}