/* @primitive · ownership marker (AegisSurface) */
/* check.css — Welltory-style "Check" experience: connect → reveal → metrics/waves, locked overlays. */
.checkhero{border-radius:26px;padding:24px 20px;margin-bottom:14px;color:#eef2ff;position:relative;overflow:hidden}
.checkhero.site{background:radial-gradient(circle at 15% 0%,rgba(37,99,255,.22),transparent 55%),linear-gradient(160deg,#0b1c44,#0a1430);border:1px solid #1b3a7a}
.checkhero.project{background:radial-gradient(circle at 15% 0%,rgba(124,58,237,.24),transparent 55%),linear-gradient(160deg,#160c38,#0c0a22);border:1px solid #3a2a6e}
.checkhero .eyebrow{display:inline-flex;gap:7px;align-items:center;background:rgba(255,255,255,.1);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:850}
.checkhero h1{margin:12px 0 0;font-size:clamp(24px,5vw,34px);line-height:1.05;letter-spacing:-.04em;font-weight:900}
.checkhero .lead{margin:9px 0 0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.45;max-width:46ch}
.connect{margin-top:16px}
.connect .code{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:11px 12px}
.connect .code code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12px;color:#cfe0ff}
.connect .code .copy{margin-left:auto;background:rgba(255,255,255,.14);color:#fff;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:850}
.connect .cid{margin:9px 0 0;font-size:12px;color:rgba(255,255,255,.7)}.connect .cid b{color:#fff;font-family:var(--mono)}
.connect .cid .demo{background:rgba(255,255,255,.16);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;margin-left:6px}
.bigcheck{margin-top:16px;background:#fff;color:#0b1530;font-weight:900;font-size:16px;border-radius:16px;padding:15px;border:0;width:100%}
.checkhero.project .bigcheck{color:#190f3a}
.bigcheck:active{transform:translateY(1px)}

/* scanning */
.scanning{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 0}
.scanwrap{width:100%;max-width:320px;height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.scanbar{height:100%;width:30%;border-radius:999px;background:linear-gradient(90deg,#34d399,#79a6ff);animation:scan 1.1s ease-in-out infinite}
@keyframes scan{0%{margin-left:-30%}100%{margin-left:100%}}
.scantxt{font-size:13px;font-weight:800;color:rgba(255,255,255,.85)}

/* reveal */
.reveal{animation:rev .5s ease}@keyframes rev{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.scorewrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.bigring{flex:0 0 132px;width:132px;height:132px;position:relative}
.bigring svg{transform:rotate(-90deg);width:132px;height:132px}
.bigring .rbg{stroke:rgba(255,255,255,.12)}
.bigring .rfg{stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}
.bigring .rc{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.bigring .rc b{font-size:40px;font-weight:900;letter-spacing:-.04em;line-height:1}
.bigring .rc i{font-style:normal;font-size:11px;font-weight:800;color:rgba(255,255,255,.65);display:block;margin-top:2px}
.scoremeta{min-width:0}.scoremeta .verdict{font-size:20px;font-weight:900;letter-spacing:-.03em}
.scoremeta p{margin:5px 0 0;color:rgba(255,255,255,.7);font-size:12.5px;line-height:1.4}
/* waves */
.waves{height:46px;margin:14px -20px 0;overflow:hidden;opacity:.9}
.waves svg{width:200%;height:100%;display:block;animation:wave 7s linear infinite}
@keyframes wave{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── theme accent per check ── */
.checkroot{--accent:#2563ff;--accent-soft:#eaf2ff;--accent-2:#2563ff}
.checkroot.site{--accent:#2563ff;--accent-soft:#eef4ff;--accent-2:#2563ff}
.checkroot.project{--accent:#f0663f;--accent-soft:#fff3ec;--accent-2:#dd9a2d}   /* coral + amber on white */

/* ── BIG full-width metric cards (Welltory-style, stacked) ── */
.bigcards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.bigcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);overflow:hidden}
.bigcard:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.bc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bc-title{font-size:15px;font-weight:850;letter-spacing:-.02em;color:var(--ink)}
.bc-title small{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--muted);max-width:42ch;line-height:1.4}
.bc-val{font-size:38px;font-weight:900;letter-spacing:-.05em;line-height:.95;color:var(--accent);white-space:nowrap}
.bigcard.bad .bc-val{color:var(--red)}.bigcard.warn .bc-val{color:var(--amber)}.bigcard.good .bc-val{color:var(--green)}
.bc-viz{margin-top:14px}
.barsvg,.lchart{width:100%;height:120px;display:block}
.gauge{width:160px;height:160px;display:block;margin:4px auto 0}
.bigbar{height:16px;border-radius:999px;background:#eef2f9;overflow:hidden}
.bigbar i{display:block;height:100%;border-radius:999px}
.splitbar{display:flex;height:18px;border-radius:999px;overflow:hidden;background:#eef2f9}
.splitbar .g{background:var(--green)}.splitbar .b{background:var(--red)}
.splitleg{display:flex;gap:14px;margin-top:9px;font-size:12px;font-weight:750;color:var(--muted)}
.splitleg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:middle}

/* big locked overlay (blur + CTA) */
.bigcard.locked .bc-viz,.bigcard.locked .bc-val{filter:blur(7px);opacity:.55;pointer-events:none}
.biglock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:rgba(255,255,255,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;text-align:center;padding:16px}
.biglock .lk{font-size:26px}
.biglock .lt{font-size:13px;font-weight:850;color:var(--ink)}
.unlockbtn{border:0;border-radius:14px;padding:12px 20px;font-weight:900;font-size:14px;color:#fff;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 14px 30px -12px rgba(0,0,0,.35)}

/* score hero card uses big ring + waves (already styled) */
.scorecard{border-radius:22px;padding:20px;color:#fff;margin-top:2px;position:relative;overflow:hidden}
.checkroot.site .scorecard{background:linear-gradient(160deg,#0b1c44,#0a1430);border:1px solid #1b3a7a}
.checkroot.project .scorecard{background:linear-gradient(160deg,#3a1c10,#241008);border:1px solid #5e3320}
.scorecard .eyebrow{display:inline-flex;gap:7px;align-items:center;background:rgba(255,255,255,.1);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:850;color:#fff}
@media(max-width:560px){.scorewrap{justify-content:center;text-align:center}.scoremeta{flex:1 1 100%}}

/* control panel (gated) */
.controls2{display:grid;gap:10px;margin-top:4px}
.ctrl{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ctrl.dis{opacity:.55}
.ctrl h4{margin:0;font-size:13.5px}.ctrl p{margin:3px 0 0;color:var(--muted);font-size:12px}
.segctl{display:inline-flex;gap:4px;background:#eef2f9;border-radius:999px;padding:3px}
.segctl button{border:0;background:transparent;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;color:var(--muted)}
.segctl button[aria-pressed="true"]{background:#fff;color:var(--blue);box-shadow:var(--shadow-sm)}
.sw{width:46px;height:28px;border-radius:999px;background:#e8edf7;border:0;position:relative;flex:0 0 auto}
.sw:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 10px -5px rgba(0,0,0,.45);transition:.18s}
.sw.on{background:var(--blue)}.sw.on:before{left:21px}
.ctrl .req{font-size:10.5px;font-weight:900;color:var(--amber);background:#fff4df;border-radius:999px;padding:5px 9px}

/* quick links to detail tabs */
.qlinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.qlinks a{flex:1;min-width:130px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;font-weight:850;font-size:13px;color:var(--ink)}
.qlinks a:hover{border-color:var(--blue);color:var(--blue)}