/* ===================================================================
 * Vacuum Sealer Expert — components.css
 * Hero, dashboard, today, planner, gear, kits, comparison, eeat, faq, news.
 * =================================================================== */

/* HERO */
.vse-hero{position:relative;overflow:hidden;padding:48px 0 36px;}
.vse-hero__sky{position:absolute;inset:0;z-index:0;}
.vse-hero__svg{width:100%;height:100%;}
.vse-hero__steam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.vse-hero__row{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .9fr;gap:36px;padding-top:24px;}
.vse-hero__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  color:rgba(255,255,255,.85);
  background:rgba(15,23,42,.55);border:1px solid var(--vse-line-2);
  padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px);
}
.vse-hero__pulse{width:8px;height:8px;border-radius:50%;background:var(--vse-accent);box-shadow:0 0 0 4px rgba(16,185,129,.18);animation:vsePulse 2.4s infinite;}
.vse-hero__title{
  font-family:var(--vse-head);font-weight:600;
  font-size:clamp(40px,5.6vw,72px);line-height:1.04;letter-spacing:-.015em;
  margin:14px 0 14px;color:#fff;
}
.vse-hero__title .vse-word{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .6s ease, transform .6s ease;}
.vse-hero__title .vse-word.is-in{opacity:1;transform:none;}
.vse-hero__sub{font-size:18px;color:rgba(255,255,255,.78);max-width:54ch;}
.vse-hero__cta{display:flex;gap:12px;align-items:center;margin:18px 0;flex-wrap:wrap;}
.vse-hero__stats{display:flex;gap:20px;margin:22px 0 0;color:rgba(255,255,255,.85);}
.vse-hero__stats div{display:flex;flex-direction:column;}
.vse-hero__stats dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.vse-hero__stats dd{margin:2px 0 0;font-family:var(--vse-head);font-size:22px;color:#fff;}

.vse-hero__panel{
  align-self:end;background:rgba(15,23,42,.65);border:1px solid var(--vse-line-2);
  border-radius:20px;padding:18px;backdrop-filter:blur(10px);box-shadow:var(--vse-shadow-2);
  color:#fff;min-width:260px;
}
.vse-hero__panel-head{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.vse-hero__panel-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.vse-hero__panel-row:last-of-type{border-bottom:0;}
.vse-hero__panel-row span{font-size:13px;color:rgba(255,255,255,.7);}
.vse-hero__panel-row strong{font-family:var(--vse-head);font-size:15px;}
.vse-hero__panel-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:8px 0 10px;position:relative;}
.vse-hero__panel-fill{display:block;height:100%;width:0;background:var(--vse-grad-accent);transition:width 1.4s cubic-bezier(.2,.7,.2,1) .3s;}
.vse-hero__panel-fill.is-in{width:var(--w);}
.vse-hero__panel-glow{position:absolute;inset:-30% -10% auto -10%;height:140%;background:radial-gradient(ellipse at 50% 0%, rgba(59,130,246,.35), transparent 60%);pointer-events:none;border-radius:inherit;}
.vse-hero__panel-live{margin-left:auto;font-size:10px;letter-spacing:.18em;color:#10b981;background:rgba(16,185,129,.12);padding:2px 8px;border-radius:99px;display:inline-flex;align-items:center;gap:4px;}
.vse-hero__panel-live::before{content:"";width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18);animation:vsePulse 2.4s infinite;}
.vse-hero__panel-meta{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.06em;margin:6px 0 10px;}
.vse-hero__panel-tick{width:4px;height:4px;border-radius:50%;background:rgba(245,158,11,.85);box-shadow:0 0 0 3px rgba(245,158,11,.18);animation:vsePulse 3.2s infinite;}
.vse-hero__appliance{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.vse-hero__pulse-led{animation:vseLedSweep 4.5s ease-in-out infinite;transform-origin:left center;}
@keyframes vseLedSweep{0%{transform:translateX(0) scaleX(.4);opacity:.0;}25%{opacity:.8;}50%{transform:translateX(380px) scaleX(2.4);opacity:.4;}100%{transform:translateX(440px) scaleX(.4);opacity:0;}}

.vse-hero__ticker{position:relative;z-index:2;margin-top:18px;overflow:hidden;border-top:1px solid var(--vse-line-2);border-bottom:1px solid var(--vse-line-2);background:rgba(11,18,32,.6);}
.vse-hero__ticker-track{display:flex;width:max-content;gap:36px;padding:10px 36px 10px 0;animation:vseTicker 60s linear infinite;color:rgba(255,255,255,.78);will-change:transform;}
.vse-hero__ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;flex:0 0 auto;}
.vse-hero__ticker-item em{color:rgba(255,255,255,.5);font-style:normal;}
@keyframes vseTicker{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(-50%,0,0);}}
@media (max-width:880px){
  .vse-hero__row{grid-template-columns:1fr;}
  .vse-hero__panel{align-self:start;}
}

/* CONTINUE */
.vse-continue{padding:24px 0;}
.vse-continue__inner{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  background:var(--vse-surface);border:1px solid var(--vse-line);border-radius:18px;padding:18px;
  backdrop-filter:blur(8px);
}
.vse-continue__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--vse-accent);}
.vse-continue__title{font-family:var(--vse-head);font-size:22px;margin:6px 0 10px;}
.vse-continue__chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 10px;}
.vse-continue__chips li{padding:5px 10px;border-radius:999px;background:var(--vse-surface-2);font-size:12px;color:var(--vse-text-soft);}
.vse-continue__progress{height:6px;border-radius:99px;background:var(--vse-surface-2);overflow:hidden;}
.vse-continue__progress-fill{display:block;height:100%;background:var(--vse-grad-accent);width:0%;transition:width .6s ease;}
.vse-continue__cta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
.vse-continue__minboard{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.vse-continue__minboard .vse-mboard__pin{
  font-size:12px;padding:5px 10px;border-radius:999px;background:rgba(59,130,246,.15);color:var(--vse-tech);
}
@media (max-width:760px){ .vse-continue__inner{grid-template-columns:1fr;} .vse-continue__cta{align-items:stretch;} }

/* QUICK START */
.vse-quick{padding:48px 0;}
.vse-quick__head{margin-bottom:18px;}
.vse-quick__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.vse-quick__card{
  text-align:left;padding:18px;border-radius:18px;
  background:var(--vse-surface);border:1px solid var(--vse-line);
  display:flex;flex-direction:column;gap:6px;cursor:pointer;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
  position:relative;
}
.vse-quick__card:hover{transform:translateY(-2px);background:var(--vse-surface-2);border-color:var(--vse-line-2);}
.vse-quick__card.is-active{border-color:var(--vse-accent);background:linear-gradient(180deg, rgba(16,185,129,.12), transparent 70%);}
.vse-quick__icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--vse-grad-accent);color:#fff;}
.vse-quick__label{font-family:var(--vse-head);font-size:18px;}
.vse-quick__sub{color:var(--vse-text-soft);font-size:13px;}
.vse-quick__arrow{position:absolute;top:18px;right:18px;color:var(--vse-text-mute);}
@media (max-width:880px){ .vse-quick__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .vse-quick__grid{grid-template-columns:1fr;} }

