.hero{position:relative;padding:56px 0 90px;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}
.blob.b1{width:520px;height:520px;background:#BFD0FF;top:-160px;right:-120px}
.blob.b2{width:420px;height:420px;background:#F6D9AE;bottom:-160px;left:-140px;animation-delay:-6s}
.blob.b3{width:260px;height:260px;background:#BDF2D5;top:40%;left:45%;animation-delay:-11s;opacity:.4}
@keyframes drift{to{transform:translate(40px,30px) scale(1.08)}}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(14,27,61,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,27,61,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero .wrap>*{min-width:0}
@media (max-width:980px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}
.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:700;box-shadow:0 4px 16px -8px rgba(14,27,61,.2)}
.pill span{background:var(--green);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}
.hero h1{font-size:clamp(42px,6.2vw,76px);margin:22px 0}
.hero h1 .hl{background:linear-gradient(100deg,var(--blue),#7B5CFF 60%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
.hero .lead{margin-bottom:30px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;font-size:14px;font-weight:700;color:var(--ink-2)}
.trust li{display:flex;align-items:center;gap:8px}
.hero-art{position:relative}
.scan{position:relative;background:#fff;border-radius:24px;box-shadow:0 40px 90px -30px rgba(14,27,61,.45),0 0 0 1px rgba(14,27,61,.06);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg);transition:transform .8s var(--ease)}
.scan:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}
.scan-top{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #EEE9DF;background:#FBFAF7}
.dot{width:11px;height:11px;border-radius:50%;flex:none}
.url{margin-left:10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid #EEE9DF;border-radius:8px;padding:5px 12px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.scan-body{padding:22px;display:grid;gap:16px}
.scan-head{display:flex;align-items:center;gap:18px}
.ring{position:relative;width:86px;height:86px;flex:none}
.ring svg{transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:800}
.ring-fg{transition:stroke-dashoffset 1s var(--ease),stroke .6s}
.scan-head strong{display:block;font-size:19px}
.scan-head small{color:var(--muted);font-size:14px}
.bar{height:6px;border-radius:9px;background:#EEE9DF;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#7B5CFF);border-radius:9px;transition:width .9s var(--ease)}
.req{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.req li{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;background:#FBF3F1;transition:background .5s,transform .5s var(--ease);font-size:15px}
.req .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none}
.req .nm{flex:1;min-width:0}
.req .nm small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st{font-size:12px;font-weight:800;border-radius:8px;padding:5px 9px;white-space:nowrap;transition:background .4s,color .4s}
.st.bad{background:#FADAD4;color:#A3301F}
.st.ok{background:#D6F2E3;color:#0F5C3A}
.st.ask{background:#E3E9FF;color:var(--blue-d)}
.req li.done{background:#F1FAF5}
.req li.asked{background:#F4F6FF}
.req li.pop{animation:pop .5s var(--ease)}
@keyframes pop{40%{transform:scale(1.03)}}
.float-cookie{position:absolute;right:-26px;top:-30px;width:92px;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(196,127,52,.35));z-index:2}
@keyframes bob{50%{transform:translateY(-14px) rotate(14deg)}}
@media (max-width:560px){.float-cookie{right:-6px;width:70px}.scan{transform:none}}