/* Poly A1 — blocks added to the homepage, /app/ and /business/ on 18.10.2026 (the product reconciliation, package A).
   Uses the tokens of site.css; loaded after it, only by those pages. Remove the block with the page markup that uses it. */

.pa-tag { margin: 14px auto 0; max-width: 40ch; font-size: clamp(1.05rem, 1.8vw, 1.35rem); font-weight: 600; color: var(--pink); }
.hm-hero h1 { max-width: 20ch; margin-inline: auto; }
.pa-fresh { margin-top: 10px; font-size: .92rem; color: var(--link); }

.l-block.pa { min-height: 0; padding-block: 72px; }
.pa h2 { margin-bottom: 18px; }
.pa .sub { margin-bottom: 36px; }

/* four doors */
.pa-doors-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; max-width: 1180px; margin: 22px auto 0; text-align: left; }
.pa-doors-list a { display: flex; flex-direction: column; gap: 8px; height: 100%; min-height: 44px; padding: 24px 22px; border-radius: 20px; border: 1px solid var(--line); background: var(--surf, rgb(255 255 255 / .03)); transition: transform .25s ease, border-color .25s ease; }
.pa-doors-list a:hover { transform: translateY(-4px); border-color: rgb(167 139 250 / .45); }
.pa-doors-list small { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--link); }
.pa-doors-list b { font-size: 1.2rem; line-height: 1.25; }
.pa-doors-list span { color: var(--muted); font-size: .98rem; line-height: 1.5; }