/* DASHBOARD */
.vse-dash{position:relative;overflow:hidden;color:#fff;padding:64px 0;margin:24px 0;border-radius:24px;}
.vse-dash__bg{position:absolute;inset:0;z-index:0;}
.vse-dash__svg{width:100%;height:100%;}
.vse-dash__steam{position:absolute;inset:0;}
.vse-dash__head{position:relative;z-index:2;text-align:center;margin-bottom:32px;}
.vse-dash__title{font-family:var(--vse-head);font-size:clamp(32px,4vw,52px);line-height:1.1;margin:8px 0 8px;color:#fff;}
.vse-dash__sub{color:rgba(255,255,255,.78);max-width:62ch;margin:0 auto;}
.vse-dash__progress{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.vse-dash__bar{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;}
.vse-dash__fill{display:block;height:100%;width:0%;background:linear-gradient(90deg, var(--vse-accent), var(--vse-tech), var(--vse-warm));background-size:200% 100%;animation:vseShimmer 6s linear infinite;transition:width .6s ease;}
@keyframes vseShimmer{from{background-position:0 0;}to{background-position:200% 0;}}
.vse-dash__progress-meta{display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,.7);}

.vse-dash__shell{position:relative;z-index:2;}
.vse-dash__layout{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start;}
@media (max-width:980px){.vse-dash__layout{grid-template-columns:1fr;}}
.vse-dash__stages{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0;}
.vse-dash__stage{
  position:relative;background:rgba(15,23,42,.55);border:1px solid var(--vse-line-2);border-radius:18px;padding:16px;
  backdrop-filter:blur(8px);transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.vse-dash__stage-head{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;}
.vse-dash__chip{font-family:var(--vse-head);font-size:14px;background:rgba(255,255,255,.08);padding:4px 10px;border-radius:999px;color:rgba(255,255,255,.85);}
.vse-dash__stage-icon{color:rgba(255,255,255,.7);width:32px;height:32px;display:grid;place-items:center;background:rgba(255,255,255,.04);border-radius:10px;}
.vse-dash__stage-titles{min-width:0;}
.vse-dash__stage-label{font-family:var(--vse-head);font-size:18px;margin:0;color:#fff;}
.vse-dash__stage-help{margin:2px 0 0;font-size:12px;color:rgba(255,255,255,.6);}
.vse-dash__stage-pill{font-size:11px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.vse-dash__stage.is-done .vse-dash__stage-pill{background:rgba(16,185,129,.18);color:var(--vse-accent);}

.vse-dash__opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
@media (max-width:760px){.vse-dash__opts{grid-template-columns:repeat(2,1fr);}}
.vse-dash__opt{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:#fff;text-align:left;cursor:pointer;transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.vse-dash__opt:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);}
.vse-dash__opt-icon{color:rgba(255,255,255,.7);}
.vse-dash__opt-label{font-weight:600;font-size:14px;}
.vse-dash__opt-sub{font-size:11px;color:rgba(255,255,255,.55);}
.vse-dash__opt-tick{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--vse-grad-accent);color:#fff;display:grid;place-items:center;font-size:11px;opacity:0;transform:scale(.6);transition:opacity .2s ease, transform .2s ease;}
.vse-dash__opt.is-selected{background:linear-gradient(180deg, rgba(16,185,129,.18), rgba(16,185,129,.06));border-color:var(--vse-accent);box-shadow:0 6px 18px rgba(16,185,129,.18);}
.vse-dash__opt.is-selected .vse-dash__opt-icon{color:var(--vse-accent);}
.vse-dash__opt.is-selected .vse-dash__opt-tick{opacity:1;transform:scale(1);}

.vse-dash__rec{
  position:sticky;top:96px;background:rgba(15,23,42,.7);border:1px solid var(--vse-line-2);border-radius:18px;padding:18px;
  backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;gap:12px;
}
.vse-dash__rec-head{display:flex;flex-direction:column;gap:6px;}
.vse-dash__rec-title{font-family:var(--vse-head);font-size:22px;margin:0;line-height:1.2;}
.vse-dash__rec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:10px;background:rgba(255,255,255,.04);border-radius:12px;}
.vse-dash__rec-strip dt{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.55);margin:0;}
.vse-dash__rec-strip dd{margin:2px 0 0;font-family:var(--vse-head);font-size:18px;}
.vse-dash__rec-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;}
.vse-dash__rec-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:13px;}
.vse-dash__rec-list strong{color:#fff;font-weight:600;}
.vse-dash__rec-pillb{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.vse-dash__rec-empty{color:rgba(255,255,255,.6);font-style:italic;}
.vse-dash__rec-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;}
.vse-dash__why{
  background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:0 12px;
  font-size:13px;color:rgba(255,255,255,.85);
  transition:background .25s ease, border-color .25s ease;
}
.vse-dash__why summary{
  list-style:none;display:flex;align-items:center;gap:8px;padding:10px 0;cursor:pointer;font-weight:600;color:#fff;
}
.vse-dash__why summary::-webkit-details-marker{display:none;}
.vse-dash__why-icon{width:24px;height:24px;border-radius:8px;background:rgba(59,130,246,.18);color:var(--vse-tech);display:grid;place-items:center;}
.vse-dash__why-chev{margin-left:auto;color:rgba(255,255,255,.55);transition:transform .2s ease;}
.vse-dash__why[open] .vse-dash__why-chev{transform:rotate(90deg);}
.vse-dash__why[open]{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.45);}
.vse-dash__why-text{margin:0 0 12px;line-height:1.55;color:rgba(255,255,255,.82);}
.vse-dash__why-text::first-letter{text-transform:uppercase;}

/* Upgrade-path aside (system optimisation suggestion) */
.vse-dash__upgrade{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  background:linear-gradient(135deg, rgba(245,158,11,.12), rgba(59,130,246,.06));
  border:1px solid rgba(245,158,11,.35);border-radius:16px;padding:14px 16px;margin-top:18px;
  color:#fff;
}
.vse-dash__upgrade-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--vse-grad-warm);color:#fff;flex:0 0 auto;}
.vse-dash__upgrade-eyebrow{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:700;}
.vse-dash__upgrade-body strong{display:block;font-size:15px;margin:2px 0 4px;color:#fff;}
.vse-dash__upgrade-body p{margin:0;font-size:13px;color:rgba(255,255,255,.78);line-height:1.5;}
.vse-dash__upgrade-why-shown{
  position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:11px;font-weight:700;
  display:grid;place-items:center;cursor:help;border:1px solid rgba(255,255,255,.12);
}
.vse-dash__upgrade-why-shown:hover{background:var(--vse-grad-accent);color:#fff;border-color:transparent;}

/* System Completion Moment */
.vse-dash__ready{
  position:relative;margin-top:24px;padding:24px;border-radius:18px;
  background:linear-gradient(135deg, rgba(16,185,129,.18), rgba(59,130,246,.12));
  border:1px solid rgba(16,185,129,.45);color:#fff;text-align:center;overflow:hidden;
}
.vse-dash__ready::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%, rgba(16,185,129,.3), transparent 60%);
}
.vse-dash__ready > *{position:relative;z-index:1;}
.vse-dash__ready h3{font-family:var(--vse-head);font-size:clamp(26px, 3.4vw, 38px);margin:8px 0 6px;line-height:1.1;}
.vse-dash__ready p{margin:0 auto 14px;color:rgba(255,255,255,.85);font-size:15px;max-width:60ch;}
.vse-dash__ready-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;padding:14px;background:rgba(11,18,32,.45);border-radius:14px;border:1px solid rgba(255,255,255,.08);}
.vse-dash__ready-stats dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0;}
.vse-dash__ready-stats dd{margin:4px 0 0;font-family:var(--vse-head);font-size:20px;color:#fff;}
.vse-dash__ready-cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}

