/*
/ Trustlytics Website css
/ V1.0
*/
/* fonts */
@font-face {
  font-family:'Inter';
  src:url('../fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:'Heebo';
  src:url('../fonts/Heebo-VariableFont_wght.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
/* general */
:root {
  --text:#4d5574;
  --title:#090909;
  --light:#8896a8;
  --white:#ffffff;
  --primary:#4992d6;
  --secondary:#2d8a8a;
  --cool:#f4f6f9;
  --ring:rgba(73,146,214,.14);
  --sh:0 12px 40px -12px rgba(45,87,138,.18);
  --mono:'JetBrains Mono',monospace;
}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  font-family:'Heebo',sans-serif;
  background:var(--white);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a {
  text-decoration:none;
  color:inherit;
}
.input--hidden {
  left:-9999px;
  display:none;
  position:absolute;
}
.x7f3 {
  display:none;
}
.btn {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-weight:700;
  font-size:.9rem;
  padding:13px 24px;
  border-radius:12px;
  transition:.25s;
  cursor:pointer;
  border:none;
}
.btn-p {
  background:var(--primary);
  color:var(--white);
  box-shadow:0 8px 24px -6px var(--ring);
}
.btn-p:hover {
  transform:translateY(-2px);
  box-shadow:0 14px 32px -8px rgba(73,146,214,.5);
}
.btn-g {
  background:var(--white);
  color:var(--title);
  border:1.5px solid #e4e9f0;
}
.btn-g:hover {
  border-color:var(--primary);
  color:var(--primary);
}
.wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.page-main{
  flex:1;
  width:100%;
}
h1,h2,h3 {
  color:var(--title);
  line-height:1.1;
  letter-spacing:-.025em;
}
.page-main {
  flex:1;
  width:100%;
}
/* navigation */
nav {
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid #eef1f6;
}
.nav-in {
  display:flex;
  justify-content:space-between;
  height:95px;
}
.logo {
  display:flex;
  align-items:center;
}
.logo img {
  height:80px;
  width:auto;
}
.nav-left {
  display:flex;
  gap:30px;
  font-size:.92rem;
  font-weight:600;
  color:var(--text);
  align-items: center;
}
.nav-left a:hover {
  color:var(--primary);
}
.nav-right {
  display:flex;
  align-items:center;
  gap:22px;
}
@media(max-width:860px) {
  .nav-left,.nav-right {
    display:none;
  }
}
.nav-right .login {
  font-weight:600;
  font-size:.92rem;
}
.nav-right .login:hover {
  color:var(--primary);
}
.nav-dd {
  position:relative;
}
.nav-dd-trigger {
  display:inline-flex;
  align-items:center;
  gap:5px;
  cursor:pointer;
  transition:.2s;
}
.nav-dd-trigger svg {
  transition:.3s;
}
.nav-dd:hover .nav-dd-trigger {
  color:var(--primary);
}
.nav-dd:hover .nav-dd-trigger svg {
  transform:rotate(180deg);
}
.nav-dd-menu {
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%) translateY(-8px);
  min-width:280px;
  background:#fff;
  border:1px solid #eaeef3;
  border-radius:16px;
  box-shadow:0 24px 50px -16px rgba(45,87,138,.22);
  padding:10px;
  opacity:0;
  visibility:hidden;
  transition:.3s cubic-bezier(.3,1,.4,1);
  z-index:70;
}
.nav-dd-menu::before {
  content:"";
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid #eaeef3;
  border-top:1px solid #eaeef3;
}
.nav-dd:hover .nav-dd-menu {
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.nav-dd-menu a {
  display:block;
  padding:12px 16px;
  border-radius:11px;
  transition:.2s;
}
.nav-dd-menu a:hover {
  background:var(--cool);
}
.nav-dd-menu a  {
  font-size:.92rem;
  font-weight:600;
  color:var(--text);
}
.nav-dd-menu a:hover strong {
  color:var(--primary);
}
.nav-dd::after {
  content:"";
  position:absolute;
  top:100%;
  left:0;
  right:0;
  height:14px;
}
.lang {
  position:relative;
}
.lang-btn {
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid #eaeef3;
  background:var(--white);
  font-family:inherit;
  font-size:.82rem;
  font-weight:700;
  color:var(--title);
  cursor:pointer;
  transition:.25s;
}
.lang-btn:hover {
  border-color:var(--primary);
  color:var(--primary);
}
.lang-btn svg {
  color:var(--title);
}
.lang-drop {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  background:var(--white);
  border:1px solid #eaeef3;
  border-radius:14px;
  box-shadow:0 16px 40px -12px rgba(45,87,138,.22);
  padding:6px;
  width:160px;
  display:none;
  z-index:70;
}
.lang.open .lang-drop {
  display:block;
}
.lang-drop a {
  display:block;
  padding:10px 16px;
  font-size:.88rem;
  font-weight:600;
  color:var(--text);
  border-radius:9px;
  transition:.2s;
}
.lang-drop a:hover {
  background:var(--cool);
  color:var(--primary);
}
.lang-drop a.on {
  color:var(--primary);
  font-weight:700;
  background:var(--ring);
  cursor: pointer;
}
.burger {
  display:none;
  position:relative;
  width:44px;
  height:44px;
  border:none;
  background:none;
  cursor:pointer;
  z-index:9999;
}
@media(max-width:860px) {
  .burger {
    display:block;
  }
}
.burger span {
  position:absolute;
  left:10px;
  width:24px;
  height:2px;
  background:var(--title);
  border-radius:2px;
  transition:.3s;
}
.burger span:nth-child(1) {
  top:14px;
}
.burger span:nth-child(2) {
  top:21px;
}
.burger span:nth-child(3) {
  top:28px;
}
.burger.active span:nth-child(1) {
  top:21px;
  transform:rotate(45deg);
}
.burger.active span:nth-child(2) {
  opacity:0;
}
.burger.active span:nth-child(3) {
  top:21px;
  transform:rotate(-45deg);
}
.mobile-menu {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:var(--white);
  z-index:9000;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:28px;
  padding:40px;
}
.mobile-menu.open {
  display:flex;
}
.mobile-menu > a {
  font-size:0.92rem;
  font-weight:600;
  color:var(--text);
  transition:.2s;
}
.mobile-menu > a:hover {
  color:var(--primary);
}
.mobile-menu .btn-p {
  color:var(--white);
}
.mobile-menu  .btn-p:hover {
  color:var(--white);
}
.mobile-lang {
  position:relative;
  margin-top:12px;
}
.mobile-lang.open .lang-drop {
  display:block;
}
body.menu-open {
  overflow:hidden;
}
.mobile-close {
  position:absolute;
  top:24px;
  right:24px;
  width:44px;
  height:44px;
  border:1px solid #eaeef3;
  background:var(--white);
  border-radius:12px;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:var(--title);
  transition:.25s;
}
.mobile-close:hover {
    border-color:var(--primary);
    color:var(--primary);
}
.mobile-close svg {
    width:20px;
    height:20px;
}
.mobile-logo {
    position:absolute;
    top:24px;
    left:24px;
    display:flex;
    align-items:center;
}
.mobile-logo img {
    height:60px;
    width:auto;
}
/* across site */
.pill {
  background:var(--white);
  border:1px solid #e4ebf2;
  color:var(--title)!important;
  box-shadow:0 2px 12px -5px rgba(45, 87, 138, .18);
  padding:8px 17px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.78rem;
  font-weight:700;
  border-radius:100px;
  letter-spacing:.02em;
}
.hero {
  text-align:center;
  padding:96px 0 60px;
  position:relative;
  overflow:hidden;
  background:var(--white);
}
@media(max-width:640px) {
  .hero {
    padding:52px 0 32px;
  }
}
.hero h1 {
  font-family: 'Inter', sans-serif;
  font-size:clamp(2.5rem,6vw,4.6rem);
  font-weight:900;
  margin:30px 0 22px;
}
.hero p {
  font-size:1.16rem;
  max-width:660px;
  margin:0 auto 36px;
  color:var(--text);
}
.hero span {
  color:var(--primary)
}
/* blog overview */
.filters {
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:36px;
}
.filter {
  padding:9px 18px;
  border-radius:100px;
  border:1px solid #eaeef3;
  background:var(--white);
  font-size:.85rem;
  font-weight:600;
  color:var(--text);
  cursor:pointer;
  transition:.25s;
  font-family:inherit;
}
@media(max-width:640px) {
  .filters {
    gap:6px;
  }
  .filter {
    padding:7px 14px;
    font-size:.78rem;
  }
}
.filter:hover {
  border-color:var(--primary);
  color:var(--primary);
}
.filter.on {
  background:var(--title);
  border-color:var(--title);
  color:var(--white);
}
.featured-sec {
  padding:56px 0 40px;
}
.featured {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:0;
  background:var(--white);
  border:1px solid #eaeef3;
  border-radius:24px;
  overflow:hidden;
  transition:.4s;
  box-shadow:0 30px 70px -32px rgba(45,87,138,.22);
  cursor:pointer;
}
@media(max-width:960px) {
  .featured {
    grid-template-columns:1fr;
  }
}
.featured:hover {
  transform:translateY(-4px);
  box-shadow:0 40px 90px -28px rgba(45,87,138,.32);
  border-color:var(--ring);
}
.featured-img {
  position:relative;
  min-height:420px;
  overflow:hidden;
}
@media(max-width:960px) {  
  .featured-img {
    min-height:280px;
  }
}
.featured-img img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}
.featured:hover .featured-img img {
  transform:scale(1.04);
}
.featured-img .feat-badge {
  position:absolute;
  top:24px;
  left:24px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
  padding:8px 14px;
  border-radius:8px;
  font-size:.7rem;
  font-weight:800;
  color:var(--title);
  letter-spacing:.1em;
  text-transform:uppercase;
  z-index:3;
  display:flex;
  align-items:center;
  gap:7px;
}
.featured-img .feat-badge::before {
  content:"★";
  color:var(--primary);
  font-size:.85rem;
}
.featured-body {
  padding:54px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
}
@media(max-width:960px) {  
  .featured-body {
    padding:36px 28px;
  }
}
.featured-meta {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.78rem;
  color:var(--light);
  font-weight:600;
  font-family:var(--mono);
  letter-spacing:.05em;
  text-transform:uppercase;
}
.featured-meta .cat {
  color:var(--primary);
  font-weight:700;
}
.featured-meta .dot {
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--light);
}
.featured h2 {
  font-size:clamp(1.7rem,2.6vw,2.4rem);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.15;
  color:var(--title);
}
.featured-excerpt {
  font-size:1.05rem;
  color:var(--text);
  line-height:1.65;
}
.featured h2 span {
  color:var(--primary);
}
.featured-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:14px;
  border-top:1px solid #eef1f6;
  margin-top:6px;
}
.author {
  display:flex;
  align-items:center;
  gap:11px;
}
.author-avatar img {
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--cool);
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:800;
  font-size:.85rem;
}
.author-info {
  display:flex;
  flex-direction:column;
  line-height:1.3;
}
.author-name {
  font-size:.85rem;
  font-weight:700;
  color:var(--title);
}
.author-role {
  font-size:.72rem;
  color:var(--light);
  font-weight:500;
}
.read-more {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700;
  font-size:.88rem;
  color:var(--primary);
  transition:.25s;
}
.featured:hover .read-more {
  gap:10px;
}
.read-more svg {
  width:16px;
  height:16px;
  transition:.25s;
}
.grid-sec {
  padding:40px 0 96px;
}
.grid-head {
  margin-bottom:36px;
}
.grid-head h3 {
  font-size:1.8rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.posts {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}
@media(max-width:640px) {
  .posts {
    grid-template-columns:1fr;
    gap:20px;
  }
}
.post {
  background:#fff;
  border:1px solid #eaeef3;
  border-radius:18px;
  overflow:hidden;
  transition:.35s;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}
.post:hover {
  transform:translateY(-5px);
  box-shadow:0 24px 50px -20px rgba(45,87,138,.22);
  border-color:var(--ring);
}
.post.hidden {
  display:none;
}
.post-img {
  position:relative;
  aspect-ratio:16/9;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.post-cat-tag {
  position:absolute;
  top:16px;
  left:16px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
  padding:8px 14px;
  border-radius:8px;
  font-size:.7rem;
  font-weight:800;
  color:var(--title);
  letter-spacing:.1em;
  text-transform:uppercase;
  z-index: 3;
}
.post-img img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.post-body {
  padding:26px 28px 28px;
  display:flex;
  flex-direction:column;
  flex:1;
  gap:14px;
}
.post-meta {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.78rem;
  color:var(--light);
  font-weight:600;
  font-family:var(--mono);
  letter-spacing:.05em;
  text-transform:uppercase;
}
.post h4 {
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:-.015em;
  line-height:1.25;
  color:var(--title);
}
.post-excerpt {
  font-size:1.05rem;
  color:var(--text);
  line-height:1.65;
  flex:1;
}
.post-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid #eef1f6;
  margin-top:6px;
}
.post-author {
  display:flex;
  align-items:center;
  gap:11px;
}
.post-author-avatar img {
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--cool);
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:800;
  font-size:.85rem;
}
.post-author-info {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.post-author-name {
    font-size: .85rem;
    font-weight: 700;
    color: var(--title);
}
.post-author-role {
  font-size: .72rem;
  color: var(--light);
  font-weight: 500;
}
.post-read {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.88rem;
  font-weight:700;
  color:var(--primary);
}
.post-read svg {
  position: relative;
  top: -2px;
  width:16px;
  height:16px;
  transition:.25s;
}
.post:hover .post-read svg {
  transform:translateX(3px);
}
.load-more-wrap {
  text-align:center;
  margin-top:56px;
}
.load-more {
  padding:16px 24px;
  border-radius:12px;
  border:1.5px solid #e4e9f0;
  background:#fff;
  font-family:inherit;
  font-size:.95rem;
  font-weight:700;
  color:var(--title);
  cursor:pointer;
  transition:.3s;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.load-more:hover {
  border-color:var(--primary);
  color:var(--primary);
  transform:translateY(-2px);
  box-shadow:var(--sh);
}
.load-more svg {
  width:16px;
  height:16px;
  transition:.3s;
}
.load-more:hover svg {
  transform:translateY(2px);
}
.load-counter {
  font-size:.78rem;
  color:var(--light);
  margin-top:14px;
  font-weight:500;
}
/* blog article */
.art-hero {
  padding:56px 0 32px;
}
@media(max-width:640px) {
  .art-hero {
    padding:40px 0 24px;
  }
}
.art-back {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.84rem;
  font-weight:500;
  color:var(--text);
  margin-bottom:24px;
  transition:.25s;
}
.art-back:hover {
  color:var(--primary);
  gap:12px;
}
.art-back svg {
  position:relative;
  top:-2px;
  width:14px;
  height:14px;
}
.art-cat {
  display:inline-block;
  letter-spacing:.1em;
  font-size:.85rem;
  font-weight:600;
  color:var(--text);
  background:var(--white);
  padding:9px 18px;
  border-radius:100px;
  border:1px solid #eaeef3;
  margin-bottom:22px;
}
.art-hero h1 {
  font-family:'Inter',sans-serif;
  font-size:clamp(2rem,4.4vw,3.3rem);
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.1;
  margin-bottom:22px;
  max-width:1100px;
}
.art-hero h1 span {
  color:var(--primary);
}
.posts h4 span {
  color:var(--primary);
}
.art-lead {
  font-size:1.16rem;
  line-height:1.6;
  color:var(--text);
  font-weight:400;
  margin-bottom:36px;
  max-width:1100px;
}
.art-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 0;
  border-top:1px solid #eef1f6;
  border-bottom:1px solid #eef1f6;
  flex-wrap:wrap;
  gap:18px;
}
@media(max-width:640px) {
  .art-meta {
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
}
.art-meta .author {
  display:flex;
  align-items:center;
  gap:13px;
}
.art-meta .author-avatar img {
  width:44px;
  height:44px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}
.art-meta .author-info {
  display:flex;
  flex-direction:column;
  line-height:1.3;
}
.art-meta .author-name {
  font-size:.92rem;
  font-weight:700;
  color:var(--title);
}
.art-meta .author-role {
  font-size:.78rem;
  color:var(--light);
  font-weight:500;
}
.art-meta-right {
  font-size:.82rem;
  color:var(--light);
  font-weight:600;
  font-family:var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.art-cover {
  margin:40px 0 16px;
}
.art-cover img{
  width:100%;
  aspect-ratio:21/9;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  display:block;
  box-shadow:0 30px 70px -32px rgba(45,87,138,.28);
}
.art-body {
  padding:36px 0 72px;
}
.art-body p {
  font-size:1.05rem;
  line-height:1.65;
  color:var(--text);
  margin-bottom:22px;
  max-width:1100px;
}
.art-body h2 {
  font-family:'Heebo',sans-serif;
  font-size:clamp(1.5rem,2.4vw,1.85rem);
  font-weight:600;
  color:var(--title);
  margin:56px 0 18px;
  line-height:1.1;
  max-width:1100px;
}
.art-body h2[data-num]::before {
  content:attr(data-num);
  display:inline-block;
  font-family:var(--mono);
  font-size:.85em;
  color:var(--primary);
  margin-right:14px;
  font-weight:800;
  letter-spacing:.05em;
}
.art-body h2:first-of-type {
  margin-top:0;
}
.art-body strong {
  color:var(--title);
  font-weight:700;
}
.art-body ul,.art-body ol {
  margin:0 0 28px 4px;
  padding-left:24px;
  max-width:820px;
}
.art-body li {
  font-size:1.05rem;
  line-height:1.65;
  color:var(--text);
  margin-bottom:10px;
  padding-left:6px;
}
.art-body ul li::marker {
  color:var(--primary);
}
.art-body ol li::marker {
  color:var(--primary);
  font-weight:800;
}
.art-body a {
  color:var(--primary);
  font-weight:600;
  border-bottom:1.5px solid var(--ring);
  transition:.2s;
}
.art-body a:hover {
  border-bottom-color:var(--primary);
}
.art-figure {
  margin:40px 0;
  max-width:1000px;
}
.art-figure img {
  width:100%;
  height:auto;
  border-radius:14px;
  display:block;
  box-shadow:0 12px 36px -16px rgba(45, 87, 138, .18);
}
.art-figure figcaption {
  font-size:.85rem;
  color:var(--light);
  margin-top:12px;
  font-style:italic;
}
.art-callout{
  background:var(--cool);
  border:1px solid #eef1f6;
  border-left:3px solid var(--primary);
  border-radius:0 12px 12px 0;
  padding:16px 20px;
  margin:16px 0;
  color:var(--text);
  font-size:.95rem;
  line-height:1.7;
  max-width:1100px;
}
.art-callout strong {
  color:var(--title);
}
.art-callout p {
  font-size:.95rem;
  line-height:1.7;
  margin:0;
  max-width:none;
}
.art-callout p + p {
  margin-top:8px;
}
.vid-frame {
  position:relative;
  max-width:1000px;
  aspect-ratio:16/9;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #eaeef3;
  box-shadow: 0 12px 36px -16px rgba(45, 87, 138, .18);;
}
.vid-frame iframe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:none;
}
/* newsletter */
.nl-sec {
  padding:40px 0 96px;
  background:var(--white);
}
.nl-arcticle {
  display: flex;
  justify-content: center;
  margin: 64px 0 0;
}
.nl-card {
  max-width:980px;
  margin:0 auto;
  background:var(--primary);
  border-radius:28px;
  padding:72px 64px;
  position:relative;
  overflow:hidden;
  box-shadow:0 50px 100px -40px rgba(14,46,79,.55);
}
.nl-inner {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:48px;
  align-items:center;
}
@media(max-width:960px) {
  .nl-card {
    padding:52px 36px;
  }
  .nl-inner {
    grid-template-columns:1fr;gap:36px;
  }
}
@media(max-width:640px) {
  .nl-card {
    padding:40px 24px;
    border-radius:22px;
  }
}
.nl-left .nl-kicker {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255, 255, 255, .15);
  border:1px solid rgba(72, 144, 211, 0.3);
  color:var(--white);
  font-family:var(--mono);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  padding:7px 14px;
  border-radius:100px;
  margin-bottom:20px;
}
.nl-left .nl-kicker::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cool);
  box-shadow:0 0 0 0 rgba(244,246,249,.7);
  animation:pulseDot 1.8s infinite;
}
@keyframes pulseDot {
  70% { box-shadow:0 0 0 10px rgba(244,246,249,0); }
}
.nl-left h3 {
  color:var(--white);
  font-size:clamp(1.9rem,3.5vw,2.7rem);
  font-weight:900;
  letter-spacing:-.025em;
  margin-bottom:14px;
  line-height:1.1;
}
.nl-left p {
  color:rgba(255,255,255, 0.8);
  font-size:1.05rem;
  line-height:1.65;
  max-width:420px;
}
.nl-perks {
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:24px;
}
.nl-perk {
  display:flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.8);
  font-size:.9rem;
  font-weight:500;
}
.nl-perk svg {
  width:18px;
  height:18px;
  color:var(--white);
  flex-shrink:0;
}
.nl-right {
  position:relative;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  padding:32px;
}
@media(max-width:640px) {
  .nl-rightb{
    padding:24px;
  }
}
.nl-right form {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.nl-right label {
  font-size:.72rem;
  font-weight:700;
  color:var(--white);
  text-transform:uppercase;
  letter-spacing:.12em;
}
.nl-right input {
  padding:16px 20px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.09);
  color:#fff;
  font-family:inherit;
  font-size:.95rem;
  font-weight:500;
  outline:none;
  transition:.3s;
}
.nl-right input::placeholder {
  color:rgba(255,255,255,.8);
}
.nl-right input:focus {
  border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 4px rgba(127,200,169,.1);
}
.nl-right button {
  padding:14px 24px;
  border-radius:12px;
  border: 1px solid rgba(255, 255, 255, .3);
  background:var(--primary);
  color:var(--white);
  font-family:inherit;
  font-size:.95rem;
  font-weight:800;
  cursor:pointer;
  transition:.3s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 8px 24px -6px rgba(82, 81, 81, 0.4);
}
.nl-right button:hover {
  transform:translateY(-2px);
  box-shadow: 0 14px 32px -8px rgba(82, 81, 81, 0.8);
}
.nl-right .nl-sub {
  font-size:.72rem;
  color:rgba(255,255,255,.8);
  text-align:center;
  margin-top:6px;
  font-weight:400;
}
.nl-success  {
  display:none;
  text-align:center;
  color:var(--white);
  font-weight:700;
  padding:20px 0;
}
.nl-success.show {
  display:block;
}
/* legal & documents */
.docu {
  text-align:unset;
  border-bottom:1px solid #eef1f6;
  padding-bottom:44px!important;
}
@media(max-width:560px) {
  .docu h1 {
    font-size:clamp(2rem,8vw,2.4rem);
  }
}
.docu .meta, .legal-section .meta {
  font-family:var(--mono);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--light);
  margin-bottom:16px;
}
.docu p {
  margin-right:unset;
  margin-left:unset;
  margin-bottom:unset;
}
.legal {
  padding-top:56px;
  padding-bottom:96px;
}
.legal-section {
  margin-bottom:72px;
}
.last {
  margin-bottom:unset;
}
.legal-section h2 {
  font-size:clamp(1.7rem, 2.6vw, 2.4rem);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.15;
  color:var(--title);
  margin-bottom:20px;
}
@media(max-width:560px) {
  .legal-section h2 {
    font-size:1.5rem;
  }
}
.legal-section h3, .legal-grid h3 {
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:-.015em;
  line-height:1.25;
  color:var(--title);
  margin-bottom:10px;
}
@media(max-width:560px) {
  .legal-section h3, .legal-grid h3 {
    font-size:1.15rem;
  }
}
.legal-section h4, .legal-grid h4 {
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.65;
  color:var(--title);
  margin-bottom:10px;
}
.legal-section h5, .legal-grid h5 {
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-.015em;
  line-height:1.65;
  color:var(--title);
  margin-bottom:10px;
}
.legal-section p, .legal-grid p, .legal-grid li {
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--text);
  margin-bottom: 22px;
}
.legal-section p a, .legal-grid p a, .legal-grid li a {
  color:var(--primary);
  font-weight: 600;
  border-bottom:1.5px solid var(--ring);
  transition:.2s;
}
.legal-section p a:hover, .legal-grid  p a:hover, .legal-grid  li a:hover {
  border-bottom-color:var(--primary);
}
.legal-section .intro {
  margin-bottom:56px;
}
.legal-section .meta-download {
  font-family:var(--mono);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--light);
  position:relative;
  top:-55px;
}
.legal-section .meta-download-last {
  font-family:var(--mono);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--light);
  position:relative;
  top:-55px;
}
@media(max-width:900px) {
  .legal-section .meta-download {
    top:0px;
    letter-spacing:unset;
  }
  .legal-section .meta-download-last {
    font-family:var(--mono);
    font-size:.76rem;
    font-weight:700;
    text-transform:uppercase;
    color:var(--light);
    position:relative;
    top:-55px;
  }
}
.legal-section .meta-download a, .legal-section .meta-download-last a {
  color:var(--primary);
  font-weight:600;
  border-bottom:1.5px solid var(--ring);
  transition:.2s;
}
.legal-section .meta-download a:hover, .legal-section .meta-download-last a:hover {
  border-bottom-color:var(--primary);
}
.legal-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,300px);
  gap:44px;
  align-items:start;
  margin-bottom:56px;
}
@media(max-width:900px) {
  .legal-grid {
    grid-template-columns:1fr;
    gap:26px;
  }
}
@media(max-width:768px) {
  .legal-grid {
    gap:22px;
  }
}
.legal-grid h3, .legal-grid h4, .legal-grid h5 {
  display:flex;
  gap:9px;
  align-items:baseline;
  margin-bottom:10px;
}
.legal-grid  .num {
  font-family:var(--mono);
  color:var(--primary);
  font-weight:700;
}
.legal-section p b, .legal-grid p b {
  color:var(--text);
  font-weight:700;
  display:block;
}
.legal-section p strong, .legal-grid p strong, .legal-grid li strong {
  color:var(--text);
  font-weight:700;
}
.explanation {
  position:relative;
  overflow:hidden;
  background:var(--cool);
  border-left:3px solid var(--primary);
  border-radius:0 12px 12px 0;
  padding:22px 24px;
}
@media(max-width:560px) {
  .explanation {
    padding:18px 20px;
  }
}
.explanation::after {
  content:"?";
  position:absolute;
  top:-22px;
  right:8px;
  font-family:'Inter',sans-serif;
  font-weight:900;
  font-size:6rem;
  color:rgba(73,146,214,.09);
  line-height:1;
}
@media(max-width:560px) {
  .explanation::after {
    font-size:4.5rem;
    top:-14px;
  }
}
.explanation div {
  position:relative;
  font-family:var(--mono);
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.72rem;
  font-weight:700;
  color:var(--primary);
  margin-bottom:8px;
}
.explanation p {
  position:relative;
  margin:0;
  font-size:.9rem;
  color:var(--text);
}


