/* Separate MozaTime screens: only the selected route is visible. */
body[data-page] main>section{display:none}
body[data-page="home"] #home,body[data-page="constructor"] #constructor,body[data-page="templates"] #templates,body[data-page="pricing"] #pricing,body[data-page="proposals"] #proposals,body[data-page="blog"] #blog,body[data-page="admin"] #admin{display:block}
body[data-page="constructor"] #constructor{display:grid}
body[data-page="home"] .landing{min-height:calc(100vh - 68px)}
#time-map{min-height:100vh;display:flex;flex-direction:column}#time-map main{flex:1;width:100%}.site-footer{margin-top:auto}
.brand{gap:8px;color:#fff;font-size:25px;font-weight:600;letter-spacing:-.05em}.brand i,.hero-logo i{color:#f17a64;font-style:normal}.logo-mark{display:grid;grid-template-columns:repeat(3,9px);grid-template-rows:repeat(3,9px);gap:3px}.logo-mark b{border-radius:2px;background:#4b6ff2}.logo-mark b:nth-child(2){background:#8065cb}.logo-mark b:nth-child(4),.logo-mark b:nth-child(6){background:#57938d}.logo-mark b:nth-child(5){background:#4b6ff2;transform:scale(.48)}.logo-mark b:nth-child(7),.logo-mark b:nth-child(9){background:#e36e5b}.logo-mark b:nth-child(8){background:#bd8950}.top nav a.active{color:#fff;font-weight:700}
.hero-logo{justify-content:center;margin:0 auto 25px;gap:12px;color:#162744;font-size:44px;font-weight:600;letter-spacing:-.06em}.hero-logo .logo-mark{grid-template-columns:repeat(3,15px);grid-template-rows:repeat(3,15px);gap:5px}
.illustration .blue{stroke:#356bf2}.illustration .violet{stroke:#8567d9}.illustration .teal{stroke:#2b9f91}.illustration .coral{stroke:#e96e5b}.illustration .gold{stroke:#ba7b49}.illustration .fill{stroke:none;fill:currentColor}.illustration .teal.fill{color:#2b9f91}.illustration .coral.fill{color:#e96e5b}
#admin{max-width:1000px;margin:0 auto;padding:70px 0}#admin .map-row{background:rgba(255,255,255,.55)}
.admin-row{display:grid;grid-template-columns:minmax(190px,1fr) 125px 115px 130px 105px auto auto;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.admin-row select,.admin-row input{margin:0;padding:7px;font-size:12px}.admin-row .button{white-space:nowrap}
@media(max-width:800px){.brand{font-size:22px}.hero-logo{font-size:34px}}
@media(max-width:1000px){.admin-row{grid-template-columns:1fr 1fr}.admin-row>div{grid-column:1/-1}}