/* Conversion heat — calm escalation. CTA gains prominence through clarity, not motion. */
.vse-dash.vse-heat-cold     .vse-dash__rec-cta .vse-cta--accent{filter:saturate(.55);}
.vse-dash.vse-heat-warming  .vse-dash__rec-cta .vse-cta--accent{filter:none;}
.vse-dash.vse-heat-hot      .vse-dash__rec-cta .vse-cta--accent{box-shadow:0 14px 30px rgba(16,185,129,.22);}
.vse-dash.vse-heat-ready    .vse-dash__rec-cta .vse-cta--accent{box-shadow:0 16px 36px rgba(16,185,129,.28);animation:vseBreathe 8s ease-in-out infinite;}
/* Slow, low-amplitude breathing glow — perceived as "alive", not "pressuring". */
@keyframes vseBreathe{
  0%,100%{box-shadow:0 16px 36px rgba(16,185,129,.22);}
  50%   {box-shadow:0 18px 40px rgba(16,185,129,.3);}
}
.vse-dash.vse-heat-ready .vse-dash__continue{display:none;}
.vse-dash.vse-heat-ready .vse-dash__upgrade{display:none;}
.vse-dash__stage.is-done{border-color:rgba(16,185,129,.5);background:linear-gradient(180deg, rgba(16,185,129,.18), rgba(15,23,42,.55));}
.vse-dash__stage.is-done .vse-dash__chip{background:var(--vse-grad-accent);color:#fff;}
.vse-dash__stage.is-next{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.18);}
.vse-dash__continue{position:relative;z-index:2;display:flex;justify-content:center;gap:12px;align-items:center;margin-top:24px;}
.vse-dash.is-complete .vse-dash__fill{background:linear-gradient(90deg, var(--vse-accent), var(--vse-warm));}
@media (max-width:980px){ .vse-dash__stages{grid-template-columns:repeat(2,1fr);} .vse-dash__stage::after{display:none;} }
@media (max-width:520px){ .vse-dash__stages{grid-template-columns:1fr;} }

/* TODAY */
.vse-today{padding:48px 0;}
.vse-today__head{margin-bottom:14px;}
.vse-today__marquee{overflow:hidden;border-top:1px solid var(--vse-line);border-bottom:1px solid var(--vse-line);background:var(--vse-surface);}
.vse-today__marquee-track{display:flex;width:max-content;gap:36px;padding:8px 36px 8px 0;animation:vseTicker 70s linear infinite;will-change:transform;}
.vse-today__marquee-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--vse-text-soft);white-space:nowrap;flex:0 0 auto;}
.vse-today__marquee-pulse{width:6px;height:6px;border-radius:50%;background:var(--vse-accent);animation:vsePulse 2.4s infinite;}

