/* KTE – DEV preset (dark + lime glow) */
:root{
  /* Typography scale (medium feel) */
  --fs-h1: clamp(42px, 5.4vw, 64px);
  --fs-h2: clamp(26px, 3.2vw, 38px);
  --fs-body: 14.5px;
  --fs-small: 12.5px;
  --fs-nav: 13px;
  --fs-btn: 13px;

  --bg0:#060806;
  --bg1:#0b120b;
  --card:#0d120f;
  --muted:#9aa69a;
  --text:#eaf2ea;
  --lime:#b8ff45;
  --lime2:#7dff2a;
  --line: rgba(255,255,255,.08);
  --shadow: 0 18px 60px rgba(0,0,0,.55);
}

*{box-sizing:border-box}
html,body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background: linear-gradient(180deg, var(--bg1), var(--bg0) 58%, #050705);
  overflow-x:hidden;
}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 540px at 50% 18%, rgba(184,255,69,.22), transparent 60%),
    radial-gradient(820px 520px at 12% 10%, rgba(184,255,69,.12), transparent 62%),
    radial-gradient(900px 620px at 92% 20%, rgba(184,255,69,.10), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg0) 58%, #050705);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  /* Always-on glow (fixed to viewport, so no "mid-page" fade) */
  background:
    radial-gradient(900px 540px at 50% 18%, rgba(184,255,69,.22), transparent 60%),
    radial-gradient(820px 520px at 12% 10%, rgba(184,255,69,.12), transparent 62%),
    radial-gradient(900px 620px at 92% 20%, rgba(184,255,69,.10), transparent 60%),
    radial-gradient(1200px 680px at 50% 20%, transparent 55%, rgba(0,0,0,.55) 100%);
  z-index:-1;
}

body:after{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 620px at 50% 92%, rgba(184,255,69,.08), transparent 65%);
  opacity:.9;
  z-index:-1;
}

a{color:inherit; text-decoration:none}
.wrap{position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:28px;}

.top{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px;
  padding:10px 10px;
}

.brand{
  display:flex; align-items:center; gap:10px;
  font-weight:800; letter-spacing:.2px;
}
.brand-name{font-size:14px; opacity:.95}
.brand.tiny .brand-name{font-size:14px; opacity:.9}

.mark{
  width:34px; height:34px;
  border-radius:10px;
  overflow:hidden;
  display:grid; place-items:center;
  box-shadow: 0 10px 30px rgba(184,255,69,.15);
  background: rgba(9,12,9,.96);
  border:1px solid rgba(255,255,255,.08);
  
}
.mark img{width:100%; height:100%; object-fit:cover}
.mark.sm{width:28px; height:28px; border-radius:10px}

.nav{
  display:flex; align-items:center; gap:18px;
  font-size: var(--fs-nav); color:rgba(234,242,234,.82);
}
.nav a{opacity:.9}
.nav a:hover{opacity:1}


/* Nav underline hover (premium) */
.nav a{
  position:relative;
  padding:10px 6px;
}
.nav a:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:0%;
  height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background: linear-gradient(90deg, rgba(184,255,69,0), rgba(184,255,69,.95), rgba(184,255,69,0));
  box-shadow: 0 0 16px rgba(184,255,69,.22);
  transition: width .22s ease;
  opacity:.95;
}
.nav a:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:0%;
  height:6px;
  border-radius:999px;
  transform:translateX(-50%);
  background: radial-gradient(circle, rgba(184,255,69,.20), transparent 65%);
  transition: width .22s ease;
  filter: blur(2px);
  opacity:.8;
}
.nav a:hover:after,
.nav a:focus-visible:after{
  width:74%;
}
.nav a:hover:before,
.nav a:focus-visible:before{
  width:78%;
}
.nav a:focus-visible{
  outline:none;
}
.nav-actions{display:flex; align-items:center; gap:10px}

