/* Fiqrah pricing page (/pricing/, /pricing/en/) + home pricing teaser. ClickUp pricing pattern, Fiqrah brand. */

/* ---------- base / RTL ---------- */
body.fq-pricing{background:#fff}
html[dir=rtl] body.fq-pricing,html[dir=rtl] body.fq-pricing .q-btn{font-family:var(--ar)}
html[dir=rtl] body.fq-pricing *{letter-spacing:normal!important}
.fq-pricing .pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pp-lang--ar,.fq-ar{font-family:var(--ar)!important;letter-spacing:normal!important}

/* ---------- nav ---------- */
.pp-nav .q-nav__in{gap:8px}
html[dir=rtl] .pp-nav .q-logo{margin-right:0;margin-left:16px}
html[dir=rtl] .pp-nav .q-nav__r{margin-left:0;margin-right:auto}
.pp-menu{display:flex;align-items:center;gap:2px}
.fq .pp-menu a,.fq .pp-lang{font-family:var(--inter);font-size:14px;font-weight:500;line-height:20px;color:#646464;padding:8px 10px;border-radius:8px;transition:color .15s,background-color .15s}
html[dir=rtl] .fq .pp-menu a{font-family:var(--ar);font-size:15px}
.fq .pp-menu a:hover,.fq .pp-lang:hover{color:#202020;background:rgba(0,0,0,.04)}
.fq .pp-menu a.on{color:#202020;font-weight:600}

/* ---------- hero + toggle ---------- */
.pp-hero{padding:76px 0 24px;text-align:center}
.pp-h1{font-family:var(--jak);font-size:58px;line-height:64px;font-weight:700;letter-spacing:-2.2px;color:#090c1d;max-width:1000px;margin:0 auto!important}
.pp-h1 .q-g{color:#838383}
html[dir=rtl] .pp-h1{font-family:var(--ar);font-weight:600;font-size:52px;line-height:74px;max-width:900px}
.pp-sub{margin:18px auto 0!important;max-width:680px;font-family:var(--inter);font-size:18px;line-height:28px;font-weight:500;color:#838383}
html[dir=rtl] .pp-sub{font-family:var(--ar)}
.pp-bar{display:flex;justify-content:center;margin:36px 0 34px}
.pp-toggle{display:inline-flex;gap:2px;padding:4px;background:#f0f0f0;border-radius:12px}
.fq .pp-toggle button{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9px;font-size:15px;font-weight:500;line-height:22px;color:#646464;transition:background-color .15s,color .15s,box-shadow .15s}
.fq .pp-toggle button:hover{color:#202020}
.fq .pp-toggle button[aria-pressed=true]{background:#fff;color:#202020;font-weight:600;box-shadow:0 1px 3px rgba(16,24,40,.1),0 0 0 1px rgba(0,0,0,.04)}
.pp-save{display:inline-block;font-size:12px;font-weight:600;line-height:16px;padding:3px 8px;border-radius:999px;background:rgba(102,71,240,.1);color:#6647f0}

/* ---------- cards ---------- */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;max-width:1080px;margin:0 auto;padding:16px 0;text-align:start}
.pp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e8e8;border-radius:20px;overflow:hidden;position:relative}
.pp-top{padding:26px 24px 24px}
.pp-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:24px;line-height:30px;font-weight:650;color:#202020}
html[dir=rtl] .pp-name{font-weight:600}
.pp-for{margin-top:8px!important;min-height:42px;font-size:14px;line-height:21px;color:#646464}
.pp-price{display:flex;align-items:baseline;gap:8px;margin-top:22px}
.pp-amt{font-family:var(--jak)!important;font-size:50px;line-height:54px;font-weight:700;color:#202020;direction:ltr;unicode-bidi:isolate}
.pp-amt b{font-weight:700}
.pp-cur{font-size:18px;font-weight:600;color:#202020}
.pp-per{margin-top:6px!important;min-height:20px;font-size:13px;line-height:20px;color:#838383}
.fq .pp-cta{width:100%;margin-top:22px;font-size:16px;font-weight:600;padding:12px 16px;border-radius:12px}
.pp-feat{flex:1;border-top:1px solid #ececec;padding-bottom:26px}
.pp-fh{display:flex;align-items:center;gap:8px;padding:13px 24px;background:#f7f7f8;font-size:14px;line-height:20px;font-weight:500;color:#202020}
.pp-fh b{font-weight:700}
.pp-fh svg{width:16px;height:16px;flex:none}
.pp-feat ul{display:grid;gap:12px;padding:18px 24px 0!important}
.pp-feat li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:21px;color:#292d34}
.pp-feat li svg{flex:none;width:16px;height:16px;margin-top:2.5px;color:#202020}
.pp-feat li.pp-no{color:#8a8a90}
.pp-feat li.pp-no b{font-weight:600;color:#202020}
.pp-feat li.pp-no svg{color:#e5484d}
/* most popular (center) */
.pp-pop{background:#0b0b0c;border-color:#0b0b0c;color:#fff;margin:-16px 0;box-shadow:0 30px 60px -24px rgba(16,0,60,.45);z-index:1}
.pp-pop .pp-top{padding-top:34px}
.pp-pop .pp-name,.pp-pop .pp-amt,.pp-pop .pp-cur{color:#fff}
.pp-pop .pp-for{color:#b3b3b3}
.pp-pop .pp-per{color:#9a9aa0}
.pp-pop .pp-feat{border-top-color:#232325}
.pp-pop .pp-fh{background:#18181a;color:#fff}
.pp-pop .pp-feat li{color:#ececec}
.pp-pop .pp-feat li svg{color:#fff}
.pp-badge{display:inline-block;font-size:12px;font-weight:600;line-height:16px;padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(100deg,#7a3cf0 0%,#c43be0 45%,#ff3d8f 100%)}
.pp-pop::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#7a3cf0,#c43be0,#ff3d8f,#ff7a3a)}
.pp-note{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:36px!important;font-size:14px;line-height:21px;color:#646464;text-align:center}
.pp-note svg{width:16px;height:16px;flex:none;color:#838383}
/* billing switch (no JS = monthly) */
.pp-y{display:none}
body[data-bill=y] .pp-y{display:inline}
body[data-bill=y] .pp-m{display:none}

/* ---------- compare table ---------- */
.pp-sec{padding:72px 0 0}
.pp-sec--cmp{padding-top:40px}
.pp-cmp{max-width:1080px;margin:0 auto}
.fq .pp-cmp>summary{list-style:none;display:flex;align-items:center;gap:8px;width:max-content;margin:0 auto;padding:12px 22px;border-radius:12px;background:#f0f0f0;font-family:var(--inter);font-size:17px;font-weight:600;line-height:24px;color:#202020;cursor:pointer;transition:background-color .15s}
html[dir=rtl] .fq .pp-cmp>summary{font-family:var(--ar)}
.pp-cmp>summary::-webkit-details-marker{display:none}
.pp-cmp>summary:hover{background:#e5e5e5}
.pp-cmp>summary svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.pp-cmp[open]>summary svg{transform:rotate(180deg)}
.pp-tbl{width:100%;margin-top:32px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.pp-tbl col.f{width:34%}
.pp-tbl thead th{position:sticky;top:60px;z-index:2;background:#fff;padding:16px 10px;border-bottom:1px solid #e8e8e8;font-size:18px;line-height:24px;font-weight:650;color:#202020;text-align:center;vertical-align:bottom}
.fq .pp-tbl thead .q-btn{display:flex;width:100%;max-width:170px;margin:12px auto 0;font-size:14px}
.pp-tbl tbody th{padding:14px 10px;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:21px;font-weight:500;color:#292d34;text-align:start}
.pp-tbl td{padding:14px 10px;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:21px;color:#292d34;text-align:center;vertical-align:middle}
.pp-tbl td small{display:block;margin-top:2px;font-size:12.5px;line-height:18px;color:#646464}
.pp-tbl td svg{width:18px;height:18px;display:block;margin:0 auto}
.pp-tbl .yes{color:#1a7f4b}
.pp-tbl .no{color:#e5484d}
.pp-tbl td.pop,.pp-tbl th.pop{background:#fafaff}
.pp-tbl thead th.pop{background:#fafaff;box-shadow:inset 0 3px 0 #7a3cf0}
.pp-tbl tr.grp th{padding:20px 10px 10px;border-bottom:1px solid #e8e8e8;font-size:13px;line-height:18px;font-weight:650;color:#202020;text-transform:uppercase;letter-spacing:.4px;background:#fff}
html[dir=rtl] .pp-tbl tr.grp th{font-size:14px;font-weight:600}

/* ---------- add-ons ---------- */
.pp-h2{font-family:var(--jak);font-size:42px;line-height:50px;font-weight:650;letter-spacing:-1.4px;color:#090c1d;text-align:center}
html[dir=rtl] .pp-h2{font-family:var(--ar);font-weight:600;font-size:38px;line-height:56px}
.pp-sub2{margin-top:10px!important;text-align:center;font-size:17px;line-height:26px;color:#838383;font-weight:500}
.pp-adds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:36px auto 0}
.pp-add{border:1px solid #e8e8e8;border-radius:20px;padding:24px;background:#fff}
.pp-add h3{font-size:18px;line-height:26px;font-weight:650;color:#202020}
html[dir=rtl] .pp-add h3{font-weight:600}
.pp-add .pr{margin-top:14px!important;font-size:15px;line-height:34px;color:#646464}
.pp-add .pr b{font-family:var(--jak);font-size:30px;font-weight:700;color:#202020}
html[dir=rtl] .pp-add .pr b.w{font-family:var(--ar);font-size:24px;font-weight:600}
.pp-add .pr b.w{font-size:24px}
.pp-add .d{margin-top:10px!important;font-size:14px;line-height:22px;color:#646464}

/* ---------- FAQ ---------- */
.pp-faq{max-width:820px;margin:32px auto 0;border-top:1px solid #e8e8e8}
.pp-faq details{border-bottom:1px solid #e8e8e8}
.pp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;line-height:26px;font-weight:600;color:#202020;cursor:pointer}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq summary svg{flex:none;width:18px;height:18px;color:#646464;transition:transform .25s var(--ease)}
.pp-faq details[open] summary svg{transform:rotate(45deg)}
.pp-faq details p{padding:0 4px 22px;font-size:15px;line-height:26px;color:#646464}

/* ---------- final CTA (home gradient) ---------- */
.pp-fin{padding:88px 0 0}
.pp-fin__in{position:relative;overflow:hidden;text-align:center;border-radius:28px;padding:56px 24px 60px;background:linear-gradient(100deg,#7a3cf0 0%,#c43be0 35%,#ff3d8f 62%,#ff7a3a 100%)}
.pp-fin__in::before{content:"";position:absolute;inset:auto 0 0 0;height:200px;background:linear-gradient(180deg,rgba(60,90,255,0),rgba(70,110,255,.7));pointer-events:none}
.pp-fin .ic{position:relative;width:80px;height:80px;margin:0 auto;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px rgba(60,0,80,.25)}
.pp-fin .ic img{width:46px;height:46px}
.pp-fin h2{position:relative;margin-top:24px!important;font-family:var(--jak);font-size:48px;line-height:56px;font-weight:700;letter-spacing:-1.6px;color:#fff}
html[dir=rtl] .pp-fin h2{font-family:var(--ar);font-weight:600;font-size:44px;line-height:64px}
.pp-fin p{position:relative;margin-top:10px!important;font-size:17px;line-height:26px;color:rgba(255,255,255,.9)}
.fq .pp-fin .q-btn{position:relative;margin-top:26px;font-size:17px;padding:12px 22px;border-radius:12px}

/* ---------- footer ---------- */
.pp-foot{margin-top:72px;border-top:1px solid #ececec;padding-top:28px}
.pp-fr{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pp-foot .q-logo{margin:0!important}
.pp-fr nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.fq .pp-fr nav a{font-size:14px;line-height:20px;color:#646464}
.fq .pp-fr nav a:hover{color:#202020}
.pp-fbot{padding:18px 0 36px;font-family:var(--inter);font-size:14px;color:#838383}

/* ---------- responsive ---------- */
@media (max-width:1100px){.pp-nav .q-nav__r .q-light{display:none}}
@media (max-width:960px){
  .pp-grid{grid-template-columns:1fr;max-width:500px;gap:20px;padding:0}
  .pp-pop{margin:0}
  .pp-for{min-height:0}
  .pp-adds{grid-template-columns:1fr;max-width:500px}
}
@media (max-width:820px){
  .pp-hero{padding-top:44px}
  .pp-h1{font-size:38px;line-height:44px;letter-spacing:-1.4px}
  html[dir=rtl] .pp-h1{font-size:34px;line-height:52px}
  .pp-sub{font-size:16px;line-height:25px}
  .pp-h2{font-size:30px;line-height:38px;letter-spacing:-1px}
  html[dir=rtl] .pp-h2{font-size:28px;line-height:44px}
  .pp-sec{padding-top:56px}
  .pp-fin h2{font-size:32px;line-height:40px}
  html[dir=rtl] .pp-fin h2{font-size:30px;line-height:46px}
}
@media (max-width:640px){
  .pp-menu{display:none}
  .pp-tbl{margin-top:24px}
  .pp-tbl col.f{width:31%}
  .pp-tbl thead th{padding:12px 3px;font-size:14px;line-height:20px}
  .fq .pp-tbl thead .q-btn{font-size:12px;padding:6px 4px;border-radius:7px;margin-top:8px}
  .pp-tbl tbody th,.pp-tbl td{padding:12px 4px;font-size:12.5px;line-height:18px}
  .pp-tbl td small{font-size:11.5px;line-height:16px}
  .pp-tbl tr.grp th{padding:16px 4px 8px}
  .pp-faq summary{font-size:16px;line-height:24px}
  .pp-fin__in{border-radius:22px;padding:44px 18px 48px}
  .pp-fr{flex-direction:column;align-items:flex-start}
}

/* ================= home pricing teaser (page 5, section "pricing") ================= */
.fq-hp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:48px auto 0;align-items:stretch}
.fq .fq-hp__card{display:flex;flex-direction:column;gap:14px;padding:26px 24px;border:1px solid #e8e8e8;border-radius:20px;background:#fff;color:#202020;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.fq .fq-hp__card:hover{border-color:#cfcfd4;transform:translateY(-2px);box-shadow:0 14px 34px -18px rgba(16,24,40,.25)}
.fq-hp__card .nm{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.fq-hp__card .nm b{font-size:21px;line-height:28px;font-weight:650;letter-spacing:-.5px}
.fq-hp__card .nm i{font-style:normal;font-family:var(--ar);font-size:15px;color:#838383}
.fq-hp__card .nm em{font-style:normal;font-family:var(--inter);font-size:12px;font-weight:600;line-height:16px;padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(100deg,#7a3cf0 0%,#c43be0 45%,#ff3d8f 100%)}
.fq-hp__card .pr{font-family:var(--jak);font-size:44px;line-height:48px;font-weight:700;letter-spacing:-1.4px}
.fq-hp__card .pr small{font-family:var(--inter);font-size:14px;font-weight:500;letter-spacing:-.1px;color:#838383}
.fq-hp__card .ds{font-family:var(--inter);font-size:14px;line-height:21px;color:#646464}
.fq .fq-hp__card.pop{background:#0b0b0c;border-color:#0b0b0c;color:#fff}
.fq-hp__card.pop .nm i,.fq-hp__card.pop .pr small{color:#9a9aa0}
.fq-hp__card.pop .ds{color:#c8c8cc}
.fq-hp__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:32px}
.fq-hp__note{margin-top:16px!important;text-align:center;font-family:var(--inter);font-size:13px;line-height:20px;color:#838383}
@media (max-width:820px){.fq-hp__grid{grid-template-columns:1fr;max-width:440px;margin-top:36px}}
.pp-pop .pp-fh svg .pl{stroke:#0b0b0c}

/* ================= v2 (2026-10-30): in-depth plan features, AI team section, big compare table ================= */
.pp-i{display:block;flex:none}
/* plan cards: grouped features, each with a bold name + one-line benefit */
.pp-feat .pp-grp{padding:16px 24px 0}
.pp-feat .pp-grp+.pp-grp{margin-top:16px;border-top:1px solid #f1f1f3}
.pp-pop .pp-feat .pp-grp+.pp-grp{border-top-color:#1e1e21}
.pp-gh{display:flex;align-items:center;gap:9px;font-size:12.5px;line-height:18px;font-weight:650;letter-spacing:.35px;text-transform:uppercase;color:#202020}
html[dir=rtl] .pp-gh{font-size:13.5px;font-weight:600;text-transform:none}
.pp-gh .pp-i{width:24px;height:24px;padding:4px;border-radius:7px;background:#f3f0ff;color:#6647f0}
.pp-pop .pp-gh{color:#fff}
.pp-pop .pp-gh .pp-i{background:rgba(122,60,240,.28);color:#d4c7ff}
.pp-grp--no .pp-gh .pp-i{background:#fdeeee;color:#e5484d}
.pp-feat .pp-grp ul{gap:12px;padding:12px 0 0!important}
.pp-feat li>span{display:block;min-width:0}
.pp-feat li b{font-weight:600;color:#202020}
.pp-feat li small{display:block;margin-top:2px;font-size:13px;line-height:19px;color:#6b6b72}
.pp-pop .pp-feat li b{color:#fff}
.pp-pop .pp-feat li small{color:#a3a3ab}
.pp-feat li.pp-no small{color:#8a8a90}
/* "also includes everything in <plan>" chips + bottom CTA (desktop; phones show it once the card is opened) */
.pp-feat .pp-grp ul.pp-chips{display:flex;flex-wrap:wrap;gap:6px}
.pp-feat .pp-chips li{display:block;padding:5px 10px;border-radius:999px;background:#f3f3f5;font-size:12.5px;line-height:17px;color:#3a3a40}
.pp-pop .pp-feat .pp-chips li{background:#1c1c1f;color:#e4e4e7}
.pp-grp--inc .pp-gh .pp-i{background:#eef8f2;color:#1a7f4b}
.pp-pop .pp-grp--inc .pp-gh .pp-i{background:rgba(26,127,75,.25);color:#7ee2a8}
.pp-bot{padding:0 24px 24px}
.fq .pp-bot .pp-cta{margin-top:0}
@media (max-width:960px){.pp-bot{display:none}.pp-card.open .pp-bot{display:block;padding:0 20px 8px}}

/* AI team section (dark panel, Growth look) */
.pp-ai__in{position:relative;overflow:hidden;border-radius:28px;background:#0b0b0c;color:#fff;padding:60px 44px 44px;text-align:center}
.pp-ai__in::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#7a3cf0,#c43be0,#ff3d8f,#ff7a3a)}
.pp-ai__in::after{content:"";position:absolute;top:-200px;left:50%;width:760px;max-width:100%;height:380px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(122,60,240,.33),rgba(122,60,240,0));pointer-events:none}
.pp-ai__in>*{position:relative;z-index:1}
.pp-eye{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:13px;line-height:18px;font-weight:600;color:#e6e0ff}
.pp-eye .pp-i{width:16px;height:16px;color:#c9b8ff}
.pp-ai .pp-h2{margin-top:18px!important;color:#fff}
.pp-ai .pp-h2 .q-g{color:#9a9aa0}
.pp-ai .pp-sub2{max-width:700px;margin-left:auto!important;margin-right:auto!important;color:#b3b3b8}
.pp-ais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px;text-align:start}
.pp-aic{display:flex;flex-direction:column;background:#151517;border:1px solid #232326;border-radius:18px;padding:22px 20px 18px;transition:border-color .2s,transform .2s var(--ease)}
.pp-aic:hover{border-color:#3a3a40;transform:translateY(-2px)}
.pp-aic .ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#7a3cf0 0%,#c43be0 55%,#ff3d8f 100%);color:#fff;box-shadow:0 10px 24px -10px rgba(196,59,224,.7)}
.pp-aic .ic .pp-i{width:22px;height:22px}
.pp-aic h3{margin-top:16px!important;font-size:17px;line-height:24px;font-weight:650;color:#fff}
html[dir=rtl] .pp-aic h3{font-weight:600}
.pp-aic p{flex:1;margin-top:8px!important;font-size:13.5px;line-height:21px;color:#b3b3b8}
.pp-aic .lim{display:grid;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid #26262a}
.pp-aic .lim div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;line-height:18px}
.pp-aic .lim dt{color:#8a8a90;font-weight:500}
.pp-aic .lim dd{color:#fff;font-weight:600;text-align:end}
.pp-free{margin-top:24px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid #232326;text-align:start}
.pp-free .t{display:flex;align-items:center;gap:8px;font-size:14px;line-height:21px;color:#c8c8cc}
.pp-free .t b{font-weight:650;color:#fff}
.pp-free .t .pp-i{width:18px;height:18px;color:#c9b8ff}
.pp-free ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px!important}
.pp-free li{padding:7px 12px;border-radius:999px;background:#1c1c1f;border:1px solid #2a2a2e;font-size:13px;line-height:18px;color:#ececec}

/* compare: section heading, open by default, show/hide label, row descriptions, group icons */
.pp-sec--cmp .pp-cmp{margin-top:26px}
.fq .pp-cmp>summary{font-size:15px;padding:10px 18px}
.pp-cmp .pp-hid,.pp-cmp[open] .pp-shw{display:none}
.pp-cmp[open] .pp-hid{display:inline}
.pp-tbl tbody th small{display:block;margin-top:2px;font-size:12.5px;line-height:18px;font-weight:400;color:#8a8a90}
.pp-gt{display:inline-flex;align-items:center;gap:9px}
.pp-gt .pp-i{width:24px;height:24px;padding:4px;border-radius:7px;background:#f3f0ff;color:#6647f0;text-transform:none}
.pp-tbl tbody tr:not(.grp):hover>*{background:#fafafa}
.pp-tbl tbody tr:not(.grp):hover>.pop{background:#f5f4ff}

/* phones: clipped feature lists + "See all features" (only when pricing.js has run) */
.fq .pp-more{display:none}
@media (max-width:960px){
  body.pp-js .pp-card:not(.open) .pp-feat{position:relative;max-height:540px;overflow:hidden;padding-bottom:0}
  body.pp-js .pp-card:not(.open) .pp-feat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff 82%);pointer-events:none}
  body.pp-js .pp-pop:not(.open) .pp-feat::after{background:linear-gradient(rgba(11,11,12,0),#0b0b0c 82%)}
  body.pp-js.fq .pp-more{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 20px 22px;padding:12px 16px;border-radius:12px;background:#f0f0f0;font-size:15px;font-weight:600;line-height:22px;color:#202020;cursor:pointer}
  body.pp-js.fq .pp-pop .pp-more{background:#1c1c1f;color:#fff}
  .pp-more .c,.pp-card.open .pp-more .o{display:none}
  .pp-card.open .pp-more .c{display:inline}
  .pp-more svg{width:14px;height:14px;transition:transform .25s var(--ease)}
  .pp-card.open .pp-more svg{transform:rotate(180deg)}
}

@media (max-width:1100px){.pp-ais{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .pp-ai__in{padding:44px 18px 20px;border-radius:22px}
  .pp-ais{margin-top:30px;gap:12px}
}
@media (max-width:640px){
  .pp-ais{grid-template-columns:1fr}
  .pp-feat .pp-grp{padding:16px 20px 0}
  .pp-tbl tbody th small{font-size:11.5px;line-height:16px}
  .pp-tbl tr.grp th{font-size:12px}
  .pp-gt{gap:6px}
  .pp-gt .pp-i{width:20px;height:20px;padding:3px}
  .pp-free{padding:16px}
}