.vse-today__grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:auto auto;
  gap:14px;margin-top:18px;
}
.vse-today__feature{
  grid-column:span 1;grid-row:span 2;
  position:relative;border-radius:22px;overflow:hidden;background:var(--vse-bg-elev);
  border:1px solid var(--vse-line-2);box-shadow:var(--vse-shadow-2);min-height:380px;
  display:flex;flex-direction:column;
}
.vse-today__feature-art{position:absolute;inset:0;}
.vse-today__feature-body{position:relative;margin-top:auto;padding:18px;background:linear-gradient(180deg, transparent, rgba(11,18,32,.85));color:#fff;}
.vse-today__chip{display:inline-block;padding:4px 10px;background:var(--vse-grad-warm);color:#fff;border-radius:999px;font-size:12px;}
.vse-today__feature-title{font-family:var(--vse-head);font-size:26px;margin:8px 0 4px;}
.vse-today__feature-tag{color:rgba(255,255,255,.78);margin:0 0 10px;}
.vse-today__strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;}
.vse-today__strip dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.vse-today__strip dd{margin:2px 0 0;font-family:var(--vse-head);font-size:18px;color:#fff;}
.vse-today__feature-cta{display:flex;gap:8px;}

.vse-today__card{background:var(--vse-surface);border:1px solid var(--vse-line);border-radius:18px;padding:14px;}
.vse-today__cardhead{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.vse-today__cardhead h3{font-family:var(--vse-head);font-size:16px;margin:0;}
.vse-today__cardicon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--vse-surface-2);color:var(--vse-accent);}
.vse-today__alerts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.vse-today__alerts li{display:flex;justify-content:space-between;align-items:center;font-size:14px;}
.vse-today__alert-val{color:var(--vse-accent);font-family:var(--vse-head);}
.vse-today__rank{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.vse-today__rank li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;}
.vse-today__rank-badge{font-family:var(--vse-head);font-size:12px;background:var(--vse-grad-accent);color:#fff;padding:3px 8px;border-radius:999px;}
.vse-today__rank-name{font-size:14px;}
.vse-today__rank-val{color:var(--vse-text-soft);font-family:var(--vse-head);}
.vse-today__pills{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;}
.vse-today__pill{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:99px;background:var(--vse-surface-2);font-size:13px;}
.vse-today__pill em{font-style:normal;color:var(--vse-tech);}
.vse-today__avatars{display:flex;gap:-6px;margin-bottom:8px;}
.vse-today__avatar{width:30px;height:30px;border-radius:50%;background:var(--vse-grad-accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;margin-left:-8px;border:2px solid var(--vse-bg);}
.vse-today__avatar:first-child{margin-left:0;}
.vse-today__favs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;}
.vse-today__favs li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--vse-text-soft);}
.vse-today__favs em{margin-left:auto;font-style:normal;color:var(--vse-warm);}
@media (max-width:980px){ .vse-today__grid{grid-template-columns:1fr 1fr;} .vse-today__feature{grid-column:span 2;grid-row:auto;} }
@media (max-width:560px){ .vse-today__grid{grid-template-columns:1fr;} .vse-today__feature{grid-column:auto;} }

/* SCOREBOARD — replaces the older "today" 5-card layout */
.vse-scoreboard{padding:48px 0;position:relative;}
.vse-scoreboard__head{margin-bottom:14px;}
.vse-scoreboard__marquee{overflow:hidden;border-top:1px solid var(--vse-line);border-bottom:1px solid var(--vse-line);background:var(--vse-surface);margin-bottom:18px;}
.vse-scoreboard__marquee-track{display:flex;width:max-content;gap:36px;padding:8px 36px 8px 0;animation:vseTicker 70s linear infinite;will-change:transform;}
.vse-scoreboard__marquee-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--vse-text-soft);white-space:nowrap;flex:0 0 auto;}
.vse-scoreboard__marquee-item em{color:var(--vse-text-mute);font-style:normal;}
.vse-scoreboard__marquee-pulse{width:6px;height:6px;border-radius:50%;background:var(--vse-accent);animation:vsePulse 2.4s infinite;}
.vse-scoreboard__grid{
  display:grid;grid-template-columns:1.6fr 1.4fr 1fr 1fr;grid-auto-rows:1fr;gap:14px;
}
@media (max-width:1100px){.vse-scoreboard__grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.vse-scoreboard__grid{grid-template-columns:1fr;}}
.vse-scoreboard__big,.vse-scoreboard__card{
  position:relative;background:var(--vse-bg-elev);border:1px solid var(--vse-line);border-radius:18px;padding:18px;
  display:flex;flex-direction:column;gap:8px;overflow:hidden;
}
.vse-scoreboard__big{
  grid-column:span 2;
  background:linear-gradient(135deg, rgba(15,23,42,.85), rgba(31,41,55,.7));
  border-color:rgba(16,185,129,.25);color:#fff;min-height:200px;
}
.vse-scoreboard__big::before{content:"";position:absolute;inset:-30% -20% auto auto;width:80%;height:130%;background:radial-gradient(closest-side, rgba(16,185,129,.18), transparent 70%);pointer-events:none;}
.vse-scoreboard__big--alt{background:linear-gradient(135deg, rgba(15,23,42,.85), rgba(31,41,55,.7));border-color:rgba(59,130,246,.25);}
.vse-scoreboard__big--alt::before{background:radial-gradient(closest-side, rgba(59,130,246,.18), transparent 70%);}
.vse-scoreboard__big header h3,.vse-scoreboard__card h4{font-family:var(--vse-head);font-size:16px;margin:0;line-height:1.2;}
.vse-scoreboard__big header h3{font-size:18px;color:rgba(255,255,255,.85);}
.vse-scoreboard__chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);align-self:flex-start;}
.vse-scoreboard__chip--accent{background:rgba(16,185,129,.18);color:var(--vse-accent);}
.vse-scoreboard__num{font-family:var(--vse-head);font-size:clamp(40px, 6vw, 72px);line-height:1;letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums;font-weight:700;margin:6px 0 4px;}
.vse-scoreboard__num--md{font-size:clamp(28px, 3.6vw, 40px);color:var(--vse-text);}
.vse-scoreboard__sub{font-size:12.5px;color:rgba(255,255,255,.65);margin:0;}
.vse-scoreboard__big .vse-cta--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.12);align-self:flex-start;margin-top:auto;}
.vse-scoreboard__card{color:var(--vse-text);}
.vse-scoreboard__card .vse-scoreboard__sub{color:var(--vse-text-soft);}
.vse-scoreboard__strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;}
.vse-scoreboard__strip dt{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--vse-text-soft);margin:0;}
.vse-scoreboard__strip dd{margin:2px 0 0;font-family:var(--vse-head);font-size:16px;}
.vse-scoreboard__rank{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;}
.vse-scoreboard__rank li{display:grid;grid-template-columns:auto 1fr 60px;gap:8px;align-items:center;font-size:13px;}
.vse-scoreboard__rank-num{font-family:var(--vse-head);font-size:11px;background:var(--vse-grad-accent);color:#fff;padding:2px 7px;border-radius:99px;font-weight:700;}
.vse-scoreboard__rank-name{font-weight:500;}
.vse-scoreboard__rank-spark{height:4px;background:var(--vse-surface-2);border-radius:99px;overflow:hidden;}
.vse-scoreboard__rank-spark span{display:block;height:100%;width:var(--w);background:var(--vse-grad-accent);}
.vse-scoreboard__pills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px;}
.vse-scoreboard__pills li{padding:4px 10px;border-radius:99px;background:var(--vse-surface-2);font-size:11px;color:var(--vse-text-soft);}

