:root {
    /* Typography */
    --font-sans: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    /* Brand */
    --brand-1: #4F46E5;
    /* Indigo */
    --brand-2: #06B6D4;
    /* Cyan */
    --brand-3: #A3E635;
    /* Lime accent (sparingly) */
    --brand-rgb: 79 70 229;
    /* for glows/alphas */

    /* Backgrounds & surfaces (light-first) */
    --bg-0: #F7F8FC;
    /* page */
    --bg-1: #FFFFFF;
    /* surface */
    --bg-2: #F1F4FF;
    /* raised/soft panels */
    --text-1: #0B1020;
    /* main text */
    --text-2: #4B5563;
    /* muted text */
    --border-1: rgba(11, 16, 32, .10);

    /* Gradients (beautiful but minimal) */
    /* Softer, more premium gradients */
    --grad-1:
      radial-gradient(900px 500px at 15% 10%, rgba(79, 70, 229, .08), transparent 60%),
      radial-gradient(700px 400px at 85% 20%, rgba(6, 182, 212, .07), transparent 60%),
      linear-gradient(180deg, #FFFFFF 0%, #F7F8FC 80%);

    --grad-2: linear-gradient(135deg, #4F46E5, #06B6D4);

    /* reduce intensity */
    --grad-3: linear-gradient(180deg, rgba(79, 70, 229, .04), rgba(6, 182, 212, .03));

    --grad-mesh:
      radial-gradient(700px 400px at 20% 20%, rgba(79, 70, 229, .10), transparent 65%),
      radial-gradient(600px 350px at 80% 30%, rgba(6, 182, 212, .08), transparent 65%);

    --grad-stroke:
      linear-gradient(135deg, rgba(79, 70, 229, .35), rgba(6, 182, 212, .30));

    /* Layout */
    --container: 1200px;
    --gutter: 1.25rem;

    /* Spacing scale */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 2rem;
    --space-8: 2.5rem;
    --space-9: 3rem;
    --space-10: 4rem;
    --section-y: clamp(3rem, 5vw, 5rem);

    /* Type scale */
    --fs-1: .875rem;
    --fs-2: 1rem;
    --fs-3: 1.125rem;
    --fs-4: 1.25rem;
    --fs-5: 1.5rem;
    --fs-6: 1.875rem;
    --fs-7: 2.25rem;
    --fs-8: 3rem;
    --fs-9: 3.5rem;

    /* Line-height & weight */
    --lh-tight: 1.15;
    --lh-base: 1.55;
    --lh-loose: 1.75;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;

    /* Radius */
    --radius-sm: .75rem;
    --radius-md: 1rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --radius-2xl: 2.25rem;

    /* Shadows (soft, premium) */
    --shadow-color: 11 16 32;
    --shadow-sm: 0 6px 18px rgba(var(--shadow-color), .08);
    --shadow-md: 0 14px 40px rgba(var(--shadow-color), .12);
    --shadow-lg: 0 22px 70px rgba(var(--shadow-color), .14);
    --shadow-xl: 0 30px 90px rgba(var(--shadow-color), .18);

    /* Glass */
    --glass-bg: rgba(255, 255, 255, .55);
    --glass-border: rgba(255, 255, 255, .65);
    --glass-blur: 18px;

    /* Buttons */
    --btn-h: 48px;
    --btn-px: 1.15rem;
    --btn-radius: 999px;
    --btn-shadow: 0 14px 30px rgba(79, 70, 229, .18);
    --btn-grad: var(--grad-2);

    /* Inputs */
    --input-h: 52px;
    --input-bg: rgba(255, 255, 255, .92);
    --input-border: rgba(11, 16, 32, .12);
    --input-radius: 1rem;
    --ring-w: 3px;
    --ring: rgba(79, 70, 229, .22);

    /* Motion */
    --ease: cubic-bezier(.2,.8,.2,1);
    --ease-1: cubic-bezier(.2, .8, .2, 1);
    --ease-2: cubic-bezier(.16, 1, .3, 1);
    --ease-3: cubic-bezier(.34, 1.56, .64, 1);
    --dur-1: 120ms;
    --dur-2: 220ms;
    --dur-3: 420ms;
    --dur-4: 700ms;
    --hover-lift: 8px;
    --tilt: 10deg;

    /* Component tokens */
    --card-bg: rgba(255, 255, 255, .78);
    --card-border: rgba(11, 16, 32, .08);
    --card-radius: var(--radius-xl);
    --card-pad: 1.25rem;
    --card-shadow: var(--shadow-md);

    --nav-h: 78px;
    --nav-bg: rgba(255, 255, 255, .70);
    --nav-border: rgba(11, 16, 32, .08);
    --nav-blur: 16px;

    /* Marketplace */
    --price-color: #0EA5E9;
    /* sky */
    --badge-new: #22C55E;
    --badge-hot: #F97316;
    --badge-sale: #EF4444;
    --rating-color: #F59E0B;

    /* Status */
    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #0EA5E9;
}


html, body { height: 100%; }
body{
    font-family: var(--font-sans);
    /* background: var(--bg-0); */
    background: #ffffff;
    color: var(--text-1);
}

/* =========================
   Evtoan Header / Nav
   ========================= */

/* Optional: focus helper if not already in your base */
.ev-focus:focus-visible{
  outline: none;
  box-shadow: 0 0 0 var(--ring-w) var(--ring);
}

/* Header wrapper */
.ev-header{
  position: sticky;
  top: 0;
  z-index: 1030;
}

/* Top bar */
.ev-topbar{
  height: var(--topbar-h, 38px);
  display: flex;
  align-items: center;
  font-size: .95rem;
  color: var(--text-2);
  background: rgba(255,255,255,.85);
  border-bottom: 1px solid rgba(11,16,32,.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ev-topbar a{
  color: inherit;
  text-decoration: none;
  transition: color var(--dur-2) var(--ease-2);
}
.ev-topbar a:hover{ color: var(--text-1); }
.ev-dot{
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #ffffff;
  display: inline-block;
  margin: 0 .75rem;
  transform: translateY(-1px);
}

/* Social icons (topbar + offcanvas footer) */
.ev-social a{
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.08);
  background: rgba(255,255,255,.7);
  transition: transform var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-social a:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
}
/* Topbar gradient background */
.ev-topbar{
  /* keep your existing height/display/font rules */
  position: relative;
  border-bottom: 1px solid rgba(11,16,32,.06);
  overflow: hidden;

  /* neat corporate gradient */
  /* background:
    radial-gradient(900px 220px at 10% 10%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(700px 220px at 90% 0%, rgba(6,182,212,.16), transparent 55%),
    linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.62)); */
  background-color: var(--brand-1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/* Animated gradient drift (subtle, corporate-safe) */
.ev-topbar::before{
  display: none;
}

/* Ensure topbar content stays above the animated layer */
.ev-topbar > .container{
  position: relative;
  z-index: 1;
}

@keyframes evTopbarDrift{
  0%   { transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%  { transform: translate3d( 2%,  1%, 0) scale(1.04); }
  100% { transform: translate3d(-1%,  2%, 0) scale(1.03); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .ev-topbar::before{ animation: none; }
}


/* subtle shimmer stroke (optional but beautiful) */
.ev-topbar::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 1px;
  background: var(--grad-stroke);
  opacity: .28;
  pointer-events: none;
}

/* improve contrast on gradient */
.ev-topbar,
.ev-topbar a{
  color: #ffffff;
}
.ev-topbar a:hover{
  color: var(--text-1);
}

/* make the social pills match the gradient vibe */
.ev-topbar .ev-social a{
  background: rgba(255,255,255,.72);
  border-color: rgba(255,255,255,.55);
  color: rgba(11,16,32,.72);
}
.ev-topbar .ev-social a:hover{
  border-color: rgba(79,70,229,.20);
}


/* Main nav glass wrap */
.ev-navwrap{
  min-height: var(--nav-h, 78px);
  display: flex;
  align-items: center;
  background: var(--nav-bg, rgba(255,255,255,.72));
  border-bottom: 1px solid rgba(11,16,32,.08);
  backdrop-filter: blur(var(--nav-blur, 16px));
  -webkit-backdrop-filter: blur(var(--nav-blur, 16px));
}
.ev-navwrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height: 1px;
  background: var(--grad-stroke);
  opacity: .35;
  pointer-events: none;
}

/* Brand */
.ev-brand{
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  text-decoration: none;
  color: var(--text-1);
  font-weight: 700;
  letter-spacing: .2px;
}

.ev-brand small{
  display: block;
  font-weight: 500;
  color: var(--text-2);
  margin-top: -2px;
}
.ev-brand-accent{ color: var(--brand-1); }

/* Brand mark (gradient square) */
.ev-mark{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  /* background: var(--grad-2); */
  box-shadow: 0 16px 28px rgba(79,70,229,.20);
  position: relative;
  overflow: hidden;
}
.ev-brand .ev-mark img{
  width: 42px;
  height: 42px;
}
.ev-mark::before{
  content:"";
  position:absolute;
  inset:-40%;
  /* background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 55%); */
  transform: rotate(20deg);
}

/* Desktop nav links */
.ev-navbar .nav-link{
  color: rgba(11,16,32,.78);
  font-weight: 600;
  padding: .55rem .85rem;
  border-radius: 999px;
  transition: background var(--dur-2) var(--ease-2), color var(--dur-2) var(--ease-2), transform var(--dur-2) var(--ease-2);
}
.ev-navbar .nav-link:hover{
  color: var(--text-1);
  background: rgba(79,70,229,.06);
  transform: translateY(-1px);
}
.ev-navbar .nav-link.active{
  color: var(--text-1);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border: 1px solid rgba(79,70,229,.14);
}

/* Search */
.ev-search{
  position: relative;
  max-width: 380px;
  width: 100%;
}
.ev-search input{
  height: 46px;
  border-radius: 999px;
  background: var(--input-bg, rgba(255,255,255,.92));
  border: 1px solid var(--input-border, rgba(11,16,32,.12));
  padding-left: 44px;
  padding-right: 42px;
  box-shadow: 0 10px 30px rgba(11,16,32,.06);
  transition: box-shadow var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-search input:focus{
  border-color: rgba(79,70,229,.30);
  box-shadow: 0 16px 50px rgba(79,70,229,.10);
}
.ev-sicon{
  position:absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: rgba(11,16,32,.55);
  pointer-events: none;
}
.ev-kbd{
  position:absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: .85rem;
  padding: .18rem .45rem;
  border-radius: 10px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.7);
  color: rgba(11,16,32,.55);
}

/* Buttons (assumes you already have base .ev-btn / .ev-btn-ghost tokens;
   keep these only if you DON'T already have them) */
.ev-btn{
  height: 46px;
  padding: 0 1.05rem;
  border-radius: 999px;
  font-weight: 700;
  border: 0;
  color: #fff;
  background: var(--btn-grad, var(--grad-2));
  box-shadow: 0 18px 40px rgba(79,70,229,.18);
  transition: transform var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2);
  white-space: nowrap;
}
.ev-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(79,70,229,.22);
  color: #fff;
}
.ev-btn-ghost{
  height: 46px;
  padding: 0 1rem;
  border-radius: 999px;
  font-weight: 700;
  border: 1px solid rgba(11,16,32,.12);
  color: var(--text-1);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
  white-space: nowrap;
}
.ev-btn-ghost:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
  border-color: rgba(79,70,229,.22);
}

/* Hamburger */
.ev-burger{
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 30px rgba(11,16,32,.06);
}
.ev-burger span{
  width: 18px;
  height: 2px;
  background: rgba(11,16,32,.75);
  position: relative;
  display: inline-block;
}
.ev-burger span::before,
.ev-burger span::after{
  content:"";
  position:absolute;
  left:0;
  width: 18px;
  height: 2px;
  background: rgba(11,16,32,.75);
}
.ev-burger span::before{ top: -6px; }
.ev-burger span::after{ top: 6px; }

/* Offcanvas (left) */
.offcanvas.ev-offcanvas{
  border-right: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.ev-offcanvas .offcanvas-header{
  border-bottom: 1px solid rgba(11,16,32,.08);
}
.ev-offcanvas .nav-link{
  font-weight: 700;
  color: rgba(11,16,32,.78);
  border-radius: 14px;
  padding: .8rem .9rem;
  transition: background var(--dur-2) var(--ease-2);
}
.ev-offcanvas .nav-link:hover{
  background: rgba(79,70,229,.06);
  color: var(--text-1);
}

/* Offcanvas accordion */
.ev-offcanvas .accordion-button{
  font-weight: 800;
  color: rgba(11,16,32,.78);
  border-radius: 14px !important;
  background: transparent;
  box-shadow: none !important;
  padding: .8rem .9rem;
}
.ev-offcanvas .accordion-item{
  border: 0;
  background: transparent;
}
.ev-offcanvas .accordion-body{
  padding: .25rem .25rem .85rem .25rem;
}
.ev-mobile-search input{
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  padding-left: 44px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 40px rgba(11,16,32,.08);
}

/* Responsive */
@media (max-width: 991.98px){
  .ev-search{ max-width: 100%; }
}

/* =========================
   Evtoan Hero
   ========================= */
.ev-hero{
  position: relative;
  padding: calc(var(--section-y) + 1rem) 0 var(--section-y);
  overflow: hidden;
  background: var(--bg-0);
}

/* Mesh background */
.ev-hero-bg{
  position: absolute;
  inset: 0;
  background: var(--grad-mesh);
  opacity: .95;
  pointer-events: none;
}

/* Subtle grid overlay */
.ev-hero-grid{
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(11,16,32,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(11,16,32,.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 40% 20%, rgba(0,0,0,.9), transparent 65%);
  opacity: .45;
  pointer-events: none;
}

/* Floating blobs (CSS-only) */
.ev-hero-float{
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  filter: blur(18px);
  opacity: .75;
  pointer-events: none;
  transform: translate3d(0,0,0);
  animation: evFloat 14s var(--ease-2) infinite alternate;
}

.ev-float-1{
  left: -180px; top: -220px;
  background: radial-gradient(circle at 30% 30%, rgba(79,70,229,.35), transparent 60%),
              radial-gradient(circle at 80% 50%, rgba(6,182,212,.22), transparent 60%);
}
.ev-float-2{
  right: -220px; top: 40px;
  width: 460px; height: 460px;
  background: radial-gradient(circle at 30% 30%, rgba(6,182,212,.30), transparent 60%),
              radial-gradient(circle at 70% 60%, rgba(163,230,53,.14), transparent 60%);
  animation-duration: 18s;
}
.ev-float-3{
  left: 18%; bottom: -260px;
  width: 560px; height: 560px;
  background: radial-gradient(circle at 30% 30%, rgba(79,70,229,.22), transparent 62%),
              radial-gradient(circle at 70% 60%, rgba(6,182,212,.18), transparent 62%);
  animation-duration: 20s;
}

@keyframes evFloat{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02) rotate(-2deg); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.06) rotate(2deg); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03) rotate(-1deg); }
}

/* Inner content above background layers */
.ev-hero-inner{ position: relative; z-index: 2; }

/* Badge */
.ev-hero-badge{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .55rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-sm);
  color: rgba(11,16,32,.70);
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.ev-hero-badge-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--grad-2);
  box-shadow: 0 10px 24px rgba(79,70,229,.22);
}

/* Title */
.ev-hero-title{
  font-size: clamp(2.15rem, 3.8vw, 3.6rem);
  line-height: var(--lh-tight);
  letter-spacing: -0.02em;
  font-weight: var(--fw-700);
  margin: 0 0 1rem;
}
.ev-ink{
  background: var(--grad-2);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ev-ink2{
  background: linear-gradient(135deg, rgba(79,70,229,.95), rgba(163,230,53,.95));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ev-hero-lead{
  font-size: 1.125rem;
  line-height: var(--lh-loose);
  color: var(--text-2);
  max-width: 54ch;
  margin-bottom: 1.5rem;
}

/* CTAs */
.ev-hero-cta{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1.5rem;
}

/* Stats */
.ev-hero-meta{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .75rem;
  max-width: 560px;
}
.ev-hero-stat{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--radius-lg);
  padding: .85rem .95rem;
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-hero-stat-num{
  font-weight: var(--fw-800, 800);
  letter-spacing: .2px;
  color: rgba(11,16,32,.88);
}
.ev-hero-stat-label{
  color: var(--text-2);
  font-weight: 600;
  font-size: .95rem;
  margin-top: .1rem;
}

@media (max-width: 991.98px){
  .ev-hero-meta{ grid-template-columns: 1fr; }
}

/* Preview Card */
.ev-hero-cardwrap{
  position: relative;
  perspective: 900px; /* used by optional tilt */
}

.ev-hero-card{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transform: translate3d(0,0,0);
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2);
}

.ev-hero-card-top{
  padding: 1rem 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(11,16,32,.08);
}

.ev-hero-pill{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  font-weight: 700;
  color: rgba(11,16,32,.82);
  border: 1px solid rgba(79,70,229,.14);
  background: var(--brand-3);
}

.ev-hero-dots span{
  width: 8px; height: 8px;
  border-radius: 999px;
  display: inline-block;
  margin-left: 6px;
  background: rgba(11,16,32,.22);
}
.ev-hero-dots span:nth-child(1){ background: rgba(239,68,68,.65); }
.ev-hero-dots span:nth-child(2){ background: rgba(245,158,11,.55); }
.ev-hero-dots span:nth-child(3){ background: rgba(34,197,94,.55); }

.ev-hero-preview{ padding: 1.1rem; }

/* Screenshot placeholder */
.ev-hero-shot{
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.08);
  overflow: hidden;
  background:
    radial-gradient(900px 300px at 10% 20%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(700px 260px at 85% 25%, rgba(6,182,212,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.78));
  box-shadow: 0 18px 60px rgba(11,16,32,.10);
  /* min-height: 320px; */
}

.ev-hero-shot img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ev-hero-shot-bar{
  height: 38px;
  background: rgba(255,255,255,.65);
  border-bottom: 1px solid rgba(11,16,32,.08);
}

.ev-hero-shot-body{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 1rem;
  padding: 1rem;
}
.ev-hero-shot-col{ display: grid; gap: .65rem; align-content: start; }

.ev-line{
  height: 12px;
  border-radius: 999px;
  background: rgba(11,16,32,.10);
}
.ev-line.w-70{ width: 70%; }
.ev-line.w-90{ width: 90%; }
.ev-line.w-55{ width: 55%; }
.ev-line.w-80{ width: 80%; }

.ev-block{
  height: 92px;
  border-radius: 16px;
  background: rgba(79,70,229,.10);
  border: 1px solid rgba(79,70,229,.14);
}
.ev-block + .ev-block{
  background: rgba(6,182,212,.10);
  border-color: rgba(6,182,212,.14);
}

.ev-hero-card-bottom{
  padding: 1rem 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border-top: 1px solid rgba(11,16,32,.08);
}
.ev-hero-card-info strong{
  display:block;
  font-weight: 800;
  letter-spacing: .2px;
}
.ev-hero-card-info span{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  font-size: .95rem;
}

.ev-hero-mini-btn{
  height: 44px !important;
  padding: 0 .9rem !important;
  background-color: var(--brand-1);
  color: #ffffff;
}

/* Floating mini badges */
.ev-mini-badge{
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-sm);
  font-weight: 700;
  color: rgba(11,16,32,.78);
  animation: evBadgeFloat 10s var(--ease-2) infinite alternate;
}
.ev-mini-1{ top: 18%; left: -10px; }
.ev-mini-2{ top: 14%; right: -6px; animation-duration: 12s; }
.ev-mini-3{ top: 14%; right: -6px; animation-duration: 14s; }

@keyframes evBadgeFloat{
  0%{ transform: translate3d(-2px, -2px, 0); }
  100%{ transform: translate3d(2px, 3px, 0); }
}

@media (max-width: 991.98px){
  .ev-mini-badge{ display:none; }
}

/* Marquee */
.ev-hero-marquee{
  margin-top: 2.25rem;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(11,16,32,.06);
}

.ev-hero-marquee-track{
  display: flex;
  gap: 2.25rem;
  padding: .95rem 1.25rem;
  white-space: nowrap;
  animation: evMarquee 22s linear infinite;
}
.ev-hero-marquee-track span{
  font-weight: 800;
  color: rgba(11,16,32,.72);
  letter-spacing: .2px;
}

@keyframes evMarquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce){
  .ev-hero-float,
  .ev-mini-badge,
  .ev-hero-marquee-track{ animation: none; }
}

/* Slider */
.ev-slider{ position: relative; }

.ev-slider-track{
  position: relative;
  min-height: 400px !important;
}

.ev-slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(10px, 10px, 0) scale(.985);
  transition: opacity var(--dur-3) var(--ease-2), transform var(--dur-3) var(--ease-2);
  pointer-events: none;
}

.ev-slide.is-active{
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  pointer-events: auto;
}

.ev-slide-meta{
  margin-top: .85rem;
  padding: .85rem .95rem;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-slide-meta strong{
  display:block;
  font-weight: 800;
  letter-spacing: .2px;
}
.ev-slide-meta span{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  font-size: .95rem;
}

/* Alternate slide skins (still subtle) */
.ev-shot-alt1{
  background:
    radial-gradient(900px 300px at 15% 25%, rgba(6,182,212,.16), transparent 55%),
    radial-gradient(700px 260px at 85% 35%, rgba(79,70,229,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.78));
}
.ev-shot-alt2{
  background:
    radial-gradient(900px 300px at 15% 25%, rgba(163,230,53,.12), transparent 60%),
    radial-gradient(700px 260px at 85% 35%, rgba(6,182,212,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.78));
}

/* Controls */
.ev-slider-controls{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  margin-top: .85rem;
}

.ev-slider-btn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  transition: transform var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-slider-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
}

.ev-slider-dots{
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ev-dotbtn{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  background: rgba(11,16,32,.22);
  transition: transform var(--dur-2) var(--ease-2), background var(--dur-2) var(--ease-2);
}
.ev-dotbtn.is-active{
  background: rgba(79,70,229,.70);
  transform: scale(1.25);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ev-slide{ transition: none; }
}

/* =========================
   Evtoan Services Overview
   ========================= */
.ev-services{
  position: relative;
  padding: var(--section-y) 0;
  background-color: #ffffff;
}

/* Section header */
.ev-sec-head{
  display: flex;
  flex-direction: column;
  /* gap: 1.25rem; */
  align-items: start;
  margin-bottom: 1.5rem;
}

.ev-sec-kicker{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .5rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 12px 34px rgba(11,16,32,.05);
  width: fit-content;
  color: rgba(11,16,32,.68);
  font-weight: 800;
  letter-spacing: .2px;
}

.ev-kdot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--grad-2);
  box-shadow: 0 10px 22px rgba(79,70,229,.20);
}

.ev-sec-title{
  margin: .75rem 0 .35rem;
  font-weight: var(--fw-800, 800);
  letter-spacing: -0.02em;
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  line-height: 1.15;
}

.ev-sec-lead{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  max-width: 62ch;
}

.ev-sec-actions{
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991.98px){
  .ev-sec-head{
    grid-template-columns: 1fr;
    align-items: start;
  }
  .ev-sec-actions{ justify-content: flex-start; }
}

/* Service card */
.ev-svc-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  /* background: #ffffff; */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 1px -1px 19px -5px rgba(0,0,0,0.28);
-webkit-box-shadow: 1px -1px 19px -5px rgba(0,0,0,0.28);
-moz-box-shadow: 1px -1px 19px -5px rgba(0,0,0,0.28);
  padding: 1.2rem;
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}

/* subtle gradient stroke glow */
.ev-svc-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .20;
  pointer-events: none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px; /* stroke thickness */
  box-sizing: border-box;
}

.ev-svc-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 28px 80px rgba(11,16,32,.10);
}

.ev-svc-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: .9rem;
  position: relative;
  z-index: 1;
}

.ev-svc-ic{
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
}

.ev-svc-ic i{ font-size: 1.1rem; }

.ev-ic-1{ color: rgba(79,70,229,.95); }
.ev-ic-2{ color: rgba(6,182,212,.95); }
.ev-ic-3{ color: rgba(79,70,229,.95); }
.ev-ic-4{ color: rgba(6,182,212,.95); }

/* chip */
.ev-svc-chip{
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: var(--brand-1);
  color: #ffffff;
  font-weight: 800;
  letter-spacing: .2px;
}

/* text */
.ev-svc-title{
  font-size: 1.12rem;
  margin: 0 0 .55rem;
  font-weight: 900;
  letter-spacing: -.01em;
  position: relative;
  z-index: 1;
}

.ev-svc-text{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
  position: relative;
  z-index: 1;
}

/* list */
.ev-svc-list{
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
  display: grid;
  gap: .45rem;
  position: relative;
  z-index: 1;
}
.ev-svc-list li{
  display:flex;
  gap: .55rem;
  align-items: flex-start;
  color: rgba(11,16,32,.72);
  font-weight: 700;
  font-size: .96rem;
}
.ev-svc-list i{
  margin-top: .15rem;
  color: rgba(34,197,94,.85);
}

/* link */
.ev-svc-link{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  font-weight: 900;
  color: rgba(11,16,32,.78);
  transition: transform var(--dur-2) var(--ease-2), color var(--dur-2) var(--ease-2);
  position: relative;
  z-index: 1;
}
.ev-svc-link:hover{
  color: rgba(79,70,229,.95);
  transform: translateX(2px);
}

/* Bottom CTA */
.ev-services-cta{
  margin-top: 1.5rem;
}
.ev-services-cta-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.2rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background-color: var(--brand-1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
}

.ev-services-cta-copy h3{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-services-cta-copy p{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  max-width: 70ch;
}

.ev-services-cta-actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Evtoan Solutions (What we build)
   ========================= */
.ev-solutions{
  position: relative;
  padding: var(--section-y) 0;
}

/* Head */
.ev-sol-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.1rem;
}
.ev-sol-actions{ display: flex; justify-content: flex-end; }
.ev-sol-title{ margin-top: .75rem; }
.ev-sol-lead{ max-width: 70ch; }

@media (max-width: 991.98px){
  .ev-sol-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-sol-actions{ justify-content: flex-start; }
}

/* Filters */
.ev-sol-filters{
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1rem 0 1.25rem;
  padding: .65rem .75rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(11,16,32,.06);
  width: fit-content;
}

.ev-pill{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 900;
  letter-spacing: .2px;
  padding: .5rem .85rem;
  border-radius: 999px;
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2), background var(--dur-2) var(--ease-2);
}
.ev-pill:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.22);
}
.ev-pill.is-active{
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(11,16,32,.85);
}

/* Cards */
.ev-sol-card{
  height: 100%;
  padding: 1.2rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2), opacity var(--dur-2) var(--ease-2);
}
.ev-sol-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-sol-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 28px 80px rgba(11,16,32,.10);
}

/* Card header */
.ev-sol-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: .9rem;
  position: relative;
  z-index: 1;
}

.ev-sol-ic{
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
}
.ev-sol-ic i{ font-size: 1.1rem; }

.ev-sol-ic1{ color: rgba(79,70,229,.95); }
.ev-sol-ic2{ color: rgba(6,182,212,.95); }
.ev-sol-ic3{ color: rgba(79,70,229,.95); }
.ev-sol-ic4{ color: rgba(6,182,212,.95); }
.ev-sol-ic5{ color: rgba(79,70,229,.95); }
.ev-sol-ic6{ color: rgba(6,182,212,.95); }

.ev-sol-tag{
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.62);
  font-weight: 900;
  letter-spacing: .2px;
}

/* Card content */
.ev-sol-name{
  font-size: 1.12rem;
  margin: 0 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
  position: relative;
  z-index: 1;
}

.ev-sol-text{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
  position: relative;
  z-index: 1;
}

.ev-sol-points{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .45rem;
  position: relative;
  z-index: 1;
}
.ev-sol-points li{
  display:flex;
  gap: .55rem;
  align-items: flex-start;
  color: rgba(11,16,32,.72);
  font-weight: 800;
  font-size: .96rem;
}
.ev-sol-points i{
  margin-top: .15rem;
  color: rgba(34,197,94,.85);
}

/* Filter hide animation */
/* .ev-sol-hide{
  opacity: .25;
  transform: scale(.985);
  pointer-events: none;
} */

.ev-sol-item-hide{
  display: none !important;
}

/* Bottom CTA */
.ev-sol-cta{ margin-top: 1.5rem; }
.ev-sol-cta-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.2rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 260px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
}
.ev-sol-cta-copy h3{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-sol-cta-copy p{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
}
.ev-sol-cta-actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Evtoan Templates Preview
   ========================= */
.ev-tpl{
  position: relative;
  padding: var(--section-y) 0;
  background: url('/uploads/dddepth-033.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}

.ev-tpl-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.1rem;
}
.ev-tpl-actions{ display:flex; justify-content:flex-end; }
.ev-tpl-lead{ max-width: 72ch; }

@media (max-width: 991.98px){
  .ev-tpl-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-tpl-actions{ justify-content:flex-start; }
}

/* Filters */
.ev-tpl-filters{
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1rem 0 1.25rem;
  padding: .65rem .75rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(11,16,32,.06);
  width: fit-content;
}

/* Card */
.ev-tpl-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.68);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
  position: relative;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-tpl-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-tpl-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}

