/* SPINEL Authenticity — /verify/ landing (theme-token aware, mobile first) */
.vf-page{padding:112px 0 80px;min-height:70svh}
.vf-wrap{max-width:720px}
.vf-intro{margin-bottom:26px}
.vf-intro h1{font-size:clamp(34px,6vw,60px);font-weight:800;letter-spacing:-.04em;margin-top:14px;color:var(--ink,#fff);line-height:1.02}
.vf-intro h1 .thin{font-weight:300;color:var(--sky,#8FC1FF)}
.vf-intro p{margin-top:14px;color:var(--muted-dark,#98A3B8);font-size:16px;line-height:1.6;max-width:520px}
.vf-card{border:1px solid var(--rule-dark,rgba(255,255,255,.13));border-radius:24px;padding:28px;margin-bottom:18px;
  background:linear-gradient(160deg,rgba(var(--ink-rgb,255,255,255),.05),rgba(var(--ink-rgb,255,255,255),.015))}
.vf-card.is-ok{border-color:rgba(124,227,177,.45);background:linear-gradient(160deg,rgba(124,227,177,.10),rgba(var(--ink-rgb,255,255,255),.015))}
.vf-card.is-bad{border-color:rgba(227,123,123,.5);background:linear-gradient(160deg,rgba(227,123,123,.12),rgba(var(--ink-rgb,255,255,255),.015))}
.vf-card.is-warn{border-color:rgba(239,192,102,.5);background:linear-gradient(160deg,rgba(239,192,102,.12),rgba(var(--ink-rgb,255,255,255),.015))}
.vf-head{display:flex;gap:18px;align-items:flex-start}
.vf-ic{flex:0 0 auto;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(var(--ink-rgb,255,255,255),.06)}
.vf-ic svg{width:34px;height:34px}
.is-ok .vf-ic{color:#3DBE83;background:rgba(124,227,177,.16)}
.is-bad .vf-ic{color:#E37B7B;background:rgba(227,123,123,.16)}
.is-warn .vf-ic{color:#EFC066;background:rgba(239,192,102,.16)}
.vf-head h1,.vf-card h2{font-size:clamp(22px,3.2vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--ink,#fff);margin-top:8px;line-height:1.1}
.vf-head p,.vf-card>p{margin-top:8px;color:var(--muted-dark,#98A3B8);font-size:15px;line-height:1.6}
.vf-code{margin-top:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:14px 16px;border-radius:14px;background:rgba(var(--ink-rgb,255,255,255),.05);font-family:'JetBrains Mono',ui-monospace,monospace}
.vf-code span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dark,#98A3B8)}
.vf-code b{font-size:19px;color:var(--ink,#fff);letter-spacing:.04em}
.vf-code .vf-now{margin-left:auto;text-transform:none;letter-spacing:0;font-size:12px}
.vf-alert{margin-top:16px;display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(239,192,102,.5);background:rgba(239,192,102,.12);color:var(--ink,#fff);font-size:14px;line-height:1.55}
.vf-alert.is-high{border-color:rgba(227,123,123,.6);background:rgba(227,123,123,.14)}
.vf-alert svg{flex:0 0 auto;width:22px;height:22px;color:#EFC066;margin-top:2px}
.vf-alert.is-high svg{color:#E37B7B}
.vf-block{margin-top:22px;padding-top:20px;border-top:1px solid var(--rule-dark,rgba(255,255,255,.13))}
.vf-block.vf-muted{color:var(--muted-dark,#98A3B8);font-size:14.5px;line-height:1.6}
.vf-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky,#8FC1FF);margin-bottom:10px}
.vf-prod{font-size:18px;font-weight:600;color:var(--ink,#fff);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.vf-prod span{font-weight:400;color:var(--muted-dark,#98A3B8)}
.vf-detail{margin-top:4px;color:var(--muted-dark,#98A3B8);font-size:14px}
.vf-rec+.vf-rec{margin-top:16px;padding-top:16px;border-top:1px dashed var(--rule-dark,rgba(255,255,255,.13))}
.vf-dl{margin-top:12px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px}
.vf-dl dt{color:var(--muted-dark,#98A3B8)}
.vf-dl dd{color:var(--on-dark,#D9DFEA);margin:0}
.vf-badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 10px;font-family:'JetBrains Mono',ui-monospace,monospace}
.vf-badge.is-active{background:rgba(124,227,177,.18);color:#3DBE83}
.vf-badge.is-expired{background:rgba(239,192,102,.18);color:#C9932B}
.vf-badge.is-voided{background:rgba(227,123,123,.18);color:#E37B7B}
.vf-stats{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vf-stats div{padding:14px;border-radius:14px;background:rgba(var(--ink-rgb,255,255,255),.05);text-align:center}
.vf-stats b{display:block;font-size:17px;color:var(--ink,#fff);font-family:'JetBrains Mono',ui-monospace,monospace}
.vf-stats span{display:block;margin-top:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark,#98A3B8)}
.vf-note{margin-top:14px;padding:12px 14px;border-radius:12px;font-size:14px;border:1px solid}
.vf-note.is-bad{border-color:rgba(227,123,123,.45);background:rgba(227,123,123,.12);color:var(--ink,#fff)}
.vf-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}
.vf-full{grid-column:1/-1}
.vf-form label,.vf-lookup label{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dark,#98A3B8);margin-bottom:7px}
.vf-form label span{text-transform:none;letter-spacing:0;opacity:.7}
.vf-form input,.vf-form textarea,.vf-lookup-form input{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--rule-dark,rgba(255,255,255,.13));background:rgba(var(--ink-rgb,255,255,255),.04);color:var(--ink,#fff);font-family:inherit;font-size:15px;-webkit-appearance:none}
.vf-form input:focus,.vf-form textarea:focus,.vf-lookup-form input:focus{outline:none;border-color:var(--sky,#8FC1FF);background:rgba(var(--ink-rgb,255,255,255),.07)}
.vf-form textarea{resize:vertical;min-height:90px}
.vf-hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;opacity:0}
.vf-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vf-actions span{font-size:12.5px;color:var(--muted-dark,#98A3B8)}
.vf-actions .btn,.vf-lookup-form .btn{border:0;cursor:pointer;font-family:inherit}
.vf-lookup-form{margin-top:14px;display:flex;gap:10px}
.vf-lookup-form input{font-family:'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}
.vf-hint{margin-top:10px;font-size:12.5px;color:var(--muted-dark,#98A3B8)}
.vf-foot{margin-top:6px;font-size:13.5px;color:var(--muted-dark,#98A3B8)}
.vf-foot a{color:var(--sky,#8FC1FF);text-decoration:underline}
@media(max-width:600px){
  .vf-page{padding:96px 0 60px}
  .vf-card{padding:22px 18px;border-radius:20px}
  .vf-head{gap:14px}.vf-ic{width:52px;height:52px;border-radius:14px}.vf-ic svg{width:28px;height:28px}
  .vf-code .vf-now{margin-left:0;flex-basis:100%}
  .vf-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.vf-stats b{font-size:14px}.vf-stats span{font-size:9.5px}
  .vf-form{grid-template-columns:1fr}
  .vf-lookup-form{flex-direction:column}.vf-lookup-form .btn,.vf-actions .btn{width:100%;text-align:center}
}