/* Live tick — calm. The number shimmers, the card barely whispers. */
.vse-scoreboard__big[data-vse-tick],
.vse-scoreboard__card[data-vse-tick]{transition:box-shadow .8s ease;}
.vse-scoreboard__big.is-ticking,
.vse-scoreboard__card.is-ticking{box-shadow:0 0 0 1px rgba(16,185,129,.18), 0 12px 28px rgba(16,185,129,.07);}
[data-vse-tick-num]{transition:color .6s ease;}
.is-ticking [data-vse-tick-num]{color:var(--vse-accent);}

/* PLANNER */
.vse-planner{padding:48px 0;}
.vse-planner__head{margin-bottom:18px;}
.vse-planner__layout{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;}
.vse-planner__board{
  position:relative;border-radius:22px;overflow:hidden;
  background:var(--vse-bg-elev);border:1px solid var(--vse-line-2);min-height:520px;
}
.vse-planner__bg{position:absolute;inset:0;width:100%;height:100%;}
.vse-planner__filters{position:absolute;top:14px;left:14px;display:flex;gap:6px;z-index:3;}
.vse-planner__pill{padding:6px 10px;font-size:12px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid var(--vse-line-2);color:rgba(255,255,255,.85);}
.vse-planner__pill.is-active{background:var(--vse-grad-accent);border-color:transparent;color:#fff;}
.vse-planner__pins{position:absolute;inset:0;}
.vse-planner__pin{
  position:absolute;display:inline-flex;align-items:center;gap:6px;
  padding:5px 10px;border-radius:999px;background:rgba(11,18,32,.7);border:1px solid var(--vse-line-2);color:#fff;font-size:12px;
  transform:translate(-50%,-50%);
}
.vse-planner__pin-dot{width:8px;height:8px;border-radius:50%;background:var(--vse-warm);box-shadow:0 0 0 4px rgba(245,158,11,.18);}
.vse-planner__pin.is-pinned{background:var(--vse-grad-accent);border-color:transparent;}
.vse-planner__pin.is-pinned .vse-planner__pin-dot{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18);}

.vse-planner__panel{
  background:var(--vse-surface);border:1px solid var(--vse-line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:14px;
}
.vse-planner__panelhead{display:flex;justify-content:space-between;align-items:center;}
.vse-planner__pinned{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;}
.vse-planner__pinned li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:var(--vse-surface-2);font-size:13px;}
.vse-planner__pinned .vse-planner__empty{font-style:italic;background:transparent;color:var(--vse-text-mute);padding:0;}
.vse-planner__pinned button.vse-planner__remove{font-size:12px;color:var(--vse-text-mute);}
.vse-planner__inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vse-planner__inputs label{display:flex;flex-direction:column;font-size:12px;color:var(--vse-text-soft);gap:4px;}
.vse-planner__inputs input{padding:9px 10px;border-radius:10px;background:var(--vse-surface-2);border:1px solid var(--vse-line);color:var(--vse-text);}
.vse-planner__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vse-planner__stats div{padding:10px;border-radius:12px;background:var(--vse-surface-2);}
.vse-planner__stats dt{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--vse-text-soft);}
.vse-planner__stats dd{margin:2px 0 0;font-family:var(--vse-head);font-size:18px;}
.vse-planner__route{font-size:13px;color:var(--vse-text-soft);margin:0;}
.vse-planner__actions{display:flex;gap:8px;}
@media (max-width:980px){ .vse-planner__layout{grid-template-columns:1fr;} }

/* SETUPS */
.vse-setups{padding:48px 0;}
.vse-setups__head{margin-bottom:18px;}
.vse-setups__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px;}
.vse-setups__card{
  position:relative;border-radius:18px;overflow:hidden;background:var(--vse-bg-elev);border:1px solid var(--vse-line);
  display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:var(--vse-shadow-1);
}
.vse-setups__card:hover{transform:translateY(-3px);box-shadow:var(--vse-shadow-2);}
.vse-setups__card--feature{grid-column:span 1;grid-row:span 2;}
.vse-setups__art{position:relative;}
.vse-setups__metric{position:absolute;top:12px;left:12px;background:rgba(11,18,32,.78);color:#fff;font-size:12px;padding:4px 10px;border-radius:999px;}
.vse-setups__body{padding:14px;display:flex;flex-direction:column;gap:6px;}
.vse-setups__meta{display:flex;flex-wrap:wrap;gap:6px;}
.vse-setups__meta span{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--vse-surface);color:var(--vse-text-soft);}
.vse-setups__name{font-family:var(--vse-head);font-size:20px;margin:6px 0 0;}
.vse-setups__tag{color:var(--vse-text-soft);font-size:14px;margin:0;}
.vse-setups__bar{height:5px;border-radius:99px;background:var(--vse-surface-2);overflow:hidden;margin-top:6px;}
.vse-setups__bar span{display:block;height:100%;width:var(--w);background:var(--vse-grad-accent);}
.vse-setups__dots{display:none;justify-content:center;gap:6px;margin-top:10px;}
.vse-setups__dot{width:7px;height:7px;border-radius:50%;background:var(--vse-surface-2);}
.vse-setups__dot.is-active{background:var(--vse-accent);}
@media (max-width:980px){
  .vse-setups__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;}
  .vse-setups__card{min-width:84%;scroll-snap-align:center;}
  .vse-setups__card--feature{min-width:90%;}
  .vse-setups__dots{display:flex;}
}