.falcon{
  width:34px; height:34px;
  border-radius:12px;
  display:grid; place-items:center;
  background: rgba(9,12,9,.96);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.falcon img{width:18px; height:18px; opacity:.95}
.falcon.sm{width:40px; height:40px; border-radius:16px}
.falcon.sm img{width:20px; height:20px}

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  font-weight:700;
  font-size: var(--fs-btn);
  border:1px solid rgba(255,255,255,.10);
  transition: transform .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
  user-select:none;
  gap:8px;
}
.btn:hover{transform: translateY(-1px); filter: brightness(1.05)}
.btn:active{transform: translateY(0) scale(.99)}

.btn-primary{
  background: linear-gradient(180deg, rgba(184,255,69,.95), rgba(125,255,42,.92));
  color:#0b1407;
  border-color: rgba(184,255,69,.55);
  box-shadow: 0 18px 40px rgba(184,255,69,.16);
}
.btn-ghost{
  background: rgba(9,12,9,.98);
  color:rgba(234,242,234,.92);
  border-color: rgba(255,255,255,.10);
}
.btn.full{width:100%}

.hamburger{
  display:none;
  width:42px; height:42px;
  border-radius:14px;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
}
.hamburger span{
  display:block; width:18px; height:2px; margin:4px auto;
  background: rgba(234,242,234,.9);
  border-radius:999px;
}

.hero{padding:52px 10px 10px}
.hero-inner{position:relative; padding:26px 0 0}
.hero-center{text-align:center; padding:26px 0 10px}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(234,242,234,.86);
  font-size: 13px;
  margin-bottom:14px;
}

.h1{
  margin:0;
  font-size: var(--fs-h1);
  line-height: 1.05;
  letter-spacing: -.02em;
  font-weight:900;
}
.accent{
  color:var(--lime);
  text-shadow: 0 0 22px rgba(184,255,69,.28);
}
.sub{
  margin:14px auto 18px;
  max-width:720px;
  color:rgba(234,242,234,.75);
  font-size: var(--fs-body);
  line-height:1.6;
}

.cta-row{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:6px;
}

.trusted{
  margin:24px auto 0;
  display:flex; align-items:center; justify-content:center;
  gap:12px;
  color:rgba(234,242,234,.58);
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.trusted .line{
  width:120px; height:1px;
  background: linear-gradient(90deg, transparent, rgba(184,255,69,.28), transparent);
  opacity:.9;
}

.strip{
  margin:20px auto 0;
  width:min(1100px, 100%);
  background: rgba(10,14,10,.96);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.55);
  overflow: visible;
}
.strip-inner{
  display:flex;
  gap:18px;
  padding:16px 18px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.chip{
  display:flex; align-items:center; gap:8px;
  font-size: 13px;
  color:rgba(234,242,234,.85);
  white-space:nowrap;
  opacity:.92;
}
.dot{
  width:10px; height:10px;
  border-radius:3px;
  background: rgba(234,242,234,.75);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset;
}


/* White SVG icons with soft glow */
.icon{
  width:16px;
  height:16px;
  display:inline-grid;
  place-items:center;
  color: #ffffff; /* white icons */
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,.35))
    drop-shadow(0 0 14px rgba(184,255,69,.18));
}
.icon img{
  width:16px;
  height:16px;
  display:block;
}
.section{padding:34px 0}
.section-head{margin-bottom:14px}
.kicker{
  font-size:10px;
  letter-spacing:.22em;
  color:rgba(184,255,69,.85);
  margin-bottom:10px;
  text-transform:uppercase;
}
.h2{
  margin:0;
  font-size: var(--fs-h2);
  line-height:1.1;
  letter-spacing:-.02em;
  font-weight:900;
}
.p{
  margin:10px 0 0;
  color:rgba(234,242,234,.72);
  font-size: var(--fs-body);
  line-height:1.6;
}
.p.small{font-size:12px; opacity:.9}

.cards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
  margin-top:14px;
}
.card{
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:16px 16px 18px;
  box-shadow: 0 14px 44px rgba(0,0,0,.50);
}
.card h3{
  margin:0 0 8px;
  font-size: 14.5px;
  font-weight:800;
}
.card p{
  margin:0;
  color:rgba(234,242,234,.70);
  font-size: 13.5px;
  line-height:1.6;
}

