/* layout for site 8 tpl=2 variant=2 — rose beginner theme */
:root {
  --wps-brand: #e11d48;
  --wps-accent: #fb7185;
  --wps-bg: #fff1f4;
  --wps-bg2: #ffe8ed;
  --wps-radius: 22px;
}
body.wps-l8 { background: #fff1f4; }
body.wps-l8 .redFill, body.wps-l8 .w-button-normal:not(.white) {
  background: linear-gradient(135deg, #e11d48, #fb7185) !important;
}
body.wps-l8 .fresh, body.wps-l8 .hero-headline .accent,
body.wps-l8 .home-hero-title .fresh {
  background: linear-gradient(135deg, #fb7185, #e11d48);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.wps-l8 .module { padding: 96px 36px; }
body.wps-l8 .module.home {
  background:
    radial-gradient(1100px 600px at 18% 0%, rgba(225, 29, 72, 0.08), transparent 60%),
    radial-gradient(1000px 500px at 82% 30%, rgba(251, 113, 133, 0.10), transparent 60%),
    linear-gradient(180deg, #fff1f4 0%, #fff 100%);
}
body.wps-l8 .hero-tagline {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #e11d48;
  background: rgba(225, 29, 72, 0.08);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}
body.wps-l8 .home-hero-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.25;
  color: #0d0d0d;
  margin: 0 0 14px;
  letter-spacing: -0.5px;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
body.wps-l8 .home-hero-desc {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(13, 13, 13, 0.62);
  max-width: 640px;
  margin: 0 auto 24px;
}
body.wps-l8 .module-trust-bar {
  border-radius: var(--wps-radius);
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(225, 29, 72, 0.12);
}
body.wps-l8 .module-trust-bar .item strong {
  background: linear-gradient(135deg, #fb7185, #e11d48);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.wps-l8 .grid-wrapper { grid-template-columns: repeat(3, 1fr) !important; }
body.wps-l8 .grid-item {
  border-radius: var(--wps-radius);
  padding: 4px;
}
body.wps-l8 .platform-grid, body.wps-l8 .dl-platforms-grid {
  grid-template-columns: 1fr !important;
}
body.wps-l8 .dl-compare, body.wps-l8 .dl-steps { display: none !important; }
@media (max-width: 768px) {
  body.wps-l8 .home-hero-title { font-size: 28px; }
  body.wps-l8 .module { padding: 72px 20px; }
}