/* Mobile layer for the website kit. Inline styles need !important to be overridden. */
.ut-mbr{display:none}
@media (max-width: 900px){
.feat-slide{flex-basis:calc((100% - 20px) / 2) !important}
.ut-hero-inner{padding:48px 40px 0 !important}
.ut-stack.ut-steps{grid-template-columns:1fr 1fr !important}
.ut-steps>div:nth-child(2){border-right:none !important}
.ut-steps>div:nth-child(3){grid-column:1 / -1;border-top:1px solid var(--border-default)}
.ut-footer-grid{grid-template-columns:1fr 1fr !important}
}
@media (max-width: 720px){
.ut-shell{padding:0 18px !important}
.ut-mbr{display:inline}
.ut-back-home{display:none !important}
.roam-tag{transform-origin:0 0}
.roam-tag>*{font-size:10px !important;padding:3px 7px !important;gap:4px !important}
.roam-tag>* span[style*="border-radius: 50%"]{width:5px !important;height:5px !important}
.feat-slide{flex-basis:84% !important}
.feat-track{margin:0 -18px;padding:0 18px 2px !important;scroll-padding:0 18px;gap:12px !important}
.ut-feat-link{display:none !important}
.feat-arrow{width:40px !important;height:40px !important}
.ut-nav{padding:16px 0 !important;gap:12px}
.ut-hero{padding:16px 0 56px !important}
.ut-hero-inner{padding:24px 0 0 !important}
.ut-stack,.ut-stack.ut-steps{grid-template-columns:1fr !important}
.ut-steps>div:nth-child(3){grid-column:auto}
.ut-usedby-wrap{margin-top:48px !important}
.ut-usedby{max-width:100%;box-sizing:border-box}
.ut-usedby .text-blur-feather{inset:-12px}
.ut-usedby-row{flex-wrap:wrap;gap:10px 20px !important}
.ut-nav>div:first-child span{font-size:13px !important}
.ut-steps>div{border-right:none !important;border-top:1px solid var(--border-default)}
.ut-steps>div:first-child{border-top:none}
.ut-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
.ut-cards>*{padding:14px !important;min-height:170px !important;min-width:0}
.ut-cards>* >div:first-child{flex-wrap:wrap !important;row-gap:6px}
.ut-newsletter{display:flex !important;flex-direction:column;width:100%}
.ut-newsletter input{min-width:0 !important;min-height:44px;box-sizing:border-box}
.ut-sponsored{flex-direction:column;align-items:flex-start !important;padding:18px !important;gap:10px !important}
.ut-title-row{flex-direction:column;align-items:flex-start !important}
.ut-toolbar{flex-wrap:wrap}
.ut-toolbar>input{flex:1 1 100% !important;min-height:44px}
.ut-toolbar>button,.ut-toolbar>div{flex:1 1 0}
.ut-toolbar>button,.ut-toolbar>div>button{height:44px !important;width:100%;justify-content:center}
/* homepage rail becomes a horizontal slinky strip under its panel */
.ut-rail-panel{order:-1;padding-top:0 !important;transform-origin:center top}
.ut-rail-panel>div:first-child{display:none}
.ut-rail{display:flex;overflow-x:auto !important;border:none !important;border-radius:0 !important;margin:0 -18px;padding:0 18px 4px;gap:8px;scrollbar-width:none}
.ut-rail-row{flex:0 0 auto}
.ut-rail-ind{display:none !important}
.ut-rail-layer{border:1px solid var(--acc) !important;border-radius:var(--radius-pill)}
/* category shelf becomes a vertical accordion */
.ut-shelf{flex-direction:column !important;height:auto !important;gap:8px !important}
.ut-tile{flex:none !important;min-height:48px}
.ut-tile-on{min-height:0}
.ut-tile-body{padding:20px !important;height:auto !important}
.ut-tile-bob{animation:none !important;flex-direction:row !important;justify-content:flex-start !important;padding:0 16px !important;min-height:48px}
.ut-tile-label{writing-mode:horizontal-tb !important}
.ut-footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) !important;grid-template-areas:"brand brand" "cat1 co" "cat2 co";gap:0 20px !important;padding:28px 0 24px !important}
.ut-f-brand{grid-area:brand;margin-bottom:28px}
.ut-f-cat1{grid-area:cat1}
.ut-f-cat2{grid-area:cat2;padding-top:0 !important}
.ut-f-co{grid-area:co}
.ut-f-cat2{margin-top:7px}
.ut-f-co{margin-top:0}
.ut-f-brand>div:last-child{margin-bottom:0 !important}
}
@media (max-width: 360px){
.ut-nav{flex-wrap:wrap}
.ut-nav-links{gap:12px !important}
}
html,body{overflow-x:clip}

.ut-footer-social{transition:color var(--dur-fast,120ms) ease}.ut-footer-social:hover{color:var(--text-heading) !important}
@media (max-width: 900px){input,select,textarea{font-size:16px !important}}
.ut-mode-toggle::-webkit-scrollbar{display:none}
.ut-mt-short{display:none}
@media (max-width: 720px){.ut-mode-toggle{overflow:visible !important}.ut-mt-track{display:flex !important;width:100%;box-sizing:border-box;flex-shrink:1 !important}.ut-mt-btn{flex:1 1 0;min-width:0;padding:0 4px !important;font-size:10px !important}.ut-mt-long{display:none}.ut-mt-short{display:inline}}

.ut-legal a{color:var(--text-heading);text-decoration:underline;text-underline-offset:2px}.ut-legal a:hover{color:var(--text-subtext)}
.ut-legal strong{color:var(--text-heading);font-weight:500}
.ut-form-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width: 900px){.ut-legal-grid{grid-template-columns:minmax(0,1fr) !important;gap:0 !important;padding-top:32px !important}.ut-legal-toc{display:none !important}}