/* Split sections */
.split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:16px;
  align-items:start;
}

.list{margin-top:12px; display:grid; gap:8px}
.li{
  padding:10px 12px;
  border-radius:14px;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.07);
  color:rgba(234,242,234,.80);
  font-size: 13px;
}

.glass{
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px;
  box-shadow: 0 14px 44px rgba(0,0,0,.50);
}
.glass-top{display:flex; gap:8px; flex-wrap:wrap}
.badge{
  font-size:11px;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(234,242,234,.82);
}
.badge.lime{
  background: rgba(184,255,69,.12);
  border-color: rgba(184,255,69,.25);
  color: rgba(184,255,69,.9);
}
.glass-body{margin-top:12px; display:grid; gap:10px}
.stat{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px;
  border-radius:14px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
}
.stat-k{color:rgba(234,242,234,.7); font-size:12px}
.stat-v{font-weight:900; color:rgba(234,242,234,.9)}

/* Steps mini */
.steps{margin-top:10px}
.steps.mini .step-line{margin:12px 0}
.step-line{
  display:flex; align-items:center; justify-content:center;
  gap:16px;
  margin:18px 0 18px;
}
.node{
  width:48px; height:48px;
  border-radius:999px;
  background: linear-gradient(180deg, rgba(184,255,69,.96), rgba(125,255,42,.92));
  box-shadow: 0 22px 50px rgba(184,255,69,.18);
  display:grid; place-items:center;
  color:#0b1407;
  font-weight:900;
}
.ico{font-size:16px}
.bar{
  height:2px;
  width:min(220px, 22vw);
  background: linear-gradient(90deg, rgba(184,255,69,.65), rgba(184,255,69,.18));
  opacity:.9;
  border-radius:999px;
}

.cards.three{grid-template-columns: repeat(3, 1fr)}

/* Pricing card */
.price-card{
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  padding:16px;
  box-shadow: 0 14px 44px rgba(0,0,0,.50);
  position:sticky;
  top:18px;
}
.price{font-weight:900; margin-top:6px}
.offer{
  margin:14px 0;
  padding:12px;
  border-radius:16px;
  background: rgba(184,255,69,.10);
  border:1px solid rgba(184,255,69,.22);
}
.offer-title{font-weight:900; color:rgba(184,255,69,.95)}
.offer-sub{margin-top:4px; font-size:12px; color:rgba(234,242,234,.8)}

/* Demos */
.demo-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
  margin-top:14px;
}
.demo{
  display:block;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 14px 44px rgba(0,0,0,.50);
  transition: transform .18s ease, filter .18s ease;
}
.demo:hover{transform: translateY(-2px); filter: brightness(1.05)}
.demo-top{display:flex; align-items:center; justify-content:space-between; gap:10px}
.demo-title{font-weight:900; font-size:13px}
.demo-tag{
  font-size:11px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
  color:rgba(234,242,234,.78);
}
.demo-body{margin-top:10px; color:rgba(234,242,234,.72); font-size:12px; line-height:1.6}

/* Contact */
.contact-card{
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:14px;
  box-shadow: 0 14px 44px rgba(0,0,0,.50);
}
.contact-row{margin-top:12px; display:flex; gap:10px; flex-wrap:wrap}
.note{
  margin-top:12px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
  color:rgba(234,242,234,.72);
  font-size:12px;
}
.note code{color:rgba(184,255,69,.95)}

.contact-side{display:grid; gap:12px}
.side-card{
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px;
}
.side-card.glow{
  background: rgba(184,255,69,.08);
  border-color: rgba(184,255,69,.20);
}
.side-title{font-weight:900; margin-bottom:10px}
.side-li{font-size:12px; color:rgba(234,242,234,.78); margin:8px 0}

/* Footer */
.footer{padding:26px 0 44px}
.footer-card{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
}
.muted{color:rgba(234,242,234,.65); font-size: 12.5px; margin:6px 0 0}

