/* Compact, stacked offers with optional detail; the WebApp stays first. */
.pricing-page .page-intro{padding-bottom:30px}
.pricing-page .page-intro .lead{max-width:850px}
.pricing-page .on-this-page{margin-top:22px}
.pricing-page .pricing-offers-section{padding-block:24px}
.pricing-page .pricing-offers-section:first-of-type{padding-top:30px}
.pricing-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.pricing-card{padding:0;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:none}
.pricing-offer-main{display:grid;grid-template-columns:minmax(0,1fr) 175px 220px;align-items:center;gap:26px;padding:25px 28px}
.pricing-offer-main>div{min-width:0}
.pricing-offer-copy h2,.pricing-offer-copy h3{font-size:23px;line-height:1.35;margin:0 0 9px}
.pricing-card .pricing-offer-copy>p:last-child{font-size:15px;line-height:1.6;margin:0;color:var(--muted);max-width:610px}
.pricing-card .rubric-icon{width:38px;height:38px;flex:none;padding:8px}
.pricing-card .rubric-title{gap:12px}
.pricing-offer-price .package-price{font-size:31px;line-height:1.25;font-weight:700;letter-spacing:-.7px;color:var(--ink);margin:0;white-space:nowrap}
.package-price>span{font-size:13px;font-weight:400;letter-spacing:0}
.package-price small{display:block;margin-top:5px;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--muted);white-space:normal}
.pricing-offer-action{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.pricing-offer-action .button{font-size:14px;padding:10px 15px;text-align:center;min-height:44px}
.pricing-card .pricing-offer-action .text-link{margin:0;padding:0;text-align:center;align-self:center;font-size:13px}
.pricing-webapp-start{border-color:#91aebe;background:#f8fbfd}
.pricing-webapp-start .pricing-offer-main{grid-template-columns:minmax(0,1fr) 200px 220px;padding-block:30px}
.pricing-webapp-start .pricing-offer-copy h2{font-size:27px}
.pricing-webapp-start .package-price{font-size:36px}
.pricing-card .pricing-start-setup{margin:9px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}
.pricing-start-setup strong{color:var(--ink);white-space:nowrap}
.pricing-more{border-top:1px solid var(--line)}
.pricing-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 28px;list-style:none;cursor:pointer;font-size:14px;font-weight:650;color:var(--link)}
.pricing-more>summary::-webkit-details-marker{display:none}
.pricing-more>summary::after{content:'+';font-size:22px;font-weight:400;line-height:1;flex:none}
.pricing-more[open]>summary::after{content:'−'}
.pricing-more>summary:hover{background:#edf4f8}
.pricing-more>summary:focus-visible{outline:2px solid var(--link);outline-offset:-3px}
.pricing-more-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;padding:4px 28px 25px}
.pricing-more-content>div{min-width:0}
.pricing-card .pricing-more-content ul{padding-left:20px;font-size:15px;line-height:1.7;margin:0}
.pricing-card .pricing-more-content li+li{margin-top:6px}
.pricing-card .pricing-more-content p{font-size:14px;margin:0 0 12px;color:var(--muted)}
.pricing-card .pricing-more-content .text-link{display:inline-block;margin:0;padding:0;font-size:14px}
.pricing-more-webapp{display:block}
.pricing-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-bottom:20px}
.pricing-breakdown article{min-width:0}
.pricing-breakdown h3{font-size:18px;margin:0 0 8px}
.pricing-breakdown p{font-size:15px;line-height:1.65;margin:0 0 12px}
.pricing-breakdown p:last-child{margin-bottom:0}
.pricing-more-webapp>p:last-child{margin-bottom:0}
.pricing-footnote{font-size:13px;color:var(--muted);margin:19px 0 0;max-width:850px}
.pricing-page .pricing-costs-section{padding-block:24px}
.pricing-costs{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}
.pricing-costs>summary{font-size:18px;padding:20px 28px}
.pricing-costs-content{padding:0 28px 25px}
.pricing-costs-content>p{font-size:15px;margin:0 0 23px;max-width:850px}
.pricing-terms{border-top:1px solid var(--line);padding-top:18px;font-size:14px;color:var(--muted)}
.pricing-terms strong{color:var(--ink)}
.pricing-terms p{margin:7px 0 0}
.pricing-costs-content .actions{margin-top:20px}
.pricing-costs-content .button{font-size:14px}
.pricing-page .pricing-contact-section{padding-top:24px}
.pricing-contact-section h2{font-size:25px}
@media(max-width:950px){
.pricing-offer-main,.pricing-webapp-start .pricing-offer-main{grid-template-columns:minmax(0,1fr) 185px;gap:18px 25px}
.pricing-offer-copy{grid-row:span 2}
.pricing-offer-action{grid-column:2}
.pricing-offer-action .button{font-size:13px}
.pricing-offer-price .package-price{font-size:29px}
}
@media(max-width:650px){
.pricing-page .page-intro{padding-bottom:24px}
.pricing-page .pricing-offers-section{padding-block:19px}
.pricing-page .section-heading{margin-bottom:18px}
.pricing-page .section-heading h2{font-size:24px}
.pricing-page .section-heading p{font-size:15px}
.pricing-offer-main,.pricing-webapp-start .pricing-offer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 15px;padding:21px 20px}
.pricing-offer-copy{grid-column:1/-1;grid-row:auto}
.pricing-offer-copy h2,.pricing-offer-copy h3{font-size:20px;margin-bottom:9px}
.pricing-webapp-start .pricing-offer-copy h2{font-size:24px}
.pricing-card .pricing-offer-copy>p:last-child{font-size:14px}
.pricing-card .rubric-icon{width:32px;height:32px;padding:7px}
.pricing-card .rubric-title{gap:10px}
.pricing-offer-price .package-price{font-size:28px}
.pricing-webapp-start .package-price{font-size:31px}
.package-price>span{font-size:12px}
.package-price small{font-size:10px}
.pricing-offer-action{grid-column:2;gap:9px}
.pricing-offer-action .button{font-size:12px;padding:9px 10px}
.pricing-card .pricing-offer-action .text-link{font-size:11px}
.pricing-card .pricing-start-setup{font-size:11px}
.pricing-more>summary{padding:12px 20px;font-size:13px}
.pricing-more-content{grid-template-columns:1fr;gap:16px;padding:4px 20px 21px}
.pricing-card .pricing-more-content ul{font-size:14px}
.pricing-breakdown{grid-template-columns:1fr;gap:20px}
.pricing-breakdown h3{font-size:18px}
.pricing-costs>summary{font-size:17px;padding:18px 20px}
.pricing-costs-content{padding:0 20px 22px}
.pricing-costs-content .button{width:100%}
.pricing-footnote{font-size:12px}
}
@media(max-width:380px){
.pricing-offer-main,.pricing-webapp-start .pricing-offer-main{grid-template-columns:minmax(0,1fr);gap:15px;padding:19px 17px}
.pricing-offer-copy,.pricing-offer-action{grid-column:1}
.pricing-offer-action .button{font-size:13px}
.pricing-more>summary{padding-inline:17px}
.pricing-more-content{padding-inline:17px}
}

