.ar{--loop: 10s;position:relative;margin:0}.ar__card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid hsl(0 0% 100% / .14);background:linear-gradient(165deg,#ffffff1a,#ffffff08);padding:1.25rem;box-shadow:0 40px 80px -50px #000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.ar__head{display:flex;align-items:center;gap:.6rem}.ar__scan-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem;background:linear-gradient(135deg,#1d4ed8,#06b6d4)}.ar__title{font-size:1rem;font-weight:800;letter-spacing:-.01em}.ar__badge{margin-left:auto;border-radius:9999px;background:#ffffff1a;padding:.15rem .6rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:#e1e7efcc}.ar__risk{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-top:1rem;border-radius:.9rem;background:#0712228c;padding:.6rem .8rem}.ar__risk-label{font-size:.75rem;font-weight:700;color:#e1e7efbf}.ar__risk-bar{position:relative;height:.5rem;overflow:hidden;border-radius:9999px;background:#ffffff1a}.ar__risk-fill{position:absolute;inset:0 auto 0 0;width:22%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#84cc16)}.ar__risk-value{position:relative;display:grid;min-width:2.8rem;font-size:.75rem}.ar__risk-value b{grid-area:1 / 1;text-align:right}.ar__risk-hoog{color:#f87171;opacity:0}.ar__risk-laag{color:#4ade80}.ar__cols{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}.ar__col{display:grid;align-content:start;gap:.5rem;border-radius:1rem;background:#07122273;padding:.7rem;min-height:11rem}.ar__col-title{margin:0 0 .15rem;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#39dcf9}.ar__item{position:relative;display:flex;align-items:center;gap:.45rem;border-radius:.7rem;background:#fff;padding:.45rem .5rem;color:hsl(var(--brand-ink));box-shadow:0 10px 20px -12px #000c}.ar__item-icon{display:grid;width:1.6rem;height:1.6rem;flex:none;place-items:center;border-radius:.5rem;background:#e7f0fe;color:#1d4ed8}.ar__item-text{min-width:0;font-size:.75rem;font-weight:700;line-height:1.2}.ar__check{position:absolute;right:-.35rem;top:-.35rem;display:grid;width:1.15rem;height:1.15rem;place-items:center;border-radius:9999px;background:#22c55e;color:#fff;box-shadow:0 0 0 2px #08172b}.ar__sweep{position:absolute;z-index:2;top:-.25rem;bottom:-.25rem;left:0;width:3px;border-radius:9999px;background:#22d3ee;box-shadow:0 0 18px 4px #20d8f899;opacity:0;pointer-events:none}.ar__foot{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.ar__foot span{border-radius:9999px;border:1px solid hsl(0 0% 100% / .14);padding:.2rem .65rem;font-size:.6875rem;font-weight:600;color:#e1e7efd9}@media(max-width:479px){.ar__cols{grid-template-columns:1fr}.ar__col{min-height:0}}@media(prefers-reduced-motion:no-preference){html[data-motion=on] .ar__sweep{animation:ar-sweep var(--loop) ease-in-out infinite}html[data-motion=on] .ar__item{animation:ar-item var(--loop) var(--ease-out-expo, ease-out) infinite;animation-delay:calc(var(--i) * .35s)}html[data-motion=on] .ar__check{animation:ar-check var(--loop) var(--ease-spring, ease-out) infinite;animation-delay:calc(var(--i) * .35s)}html[data-motion=on] .ar__risk-fill{animation:ar-risk var(--loop) ease-in-out infinite}html[data-motion=on] .ar__risk-hoog{animation:ar-hoog var(--loop) linear infinite}html[data-motion=on] .ar__risk-laag{animation:ar-laag var(--loop) linear infinite}}@keyframes ar-sweep{0%{left:0;opacity:0}4%{opacity:1}26%{left:100%;opacity:1}30%,to{left:100%;opacity:0}}@keyframes ar-item{0%,20%{opacity:.35;translate:0 6px;scale:.97}28%,92%{opacity:1;translate:0 0;scale:1}to{opacity:.35;translate:0 6px;scale:.97}}@keyframes ar-check{0%,44%{scale:0}50%,92%{scale:1}to{scale:0}}@keyframes ar-risk{0%,28%{width:88%;background:linear-gradient(90deg,#f97316,#ef4444)}60%,92%{width:22%;background:linear-gradient(90deg,#22c55e,#84cc16)}to{width:88%;background:linear-gradient(90deg,#f97316,#ef4444)}}@keyframes ar-hoog{0%,44%{opacity:1}50%,96%{opacity:0}to{opacity:1}}@keyframes ar-laag{0%,44%{opacity:0}50%,96%{opacity:1}to{opacity:0}}