/* Mobile menu */
.mobile-menu{display:none}
.mobile-menu.active{display:block}
.mobile-menu .scrim{
  position:fixed; inset:0;
  background: rgba(0,0,0,.55);
  
  z-index:30;
}
.mobile-card{
  position:fixed;
  top:16px; left:16px; right:16px;
  background: rgba(9,12,9,.98);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:14px;
  z-index:31;
  box-shadow: 0 14px 44px rgba(0,0,0,.50);
}
.mobile-top{display:flex; align-items:center; justify-content:space-between}
.mobile-brand{display:flex; align-items:center; gap:10px}
.close{
  width:40px; height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(10,14,10,.92);
  color:var(--text);
  font-size:16px;
}
.mobile-links{display:grid; gap:10px; margin:14px 0}
.m-link{
  padding:12px 12px;
  border-radius:14px;
  background: rgba(10,14,10,.92);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(234,242,234,.9);
  font-weight:800;
  font-size:13px;
}
.mobile-cta{display:flex; align-items:center; gap:10px; margin-top:10px}

/* Responsive */
@media (max-width: 980px){
  .nav{display:none}
  .hamburger{display:inline-block}
}
@media (max-width: 920px){
  .strip-inner{
  display:flex;
  gap:18px;
  padding:16px 18px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
  .cards{grid-template-columns: 1fr}
  .split{grid-template-columns: 1fr}
  .cards.three{grid-template-columns: 1fr}
  .demo-grid{grid-template-columns: 1fr}
  .contact-card{grid-template-columns: 1fr}
  .price-card{position:relative; top:auto}
  .bar{width:18vw}
}


/* Page Loader */
.page-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(900px 540px at 50% 18%, rgba(184,255,69,.18), transparent 60%),
    radial-gradient(820px 520px at 12% 10%, rgba(184,255,69,.10), transparent 62%),
    radial-gradient(900px 620px at 92% 20%, rgba(184,255,69,.08), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg0) 58%, #050705);
}
.page-loader.hide{
  opacity:0;
  pointer-events:none;
  transition: opacity .35s ease;
}
.loader-card{
  width:min(520px, 92vw);
  background: rgba(9,12,9,.96);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  padding:16px;
  box-shadow: 0 18px 70px rgba(0,0,0,.65);
}
.loader-top{
  display:flex;
  align-items:center;
  gap:12px;
}
.loader-logo{
  width:44px; height:44px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.loader-logo img{width:100%; height:100%; object-fit:cover}
.loader-brand{font-weight:900; letter-spacing:.2px}
.loader-sub{margin-top:2px; font-size:12px; color: rgba(234,242,234,.70)}

.loader-center{padding:14px 2px 4px}
.loader-code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  padding:12px 12px;
  border-radius:16px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.07);
  color: rgba(234,242,234,.82);
  line-height:1.6;
}
.loader-code .kw{color: rgba(184,255,69,.95)}
.loader-code .var{color: rgba(234,242,234,.92)}
.loader-code .str{color: rgba(184,255,69,.75)}
.cursor{
  display:inline-block;
  width:8px; height:14px;
  margin-left:4px;
  background: rgba(184,255,69,.95);
  border-radius:3px;
  transform: translateY(2px);
  animation: blink 1s infinite;
}
@keyframes blink{50%{opacity:.15}}

