.public-nav{max-width:1050px;margin:0 auto;padding:12px 24px;display:flex;gap:18px;flex-wrap:wrap;position:relative;z-index:3}.public-nav a{font-size:12px;text-decoration:none;color:var(--muted)}.public-nav a:hover{color:var(--mint)}.public-main{margin-top:18px}.public-main h1{font-size:42px}.public-main h2{margin-top:25px}.public-hero{background:radial-gradient(ellipse at right top,#2b696750,transparent 65%),linear-gradient(120deg,#132e2cf2,#0b1722)}.public-hero h1{font-size:54px;max-width:650px}.public-hero p{max-width:690px}.public-price{font-size:25px;color:var(--mint);margin:8px 0}.public-footer{display:block;max-width:1050px;border-top:1px solid var(--line);padding:25px 24px;line-height:1.8}.public-footer p{font-size:11px}.public-main .account-facts dd{overflow-wrap:anywhere}.public-main .account-facts>div{font-size:14px}@media(max-width:650px){.public-nav{position:relative;inset:auto;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;padding:14px 18px;gap:12px;justify-content:flex-start}.public-nav a{font-size:11px}.public-main{padding-bottom:15px}.public-main h1{font-size:31px}.public-hero h1{font-size:39px}.public-main .account-facts>div{font-size:12px}.public-footer{margin-bottom:0;padding:22px 20px}header>.button{font-size:12px;padding:10px 12px}.public-main .plans{gap:8px}.public-main .plan{padding:16px 12px}.public-main .plan b{font-size:22px}}
/* Separate sections and make long public documents comfortable to read. */
.public-main .card>p{max-width:72ch;color:#d0dfe7;font-size:15px}
.public-main .card>h2{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:22px}
.public-main .public-hero>h2{border:0;padding:0}
.public-main .account-facts>div{padding:16px 0;gap:20px}
.public-nav a{font-size:13px;line-height:1.6;padding:4px 0;color:#b5cbd6}
.public-footer p{font-size:13px;max-width:72ch}
.public-main .plan b{font-size:20px}.public-price{font-size:30px;font-weight:650}
@media(max-width:650px){.public-main .card>p{font-size:15px}.public-main .card>h2{font-size:21px}.public-main .account-facts>div{flex-direction:column;gap:6px;font-size:14px}.public-main .account-facts dd{text-align:left}.public-nav a{font-size:13px}.public-hero h1{font-size:37px}.public-main .plan b{font-size:18px}.public-price{font-size:28px}}