/* Top row */
.ev-tpl-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .6rem;
  padding: 1rem 1.1rem .65rem;
}

.ev-tpl-chip{
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.62);
  font-weight: 900;
  letter-spacing: .2px;
}

.ev-tpl-badge{
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  font-weight: 950;
  letter-spacing: .2px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
}
.ev-badge-new{ color: rgba(34,197,94,.95); }
.ev-badge-hot{ color: rgba(249,115,22,.95); }
.ev-badge-sale{ color: rgba(239,68,68,.95); }

/* Preview shot (placeholder) */
.ev-tpl-shot{
  display:block;
  margin: 0 1.1rem;
  border-radius: var(--radius-xl);
  overflow: hidden;
  text-decoration: none;
  min-height: 220px;
  transition: transform var(--dur-3) var(--ease-2);
}
.ev-tpl-card:hover .ev-tpl-shot{ transform: scale(1.01); }

/* .ev-tpl-shotbar{
  display:block;
  height: 34px;
  background: rgba(255,255,255,.65);
  border-bottom: 1px solid rgba(11,16,32,.08);
} */
 
.ev-tpl-shotbody{
  display:block;
  padding: 1rem;
}

.ev-tpl-line{
  display:block;
  height: 12px;
  border-radius: 999px;
  background: rgba(11,16,32,.10);
  margin-bottom: .65rem;
}
.ev-tpl-line.w-55{ width: 55%; }
.ev-tpl-line.w-60{ width: 60%; }
.ev-tpl-line.w-70{ width: 70%; }
.ev-tpl-line.w-80{ width: 80%; }
.ev-tpl-line.w-90{ width: 90%; }

.ev-tpl-block{
  display:block;
  height: 84px;
  border-radius: 16px;
  background: rgba(79,70,229,.10);
  border: 1px solid rgba(79,70,229,.14);
  margin: .9rem 0;
}

/* Alternate placeholder skins */
.ev-shot-2{
  background:
    radial-gradient(900px 280px at 15% 25%, rgba(6,182,212,.16), transparent 55%),
    radial-gradient(700px 240px at 85% 35%, rgba(79,70,229,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.ev-shot-3{
  background:
    radial-gradient(900px 280px at 15% 25%, rgba(239,68,68,.10), transparent 60%),
    radial-gradient(700px 240px at 85% 35%, rgba(6,182,212,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.ev-shot-4{
  background:
    radial-gradient(900px 280px at 10% 20%, rgba(163,230,53,.10), transparent 60%),
    radial-gradient(700px 240px at 85% 25%, rgba(79,70,229,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.ev-shot-5{
  background:
    radial-gradient(900px 280px at 10% 20%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(700px 240px at 85% 25%, rgba(249,115,22,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.ev-shot-6{
  background:
    radial-gradient(900px 280px at 10% 20%, rgba(6,182,212,.14), transparent 60%),
    radial-gradient(700px 240px at 85% 25%, rgba(163,230,53,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}

/* Body */
.ev-tpl-body{ padding: 1rem 1.1rem 1.15rem; }

.ev-tpl-title-row{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .35rem;
}
.ev-tpl-name{
  margin: 0;
  font-size: 1.12rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-tpl-name a{
  color: rgba(11,16,32,.88);
  text-decoration: none;
}
.ev-tpl-name a:hover{ color: rgba(79,70,229,.95); }

.ev-tpl-price{
  font-weight: 950;
  color: rgba(14,165,233,.95);
  letter-spacing: .2px;
}
.ev-old{
  color: rgba(11,16,32,.45);
  text-decoration: line-through;
  margin-right: .35rem;
  font-weight: 800;
}

.ev-tpl-meta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
}

.ev-rating{
  display:inline-flex;
  align-items:center;
  gap: .35rem;
  font-weight: 950;
  color: rgba(11,16,32,.78);
}
.ev-rating i{ color: rgba(245,158,11,.95); }
.ev-rating small{
  font-weight: 800;
  color: rgba(11,16,32,.55);
  margin-left: .15rem;
}

.ev-tpl-lic{
  font-weight: 900;
  color: rgba(11,16,32,.55);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  padding: .25rem .55rem;
  border-radius: 999px;
}

.ev-tpl-text{
  margin: 0 0 1rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* Actions */
.ev-tpl-actions-row{
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
}
.ev-tpl-btn{
  height: 44px !important;
  padding: 0 .95rem !important;
  display: flex;
  align-items: center;
}

/* Fully remove filtered-out items */
.ev-tpl-item-hide{
  display: none !important;
}

/* Bottom CTA */
.ev-tpl-bottom{ margin-top: 1.5rem; }
.ev-tpl-bottom-inner{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.2rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 260px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
}
.ev-tpl-bottom-copy h3{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-tpl-bottom-copy p{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  max-width: 72ch;
}
.ev-tpl-bottom-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Templates Preview: Quick View + Favorites + Subscription badge
   ========================= */

/* Overlay (shows on hover) */
.ev-tpl-card{ position: relative; }

.ev-tpl-overlay{
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: .9rem .95rem;
  z-index: 2;
}

.ev-tpl-heart{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2);
  pointer-events: auto;
}
.ev-tpl-heart:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
}
.ev-tpl-heart.is-active{
  border-color: rgba(239,68,68,.28);
}
.ev-tpl-heart.is-active i{
  color: rgba(239,68,68,.95);
}

/* Quick view button */
.ev-tpl-qv{
  pointer-events: auto;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  padding: 0 .9rem;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-weight: 900;
  color: rgba(11,16,32,.78);
  transform: translateY(6px);
  opacity: 0;
  transition: transform var(--dur-3) var(--ease-2), opacity var(--dur-3) var(--ease-2), border-color var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2);
  text-decoration: none;
}
.ev-tpl-qv:hover{
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
  color: rgba(11,16,32,.88);
}

.ev-tpl-card:hover .ev-tpl-qv{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 991.98px){
  /* Keep overlay visible on touch devices */
  .ev-tpl-qv{ transform: none; opacity: 1; }
}

/* Subscription badge */
.ev-badge-sub{
  color: rgba(79,70,229,.95);
  display: inline-flex;
  align-items: center;
  gap: .45rem;
}

/* Modal styling */
.ev-qv-modal{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.16);
  overflow: hidden;
}

.ev-qv-head{
  border-bottom: 1px solid rgba(11,16,32,.08);
  background:
    radial-gradient(900px 220px at 10% 20%, rgba(79,70,229,.12), transparent 60%),
    radial-gradient(800px 220px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.78);
}
.ev-qv-sub{
  color: var(--text-2);
  font-weight: 600;
}

.ev-qv-body{ padding: 1.15rem; }
.ev-qv-foot{
  border-top: 1px solid rgba(11,16,32,.08);
  background: rgba(255,255,255,.70);
}

.ev-qv-shot{
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.08);
  overflow: hidden;
  background:
    radial-gradient(900px 280px at 10% 20%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(700px 240px at 85% 25%, rgba(6,182,212,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: 0 18px 60px rgba(11,16,32,.10);
  min-height: 260px;
}
.ev-qv-shotbar{
  height: 34px;
  background: rgba(255,255,255,.65);
  border-bottom: 1px solid rgba(11,16,32,.08);
}
.ev-qv-shotbody{ padding: 1rem; }

.ev-qv-tags{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .65rem;
}
.ev-qv-badge, .ev-qv-chip{
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  font-weight: 950;
  letter-spacing: .2px;
  color: rgba(11,16,32,.72);
}
.ev-qv-chip{ font-weight: 900; }

.ev-qv-title{
  margin: 0 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
}

.ev-qv-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
}
.ev-qv-price{
  font-weight: 950;
  color: rgba(14,165,233,.95);
  letter-spacing: .2px;
}

.ev-qv-desc{
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
  margin-bottom: 1rem;
}

.ev-qv-actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1rem;
}

.ev-qv-note{
  display: flex;
  gap: .6rem;
  align-items: flex-start;
  padding: .8rem .9rem;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.72);
  font-weight: 700;
}
.ev-qv-note i{
  color: rgba(79,70,229,.95);
  margin-top: .15rem;
}

/* =========================
   Evtoan Why (Value Props)
   ========================= */
.ev-why{
  position: relative;
  padding: var(--section-y) 0;
}

.ev-why-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.25rem;
}
.ev-why-lead{ max-width: 72ch; }

.ev-why-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .75rem;
}

@media (max-width: 991.98px){
  .ev-why-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-why-actions{ justify-content: flex-start; }
}

/* Highlight panel */
.ev-why-panel{
  height: 100%;
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 28px 90px rgba(11,16,32,.10);
  overflow: hidden;
  padding: 1.25rem;
}
.ev-why-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-why-panel-top{
  display: flex;
  gap: .9rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.ev-why-panel-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}
.ev-why-panel-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-why-panel-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* bullets */
.ev-why-panel-list{
  display: grid;
  gap: .75rem;
  margin: 1rem 0 1.1rem;
  position: relative;
  z-index: 1;
}
.ev-why-bullet{
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: .7rem;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-why-bullet i{
  margin-top: .15rem;
  color: rgba(34,197,94,.88);
}
.ev-why-bullet strong{
  display:block;
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-why-bullet span{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  margin-top: .1rem;
}

/* panel cta */
.ev-why-panel-cta{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  position: relative;
  z-index: 1;
}

/* decorative glow */
.ev-why-panel-glow{
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 60% 85%, rgba(163,230,53,.10), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events: none;
  animation: evWhyGlow 16s var(--ease-2) infinite alternate;
}

@keyframes evWhyGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}

@media (prefers-reduced-motion: reduce){
  .ev-why-panel-glow{ animation: none; }
}

/* Value cards */
.ev-why-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-why-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-why-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 28px 80px rgba(11,16,32,.10);
}

.ev-why-card-ic{
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
  margin-bottom: .85rem;
}
.ev-why-card-ic i{ font-size: 1.1rem; }

.ev-why-ic1{ color: rgba(79,70,229,.95); }
.ev-why-ic2{ color: rgba(6,182,212,.95); }
.ev-why-ic3{ color: rgba(79,70,229,.95); }
.ev-why-ic4{ color: rgba(239,68,68,.85); }
.ev-why-ic5{ color: rgba(6,182,212,.95); }
.ev-why-ic6{ color: rgba(79,70,229,.95); }

.ev-why-card-title{
  margin: 0 0 .45rem;
  font-size: 1.12rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-why-card-text{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

.ev-why-card-foot{
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.ev-why-pill{
  display: inline-flex;
  align-items: center;
  padding: .25rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.60);
  font-weight: 900;
  letter-spacing: .2px;
}

/* =========================
   Evtoan Process
   ========================= */
.ev-process{
  position: relative;
  padding: var(--section-y) 0;
}

.ev-pro-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.25rem;
}
.ev-pro-lead{ max-width: 70ch; }

.ev-pro-actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .75rem;
}

@media (max-width: 991.98px){
  .ev-pro-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-pro-actions{ justify-content: flex-start; }
}

/* Stepper wrapper */
.ev-pro-steps{
  display: grid;
  gap: .95rem;
}

/* Step card */
.ev-step{
  position: relative;
  display: grid;
  grid-template-columns: 62px 1fr 56px;
  gap: .9rem;
  padding: 1.05rem 1.1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}

.ev-step::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-step:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 28px 85px rgba(11,16,32,.10);
}

/* left rail + number */
.ev-step-rail{
  position: absolute;
  left: 31px;
  top: 20px;
  bottom: 20px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(79,70,229,.25),
    rgba(6,182,212,.18),
    rgba(11,16,32,.06)
  );
  opacity: .9;
}
.ev-step:last-child .ev-step-rail{
  opacity: .35;
}

.ev-step-dot{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  letter-spacing: .2px;
  color: rgba(11,16,32,.82);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
  position: relative;
  z-index: 1;
}

/* body */
.ev-step-body{ position: relative; z-index: 1; }

.ev-step-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.01em;
  font-size: 1.12rem;
}

.ev-step-text{
  margin: 0 0 .8rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
  max-width: 72ch;
}

.ev-step-tags{
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.ev-step-pill{
  display: inline-flex;
  align-items: center;
  padding: .25rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.60);
  font-weight: 900;
  letter-spacing: .2px;
}

/* right icon */
.ev-step-ic{
  width: 48px;
  height: 48px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
  position: relative;
  z-index: 1;
}
.ev-step-ic i{ font-size: 1.08rem; }
.ev-step-ic1{ color: rgba(79,70,229,.95); }
.ev-step-ic2{ color: rgba(6,182,212,.95); }
.ev-step-ic3{ color: rgba(79,70,229,.95); }
.ev-step-ic4{ color: rgba(34,197,94,.90); }

@media (max-width: 575.98px){
  .ev-step{
    grid-template-columns: 52px 1fr;
  }
  .ev-step-ic{ display:none; }
  .ev-step-rail{ left: 26px; }
}

/* Right summary panel */
.ev-pro-panel{
  height: 100%;
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 28px 90px rgba(11,16,32,.10);
  overflow: hidden;
  padding: 1.25rem;
}
.ev-pro-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-pro-panel-top{
  display: flex;
  gap: .9rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.ev-pro-panel-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}
.ev-pro-panel-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-pro-panel-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* metrics */
.ev-pro-metrics{
  display: grid;
  gap: .75rem;
  margin: 1rem 0 1.1rem;
  position: relative;
  z-index: 1;
}
.ev-pro-metric{
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-pro-metric strong{
  display:block;
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-pro-metric span{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  margin-top: .1rem;
}

/* panel cta */
.ev-pro-panel-cta{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  position: relative;
  z-index: 1;
}

/* glow */
.ev-pro-panel-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 60% 85%, rgba(163,230,53,.10), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evProGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evProGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-pro-panel-glow{ animation:none; }
}

/* =========================
   Evtoan Case Studies
   ========================= */
.ev-cases{
  position: relative;
  padding: var(--section-y) 0;
  background-color: #ffffff;
}

.ev-cases-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.25rem;
}
.ev-cases-lead{ max-width: 72ch; }
.ev-cases-actions{ display:flex; justify-content:flex-end; }

@media (max-width: 991.98px){
  .ev-cases-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-cases-actions{ justify-content: flex-start; }
}

/* Card */
.ev-case{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.68);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
  position: relative;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-case::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-case:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}

/* Top bar */
.ev-case-top{
  padding: 1rem 1.1rem .65rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
}
.ev-case-badge{
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  font-weight: 950;
  letter-spacing: .2px;
  color: rgba(11,16,32,.70);
}
.ev-b2{ color: rgba(6,182,212,.95); }
.ev-b3{ color: rgba(79,70,229,.95); }

.ev-case-actions-mini{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
}

/* Heart */
.ev-case-heart{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2);
}
.ev-case-heart:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
}
.ev-case-heart.is-active{ border-color: rgba(239,68,68,.28); }
.ev-case-heart.is-active i{ color: rgba(239,68,68,.95); }

/* Quick view */
.ev-case-qv{
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  padding: 0 .85rem;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-weight: 900;
  color: rgba(11,16,32,.78);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2);
}
.ev-case-qv:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
}

/* Shot */
.ev-case-shot{
  display:block;
  margin: 0 1.1rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.08);
  overflow: hidden;
  text-decoration: none;
  background:
    radial-gradient(900px 280px at 10% 20%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(700px 240px at 85% 25%, rgba(6,182,212,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: 0 18px 60px rgba(11,16,32,.10);
  min-height: 220px;
  transition: transform var(--dur-3) var(--ease-2);
}
.ev-case:hover .ev-case-shot{ transform: scale(1.01); }

.ev-case-shotbar{
  display:block;
  height: 34px;
  background: rgba(255,255,255,.65);
  border-bottom: 1px solid rgba(11,16,32,.08);
}
.ev-case-shotbody{
  display:block;
  padding: 1rem;
}
.ev-case-line{
  display:block;
  height: 12px;
  border-radius: 999px;
  background: rgba(11,16,32,.10);
  margin-bottom: .65rem;
}
.ev-case-line.w-55{ width: 55%; }
.ev-case-line.w-60{ width: 60%; }
.ev-case-line.w-70{ width: 70%; }
.ev-case-line.w-80{ width: 80%; }
.ev-case-line.w-90{ width: 90%; }

.ev-case-block{
  display:block;
  height: 84px;
  border-radius: 16px;
  background: rgba(79,70,229,.10);
  border: 1px solid rgba(79,70,229,.14);
  margin: .9rem 0;
}
.ev-case-shot2{
  background:
    radial-gradient(900px 280px at 15% 25%, rgba(6,182,212,.16), transparent 55%),
    radial-gradient(700px 240px at 85% 35%, rgba(79,70,229,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}
.ev-case-shot3{
  background:
    radial-gradient(900px 280px at 15% 25%, rgba(163,230,53,.10), transparent 60%),
    radial-gradient(700px 240px at 85% 25%, rgba(79,70,229,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
}

/* Body */
.ev-case-body{ padding: 1rem 1.1rem 1.15rem; }

.ev-case-title{
  margin: 0 0 .45rem;
  font-size: 1.12rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-case-title a{
  color: rgba(11,16,32,.88);
  text-decoration: none;
}
.ev-case-title a:hover{ color: rgba(79,70,229,.95); }

.ev-case-text{
  margin: 0 0 .95rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* Stats row */
.ev-case-stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .6rem;
  margin-bottom: .9rem;
}
.ev-stat{
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: .65rem .7rem;
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-stat-k{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: .85rem;
}
.ev-stat-v{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.82);
  margin-top: .1rem;
  letter-spacing: .2px;
}

/* Tags */
.ev-case-tags{
  display:flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.ev-tag{
  display: inline-flex;
  align-items: center;
  padding: .25rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.60);
  font-weight: 900;
  letter-spacing: .2px;
}

/* Bottom CTA */
.ev-cases-bottom{ margin-top: 1.5rem; }
.ev-cases-bottom-inner{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.2rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 260px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
}
.ev-cases-bottom-copy h3{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-cases-bottom-copy p{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
}
.ev-cases-bottom-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Evtoan Testimonials
   ========================= */
.ev-testimonials{
  position: relative;
  padding: var(--section-y) 0;
  /* background-color: #f2f2f2; */
  background: url('/uploads/dddepth-323.jpg') no-repeat;
  background-position: bottom;
  background-size: cover;
}

.ev-tst-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.25rem;
}
.ev-tst-lead{ max-width: 72ch; }
.ev-tst-actions{ display:flex; justify-content:flex-end; }

@media (max-width: 991.98px){
  .ev-tst-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-tst-actions{ justify-content:flex-start; }
}

/* Slider wrapper */
.ev-tst-wrap{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 22px 70px rgba(11,16,32,.08);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
}
.ev-tst-wrap::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

/* Track */
.ev-tst-track{
  position: relative;
  min-height: 260px;
}

/* Card */
.ev-tst-card{
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(10px, 10px, 0) scale(.985);
  transition: opacity var(--dur-3) var(--ease-2), transform var(--dur-3) var(--ease-2);
  pointer-events: none;

  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.15rem 1.2rem;
  overflow: hidden;
}
.ev-tst-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-tst-card.is-active{
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  pointer-events: auto;
}

.ev-tst-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
}

.ev-tst-stars{
  display:inline-flex;
  align-items:center;
  gap: .2rem;
  color: rgba(245,158,11,.95);
}
.ev-tst-badge{
  display:inline-flex;
  align-items:center;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.62);
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-tst-b2{ color: rgba(79,70,229,.95); }
.ev-tst-b3{ color: rgba(6,182,212,.95); }

.ev-tst-quote{
  margin: 0 0 1rem;
  color: rgba(11,16,32,.78);
  font-weight: 650;
  line-height: var(--lh-loose);
  font-size: 1.02rem;
}

/* Person */
.ev-tst-person{
  display:flex;
  align-items:center;
  gap: .75rem;
}
.ev-tst-avatar{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  color: rgba(11,16,32,.85);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
}
.ev-av-2{ background: linear-gradient(180deg, rgba(6,182,212,.12), rgba(79,70,229,.06)); }
.ev-av-3{ background: linear-gradient(180deg, rgba(163,230,53,.10), rgba(6,182,212,.06)); }

.ev-tst-name{
  display:block;
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-tst-role{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  margin-top: .05rem;
}

/* Controls */
.ev-tst-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: .75rem;
  margin-top: 1rem;
}

.ev-tst-btn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  transition: transform var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-tst-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
}

.ev-tst-dots{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .45rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ev-tst-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  background: rgba(11,16,32,.22);
  transition: transform var(--dur-2) var(--ease-2), background var(--dur-2) var(--ease-2);
}
.ev-tst-dot.is-active{
  background: rgba(79,70,229,.70);
  transform: scale(1.25);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ev-tst-card{ transition: none; }
}

/* Two-up on lg+, one-up below */
.ev-tst-track{
  min-height: unset;
}

.ev-tst-card{
  position: relative;
  inset: auto;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  height: 100%;
}

/* We will hide non-active columns via JS when needed */
.ev-tst-col-hide{
  display: none !important;
}

/* =========================
   Evtoan Pricing Teaser
   ========================= */
.ev-pricing{
  position: relative;
  padding: var(--section-y) 0;
  background-color: #ffffff;
}

.ev-price-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.1rem;
}
.ev-price-lead{ max-width: 72ch; }
.ev-price-actions{ display:flex; justify-content:flex-end; }

@media (max-width: 991.98px){
  .ev-price-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-price-actions{ justify-content:flex-start; }
}

/* Toggle */
.ev-price-toggle{
  position: relative;
  width: fit-content;
  display: inline-flex;
  gap: .35rem;
  padding: .4rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(11,16,32,.06);
  margin: 1rem 0 1.25rem;
}

.ev-price-tab{
  position: relative;
  z-index: 1;
  border: 0;
  background: transparent;
  color: rgba(11,16,32,.72);
  font-weight: 950;
  letter-spacing: .2px;
  padding: .55rem .95rem;
  border-radius: 999px;
  transition: color var(--dur-2) var(--ease-2), transform var(--dur-2) var(--ease-2);
}
.ev-price-tab:hover{ transform: translateY(-1px); }
.ev-price-tab.is-active{ color: rgba(11,16,32,.88);max-width: fit-content; }

.ev-price-indicator{
  position: absolute;
  top: .4rem;
  bottom: .4rem;
  left: .4rem;
  width: 50%;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border: 1px solid rgba(79,70,229,.14);
  box-shadow: 0 16px 40px rgba(79,70,229,.10);
  transition: transform var(--dur-3) var(--ease-2);
}

/* Cards */
.ev-price-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.68);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.2rem;
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-price-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-price-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}

/* Popular */
.ev-price-popular{
  border-color: rgba(79,70,229,.22);
  box-shadow: 0 34px 110px rgba(79,70,229,.12);
}
.ev-price-ribbon{
  position:absolute;
  top: 14px;
  right: 14px;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: rgba(79,70,229,.12);
  border: 1px solid rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
  font-weight: 950;
  letter-spacing: .2px;
}

/* Top */
.ev-price-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
}
.ev-price-plan{
  font-weight: 950;
  letter-spacing: .2px;
  font-size: 1.1rem;
}
.ev-price-note{
  color: rgba(11,16,32,.55);
  font-weight: 800;
}

/* Value */
.ev-price-value{
  display:flex;
  align-items: baseline;
  gap: .25rem;
  margin-bottom: .55rem;
}
.ev-price-currency{
  color: rgba(11,16,32,.70);
  font-weight: 950;
}
.ev-price-amount{
  font-size: clamp(2.1rem, 3vw, 2.6rem);
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.88);
}
.ev-price-suffix{
  color: rgba(11,16,32,.55);
  font-weight: 850;
}

/* Desc */
.ev-price-desc{
  margin: 0 0 1rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* Features */
.ev-price-list{
  list-style: none;
  padding: 0;
  margin: 0 0 1.15rem;
  display: grid;
  gap: .55rem;
}
.ev-price-list li{
  display:flex;
  gap: .6rem;
  align-items: flex-start;
  color: rgba(11,16,32,.72);
  font-weight: 800;
}
.ev-price-list i{
  margin-top: .15rem;
  color: rgba(34,197,94,.85);
}

/* CTA */
.ev-price-cta{ margin-top: auto; }
.ev-price-cta .ev-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ev-price-sub{
  display:block;
  margin-top: .55rem;
  color: rgba(11,16,32,.55);
  font-weight: 700;
}

/* Trust row */
.ev-price-trust{ margin-top: 1.5rem; }
.ev-price-trust-inner{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 260px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
}

.ev-price-trust-item{
  display:flex;
  align-items:flex-start;
  gap: .65rem;
  padding: .7rem .8rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  min-width: 220px;
  flex: 1 1 auto;
}
.ev-price-trust-item i{
  color: rgba(79,70,229,.95);
  margin-top: .1rem;
}
.ev-price-trust-item strong{
  display:block;
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-price-trust-item span{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  margin-top: .05rem;
}

/* =========================
   Evtoan FAQ
   ========================= */
.ev-faq{
  position: relative;
  padding: var(--section-y) 0;
  background-color: #ffffff;
}

.ev-faq-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.25rem;
}
.ev-faq-lead{ max-width: 72ch; }
.ev-faq-actions{ display:flex; justify-content:flex-end; }

@media (max-width: 991.98px){
  .ev-faq-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-faq-actions{ justify-content:flex-start; }
}

/* Accordion container */
.ev-faq-acc{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 22px 70px rgba(11,16,32,.08);
  overflow: hidden;
}
.ev-faq-acc::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

/* Items */
.ev-faq-item{
  border: 0;
  background: transparent;
  border-bottom: 1px solid rgba(11,16,32,.08);
}
.ev-faq-item:last-child{ border-bottom: 0; }

/* Button (question row) */
.ev-faq-btn{
  background: transparent !important;
  box-shadow: none !important;
  padding: 1.05rem 1.1rem;
  font-weight: 950;
  color: rgba(11,16,32,.86);
  letter-spacing: -.01em;
  line-height: 1.25;
  position: relative;
  display: flex;
  gap: .9rem;
  align-items: center;
}

.ev-faq-btn::after{ display:none !important; } /* remove bootstrap chevron */

.ev-faq-ico{
  margin-left: auto;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  color: rgba(79,70,229,.92);
  transition: transform var(--dur-3) var(--ease-2);
}

.ev-faq-btn:not(.collapsed) .ev-faq-ico{
  transform: rotate(45deg);
  color: rgba(6,182,212,.92);
}

/* Body */
.ev-faq-body{
  padding: .25rem 1.1rem 1.1rem;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* Right panel */
.ev-faq-panel{
  height: 100%;
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 28px 90px rgba(11,16,32,.10);
  overflow: hidden;
  padding: 1.25rem;
}
.ev-faq-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-faq-panel-top{
  display:flex;
  gap: .9rem;
  align-items:flex-start;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.ev-faq-panel-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}
.ev-faq-panel-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-faq-panel-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

.ev-faq-panel-list{
  display:grid;
  gap: .7rem;
  margin: 1rem 0 1.1rem;
  position: relative;
  z-index: 1;
}
.ev-faq-chip{
  display:flex;
  align-items:flex-start;
  gap: .65rem;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-faq-chip i{
  color: rgba(34,197,94,.85);
  margin-top: .1rem;
}
.ev-faq-chip span{
  color: rgba(11,16,32,.74);
  font-weight: 750;
  line-height: 1.35;
}

.ev-faq-panel-cta{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  position: relative;
  z-index: 1;
}

/* Glow */
.ev-faq-panel-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 60% 85%, rgba(163,230,53,.10), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evFaqGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evFaqGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-faq-panel-glow{ animation:none; }
}

/* Optional: reduce accordion button focus ring intensity if needed */
.ev-faq-btn:focus{ outline: none; }

/* =========================
   Evtoan Add-ons (TM-style)
   ========================= */
.ev-addons{
  position: relative;
  padding: var(--section-y) 0;
}

.ev-add-head{
  display: grid;
  grid-template-columns: 1.2fr auto;
  gap: 1.25rem;
  align-items: end;
  margin-bottom: 1.25rem;
}
.ev-add-lead{ max-width: 72ch; }
.ev-add-actions{ display:flex; justify-content:flex-end; }

@media (max-width: 991.98px){
  .ev-add-head{ grid-template-columns: 1fr; align-items: start; }
  .ev-add-actions{ justify-content:flex-start; }
}

/* Group wrapper */
.ev-add-group{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.05rem;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}
.ev-add-group::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-add-group-head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .85rem;
}
.ev-add-group-title{
  margin: 0;
  font-weight: 950;
  letter-spacing: -.01em;
  display:flex;
  align-items:center;
  gap: .55rem;
}
.ev-add-group-title i{ color: rgba(79,70,229,.95); }
.ev-add-group-sub{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  line-height: 1.4;
  max-width: 56ch;
}

/* Add-on card (label = whole clickable area) */
.ev-add-card{
  width: 100%;
  display: block;
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 14px 45px rgba(11,16,32,.06);
  padding: 1rem 1rem .95rem;
  cursor: pointer;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
  overflow: hidden;
  height: 100%;
}
.ev-add-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-add-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 24px 75px rgba(11,16,32,.09);
}

/* checkbox hidden, card shows state */
.ev-add-check{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.ev-add-top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
}

.ev-add-ic{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.74);
  box-shadow: 0 14px 35px rgba(11,16,32,.06);
}
.ev-add-ic i{ font-size: 1.05rem; }
.ev-ic1{ color: rgba(79,70,229,.95); }
.ev-ic2{ color: rgba(6,182,212,.95); }
.ev-ic3{ color: rgba(79,70,229,.95); }
.ev-ic4{ color: rgba(6,182,212,.95); }
.ev-ic5{ color: rgba(239,68,68,.85); }
.ev-ic6{ color: rgba(79,70,229,.95); }

.ev-add-badges{ display:flex; flex-wrap:wrap; gap: .45rem; justify-content:flex-end; }

.ev-add-badge{
  display:inline-flex;
  align-items:center;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.62);
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-add-badge2{ color: rgba(6,182,212,.95); }
.ev-add-badge3{
  color: rgba(79,70,229,.95);
  gap: .45rem;
}

/* Body */
.ev-add-name{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
  letter-spacing: -.01em;
  margin-bottom: .25rem;
}
.ev-add-desc{
  display:block;
  color: var(--text-2);
  font-weight: 600;
  line-height: 1.55;
}

/* Footer */
.ev-add-foot{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-top: .85rem;
  padding-top: .75rem;
  border-top: 1px solid rgba(11,16,32,.08);
}
.ev-add-price{
  font-weight: 950;
  color: rgba(14,165,233,.95);
  letter-spacing: .2px;
}
.ev-add-cta{
  font-weight: 950;
  color: rgba(11,16,32,.70);
}

/* Selected state */
.ev-add-card.is-selected{
  border-color: rgba(79,70,229,.26);
  box-shadow: 0 30px 90px rgba(79,70,229,.12);
}
.ev-add-card.is-selected .ev-add-cta{
  color: rgba(34,197,94,.92);
}
.ev-add-card.is-selected .ev-add-cta::after{
  content:" ✓";
  font-weight: 950;
}

/* Disabled */
.ev-add-card[aria-disabled="true"]{
  opacity: .75;
  cursor: not-allowed;
}
.ev-add-card[aria-disabled="true"]:hover{ transform:none; }

/* Summary panel */
.ev-add-summary{
  height: 100%;
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 28px 90px rgba(11,16,32,.10);
  overflow: hidden;
  padding: 1.25rem;
}
.ev-add-summary::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-add-sum-top{
  display:flex;
  gap: .9rem;
  align-items:flex-start;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.ev-add-sum-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}
.ev-add-sum-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-add-sum-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  line-height: var(--lh-loose);
}

