.pricing-section { background: var(--amber-95-c5); color: var(--green-20); }.pricing-section h2 > span { color: var(--green-50-c17-h138); }.pricing-section .section-top > p { color: var(--green-41-c15); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.price-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--green-81-c9); border-radius: 15px; padding: 28px; background: var(--gray-99); }

.price-card h3 { font-size: 27px; letter-spacing: -.8px; margin: 0; }
.price-audience { color: var(--green-46-c15); font-size: 15px; line-height: 1.65; min-height: 48px; margin: 14px 0 22px; }.featured .price-audience { color: var(--green-84-c17); }
.price-amount { font-family: 'Space Grotesk', sans-serif; font-size: 60px; letter-spacing: -3px; margin: 0 0 22px; line-height: 1.1; }
.price-amount > span { font-family: Manrope, sans-serif; font-size: 14px; letter-spacing: 0; margin-left: 8px; }
.edition-accounts { padding: 18px 0; margin-bottom: 22px; border-block: 1px solid var(--green-84-c11); }.featured .edition-accounts { border-color: var(--green-45-c23); }
.account-allowance { display: flex; gap: 10px; align-items: center; margin: 0; color: inherit; font-size: 14px; line-height: 1.65; }.account-allowance + .account-allowance { margin-top: 14px; }
.account-allowance > .icon { flex-shrink: 0; color: var(--green-53-c30); font-size: 22px; }.featured .account-allowance > .icon { color: var(--lime-86); }
.account-allowance > strong { flex-shrink: 0; font-size: 22px; font-weight: 700; letter-spacing: -.5px; }.account-allowance > span { min-width: 0; overflow-wrap: anywhere; color: var(--green-41-c20); }.featured .account-allowance > span { color: var(--green-87); }
.price-card .marketing-button { margin-top: auto; width: 100%; font-size: 15px; padding: 9px 9px 9px 22px; gap: 12px; }
.price-card.featured .marketing-button { background: var(--lime-91); color: var(--green-27); border-color: var(--lime-91); box-shadow: none; }.price-card.featured .marketing-button .action-arrow { background: var(--green-27); color: var(--amber-98); }
.price-card.featured .marketing-button:hover { background: var(--lime-95); border-color: var(--lime-95); color: var(--green-27); }
.pricing-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; margin-top: 24px; }.pricing-details-grid > .disclosure-panel { margin-top: 0; min-width: 0; }.pricing-details-grid > details[open] { grid-column: 1 / -1; }
.pricing-details-grid > .disclosure-panel > summary { font-size: 14px; padding-block: 19px; }
.pricing-shared-tools h3 { font-size: 25px; margin: 15px 0 25px; }
.pricing-shared-tools .price-available { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 28px; }
.pricing-shared-tools li { display: flex; align-items: start; gap: 10px; color: var(--green-37-c26); font-size: 15px; line-height: 1.7; }.pricing-shared-tools li .icon { flex-shrink: 0; margin-top: 4px; color: var(--green-53-c30); }
.early-access-note { display: flex; align-items: baseline; gap: 12px; max-width: 950px; margin: 26px auto 0; padding: 20px 24px; border: 1px solid var(--green-82-c13); border-radius: 9px; background: var(--green-94); }.early-access-note p { color: var(--green-38-c20); font-size: 14px; line-height: 1.85; margin: 0; }.early-access-note strong { color: var(--green-28); margin-right: 5px; }.early-access-note .live-dot { flex-shrink: 0; background: var(--green-50-c32-h129); }
.plan-roadmap { margin-top: 50px; padding: 32px; background: var(--violet-89); border: 1px solid var(--violet-77); border-radius: 14px; color: var(--violet-22-c17); }.plan-roadmap-header { display: flex; justify-content: space-between; gap: 20px; align-items: start; }.plan-roadmap h3 { font-size: 29px; margin: 10px 0 15px; letter-spacing: -1px; }.plan-roadmap-header > span { font-size: 13px; border: 1px solid var(--violet-65); padding: 8px 10px; border-radius: 5px; white-space: nowrap; }.plan-roadmap > p { font-size: 16px; line-height: 1.75; max-width: 800px; color: var(--violet-38); }.plan-roadmap-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 25px; }.plan-roadmap h4 { font-size: 18px; margin: 12px 0; }.plan-roadmap-grid p { font-size: 15px; line-height: 1.75; color: var(--violet-38); margin: 0; }.plan-roadmap-grid .icon { font-size: 27px; color: var(--violet-46); }


