/* SolidifAi product pages (site/<product>.html, layout flow site_product_page). Accent = the product's colour from site.css. */
.pp{--accent:var(--c-codifai)}
.pp--personafai{--accent:var(--c-personafai)}.pp--magnifai{--accent:var(--c-magnifai)}.pp--bonifai{--accent:var(--c-bonifai)}
.pp--satisfai{--accent:var(--c-satisfai)}.pp--intensifai{--accent:var(--c-intensifai)}
.pp--edifai{--accent:var(--c-edifai)}.pp--justifai{--accent:var(--c-justifai)}.pp--exemplifai{--accent:var(--c-exemplifai)}
.pp-hero{border-bottom:6px solid var(--accent)}
.pp-hero.sx-hero::before{background:var(--accent);opacity:.6}
.pp-hero .pp-eyebrow{display:flex;align-items:center;color:#dbe4f3}
.pp-name{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px;color:#fff;display:flex;align-items:center}
.pp-mark{display:block;flex:none;width:24px;height:24px;margin-right:10px}
.pp-ai{color:#2cc4b8}
.pp .sx-hero h1{font-size:48px;max-width:900px}
.pp-actions{align-items:center}
.pp-price{color:#c9d5ea;font-weight:600;font-size:17px}
.pp-features{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pp-features li{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);padding:16px 18px 16px 46px}
.pp-features li::before{content:"";position:absolute;left:18px;top:23px;width:12px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.pp-panel,.pp-list{border-top:5px solid var(--accent)}
.pp-panel p{font-size:18px;color:var(--ink)}
.pp-list h3{font-size:22px}
.pp-list-items{list-style:none;margin:0;padding:0}
.pp-list-items li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.pp-list-items li:last-child{border-bottom:0}
.pp-list-items strong{color:var(--ink)}
.pp-list-link{display:inline-flex;align-items:center;text-decoration:none}
.pp-list-link:hover strong{text-decoration:underline}
.pp-quote{margin:0;padding:8px 0 8px 28px;border-left:6px solid var(--accent);max-width:920px}
.pp-quote p{font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin:0}
.pp-moment{border-top:4px solid var(--accent)}
.pp-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}
.pp-tile{background:var(--bg);border-color:var(--line)}
.pp-tile a{color:var(--ink)}
.pp-tile span.sx-tile-d{color:var(--muted)}
.pp-tile:hover{border-color:var(--accent)}
@media (max-width:900px){.pp-features{grid-template-columns:1fr}}
@media (max-width:640px){
.pp .sx-hero h1{font-size:32px}
.pp-name{font-size:21px}
.pp-quote{padding-left:18px}
.pp-quote p{font-size:22px}
.pp-tiles{grid-template-columns:1fr 1fr}
.pp-features li{padding:14px 14px 14px 40px}
.pp-features li::before{left:14px;top:21px}
}