.proof-plate{--mx:50%;container-type:inline-size}.proof-plate:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .28s var(--ease);background:radial-gradient(320px 96px at var(--mx) 0%, #ffffff80, transparent 72%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 26%);mask-image:linear-gradient(#000 0,#0000 26%)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.proof-plate:hover:after{opacity:.22}}.proof-plate[data-reveal]{opacity:0;transition:opacity var(--t-slow), transform var(--t-slow);transform:translateY(20px)}.proof-plate[data-reveal].is-in{opacity:1;transform:none}.proof-number{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(32px,5.1cqw,52px);font-weight:560;line-height:1}.proof-number--sm{font-size:clamp(22px,3.6cqw,34px)}@media (width>=768px){.proof-number{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.proof-plate[data-reveal]{opacity:1;transition:none;transform:none}}.spotlight-card{--x:50%;--y:35%;isolation:isolate;border-radius:var(--r-card);background-color:var(--glass-3);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 var(--rim), inset 0 0 0 1px var(--hair), var(--neu-sm);transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);position:relative}.spotlight-card.on-ink{background-color:var(--glass-dark);color:var(--frost);box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px var(--hair-dark)}.spotlight-card:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(60% 60% at 6% 0%, color-mix(in srgb, var(--green-100) 80%, transparent), transparent 70%);position:absolute;inset:0}.spotlight-card.on-ink:before{background:radial-gradient(60% 60% at 6% 0%, color-mix(in srgb, var(--signal) 30%, transparent), transparent 70%)}.spotlight-card__glow{z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;filter:blur(20px);background:radial-gradient(220px 220px at var(--x) var(--y), color-mix(in srgb, var(--signal-hot) 14%, transparent), transparent 70%);transition:opacity .3s var(--ease);position:absolute;inset:0}.spotlight-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s var(--ease);background:radial-gradient(160px 160px at var(--x) var(--y), var(--signal-hot), transparent 100%);border:1px solid #0000;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (prefers-reduced-motion:no-preference){.spotlight-card:hover{transform:translateY(-2px)}.spotlight-card:hover .spotlight-card__glow,.spotlight-card:hover:after{opacity:1}}