.faq-section { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.5fr); gap: clamp(32px, 6vw, 88px); align-items: start; background: var(--violet-91); color: var(--violet-23); --disclosure-line: var(--violet-79); }
.faq-intro .eyebrow { margin-top: 0; color: var(--violet-41); }
.faq-intro h2 { font-size: clamp(34px, 3.2vw, 46px); margin: 16px 0 24px; }.faq-intro h2 > span { color: var(--violet-45); }
.faq-intro .faq-note { color: var(--violet-41); font-size: 16px; line-height: 1.75; margin: 0; }
.faq-list { display: block; min-width: 0; }
.faq-list > .disclosure-panel { margin: 0; border: 0; border-top: 1px solid var(--disclosure-line); border-radius: 0; background: transparent; }
.faq-list > .disclosure-panel:last-child { border-bottom: 1px solid var(--disclosure-line); }
.faq-list > details > summary { min-height: 64px; padding: 20px 0; gap: 24px; color: var(--violet-26); font-size: 16px; }
.faq-list > details > summary > .icon { color: var(--violet-41); font-size: 20px; }
.faq-list > details[open] > summary > .icon { transform: rotate(45deg); }
.faq-list > details > .disclosure-content { padding: 0 40px 24px 0; color: var(--violet-36); font-size: 15px; line-height: 1.8; }
.faq-list .disclosure-content > p { max-width: 65ch; margin: 0; }
.faq-list .disclosure-content a { color: inherit; text-underline-offset: 4px; }

@media (width <= 900px) { .marketing .faq-section { grid-template-columns: minmax(0, 1fr); gap: 28px; }.faq-intro .faq-note { display: none; } }

@media (width <= 1100px) { .story-grid { gap: 18px; }.feature-story-copy { padding: 22px; }.feature-story h3 { font-size: 25px; }.feature-story-visual { height: 210px; }.price-card { padding: 24px 20px; }.price-card .marketing-button { font-size: 14px; } }

@media (width <= 900px) { .pricing-grid { gap: 16px; }.price-card h3 { font-size: 24px; }.price-amount { font-size: 50px; }.price-audience { font-size: 14px; }.price-seats { font-size: 15px; }.plan-roadmap-grid { gap: 18px; } }