/* price: three lines */
.pa-price3 { width: 100%; max-width: 820px; margin: 10px auto 22px; text-align: left; counter-reset: pa; }
.pa-price3 li { position: relative; padding: 14px 18px 14px 56px; margin-bottom: 10px; border-radius: 16px; border: 1px solid var(--line); background: var(--surf, rgb(255 255 255 / .03)); line-height: 1.5; counter-increment: pa; }
.pa-price3 li::before { content: counter(pa); position: absolute; left: 16px; top: 13px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: .9rem; background: var(--grad); color: #fff; }
.pa-note { max-width: 820px; margin: 6px auto 0; color: var(--muted); line-height: 1.55; }
.pa-note.ios { color: var(--text); }
.ah-meta .pa-price3 { margin: 14px 0 12px; max-width: 100%; }
.ah-meta .pa-note { margin: 6px 0 0; }
.ah-meta .pa-price3 li { padding: 10px 14px 10px 48px; font-size: .95rem; }
.ah-meta .pa-price3 li::before { left: 12px; top: 10px; }

/* try one step now */
.pa-try-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; max-width: 1100px; margin: 18px auto 0; text-align: left; }
.pa-card { display: flex; flex-direction: column; gap: 12px; padding: 26px 24px; border-radius: 22px; border: 1px solid var(--line); background: var(--surf, rgb(255 255 255 / .03)); }
.pa-card { min-width: 0; }
.pa-card h3 { font-size: 1.35rem; }
.pa-card .pa-ey { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--link); }
.pa-card .copybox { margin: 0; padding: 16px 18px; border-radius: 14px; border: 1px dashed rgb(240 147 251 / .45); background: rgb(0 0 0 / .18); }
.pa-card .copybox p { line-height: 1.55; font-size: .98rem; overflow-wrap: anywhere; }
.pa-card .copybox .btn { margin-top: 12px; min-height: 44px; }
.pa-card .pa-small { color: var(--muted); font-size: .92rem; line-height: 1.5; }
.pa-card .pa-ex-h { font-size: .82rem; color: var(--muted); }
.pa-sample { max-width: 100%; border-radius: 14px; border: 1px solid var(--line); overflow-x: auto; }
.pa-sample table { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 440px; }
.pa-sample th, .pa-sample td { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--line); }
.pa-sample th { color: var(--muted); font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.pa-sample tr:last-child td { border-bottom: 0; }
.pa-sample code { font: .85rem ui-monospace, Menlo, monospace; color: var(--teal); }
.pa-quote { padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: rgb(0 0 0 / .18); line-height: 1.55; font-size: .96rem; }
.pa-result { padding-top: 4px; font-weight: 600; color: var(--teal); line-height: 1.45; }

/* size and freshness lines */
.pa-size { max-width: 62ch; margin: 18px auto 0; color: var(--muted); line-height: 1.55; font-size: 1.02rem; text-align: center; }

/* Why Poly */
.pa-why { width: 100%; max-width: 860px; margin: 8px auto 0; text-align: left; }
.pa-why li { position: relative; padding: 14px 4px 14px 36px; border-bottom: 1px solid var(--line); line-height: 1.55; }
.pa-why li::before { content: ""; position: absolute; left: 6px; top: 22px; width: 10px; height: 10px; border-radius: 50%; background: var(--grad); }
.pa-why li.priv { border-bottom: 0; color: var(--text); }
.pa-badge { display: inline-block; margin: 0 auto 16px; padding: 7px 14px; border-radius: 999px; border: 1px solid rgb(78 205 196 / .5); background: rgb(78 205 196 / .12); color: var(--teal); font-weight: 600; font-size: .9rem; }
.pa-bridge { max-width: 64ch; margin: 0 auto 22px; color: var(--muted); font-size: 1.1rem; line-height: 1.6; }
.pa-bridge-h { font-size: clamp(1.3rem, 2.4vw, 1.8rem); font-weight: 700; margin-bottom: 10px; }

/* extra lists (computer extras, plugins, glossary) */
.pa-list { width: 100%; max-width: 860px; margin: 10px auto 0; text-align: left; }
.pa-list li { padding: 12px 4px; border-bottom: 1px solid var(--line); line-height: 1.55; color: var(--muted); }
.pa-list li b { color: var(--text); }
.pa-list.gloss li { padding: 8px 4px; }

/* app: job cards with the result line */
.pa-jobs { display: grid; gap: 10px; margin: 0 0 22px; text-align: left; }
.pa-jobs li { padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: var(--surf, rgb(255 255 255 / .03)); line-height: 1.45; }
.pa-jobs b { display: block; margin-bottom: 4px; }
.pa-jobs em { font-style: normal; color: var(--teal); font-size: .95rem; }
.pa-jobs-link { margin-top: 6px; }
.pa-jobs-link a { color: var(--link); text-decoration: underline; text-underline-offset: 3px; }

/* /business/: the result line of each plugin */
.pa-does { margin-top: 6px; line-height: 1.5; }
.pa-does b { color: var(--teal); }

/* reviews (filled from site/reviews/<lang>.json by build-llms.py; hidden while the file is empty) */
.pa-reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; width: 100%; max-width: 1100px; margin: 18px auto 0; text-align: left; }
.pa-reviews figure { padding: 22px 22px; border-radius: 18px; border: 1px solid var(--line); background: var(--surf, rgb(255 255 255 / .03)); }
.pa-reviews blockquote { line-height: 1.55; }
.pa-reviews figcaption { margin-top: 12px; color: var(--muted); font-size: .9rem; }

@media (max-width: 900px) {
  .pa-doors-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pa-try-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 576px) {
  .l-block.pa { padding-block: 52px; }
  .pa-doors-list { grid-template-columns: minmax(0, 1fr); }
  .pa-card { padding: 20px 16px; }
}
.pa-sample td:first-child { white-space: nowrap; }

/* 18.10.2026 (P7): "AI is already on your phone" blocks — three-column card row, a full-width words card, a week list */
.pa-trio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pa-card.pa-wide { grid-column: 1 / -1; }
.pa-card .hero-btns { margin-top: auto; }
.pa-week { width: 100%; max-width: 820px; margin: 14px auto 0; text-align: left; display: grid; gap: 10px; }
.pa-week li { padding: 12px 18px; border-radius: 14px; border: 1px solid var(--line); background: var(--surf, rgb(255 255 255 / .03)); line-height: 1.5; }
.pa-q { margin-top: 26px; font-weight: 700; font-size: 1.15rem; }
.pa-checked { margin-top: 14px; color: var(--muted); font-size: .9rem; }
.pa-ai .pa-try-grid, .pa-smart .pa-try-grid, .pa-lap .pa-try-grid { max-width: 1180px; }
@media (max-width: 900px) { .pa-trio { grid-template-columns: minmax(0, 1fr); } }

