/* Scope all rules to public content. Checkout styles and controls are excluded. */
main :is(.product-capability,.product-related-card,.feature-copy,.feature-visual){min-width:0}
main :is(.product-capability h3,.product-related-card h3,.feature-copy h2){overflow-wrap:break-word}
main .stack-layer{min-width:0;text-align:center;line-height:1.25;padding-inline:3px;overflow-wrap:anywhere}
main .bento-head{flex-wrap:wrap;row-gap:12px}
main .segmented{flex-shrink:0}
main .segmented button{white-space:nowrap}
html[lang=ar] main :is(h1,h2,h3,h4,.eyebrow,.label,.step-index){letter-spacing:0}
html[lang=ar] main :is(.product-capability h3,.product-steps h3,.feature-copy h2){line-height:1.5}
main .rank-table :is(th,td){text-align:start;overflow-wrap:break-word}
main .rank-table{table-layout:fixed;width:100%}
main .rank-table th:first-child{width:48%}
main .rank-table th:nth-child(2){width:32%}
main .rank-table th:last-child{width:20%}
main .chart-labels{gap:8px}
html[lang=ar] main .chart-labels span{direction:rtl;unicode-bidi:isolate}
html[lang=ar] main .demo-table td:first-child{direction:rtl;text-align:right}
main svg text[data-i18n]{unicode-bidi:plaintext}
html[lang=ar] main .code-window .comment{direction:rtl;unicode-bidi:isolate;display:inline-block}
@media(max-width:560px){
  main .product-capability-grid{grid-template-columns:1fr}
  main .product-capability{min-height:145px;gap:26px}
  main .rank-table :is(th,td){padding-inline:7px}
  main .chart-labels{font-size:8px;gap:5px}
}