/* Match the header frame; rem-based type scales consistently with browser zoom. */
body[data-page="x402"] .wrap{box-sizing:border-box;width:100%;max-width:var(--cg-layout-width,1400px);margin-inline:auto;padding:0 26px}
body[data-page="x402"] .ph h1{font-size:2.75rem;max-width:19ch;line-height:1.12}
body[data-page="x402"] .ph .lead{font-size:1.3125rem;max-width:62ch}
body[data-page="x402"] .ps h2:not(.eyebrow){font-size:2rem}
body[data-page="x402"] .nb-panel>h2,body[data-page="x402"] .nb-panel>h3{font-size:1.625rem}
body[data-page="x402"] a.btn:not(.ghost),body[data-page="x402"] a.btn:not(.ghost) span{color:#071407;-webkit-text-fill-color:#071407}
body[data-page="x402"] a.btn.ghost,body[data-page="x402"] a.btn.ghost span{color:#f5f7f6;-webkit-text-fill-color:#f5f7f6}
body[data-page="x402"] .ph-ic{right:max(26px,calc((100% - 1400px)/2 + 26px));width:16.25rem;height:16.25rem}
body[data-page="x402"] .ph-ic .ic{width:7.5rem;height:7.5rem}
body[data-page="x402"] .g2>*{min-width:0}
body[data-page="x402"] .ctas{flex-wrap:wrap}
body[data-page="x402"] .btn{white-space:normal;max-width:100%}
@media(max-width:768px){body[data-page="x402"] .wrap{padding-inline:18px}}