.hero-v2__eyebrow.hero-v2__eyebrow--offer {
        margin-bottom: 10px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: clamp(0.92rem, 1.35vw, 1.2rem);
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.1;
        text-transform: none;
        color: #2b63d9;
      }

      .hero-v2__offer-ping {
        position: relative;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #1fa64a;
        box-shadow: 0 0 0 1px rgba(31, 166, 74, 0.28);
        flex: 0 0 10px;
      }

      .hero-v2__offer-ping::after {
        content: "";
        position: absolute;
        inset: -6px;
        border-radius: 50%;
        background: rgba(31, 166, 74, 0.45);
        animation: wp-offer-ping 1.3s ease-out infinite;
      }

      @keyframes wp-offer-ping {
        0% {
          transform: scale(0.6);
          opacity: 0.9;
        }
        70% {
          transform: scale(1.7);
          opacity: 0;
        }
        100% {
          transform: scale(1.7);
          opacity: 0;
        }
      }

      .hero-v2 .check {
        color: #1fa64a;
      }

      .pricing-preview .plan-head {
        justify-content: space-between;
      }

      .pricing-preview-grid {
        align-items: stretch;
        gap: 18px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .plan-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 14px 14px 12px;
      }

      .plan-head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-bottom: 6px;
      }

      .plan-head .plan-badge {
        margin-left: auto;
        white-space: nowrap;
      }

      .plan-bestfor {
        margin: 0 0 8px;
        min-height: 38px;
        font-size: 0.9rem;
        line-height: 1.35;
      }

      .plan-card h3 {
        margin: 0 0 8px;
      }

      .price-old {
        margin: 0 0 4px;
      }

      .price {
        margin: 0 0 4px;
      }

      .plan-free {
        margin: 6px 0 4px;
      }

      .plan-details {
        margin-top: 10px;
        border-top: 1px solid #e4e8ef;
        padding-top: 10px;
      }

      .plan-details summary {
        cursor: pointer;
        font-weight: 700;
        color: #1f64d4;
        list-style: none;
      }

      .plan-details summary::-webkit-details-marker {
        display: none;
      }

      .plan-details p {
        margin: 8px 0 0;
        color: #47556f;
        font-size: 0.9rem;
        line-height: 1.4;
      }

      .plan-rows {
        margin: 10px 0 0;
      }

      .plan-actions {
        margin-top: 12px;
        padding-top: 0;
      }

      .plan-helper {
        margin: 8px 0 0;
        min-height: 22px;
      }

      .plan-card--popular {
        transform: translateY(-2px);
        box-shadow: 0 18px 36px rgba(31, 100, 212, 0.18);
      }

      .plan-more {
        margin-top: 8px;
        border-top: 1px dashed #d9e1f0;
        padding-top: 8px;
      }

      .plan-more summary {
        cursor: pointer;
        color: #1f64d4;
        font-weight: 700;
        font-size: 0.9rem;
        list-style: none;
      }

      .plan-more summary::-webkit-details-marker {
        display: none;
      }

      .plan-more ul {
        margin: 8px 0 0;
        padding-left: 16px;
        color: #3a4a67;
        font-size: 0.88rem;
        line-height: 1.4;
      }

      @media (max-width: 1280px) {
        .pricing-preview-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 700px) {
        .pricing-preview-grid,
        .pricing-bestfor-row {
          grid-template-columns: 1fr;
        }
      }

      .plan-discount {
        display: inline-flex;
        align-items: center;
        padding: 4px 10px;
        border-radius: 999px;
        background: #e8f1ff;
        color: #1f64d4;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.01em;
      }

      .price-old {
        margin: 0 0 6px;
        color: #7c879a;
        text-decoration: line-through;
        font-size: 0.94rem;
      }

      .plan-free {
        margin: 8px 0 0;
        color: #5c46ff;
        font-weight: 700;
      }

      .plan-actions .button {
        width: 100%;
      }

      .pricing-bestfor-row {
        margin-top: 14px;
        border: 1px solid #dbe4f3;
        border-radius: 12px;
        background: #ffffff;
        padding: 10px 12px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .pricing-bestfor-row span {
        text-align: center;
        color: #1f2f4a;
        font-size: 0.9rem;
        font-weight: 600;
      }

      .wp-pricing-v2-grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        padding-top: 0;            /* badge space is handled by the viewport */
        justify-content: center;  /* default: center when ≤4 cards */
        align-items: flex-start;  /* cards size to their own content; expanding one doesn't stretch others */
      }

      /* Each plan card: fixed width so exactly 4 fill the viewport */
      .wp-pricing-v2-grid .wp-plan {
        flex: 0 0 calc(25% - 12px);
        min-width: 210px;
        max-width: 300px;
      }

      .wp-plan {
        position: relative;
        border: 1px solid #d7deea;
        border-radius: 22px;
        background: #ffffff;
        padding: 18px 16px 14px;
        display: flex;
        flex-direction: column;
      }

      .wp-plan--popular {
        border: 2px solid #f59e0b; /* Yellow border instead of blue */
      }

      .wp-popular-tag {
        position: absolute;
        top: -14px;
        left: 50%;
        transform: translateX(-50%);
        background: #f59e0b; /* Yellow badge instead of blue */
        color: #ffffff;
        border-radius: 999px;
        padding: 6px 16px;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.01em;
        white-space: nowrap;
      }

      .wp-plan h3 {
        margin: 4px 0 2px;
        font-size: 1.9rem;
        color: #0f172a;
      }

      .wp-plan-sub {
        margin: 0 0 12px;
        color: #5b6475;
        font-size: 0.92rem;
      }

      .wp-plan-offer {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;
      }

      .wp-off-pill {
        background: #fff0ea;
        color: #ff5b2d;
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 0.82rem;
        font-weight: 800;
      }

      .wp-old {
        color: #7d8798;
        text-decoration: line-through;
        font-size: 0.95rem;
        font-weight: 700;
      }

      .wp-price {
        margin: 0;
        font-size: 3rem;
        line-height: 1.1;
        color: #030712;
        font-weight: 800;
      }

      .wp-price span {
        font-size: 0.88rem;
        font-weight: 700;
      }

      .wp-plan-total {
        margin: 8px 0 0;
        color: #4b5567;
        font-size: 0.95rem;
        line-height: 1.35;
      }

      .wp-plan-free {
        margin: 10px 0 0;
        color: #2f54eb;
        font-weight: 800;
      }

      .wp-plan-deal {
        margin-left: 8px;
        display: inline-flex;
        background: #ffe7d8;
        color: #ea5a2f;
        border-radius: 8px;
        padding: 3px 8px;
        font-size: 0.8rem;
        font-weight: 800;
      }

      .wp-plan-cta {
        margin-top: 14px;
      }

      .wp-plan-cta .button {
        width: 100%;
        border-radius: 12px;
      }

      .wp-plan-renew {
        margin-top: 10px;
        border-radius: 9px;
        background: #e8f7ef;
        color: #18935c;
        font-size: 0.9rem;
        font-weight: 700;
        text-align: center;
        padding: 7px 10px;
      }

      .wp-plan-hr {
        margin: 12px 0 10px;
        border: 0;
        border-top: 1px solid #e2e8f0;
      }

      .wp-plan-features {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 8px;
      }

      .wp-plan-features li {
        position: relative;
        padding-left: 24px;
        color: #172034;
        font-size: 0.97rem;
        line-height: 1.35;
      }

      .wp-plan-features li::before {
        content: "✓";
        position: absolute;
        left: 0;
        top: 0;
        color: #16a34a;
        font-weight: 800;
      }

      .wp-plan-features li.is-no {
        color: #8b97aa;
      }

      .wp-plan-features li.is-no::before {
        content: "×";
        color: #98a5b9;
      }

      .wp-plan-more {
        margin-top: auto;
        padding-top: 12px;
        border-top: 1px dashed #d8e3fb;
      }

      .wp-plan-more summary {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        text-align: center;
        color: #1f64d4;
        font-weight: 800;
        list-style: none;
        border: 1px solid #dbe6ff;
        border-radius: 12px;
        background: linear-gradient(180deg, #f8fbff 0%, #e9f1ff 100%);
        box-shadow: 0 8px 18px rgba(46, 102, 220, 0.12);
        padding: 10px 12px;
        transition: transform 180ms ease, box-shadow 200ms ease, border-color 200ms ease;
      }

      .wp-plan-more summary:hover {
        transform: translateY(-1px);
        border-color: #a8c3ff;
        box-shadow: 0 12px 22px rgba(46, 102, 220, 0.18);
      }

      .wp-plan-more summary::-webkit-details-marker {
        display: none;
      }

      .wp-plan-more summary::before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: linear-gradient(135deg, #2b6de8 0%, #6b49e7 100%);
        box-shadow: 0 0 0 3px rgba(43, 109, 232, 0.15);
        flex: 0 0 18px;
      }

      .wp-plan-more summary::after {
        content: "▾";
        transition: transform 220ms ease;
      }

      .wp-plan-more.is-expanded summary::after {
        transform: rotate(180deg);
      }

      .wp-plan-more ul {
        margin: 12px 0 0;
        padding: 0;
        list-style: none;
        color: #2d3d5c;
        font-size: 0.92rem;
        font-weight: 600;
        display: grid;
        gap: 8px;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transform: translateY(-4px);
        transition: max-height 280ms ease, opacity 220ms ease, transform 220ms ease;
      }

      .wp-plan-more.is-expanded ul {
        max-height: var(--more-max, 260px);
        opacity: 1;
        transform: translateY(0);
      }

      .wp-plan-more ul li {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        border: 1px solid #e2eaff;
        border-radius: 10px;
        background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
        padding: 9px 10px;
        line-height: 1.35;
      }

      .wp-plan-more ul li::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        margin-top: 0.42em;
        flex: 0 0 8px;
        background: linear-gradient(135deg, #2b6de8 0%, #5b7fff 100%);
        box-shadow: 0 0 0 4px rgba(43, 109, 232, 0.14);
      }


      /* ── Mobile: 1-col swipe (with peeking) ─────────────── */
      @media (max-width: 700px) {
        .wp-carousel-viewport {
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          -webkit-overflow-scrolling: touch;
          padding-bottom: 15px; /* space for scrollbar */
          margin-bottom: -15px;
        }
        .wp-pricing-v2-grid {
          flex-wrap: nowrap;
          justify-content: flex-start;
        }
        .wp-pricing-v2-grid .wp-plan {
          flex: 0 0 calc(90% - 12px);
          max-width: calc(90% - 12px);
          scroll-snap-align: center;
        }
        .wp-carousel-nav { display: none !important; }
      }

      /* ── Tablet: 2-col swipe (with peeking) ─────────────── */
      @media (min-width: 701px) and (max-width: 1024px) {
        .wp-carousel-viewport {
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          -webkit-overflow-scrolling: touch;
          padding-bottom: 15px;
          margin-bottom: -15px;
        }
        .wp-pricing-v2-grid { 
          flex-wrap: nowrap;
          justify-content: flex-start; 
        }
        .wp-pricing-v2-grid .wp-plan {
          flex: 0 0 calc(45% - 12px);
          max-width: calc(45% - 12px);
          scroll-snap-align: center;
        }
        .wp-carousel-nav { display: none !important; }
      }

      /* ── Generic Plan Carousel ───────────────────────── */
      .wp-carousel-wrapper {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .wp-carousel-viewport {
        flex: 1;
        min-width: 0;
        overflow: hidden;         /* JS scrolls via scrollLeft */
        padding-top: 18px;        /* space for .wp-popular-tag (top:-14px) badge */
      }

      /* ≤4 plans: already centred by default justify-content:center */
      .wp-pricing-v2-grid.is-centered {
        justify-content: center;
      }

      /* 5+ plans: left-align so horizontal scroll works */
      .wp-pricing-v2-grid.is-scrollable {
        justify-content: flex-start;
      }

      /* Arrow buttons — always occupy their 44px space on each side,
         but invisible until JS adds .is-visible */
      .wp-carousel-nav {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 1.5px solid #d0d9ef;
        background: #ffffff;
        color: #1f64d4;
        font-size: 1.5rem;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
        box-shadow: 0 2px 8px rgba(31,100,212,0.08);
        visibility: hidden;      /* hidden but in-flow = no layout jump */
        pointer-events: none;
        z-index: 2;
      }

      .wp-carousel-nav.is-visible {
        visibility: visible;
        pointer-events: auto;
      }

      .wp-carousel-nav:hover {
        background: #eef3ff;
        border-color: #7aaaf8;
        box-shadow: 0 4px 14px rgba(31,100,212,0.15);
      }

      .wp-carousel-nav:disabled {
        opacity: 0.35;
        cursor: default;
      }


      .wp-theme-home {
        background: #ffffff;
      }

      .wp-theme-home .hero-v2 {
        background: #ffffff;
      }

      .wp-theme-home {
        background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
      }

      .wp-theme-home .wp-performance {
        background: #ffffff;
      }

      .wp-theme-home #waitlist {
        background: linear-gradient(180deg, #f7faff 0%, #eaf2ff 100%);
      }

      .wp-performance {
        background: #f2f3f7;
      }

      .wp-performance__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
        gap: 30px;
        align-items: start;
      }

      .wp-performance__eyebrow {
        display: inline-flex;
        padding: 8px 12px;
        border-radius: 999px;
        background: #e8f1ff;
        color: #1f64d4;
        border: 1px solid #c8dcff;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        margin: 0 0 18px;
      }

      .wp-performance__title {
        margin: 0;
        font-size: clamp(2rem, 3.2vw, 3.35rem);
        line-height: 1.08;
        letter-spacing: -0.02em;
      }

      .wp-performance__list {
        border-top: 1px solid #1f2530;
      }

      .wp-performance details {
        border-bottom: 1px solid #1f2530;
      }

      .wp-performance summary {
        list-style: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 18px 0;
        font-size: 1.5rem;
        user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent;
      }

      .wp-performance summary::-webkit-details-marker {
        display: none;
      }

      .wp-performance__label {
        display: inline-flex;
        align-items: center;
        gap: 14px;
        font-size: clamp(1.2rem, 1.65vw, 1.9rem);
        line-height: 1.2;
      }

      .wp-performance__icon {
        width: 28px;
        height: 28px;
        color: #1f2530;
        flex: 0 0 28px;
      }

      .wp-performance__symbol {
        font-size: 1.7rem;
        line-height: 1;
        color: #1f2530;
      }

      .wp-performance details[open] .wp-performance__symbol::before {
        content: "−";
      }

      .wp-performance details:not([open]) .wp-performance__symbol::before {
        content: "+";
      }

      .wp-performance__panel {
        padding: 0 0 18px 42px;
        color: #2b303b;
        font-size: 0.98rem;
        line-height: 1.45;
        max-width: 60ch;
      }

      .wp-protection {
        background: linear-gradient(135deg, #1a73ff 0%, #0b4fd8 55%, #0a46c6 100%);
        color: #eef2ff;
      }

      .wp-protection .section-head {
        text-align: center;
        max-width: 900px;
        margin-inline: auto;
      }

      .wp-protection .section-head h2 {
        color: #f8faff;
        font-size: clamp(1.8rem, 2.8vw, 2.8rem);
      }

      .wp-protection .section-head p {
        color: #c7d3ff;
        font-size: 1rem;
      }

      .wp-protection__grid {
        margin-top: 22px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .wp-protection__card {
        background: rgba(23, 35, 106, 0.92);
        border: 1px solid rgba(145, 165, 255, 0.24);
        border-radius: 14px;
        padding: 18px 18px 16px;
      }

      .wp-protection__icon {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #5e45ff;
        color: #f3f6ff;
      }

      .wp-protection__icon svg {
        width: 18px;
        height: 18px;
      }

      .wp-protection__card h3 {
        margin: 12px 0 8px;
        font-size: 1.15rem;
        color: #f9fbff;
        line-height: 1.3;
      }

      .wp-protection__card p {
        margin: 0;
        color: #d4ddff;
        font-size: 0.92rem;
        line-height: 1.45;
        max-width: 60ch;
      }

      .wp-support-image {
        background: #ffffff;
      }

      .wp-support-image .section-head.center {
        margin-bottom: 18px;
      }

      .wp-support-image__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        gap: 20px;
        align-items: center;
      }

      .wp-support-image__points {
        display: grid;
        gap: 16px;
      }

      .wp-support-image__point {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
      }

      .wp-support-image__icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d9e1f0;
        color: #14213e;
      }

      .wp-support-image__icon svg {
        width: 20px;
        height: 20px;
      }

      .wp-support-image__point:nth-child(1) .wp-support-image__icon {
        background: linear-gradient(135deg, #eaf1ff, #d8e8ff);
        color: #2b63d8;
      }

      .wp-support-image__point:nth-child(2) .wp-support-image__icon {
        background: linear-gradient(135deg, #efe9ff, #e0d5ff);
        color: #6b49e7;
      }

      .wp-support-image__point:nth-child(3) .wp-support-image__icon {
        background: linear-gradient(135deg, #e8f9ef, #d3f1df);
        color: #159a5a;
      }

      .wp-support-image__point h3 {
        margin: 0 0 4px;
        color: #0f172a;
        font-size: 1.15rem;
        line-height: 1.25;
      }

      .wp-support-image__point p {
        margin: 0;
        color: #1f2f4a;
        font-size: 0.96rem;
      }

      .wp-support-image__checks {
        margin: 10px 0 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 8px;
      }

      .wp-support-image__checks li {
        color: #1f2f4a;
        font-size: 0.95rem;
      }

      .wp-support-image__checks li::before {
        content: "✓";
        color: #10b981;
        font-weight: 800;
        margin-right: 10px;
      }

      .wp-support-image__visual {
        margin: 0;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid rgba(28, 50, 112, 0.12);
        background: #f8fbff;
        padding: 10px;
      }

      .wp-support-image__img {
        width: 100%;
        height: auto;
        max-height: 420px;
        object-fit: contain;
        object-position: center;
        display: block;
        border-radius: 10px;
      }

      .wp-nextlevel {
        background: #ffffff;
      }

      .wp-nextlevel .section-head {
        text-align: center;
        max-width: 980px;
        margin-inline: auto;
      }

      .wp-nextlevel .section-head h2 {
        margin-bottom: 12px;
      }

      .wp-nextlevel-grid {
        margin-top: 26px;
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 16px;
      }

      .wp-nextlevel-card {
        padding: 26px 30px 24px;
        min-height: 220px;
        grid-column: span 4;
        border: 1px solid #dfe4ec;
        border-radius: 14px;
        background: #ffffff;
      }

      .wp-nextlevel-card:nth-child(4) {
        grid-column: 3 / span 4;
      }

      .wp-nextlevel-card:nth-child(5) {
        grid-column: 7 / span 4;
      }

      .wp-nextlevel-icon {
        width: 34px;
        height: 34px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
      }

      .wp-nextlevel-icon svg {
        width: 18px;
        height: 18px;
      }

      .wp-nextlevel-icon--blue {
        background: #e9f1ff;
        color: #2f6cff;
      }

      .wp-nextlevel-icon--amber {
        background: #fff3e3;
        color: #f39a21;
      }

      .wp-nextlevel-icon--purple {
        background: #f1ebff;
        color: #7b4cff;
      }

      .wp-nextlevel-icon--green {
        background: #eaf7e9;
        color: #3f8f3a;
      }

      .wp-nextlevel-card h3 {
        margin: 0 0 14px;
        font-size: 1.85rem;
        line-height: 1.2;
        color: #101626;
      }

      .wp-nextlevel-card p {
        margin: 0;
        color: #2e3749;
        font-size: 1.02rem;
        line-height: 1.45;
      }

      .wp-nextlevel-cta {
        margin-top: 30px;
        text-align: center;
      }

      .wp-hosting-chooser {
        background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
        color: #11223f;
      }

      .wp-hosting-chooser .section-head {
        text-align: center;
      }

      .wp-hosting-chooser .section-head h2 {
        color: #12254a;
      }

      .wp-hosting-chooser-grid {
        margin-top: 18px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 26px;
      }

      .wp-hosting-chooser-card {
        padding: 24px 22px 22px;
        text-align: center;
        background: #ffffff;
        border: 1px solid #d9e5fa;
        border-radius: 16px;
        box-shadow: 0 10px 24px rgba(24, 45, 94, 0.06);
        transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
      }

      .wp-hosting-chooser-card:hover {
        transform: translateY(-4px);
        border-color: #b9cdf6;
        box-shadow: 0 18px 36px rgba(24, 45, 94, 0.12);
      }

      .wp-hosting-chooser-icon {
        width: 52px;
        height: 52px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 14px;
        color: #2a63cf;
      }

      .wp-hosting-chooser-icon svg {
        width: 24px;
        height: 24px;
      }

      .wp-hosting-chooser-card:nth-child(1) .wp-hosting-chooser-icon {
        background: linear-gradient(135deg, #ede9ff, #d9d0ff);
        color: #6746ff;
      }

      .wp-hosting-chooser-card:nth-child(2) .wp-hosting-chooser-icon {
        background: linear-gradient(135deg, #dff4ff, #c9eaff);
        color: #1d75d8;
      }

      .wp-hosting-chooser-card:nth-child(3) .wp-hosting-chooser-icon {
        background: linear-gradient(135deg, #e4f9e8, #d2f2da);
        color: #1f9d5d;
      }

      .wp-hosting-chooser-card h3 {
        margin: 0 0 12px;
        color: #0f2348;
        font-size: 2rem;
      }

      .wp-hosting-chooser-card p {
        margin: 0 0 20px;
        color: #35507b;
        font-size: 1.03rem;
        line-height: 1.5;
        max-width: 34ch;
        margin-inline: auto;
      }

      .wp-hosting-chooser-card .button {
        min-width: 170px;
      }

      @media (max-width: 980px) {
        .wp-performance__grid {
          grid-template-columns: 1fr;
          gap: 24px;
        }

        .wp-performance summary {
          font-size: 1.1rem;
        }

        .wp-performance__symbol {
          font-size: 1.35rem;
        }

        .wp-performance__panel {
          padding-left: 0;
        }

        .wp-protection__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .wp-protection__card h3 {
          font-size: 1.05rem;
        }

        .wp-protection__card p {
          font-size: 0.9rem;
        }

        .wp-nextlevel-grid {
          grid-template-columns: 1fr;
        }

        .wp-nextlevel-card {
          grid-column: auto;
          min-height: auto;
        }

        .wp-hosting-chooser-grid {
          grid-template-columns: 1fr;
          gap: 18px;
        }

        .wp-support-image__grid {
          grid-template-columns: 1fr;
        }

        .wp-support-image__img {
          max-height: 320px;
        }
      }

      @media (max-width: 700px) {
        .wp-protection__grid {
          grid-template-columns: 1fr;
        }
      }

      .vps-faq-impact {
        background: linear-gradient(180deg, #f5f9ff 0%, #edf4ff 100%);
      }
      .vps-faq-impact .section-head {
        text-align: center;
        max-width: 860px;
        margin: 0 auto 18px;
      }
      .vps-faq-impact .section-head h2 {
        margin-bottom: 8px;
      }
      .vps-faq-impact .section-head p {
        color: #556782;
      }
      .vps-faq-impact__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        align-items: start;
      }
      .vps-faq-impact .accordion {
        border: 1px solid #d9e4f5;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(17, 32, 61, 0.06);
        overflow: hidden;
        transition: box-shadow 0.24s ease, border-color 0.24s ease, transform 0.24s ease;
        align-self: start;
      }
      .vps-faq-impact .accordion:hover {
        border-color: #c4d5ef;
        box-shadow: 0 12px 24px rgba(17, 32, 61, 0.09);
        transform: translateY(-1px);
      }
      .vps-faq-impact .accordion-toggle {
        width: 100%;
        border: 0;
        background: transparent;
        text-align: left;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 20px 20px 20px 18px;
        color: #27384f;
        font-weight: 600;
        font-size: clamp(1rem, 1.55vw, 1.08rem);
        line-height: 1.35;
      }
      .vps-faq-impact .accordion-toggle::before {
        content: "?";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #1d58a8;
        background: #eef4ff;
        border: 1px solid #d5e4fb;
        font-weight: 700;
        flex: 0 0 24px;
      }
      .vps-faq-impact .accordion-toggle > span {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 1px solid #ccdbf4;
        background: #f5f9ff;
        color: #1f4f96;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1;
        transition: transform 0.26s ease, background-color 0.26s ease, color 0.26s ease;
        flex: 0 0 28px;
      }
      .vps-faq-impact .accordion-toggle[aria-expanded="true"] > span {
        transform: rotate(45deg);
        background: #1f63d4;
        color: #ffffff;
      }
      .vps-faq-impact .accordion-panel {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        padding: 0 20px;
        transition: max-height 0.3s ease, opacity 0.22s ease, padding 0.22s ease;
        color: #4f6078;
        font-size: 0.98rem;
        line-height: 1.58;
      }
      .vps-faq-impact .accordion-panel.is-open {
        opacity: 1;
        padding: 0 20px 18px 20px;
      }
      @media (max-width: 900px) {
        .vps-faq-impact__grid {
          grid-template-columns: 1fr;
        }
      }