/* PWRWork 1.16.1 home: release, paths, per-plan perks and comparison tables. Uses the theme tokens of professional.css. */
.release-section{border-top:1px solid var(--line)}
.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.release-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:22px}
.release-card h3{font-size:15px;margin:0 0 10px}
.release-card p{font-size:13px;margin:0;color:var(--body-text,var(--muted))}
.release-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.release-foot p{margin:0;font-size:13px;max-width:640px}
.release-links{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}

.paths-section{border-top:1px solid var(--line)}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto}
.path-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:28px;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.path-card:hover,.path-card:focus-visible{border-color:var(--accent);transform:translateY(-2px)}
.path-card h3{font-size:22px;margin:0}
.path-card p{font-size:13px;margin:0}
.path-card b{margin-top:auto;padding-top:8px;color:var(--accent);font-size:14px}

.ai-features li.ai-soon{opacity:.62}
.ai-features li.ai-soon::before{content:'◷'}

.plan-perks{list-style:none;padding:0;margin:18px 0 0;font-size:12px;display:grid;gap:8px}
.plan-perks li{position:relative;padding-left:18px}
.plan-perks li::before{content:'✓';position:absolute;left:0;color:var(--green)}
.plan-tag.plan-tag-soft{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.included-title{font-size:14px;margin:40px 0 0}
.included-title + .included{margin-top:16px}

.compare-section{border-top:1px solid var(--line)}
.compare-title{font-size:16px;margin:36px 0 14px}
.compare-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper);-webkit-overflow-scrolling:touch}
.compare-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.compare-table{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}
.compare-table th,.compare-table td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table thead th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.compare-table tbody th{font-weight:600;width:28%}
.compare-table td{width:24%}
.compare-table .hl{color:var(--accent)}
.compare-table .yes{color:var(--green);font-weight:700}
.compare-note{font-size:12px;color:var(--muted);margin:18px 0 0}

.faq-side{font-size:13px;color:var(--muted);margin-top:18px}

@media (max-width:1000px){.release-grid{grid-template-columns:1fr 1fr}.release-foot{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){.path-grid{grid-template-columns:1fr}.path-card{padding:22px}.compare-table th,.compare-table td{padding:11px 12px}}
@media (max-width:560px){.release-grid{grid-template-columns:1fr}.release-foot{padding:18px}}

.shots-track{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.shots-track{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.shots-track{grid-template-columns:1fr}}
@media (min-width:900px){.ai-price-details{grid-template-columns:repeat(3,1fr)}}
