/* Home page — modern layer on top of site.css (spotlight, marquee, glass cards, glowing borders). */
.page-home .wrap{max-width:1320px}

/* sections get a soft mesh instead of flat grey */
.page-home .section{position:relative}
.page-home .section:not(.section-white)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(600px 300px at 90% 10%,rgba(0,160,210,.07),transparent 70%),radial-gradient(500px 300px at 5% 90%,rgba(124,92,255,.06),transparent 70%)}
.page-home .sec-head h2{background:linear-gradient(90deg,var(--dark),#2b4a6b);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- spotlight: newest plugin ---------- */
.spot-sec{padding:56px 0 10px}
.spot{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:0;border-radius:30px;overflow:hidden;isolation:isolate;
  background:linear-gradient(140deg,#0e1a24 0%,#0b1114 60%,#101b2f 100%);color:#fff;box-shadow:0 40px 90px -30px rgba(11,17,20,.55)}
.spot::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 380px at 15% 0%,rgba(0,160,210,.30),transparent 65%),
  radial-gradient(500px 400px at 100% 100%,rgba(124,92,255,.25),transparent 65%)}
.spot::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;
  background:linear-gradient(120deg,rgba(127,224,255,.6),rgba(255,255,255,.06) 40%,rgba(124,92,255,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.spot-media{display:flex;align-items:center;position:relative;overflow:hidden;background:#0b1114}
.spot-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s var(--ease)}
.spot:hover .spot-media img{transform:scale(1.035)}
.spot-body{padding:clamp(26px,3.6vw,48px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.spot-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:6px 14px;border-radius:999px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#cdeefb}
.spot-chip .dot{width:8px;height:8px;border-radius:50%;background:#2fe27a;box-shadow:0 0 0 0 rgba(47,226,122,.6);animation:pulse 2.2s infinite}
.spot h2{font-size:clamp(23px,2.6vw,34px);line-height:1.4;margin:0}
.spot h2 a{color:#fff}
.spot h2 a:hover{color:#7fe0ff}
.spot p{color:rgba(255,255,255,.72);margin:0;font-size:15.5px}
.spot-feats{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.spot-feats li{display:flex;align-items:center;gap:8px;font-size:14px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.spot-feats .ic{color:#5ee08a;flex:none}
.spot-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
.spot-btn{background:linear-gradient(135deg,#21c25a,var(--green));color:#fff;box-shadow:0 14px 34px -10px rgba(0,163,42,.7)}
.spot-btn:hover{color:#fff;transform:translateY(-2px)}
.spot-meta{display:flex;gap:16px;color:rgba(255,255,255,.6);font-size:13.5px}
.spot-meta b{color:#fff}
@media (max-width:960px){.spot{grid-template-columns:1fr}.spot-media{aspect-ratio:3/2}.spot-feats{grid-template-columns:1fr}}

/* ---------- marquee ---------- */
.marquee{overflow:hidden;padding:18px 0;margin:30px 0 0;border-block:1px solid var(--line-2);background:var(--surface);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:14px;width:max-content;animation:mq 42s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
.mq-track span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 18px;border-radius:999px;font-size:14px;
  background:var(--bg);border:1px solid var(--line);color:var(--text)}
.mq-track span .ic{color:var(--accent)}
@keyframes mq{to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}

/* ---------- glowing glass cards ---------- */
.page-home .tile,.page-home .step,.page-home .pcard,.page-home .bcard{position:relative;isolation:isolate}
.page-home .tile::after,.page-home .pcard::after,.page-home .step::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(135deg,var(--accent),var(--violet),#5ee08a);transition:opacity .35s;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.page-home .tile:hover::after,.page-home .pcard:hover::after,.page-home .step:hover::after{opacity:1}
.page-home .tile:not(.dark){background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.78));backdrop-filter:blur(6px)}
.page-home .pcard:hover{box-shadow:0 26px 60px -24px rgba(0,115,170,.45)}

/* product cards: badges */
.pcard .tag.free{color:#fff;background:linear-gradient(135deg,#21c25a,var(--green))}
.pcard .ver{position:absolute;bottom:10px;left:10px;font-size:11.5px;padding:3px 9px;border-radius:999px;background:rgba(11,17,20,.62);color:#fff;backdrop-filter:blur(4px)}
.price.free small{display:inline;margin-inline-start:6px;color:var(--muted-2);font-weight:400}

/* steps with a connecting line */
.page-home .steps{isolation:isolate}
.page-home .steps::before{content:"";position:absolute;top:46px;right:8%;left:8%;height:2px;z-index:-1;
  background:repeating-linear-gradient(90deg,var(--line) 0 10px,transparent 10px 18px)}
.page-home .step .n{box-shadow:0 10px 24px -8px rgba(0,115,170,.6)}
@media (max-width:900px){.page-home .steps::before{display:none}}

/* stats band + CTA: animated gradient */
.page-home .stat-band{background:linear-gradient(120deg,#13202a,#0b1114 50%,#141b33);background-size:200% 200%;animation:shift 14s ease infinite}
.page-home .cta-band{background:linear-gradient(120deg,var(--blue),var(--accent),#7c5cff);background-size:220% 220%;animation:shift 12s ease infinite}
@keyframes shift{50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.page-home .stat-band,.page-home .cta-band{animation:none}}

/* blog block */
.blog-sec .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.blog-sec .blog-grid{grid-template-columns:1fr}}

/* catalog nav sticks under the header while browsing categories */
.page-home .cat-nav{position:sticky;top:82px;z-index:5;padding:8px;border-radius:999px;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);
  width:max-content;max-width:100%;margin-inline:auto;overflow-x:auto;flex-wrap:nowrap;box-shadow:var(--sh-1)}
.page-home .cat-nav a{flex:none}