/* Summary rows */
.ev-add-sum-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  position: relative;
  z-index: 1;
}
.ev-add-sum-row span{ color: rgba(11,16,32,.68); font-weight: 800; }
.ev-add-sum-row strong{ font-weight: 950; color: rgba(11,16,32,.88); }

.ev-add-total{
  margin-top: .85rem;
  border-color: rgba(79,70,229,.18);
}

/* Selected list */
.ev-add-sum-list{
  margin-top: .85rem;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  position: relative;
  z-index: 1;
}
.ev-add-empty{
  color: rgba(11,16,32,.55);
  font-weight: 700;
}
.ev-add-items{
  display: grid;
  gap: .55rem;
}
.ev-add-item{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem .6rem;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.08);
  background: rgba(255,255,255,.66);
}
.ev-add-item span{
  color: rgba(11,16,32,.72);
  font-weight: 800;
}
.ev-add-item strong{
  color: rgba(14,165,233,.95);
  font-weight: 950;
}

/* CTA */
.ev-add-sum-cta{
  margin-top: 1rem;
  position: relative;
  z-index: 1;
}
.ev-add-sum-links{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .85rem;
}
.ev-link{
  display:inline-flex;
  align-items:center;
  gap: .5rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
  text-decoration: none;
}
.ev-link:hover{ color: rgba(79,70,229,.95); }

/* Glow */
.ev-add-sum-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 60% 85%, rgba(163,230,53,.10), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evAddGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evAddGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-add-sum-glow{ animation:none; }
}

/* =========================
   Evtoan CTA Banner
   ========================= */
.ev-cta{
  position: relative;
  padding: var(--section-y) 0;
}

.ev-cta-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    radial-gradient(900px 420px at 60% 90%, rgba(163,230,53,.08), transparent 65%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-cta-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-cta-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.10), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evCtaGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evCtaGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-cta-glow{ animation:none; }
}

.ev-cta-copy{ position: relative; z-index: 1; }

.ev-cta-title{
  margin: .4rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(1.8rem, 3.1vw, 2.5rem);
  color: rgba(11,16,32,.90);
}
.ev-cta-text{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 68ch;
}

.ev-cta-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1rem;
}

/* Trust points */
.ev-cta-trust{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-cta-trust-item{
  display:inline-flex;
  align-items:center;
  gap: .5rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.68);
  font-weight: 900;
  letter-spacing: .2px;
}
.ev-cta-trust-item i{
  color: rgba(79,70,229,.95);
}

/* Right card */
.ev-cta-card{
  position: relative;
  z-index: 1;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-cta-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-cta-card-top{
  display:flex;
  gap: .85rem;
  align-items:flex-start;
  margin-bottom: .85rem;
}
.ev-cta-ic{
  width: 50px;
  height: 50px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}
.ev-cta-card-title{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-cta-card-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 600;
  line-height: 1.55;
}

/* Form */
.ev-cta-form{ margin-top: .65rem; }
.ev-cta-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: .92rem;
}

.ev-cta-input{
  display:flex;
  gap: .65rem;
  align-items: center;
}
.ev-cta-input .form-control{
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  font-weight: 700;
}
.ev-cta-input .btn{
  height: 48px;
  border-radius: 16px;
  padding: 0 1rem;
  white-space: nowrap;
}

@media (max-width: 575.98px){
  .ev-cta-input{ flex-direction: column; align-items: stretch; }
  .ev-cta-input .btn{ width: 100%; }
}

.ev-cta-msg{
  margin-top: .65rem;
  font-weight: 800;
  color: rgba(11,16,32,.68);
  min-height: 1.2em;
}
.ev-cta-msg.is-ok{ color: rgba(34,197,94,.90); }
.ev-cta-msg.is-err{ color: rgba(239,68,68,.90); }

.ev-cta-footnote{
  margin-top: .65rem;
  color: rgba(11,16,32,.55);
  font-weight: 650;
  line-height: 1.45;
  font-size: .92rem;
}

/* =========================
   Evtoan Mega Footer
   ========================= */
.ev-footer{
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
  /* padding: 0px 0 0 1.25rem; */
  /* margin-top: var(--section-y); */
  background-color: #000000;
  /* background-color: var(--text-1); */
}

/* Top container */
.ev-footer-top{
  border-radius: var(--radius-2xl);
  border-top: 1px solid rgba(11,16,32,.10);
  /* background:
    radial-gradient(1200px 420px at 10% 20%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(900px 380px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.60); */
  /* backdrop-filter: blur(18px); */
  /* -webkit-backdrop-filter: blur(18px); */
  /* box-shadow: 0 28px 100px rgba(11,16,32,.10); */
  padding: 1.25rem;
  overflow: hidden;
  position: relative;
}
.ev-footer-top::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

/* Brand */
.ev-foot-logo{
  display:inline-flex;
  align-items: baseline;
  gap: .45rem;
  text-decoration: none;
}
.ev-foot-mark{
  width: 14px;
  height: 14px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(79,70,229,.95), rgba(6,182,212,.95));
  box-shadow: 0 14px 35px rgba(79,70,229,.18);
  transform: translateY(-1px);
}
.ev-foot-name{
  font-weight: 600;
  letter-spacing: -.02em;
  color: #ffffff;
  font-size: 1.35rem;
  opacity: 0.8;
}
.ev-foot-sub{
  font-weight: 400;
  color: #ffffff;
  letter-spacing: .2px;
  opacity: 0.8;
}

.ev-foot-text{
  margin: .75rem 0 .9rem;
  color: #ffffff;
  font-weight: 400;
  line-height: var(--lh-loose);
  max-width: 52ch;
  opacity: 0.8;
}

.ev-foot-contact{
  display:grid;
  gap: .55rem;
  margin-bottom: .9rem;
}
.ev-foot-contact-item{
  display:flex;
  align-items:center;
  gap: .55rem;
  color: #ffffff;
  text-decoration: none;
}
.ev-foot-contact-item i{
  color: #ffffff;
  width: 18px;
  opacity: 0.8;
}
.ev-foot-contact-item:hover{ color: #ffffff; }

/* Social */
.ev-foot-social{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-foot-social-btn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(11,16,32,.72);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2), box-shadow var(--dur-2) var(--ease-2);
}
.ev-foot-social-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.22);
  box-shadow: var(--shadow-sm);
  color: rgba(79,70,229,.95);
}