/* GEAR FINDER */
.vse-gear{padding:48px 0;}
.vse-gear__head{margin-bottom:18px;}
.vse-gear__inner{display:flex;flex-direction:column;gap:18px;}
.vse-gear__tabs{display:flex;gap:6px;flex-wrap:wrap;border:1px solid var(--vse-line);background:var(--vse-surface);padding:6px;border-radius:14px;}
.vse-gear__tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;color:var(--vse-text-soft);font-weight:500;}
.vse-gear__tab.is-active{background:var(--vse-grad-accent);color:#fff;}
.vse-gear__tab-icon{width:24px;height:24px;display:grid;place-items:center;}
.vse-gear__panel{display:none;}
.vse-gear__panel.is-active{display:block;animation:vseFade .35s ease;}
@keyframes vseFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.vse-gear__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:1100px){ .vse-gear__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .vse-gear__grid{grid-template-columns:1fr;} }
.vse-product{
  position:relative;
  background:var(--vse-bg-elev);border:1px solid var(--vse-line);border-radius:18px;padding:14px;
  display:flex;flex-direction:column;gap:8px;transition:transform .2s ease, box-shadow .2s ease;
}
.vse-product.is-top{border-color:rgba(16,185,129,.5);box-shadow:0 12px 32px rgba(16,185,129,.12);}
.vse-product__pick{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--vse-grad-warm);color:#fff;}
.vse-product__pick svg{color:#fff;}
.vse-product__save{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(11,18,32,.55);color:#fff;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);transition:background .2s ease, transform .2s ease;}
.vse-product__save:hover{background:var(--vse-grad-accent);transform:scale(1.06);}
.vse-product__save.is-saved{background:var(--vse-grad-accent);}
.vse-product__art{position:relative;}
.vse-product__eff{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;background:rgba(11,18,32,.78);color:#fff;font-size:11px;padding:4px 8px;border-radius:99px;backdrop-filter:blur(6px);}
.vse-product__eff svg{color:var(--vse-accent);}
.vse-product__ideal{font-size:12px;color:var(--vse-text-soft);margin:2px 0 4px;display:inline-flex;align-items:center;gap:4px;line-height:1.4;}
.vse-product__ideal svg{color:var(--vse-accent);flex:0 0 auto;}
.vse-product__specs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px;}
.vse-product__specs li{font-size:11px;padding:3px 8px;border-radius:99px;background:var(--vse-surface-2);color:var(--vse-text-soft);font-variant-numeric:tabular-nums;}
.vse-product__cta-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;}

/* Sealing Intelligence Score panel */
.vse-sis{
  display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;
  background:linear-gradient(135deg, rgba(15,23,42,.55), rgba(31,41,55,.4));
  border:1px solid var(--vse-line);border-radius:12px;padding:8px 10px;
  margin:6px 0;
}
.vse-sis__radar{position:relative;width:88px;height:88px;display:grid;place-items:center;background:radial-gradient(closest-side, rgba(16,185,129,.18), transparent 70%);border-radius:50%;}
.vse-sis__svg{width:88px;height:88px;}
.vse-sis__bars{margin:0;display:flex;flex-direction:column;gap:3px;}
.vse-sis__bars > div{display:grid;grid-template-columns:90px 1fr;gap:6px;align-items:center;font-size:10.5px;}
.vse-sis__bars dt{color:var(--vse-text-soft);margin:0;}
.vse-sis__bars dd{margin:0;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;}
.vse-sis__bar{height:4px;border-radius:99px;background:var(--vse-surface-2);overflow:hidden;}
.vse-sis__bar span{display:block;height:100%;width:var(--w);background:var(--vse-grad-accent);}
.vse-sis__bars em{font-style:normal;font-size:10.5px;color:var(--vse-text-soft);font-variant-numeric:tabular-nums;min-width:18px;text-align:right;}
@media (max-width:680px){.vse-sis{grid-template-columns:72px 1fr;}.vse-sis__radar,.vse-sis__svg{width:72px;height:72px;}.vse-sis__bars > div{grid-template-columns:74px 1fr;font-size:10px;}}
.vse-product:hover{transform:translateY(-2px);box-shadow:var(--vse-shadow-2);}
.vse-product__art{border-radius:12px;overflow:hidden;}
.vse-product__name{font-family:var(--vse-head);font-size:17px;margin:6px 0 4px;}
.vse-product__rating{display:flex;align-items:center;gap:8px;}
.vse-product__bar{flex:1;height:5px;border-radius:99px;background:var(--vse-surface-2);overflow:hidden;}
.vse-product__bar span{display:block;height:100%;width:var(--w);background:var(--vse-grad-accent);}
.vse-product__score{font-size:12px;color:var(--vse-text-soft);}
.vse-product__pros{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;color:var(--vse-text-soft);font-size:13px;}
.vse-product__pros li{display:inline-flex;align-items:center;gap:6px;}
.vse-product__pros svg{color:var(--vse-accent);}

/* KITS */
.vse-kits{padding:48px 0;}
.vse-kits__head{margin-bottom:18px;}
.vse-kits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:1100px){ .vse-kits__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .vse-kits__grid{grid-template-columns:1fr;} }
.vse-kit{
  background:var(--vse-bg-elev);border:1px solid var(--vse-line);border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;
}
.vse-kit:hover{transform:translateY(-2px);box-shadow:var(--vse-shadow-2);}
.vse-kit__art{position:relative;overflow:hidden;}
.vse-kit__icon{position:absolute;top:12px;left:12px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(11,18,32,.78);color:#fff;backdrop-filter:blur(6px);}
.vse-kit__count{position:absolute;top:14px;right:12px;background:rgba(11,18,32,.78);color:#fff;font-size:11px;padding:4px 10px;border-radius:999px;}
.vse-kit__body{padding:14px;display:flex;flex-direction:column;gap:6px;}
.vse-kit__name{font-family:var(--vse-head);font-size:18px;margin:0;}
.vse-kit__sum{color:var(--vse-text-soft);font-size:13px;margin:0;}
.vse-kit__list{list-style:none;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:4px;}
.vse-kit__list li{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--vse-text-soft);}
.vse-kit__list a{color:var(--vse-text);text-decoration:none;}
.vse-kit__list svg{color:var(--vse-accent);}
.vse-kit__savings{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:4px;background:rgba(11,18,32,.78);color:#fff;font-size:11px;padding:4px 10px;border-radius:99px;backdrop-filter:blur(6px);}
.vse-kit__savings svg{color:var(--vse-warm);}
.vse-kit__tags{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-wrap:wrap;gap:5px;}
.vse-kit__tags li{font-size:10.5px;letter-spacing:.06em;padding:3px 8px;border-radius:99px;background:var(--vse-surface-2);color:var(--vse-text-soft);text-transform:uppercase;font-weight:600;}
.vse-injkit__meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px;align-items:center;}
.vse-injkit__savings{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:rgba(245,158,11,.12);color:var(--vse-warm);padding:3px 9px;border-radius:99px;font-weight:600;}
.vse-injkit__savings svg{color:var(--vse-warm);}
.vse-injkit__tag{font-size:10.5px;letter-spacing:.06em;padding:3px 8px;border-radius:99px;background:var(--vse-surface-2);color:var(--vse-text-soft);text-transform:uppercase;font-weight:600;}

/* COMPARISON */
.vse-cmp{padding:48px 0;position:relative;}
.vse-cmp__head{margin-bottom:18px;}
.vse-cmp__mood{font-style:italic;color:var(--vse-text-soft);}
.vse-cmp__tabs{display:flex;gap:6px;flex-wrap:wrap;border:1px solid var(--vse-line);background:var(--vse-surface);padding:6px;border-radius:14px;margin-bottom:12px;}
.vse-cmp__tab{padding:10px 14px;border-radius:10px;color:var(--vse-text-soft);font-weight:500;}
.vse-cmp__tab.is-active{background:var(--vse-grad-accent);color:#fff;}
.vse-cmp__panel{display:none;}
.vse-cmp__panel.is-active{display:block;animation:vseFade .35s ease;}
.vse-cmp__table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--vse-line);}
.vse-cmp__table{width:100%;border-collapse:collapse;background:var(--vse-bg-elev);}
.vse-cmp__table th,.vse-cmp__table td{padding:14px;text-align:left;font-size:14px;border-bottom:1px solid var(--vse-line);}
.vse-cmp__table th{color:var(--vse-text-soft);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:11px;}
.vse-cmp__table tr.is-pick{background:linear-gradient(90deg, rgba(16,185,129,.15), transparent 80%);}
.vse-cmp__pick{display:inline-block;background:var(--vse-grad-accent);color:#fff;padding:2px 8px;border-radius:999px;font-size:11px;margin-bottom:4px;}
.vse-cmp__rec{display:inline-flex;align-items:center;gap:4px;background:rgba(245,158,11,.15);color:var(--vse-warm);padding:3px 8px;border-radius:99px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:4px;margin-right:4px;}
.vse-cmp__rec svg{color:var(--vse-warm);}
.vse-cmp__bestfor{display:block;font-size:11.5px;color:var(--vse-text-soft);font-weight:400;margin-top:3px;letter-spacing:0;text-transform:none;}
.vse-cmp__toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 10px;padding:8px 12px;background:var(--vse-surface);border-radius:99px;border:1px solid var(--vse-line);}
.vse-cmp__diff-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--vse-text-soft);cursor:pointer;}
.vse-cmp__diff-toggle input{accent-color:var(--vse-accent);}
.vse-cmp__actions-cell{white-space:nowrap;}
/* Highlight differences mode */
.vse-cmp__panel.is-diff td[data-vse-diff="1"]{background:linear-gradient(90deg, rgba(245,158,11,.1), transparent);box-shadow:inset 2px 0 0 var(--vse-warm);}
.vse-cmp__panel.is-diff td:not([data-vse-diff="1"]){opacity:.45;}
.vse-cmp__rail{
  display:none;position:fixed;right:18px;top:120px;z-index:30;width:240px;
  background:var(--vse-bg-elev);border:1px solid var(--vse-line-2);border-radius:14px;padding:12px;box-shadow:var(--vse-shadow-2);
}
.vse-cmp__rail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.vse-cmp__rail-clear{font-size:12px;color:var(--vse-text-soft);}
.vse-cmp__rail ul{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:6px;}
.vse-cmp__rail li{font-size:13px;padding:6px 8px;border-radius:8px;background:var(--vse-surface-2);}
@media (min-width:1280px){ .vse-cmp__rail.has-items{display:block;} }

