/* SilverMoose: Nevatag partner section (6 Nov 2026). Homepage teaser after #pricing, the small card in #services and
   the glowing PARTNER · NEVATAG badge. The film plays through nevatag.js. Works on the homepage (site.css variables)
   and on recensioner.html (branch.css variables); the site is dark only. */
@property --nv-angle{syntax:"<angle>";inherits:false;initial-value:0deg}

/* the badge: a light circling the edge and a soft breathing bloom */
.nv-badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:2px;text-transform:uppercase;color:#eef3f7;border:1px solid #ffffff30;border-radius:999px;background:#0b120f8c;padding:5px 12px;text-shadow:0 0 8px #ffffff59;white-space:nowrap}
.nv-badge::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--nv-angle),transparent 0deg 150deg,#c4d2df66 230deg,#fff 290deg,#e6eef5aa 325deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:drop-shadow(0 0 4px #fff);animation:nv-orbit 4.5s linear infinite}
.nv-badge::after{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 12px #e3eefc99,0 0 30px #cfe1ff4d,inset 0 0 10px #ffffff14;animation:nv-breathe 3s ease-in-out infinite}
.nv-badge-mini{font-size:9px;letter-spacing:1.6px;padding:3px 9px;margin:0 6px 0 2px;vertical-align:1px}
@keyframes nv-orbit{to{--nv-angle:360deg}}
@keyframes nv-breathe{0%,100%{opacity:.4}50%{opacity:.9}}

/* the film: tap or Enter/Space pauses and plays */
.nv-film{margin:0;position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#000}
.nv-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;cursor:pointer}
.nv-film figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;font-size:11px;color:#ffffffb3;background:linear-gradient(transparent,#000000a6);pointer-events:none}
.nv-film video:focus-visible{outline:3px solid #648dff;outline-offset:-3px}

/* homepage teaser */
.nv-teaser{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.nv-teaser .nv-badge{margin-bottom:18px}
.nv-teaser h2{margin:0 0 18px}
.nv-teaser .nv-copy>p:not(.eyebrow){max-width:470px;color:var(--muted)}
.nv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:26px}
.nv-out{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:2px}
.nv-out:hover,.nv-out:focus-visible{color:var(--ink);border-color:currentColor}
@media(max-width:760px){.nv-teaser{grid-template-columns:1fr}.nv-teaser .nv-film{order:2;max-width:250px;width:100%;justify-self:center}}

@media(prefers-reduced-motion:reduce){.nv-badge::before,.nv-badge::after{animation:none}.nv-badge::after{opacity:.65}}