/* Examples and comparison remain compact until the reader expands the block. */
.pricing-package-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}
.pricing-package-examples article{min-width:0;border:1px solid var(--line);border-radius:6px;padding:16px;background:#fff}
.pricing-package-examples h3{font-size:18px;margin:0 0 7px}
.pricing-card .pricing-package-examples p{font-size:13px;margin:0 0 12px}
.pricing-package-examples strong{display:block;font-size:14px;margin-bottom:10px;color:var(--ink)}
.pricing-package-examples a{font-size:13px;font-weight:650}
.pricing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:8px 0 25px}
.pricing-benefits h3{font-size:18px;margin:0 0 8px}
.pricing-benefits p{font-size:14px;margin:0;color:var(--muted)}
.pricing-comparison-scroll{max-width:100%;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:7px}
.pricing-comparison-scroll:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.pricing-comparison-table{width:100%;border-collapse:collapse;min-width:780px;text-align:left;font-size:13px;line-height:1.6}
.pricing-comparison-table caption{text-align:left;font-size:12px;color:var(--muted);padding:13px 15px;background:#fff}
.pricing-comparison-table th,.pricing-comparison-table td{padding:15px;vertical-align:top;border-top:1px solid var(--line)}
.pricing-comparison-table thead th{background:#edf4f8;font-weight:650;color:var(--ink)}
.pricing-comparison-table tbody th{width:155px;font-size:14px}
.pricing-comparison-table td:nth-child(2){width:150px}
.pricing-own-row{background:#edf6fa}
.pricing-comparison-note{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0}
@media(max-width:750px){.pricing-package-examples,.pricing-benefits{grid-template-columns:1fr;gap:13px}.pricing-package-examples article{padding:15px}.pricing-benefits{margin-bottom:20px}.pricing-comparison-table{min-width:740px;font-size:12px}.pricing-comparison-table th,.pricing-comparison-table td{padding:12px}.pricing-comparison-table caption{font-size:11px}}