.loader-bar{
  margin-top:12px;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.loader-fill{
  display:block;
  height:100%;
  width:0%;
  background: linear-gradient(90deg, rgba(184,255,69,.95), rgba(125,255,42,.92));
  box-shadow: 0 0 22px rgba(184,255,69,.20);
  animation: loadfill 2.5s ease forwards;
}
@keyframes loadfill{
  0%{width:0%}
  18%{width:22%}
  44%{width:58%}
  72%{width:84%}
  100%{width:100%}
}
.loader-hint{
  margin-top:10px;
  font-size:12px;
  color: rgba(234,242,234,.68);
}


/* Force chip icons to pure white */
.chip .icon{
  color:#ffffff;
}



/* =========================
   Advanced Hover System
   (Cards + Menus + Demos)
   ========================= */
:root{
  --hover-tilt: translateY(-6px);
  --hover-scale: 1.02;
  --hover-speed: 220ms;
}

/* Shared interactive baseline */
.card, .demo, .m-link, .nav a, .btn, .price-card, .side-card{
  transition:
    transform var(--hover-speed) ease,
    filter var(--hover-speed) ease,
    box-shadow var(--hover-speed) ease,
    border-color var(--hover-speed) ease,
    background var(--hover-speed) ease;
  will-change: transform;
}

/* CARD hover (premium) */
.card{
  position:relative;
  overflow:hidden;
}
.card:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(800px 240px at 10% 0%, rgba(184,255,69,.14), transparent 55%),
    radial-gradient(700px 240px at 90% 0%, rgba(255,255,255,.08), transparent 55%);
  opacity:0;
  transition: opacity var(--hover-speed) ease;
  pointer-events:none;
}
.card:after{
  content:"";
  position:absolute;
  left:-40%;
  top:-40%;
  width:140%;
  height:140%;
  background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.10), transparent 65%);
  transform: rotate(10deg) translateX(-30%);
  opacity:0;
  transition: transform 520ms ease, opacity var(--hover-speed) ease;
  pointer-events:none;
}
.card:hover,
.card:focus-within{
  transform: var(--hover-tilt) scale(var(--hover-scale));
  border-color: rgba(184,255,69,.22);
  box-shadow: 0 18px 60px rgba(0,0,0,.65), 0 0 0 1px rgba(184,255,69,.08) inset;
  filter: brightness(1.04);
}
.card:hover:before,
.card:focus-within:before{opacity:1}
.card:hover:after,
.card:focus-within:after{
  opacity:1;
  transform: rotate(10deg) translateX(30%);
}
/* Micro accent for card titles on hover */
.card:hover h3,
.card:focus-within h3{
  color: rgba(255,255,255,.98);
  text-shadow: 0 0 14px rgba(184,255,69,.12);
}

/* DEMO hover (stronger) */
.demo{
  position:relative;
  overflow:hidden;
}
.demo:before{
  content:"";
  position:absolute;
  inset:-1px;
  background: radial-gradient(900px 280px at 50% 0%, rgba(184,255,69,.12), transparent 60%);
  opacity:0;
  transition: opacity var(--hover-speed) ease;
  pointer-events:none;
}
.demo:hover{
  transform: translateY(-7px) scale(1.02);
  border-color: rgba(184,255,69,.22);
  box-shadow: 0 20px 70px rgba(0,0,0,.70);
}
.demo:hover:before{opacity:1}

/* Mobile menu links hover */
.m-link{
  position:relative;
}
.m-link:hover{
  transform: translateY(-2px);
  border-color: rgba(184,255,69,.20);
  background: rgba(0,0,0,.22);
}
.m-link:after{
  content:"";
  position:absolute;
  left:12px;
  bottom:8px;
  width:0;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(184,255,69,.0), rgba(184,255,69,.95), rgba(184,255,69,.0));
  transition: width var(--hover-speed) ease;
  opacity:.9;
}
.m-link:hover:after{width: calc(100% - 24px);}

/* Buttons hover (slightly more advanced) */
.btn:hover{
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
}
.btn-primary:hover{
  filter: brightness(1.06);
  box-shadow: 0 22px 65px rgba(184,255,69,.18);
}

/* Pricing + side cards subtle hover */
.price-card:hover, .side-card:hover{
  transform: translateY(-4px);
  border-color: rgba(184,255,69,.18);
  box-shadow: 0 18px 65px rgba(0,0,0,.60);
}

/* Reduce motion support */
@media (prefers-reduced-motion: reduce){
  .card, .demo, .m-link, .nav a, .btn, .price-card, .side-card{
    transition:none !important;
  }
  .card:after{display:none}
}


/* Advanced particles background (canvas) */
.bg-particles{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  opacity:.22;            /* toned down */
  mix-blend-mode: normal; /* keep website as main focus */
}

/* keep content above */
.wrap{position:relative; z-index:1;}