/* Screen fitting shared by the standalone home page and every inherited page.
   Content reflows naturally; data tables and code scroll inside their own boxes. */
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}
body{width:100%;min-width:0;margin:0}
*,*::before,*::after{box-sizing:border-box}
main,section,article,aside,form,fieldset{min-width:0}
img,video,canvas,iframe{max-width:100%}
img,video{height:auto}
button,input,select,textarea{font:inherit}
textarea{resize:vertical}
.site-page .container{width:100%;max-width:1648px;padding-inline:clamp(1rem,3vw,3rem)}
.site-page .row>*{min-width:0}
.site-page main :is(p,li,label,.card-title,.portal-stat-value){overflow-wrap:anywhere}
.site-page .btn{white-space:normal;max-width:100%}
.site-page .table-responsive{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.site-page :is(pre,code){overflow-wrap:normal}
.site-page pre{max-width:100%;overflow-x:auto}
.site-page .docs-pagination{align-items:center;gap:.75rem}
.site-page .docs-pagination .btn{min-height:44px}
.site-page .at-navbar .navbar-collapse{min-width:0}
.site-page .portal-stat-card{height:100%}
.site-page .modal-content{max-height:calc(100dvh - 2rem);overflow-y:auto}
.home-page :is(.shell,.content-shell){width:calc(100% - clamp(2rem,6vw,8rem));max-width:1540px}
.home-page .header{gap:clamp(1rem,2vw,2rem)}
.home-page .header nav{gap:clamp(1rem,2vw,2.4rem);flex-wrap:wrap;justify-content:center}
.home-page .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1rem,2vw,2rem)}
.home-page h1{font-size:clamp(2.75rem,5.2vw,5.75rem);letter-spacing:-.045em;line-height:.98}
.home-page .hero-copy{min-width:0}
.home-page .hero-description{font-size:clamp(1rem,1.25vw,1.25rem);max-width:38rem}
.home-page .desktop-break{display:none}
.home-page .hero-actions{flex-wrap:wrap;gap:1rem 1.75rem}
.home-page .button{min-height:44px;max-width:100%;white-space:normal}
.home-page .section-row{grid-template-columns:minmax(200px,.85fr) minmax(0,3fr);gap:clamp(1rem,2vw,2rem)}
.home-page :is(.capability-grid,.hosting-grid,.resource-grid){min-width:0}
.home-page .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:0}
.home-page :is(.card-copy,.hosting-card>div,.resource-card>div){min-width:0}
.home-page :is(.card-copy,.hosting-card,.resource-card) :is(h3,p){overflow-wrap:anywhere}
.home-page .resource-card h3{white-space:normal}
.home-page .capability-card{gap:clamp(.75rem,1.4vw,1.5rem);padding-bottom:6.5rem;min-height:225px}
.home-page .card-copy{max-width:none}
.home-page .capability-card .icon-disc{width:clamp(48px,4.3vw,72px);height:clamp(48px,4.3vw,72px)}
.home-page .hosting-card{gap:1rem}
.home-page .hosting-card .card-arrow{margin-right:0;flex-shrink:0}
.home-page .resource-card{gap:.8rem;padding:1rem}
.home-page .resource-card .card-arrow{flex-shrink:0}
.home-page .footer{flex-wrap:wrap;gap:1rem 1.5rem;padding-block:1rem}
.home-page .footer nav{flex-wrap:wrap;gap:1rem 1.5rem}
@media(max-width:1199.98px){
 .home-page .section-row{grid-template-columns:minmax(0,1fr)}
 .home-page .section-intro{padding-bottom:.5rem}
 .home-page .section-intro h2 br{display:none}
 .home-page .capability-card{min-height:225px}
 .home-page .resource-card{padding:1rem}
 .site-page .at-navbar .navbar-collapse{max-height:calc(100dvh - 80px);overflow-y:auto}
}
@media(min-width:1200px) and (max-width:1399.98px){
 .site-page .at-navbar .navbar-logo{width:175px}
 .site-page .at-navbar .navbar-nav{margin-left:.25rem!important}
 .site-page .at-navbar .nav-link{padding-inline:.4rem;font-size:.8rem}
 .site-page .at-navbar .btn{padding-inline:.7rem}
}
@media(max-width:991.98px){
 .home-page .hero{grid-template-columns:minmax(0,1fr);padding-top:1.5rem}
 .home-page .hero-copy{max-width:42rem}
 .home-page h1{font-size:clamp(3rem,8vw,4.75rem)}
 .home-page .hero-actions{flex-direction:row;align-items:center}
 .home-page .hero-art{width:min(100%,600px);justify-self:center;height:310px;transform:none;margin-top:1rem}
 .home-page .asset-stack{left:8%}
 .home-page .flow-new{right:10%}.home-page .flow-assigned{right:4%}.home-page .flow-audit{right:0}
 .home-page .arrow-one{right:7%}.home-page .arrow-two{right:1%}
 .home-page .hero-wrap:before{background:linear-gradient(180deg,#f8fbff 0%,#f8fbffed 40%,#f8fbff50 80%),url('../images/home-office-front.png') center bottom/cover no-repeat}
 .site-page .portal-sidebar,.site-page .admin-sidebar{width:100%;min-width:0}
 .site-page .portal-wrapper,.site-page .admin-wrapper{min-height:0}
}
@media(max-width:767.98px){
 .home-page .header{height:auto;min-height:0;flex-wrap:wrap;padding-block:1rem;gap:1rem}
 .home-page .header nav{order:3;flex-basis:100%;justify-content:space-between;gap:.75rem}
 .home-page .header .brand{font-size:clamp(1.2rem,4vw,1.6rem)}
 .home-page .header .brand svg{width:36px;height:36px}
 .home-page .demo{margin-left:auto;padding:.7rem 1rem;font-size:.8rem;gap:.75rem}
 .home-page .hosting-grid,.home-page .resource-grid{grid-template-columns:minmax(0,1fr)}
 .home-page .capability-grid{grid-template-columns:minmax(0,1fr)}
 .home-page .capability-card{min-height:195px;gap:1.25rem;padding:1.25rem 1.25rem 6rem}
 .home-page .capability-card .icon-disc{width:60px;height:60px}
 .home-page .card-copy{flex:1}
 .home-page .card-copy p{font-size:1rem;max-width:30rem}
 .home-page .hosting-card{min-height:110px;padding:1rem}
 .home-page .hosting-card p{max-width:none;font-size:.875rem}
 .home-page .footer p{border:0;padding:0;flex-basis:100%}
 .home-page .footer nav{margin-left:0;width:100%;justify-content:space-between}
 .site-page .at-card.p-5{padding:1.5rem!important}
 .site-page .docs-pagination .btn{flex:1 1 220px}
 .site-page .docs-pagination>div:empty{display:none}
 .site-page .d-flex.justify-content-between{flex-wrap:wrap;gap:.75rem}
 .site-page .d-flex>.btn{flex-shrink:1}
 .site-page .form-control,.site-page .form-select{font-size:1rem}
 .site-page .docs-main .workflow-step{gap:.75rem}
}
@media(max-width:479.98px){
 .home-page :is(.shell,.content-shell){width:calc(100% - 2rem)}
 .home-page .hero h1{font-size:clamp(2.5rem,11.5vw,3.5rem)}
 .home-page .eyebrow{letter-spacing:.16em;line-height:1.6;font-size:.55rem}
 .home-page .section-intro .eyebrow{white-space:normal}
 .home-page .hero-actions{align-items:stretch;flex-direction:column;gap:1rem}
 .home-page .hero-actions .button{font-size:.875rem;padding:.8rem 1rem}
 .home-page .hero-actions .text-link{align-self:flex-start;font-size:.875rem}
 .home-page .hero-art{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:1rem 0;margin-top:.5rem}
 .home-page .asset-stack{grid-column:1/-1;position:relative;top:auto;left:auto;width:min(215px,75%);height:195px;justify-self:center;margin:.5rem 0 3rem}
 .home-page .flow{position:relative;inset:auto;min-width:0;transform:none;padding:.6rem .35rem;gap:.25rem;flex-direction:column;justify-content:center;font-size:.7rem;text-align:center}
 .home-page .flow span{font-size:1.6rem}
 .home-page .flow-arrow{display:none}
 .home-page .underlined:after{left:-100%;border-top-width:4px}
 .home-page .header nav a{font-size:.75rem}
 .home-page .demo{padding:.6rem .75rem;font-size:.7rem}
 .home-page .header .brand{gap:.3rem;letter-spacing:-.8px}
 .home-page .hosting-card .icon-disc{width:48px;height:48px}
 .home-page .hosting-card .icon-disc svg{width:34px;height:34px}
 .home-page .resource-card{gap:.75rem}
 .site-page .navbar-logo{width:180px;max-width:calc(100vw - 110px)}
 .site-page .workflow-number{width:30px;height:30px}
 .site-page .docs-main .workflow-step{padding:.75rem}
 .site-page .docs-sidebar-link{padding:.5rem}
 .site-page .portal-nav-item,.site-page .admin-nav-item{font-size:.8rem;padding:.5rem}
}
@media(max-height:600px) and (min-width:992px){.site-page .docs-sidebar{position:static;max-height:none}.site-page .at-navbar.sticky-top{position:relative}}

/* One shared logo asset for the homepage and all other pages. */
.home-page .brand-logo{display:block;width:220px;height:auto;max-width:100%}
.home-page .footer .brand-logo{width:165px}
@media(max-width:767.98px){.home-page .header .brand-logo{width:205px}}
@media(max-width:479.98px){.home-page .header .brand-logo{width:180px}}

.home-page .button-download{background:#fff;color:#1d4ed8;border:1px solid #93b9ed;box-shadow:none}
.home-page .button-download:hover{background:#edf5ff;color:#1e40af;border-color:#1d4ed8}