* { box-sizing: border-box; }
:root {
  --bg: #030305;
  --panel: rgba(12,12,17,.82);
  --panel-strong: rgba(9,9,13,.95);
  --text: #fff;
  --muted: #a7a9b5;
  --red: #ff244e;
  --red2: #ff5778;
  --line: rgba(255,48,82,.25);
  --line-strong: rgba(255,48,82,.72);
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 18% -8%, rgba(255,0,57,.14), transparent 29%),
    radial-gradient(circle at 86% 14%, rgba(255,0,57,.11), transparent 25%),
    linear-gradient(180deg, #050507 0%, #020203 100%);
  font-family: Inter, Arial, Helvetica, sans-serif;
}
a { color: inherit; }
#particles {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: .8;
}
.page-glow {
  position: fixed;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: .17;
  z-index: 0;
  pointer-events: none;
}
.glow-a { top: 9%; left: -140px; background: #ff1d4a; }
.glow-b { top: 48%; right: -150px; background: #b0002d; }
.site-header, main, footer { position: relative; z-index: 2; }
.site-header {
  width: min(1360px, calc(100% - 36px));
  margin: 18px auto;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 20px;
  background: rgba(7,7,10,.72);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(0,0,0,.38), inset 0 0 35px rgba(255,0,48,.035);
}
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font-size: 22px; font-weight: 950; letter-spacing: .08em; }
.brand img { width: 58px; height: 58px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(255,33,74,.38)); }
.site-header nav { display: flex; gap: 24px; }
.site-header nav a { color: #c6c7cf; text-decoration: none; font-size: 14px; font-weight: 800; transition: color .2s ease; }
.site-header nav a:hover { color: #fff; }
.header-cta, .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 13px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.header-cta, .btn.primary {
  background: linear-gradient(135deg, #ff2c55, #bf002d);
  box-shadow: 0 12px 32px rgba(255,0,54,.25), inset 0 1px 0 rgba(255,255,255,.18);
}
.btn.ghost { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); }
.header-cta:hover, .btn:hover { transform: translateY(-2px); }
.btn.primary:hover { box-shadow: 0 16px 40px rgba(255,0,54,.35), 0 0 26px rgba(255,37,76,.15); }
.btn.wide { width: 100%; }
.hero {
  position: relative;
  width: min(1360px, calc(100% - 36px));
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.05);
  background: #000;
  box-shadow: 0 34px 90px rgba(0,0,0,.5), 0 0 60px rgba(255,0,50,.045);
  isolation: isolate;
}
.hero-image { display: block; width: 100%; height: auto; position: relative; z-index: 1; }
.hero-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0,0,0,.03) 20%, rgba(0,0,0,.14) 58%, rgba(0,0,0,.76) 100%);
  pointer-events: none;
}
.hero-scan {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(110deg, transparent 31%, rgba(255,52,89,.20) 50%, transparent 69%);
  mix-blend-mode: screen;
  transform: translateX(-60%);
  animation: scan 7s linear infinite;
  pointer-events: none;
}
.hero-outline { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 4; pointer-events: none; }
.trace { fill: none; stroke-linecap: round; stroke-linejoin: round; filter: url(#redGlow); stroke-dasharray: 16 13; }
.trace.left, .trace.left-inner, .trace.right, .trace.right-inner { stroke: rgba(255,49,83,.96); stroke-width: 5; animation: dash 5.2s linear infinite; }
.trace.left-inner, .trace.right-inner { stroke-width: 3.5; opacity: .84; animation-duration: 7.4s; animation-direction: reverse; }
.trace.cross { stroke: rgba(255,116,142,.88); stroke-width: 3; animation: dash 8.5s linear infinite reverse; }
.spark-dot { fill: #fff; filter: url(#redGlow); animation: spark 2.1s ease-in-out infinite; }
.hero-bottom-glow {
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: -62px;
  height: 150px;
  z-index: 4;
  background: radial-gradient(ellipse at center, rgba(255,20,60,.98) 0%, rgba(202,0,42,.60) 36%, rgba(86,0,18,.18) 67%, transparent 82%);
  filter: blur(29px);
  pointer-events: none;
}
.hero-copy {
  position: absolute;
  left: 30px;
  bottom: 28px;
  z-index: 5;
  width: min(620px, calc(100% - 60px));
  padding: 22px 24px;
  border-radius: 23px;
  background: rgba(6,6,10,.62);
  border: 1px solid rgba(255,255,255,.07);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 46px rgba(0,0,0,.34), inset 0 0 32px rgba(255,0,46,.055);
}
.kicker { color: #ff8ca3; font-size: 11px; font-weight: 950; letter-spacing: .18em; }
.hero-copy h1 { margin: 10px 0 8px; font-size: clamp(31px, 4vw, 59px); line-height: 1.02; letter-spacing: -.03em; text-transform: uppercase; }
.hero-copy h1 em { color: var(--red); font-style: normal; text-shadow: 0 0 26px rgba(255,35,76,.34); }
.hero-copy p { margin: 0; max-width: 540px; color: #bfc0c9; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.trust-strip {
  width: min(1260px, calc(100% - 60px));
  margin: -1px auto 0;
  padding: 46px 0 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.trust-strip span { padding: 14px 16px; text-align: center; color: #9d9fa9; font-size: 11px; letter-spacing: .12em; border: 1px solid rgba(255,255,255,.05); border-radius: 14px; background: rgba(255,255,255,.022); }
.trust-strip b { color: #fff; }
.section { width: min(1260px, calc(100% - 60px)); margin: 0 auto; padding: 86px 0; }
.section-head { margin-bottom: 28px; }
.section-head.centered { text-align: center; }
.section-head > p:first-child { margin: 0 0 9px; color: #ff6d8a; font-size: 12px; font-weight: 950; letter-spacing: .2em; }
.section-head h1, .section-head h2 { margin: 0; font-size: clamp(34px, 4vw, 58px); text-transform: uppercase; letter-spacing: -.02em; }
.section-head h1 span, .section-head h2 span { color: var(--red); text-shadow: 0 0 24px rgba(255,35,76,.23); }
.section-sub { margin: 10px 0 0; color: var(--muted); }
.product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.product-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: linear-gradient(165deg, rgba(22,22,29,.94), rgba(7,7,11,.97));
  box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 0 60px rgba(255,0,45,.045);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.product-card:hover { transform: translateY(-7px); border-color: var(--line-strong); box-shadow: 0 32px 90px rgba(0,0,0,.58), 0 0 42px rgba(255,18,60,.13), inset 0 0 70px rgba(255,0,45,.08); }
.card-topline { position: absolute; top: 0; left: 14%; right: 14%; height: 2px; background: linear-gradient(90deg, transparent, #ff3157, transparent); box-shadow: 0 0 20px #ff3157; }
.badge-row { display: flex; gap: 9px; padding: 22px 22px 0; position: relative; z-index: 2; }
.badge { padding: 7px 11px; border-radius: 999px; color: #ffd5de; font-size: 10px; font-weight: 950; letter-spacing: .1em; background: rgba(255,37,74,.09); border: 1px solid rgba(255,56,89,.22); }
.badge.hot { background: linear-gradient(135deg, rgba(255,40,78,.23), rgba(255,92,122,.08)); }
.product-image { position: relative; min-height: 400px; display: grid; place-items: center; }
.product-image::after { content: ""; position: absolute; left: 20%; right: 20%; bottom: 35px; height: 70px; border-radius: 50%; background: rgba(255,0,46,.19); filter: blur(32px); }
.product-image img { position: relative; z-index: 2; width: min(100%, 560px); height: 410px; object-fit: contain; padding: 12px 20px; filter: drop-shadow(0 28px 26px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(255,20,60,.14)); }
.product-info { padding: 8px 26px 28px; position: relative; z-index: 2; }
.availability { color: #c3ffc9; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.availability i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #4dff6d; box-shadow: 0 0 12px #4dff6d; }
.product-info h3 { margin: 9px 0 8px; font-size: 42px; text-transform: uppercase; letter-spacing: .07em; }
.product-info p { margin: 0; color: var(--muted); line-height: 1.65; }
.mini-features { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.mini-features span { padding: 9px 11px; border-radius: 10px; color: #d6d7dd; font-size: 11px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.05); }
.pricing { padding-top: 70px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; align-items: stretch; }
.price-card {
  position: relative;
  padding: 28px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.065);
  background: linear-gradient(165deg, rgba(18,18,24,.86), rgba(7,7,10,.95));
  box-shadow: 0 22px 60px rgba(0,0,0,.35), inset 0 0 40px rgba(255,0,45,.025);
}
.price-card.popular { transform: translateY(-10px); border-color: rgba(255,49,83,.52); box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 42px rgba(255,28,65,.09), inset 0 0 50px rgba(255,0,45,.055); }
.popular-tag { position: absolute; top: -12px; right: 20px; padding: 7px 10px; border-radius: 999px; background: linear-gradient(135deg,#ff3157,#bf002c); font-size: 9px; font-weight: 950; letter-spacing: .1em; box-shadow: 0 8px 22px rgba(255,0,50,.28); }
.price-label { color: #ff7892; font-size: 10px; font-weight: 950; letter-spacing: .15em; }
.price-card h2, .price-card h3 { margin: 12px 0 14px; font-size: 24px; text-transform: uppercase; }
.price { margin: 12px 0 22px; font-size: 28px; font-weight: 950; letter-spacing: .04em; }
.price small { display: block; margin-top: 4px; color: #8e909b; font-size: 10px; letter-spacing: .12em; }
.price-card ul { margin: 0 0 24px; padding: 0; list-style: none; display: grid; gap: 11px; }
.price-card li { color: #c8c9d1; font-size: 14px; }
.price-card li::before { content:none !important; display:none !important; }
.discord-section {
  position: relative;
  overflow: hidden;
  margin-top: 22px;
  margin-bottom: 90px;
  padding: 34px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  border-radius: 28px;
  border: 1px solid rgba(255,52,85,.28);
  background: linear-gradient(110deg, rgba(26,9,16,.9), rgba(8,8,12,.95));
  box-shadow: 0 28px 80px rgba(0,0,0,.42), inset 0 0 70px rgba(255,0,45,.05);
}
.discord-glow { position: absolute; width: 300px; height: 300px; right: 8%; top: -170px; border-radius: 50%; background: rgba(255,31,72,.2); filter: blur(70px); }
.discord-icon { width: 82px; height: 82px; display: grid; place-items: center; border-radius: 22px; font-size: 23px; font-weight: 950; letter-spacing: .08em; background: linear-gradient(145deg,#ff3157,#7f001f); box-shadow: 0 16px 34px rgba(255,0,53,.24), inset 0 1px 0 rgba(255,255,255,.22); }
.discord-copy h2 { margin: 7px 0 6px; font-size: 32px; text-transform: uppercase; }
.discord-copy p { margin: 0; max-width: 720px; color: var(--muted); line-height: 1.6; }
.discord-btn { min-width: 180px; position: relative; z-index: 2; }
footer {
  width: min(1260px, calc(100% - 60px));
  margin: 0 auto;
  padding: 28px 0 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid rgba(255,255,255,.055);
  color: #8d8f99;
  font-size: 13px;
}
.footer-brand { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 950; letter-spacing: .08em; }
.footer-brand img { width: 36px; height: 36px; object-fit: contain; }
footer a { color: #c6c7cf; text-decoration: none; }
@keyframes scan { from { transform: translateX(-65%); } to { transform: translateX(65%); } }
@keyframes dash { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -180; } }
@keyframes spark { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
@media (max-width: 980px) {
  .site-header { flex-wrap: wrap; }
  .site-header nav { order: 3; width: 100%; justify-content: center; }
  .hero-copy { position: relative; left: auto; bottom: auto; width: calc(100% - 28px); margin: -15% 14px 14px; }
  .trust-strip { grid-template-columns: repeat(2,1fr); }
  .product-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card.popular { transform: none; }
  .discord-section { grid-template-columns: auto 1fr; }
  .discord-btn { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 650px) {
  .site-header, .hero { width: calc(100% - 20px); }
  .section, .trust-strip, footer { width: calc(100% - 28px); }
  .site-header nav { gap: 14px; flex-wrap: wrap; }
  .header-cta { display: none; }
  .brand img { width: 48px; height: 48px; }
  .hero-copy { margin-top: -5%; }
  .hero-copy h1 { font-size: 31px; }
  .hero-actions .btn { width: 100%; }
  .trust-strip { grid-template-columns: 1fr; padding-top: 32px; }
  .section { padding: 64px 0; }
  .product-image { min-height: 320px; }
  .product-image img { height: 325px; }
  .product-info h3 { font-size: 34px; }
  .discord-section { grid-template-columns: 1fr; text-align: center; }
  .discord-icon { margin: 0 auto; }
  footer { flex-direction: column; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-scan, .trace, .spark-dot { animation: none !important; }
}

/* Horizontal product detail layout */
.product-list { display:grid; gap:28px; }
.product-row { display:grid; grid-template-columns:minmax(0,44%) minmax(0,56%); align-items:stretch; min-height:520px; }
.product-visual { position:relative; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 50% 55%, rgba(255,0,50,.09), transparent 48%); }
.product-visual .badge-row { position:absolute; top:0; left:0; right:0; }
.product-row .product-image { min-height:500px; padding:30px 14px 16px; }
.product-row .product-image img { width:100%; height:455px; padding:10px 22px; }
.product-detail { display:flex; flex-direction:column; justify-content:center; padding:42px 42px 42px 46px; }
.product-title-line { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:6px 0 14px; }
.product-title-line h2,.product-title-line h3 { margin:0; font-size:clamp(42px,5vw,68px); line-height:.95; }
.product-price { flex:0 0 auto; color:#fff; font-size:40px; font-weight:950; letter-spacing:-.03em; text-shadow:0 0 24px rgba(255,35,76,.24); }
.product-description { max-width:650px; font-size:16px; }
.feature-title { margin:24px 0 10px; color:#ff7791; font-size:11px; font-weight:950; letter-spacing:.17em; }
.feature-list-wide { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:26px; }
.feature-list-wide span { padding:13px 14px; border-radius:12px; color:#dddde4; font-size:12px; font-weight:750; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.055); }
.feature-list-wide span::before { content:none !important; display:none !important; }
.buy-now { width:min(320px,100%); min-height:52px; font-size:14px; box-shadow:0 15px 36px rgba(255,0,54,.28); }
.price strong { font-size:42px; line-height:1; }
.bundle-card { overflow:hidden; }
.bundle-price-row { display:flex; align-items:baseline; gap:14px; margin:15px 0 8px; }
.old-price { color:#777985; font-size:22px; font-weight:850; text-decoration:line-through; text-decoration-thickness:2px; }
.bundle-price { color:#fff; font-size:48px; font-weight:950; letter-spacing:-.04em; text-shadow:0 0 28px rgba(255,35,76,.28); }
.save-pill { display:inline-flex; width:fit-content; margin-bottom:20px; padding:8px 12px; border-radius:999px; color:#ffd7df; font-size:11px; font-weight:950; letter-spacing:.12em; background:rgba(255,40,78,.12); border:1px solid rgba(255,58,91,.25); }
.bundle-card::after { content:"SAVE \00A3 20"; position:absolute; right:-42px; top:42px; width:170px; padding:8px 0; text-align:center; transform:rotate(38deg); color:#fff; font-size:10px; font-weight:950; letter-spacing:.13em; background:linear-gradient(135deg,#ff3157,#a90029); box-shadow:0 8px 28px rgba(255,0,53,.25); }
@media (max-width:980px) { .product-row { grid-template-columns:1fr; } .product-visual { border-right:0; border-bottom:1px solid rgba(255,255,255,.055); } .product-detail { padding:34px; } }
@media (max-width:650px) { .product-row .product-image { min-height:340px; } .product-row .product-image img { height:320px; } .product-title-line { align-items:center; } .product-price { font-size:31px; } .feature-list-wide { grid-template-columns:1fr; } .product-detail { padding:28px 22px 26px; } .buy-now { width:100%; } }


/* FAQ */
.faq-section { padding-top:68px; }
.faq-list { width:min(980px,100%); margin:0 auto; display:grid; gap:12px; }
.faq-item { overflow:hidden; border:1px solid rgba(255,255,255,.065); border-radius:18px; background:linear-gradient(165deg,rgba(18,18,24,.88),rgba(7,7,11,.96)); box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 0 36px rgba(255,0,45,.025); transition:border-color .22s ease, box-shadow .22s ease; }
.faq-item[open] { border-color:rgba(255,49,83,.34); box-shadow:0 22px 58px rgba(0,0,0,.34), 0 0 28px rgba(255,28,65,.06), inset 0 0 44px rgba(255,0,45,.04); }
.faq-item summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; color:#f5f5f8; font-size:15px; font-weight:900; letter-spacing:.01em; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary span { flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#fff; font-size:20px; line-height:1; background:linear-gradient(145deg,#ff3157,#920023); box-shadow:0 8px 20px rgba(255,0,53,.17); transition:transform .22s ease; }
.faq-item[open] summary span { transform:rotate(45deg); }
.faq-answer { padding:17px 22px 22px; color:#aeb0ba; font-size:14px; line-height:1.72; border-top:1px solid rgba(255,255,255,.045); }
@media (max-width:650px) { .faq-section { padding-top:48px; } .faq-item summary { padding:17px 16px; font-size:14px; } .faq-answer { padding:15px 16px 18px; } }

/* Rebornzens live status pulse */
.status-item { display:inline-flex; align-items:center; gap:10px; }
.status-dot { position:relative; width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:#ff2a45; box-shadow:0 0 0 4px rgba(255,42,69,.10),0 0 12px rgba(255,42,69,.80),0 0 25px rgba(255,42,69,.35); animation:statusPulse 1.8s ease-in-out infinite; }
.status-dot::after { content:""; position:absolute; inset:-6px; border:1px solid rgba(255,42,69,.35); border-radius:50%; animation:statusRing 1.8s ease-out infinite; }
@keyframes statusPulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 4px rgba(255,42,69,.10),0 0 12px rgba(255,42,69,.75),0 0 24px rgba(255,42,69,.40); } 50% { transform:scale(1.18); box-shadow:0 0 0 6px rgba(255,42,69,.10),0 0 18px rgba(255,42,69,.95),0 0 34px rgba(255,42,69,.55); } }
@keyframes statusRing { 0% { transform:scale(.7); opacity:.75; } 75%,100% { transform:scale(1.45); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .status-dot,.status-dot::after { animation:none; } }

.footer-links { display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:flex-end; }
.footer-links a:hover { color:#fff; }

.discord-icon img { width:62px; height:62px; object-fit:contain; filter:drop-shadow(0 0 14px rgba(255,35,76,.32)); }


/* RebornZens Discord snowfall */
.discord-section {
  background: radial-gradient(circle at 50% 0%, rgba(255,40,76,.10), transparent 38%), #020203;
  border-color: rgba(255,52,85,.24);
  box-shadow: 0 28px 80px rgba(0,0,0,.48), inset 0 0 70px rgba(255,0,45,.045);
}
.discord-section > *:not(.discord-snow):not(.discord-glow) { position:relative; z-index:2; }
.discord-icon {
  width:96px; height:96px; padding:14px; text-decoration:none;
  background: linear-gradient(180deg,#09090c,#010102);
  border:1px solid rgba(255,54,88,.2);
  box-shadow:0 18px 44px rgba(0,0,0,.5), inset 0 0 28px rgba(255,0,45,.055), 0 0 28px rgba(255,30,65,.08);
}
.discord-icon img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 14px rgba(255,40,76,.25)); }
.discord-snow { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1; }
.discord-snow span {
  position:absolute; top:-18px; width:5px; height:5px; border-radius:50%;
  background:#ff3157; opacity:.82;
  box-shadow:0 0 9px rgba(255,49,87,.9),0 0 20px rgba(255,49,87,.38);
  animation:discordSnow linear infinite;
}
.discord-snow span:nth-child(1){left:4%;animation-duration:7s;animation-delay:-2s}.discord-snow span:nth-child(2){left:10%;animation-duration:9s;animation-delay:-6s}.discord-snow span:nth-child(3){left:17%;animation-duration:8s;animation-delay:-4s}.discord-snow span:nth-child(4){left:24%;animation-duration:11s;animation-delay:-8s}.discord-snow span:nth-child(5){left:31%;animation-duration:7.5s;animation-delay:-5s}.discord-snow span:nth-child(6){left:39%;animation-duration:10s;animation-delay:-1s}.discord-snow span:nth-child(7){left:46%;animation-duration:8.5s;animation-delay:-7s}.discord-snow span:nth-child(8){left:53%;animation-duration:12s;animation-delay:-3s}.discord-snow span:nth-child(9){left:60%;animation-duration:9.5s;animation-delay:-9s}.discord-snow span:nth-child(10){left:67%;animation-duration:7.8s;animation-delay:-4s}.discord-snow span:nth-child(11){left:73%;animation-duration:10.5s;animation-delay:-6s}.discord-snow span:nth-child(12){left:79%;animation-duration:8.2s;animation-delay:-2s}.discord-snow span:nth-child(13){left:85%;animation-duration:11.2s;animation-delay:-7s}.discord-snow span:nth-child(14){left:90%;animation-duration:7.2s;animation-delay:-5s}.discord-snow span:nth-child(15){left:95%;animation-duration:9.2s;animation-delay:-8s}.discord-snow span:nth-child(16){left:98%;animation-duration:12.5s;animation-delay:-1s}
@keyframes discordSnow {
  0% { transform:translate3d(0,-20px,0) scale(.7); opacity:0; }
  10% { opacity:.85; }
  55% { transform:translate3d(12px,115px,0) scale(1); }
  100% { transform:translate3d(-10px,260px,0) scale(.85); opacity:0; }
}
@media (prefers-reduced-motion:reduce){.discord-snow span{animation:none;display:none}}

/* Interactive feature showcase */
.feature-showcase { padding-top:74px; }
.feature-tabs { width:min(900px,100%); margin:0 auto 22px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.feature-tab { min-height:50px; padding:0 16px; border:1px solid rgba(255,255,255,.07); border-radius:13px; cursor:pointer; color:#bfc1ca; background:linear-gradient(180deg,rgba(20,20,26,.88),rgba(8,8,12,.96)); font:inherit; font-size:12px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease; }
.feature-tab:hover { transform:translateY(-2px); color:#fff; border-color:rgba(255,49,83,.32); }
.feature-tab.active { color:#fff; border-color:rgba(255,49,83,.55); background:linear-gradient(145deg,rgba(255,49,87,.24),rgba(113,0,27,.2)); box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 26px rgba(255,25,65,.09),inset 0 0 26px rgba(255,49,83,.04); }
.feature-demo-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); width:min(1120px,100%); margin:0 auto; border:1px solid rgba(255,255,255,.07); border-radius:26px; background:linear-gradient(150deg,rgba(17,17,23,.94),rgba(6,6,10,.98)); box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 60px rgba(255,0,45,.035); }
.feature-demo-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(#ff3157,#8b001f); box-shadow:0 0 18px rgba(255,49,87,.7); }
.feature-video-wrap { min-height:390px; padding:18px; display:grid; place-items:center; border-right:1px solid rgba(255,255,255,.055); background:radial-gradient(circle at 45% 50%,rgba(255,24,62,.09),transparent 60%); }
.feature-video { display:block; width:100%; max-height:500px; aspect-ratio:16/9; object-fit:cover; border-radius:17px; background:#000; box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 28px rgba(255,0,45,.06); }
.feature-demo-copy { position:relative; z-index:2; padding:42px 38px; display:flex; flex-direction:column; justify-content:center; }
.feature-demo-kicker { color:#ff7892; font-size:10px; font-weight:950; letter-spacing:.18em; }
.feature-demo-copy h3 { margin:10px 0 14px; font-size:clamp(34px,4vw,54px); line-height:.96; text-transform:uppercase; letter-spacing:-.03em; }
.feature-demo-copy p { margin:0; color:#adafba; font-size:15px; line-height:1.75; }
.feature-demo-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.feature-demo-pills span { padding:8px 10px; border-radius:999px; color:#d8d9df; font-size:10px; font-weight:850; letter-spacing:.04em; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); }
@media (max-width:900px) { .feature-demo-card { grid-template-columns:1fr; } .feature-video-wrap { min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.055); } .feature-demo-copy { padding:30px 26px; } }
@media (max-width:650px) { .feature-showcase { padding-top:52px; } .feature-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } .feature-tab { min-height:46px; padding:0 10px; font-size:10px; } .feature-video-wrap { padding:12px; } .feature-demo-copy h3 { font-size:36px; } }
@media (prefers-reduced-motion:reduce) { .feature-tab { transition:none; } }

/* Prevent text caret/selection on normal site content. */
body, body * {
  -webkit-user-select: none;
  user-select: none;
  caret-color: transparent;
}
input[type="text"], input[type="email"], input[type="search"], input[type="url"],
input[type="tel"], input[type="number"], input[type="password"], textarea {
  -webkit-user-select: text;
  user-select: text;
  caret-color: auto;
  cursor: text;
}
a, button, summary, select, input[type="checkbox"], input[type="radio"] { cursor: pointer; }

/* SEO product pages */
.product-title-line h2 a,.product-title-line h3 a,.price-card h2 a,.price-card h3 a{color:inherit;text-decoration:none}
.product-title-line h2 a:hover,.product-title-line h3 a:hover,.price-card h2 a:hover,.price-card h3 a:hover{color:#ff5778}
.seo-product-page{position:relative;z-index:2}
.seo-product-hero{padding-top:48px}
.seo-breadcrumbs{display:flex;gap:9px;align-items:center;margin:0 0 20px;color:#8f919c;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.seo-breadcrumbs a{color:#d7d8df;text-decoration:none}.seo-breadcrumbs a:hover{color:#fff}
.seo-product-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:center;padding:30px;border:1px solid rgba(255,49,83,.22);border-radius:28px;background:linear-gradient(150deg,rgba(18,18,24,.94),rgba(6,6,10,.98));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 60px rgba(255,0,45,.035)}
.seo-product-image{min-height:470px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 50% 52%,rgba(255,24,62,.13),transparent 56%)}
.seo-product-image>img{width:100%;height:440px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.58))}
.seo-bundle-images{display:grid;grid-template-columns:1fr 1fr;align-items:center}.seo-bundle-images img{width:100%;height:390px;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(0,0,0,.55))}
.seo-product-copy h1{margin:10px 0 16px;font-size:clamp(38px,5vw,66px);line-height:.98;text-transform:uppercase;letter-spacing:-.035em}
.seo-product-copy>p{max-width:680px;color:#b5b7c0;font-size:16px;line-height:1.75}
.seo-price{margin:22px 0 14px;font-size:44px;font-weight:950}.seo-price small{display:block;margin-top:5px;color:#8e909b;font-size:10px;letter-spacing:.13em}
.seo-feature-list{list-style:none;margin:18px 0 26px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.seo-feature-list li{padding:12px 14px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.03);color:#d8d9e0;font-size:12px;font-weight:780}.seo-feature-list li::before{content:none!important;display:none!important}
.seo-product-actions,.seo-related-actions{display:flex;flex-wrap:wrap;gap:12px}
.seo-info-section{padding-top:34px}.seo-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seo-info-grid article,.seo-copy-card{padding:26px;border:1px solid rgba(255,255,255,.065);border-radius:20px;background:linear-gradient(160deg,rgba(18,18,24,.86),rgba(7,7,10,.96));box-shadow:0 18px 48px rgba(0,0,0,.28)}
.seo-info-grid h2,.seo-copy-card h2{margin:0 0 10px;text-transform:uppercase;font-size:22px}.seo-info-grid p,.seo-copy-card p{margin:0;color:#aeb0ba;line-height:1.75}
.seo-copy-section{padding-top:10px}.seo-copy-card{max-width:980px;margin:0 auto;text-align:center}.seo-copy-card .kicker{display:block;margin-bottom:10px}
.seo-related{padding-top:38px}.seo-related-actions{justify-content:center}
@media(max-width:900px){.seo-product-grid{grid-template-columns:1fr}.seo-product-image{min-height:330px}.seo-product-image>img{height:340px}.seo-bundle-images img{height:300px}.seo-info-grid{grid-template-columns:1fr}}
@media(max-width:650px){.seo-product-hero{padding-top:28px}.seo-product-grid{padding:20px}.seo-product-copy h1{font-size:36px}.seo-feature-list{grid-template-columns:1fr}.seo-product-actions .btn,.seo-related-actions .btn{width:100%}}

.seo-copy-card p a,.seo-info-grid p a,.faq-answer a{color:#ff7892;font-weight:800;text-underline-offset:3px}
.seo-copy-card p a:hover,.seo-info-grid p a:hover,.faq-answer a:hover{color:#fff}