/* Columns */
.ev-foot-title{
  margin: 0 0 .75rem;
  font-weight: 600;
  letter-spacing: -.01em;
  color: #ffffff;
}
.ev-foot-links{
  list-style: none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: .55rem;
}
.ev-foot-link{
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.8;
}
.ev-foot-link:hover{ color: #ffffff; opacity: 1;}

.ev-foot-muted{
  margin: 0;
  color: #ffffff;
  font-weight: 650;
  line-height: 1.45;
  opacity: 0.8;
}

/* Newsletter card */
.ev-foot-news{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  position: relative;
  overflow: hidden;
}
.ev-foot-news::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-foot-news-top{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  margin-bottom: .75rem;
}
.ev-foot-news-ic{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}

.ev-foot-form{ margin-top: .4rem; }
.ev-foot-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: .92rem;
}
.ev-foot-input{
  display:flex;
  gap: .6rem;
  align-items:center;
}
.ev-foot-input .form-control{
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  font-weight: 700;
}
.ev-foot-input .btn{
  height: 48px;
  width: 52px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media (max-width: 575.98px){
  .ev-foot-input{ flex-direction: column; align-items: stretch; }
  .ev-foot-input .btn{ width: 100%; }
}

.ev-foot-msg{
  margin-top: .6rem;
  font-weight: 800;
  min-height: 1.2em;
  color: rgba(11,16,32,.62);
}
.ev-foot-msg.is-ok{ color: rgba(34,197,94,.90); }
.ev-foot-msg.is-err{ color: rgba(239,68,68,.90); }

.ev-foot-note{
  margin-top: .6rem;
  color: rgba(11,16,32,.55);
  font-weight: 650;
  line-height: 1.45;
  font-size: .92rem;
}

/* Bottom bar */
.ev-footer-bottom{
  margin-top: .9rem;
  /* border-radius: var(--radius-2xl); */
  /* border: 1px solid rgba(11,16,32,.10); */
  border-top: 1px solid rgba(11,16,32,.10);
  /* background: rgba(255,255,255,.56); */
  /* backdrop-filter: blur(16px); */
  /* -webkit-backdrop-filter: blur(16px); */
  /* box-shadow: 0 18px 55px rgba(11,16,32,.06); */
  padding: .9rem 1.05rem;
}
.ev-foot-bottom-inner{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
}
.ev-foot-copy{
  color: #ffffff;
  font-weight: 750;
}
.ev-foot-bottom-links{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.ev-foot-bottom-link{
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
}
.ev-foot-bottom-link:hover{ color: #ffffff; }

/* Footer payment badges */
.ev-foot-pay{
  margin-top: .9rem;
  padding-top: .85rem;
  border-top: 1px solid rgba(11,16,32,.08);
}

.ev-foot-pay-label{
  display:block;
  margin-bottom: .5rem;
  color: rgba(11,16,32,.62);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: .92rem;
}

.ev-foot-pay-badges{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.ev-pay-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 32px;
  border-radius: 12px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  padding: 0 .55rem;
}

.ev-pay-badge svg{
  width: 64px;
  height: 24px;
  display:block;
}

.ev-pay-badge rect{
  fill: rgba(255,255,255,.0);
  stroke: rgba(11,16,32,.18);
  stroke-width: 1.5;
}

.ev-pay-badge text{
  font-family: var(--font-main, "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .8px;
  fill: rgba(11,16,32,.70);
}

/* compact on very small screens */
@media (max-width: 360px){
  .ev-pay-badge svg{ width: 58px; }
  .ev-pay-badge text{ font-size: 9px; }
}

/* =========================
   Footer: Payment strip (top)
   ========================= */
.ev-foot-paystrip{
  margin-top: 20px;
  margin-bottom: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 220px at 10% 35%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(700px 200px at 90% 25%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  overflow: hidden;
  padding: .85rem 1rem;
  position: relative;
}
.ev-foot-paystrip::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-foot-paystrip-inner{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.ev-foot-paystrip-left{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  gap: .55rem;
}

.ev-foot-paystrip-kicker{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  color: rgba(11,16,32,.70);
  font-weight: 950;
  letter-spacing: .2px;
}
.ev-foot-paystrip-kicker i{
  color: rgba(34,197,94,.90);
}

.ev-foot-paystrip-text{
  color: rgba(11,16,32,.62);
  font-weight: 750;
}

/* badges row */
.ev-foot-paystrip-badges{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: flex-end;
}

/* Reuse your badge look (if not already present, keep this) */
.ev-pay-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 32px;
  border-radius: 12px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  padding: 0 .55rem;
}

.ev-pay-badge svg{
  width: 64px;
  height: 24px;
  display:block;
}

.ev-pay-badge rect{
  fill: rgba(255,255,255,.0);
  stroke: rgba(11,16,32,.18);
  stroke-width: 1.5;
}

.ev-pay-badge text{
  font-family: var(--font-main, "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .8px;
  fill: rgba(11,16,32,.70);
}

/* Responsive */
@media (max-width: 991.98px){
  .ev-foot-paystrip-inner{
    flex-direction: column;
    align-items: flex-start;
  }
  .ev-foot-paystrip-badges{
    justify-content: flex-start;
  }
}
@media (max-width: 360px){
  .ev-pay-badge svg{ width: 58px; }
  .ev-pay-badge text{ font-size: 9px; }
}

/* =========================
   About Page (minimal)
   ========================= */
.ev-about-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
  background: url('/uploads/about-hero.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}

.ev-about-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-about-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-about-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evAboutGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evAboutGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-about-glow{ animation:none; }
}

.ev-about-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}

.ev-about-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 70ch;
}

.ev-about-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1rem;
}

/* metrics */
.ev-about-metrics{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
}
.ev-metric{
  padding: .7rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-metric strong{
  display:block;
  font-weight: 950;
  letter-spacing: .2px;
  color: rgba(11,16,32,.84);
}
.ev-metric span{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}

/* right card */
.ev-about-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-about-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-about-card-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}

.ev-about-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: .7rem;
}
.ev-about-list li{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .75rem .8rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-about-list strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-about-list em{
  display:block;
  font-style: normal;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  margin-top: .05rem;
}

.ev-about-ic{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}

.ev-about-card-cta{
  margin-top: .9rem;
  display:grid;
  gap: .65rem;
}

/* Story section */
.ev-about-story{
  padding: var(--section-y) 0;
}
.ev-about-panel{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
}
.ev-about-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-about-h2{ margin-bottom: .65rem; }
.ev-about-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-about-p:last-child{ margin-bottom: 0; }

.ev-about-pillrow{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .85rem;
}
.ev-pill{
  display:inline-flex;
  align-items:center;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.62);
  font-weight: 900;
  letter-spacing: .2px;
}

.ev-about-mini{
  margin: 0 0 .75rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-about-stack{
  display:grid;
  gap: .65rem;
}
.ev-about-stack-item{
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-about-stack-item strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-about-stack-item span{
  display:block;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  margin-top: .1rem;
  line-height: 1.45;
}

.ev-about-mini-cta{
  margin-top: .85rem;
}

/* minimal banner */
.ev-about-mini-cta2{
  padding: 0 0 var(--section-y);
}
.ev-about-mini-banner{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 280px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.05rem 1.15rem;
  overflow: hidden;
}
.ev-about-mini-banner::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-about-mini-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.12), transparent 55%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
}

.ev-about-mini-banner-inner{
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.ev-about-mini-banner-inner h2{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-about-mini-banner-inner p{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
}
.ev-about-mini-banner-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Services Page
   ========================= */
.ev-serv-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
  background: url('/uploads/dddepth-323.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.ev-serv-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-serv-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-serv-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evServGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evServGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-serv-glow{ animation:none; }
}

.ev-serv-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-serv-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-serv-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: .9rem;
}
.ev-serv-tags{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* Hero card */
.ev-serv-hero-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-serv-hero-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-serv-card-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-serv-mini{
  display:grid;
  gap: .65rem;
}
.ev-serv-mini-item{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-serv-mini-item i{
  width: 42px;
  height: 42px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-serv-mini-item strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-serv-mini-item span{
  display:block;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  margin-top: .05rem;
  line-height: 1.4;
}
.ev-serv-hero-card-cta{
  margin-top: .9rem;
  display:grid;
  gap: .65rem;
}

/* Grid section */
.ev-serv-grid{
  padding: var(--section-y) 0;
}
.ev-serv-lead2{ max-width: 72ch; }

.ev-serv-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-serv-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-serv-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}

.ev-serv-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  margin-bottom: .8rem;
}
.ev-serv-ic2{ color: rgba(6,182,212,.95); }
.ev-serv-ic3{ color: rgba(239,68,68,.85); }
.ev-serv-ic4{ color: rgba(34,197,94,.88); }
.ev-serv-ic5{ color: rgba(245,158,11,.92); }
.ev-serv-ic6{ color: rgba(79,70,229,.95); }

.ev-serv-h3{
  margin: 0 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-serv-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}

.ev-serv-list{
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
  display:grid;
  gap: .55rem;
}
.ev-serv-list li{
  display:flex;
  gap: .6rem;
  align-items:flex-start;
  color: rgba(11,16,32,.72);
  font-weight: 800;
}
.ev-serv-list i{
  margin-top: .15rem;
  color: rgba(34,197,94,.85);
}

.ev-serv-link{
  display:inline-flex;
  gap: .45rem;
  align-items:center;
  text-decoration: none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-serv-link:hover{ color: rgba(6,182,212,.95); }

/* How box */
.ev-serv-how{
  padding: 0 0 var(--section-y);
}
.ev-serv-how-box{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
}
.ev-serv-how-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-serv-steps{
  display:grid;
  gap: .65rem;
}
.ev-step{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-step-num{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  font-weight: 950;
  letter-spacing: .2px;
  flex: 0 0 auto;
}
.ev-step strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-step span{
  display:block;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  margin-top: .05rem;
}

/* Add-ons teaser */
.ev-serv-addons{
  padding: 0 0 var(--section-y);
}
.ev-serv-addons-box{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 280px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.05rem 1.15rem;
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
}
.ev-serv-addons-title{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-serv-addons-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 70ch;
}
.ev-serv-addons-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Service Details
   ========================= */
.ev-sd-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
}
.ev-sd-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-sd-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sd-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evSdGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evSdGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-sd-glow{ animation:none; }
}

.ev-sd-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-sd-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-sd-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: .9rem;
}
.ev-sd-tags{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* Summary card */
.ev-sd-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-sd-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sd-card-top{
  display:flex;
  gap: .85rem;
  align-items:flex-start;
  margin-bottom: .9rem;
}
.ev-sd-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
}
.ev-sd-card-title{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-sd-card-text{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: 1.5;
}

.ev-sd-meta{
  display:grid;
  gap: .65rem;
}
.ev-sd-meta-item{
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-sd-meta-item span{
  display:block;
  color: rgba(11,16,32,.58);
  font-weight: 750;
}
.ev-sd-meta-item strong{
  display:block;
  color: rgba(11,16,32,.86);
  font-weight: 950;
  margin-top: .05rem;
}

/* Body panels */
.ev-sd-body{ padding: var(--section-y) 0; }

.ev-sd-panel{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ev-sd-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sd-h2{ margin-bottom: .65rem; }
.ev-sd-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-sd-p:last-child{ margin-bottom: 0; }

/* Deliverables boxes */
.ev-sd-box{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  height: 100%;
}
.ev-sd-box i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-sd-box strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-sd-box span{
  display:block;
  margin-top: .05rem;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  line-height: 1.45;
}

/* Steps */
.ev-sd-steps{ display:grid; gap: .65rem; }
.ev-sd-step{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-sd-step-num{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  font-weight: 950;
  letter-spacing: .2px;
  flex: 0 0 auto;
}
.ev-sd-step strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-sd-step span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

/* Pricing hint */
.ev-sd-pricehint{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: .9rem 0 1rem;
}
.ev-sd-pricehint-item{
  padding: .7rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-sd-pricehint-item strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-sd-pricehint-item span{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}
.ev-sd-actions2{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* TOC */
.ev-sd-toc{
  position: sticky;
  top: 96px;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  overflow: hidden;
}
.ev-sd-toc::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sd-toc-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
  position: relative;
  z-index: 1;
}
.ev-sd-toc-top strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-sd-toc-sub{ color: rgba(11,16,32,.55); font-weight: 750; }

.ev-sd-toc-nav{
  display:grid;
  gap: .45rem;
  position: relative;
  z-index: 1;
}
.ev-sd-toc-link{
  display:flex;
  align-items:center;
  justify-content: space-between;
  text-decoration:none;
  padding: .65rem .75rem;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.70);
  font-weight: 850;
}
.ev-sd-toc-link:hover{ color: rgba(79,70,229,.95); border-color: rgba(79,70,229,.18); }
.ev-sd-toc-link.is-active{
  color: rgba(11,16,32,.88);
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
}
.ev-sd-toc-cta{ margin-top: .85rem; position: relative; z-index: 1; }

@media (max-width: 991.98px){
  .ev-sd-toc{ position: static; top: auto; }
}

/* Accordion inside SD */
.ev-sd-acc{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
}
.ev-sd-acc-item{ border: 0; background: transparent; border-bottom: 1px solid rgba(11,16,32,.08); }
.ev-sd-acc-item:last-child{ border-bottom: 0; }

.ev-sd-acc-btn{
  background: transparent !important;
  box-shadow: none !important;
  padding: 1rem 1rem;
  font-weight: 950;
  color: rgba(11,16,32,.86);
  display:flex;
  gap: .9rem;
  align-items:center;
}
.ev-sd-acc-btn::after{ display:none !important; }
.ev-sd-acc-ico{
  margin-left:auto;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  color: rgba(79,70,229,.92);
  transition: transform var(--dur-3) var(--ease-2);
}
.ev-sd-acc-btn:not(.collapsed) .ev-sd-acc-ico{
  transform: rotate(45deg);
  color: rgba(6,182,212,.92);
}
.ev-sd-acc-body{
  padding: .25rem 1rem 1rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}

/* Bottom CTA */
.ev-sd-cta{ padding: 0 0 var(--section-y); }
.ev-sd-cta-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 280px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.05rem 1.15rem;
  overflow: hidden;
}
.ev-sd-cta-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.12), transparent 55%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
}
.ev-sd-cta-inner{
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.ev-sd-cta-inner h2{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-sd-cta-inner p{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-sd-cta-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Portfolio Page
   ========================= */
.ev-port-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
  background: url('/uploads/dddepth-323.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.ev-port-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-port-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-port-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evPortGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evPortGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-port-glow{ animation:none; }
}

.ev-port-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-port-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-port-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: .9rem;
}
.ev-port-tags{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* Hero side card */
.ev-port-hero-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-port-hero-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-port-card-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-port-mini{ display:grid; gap: .65rem; }
.ev-port-mini-item{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-port-mini-item i{
  width: 42px;
  height: 42px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-port-mini-item strong{ display:block; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-port-mini-item span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

/* Toolbar */
.ev-port-body{ padding: var(--section-y) 0; }
.ev-port-toolbar{
  display:flex;
  flex-wrap: wrap;
  gap: .85rem;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ev-port-filters{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-port-filter{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  border-radius: 999px;
  padding: .45rem .85rem;
  font-weight: 900;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-port-filter:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
}
.ev-port-filter.is-active{
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.88);
}

/* Search */
.ev-port-search{
  position: relative;
  min-width: min(420px, 100%);
}
.ev-port-search i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.45);
}
.ev-port-search .form-control{
  height: 46px;
  padding-left: 42px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 700;
}

/* Cards */
.ev-port-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-port-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-port-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}

.ev-port-thumb{
  height: 160px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(600px 180px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(520px 170px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  position: relative;
  overflow: hidden;
  margin-bottom: .85rem;
}
.ev-port-thumb-glow{
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.14), transparent 55%);
  filter: blur(14px);
  opacity: .9;
  pointer-events:none;
}
.ev-port-chip{
  position:absolute;
  top: 12px;
  left: 12px;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 950;
  letter-spacing: .2px;
}

.ev-port-h3{
  margin: 0 0 .45rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-port-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}

.ev-port-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .9rem;
}
.ev-port-meta-item{
  display:inline-flex;
  gap: .45rem;
  align-items:center;
  padding: .25rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.62);
  font-weight: 850;
}
.ev-port-meta-item i{ color: rgba(79,70,229,.95); }

.ev-port-link{
  display:inline-flex;
  gap: .45rem;
  align-items:center;
  text-decoration: none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-port-link:hover{ color: rgba(6,182,212,.95); }

/* Empty */
.ev-port-empty{ margin-top: 1rem; }
.ev-port-empty-box{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.25rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  color: rgba(11,16,32,.70);
}
.ev-port-empty-box i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-port-empty-box strong{ display:block; font-weight: 950; }
.ev-port-empty-box span{ display:block; color: rgba(11,16,32,.55); font-weight: 650; margin-top: .1rem; }

/* CTA */
.ev-port-cta{ padding: 0 0 var(--section-y); }
.ev-port-cta-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 280px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.05rem 1.15rem;
  overflow: hidden;
}
.ev-port-cta-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.12), transparent 55%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
}
.ev-port-cta-inner{
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.ev-port-cta-inner h2{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-port-cta-inner p{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-port-cta-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* =========================
   Case Study Page
   ========================= */
.ev-cs-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
}
.ev-cs-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-cs-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-cs-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evCsGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evCsGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-cs-glow{ animation:none; }
}

.ev-cs-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-cs-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-cs-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .9rem;
}

/* Meta chips */
.ev-cs-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .9rem;
}
.ev-cs-chip{
  display:inline-flex;
  align-items:center;
  gap: .5rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.66);
  font-weight: 900;
}
.ev-cs-chip i{ color: rgba(79,70,229,.95); }

/* Highlight card */
.ev-cs-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-cs-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-cs-card-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}

.ev-cs-highlights{ display:grid; gap: .65rem; }
.ev-cs-hi{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-cs-hi i{
  width: 42px;
  height: 42px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-cs-hi strong{ display:block; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-cs-hi span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

/* Results strip */
.ev-cs-results{
  margin-top: 1rem;
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
}
.ev-cs-metric{
  padding: .75rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-cs-metric strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  letter-spacing: -.01em;
}
.ev-cs-metric span{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}

/* Content */
.ev-cs-body{ padding: var(--section-y) 0; }

.ev-cs-panel{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ev-cs-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-cs-h2{ margin-bottom: .65rem; }
.ev-cs-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-cs-p:last-child{ margin-bottom: 0; }

.ev-cs-specs{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .85rem;
}
.ev-cs-spec{
  padding: .7rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-cs-spec span{ display:block; color: rgba(11,16,32,.55); font-weight: 750; }
.ev-cs-spec strong{ display:block; color: rgba(11,16,32,.86); font-weight: 950; margin-top: .05rem; }

/* Challenge/Solution boxes */
.ev-cs-box{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
}
.ev-cs-box-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: .75rem;
}
.ev-cs-badge{
  display:inline-flex;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  font-weight: 950;
  color: rgba(239,68,68,.85);
}
.ev-cs-badge2{ color: rgba(34,197,94,.85); }
.ev-cs-box-top i{ color: rgba(11,16,32,.55); }

.ev-cs-list{
  list-style:none;
  padding: 0;
  margin: 0;
  display:grid;
  gap: .55rem;
  color: rgba(11,16,32,.68);
  font-weight: 750;
}
.ev-cs-list li{
  padding-left: .85rem;
  position: relative;
}
.ev-cs-list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: .55em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(79,70,229,.85);
}

/* Gallery */
.ev-cs-panel-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
}
.ev-cs-sub{
  color: rgba(11,16,32,.55);
  font-weight: 750;
}
.ev-cs-shot{
  width: 100%;
  text-align: left;
  border: 0;
  padding: 0;
  background: transparent;
}
.ev-cs-shot-thumb{
  display:block;
  height: 140px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(600px 180px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(520px 170px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2);
}
.ev-cs-shot:hover .ev-cs-shot-thumb{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
}
.ev-cs-shot-cap{
  display:block;
  margin-top: .55rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}

/* Stack */
.ev-cs-stack{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .65rem;
}
.ev-cs-pill{
  display:inline-flex;
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.64);
  font-weight: 900;
}
.ev-cs-note{
  margin-top: .85rem;
  padding: .85rem .95rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.60);
  font-weight: 650;
  line-height: var(--lh-loose);
}

/* Quote */
.ev-cs-quote{
  margin: 0;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
}
.ev-cs-quote blockquote{
  margin: 0 0 .85rem;
  color: rgba(11,16,32,.72);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-cs-quote figcaption{
  display:flex;
  gap: .75rem;
  align-items:center;
}
.ev-cs-avatar{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
}
.ev-cs-quote strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-cs-quote span{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}

/* Sticky nav */
.ev-cs-side{
  position: sticky;
  top: 96px;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  overflow: hidden;
}
.ev-cs-side::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-cs-side-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
  position: relative;
  z-index: 1;
}
.ev-cs-side-top strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-cs-side-top span{ color: rgba(11,16,32,.55); font-weight: 750; }

.ev-cs-nav{ display:grid; gap: .45rem; position: relative; z-index: 1; }
.ev-cs-navlink{
  display:flex;
  align-items:center;
  justify-content: space-between;
  text-decoration:none;
  padding: .65rem .75rem;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.70);
  font-weight: 850;
}
.ev-cs-navlink:hover{ color: rgba(79,70,229,.95); border-color: rgba(79,70,229,.18); }
.ev-cs-navlink.is-active{
  color: rgba(11,16,32,.88);
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
}
.ev-cs-side-cta{ margin-top: .85rem; position: relative; z-index: 1; }

@media (max-width: 991.98px){
  .ev-cs-side{ position: static; top: auto; }
}

/* Next box */
.ev-cs-next{ padding: 0 0 var(--section-y); }
.ev-cs-next-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 280px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.05rem 1.15rem;
  overflow: hidden;
}
.ev-cs-next-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.16), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.12), transparent 55%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
}
.ev-cs-next-inner{
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.ev-cs-next-inner h2{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-cs-next-inner p{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-cs-next-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* Modal */
.ev-cs-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.ev-cs-modal[hidden]{ display:none; }
.ev-cs-modal-backdrop{
  position:absolute;
  inset: 0;
  background: rgba(11,16,32,.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ev-cs-modal-dialog{
  position: relative;
  margin: 5vh auto 0;
  width: min(920px, calc(100% - 1.5rem));
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.92);
  box-shadow: 0 50px 140px rgba(0,0,0,.25);
  overflow: hidden;
}
.ev-cs-modal-close{
  position:absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 12px 28px rgba(11,16,32,.10);
}
.ev-cs-modal-head{
  padding: .9rem 1rem .7rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
}
.ev-cs-modal-sub{
  color: rgba(11,16,32,.55);
  font-weight: 700;
}
.ev-cs-modal-media{
  padding: 1rem;
}
.ev-cs-modal-media img{
  width: 100%;
  height: auto;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  display:block;
}

/* =========================
   Blog Page
   ========================= */
.ev-blog-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
  background: url('/uploads/dddepth-323.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.ev-blog-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-blog-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-blog-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evBlogGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evBlogGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-blog-glow{ animation:none; }
}

.ev-blog-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-blog-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-blog-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: .9rem;
}
.ev-blog-tags{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* Hero card */
.ev-blog-hero-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-blog-hero-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-blog-card-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-blog-mini{ display:grid; gap: .65rem; }
.ev-blog-mini-item{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-blog-mini-item i{
  width: 42px;
  height: 42px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-blog-mini-item strong{ display:block; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-blog-mini-item span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

/* Body + toolbar */
.ev-blog-body{ padding: var(--section-y) 0; }

.ev-blog-toolbar{
  display:flex;
  flex-wrap: wrap;
  gap: .85rem;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ev-blog-filters{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-blog-filter{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  border-radius: 999px;
  padding: .45rem .85rem;
  font-weight: 900;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-blog-filter:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
}
.ev-blog-filter.is-active{
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.88);
}

/* Search */
.ev-blog-search{
  position: relative;
  min-width: min(420px, 100%);
}
.ev-blog-search i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.45);
}
.ev-blog-search .form-control{
  height: 46px;
  padding-left: 42px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 700;
}

/* Featured */
.ev-blog-featured{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
  display:grid;
  grid-template-columns: 1.05fr 1.2fr;
  margin-bottom: 1rem;
  position: relative;
}
.ev-blog-featured::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-blog-featured-media{
  position: relative;
  min-height: 240px;
  border-right: 1px solid rgba(11,16,32,.08);
  background:
    radial-gradient(700px 220px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(620px 210px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
}
.ev-blog-featured-glow{
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.14), transparent 55%);
  filter: blur(14px);
  opacity: .9;
  pointer-events:none;
}
.ev-blog-featured-body{
  padding: 1.1rem 1.15rem;
  position: relative;
  z-index: 1;
}
.ev-blog-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items:center;
  color: rgba(11,16,32,.56);
  font-weight: 800;
}
.ev-blog-meta i{ color: rgba(79,70,229,.95); }
.ev-blog-cat{
  padding: .25rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.70);
  font-weight: 950;
}
.ev-blog-featured-title{
  margin: .65rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-blog-featured-text{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-blog-featured-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.ev-blog-chip{
  position:absolute;
  top: 12px;
  left: 12px;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 950;
}

/* Cards */
.ev-blog-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  position: relative;
  overflow: hidden;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-blog-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-blog-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}
.ev-blog-thumb{
  height: 150px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(600px 180px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(520px 170px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  position: relative;
  overflow: hidden;
  margin-bottom: .85rem;
}
.ev-blog-thumb-glow{
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.14), transparent 55%);
  filter: blur(14px);
  opacity: .9;
  pointer-events:none;
}
.ev-blog-chip2{
  position:absolute;
  top: 12px;
  left: 12px;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 950;
}

.ev-blog-h3{
  margin: 0 0 .45rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-blog-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-blog-meta2{
  display:flex;
  gap: .75rem;
  color: rgba(11,16,32,.55);
  font-weight: 800;
  margin-bottom: .85rem;
}
.ev-blog-link{
  display:inline-flex;
  gap: .45rem;
  align-items:center;
  text-decoration: none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-blog-link:hover{ color: rgba(6,182,212,.95); }

/* Empty */
.ev-blog-empty{ margin-top: 1rem; }
.ev-blog-empty-box{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.25rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  color: rgba(11,16,32,.70);
}
.ev-blog-empty-box i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-blog-empty-box strong{ display:block; font-weight: 950; }
.ev-blog-empty-box span{ display:block; color: rgba(11,16,32,.55); font-weight: 650; margin-top: .1rem; }

/* Newsletter box */
.ev-blog-news{ margin-top: 1rem; }
.ev-blog-news-box{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 280px at 10% 30%, rgba(79,70,229,.10), transparent 60%),
    radial-gradient(800px 260px at 90% 20%, rgba(6,182,212,.08), transparent 60%),
    rgba(255,255,255,.58);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(11,16,32,.06);
  padding: 1.05rem 1.15rem;
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
}
.ev-blog-news-box h2{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-blog-news-box p{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 70ch;
}
.ev-blog-news-form{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items:center;
}
.ev-blog-news-form .form-control{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  min-width: min(320px, 100%);
  font-weight: 700;
}

@media (max-width: 991.98px){
  .ev-blog-featured{ grid-template-columns: 1fr; }
  .ev-blog-featured-media{ border-right: 0; border-bottom: 1px solid rgba(11,16,32,.08); }
}

/* =========================
   Blog Post Page
   ========================= */

/* Progress bar */
.ev-bp-progress{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 9999;
  background: rgba(11,16,32,.08);
}
.ev-bp-progress-bar{
  display:block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(79,70,229,.95), rgba(6,182,212,.92));
}

/* Hero */
.ev-bp-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
}
.ev-bp-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-bp-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-bp-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evBpGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evBpGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-bp-glow{ animation:none; }
}

.ev-bp-back{
  display:inline-flex;
  gap: .55rem;
  align-items:center;
  text-decoration:none;
  color: rgba(11,16,32,.68);
  font-weight: 900;
}
.ev-bp-back:hover{ color: rgba(79,70,229,.95); }

.ev-bp-title{
  margin: .55rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-bp-lead{
  margin: 0 0 .95rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}

.ev-bp-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items:center;
  color: rgba(11,16,32,.56);
  font-weight: 800;
}
.ev-bp-meta i{ color: rgba(79,70,229,.95); }

.ev-bp-author{
  margin-top: .85rem;
  display:flex;
  gap: .75rem;
  align-items:center;
}
.ev-bp-avatar{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
}
.ev-bp-author strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-bp-author span{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}

/* Side card */
.ev-bp-sidecard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-bp-sidecard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-bp-sidecard-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-bp-actions{
  display:grid;
  gap: .65rem;
}

.ev-bp-share{
  margin-top: .9rem;
  padding-top: .9rem;
  border-top: 1px solid rgba(11,16,32,.10);
}
.ev-bp-share-label{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 800;
  margin-bottom: .5rem;
}
.ev-bp-share-btns{ display:flex; gap: .5rem; }
.ev-bp-share-btn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 12px 28px rgba(11,16,32,.06);
  color: rgba(79,70,229,.95);
  text-decoration:none;
}
.ev-bp-share-btn:hover{ color: rgba(6,182,212,.95); border-color: rgba(79,70,229,.18); }

.ev-bp-note{
  margin-top: .9rem;
  padding: .85rem .95rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.60);
  font-weight: 650;
  line-height: var(--lh-loose);
}

/* Body */
.ev-bp-body{ padding: var(--section-y) 0; }

.ev-bp-article{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  overflow: hidden;
  position: relative;
}
.ev-bp-article::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-bp-cover{
  height: 260px;
  border-bottom: 1px solid rgba(11,16,32,.08);
  background:
    radial-gradient(900px 260px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(820px 250px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  position: relative;
  overflow: hidden;
}
.ev-bp-cover-glow{
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.14), transparent 55%);
  filter: blur(14px);
  opacity: .9;
  pointer-events:none;
}
.ev-bp-chip{
  position:absolute;
  top: 14px;
  left: 14px;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 950;
}
.ev-bp-chip2{ left: auto; right: 14px; }

.ev-bp-content{ padding: 1.15rem; }
.ev-bp-intro{
  margin: 0 0 1rem;
  color: rgba(11,16,32,.72);
  font-weight: 750;
  line-height: var(--lh-loose);
}

.ev-bp-content h2{
  margin: 1.15rem 0 .6rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-bp-content h3{
  margin: 1rem 0 .5rem;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-bp-content p{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-bp-content ul{
  margin: 0 0 1rem;
  padding-left: 1.1rem;
  color: rgba(11,16,32,.70);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-bp-content li{ margin: .35rem 0; }

.ev-bp-content blockquote{
  margin: 1rem 0;
  padding: 1rem 1rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.70);
  font-weight: 750;
  line-height: var(--lh-loose);
}
.ev-bp-content pre{
  margin: 1rem 0;
  padding: .9rem 1rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(11,16,32,.92);
  color: rgba(255,255,255,.90);
  overflow: auto;
}
.ev-bp-content code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .92em;
}

/* Callout */
.ev-bp-callout{
  margin: 1rem 0;
  padding: .9rem 1rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  gap: .75rem;
  align-items:flex-start;
}
.ev-bp-callout i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-bp-callout strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-bp-callout span{
  display:block;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  margin-top: .05rem;
  line-height: 1.5;
}

/* Tags */
.ev-bp-tags{
  margin-top: 1rem;
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-bp-tag{
  text-decoration:none;
  display:inline-flex;
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.68);
  font-weight: 900;
}
.ev-bp-tag:hover{ color: rgba(79,70,229,.95); border-color: rgba(79,70,229,.18); }

/* Helpful */
.ev-bp-helpful{
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(11,16,32,.10);
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
}
.ev-bp-helpful-left strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-bp-helpful-sub{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}
.ev-bp-helpful-actions{ display:flex; flex-wrap: wrap; gap: .65rem; }
.ev-bp-vote-count{
  margin-left: .45rem;
  padding: .15rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  font-weight: 950;
}
.ev-bp-helpful-toast{
  margin-left: auto;
  padding: .5rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: green;
  font-weight: 850;
}
.ev-bp-helpful-toast.already-voted{
  color: red;
}

/* Author box */
.ev-bp-authorbox{
  margin-top: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.1rem;
  display:flex;
  gap: .85rem;
  align-items:flex-start;
}
.ev-bp-authorbox-ic{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-bp-authorbox h2{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-bp-authorbox p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-bp-authorbox-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.ev-bp-authorbox-actions a{
  display: flex;
  align-items: center;
}

/* Related */
.ev-bp-related{ margin-top: 1rem; }
.ev-bp-related-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .85rem;
}
.ev-bp-related-link{
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-bp-related-link:hover{ color: rgba(6,182,212,.95); }

.ev-bp-relcard{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  position: relative;
  overflow: hidden;
}
.ev-bp-relcard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-bp-relthumb{
  height: 140px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(600px 180px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(520px 170px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  margin-bottom: .8rem;
}
.ev-bp-relh3{
  margin: 0 0 .45rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-bp-relp{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-bp-rellink{
  display:inline-flex;
  gap: .45rem;
  align-items:center;
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-bp-rellink:hover{ color: rgba(6,182,212,.95); }

/* TOC */
.ev-bp-toc{
  position: sticky;
  top: 96px;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  overflow: hidden;
}
.ev-bp-toc::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-bp-toc-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
  position: relative;
  z-index: 1;
}
.ev-bp-toc-top strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-bp-toc-top span{ color: rgba(11,16,32,.55); font-weight: 750; }

.ev-bp-toc-nav{
  display:grid;
  gap: .45rem;
  position: relative;
  z-index: 1;
}
.ev-bp-toc-link{
  display:flex;
  align-items:center;
  justify-content: space-between;
  text-decoration:none;
  padding: .65rem .75rem;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.70);
  font-weight: 850;
}
.ev-bp-toc-link:hover{ color: rgba(79,70,229,.95); border-color: rgba(79,70,229,.18); }
.ev-bp-toc-link.is-active{
  color: rgba(11,16,32,.88);
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
}
.ev-bp-toc-cta{ margin-top: .85rem; position: relative; z-index: 1; }

@media (max-width: 991.98px){
  .ev-bp-toc{ position: static; top: auto; }
}

/* =========================
   Template Details Page
   ========================= */
.ev-td-hero{
  position: relative;
  padding: calc(var(--section-y) * .9) 0;
}
.ev-td-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-td-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-td-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evTdGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evTdGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-td-glow{ animation:none; }
}

.ev-td-breadcrumbs{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
  color: rgba(11,16,32,.58);
  font-weight: 800;
}
.ev-td-crumb{
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-td-crumb:hover{ color: rgba(6,182,212,.95); }

.ev-td-title{
  margin: .55rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-td-lead{
  margin: 0 0 .95rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-td-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: 1rem;
}
.ev-td-chip{
  display:inline-flex;
  align-items:center;
  gap: .5rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.66);
  font-weight: 900;
}
.ev-td-chip i{ color: rgba(79,70,229,.95); }

/* Preview */
.ev-td-preview{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.05rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ev-td-preview::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-td-preview-top{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items:center;
  justify-content: space-between;
  margin-bottom: .85rem;
  position: relative;
  z-index: 1;
}
.ev-td-preview-top strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-td-preview-actions{ display:flex; flex-wrap: wrap; gap: .65rem; }

.ev-td-preview-frame{
  /* height: 320px; */
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 260px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(820px 250px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  position: relative;
  overflow: hidden;
  margin-bottom: .9rem;
}
.ev-td-preview-glow{
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.14), transparent 55%);
  filter: blur(14px);
  opacity: .9;
  pointer-events:none;
}
.ev-td-preview-placeholder{
  width: 100%;
  height: 100%;
  /* position:absolute; */
  /* inset: 0; */
  /* display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center; */
  /* gap: .4rem; */
  /* color: rgba(11,16,32,.65); */
  /* font-weight: 900; */
}

.ev-td-preview-placeholder img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ev-td-preview-placeholder i{
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  color: rgba(79,70,229,.95);
}

/* Highlights */
.ev-td-highlights{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}
.ev-td-hi{
  display:flex;
  gap: .65rem;
  align-items:flex-start;
  padding: .75rem .8rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-td-hi i{
  width: 42px;
  height: 42px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-td-hi strong{ display:block; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-td-hi span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

@media (max-width: 991.98px){
  .ev-td-highlights{ grid-template-columns: 1fr; }
}

/* Tabs */
.ev-td-tabs{
  position: relative;
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: 1rem;
}
.ev-td-tab{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  border-radius: 999px;
  padding: .45rem .85rem;
  font-weight: 900;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-td-tab:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
}
.ev-td-tab.is-active{
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.88);
}
.ev-td-tab-ind{ display:none; } /* kept for consistency */

/* Panels */
.ev-td-panel{
  display:none;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.15rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ev-td-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-td-panel.is-active{ display:block; }

.ev-td-h2{ margin-bottom: .65rem; }
.ev-td-h3{
  margin: 0 0 .55rem;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-td-p{
  margin: 0 0 .85rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-td-p:last-child{ margin-bottom: 0; }

.ev-td-specs{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .85rem;
}
.ev-td-spec{
  padding: .7rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-td-spec span{ display:block; color: rgba(11,16,32,.55); font-weight: 750; }
.ev-td-spec strong{ display:block; color: rgba(11,16,32,.86); font-weight: 950; margin-top: .05rem; }

.ev-td-callout{
  margin-top: 1rem;
  padding: .9rem 1rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  gap: .75rem;
  align-items:flex-start;
}
.ev-td-callout i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-td-callout strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-td-callout span{
  display:block;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  margin-top: .05rem;
  line-height: 1.5;
}

/* Feature cards */
.ev-td-feat{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .95rem 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-td-feat i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-td-feat strong{ display:block; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-td-feat span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

.ev-td-listwrap{
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(11,16,32,.10);
}
.ev-td-list{
  margin: 0;
  padding-left: 1.1rem;
  color: rgba(11,16,32,.70);
  font-weight: 650;
  line-height: var(--lh-loose);
}
.ev-td-note{
  margin-top: .85rem;
  padding: .85rem .95rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.60);
  font-weight: 650;
  line-height: var(--lh-loose);
}

/* Files */
.ev-td-files{
  display:grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: .75rem;
}
.ev-td-file{
  padding: .9rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-td-file span{ display:block; color: rgba(11,16,32,.55); font-weight: 800; }
.ev-td-file strong{ display:block; color: rgba(11,16,32,.86); font-weight: 950; margin-top: .05rem; }
@media (max-width: 575.98px){
  .ev-td-files{ grid-template-columns: 1fr; }
}

/* Reviews */
.ev-td-rating{
  display:flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:center;
  justify-content: space-between;
  padding: .95rem 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-bottom: 1rem;
}
.ev-td-rating-left strong{
  display:block;
  font-weight: 950;
  font-size: 2rem;
  color: rgba(11,16,32,.88);
}
.ev-td-rating-left span{ color: rgba(11,16,32,.55); font-weight: 800; }
.ev-td-stars i{ color: rgba(234,179,8,.95); }
.ev-td-rating-sub{ display:block; color: rgba(11,16,32,.55); font-weight: 800; margin-top: .25rem; }

.ev-td-quote{
  margin: 0;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
}
.ev-td-quote blockquote{
  margin: 0 0 .85rem;
  color: rgba(11,16,32,.72);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-td-quote figcaption{
  display:flex;
  gap: .75rem;
  align-items:center;
}
.ev-td-avatar{
  width: 46px;
  height: 46px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
}
.ev-td-quote strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-td-quote span{
  display:block;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  margin-top: .05rem;
}

/* Accordion polish */
.ev-td-acc .accordion-button{
  border-radius: 16px !important;
  font-weight: 900;
}
.ev-td-acc-item{
  border: 0;
  background: transparent;
}
.ev-td-acc .accordion-body{
  color: rgba(11,16,32,.70);
  font-weight: 650;
  line-height: var(--lh-loose);
}

/* Sticky Buy Card */
.ev-td-buy{
  position: sticky;
  top: 96px;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  overflow: hidden;
}
.ev-td-buy::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-td-buy-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
  position: relative;
  z-index: 1;
}
.ev-td-buy-top strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-td-buy-sub{ color: rgba(11,16,32,.55); font-weight: 800; }

.ev-td-price{
  padding: .9rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-bottom: .85rem;
  position: relative;
  z-index: 1;
}
.ev-td-price-label{ display:block; color: rgba(11,16,32,.55); font-weight: 800; }
.ev-td-price-val{ display:block; font-weight: 950; font-size: 2rem; color: rgba(11,16,32,.88); }

.ev-td-block{
  margin-bottom: .85rem;
  position: relative;
  z-index: 1;
}
.ev-td-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-td-block-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .55rem;
}
.ev-td-block-head strong{ font-weight: 950; color: rgba(11,16,32,.84); }
.ev-td-block-head span{ color: rgba(11,16,32,.55); font-weight: 800; }

.ev-td-addons{ display:grid; gap: .55rem; }
.ev-td-addon{
  display:flex;
  gap: .65rem;
  align-items:flex-start;
  padding: .75rem .8rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  cursor: pointer;
}
.ev-td-check{
  width: 18px;
  height: 18px;
  margin-top: .2rem;
}
.ev-td-addon-body{ display:block; width: 100%; }
.ev-td-addon-top{
  display:flex;
  gap: .75rem;
  align-items: baseline;
  justify-content: space-between;
}
.ev-td-addon-top strong{ font-weight: 950; color: rgba(11,16,32,.84); }
.ev-td-addon-price{ color: rgba(79,70,229,.95); font-weight: 950; }
.ev-td-addon-sub{
  display:block;
  margin-top: .15rem;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  line-height: 1.5;
}

.ev-td-total{
  padding: .85rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  margin-bottom: .85rem;
  position: relative;
  z-index: 1;
}
.ev-td-buy-actions{ display:grid; gap: .65rem; position: relative; z-index: 1; }

.ev-td-trust{
  margin-top: .9rem;
  display:grid;
  gap: .5rem;
  position: relative;
  z-index: 1;
}
.ev-td-trust-item{
  display:flex;
  gap: .6rem;
  align-items:center;
  padding: .65rem .75rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.66);
  font-weight: 850;
}
.ev-td-trust-item i{ color: rgba(79,70,229,.95); }

.ev-td-mini-note{
  margin-top: .85rem;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px){
  .ev-td-buy{ position: static; top: auto; }
}

/* Modal */
.ev-td-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.ev-td-modal[hidden]{ display:none; }
.ev-td-modal-backdrop{
  position:absolute;
  inset: 0;
  background: rgba(11,16,32,.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ev-td-modal-dialog{
  position: relative;
  margin: 5vh auto 0;
  width: min(960px, calc(100% - 1.5rem));
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.92);
  box-shadow: 0 50px 140px rgba(0,0,0,.25);
  overflow: hidden;
}
.ev-td-modal-close{
  position:absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 12px 28px rgba(11,16,32,.10);
}
.ev-td-modal-head{
  padding: .9rem 1rem .7rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
}
.ev-td-modal-sub{
  color: rgba(11,16,32,.55);
  font-weight: 700;
}
.ev-td-modal-grid{
  padding: 1rem;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.ev-td-shot{
  border: 0;
  padding: 0;
  background: transparent;
  text-align:left;
}
.ev-td-shot-thumb{
  display:block;
  height: 160px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(600px 180px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(520px 170px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  transition: transform var(--dur-3) var(--ease-2);
}
.ev-td-shot:hover .ev-td-shot-thumb{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
}
.ev-td-shot-cap{
  display:block;
  margin-top: .55rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
@media (max-width: 991.98px){
  .ev-td-modal-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px){
  .ev-td-modal-grid{ grid-template-columns: 1fr; }
}

/* =========================
   Templates Listing Page
   ========================= */
.ev-tl-hero{
  position: relative;
  padding-top: 50px;
}
.ev-tl-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-tl-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-tl-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evTlGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evTlGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-tl-glow{ animation:none; }
}

.ev-tl-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  color: rgba(11,16,32,.92);
}
.ev-tl-lead{
  margin: 0 0 1.05rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}
.ev-tl-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: .9rem;
}

/* Quick pills */
.ev-tl-pills{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-tl-pill{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  border-radius: 999px;
  padding: .45rem .85rem;
  font-weight: 900;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-tl-pill:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
}
.ev-tl-pill.is-active{
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.88);
}

/* Hero card */
.ev-tl-hero-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.1rem;
  overflow: hidden;
}
.ev-tl-hero-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-tl-card-title{
  margin: 0 0 .85rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-tl-mini{ display:grid; gap: .65rem; }
.ev-tl-mini-item{
  display:flex;
  gap: .7rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-tl-mini-item i{
  width: 42px;
  height: 42px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 16px 40px rgba(79,70,229,.12);
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-tl-mini-item strong{ display:block; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-tl-mini-item span{ display:block; color: rgba(11,16,32,.58); font-weight: 650; margin-top: .05rem; }

/* Body */
.ev-tl-body{ padding: var(--section-y) 0; }

/* Toolbar */
.ev-tl-toolbar{
  display:flex;
  flex-wrap: wrap;
  gap: .85rem;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ev-tl-search{
  position: relative;
  min-width: min(520px, 100%);
}
.ev-tl-search i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.45);
}
.ev-tl-search .form-control{
  height: 60px;
  padding-left: 42px;
  border-radius: 50px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 700;
}
.ev-tl-toolbar-right{
  display:flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items:center;
}
.ev-tl-sort{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 800;
}
.ev-tl-filterbtn{
  height: 46px;
  border-radius: 16px;
}

/* Filters */
.ev-tl-filters{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1.05rem;
  overflow: hidden;
  position: sticky;
  top: 96px;
}
.ev-tl-filters::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-tl-filters-top{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
  position: relative;
  z-index: 1;
}
.ev-tl-filters-top strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-tl-clear{
  border: 0;
  background: transparent;
  color: rgba(79,70,229,.95);
  font-weight: 950;
  padding: .2rem .25rem;
}
.ev-tl-clear:hover{ color: rgba(6,182,212,.95); }

.ev-tl-group{
  padding-top: .85rem;
  margin-top: .85rem;
  border-top: 1px solid rgba(11,16,32,.10);
  position: relative;
  z-index: 1;
}
.ev-tl-group:first-of-type{
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}
.ev-tl-gtitle{
  display:block;
  margin-bottom: .55rem;
  font-weight: 950;
  color: rgba(11,16,32,.80);
}
.ev-tl-check,
.ev-tl-radio{
  display:flex;
  gap: .65rem;
  align-items:center;
  padding: .45rem .55rem;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.08);
  background: rgba(255,255,255,.60);
  margin: .35rem 0;
  cursor:pointer;
  color: rgba(11,16,32,.70);
  font-weight: 800;
}
.ev-tl-check input,
.ev-tl-radio input{ width: 18px; height: 18px; }
.ev-tl-subcard{
  margin-top: 1rem;
  padding: .9rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  position: relative;
  z-index: 1;
}
.ev-tl-subcard strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-tl-subcard span{ display:block; margin-top: .15rem; color: rgba(11,16,32,.60); font-weight: 650; line-height: 1.5; }
.ev-tl-subcard a{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Results line */
.ev-tl-results{
  display:flex;
  gap: .55rem;
  align-items: baseline;
  margin-bottom: .85rem;
  color: rgba(11,16,32,.62);
  font-weight: 850;
}
.ev-tl-results strong{
  color: rgba(11,16,32,.88);
  font-weight: 950;
}

/* Cards */
.ev-tl-card{
  height: 100%;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
  position: relative;
  transition: transform var(--dur-3) var(--ease-2), box-shadow var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-tl-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-tl-card:hover{
  transform: translateY(calc(var(--hover-lift, 8px) * -1));
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 30px 90px rgba(11,16,32,.10);
}
.ev-tl-thumb{
  display:block;
  height: 170px;
  background:
    radial-gradient(600px 180px at 20% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(520px 170px at 80% 20%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  border-bottom: 1px solid rgba(11,16,32,.08);
  position: relative;
  overflow: hidden;
}
.ev-tl-thumb-glow{
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 25% 30%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.14), transparent 55%);
  filter: blur(14px);
  opacity: .9;
  pointer-events:none;
}
.ev-tl-badge{
  position:absolute;
  top: 12px;
  left: 12px;
  padding: .3rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 950;
}
.ev-tl-badge2{ color: rgba(34,197,94,.85); }

.ev-tl-cardbody{ padding: 1.05rem; }
.ev-tl-h3{
  margin: 0 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-tl-h3 a{
  text-decoration:none;
  color: rgba(11,16,32,.88);
}
.ev-tl-h3 a:hover{ color: rgba(79,70,229,.95); }

.ev-tl-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .9rem;
}
.ev-tl-tag{
  padding: .25rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-tl-tag2{ color: rgba(79,70,229,.95); border-color: rgba(79,70,229,.18); }

.ev-tl-bottom{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
}
.ev-tl-price{
  font-weight: 950;
  color: rgba(11,16,32,.90);
  font-size: 1.25rem;
}
.ev-tl-link{
  display:inline-flex;
  gap: .45rem;
  align-items:center;
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-tl-link:hover{ color: rgba(6,182,212,.95); }

/* Empty */
.ev-tl-empty{ margin-top: 1rem; }
.ev-tl-empty-box{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.06);
  padding: 1.25rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  color: rgba(11,16,32,.70);
}
.ev-tl-empty-box i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-tl-empty-box strong{ display:block; font-weight: 950; }
.ev-tl-empty-box span{ display:block; color: rgba(11,16,32,.55); font-weight: 650; margin-top: .1rem; }

/* Pagination */
.ev-tl-pagination{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: center;
  margin-top: 1.25rem;
}
.ev-tl-page{
  text-decoration:none;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  border-radius: 999px;
  padding: .45rem .85rem;
  font-weight: 900;
  color: rgba(11,16,32,.68);
}
.ev-tl-page:hover{ color: rgba(79,70,229,.95); border-color: rgba(79,70,229,.18); }
.ev-tl-page.is-active{
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.88);
}
.ev-tl-page.is-disabled{
  opacity: .55;
  pointer-events:none;
}

/* Mobile offcanvas */
.ev-tl-off{
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.ev-tl-off[hidden]{ display:none; }
.ev-tl-off-backdrop{
  position:absolute;
  inset: 0;
  background: rgba(11,16,32,.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ev-tl-off-panel{
  position:absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(420px, 92vw);
  background: rgba(255,255,255,.94);
  border-left: 1px solid rgba(11,16,32,.10);
  box-shadow: -30px 0 90px rgba(0,0,0,.18);
  display:flex;
  flex-direction: column;
}
.ev-tl-off-head{
  padding: .95rem 1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
}
.ev-tl-off-head strong{ font-weight: 950; }
.ev-tl-off-x{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ev-tl-off-body{
  padding: 1rem;
  overflow:auto;
}
.ev-tl-off-foot{
  padding: 1rem;
  border-top: 1px solid rgba(11,16,32,.10);
}

/* =========================
   Cart Page
   ========================= */
.ev-cart-hero{
  position: relative;
  padding: calc(var(--section-y) * .8) 0;
}
.ev-cart-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-cart-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-cart-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evCartGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evCartGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-cart-glow{ animation:none; }
}

.ev-cart-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-cart-lead{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}

.ev-cart-body{ padding: 20px 0; }
.ev-cart-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Card wrappers */
.ev-cart-card,
.ev-cart-summary{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-cart-card::before,
.ev-cart-summary::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-cart-cardtop,
.ev-cart-summarytop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-cart-cardtop strong,
.ev-cart-summarytop strong{
  font-weight: 950;
  color: rgba(11,16,32,.86);
}

/* Cart list */
.ev-cart-list{ padding: 1rem; position: relative; z-index: 1; }
.ev-cart-row{
  display:flex;
  gap: .9rem;
  align-items:flex-start;
  padding: .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-top: 10px;
}
.ev-cart-row + .ev-cart-row{ margin-top: .75rem; }

.ev-cart-thumb{
  width: 96px;
  height: 72px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(520px 160px at 25% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(460px 150px at 80% 25%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  flex: 0 0 auto;
}
.ev-cart-info{ flex: 1 1 auto; min-width: 0; }
.ev-cart-name{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.01em;
}
.ev-cart-name a{
  text-decoration:none;
  color: rgba(11,16,32,.88);
}
.ev-cart-name a:hover{ color: rgba(79,70,229,.95); }
.ev-cart-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-bottom: .75rem;
}
.ev-cart-tag{
  padding: .25rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.70);
  font-weight: 900;
}

.ev-cart-controls{
  display:flex;
  flex-wrap: wrap;
  gap: .6rem;
  align-items:center;
  justify-content: space-between;
}
.ev-cart-qty{
  display:inline-flex;
  align-items:center;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  overflow:hidden;
}
.ev-cart-qty button{
  width: 38px;
  height: 36px;
  border: 0;
  background: transparent;
  font-weight: 950;
  color: rgba(11,16,32,.75);
}
.ev-cart-qty button:hover{ color: rgba(79,70,229,.95); }
.ev-cart-qty input{
  width: 48px;
  height: 36px;
  border: 0;
  text-align:center;
  background: transparent;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-cart-actions{
  display:flex;
  gap: .55rem;
  align-items:center;
}
.ev-cart-remove{
  border: 0;
  background: transparent;
  color: rgba(11,16,32,.55);
  font-weight: 900;
  display:inline-flex;
  gap: .45rem;
  align-items:center;
}
.ev-cart-remove:hover{ color: rgba(239,68,68,.90); }

.ev-cart-right{
  text-align:right;
  min-width: 110px;
}
.ev-cart-itemprice{
  font-weight: 950;
  font-size: 1.15rem;
  color: rgba(11,16,32,.90);
}
.ev-cart-subprice{
  display:block;
  margin-top: .15rem;
  color: rgba(11,16,32,.55);
  font-weight: 800;
}

/* Empty */
.ev-cart-empty{ padding: 1rem; position: relative; z-index: 1; }
.ev-cart-emptybox{
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  gap: .75rem;
  align-items:flex-start;
}
.ev-cart-emptybox i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-cart-emptybox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-cart-emptybox span{ display:block; margin-top: .05rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* Summary */
.ev-cart-summary{
  position: sticky;
  top: 96px;
  padding-bottom: 1rem;
}
.ev-cart-line{
  padding: .75rem 1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
  color: rgba(11,16,32,.70);
  font-weight: 850;
}
.ev-cart-line strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-cart-total{
  margin: .2rem 1rem .85rem;
  padding: .85rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  position: relative;
  z-index: 1;
}
.ev-cart-coupon{
  padding: 0 1rem .9rem;
  position: relative;
  z-index: 1;
}
.ev-cart-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-cart-couponrow{
  display:flex;
  gap: .55rem;
  align-items:center;
}
.ev-cart-couponrow .form-control{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 700;
}
.ev-cart-hint{
  margin-top: .45rem;
  color: rgba(34,197,94,.85);
  font-weight: 850;
}
.ev-cart-trust{
  margin: .9rem 1rem 0;
  display:grid;
  gap: .5rem;
  position: relative;
  z-index: 1;
}
.ev-cart-trustitem{
  display:flex;
  gap: .6rem;
  align-items:center;
  padding: .65rem .75rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.66);
  font-weight: 850;
}
.ev-cart-trustitem i{ color: rgba(79,70,229,.95); }
.ev-cart-note{
  margin: .85rem 1rem 0;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px){
  .ev-cart-summary{ position: static; top: auto; }
}

/* =========================
   Mini Cart Drawer
   ========================= */
.ev-cart-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(79,70,229,.95);
  display:inline-block;
  margin-left: .4rem;
}

.ev-mc{
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.ev-mc[hidden]{ display:none; }
.ev-mc-backdrop{
  position:absolute;
  inset: 0;
  background: rgba(11,16,32,.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ev-mc-panel{
  position:absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(420px, 92vw);
  background: rgba(255,255,255,.94);
  border-left: 1px solid rgba(11,16,32,.10);
  box-shadow: -30px 0 90px rgba(0,0,0,.18);
  display:flex;
  flex-direction: column;
}
.ev-mc-head{
  padding: .95rem 1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
}
.ev-mc-head strong{ font-weight: 950; }
.ev-mc-sub{ display:block; margin-top: .05rem; color: rgba(11,16,32,.55); font-weight: 800; }
.ev-mc-x{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ev-mc-body{
  padding: 1rem;
  overflow:auto;
  flex: 1 1 auto;
}
.ev-mc-list{ display:grid; gap: .75rem; }
.ev-mc-item{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-mc-thumb{
  width: 72px;
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(520px 160px at 25% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(460px 150px at 80% 25%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  flex: 0 0 auto;
}
.ev-mc-info{ flex: 1 1 auto; min-width: 0; }
.ev-mc-name{
  margin: 0 0 .25rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
  font-size: 1rem;
}
.ev-mc-meta{
  display:flex;
  gap: .45rem;
  flex-wrap: wrap;
  margin-bottom: .6rem;
}
.ev-mc-tag{
  padding: .2rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.70);
  font-weight: 900;
  font-size: .85rem;
}
.ev-mc-bottom{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
}
.ev-mc-price{ font-weight: 950; color: rgba(11,16,32,.90); }
.ev-mc-remove{
  border:0;
  background: transparent;
  color: rgba(11,16,32,.55);
  font-weight: 900;
  display:inline-flex;
  gap: .45rem;
  align-items:center;
}
.ev-mc-remove:hover{ color: rgba(239,68,68,.90); }

.ev-mc-empty{
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-mc-empty i{
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-mc-empty strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-mc-empty span{ display:block; margin-top: .1rem; color: rgba(11,16,32,.55); font-weight: 650; }

.ev-mc-foot{
  padding: 1rem;
  border-top: 1px solid rgba(11,16,32,.10);
}
.ev-mc-line{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
  color: rgba(11,16,32,.70);
  font-weight: 850;
}
.ev-mc-line strong{ color: rgba(11,16,32,.88); font-weight: 950; }

/* =========================
   Checkout Page
   ========================= */
.ev-co-hero{
  position: relative;
  padding: calc(var(--section-y) * .8) 0;
}
.ev-co-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-co-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-co-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evCoGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evCoGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-co-glow{ animation:none; }
}
.ev-co-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-co-lead{
  margin: 0;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 72ch;
}

.ev-co-body{ padding: var(--section-y) 0; }
.ev-co-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

.ev-co-card,
.ev-co-summary{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-co-card::before,
.ev-co-summary::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-co-cardtop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-co-cardtop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-co-cardbody{ padding: 1rem; position: relative; z-index: 1; }

.ev-co-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-co-form .form-control,
.ev-co-form .form-select{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 700;
}
.ev-co-form textarea.form-control{
  height: auto;
  border-radius: 16px;
  padding-top: .75rem;
}
.ev-co-err{
  margin-top: .35rem;
  color: rgba(239,68,68,.90);
  font-weight: 800;
}
.ev-co-hr{
  margin: 1.1rem 0;
  border-color: rgba(11,16,32,.10);
}

.ev-co-block{ margin-top: 1rem; }
.ev-co-blockhead{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .55rem;
}
.ev-co-blockhead strong{ font-weight: 950; color: rgba(11,16,32,.84); }
.ev-co-blockhead span{ color: rgba(11,16,32,.55); font-weight: 800; }
.ev-co-minihelp{
  margin-top: .45rem;
  color: rgba(11,16,32,.55);
  font-weight: 700;
  line-height: 1.5;
}

/* Add-ons */
.ev-co-addons{ display:grid; gap: .55rem; }
.ev-co-addon{
  display:flex;
  gap: .65rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  cursor:pointer;
}
.ev-co-check{ width: 18px; height: 18px; margin-top: .2rem; }
.ev-co-addonbody{ display:block; width: 100%; }
.ev-co-addontop{
  display:flex;
  gap: .75rem;
  align-items: baseline;
  justify-content: space-between;
}
.ev-co-addontop strong{ font-weight: 950; color: rgba(11,16,32,.84); }
.ev-co-addonprice{ color: rgba(79,70,229,.95); font-weight: 950; }
.ev-co-addonsub{
  display:block;
  margin-top: .15rem;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  line-height: 1.5;
}

/* Payment */
.ev-co-pay .ev-co-cardbody{ padding-top: .9rem; }
.ev-co-paygrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .75rem;
}
.ev-co-payopt{ margin: 0; cursor: pointer; }
.ev-co-payopt input{ position:absolute; opacity:0; pointer-events:none; }
.ev-co-paybox{
  display:block;
  padding: .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  transition: transform var(--dur-3) var(--ease-2), border-color var(--dur-3) var(--ease-2);
}
.ev-co-paybox i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-co-paybox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-co-paybox span{ display:block; color: rgba(11,16,32,.55); font-weight: 700; margin-top: .1rem; }
.ev-co-payopt input:checked + .ev-co-paybox{
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  transform: translateY(-2px);
}
@media (max-width: 991.98px){
  .ev-co-paygrid{ grid-template-columns: 1fr; }
}
.ev-co-paynote{
  margin-top: .75rem;
  color: rgba(11,16,32,.55);
  font-weight: 700;
  line-height: 1.5;
}

/* Actions */
.ev-co-actions{ margin-top: 1.15rem; }
.ev-co-legal{
  margin-top: .85rem;
  color: rgba(11,16,32,.55);
  font-weight: 700;
  line-height: 1.5;
}

/* Summary */
.ev-co-summary{
  position: sticky;
  top: 96px;
  padding-bottom: 1rem;
}
@media (max-width: 991.98px){
  .ev-co-summary{ position: static; top: auto; }
}
.ev-co-sumlist{
  padding: 1rem;
  display:grid;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-co-sumitem{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-co-sumthumb{
  width: 72px;
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(520px 160px at 25% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(460px 150px at 80% 25%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  flex: 0 0 auto;
}
.ev-co-sumthumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  background-position: center;
}
.ev-co-suminfo{ flex: 1 1 auto; min-width: 0; }
.ev-co-sumname{
  margin: 0 0 .25rem;
  font-weight: 950;
  color: rgba(11,16,32,.88);
}
.ev-co-summeta{
  display:flex;
  gap: .45rem;
  flex-wrap: wrap;
  margin-bottom: .6rem;
}
.ev-co-sumtag{
  padding: .2rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.70);
  font-weight: 900;
  font-size: .85rem;
}
.ev-co-sumprice{
  font-weight: 950;
  color: rgba(11,16,32,.90);
}
.ev-co-sumlines{
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}
.ev-co-line{
  padding: .65rem 0;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  color: rgba(11,16,32,.70);
  font-weight: 850;
  border-top: 1px solid rgba(11,16,32,.10);
}
.ev-co-line:first-child{ border-top: 0; }
.ev-co-line strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-co-total{
  margin: .65rem 0 .85rem;
  padding: .85rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 950;
  color: rgba(11,16,32,.88);
}

.ev-co-trust{
  margin: .9rem 1rem 0;
  display:grid;
  gap: .5rem;
  position: relative;
  z-index: 1;
}
.ev-co-trustitem{
  display:flex;
  gap: .6rem;
  align-items:center;
  padding: .65rem .75rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.66);
  font-weight: 850;
}
.ev-co-trustitem i{ color: rgba(79,70,229,.95); }
.ev-co-note{
  margin: .85rem 1rem 0;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

/* Empty */
.ev-co-empty{ margin-top: 1rem; }
.ev-co-emptybox{
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-co-emptybox i{
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-co-emptybox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-co-emptybox span{ display:block; margin-top: .1rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* =========================
   Thank You + Downloads
   ========================= */

/* Shared hero look */
.ev-ty-hero, .ev-dl-hero{ position: relative; padding: calc(var(--section-y) * .8) 0; }
.ev-ty-hero-box, .ev-dl-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-ty-hero-box::before, .ev-dl-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-ty-glow, .ev-dl-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evTyGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evTyGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-ty-glow, .ev-dl-glow{ animation:none; }
}

.ev-ty-title, .ev-dl-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-ty-lead, .ev-dl-lead{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 78ch;
}
.ev-ty-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .75rem;
}

/* Status pill */
.ev-ty-status, .ev-dl-status{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .75rem;
}
.ev-statuspill{
  display:inline-flex;
  gap: .55rem;
  align-items:center;
  padding: .55rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 900;
  color: rgba(11,16,32,.74);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-statuspill i{ color: rgba(79,70,229,.95); }
.ev-statuspill.is-paid{
  border-color: rgba(34,197,94,.22);
  background: linear-gradient(180deg, rgba(34,197,94,.10), rgba(6,182,212,.06));
}
.ev-statuspill.is-paid i{ color: rgba(34,197,94,.90); }
.ev-statuspill.is-pending{
  border-color: rgba(245,158,11,.22);
  background: linear-gradient(180deg, rgba(245,158,11,.10), rgba(79,70,229,.06));
}
.ev-statuspill.is-pending i{ color: rgba(245,158,11,.90); }
.ev-statuspill.is-failed{
  border-color: rgba(239,68,68,.22);
  background: linear-gradient(180deg, rgba(239,68,68,.10), rgba(79,70,229,.06));
}
.ev-statuspill.is-failed i{ color: rgba(239,68,68,.90); }

/* Sim links */
.ev-ty-sim, .ev-dl-sim{
  margin-top: .75rem;
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
.ev-ty-simlink, .ev-dl-simlink{
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-ty-simlink:hover, .ev-dl-simlink:hover{ color: rgba(6,182,212,.95); }
.ev-ty-sep, .ev-dl-sep{ margin: 0 .4rem; color: rgba(11,16,32,.40); }
.ev-ty-simlabel, .ev-dl-simlabel{ margin-right: .45rem; }

/* Bodies */
.ev-ty-body, .ev-dl-body{ padding: var(--section-y) 0; }
.ev-ty-muted, .ev-dl-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Cards */
.ev-ty-card, .ev-ty-summary, .ev-dl-card, .ev-dl-side{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-ty-card::before, .ev-ty-summary::before, .ev-dl-card::before, .ev-dl-side::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-ty-cardtop, .ev-dl-cardtop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-ty-cardtop strong, .ev-dl-cardtop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-ty-cardbody, .ev-dl-cardbody{ padding: 1rem; position: relative; z-index: 1; }

.ev-ty-summary{
  position: sticky;
  top: 96px;
  padding-bottom: 1rem;
}
@media (max-width: 991.98px){
  .ev-ty-summary{ position: static; top: auto; }
}

/* Key/Value */
.ev-ty-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .75rem;
}
@media (max-width: 575.98px){
  .ev-ty-grid{ grid-template-columns: 1fr; }
}
.ev-ty-kv{
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-ty-kv span{ display:block; color: rgba(11,16,32,.55); font-weight: 800; }
.ev-ty-kv strong{ display:block; margin-top: .1rem; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-ty-hr{ margin: 1rem 0; border-color: rgba(11,16,32,.10); }

/* Items */
.ev-ty-items{ display:grid; gap: .75rem; }
.ev-ty-item{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-ty-thumb{
  width: 72px;
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(520px 160px at 25% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(460px 150px at 80% 25%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.62);
  flex: 0 0 auto;
}
.ev-ty-iteminfo{ flex: 1 1 auto; min-width: 0; }
.ev-ty-itemname{ margin: 0 0 .25rem; font-weight: 950; color: rgba(11,16,32,.88); }
.ev-ty-itemmeta{ display:flex; gap:.45rem; flex-wrap:wrap; }
.ev-ty-tag{
  padding: .2rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.70);
  font-weight: 900;
  font-size: .85rem;
}
.ev-ty-itemprice{ font-weight: 950; color: rgba(11,16,32,.90); }

/* Add-ons */
.ev-ty-subtitle{ display:block; margin-bottom: .45rem; font-weight: 950; color: rgba(11,16,32,.84); }
.ev-ty-addonlist{ display:grid; gap: .55rem; }
.ev-ty-addonrow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
}
.ev-ty-addonrow strong{ font-weight: 950; color: rgba(11,16,32,.80); }
.ev-ty-addonrow span{ color: rgba(79,70,229,.95); font-weight: 950; }

/* Note */
.ev-ty-note{
  margin-top: 1rem;
  padding: .9rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-ty-note strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-ty-note span{ display:block; margin-top: .15rem; color: rgba(11,16,32,.60); font-weight: 700; line-height: 1.5; }

/* Summary lines */
.ev-ty-sumlines{ padding: 1rem; position: relative; z-index: 1; }
.ev-ty-line{
  padding: .55rem 0;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  color: rgba(11,16,32,.70);
  font-weight: 850;
  border-top: 1px solid rgba(11,16,32,.10);
}
.ev-ty-line:first-child{ border-top: 0; }
.ev-ty-line strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-ty-total{
  margin-top: .65rem;
  padding: .85rem .95rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 950;
  color: rgba(11,16,32,.88);
}
.ev-ty-help{
  margin: .9rem 1rem 0;
  display:grid;
  gap: .5rem;
  position: relative;
  z-index: 1;
}
.ev-ty-helpitem{
  display:flex;
  gap: .6rem;
  align-items:center;
  padding: .65rem .75rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  color: rgba(11,16,32,.66);
  font-weight: 850;
}
.ev-ty-helpitem i{ color: rgba(79,70,229,.95); }

/* Empty states */
.ev-ty-empty, .ev-dl-empty{ margin-top: 1rem; }
.ev-ty-emptybox, .ev-dl-emptybox{
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-ty-emptybox i, .ev-dl-emptybox i{
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-ty-emptybox strong, .ev-dl-emptybox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-ty-emptybox span, .ev-dl-emptybox span{ display:block; margin-top: .1rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* Downloads files */
.ev-dl-cardbody{ position: relative; z-index: 1; }
.ev-dl-lockedbox{
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  display:flex;
  gap: .75rem;
  align-items:flex-start;
}
.ev-dl-lockedbox i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-dl-lockedbox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-dl-lockedbox span{ display:block; margin-top: .05rem; color: rgba(11,16,32,.55); font-weight: 650; }

.ev-dl-files{ display:grid; gap: .75rem; }
.ev-dl-file{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-dl-ficon{
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-dl-finfo{ flex: 1 1 auto; min-width: 0; }
.ev-dl-fname{ margin: 0 0 .2rem; font-weight: 950; color: rgba(11,16,32,.88); }
.ev-dl-fmeta{ color: rgba(11,16,32,.55); font-weight: 700; line-height: 1.5; }
.ev-dl-factions{
  display:flex;
  flex-direction: column;
  gap: .5rem;
  min-width: 160px;
}
@media (max-width: 575.98px){
  .ev-dl-file{ flex-direction: column; }
  .ev-dl-factions{ width: 100%; min-width: 0; }
}

.ev-dl-sidebody{ padding: 1rem; position: relative; z-index: 1; }
.ev-dl-step{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-dl-step + .ev-dl-step{ margin-top: .65rem; }
.ev-dl-step i{ color: rgba(79,70,229,.95); margin-top: .15rem; }
.ev-dl-step strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-dl-step span{ display:block; margin-top: .05rem; color: rgba(11,16,32,.55); font-weight: 650; line-height: 1.5; }
.ev-dl-note{
  margin-top: .85rem;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
}

/* =========================
   Legal Pages (License / Refund)
   ========================= */
.ev-legal-hero{ position: relative; padding: calc(var(--section-y) * .8) 0; }
.ev-legal-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-legal-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-legal-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evLegalGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evLegalGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-legal-glow{ animation:none; }
}

.ev-legal-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-legal-lead{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 82ch;
}

.ev-legal-badges{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .75rem;
}
.ev-legal-badge{
  text-decoration:none;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  border-radius: 999px;
  padding: .45rem .85rem;
  font-weight: 950;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-legal-badge:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
}

.ev-legal-body{ padding: var(--section-y) 0; }
.ev-legal-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Card */
.ev-legal-card, .ev-legal-side{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-legal-card::before, .ev-legal-side::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-legal-cardtop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-legal-cardtop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-legal-cardbody{ padding: 1rem; position: relative; z-index: 1; }

/* Prose */
.ev-legal-prose h2{
  margin: 1.15rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-legal-prose h3{
  margin: .85rem 0 .4rem;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-legal-prose p{
  color: rgba(11,16,32,.66);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-legal-prose ul, .ev-legal-prose ol{
  margin: .4rem 0 0;
  padding-left: 1.1rem;
  color: rgba(11,16,32,.66);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-legal-prose li{ margin: .35rem 0; }

/* Side */
.ev-legal-side{
  position: sticky;
  top: 96px;
}
@media (max-width: 991.98px){
  .ev-legal-side{ position: static; top: auto; }
}
.ev-legal-sidebody{
  padding: 1rem;
  position: relative;
  z-index: 1;
}
.ev-legal-sideitem{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-legal-sideitem + .ev-legal-sideitem{ margin-top: .65rem; }
.ev-legal-sideitem i{ color: rgba(79,70,229,.95); margin-top: .15rem; }
.ev-legal-sideitem strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-legal-sideitem span{
  display:block;
  margin-top: .05rem;
  color: rgba(11,16,32,.55);
  font-weight: 650;
  line-height: 1.5;
}
.ev-legal-note{
  margin-top: .85rem;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
}

/* =========================
   Cookie Consent Banner
   ========================= */
.ev-cookie{
  position: fixed;
  inset: auto auto 18px 18px;
  z-index: 9998;
}
.ev-cookie[hidden]{ display:none; }

.ev-cookie-card{
  width: min(420px, calc(100vw - 36px));
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 24px 80px rgba(11,16,32,.16);
  overflow: hidden;
  transform: translateY(10px);
  opacity: 0;
  animation: evCookieIn var(--dur-3) var(--ease-2) forwards;
}
.ev-cookie-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
@keyframes evCookieIn{
  to{ transform: translateY(0); opacity: 1; }
}
@media (prefers-reduced-motion: reduce){
  .ev-cookie-card{ animation:none; transform:none; opacity: 1; }
}

.ev-cookie-top{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .95rem 1rem .8rem;
  position: relative;
  z-index: 1;
}
.ev-cookie-icon{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-cookie-copy{ flex: 1 1 auto; min-width: 0; }
.ev-cookie-copy strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  letter-spacing: -.01em;
}
.ev-cookie-copy p{
  margin: .25rem 0 0;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.5;
}
.ev-cookie-link{
  color: rgba(79,70,229,.95);
  text-decoration: none;
  font-weight: 950;
}
.ev-cookie-link:hover{ color: rgba(6,182,212,.95); }

.ev-cookie-x{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(11,16,32,.70);
  flex: 0 0 auto;
}
.ev-cookie-x:hover{ color: rgba(11,16,32,.92); }

.ev-cookie-actions{
  display:flex;
  gap: .55rem;
  padding: 0 1rem 1rem;
  position: relative;
  z-index: 1;
}
.ev-cookie-actions .btn{
  flex: 1 1 auto;
  border-radius: 16px;
}
.ev-cookie-actions .ev-btn-ghost{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(11,16,32,.12);
}

/* Customize panel */
.ev-cookie-panel{
  border-top: 1px solid rgba(11,16,32,.10);
  padding: .85rem 1rem 1rem;
  position: relative;
  z-index: 1;
}
.ev-cookie-opt{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .9rem;
  padding: .75rem .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.05);
}
.ev-cookie-opt + .ev-cookie-opt{ margin-top: .6rem; }
.ev-cookie-opt strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-cookie-opt span{
  display:block;
  margin-top: .05rem;
  color: rgba(11,16,32,.55);
  font-weight: 650;
  line-height: 1.45;
}

.ev-cookie-pill{
  padding: .25rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 900;
  white-space: nowrap;
}

.ev-cookie-opt--check{ cursor:pointer; }
.ev-cookie-toggle{
  position: relative;
  width: 46px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(11,16,32,.08);
  display:inline-block;
  flex: 0 0 auto;
}
.ev-cookie-check{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.ev-cookie-toggle > span{
  position:absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 10px 20px rgba(11,16,32,.15);
  transition: transform var(--dur-2) var(--ease-2);
}
.ev-cookie-check:checked + span{
  transform: translateX(18px);
}
.ev-cookie-toggle{
  background: rgba(11,16,32,.10);
}
.ev-cookie-opt--check:has(.ev-cookie-check:checked) .ev-cookie-toggle{
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(90deg, rgba(79,70,229,.55), rgba(6,182,212,.45));
}

.ev-cookie-actions--panel{
  margin-top: .75rem;
  padding: 0;
}

/* Optional: subtle underline on hover for cookie settings link */
a[data-ev-cookie-settings]{ text-decoration: none; }
a[data-ev-cookie-settings]:hover{ text-decoration: underline; }

/* =========================
   Header Cart Icon Button
   ========================= */
.ev-nav-user-icon.mobile{
  background-color: var(--brand-1);
  height: 44px;
  width: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ev-nav-user-icon.mobile i{
  color: #ffffff;
}
.ev-nav-user-icon i{
  font-size: 20px;
}
.ev-nav-icon{
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.68);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.72);
  transition:
    transform var(--dur-2) var(--ease-2),
    border-color var(--dur-2) var(--ease-2),
    box-shadow var(--dur-2) var(--ease-2),
    color var(--dur-2) var(--ease-2);
}

.ev-nav-icon i{
  font-size: 1.05rem;
  line-height: 1;
}

.ev-nav-icon:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(11,16,32,.92);
  box-shadow: 0 18px 55px rgba(11,16,32,.10);
}

.ev-nav-icon:active{
  transform: translateY(0);
}

/* If you want the cart icon to feel "premium", add a faint gradient wash */
.ev-nav-icon::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(79,70,229,.18), rgba(6,182,212,.14), rgba(163,230,53,.06));
  opacity: .18;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

/* Notification dot (when cart has items) */
.ev-cart-dot{
  position: absolute;
  top: 9px;
  right: 10px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(34,197,94,.95), rgba(6,182,212,.85));
  box-shadow: 0 10px 18px rgba(34,197,94,.24);
}

/* Subtle pulse ring */
.ev-cart-dot::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: inherit;
  border: 1px solid rgba(34,197,94,.35);
  opacity: .0;
  transform: scale(.85);
  animation: evCartPulse 1.8s var(--ease-2) infinite;
}

@keyframes evCartPulse{
  0%{ opacity: 0; transform: scale(.75); }
  25%{ opacity: .55; }
  100%{ opacity: 0; transform: scale(1.45); }
}

@media (prefers-reduced-motion: reduce){
  .ev-cart-dot::after{ animation: none; display:none; }
}

/* Keyboard focus ring (if ev-focus doesn't already handle it) */
.ev-nav-icon:focus-visible{
  outline: 0;
  box-shadow:
    0 18px 55px rgba(11,16,32,.10),
    0 0 0 4px rgba(79,70,229,.16);
  border-color: rgba(79,70,229,.22);
}

@media (max-width: 575.98px){
  .ev-nav-icon{ width: 42px; height: 42px; border-radius: 15px; }
}
/* =========================
   Cart Count Badge
   ========================= */
.ev-cart-badge{
  position: absolute;
  top: -5px;
  right: 6px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1;

  color: #fff;
  background: linear-gradient(180deg, rgba(79,70,229,.98), rgba(6,182,212,.92));
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 12px 22px rgba(79,70,229,.20);
}

/* tiny shimmer */
.ev-cart-badge::before{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: inherit;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.45), transparent 55%);
  opacity: .6;
  pointer-events:none;
}

/* subtle pulse ring */
.ev-cart-badge::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius: inherit;
  border: 1px solid rgba(79,70,229,.28);
  opacity: 0;
  transform: scale(.86);
  animation: evCartBadgePulse 1.9s var(--ease-2) infinite;
}

@keyframes evCartBadgePulse{
  0%{ opacity: 0; transform: scale(.82); }
  22%{ opacity: .55; }
  100%{ opacity: 0; transform: scale(1.45); }
}

@media (prefers-reduced-motion: reduce){
  .ev-cart-badge::after{ animation:none; display:none; }
}

/* If badge is visible, hide dot automatically (even if dot isn't toggled in JS) */
.ev-nav-icon:has(.ev-cart-badge:not([hidden])) .ev-cart-dot{
  display: none !important;
}

.ev-cart-drawer{
width:380px;
}

.ev-cart-thumb{
object-fit:cover;
border:1px solid #eee;
}

.ev-cart-item{
padding:15px 20px;
}

.ev-cart-empty i{
opacity:.5;
}

.offcanvas-footer{
background:#fff;
}

/* =========================
   Contact Page
   ========================= */
.ev-contact-hero{ position: relative; padding: calc(var(--section-y) * .8) 0; }
.ev-contact-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-contact-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-contact-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evContactGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evContactGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-contact-glow{ animation:none; }
}
.ev-contact-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-contact-lead{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 78ch;
}
.ev-contact-chips{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.75rem; }
.ev-contact-chip{
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.68);
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
}

.ev-contact-body{ padding: var(--section-y) 0; }
.ev-contact-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

.ev-contact-card,
.ev-contact-side{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-contact-card::before,
.ev-contact-side::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-contact-cardtop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-contact-cardtop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-contact-cardbody{ padding: 1rem; position: relative; z-index: 1; }

.ev-contact-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-contact-form .form-control,
.ev-contact-form .form-select{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 700;
}
.ev-contact-form textarea.form-control{
  height:auto;
  border-radius: 16px;
  padding-top: .75rem;
}
.ev-contact-err{
  margin-top: .35rem;
  color: rgba(239,68,68,.90);
  font-weight: 800;
}
.ev-contact-actions{ margin-top: 1rem; }
.ev-contact-fine{
  margin: .65rem 0 0;
  color: rgba(11,16,32,.55);
  font-weight: 700;
  line-height: 1.5;
  text-align:center;
}
.ev-contact-link{
  color: rgba(79,70,229,.95);
  text-decoration:none;
  font-weight: 950;
}
.ev-contact-link:hover{ color: rgba(6,182,212,.95); }

.ev-contact-check{
  display:flex;
  gap: .6rem;
  align-items:flex-start;
  padding: .8rem .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.62);
  box-shadow: 0 14px 40px rgba(11,16,32,.05);
  cursor:pointer;
  user-select:none;
}
.ev-contact-checkbox{ width: 18px; height: 18px; margin-top: .15rem; }

.ev-contact-alert{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-bottom: .9rem;
}
.ev-contact-alert i{
  width: 44px;
  height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  flex: 0 0 auto;
}
.ev-contact-alert strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-contact-alert span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.58); font-weight: 650; line-height: 1.5; }

.ev-contact-alert--success{ border-color: rgba(34,197,94,.18); }
.ev-contact-alert--success i{ color: rgba(34,197,94,.92); background: rgba(34,197,94,.08); }
.ev-contact-alert--error{ border-color: rgba(239,68,68,.18); }
.ev-contact-alert--error i{ color: rgba(239,68,68,.92); background: rgba(239,68,68,.08); }

/* Side */
.ev-contact-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-contact-side{ position: static; top:auto; } }
.ev-contact-sidebody{ padding: 1rem; position: relative; z-index: 1; }

.ev-contact-item{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-contact-item + .ev-contact-item{ margin-top: .65rem; }
.ev-contact-item i{ color: rgba(79,70,229,.95); margin-top: .15rem; }
.ev-contact-item strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-contact-item span{ display:block; margin-top: .05rem; color: rgba(11,16,32,.55); font-weight: 650; line-height: 1.5; }

.ev-contact-hr{ margin: 1rem 0; border-color: rgba(11,16,32,.10); }

.ev-contact-mini strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-contact-mini p{ margin: .25rem 0 .75rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

.ev-contact-social{
  margin-top: .75rem;
  display:flex;
  gap: .55rem;
}
.ev-contact-sbtn{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(11,16,32,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.05);
  text-decoration:none;
}
.ev-contact-sbtn:hover{
  color: rgba(79,70,229,.95);
  border-color: rgba(79,70,229,.18);
  transform: translateY(-1px);
}

/* Bottom mini cards */
.ev-contact-miniCard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1rem;
  overflow:hidden;
}
.ev-contact-miniCard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .10;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-contact-miniCard i{
  width: 48px;
  height: 48px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .65rem;
}
.ev-contact-miniCard strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-contact-miniCard span{ display:block; margin-top: .2rem; color: rgba(11,16,32,.58); font-weight: 650; line-height: 1.55; }

/* =========================
   FAQs Page
   ========================= */
.ev-faq-hero{ position: relative; padding: calc(var(--section-y) * .8) 0; }
.ev-faq-hero-box{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-faq-hero-box::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-faq-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evFaqGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evFaqGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-faq-glow{ animation:none; }
}

.ev-faq-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-faq-lead{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 82ch;
}

/* Tools */
.ev-faq-tools{
  display:flex;
  gap: .75rem;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .75rem;
}
.ev-faq-search{
  position: relative;
  flex: 1 1 320px;
  max-width: 560px;
}
.ev-faq-search i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.50);
}
.ev-faq-search input{
  width: 100%;
  height: 48px;
  padding: 0 14px 0 42px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 750;
  color: rgba(11,16,32,.84);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}

/* Chips */
.ev-faq-chips{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.85rem; }
.ev-faq-chip{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  border-radius: 999px;
  padding: .42rem .85rem;
  font-weight: 950;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-faq-chip:hover{ transform: translateY(-1px); border-color: rgba(79,70,229,.18); color: rgba(79,70,229,.95); }
.ev-faq-chip.is-active{
  color: rgba(11,16,32,.92);
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
}

.ev-faq-body{ padding: var(--section-y) 0; }
.ev-faq-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Cards */
.ev-faq-card,
.ev-faq-side{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-faq-card::before,
.ev-faq-side::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-faq-cardtop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-faq-cardtop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-faq-cardbody{ padding: 1rem; position: relative; z-index: 1; }

/* Accordion enhancements */
.ev-faq-acc .accordion-item{
  border: 1px solid rgba(11,16,32,.10);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.05);
}
.ev-faq-acc .accordion-item + .accordion-item{ margin-top: .75rem; }
.ev-faq-acc .accordion-button{
  font-weight: 950;
  color: rgba(11,16,32,.86);
  background: rgba(255,255,255,.78);
  border: 0;
  box-shadow: none;
  padding: 1rem 1rem;
}
.ev-faq-acc .accordion-button:not(.collapsed){
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
  color: rgba(11,16,32,.92);
}
.ev-faq-acc .accordion-body{
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
  padding: .95rem 1rem 1rem;
}
.ev-faq-acc a{ color: rgba(79,70,229,.95); text-decoration:none; font-weight: 950; }
.ev-faq-acc a:hover{ color: rgba(6,182,212,.95); }

/* Empty state */
.ev-faq-emptybox{
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-faq-emptybox i{
  width: 54px; height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-faq-emptybox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-faq-emptybox span{ display:block; margin-top:.1rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* Side */
.ev-faq-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-faq-side{ position: static; top:auto; } }
.ev-faq-sidebody{ padding: 1rem; position: relative; z-index: 1; }

.ev-faq-sideitem{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-faq-sideitem + .ev-faq-sideitem{ margin-top: .65rem; }
.ev-faq-sideitem i{ color: rgba(79,70,229,.95); margin-top: .15rem; }
.ev-faq-sideitem strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-faq-sideitem span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.55); font-weight: 650; line-height: 1.5; }

.ev-faq-note{
  margin-top: .85rem;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
}

/* =========================
   Support Center (Landing)
   ========================= */
.ev-sup-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-sup-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-sup-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sup-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evSupGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evSupGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-sup-glow{ animation:none; }
}

.ev-sup-title{
  margin: .45rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-sup-lead{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 82ch;
}

/* Search + actions */
.ev-sup-searchWrap{
  display:flex;
  gap: .75rem;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .8rem;
}
.ev-sup-search{
  position: relative;
  flex: 1 1 340px;
  max-width: 640px;
}
.ev-sup-search i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.50);
}
.ev-sup-search input{
  width: 100%;
  height: 50px;
  padding: 0 48px 0 42px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 750;
  color: rgba(11,16,32,.84);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-sup-clear{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.76);
  color: rgba(11,16,32,.70);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ev-sup-actions{
  display:flex;
  gap: .55rem;
  align-items:center;
}

/* Chips */
.ev-sup-chips{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.85rem; }
.ev-sup-chip{
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  border-radius: 999px;
  padding: .42rem .85rem;
  font-weight: 950;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-sup-chip:hover{ transform: translateY(-1px); border-color: rgba(79,70,229,.18); color: rgba(79,70,229,.95); }
.ev-sup-chip.is-active{
  color: rgba(11,16,32,.92);
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
}

.ev-sup-body{ padding: var(--section-y) 0; }

/* Category cards */
.ev-sup-cat{
  position: relative;
  display:block;
  text-decoration:none;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1rem;
  overflow:hidden;
  height: 100%;
}
.ev-sup-cat::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .10;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sup-catIcon{
  width: 54px;
  height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .65rem;
  position: relative;
  z-index: 1;
}
.ev-sup-cat strong{
  display:block;
  position: relative;
  z-index: 1;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-sup-cat span{
  display:block;
  position: relative;
  z-index: 1;
  margin-top: .2rem;
  color: rgba(11,16,32,.58);
  font-weight: 650;
  line-height: 1.55;
}
.ev-sup-cat:hover{ transform: translateY(-2px); }

/* Section top */
.ev-sup-sectionTop{
  margin-top: 1.25rem;
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.ev-sup-h2{ margin: 0; font-weight: 950; letter-spacing: -.01em; color: rgba(11,16,32,.88); }
.ev-sup-p{ margin: .2rem 0 0; color: rgba(11,16,32,.60); font-weight: 700; line-height: 1.6; }

/* Article list */
.ev-sup-list{
  margin-top: .85rem;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: .85rem;
}
.ev-sup-article{
  grid-column: span 12;
  position: relative;
  display:block;
  text-decoration:none;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
  overflow:hidden;
}
@media (min-width: 992px){
  .ev-sup-article{ grid-column: span 6; }
}
.ev-sup-articleTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .5rem;
}
.ev-sup-tag{
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.68);
  font-weight: 900;
}
.ev-sup-meta{
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
.ev-sup-meta i{ margin-right: .35rem; }
.ev-sup-article strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  letter-spacing: -.01em;
}
.ev-sup-article span{
  display:block;
  margin-top: .2rem;
  color: rgba(11,16,32,.60);
  font-weight: 650;
  line-height: 1.55;
}
.ev-sup-article:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.18);
}

/* Empty state */
.ev-sup-emptyBox{
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-sup-emptyBox i{
  width: 54px; height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-sup-emptyBox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-sup-emptyBox span{ display:block; margin-top:.1rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* CTA */
.ev-sup-cta{ margin-top: 1.25rem; }
.ev-sup-ctaBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 320px at 18% 30%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(900px 320px at 88% 20%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.1rem;
  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.ev-sup-ctaBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-sup-ctaGlow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 20% 30%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 24%, rgba(6,182,212,.18), transparent 55%);
  filter: blur(12px);
  opacity: .65;
  pointer-events:none;
}
.ev-sup-ctaTitle{
  margin: 0;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.90);
}
.ev-sup-ctaText{
  margin: .2rem 0 0;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.6;
  max-width: 72ch;
}
.ev-sup-ctaBtns{
  display:flex;
  gap: .55rem;
  position: relative;
  z-index: 1;
}

/* =========================
   Support Article Details
   ========================= */

/* Progress bar */
.ev-art-progress{
  position: sticky;
  top: 0;
  z-index: 9997;
  height: 3px;
  background: rgba(11,16,32,.08);
}
.ev-art-progressBar{
  display:block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(79,70,229,.95), rgba(6,182,212,.90));
  box-shadow: 0 8px 18px rgba(79,70,229,.24);
  transform-origin: left center;
}

/* Hero */
.ev-art-hero{ position: relative; padding: calc(var(--section-y) * .8) 0; }
.ev-art-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-art-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-art-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evArtGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evArtGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-art-glow{ animation:none; }
}

.ev-art-breadcrumb{
  display:flex;
  gap: .55rem;
  flex-wrap: wrap;
  align-items:center;
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
.ev-art-breadcrumb a{
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-art-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-art-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-art-title{
  margin: .5rem 0 .65rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}

.ev-art-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: .9rem;
}
.ev-art-pill{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.68);
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
}
.ev-art-actions{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}

/* Body layout */
.ev-art-body{ padding: var(--section-y) 0; }

.ev-art-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Cards */
.ev-art-card,
.ev-art-toc{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-art-card::before,
.ev-art-toc::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-art-cardTop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-art-cardTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-art-cardBody{ padding: 1rem; position: relative; z-index: 1; }

/* Prose */
.ev-art-prose p{
  color: rgba(11,16,32,.66);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-art-prose h2{
  margin: 1.1rem 0 .55rem;
  font-weight: 950;
  letter-spacing: -.01em;
  color: rgba(11,16,32,.88);
}
.ev-art-prose ul{
  margin: .35rem 0 0;
  padding-left: 1.1rem;
  color: rgba(11,16,32,.66);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-art-hr{ margin: 1.1rem 0; border-color: rgba(11,16,32,.10); }

/* Callout */
.ev-art-callout{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin: .9rem 0 .2rem;
}
.ev-art-callout i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-art-callout strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-art-callout span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.58); font-weight: 650; line-height: 1.55; }

/* Code */
.ev-art-code{
  margin: .55rem 0 .2rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(11,16,32,.92);
  box-shadow: 0 18px 55px rgba(11,16,32,.18);
  overflow:auto;
}
.ev-art-code code{
  display:block;
  padding: .9rem 1rem;
  color: rgba(255,255,255,.88);
  font-weight: 700;
  line-height: 1.55;
  font-size: .92rem;
}

/* Helpful votes */
.ev-art-helpful{
  margin-top: .9rem;
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-art-helpTop{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
}
.ev-art-helpTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-art-helpBtns{ display:flex; gap:.55rem; margin-top:.75rem; flex-wrap: wrap; }
.ev-art-helpThanks{
  margin-top: .75rem;
  display:flex;
  gap:.55rem;
  align-items:center;
  color: rgba(34,197,94,.92);
  font-weight: 900;
}

/* Related */
.ev-art-related{ margin-top: 1rem; }
.ev-art-relatedTop{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .65rem;
}
.ev-art-relatedH{ margin: 0; font-weight: 950; letter-spacing: -.01em; color: rgba(11,16,32,.88); }
.ev-art-relatedTop a{
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-art-relatedTop a:hover{ color: rgba(6,182,212,.95); }
.ev-art-relCard{
  display:block;
  text-decoration:none;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
}
.ev-art-relTag{
  display:inline-flex;
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.68);
  font-weight: 900;
  margin-bottom: .55rem;
}
.ev-art-relCard strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  letter-spacing: -.01em;
}
.ev-art-relCard span{
  display:block;
  margin-top: .2rem;
  color: rgba(11,16,32,.60);
  font-weight: 650;
  line-height: 1.55;
}
.ev-art-relCard:hover{ transform: translateY(-2px); border-color: rgba(79,70,229,.18); }

/* TOC */
.ev-art-toc{
  position: sticky;
  top: 96px;
}
@media (max-width: 991.98px){
  .ev-art-toc{ position: static; top:auto; }
}
.ev-art-tocBody{
  padding: 1rem;
  position: relative;
  z-index: 1;
}
.ev-art-tocLink{
  display:block;
  text-decoration:none;
  padding: .65rem .75rem;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.72);
  font-weight: 900;
}
.ev-art-tocLink + .ev-art-tocLink{ margin-top: .55rem; }
.ev-art-tocLink.is-active{
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.92);
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
}

.ev-art-tocMini{ margin-top: .75rem; }
.ev-art-tocSearch{ position: relative; margin-bottom: .55rem; }
.ev-art-tocSearch i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.50);
}
.ev-art-tocSearch input{
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 750;
  color: rgba(11,16,32,.84);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-art-tocNote{
  margin-top: .75rem;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
}
.ev-art-tocNote a{
  color: rgba(79,70,229,.95);
  text-decoration:none;
  font-weight: 950;
}
.ev-art-tocNote a:hover{ color: rgba(6,182,212,.95); }

/* =========================
   Support Category Listing
   ========================= */
.ev-scat-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-scat-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-scat-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-scat-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .9;
  pointer-events:none;
  animation: evScatGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evScatGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-scat-glow{ animation:none; }
}

.ev-scat-breadcrumb{
  display:flex;
  gap: .55rem;
  flex-wrap: wrap;
  align-items:center;
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
.ev-scat-breadcrumb a{
  text-decoration:none;
  color: rgba(79,70,229,.95);
  font-weight: 950;
}
.ev-scat-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-scat-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-scat-title{
  margin: .5rem 0 .6rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.65rem);
  color: rgba(11,16,32,.92);
}
.ev-scat-lead{
  margin: 0 0 .9rem;
  color: var(--text-2);
  font-weight: 650;
  line-height: var(--lh-loose);
  max-width: 82ch;
}

/* Tools */
.ev-scat-tools{
  display:flex;
  gap: .75rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .75rem;
}
.ev-scat-search{
  position: relative;
  flex: 1 1 340px;
  max-width: 620px;
}
.ev-scat-search i{
  position:absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,16,32,.50);
}
.ev-scat-search input{
  width: 100%;
  height: 50px;
  padding: 0 48px 0 42px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 750;
  color: rgba(11,16,32,.84);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-scat-clear{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.76);
  color: rgba(11,16,32,.70);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ev-scat-sort{
  display:flex;
  gap: .5rem;
  align-items:center;
}
.ev-scat-sortLabel{
  color: rgba(11,16,32,.60);
  font-weight: 900;
}
.ev-scat-sort .form-select{
  height: 50px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.70);
  font-weight: 800;
  min-width: 210px;
}

/* Chips */
.ev-scat-chips{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.85rem; }
.ev-scat-chip{
  text-decoration:none;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  border-radius: 999px;
  padding: .42rem .85rem;
  font-weight: 950;
  color: rgba(11,16,32,.68);
  box-shadow: 0 12px 28px rgba(11,16,32,.05);
  transition: transform var(--dur-2) var(--ease-2), border-color var(--dur-2) var(--ease-2);
}
.ev-scat-chip:hover{ transform: translateY(-1px); border-color: rgba(79,70,229,.18); color: rgba(79,70,229,.95); }
.ev-scat-chip.is-active{
  color: rgba(11,16,32,.92);
  border-color: rgba(79,70,229,.22);
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
}

.ev-scat-body{ padding: var(--section-y) 0; }
.ev-scat-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Main card */
.ev-scat-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-scat-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-scat-cardTop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
.ev-scat-cardTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-scat-cardBody{ padding: 1rem; position: relative; z-index: 1; }

/* Grid */
.ev-scat-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: .85rem;
}
.ev-scat-item{
  grid-column: span 12;
  position: relative;
  display:block;
  text-decoration:none;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
  overflow:hidden;
}
@media (min-width: 992px){
  .ev-scat-item{ grid-column: span 6; }
}
.ev-scat-itemTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .5rem;
}
.ev-scat-tag{
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.68);
  font-weight: 900;
}
.ev-scat-meta{
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
.ev-scat-meta i{ margin-right: .35rem; }

.ev-scat-item strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
  letter-spacing: -.01em;
}
.ev-scat-item span{
  display:block;
  margin-top: .2rem;
  color: rgba(11,16,32,.60);
  font-weight: 650;
  line-height: 1.55;
}
.ev-scat-item:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.18);
}

/* Empty */
.ev-scat-emptyBox{
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-scat-emptyBox i{
  width: 54px; height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-scat-emptyBox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-scat-emptyBox span{ display:block; margin-top:.1rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* Sidebar */
.ev-scat-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-scat-side{ position: static; top:auto; } }

.ev-scat-sideCard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow:hidden;
}
.ev-scat-sideCard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-scat-sideBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-scat-sideItem{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  text-decoration:none;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: inherit;
}
.ev-scat-sideItem + .ev-scat-sideItem{ margin-top: .65rem; }
.ev-scat-sideItem i{
  color: rgba(79,70,229,.95);
  margin-top: .15rem;
}
.ev-scat-sideItem strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-scat-sideItem span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.55); font-weight: 650; line-height: 1.5; }

.ev-scat-hr{ margin: 1rem 0; border-color: rgba(11,16,32,.10); }

.ev-scat-cta strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-scat-cta p{ margin: .25rem 0 .75rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

/* =========================
   Auth (Login / Register)
   ========================= */
.ev-auth{ padding: var(--section-y) 0; }
.ev-auth-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 320px at 18% 30%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 320px at 88% 24%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  overflow: hidden;
}
.ev-auth-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-auth-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .75;
  pointer-events:none;
  animation: evAuthGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evAuthGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-auth-glow{ animation:none; }
}

.ev-auth-top{
  padding: 1.15rem 1.15rem 0;
  position: relative;
  z-index: 1;
}
.ev-auth-brand{
  display:inline-flex;
  align-items:center;
  gap: .6rem;
  text-decoration:none;
  color: rgba(11,16,32,.92);
  font-weight: 950;
}
.ev-auth-logo{
  width: 38px;
  height: 38px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: linear-gradient(135deg, rgba(79,70,229,.20), rgba(6,182,212,.16), rgba(163,230,53,.06));
  box-shadow: 0 14px 40px rgba(11,16,32,.08);
}
.ev-auth-kicker{
  margin-top: .75rem;
  display:flex;
  align-items:center;
  gap: .55rem;
  color: rgba(11,16,32,.62);
  font-weight: 900;
}
.ev-auth-title{
  margin: .55rem 0 .35rem;
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.92);
  line-height: 1.12;
  font-size: clamp(1.85rem, 2.4vw, 2.2rem);
}
.ev-auth-lead{
  margin: 0;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}

.ev-auth-body{
  padding: 1rem 1.15rem 1.15rem;
  position: relative;
  z-index: 1;
}

.ev-auth-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}

.ev-auth-form .form-control,
.ev-auth-form .form-select{
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.74);
  font-weight: 750;
}

.ev-auth-pass{
  position: relative;
}
.ev-auth-pass .form-control{
  padding-right: 46px;
}
.ev-auth-eye{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.82);
  color: rgba(11,16,32,.68);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.ev-auth-row{
  margin: .65rem 0 1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}

.ev-auth-check{
  display:flex;
  gap: .6rem;
  align-items:center;
  color: rgba(11,16,32,.66);
  font-weight: 750;
  user-select:none;
}
.ev-auth-checkbox{ width: 18px; height: 18px; }

.ev-auth-link{
  color: rgba(79,70,229,.95);
  text-decoration:none;
  font-weight: 950;
}
.ev-auth-link:hover{ color: rgba(6,182,212,.95); }

.ev-auth-divider{
  margin: .9rem 0;
  position: relative;
  text-align:center;
  color: rgba(11,16,32,.52);
  font-weight: 900;
}
.ev-auth-divider::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: rgba(11,16,32,.10);
}
.ev-auth-divider span{
  position: relative;
  display:inline-block;
  padding: 0 .75rem;
  background: rgba(255,255,255,.62);
  border-radius: 999px;
}

.ev-auth-foot{
  margin: .9rem 0 0;
  text-align:center;
  color: rgba(11,16,32,.60);
  font-weight: 750;
}

.ev-auth-note{
  margin: .85rem 0 0;
  text-align:center;
  color: rgba(11,16,32,.55);
  font-weight: 700;
  line-height: 1.6;
}

.ev-auth-err{
  margin-top: .35rem;
  color: rgba(239,68,68,.90);
  font-weight: 800;
}

.ev-auth-alert{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-bottom: .9rem;
}
.ev-auth-alert i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  flex: 0 0 auto;
}
.ev-auth-alert strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-auth-alert span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.58); font-weight: 650; line-height: 1.5; }
.ev-auth-alert--success{ border-color: rgba(34,197,94,.18); }
.ev-auth-alert--success i{ color: rgba(34,197,94,.92); background: rgba(34,197,94,.08); }
.ev-auth-alert--error{ border-color: rgba(239,68,68,.18); }
.ev-auth-alert--error i{ color: rgba(239,68,68,.92); background: rgba(239,68,68,.08); }

/* Password strength (register) */
.ev-auth-strength{
  margin-top: .6rem;
  display:flex;
  align-items:center;
  gap: .35rem;
  flex-wrap: wrap;
}
.ev-auth-bar{
  width: 22px;
  height: 6px;
  border-radius: 99px;
  background: rgba(11,16,32,.10);
}
.ev-auth-strengthText{
  margin-left: .35rem;
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
.ev-auth-strength.is-1 .ev-auth-bar:nth-child(-n+1),
.ev-auth-strength.is-2 .ev-auth-bar:nth-child(-n+2),
.ev-auth-strength.is-3 .ev-auth-bar:nth-child(-n+3),
.ev-auth-strength.is-4 .ev-auth-bar:nth-child(-n+4){
  background: linear-gradient(90deg, rgba(79,70,229,.70), rgba(6,182,212,.60));
}

/* =========================
   Forgot / Reset small add-ons
   ========================= */
.ev-fp-note,
.ev-rp-tokenNote{
  margin-top: .9rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.6;
}
.ev-fp-note i,
.ev-rp-tokenNote i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}

/* =========================
   Account Dashboard
   ========================= */
.ev-acct-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-acct-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-acct-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-acct-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evAcctGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evAcctGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-acct-glow{ animation:none; }
}
.ev-acct-breadcrumb{
  display:flex; gap:.55rem; flex-wrap:wrap; align-items:center;
  color: rgba(11,16,32,.55); font-weight: 800;
}
.ev-acct-breadcrumb a{ text-decoration:none; color: rgba(79,70,229,.95); font-weight: 950; }
.ev-acct-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-acct-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-acct-head{
  margin-top: .55rem;
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.ev-acct-title{
  margin: .4rem 0 .25rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.55rem);
  color: rgba(11,16,32,.92);
}
.ev-acct-lead{
  margin: 0;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-acct-actions{ display:flex; gap:.55rem; flex-wrap: wrap; }

.ev-acct-stats{
  margin-top: .9rem;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: .75rem;
}
.ev-acct-stat{
  grid-column: span 12;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: .85rem .9rem;
}
@media (min-width: 576px){ .ev-acct-stat{ grid-column: span 6; } }
@media (min-width: 992px){ .ev-acct-stat{ grid-column: span 3; } }
.ev-acct-statLabel{ display:block; color: rgba(11,16,32,.55); font-weight: 850; }
.ev-acct-statNum{ display:block; margin-top:.1rem; font-weight: 950; color: rgba(11,16,32,.88); }

.ev-acct-body{ padding: var(--section-y) 0; }

/* Sidebar */
.ev-acct-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-acct-side{ position: static; top:auto; } }
.ev-acct-sideCard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow:hidden;
}
.ev-acct-sideCard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-acct-sideTop{
  padding: 1rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  gap: .75rem;
  align-items:center;
  position: relative;
  z-index: 1;
}
.ev-acct-avatar{
  width: 48px; height: 48px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  display:flex; align-items:center; justify-content:center;
  font-weight: 950;
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-acct-name{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-acct-email{ display:block; color: rgba(11,16,32,.55); font-weight: 750; }

.ev-acct-nav{ padding: .9rem; position: relative; z-index: 1; }
.ev-acct-link{
  width: 100%;
  display:flex;
  align-items:center;
  gap: .7rem;
  padding: .65rem .75rem;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  color: rgba(11,16,32,.72);
  font-weight: 900;
  text-decoration:none;
}
.ev-acct-link + .ev-acct-link{ margin-top: .55rem; }
.ev-acct-link i{ color: rgba(79,70,229,.95); }
.ev-acct-link:hover{ transform: translateY(-1px); border-color: rgba(79,70,229,.18); }
.ev-acct-link.is-active{
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.92);
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
}
.ev-acct-link--href{ justify-content:flex-start; }

.ev-acct-sideNote{
  padding: .9rem 1rem 1rem;
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.ev-acct-sideNote a{ color: rgba(79,70,229,.95); text-decoration:none; font-weight: 950; }
.ev-acct-sideNote a:hover{ color: rgba(6,182,212,.95); }

/* Cards */
.ev-acct-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-acct-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-acct-cardTop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.ev-acct-cardTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-acct-muted{ color: rgba(11,16,32,.55); font-weight: 800; }
.ev-acct-cardBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-acct-tools{ display:flex; gap:.55rem; align-items:center; flex-wrap: wrap; }
.ev-acct-search{ position: relative; min-width: 260px; }
.ev-acct-search i{
  position:absolute; left: 14px; top: 50%; transform: translateY(-50%);
  color: rgba(11,16,32,.50);
}
.ev-acct-search input{
  width: 100%;
  height: 46px;
  padding: 0 14px 0 42px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.74);
  font-weight: 750;
  color: rgba(11,16,32,.84);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}

/* Table */
.ev-acct-tableWrap{ overflow:auto; border-radius: var(--radius-2xl); }
.ev-acct-table{
  margin: 0;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.40);
}
.ev-acct-table th{
  color: rgba(11,16,32,.62);
  font-weight: 950;
  border-color: rgba(11,16,32,.10);
}
.ev-acct-table td{
  color: rgba(11,16,32,.70);
  font-weight: 700;
  vertical-align: middle;
  border-color: rgba(11,16,32,.10);
}

/* Badges */
.ev-badge{
  display:inline-flex;
  align-items:center;
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  font-weight: 900;
}
.ev-badge--ok{ border-color: rgba(34,197,94,.18); color: rgba(34,197,94,.92); background: rgba(34,197,94,.08); }
.ev-badge--warn{ border-color: rgba(245,158,11,.18); color: rgba(245,158,11,.92); background: rgba(245,158,11,.08); }

/* Empty */
.ev-acct-emptyBox{
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-align:center;
}
.ev-acct-emptyBox i{
  width: 54px; height: 54px;
  border-radius: 20px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  margin-bottom: .55rem;
}
.ev-acct-emptyBox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-acct-emptyBox span{ display:block; margin-top:.1rem; color: rgba(11,16,32,.55); font-weight: 650; }

/* Forms */
.ev-acct-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-acct-err{
  margin-top: .35rem;
  color: rgba(239,68,68,.90);
  font-weight: 800;
}
.ev-acct-checkRow{ margin-top: .2rem; }
.ev-acct-check{
  display:flex;
  gap: .6rem;
  align-items:center;
  color: rgba(11,16,32,.66);
  font-weight: 750;
  user-select:none;
}
.ev-acct-checkbox{ width: 18px; height: 18px; }

.ev-acct-saveNote{
  margin-left: .75rem;
  display:inline-flex;
  align-items:center;
  gap: .5rem;
  color: rgba(34,197,94,.92);
  font-weight: 900;
}

/* Password fields */
.ev-acct-pass{ position: relative; }
.ev-acct-pass .form-control{ padding-right: 46px; }
.ev-acct-eye{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(11,16,32,.12);
  background: rgba(255,255,255,.82);
  color: rgba(11,16,32,.68);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Download cards */
.ev-dl-card{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
  height: 100%;
}
.ev-dl-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .55rem;
}
.ev-dl-tag{
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.68);
  font-weight: 900;
}
.ev-dl-meta{ color: rgba(11,16,32,.55); font-weight: 800; }
.ev-dl-meta i{ margin-right: .35rem; }
.ev-dl-card strong{
  display:block; font-weight: 950; color: rgba(11,16,32,.88); letter-spacing: -.01em;
}
.ev-dl-card span{
  display:block; margin-top:.2rem; color: rgba(11,16,32,.60); font-weight: 650; line-height: 1.55;
}
.ev-dl-actions{ margin-top: .85rem; display:grid; gap:.55rem; }

/* =========================
   Order Details / Receipt
   ========================= */
.ev-od-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-od-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-od-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-od-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evOdGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evOdGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-od-glow{ animation:none; }
}

.ev-od-breadcrumb{
  display:flex; gap:.55rem; flex-wrap:wrap; align-items:center;
  color: rgba(11,16,32,.55); font-weight: 800;
}
.ev-od-breadcrumb a{ text-decoration:none; color: rgba(79,70,229,.95); font-weight: 950; }
.ev-od-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-od-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-od-head{
  margin-top: .55rem;
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.ev-od-title{
  margin: .4rem 0 .25rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.55rem);
  color: rgba(11,16,32,.92);
}
.ev-od-lead{
  margin: 0;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-od-actions{ display:flex; gap:.55rem; flex-wrap: wrap; }

.ev-od-badges{ margin-top: .9rem; display:flex; flex-wrap: wrap; gap:.55rem; }
.ev-od-badges .ev-badge i{ margin-right: .35rem; }

/* Body */
.ev-od-body{ padding: var(--section-y) 0; }
.ev-od-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Cards */
.ev-od-card,
.ev-od-sideCard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-od-card::before,
.ev-od-sideCard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-od-cardTop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.ev-od-cardTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-od-cardBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-od-divider{
  margin: 1rem 0;
  height: 1px;
  background: rgba(11,16,32,.10);
}

/* Table */
.ev-od-tableWrap{ overflow:auto; border-radius: var(--radius-2xl); }
.ev-od-table{
  margin: 0;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.40);
}
.ev-od-table th{
  color: rgba(11,16,32,.62);
  font-weight: 950;
  border-color: rgba(11,16,32,.10);
}
.ev-od-table td{
  color: rgba(11,16,32,.70);
  font-weight: 700;
  vertical-align: top;
  border-color: rgba(11,16,32,.10);
}
.ev-od-sub{
  margin-top: .2rem;
  color: rgba(11,16,32,.55);
  font-weight: 650;
  line-height: 1.55;
}
.ev-od-pill{
  display:inline-flex;
  align-items:center;
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  font-weight: 900;
  color: rgba(11,16,32,.68);
}

/* Info boxes */
.ev-od-infoBox{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: .9rem;
  height: 100%;
}
.ev-od-infoBox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-od-info{ margin-top:.35rem; }
.ev-od-info span{
  display:block;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: 1.6;
}

/* Download cards */
.ev-od-dl{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
  height: 100%;
}
.ev-od-dlTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .55rem;
}
.ev-od-tag{
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.68);
  font-weight: 900;
}
.ev-od-meta{ color: rgba(11,16,32,.55); font-weight: 800; }
.ev-od-meta i{ margin-right: .35rem; }
.ev-od-dl strong{
  display:block; font-weight: 950; color: rgba(11,16,32,.88); letter-spacing: -.01em;
}
.ev-od-dl span{
  display:block; margin-top:.2rem; color: rgba(11,16,32,.60); font-weight: 650; line-height: 1.55;
}
.ev-od-dlBtns{ margin-top: .85rem; display:grid; gap:.55rem; }
.ev-od-small{
  margin-top: .7rem;
  color: rgba(11,16,32,.55);
  font-weight: 650;
  line-height: 1.55;
}

/* CTA row */
.ev-od-cta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
}
.ev-od-cta strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-od-cta p{ margin: .25rem 0 0; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

/* Sidebar */
.ev-od-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-od-side{ position: static; top:auto; } }
.ev-od-sideBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-od-sumRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem .2rem;
  color: rgba(11,16,32,.62);
  font-weight: 800;
}
.ev-od-sumRow strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-od-sumHr{ height:1px; background: rgba(11,16,32,.10); margin:.6rem 0; }
.ev-od-sumRow--total span{ color: rgba(11,16,32,.74); font-weight: 950; }
.ev-od-sumRow--total strong{ font-size: 1.15rem; }

.ev-od-payNote{
  margin: .75rem 0 1rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.6;
}
.ev-od-payNote i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}

/* License */
.ev-od-lic strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-od-lic p{ margin: .25rem 0 .9rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

/* Toast */
.ev-od-toast{
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  z-index: 9999;
  display:flex;
  align-items:center;
  gap: .6rem;
  padding: .75rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.12);
  color: rgba(11,16,32,.74);
  font-weight: 900;
}
.ev-od-toast i{ color: rgba(34,197,94,.92); }

/* =========================
   Order Success / Thank You
   ========================= */
.ev-os-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-os-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-os-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-os-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evOsGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evOsGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-os-glow{ animation:none; }
}

.ev-os-breadcrumb{
  display:flex; gap:.55rem; flex-wrap:wrap; align-items:center;
  color: rgba(11,16,32,.55); font-weight: 800;
}
.ev-os-breadcrumb a{ text-decoration:none; color: rgba(79,70,229,.95); font-weight: 950; }
.ev-os-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-os-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-os-head{
  margin-top: .6rem;
  display:grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 991.98px){
  .ev-os-head{ grid-template-columns: auto 1fr; }
  .ev-os-actions{ grid-column: 1 / -1; }
}

.ev-os-icon{
  width: 62px; height: 62px;
  border-radius: 22px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(34,197,94,.10);
  color: rgba(34,197,94,.92);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  font-size: 1.35rem;
}

.ev-os-title{
  margin: .35rem 0 .25rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.55rem);
  color: rgba(11,16,32,.92);
}
.ev-os-lead{
  margin: 0;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-os-actions{ display:flex; gap:.55rem; flex-wrap: wrap; justify-content: flex-end; }

.ev-os-badges{ margin-top: .9rem; display:flex; flex-wrap: wrap; gap:.55rem; }
.ev-os-badges .ev-badge i{ margin-right: .35rem; }

.ev-os-body{ padding: var(--section-y) 0; }
.ev-os-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Cards */
.ev-os-card,
.ev-os-sideCard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-os-card::before,
.ev-os-sideCard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-os-cardTop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.ev-os-cardTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-os-cardBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-os-divider{ margin: 1rem 0; height: 1px; background: rgba(11,16,32,.10); }

/* Action tiles */
.ev-os-action{
  display:flex;
  gap: .9rem;
  align-items:flex-start;
  padding: 1rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  height: 100%;
}
.ev-os-actionIcon{
  width: 46px; height: 46px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  display:flex; align-items:center; justify-content:center;
  flex: 0 0 auto;
}
.ev-os-action strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-os-action p{ margin: .25rem 0 .75rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

/* Steps */
.ev-os-next strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-os-steps{
  list-style:none;
  margin: .75rem 0 0;
  padding: 0;
  display:grid;
  gap: .65rem;
}
.ev-os-steps li{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-os-stepDot{
  width: 34px; height: 34px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  color: rgba(79,70,229,.95);
  font-weight: 950;
  flex: 0 0 auto;
}
.ev-os-steps strong{ margin-top: .05rem; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-os-steps span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.5; }

/* Sidebar */
.ev-os-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-os-side{ position: static; top:auto; } }
.ev-os-sideBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-os-sumRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem .2rem;
  color: rgba(11,16,32,.62);
  font-weight: 800;
}
.ev-os-sumRow strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-os-ok{ color: rgba(34,197,94,.92) !important; }
.ev-os-sumHr{ height:1px; background: rgba(11,16,32,.10); margin:.6rem 0; }

.ev-os-mini strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-os-mini ul{
  margin: .5rem 0 0;
  padding-left: 1.1rem;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.7;
}

.ev-os-safe{
  margin-top: .9rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.6;
}
.ev-os-safe i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}

/* Toast */
.ev-os-toast{
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  z-index: 9999;
  display:flex;
  align-items:center;
  gap: .6rem;
  padding: .75rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.12);
  color: rgba(11,16,32,.74);
  font-weight: 900;
}
.ev-os-toast i{ color: rgba(34,197,94,.92); }

/* =========================
   Pricing
   ========================= */
.ev-pr-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-pr-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-pr-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-pr-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evPrGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evPrGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-pr-glow{ animation:none; }
}

.ev-pr-breadcrumb{
  display:flex; gap:.55rem; flex-wrap:wrap; align-items:center;
  color: rgba(11,16,32,.55); font-weight: 800;
}
.ev-pr-breadcrumb a{ text-decoration:none; color: rgba(79,70,229,.95); font-weight: 950; }
.ev-pr-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-pr-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-pr-head{
  margin-top: .55rem;
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.ev-pr-title{
  margin: .4rem 0 .25rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.55rem);
  color: rgba(11,16,32,.92);
}
.ev-pr-lead{
  margin: 0;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
  max-width: 58ch;
}

/* Toggle */
.ev-pr-toggle{
  display:flex;
  gap: .55rem;
  align-items:center;
  padding: .45rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-pr-pill{
  border: 1px solid rgba(11,16,32,.10);
  background: transparent;
  border-radius: 999px;
  padding: .55rem .85rem;
  font-weight: 950;
  color: rgba(11,16,32,.70);
}
.ev-pr-pill.is-active{
  background: linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.06));
  border-color: rgba(79,70,229,.22);
  color: rgba(11,16,32,.92);
}
.ev-pr-save{
  margin-left: .35rem;
  padding: .18rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(34,197,94,.08);
  color: rgba(34,197,94,.92);
  font-weight: 950;
  font-size: .85em;
}

.ev-pr-trust{
  margin-top: .9rem;
  display:flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.ev-pr-trustItem{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.68);
  font-weight: 850;
}
.ev-pr-trustItem i{ color: rgba(79,70,229,.95); }

/* Plans */
.ev-pr-plans{ padding: var(--section-y) 0; }
.ev-plan{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow:hidden;
  padding: 1rem;
  height: 100%;
}
.ev-plan::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-planTop{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
.ev-planName{ display:block; font-weight: 950; color: rgba(11,16,32,.90); font-size: 1.15rem; }
.ev-planTag{ display:block; margin-top:.1rem; color: rgba(11,16,32,.58); font-weight: 800; }
.ev-planBadge{
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  color: rgba(11,16,32,.70);
  font-weight: 950;
  white-space: nowrap;
}
.ev-planBadge--grad{
  border-color: rgba(79,70,229,.18);
  background: linear-gradient(90deg, rgba(79,70,229,.14), rgba(6,182,212,.10));
  color: rgba(11,16,32,.88);
}

.ev-plan--featured{
  border-color: rgba(79,70,229,.18);
  box-shadow: 0 26px 90px rgba(79,70,229,.14);
}
.ev-planGlow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 30% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%);
  filter: blur(14px);
  opacity: .70;
  pointer-events:none;
}

.ev-planPrice{
  margin-top: .85rem;
  display:flex;
  align-items: baseline;
  gap: .35rem;
  position: relative;
  z-index: 1;
}
.ev-planMoney{
  font-weight: 950;
  letter-spacing: -.02em;
  font-size: 2.35rem;
  color: rgba(11,16,32,.92);
}
.ev-planPer{ color: rgba(11,16,32,.58); font-weight: 800; }

.ev-planLead{
  margin: .55rem 0 .85rem;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.65;
  position: relative;
  z-index: 1;
}

.ev-planList{
  list-style:none;
  padding: 0;
  margin: .9rem 0 0;
  display:grid;
  gap: .55rem;
  position: relative;
  z-index: 1;
}
.ev-planList li{
  display:flex;
  gap: .6rem;
  align-items:flex-start;
  color: rgba(11,16,32,.66);
  font-weight: 750;
  line-height: 1.55;
}
.ev-planList i{
  margin-top: .15rem;
  color: rgba(34,197,94,.92);
}
.ev-planHint{
  margin-top: .9rem;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.58);
  font-weight: 700;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

/* Compare strip */
.ev-pr-compareBox{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1rem;
}
.ev-pr-compareLeft strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-pr-compareLeft span{ display:block; margin-top:.2rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

/* Add-ons */
.ev-pr-addons{ padding: var(--section-y) 0; }
.ev-pr-secHead{ margin-bottom: 1rem; }
.ev-pr-h2{
  margin: .35rem 0 .25rem;
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.92);
  font-size: clamp(1.55rem, 2.2vw, 1.9rem);
}
.ev-pr-p{
  margin: 0;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.65;
  max-width: 70ch;
}

.ev-addon{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1rem;
  height: 100%;
}
.ev-addonIcon{
  width: 50px; height: 50px;
  border-radius: 18px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-bottom: .65rem;
}
.ev-addon strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-addon p{
  margin: .25rem 0 .85rem;
  color: rgba(11,16,32,.58);
  font-weight: 700;
  line-height: 1.65;
}
.ev-addonBottom{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
}
.ev-addonPrice{
  font-weight: 950;
  color: rgba(11,16,32,.88);
}

/* FAQ strip */
.ev-pr-faq{ padding: calc(var(--section-y) * .7) 0; }
.ev-pr-faqBox{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(700px 240px at 18% 30%, rgba(79,70,229,.12), transparent 60%),
    radial-gradient(700px 240px at 88% 24%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  padding: 1rem;
}
.ev-pr-faqLeft strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-pr-faqLeft span{ display:block; margin-top:.2rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }
.ev-pr-faqActions{ display:flex; gap:.55rem; flex-wrap: wrap; }

/* =========================
   Pricing upgrades: compare table, modal, sticky CTA
   ========================= */

/* Compare table */
.ev-pr-compareTable{ padding: calc(var(--section-y) * .9) 0; }
.ev-pr-tableWrap{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow:auto;
}
.ev-pr-table{
  width: 100%;
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0;
}
.ev-pr-table th,
.ev-pr-table td{
  padding: .9rem 1rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  color: rgba(11,16,32,.70);
  font-weight: 750;
  vertical-align: middle;
}
.ev-pr-table thead th{
  position: sticky;
  top: 0;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 2;
  border-bottom: 1px solid rgba(11,16,32,.12);
}
.ev-pr-table .ev-pr-colFeature{
  width: 36%;
  color: rgba(11,16,32,.78);
  font-weight: 950;
}
.ev-pr-colHead strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
}
.ev-pr-colHead span{
  display:block;
  margin-top: .1rem;
  color: rgba(11,16,32,.56);
  font-weight: 800;
}
.ev-pr-colHot{
  position: relative;
}
.ev-pr-hotPill{
  position:absolute;
  right: 12px;
  top: 12px;
  padding: .18rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(79,70,229,.18);
  background: linear-gradient(90deg, rgba(79,70,229,.14), rgba(6,182,212,.10));
  color: rgba(11,16,32,.86);
  font-weight: 950;
  font-size: .85rem;
}
.ev-pr-ok{ color: rgba(34,197,94,.92); }
.ev-pr-na{ color: rgba(11,16,32,.40); }

.ev-pr-compareNote{
  margin: .85rem 0 0;
  color: rgba(11,16,32,.58);
  font-weight: 750;
}
.ev-pr-linkBtn{
  border: 0;
  background: transparent;
  padding: 0;
  font-weight: 950;
  color: rgba(79,70,229,.95);
  text-decoration: none;
}
.ev-pr-linkBtn:hover{ color: rgba(6,182,212,.95); }

/* Modal */
.ev-modal{ position: fixed; inset: 0; z-index: 9998; }
.ev-modal-backdrop{
  position:absolute;
  inset: 0;
  background: rgba(11,16,32,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ev-modal-dialog{
  position: relative;
  width: min(680px, calc(100% - 1.4rem));
  margin: 6vh auto;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(255,255,255,.22);
  background:
    radial-gradient(900px 320px at 18% 20%, rgba(79,70,229,.20), transparent 60%),
    radial-gradient(900px 320px at 88% 18%, rgba(6,182,212,.14), transparent 60%),
    rgba(255,255,255,.82);
  box-shadow: 0 40px 140px rgba(11,16,32,.35);
  overflow: hidden;
}
.ev-modal-dialog::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-modal-x{
  position:absolute;
  right: 12px;
  top: 12px;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.80);
  color: rgba(11,16,32,.70);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index: 3;
}
.ev-modal-head{
  padding: 1rem 1rem .7rem;
  display:flex;
  gap: .85rem;
  align-items:flex-start;
  border-bottom: 1px solid rgba(11,16,32,.10);
  position: relative;
  z-index: 1;
}
.ev-modal-icon{
  width: 52px; height: 52px;
  border-radius: 20px;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 14px 40px rgba(11,16,32,.10);
  flex: 0 0 auto;
}
.ev-modal-title{
  margin: 0;
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.92);
}
.ev-modal-lead{
  margin: .25rem 0 0;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.6;
}
.ev-modal-form{ padding: 1rem; position: relative; z-index: 1; }
.ev-modal-label{
  display:block;
  margin-bottom: .35rem;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-modal-err{
  margin-top: .35rem;
  color: rgba(239,68,68,.90);
  font-weight: 800;
}
.ev-modal-success{
  margin-top: .75rem;
  display:flex;
  gap: .6rem;
  align-items:center;
  justify-content:center;
  padding: .75rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(34,197,94,.08);
  color: rgba(34,197,94,.92);
  font-weight: 950;
}

/* Sticky CTA */
.ev-pr-sticky{
  position: fixed;
  left: 0; right: 0;
  bottom: 16px;
  z-index: 9997;
  pointer-events: none;
}
.ev-pr-stickyBox{
  width: min(980px, calc(100% - 1.2rem));
  margin: 0 auto;
  pointer-events: auto;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.84);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 20px 80px rgba(11,16,32,.18);
  padding: .75rem .9rem;
}
.ev-pr-stickyLeft strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.88);
}
.ev-pr-stickyLeft span{
  display:block;
  margin-top: .1rem;
  color: rgba(11,16,32,.58);
  font-weight: 700;
}
.ev-pr-stickyActions{ display:flex; gap:.55rem; flex-wrap: wrap; }
@media (max-width: 576px){
  .ev-pr-stickyBox{ border-radius: var(--radius-2xl); }
  .ev-pr-stickyActions{ width: 100%; }
  .ev-pr-stickyActions .btn{ width: 100%; }
}

/* =========================
   Maintenance
   ========================= */
.ev-maint{
  position: relative;
  min-height: calc(100vh - 120px);
  display:flex;
  align-items:center;
  padding: calc(var(--section-y) * 1.1) 0;
  overflow: hidden;
}
.ev-maint-wrap{
  position: relative;
  max-width: 860px;
  margin: 0 auto;
}

.ev-maint-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.24), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(16px);
  opacity: .90;
  pointer-events:none;
  animation: evMaintGlow 18s var(--ease-2) infinite alternate;
}
@keyframes evMaintGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.06); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-maint-glow{ animation:none; }
}

