.ads-page {
      display: grid;
      gap: 28px;
      margin: 22px auto 44px;
    }

    .ads-reveal {
      opacity: 0;
      transform: translateY(26px);
      transition: opacity 0.65s ease, transform 0.65s ease;
      transition-delay: var(--reveal-delay, 0s);
    }

    .ads-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .ads-hero {
      position: relative;
      border-radius: 28px;
      background: radial-gradient(circle at 20% 10%, rgba(255, 90, 90, 0.35), transparent 40%),
        linear-gradient(135deg, #7e000c 0%, #b30818 50%, #5f0009 100%);
      color: #fff;
      text-align: center;
      padding: 64px 24px 52px;
      overflow: hidden;
    }

    .ads-hero::before,
    .ads-hero::after {
      content: '';
      position: absolute;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      filter: blur(1px);
    }

    .ads-hero::before {
      width: 220px;
      height: 220px;
      right: -50px;
      top: -70px;
    }

    .ads-hero::after {
      width: 160px;
      height: 160px;
      left: 4%;
      bottom: -60px;
    }

    .ads-hero-content {
      position: relative;
      z-index: 1;
      animation: adsFadeIn 0.75s ease both;
    }

    .ads-hero h1 {
      margin: 0 0 10px;
      font-size: clamp(34px, 4.3vw, 54px);
      line-height: 1.18;
      font-weight: 900;
    }

    .ads-hero p {
      margin: 0 auto;
      max-width: 760px;
      font-size: 18px;
      opacity: 0.96;
      font-weight: 700;
    }

    .ads-search-wrap {
      margin: 28px auto 0;
      max-width: 700px;
      min-height: 70px;
      background: #fff;
      border-radius: 999px;
      box-shadow: 0 18px 36px rgba(48, 2, 10, 0.34);
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      padding: 8px 10px 8px 16px;
      animation: adsFloat 4.6s ease-in-out infinite;
    }

    .ads-search-wrap input {
      border: 0;
      outline: 0;
      font-family: inherit;
      font-size: 18px;
      font-weight: 700;
      color: #1d222b;
      background: transparent;
      width: 100%;
    }

    .ads-search-wrap button {
      border: 0;
      border-radius: 999px;
      min-height: 54px;
      padding: 0 24px;
      background: linear-gradient(135deg, #d10013, #92000d);
      color: #fff;
      font-family: inherit;
      font-size: 16px;
      font-weight: 800;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .ads-search-wrap button:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 22px rgba(196, 11, 30, 0.42);
    }

    .ads-stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .ads-stat-card {
      background: #fff;
      border: 1px solid #eceef5;
      border-radius: 18px;
      text-align: center;
      padding: 18px 12px;
      box-shadow: 0 12px 26px rgba(15, 20, 28, 0.08);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .ads-stat-card:hover {
      transform: translateY(-6px) scale(1.03);
      box-shadow: 0 22px 38px rgba(15, 20, 28, 0.2);
    }

    .ads-stat-number {
      color: #ba0a1e;
      font-size: 33px;
      font-weight: 900;
      line-height: 1;
      margin: 0 0 6px;
    }

    .ads-stat-label {
      margin: 0;
      color: #505766;
      font-size: 14px;
      font-weight: 800;
    }

    .ads-section-title {
      margin: 0 0 14px;
      font-size: 30px;
      color: #161b24;
      font-weight: 900;
      text-align: center;
    }

    .ads-categories-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .ads-category-card {
      border-radius: 18px;
      border: 1px solid #eceef5;
      background: #fff;
      padding: 18px 14px;
      text-align: center;
      box-shadow: 0 10px 20px rgba(20, 24, 30, 0.06);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .ads-category-card:hover {
      transform: scale(1.03);
      box-shadow: 0 0 0 2px rgba(191, 11, 29, 0.25), 0 20px 28px rgba(188, 10, 29, 0.22);
    }

    .ads-cat-icon {
      width: 52px;
      height: 52px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      background: linear-gradient(135deg, #c8091c, #87000d);
      margin-bottom: 10px;
    }

    .ads-cat-icon i {
      animation: adsIconFloat 2.8s ease-in-out infinite;
      transform-origin: center;
    }

    .ads-category-card h3 {
      margin: 0 0 4px;
      font-size: 18px;
      color: #1c222d;
      font-weight: 900;
    }

    .ads-category-card p {
      margin: 0;
      color: #666e7c;
      font-size: 14px;
      font-weight: 700;
    }

    .ads-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 14px;
    }

    .ads-tab {
      border: 1px solid #dce0e8;
      border-radius: 999px;
      background: #fff;
      min-height: 40px;
      padding: 0 18px;
      font-size: 14px;
      font-family: inherit;
      font-weight: 800;
      color: #3a4150;
      cursor: pointer;
    }

    .ads-tab.is-active {
      background: linear-gradient(135deg, #c8091c, #8d0010);
      color: #fff;
      border-color: transparent;
    }

    .ads-latest-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .ads-item-card {
      border-radius: 18px;
      border: 1px solid #eceef5;
      background: #fff;
      overflow: hidden;
      box-shadow: 0 12px 24px rgba(12, 16, 24, 0.08);
      transform: translateY(24px);
      opacity: 0;
      animation: adsStagger 0.6s ease forwards;
    }

    .ads-item-card:nth-child(2) { animation-delay: 0.08s; }
    .ads-item-card:nth-child(3) { animation-delay: 0.16s; }

    .ads-item-media {
      height: 180px;
      overflow: hidden;
      position: relative;
    }

    .ads-item-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }

    .ads-item-card:hover {
      transform: translateY(-3px) scale(1.03);
      box-shadow: 0 24px 36px rgba(13, 19, 29, 0.18);
    }

    .ads-item-card:hover .ads-item-media img {
      transform: scale(1.08);
    }

    .ads-item-body {
      padding: 14px;
      text-align: center;
    }

    .ads-price {
      margin: 0 0 6px;
      color: #c2081c;
      font-size: 25px;
      font-weight: 900;
    }

    .ads-item-title {
      margin: 0 0 10px;
      color: #141a23;
      font-size: 18px;
      font-weight: 900;
    }

    .ads-meta {
      margin: 0;
      color: #667080;
      font-size: 13px;
      font-weight: 700;
      display: flex;
      justify-content: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .ads-testimonials-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .ads-testimonial {
      border-radius: 18px;
      border: 1px solid #eceef5;
      background: #fff;
      padding: 16px;
      box-shadow: 0 12px 24px rgba(20, 24, 30, 0.08);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
      transform: translateY(24px);
      opacity: 0;
      animation: adsSlideUp 0.7s ease forwards;
    }

    .ads-testimonial:nth-child(2) { animation-delay: 0.08s; }
    .ads-testimonial:nth-child(3) { animation-delay: 0.16s; }

    .ads-testimonial:hover {
      transform: translateY(-6px) scale(1.03);
      border-color: #efc8cf;
      box-shadow: 0 18px 32px rgba(192, 12, 30, 0.16);
    }

    .ads-testimonial-head {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 10px;
      align-items: center;
      margin-bottom: 10px;
    }

    .ads-avatar {
      width: 44px;
      height: 44px;
      border-radius: 999px;
      background: linear-gradient(135deg, #d20b20, #8b0010);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 900;
    }

    .ads-stars {
      color: #ffb22a;
      font-size: 13px;
      margin-top: 3px;
    }

    .ads-testimonial p {
      margin: 0;
      color: #596172;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.75;
    }

    .ads-steps-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .ads-step-card {
      border-radius: 18px;
      border: 1px solid #eceef5;
      background: #fff;
      padding: 16px 14px;
      text-align: center;
      box-shadow: 0 10px 20px rgba(19, 23, 30, 0.06);
      opacity: 0;
      transform: translateY(18px);
      animation: adsStepIn 0.55s ease forwards;
    }

    .ads-step-card:nth-child(2) { animation-delay: 0.07s; }
    .ads-step-card:nth-child(3) { animation-delay: 0.14s; }
    .ads-step-card:nth-child(4) { animation-delay: 0.21s; }

    .ads-step-number {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      background: #c70a1e;
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      font-weight: 900;
      margin-bottom: 8px;
      animation: adsPulse 2.2s ease-in-out infinite;
    }

    .ads-step-icon {
      color: #9e0a1c;
      font-size: 20px;
      margin-inline-end: 8px;
      vertical-align: middle;
    }

    .ads-step-card h3 {
      margin: 0 0 6px;
      color: #171d26;
      font-size: 18px;
      font-weight: 900;
    }

    .ads-step-card p {
      margin: 0;
      color: #657081;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.65;
    }

    .ads-step-card:hover {
      transform: translateY(-6px) scale(1.03);
      box-shadow: 0 20px 34px rgba(162, 15, 35, 0.18);
    }

    .ads-premium {
      border-radius: 20px;
      border: 1px solid #eceef5;
      background: linear-gradient(180deg, #ffffff, #fafbfe);
      padding: 18px;
      display: grid;
      grid-template-columns: 300px 1fr;
      gap: 16px;
      align-items: stretch;
    }

    .ads-pricing {
      border-radius: 16px;
      background: linear-gradient(145deg, #9f0011, #d10e22);
      color: #fff;
      padding: 18px;
      display: grid;
      align-content: center;
      gap: 8px;
      box-shadow: 0 20px 35px rgba(160, 8, 24, 0.28);
    }

    .ads-pricing h3 {
      margin: 0;
      font-size: 24px;
      font-weight: 900;
    }

    .ads-pricing p {
      margin: 0;
      font-size: 14px;
      font-weight: 700;
      opacity: 0.95;
    }

    .ads-price-tag {
      font-size: 48px;
      font-weight: 900;
      line-height: 1;
    }

    .ads-features {
      display: grid;
      gap: 10px;
      align-content: center;
    }

    .ads-feature {
      border: 1px solid #eaedf4;
      background: #fff;
      border-radius: 14px;
      padding: 10px 12px;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .ads-feature:hover {
      transform: translateY(-3px) scale(1.02);
      border-color: #e6c2c9;
      box-shadow: 0 16px 24px rgba(186, 11, 30, 0.16);
    }

    .ads-feature-head {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 6px;
      color: #252c37;
      font-size: 14px;
      font-weight: 800;
    }

    .ads-progress {
      height: 9px;
      border-radius: 999px;
      background: #eceff5;
      overflow: hidden;
    }

    .ads-progress > span {
      display: block;
      height: 100%;
      width: 0;
      border-radius: inherit;
      background: linear-gradient(90deg, #e22e3f, #92000d);
      transition: width 1.1s cubic-bezier(0.2, 0.85, 0.2, 1);
    }

    .ads-newsletter {
      border-radius: 22px;
      padding: 34px 22px;
      text-align: center;
      background: linear-gradient(165deg, #fff, #fcf7f8);
      border: 1px solid #f0dfe2;
      box-shadow: 0 16px 34px rgba(18, 22, 31, 0.09);
      position: relative;
      overflow: hidden;
    }

    .ads-newsletter::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 50% 100%, rgba(202, 14, 35, 0.12), transparent 55%);
      pointer-events: none;
    }

    .ads-newsletter-inner {
      position: relative;
      z-index: 1;
      max-width: 760px;
      margin: 0 auto;
    }

    .ads-newsletter h2 {
      margin: 0 0 8px;
      font-size: clamp(28px, 3.4vw, 38px);
      font-weight: 900;
      color: #1a202b;
    }

    .ads-newsletter p {
      margin: 0 0 18px;
      color: #596373;
      font-size: 16px;
      font-weight: 700;
    }

    .ads-newsletter-form {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 8px;
      background: #fff;
      border: 1px solid #e9ecf3;
      border-radius: 999px;
      padding: 8px;
      box-shadow: 0 8px 20px rgba(20, 24, 30, 0.08);
    }

    .ads-newsletter-form input {
      border: 0;
      outline: 0;
      border-radius: 999px;
      padding: 0 16px;
      min-height: 50px;
      font-family: inherit;
      font-size: 16px;
      font-weight: 700;
      color: #17202b;
      background: transparent;
    }

    .ads-newsletter-btn {
      border: 0;
      border-radius: 999px;
      min-height: 50px;
      padding: 0 24px;
      font-family: inherit;
      font-size: 15px;
      font-weight: 900;
      color: #fff;
      cursor: pointer;
      background: linear-gradient(145deg, #d60d22, #8f0010);
      box-shadow: 0 10px 22px rgba(189, 11, 30, 0.3);
      transition: transform 0.22s ease, box-shadow 0.22s ease;
    }

    .ads-newsletter-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 16px 28px rgba(189, 11, 30, 0.45);
      animation: adsButtonBounce 0.6s ease;
    }

    .ads-footer-wrap {
      position: relative;
      margin-top: 8px;
      padding-top: 18px;
    }

    .ads-footer-wrap::before {
      content: '';
      position: absolute;
      top: 0;
      left: 6%;
      right: 6%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(235, 64, 87, 0.9), transparent);
      box-shadow: 0 0 16px rgba(227, 53, 76, 0.65);
    }

    .ads-footer-wrap::after {
      content: '';
      position: absolute;
      top: 0;
      left: 6%;
      right: 6%;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .ads-footer {
      border-radius: 22px;
      background: linear-gradient(160deg, #0f1116, #1d0a0f 65%, #12070b);
      color: #fff;
      padding: 26px 22px;
      display: grid;
      grid-template-columns: 1.3fr 1fr 1fr 1fr;
      gap: 18px;
    }

    .ads-footer-brand {
      display: grid;
      gap: 10px;
      align-content: start;
    }

    .ads-footer-logo {
      width: 66px;
      height: 66px;
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.04);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .ads-footer-logo img {
      width: 52px;
      height: 52px;
      object-fit: contain;
      filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.45));
    }

    .ads-footer-brand h3 {
      margin: 0;
      font-size: 24px;
      font-weight: 900;
    }

    .ads-footer-brand p {
      margin: 0;
      color: #d0d5df;
      font-size: 14px;
      line-height: 1.8;
      font-weight: 600;
      max-width: 280px;
    }

    .ads-footer-col h4 {
      margin: 0 0 10px;
      font-size: 19px;
      font-weight: 900;
      color: #fff;
    }

    .ads-footer-links,
    .ads-footer-contact {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 8px;
    }

    .ads-footer-links a,
    .ads-footer-contact li {
      color: #d2d7e1;
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
      transition: color 0.2s ease, transform 0.2s ease, text-shadow 0.2s ease;
    }

    .ads-footer-links a:hover {
      color: #fff;
      transform: translateX(4px);
      text-shadow: 0 0 10px rgba(240, 76, 98, 0.65);
    }

    body.ads-route {
      --ads-bg-main: #0b0b0b;
      --ads-bg-section: #121212;
      --ads-bg-card: rgba(255, 255, 255, 0.03);
      --ads-accent: #e50914;
      --ads-accent-hover: #ff3b3b;
      --ads-text-primary: #ffffff;
      --ads-text-secondary: #b3b3b3;
      --ads-border: rgba(255, 255, 255, 0.08);
    }

    body.ads-route,
    body.homepage.ads-route {
      background: var(--ads-bg-main) !important;
      color: var(--ads-text-primary) !important;
      background-image: none !important;
    }

    body.ads-route .top-nav {
      background: rgba(11, 11, 11, 0.9);
      border-bottom: 1px solid var(--ads-border);
      backdrop-filter: blur(8px);
    }

    body.ads-route .brand {
      color: var(--ads-text-primary);
    }

    body.ads-route .nav-links a,
    body.ads-route .nav-dropdown summary {
      background: var(--ads-bg-card);
      border: 1px solid var(--ads-border);
      color: #ccc;
      box-shadow: none;
    }

    body.ads-route .nav-links a:hover,
    body.ads-route .nav-dropdown summary:hover {
      color: var(--ads-accent-hover);
    }

    body.ads-route .nav-links a.active,
    body.ads-route .nav-dropdown[open] summary {
      background: var(--ads-accent);
      color: #fff;
      border-color: transparent;
      box-shadow: 0 12px 24px rgba(229, 9, 20, 0.25);
    }

    body.ads-route .nav-dropdown-menu {
      background: var(--ads-bg-section);
      border: 1px solid var(--ads-border);
    }

    body.ads-route .nav-dropdown-menu a {
      background: rgba(255, 255, 255, 0.02);
      color: #ccc;
    }

    body.ads-route .nav-dropdown-menu a:hover {
      color: var(--ads-accent-hover);
      box-shadow: inset 0 0 0 1px rgba(255, 59, 59, 0.35);
      background: rgba(255, 255, 255, 0.04);
    }

    body.ads-route .page-guide-button {
      background: var(--ads-bg-section);
      border: 1px solid var(--ads-border);
      color: #ccc;
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    }

    body.ads-route .page-guide-button:hover {
      color: var(--ads-accent-hover);
    }

    body.ads-route .page-guide-backdrop {
      background: rgba(0, 0, 0, 0.5);
    }

    body.ads-route .page-guide-panel {
      background: var(--ads-bg-section);
      border: 1px solid var(--ads-border);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
    }

    body.ads-route .page-guide-header {
      background: rgba(255, 255, 255, 0.04);
      color: var(--ads-text-primary);
      border-bottom: 1px solid var(--ads-border);
    }

    body.ads-route .page-guide-close,
    body.ads-route .page-guide-description {
      color: var(--ads-text-secondary);
    }

    body.ads-route .page-guide-list li {
      background: var(--ads-bg-card);
      border: 1px solid var(--ads-border);
      color: var(--ads-text-primary);
    }

    body.ads-route .ads-hero {
      background: linear-gradient(135deg, #0b0b0b 70%, #1a0000 100%);
      border: 1px solid var(--ads-border);
      box-shadow: 0 20px 60px rgba(229, 9, 20, 0.15);
    }

    body.ads-route .ads-hero::before,
    body.ads-route .ads-hero::after {
      background: rgba(229, 9, 20, 0.08);
    }

    body.ads-route .ads-hero h1,
    body.ads-route .ads-newsletter h2,
    body.ads-route .ads-section-title,
    body.ads-route .ads-item-title,
    body.ads-route .ads-step-card h3,
    body.ads-route .ads-category-card h3 {
      color: var(--ads-text-primary);
    }

    body.ads-route .ads-hero p,
    body.ads-route .ads-stat-label,
    body.ads-route .ads-category-card p,
    body.ads-route .ads-meta,
    body.ads-route .ads-testimonial p,
    body.ads-route .ads-step-card p,
    body.ads-route .ads-newsletter p,
    body.ads-route .ads-footer-brand p,
    body.ads-route .ads-footer-links a,
    body.ads-route .ads-footer-contact li {
      color: var(--ads-text-secondary);
    }

    body.ads-route .ads-search-wrap,
    body.ads-route .ads-newsletter-form {
      background: var(--ads-bg-section);
      border: 1px solid var(--ads-border);
      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
    }

    body.ads-route .ads-search-wrap input,
    body.ads-route .ads-newsletter-form input {
      color: var(--ads-text-primary);
    }

    body.ads-route .ads-search-wrap input::placeholder,
    body.ads-route .ads-newsletter-form input::placeholder {
      color: var(--ads-text-secondary);
    }

    body.ads-route .ads-search-wrap button,
    body.ads-route .ads-newsletter-btn {
      background: linear-gradient(135deg, #e50914, #ff3b3b);
      color: #fff;
    }

    body.ads-route .ads-search-wrap button:hover,
    body.ads-route .ads-newsletter-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 16px 30px rgba(229, 9, 20, 0.35);
    }

    body.ads-route .ads-stat-card,
    body.ads-route .ads-category-card,
    body.ads-route .ads-item-card,
    body.ads-route .ads-testimonial,
    body.ads-route .ads-step-card,
    body.ads-route .ads-premium,
    body.ads-route .ads-feature,
    body.ads-route .ads-newsletter {
      background: var(--ads-bg-card);
      border: 1px solid var(--ads-border);
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    }

    body.ads-route .ads-stat-card:hover,
    body.ads-route .ads-category-card:hover,
    body.ads-route .ads-item-card:hover,
    body.ads-route .ads-testimonial:hover,
    body.ads-route .ads-step-card:hover,
    body.ads-route .ads-feature:hover {
      border-color: rgba(229, 9, 20, 0.3);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    }

    body.ads-route .ads-stat-number,
    body.ads-route .ads-price,
    body.ads-route .ads-step-icon,
    body.ads-route .ads-price-tag {
      color: var(--ads-accent);
    }

    body.ads-route .ads-cat-icon,
    body.ads-route .ads-step-number,
    body.ads-route .ads-avatar {
      background: linear-gradient(135deg, #e50914, #ff3b3b);
      color: #fff;
    }

    body.ads-route .ads-tab {
      background: var(--ads-bg-card);
      border: 1px solid var(--ads-border);
      color: #ccc;
    }

    body.ads-route .ads-tab.is-active {
      background: var(--ads-accent);
      color: #fff;
    }

    body.ads-route .ads-pricing {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid var(--ads-border);
      box-shadow: 0 16px 30px rgba(0, 0, 0, 0.35);
    }

    body.ads-route .ads-feature-head {
      color: var(--ads-text-primary);
    }

    body.ads-route .ads-progress {
      background: rgba(255, 255, 255, 0.1);
    }

    body.ads-route .ads-progress > span {
      background: linear-gradient(90deg, #e50914, #ff3b3b);
    }

    body.ads-route .ads-footer-wrap::before {
      background: linear-gradient(90deg, transparent, rgba(229, 9, 20, 0.7), transparent);
      box-shadow: 0 0 16px rgba(229, 9, 20, 0.35);
    }

    body.ads-route .ads-footer {
      background: linear-gradient(165deg, #121212, #0b0b0b);
      border: 1px solid var(--ads-border);
    }

    body.ads-route .ads-footer-logo {
      border: 1px solid var(--ads-border);
      background: rgba(255, 255, 255, 0.03);
    }

    body.ads-route .ads-footer-links a:hover {
      color: var(--ads-accent-hover);
      text-shadow: none;
    }

    body.ads-route .floating-actions a,
    body.ads-route .floating-actions button {
      background: var(--ads-bg-section);
      border: 1px solid var(--ads-border);
      color: #ccc;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    }

    body.ads-route .floating-actions a:hover,
    body.ads-route .floating-actions button:hover {
      background: var(--ads-accent);
      color: #fff;
      box-shadow: 0 14px 28px rgba(229, 9, 20, 0.3);
    }

    @keyframes adsFadeIn {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes adsFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
    }

    @keyframes adsStagger {
      from { opacity: 0; transform: translateY(24px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes adsSlideUp {
      from { opacity: 0; transform: translateY(24px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes adsStepIn {
      from { opacity: 0; transform: translateY(18px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes adsPulse {
      0%, 100% { box-shadow: 0 0 0 0 rgba(199, 10, 30, 0.4); }
      60% { box-shadow: 0 0 0 9px rgba(199, 10, 30, 0); }
    }

    @keyframes adsIconFloat {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-3px) rotate(5deg); }
    }

    @keyframes adsButtonBounce {
      0% { transform: translateY(-3px); }
      40% { transform: translateY(-6px); }
      100% { transform: translateY(-3px); }
    }

    @media (max-width: 1080px) {
      .ads-categories-grid,
      .ads-steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .ads-latest-grid,
      .ads-testimonials-grid {
        grid-template-columns: 1fr 1fr;
      }
      .ads-premium {
        grid-template-columns: 1fr;
      }
      .ads-pricing {
        text-align: center;
      }
      .ads-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .ads-footer {
        grid-template-columns: 1fr 1fr;
      }
      .ads-footer-brand {
        grid-column: span 2;
      }
    }

    @media (max-width: 720px) {
      .ads-hero {
        padding: 48px 16px 42px;
      }
      .ads-search-wrap {
        grid-template-columns: 1fr;
        gap: 8px;
        border-radius: 24px;
        padding: 12px;
      }
      .ads-search-wrap button {
        min-height: 46px;
      }
      .ads-categories-grid,
      .ads-latest-grid,
      .ads-testimonials-grid,
      .ads-steps-grid,
      .ads-stats {
        grid-template-columns: 1fr;
      }
      .ads-newsletter-form {
        grid-template-columns: 1fr;
        border-radius: 20px;
      }
      .ads-footer {
        grid-template-columns: 1fr;
      }
      .ads-footer-brand {
        grid-column: auto;
      }
    }

    @media (max-width: 768px) {
      .ads-section-title {
        text-align: center;
      }

      .ads-stat-card,
      .ads-category-card,
      .ads-item-card,
      .ads-testimonial,
      .ads-step-card {
        width: min(90%, 420px);
        margin: 10px auto;
        text-align: center;
      }

      .ads-item-body {
        text-align: center;
      }

      .ads-meta {
        justify-content: center;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .ads-reveal,
      .ads-search-wrap,
      .ads-item-card,
      .ads-testimonial,
      .ads-step-card,
      .ads-step-number,
      .ads-cat-icon i,
      .ads-newsletter-btn {
        animation: none;
        transition: none;
      }
    }