/* Product content and buying guide, scoped away from the homepage animation. */
:is(.pos-page,.guide-page) { --accent:#7c4db1; }
:is(.pos-page,.guide-page) a:focus-visible,
.pos-page summary:focus-visible { outline:3px solid #b684e4; outline-offset:5px; }
.pos-page [id],.guide-page [id] { scroll-margin-top:24px; }
.pos-page .hero .logo { filter:brightness(0) invert(1); }
.pos-page .hero-art img { height:auto; }
.pos-page .hero-grid>div { min-width:0; }
.pos-page .eyebrow:not(.hero .eyebrow) { color:#7c4db1; }
.pos-page .section h2 { font-size:clamp(30px,4vw,48px); line-height:1.15; }
.pos-page .section h3 { margin:0 0 12px; font-size:21px; letter-spacing:-.02em; }
.pos-page .section-nav { display:flex; flex-wrap:wrap; gap:12px; padding-top:30px; }
.pos-page .section-nav a { display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; border:1px solid #e9e1ef; border-radius:99px; text-decoration:none; font-size:14px; color:#63328f; background:#fff; }
.pos-page .pos-overview { padding-bottom:0; }
.pos-page .use-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:36px; }
.pos-page .use-cases article { border-top:2px solid #c3a4df; padding-top:22px; }
.pos-page .use-cases p,.pos-page .workflow p { color:#6c6572; line-height:1.75; margin-bottom:0; }
.pos-page .workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:0; margin:36px 0 0; list-style:none; counter-reset:flow; }
.pos-page .workflow li { counter-increment:flow; padding:26px; border:1px solid #e9e1ef; border-radius:24px; background:#fff; }
.pos-page .workflow li::before { content:"0" counter(flow); display:block; margin-bottom:18px; color:#7c4db1; font-size:14px; font-weight:800; letter-spacing:.12em; }
.pos-page .buying-guide,.pos-page .faq-layout { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.pos-page .buying-checklist { list-style:none; padding:0; margin:0; }
.pos-page .buying-checklist li { padding:20px 0; border-bottom:1px solid #e9e1ef; color:#6c6572; line-height:1.75; }
.pos-page .buying-checklist li:first-child { padding-top:0; }
.pos-page .buying-checklist strong { color:#17121c; }
.pos-page .text-link,.pos-page .faq-list a { color:#63328f; text-underline-offset:4px; font-weight:700; }
.pos-page .faq-list details { border-bottom:1px solid #e9e1ef; padding:20px 0; }
.pos-page .faq-list details:first-child { padding-top:0; }
.pos-page .faq-list summary { cursor:pointer; font-size:17px; line-height:1.6; font-weight:700; }
.pos-page .faq-list p { color:#6c6572; line-height:1.8; margin:14px 0 0; }
.pos-page .footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.pos-page .location-panel { padding:36px; border:1px solid #e9e1ef; border-radius:24px; background:#fff; }
.pos-page .hero .price-pill { margin-bottom:10px; }
.pos-page .hero p.billing-caption { margin:0 0 24px; font-size:14px; line-height:1.6; }
.pos-page .billing-options { display:block; }
.pos-page .billing-heading .lead { margin-bottom:30px; }
.pos-page .billing-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.pos-page .billing-plan { padding:30px; border:1px solid #e9e1ef; border-radius:24px; background:#fbf9fd; }
.pos-page .billing-plan.annual-plan { background:linear-gradient(135deg,#271632,#442552); border-color:transparent; color:#fff; }
.pos-page .billing-label { display:block; margin-bottom:28px; font-size:14px; font-weight:800; }
.pos-page .billing-from { display:block; font-size:14px; }
.pos-page .billing-amount { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin:8px 0 16px; }
.pos-page .billing-amount strong { font-size:clamp(32px,4vw,48px); line-height:1.15; letter-spacing:-.04em; }
.pos-page .billing-amount span { font-size:15px; }
.pos-page .billing-plan p { margin:0; font-size:15px; line-height:1.7; color:#6c6572; }
.pos-page .annual-plan p { color:#ffffffd1; }
.pos-page .billing-promo { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:24px; padding:28px; background:#f1e8f9; border-radius:22px; }
.pos-page .billing-promo h3 { color:#54297c; }
.pos-page .billing-promo p { max-width:570px; margin:0; color:#51495a; line-height:1.7; }
.pos-page .billing-promo .button { flex-shrink:0; text-align:center; }
.guide-page .topbar .logo { filter:brightness(0); }
.guide-page .topbar { border-bottom:1px solid #e9e1ef; }
.guide-page .guide-main { width:min(780px,calc(100% - 40px)); margin:0 auto; padding:44px 0 72px; }
.guide-page .breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; color:#6c6572; font-size:13px; margin-bottom:34px; line-height:1.8; }
.guide-page .breadcrumbs a { color:#63328f; }
.guide-page .guide-header h1 { font-size:clamp(34px,5vw,60px); line-height:1.1; letter-spacing:-.04em; margin:0 0 22px; }
.guide-page .eyebrow { color:#7c4db1; }
.guide-page .guide-header p,.guide-page .guide-copy { font-size:17px; color:#51495a; line-height:1.85; }
.guide-page .guide-copy h2 { color:#17121c; margin:42px 0 16px; font-size:clamp(25px,3vw,32px); letter-spacing:-.025em; line-height:1.25; }
.guide-page .guide-copy h3 { color:#17121c; margin:26px 0 12px; font-size:21px; line-height:1.4; }
.guide-page .guide-copy a,.guide-page .guide-nav a { color:#63328f; text-underline-offset:4px; }
.guide-page .guide-copy li { margin-bottom:10px; }
.guide-page .guide-nav,.guide-page .guide-callout { padding:26px; border:1px solid #e9e1ef; border-radius:22px; background:#fff; margin:30px 0; }
.guide-page .guide-nav { display:flex; flex-wrap:wrap; gap:12px 20px; line-height:1.6; font-size:14px; }
.guide-page .guide-copy>a.button { color:#fff; line-height:1.5; }
.guide-page .guide-copy section>a.button { color:#fff; line-height:1.5; }
.guide-page .guide-callout .button { color:#fff; line-height:1.5; }
@media(max-width:820px) {
  .pos-page .topbar nav>a:not(.button) { display:none; }
  .pos-page .use-cases,.pos-page .workflow { grid-template-columns:1fr; }
  .pos-page .buying-guide,.pos-page .faq-layout { grid-template-columns:1fr; gap:28px; }
  .pos-page .billing-promo { flex-direction:column; align-items:flex-start; }
}
@media(max-width:560px) {
  .pos-page .section-nav { gap:8px; padding-top:24px; }
  .pos-page .section-nav a { font-size:13px; padding:8px 12px; }
  .pos-page .price-pill { flex-direction:row; flex-wrap:wrap; align-items:baseline; column-gap:8px; }
  .pos-page .price-pill span { flex-basis:100%; }
  .pos-page .pricing { gap:24px; }
  .pos-page .pricing-price { padding:24px 20px; }
  .pos-page .pricing-price .button { width:100%; padding:12px 16px; text-align:center; }
  .pos-page .location-panel { padding:26px 22px; }
  .pos-page .billing-plans { grid-template-columns:1fr; }
  .pos-page .billing-plan,.pos-page .billing-promo { padding:24px 20px; }
  .pos-page .billing-label { margin-bottom:22px; }
  .pos-page .billing-promo .button { width:100%; padding:12px 16px; }
  .guide-page .guide-main { width:calc(100% - 32px); padding-top:28px; }
  .guide-page .guide-header p,.guide-page .guide-copy { font-size:16px; }
  .guide-page .guide-nav,.guide-page .guide-callout { padding:22px; }
}