.vse-cmp__drawer{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--vse-bg-elev);border-top:1px solid var(--vse-line-2);padding:10px 16px;}
.vse-cmp__drawer-head{display:flex;justify-content:space-between;align-items:center;}
.vse-cmp__drawer-open{font-weight:700;color:var(--vse-accent);}
@media (min-width:1280px){ .vse-cmp__drawer{display:none !important;} }

.vse-cmp__modal{position:fixed;inset:0;z-index:90;background:rgba(11,18,32,.96);backdrop-filter:blur(10px);overflow:auto;padding:48px 16px;}
.vse-cmp__modal-inner{max-width:1100px;margin:0 auto;background:var(--vse-bg-elev);border-radius:22px;padding:24px;border:1px solid var(--vse-line-2);}
.vse-cmp__modal-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;background:var(--vse-surface);}
.vse-cmp__modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px;}

/* EEAT */
.vse-eeat{padding:48px 0;}
.vse-eeat__head{margin-bottom:18px;}
.vse-eeat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:880px){ .vse-eeat__grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .vse-eeat__grid{grid-template-columns:1fr;} }
.vse-eeat__card{background:var(--vse-surface);border:1px solid var(--vse-line);border-radius:16px;padding:18px;}
.vse-eeat__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--vse-grad-accent);color:#fff;margin-bottom:10px;}
.vse-eeat__title{font-family:var(--vse-head);font-size:18px;margin:6px 0;}
.vse-eeat__desc{color:var(--vse-text-soft);font-size:14px;margin:0;}
.vse-eeat__cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}

/* FAQ */
.vse-faq{padding:48px 0;}
.vse-faq__head{margin-bottom:18px;}
.vse-faq__list{display:flex;flex-direction:column;gap:8px;}
.vse-faq__item{background:var(--vse-surface);border:1px solid var(--vse-line);border-radius:14px;padding:0;}
.vse-faq__q{
  list-style:none;display:flex;justify-content:space-between;align-items:center;
  padding:14px 16px;cursor:pointer;font-family:var(--vse-head);font-size:17px;
}
.vse-faq__q::-webkit-details-marker{display:none;}
.vse-faq__chev{transition:transform .2s ease;}
.vse-faq__item[open] .vse-faq__chev{transform:rotate(90deg);}
.vse-faq__a{padding:0 16px 16px;color:var(--vse-text-soft);font-size:15px;}