/* 19.10: first screen = result, three things, one button; the long text is under "More" */
.pa-do-h { margin: 18px auto 0; font-weight: 700; max-width: 46ch; }
.pa-do { list-style: none; margin: 8px auto 0; padding: 0; max-width: 46ch; display: grid; gap: 8px; text-align: left; }
.pa-do li { position: relative; padding: 10px 14px 10px 40px; border-radius: 12px; border: 1px solid var(--line); line-height: 1.4; }
.pa-do li::before { content: "\2713"; position: absolute; left: 14px; color: var(--pink); font-weight: 700; }
.pa-hero-btn { margin-top: 18px; }
.pa-more-d { margin: 14px auto 0; max-width: 46ch; text-align: left; }
.pa-more-d > summary { cursor: pointer; color: var(--pink); font-weight: 600; }
.pa-more-d > .sub, .pa-more-d > p { margin-top: 10px; }
.pa-tag-old { margin-top: 8px; }
.l-block .pa-more-d { max-width: 820px; }
.pa-do-h { margin-top: 10px; }
.pa-do li { padding: 7px 12px 7px 36px; font-size: .95rem; }
.pa-do li::before { left: 12px; }
.hm-hero .pa-tag { margin-top: 8px; }
.pa-hero-btn { margin-top: 12px; }
@media (min-width: 900px) {
  .pa-do { max-width: 960px; grid-template-columns: repeat(3, 1fr); }
  .pa-do-h { max-width: 960px; }
}

/* 19.10 (Z-048/Z-080, fix): the Google Play button stays on the first screen in all 11 languages, 390x844 and 1280x800.
   Tighter spacing and type only; nothing is removed. Footer plaques wrap instead of widening the page. */
.x-hero.hm-hero { padding-block: 18px 36px; }
.x-hero.hm-hero .copy { gap: 10px; }
.x-hero.hm-hero h1 { font-size: clamp(1.9rem, 3.3vw, 2.7rem); max-width: 30ch; }
.x-hero.hm-hero .pa-tag { max-width: 64ch; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.x-hero.hm-hero .pa-do-h { margin-top: 4px; }
.ah-meta > * { order: 4; }
.ah-meta .trust { order: 3; }
.ah-meta .dl-free { order: 1; }
.ah-meta .stores { order: 2; }
.site-footer .stores-foot .store { max-width: 100%; white-space: normal; text-align: center; }
@media (max-width: 576px) {
  .viz.is-small { height: 15vh; min-height: 110px; }
  .x-hero.hm-hero { padding-block: 10px 28px; }
  .x-hero.hm-hero .copy, .ah-copy { gap: 8px; }
  .x-hero.hm-hero .kicker { font-size: 11px; letter-spacing: 1.2px; line-height: 1.35; }
  .x-hero.hm-hero h1 { font-size: clamp(1.6rem, 7.2vw, 1.9rem); line-height: 1.08; }
  .x-hero.hm-hero .pa-tag, .ah .hero-what { max-width: none; font-size: .98rem; line-height: 1.35; }
  .pa-do { gap: 5px; }
  .pa-do li, .ah .pa-do li { padding: 4px 10px 4px 30px; font-size: .88rem; line-height: 1.3; }
  .pa-do li::before { left: 10px; }
  .pa-hero-btn { margin-top: 6px; }
  .ah { padding-top: 14px; row-gap: 8px; }
  .ah h1 { font-size: clamp(1.7rem, 7.6vw, 2rem); }
  .ah-meta { gap: 6px; }
  .ah-meta .dl-free { margin: 4px 0 -8px; }
}