/* footer */
footer {
  background:var(--secondary);
  color:rgba(255,255,255,.6);
  position:relative;
  overflow:hidden;
}
.ft-top {
  padding:28px 0 5px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ft-grid {
  display:grid;
  grid-template-columns:1.8fr 1fr 1fr 1fr;
  gap: 40px;
}
.ft-brand {
  margin-bottom: 10px;
}
.ft-brand .logo img {
  height:80px;
  width:auto;
}
@media(max-width:860px) {
  .ft-grid {
    grid-template-columns:1fr 1fr;
    gap:30px;
  }
  .ft-brand {
    grid-column:1/-1;
  }
}
.ft-brand p {
  font-size:.88rem;
  color:var(--white);
  margin-top:20px;
  line-height:1.55;
  font-weight:600;
}
.ft-col h4 {
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(255,255,255,.3);
  font-weight:800;
  margin-bottom:20px;
}
.ft-col a {
  display:block;
  font-size:.88rem;
  font-weight:600;
  color:rgba(255,255,255,.7);
  transition:.25s;
  margin-bottom:5px;
}
.ft-col a:hover {
  color:#fff;
  transform:translateX(3px);
}
.ft-bot {
  padding:10px 0;
  display:flex;
  justify-content:space-between;
  font-size:.78rem;
  color:rgba(255,255,255,.6);
  flex-wrap:wrap;
  gap:10px;
  font-weight: 500;
}
.ft-bot-xxxs {
  font-size:.55rem;
}
@media(max-width:860px) {
  .ft-bot {
    flex-direction:column;
    align-items:flex-start;
  }
}
.ft-bot svg {
  position: relative;
  width:18px;
  height:18px;
  top:3px;
}
.elfsight-app-b3279d8f-8d7f-4498-85d0-f905f34047fc {
  position:relative;
  margin-top:20px;
  left:-5px;
}