/* NEWSLETTER */
.vse-news{padding:48px 0;}
.vse-news__inner{
  position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--vse-line-2);
  background:var(--vse-bg-elev);box-shadow:var(--vse-shadow-2);
}
.vse-news__art{position:absolute;inset:0;}
.vse-news__copy{position:relative;padding:32px;color:#fff;}
.vse-news__title{font-family:var(--vse-head);font-size:clamp(24px,3vw,36px);margin:8px 0 6px;}
.vse-news__sub{margin:0 0 14px;color:rgba(255,255,255,.78);max-width:62ch;}
.vse-news__form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.vse-news__form input{flex:1;min-width:220px;padding:12px 14px;border-radius:999px;border:1px solid var(--vse-line-2);background:rgba(11,18,32,.6);color:#fff;}
.vse-news__msg{font-size:13px;color:var(--vse-accent);}
.vse-news__legal{font-size:12px;color:rgba(255,255,255,.55);margin:10px 0 0;}

/* Inline injected kit */
.vse-injkit{
  background:var(--vse-surface);border:1px solid var(--vse-line);border-radius:18px;
  padding:16px;margin:24px 0;display:flex;flex-direction:column;gap:8px;
}
.vse-injkit__head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;}
.vse-injkit__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--vse-grad-accent);color:#fff;}
.vse-injkit__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--vse-text-soft);}
.vse-injkit__name{font-family:var(--vse-head);font-size:20px;margin:0;}
.vse-injkit__count{font-size:11px;background:var(--vse-surface-2);padding:4px 10px;border-radius:999px;color:var(--vse-text-soft);}
.vse-injkit__sum{color:var(--vse-text-soft);font-size:14px;margin:0;}
.vse-injkit__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
.vse-injkit__list li{display:inline-flex;align-items:center;gap:6px;font-size:14px;}
.vse-injkit__list a{color:var(--vse-text);text-decoration:none;border-bottom:1px dashed var(--vse-line-2);}
.vse-injkit__list svg{color:var(--vse-accent);}

/* Auto-link styles */
a.vse-alink{color:var(--vse-accent) !important;border-bottom:1px solid rgba(16,185,129,.4);text-decoration:none;}
a.vse-ilink{color:var(--vse-tech) !important;border-bottom:1px dashed rgba(59,130,246,.4);text-decoration:none;}

/* Companion grid */
.vse-pgrid{margin:32px 0;}
.vse-pgrid__head{margin-bottom:10px;}
.vse-pgrid__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--vse-text-soft);}
.vse-pgrid__title{font-family:var(--vse-head);font-size:22px;margin:4px 0;}
.vse-pgrid__row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
@media (max-width:760px){ .vse-pgrid__row{grid-template-columns:repeat(2,1fr);} }
.vse-pcard{
  background:var(--vse-bg-elev);border:1px solid var(--vse-line);border-radius:14px;padding:14px;
  display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;
  transition:transform .2s ease, box-shadow .2s ease;
}
.vse-pcard:hover{transform:translateY(-2px);box-shadow:var(--vse-shadow-2);}
.vse-pcard__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--vse-grad-accent);color:#fff;}
.vse-pcard__name{font-family:var(--vse-head);font-size:15px;}
.vse-pcard__cta{font-size:12px;color:var(--vse-accent);display:inline-flex;align-items:center;gap:4px;}
.vse-pgrid__keep{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--vse-tech);font-weight:500;text-decoration:none;}

/* Card (post archive) */
.vse-card{
  background:var(--vse-bg-elev);border:1px solid var(--vse-line);border-radius:18px;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.vse-card:hover{transform:translateY(-3px);box-shadow:var(--vse-shadow-2);}
.vse-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.vse-card__media{position:relative;}
.vse-card__chip{position:absolute;top:10px;left:10px;background:rgba(11,18,32,.78);color:#fff;font-size:11px;padding:4px 8px;border-radius:99px;}
.vse-card__body{padding:14px;display:flex;flex-direction:column;gap:6px;}
.vse-card__meta{display:flex;justify-content:space-between;font-size:12px;color:var(--vse-text-mute);}
.vse-card__title{font-family:var(--vse-head);font-size:20px;margin:6px 0 0;}
.vse-card__excerpt{color:var(--vse-text-soft);font-size:14px;margin:0;}
.vse-card__cta{font-size:13px;color:var(--vse-accent);display:inline-flex;align-items:center;gap:4px;}

/* Product box */
.vse-pbox{
  background:var(--vse-bg-elev);border:1px solid var(--vse-line-2);border-radius:22px;overflow:hidden;
  display:grid;grid-template-columns:1fr 1.4fr;gap:0;margin:24px 0;box-shadow:var(--vse-shadow-2);
}
.vse-pbox__art{position:relative;}
.vse-pbox__body{padding:18px;display:flex;flex-direction:column;gap:8px;}
.vse-pbox__pick{display:inline-block;background:var(--vse-grad-warm);color:#fff;padding:3px 10px;border-radius:999px;font-size:11px;}
.vse-pbox__rating{display:flex;align-items:center;gap:8px;}
.vse-pbox__bar{flex:1;height:6px;border-radius:99px;background:var(--vse-surface-2);overflow:hidden;}
.vse-pbox__bar span{display:block;height:100%;width:var(--w);background:var(--vse-grad-accent);}
.vse-pbox__score{font-size:12px;color:var(--vse-text-soft);}
.vse-pbox__pros{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;color:var(--vse-text-soft);font-size:14px;}
.vse-pbox__pros li{display:inline-flex;align-items:center;gap:6px;}
.vse-pbox__pros svg{color:var(--vse-accent);}
@media (max-width:680px){ .vse-pbox{grid-template-columns:1fr;} }

/* Single hero badges — kitchen-tested / expert-reviewed system */
.vse-badges{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px;}
.vse-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--vse-surface);border:1px solid var(--vse-line);font-size:12px;color:var(--vse-text-soft);text-decoration:none;font-weight:600;letter-spacing:.02em;transition:transform .2s ease, border-color .2s ease, background .2s ease;}
.vse-badge:hover{transform:translateY(-1px);border-color:var(--vse-line-2);}
.vse-badge svg{color:var(--vse-accent);}
.vse-badge--accent{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.4);color:var(--vse-accent);}
.vse-badge--accent svg{color:var(--vse-accent);}
.vse-badge--tech{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.4);color:var(--vse-tech);}
.vse-badge--tech svg{color:var(--vse-tech);}
.vse-badge--warm{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.4);color:var(--vse-warm);}
.vse-badge--warm svg{color:var(--vse-warm);}
.vse-badge--soft{background:var(--vse-surface);color:var(--vse-text-soft);}

/* Byline */
.vse-byline{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:14px;}
.vse-byline__avatar img{border-radius:50%;}
.vse-byline__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;}
.vse-byline__row--sub{color:var(--vse-text-soft);font-size:12.5px;}
.vse-byline__name{font-weight:600;text-decoration:none;color:var(--vse-text);}
.vse-byline__role{font-size:11px;background:var(--vse-surface-2);color:var(--vse-text-soft);padding:2px 8px;border-radius:999px;}
.vse-byline__cert{display:inline-flex;align-items:center;gap:4px;color:var(--vse-accent);}