/* One type scale and set of controls, taken from the approved homepage. */
:root{--site-title-size:44px;--site-subheading-size:24px;--site-copy-size:16px;--site-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 23px;min-height:48px;background:linear-gradient(#6384f1,#486de0);border:1px solid #4c6ede;box-shadow:0 3px 7px #4064df17,inset 0 1px 0 #ffffff30;border-radius:10px;color:white;font-family:var(--site-font);font-size:15px;line-height:1.6;font-weight:550;letter-spacing:normal;text-decoration:none;text-align:center;cursor:pointer;transition:transform 160ms cubic-bezier(.22,1,.36,1),box-shadow 160ms cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}
.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5}
.button.secondary,.button.button-secondary,.button.button-quiet{color:#4c5666;background:white;border-color:#e2e7ef;box-shadow:0 2px 4px #18284804}
.button.button-danger{background:#a53c4d;border-color:#a53c4d;color:white}
.button.full,.button.button-full{width:100%}
.button.button-small{font-size:13px;padding:9px 15px;min-height:40px;gap:14px;border-radius:8px}
.button:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
@media(hover:hover) and (pointer:fine){.button:hover:not(:disabled):not([aria-disabled=true]){filter:none;box-shadow:0 5px 14px #4064df26,inset 0 1px 0 #ffffff30}}
@media(max-width:950px){:root{--site-title-size:38px;--site-subheading-size:22px;--site-copy-size:15px}}
@media(max-width:650px){:root{--site-title-size:33px;--site-subheading-size:23px}.button{font-size:13px;min-height:44px;padding:11px 15px;gap:11px}.button.button-small{font-size:12px;padding:9px 12px;min-height:38px;gap:9px}}
@media(max-width:360px){.button{padding-inline:12px;font-size:12px}.button.button-small{font-size:11px;padding-inline:10px}}
@media(pointer:coarse){.button.button-small{position:relative}.button.button-small::after{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
@media(forced-colors:active){.button{border:1px solid ButtonText;box-shadow:none;background:ButtonFace;color:ButtonText}.button:focus-visible{outline:2px solid Highlight}}

/* The homepage's navigation and footer, shared by the standard customer pages. */
html{scroll-padding-top:100px}
.site-header,.site-footer{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:auto;color:#20242e}
.site-header{position:sticky;top:0;z-index:20;display:block;width:auto;min-height:0;margin:0;padding:0;background:#ffffffed;backdrop-filter:blur(16px);border:0;border-bottom:1px solid #eff0f4;border-radius:0;box-shadow:none}
.site-header .nav,.site-footer,.resource-page{width:min(1120px,calc(100% - 64px));margin-inline:auto}
/* Reference pages share the navigation's width, so their titles line up with the logo and the footer. */
.resource-page{max-width:none}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:24px}
.site-header a,.site-footer a{text-decoration:none}
.site-header .brand,.site-footer .brand{display:flex;align-items:center;gap:10px;width:auto;max-width:none;font-weight:650;letter-spacing:-.025em;white-space:nowrap;color:#20242e}
.site-header .brand{font-size:16px}
.site-header .brand img{display:block;width:32px;height:32px;border-radius:7px}
.site-header .nav-links{display:flex;gap:25px;font-size:14px;color:#717986}
.site-header .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:9px 15px;min-height:40px;background:linear-gradient(#6384f1,#486de0);border:1px solid #4c6ede;box-shadow:0 3px 7px #4064df17,inset 0 1px 0 #ffffff30;border-radius:8px;color:white;font-size:13px;font-weight:550;letter-spacing:normal;cursor:pointer;transition:transform 160ms cubic-bezier(.22,1,.36,1),box-shadow 160ms cubic-bezier(.22,1,.36,1)}
.site-header .button:active{transform:scale(.98)}
.site-header .mobile-menu-toggle{display:none;border:0;background:transparent;width:40px;height:44px;padding:10px;cursor:pointer}
.site-header .mobile-menu-toggle span{display:block;background:#434d60;height:1.5px;margin:5px 0}
.site-header .mobile-menu{padding:8px 24px 20px;display:grid;gap:4px}
.site-header .mobile-menu[hidden]{display:none}
.site-header .mobile-menu a{padding:8px 0;color:#596478}
.site-header a,.site-header button,.site-footer a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.site-header :is(a,button):focus-visible,.site-footer a:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.site-header a[aria-current=page],.site-footer nav a[aria-current=page]{color:#20242e;text-decoration:underline;text-underline-offset:.25em}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #e7eaf1;padding:30px 0 36px;flex-wrap:wrap;font-size:13px;color:#748298}
.site-footer .brand{font-size:15px;color:#738098}
.site-footer .brand img{display:block;width:28px;height:28px;border-radius:7px}
.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-start;align-content:normal}
.site-footer nav a{display:inline;min-height:0;font:inherit;color:inherit}
.site-footer p{width:100%;margin:0;font-size:13px;color:#a6afbd}
/* The copyright and requirements lines read as one block of fine print. */
.site-footer p+p{margin-top:-19px}
@media(hover:hover) and (pointer:fine){.site-header .button:hover{box-shadow:0 5px 14px #4064df26,inset 0 1px 0 #ffffff30}.site-header .nav-links a:hover,.site-footer a:hover{color:#496bd0}}
@media(min-width:1650px){.site-header .nav,.site-footer,.resource-page{width:min(1200px,calc(100% - 100px))}}
@media(max-width:950px){.site-header .nav,.site-footer,.resource-page{width:calc(100% - 48px)}.site-header .nav{gap:16px}.site-header .nav-links{gap:17px}.site-header .nav-links a:nth-last-child(-n+2){display:none}}
@media(max-width:650px){
 html{scroll-padding-top:84px}
 .site-header .nav,.site-footer,.resource-page{width:calc(100% - 36px)}
 .site-header .nav{height:66px;gap:12px}
 .site-header .brand{font-size:15px;gap:8px}
 .site-header .brand img{width:28px;height:28px}
 .site-header .nav-links{display:none}
 .site-header .button{margin-left:auto;font-size:12px;padding:9px 12px;min-height:38px;gap:9px}
 .site-header .button span{display:none}
 .site-header .mobile-menu-toggle{display:block}
 .site-footer{padding:25px 0 30px;gap:22px}
 .site-footer p+p{margin-top:-16px}
 /* Nine links in three even rows: product, help, legal. */
 .site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:13px 20px}
}
@media(max-width:360px){.site-header .nav,.site-footer,.resource-page{width:calc(100% - 28px)}.site-header .brand{font-size:14px}.site-header .mobile-menu-toggle{width:32px;padding:7px}.site-header .nav{gap:8px}.site-header .button{font-size:11px;padding-inline:10px}}
@media(pointer:coarse){.site-header .button{position:relative}.site-header .button::after{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}.site-footer nav{row-gap:4px}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){.site-header .button{transition:none}}