@media (width <= 700px) { .story-grid, .pricing-grid { grid-template-columns: 1fr; gap: 20px; }.feature-story-visual { height: 215px; }.feature-story-copy { padding: 24px; }.feature-story h3 { font-size: 29px; }.feature-story p { font-size: 16px; }.price-card { padding: 26px; }.price-card h3 { font-size: 29px; }.price-amount { font-size: 56px; }.price-audience { min-height: 0; font-size: 16px; }.price-seats { font-size: 16px; }.plan-roadmap-grid { grid-template-columns: 1fr; }.plan-roadmap-header { flex-direction: column; }.early-access-note { padding: 20px; } }
.roadmap-art { width: 40px; height: 40px; stroke: var(--violet-46); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.plan-roadmap .eyebrow { text-transform: uppercase; }



@media (width <= 900px) { .account-allowance { gap: 8px; }.account-allowance > strong { font-size: 20px; }.price-card { padding: 24px 20px; }.pricing-shared-tools .price-available { grid-template-columns: 1fr 1fr; } }

@media (width <= 700px) { .price-audience { margin-bottom: 18px; }.edition-accounts { padding-block: 16px; }.price-card { padding: 25px; }.pricing-details-grid { grid-template-columns: 1fr; gap: 0; }.pricing-shared-tools .price-available { grid-template-columns: 1fr; } }



.pricing-section h2 { font-size: clamp(34px, 3.5vw, 50px); }.pricing-section .section-top { margin-bottom: 28px; }

@media (width >= 701px) and (width <= 1000px) { .pricing-grid { grid-template-columns: 1fr; gap: 16px; }.price-card { display: grid; grid-template-columns: 1.2fr 1fr; gap: 12px 28px; padding: 26px; }.price-card h3 { grid-column: 1; grid-row: 1; font-size: 27px; }.price-audience { grid-column: 1; grid-row: 2; margin: 0; min-height: 0; font-size: 15px; }.price-amount { grid-column: 2; grid-row: 1 / 3; place-self: center end; font-size: 52px; margin: 0; white-space: nowrap; }.edition-accounts { display: flex; flex-wrap: wrap; gap: 18px 32px; grid-column: 1 / -1; margin: 6px 0 0; padding-block: 16px; }.account-allowance + .account-allowance { margin: 0; }.price-card .marketing-button { grid-column: 1 / -1; margin: 0; } }


.product-section { background: var(--amber-95-c5); color: var(--green-26); }
.product-section h2 > span { color: var(--green-50-c24-h126); }
.tour-context { color: var(--green-41-c20); font-size: 14px; line-height: 1.8; max-width: 760px; }
.tour-navigation { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-block: 20px 32px; }
.tour-navigation a { color: var(--green-37-c26); font-size: 14px; font-weight: 650; text-underline-offset: 5px; }
.product-chapter { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 28px; padding-block: 56px; border-top: 1px solid var(--green-82-c13); scroll-margin-top: 32px; }
.chapter-copy { padding-right: clamp(0px, 2vw, 32px); }
.chapter-copy > .eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--green-41-c20); }
.chapter-copy > .eyebrow > .icon { font-size: 21px; }
.chapter-copy > h3 { font-size: clamp(29px, 2.8vw, 42px); line-height: 1.16; letter-spacing: -1px; margin: 0 0 22px; max-width: 17ch; }
.chapter-description { font-size: 17px; line-height: 1.85; color: var(--green-37-c26); margin: 0 0 24px; max-width: 48ch; }
.chapter-tools > article > .disclosure-panel { margin: 0; border-radius: 0; border: 0; border-top: 1px solid var(--green-82-c13); background: transparent; }
.chapter-tools > article:last-of-type > .disclosure-panel { border-bottom: 1px solid var(--green-82-c13); }
.chapter-tools .disclosure-panel > summary { padding-block: 17px; gap: 12px; font-size: 15px; }
.product-chapter .chapter-tools .workflow-detail > summary > .icon { font-size: 19px; color: var(--green-41-c20); }
.chapter-tools summary h4 { font: inherit; font-weight: 650; margin: 0; }
.chapter-tools .disclosure-content { color: var(--green-37-c26); font-size: 14px; line-height: 1.8; }
.chapter-tools .workflow-detail-body { padding: 0; }
.chapter-tools .workflow-detail-body p { font-size: 14px; line-height: 1.8; color: var(--green-37-c26); }
.chapter-tools .workflow-detail-body small, .chapter-tools .workflow-heading { color: var(--green-41-c20); }
.chapter-tools .editorial-link { display: inline-flex; margin-top: 22px; }
.product-capture { min-width: 0; margin: 0; }
.product-capture a { display: block; border: 1px solid var(--green-82-c13); border-radius: 12px; overflow: hidden; background: var(--green-24); }
.product-capture a:focus-visible { outline: 3px solid currentcolor; outline-offset: 5px; }
.product-capture img { display: block; width: 100%; height: auto; }
.product-capture figcaption { margin-top: 12px; color: var(--green-37-c26); font-size: 13px; font-weight: 650; }
.product-chapter > .portal-access-details { grid-column: 1 / -1; margin: 0; }
.tour-roadmap { background: var(--green-26); color: var(--lime-96); }
.tour-roadmap .tour-context { color: var(--green-84-c17); }
.tour-roadmap > .disclosure-panel { margin: 0; }

@media (width >= 901px) { .product-chapter:nth-child(even) > .chapter-copy { grid-column: 2; grid-row: 1; padding: 0 0 0 clamp(0px, 2vw, 32px); }.product-chapter:nth-child(even) > .product-capture { grid-column: 1; grid-row: 1; } }

@media (width <= 900px) { .product-chapter { grid-template-columns: minmax(0, 1fr); gap: 28px; }.chapter-copy { padding: 0; }.chapter-copy > h3 { max-width: 23ch; }.chapter-description { max-width: 60ch; } }

@media (width <= 650px) { .product-chapter { padding-block: 36px; }.product-capture a { border-radius: 8px; }.chapter-description { font-size: 16px; }.tour-navigation { gap: 14px 22px; padding-bottom: 22px; } }