.ev-maint-orbs{
  position:absolute;
  inset: 0;
  pointer-events:none;
}
.ev-maint-orb{
  position:absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.55)),
    linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 30px 110px rgba(11,16,32,.10);
  filter: blur(.2px);
  opacity: .65;
  animation: evMaintFloat 10s var(--ease-2) infinite alternate;
}
.ev-maint-orb--a{ left: -70px; top: -70px; transform: rotate(8deg); }
.ev-maint-orb--b{ right: -80px; top: 30px; width: 220px; height: 220px; animation-duration: 12s; }
.ev-maint-orb--c{ left: 60px; bottom: -90px; width: 200px; height: 200px; animation-duration: 14s; }

@keyframes evMaintFloat{
  0%{ transform: translate3d(0,0,0) rotate(6deg); }
  100%{ transform: translate3d(0,-14px,0) rotate(-6deg); }
}
@media (prefers-reduced-motion: reduce){
  .ev-maint-orb{ animation:none; }
}

/* Card */
.ev-maint-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 320px at 16% 20%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(900px 320px at 88% 18%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.78);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 40px 140px rgba(11,16,32,.14);
  overflow: hidden;
}
.ev-maint-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-maint-top{
  padding: 1rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}
.ev-maint-badge{
  display:inline-flex;
  align-items:center;
  gap: .55rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  font-weight: 950;
  color: rgba(11,16,32,.76);
}
.ev-maint-badge i{ color: rgba(79,70,229,.95); }

