.account-nav{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:500}.account-main{max-width:620px;margin:80px auto;padding:0 24px;min-height:calc(100vh - 300px)}.account-main h1{font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-2px}.account-lede{font-size:18px;line-height:1.4;color:var(--steel);margin-top:20px}.billing-plan{margin-top:40px;padding:32px;background:var(--linen);border-radius:24px}.billing-plan-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.billing-plan h2{font-size:30px;letter-spacing:-1px}.billing-price{font-family:"Wulkan Text",Georgia,serif;font-size:40px;white-space:nowrap}.billing-price small{font:400 14px/1.4 Geist,sans-serif;color:var(--steel)}.billing-account{margin-top:12px;overflow-wrap:anywhere;color:var(--steel);font-size:14px}#billing-status{border-top:1px solid #071a3126;margin-top:24px;padding-top:24px}#billing-status p+p{margin-top:8px}.billing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.billing-actions button:disabled{opacity:.6;cursor:wait}.billing-error{color:#9a2436;margin-top:20px;overflow-wrap:anywhere}.billing-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:32px;gap:16px}.account-signout{background:transparent;color:var(--steel);font-size:14px;padding:12px 0}.account-signout:hover{text-decoration:underline}.account-small{font-size:14px;line-height:1.5;color:var(--steel);margin-top:24px}.account-small a{text-decoration:underline;text-underline-offset:3px}.account-providers{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:32px}.google-auth-button{display:flex;min-height:50px;align-items:center;justify-content:center;background:white;border:1px solid #dadce0;border-radius:8px;padding:4px 16px;width:268px}.google-auth-button img{width:180px;height:40px}.account-providers>.button{width:268px;font-size:14px;gap:12px;background:white;border-color:#dadce0}.account-footer{display:flex;max-width:1200px;padding:24px;margin:auto;gap:24px;justify-content:space-between;font-size:12px;color:var(--steel)}.account-footer nav{display:flex;gap:24px}@media(max-width:768px){.account-main{margin:48px auto}.account-main h1{font-size:36px;line-height:1.1;letter-spacing:-1px}.account-lede{font-size:16px}.billing-plan{padding:24px;margin-top:32px}.billing-plan-heading{align-items:center}.billing-price{font-size:32px}.billing-actions{flex-direction:column;align-items:stretch}.account-footer{flex-direction:column;gap:16px}.account-nav{gap:18px}.account-providers{align-items:stretch}.google-auth-button,.account-providers>.button{width:100%}}@media(max-width:359px){.billing-plan{padding:20px}.billing-price{font-size:28px}.billing-price small{font-size:12px}}

.billing-sandbox{max-width:1200px;margin:24px auto 0;padding:16px 24px;display:flex;flex-wrap:wrap;gap:8px 20px;border-bottom:1px solid #071a3126;font-size:14px}.billing-sandbox span{flex:1 1 300px}.billing-sandbox a{text-decoration:underline;text-underline-offset:3px}.billing-sandbox strong{font-weight:600}

/* Signed-in billing follows the public pricing page and presentation slide 4. */
.billing-page .account-main{max-width:1120px;margin:56px auto 64px}
.billing-surround{padding:8px;border-radius:32px;background:linear-gradient(160deg,#071a31 0%,#276baf 35%,#bddfff 68%,#f5dcd1 100%)}
.billing-page .billing-plan{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:8px;background:#fff;border-radius:25px}
.billing-summary{padding:36px;background:var(--linen);border-radius:18px;min-width:0}
.billing-summary>h2{font-size:30px;line-height:1.1;letter-spacing:-1px}
.billing-page .billing-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:24px;font-size:72px;line-height:1.1;letter-spacing:-2px;white-space:normal}
.billing-price>span{font:400 14px/1.5 Geist,sans-serif;letter-spacing:normal;color:var(--steel)}
.billing-included{font-size:16px;margin-top:12px}
.billing-identity{margin-top:32px;font-size:12px;color:var(--steel)}
.billing-page .billing-account{margin:5px 0 0;color:var(--midnight);font-size:14px}
.billing-page #billing-status{margin-top:24px;padding-top:20px;font-size:14px;line-height:1.5}
.billing-page #billing-status p:first-child{font-weight:500}
.billing-page #billing-status p+p{color:var(--steel)}
.billing-page .billing-actions{flex-direction:column;align-items:stretch;margin-top:24px;gap:10px}
.billing-page .billing-actions .button{width:100%;font-size:15px;text-align:center}
.billing-page .billing-actions .button-outline{background:transparent}
.billing-checkout-note{font-size:12px;line-height:1.5;color:var(--steel);margin-top:16px;text-align:center}
.billing-features{padding:32px;min-width:0}
.billing-features>h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin-bottom:28px}
.billing-features ul{display:flex;flex-direction:column;gap:22px}
.billing-features li{display:flex;align-items:flex-start;gap:16px}
.billing-feature-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px}
.billing-feature-icon svg{width:24px;height:24px}
.billing-tone-shared{background:#edf5ff}.billing-tone-later{background:#f2f8de}.billing-tone-snooze{background:#f1ebff}.billing-tone-seen{background:#e2f6f3}.billing-tone-drafts{background:#f9ebf6}.billing-tone-reply{background:#eaf4fc}
.billing-features h3{font-size:15px;line-height:1.4;font-weight:500;margin-bottom:4px}
.billing-features li p{font-size:13px;line-height:1.5;color:var(--steel)}
.billing-page .billing-bottom{margin-top:24px;align-items:flex-start}
.billing-page .billing-bottom .account-small{margin:0;font-size:13px}
.billing-account-actions{display:flex;gap:24px;align-items:center;flex-shrink:0;font-size:14px}
.billing-account-actions a{text-decoration:underline;text-underline-offset:4px}
.billing-account-actions .account-signout{padding:0}
.account-footer nav{flex-wrap:wrap}
@media(max-width:768px){
  .billing-page .account-main{margin:36px auto 44px;padding:0 20px}
  .billing-surround{padding:6px;border-radius:26px}
  .billing-page .billing-plan{grid-template-columns:1fr;padding:6px;border-radius:21px}
  .billing-summary{padding:26px 24px;border-radius:16px}
  .billing-page .billing-price{font-size:56px;margin-top:20px}
  .billing-features{padding:30px 24px}
  .billing-page .billing-bottom{flex-direction:column;gap:20px}
}
@media(max-width:359px){.billing-page .account-main{padding:0 16px}.billing-summary,.billing-features{padding:24px 18px}.billing-page .billing-actions .button{font-size:14px;padding:12px}.billing-feature-icon{width:32px;height:32px;flex-basis:32px}.billing-feature-icon svg{width:20px;height:20px}}