/* HR PRICING POLISH — visual-only, preserve original RTL geometry */
html body .plans .plan-grid{gap:18px!important;align-items:stretch!important}
html body .plans .plan-grid article{position:relative!important;overflow:hidden!important;min-width:0!important;min-height:0!important;padding:30px!important;border-radius:18px!important;border:1px solid rgba(99,104,141,.30)!important;background:linear-gradient(180deg,#141621 0%,#11131c 100%)!important;box-shadow:0 18px 55px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
html body .plans .plan-grid article:first-child{border-color:rgba(55,133,255,.46)!important;background:linear-gradient(180deg,#0e1e35,#09111f)!important}
html body .plans .plan-grid article:last-child{border-color:rgba(176,82,255,.48)!important;background:linear-gradient(180deg,#221438,#0e0d1c)!important}
html body .plans .plan-grid article.featured{border:2px solid transparent!important;background:linear-gradient(180deg,#191733 0%,#151329 62%,#171429 100%) padding-box,linear-gradient(135deg,#6547ff,#b84cff,#246dff) border-box!important;box-shadow:0 20px 60px rgba(102,64,235,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;transform:none!important;margin-top:0!important;align-self:stretch!important;height:560px!important;min-height:560px!important}
html body .plans .plan-grid article:not(.featured):hover{transform:translateY(-5px)!important;border-color:rgba(129,148,206,.55)!important}
html body .plans .plan-grid article.featured:hover{transform:translateY(-5px)!important;box-shadow:0 28px 72px rgba(102,64,235,.30),0 0 32px rgba(109,73,255,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}

html body .plans .plan-grid article::before{content:""!important;position:absolute!important;left:30px!important;right:auto!important;top:30px!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:rgba(42,44,67,.72)!important;border:1px solid rgba(106,111,156,.26)!important;color:#d9d7ff!important;font-size:25px!important;font-weight:700!important;line-height:1!important;z-index:1!important;pointer-events:none!important}
html body .plans .plan-grid article:nth-child(1)::before{content:"⬡"!important}
html body .plans .plan-grid article:nth-child(2)::before{content:"▣"!important;color:#bdabff!important;border-color:rgba(118,101,239,.60)!important;background:rgba(99,77,210,.16)!important}
html body .plans .plan-grid article:nth-child(3)::before{content:"♛"!important}
html body .plans .plan-grid article.featured::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 50% 0%,rgba(150,92,255,.20),transparent 42%)!important;z-index:0!important}

html body .plans .plan-grid article .plan-no{position:relative!important;z-index:3!important;width:auto!important;height:auto!important;display:block!important;margin:0 0 36px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#858ba4!important;font:13px/1 "Space Grotesk",Arial,sans-serif!important;text-align:right!important}
html body .plans .plan-grid article.featured .plan-no{margin-top:0!important;margin-bottom:36px!important;color:#bda9ff!important}

html body .plans .plan-grid article h3{position:relative!important;z-index:2!important;margin:0 0 6px!important;color:#f2f3f8!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:29px!important;font-weight:700!important;letter-spacing:-.8px!important;text-align:right!important}
html body .plans .plan-grid article>p{position:relative!important;z-index:2!important;margin:0 0 32px!important;color:#a0a4b8!important;font-size:12px!important;line-height:1.7!important;text-align:right!important}
html body .plans .plan-grid article>strong{position:relative!important;z-index:2!important;display:block!important;margin:0 0 28px!important;padding:0!important;border:0!important;color:#f3f4f8!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:40px!important;line-height:1!important;font-weight:900!important;direction:rtl!important;text-align:right!important;white-space:nowrap!important}
html body .plans .plan-grid article>strong small{margin-inline-start:6px!important;color:#979caf!important;font-family:Alexandria,Arial,sans-serif!important;font-size:11px!important;font-weight:500!important}
html body .plans .plan-grid article.featured>strong{color:#fff!important;text-shadow:0 0 24px rgba(154,94,255,.18)!important}

html body .plans .plan-grid article .ref-features{position:relative!important;z-index:2!important;list-style:none!important;padding:0!important;margin:0!important;width:100%!important}
html body .plans .plan-grid article .ref-features li{display:grid!important;grid-template-columns:40px 1fr auto!important;align-items:center!important;gap:12px!important;min-height:54px!important;height:54px!important;position:relative!important;direction:ltr!important;border-top:1px solid rgba(99,104,141,.26)!important}
html body .plans .plan-grid article .ref-features li:last-child{border-bottom:1px solid rgba(99,104,141,.26)!important}
html body .plans .plan-grid article .ref-features li::before{content:""!important;position:static!important;grid-column:1!important;grid-row:1!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(42,44,67,.64)!important;border:1px solid rgba(106,111,156,.20)!important;color:#b7b3ff!important;font-size:15px!important;font-weight:700!important}
html body .plans .plan-grid article .ref-features li:nth-child(1)::before{content:"▱"!important}
html body .plans .plan-grid article .ref-features li:nth-child(2)::before{content:"▣"!important}
html body .plans .plan-grid article .ref-features li:nth-child(3)::before{content:"ϟ"!important}
html body .plans .plan-grid article .ref-features li:nth-child(4)::before{content:"☁↑"!important;font-size:13px!important}
html body .plans .plan-grid article:nth-child(3) .ref-features li:nth-child(1)::before{content:"∞"!important;font-size:18px!important}
html body .plans .plan-grid article .ref-features .feature-label{grid-column:2!important;grid-row:1!important;justify-self:start!important;color:#a7abbd!important;font-size:12px!important;text-align:left!important;white-space:nowrap!important;direction:rtl!important}
html body .plans .plan-grid article .ref-features b{grid-column:3!important;grid-row:1!important;justify-self:end!important;color:#eef0f7!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:13px!important;font-weight:700!important;direction:ltr!important;white-space:nowrap!important}

html body .plans .plan-grid article .plan-btn{position:relative!important;z-index:2!important;width:100%!important;height:54px!important;min-height:54px!important;margin-top:auto!important;border-radius:12px!important;font-size:15px!important;font-weight:700!important}
html body .plans .plan-grid article:not(.featured) .plan-btn{background:rgba(12,16,29,.72)!important;border-color:rgba(111,132,180,.30)!important}
html body .plans .plan-grid article:first-child .plan-btn{border:1px solid rgba(57,137,255,.78)!important;background:linear-gradient(180deg,#12346f 0%,#0b234c 100%)!important;color:#fff!important;box-shadow:0 12px 30px rgba(28,102,224,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;text-shadow:0 0 12px rgba(140,190,255,.16)!important}
html body .plans .plan-grid article:first-child .plan-btn:hover{background:linear-gradient(180deg,#174182 0%,#0d2a59 100%)!important;border-color:rgba(86,159,255,.95)!important;box-shadow:0 16px 36px rgba(28,102,224,.28),0 0 20px rgba(34,124,255,.12),inset 0 1px 0 rgba(255,255,255,.12)!important}
html body .plans .plan-grid article:first-child .plan-btn .hr-discord-icon{filter:drop-shadow(0 0 5px rgba(190,220,255,.28))}
html body .plans .plan-grid article:last-child .plan-btn:not(.plan-btn-current){border:0!important;background:linear-gradient(100deg,#557dff,#b54df0)!important;box-shadow:0 12px 32px rgba(104,69,234,.28)!important;color:#fff!important}
html body .plans .plan-grid article.featured .plan-btn{border:0!important;background:linear-gradient(100deg,#557dff,#b54df0)!important;box-shadow:0 12px 32px rgba(104,69,234,.28)!important}
html body .plans .plan-grid article.featured .tag{top:10px!important;right:11px!important;left:auto!important;z-index:4!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid rgba(205,174,255,.45)!important;background:linear-gradient(100deg,rgba(92,59,226,.94),rgba(161,74,235,.92))!important;box-shadow:0 8px 22px rgba(85,49,220,.25)!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
html body .plans .rate{border-radius:999px!important;padding:7px 13px!important}

@media(max-width:760px){
html body .plans .plan-grid{gap:14px!important}
html body .plans .plan-grid article,html body .plans .plan-grid article.featured{padding:22px 18px 19px!important;transform:none!important;margin-top:0!important;height:auto!important;min-height:0!important}
html body .plans .plan-grid article:not(.featured):hover,html body .plans .plan-grid article.featured:hover{transform:translateY(-3px)!important}
html body .plans .plan-grid article::before{left:18px!important;top:22px!important;width:42px!important;height:42px!important;font-size:22px!important}
html body .plans .plan-grid article .plan-no{margin-bottom:30px!important;font-size:12px!important}
html body .plans .plan-grid article.featured .plan-no{margin-top:0!important;margin-bottom:30px!important}
html body .plans .plan-grid article h3{font-size:27px!important}
html body .plans .plan-grid article>p{font-size:11px!important;margin-bottom:24px!important}
html body .plans .plan-grid article>strong{font-size:38px!important;margin-bottom:24px!important}
html body .plans .plan-grid article .ref-features li{min-height:46px!important;height:46px!important;grid-template-columns:36px 1fr auto!important;gap:9px!important}
html body .plans .plan-grid article .ref-features li::before{width:27px!important;height:27px!important}
html body .plans .plan-grid article .ref-features .feature-label{font-size:11px!important}
html body .plans .plan-grid article .ref-features b{font-size:12px!important}
html body .plans .plan-grid article .plan-btn{height:52px!important;min-height:52px!important;margin-top:18px!important}
}
/* FINAL ALIGNMENT: all desktop pricing cards start on the exact same horizontal line. */
@media (min-width:761px){
  html body section.plans#plans .plan-grid{align-items:stretch!important;margin-top:42px!important}
  html body section.plans#plans .plan-grid article,
  html body section.plans#plans .plan-grid article.featured{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    margin-top:0!important;
    transform:none!important;
    align-self:stretch!important;
  }
  html body section.plans#plans .plan-grid article:not(.featured):hover,
  html body section.plans#plans .plan-grid article.featured:hover{transform:translateY(-4px)!important}
  html body section.plans#plans .plan-grid article.featured::after{inset:0!important}
}
/* HR-PRICING-FINAL-ALIGNMENT-V1 */
@media (min-width:761px) {
  /* Plan icon: always top-left. Keep the featured glow separate. */
  html body section.plans#plans .plan-grid article::before {
    content:"" !important;
    position:absolute !important;
    inset:auto !important;
    left:30px !important;
    top:30px !important;
    right:auto !important;
    bottom:auto !important;
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
    background:rgba(42,44,67,.72) !important;
    border:1px solid rgba(106,111,156,.26) !important;
    color:#d9d7ff !important;
    font-size:25px !important;
    font-weight:700 !important;
    line-height:1 !important;
    z-index:2 !important;
    pointer-events:none !important;
  }
  html body section.plans#plans .plan-grid article:nth-child(1)::before { content:"⬡" !important; }
  html body section.plans#plans .plan-grid article:nth-child(2)::before { content:"★" !important; color:#bdabff !important; border-color:rgba(118,101,239,.60) !important; background:rgba(99,77,210,.16) !important; }
  html body section.plans#plans .plan-grid article:nth-child(3)::before { content:"♛" !important; }

  /* Featured card gets its glow on ::after so ::before remains the icon. */
  html body section.plans#plans .plan-grid article.featured::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:radial-gradient(circle at 50% 0%,rgba(150,92,255,.20),transparent 42%) !important;
    z-index:1 !important;
  }

  /* Feature rows: icon | Arabic label | value, with the icon flush left. */
  html body section.plans#plans .plan-grid article .ref-features li {
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:12px !important;
    width:100% !important;
    min-height:43px !important;
    height:43px !important;
    padding:0 9px !important;
    box-sizing:border-box !important;
    direction:ltr !important;
  }
  html body section.plans#plans .plan-grid article .ref-features li::before {
    position:static !important;
    inset:auto !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    width:30px !important;
    height:30px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:8px !important;
    font-size:14px !important;
    line-height:1 !important;
  }
  html body section.plans#plans .plan-grid article .ref-features .feature-label {
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:start !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 !important;
    direction:rtl !important;
    text-align:right !important;
    white-space:nowrap !important;
  }
  html body section.plans#plans .plan-grid article .ref-features li > b {
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    margin:0 !important;
    direction:ltr !important;
    text-align:right !important;
    white-space:nowrap !important;
  }
}
/* Desktop feature-row alignment: all three cards use the exact same row anchor and row spacing. */
@media (min-width:761px){
  html body section.plans#plans .plan-grid article .ref-features{
    position:absolute!important;
    top:263px!important;
    left:30px!important;
    right:30px!important;
    width:auto!important;
    margin:0!important;
  }
  html body section.plans#plans .plan-grid article .ref-features li{
    margin:0!important;
  }
  html body section.plans#plans .plan-grid article .plan-btn{
    position:absolute!important;
    left:30px!important;
    right:30px!important;
    bottom:30px!important;
    width:auto!important;
    margin:0!important;
  }
}