.ev-maint-mini{
  display:flex;
  gap: .5rem;
  align-items:center;
  color: rgba(11,16,32,.60);
  font-weight: 850;
}
.ev-maint-miniDot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.92);
  box-shadow: 0 0 0 5px rgba(34,197,94,.10);
}

.ev-maint-body{
  padding: 1.2rem 1rem 1rem;
  position: relative;
  z-index: 1;
  text-align: center;
}

.ev-maint-icon{
  width: 64px; height: 64px;
  border-radius: 24px;
  margin: 0 auto .75rem;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 18px 55px rgba(11,16,32,.10);
  font-size: 1.35rem;
}

.ev-maint-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.55rem);
  color: rgba(11,16,32,.92);
}
.ev-maint-lead{
  margin: 0 auto;
  max-width: 62ch;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}

.ev-maint-meta{
  margin: 1rem auto 0;
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  gap: .55rem;
}
.ev-maint-metaItem{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .25rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  color: rgba(11,16,32,.70);
  font-weight: 850;
}
.ev-maint-metaItem i{ color: rgba(79,70,229,.95); }

.ev-maint-actions{
  margin-top: 1.1rem;
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
  gap: .55rem;
}

.ev-maint-divider{
  margin: 1.15rem 0;
  height: 1px;
  background: rgba(11,16,32,.10);
}

.ev-maint-notify{
  text-align:left;
  max-width: 620px;
  margin: 0 auto;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: 1rem;
}
.ev-maint-notify strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-maint-notify p{
  margin: .25rem 0 .85rem;
  color: rgba(11,16,32,.58);
  font-weight: 700;
  line-height: 1.65;
}

.ev-maint-form{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: .55rem;
  align-items:center;
}
@media (max-width: 576px){
  .ev-maint-form{ grid-template-columns: 1fr; }
  .ev-maint-form .btn{ width: 100%; }
}

.ev-maint-hint,
.ev-maint-err{
  margin-top: .75rem;
  display:flex;
  align-items:center;
  gap: .6rem;
  padding: .75rem .9rem;
  border-radius: 999px;
  font-weight: 900;
}
.ev-maint-hint{
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(34,197,94,.08);
  color: rgba(34,197,94,.92);
}
.ev-maint-err{
  border: 1px solid rgba(239,68,68,.18);
  background: rgba(239,68,68,.08);
  color: rgba(239,68,68,.92);
}

.ev-maint-foot{
  margin-top: 1rem;
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items:center;
  justify-content: space-between;
}
.ev-maint-social{
  display:flex;
  gap: .45rem;
}
.ev-maint-socialLink{
  width: 40px; height: 40px;
  border-radius: 16px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  color: rgba(11,16,32,.70);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.ev-maint-socialLink:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(79,70,229,.95);
}
.ev-maint-copy{
  color: rgba(11,16,32,.55);
  font-weight: 800;
}
/* =========================
   404
   ========================= */
.ev-404{
  position: relative;
  min-height: calc(100vh - 120px);
  display:flex;
  align-items:center;
  padding: calc(var(--section-y) * 1.1) 0;
  overflow: hidden;
}
.ev-404-wrap{
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}

.ev-404-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.24), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(16px);
  opacity: .90;
  pointer-events:none;
  animation: ev404Glow 18s var(--ease-2) infinite alternate;
}
@keyframes ev404Glow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.06); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-404-glow{ animation:none; }
}

.ev-404-orbs{ position:absolute; inset: 0; pointer-events:none; }
.ev-404-orb{
  position:absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.55)),
    linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 30px 110px rgba(11,16,32,.10);
  opacity: .62;
  animation: ev404Float 10s var(--ease-2) infinite alternate;
}
.ev-404-orb--a{ left: -70px; top: -70px; transform: rotate(8deg); }
.ev-404-orb--b{ right: -90px; top: 20px; width: 230px; height: 230px; animation-duration: 12s; }
.ev-404-orb--c{ left: 90px; bottom: -95px; width: 210px; height: 210px; animation-duration: 14s; }

@keyframes ev404Float{
  0%{ transform: translate3d(0,0,0) rotate(6deg); }
  100%{ transform: translate3d(0,-14px,0) rotate(-6deg); }
}
@media (prefers-reduced-motion: reduce){
  .ev-404-orb{ animation:none; }
}

/* Card */
.ev-404-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 320px at 16% 20%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(900px 320px at 88% 18%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.78);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 40px 140px rgba(11,16,32,.14);
  overflow: hidden;
}
.ev-404-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-404-top{
  padding: 1rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

/* Brand */
.ev-404-brand{
  display:inline-flex;
  align-items:center;
  gap: .55rem;
  text-decoration:none;
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.90);
}
.ev-404-mark{
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(79,70,229,.95), rgba(6,182,212,.95));
  box-shadow: 0 0 0 6px rgba(79,70,229,.10);
}
.ev-404-pill{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  font-weight: 950;
  color: rgba(11,16,32,.72);
}
.ev-404-pill i{ color: rgba(79,70,229,.95); }

.ev-404-body{
  padding: 1.25rem 1rem 1rem;
  position: relative;
  z-index: 1;
  text-align: center;
}

/* Big 404 */
.ev-404-code{
  font-weight: 950;
  letter-spacing: -.06em;
  line-height: .9;
  font-size: clamp(4.2rem, 9vw, 7rem);
  background: linear-gradient(90deg, rgba(79,70,229,.95), rgba(6,182,212,.95));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 20px 60px rgba(79,70,229,.20));
}

.ev-404-title{
  margin: .4rem 0 .35rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(1.85rem, 3.2vw, 2.25rem);
  color: rgba(11,16,32,.92);
}
.ev-404-lead{
  margin: 0 auto;
  max-width: 64ch;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}

.ev-404-actions{
  margin-top: 1rem;
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
  gap: .55rem;
}

/* Search */
.ev-404-search{
  margin-top: 1.1rem;
  text-align:left;
  max-width: 680px;
  margin-left:auto;
  margin-right:auto;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: 1rem;
}
.ev-404-search strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-404-search p{
  margin: .25rem 0 .85rem;
  color: rgba(11,16,32,.58);
  font-weight: 700;
  line-height: 1.65;
}
.ev-404-form{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: .55rem;
  align-items:center;
}
@media (max-width: 576px){
  .ev-404-form{ grid-template-columns: 1fr; }
  .ev-404-form .btn{ width: 100%; }
}
.ev-404-hint{
  margin-top: .75rem;
  display:flex;
  align-items:center;
  gap: .6rem;
  padding: .75rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(79,70,229,.18);
  background: rgba(79,70,229,.08);
  color: rgba(79,70,229,.95);
  font-weight: 900;
}

/* Quick links */
.ev-404-links{
  margin-top: 1rem;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
}
@media (max-width: 991.98px){
  .ev-404-links{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ev-404-link{
  display:flex;
  gap: .6rem;
  align-items:center;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  text-decoration:none;
  color: rgba(11,16,32,.74);
  font-weight: 900;
}
.ev-404-link i{ color: rgba(79,70,229,.95); }
.ev-404-link:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(11,16,32,.88);
}

/* Footer */
.ev-404-foot{
  margin-top: 1rem;
  display:flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items:center;
  justify-content: space-between;
}
.ev-404-soft{
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.6;
}
.ev-404-copy{
  color: rgba(11,16,32,.55);
  font-weight: 850;
}

/* =========================
   Email Verification
   ========================= */
.ev-verify{
  position: relative;
  height: 100vh;
  display:flex;
  align-items:center;
  padding: calc(var(--section-y) * 1.1) 0;
  overflow: hidden;
}
.ev-verify-wrap{
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}

.ev-verify-glow{
  position:absolute;
  inset:-40%;
  /* background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.24), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%); */
  filter: blur(16px);
  opacity: .90;
  pointer-events:none;
  animation: evVerifyGlow 18s var(--ease-2) infinite alternate;
}
@keyframes evVerifyGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.06); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-verify-glow{ animation:none; }
}

.ev-verify-orbs{ position:absolute; inset: 0; pointer-events:none; }
.ev-verify-orb{
  position:absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.55)),
    linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  box-shadow: 0 30px 110px rgba(11,16,32,.10);
  opacity: .62;
  animation: evVerifyFloat 10s var(--ease-2) infinite alternate;
}
.ev-verify-orb--a{ left: -70px; top: -70px; transform: rotate(8deg); }
.ev-verify-orb--b{ right: -90px; top: 20px; width: 230px; height: 230px; animation-duration: 12s; }
.ev-verify-orb--c{ left: 90px; bottom: -95px; width: 210px; height: 210px; animation-duration: 14s; }

@keyframes evVerifyFloat{
  0%{ transform: translate3d(0,0,0) rotate(6deg); }
  100%{ transform: translate3d(0,-14px,0) rotate(-6deg); }
}
@media (prefers-reduced-motion: reduce){
  .ev-verify-orb{ animation:none; }
}

/* Card */
.ev-verify-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(900px 320px at 16% 20%, rgba(79,70,229,.16), transparent 60%),
    radial-gradient(900px 320px at 88% 18%, rgba(6,182,212,.12), transparent 60%),
    rgba(255,255,255,.78);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 40px 140px rgba(11,16,32,.14);
  overflow: hidden;
}
.ev-verify-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}

.ev-verify-top{
  padding: 1rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

/* Brand */
.ev-verify-brand{
  display:inline-flex;
  align-items:center;
  gap: .55rem;
  text-decoration:none;
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.90);
}
.ev-verify-mark{
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(79,70,229,.95), rgba(6,182,212,.95));
  box-shadow: 0 0 0 6px rgba(79,70,229,.10);
}
.ev-verify-pill{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  font-weight: 950;
  color: rgba(11,16,32,.72);
}
.ev-verify-pill i{ color: rgba(79,70,229,.95); }

.ev-verify-body{
  padding: 1.25rem 1rem 1rem;
  position: relative;
  z-index: 1;
  text-align: center;
}

.ev-verify-icon{
  width: 64px; height: 64px;
  border-radius: 24px;
  margin: 0 auto .75rem;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 18px 55px rgba(11,16,32,.10);
  font-size: 1.35rem;
}

.ev-verify-title{
  margin: 0 0 .35rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(1.9rem, 3.2vw, 2.35rem);
  color: rgba(11,16,32,.92);
}
.ev-verify-lead{
  margin: 0 auto;
  max-width: 70ch;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-verify-email{
  padding: .12rem .45rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.74);
  color: rgba(11,16,32,.80);
}

.ev-verify-actions{
  margin-top: 1rem;
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
  gap: .55rem;
}

.ev-verify-divider{
  margin: 1.1rem 0;
  height: 1px;
  background: rgba(11,16,32,.10);
}

/* Resend */
.ev-verify-resend{
  max-width: 760px;
  margin: 0 auto;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: 1rem;
}
.ev-verify-resendLeft strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-verify-resendLeft span{
  display:block;
  margin-top: .2rem;
  color: rgba(11,16,32,.58);
  font-weight: 700;
  line-height: 1.6;
}
.ev-verify-resendRight{
  display:flex;
  align-items:center;
  gap: .65rem;
  flex-wrap: wrap;
}
.ev-verify-timer{
  color: rgba(11,16,32,.55);
  font-weight: 850;
}

/* Hints */
.ev-verify-hint{
  max-width: 760px;
  margin: .75rem auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: .6rem;
  padding: .75rem .9rem;
  border-radius: 999px;
  font-weight: 950;
}
.ev-verify-hint--ok{
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(34,197,94,.08);
  color: rgba(34,197,94,.92);
}
.ev-verify-hint--warn{
  border: 1px solid rgba(239,68,68,.18);
  background: rgba(239,68,68,.08);
  color: rgba(239,68,68,.92);
}

/* Troubleshooting */
.ev-verify-help{
  margin-top: 1rem;
  max-width: 760px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.ev-verify-details{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  overflow:hidden;
}
.ev-verify-summary{
  list-style: none;
  cursor: pointer;
  padding: .9rem 1rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 950;
  color: rgba(11,16,32,.84);
}
.ev-verify-summary::-webkit-details-marker{ display:none; }
.ev-verify-summary i{ color: rgba(79,70,229,.95); }
.ev-verify-details[open] .ev-verify-summary i{ transform: rotate(180deg); }

.ev-verify-tips{
  padding: .95rem 1rem 1rem;
  border-top: 1px solid rgba(11,16,32,.10);
}
.ev-verify-tips ul{
  margin: 0;
  padding-left: 1.1rem;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: 1.75;
}
.ev-verify-links{
  margin-top: .85rem;
  display:flex;
  gap: .75rem;
  flex-wrap: wrap;
}
.ev-verify-link{
  display:inline-flex;
  align-items:center;
  gap: .55rem;
  padding: .7rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  text-decoration:none;
  color: rgba(11,16,32,.72);
  font-weight: 900;
}
.ev-verify-link i{ color: rgba(79,70,229,.95); }
.ev-verify-link:hover{
  transform: translateY(-1px);
  border-color: rgba(79,70,229,.18);
  color: rgba(11,16,32,.88);
}

/* Footer */
.ev-verify-foot{
  margin-top: 1rem;
  max-width: 760px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-wrap: wrap;
  /* gap: .75rem; */
  align-items:center;
  justify-content: space-between;
}
.ev-verify-soft{
  color: rgba(11,16,32,.55);
  font-weight: 750;
  line-height: 1.6;
}
.ev-verify-copy{
  color: rgba(11,16,32,.55);
  font-weight: 850;
}

/* =========================
   Order Failed
   ========================= */
.ev-of-hero{ position: relative; padding: calc(var(--section-y) * .85) 0; }
.ev-of-heroBox{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 10% 25%, rgba(239,68,68,.14), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(79,70,229,.12), transparent 60%),
    rgba(255,255,255,.62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 30px 110px rgba(11,16,32,.12);
  padding: 1.25rem;
  overflow: hidden;
}
.ev-of-heroBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .16;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-of-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(239,68,68,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(79,70,229,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(6,182,212,.08), transparent 60%);
  filter: blur(12px);
  opacity: .85;
  pointer-events:none;
  animation: evOfGlow 16s var(--ease-2) infinite alternate;
}
@keyframes evOfGlow{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.05); }
  100%{ transform: translate3d(-1%, 2%, 0) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .ev-of-glow{ animation:none; }
}

.ev-of-breadcrumb{
  display:flex; gap:.55rem; flex-wrap:wrap; align-items:center;
  color: rgba(11,16,32,.55); font-weight: 800;
}
.ev-of-breadcrumb a{ text-decoration:none; color: rgba(79,70,229,.95); font-weight: 950; }
.ev-of-breadcrumb a:hover{ color: rgba(6,182,212,.95); }
.ev-of-crumbActive{ color: rgba(11,16,32,.70); font-weight: 900; }

.ev-of-head{
  margin-top: .6rem;
  display:grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 991.98px){
  .ev-of-head{ grid-template-columns: auto 1fr; }
  .ev-of-actions{ grid-column: 1 / -1; }
}

.ev-of-icon{
  width: 62px; height: 62px;
  border-radius: 22px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(239,68,68,.10);
  color: rgba(239,68,68,.92);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  font-size: 1.35rem;
}

.ev-of-title{
  margin: .35rem 0 .25rem;
  font-weight: 950;
  letter-spacing: -.02em;
  line-height: 1.12;
  font-size: clamp(2rem, 3.2vw, 2.55rem);
  color: rgba(11,16,32,.92);
}
.ev-of-lead{
  margin: 0;
  color: rgba(11,16,32,.62);
  font-weight: 700;
  line-height: var(--lh-loose);
}
.ev-of-actions{ display:flex; gap:.55rem; flex-wrap: wrap; justify-content: flex-end; }

.ev-of-badges{ margin-top: .9rem; display:flex; flex-wrap: wrap; gap:.55rem; }
.ev-of-badges .ev-badge i{ margin-right: .35rem; }

/* Body */
.ev-of-body{ padding: var(--section-y) 0; }
.ev-of-muted{ color: rgba(11,16,32,.55); font-weight: 800; }

/* Cards */
.ev-of-card,
.ev-of-sideCard{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.07);
  overflow: hidden;
}
.ev-of-card::before,
.ev-of-sideCard::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .12;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-of-cardTop{
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.ev-of-cardTop strong{ font-weight: 950; color: rgba(11,16,32,.86); }
.ev-of-cardBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-of-divider{
  margin: 1rem 0;
  height: 1px;
  background: rgba(11,16,32,.10);
}

/* KV */
.ev-of-kv{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
@media (max-width: 767.98px){
  .ev-of-kv{ grid-template-columns: 1fr; }
}
.ev-of-kvItem{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: .85rem .9rem;
}
.ev-of-k{ display:block; color: rgba(11,16,32,.55); font-weight: 850; }
.ev-of-v{ display:block; margin-top:.2rem; color: rgba(11,16,32,.88); font-weight: 950; }
.ev-of-v--bad{ color: rgba(239,68,68,.92); }

/* Reasons list */
.ev-of-list{
  list-style:none;
  margin: 0;
  padding: 0;
  display:grid;
  gap: .55rem;
}
.ev-of-list li{
  display:flex;
  gap: .6rem;
  align-items:flex-start;
  color: rgba(11,16,32,.66);
  font-weight: 750;
  line-height: 1.55;
}
.ev-of-list i{ margin-top:.18rem; color: rgba(34,197,94,.92); }

/* CTA row */
.ev-of-cta{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  padding: 1rem;
}
.ev-of-cta strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-of-cta p{ margin: .25rem 0 0; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

/* Steps */
.ev-of-steps{
  list-style:none;
  margin: 0;
  padding: 0;
  display:grid;
  gap: .65rem;
}
.ev-of-steps li{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
}
.ev-of-stepDot{
  width: 34px; height: 34px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  color: rgba(79,70,229,.95);
  font-weight: 950;
  flex: 0 0 auto;
}
.ev-of-steps strong{ margin-top: .05rem; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-of-steps span{ display:block; margin-top:.05rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.5; }

.ev-of-miniLinks{
  display:flex;
  gap: .6rem;
  flex-wrap: wrap;
}
.ev-of-miniLink{
  display:inline-flex;
  align-items:center;
  gap: .5rem;
  padding: .65rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.72);
  text-decoration:none;
  color: rgba(11,16,32,.70);
  font-weight: 900;
}
.ev-of-miniLink i{ color: rgba(79,70,229,.95); }
.ev-of-miniLink:hover{ transform: translateY(-1px); border-color: rgba(79,70,229,.18); color: rgba(11,16,32,.88); }

/* Sidebar */
.ev-of-side{ position: sticky; top: 96px; }
@media (max-width: 991.98px){ .ev-of-side{ position: static; top:auto; } }
.ev-of-sideBody{ padding: 1rem; position: relative; z-index: 1; }

.ev-of-helpBox{
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  margin-bottom: .9rem;
}
.ev-of-helpBox i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(6,182,212,.06));
  color: rgba(79,70,229,.95);
  flex: 0 0 auto;
}
.ev-of-helpBox strong{ display:block; font-weight: 950; color: rgba(11,16,32,.86); }
.ev-of-helpBox span{ display:block; margin-top:.1rem; color: rgba(11,16,32,.58); font-weight: 700; line-height: 1.6; }

.ev-of-safe{
  margin-top: .9rem;
  display:flex;
  gap: .75rem;
  align-items:flex-start;
  padding: .85rem .9rem;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.70);
  box-shadow: 0 14px 40px rgba(11,16,32,.06);
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.6;
}
.ev-of-safe i{
  width: 44px; height: 44px;
  border-radius: 18px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border: 1px solid rgba(11,16,32,.10);
  background: linear-gradient(180deg, rgba(239,68,68,.10), rgba(79,70,229,.06));
  color: rgba(239,68,68,.92);
  flex: 0 0 auto;
}

/* Toast */
.ev-of-toast{
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  z-index: 9999;
  display:flex;
  align-items:center;
  gap: .6rem;
  padding: .75rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(11,16,32,.12);
  color: rgba(11,16,32,.74);
  font-weight: 900;
}
.ev-of-toast i{ color: rgba(34,197,94,.92); }

/* =========================
   Invoice
   ========================= */
.ev-inv{ padding: calc(var(--section-y) * 1.0) 0; }
.ev-inv-shell{ max-width: 1060px; margin: 0 auto; }

.ev-inv-topActions{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: .9rem;
}
.ev-inv-topRight{ display:flex; gap:.55rem; flex-wrap: wrap; }

.ev-inv-card{
  position: relative;
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background:
    radial-gradient(1200px 420px at 12% 18%, rgba(79,70,229,.14), transparent 60%),
    radial-gradient(1000px 420px at 90% 12%, rgba(6,182,212,.10), transparent 60%),
    rgba(255,255,255,.78);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 40px 140px rgba(11,16,32,.12);
  overflow: hidden;
}
.ev-inv-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  background: var(--grad-stroke);
  opacity: .14;
  pointer-events:none;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  box-sizing: border-box;
}
.ev-inv-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 18% 28%, rgba(79,70,229,.22), transparent 55%),
    radial-gradient(circle at 86% 22%, rgba(6,182,212,.18), transparent 55%),
    radial-gradient(circle at 58% 86%, rgba(163,230,53,.08), transparent 60%);
  filter: blur(14px);
  opacity: .75;
  pointer-events:none;
}

.ev-inv-head{
  padding: 1.15rem 1.1rem 1rem;
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px){
  .ev-inv-head{ grid-template-columns: 1fr; }
}

.ev-inv-logo{
  display:inline-flex;
  align-items:center;
  gap: .55rem;
  text-decoration:none;
  font-weight: 950;
  letter-spacing: -.02em;
  color: rgba(11,16,32,.92);
}
.ev-inv-mark{
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(79,70,229,.95), rgba(6,182,212,.95));
  box-shadow: 0 0 0 6px rgba(79,70,229,.10);
}
.ev-inv-sub{
  margin: .35rem 0 .6rem;
  color: rgba(11,16,32,.58);
  font-weight: 750;
  line-height: 1.6;
}
.ev-inv-contact{
  display:flex;
  flex-wrap: wrap;
  gap: .55rem .9rem;
  color: rgba(11,16,32,.62);
  font-weight: 750;
}
.ev-inv-contact i{ color: rgba(79,70,229,.95); margin-right: .35rem; }

.ev-inv-metaBox{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: .9rem;
}
.ev-inv-metaRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: .28rem 0;
  color: rgba(11,16,32,.62);
  font-weight: 800;
}
.ev-inv-metaRow strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-inv-paid{ color: rgba(34,197,94,.92) !important; }

.ev-inv-divider{ height: 1px; background: rgba(11,16,32,.10); }

.ev-inv-billing{
  padding: 1rem 1.1rem;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px){
  .ev-inv-billing{ grid-template-columns: 1fr; }
}
.ev-inv-billCard{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: .9rem;
}
.ev-inv-billCard strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-inv-billLines{
  margin-top: .4rem;
  display:grid;
  gap: .25rem;
  color: rgba(11,16,32,.62);
  font-weight: 750;
  line-height: 1.55;
}
.ev-inv-ref strong{ color: rgba(11,16,32,.88); }

.ev-inv-items{ padding: 0 1.1rem 1rem; position: relative; z-index: 1; }

.ev-inv-tableWrap{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  overflow:auto;
}
.ev-inv-table{
  width: 100%;
  min-width: 820px;
  border-collapse: separate;
  border-spacing: 0;
}
.ev-inv-table th,
.ev-inv-table td{
  padding: .9rem 1rem;
  border-bottom: 1px solid rgba(11,16,32,.10);
  color: rgba(11,16,32,.70);
  font-weight: 750;
  vertical-align: top;
}
.ev-inv-table thead th{
  background: rgba(255,255,255,.90);
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 1px solid rgba(11,16,32,.12);
}
.ev-inv-thCenter, .ev-inv-tdCenter{ text-align:center; white-space: nowrap; }
.ev-inv-thRight, .ev-inv-tdRight{ text-align:right; white-space: nowrap; }

.ev-inv-itemTitle{ font-weight: 950; color: rgba(11,16,32,.88); }
.ev-inv-itemMeta{ margin-top:.15rem; color: rgba(11,16,32,.55); font-weight: 700; line-height: 1.55; }

.ev-inv-bottom{
  padding: 0 1.1rem 1rem;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: .75rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px){
  .ev-inv-bottom{ grid-template-columns: 1fr; }
}

.ev-inv-notes{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: .95rem;
}
.ev-inv-notes strong{
  display:block;
  font-weight: 950;
  color: rgba(11,16,32,.86);
}
.ev-inv-notes p{
  margin: .35rem 0 .85rem;
  color: rgba(11,16,32,.60);
  font-weight: 700;
  line-height: 1.65;
}
.ev-inv-badges{ display:flex; flex-wrap: wrap; gap: .45rem; }
.ev-inv-badge{
  padding: .22rem .6rem;
  border-radius: 999px;
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.78);
  color: rgba(11,16,32,.70);
  font-weight: 900;
}

.ev-inv-totals{
  border-radius: var(--radius-2xl);
  border: 1px solid rgba(11,16,32,.10);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 55px rgba(11,16,32,.08);
  padding: .95rem;
}
.ev-inv-tRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem 0;
  color: rgba(11,16,32,.62);
  font-weight: 800;
}
.ev-inv-tRow strong{ color: rgba(11,16,32,.88); font-weight: 950; }
.ev-inv-tHr{ height:1px; background: rgba(11,16,32,.10); margin:.55rem 0; }
.ev-inv-tRow--big span{ color: rgba(11,16,32,.76); font-weight: 950; }
.ev-inv-tRow--big strong{ font-size: 1.25rem; }

.ev-inv-payState{
  margin-top: .8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: .55rem;
  padding: .7rem .85rem;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.18);
  background: rgba(34,197,94,.08);
  color: rgba(34,197,94,.92);
  font-weight: 950;
}

.ev-inv-foot{
  padding: .9rem 1.1rem 1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: .55rem;
  flex-wrap: wrap;
  color: rgba(11,16,32,.55);
  font-weight: 800;
  position: relative;
  z-index: 1;
}
.ev-inv-footSep{ opacity: .5; }

/* Print */
@media print{
  .ev-print-hide{ display:none !important; }
  body{ background: #fff !important; }
  .ev-inv{ padding: 0 !important; }
  .ev-inv-card{
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    backdrop-filter: none !important;
  }
  .ev-inv-glow{ display:none !important; }
  .ev-inv-tableWrap,
  .ev-inv-metaBox,
  .ev-inv-billCard,
  .ev-inv-notes,
  .ev-inv-totals{
    box-shadow: none !important;
    background: #fff !important;
  }
}

/* =========================
   Invoice Print (A4-first)
   ========================= */
.invp{
  background: #f6f7fb;
  color: #0b1020;
  font-family: var(--font, "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
}
.invp-page{
  padding: 24px 0;
}
.invp-doc{
  width: min(900px, calc(100% - 24px));
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #e7e9f2;
  border-radius: 14px;
  box-shadow: 0 20px 80px rgba(11,16,32,.12);
  padding: 22px 22px 18px;
}

.invp-head{
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 760px){
  .invp-head{ grid-template-columns: 1fr; }
}

.invp-logo{
  display:flex;
  gap: 10px;
  align-items: flex-start;
}
.invp-mark{
  width: 12px;
  height: 12px;
  margin-top: 6px;
  border-radius: 6px;
  background: linear-gradient(90deg, #4f46e5, #06b6d4);
  box-shadow: 0 0 0 6px rgba(79,70,229,.12);
  flex: 0 0 auto;
}
.invp-name{
  font-weight: 900;
  letter-spacing: -.02em;
  font-size: 18px;
}
.invp-sub{
  margin-top: 2px;
  color: rgba(11,16,32,.70);
  font-weight: 650;
  line-height: 1.45;
}

.invp-contact{
  margin-top: 10px;
  display: grid;
  gap: 4px;
  color: rgba(11,16,32,.72);
  font-weight: 650;
}
.invp-contact strong{ font-weight: 800; }

.invp-metaTitle{
  font-weight: 950;
  letter-spacing: .08em;
  font-size: 12px;
  color: rgba(11,16,32,.70);
  text-align: right;
}
@media (max-width: 760px){
  .invp-metaTitle{ text-align: left; }
}

.invp-metaGrid{
  margin-top: 8px;
  border: 1px solid #e7e9f2;
  border-radius: 12px;
  padding: 12px;
  display: grid;
  gap: 6px;
}
.invp-metaRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 650;
  color: rgba(11,16,32,.74);
}
.invp-metaRow strong{
  font-weight: 900;
  color: rgba(11,16,32,.92);
}
.invp-status{
  color: #16a34a;
  letter-spacing: .06em;
}

.invp-hr{
  margin: 16px 0;
  border: 0;
  height: 1px;
  background: #e7e9f2;
}

.invp-billing{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 900px){
  .invp-billing{ grid-template-columns: 1fr; }
}
.invp-box{
  border: 1px solid #e7e9f2;
  border-radius: 12px;
  padding: 12px;
}
.invp-boxTitle{
  font-weight: 900;
  color: rgba(11,16,32,.88);
}
.invp-lines{
  margin-top: 8px;
  display:grid;
  gap: 4px;
  color: rgba(11,16,32,.74);
  font-weight: 650;
  line-height: 1.5;
}

.invp-items{ margin-top: 14px; }
.invp-table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e7e9f2;
  border-radius: 12px;
  overflow: hidden;
}
.invp-table th,
.invp-table td{
  padding: 12px;
  border-bottom: 1px solid #eef0f7;
  vertical-align: top;
  font-weight: 650;
  color: rgba(11,16,32,.76);
}
.invp-table thead th{
  background: #fafbff;
  font-weight: 900;
  color: rgba(11,16,32,.88);
}
.invp-right{ text-align:right; white-space: nowrap; }
.invp-center{ text-align:center; white-space: nowrap; }

.invp-itemTitle{
  font-weight: 900;
  color: rgba(11,16,32,.92);
}
.invp-itemMeta{
  margin-top: 2px;
  color: rgba(11,16,32,.62);
  font-weight: 650;
  line-height: 1.45;
}

.invp-bottom{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 12px;
}
@media (max-width: 900px){
  .invp-bottom{ grid-template-columns: 1fr; }
}
.invp-notes{
  border: 1px solid #e7e9f2;
  border-radius: 12px;
  padding: 12px;
}
.invp-notes p{
  margin: 8px 0 0;
  color: rgba(11,16,32,.70);
  font-weight: 650;
  line-height: 1.6;
}

.invp-paybadges{
  margin-top: 10px;
  display:flex;
  flex-wrap: wrap;
  gap: 6px;
}
.invp-paybadges span{
  display:inline-block;
  padding: 4px 10px;
  border: 1px solid #e7e9f2;
  border-radius: 999px;
  font-weight: 800;
  color: rgba(11,16,32,.74);
  background: #ffffff;
}

.invp-totals{
  border: 1px solid #e7e9f2;
  border-radius: 12px;
  padding: 12px;
}
.invp-tRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  color: rgba(11,16,32,.74);
  font-weight: 650;
}
.invp-tRow strong{
  font-weight: 900;
  color: rgba(11,16,32,.92);
}
.invp-tHr{
  height: 1px;
  background: #e7e9f2;
  margin: 8px 0;
}
.invp-tRowBig span{ font-weight: 900; color: rgba(11,16,32,.86); }
.invp-tRowBig strong{ font-size: 18px; }

.invp-foot{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e7e9f2;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(11,16,32,.70);
  font-weight: 650;
}
.invp-footMuted{ color: rgba(11,16,32,.55); }

/* Non-print buttons */
.invp-actions{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.invp-btn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid #e7e9f2;
  background: #0b1020;
  color: #ffffff;
  font-weight: 900;
  text-decoration:none;
  cursor: pointer;
}
.invp-btnGhost{
  background: #ffffff;
  color: rgba(11,16,32,.86);
}
.invp-btn:hover{ transform: translateY(-1px); }

/* Print rules */
@page{ size: A4; margin: 12mm; }
@media print{
  .invp{ background: #fff !important; }
  .ev-print-hide{ display:none !important; }
  .invp-page{ padding: 0 !important; }
  .invp-doc{
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  a{ color: inherit; text-decoration: none; }
}

/* CART OFFCANVAS */
.cart-offcanvas .offcanvas-header {
    border-bottom: 1px solid #eee;
}

.cart-offcanvas .offcanvas-footer {
    border-top: 1px solid #eee;
    background: #f8f9fa;
}

.cart-offcanvas .list-group-item {
    transition: background 0.2s ease;
}

.cart-offcanvas .list-group-item:hover {
    background: #fdfdfd;
}